@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/BarlowCondensed-SemiBold.ba4513495282.woff2") format("woff2")}@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/BarlowCondensed-Bold.e1180918b873.woff2") format("woff2")}@property --color-accent{syntax:"<color>";inherits:true;initial-value:#e08a3c}@property --color-accent-soft{syntax:"<color>";inherits:true;initial-value:#f0a057}:root{--studio-key:rgba(255,244,232,0.17);--studio-rim:color-mix(in srgb,var(--color-accent) 55%,transparent);--studio-floor:rgba(0,0,0,0.55);--scrim-top:rgba(13,10,7,0.52);--scrim-bottom:rgba(13,10,7,0.86);--scrim-vignette:rgba(13,10,7,0.55);--ease-stage:cubic-bezier(0.22,0.61,0.36,1);--dur-relight:620ms;--stage-w:min(46vh,520px)}.hero[data-discipline="race"]{--color-accent:#ff4326;--color-accent-soft:#ff7a5c;--studio-key:rgba(255,235,230,0.20)}.hero[data-discipline="adventure"]{--color-accent:#e08a3c;--color-accent-soft:#f0a057;--studio-key:rgba(255,244,232,0.17)}.hero[data-discipline="offroad"]{--color-accent:#f2a900;--color-accent-soft:#ffca55;--studio-key:rgba(255,249,232,0.19)}.hero[data-theme="light"]{--color-bg-deep:#efe9e1;--color-bg:#f6f2ec;--color-surface:rgba(20,16,12,0.05);--color-surface-strong:rgba(20,16,12,0.09);--color-line:rgba(30,22,16,0.22);--color-hairline:rgba(30,22,16,0.12);--color-text:#211b16;--color-text-dim:rgba(33,27,22,0.72);--color-text-muted:rgba(33,27,22,0.5);--studio-key:rgba(255,255,255,0.85);--studio-floor:rgba(60,40,24,0.22);--scrim-top:rgba(246,242,236,0.55);--scrim-bottom:rgba(246,242,236,0.88);--scrim-vignette:rgba(246,242,236,0.5)}.hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:var(--color-bg-deep);color:var(--color-text);font-family:var(--font-body);transition:background var(--dur-relight) var(--ease-stage),color var(--dur-relight) var(--ease-stage),--color-accent var(--dur-relight) var(--ease-stage),--color-accent-soft var(--dur-relight) var(--ease-stage)}.hero *,.hero *::before,.hero *::after{box-sizing:border-box}.hero__bg{position:absolute;inset:0;z-index:0;display:block}.hero__bg-img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.hero__void{position:absolute;inset:0;z-index:1;background:radial-gradient(120% 80% at 50% 120%,var(--studio-rim) 0%,transparent 52%),radial-gradient(80% 60% at 50% -6%,var(--studio-key) 0%,transparent 55%),linear-gradient(to bottom,var(--scrim-top) 0%,transparent 26%,transparent 54%,var(--scrim-bottom) 100%),radial-gradient(130% 100% at 50% 46%,transparent 42%,var(--scrim-vignette) 100%);transition:background var(--dur-relight) var(--ease-stage)}.hero__void::after{content:"";position:absolute;inset:0;opacity:0.5;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1100' height='1100' viewBox='0 0 1100 1100'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.06' stroke-width='1'%3E%3Cpath d='M60 550 C 260 380, 840 720, 1040 540'/%3E%3Cpath d='M40 640 C 280 470, 820 820, 1060 620'/%3E%3Cpath d='M80 460 C 300 300, 800 640, 1020 460'/%3E%3Cpath d='M20 740 C 300 560, 840 900, 1080 700'/%3E%3Cpath d='M100 370 C 320 230, 780 560, 1000 380'/%3E%3Cpath d='M50 830 C 320 650, 820 980, 1070 800'/%3E%3C/g%3E%3C/svg%3E");background-size:130% 130%;background-position:center}.hero__switcher{position:absolute;top:clamp(1rem,3.2vh,2.2rem);left:0;right:0;margin-inline:auto;width:max-content;max-width:calc(100vw - 1.5rem);z-index:6;display:flex;align-items:center;gap:0.25rem;padding:0.3rem;border-radius:var(--radius-chip);background:var(--color-surface);border:1px solid var(--color-hairline);backdrop-filter:blur(8px)}.hero__disc{appearance:none;border:0;background:transparent;color:var(--color-text-muted);font-family:var(--font-display);font-weight:600;font-size:clamp(0.85rem,1.4vw,1.02rem);letter-spacing:0.16em;text-transform:uppercase;padding:0.5rem 1.05rem;min-height:44px;border-radius:var(--radius-chip);cursor:pointer;white-space:nowrap;transition:color 200ms ease,background 200ms ease}.hero__disc:hover{color:var(--color-text-dim)}.hero__disc.is-active{color:var(--color-text);background:color-mix(in srgb,var(--color-accent) 22%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 55%,transparent)}.hero__disc:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hero__stage{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5.5rem 1rem 4.5rem}.hero__model{position:relative;width:var(--stage-w);aspect-ratio:4 / 5;max-width:92vw}.hero__pedestal{position:absolute;z-index:1;left:50%;bottom:calc(4.5rem - 4vh);transform:translateX(-50%);width:min(60vh,640px);height:min(60vh,640px);pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--color-accent) 20%,transparent) 0%,transparent 70%);filter:blur(6px);opacity:0.7}.hero__poster{position:absolute;inset:0;z-index:2;display:none;transition:opacity 520ms var(--ease-stage)}.hero__poster-img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 32px 40px rgba(0,0,0,0.55))}.hero.is-model-ready .hero__poster{opacity:0;pointer-events:none}.hero__mv{position:absolute;inset:0;z-index:3;width:100%;height:100%;background:transparent;--poster-color:transparent;--progress-bar-color:transparent;--progress-bar-height:0px;opacity:0;transition:opacity 520ms var(--ease-stage)}.hero__mv::part(default-progress-bar){display:none}.hero.is-model-ready .hero__mv{opacity:1}.hero.is-swapping .hero__mv{opacity:0}.hero.is-swapping .hero__poster{opacity:1}.hero__floor{position:absolute;z-index:1;left:50%;bottom:-2%;transform:translateX(-50%);width:78%;height:16%;pointer-events:none;background:radial-gradient(60% 55% at 50% 42%,var(--studio-floor) 0%,transparent 72%)}.hero__floor::after{content:"";position:absolute;left:12%;right:12%;top:40%;height:1px;background:linear-gradient(90deg,transparent,var(--color-hairline),transparent)}.hero__chip{position:relative;display:inline-flex;align-items:center;gap:var(--leader);text-decoration:none;white-space:nowrap;transform:translate(-8px,-50%);--leader:13px;--hotspot:#ffffff}.hero__chip-dot{position:relative;flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:var(--hotspot);box-shadow:0 0 0 1px rgba(0,0,0,0.18);transition:background 160ms ease}.hero__chip-dot::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:3px solid var(--hotspot);opacity:0.25;pointer-events:none;animation:hero-bulb-ring 2.1s ease-in-out infinite}@keyframes hero-bulb-ring{0%,100%{transform:scale(0.7)}50%{transform:scale(1.3)}}.hero__chip-label{font-family:var(--font-display);font-weight:600;font-size:0.8rem;letter-spacing:0.18em;text-transform:uppercase;color:#9e9e9e;text-shadow:none;transition:color 160ms ease}.hero__chip--left .hero__chip-label{position:absolute;right:calc(100% + var(--leader));top:50%;transform:translateY(-50%)}.hero__chip:hover,.hero__chip:focus-visible{--hotspot:#f4a61e}.hero__chip:hover .hero__chip-label,.hero__chip:focus-visible .hero__chip-label{color:#f4a61e}.hero__chip:hover .hero__chip-dot,.hero__chip:focus-visible .hero__chip-dot{box-shadow:0 1px 4px rgba(0,0,0,0.5),0 0 10px color-mix(in srgb,var(--hotspot) 80%,transparent)}.hero__chip:focus-visible{outline:none}.hero__chip:focus-visible .hero__chip-label{outline:2px solid var(--hotspot);outline-offset:3px}.hero__chips-caption{display:none;margin:0.2rem 0 0.6rem;font-family:var(--font-display);font-weight:600;font-size:0.78rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--color-text-muted);text-align:center}.hero__stage:has(.hero__mv:not(:defined)) .hero__chips-caption{display:block}.hero__mv:not(:defined){position:static;inset:auto;height:auto;opacity:1;display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;max-width:92vw}.hero__mv:not(:defined) .hero__chip{transform:none;position:static}.hero__mv:not(:defined) .hero__chip--left .hero__chip-label,.hero__mv:not(:defined) .hero__chip-label{position:static;right:auto;transform:none}.hero__stage:has(.hero__mv:not(:defined)) .hero__poster{position:relative}.hero__stage:has(.hero__mv:not(:defined)) .hero__model{aspect-ratio:auto;display:flex;flex-direction:column;gap:1rem}.hero__chips-row{display:none;gap:0.5rem;width:100%;max-width:92vw;margin-top:1rem;padding:0.2rem 0.2rem 0.6rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.hero__chips-row::-webkit-scrollbar{display:none}.hero__chips-row .hero__chip{transform:none;scroll-snap-align:start;flex:0 0 auto}.hero__chips-row .hero__chip--left .hero__chip-label,.hero__chips-row .hero__chip-label{position:static;right:auto;transform:none}.hero__copy{position:absolute;left:clamp(1.1rem,4vw,3.4rem);bottom:clamp(1.2rem,4vh,2.8rem);z-index:6;max-width:min(46ch,80vw);text-shadow:0 2px 24px rgba(0,0,0,0.45)}.hero[data-theme="light"] .hero__copy{text-shadow:0 2px 18px rgba(255,255,255,0.5)}.hero__kicker{margin:0 0 0.55rem;font-family:var(--font-display);font-weight:700;font-size:0.74rem;letter-spacing:0.42em;text-transform:uppercase;color:#9e9e9e}.hero__headline{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.7rem,3.6vw,3rem);line-height:1.02;letter-spacing:0.005em;text-transform:uppercase;color:var(--color-text)}.hero__headline span{display:block;white-space:nowrap}.hero__headline-accent{color:var(--color-accent)}.hero__subline{margin:0.7rem 0 0;font-size:clamp(0.9rem,1.6vw,1.05rem);letter-spacing:0.02em;color:var(--color-text-dim)}.hero__controls{position:absolute;right:clamp(1rem,3vw,2.2rem);bottom:clamp(1.2rem,4vh,2.4rem);z-index:6;display:flex;gap:0.6rem}.hero__ctrl{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-hairline);color:var(--color-text-dim);cursor:pointer;backdrop-filter:blur(8px);transition:color 180ms ease,border-color 180ms ease,background 180ms ease}.hero__ctrl:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-accent) 60%,transparent)}.hero__ctrl:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hero__icon{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:0}.hero__icon--sun,.hero__icon--sun path{fill:none;stroke:currentColor}.hero__ctrl--play .hero__icon--play{display:none}.hero__ctrl--play[aria-pressed="false"] .hero__icon--pause{display:none}.hero__ctrl--play[aria-pressed="false"] .hero__icon--play{display:block}.hero__ctrl--theme .hero__icon--sun{display:none}.hero[data-theme="light"] .hero__ctrl--theme .hero__icon--moon{display:none}.hero[data-theme="light"] .hero__ctrl--theme .hero__icon--sun{display:block}@keyframes hero-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-fade{from{opacity:0}to{opacity:1}}.hero__switcher{animation:hero-rise 640ms var(--ease-stage) both}.hero__copy{animation:hero-rise 720ms 120ms var(--ease-stage) both}.hero__controls{animation:hero-rise 720ms 220ms var(--ease-stage) both}.hero__model{animation:hero-fade 900ms 80ms var(--ease-stage) both}.hero__chip{animation:hero-fade 600ms calc(260ms + var(--i,0) * 90ms) var(--ease-stage) both}@media (min-width:721px){.hero__model{width:min(88vw,780px);height:min(64vh,580px);aspect-ratio:auto;transform:translateX(3%)}.hero__pedestal{left:52%}}@media (max-width:720px){:root{--stage-w:min(79vw,396px)}.hero__stage{justify-content:center;padding:4rem 0.75rem 5rem}.hero__headline{font-size:clamp(1.5rem,6.4vw,2.2rem)}.hero__copy{max-width:88vw}.hero__controls{bottom:clamp(1rem,3vh,1.6rem)}.hero__chips-caption{display:none}.hero__chip[slot="hotspot-helmets"]{top:19px;left:10px}.hero__chip[slot="hotspot-pants"]{top:19px}.hero__chip[slot="hotspot-jackets"]{left:6px;top:-11px}.hero__chip[slot="hotspot-gloves"]{left:15px}.hero__chip-label{color:#fff}.hero__chip-dot::before{content:"";position:absolute;inset:-26px;border-radius:50%}.hero__controls{display:none}.hero__void::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(5,4,3,0.98) 0%,rgba(5,4,3,0.92) 13%,rgba(5,4,3,0.55) 30%,transparent 48%)}.hero:not(.is-model-ready) .hero__chip{visibility:hidden}.hero__mv{left:-20vw;right:-20vw;width:auto}}@media (max-width:380px){:root{--stage-w:min(70vw,300px)}.hero__switcher{gap:0;padding:0.25rem}.hero__disc{padding:0.5rem 0.7rem;letter-spacing:0.1em}}@media (prefers-reduced-motion:reduce){.hero,.hero *,.hero *::before,.hero *::after{animation:none!important;transition:none!important}}