@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#101010;--paper:#f1f1ee;--accent:#ff573d;--muted:#969693;--line:#363636;--body:'DM Sans',Arial,sans-serif;--mono:'Barlow Condensed','Arial Narrow',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--body);font-size:16px;line-height:1.5}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h2{font-size:clamp(42px,6.2vw,94px);line-height:1.04;letter-spacing:-.065em;font-weight:500}h3{font-weight:500}em{font-style:normal;color:var(--accent)}.muted{color:#81817e}.eyebrow,.location,.section-top>p,.section-top>span,.scroll-cue,.hero-caption small,.filters,.text-link,.project-meta,.stats span,.timeline>article>span,.cv-note,footer,.contact-links,.dialog-bar{font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.035em}.section{padding:105px 5vw}.section-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:64px}.section-top>p{max-width:250px;text-transform:uppercase;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;padding:18px 23px;border-radius:5px;font-size:14px;transition:transform .3s,background .3s;text-transform:uppercase}.button:hover{transform:translateY(-4px)}.accent{background:var(--accent);color:#101010}.light{background:var(--paper);color:#101010}.dark{background:#101010;color:white}.mini-plus{font-size:24px;line-height:1}.skip{position:fixed;top:-100px;left:20px;background:white;color:black;padding:12px;z-index:999}.skip:focus{top:10px}.progress{height:2px;position:fixed;top:0;left:0;z-index:100;background:var(--accent);width:0}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;background:#101010f5;border-bottom:1px solid #242424;position:sticky;top:0;z-index:20}.wordmark{font-weight:700;color:var(--accent);font-size:36px;letter-spacing:-2px;line-height:1}.wordmark span{font-size:13px;vertical-align:top;letter-spacing:0}nav{display:flex;gap:40px;font-family:var(--mono);font-size:17px}nav sup{color:var(--accent);font-size:12px;padding-left:5px}.roll{position:relative;overflow:hidden}.roll span{display:inline-block;transition:transform .3s,color .3s}.roll:hover span{transform:translateY(-3px);color:var(--accent)}.contact-nav{font-family:var(--mono);display:flex;align-items:center;gap:15px}.contact-nav i{width:8px;height:8px;background:var(--accent);border-radius:50%}.hero{position:relative;min-height:790px;height:calc(100svh - 78px);max-height:1120px;overflow:hidden;padding:70px 5vw 38px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.hero-art{position:absolute;inset:0;z-index:-3;will-change:transform}.hero-art img{position:absolute;height:120%;object-fit:cover;top:-10%;animation:drift 22s ease-in-out infinite alternate;filter:saturate(.85)}.hero-forest{width:65%;left:20%;opacity:.75}.hero-jelly{width:45%;right:4%;mix-blend-mode:lighten;object-position:center 35%;opacity:.9;animation-delay:-8s!important}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101010 0%,#10101020 50%,#10101028),linear-gradient(0deg,#101010 0%,#10101000 45%,#10101055);z-index:-1}.hero-top{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:30px}.hero-top .eyebrow{padding-top:12px}.hero-statement{font-size:clamp(24px,3.1vw,48px);line-height:1.13;letter-spacing:-.05em}.hero-statement em{color:#c7dad6}.location{text-align:right;line-height:1.5;padding-top:12px}.location #clock{display:block;margin-top:20px;color:#bdbdb5}.hero h1{display:flex;align-items:baseline;font-size:clamp(90px,14.8vw,245px);font-weight:500;letter-spacing:-.085em;line-height:1.1;white-space:nowrap;margin:55px 0 30px;animation:enter 1.2s both}.hero h1>span:first-child{color:var(--accent)}.hero h1 .slash{color:var(--paper);font-weight:400;display:inline-block;margin:0 .02em}.hero h1 sup{font-size:.15em;align-self:flex-start;margin-top:.8em;margin-left:10px;letter-spacing:0}.hero-bottom{display:grid;grid-template-columns:1.2fr 1fr .6fr;align-items:end;gap:30px}.hero-bottom p{margin-bottom:26px;font-size:16px}.hero-caption{display:flex;align-items:center;gap:20px;font-family:var(--mono);font-size:16px;max-width:370px;border-top:1px solid #a2b4ac60;padding-top:20px}.hero-caption small{color:#bac5c0;font-size:12px}.play{display:grid;place-items:center;flex:0 0 46px;height:46px;border:1px solid #abbab180;border-radius:50%;font-size:14px;transition:background .3s}.hero-caption:hover .play{background:var(--accent)}.scroll-cue{text-align:right;font-size:12px}.scroll-line{height:48px;width:1px;background:#666;display:block;margin:16px 0 0 auto;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;top:-100%;height:100%;width:100%;background:white;animation:scroll-line 2s infinite}.ticker{border-block:1px solid var(--line);overflow:hidden;padding:22px 0}.ticker>div{white-space:nowrap;width:max-content;animation:marquee 36s linear infinite;font-family:var(--mono);font-size:28px;letter-spacing:.015em}.ticker b{color:var(--accent);margin:0 45px;font-weight:400}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px}.text-link{border-bottom:1px solid #aaa;padding-bottom:7px;font-size:16px;text-transform:uppercase}.text-link:hover{color:var(--accent);border-color:var(--accent)}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:38px}.filters button{border:1px solid #444;background:transparent;color:#aaa;padding:10px 20px;border-radius:30px;font-size:15px;transition:.25s}.filters button:hover{border-color:var(--paper);color:var(--paper)}.filters button.active{background:var(--paper);border-color:var(--paper);color:#111}.filters sup{font-size:11px;margin-left:4px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 28px}.project-card{border:0;padding:0;background:none;text-align:left;display:block;width:100%;min-width:0}.project-card[hidden]{display:none}.project-card:nth-child(even){padding-top:95px}.project-image{aspect-ratio:1.12;overflow:hidden;position:relative;background:#252525;border-radius:3px}.project-card:nth-child(even) .project-image{aspect-ratio:1.25}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .5s}.project-card:hover img{transform:scale(1.06);filter:brightness(.85)}.project-plus{position:absolute;right:20px;bottom:20px;width:48px;height:48px;display:grid;place-items:center;background:var(--paper);color:#111;border-radius:50%;font-size:26px;transition:transform .4s}.project-card:hover .project-plus{transform:rotate(90deg);background:var(--accent)}.project-meta{display:flex;justify-content:space-between;color:#999;font-size:13px;margin:18px 0 8px;text-transform:uppercase}.project-card h3{font-size:clamp(23px,2.3vw,35px);letter-spacing:-.035em;line-height:1.2}.project-card .sub{font-size:14px;color:#a0a09d;margin-top:7px}.about{background:#eaece7;color:#151515}.about .section-top{margin-bottom:35px}.asterisk{font-family:Arial!important;font-size:68px!important;line-height:1;animation:spin 30s linear infinite;color:var(--accent)}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw}.about-grid h2{font-size:clamp(45px,6vw,90px)}.about-copy p{font-size:18px;line-height:1.65;margin-bottom:22px;max-width:560px}.about-copy p:first-child{font-size:25px;line-height:1.45;letter-spacing:-.035em}.about-copy .button{margin-top:16px;background:#151515;color:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-top:1px solid #bfc1bc;padding-top:45px;margin-top:80px}.stats>div{display:flex;flex-direction:column}.stats strong{font-size:clamp(65px,9vw,130px);line-height:1.1;font-weight:500;letter-spacing:-.08em}.stats span{margin-top:16px;font-size:14px}.service-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:30px 0}summary{display:flex;align-items:center;gap:3vw;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary>span{font-family:var(--mono);color:var(--accent);font-size:16px}summary h3{font-size:clamp(22px,3.8vw,56px);letter-spacing:-.045em;line-height:1.2}summary>b{font-size:32px;font-weight:400;margin-left:auto;transition:transform .3s}details[open] summary>b{transform:rotate(45deg)}details>p{margin:25px 7% 0;max-width:600px;color:#aaa;font-size:18px;line-height:1.65}.experience{padding-top:20px}.timeline{margin-top:65px}.timeline article{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:1px solid var(--line);padding:30px 0}.timeline>article>span{color:#aaa;padding-top:9px}.timeline h3{font-size:28px;letter-spacing:-.03em}.timeline p{max-width:640px;color:#999;margin-top:12px}.timeline p:first-of-type{color:#ddd;margin-top:7px}.cv-note{color:#888;margin-top:18px;font-size:12px}.contact{background:var(--accent);color:#111;padding-bottom:55px}.contact .section-top>span{font-size:14px}.contact h2{font-size:clamp(50px,9.5vw,150px);line-height:1.02;letter-spacing:-.07em}.contact h2 em{color:#ffe5dd}.contact-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:60px;gap:24px}.email{font-size:clamp(21px,3vw,44px);letter-spacing:-.04em;border-bottom:1px solid #111;padding-bottom:6px;overflow-wrap:anywhere}.contact-links{display:flex;gap:28px;flex-wrap:wrap;margin-top:35px;font-size:15px}.contact-links button{background:none;border:0;border-bottom:1px solid #111;padding:0}footer{display:flex;justify-content:space-between;align-items:center;padding:38px 5vw;gap:24px;font-size:13px}footer button{font-family:inherit;background:none;border:0;color:#bbb;font-size:14px}footer p{color:#999}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(35px);transition:opacity .85s,transform .85s}.js .reveal.visible{opacity:1;transform:translateY(0)}dialog{width:min(1100px,94vw);max-height:92svh;padding:0;border:1px solid #444;background:#171717;color:var(--paper);border-radius:8px}dialog::backdrop{background:#000c;backdrop-filter:blur(10px)}.dialog-bar{position:sticky;top:0;background:#171717f5;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;z-index:2;border-bottom:1px solid #333;font-size:13px}.dialog-bar button{padding:8px 14px;border:1px solid #555;border-radius:4px;background:#252525}.dialog-body{padding:40px}.dialog-body h2{font-size:clamp(34px,5vw,64px);margin-top:18px}.dialog-body>p{font-size:18px;line-height:1.65;color:#bbb;max-width:770px;margin-top:24px}.dialog-body .eyebrow{color:var(--accent)}#dialog-actions{display:flex;gap:15px;flex-wrap:wrap;margin:30px 0}#dialog-images{display:grid;gap:20px}#dialog-images img{width:100%;height:auto;border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .hero-art{transform:none!important}
@keyframes drift{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.13) translateY(2%)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scroll-line{to{top:100%}}@keyframes enter{from{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.section,header,.hero,footer{padding-left:max(5vw,calc((100vw - 1600px)/2));padding-right:max(5vw,calc((100vw - 1600px)/2))}.hero h1{font-size:210px}}
@media(max-width:900px){nav{gap:22px}.hero{min-height:760px}.hero-top{grid-template-columns:1fr 1.2fr}.hero-top .eyebrow{grid-column:1/-1}.hero-statement{font-size:36px}.hero h1{font-size:14vw}.hero-bottom{grid-template-columns:1fr 1fr}.scroll-cue{display:none}.hero-forest{left:0;width:100%}.hero-jelly{right:0;width:60%}.about-grid{gap:45px}.about-copy p{font-size:16px}.about-copy p:first-child{font-size:21px}.section{padding:80px 5vw}.project-grid{gap:40px 20px}.project-card:nth-child(even){padding-top:65px}.contact .section-top>span:last-child{display:none}}
@media(max-width:600px){header{height:68px;padding:0 20px}.wordmark{font-size:30px}nav{gap:17px;font-size:14px}nav a:last-child{display:none}.contact-nav{font-size:13px;gap:8px}.hero{padding:40px 22px 32px;height:auto;min-height:760px}.hero-top{gap:24px}.hero-top .eyebrow{font-size:12px}.hero-statement{font-size:30px}.location{font-size:12px;padding-top:0}.location #clock{margin-top:12px}.hero h1{font-size:23vw;line-height:.97;display:block;white-space:normal;margin:65px 0 48px;letter-spacing:-.075em}.hero h1>span{display:block}.hero h1>span:nth-child(2){margin-left:16vw}.hero h1 sup{display:none}.hero h1 .slash{margin-left:.08em}.hero-jelly{width:75%;right:-5%;height:105%!important;top:0!important}.hero-forest{width:100%;left:-10%}.hero-shade{background:linear-gradient(90deg,#10101090,#10101005),linear-gradient(0deg,#101010,#10101000 65%,#10101070)}.hero-bottom{display:flex;flex-wrap:wrap;gap:28px}.hero-bottom p{font-size:15px}.hero-caption{font-size:13px;width:100%;max-width:none}.hero-caption small{font-size:12px}.section{padding:60px 22px}.section-top{margin-bottom:38px;gap:25px}.section-top .eyebrow{font-size:12px;max-width:180px}.section-top>p{font-size:13px;text-align:right}.heading-row{display:block;margin-bottom:30px}.heading-row .text-link{display:inline-block;margin-top:26px;font-size:14px}.filters{gap:8px;margin-bottom:28px}.filters button{font-size:14px;padding:8px 13px}.project-grid{grid-template-columns:1fr;gap:35px}.project-card:nth-child(even){padding-top:0}.project-card:nth-child(even) .project-image{aspect-ratio:1.12}.project-meta{font-size:12px}.project-card h3{font-size:27px}.about-grid{grid-template-columns:1fr;gap:32px}.about-grid h2{font-size:52px}.stats{gap:18px;margin-top:45px;padding-top:26px}.stats strong{font-size:64px}.stats span{font-size:12px;line-height:1.4}.asterisk{font-size:50px!important}.service-list summary{gap:20px}summary h3{font-size:24px}summary>b{font-size:25px}details>p{margin-left:38px;font-size:16px}details{padding:24px 0}.timeline{margin-top:35px}.timeline article{grid-template-columns:1fr;gap:12px;padding:25px 0}.timeline h3{font-size:23px}.timeline p{font-size:15px}.timeline>article>span{font-size:13px}.contact h2{font-size:13vw}.contact-bottom{display:block;margin-top:35px}.contact-bottom .button{margin-top:25px}.contact-links{gap:17px;font-size:14px}.email{font-size:6vw}footer{flex-wrap:wrap;padding:30px 22px;gap:25px}footer .wordmark{width:35%}footer p{font-size:12px}.dialog-bar{padding:14px 18px}.dialog-bar>span{font-size:11px}.dialog-body{padding:25px 18px}.dialog-body>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.hero-art{transform:none!important}}