@font-face{font-family:Barlow;src:url('assets/barlow-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Condensed;src:url('assets/barlow-condensed-extra-bold-italic.ttf') format('truetype');font-weight:800;font-style:italic;font-display:block}
:root{color-scheme:dark;--bg:#151515;--ink:#f1eee4;--muted:#a6a49e;--line:#3a3a36;--orange:#ff5b0a;--px:clamp(20px,2.6vw,50px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Barlow,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;content:'';z-index:9;pointer-events:none;opacity:.035;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--orange);outline-offset:7px}::selection{background:var(--orange);color:#151515}button,a{-webkit-tap-highlight-color:transparent}p,h1,h2{margin:0}.mono,.eyebrow,.header nav,.section-jump{font-family:'Courier New',monospace}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--bg);padding:15px;z-index:100}.skip:focus{top:15px}
.header{position:absolute;top:0;left:0;width:100%;padding:29px var(--px);display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:5}.brand{display:flex;gap:16px;align-items:center;font-size:clamp(17px,1.4vw,24px);white-space:nowrap}.brand-mark{display:inline-block;font-family:Condensed,Impact,sans-serif;font-style:italic;font-size:40px;line-height:.7;letter-spacing:-5px;transform:skewX(-12deg);margin-right:4px}.header nav{display:flex;align-items:center;gap:23px;font-size:12px;text-transform:uppercase;font-weight:bold;letter-spacing:.25px}.header nav a{position:relative;padding:7px 0}.header nav a:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--orange);content:'';transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after,.header nav a.nav-active:after{transform:scaleX(1)}.slash{color:#777}
.hero{position:relative;isolation:isolate;height:min(100svh,1100px);min-height:650px;overflow:hidden;background:radial-gradient(ellipse at 48% 32%,#242424 0,transparent 55%)}.hero-art{position:absolute;inset:0;z-index:2;pointer-events:none;transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.hero-art img{position:absolute;left:2%;top:5%;width:96%;height:68%;object-fit:contain;object-position:center;filter:drop-shadow(0 28px 30px #0005);user-select:none}.wordmark{position:absolute;top:48%;left:1.8%;width:96.4%;font-family:Condensed,Impact,'Arial Narrow',sans-serif;font-style:italic;font-weight:800;letter-spacing:-.045em;line-height:.88;white-space:nowrap;font-size:clamp(100px,20.8vw,430px);transform:scaleY(1.25);transform-origin:top left;z-index:1}.hero-bottom{position:absolute;bottom:33px;left:var(--px);right:var(--px);display:flex;align-items:flex-end;justify-content:space-between;z-index:3}.section-jump{font-size:12px;text-transform:uppercase;display:flex;gap:11px;align-items:center;letter-spacing:.5px;padding:12px 0}.orange-square{width:8px;height:8px;flex:0 0 8px;display:inline-block;background:var(--orange)}.big-arrow{width:70px;height:70px;display:block;transition:transform .25s}.big-arrow:hover{transform:translate(4px,4px)}.big-arrow svg{width:100%;height:100%}
.content-section{padding:64px var(--px) 80px;max-width:1800px;margin:auto;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:45px}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.quiet{color:var(--muted);font-size:11px}.project{display:grid;grid-template-columns:1fr 1.1fr;min-height:520px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.project-info{padding:45px 34px 42px 0;display:flex;flex-direction:column;align-items:flex-start}.project-kind{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.project h2{font:italic 800 clamp(60px,8vw,130px)/1 Condensed,Impact,sans-serif;letter-spacing:-2px;margin:28px 0 16px}.orange-dot{color:var(--orange)}.project-info>p{font-size:clamp(24px,2.7vw,40px);line-height:1.1;letter-spacing:-.5px}.project-description{color:var(--muted);font-size:16px;line-height:1.55;margin:22px 0 35px}.project-cta{border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:16px;display:flex;align-items:center;gap:36px}.project-cta span{transition:transform .25s}.project:hover .project-cta span{transform:translate(3px,-3px)}.bot-handle{font-size:11px;color:var(--muted);margin-top:16px}.weather-art{position:relative;background:radial-gradient(ellipse at 55% 48%,#3b4650 0,#252a2e 35%,#1a1d20 75%);min-height:460px;overflow:hidden;border-left:1px solid var(--line)}.weather-grid{position:absolute;inset:0;background-image:linear-gradient(#a5b0ba0b 1px,transparent 1px),linear-gradient(90deg,#a5b0ba0b 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse,#000 30%,transparent 80%)}.sun{position:absolute;width:150px;height:150px;top:24%;left:43%;border-radius:50%;background:radial-gradient(circle at 30% 22%,#ffe4bd,#edb16b 40%,#9b582a 76%);box-shadow:inset 0 0 25px #fff3,0 0 65px #eb8b3620;transition:transform 1s}.cloud{position:absolute;width:260px;height:94px;border-radius:70px;top:49%;left:24%;background:linear-gradient(145deg,#cbd0d2,#929b9e 35%,#58626b 78%,#303a42);box-shadow:inset -3px -8px 15px #19212980,inset 1px 3px 5px #fff5,0 25px 30px #0004;transform:rotate(-8deg);transition:transform 1s}.cloud i{position:absolute;border-radius:50%;background:linear-gradient(140deg,#e6e7e3,#949da4 40%,#535f6b);z-index:-1}.cloud i:nth-child(1){width:116px;height:116px;left:29px;top:-53px}.cloud i:nth-child(2){width:150px;height:150px;left:98px;top:-86px}.cloud i:nth-child(3){width:81px;height:81px;left:0;top:-16px}.project:hover .cloud{transform:translateY(-10px) rotate(-4deg)}.project:hover .sun{transform:translateY(-12px)}.weather-ring{position:absolute;border:1px solid #cbd7df28;border-radius:50%;width:360px;height:360px;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-two{width:420px;height:420px;border-style:dashed;opacity:.5}.weather-orbit{position:absolute;width:440px;height:165px;border:1px solid #aab6bc44;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-28deg)}.art-caption{position:absolute;bottom:28px;left:28px;font-size:12px;letter-spacing:2px;color:#cbd0d1}.art-cross{position:absolute;color:#b2bdc3;font-family:monospace;font-size:22px}.cross-one{top:25px;left:27px}.cross-two{bottom:22px;right:27px}.art-arrow{position:absolute;top:28px;right:28px;font-size:27px}
.about{padding-bottom:100px}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px}.about h2{font:italic 800 clamp(60px,7.8vw,122px)/.95 Condensed,Impact,sans-serif;letter-spacing:-1.5px}.about h2 span{color:#81817c}.about-copy{padding-top:4px;max-width:470px}.about-copy>p{font-size:clamp(23px,2.3vw,33px);line-height:1.25;letter-spacing:-.4px}.about-copy>p.secondary{color:var(--muted);font-size:17px;line-height:1.6;margin-top:25px;letter-spacing:0}.text-link{display:inline-flex;gap:45px;border-bottom:1px solid var(--muted);padding-bottom:8px;margin-top:32px;font-size:17px}.footer{padding:24px var(--px) 30px;border-top:1px solid var(--line)}.footer-wordmark{display:flex;align-items:center;justify-content:space-between;gap:10px;font:italic 800 clamp(64px,13vw,240px)/1 Condensed,Impact,sans-serif;letter-spacing:-.03em}.footer-wordmark>span{font:400 clamp(40px,7vw,100px)/1 Arial,sans-serif}.footer-bottom{margin-top:35px;border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;gap:35px;font-size:12px}.footer-bottom .mono{color:var(--muted);margin-right:auto}.back-top{color:var(--muted)}
@media(min-width:1700px){.hero-art img{height:70%;top:2%}.wordmark{top:49%}}
@media(max-width:900px){.hero{min-height:570px;height:78svh;max-height:850px}.hero-art img{top:10%;height:60%;width:110%;left:-5%}.wordmark{top:53%;font-size:20.8vw}.header nav{gap:15px}.project{grid-template-columns:1fr 1fr}.cloud{left:13%;transform:scale(.9) rotate(-8deg)}.project:hover .cloud{transform:scale(.9) translateY(-10px) rotate(-4deg)}.sun{left:42%}.about-grid{gap:35px}.footer-bottom{gap:24px}}
@media(max-width:600px){.header{padding-top:24px;gap:14px}.brand{font-size:16px;gap:10px}.brand-mark{font-size:31px;letter-spacing:-4px}.header nav{font-size:10px;gap:12px}.slash{display:none}.hero{height:78svh;min-height:560px;max-height:760px}.hero-art img{top:11%;height:58%;width:146%;left:-23%;object-fit:contain}.wordmark{top:56%;left:3%;width:94%;font-size:20.5vw;transform:scaleY(1.65)}.hero-bottom{bottom:24px}.section-jump{font-size:11px}.big-arrow{width:51px;height:51px}.content-section{padding-top:36px;padding-bottom:55px}.section-top{margin-bottom:27px}.section-top .quiet{display:none}.eyebrow{font-size:10px}.project{grid-template-columns:1fr}.project-info{padding:30px 5px 35px}.project h2{font-size:80px;margin-top:22px}.project-info>p{font-size:31px}.project-description{font-size:16px;margin-bottom:28px}.weather-art{min-height:370px;border-left:0;border-top:1px solid var(--line);grid-row:1}.sun{width:125px;height:125px;top:23%;left:45%}.cloud{top:50%;left:20%;transform:scale(.85) rotate(-8deg)}.project:hover .cloud{transform:scale(.85) translateY(-10px) rotate(-4deg)}.weather-ring{width:270px;height:270px}.ring-two{width:325px;height:325px}.weather-orbit{width:350px}.about-grid{grid-template-columns:1fr;gap:30px}.about h2{font-size:66px}.about-copy>p{font-size:25px}.about-copy>p.secondary{font-size:16px}.footer{padding-top:25px}.footer-wordmark{font-size:12.8vw}.footer-wordmark>span{font-size:9vw}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px;font-size:11px;margin-top:25px}.footer-bottom .mono{grid-column:1/-1}.back-top{grid-column:2}.footer-bottom>a:last-child{grid-row:2;justify-self:end}.about{padding-bottom:60px}}
@media(max-width:360px){.header{gap:10px}.header nav{gap:9px;font-size:9px}.header nav a{white-space:nowrap}.brand{gap:8px;font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-art{transform:none!important}}