@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#080808;--paper:#f5f1e9;--red:#e8272e;--blue:#175bd8;--yellow:#f4d21f;--display:'Archivo Black',Impact,sans-serif;--mono:'Space Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono);overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.09;z-index:20;background-image:radial-gradient(#000 .65px,transparent .65px);background-size:4px 4px}.site-header{position:fixed;z-index:10;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 4vw;color:white;mix-blend-mode:difference}.brand{font:20px var(--display);color:white;text-decoration:none;letter-spacing:-1px}.nav{display:flex;gap:20px}.nav a,.text-link{color:inherit;font-weight:bold;text-decoration:none;text-transform:uppercase;font-size:12px}.nav a:hover,.text-link:hover{color:var(--red)}.hero{height:100svh;min-height:620px;padding:11vh 5vw 4vh;position:relative;background:var(--ink);color:var(--paper);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.hero:after{content:none;font:clamp(11rem,31vw,34rem)/.75 var(--display);color:var(--red);position:absolute;top:11%;left:-2vw;letter-spacing:-.1em;transform:rotate(-5deg);z-index:0}.hero:before{content:'';position:absolute;width:75vmax;height:75vmax;border-radius:50%;background:var(--blue);right:-25vmax;top:-35vmax;mix-blend-mode:screen}.eyebrow{font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:1}.hero h1{margin:13px 0 20px;max-width:1000px;font:clamp(3.2rem,8.2vw,9rem)/.83 var(--display);letter-spacing:-.075em;position:relative;z-index:1}.hero h1 i{color:var(--red);font-style:normal}.hero-copy{max-width:520px;position:relative;z-index:1;font-size:clamp(.8rem,1.3vw,1rem);line-height:1.65}.hero-actions{display:flex;gap:18px;margin-top:25px;position:relative;z-index:1}.button{display:inline-block;background:var(--red);color:#fff;padding:13px 18px;text-decoration:none;font-size:12px;font-weight:bold;text-transform:uppercase;border:2px solid var(--red);transition:transform .18s,background .18s}.button:hover{transform:translate(-4px,-4px);box-shadow:5px 5px 0 white}.button.alt{background:transparent;border-color:white}.ticker{position:absolute;bottom:0;left:0;width:110%;background:var(--yellow);color:#000;transform:rotate(-2deg) translateY(40%);padding:10px 0;white-space:nowrap;font:20px var(--display);z-index:2}.section{padding:110px 5vw}.section-red{background:var(--red);color:white}.section-title{font:clamp(2.8rem,6vw,6rem)/.85 var(--display);letter-spacing:-.06em;max-width:700px;margin:0 0 46px}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}.project-card{grid-column:span 4;position:relative;cursor:pointer;animation:in .45s both}.project-card:nth-child(4n+2){margin-top:55px}.project-card:nth-child(4n+3){grid-column:span 5}.project-card:nth-child(4n+4){grid-column:span 3;margin-top:90px}.project-image{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;background:#222;transition:transform .35s,filter .35s}.ratio-portrait .project-image{aspect-ratio:2/3}.ratio-tall .project-image{aspect-ratio:2/3}.ratio-wide .project-image,.ratio-landscape .project-image{aspect-ratio:16/9}.ratio-square .project-image{aspect-ratio:1}.project-card:hover .project-image{transform:rotate(-2deg) scale(1.035);filter:contrast(1.2)}.project-meta{padding:10px 0;display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:bold;text-transform:uppercase}.project-meta strong{font-size:13px}.project-card:hover .project-meta strong{color:var(--red)}.project-play{position:absolute;left:12px;top:12px;background:var(--red);color:white;padding:7px 9px;font-size:11px;font-weight:bold}.all-link{display:block;width:max-content;margin:48px 0 0;font:clamp(2rem,4vw,4rem) var(--display);color:inherit;text-decoration:none}.all-link:hover{color:var(--blue);transform:skew(-8deg)}.footer{background:var(--ink);color:var(--paper);padding:70px 5vw 25px}.footer h2{margin:0 0 25px;font:clamp(3rem,8vw,8rem)/.83 var(--display);letter-spacing:-.07em}.footer-grid{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:15px}.footer a{color:inherit}.page-hero{min-height:46svh;background:var(--ink);color:var(--paper);padding:180px 5vw 55px;position:relative;overflow:hidden}.page-hero:after{content:'///';position:absolute;right:2vw;bottom:-10vw;color:var(--red);font:35vw var(--display);line-height:.7}.page-hero h1{margin:0;font:clamp(4rem,13vw,12rem)/.75 var(--display);letter-spacing:-.08em;position:relative;z-index:1}.page-hero p{max-width:570px;line-height:1.7;position:relative;z-index:1}.filters{padding:30px 5vw 10px;display:flex;gap:8px;flex-wrap:wrap}.filter{font:12px var(--mono);font-weight:bold;text-transform:uppercase;background:transparent;border:2px solid var(--ink);padding:9px 13px;cursor:pointer}.filter:hover,.filter.active{background:var(--ink);color:white}.work-grid{padding-top:20px}.modal{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.91);display:none;overflow:auto;padding:5vh 5vw}.modal.open{display:block}.modal-inner{max-width:1100px;margin:auto;color:var(--paper);position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:30px;align-items:center;min-height:90vh}.modal-image{max-width:100%;max-height:78vh;width:auto;margin:auto;display:block}.modal-close{position:fixed;top:25px;right:4vw;background:var(--red);color:white;border:0;width:44px;height:44px;font:bold 25px Arial;cursor:pointer}.modal h2{font:clamp(2rem,4vw,4rem)/.85 var(--display);letter-spacing:-.05em;margin:0 0 18px}.modal p{line-height:1.7;font-size:13px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tag{background:var(--yellow);color:#000;padding:5px 8px;text-transform:uppercase;font-size:10px;font-weight:bold}.about{display:grid;grid-template-columns:minmax(230px,.8fr) 1.2fr;gap:clamp(30px,8vw,120px);align-items:start}.portrait{width:100%;background:var(--red)}.about h2{font:clamp(2.5rem,6vw,6rem)/.85 var(--display);letter-spacing:-.06em;margin:0 0 22px}.about p{max-width:600px;line-height:1.75}.discipline-list{list-style:none;padding:0;margin:36px 0 0;border-top:3px solid}.discipline-list li{padding:12px 0;border-bottom:1px solid;font:20px var(--display)}@keyframes in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:700px){.site-header{padding:15px 5vw}.nav{gap:11px}.section{padding:70px 5vw}.project-grid{gap:13px}.project-card,.project-card:nth-child(4n+3){grid-column:span 6;margin-top:0}.project-card:nth-child(4n+2){margin-top:28px}.project-card:nth-child(4n+4){grid-column:span 6;margin-top:20px}.modal-inner{grid-template-columns:1fr;padding-top:50px}.modal-image{max-height:50vh}.about{grid-template-columns:1fr}.portrait{max-width:350px}.page-hero{padding-top:145px}.hero h1{font-size:clamp(3.1rem,15vw,6rem)}}