:root{--bg:#090909;--fg:#f2f0ea;--muted:#999891;--line:#2c2c2a;--acid:#d8ff36;--pad:clamp(20px,3.5vw,64px);--display:"Manrope",sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--display);overflow-x:hidden}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}::selection{background:var(--acid);color:#090909}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:88px;position:absolute;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.brand{display:flex;width:43px;height:43px;border:1px solid var(--fg);align-items:center;justify-content:center;font:800 13px var(--display);letter-spacing:-.12em}.brand span:last-child{color:var(--acid)}nav{display:flex;gap:36px}nav a,.language button{position:relative}.language{justify-self:end;display:flex;gap:5px}.language button{background:none;border:0;cursor:pointer;padding:8px 5px;color:var(--muted)}.language button.active{color:var(--acid)}nav a:after,.contact-meta a:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:-4px;background:var(--acid);transition:right .3s}nav a:hover:after,.contact-meta a:hover:after{right:0}.hero{min-height:100svh;padding:130px var(--pad) 48px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.eyebrow,.section-index{font:400 11px var(--mono);letter-spacing:.12em;color:var(--muted)}.hero-title{margin:7vh 0 5vh}.hero h1{font-size:clamp(64px,13.1vw,250px);font-weight:700;line-height:.72;letter-spacing:-.085em;margin:0;text-transform:uppercase;white-space:nowrap}.hero h1:last-child{margin-left:8vw}.outline{color:transparent;-webkit-text-stroke:1.5px var(--fg)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;padding-left:24vw}.hero-bottom>p{max-width:460px;font-size:clamp(18px,2vw,30px);font-weight:300;line-height:1.25;margin:0}.round-link{width:clamp(130px,12vw,190px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:flex;flex-direction:column;justify-content:space-between;padding:23px;font:500 10px var(--mono);transition:.4s}.round-link b{font-size:32px;align-self:end}.round-link:hover{background:var(--acid);color:#090909;transform:rotate(-5deg)}.scroll-note{position:absolute;left:var(--pad);bottom:50px;font:400 9px var(--mono);color:var(--muted);writing-mode:vertical-rl;display:flex;align-items:center;gap:14px}.scroll-note i{width:1px;height:55px;background:var(--line)}.manifesto,.work,.services,.contact{padding:clamp(90px,12vw,200px) var(--pad);border-top:1px solid var(--line)}.manifesto h2{font-size:clamp(50px,10vw,180px);line-height:.83;letter-spacing:-.075em;margin:90px 0 70px}.manifesto h2 span,.manifesto h2 em{display:block;font-style:normal}.manifesto h2 em{margin-left:24vw;color:var(--acid)}.about-copy{display:grid;grid-template-columns:1fr minmax(280px,520px);align-items:end}.about-copy p{font-size:clamp(20px,2.1vw,34px);font-weight:300;line-height:1.3;margin:0}.about-copy a{font:500 11px var(--mono);justify-self:end;border-bottom:1px solid var(--fg);padding-bottom:5px}.section-heading{display:flex;justify-content:space-between;align-items:start}.section-heading h2{font-size:clamp(64px,11.5vw,210px);line-height:.8;letter-spacing:-.075em;margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:80px 0 45px}.filters button{border:1px solid var(--line);background:transparent;padding:13px 17px;cursor:pointer;font:400 10px var(--mono);letter-spacing:.04em}.filters button:hover,.filters button.active{background:var(--acid);border-color:var(--acid);color:#090909}.filters sup{color:var(--muted);margin-left:7px}.projects{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(36px,7vw,110px) 24px}.project{grid-column:span 6;cursor:pointer}.project:nth-child(4n+2),.project:nth-child(4n+3){grid-column:span 5}.project:nth-child(4n+2){margin-left:8.33%}.project:nth-child(4n+3){grid-column-start:8;margin-top:10vw}.project-media{aspect-ratio:1.278;overflow:hidden;background:#171717;position:relative}.project-media:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);pointer-events:none}.project img{width:100%;height:115%;object-fit:cover;display:block;transform:translateY(-7%);transition:filter .5s,scale .7s}.project:hover img{scale:1.035;filter:saturate(1.12)}.project-meta{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--fg);padding-top:14px;margin-top:16px}.project h3{font-size:clamp(18px,2vw,30px);letter-spacing:-.04em;margin:0}.project p{font:400 9px var(--mono);color:var(--muted);margin:5px 0 0;text-transform:uppercase;text-align:right}.project[hidden]{display:none}.services{padding-bottom:0}.service-row{display:grid;grid-template-columns:70px 1fr minmax(220px,340px);gap:25px;align-items:center;border-top:1px solid var(--line);padding:45px 0}.service-row:first-of-type{margin-top:70px}.service-row>span{font:400 10px var(--mono);color:var(--muted)}.service-row h3{font-size:clamp(32px,5.5vw,90px);line-height:1;letter-spacing:-.06em;margin:0}.service-row p{color:var(--muted);font-size:14px;line-height:1.5}.contact{min-height:90vh;display:flex;flex-direction:column;justify-content:center}.contact-kicker{font:400 11px var(--mono);letter-spacing:.12em;color:var(--muted);margin:12vh 0 20px}.contact-title{font-size:clamp(58px,12.8vw,230px);line-height:.85;letter-spacing:-.08em;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--fg);padding-bottom:25px}.contact-title b{font-weight:300;transition:.3s}.contact-title:hover b{color:var(--acid);transform:translate(8px,-8px)}.contact-meta{display:flex;justify-content:space-between;margin-top:30px;font:400 10px var(--mono);position:relative}.contact-meta a{position:relative}footer{height:100px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 var(--pad);font:400 9px var(--mono);color:var(--muted)}.project-dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#0d0d0d;color:var(--fg);overflow:auto}.project-dialog::backdrop{background:#000}.dialog-close{position:fixed;right:25px;top:20px;z-index:3;border:1px solid rgba(255,255,255,.3);background:#090909;width:52px;height:52px;border-radius:50%;font-size:27px;cursor:pointer}.dialog-media{width:100%;min-height:65vh;background:#171717;display:flex;align-items:center;justify-content:center;padding:5vw}.dialog-media img{display:block;max-width:100%;max-height:82vh;object-fit:contain}.dialog-info{padding:60px var(--pad) 90px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.dialog-category{font:400 10px var(--mono);color:var(--acid);text-transform:uppercase}.dialog-title{font-size:clamp(45px,8vw,140px);line-height:.9;letter-spacing:-.07em;margin:0}.dialog-description{grid-column:2;max-width:650px;font-size:18px;color:var(--muted);line-height:1.5}.dialog-next{grid-column:2;background:none;border:0;border-top:1px solid var(--line);text-align:left;padding:25px 0;cursor:pointer;font:500 11px var(--mono)}.cursor{display:none;position:fixed;z-index:100;pointer-events:none;width:74px;height:74px;border-radius:50%;background:var(--acid);color:#090909;align-items:center;justify-content:center;font:500 10px var(--mono);text-transform:uppercase;transform:translate(-50%,-50%) scale(0);transition:transform .2s}.cursor.show{transform:translate(-50%,-50%) scale(1)}
@media(pointer:fine){.cursor{display:flex}.project{cursor:none}}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto;height:72px}.site-header nav{display:none}.hero{padding-top:110px}.hero-title{margin:12vh 0 9vh}.hero h1{font-size:clamp(52px,18vw,130px);line-height:.8}.hero h1:last-child{margin-left:0}.hero-bottom{padding-left:0;align-items:center}.hero-bottom>p{max-width:60%;font-size:18px}.round-link{width:115px;padding:17px}.scroll-note{display:none}.manifesto,.work,.services,.contact{padding-top:90px;padding-bottom:90px}.manifesto h2{margin:60px 0}.manifesto h2 em{margin-left:12vw}.about-copy{grid-template-columns:1fr;gap:35px}.about-copy a{justify-self:start}.section-heading{display:block}.section-heading h2{margin-top:45px}.filters{margin:50px 0 35px;gap:7px}.filters button{padding:11px 10px}.projects{display:block}.project,.project:nth-child(n){margin:0 0 55px}.service-row{grid-template-columns:35px 1fr;padding:30px 0}.service-row p{grid-column:2;margin:0}.contact{min-height:80vh}.contact-title{font-size:clamp(48px,15vw,100px)}.contact-meta{flex-direction:column;gap:17px}.dialog-media{min-height:50vh;padding:70px 20px 30px}.dialog-info{grid-template-columns:1fr;padding-top:40px}.dialog-description,.dialog-next{grid-column:1}.dialog-title{font-size:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.parallax,.project img{transform:none!important}.round-link,.project img{transition:none}}
.contact-form{margin-top:clamp(90px,12vw,180px);padding-top:35px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:6vw}.form-heading>span,.contact-form label>span{font:400 10px var(--mono);letter-spacing:.08em;color:var(--muted)}.form-heading p{max-width:330px;font-size:17px;line-height:1.5;margin-top:25px}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:42px 25px}.contact-form label{display:flex;flex-direction:column;gap:12px}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--fg);padding:10px 0 18px;font:300 clamp(18px,2vw,27px) var(--display);outline:0;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--acid)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#595955}.form-message,.form-submit-row{grid-column:1/-1}.hp-field{position:absolute!important;left:-9999px!important}.form-submit-row{display:flex;align-items:center;justify-content:space-between}.form-status{font:400 11px var(--mono);color:var(--muted);margin:0;max-width:55%}.form-status.error{color:#ff786e}.form-status.success{color:var(--acid)}.form-submit{min-width:210px;border:1px solid var(--fg);background:transparent;padding:20px;display:flex;justify-content:space-between;cursor:pointer;font:500 10px var(--mono);transition:.3s}.form-submit:hover{background:var(--acid);border-color:var(--acid);color:#090909}.form-submit:disabled{opacity:.5;cursor:wait}
@media(max-width:800px){.contact-form{grid-template-columns:1fr;gap:45px}.form-fields{grid-template-columns:1fr}.form-message,.form-submit-row{grid-column:1}.form-submit-row{align-items:flex-start;flex-direction:column;gap:25px}.form-status{max-width:100%}.form-submit{width:100%}}
.round-link{position:relative}.round-link>span{position:absolute;inset:0;display:grid;place-items:center;padding:26px;text-align:center;line-height:1.35}.round-link b{position:absolute;right:23px;bottom:20px}.round-link:hover b{transform:translate(3px,-3px)}
@media(max-width:800px){.round-link>span{padding:20px}.round-link b{right:17px;bottom:15px}}