.project-summary{max-width:720px;margin:34px 0 0;color:#565149;font-size:15px;line-height:1.7}.project-image-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;color:inherit}.project-image-button:focus-visible{outline:1px solid var(--ink);outline-offset:6px}.project-image-button img{display:block;width:100%;height:auto}
.project-browse{padding:40px 0 110px;border-top:1px solid var(--line)}.project-browse-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:end}.story-step{display:flex;flex-direction:column;gap:10px;min-width:0}.story-step>span,.story-index{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.story-step strong{font-family:var(--serif);font-size:clamp(24px,2.4vw,38px);line-height:1.02;font-weight:400;letter-spacing:-.035em}.story-step--next{text-align:right;align-items:flex-end}.story-index{align-self:center;border-bottom:1px solid currentColor;padding-bottom:4px}.story-step:hover strong,.story-index:hover{opacity:.55}
body.lightbox-open{overflow:hidden}.lightbox[hidden]{display:none}.lightbox{position:fixed;z-index:1000;inset:0;display:grid;grid-template-columns:84px minmax(0,1fr) 84px;align-items:center;background:rgba(8,8,7,.96);color:#f3f0e9;padding:24px;touch-action:pan-y;overscroll-behavior:contain}.lightbox__stage{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.lightbox__image{display:block;width:auto;height:auto;max-width:min(84vw,1600px);max-height:84vh;object-fit:contain;background:transparent}.lightbox__caption{width:min(84vw,1600px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:24px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#9f9b92}.lightbox__description{font-size:11px;line-height:1.4;letter-spacing:.01em;text-transform:none;text-align:center;color:#c7c3bb}.lightbox__close,.lightbox__nav{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.lightbox__close{position:absolute;top:24px;right:28px;font-size:9px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid currentColor;padding:0 0 4px}.lightbox__nav{font-size:26px;opacity:.72;transition:opacity .2s,transform .2s}.lightbox__nav:hover{opacity:1;transform:scale(1.06)}.lightbox__close:focus-visible,.lightbox__nav:focus-visible{outline:1px solid #f3f0e9;outline-offset:7px}
@media(max-width:700px){.project-summary{margin-top:26px;font-size:14px}.project-browse{padding-bottom:82px}.project-browse-grid{grid-template-columns:1fr 1fr;gap:42px 18px}.story-index{grid-column:1/-1;grid-row:1;justify-self:center}.story-step strong{font-size:23px}.lightbox{grid-template-columns:46px minmax(0,1fr) 46px;padding:18px 8px}.lightbox__image{max-width:calc(100vw - 24px);max-height:78vh}.lightbox__caption{width:calc(100vw - 28px);padding:0 4px;grid-template-columns:auto minmax(0,1fr);gap:14px}.lightbox__description{text-align:right;font-size:10px}.lightbox__hint{display:none}.lightbox__close{top:18px;right:16px}.lightbox__nav{font-size:22px}}
@media(prefers-reduced-motion:reduce){.lightbox__nav{transition:none}}
.project-hero h1{line-height:.92}
@media(max-width:640px){.project-hero h1{line-height:.98;letter-spacing:-.045em}}

/* Design v3: image-first project reading experience. */
.project-hero{padding:146px 0 42px}.project-hero .shell{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;align-items:end}.project-hero .section-index{grid-column:1/-1;margin-bottom:24px}.project-hero h1{grid-column:1/span 8;max-width:none;font-size:clamp(54px,6.8vw,108px);line-height:.94;letter-spacing:-.05em}.project-summary{grid-column:9/-1;justify-self:end;max-width:430px;margin:0 0 8px;font-size:14px;line-height:1.62}.project-meta{grid-column:1/-1;margin-top:34px;align-items:center}.project-jump{display:inline-flex;align-items:center;gap:8px;color:var(--ink);white-space:nowrap}.project-jump span{display:inline-block;transition:transform .2s ease}.project-jump:hover span{transform:translateY(3px)}.project-section{padding-top:10px;scroll-margin-top:84px}.project-gallery{row-gap:28px}.project-gallery figure{overflow:visible;background:transparent}.project-image-button{overflow:hidden;background:#d8d3ca}.project-image-button img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project-image-button:hover img{transform:scale(1.006)}.project-gallery figure:first-child{margin-bottom:56px}.project-gallery figure:first-child .project-image-button{background:#111}.project-gallery figure:first-child img{max-height:88svh}.project-browse{margin-top:52px}.story-step strong{transition:opacity .2s ease,transform .3s cubic-bezier(.2,.7,.2,1)}.story-step--prev:hover strong{transform:translateX(-4px)}.story-step--next:hover strong{transform:translateX(4px)}
@media(max-width:900px){.project-hero .shell{grid-template-columns:1fr}.project-hero .section-index,.project-hero h1,.project-summary,.project-meta{grid-column:1/-1}.project-summary{justify-self:start;margin-top:22px;max-width:620px}.project-meta{margin-top:28px}}
@media(max-width:640px){.project-hero{padding:108px 0 24px}.project-hero .section-index{margin-bottom:14px}.project-hero h1{font-size:clamp(46px,13vw,64px);line-height:.98;letter-spacing:-.04em}.project-summary{margin-top:18px;font-size:14px;line-height:1.55}.project-meta{margin-top:22px;padding-top:12px;gap:8px}.project-section{padding-top:0}.project-gallery{display:block}.project-gallery figure,.project-gallery figure:nth-child(n){margin-bottom:14px}.project-gallery figure:first-child{margin-bottom:20px}.project-image-button:hover img{transform:none}.project-browse{margin-top:34px;padding-top:28px}.story-step strong{font-size:21px;line-height:1.08}}
@media(prefers-reduced-motion:reduce){.project-image-button img,.project-jump span,.story-step strong{transition:none}}