.sillage{overflow-x:clip;background:#f0f0e3}
.sillage{--nav-height:98px}
.sillage .concept-nav{position:sticky;top:0;z-index:50;height:var(--nav-height);margin-bottom:calc(-1 * var(--nav-height));background:rgba(12,31,25,.24);color:#fff;border-bottom:1px solid #ffffff35;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .35s ease,box-shadow .35s ease}
.sillage .concept-nav.is-scrolled{background:rgba(17,38,29,.72);box-shadow:0 10px 30px #06191126}
.sillage .concept-nav .nav-button{background:#ffffff12;transition:background .25s,transform .25s}
.sillage .concept-nav .nav-button:hover{background:#ffffff28;transform:translateY(-2px)}
.sillage section[id]{scroll-margin-top:calc(var(--nav-height) + 12px)}
.sillage .ride-hero{padding:0;overflow:hidden;position:relative;background:#203d30}
.sillage .ride-heading{position:absolute;z-index:3;top:clamp(145px,12vw,210px);left:6vw;right:6vw;display:block;padding:0;pointer-events:none;color:#fff;text-shadow:0 3px 27px #172d21aa}
.sillage .ride-heading h1{font-size:clamp(76px,9.2vw,150px);margin-top:29px;max-width:880px}
.sillage .ride-heading>p{font-size:15px}
.sillage .ride-stamp{position:absolute;top:5px;right:3vw;font-size:13px}
.sillage .ride-heading h1{animation:ride-title-in 1.1s cubic-bezier(.2,.72,.15,1) both;transform-origin:bottom left}
.sillage .ride-heading>p,.sillage .ride-stamp{animation:ride-soft-in .9s .36s both}
.sillage .ride-photo{height:calc(100svh - 112px);min-height:650px;isolation:isolate;border-radius:0;--scene-scroll:0;--pointer-x:0;--pointer-y:0;background:#6e815b}
.sillage .ride-photo:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(10,30,24,.62),transparent 66%),linear-gradient(180deg,rgba(18,35,25,.2),transparent 45%,rgba(13,24,19,.63))}
.sillage .ride-photo img{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;object-position:50% 58%;animation:ride-drift 15s ease-in-out infinite alternate;transform-origin:55% 59%;will-change:transform;filter:saturate(1.04) contrast(1.035)}
.sillage .ride-photo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 57%;opacity:0;transition:opacity .8s ease;filter:saturate(1.04) contrast(1.035)}
  .sillage .ride-photo.has-video video.is-current,.sillage .ride-photo.has-video video.is-arriving{opacity:1}
.sillage .ride-photo.has-video img{opacity:0}
.sillage .ride-wind{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.sillage .ride-wind i{position:absolute;display:block;width:clamp(80px,12vw,220px);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:rotate(-20deg);opacity:0;animation:ride-wind 5.8s linear infinite}
.sillage .ride-wind i:nth-child(1){top:26%;left:9%;animation-delay:-1s}
.sillage .ride-wind i:nth-child(2){top:46%;left:40%;animation-delay:-3.2s;width:170px}
.sillage .ride-wind i:nth-child(3){top:60%;left:4%;animation-delay:-4.4s}
.sillage .ride-wind i:nth-child(4){top:18%;left:68%;animation-delay:-2s;width:100px}
.sillage .ride-wind i:nth-child(5){top:72%;left:63%;animation-delay:-5s;width:120px}
.sillage .ride-scene-label{position:absolute;z-index:2;top:24px;right:25px;display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(255,255,255,.65);border-radius:40px;color:#fff;background:rgba(18,36,27,.25);backdrop-filter:blur(9px);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.sillage .ride-scene-label small{font-size:10px;font-weight:400;letter-spacing:0;text-transform:none;opacity:.78;padding-left:9px;border-left:1px solid #fff7}
.sillage .ride-scene-dot{width:7px;height:7px;background:#e6ef4a;border-radius:50%;box-shadow:0 0 0 0 rgba(230,239,74,.5);animation:ride-pulse 2.6s ease-out infinite}
.sillage .photo-caption{z-index:2}
.sillage .photo-caption a{transition:transform .35s ease,background .35s ease}
.sillage .photo-caption a:hover{transform:translateY(6px);background:#fff2}
.sillage .ride-ticker{height:66px;display:flex;align-items:center;margin-inline:-4vw;overflow:hidden;border-top:1px solid #263c2c22;color:#273b2a}
.sillage .ride-ticker div{white-space:nowrap;font:800 clamp(20px,2vw,30px)/1 Archivo,sans-serif;letter-spacing:-.05em;animation:ride-marquee 28s linear infinite}
.sillage .ride-ticker span{font-size:.6em;vertical-align:middle;padding-inline:1.8em;color:#65712f}
.sillage .ride-intro{position:relative;min-height:670px;align-items:start}
.sillage .ride-intro:after{content:"";position:absolute;right:9vw;bottom:35px;width:170px;height:170px;border:2px solid #273b2a;border-radius:50%;opacity:.14;box-shadow:0 0 0 22px #f0f0e3,0 0 0 24px #273b2a}
.sillage .ride-intro h2,.sillage .ride-intro>div{transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .8s;transform:translateY(54px);opacity:.22}
.sillage .ride-intro.is-visible h2,.sillage .ride-intro.is-visible>div{transform:none;opacity:1}
.sillage .ride-intro>div{transition-delay:.16s}
.sillage .ride-how{background:#e6ef4a;color:#203d30;padding:115px 7vw 125px;position:relative;overflow:hidden}
.sillage .ride-how:before{content:"";position:absolute;top:-22vw;right:-8vw;width:58vw;aspect-ratio:1;border:1px solid #203d3038;border-radius:50%;box-shadow:0 0 0 6vw #e6ef4a,0 0 0 calc(6vw + 1px) #203d3030,0 0 0 13vw #e6ef4a,0 0 0 calc(13vw + 1px) #203d3028;pointer-events:none}
.sillage .ride-how-head{position:relative;display:grid;grid-template-columns:minmax(140px,1fr) minmax(400px,2.2fr);gap:28px 5vw;align-items:start}
.sillage .ride-how-head>p:first-child{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:12px}
.sillage .ride-how-head h2{font:800 clamp(56px,7vw,115px)/.95 Archivo,sans-serif;letter-spacing:-.075em}
.sillage .ride-how-head h2 em{font-style:normal;color:#53744a}
.sillage .ride-how-head>p:last-child{grid-column:2;max-width:560px;font-size:18px;line-height:1.6;margin-top:18px}
.sillage .ride-how-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:90px 0 40px;border-top:1px solid #203d3050;border-bottom:1px solid #203d3050;background:#203d303b}
.sillage .ride-how-steps article{min-height:310px;padding:35px 35px 40px;background:#e6ef4a;transform:translateY(40px);opacity:0;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s}
.sillage .ride-how.is-visible .ride-how-steps article{transform:none;opacity:1}
.sillage .ride-how-steps article:nth-child(2){transition-delay:.12s}.sillage .ride-how-steps article:nth-child(3){transition-delay:.24s}
.sillage .ride-how-steps span{font-size:11px;font-weight:700;letter-spacing:.1em}
.sillage .ride-how-steps h3{font-size:clamp(26px,2.7vw,44px);line-height:1.04;letter-spacing:-.05em;margin:60px 0 18px}
.sillage .ride-how-steps p{font-size:15px;line-height:1.6;max-width:320px}
.sillage .ride-how-link{position:relative;display:inline-flex;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid currentColor;font-weight:700}
.sillage .ride-how-link .ui-arrow{transition:transform .3s}.sillage .ride-how-link:hover .ui-arrow{transform:translate(4px,-4px)}
.sillage .ride-passage{background:#203d30;color:#ecf29a;min-height:840px;overflow:hidden;position:relative;display:grid;align-items:center}
.sillage .ride-passage:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(120deg,transparent 0 71px,rgba(255,255,255,.027) 72px,transparent 73px)}
.sillage .ride-passage-inner{position:relative;width:100%;padding:110px 7vw 70px}
.sillage .ride-kicker{font:700 12px DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.16em}
.sillage .ride-passage-title{position:relative;z-index:1;font:800 clamp(58px,8.5vw,142px)/.93 Archivo,sans-serif;letter-spacing:-.085em;margin-top:60px;max-width:1000px}
.sillage .ride-passage-title{transform:translateX(calc((var(--route-progress,0) - .5) * -3vw));transition:transform .12s linear}
.sillage .ride-passage-title em{font-style:normal;color:#fff}
.sillage .ride-passage-line{height:310px;position:relative;margin-top:-48px}
.sillage .ride-passage-line>svg{width:100%;height:100%;overflow:visible}
.sillage .ride-passage-line path{fill:none;stroke:#e6ef4a;stroke-width:3;stroke-dasharray:1 13;stroke-linecap:round;stroke-dashoffset:calc(var(--route-progress,0) * -140px)}
.sillage .ride-marker{position:absolute;top:53%;left:calc(4% + var(--route-progress,0) * 80%);width:74px;height:54px;transform:translate(-50%,-50%);display:grid;place-items:center;transition:left .12s linear}
.sillage .ride-marker svg{width:66px;height:45px;fill:none;stroke:#e6ef4a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 9px #0009)}
.sillage .ride-marker svg{animation:ride-cycle 1.4s ease-in-out infinite}
.sillage .ride-marker circle{fill:#203d30}
.sillage .ride-passage-foot{font-size:17px;max-width:280px;line-height:1.5;margin-left:auto}
.sillage .rides{padding-top:120px}
.sillage .ride-grid article{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.sillage .ride-grid article:hover{transform:translateY(-9px)}
.sillage .route-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 15%,#fff6,transparent 40%);pointer-events:none}
.sillage .route-art path{stroke-dasharray:0 1500;transition:stroke-dasharray 1.65s cubic-bezier(.25,.7,.2,1)}
.sillage .ride-grid article.is-visible .route-art path{stroke-dasharray:1200 1500}
.sillage .ride-grid article:hover .route-art path{stroke-dashoffset:-75}
.sillage .route-art svg{transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.sillage .ride-grid article:hover .route-art svg{transform:scale(1.05)}
.sillage .ride-end{position:relative;overflow:hidden}
.sillage .ride-end:before{content:"";position:absolute;width:45vw;height:45vw;right:-8vw;top:-15vw;border:2px solid currentColor;border-radius:50%;opacity:.08;box-shadow:0 0 0 7vw #283e31,0 0 0 calc(7vw + 2px) currentColor}
@keyframes ride-title-in{from{opacity:0;transform:translateY(45px) rotate(-2deg)}to{opacity:1;transform:none}}
@keyframes ride-soft-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes ride-drift{0%{transform:scale(1.02) translate3d(-.7%,.8%,0)}50%{transform:scale(1.065) translate3d(.8%,-.7%,0)}100%{transform:scale(1.02) translate3d(-.7%,.8%,0)}}
@keyframes ride-wind{0%{opacity:0;translate:-70px 35px}22%{opacity:.55}75%{opacity:.25}100%{opacity:0;translate:200px -65px}}
@keyframes ride-pulse{0%{box-shadow:0 0 0 0 rgba(230,239,74,.5)}70%{box-shadow:0 0 0 9px rgba(230,239,74,0)}100%{box-shadow:0 0 0 0 rgba(230,239,74,0)}}
@keyframes ride-marquee{to{transform:translateX(-50%)}}
@keyframes ride-cycle{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@media(max-width:700px){.sillage{--nav-height:82px}.sillage .concept-nav{padding:15px 20px}.sillage .ride-photo{height:calc(100svh - 124px);min-height:610px}.sillage .ride-photo img{inset:0;width:100%;height:100%;object-position:76% 50%}.sillage .ride-photo video{object-position:76% 50%}.sillage .ride-heading{top:calc(var(--nav-height) + 25px);left:21px;right:21px}.sillage .ride-heading h1{font-size:clamp(64px,16.2vw,90px);margin-top:26px}.sillage .ride-heading>p{font-size:12px}.sillage .ride-stamp{display:none}.sillage .ride-scene-label{top:auto;bottom:112px;right:18px}.sillage .ride-scene-label small{display:none}.sillage .ride-ticker{height:50px;margin-inline:0}.sillage .ride-intro{min-height:0}.sillage .ride-intro:after{display:none}.sillage .ride-how{padding:90px 24px 95px}.sillage .ride-how:before{top:-30vw;right:-40vw;width:90vw}.sillage .ride-how-head{display:block}.sillage .ride-how-head h2{font-size:clamp(47px,12vw,74px);margin-top:26px}.sillage .ride-how-head>p:last-child{font-size:16px}.sillage .ride-how-steps{grid-template-columns:1fr;margin-top:55px}.sillage .ride-how-steps article{min-height:0;padding:25px 10px 33px}.sillage .ride-how-steps h3{font-size:31px;margin:28px 0 12px}.sillage .ride-passage{min-height:650px}.sillage .ride-passage-inner{padding:90px 24px 70px}.sillage .ride-passage-title{font-size:clamp(52px,13vw,84px);margin-top:58px}.sillage .ride-passage-line{margin-top:0;height:220px}.sillage .ride-marker{width:50px}.sillage .ride-marker svg{width:45px}.sillage .ride-passage-foot{font-size:15px}.sillage .rides{padding-top:85px}}
@media(prefers-reduced-motion:reduce){.sillage .ride-heading h1,.sillage .ride-heading>p,.sillage .ride-stamp,.sillage .ride-photo img,.sillage .ride-wind i,.sillage .ride-scene-dot,.sillage .ride-ticker div,.sillage .ride-marker svg{animation:none!important}.sillage .ride-intro h2,.sillage .ride-intro>div,.sillage .ride-how-steps article{transform:none;opacity:1}.sillage .ride-grid article,.sillage .route-art svg,.sillage .ride-marker,.sillage .route-art path,.sillage .ride-photo video{transition:none!important}.sillage .ride-grid article .route-art path{stroke-dasharray:1200 1500}.sillage .ride-passage-title{transform:none}}