.stage-story{overflow:hidden;padding-top:74px;border-top:1px solid color-mix(in srgb,var(--chalk) 12%,transparent)}
.stage-story-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:40px}.stage-story-head .overline{margin-bottom:12px;color:var(--muted);letter-spacing:.03em}.stage-story-head h2{max-width:760px;font-size:clamp(48px,5.3vw,82px);text-wrap:balance}.stage-story-head h2 em{display:block;color:var(--brass);font:400 .62em/1.08 Caveat,cursive;letter-spacing:.005em;transform:rotate(-1.5deg);transform-origin:left center}
.stage-controls{display:flex;gap:10px;padding-bottom:6px}.stage-controls button{position:relative;display:grid;place-items:center;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--chalk) 33%,transparent);border-radius:50%;background:linear-gradient(145deg,#f8f3e91b,#cec39c08);box-shadow:inset 0 1px 0 #fff4,0 14px 36px #0607042e;color:var(--chalk);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);transition:transform .35s var(--ease),background .35s ease,border-color .35s ease,opacity .25s ease}.stage-controls button span{display:block;font-size:18px;line-height:1;transform:translateY(-1px)}.stage-controls button:disabled{opacity:.28}
.stage-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(350px,42%);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1px;scroll-behavior:smooth;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;padding:2px var(--gutter) 20px 0;margin-right:calc(var(--gutter) * -1);scrollbar-width:none}.stage-track::-webkit-scrollbar{display:none}.stage-card{scroll-snap-align:start;scroll-snap-stop:normal;min-width:0;margin:0}
.stage-image{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.2/1;border:1px solid color-mix(in srgb,var(--chalk) 16%,transparent);border-radius:26px;background:#11130f;box-shadow:0 24px 70px #090a0738}.stage-image:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,#0d100b08 40%,#0e100cd1 100%),linear-gradient(120deg,#d4b87e10,transparent 54%);mix-blend-mode:multiply}.stage-image:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #fff2,inset 0 0 70px #090a0720}.stage-image img{width:100%;height:100%;object-fit:cover;object-position:var(--stage-focus,50% 50%);filter:saturate(.7) contrast(.94) sepia(.06);transform:scale(1.006);transition:transform 1s var(--ease),filter .7s ease}.stage-note{position:absolute;z-index:4;left:28px;right:28px;bottom:24px;color:#f3ebd8;font:400 clamp(27px,2.4vw,38px)/1.02 Caveat,cursive;text-shadow:0 2px 16px #070805a8;transform:rotate(-2deg);transform-origin:left bottom;text-wrap:balance}.stage-pencil{position:absolute;z-index:4;left:28px;bottom:15px;width:min(52%,230px);height:1px;background:linear-gradient(90deg,#dcc99cbd,#dcc99c16);transform:rotate(-1.4deg);transform-origin:left center}.stage-pencil i{display:block;width:34%;height:1px;background:#f0dfb9;box-shadow:0 0 10px #f0dfb988}
.stage-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 3px 14px;border-bottom:1px solid color-mix(in srgb,var(--chalk) 13%,transparent)}.stage-card figcaption span{font:400 24px/1.15 Fraunces,Georgia,serif;letter-spacing:-.025em}.stage-card figcaption small{color:var(--muted);font-size:10px;letter-spacing:.1em}
.extension-project-proof{padding-top:88px;padding-bottom:88px}.extension-project-proof>a{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);min-height:520px;overflow:hidden;border:1px solid color-mix(in srgb,var(--chalk) 18%,transparent);border-radius:32px;background:linear-gradient(135deg,#f7f0df10,#1a1d1608);box-shadow:inset 0 1px 0 #fff2,0 28px 90px #0708053d;color:inherit;text-decoration:none}.extension-project-proof figure{position:relative;overflow:hidden;min-height:520px;margin:0}.extension-project-proof figure:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 64%,#151711b8 100%),linear-gradient(180deg,#11130f08 45%,#11130f68 100%)}.extension-project-proof figure img{width:100%;height:100%;object-fit:cover;object-position:44% 50%;filter:saturate(.72) contrast(.94) sepia(.06);transform:scale(1.012);transition:transform 1.1s var(--ease),filter .8s ease}.extension-project-proof-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,5vw,82px)}.extension-project-proof-copy .overline{margin-bottom:24px;color:var(--muted)}.extension-project-proof-copy h2{max-width:520px;margin:0;color:var(--chalk);font:400 clamp(44px,4.3vw,70px)/.94 Fraunces,Georgia,serif;letter-spacing:-.055em;text-wrap:balance}.extension-project-proof-copy .handwritten{max-width:360px;margin:34px 0 0;color:var(--brass);font-size:clamp(28px,2.2vw,38px);line-height:1.02;transform:rotate(-1.5deg)}.extension-proof-arrow{position:absolute;right:30px;bottom:30px;display:grid;place-items:center;width:56px;height:56px;border:1px solid color-mix(in srgb,var(--chalk) 20%,transparent);border-radius:50%;background:#faf5e80a;font-size:18px;transition:transform .45s var(--ease),border-color .35s ease,background .35s ease}
@media(hover:hover) and (pointer:fine){.stage-controls button:not(:disabled):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brass) 68%,transparent);background:linear-gradient(145deg,#fff4,#d9bc761c)}.stage-card:hover .stage-image img{transform:scale(1.025);filter:saturate(.78) contrast(.98) sepia(.04)}}
@media(hover:hover) and (pointer:fine){.extension-project-proof>a:hover figure img{transform:scale(1.035);filter:saturate(.79) contrast(.98) sepia(.04)}.extension-project-proof>a:hover .extension-proof-arrow{transform:translate(3px,-3px);border-color:color-mix(in srgb,var(--brass) 68%,transparent);background:#d8bd7c12}}
@media(min-width:1100px){.stage-track{grid-auto-columns:calc((100% - 72px)/4);padding-right:0;margin-right:0}.stage-controls{display:none}}
@media(max-width:760px){.stage-story{padding-top:58px;padding-bottom:72px}.stage-story-head{align-items:flex-end;gap:18px;margin-bottom:26px}.stage-story-head .overline{font-size:10px;margin-bottom:9px}.stage-story-head h2{font-size:45px;line-height:1}.stage-story-head h2 em{font-size:.64em;margin-top:3px}.stage-controls{gap:7px;padding-bottom:3px}.stage-controls button{width:44px;height:44px;backdrop-filter:blur(15px) saturate(130%);-webkit-backdrop-filter:blur(15px) saturate(130%)}.stage-track{grid-auto-columns:84vw;gap:14px;padding-right:var(--gutter);padding-bottom:8px}.stage-image{aspect-ratio:.86/1;border-radius:22px}.stage-note{left:22px;right:20px;bottom:23px;font-size:30px}.stage-pencil{left:22px;bottom:15px}.stage-card figcaption{padding:14px 2px 12px}.stage-card figcaption span{font-size:22px}.extension-project-proof{padding-top:60px;padding-bottom:72px}.extension-project-proof>a{display:block;min-height:0;border-radius:24px}.extension-project-proof figure{min-height:0;aspect-ratio:1.18/1}.extension-project-proof figure:after{background:linear-gradient(180deg,transparent 55%,#11130f9c 100%)}.extension-project-proof figure img{object-position:30% 50%}.extension-project-proof-copy{min-height:270px;padding:32px 28px 76px}.extension-project-proof-copy .overline{margin-bottom:16px}.extension-project-proof-copy h2{font-size:43px;line-height:.96}.extension-project-proof-copy .handwritten{margin-top:22px;font-size:29px}.extension-proof-arrow{right:22px;bottom:20px;width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.stage-track{scroll-behavior:auto}.stage-image img,.stage-controls button{transition:none}}