:root{--ink:#17201c;--paper:#f2efe8;--cream:#e3ded3;--bronze:#946349;--line:rgba(23,32,28,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:84px;display:flex;align-items:center;gap:44px;padding:0 4vw;position:absolute;top:0;z-index:10;width:100%;color:white;border-bottom:1px solid #ffffff40}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand>span{width:38px;height:38px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:500 12px Manrope}.brand b{font:500 11px/1.15 Manrope;letter-spacing:.13em}.brand i{font-style:normal;opacity:.6}nav{display:flex;gap:30px;font-size:13px}.outline{border:1px solid #ffffff70;border-radius:30px;padding:11px 20px;font-size:12px}.menu{display:none;background:none;border:0;color:inherit}.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;padding:0 6vw 9vh;color:white;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kenburns 18s ease-out both}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#08110cc7 0%,transparent 62%),linear-gradient(0deg,#08110caa,transparent 50%)}.hero-copy{position:relative;max-width:780px}.eyebrow,.kicker{font:500 11px Manrope;letter-spacing:.2em;text-transform:uppercase}.hero h1,.intro h2,.compare h2,.drawing-top h2,.context h2,.contact h2{font:400 clamp(54px,8vw,112px)/.88 Manrope;letter-spacing:-.065em;margin:24px 0}.hero h1 em,h2 em{font-family:Georgia,serif;font-weight:400}.hero-copy>p:not(.eyebrow){max-width:520px;font-size:17px;line-height:1.6;color:#e8e8e0}.round-link{margin-top:18px;display:inline-flex;align-items:center;gap:30px;font-size:13px}.round-link span{width:48px;height:48px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center}.credit{position:absolute;right:4vw;bottom:3vh;font-size:10px;letter-spacing:.1em}.intro{padding:150px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.intro h2,.drawing-top h2{font-size:clamp(46px,6.3vw,88px)}.intro-copy{padding-top:55px;max-width:600px}.lead{font:400 25px/1.4 Manrope}.intro-copy>p:not(.lead){color:#5f6863;line-height:1.7}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:50px;padding-top:25px;gap:20px}.stats span{font-size:11px;text-transform:uppercase;line-height:1.5;letter-spacing:.08em}.stats b{display:block;font:400 38px Manrope}.compare{background:#16211c;color:white;padding:130px 5vw}.compare-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.compare-head h2{font-size:clamp(50px,7vw,96px);margin-bottom:0}.compare-head>p{max-width:350px;color:#aeb7b1;line-height:1.6}.light{color:#a9b2ac}.compare-frame{height:min(68vw,720px);max-height:72vh;position:relative;overflow:hidden}.compare-frame>img,.after img{width:100%;height:100%;object-fit:cover}.after{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.after img{position:absolute;inset:0}.divider{position:absolute;left:var(--split);top:0;bottom:0;border-left:1px solid white}.divider span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:white;color:#17201c;display:grid;place-items:center}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.legend{display:flex;gap:35px;margin-top:24px;font-size:12px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.bronze{background:#ad7658}.stone{background:#ddd8cb}.glass{background:#799095}.drawings{padding:140px 5vw}.drawing-top{display:flex;justify-content:space-between;align-items:end}.tabs{display:flex;gap:6px}.tabs button,.view-buttons button{background:none;border:1px solid var(--line);padding:12px 22px;border-radius:30px;cursor:pointer}.tabs button.active,.view-buttons button.active{background:var(--ink);color:white}.drawing-stage{margin-top:55px;min-height:680px;background:#e7e3da;display:grid;grid-template-columns:230px 1fr 260px}.drawing-stage aside{padding:35px;border-right:1px solid var(--line);display:flex;flex-direction:column}.drawing-stage aside>p{font-size:10px;letter-spacing:.18em}.level{border:0;border-top:1px solid var(--line);padding:20px 0;text-align:left;background:none;color:#7b817e;cursor:pointer}.level b,.level span{display:block}.level span{font-size:10px;margin-top:5px}.level.active{color:var(--ink)}.drawing-stage small{margin-top:auto;line-height:1.5;color:#777}.drawing-note{padding:35px;border-left:1px solid var(--line);display:flex;align-items:flex-end;gap:20px}.drawing-note p{font-size:12px;line-height:1.6}.drawing-note b{font-size:16px}.drawing-note p span{color:#777}#drawingCanvas{display:grid;place-items:center;padding:40px;min-width:0}#drawingCanvas svg{width:100%;max-height:580px}.context{display:grid;grid-template-columns:38% 62%;min-height:760px;background:#17201c;color:white}.context-copy{padding:110px 5vw;display:flex;flex-direction:column}.context h2{font-size:clamp(50px,6vw,86px)}.context-copy>p:not(.kicker){color:#aab2ad;line-height:1.7;max-width:430px}.view-buttons{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}.view-buttons button{color:white;border-color:#ffffff42}.view-buttons button.active{background:white;color:#17201c}.context-image{position:relative;overflow:hidden}.context-image img{width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform 1.1s}.context-image.changing img{opacity:.25;transform:scale(1.04)}.hotspot{position:absolute;left:47%;top:46%;font-size:11px;text-shadow:0 1px 8px black}.hotspot span{width:15px;height:15px;border:2px solid white;border-radius:50%;display:inline-block;margin-right:7px;animation:pulse 2s infinite}.principles{padding:130px 6vw}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid var(--line)}.principle-grid article{padding:35px 5vw 20px 0;border-right:1px solid var(--line);min-height:240px}.principle-grid article+article{padding-left:3vw}.principle-grid span{font-size:11px}.principle-grid h3{font:500 26px Manrope;margin-top:50px}.principle-grid p{font-size:13px;line-height:1.7;color:#68706c}.contact{min-height:760px;position:relative;color:white;display:grid;place-items:center;text-align:center;overflow:hidden}.contact>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.42)}.contact>div{position:relative}.contact h2{font-size:clamp(54px,7vw,100px)}.contact>div>p:not(.kicker){color:#c5cbc7}.contact a{display:inline-flex;border-bottom:1px solid white;padding:16px 2px;gap:50px;margin-top:20px}footer{padding:45px 5vw;display:flex;align-items:center;gap:50px}footer p{font-size:10px;color:#747a76}footer p:last-child{margin-left:auto}.reveal{animation:rise 1.2s .2s both}@keyframes rise{from{opacity:0;transform:translateY(30px)}}@keyframes kenburns{from{transform:scale(1.04)}to{transform:scale(1)}}@keyframes pulse{50%{box-shadow:0 0 0 12px #ffffff00}0%,100%{box-shadow:0 0 0 0 #ffffff80}}
@media(max-width:800px){header nav,header>.outline{display:none}.menu{display:block}.hero{padding-bottom:12vh}.hero h1{font-size:56px}.credit{display:none}.intro{grid-template-columns:1fr;padding:100px 6vw}.intro-copy{padding-top:0}.compare{padding:90px 4vw}.compare-head{display:block}.compare-head>p{margin-top:25px}.legend{flex-wrap:wrap}.drawing-top{display:block}.tabs{margin-top:30px;overflow:auto}.drawing-stage{grid-template-columns:1fr;min-height:0}.drawing-stage aside{border:0;display:grid;grid-template-columns:repeat(3,1fr);padding:20px}.drawing-stage aside>p,.drawing-stage aside small{display:none}.level{padding:12px;font-size:12px}.level span{display:none}#drawingCanvas{padding:18px;min-height:420px}.drawing-note{border:0;padding:20px}.context{grid-template-columns:1fr}.context-copy{min-height:600px}.context-image{height:560px}.principle-grid{grid-template-columns:1fr}.principle-grid article{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}.contact{min-height:650px}footer{flex-wrap:wrap}footer p:last-child{margin-left:0}.stats{grid-template-columns:1fr 1fr}.drawing-stage{overflow:hidden}}
.brand-mark{display:block;width:44px;height:44px;flex:0 0 44px}

/* Cinematic landing page */
.video-hero{min-height:100dvh;padding:0 6vw clamp(5.5rem,10vh,8.5rem);isolation:isolate;background:#0d1612}.video-hero .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;z-index:-3}.video-hero .shade{z-index:-2;background:linear-gradient(90deg,rgba(6,13,10,.9) 0%,rgba(6,13,10,.58) 43%,rgba(6,13,10,.12) 75%),linear-gradient(0deg,rgba(6,13,10,.7) 0%,transparent 44%,rgba(6,13,10,.18) 100%)}.video-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.video-hero .hero-copy{max-width:min(68rem,82vw)}.video-hero .eyebrow{margin:0 0 2rem;color:rgba(255,255,255,.76);letter-spacing:.24em}.video-hero h1{max-width:12ch;margin:0;font-size:clamp(3.7rem,8.4vw,8.8rem);line-height:.86;letter-spacing:-.072em;text-wrap:balance}.video-hero h1 em{color:#d8c7af}.video-hero .hero-copy>p:not(.eyebrow){max-width:37rem;margin:2rem 0 0;font-size:clamp(.96rem,1.3vw,1.14rem);line-height:1.65;color:rgba(255,255,255,.76);text-wrap:pretty}.case-study-link{display:inline-flex;align-items:center;gap:1.25rem;margin-top:2rem;font:500 .7rem Manrope,sans-serif;letter-spacing:.15em;text-transform:uppercase}.case-study-link i{width:2.75rem;height:2.75rem;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;font-style:normal;transition:transform .25s ease,background .25s ease,color .25s ease}.case-study-link:hover i{transform:translateY(.25rem);background:#f2efe8;color:#17201c}.case-study-link:focus-visible,.video-control:focus-visible{outline:2px solid white;outline-offset:5px}.video-control{position:absolute;right:4vw;bottom:6.6rem;display:flex;align-items:center;gap:.65rem;border:0;background:transparent;color:white;padding:.55rem;cursor:pointer;font:500 .65rem Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}.video-control-icon{width:2.25rem;height:2.25rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;font-size:.65rem}.video-control:hover .video-control-icon{background:rgba(255,255,255,.14)}.video-hero .credit{bottom:2rem;color:rgba(255,255,255,.58)}
@media(max-width:800px){.video-hero{padding:0 6vw 7rem;align-items:flex-end}.video-hero .hero-video{object-position:43% center}.video-hero .shade{background:linear-gradient(0deg,rgba(5,12,9,.9) 0%,rgba(5,12,9,.43) 72%,rgba(5,12,9,.28) 100%)}.video-hero .hero-copy{max-width:100%}.video-hero .eyebrow{margin-bottom:1.25rem;font-size:.62rem}.video-hero h1{font-size:clamp(3.3rem,15vw,5rem);line-height:.89}.video-hero .hero-copy>p:not(.eyebrow){font-size:.93rem;max-width:31rem;margin-top:1.35rem}.case-study-link{margin-top:1.45rem}.video-control{right:1rem;bottom:1.15rem}.video-control-label{display:none}}
@media(prefers-reduced-motion:reduce){.video-hero .hero-video{display:none}.video-hero{background:url('assets/stadium-leaf-tower-v2.png') 31% 46%/cover no-repeat}.video-control{display:none}}
.subject-hero.video-hero .hero-copy{max-width:min(68rem,82vw)}
@media(max-width:800px){.subject-hero.video-hero .hero-copy{max-width:100%}.video-hero .video-control{left:1rem;right:auto}}
@media(prefers-reduced-motion:reduce){.video-hero{background-image:url('assets/park-edge-hero-part3-poster.jpg');background-position:center;background-size:cover}}