.quote-story{padding-top:clamp(48px,7vw,100px);padding-bottom:clamp(48px,7vw,100px)}
.quote-story__layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(32px,8vw,130px);align-items:start}
.quote-story__visual{position:sticky;top:90px;min-width:0}
.quote-story__frame{height:min(65vh,700px);overflow:hidden;background:var(--brand-mist);position:relative;border:1px solid var(--brand-outline)}
.quote-story__paper{position:relative;width:min(100%,490px);margin:auto;transform-origin:50% 0;transform:translateY(-8%) scale(1.12);transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.quote-story__paper img{display:block;width:100%;height:auto}
.quote-story__focus{position:absolute;pointer-events:none;left:6.4%;top:20.9%;width:56%;height:66%;outline:2px solid var(--brand-accent);outline-offset:3px;background:#a8442d08}
.quote-story[data-step="1"] .quote-story__paper{transform:translateY(-12%) scale(1.14)}
.quote-story[data-step="1"] .quote-story__focus{left:63%;top:22%;width:6%;height:60%}
.quote-story[data-step="2"] .quote-story__paper{transform:translateY(-56%) scale(1.12)}
.quote-story[data-step="2"] .quote-story__focus{left:55.5%;top:86.1%;width:38%;height:7.4%}
.quote-story__nav{display:flex;gap:0;border-bottom:1px solid var(--brand-outline);margin-top:16px}
.quote-story__nav button{flex:1;padding:14px 5px;border:0;background:transparent;color:var(--brand-primary);font:600 13px/1.3 Manrope,sans-serif;cursor:pointer;border-bottom:2px solid transparent}
.quote-story__nav button[aria-pressed="true"]{border-bottom-color:var(--brand-accent);color:var(--brand-accent)}
.quote-story__nav button:focus-visible,.quote-story__open:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}
.quote-story__open{border:0;background:transparent;color:var(--brand-primary);text-decoration:underline;text-underline-offset:5px;padding:15px 0;font:600 13px/1.4 Manrope,sans-serif;cursor:zoom-in}
.quote-story__open:hover{color:var(--brand-accent)}
.quote-story__reading article{min-height:68vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0}
.quote-story__reading article>span{font:600 12px/1.4 Manrope,sans-serif;color:var(--brand-accent);font-variant-numeric:tabular-nums}
.quote-story__reading h3{font:400 clamp(36px,4vw,60px)/1.04 "Source Serif 4",Georgia,serif;letter-spacing:-.025em;margin:20px 0 24px;color:var(--brand-primary)}
.quote-story__reading p{font-size:clamp(16px,1.4vw,20px);line-height:1.6;max-width:32ch;margin:0 0 20px}
.quote-story__reading small{font-size:12px;line-height:1.6;max-width:35ch;color:#496255}
@media(max-width:760px){.quote-story__layout{grid-template-columns:1fr;gap:0}.quote-story__visual{top:60px;z-index:2;background:#fff;padding-bottom:8px}.quote-story__frame{height:37vh;min-height:210px}.quote-story__paper{width:min(82%,300px);transform:translateY(-10%) scale(1.05)}.quote-story[data-step="1"] .quote-story__paper{transform:translateY(-19%) scale(1.05)}.quote-story[data-step="2"] .quote-story__paper{transform:translateY(-65%) scale(1.05)}.quote-story__nav{margin-top:4px}.quote-story__nav button{padding:10px 4px}.quote-story__open{padding:8px 0;font-size:12px}.quote-story__reading article{min-height:75vh;justify-content:flex-end;padding:45px 0}.quote-story__reading h3{font-size:36px;margin:12px 0 16px}.quote-story__reading p{font-size:16px}.quote-story__reading article>span{display:none}}
@media(prefers-reduced-motion:reduce){.quote-story__paper,.quote-story__focus{transition:none}}