/* Self-hosted, uniquely named font. All element rules below are rooted at .index. */
.index { margin: 0; background: var(--bole-color-white); color: var(--bole-color-gray-333333); font: 13px/1.625 var(--bole-font-family); -webkit-font-smoothing: antialiased; }
.index .index__main, .index .index__main *, .index .index__main *::before, .index .index__main *::after { box-sizing: border-box; }
.index .index__main { width: 100%; overflow: clip; }
.index .index__main [hidden] { display: none !important; }
.index :where(.index__main a) { color: inherit; text-decoration: none; }
.index .index__main button { font: inherit; cursor: pointer; }
.index :where(.index__main h1,.index__main h2,.index__main h3,.index__main p) { margin: 0; }
.index .index__main img { display: block; max-width: 100%; }
.index .index__main :is(a,button):focus-visible { outline: 2px solid var(--bole-color-tone-a67e39); outline-offset: 3px; }
.index .index__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.index .index__skip { position: fixed; top: 8px; left: 8px; z-index: 100000; transform: translateY(-200%); padding: 10px 16px; color: var(--bole-color-gray-111111); background: var(--bole-color-white); }
.index .index__skip:focus { transform: translateY(0); }
.index .index__container { width: calc(100% - 60px); max-width: 1260px; margin-inline: auto; }
.index .index__hero { position: relative; background: var(--bole-color-gray-080808); color: var(--bole-color-white); touch-action: pan-y pinch-zoom; }
.index .index__slides { display: grid; overflow: hidden; transition: height .3s cubic-bezier(.25,.46,.45,.94); }
.index .index__slide { position: relative; grid-area: 1 / 1; align-self: start; width: 100%; opacity: 0; pointer-events: none; transition: opacity .3s cubic-bezier(.25,.46,.45,.94); }
.index .index__slide.is-active { opacity: 1; pointer-events: auto; }
.index .index__hero-picture { display: block; width: 100%; aspect-ratio: 2000 / 850; overflow: hidden; }
.index .index__hero-image { width: 100%; height: 100%; object-fit: cover; }
.index .index__hero-caption { position: absolute; top: auto; bottom: 12%; left: 80px; right: 80px; text-align: center; pointer-events: none; }
.index .index__hero-title { padding-inline: 15px; color: var(--bole-color-white); font-size: calc(8px + 1.6vw); line-height: 1.2; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; text-shadow: 0 0 20px var(--bole-color-black-alpha-0_25); }
.index .index__hero-text { position: absolute; bottom: 0; width: 100%; color: var(--bole-color-white); font-size: 20px; font-weight: 600; letter-spacing: 1px; text-shadow: 0 0 10px var(--bole-color-black-alpha-0_25); }
.index .index__hero-link { position: absolute; inset: 0; z-index: 1; }
.index .index__arrow { position: absolute; z-index: 5; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 80px; height: 80px; color: var(--bole-color-white); background: var(--bole-color-transparent); border: 0; padding: 0; }
.index .index__arrow svg { display: none; }
.index .index__arrow::before { content: ''; position: absolute; top: 16px; width: 48px; height: 48px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; }
.index .index__arrow--previous::before { left: 32px; transform: rotate(-135deg); }
.index .index__arrow--next::before { left: 0; transform: rotate(45deg); }
.index .index__arrow--previous { left: 0; }
.index .index__arrow--next { right: 0; }
.index .index__pagination { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); z-index: 6; display: flex; align-items: center; }
.index .index__dot { display: block; width: 20px; height: 20px; margin: 0; padding: 5px; border: 0; color: var(--bole-color-white); background: var(--bole-color-transparent); }
.index .index__dot span { display: block; width: 10px; height: 10px; border: 1px solid currentColor; border-radius: 50%; }
.index .index__dot[aria-pressed="true"] span { background: var(--bole-color-white); }
.index .index__pause { position: absolute; z-index: 7; right: 15px; bottom: 10px; width: 40px; height: 32px; color: var(--bole-color-white); border: 1px solid var(--bole-color-white); background: var(--bole-color-gray-111111); clip-path: inset(50%); }
.index .index__pause:focus-visible { clip-path: none; }
.index .index__film { width: 100%; max-width: 1260px; margin: 50px auto 0; }
.index .index__film-frame { position: relative; width: 100%; aspect-ratio: 16 / 9; background: var(--bole-color-black); overflow: hidden; }
.index .index__video, .index .index__video-embed { display: block; width: 100%; height: 100%; border: 0; object-fit: contain; background: var(--bole-color-black); }
.index .index__video-embed-frame { display: block; width: 100%; height: 100%; border: 0; }
.index .index__film-cover { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: var(--bole-color-black); }
.index .index__film-cover > img { width: 100%; height: 100%; object-fit: cover; }
.index .index__film-title { display: none; position: absolute; z-index: 2; top: 0; left: 0; right: 0; padding: 16px 20px 32px; color: var(--bole-color-white); font-size: 18px; line-height: 1.4; font-weight: 600; background: linear-gradient(var(--bole-color-black-alpha-0_6),var(--bole-color-transparent)); text-shadow: 0 1px 2px var(--bole-color-black); pointer-events: none; transition: opacity .2s; }
.index .index__film.is-playing .index__film-title { opacity: 0; }
.index .index__film.is-playing:hover .index__film-title { opacity: 1; }
.index .index__play-icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: grid; place-items: center; width: 68px; height: 48px; border-radius: 13px; background: var(--bole-color-tone-ff0000); color: var(--bole-color-white); }
.index .index__play-icon svg { width: 25px; height: 25px; fill: currentColor; }
.index .index__film-link { display: grid; place-items: center; width: 100%; height: 100%; color: var(--bole-color-white); }
.index .index__film-link img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.index .index__film-link span { position: relative; }
.index .index__collections { margin-top: 50px; padding-top: 50px; border-top: 1px solid var(--bole-color-gray-e5e5e5); }
.index .index__collection-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
.index .index__collection-row + .index__collection-row { margin-top: 50px; }
.index .index__collection { position: relative; display: block; min-width: 0; }
.index .index__collection-image { width: 100%; height: auto; aspect-ratio: 1440 / 640; object-fit: cover; }
.index .index__collection-title { position: absolute; bottom: 12px; left: 20px; right: 20px; text-align: left; color: var(--bole-color-white); font-size: 26px; line-height: 1.25; font-weight: 700; letter-spacing: .05em; text-shadow: 0 0 10px var(--bole-color-black-alpha-0_5); }
.index .index__featured, .index .index__journal { margin-top: 50px; padding-top: 50px; border-top: 1px solid var(--bole-color-gray-e5e5e5); }
.index .index__featured:last-child { margin-bottom: 80px; }
.index .index__section-title { color: var(--bole-color-gray-999999); font-size: 17px; line-height: 1.25; font-weight: 600; text-align: center; }
.index .index__product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 40px 0; margin-top: 50px; }
.index .index__product { min-width: 0; padding: 0 15px; text-align: center; }
.index .index__product-image-link { display: block; aspect-ratio: 3 / 2; overflow: hidden; }
.index .index__product-image { width: 100%; height: 100%; object-fit: contain; }
.index .index__product-title { margin-top: 20px; font-size: 16px; font-weight: 600; line-height: 22px; letter-spacing: .05em; text-transform: uppercase; }
.index .index__product-scale { display: inline; margin-left: 4px; }
.index .index__product-description { margin-top: 7px; font-size: 14px; line-height: 22.75px; max-height: 112px; overflow: hidden; }
.index .index__journal { margin-bottom: 50px; }
.index .index__journal-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; margin-top: 40px; }
.index .index__story { min-width: 0; }
.index .index__story-title { margin-bottom: 20px; font-size: 17px; font-weight: 700; line-height: 1.25; text-align: center; letter-spacing: .05em; }
.index .index__story-image-link { display: block; margin-bottom: 15px; aspect-ratio: 3 / 2; }
.index .index__story-image-link img { width: 100%; height: 100%; object-fit: cover; }
.index .index__story-text { font-size: 14px; line-height: 22.75px; }
.index .index__story-more { margin-top: 18px; font-size: 14px; line-height: 22.75px; }
.index .index__story-more a:hover { color: var(--bole-color-black); }

@media(hover:hover) and (pointer:fine) {
    .index .index__product-image { transition: transform .3s ease; }
    .index .index__product-image-link:hover .index__product-image { transform: scale(1.1); }
    .index .index__product-title a, .index .index__story-title a, .index .index__story-more a { transition: color .3s cubic-bezier(.25,.46,.45,.94); }
    .index .index__product-title a:hover, .index .index__story-title a:hover, .index .index__story-more a:hover { color: var(--bole-color-black); }
}

@media(max-width:1023px) {
    .index .index__hero-text { font-size: 17px; }
}
@media(max-width:720px) {
    .index .index__container { width: 100%; max-width: 540px; }
    .index .index__collections { width: calc(100% - 40px); margin-inline: auto; }
    .index .index__film { max-width: 540px; margin-top: 25px; }
    .index .index__collections, .index .index__featured, .index .index__journal { margin-top: 25px; padding-top: 25px; }
    .index .index__featured:last-child { margin-bottom: 45px; }
    .index .index__collection-row { grid-template-columns: minmax(0,1fr); gap: 30px; }
    .index .index__collection-row + .index__collection-row { margin-top: 30px; }
    .index .index__collection-title { bottom: 10px; left: 12px; right: 12px; font-size: 16px; }
    .index .index__product-grid { width: 95%; margin-inline: auto; grid-template-columns: minmax(0,1fr); gap: 20px 0; margin-top: 30px; }
    .index .index__product { padding: 0; }
    .index .index__journal-grid { grid-template-columns: minmax(0,1fr); gap: 40px; margin-top: 40px; }
    .index .index__journal { margin-bottom: 25px; }
}
@media(max-width:540px) {
    .index .index__film-title { display: block; }
    .index .index__hero { color: var(--bole-color-gray-333333); background: var(--bole-color-white); }
    .index .index__hero-picture { aspect-ratio: 1; background: var(--bole-color-gray-080808); }
    .index .index__hero-caption { position: static; padding: 0 15px; margin-top: 20px; text-align: center; }
    .index .index__hero-title { padding: 0; color: var(--bole-color-gray-333333); font-size: 20px; line-height: 26px; text-shadow: none; }
    .index .index__hero-text { position: static; font-size: 14px; line-height: 22.75px; color: var(--bole-color-gray-333333); font-weight: 400; text-shadow: none; }
    .index .index__arrow { top: calc(50vw); width: 40px; height: 40px; }
    .index .index__arrow::before { top: 8px; width: 24px; height: 24px; }
    .index .index__arrow--previous::before { left: 16px; }
    .index .index__pagination { top: calc(100vw - 50px); bottom: auto; padding-top: 25px; }
}
@media(prefers-reduced-motion:reduce) {
    .index .index__slides, .index .index__slide, .index .index__product-image, .index .index__product-title a, .index .index__story-title a, .index .index__story-more a { transition: none; }
}

/* Player cards reserve their size; third-party players are created on click only. */
.index .index__social { margin-block: clamp(32px,5vw,72px); }
.index .index__social-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; align-items:start; }
.index .index__social-card { position:relative; min-width:0; }
.index .index__social-media { position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:14px; background:var(--bole-color-gray-151515); }
.index .is-portrait .index__social-media { aspect-ratio:9/16; max-height:520px; }
.index .index__social-embed,.index .index__social-media iframe,.index .index__social-media video { width:100%;height:100%;display:block;border:0; }
.index .index__social-cover { position:absolute;inset:0;display:grid;place-items:center;color:var(--bole-color-white);background:linear-gradient(140deg,var(--bole-color-gray-303030),var(--bole-color-gray-090909)); }
.index .index__social-cover img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.index .index__social-play { position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--bole-color-black-alpha-0_73333333);color:var(--bole-color-white);font-size:22px;transition:background .2s,transform .2s; }
.index .index__social-cover:hover .index__social-play { background:var(--bole-color-support-action);transform:scale(1.08); }
.index .index__social-platform { position:absolute;left:14px;top:14px;padding:4px 10px;border-radius:20px;background:var(--bole-color-black-alpha-0_73333333);font-size:12px;font-weight:600; }
.index .index__social-caption { padding:16px 2px 0; }
.index .index__social-caption h2 { font-size:17px;line-height:1.5;font-weight:600; }
.index .index__social-caption a { display:inline-block;margin-top:8px;color:var(--bole-color-tone-806018);font-size:13px; }
.index .index__social-caption a:hover { text-decoration:underline var(--bole-color-underline) 3px; }
@media(max-width:1000px) { .index .index__social-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; } }
@media(max-width:600px) { .index .index__social { width:calc(100% - 32px); } .index .index__social-grid { grid-template-columns:minmax(0,1fr);gap:28px; } .index .is-portrait .index__social-media { width:min(100%,292px);margin-inline:auto; } }
@media(prefers-reduced-motion:reduce) { .index .index__social-play { transition:none; } }

/* A single bounded rail keeps up to 50 videos from lengthening the homepage. */
.index .index__social-grid { display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:0;padding:4px 0 18px;scrollbar-width:thin;scrollbar-color:var(--bole-color-tone-b99a51) var(--bole-color-gray-f2f2f2); }
.index .index__social-card { scroll-snap-align:start; }
.index .index__social-tools { display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px;color:var(--bole-color-gray-777777);font-size:13px; }
.index .index__social-tools > div { display:flex;gap:10px; }
.index .index__social-tools button { display:grid;place-items:center;border:0;width:40px;height:40px;border-radius:50%;background:var(--bole-color-gray-efefef);color:var(--bole-color-gray-222222);font-size:30px;line-height:1; }
.index .index__social-tools button:hover:not(:disabled) { background:var(--bole-color-tone-e4d4ac); }
.index .index__social-tools button:disabled { opacity:.3;cursor:default; }
.index .index__social-media,.index .is-portrait .index__social-media { width:100%;height:auto;aspect-ratio:16/9;max-height:none; }
.index .is-portrait .index__social-cover img { object-fit:contain; }
.index .index__social-caption h2 { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em; }
@media(max-width:1000px) { .index .index__social-grid { grid-template-columns:none;grid-auto-columns:calc((100% - 24px)/2); } }
@media(max-width:600px) { .index .index__social-grid { grid-template-columns:none;grid-auto-columns:88%;gap:16px; } }

/* Homepage news recommendations replace the retired featured-model section. */
.index .index__journal-heading { display:flex;align-items:center;justify-content:space-between;gap:20px; }
.index .index__journal-heading .index__section-title { color:var(--bole-color-gray-222222);font-size:clamp(24px,2.5vw,32px);text-align:left; }
.index .index__journal-heading > a { color:var(--bole-color-tone-806018);font-size:14px;white-space:nowrap; }
.index .index__story-image-link { overflow:hidden;border-radius:12px; }
.index .index__journal .index__story { display:flex;flex-direction:column; }
.index .index__journal .index__story-image-link { flex-shrink:0;box-shadow:0 4px 20px var(--bole-color-black-alpha-0_1);transition:box-shadow .3s ease; }
.index .index__journal .index__story-more { margin-top:auto;padding-top:18px; }
.index .index__journal .index__story:focus-within .index__story-image-link { box-shadow:0 10px 30px var(--bole-color-black-alpha-0_13); }
@media(hover:hover) and (pointer:fine) { .index .index__journal .index__story-image-link:hover { box-shadow:0 10px 30px var(--bole-color-black-alpha-0_13); } }
.index .index__story-date { color:var(--bole-color-gray-888888);font-size:12px;margin-bottom:10px; }
.index .index__story-title { text-align:left;font-size:20px;line-height:1.45;letter-spacing:0;margin-bottom:12px; }
.index .index__story-text { color:var(--bole-color-gray-666666);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.index .index__story-more a { color:var(--bole-color-tone-806018); }
.index .index__journal .index__story-title a { transition:color .3s ease; }
@media(hover:hover) and (pointer:fine){.index .index__journal .index__story:hover .index__story-title a{color:var(--bole-color-brand)}}
.index .index__journal .index__story:focus-within .index__story-title a{color:var(--bole-color-brand)}
@media(prefers-reduced-motion:reduce){.index .index__journal .index__story-title a{transition:none}}
@media(max-width:720px) { .index .index__journal { width:calc(100% - 32px); } }
@media(prefers-reduced-motion:reduce) { .index .index__journal .index__story-image-link { transition:none; } }

/* Preserve the original category layout; add only rounded corners and shadow. */
.index .index__collection { overflow:hidden;border-radius:20px;box-shadow:0 4px 20px var(--bole-color-black-alpha-0_1);transition:box-shadow .3s ease; }
.index .index__collection-image { border-radius:inherit; }
@media(hover:hover) and (pointer:fine) { .index .index__collection:hover { box-shadow:0 10px 30px var(--bole-color-black-alpha-0_2); } }
.index .index__collection:focus-visible { box-shadow:0 10px 30px var(--bole-color-black-alpha-0_2); }
@media(prefers-reduced-motion:reduce) { .index .index__collection { transition:none; } }
.index .index__collection-image,.index .index__journal .index__story-image-link img{transition:transform .5s ease}
@media(hover:hover) and (pointer:fine){
    .index .index__collection:hover .index__collection-image,
    .index .index__journal .index__story-image-link:hover img,
    .index .index__journal .index__story:has(.index__story-title:hover) .index__story-image-link img{transform:scale(1.03)}
}
.index .index__journal .index__story:has(.index__story-title a:focus-visible) .index__story-image-link img{transform:scale(1.03)}
@media(prefers-reduced-motion:reduce){
    .index .index__collection .index__collection-image,
    .index .index__journal .index__story-image-link img{transition:none;transform:none}
}
/* CSS circuit and native range control; the supplied car is the moving indicator. */
.index .index__social-grid.has-race-scroll { scrollbar-width:none;scroll-snap-type:none; }
.index .index__social-grid.has-race-scroll::-webkit-scrollbar { display:none; }
.index .index__social-grid.is-race-dragging { scroll-snap-type:none; }
.index .index__race-scroll { --race-car-width:160px;position:relative;height:88px;margin-top:10px;isolation:isolate; }
.index .index__race-road { position:absolute;inset:auto 18px auto;top:44px;height:36px;transform:perspective(1200px) rotateX(60deg) skewX(-16deg);transform-origin:center;overflow:hidden;border-radius:3px;background:repeating-linear-gradient(105deg,var(--bole-color-white-alpha-0_01176471) 0 1px,var(--bole-color-transparent) 1px 4px),linear-gradient(180deg,var(--bole-color-tone-32383b),var(--bole-color-tone-171d20) 55%,var(--bole-color-tone-252c30));box-shadow:inset 0 1px 0 var(--bole-color-white-alpha-0_13333333),inset 0 -1px 0 var(--bole-color-black-alpha-0_6),0 4px 7px var(--bole-color-black-alpha-0_13333333);border:1px solid var(--bole-color-tone-62635b); }
.index .index__race-road::before { content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--bole-color-tone-d8c9a3) 0 20px,var(--bole-color-tone-494e50) 20px 40px) top/100% 3px no-repeat,repeating-linear-gradient(90deg,var(--bole-color-tone-d8c9a3) 0 20px,var(--bole-color-tone-494e50) 20px 40px) bottom/100% 3px no-repeat; }
.index .index__race-road::after { content:'';position:absolute;left:18px;right:18px;top:50%;height:1px;background:repeating-linear-gradient(90deg,var(--bole-color-tone-d6d7ce-alpha-0_50196078) 0 24px,var(--bole-color-transparent) 24px 50px);box-shadow:0 -10px 0 var(--bole-color-tone-b9a367-alpha-0_27058824),0 10px 0 var(--bole-color-tone-b9a367-alpha-0_27058824); }
.index .index__race-finish { position:absolute;top:5px;bottom:5px;right:22px;width:12px;opacity:.55;background:conic-gradient(var(--bole-color-gray-dddddd) 25%,var(--bole-color-gray-222222) 0 50%,var(--bole-color-gray-dddddd) 0 75%,var(--bole-color-gray-222222) 0) 0 0/8px 8px; }
.index .index__race-car { position:absolute;z-index:1;left:0;top:0;width:var(--race-car-width);height:80px;pointer-events:none;will-change:transform; }
.index .index__race-car img { width:120%;max-width:none;height:auto;position:absolute;left:-12%;top:-8px;filter:drop-shadow(0 6px 3px var(--bole-color-black-alpha-0_53333333));user-select:none; }
.index .index__race-range { appearance:none;-webkit-appearance:none;position:absolute;z-index:2;inset:0;width:100%;height:88px;margin:0;border:0;padding:0;background:var(--bole-color-transparent);cursor:pointer;outline:none; }
.index .index__race-range::-webkit-slider-runnable-track { height:80px;background:var(--bole-color-transparent);border:0; }
.index .index__race-range::-webkit-slider-thumb { appearance:none;-webkit-appearance:none;width:var(--race-car-width);height:80px;border:0;background:var(--bole-color-transparent);cursor:grab; }
.index .index__race-range::-moz-range-track { height:80px;background:var(--bole-color-transparent);border:0; }
.index .index__race-range::-moz-range-thumb { width:var(--race-car-width);height:80px;border:0;border-radius:0;background:var(--bole-color-transparent);cursor:grab; }
.index .index__race-range:active::-webkit-slider-thumb { cursor:grabbing; }
.index .index__race-range:focus-visible:not(.is-pointer-focus) { outline:2px solid var(--bole-color-tone-b59240);outline-offset:4px;border-radius:10px; }
.index .index__race-range.is-pointer-focus { outline:none;box-shadow:none; }
.index .index__race-range:disabled { cursor:default; }
@media(max-width:600px) { .index .index__race-scroll { --race-car-width:80px;height:78px; } .index .index__race-car img { top:25px; } .index .index__race-road { top:42px;height:30px;left:8px;right:8px; } .index .index__race-range { height:78px; } }


/* Shared gold treatment for formerly dark buttons. */
.index .index__pause{background:var(--bole-color-support-action);color:var(--bole-color-black);transition:background .2s ease,color .2s ease}
@media(hover:hover){.index .index__pause:hover:not(:disabled):not([aria-disabled=true]){background:color-mix(in srgb,var(--bole-color-support-action) 88%,var(--bole-color-white));color:var(--bole-color-black)}}
@media(prefers-reduced-motion:reduce){.index .index__pause{transition:none}}