/* LOCAL DESIGN PREVIEW: four experiences, one composition. */
.feature-matched{--panel-accent:#91d7ff;background:#0a1c2d}
.feature-matched .scene-birthday{--panel-accent:#bba2ff}
.feature-matched .scene-school{--panel-accent:#85ceff}
.feature-matched .scene-foam{--panel-accent:#80e2df}
.feature-matched .scene-golf{--panel-accent:#b4e58c}
.feature-matched .scene,
.motion-enabled .feature-matched .scene{background:#0a1c2d;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-content:start;align-items:start;gap:clamp(28px,5vw,80px);padding:40px var(--gutter) 84px}
.feature-matched .scene .scene-shade{display:none}
.feature-matched .scene .scene-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:22px;border:1px solid #ffffff26;filter:none;opacity:1;transform:none}
.feature-matched .scene .scene-copy,
.motion-enabled .feature-matched .scene .scene-copy,
.motion-enabled .feature-matched .scene.is-active .scene-copy{position:relative;inset:auto!important;transform:none!important;opacity:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:18px 70px 80px 52px 82px;gap:14px;align-content:start;width:100%;max-width:none;height:auto;min-height:0;margin:0;padding:0!important;text-shadow:none}
.feature-matched .scene .scene-copy>.eyebrow{grid-row:1;font-size:10px;line-height:18px;color:var(--panel-accent);letter-spacing:.14em}
.feature-matched .scene .scene-copy>h2{grid-row:2;align-self:start;font-size:clamp(36px,4vw,60px);line-height:1.08;letter-spacing:-.045em;margin:0}
.feature-matched .scene .scene-copy>p{grid-row:3;font-size:17px;line-height:1.5;max-width:440px;margin:0;color:#d4e1ed}
.feature-matched .scene .scene-copy>.pill{grid-row:4;align-self:start;min-height:50px;max-width:100%;font-size:13px;margin:0;padding:15px 22px}
.feature-matched .scene .scene-extras{grid-row:5;min-height:0;height:82px}
.feature-matched .scene-nav{background:#0a1c2d}
@media(max-width:760px){
 .feature-matched .scene,
 .motion-enabled .feature-matched .scene,
 .motion-enabled .feature-matched .scene.scene-birthday{display:flex;flex-direction:column;gap:18px;padding:18px 20px 12px;overflow-y:auto}
 .feature-matched .scene .scene-photo{flex:0 0 auto;width:100%;height:clamp(150px,calc(var(--phone-stage-height,620px) * .31),230px);aspect-ratio:auto;border-radius:18px;object-fit:cover}
 .feature-matched .scene .scene-copy,
 .motion-enabled .feature-matched .scene .scene-copy,
 .motion-enabled .feature-matched .scene.is-active .scene-copy,
 .motion-enabled .feature-matched .scene.scene-birthday .scene-copy,
 .motion-enabled .feature-matched .scene.scene-birthday.is-active .scene-copy{flex:0 0 auto;display:grid;grid-template-rows:14px 44px 62px 46px 70px;gap:8px;overflow:visible;align-content:start;height:auto;margin:0;width:100%}
 .feature-matched .scene .scene-copy>.eyebrow{font-size:9px;line-height:14px}
 .feature-matched .scene .scene-copy>h2{font-size:36px;line-height:1.08}
 .feature-matched .scene .scene-copy>p{font-size:14px;line-height:1.45}
 .feature-matched .scene .scene-copy>.pill{font-size:12px;min-height:44px;padding:13px 18px}
 .feature-matched .scene .scene-extras{height:70px}
}
@media(prefers-reduced-motion:reduce){
 .feature-matched .scene{height:auto!important;min-height:0!important;padding-top:32px;padding-bottom:32px}
}

/* Second direction: open, edge-to-edge editorial chapters, not cards. */
.feature-matched .scene-birthday{--panel-bg:#251c44}
.feature-matched .scene-school{--panel-bg:#102740}
.feature-matched .scene-foam{--panel-bg:#123439}
.feature-matched .scene-golf{--panel-bg:#243526}
.feature-matched .scene,
.motion-enabled .feature-matched .scene{background:var(--panel-bg);padding:0 0 70px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;align-items:center}
.feature-matched .scene .scene-photo{border:0;border-radius:0;aspect-ratio:auto;height:calc(100svh - var(--nav) - 70px);min-height:460px;object-fit:cover}
.feature-matched .scene .scene-copy,
.motion-enabled .feature-matched .scene .scene-copy,
.motion-enabled .feature-matched .scene.is-active .scene-copy{width:auto;margin:0 clamp(30px,5vw,90px);grid-template-rows:18px 88px 90px 52px 82px;gap:16px}
.feature-matched .scene .scene-copy>h2{font-size:clamp(44px,5vw,76px);letter-spacing:-.055em;color:#fff9ee}
.feature-matched .scene .scene-copy>.pill{background:none;color:#fff;border-radius:0;box-shadow:none;border-bottom:2px solid var(--panel-accent);padding:10px 0;gap:24px}
.feature-matched .scene-nav{background:#091725}
html.matched-in-view .travelling-logo{visibility:hidden!important;pointer-events:none}
html.matched-in-view .header{background:#091725;border-bottom-color:transparent;backdrop-filter:none}
html.matched-in-view .header .menu-toggle{background:#091725cc}
@media(max-width:760px){
 .feature-matched .scene,
 .motion-enabled .feature-matched .scene,
 .motion-enabled .feature-matched .scene.scene-birthday{padding:0 0 12px;gap:22px;align-items:stretch}
 .feature-matched .scene .scene-photo{height:clamp(220px,calc(var(--phone-stage-height,620px) * .43),340px);min-height:0;border-radius:0;object-fit:cover}
 .feature-matched .scene .scene-copy,
 .motion-enabled .feature-matched .scene .scene-copy,
 .motion-enabled .feature-matched .scene.is-active .scene-copy,
 .motion-enabled .feature-matched .scene.scene-birthday .scene-copy,
 .motion-enabled .feature-matched .scene.scene-birthday.is-active .scene-copy{width:auto;margin:0 24px;grid-template-rows:14px 54px 62px 46px 70px;gap:8px}
 .feature-matched .scene .scene-copy>h2,
 .motion-enabled .feature-matched .scene .scene-copy>h2{font-size:44px;line-height:1.06}
 .feature-matched .scene .scene-copy>p{font-size:14px}
 .feature-matched .scene .scene-copy>.pill{padding:10px 0;border-radius:0}
}
@media(prefers-reduced-motion:reduce){
 .feature-matched .scene .scene-photo{height:460px;min-height:0}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.feature-matched .scene .scene-photo{height:260px}}