.feather-hero{height:268svh;position:relative;background:#f5f0e6}.feather-stage{height:100svh;min-height:480px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#f5f0e6 url('assets/feather-poster.webp') center/cover no-repeat}.feather-media{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0}.media-ready .feather-media{opacity:1}.feather-opening,.feather-arrival{position:absolute;z-index:2;left:6vw;pointer-events:none;will-change:transform,opacity}.feather-opening{top:34%;max-width:45vw}.feather-opening .eyebrow,.feather-arrival .eyebrow{color:#7c292b;margin-bottom:24px}.feather-opening h1,.feather-arrival h2{font:400 clamp(48px,5.6vw,95px)/.97 var(--serif);letter-spacing:-.045em;color:#302b24}.feather-opening h1 em,.feather-arrival h2 em{color:#7c292b}.feather-opening>p:last-child,.feather-arrival>p:last-child{font-size:12px;margin-top:25px}.feather-arrival{top:40%;opacity:0;color:#302b24;text-shadow:0 1px 22px #fff9}.feather-footer{position:absolute;z-index:4;left:6vw;right:6vw;bottom:30px;display:flex;align-items:center;gap:24px;font-size:11px;color:#302b24}.feather-footer a{margin-left:auto;padding:12px 0;border-bottom:1px solid #302b2450}.feather-footer a span{margin-left:22px}.feather-progress{height:1px;background:#302b2440;width:100px}.feather-progress i{display:block;height:1px;background:#7c292b;transform-origin:left;transform:scaleX(0)}.brand-hero h2{font-size:clamp(75px,8.7vw,155px);line-height:.88;letter-spacing:-.058em}.brand-hero h2 em{display:block;color:var(--red);white-space:nowrap}.motion-off .feather-hero{height:100svh}.motion-off .feather-arrival{display:none}.motion-off .feather-hint,.motion-off .feather-progress{display:none}.motion-off .feather-opening{opacity:1!important;transform:none!important}
@media(max-width:760px){.feather-hero{height:232svh}.feather-stage{background-size:cover;background-position:center;background-repeat:no-repeat}.feather-opening{top:calc(var(--header) + 35px);left:7vw;max-width:86vw}.feather-opening h1{font-size:clamp(43px,10.8vw,70px);line-height:.94}.feather-opening .eyebrow{margin-bottom:17px}.feather-opening>p:last-child{margin-top:16px}.feather-arrival{left:7vw;top:38%}.feather-arrival h2{font-size:16vw}.feather-footer{left:7vw;right:7vw;bottom:22px;gap:10px;font-size:10px}.feather-progress{width:40px}.feather-footer a span{margin-left:8px}.brand-hero h2{font-size:clamp(58px,12vw,90px)}}
@media(max-height:560px) and (min-width:761px){.feather-opening{top:28%}.feather-opening h1{font-size:48px}.feather-opening .eyebrow{margin-bottom:10px}}

@media(min-width:761px){.feather-opening{max-width:32vw;top:32%}.feather-opening h1{font-size:clamp(46px,4.6vw,78px)}}

/* A soft wash follows the type, leaving the feather fully visible between titles. */
.feather-stage::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(250,247,239,.98) 0%,rgba(250,247,239,.93) 18%,rgba(250,247,239,.68) 30%,rgba(250,247,239,0) 60%);opacity:var(--hero-wash,1)}
.feather-stage::before{content:'';position:absolute;inset:auto 0 0;height:120px;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(250,247,239,.9),rgba(250,247,239,0))}
.feather-opening h1,.feather-arrival h2{color:#221e19;text-shadow:0 1px 1px rgba(255,255,255,.35)}
.feather-opening h1 em,.feather-arrival h2 em{color:#6c2027}
.feather-opening>p:last-child,.feather-arrival>p:last-child{font-size:14px;line-height:1.6;color:#332b24}
.feather-opening .eyebrow,.feather-arrival .eyebrow{font-size:12px;letter-spacing:.03em;color:#6c2027}
.feather-footer{font-size:12px}.feather-footer a{border-color:#54473b}
@media(max-width:760px){.feather-stage::after{background:linear-gradient(180deg,rgba(250,247,239,.98),rgba(250,247,239,.94) 30%,rgba(250,247,239,.4) 49%,rgba(250,247,239,0) 69%)}.feather-opening>p:last-child{font-size:13px}.feather-arrival{top:calc(var(--header) + 65px)}.feather-footer{font-size:11px}.feather-hint{max-width:95px;line-height:1.4}.feather-progress{width:30px}}

.media-ready{background-image:none}.feather-media{inset:0;width:100%;height:100%;object-fit:cover}

.scroll-frames{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;overflow:hidden}.scroll-frames.frames-ready{opacity:1}.scroll-frames>img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}.feather-frames{z-index:0}.hero-motion{white-space:nowrap;color:inherit;border-color:#54473b}.motion-off .hero-motion{color:var(--red)}
@media(max-width:760px){.hero-motion{font-size:10px}.feather-footer{gap:9px}.feather-footer a{font-size:10px}.feather-progress{display:none}}

/* Bound image and zoom layout work to the pinned viewport. */
.feather-stage,.coast-stage,.road-stage{contain:layout paint}
