@font-face {font-family:'Russo One';src:url('/assets/fonts/RussoOne-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
/* The film and the motorsport headline share the left half of the hero. */
body[data-fm-liquid].home-page .hero-content {grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);column-gap:24px}
body[data-fm-liquid].home-page .hero-copy {width:100%;max-width:none;justify-self:stretch;transform:none}
body[data-fm-liquid].home-page .hero-reel {width:100%;max-width:none;margin:24px 0}
body[data-fm-liquid].home-page .hero-reel-stage {position:relative;isolation:isolate;display:grid;align-items:center;aspect-ratio:16/9}
body[data-fm-liquid].home-page .hero-reel .hero-brand-headline {width:min(700px,100%);margin:0;transition:opacity .65s ease}
body[data-fm-liquid].home-page .hero-reel .hero-title-copy {font-family:'Russo One','Inter Display',sans-serif;font-size:clamp(1rem,15cqw,6.4rem);line-height:1.18;font-weight:400;font-style:normal;font-synthesis:none;letter-spacing:-.025em;text-transform:uppercase;padding:.06em .2em .14em .04em}
body[data-fm-liquid].home-page .hero-reel .hero-title-line {position:relative;isolation:isolate;width:max-content;max-width:100%;transform:skewX(-10deg);transform-origin:left bottom;filter:none;color:#f1f6ff;background:none;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;text-shadow:none;white-space:nowrap}
body[data-fm-liquid].home-page .hero-reel .hero-title-face {position:relative;display:block;color:#f1f6ff}
body[data-fm-liquid].home-page .hero-reel .hero-title-depth {position:absolute;inset:0;z-index:-1;color:#536a83;text-shadow:.012em .015em 0 #bdcde0,.025em .03em 0 #72899f,.04em .045em 0 #354d68,.055em .06em 0 #0e213b,.02em .11em .12em #000c}
body[data-fm-liquid].home-page .hero-reel .hero-title-accent .hero-title-face {color:#56b9ff}
body[data-fm-liquid].home-page .hero-reel .hero-title-accent .hero-title-depth {color:#073a8b;text-shadow:.012em .015em 0 #2d83d9,.025em .03em 0 #105aaa,.04em .045em 0 #073c7d,.055em .06em 0 #03172f,.02em .11em .12em #000c}
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
 body[data-fm-liquid].home-page .hero-reel .hero-title-face {background:linear-gradient(180deg,#fff 4%,#dce8f4 38%,#9eb5cb 49%,#f4faff 53%,#d6e8fa 78%,#a6bdd6 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:.006em #e8f6ff80}
 body[data-fm-liquid].home-page .hero-reel .hero-title-accent .hero-title-face {background-image:linear-gradient(180deg,#d7f7ff 0%,#6ecfff 34%,#218de8 49%,#84d7ff 53%,#358bed 75%,#1951bc 100%);-webkit-text-stroke:.006em #a8dbff70}
}
body[data-fm-liquid].home-page .hero-reel[data-slide=video] .hero-brand-headline {opacity:0;pointer-events:none}
.hero-reel-media {position:absolute;inset:0;overflow:hidden;border-radius:18px;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;background:#08121d;box-shadow:inset 0 0 0 1px #afddff35,0 12px 32px -12px #000b}
.hero-reel[data-slide=video] .hero-reel-media {opacity:1;visibility:visible}
.hero-reel-media::after {content:'';position:absolute;inset:0;z-index:3;border:1px solid #9bc9f82b;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 #dcf4ff30}
.hero-reel-backdrop {position:absolute;inset:-12%;width:124%;height:124%;max-width:none;object-fit:cover;filter:blur(20px) brightness(.7);opacity:.8;pointer-events:none}
.hero-reel-film {position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain}
.hero-reel-controls {display:flex;align-items:center;gap:6px;margin-top:10px;min-width:0}
body[data-fm-liquid].home-page .hero-reel-control {display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-width:38px;min-height:38px;padding:7px;border:1px solid #acd5f532;border-radius:12px;background:linear-gradient(155deg,#9dc7e829,#1a344624);box-shadow:inset 0 1px 1px #deefff29,0 3px 7px #0006;color:#c8e7ff;font-size:.8125rem;line-height:1;cursor:pointer;backdrop-filter:blur(12px);transition:border-color .2s,box-shadow .2s,transform .2s}
.hero-reel-control svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hero-reel-control[data-hero-next] {gap:5px}
.hero-reel-dot {display:block;width:5px;height:5px;border-radius:50%;background:#7690a6}
.hero-reel[data-slide=title] .hero-reel-dot:first-child,.hero-reel[data-slide=video] .hero-reel-dot:last-child {width:13px;border-radius:4px;background:#8bddff;box-shadow:0 0 6px #007aff99}
.hero-reel [data-icon=play],.hero-reel[data-paused=true] [data-icon=pause],.hero-reel [data-icon=sound-on],.hero-reel[data-sound=true] [data-icon=sound-off] {display:none}
.hero-reel[data-paused=true] [data-icon=play],.hero-reel[data-sound=true] [data-icon=sound-on] {display:block}
body[data-fm-liquid].home-page .hero-reel-control:disabled {opacity:.35;cursor:default}
body[data-fm-liquid].home-page .hero-reel-control:focus-visible {outline:2px solid #59aaff;outline-offset:3px;box-shadow:0 0 12px #126bff66}
body[data-fm-liquid].home-page .hero-reel-control:not(:disabled):active {transform:translateY(1px) scale(.96)}
@media(hover:hover) and (pointer:fine) {
 body[data-fm-liquid].home-page .hero-reel-control:not(:disabled):hover {border-color:#5caeff;box-shadow:inset 0 1px 1px #deefff29,0 0 10px #096aff60,0 4px 8px #0008}
}
@media(max-width:760px) {
 body[data-fm-liquid].home-page .hero-content {column-gap:12px}
 body[data-fm-liquid].home-page .hero-reel {width:100%;margin:18px 0 16px}
 .hero-reel-media {border-radius:12px}
 .hero-reel-controls {gap:4px;margin-top:12px}
 body[data-fm-liquid].home-page .hero-reel-control {min-width:36px;min-height:40px;padding:6px}
 .hero-reel-control-label {display:none}
 .hero-reel-backdrop {filter:blur(12px) brightness(.7)}
}
@media(prefers-reduced-motion:reduce) {
 body[data-fm-liquid].home-page .hero-reel .hero-brand-headline,.hero-reel-media,body[data-fm-liquid].home-page .hero-reel-control {transition:none}
 body[data-fm-liquid].home-page .hero-reel-control:not(:disabled):active {transform:none}
}
@media(prefers-reduced-transparency:reduce) {.hero-reel-control {backdrop-filter:none;background:#183045}}
@media(forced-colors:active) {
 body[data-fm-liquid].home-page .hero-reel .hero-title-face {background:none;color:CanvasText;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0}
 .hero-title-depth {display:none}
}
@media print {.hero-reel-media,.hero-reel-controls {display:none!important}body[data-fm-liquid].home-page .hero-reel .hero-brand-headline {opacity:1!important}}
