:root{--gutter:clamp(24px,4.2vw,68px);--header:90px;--ink:#171717;--paper:#f7f6f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.detail-header{position:fixed;z-index:60;inset:0 0 auto;height:var(--header);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;color:#fff;transition:color .4s,background .4s,border .4s}.detail-header.scrolled,.menu-open .detail-header{color:var(--ink);background:rgba(250,250,250,.96);border-bottom:1px solid rgba(0,0,0,.06);backdrop-filter:blur(10px)}.detail-brand{font-size:16px;font-weight:600;letter-spacing:.16em;white-space:nowrap}.detail-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:clamp(25px,3vw,48px)}.detail-nav a{position:relative;padding:7px 0;color:inherit;font-size:12px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.detail-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:1px;background:currentColor;transition:right .3s}.detail-nav a:hover::after,.detail-nav a.active::after{right:0}.detail-toggle{position:relative;z-index:70;width:44px;height:44px;padding:0;border:1px solid currentColor;border-radius:50%;background:rgba(0,0,0,.08);cursor:pointer}.detail-toggle span{position:absolute;left:9px;width:24px;height:1.5px;background:currentColor;transition:.4s}.detail-toggle span:nth-child(1){top:14px}.detail-toggle span:nth-child(2){top:21px}.detail-toggle span:nth-child(3){top:28px}.menu-open .detail-toggle span:nth-child(1){top:21px;transform:rotate(45deg)}.menu-open .detail-toggle span:nth-child(2){opacity:0}.menu-open .detail-toggle span:nth-child(3){top:21px;transform:rotate(-45deg)}.detail-menu{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:#f5f4f1;opacity:0;visibility:hidden;transition:.45s}.menu-open .detail-menu{opacity:1;visibility:visible}.detail-menu nav{display:flex;flex-direction:column;align-items:center;gap:18px}.detail-menu a{font-size:clamp(40px,7vw,90px);font-weight:300;line-height:1;letter-spacing:-.04em}.detail-hero{position:relative;height:100svh;min-height:600px;overflow:hidden;background:#111}.detail-hero img{width:100%;height:100%;object-fit:cover;object-position:center;animation:hero-scale 9s linear both}.detail-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),transparent 48%,rgba(0,0,0,.2))}.hero-copy{position:absolute;z-index:2;left:var(--gutter);right:var(--gutter);bottom:clamp(42px,7vh,72px);display:flex;align-items:end;justify-content:space-between;color:#fff}.hero-copy h1{margin:0;font-size:clamp(28px,5vw,72px);font-weight:300;letter-spacing:-.02em}.hero-copy p{margin:0 0 9px;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.scroll-cue{position:absolute;z-index:2;left:50%;bottom:30px;width:1px;height:34px;background:rgba(255,255,255,.35);overflow:hidden}.scroll-cue::after{content:"";display:block;width:1px;height:15px;background:#fff;animation:scroll-line 1.8s infinite}.project-intro{min-height:70vh;padding:clamp(90px,13vw,190px) var(--gutter);display:grid;grid-template-columns:1fr minmax(320px,48%);gap:8vw;align-items:start;background:var(--paper)}.project-intro h2{margin:0;font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.intro-content>p{max-width:760px;margin:0;font-size:clamp(25px,3.2vw,47px);font-weight:300;line-height:1.2;letter-spacing:-.025em}.facts{margin-top:70px;padding-top:20px;border-top:1px solid #ccc;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.fact span{display:block;margin-bottom:8px;color:#888;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.fact strong{font-size:12px;font-weight:400;letter-spacing:.08em}.detail-gallery{padding:8px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8px}.gallery-frame{height:85vh;min-height:550px;overflow:hidden;background:#eee}.gallery-frame.full{grid-column:1/-1}.gallery-frame img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.gallery-frame:hover img{transform:scale(1.025)}.gallery-frame.crop-left img{object-position:28% center}.gallery-frame.crop-right img{object-position:72% center}.related{padding:clamp(90px,10vw,150px) var(--gutter);background:var(--paper)}.related-head{margin-bottom:45px;display:flex;justify-content:space-between;align-items:end}.related h2{margin:0;font-size:clamp(30px,5vw,64px);font-weight:300;letter-spacing:-.03em}.related-head a{font-size:10px;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.related-card{position:relative;height:58vh;min-height:420px;overflow:hidden;background:#111;color:#fff}.related-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.related-card:hover img{transform:scale(1.035)}.related-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 45%)}.related-card span{position:absolute;z-index:1;left:30px;bottom:27px;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.next-project{position:relative;display:block;height:72vh;min-height:520px;overflow:hidden;color:#fff;background:#111}.next-project img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s}.next-project:hover img{transform:scale(1.035)}.next-project::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}.next-copy{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.next-copy small{font-size:10px;letter-spacing:.2em;text-transform:uppercase}.next-copy strong{margin-top:18px;font-size:clamp(38px,7vw,100px);font-weight:300;letter-spacing:-.04em}.detail-footer{padding:70px var(--gutter);display:flex;justify-content:space-between;background:#111;color:#fff}.detail-footer a{font-size:15px;font-weight:600;letter-spacing:.16em}.detail-footer p{margin:0;color:#999;font-size:10px;letter-spacing:.14em;text-transform:uppercase}@keyframes hero-scale{to{transform:scale(1.06)}}@keyframes scroll-line{from{transform:translateY(-15px)}to{transform:translateY(34px)}}@media(max-width:900px){.detail-nav{display:none}.project-intro{grid-template-columns:1fr;gap:40px}.detail-gallery{grid-template-columns:1fr}.gallery-frame,.gallery-frame.full{grid-column:1;height:72svh}.related-grid{grid-template-columns:1fr}.related-card{height:60svh}}@media(max-width:600px){:root{--header:78px}.detail-brand{font-size:14px}.detail-hero{min-height:540px}.hero-copy{display:block}.hero-copy h1{font-size:42px}.hero-copy p{margin-top:14px}.project-intro{min-height:0;padding:85px var(--gutter)}.intro-content>p{font-size:28px}.facts{margin-top:45px;grid-template-columns:1fr;gap:22px}.gallery-frame{min-height:430px}.related-card{min-height:390px}.detail-footer{flex-direction:column;gap:20px}.next-project{min-height:480px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}