:root{--paper:#f3f0e8;--ink:#121210;--blue:#2449d8;--acid:#e8ff42;--orange:#ff633b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.045;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.82' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit}header{height:76px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #12121033;position:absolute;top:0;width:100%;z-index:20;font:11px DM Mono}.mark{font:800 22px Inter;text-decoration:none}.mark span{font:8px DM Mono;vertical-align:top}.status{text-decoration:none;border:1px solid;border-radius:30px;padding:11px 15px}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68ad35;margin-right:7px;box-shadow:0 0 0 4px #68ad3520}nav{display:flex;gap:30px}nav a{text-decoration:none}.hero{height:100vh;min-height:760px;position:relative;padding:13vh 3vw 3vh;overflow:hidden}.kicker{font:10px DM Mono;letter-spacing:.14em;text-align:center}.hero h1{margin:1vh 0 0;font-size:clamp(100px,17vw,270px);line-height:.68;letter-spacing:-.095em;position:relative;z-index:3;pointer-events:none}.hero h1 span{display:block}.hero h1 span:last-child{text-align:right}.hero h1 em{font-family:Newsreader,serif;font-weight:300}.hero-art{position:absolute;z-index:2;left:17%;right:17%;top:27%;height:50vh;mix-blend-mode:multiply}.hero-art>img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1)}.hero-art:before,.hero-art:after{content:"";position:absolute;top:0;bottom:0;width:15%;z-index:2}.hero-art:before{left:0;background:linear-gradient(90deg,var(--paper),transparent)}.hero-art:after{right:0;background:linear-gradient(-90deg,var(--paper),transparent)}.stamp{position:absolute;left:-10%;top:25%;border:1px solid;border-radius:50%;width:115px;height:115px;display:grid;place-content:center;text-align:center;font:9px DM Mono;transform:rotate(-11deg);background:var(--acid);z-index:5}.stamp b{margin-top:7px}.scribble{position:absolute;right:-5%;bottom:20%;font:italic 20px Newsreader;transform:rotate(7deg);z-index:5}.hero-bottom{position:absolute;z-index:5;bottom:4%;left:3%;right:3%;display:flex;justify-content:space-between;align-items:end}.hero-bottom p{font-size:15px;line-height:1.5}.hero-bottom>div{display:flex;gap:30px}.hero-bottom a{font:10px DM Mono;text-decoration:none;border-bottom:1px solid;padding-bottom:6px}.manifesto{min-height:100vh;background:var(--ink);color:var(--paper);padding:12vh 8vw;display:grid;grid-template-columns:.75fr 1fr;gap:10vw;position:relative}.chapter{position:absolute;top:4vh;left:3vw;font:10px DM Mono;letter-spacing:.12em}.portrait{height:72vh;position:relative;transform:rotate(-2deg);box-shadow:18px 18px 0 var(--acid)}.portrait img{width:100%;height:100%;object-fit:cover}.portrait span{position:absolute;left:5%;bottom:4%;background:var(--acid);color:var(--ink);padding:10px;font:9px DM Mono}.bio{align-self:center}.bio h2,.section-title h2,footer h2,.world-copy h2{font-size:clamp(54px,7.5vw,120px);line-height:.84;letter-spacing:-.075em;margin:15px 0 35px}.bio h2 em,.section-title em,footer em,.world-copy em{font-family:Newsreader;font-weight:300}.lead{font-size:24px!important;color:white!important}.bio p{font-size:16px;line-height:1.75;color:#aaa;max-width:640px}.bio blockquote{margin:35px 0 0;padding-left:20px;border-left:2px solid var(--acid);font:italic 22px Newsreader}.world{min-height:100vh;padding:11vh 0 0;position:relative;overflow:hidden}.world-copy{padding:0 5vw;position:relative;z-index:2}.world-copy span,.section-title span{font:10px DM Mono}.world-copy h2{font-size:clamp(58px,8vw,125px);margin-top:25px}.world>img{width:120%;height:52vh;object-fit:cover;margin-left:-10%;mix-blend-mode:multiply}.route{height:60px;border-top:1px solid;border-bottom:1px solid;display:flex;align-items:center;justify-content:center;gap:20px;font:9px DM Mono}.route i{height:1px;background:var(--ink);width:8vw}.work,.arsenal{padding:130px 3vw}.section-title{display:grid;grid-template-columns:2fr 1fr;align-items:end;margin-bottom:80px}.section-title p{font-size:15px;line-height:1.65;max-width:430px}.project-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid;border-left:1px solid}.project{padding:18px;border-right:1px solid;border-bottom:1px solid;text-decoration:none;position:relative}.visual{height:39vh;overflow:hidden;background:#ddd}.visual img{width:100%;height:100%;object-fit:cover;object-position:center;transition:.7s cubic-bezier(.2,.8,.2,1);filter:saturate(.88)}.project:hover img{transform:scale(1.06);filter:saturate(1.2)}.meta{padding:18px 0 7px}.meta span,.meta i{display:block;font:9px DM Mono}.meta b{display:block;font-size:25px;margin:10px 0}.meta i{color:#666;font-style:normal}.arrow{position:absolute;right:22px;bottom:29px;border:1px solid;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;transition:.3s}.project:hover .arrow{background:var(--acid);transform:rotate(45deg)}.arsenal{background:var(--blue);color:white}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff55;border:1px solid #ffffff55}.tool{background:var(--blue);height:220px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transition:.3s}.tool strong{font-size:clamp(28px,4vw,60px);letter-spacing:-.06em}.tool span{font:10px DM Mono}.tool:hover{background:var(--acid);color:var(--ink);transform:rotate(-2deg)}footer{min-height:92vh;background:var(--acid);padding:13vh 3vw 3vh;position:relative;display:flex;flex-direction:column}footer h2{font-size:clamp(75px,12vw,190px);margin-top:30px}.mail{margin-top:auto;text-decoration:none;border-top:1px solid;border-bottom:1px solid;padding:25px 0;font-size:clamp(28px,5vw,75px);font-weight:700;letter-spacing:-.05em;display:flex;justify-content:space-between}.contact{display:flex;justify-content:space-between;margin-top:40px;font:9px DM Mono}.cursor{position:fixed;z-index:100;width:24px;height:24px;border:1px solid;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}@media(max-width:760px){header nav{display:none}.status{font-size:0}.status i{margin:0}.hero{min-height:700px;padding-top:16vh}.hero h1{font-size:25vw;line-height:.76}.hero-art{left:0;right:0;top:28%;height:42vh}.stamp{left:3%;top:50%;width:82px;height:82px}.scribble{right:5%;bottom:4%}.hero-bottom{align-items:start}.hero-bottom p{font-size:11px}.hero-bottom>div{flex-direction:column;gap:12px}.manifesto{grid-template-columns:1fr;padding:100px 7vw;gap:70px}.portrait{height:60vh}.section-title{grid-template-columns:1fr;gap:20px}.project-grid{grid-template-columns:1fr}.visual{height:32vh}.tools{grid-template-columns:1fr 1fr}.tool{height:150px}.route{gap:7px}.contact{flex-wrap:wrap;gap:18px}.cursor{display:none}}/* Project case studies */
.case{background:#efede7}.case-nav{position:fixed;background:#efede7ee;backdrop-filter:blur(12px)}.case-hero{min-height:100vh;padding:16vh 3vw 4vh;display:flex;flex-direction:column}.case-index{font:10px DM Mono}.case-hero h1{font-size:clamp(80px,15vw,220px);line-height:.75;letter-spacing:-.09em;margin:8vh 0 5vh;max-width:1300px}.case-hero h1 em{font-family:Newsreader;font-weight:300}.case-intro{margin-top:auto;border-top:1px solid;display:grid;grid-template-columns:1fr 1fr;padding-top:22px}.case-intro p{font-size:18px;line-height:1.6;max-width:620px;margin:0}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:25px;font:10px DM Mono}.case-facts b{display:block;font:600 14px Inter;margin-top:8px}.case-image{height:85vh;margin:0 3vw;overflow:hidden;background:var(--blue)}.case-image img{width:100%;height:100%;object-fit:cover}.case-story{padding:130px 10vw;display:grid;grid-template-columns:1fr 1.3fr;gap:12vw}.case-story h2{font-size:clamp(50px,7vw,100px);line-height:.9;letter-spacing:-.07em;margin:0}.case-story h2 em{font-family:Newsreader;font-weight:300}.case-story p{font-size:18px;line-height:1.75;margin-top:0}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:2vw;padding:0 3vw 120px}.case-shot{height:60vh;padding:4vw;display:flex;flex-direction:column;justify-content:space-between;background:#121210;color:white;overflow:hidden}.case-shot:nth-child(2){background:var(--acid);color:var(--ink)}.case-shot strong{font-size:clamp(35px,5vw,80px);letter-spacing:-.06em}.case-shot span{font:10px DM Mono}.next-case{display:block;background:var(--blue);color:#fff;text-decoration:none;padding:90px 3vw;font-size:clamp(50px,9vw,140px);font-weight:700;letter-spacing:-.08em}.next-case small{display:block;font:10px DM Mono;letter-spacing:0;margin-bottom:25px}@media(max-width:760px){.case-intro,.case-story{grid-template-columns:1fr;gap:45px}.case-facts{margin-top:40px}.case-image{height:55vh}.case-story{padding:90px 6vw}.case-gallery{grid-template-columns:1fr}.case-shot{height:45vh}}