/* Normal-flow handoff: no new pinning, scroll listeners or extra film travel. */
.proposal-context{position:relative;z-index:1;display:grid;grid-template-columns:minmax(190px,.75fr) minmax(0,2fr);align-items:center;gap:40px;padding:40px max(6vw,24px);background:#faf9f6}
.proposal-context::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:48px;pointer-events:none;background:linear-gradient(to bottom,rgba(250,249,246,0),rgba(250,249,246,.08) 55%,#faf9f6)}
.proposal-context h2{font:400 11px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#8b653c;margin:0}
.proposal-context>p{font:400 clamp(19px,1.65vw,25px)/1.5 var(--serif);letter-spacing:-.02em;max-width:830px;margin:0;color:#003366}
/* One photographic canvas and three editorial choices. Every control works without JS. */
.storytelling{background:#faf9f6;border-top:1px solid #e2ddd4}
.storytelling-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:70px;align-items:end;max-width:1500px;margin:0 auto 48px}
.storytelling-intro h2{font-size:clamp(40px,4.3vw,68px);line-height:1.1;margin:0;max-width:700px}
.storytelling-intro .eyebrow{margin-bottom:22px}
.storytelling-intro>p{font-size:clamp(16px,1.25vw,19px);line-height:1.8;color:#686c67;margin:0 0 4px;max-width:550px}
.story-workbench{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr);gap:clamp(28px,4vw,64px);align-items:stretch;max-width:1500px;margin:auto}
.story-choice-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.story-visual{position:relative;min-height:420px;aspect-ratio:3/2;overflow:hidden;background:#cbced2;isolation:isolate}
.story-panel{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity 300ms ease,visibility 0s 300ms}
.story-panel img{width:100%;height:100%;object-fit:cover;transform:scale(1.025);transition:transform 1100ms var(--andara-ease)}
.story-panel--setting img{object-position:60% center}
.story-panel--spaces img{object-position:55% center}
.story-panel::after{content:'';position:absolute;inset:58% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(0,51,102,.46))}
.story-panel figcaption{position:absolute;z-index:1;left:28px;right:28px;bottom:25px;display:flex;align-items:center;gap:16px;color:white;font:400 20px/1.4 var(--serif)}
.story-panel figcaption>span{font:10px/1.5 var(--sans);letter-spacing:.15em;padding-right:17px;border-right:1px solid #ffffff75}
#story-setting:checked~.story-visual .story-panel--setting,#story-spaces:checked~.story-visual .story-panel--spaces,#story-experience:checked~.story-visual .story-panel--experience{opacity:1;visibility:visible;transition-delay:0s}
#story-setting:checked~.story-visual .story-panel--setting img,#story-spaces:checked~.story-visual .story-panel--spaces img,#story-experience:checked~.story-visual .story-panel--experience img{transform:scale(1)}
.story-choices{display:flex;flex-direction:column;justify-content:center}
.story-choice{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr) 20px;gap:18px;padding:27px 0;border-top:1px solid #d5cbbd;cursor:pointer;transition:color 240ms,border-color 240ms}
.story-choice:last-child{border-bottom:1px solid #d5cbbd}
.story-choice::before{content:'';position:absolute;left:0;top:-1px;width:100%;height:1px;background:#956b49;transform:scaleX(0);transform-origin:left;transition:transform 420ms var(--andara-ease)}
.story-choice-number{font:11px/1.8 var(--sans);letter-spacing:.08em;color:#8b653c;padding-top:2px}
.story-choice-title{display:block;font:400 clamp(20px,1.8vw,28px)/1.25 var(--serif);letter-spacing:-.02em;margin:0 0 11px;color:#003366;transition:color 240ms}
.story-choice-description{display:block;font-size:14px;line-height:1.75;color:#71736c}
.story-choice-arrow{font-size:18px;line-height:1.8;color:#8b653c;opacity:.35;transition:opacity 240ms,transform 300ms var(--andara-ease)}
#story-setting:checked~.story-choices [for=story-setting]::before,#story-spaces:checked~.story-choices [for=story-spaces]::before,#story-experience:checked~.story-choices [for=story-experience]::before{transform:scaleX(1)}
#story-setting:checked~.story-choices [for=story-setting] .story-choice-title,#story-spaces:checked~.story-choices [for=story-spaces] .story-choice-title,#story-experience:checked~.story-choices [for=story-experience] .story-choice-title{color:#8b653c}
#story-setting:checked~.story-choices [for=story-setting] .story-choice-arrow,#story-spaces:checked~.story-choices [for=story-spaces] .story-choice-arrow,#story-experience:checked~.story-choices [for=story-experience] .story-choice-arrow{opacity:1;transform:translate(2px,-2px)}
#story-setting:focus-visible~.story-choices [for=story-setting],#story-spaces:focus-visible~.story-choices [for=story-spaces],#story-experience:focus-visible~.story-choices [for=story-experience]{outline:2px solid #ae804c;outline-offset:6px}
.story-choice:active .story-choice-title{color:#003366}
.proposal-proof-context{display:flex;align-items:center;gap:30px;margin:0 0 56px;color:#535a62}
.proposal-proof-context>p{font:400 clamp(21px,2vw,30px)/1.4 var(--serif);letter-spacing:-.02em;margin:0;flex-shrink:0}
.proposal-proof-context>span{width:100%;border-top:1px solid #dedbd4}
@media(hover:hover) and (pointer:fine){.story-choice:hover .story-choice-title{color:#003366}.story-choice:hover .story-choice-arrow{opacity:1;transform:translate(2px,-2px)}}
@media(max-width:1100px){.story-workbench{grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);gap:30px}.story-choice{gap:13px;padding:23px 0}.story-choice-description{font-size:13px}.storytelling-intro{gap:45px}.story-visual{aspect-ratio:auto}}
@media(max-width:900px){
 .proposal-context{grid-template-columns:1fr;gap:13px;padding-top:30px;padding-bottom:32px}
 .proposal-context>p{font-size:21px;max-width:680px}
 .storytelling-intro{grid-template-columns:1fr;gap:25px;margin-bottom:34px}
 .storytelling-intro h2{font-size:clamp(40px,6vw,56px)}
 .storytelling-intro>p{font-size:17px;max-width:650px}
 .story-workbench{grid-template-columns:1fr;gap:30px}
 .story-visual{aspect-ratio:3/2;min-height:0}
 .story-choices{max-width:none}
 .story-choice{grid-template-columns:28px minmax(0,1fr) 20px;gap:20px;padding:24px 0}
 .story-choice-title{font-size:24px}.story-choice-description{font-size:15px}
 .proposal-proof-context{margin-bottom:42px;gap:22px}
}
@media(max-width:500px){
 .proposal-context h2{font-size:10px}.proposal-context>p{font-size:20px;line-height:1.5}
 .storytelling-intro h2{font-size:40px}.storytelling-intro>p{font-size:16px}
 .story-choice{grid-template-columns:20px minmax(0,1fr) 16px;gap:12px;padding:23px 0}
 .story-choice-title{font-size:22px}.story-choice-description{font-size:14px}
 .story-panel figcaption{left:20px;right:20px;bottom:18px;font-size:19px}
 .proposal-proof-context>p{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.story-panel,.story-panel img,.story-choice,.story-choice::before,.story-choice-title,.story-choice-arrow{transition:none!important}.story-panel img,.story-choice-arrow{transform:none!important}}