/* Progressive enhancement: every scene remains readable without JavaScript. */
.pin-story{background:#0c0f0b;color:var(--ink);border-block:1px solid var(--line);--pin-header:var(--site-header-height);--pin-progress:0}
.pin-stage{background:radial-gradient(ellipse at 85% 70%,#29301b88,transparent 65%);}
.pin-meta,.pin-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--muted)}
.pin-meta a{color:var(--yellow);letter-spacing:.06em;padding:8px 0}.pin-meta a:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
.pin-scene{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:7%;padding-block:70px;min-width:0}
.pin-copy{min-width:0}.pin-kicker{color:var(--yellow);text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:700;margin-bottom:22px}
.pin-copy h2{font-size:clamp(2.4rem,5.6vw,5.4rem);font-weight:800;line-height:1.06;letter-spacing:-.045em;text-wrap:balance;max-width:850px}
.pin-description{font-size:clamp(1rem,1.7vw,1.3rem);color:#bcc5b5;max-width:680px;margin:24px 0 0;line-height:1.65}.pin-quote{color:var(--yellow);font-size:clamp(1.05rem,1.7vw,1.45rem);margin:22px 0 0;max-width:650px}
.pin-values{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:650px}.pin-values li{padding:12px 0;border-top:1px solid #59603f;font-size:clamp(1rem,1.8vw,1.4rem)}
.pin-copy .btn{margin-top:28px}.pin-photo{width:100%;aspect-ratio:1;max-width:460px;justify-self:end;position:relative}.pin-photo img{width:100%;height:100%;object-fit:contain;border-radius:12px;box-shadow:0 25px 80px #0008}
.pin-progress{display:flex;gap:8px;flex:1;max-width:160px}.pin-progress i{display:block;height:2px;flex:1;background:#4a503d}.pin-progress i.is-current{background:var(--yellow)}.pin-count{font-variant-numeric:tabular-nums;color:var(--yellow)}
.pin-story.is-pinned{height:calc(var(--pin-steps) * 75svh + 100svh - var(--pin-header));position:relative}
.is-pinned .pin-stage{position:sticky;top:var(--pin-header);height:calc(100svh - var(--pin-header));display:flex;flex-direction:column;overflow:hidden}
.is-pinned .pin-scenes{flex:1;position:relative;min-height:0}.is-pinned .pin-scene{position:absolute;inset:0;padding-block:20px;opacity:var(--scene-opacity,0);transform:translateY(var(--scene-y,0px));visibility:hidden;pointer-events:none;will-change:opacity,transform}
.is-pinned .pin-scene.is-visible-frame{visibility:visible}.is-pinned .pin-scene.is-current{pointer-events:auto}.is-pinned .pin-photo{max-width:min(36vw,460px,calc(100svh - 310px));transform:scale(var(--photo-scale,1)) rotate(var(--photo-rotate,0deg));will-change:transform}
@media(max-width:800px){.pin-meta,.pin-bottom{padding-block:16px;font-size:9px;letter-spacing:.1em}.pin-scene{grid-template-columns:1fr;gap:24px;padding-block:40px}.pin-copy h2{font-size:clamp(2rem,7vw,3.6rem)}.pin-photo{max-width:300px;justify-self:center}.is-pinned .pin-scene{align-content:center;gap:22px}.is-pinned .pin-photo{width:min(62vw,29svh);max-width:290px}.pin-kicker{margin-bottom:12px}.pin-description{margin-top:15px;font-size:15px;line-height:1.5}.pin-quote{margin-top:14px;font-size:15px}.pin-values{margin-top:20px;gap:8px 18px}.pin-values li{padding:8px 0;font-size:16px}.pin-copy .btn{margin-top:18px}.pin-story-about.is-pinned .pin-photo{width:min(48vw,23svh)}.pin-bottom>span:first-child{max-width:115px}.pin-progress{max-width:90px}.pin-meta{gap:12px}}
@media(prefers-reduced-motion:reduce){.pin-scene,.pin-photo{transform:none!important;will-change:auto!important}}

/* Clip decorative artwork without creating a scroll container around sticky scenes. */
.home-story{overflow:clip}