:root{--paper:#eeeae1;--ink:#282820;--muted:#736d60;--gold:#b39a68;--header:78px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;letter-spacing:-.04em;line-height:.98}h2{font-size:clamp(44px,5.3vw,80px)}p{line-height:1.65}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.eyebrow{display:block;font-size:10px;letter-spacing:.14em;font-weight:600;text-transform:uppercase;line-height:1.6}.section{padding:110px 6vw}header.portfolio-bar .portfolio-project{font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;letter-spacing:-.03em}.hero{margin-top:var(--header);height:calc(100svh - var(--header));min-height:580px;position:relative;background:#181a16;color:#fff;overflow:hidden}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#151711f2 0%,#151711a8 37%,#15171115 75%),linear-gradient(0deg,#11140ce0,transparent 30%)}.hero-copy{position:absolute;left:6vw;top:10%;max-width:800px}.hero .eyebrow{color:#dfccaa}.hero h1{font-size:clamp(78px,10.8vw,170px);margin:40px 0 30px;line-height:.84}.hero h1 em{font-weight:400;color:#e3cda7}.hero-copy>p{max-width:430px;font-size:16px;color:#f0e9da;line-height:1.6}.hero-bottom{position:absolute;left:6vw;right:6vw;bottom:34px;border-top:1px solid #fff5;padding-top:20px;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:11px}.hero-bottom>span{color:#e6decf}.hero-bottom>a{white-space:nowrap}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:40px}.large-copy{font-size:21px}.work-list{margin-top:30px;border-top:1px solid #28282030}.work-list p{display:flex;gap:24px;padding:14px 0;font-size:13px;border-bottom:1px solid #28282030}.work-list span{font-size:10px;letter-spacing:.1em;color:#8c744d;padding-top:2px}.scroll-sequence{position:relative}.process{height:420svh;background:#25291f;color:var(--paper)}.process-sticky{position:sticky;top:var(--header);height:calc(100svh - var(--header));display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 45px;gap:0 7vw;padding:5vh 6vw 20px}.process-visual{min-height:0;display:flex;align-items:center}.photo-stack{height:100%;width:100%;position:relative}.process-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(25px) scale(.98);transition:opacity .55s,transform .75s}.process-photo.active{opacity:1;transform:translateY(0) scale(1)}.process-text{position:relative;min-height:0}.stage{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateY(25px);transition:opacity .55s,transform .75s,visibility .55s}.stage.active{opacity:1;visibility:visible;transform:none}.stage h2{margin:30px 0;font-size:clamp(44px,5vw,75px)}.stage p{font-size:16px;max-width:410px;color:#d0d1c5}.stage .eyebrow{color:#c7ac7e}.stage-caption{margin-top:32px;font-size:10px;letter-spacing:.05em;color:#aeb19e}.sequence-bottom{grid-column:1/-1;display:flex;align-items:center;gap:20px;font-size:11px;color:#d3c39d}.progress-track{height:1px;flex:1;background:#ffffff30}.progress-track i{height:1px;background:var(--gold);display:block;width:0}.result{height:280svh}.result-sticky{position:sticky;top:var(--header);height:calc(100svh - var(--header));padding:5vh 6vw;display:grid;grid-template-rows:auto 1fr;gap:30px}.result-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:0 7vw;align-items:end}.result-heading .eyebrow{grid-column:1/-1;margin-bottom:15px}.result-heading h2{font-size:clamp(43px,4.5vw,65px)}.result-heading p{font-size:14px;max-width:430px;color:var(--muted)}.result-images{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;min-height:0;align-items:center}.result-images figure{height:100%;max-height:50svh;display:flex;flex-direction:column;gap:15px;opacity:.18;transform:translateY(25px)}.result-images img{min-height:0;height:100%;object-fit:contain;max-height:calc(100% - 35px);width:100%}.result-images figcaption{font-size:9px;letter-spacing:.1em;color:var(--muted);text-align:center}.elements{height:550svh;background:#111711;color:#ede6d9}.elements-sticky{position:sticky;top:var(--header);height:calc(100svh - var(--header));padding:4vh 6vw 20px;display:grid;grid-template-columns:.7fr 1.4fr;grid-template-rows:1fr 35px;gap:0 4vw;background:radial-gradient(ellipse at 70% 50%,#303a2c 0%,#151c15 42%,#111711 75%)}.model-copy-stack{position:relative}.model-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .45s,transform .6s,visibility .45s}.model-copy.active{opacity:1;visibility:visible;transform:none}.model-copy .eyebrow{color:#bca77e}.model-copy h2{font-size:clamp(43px,4.5vw,70px);margin:30px 0}.model-copy p{max-width:340px;font-size:15px;color:#bfc4b6}.model-area{position:relative;min-height:0}#model-canvas{position:absolute;inset:0;cursor:grab}#model-canvas canvas{width:100%;height:100%;touch-action:pan-y}#model-canvas:active{cursor:grabbing}.model-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;text-align:center}.model-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.06em;color:#aeb59f}.model-bottom button{background:none;border:0;color:#c5cbbd;font-size:11px;padding:5px}.details{height:300svh}.details-sticky{position:sticky;top:var(--header);height:calc(100svh - var(--header));padding:6vh 6vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.detail-heading h2{margin:30px 0}.detail-heading p{max-width:330px;color:var(--muted);font-size:15px}.detail-grid{position:relative;height:100%;max-height:70svh}.detail-card{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:15px;opacity:0;visibility:hidden;transform:translateY(25px);transition:opacity .5s,transform .75s,visibility .5s}.detail-card.active{visibility:visible;opacity:1;transform:none}.zoom{border:0;background:none;padding:0;min-height:0;cursor:zoom-in}.zoom img{width:100%;height:auto;max-height:62svh;object-fit:contain}.detail-card figcaption{font-size:10px;color:var(--muted)}.return{height:170svh;background:#191c17;color:#fff}.return-sticky{position:sticky;top:var(--header);height:calc(100svh - var(--header));position:sticky;overflow:hidden}.return-sticky>img{width:100%;height:100%;object-fit:contain;object-position:right center}.return-sticky:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#191c17f2 5%,#191c1765 55%,transparent),linear-gradient(0deg,#191c1755,transparent)}.return-text{position:absolute;z-index:1;left:6vw;bottom:12vh;max-width:700px}.return-text .eyebrow{color:#e0cda9}.return h2{margin:28px 0;font-size:clamp(50px,6.5vw,95px)}.return p{max-width:370px;font-size:12px;color:#d7d9cf}footer{display:flex;justify-content:space-between;align-items:end;gap:30px}footer h2{font-size:clamp(37px,4vw,60px);margin:30px 0}footer .contact{font-size:18px;border-bottom:1px solid var(--gold);padding-bottom:8px}footer>a{font-size:12px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .9s}.reveal.visible{opacity:1;transform:none}.lightbox{border:0;padding:35px;background:#171c16f5;color:white;max-width:95vw;max-height:94svh;border-radius:8px}.lightbox::backdrop{background:#11150fec;backdrop-filter:blur(12px)}.lightbox img{max-width:85vw;max-height:77svh;object-fit:contain;margin:auto}.lightbox p{font-size:12px;margin-top:14px}.lightbox .close{position:fixed;right:25px;top:15px;background:none;color:white;border:0;font-size:36px}@media(min-width:701px) and (max-height:700px){.hero{min-height:0}.hero-copy{top:7%}.hero h1{font-size:10vw;margin:25px 0}.hero-copy p{font-size:14px}.hero-bottom{bottom:20px;padding-top:12px}.stage h2,.model-copy h2{font-size:46px;margin:22px 0}.stage p,.model-copy p{font-size:14px}.stage-caption{margin-top:20px}.result-sticky{gap:20px}.result-heading h2{font-size:40px}.result-heading p{font-size:12px}.detail-heading h2{font-size:46px}}@media(max-width:700px){:root{--header:104px}header.portfolio-bar .portfolio-project{font-size:25px}.hero{min-height:650px;height:calc(100svh - var(--header))}.hero-background{object-position:62% center}.hero-shade{background:linear-gradient(0deg,#10160cf5 0%,#10160c8a 58%,#10160c30 100%)}.hero-copy{left:6vw;right:6vw;top:auto;bottom:150px}.hero .eyebrow{font-size:8px;max-width:220px}.hero h1{font-size:18vw;margin:25px 0;line-height:.9}.hero-copy>p{font-size:13px;max-width:300px}.hero-bottom{bottom:22px;display:block;font-size:9px;padding-top:16px}.hero-bottom a{display:block;font-size:11px;margin-top:15px}.section{padding:70px 6vw}.intro-grid{grid-template-columns:1fr;gap:30px;margin-top:25px}.intro h2{font-size:46px}.large-copy{font-size:17px}.process{height:430svh}.process-sticky{padding:20px 6vw 12px;grid-template-columns:1fr;grid-template-rows:46% 1fr 30px;gap:15px}.stage{justify-content:start}.stage .eyebrow{font-size:8px}.stage h2{font-size:40px;margin:15px 0}.stage p{font-size:13px;line-height:1.55}.stage-caption{margin-top:16px;font-size:9px}.result{height:300svh}.result-sticky{padding:25px 6vw;grid-template-rows:auto 1fr;gap:25px}.result-heading{display:block}.result-heading h2{font-size:40px}.result-heading p{margin-top:15px;font-size:13px}.result-images{display:block;position:relative}.result-images figure{position:absolute;inset:0;max-height:none;justify-content:center;gap:10px}.result-images img{max-height:calc(100% - 35px)}.elements{height:600svh}.elements-sticky{padding:25px 6vw 14px;grid-template-columns:1fr;grid-template-rows:30% 1fr 50px;gap:10px}.model-copy{justify-content:start}.model-copy .eyebrow{font-size:8px}.model-copy h2{font-size:37px;margin:14px 0}.model-copy p{font-size:12px;max-width:none;line-height:1.55}.model-bottom{font-size:7px;display:grid;grid-template-columns:1fr auto;gap:8px}.model-bottom>span:first-child{grid-column:1/-1}.model-bottom button{font-size:10px;justify-self:start;padding:0}.model-bottom #model-number{justify-self:end}.details{height:330svh}.details-sticky{padding:25px 6vw;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:20px}.detail-heading h2{font-size:38px;margin:15px 0}.detail-heading p{font-size:12px;max-width:none}.detail-grid{height:100%;max-height:none}.zoom img{max-height:40svh}.detail-card figcaption{font-size:9px}.return-sticky>img{object-fit:contain;object-position:center top}.return-text{bottom:7vh}.return h2{font-size:45px}.return p{font-size:11px;max-width:280px}.return-sticky:after{background:linear-gradient(0deg,#191c17 15%,#191c1780 55%,transparent 90%)}footer{display:block}footer>a{display:inline-block;margin-top:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(min-width:701px){.hero-background{left:20%;width:80%;object-position:center 48%}.hero-shade{background:linear-gradient(90deg,#151711 0%,#151711f2 15%,#151711a8 42%,#15171115 78%),linear-gradient(0deg,#11140ce0,transparent 30%)}}
/* Initial survey: four interventions open in sequence with page scrolling. */
.initial-state{height:480svh;background:#e5e0d4}.initial-sticky{position:sticky;top:var(--header);height:calc(100svh - var(--header));padding:5vh 6vw 20px;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 35px;gap:0 6vw}.initial-visual{position:relative;min-height:0}.initial-photo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .5s,transform .65s,visibility .5s}.initial-photo.active{opacity:1;visibility:visible;transform:none}.initial-photo img{width:100%;min-height:0;max-height:calc(100% - 40px);object-fit:contain}.initial-photo figcaption{font-size:10px;line-height:1.5;color:var(--muted);align-self:start}.initial-copy{display:flex;flex-direction:column;justify-content:center}.initial-copy h2{font-size:clamp(38px,4vw,60px);margin:18px 0}.initial-note{font-size:12px;color:var(--muted);max-width:400px;margin-bottom:22px}.initial-list{border-top:1px solid #28282035}.initial-row{border-bottom:1px solid #28282035}.initial-row h3{display:flex;gap:14px;align-items:center;font-size:13px;font-weight:500;line-height:1.35;padding:17px 0}.initial-row h3>span:first-child{color:#8c744d;font-size:10px;flex:none}.row-sign{margin-left:auto;flex:none;color:#8c744d;font-size:20px;width:15px;text-align:center}.initial-expand{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s}.initial-expand>div{overflow:hidden}.initial-expand p{font-size:12px;color:var(--muted);padding:0 20px 0 30px;opacity:0;transition:opacity .35s,padding .55s;line-height:1.55}.initial-row.open .initial-expand{grid-template-rows:1fr}.initial-row.open .initial-expand p{padding-bottom:18px;opacity:1}.initial-row.open h3{color:#6f532d}.initial-bottom{grid-column:1/-1;display:flex;align-items:center;gap:20px;font-size:9px;color:var(--muted);letter-spacing:.06em}.initial-progress{height:1px;background:#28282030;flex:1}.initial-progress i{display:block;width:0;height:1px;background:#8c744d}
/* Align the overview photographs and their captions to one common frame. */
@media(min-width:701px){.result-images{align-items:center}.result-images figure{height:auto;max-height:none;display:block;transform:none}.result-images img{width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:cover}.result-images figure:first-child img{object-position:50% 28%}.result-images figcaption{margin-top:15px;min-height:25px;line-height:1.5}.detail-card{justify-content:center}.zoom img{aspect-ratio:3/2;object-fit:contain;width:100%;max-height:62svh}}
@media(min-width:701px) and (max-height:700px){.initial-sticky{padding-top:20px}.initial-copy h2{font-size:36px;margin:12px 0}.initial-note{font-size:11px;margin-bottom:15px}.initial-row h3{font-size:11px;padding:12px 0}.initial-expand p{font-size:11px}.initial-row.open .initial-expand p{padding-bottom:12px}}
@media(max-width:700px){.initial-state{height:520svh}.initial-sticky{padding:18px 6vw 10px;grid-template-columns:1fr;grid-template-rows:36% 1fr 25px;gap:12px}.initial-photo{gap:8px}.initial-photo img{max-height:calc(100% - 28px)}.initial-photo figcaption{font-size:8px}.initial-copy{justify-content:start}.initial-copy>.eyebrow{font-size:8px}.initial-copy h2{font-size:31px;margin:9px 0}.initial-note{font-size:10px;line-height:1.45;margin-bottom:10px}.initial-row h3{font-size:11px;padding:10px 0;gap:10px}.initial-expand p{font-size:10px;padding-left:24px;line-height:1.45}.initial-row.open .initial-expand p{padding-bottom:10px}.row-sign{font-size:16px}.initial-bottom{font-size:7px;gap:12px}}