/* One project, one image at a time. */
.project-story{padding:0;background:#181817;color:#f6f3ed;overflow:hidden;height:100dvh;max-height:100dvh}.project-story[open]{display:flex;flex-direction:column}.story-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 4%;border-bottom:1px solid #ffffff26;flex-shrink:0;background:#181817;z-index:5}.story-close{min-height:44px;padding:10px 16px;background:transparent;color:inherit;border:1px solid #847763;font:inherit;font-size:.875rem;cursor:pointer}.story-location{font-size:.75rem;letter-spacing:.12em}.story-location span{display:inline-block;margin-left:24px;color:#c3a16a;font-variant-numeric:tabular-nums}.story-project-picker select{max-width:210px;min-height:44px;background:#181817;color:#f6f3ed;border:1px solid #847763;padding:10px;font:inherit;font-size:.875rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.story-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;--story-height:calc(100dvh - 74px)}.story-sequence{height:calc(var(--story-height) * 1.9)}.story-sticky{position:sticky;top:0;height:var(--story-height);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:20px;padding:24px 4%}.story-picture{position:relative;min-height:0;overflow:hidden}.story-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 55%}.story-first{transform:scale(calc(1 + var(--story-blend,0) * .045))}.story-second{opacity:var(--story-blend,0);transform:scale(calc(1.045 - var(--story-blend,0) * .045))}.story-caption{max-width:1100px;width:100%;margin:auto}.story-caption h2{font-size:clamp(2rem,3vw,3rem);margin:0 0 10px}.story-caption p{font-size:.9375rem;color:#d1cbc1;line-height:1.6;min-height:1.6em}.story-steps{display:flex;align-items:center;gap:15px;margin-top:16px}.story-steps button{background:none;color:#d1cbc1;border:0;border-bottom:1px solid transparent;font:inherit;font-size:.875rem;min-height:44px;padding:8px 12px}.story-steps button[aria-pressed=true]{border-color:#c3a16a;color:#e6c898}.story-steps span{margin-left:auto;color:#aaa396;font-size:.8125rem}.story-end{padding:35px 6%;display:flex;align-items:center;flex-wrap:wrap;gap:24px;background:#181817}.story-end p{font-family:var(--display);font-size:1.8rem;color:#f6f3ed;margin-right:auto}.project-story:focus-visible{outline:none}
.craft-projects{display:grid;gap:80px;margin-top:85px}.craft-project{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:50px;align-items:center;scroll-margin-top:30px;min-width:0}.craft-project>.photo-open,.craft-project>.story-open{display:block;min-width:0}.craft-project>.photo-open img,.craft-project>.story-open img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}.craft-project .project-caption{display:block;padding:0}.craft-project .project-link{margin-top:18px}.craft-project .eyebrow{margin-bottom:12px}.craft-project h3{font-size:clamp(2rem,3vw,3.2rem)}
.finish-comparison{max-width:600px;margin:auto}.finish-controls{display:flex;justify-content:center;gap:12px;margin-bottom:22px}.finish-controls button{min-height:44px;min-width:110px;font:inherit;font-size:.9375rem;padding:12px 22px;border:1px solid var(--line);background:none;color:var(--ink)}.finish-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.finish-viewport{position:relative;aspect-ratio:3/4;background:#ddd6ca}.finish-viewport img{display:block;width:100%;height:100%;object-fit:contain}.finish-after{position:absolute;inset:0;opacity:1;transition:opacity .65s ease}.show-before .finish-after{opacity:0}.finish-label{margin-top:18px;text-align:center;font-family:var(--display);font-size:1.7rem}.finish-comparison noscript img{width:100%;height:auto}
@media(max-width:760px){.story-toolbar{padding:10px 4%;gap:10px;flex-wrap:wrap}.story-location{order:3;width:100%;display:flex;justify-content:space-between}.story-project-picker select{max-width:150px}.story-sticky{padding:16px 4%;gap:20px}.story-caption h2{font-size:2rem}.story-caption p{min-height:3.2em}.story-steps{gap:8px;flex-wrap:wrap}.story-steps span{width:100%;margin-left:0}.story-close{padding:10px;font-size:.8125rem}.story-end{padding:30px 5%}.craft-projects{gap:50px;margin-top:55px}.craft-project{grid-template-columns:1fr;gap:24px}.craft-project>.photo-open img{max-height:560px}.finish-comparison{max-width:100%}}
@media(prefers-reduced-motion:reduce){.story-sequence{height:auto}.story-sticky{position:static;height:auto;display:block}.story-picture{height:auto}.story-picture img{position:static;height:auto;opacity:1;transform:none;margin-bottom:24px}.story-steps span{display:none}.finish-after{transition:none}}

.story-detail{max-width:1400px;margin:0 auto;padding:28px 4%}.story-detail img{display:block;width:100%;height:auto}.story-detail figcaption{margin-top:18px;color:#d1cbc1;font-size:.9375rem;line-height:1.6}