@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=DM+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--bg:#101110;--ink:#eeeae2;--muted:#a8a9a2;--line:#3c3d38;--accent:#c9fd61;font-family:Archivo,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{font:inherit}.skip{position:absolute;left:16px;top:-80px;background:var(--accent);color:#111;padding:12px;z-index:9}.skip:focus{top:16px}.shell{width:min(100% - 64px,1536px);margin:auto}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:12px;align-items:center;font-size:14px;line-height:.83;letter-spacing:-.055em;font-weight:900}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--accent);color:#111;font-weight:900;font-size:32px;position:relative;letter-spacing:-.14em;padding-right:5px}.brand-mark span{position:absolute;font-size:15px;right:2px;top:1px;letter-spacing:0}.topbar nav{display:flex;align-items:center;gap:40px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.topbar nav>a:hover,.project-info a:hover,footer>a:hover{color:var(--accent)}.topbar .nav-contact{padding:16px 19px;border:1px solid #787a71}.topbar .nav-contact span,.text-cta span{margin-left:16px}.hero{min-height:680px;display:flex;flex-direction:column;justify-content:space-between;padding:28px 0 47px}.hero-topline,.kicker,.project-type,.project-note,.ember-kicker,.ember-caption{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.075em;text-transform:uppercase}.hero-topline{display:flex;justify-content:space-between;color:#c2c4bd}.eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:.02em}.spark{font-size:24px;color:var(--accent)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(64px,10vw,160px);line-height:.83;letter-spacing:-.095em;margin:24px 0 0;font-weight:900}.hero h1 em,.section-head h2 em,.approach h2 em{font-style:normal;color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:clamp(16px,1.45vw,21px);line-height:1.48;max-width:560px;color:#c9cbc4;margin:0}.round-link{display:grid;place-items:center;width:68px;height:68px;border:1px solid #b7b9ae;border-radius:50%;font-size:32px;transition:.25s}.round-link:hover{background:var(--accent);border-color:var(--accent);color:#111;transform:translateY(5px)}.work{padding:108px 0 140px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:58px}.kicker{color:var(--accent)}.section-head h2,.approach h2{font-size:clamp(45px,6vw,88px);line-height:.98;letter-spacing:-.075em;margin:24px 0 0}.section-head>p{max-width:370px;font-size:16px;line-height:1.6;color:var(--muted);margin-bottom:3px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project{min-width:0}.project-visual{position:relative;display:block;overflow:hidden;aspect-ratio:1.29;background:#35322e;border:1px solid #565750}.project-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.4),transparent 55%)}.project-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.63) saturate(.85);transition:transform .6s ease,filter .6s ease}.project-visual:hover img{transform:scale(1.04);filter:brightness(.78) saturate(.9)}.preview-wordmark{position:absolute;z-index:1;left:8%;top:11%;font-weight:900;font-size:clamp(48px,6vw,102px);letter-spacing:-.09em}.preview-wordmark span{color:#fa7642}.project-open{position:absolute;right:24px;bottom:24px;z-index:1;width:48px;height:48px;display:grid;place-items:center;background:var(--ink);color:#111;font-size:25px;transition:transform .2s}.project-visual:hover .project-open{transform:translate(3px,-3px)}.project-info{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:27px 0 24px}.project-type{color:var(--accent)}.project-info h3{font-size:clamp(30px,3vw,46px);letter-spacing:-.06em;margin:12px 0}.project-info p{max-width:415px;color:var(--muted);line-height:1.55;margin:0;font-size:14px}.project-info>a{flex:none;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.05em;border-bottom:1px solid #77796e;padding-bottom:8px}.project-info>a span{margin-left:8px}.project-note{color:#8d8f88;border-top:1px solid var(--line);padding-top:17px;line-height:1.6}.project-ember .project-visual{background:radial-gradient(ellipse 70% 65% at 57% 80%,#b32c0a 0%,#571607 52%,transparent 100%),linear-gradient(145deg,#171412,#090a09 75%)}.ember-orbit{position:absolute;width:85%;aspect-ratio:1;border:1px solid rgba(255,112,30,.22);border-radius:50%;top:10%;left:8%;box-shadow:0 0 80px 12px rgba(231,60,10,.27),inset 0 0 80px 12px rgba(231,60,10,.2)}.ember-kicker{position:absolute;top:11%;left:8%;color:#ffbca4}.ember-title{position:absolute;z-index:1;top:25%;left:8%;font-size:clamp(56px,7.2vw,116px);font-weight:900;letter-spacing:-.095em;line-height:.83;color:#f7ede1}.ember-title i{font-style:normal;color:#fd6b24}.ember-dot{color:#fd6b24}.ember-caption{position:absolute;z-index:1;left:8%;bottom:10%;color:#ffbd9b}.approach{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:10%;padding:100px 0 125px}.approach-label{display:flex;flex-direction:column;justify-content:space-between}.approach-symbol{font-size:clamp(80px,13vw,220px);line-height:1;color:var(--accent)}.approach h2{margin:0 0 30px}.approach p{font-size:clamp(18px,1.6vw,23px);line-height:1.5;color:#b9bbb3;max-width:680px}.text-cta{display:inline-block;margin-top:25px;border-bottom:1px solid var(--accent);padding-bottom:12px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.text-cta:hover{color:var(--accent)}footer{border-top:1px solid var(--line);padding:42px 0 32px;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:20px}footer p{color:var(--muted);font-size:13px;margin:0}footer>a:not(.brand){font-size:12px;text-transform:uppercase;font-weight:700;justify-self:end}footer small{grid-column:1/-1;color:#81847d;font-size:11px;margin-top:55px}@media(max-width:900px){.shell{width:min(100% - 36px,1536px)}.topbar{height:77px}.topbar nav{gap:18px}.topbar nav a:not(.nav-contact){display:none}.hero{min-height:640px}.hero h1{font-size:clamp(61px,11vw,110px)}.projects{grid-template-columns:1fr}.project-visual{aspect-ratio:1.5}.ember-title{font-size:clamp(70px,13vw,116px)}.preview-wordmark{font-size:clamp(65px,11vw,102px)}.approach{grid-template-columns:1fr;gap:25px}.approach-symbol{display:none}}@media(max-width:600px){.hero-topline span:last-child{display:none}.hero{min-height:610px;padding-bottom:30px}.hero h1{font-size:clamp(51px,12vw,75px)}.hero-bottom{align-items:end;gap:15px}.hero-bottom p{font-size:15px}.round-link{width:52px;height:52px;flex:none}.work{padding:75px 0 85px}.section-head{display:block;margin-bottom:33px}.section-head h2,.approach h2{font-size:clamp(48px,10vw,68px)}.section-head>p{margin-top:22px}.project-visual{aspect-ratio:1.06}.project-info{display:block}.project-info>a{display:inline-block;margin-top:22px}.ember-title{font-size:clamp(55px,12vw,76px)}.preview-wordmark{font-size:clamp(51px,11vw,75px)}.approach{padding:75px 0 90px}footer{grid-template-columns:1fr 1fr}footer p{grid-column:1/-1;grid-row:2}footer>a:not(.brand){grid-column:2;grid-row:1}footer small{margin-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.project-gary{grid-column:1/-1;margin-top:18px}
.project-gary .project-visual{aspect-ratio:2.5;background:radial-gradient(ellipse at 90% 100%,#459ba43d,transparent 60%),linear-gradient(115deg,#1a2228 15%,#1c333e 65%,#25454c);border-color:#33454d}
.project-gary .project-visual::after{background:none}
.gary-kicker{position:absolute;z-index:1;left:5%;top:12%;font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.06em;color:#b2d8de}
.gary-title{position:absolute;z-index:1;left:5%;top:26%;font-size:clamp(58px,7.5vw,116px);font-weight:900;letter-spacing:-.075em;line-height:.9}
.project-gary .project-info p{max-width:670px}
@media(max-width:900px){.project-gary .project-visual{aspect-ratio:1.5}.gary-title{font-size:clamp(56px,10vw,88px)}}
@media(max-width:600px){.project-gary .project-visual{aspect-ratio:1.15}.gary-title{top:32%;font-size:clamp(49px,12vw,72px)}}
.project-harbor{grid-column:1/-1;margin-top:18px}.project-harbor .project-visual{aspect-ratio:2.1;background:#d3d0c2}.project-harbor .project-visual::after{background:linear-gradient(90deg,rgba(18,30,27,.50),rgba(18,30,27,.06) 70%)}.project-harbor .project-visual img{filter:brightness(.9) saturate(.82);object-position:center 52%}.project-harbor .project-visual:hover img{filter:brightness(.99) saturate(.92)}.harbor-kicker,.harbor-caption{position:absolute;z-index:1;left:6%;color:#f7f4ed;font-family:'DM Mono',monospace;font-size:clamp(9px,1vw,13px);letter-spacing:.18em;text-shadow:0 2px 15px #17221d}.harbor-kicker{top:12%}.harbor-caption{bottom:12%}.harbor-title{position:absolute;z-index:1;top:31%;left:6%;color:#f7f4ed;font-family:Georgia,serif;font-size:clamp(62px,9vw,142px);font-weight:400;line-height:.77;letter-spacing:-.07em;text-shadow:0 4px 22px #17221d}.harbor-title i{font-weight:400}@media(max-width:900px){.project-harbor .project-visual{aspect-ratio:1.5}}@media(max-width:600px){.project-harbor .project-visual{aspect-ratio:1.06}.harbor-title{top:32%;font-size:clamp(54px,12vw,88px)}.harbor-caption{bottom:13%}}