@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--bg:#0a0a0b;--surface:#111113;--surface2:#19191c;--white:#f0eeeb;--muted:#98989f;--accent:#ff692a;--border:#ffffff22;--font:'Golos Text',Arial,sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.5 var(--font)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-80px;left:25px;z-index:99;padding:15px;background:var(--white);color:var(--bg)}.skip:focus{top:10px}.site-header{min-height:100px;padding:22px 4.5%;display:flex;align-items:center;gap:30px;background:var(--bg);border-bottom:1px solid var(--border);position:relative;z-index:5}.wordmark{font-weight:700;letter-spacing:-3px;font-size:43px;display:inline-flex;align-items:flex-start;line-height:1}.wordmark i{font-style:normal;color:var(--accent);font-size:30px;margin-left:9px}.header-caption{font:12px/1.5 var(--mono);color:var(--muted)}.site-header nav{display:flex;gap:32px;font-size:14px;margin-left:auto}.header-cta{margin-left:36px;border-bottom:1px solid var(--accent);padding:12px 0;font-size:14px}.header-cta span{margin-left:30px;color:var(--accent);font-size:22px}.site-header nav a:hover,.header-cta:hover{color:var(--accent)}
.hero{position:relative;min-height:790px;overflow:hidden;background:var(--bg)}.hero-art{position:absolute;inset:0;background-image:linear-gradient(0deg,#0a0a0b 0%,transparent 24%),linear-gradient(90deg,#0a0a0b 0%,#0a0a0b00 65%),url('assets/hero-v2.webp');background-position:center,right center,right center;background-size:cover;opacity:1;transform-origin:75% 50%;animation:arrive 1.6s ease-out both}.hero-inner{padding:34px 4.5% 0;position:relative;min-height:790px;display:flex;flex-direction:column;align-items:flex-start}.hero-eyebrow{font:12px var(--mono);letter-spacing:1px;display:flex;align-items:center;gap:12px}.cross{font-size:22px;color:var(--accent)}.hero h1{font-weight:500;font-size:clamp(75px,8.6vw,138px);line-height:.93;letter-spacing:-.065em;margin:40px 0 32px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-summary p{font-size:16px;line-height:1.65;color:#b7b6bb;max-width:410px;margin:0 0 26px}.action{display:inline-flex;gap:40px;align-items:center;font-size:14px;font-weight:500;background:var(--accent);color:#0a0a0b;padding:19px 24px;border:0;cursor:pointer;transition:background .2s,transform .2s}.action span{font-size:22px}.action:hover{background:#ff874f;transform:translateY(-2px)}.hero-side-label{position:absolute;right:1.5%;top:45%;writing-mode:vertical-rl;font:12px var(--mono);color:#b1b0b5;letter-spacing:2px}.art-caption{position:absolute;right:5%;bottom:105px;font:12px var(--mono);color:#b1b0b5}.hero-bottom{margin-top:auto;width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:24px 0;font:12px var(--mono);color:#a5a4aa}.hero-bottom a span{color:var(--accent);margin-left:15px}.disciplines{display:flex;align-items:center;justify-content:space-between;padding:42px 4.5%;border-block:1px solid var(--border);gap:16px;font-size:clamp(28px,4.8vw,76px);font-weight:500;letter-spacing:-.055em;overflow:hidden;color:#cfced1}.disciplines i{font-style:normal;color:var(--accent);font-size:.65em}
.section{padding:110px 4.5%}.eyebrow{font:12px/1.6 var(--mono);letter-spacing:1px}.section-heading{display:grid;grid-template-columns:.85fr 1.9fr 1fr;gap:40px;align-items:start;margin-bottom:55px}.section-heading h2{font-size:clamp(32px,3.4vw,56px);font-weight:400;line-height:1.15;letter-spacing:-.05em;margin:-7px 0 0}.muted{color:var(--muted)}.section-heading p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}.projects{background:var(--surface)}.project-tabs{display:flex;border-bottom:1px solid var(--border);gap:0}.project-tabs button{flex:1;display:flex;align-items:center;gap:17px;text-align:left;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--muted);padding:24px 16px;font-size:16px;transition:color .2s,background .2s}.project-tabs button>span{font:12px var(--mono);color:var(--muted)}.project-tabs button>i{margin-left:auto;font-style:normal;font-size:22px;opacity:0}.project-tabs button[aria-selected=true]{color:var(--white);border-color:var(--accent);background:#ff692a09}.project-tabs button[aria-selected=true]>span,.project-tabs button[aria-selected=true]>i{color:var(--accent);opacity:1}.project-tabs button:hover{background:#ffffff05;color:var(--white)}.project-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:var(--bg);border:1px solid var(--border);border-top:0;min-height:585px}.project-panel[hidden]{display:none}.project-visual{margin:30px;background:#1a1a1d;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;border:1px solid var(--border)}.image-meta{display:flex;justify-content:space-between;padding:18px 22px;font:12px var(--mono);color:var(--muted);gap:15px}.photo-button{display:flex;align-items:center;justify-content:center;border:0;background:none;width:100%;padding:30px 38px 62px;position:relative;min-height:370px;color:var(--white)}.photo-button img{display:block;max-width:100%;width:auto;max-height:320px;height:auto;object-fit:contain;box-shadow:0 20px 40px #0007;transition:transform .4s}.photo-button:hover img{transform:scale(1.045)}.photo-zoom{position:absolute;bottom:14px;right:22px;display:flex;align-items:center;gap:22px;font-size:14px;color:var(--white)}.photo-zoom i{font-style:normal;font-size:20px;color:var(--accent)}.image-bottom{font:12px var(--mono);color:var(--muted);border-top:1px solid var(--border);padding:18px 22px}.project-copy{padding:40px 38px 32px 22px;min-width:0}.pill{font:12px/1.6 var(--mono);color:var(--accent)}.project-copy h3{font-size:clamp(31px,3vw,49px);line-height:1.1;letter-spacing:-.045em;font-weight:400;margin:34px 0 24px}.project-copy>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:460px;margin:0 0 27px}.project-spec{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-top:1px solid var(--border)}.project-spec>span{font:12px var(--mono);color:var(--muted)}.project-spec strong{font:16px var(--mono);font-weight:400}.project-copy details{border-top:1px solid var(--border);padding:18px 0 0}.project-copy summary{font-size:14px;display:flex;justify-content:space-between;gap:15px;cursor:pointer;list-style:none}.project-copy summary>span{font-size:22px;line-height:1;color:var(--accent)}details[open] summary>span:last-child{transform:rotate(45deg)}details summary::-webkit-details-marker{display:none}.project-copy details>p{color:var(--muted);font-size:16px;line-height:1.7;margin:20px 0 0}.experience-more{display:grid;grid-template-columns:1fr 3fr;gap:40px;margin-top:40px;padding-top:35px;border-top:1px solid var(--border)}.experience-more>div{display:flex;flex-wrap:wrap;gap:12px 26px}.experience-more>div span{font-size:14px;color:#b1b0b7}
.expertise{background:var(--bg)}.process-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:90px;margin-top:75px}.process-statement{display:flex;flex-direction:column;align-items:flex-start}.process-symbol{display:inline-block;color:var(--accent);font-size:110px;line-height:1;margin-bottom:25px}.process-statement>p{font-size:clamp(33px,3.25vw,54px);line-height:1.15;letter-spacing:-.045em;margin:0 0 30px}.process-statement>p>span{color:var(--muted)}.process-statement .eyebrow{max-width:280px;font-size:12px;color:var(--muted)}.process-list{border-top:1px solid var(--border)}.process-list details{border-bottom:1px solid var(--border)}.process-list summary{display:flex;gap:22px;padding:32px 0;align-items:flex-start;cursor:pointer;list-style:none}.step-index{font:14px/1.8 var(--mono);color:var(--accent)}.process-list summary>span:nth-child(2){font-size:24px;line-height:1.2;letter-spacing:-.6px}.process-list summary small{display:block;font:12px/1.6 var(--mono);letter-spacing:.4px;color:var(--muted);margin-top:10px}.process-list summary i{font-size:26px;font-weight:300;font-style:normal;margin-left:auto;line-height:1.2;transition:transform .25s}.process-list details[open] summary i{transform:rotate(45deg);color:var(--accent)}.process-list summary:hover{color:var(--accent)}.step-body{padding:0 20px 30px 41px}.step-body p{color:var(--muted);margin:0 0 22px;line-height:1.8;font-size:16px;max-width:600px}.step-tags{display:flex;flex-wrap:wrap;gap:8px}.step-tags span{border:1px solid var(--border);padding:5px 10px;font-size:12px;color:#bfbfc4}
.bureau{background:#e9e6df;color:#141417}.bureau-title{font-size:clamp(50px,7vw,116px);line-height:1.04;letter-spacing:-.06em;font-weight:400;margin:45px 0 60px}.bureau-title em{font-style:normal;color:#a7461d}.bureau-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:100px}.bureau-location{align-self:end}.bureau-location>span{font-size:42px;letter-spacing:-2px}.bureau-location p{font:12px/1.7 var(--mono);color:#656466}.bureau-copy p{font-size:16px;line-height:1.8;color:#626168}.bureau-copy .lead{font-size:24px;line-height:1.5;color:#141417;margin:0 0 25px;letter-spacing:-.4px}.bureau-facts{display:flex;gap:80px;border-top:1px solid #14141730;padding-top:30px;margin-top:35px}.bureau-facts strong{display:block;font-weight:400;font-size:56px;letter-spacing:-3px;line-height:1.3}.bureau-facts span{font:12px var(--mono);color:#626168}.contact{background:var(--accent);color:#131313;position:relative;overflow:hidden;padding-top:55px;padding-bottom:70px}.contact-top{display:flex;justify-content:space-between;align-items:start}.contact-arrow{font-size:100px;line-height:.8;display:block}.contact h2{font-size:clamp(43px,6.1vw,100px);font-weight:400;line-height:1.08;letter-spacing:-.06em;margin:0 0 55px}.contact h2 em{font-style:normal;color:#642908}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.contact-grid p{font-size:16px;line-height:1.7;margin:0 0 25px}.action.dark{background:var(--bg);color:var(--white)}.action.dark:hover{background:#27272b}.contact-links>a{display:block;font-size:26px;letter-spacing:-.7px;margin-bottom:14px}.contact-links .email{font-size:clamp(20px,2.3vw,36px);overflow-wrap:anywhere;border-bottom:1px solid #13131340;padding-bottom:15px}.contact-links p{font-size:14px;margin-bottom:0}.contact :focus-visible{outline-color:#141417}.contact-links a:hover{text-decoration:underline;text-underline-offset:5px}footer{padding:35px 4.5% 30px;background:var(--bg);overflow:hidden}.footer-top,.footer-bottom{display:flex;justify-content:space-between;font:12px/1.6 var(--mono);color:var(--muted);gap:25px}.footer-top>a{color:var(--white)}.footer-top>a span{margin-left:24px;color:var(--accent)}.footer-word{font-size:clamp(80px,23vw,390px);letter-spacing:-.085em;line-height:1.1;margin:5px 0 35px;font-weight:500;color:#1d1d20;white-space:nowrap;user-select:none}.footer-word>span{font-size:.6em;vertical-align:top;color:var(--accent);margin-left:.15em;line-height:1.55}.footer-bottom{padding-top:22px;border-top:1px solid var(--border)}dialog{border:1px solid #ffffff40;padding:20px;background:var(--surface);color:var(--white);width:min(900px,94vw);max-height:94dvh}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-top p{margin:0;font-size:16px}.close-dialog{border:1px solid var(--border);width:44px;height:44px;flex-shrink:0;font-size:30px;line-height:1;background:var(--surface2);color:var(--white)}#dialog-image{display:block;margin:auto;max-width:100%;max-height:65dvh;width:auto;height:auto}.dialog-caption{font:12px var(--mono);color:var(--muted);margin:20px 0 0}.is-entering{animation:panel-in .35s ease both}.will-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.will-reveal.in-view{opacity:1;transform:none}@keyframes arrive{from{opacity:.1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes panel-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.hero h1{font-size:145px}.hero-inner{min-height:910px}.section,.site-header,footer{padding-left:max(4.5%,calc((100vw - 1640px)/2));padding-right:max(4.5%,calc((100vw - 1640px)/2))}}
@media(max-width:1100px){.header-caption{display:none}.hero h1{font-size:110px}.hero-art{background-position:center,right center,65% center}.section-heading{grid-template-columns:1fr 2.1fr;gap:25px}.section-heading>p{grid-column:2;max-width:450px}.project-tabs button{font-size:14px;gap:10px}.project-copy{padding:32px 25px 28px 10px}.project-visual{margin:22px}.photo-button{padding-inline:20px}.project-copy h3{font-size:34px}.project-spec{align-items:start;flex-direction:column;gap:7px}.process-layout{gap:55px}.bureau-grid{gap:60px}.bureau-facts{gap:40px}.contact-grid{gap:40px}}
@media(max-width:800px){.site-header nav{gap:20px}.header-cta{margin-left:0}.hero,.hero-inner{min-height:810px}.hero-art{background-position:center,right center,64% center;opacity:.8}.hero-summary p{max-width:340px}.section{padding:75px 5%}.project-panel{grid-template-columns:1fr}.project-visual{min-height:400px;margin:22px}.photo-button{min-height:290px;padding-top:10px;padding-bottom:50px}.photo-button img{max-height:250px}.project-copy{padding:25px 30px 35px}.project-copy h3{font-size:42px;margin-top:25px}.project-spec{flex-direction:row}.project-copy>p{max-width:100%}.project-tabs button{flex-direction:column;align-items:flex-start;position:relative;font-size:14px;padding:18px 12px}.project-tabs button>i{position:absolute;top:8px;right:10px}.process-layout{grid-template-columns:1fr;gap:35px;margin-top:40px}.process-statement{display:none}.bureau-grid{grid-template-columns:1fr;gap:30px}.bureau-location{order:2;display:flex;align-items:center;justify-content:space-between}.bureau-location>span{font-size:30px}.bureau-facts{gap:70px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact h2{margin-top:20px;font-size:60px}.contact-links{max-width:550px}.contact-arrow{font-size:70px}}
@media(max-width:600px){.site-header{min-height:114px;padding:20px 6%;flex-wrap:wrap;gap:0}.wordmark{font-size:35px}.wordmark i{font-size:24px}.header-cta{margin-left:auto;font-size:14px;padding:4px 0}.header-cta span{margin-left:14px}.site-header nav{width:100%;justify-content:space-between;margin:20px 0 0;order:3;font-size:14px}.hero,.hero-inner{min-height:unset}.hero-inner{padding:28px 6% 0}.hero-eyebrow{font-size:12px;letter-spacing:0;gap:7px;max-width:300px}.hero h1{font-size:clamp(75px,20vw,110px);margin-top:32px;letter-spacing:-.065em;margin-bottom:0;position:relative;z-index:2}.hero-art{inset:200px 0 125px 0;background-image:linear-gradient(0deg,#0a0a0b 0%,transparent 35%,transparent 75%,#0a0a0b),url('assets/hero-v2.webp');background-position:center,65% center;background-size:cover;opacity:1}.hero-summary{margin-top:210px;position:relative}.hero-summary p{font-size:16px}.hero-side-label{display:none}.art-caption{top:515px;bottom:auto;right:6%;font-size:12px;color:#b1b0b5}.hero-bottom{font-size:12px;gap:25px;margin-top:32px;line-height:1.6;padding:22px 0}.hero-bottom>span{max-width:180px}.hero-bottom>a{font-size:12px;white-space:nowrap}.hero-bottom>a span{margin-left:5px}.action{padding:17px 20px;font-size:14px;gap:30px}.disciplines{padding:28px 6%;gap:12px;flex-wrap:wrap;justify-content:flex-start;font-size:24px;letter-spacing:-1px}.disciplines i{font-size:18px}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:35px}.section-heading h2{margin:22px 0;font-size:36px;line-height:1.15}.section-heading p{font-size:16px}.project-tabs{display:grid;grid-template-columns:1fr}.project-tabs button{flex-direction:row;padding:19px 12px;gap:12px;font-size:14px}.project-tabs button>i{position:static;font-size:20px;line-height:1}.project-tabs button>span{padding-top:2px}.project-visual{margin:14px;min-height:350px}.image-meta,.image-bottom{font-size:12px;padding:15px 12px}.photo-button{padding:10px 18px 50px;min-height:265px}.photo-button img{max-height:235px}.photo-zoom{font-size:14px;right:15px;bottom:12px}.project-copy{padding:22px 20px 28px}.project-copy h3{font-size:34px}.pill{font-size:12px}.project-spec{flex-direction:column}.project-spec strong{font-size:16px}.experience-more{grid-template-columns:1fr;gap:22px;padding-top:28px;margin-top:30px}.experience-more>div{gap:12px 20px}.experience-more>div span{font-size:14px}.process-list summary{gap:15px;padding:25px 0}.process-list summary>span:nth-child(2){font-size:21px;letter-spacing:-.4px}.process-list summary small{font-size:12px}.step-body{padding:0 0 25px 32px}.step-body p{font-size:16px}.process-list summary i{font-size:24px}.bureau-title{font-size:clamp(42px,11vw,62px);margin:30px 0 35px}.bureau-copy .lead{font-size:22px}.bureau-facts{gap:35px}.bureau-facts strong{font-size:50px}.bureau-facts span{font-size:12px}.bureau-location{gap:25px}.bureau-location p{font-size:12px}.contact{padding-top:35px}.contact-top .eyebrow{max-width:220px}.contact-arrow{font-size:60px}.contact h2{font-size:43px;margin:25px 0 32px;letter-spacing:-.05em}.contact-grid p{font-size:16px}.contact-links>a{font-size:25px}.contact-links .email{font-size:20px;letter-spacing:-.5px}.contact-links p{font-size:14px}footer{padding:27px 6%}.footer-top,.footer-bottom{font-size:12px;line-height:1.6}.footer-top>span{max-width:200px}.footer-word{font-size:23vw;margin:20px 0 25px}.footer-bottom{flex-direction:column;gap:8px}.dialog-top p{font-size:14px}}
@media(max-width:600px){.hero h1{font-size:clamp(64px,20vw,110px)}.art-caption{display:none}.hero-summary p{padding:8px 0;background:linear-gradient(90deg,#0a0a0bea,#0a0a0b65)}.disciplines{font-size:clamp(17px,4.8vw,24px);flex-wrap:nowrap;gap:10px}.bureau-facts{flex-wrap:wrap}.hero-bottom{flex-wrap:wrap;gap:15px}.hero-bottom>span{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}