:root{--red:#e60012;--black:#080808;--paper:#f2f0e9;--white:#fff;--max:1180px;font-family:Impact,"Arial Black",Haettenschweiler,"Arial Narrow Bold",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;min-width:320px;background:var(--black);color:var(--white);font:16px/1.5 Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}.skip{position:fixed;top:-5rem;left:1rem;z-index:100;background:white;color:black;padding:.8rem 1rem;font-weight:900}.skip:focus{top:1rem}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
header{height:68px;position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;gap:1.5rem;padding:.7rem 1.5rem;background:#080808;border-bottom:5px solid var(--red)}.wordmark{text-decoration:none;font-family:Impact,"Arial Black",sans-serif;font-size:1.35rem;line-height:1;font-weight:1000;letter-spacing:.08em;transform:rotate(-2deg)}.wordmark span{color:var(--red)}.file-tag{font:bold .75rem/1 monospace;letter-spacing:.08em;color:#aaa}.menu-toggle{margin-left:auto;display:none;background:var(--paper);color:#000;border:3px solid #000;box-shadow:4px 4px 0 var(--red);padding:.55rem .8rem;font-weight:1000}
nav{position:fixed;left:clamp(1rem,4vw,4rem);top:50%;transform:translateY(-35%);z-index:30;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}nav a{display:flex;align-items:center;text-decoration:none;transform:rotate(-2deg);transition:transform .12s}nav a:nth-child(even){transform:rotate(2deg) translateX(1rem)}nav a:hover,nav a:focus-visible{transform:rotate(0) translateX(.8rem)}nav b{font:700 .75rem/1 monospace;background:var(--white);color:#000;padding:.45rem}nav span{background:#000;color:#fff;padding:.25rem .75rem;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(1.15rem,2vw,1.7rem);line-height:1;font-weight:1000;letter-spacing:.04em;clip-path:polygon(2% 0,100% 8%,96% 100%,0 87%)}nav a:focus-visible{outline:4px solid white;outline-offset:5px}
main section{position:relative;min-height:100vh;overflow:hidden}.hero{padding:9rem clamp(1.5rem,6vw,7rem) 5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:center;background:var(--red)}.hero:before{content:"";position:absolute;inset:-20% 42% -20% -10%;background:var(--paper);clip-path:polygon(7% 0,100% 4%,82% 100%,0 89%);transform:rotate(-4deg)}.hero-copy{position:relative;z-index:2;max-width:650px}.overline,.micro{display:inline-block;margin:0 0 .8rem;background:#000;color:#fff;padding:.3rem .65rem;font:bold .78rem/1.2 monospace;letter-spacing:.12em;transform:rotate(-1deg)}
h1,h2,h3,p{margin-top:0}h1{margin-bottom:1.4rem;color:#000;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(4rem,8.5vw,8rem);line-height:.76;letter-spacing:-.04em;transform:rotate(-2deg)}h1 span,h1 strong{display:block;width:max-content;max-width:100%;padding:.05em .12em}h1 span{background:#fff;clip-path:polygon(2% 3%,98% 0,100% 88%,0 100%)}h1 strong{margin-left:clamp(1rem,5vw,5rem);background:#000;color:white;clip-path:polygon(0 10%,100% 0,96% 100%,3% 91%)}.intro{max-width:520px;background:#111;color:white;padding:1rem 1.15rem;font-size:1.1rem;font-weight:700;box-shadow:9px 9px 0 white;transform:rotate(1deg)}.slash-button{display:inline-flex;align-items:center;gap:1rem;margin-top:1.2rem;background:var(--red);color:white;border:4px solid #000;box-shadow:7px 7px 0 #000;padding:.8rem 1rem;text-decoration:none;font-weight:1000;letter-spacing:.04em;transform:rotate(-2deg);transition:.12s}.slash-button:hover,.slash-button:focus-visible{transform:rotate(0) translate(-2px,-2px);box-shadow:11px 11px 0 #000}.slash-button i{font-style:normal;font-size:1.35rem}.hero-mark{position:relative;height:520px;z-index:1}.mega-o{position:absolute;right:-5vw;top:45%;transform:translateY(-50%) rotate(9deg);font-family:Impact,"Arial Black",sans-serif;font-size:clamp(25rem,48vw,46rem);line-height:.7;color:#050505;text-shadow:-14px 14px 0 white;-webkit-text-stroke:6px black}.stamp{position:absolute;right:5%;bottom:7%;padding:1rem 1.2rem;background:white;color:black;border:6px solid black;font-family:Impact,"Arial Black",sans-serif;font-size:1.35rem;line-height:.85;transform:rotate(8deg);box-shadow:10px 10px 0 #000}.issue{position:absolute;right:2rem;top:6rem;background:#fff;color:#000;padding:.25rem .6rem;font:bold .75rem/1 monospace;transform:rotate(2deg)}
.red-zone{background:var(--red)}.black-zone{background:#0a0a0a}.paper-zone{background:var(--paper);color:#000}.projects,.skills,.about,.contact{padding:7rem clamp(1.5rem,6vw,7rem) 6rem}.projects:before,.contact:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 90px,rgba(0,0,0,.09) 91px 93px);pointer-events:none}.section-title{position:relative;z-index:1;max-width:var(--max);margin:0 auto 3rem;padding-left:clamp(0px,10vw,130px)}.section-title h2{margin:0;width:max-content;max-width:100%;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(4rem,9vw,8rem);line-height:.78;color:#000;letter-spacing:-.02em;transform:rotate(-2deg)}.section-title h2 i{display:inline-block;background:white;padding:0 .08em;font-style:normal;transform:rotate(5deg);box-shadow:6px 5px 0 #000}.section-title p{max-width:500px;margin:1.5rem 0 0;font-weight:800;font-size:1.08rem}.section-title.inverse h2{color:white}.section-title.inverse h2 i{color:black}.section-title.inverse p{color:#bbb}
.project-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;max-width:var(--max);margin:auto;padding-left:clamp(0px,10vw,130px)}.project-card{position:relative;min-height:350px;padding:1.5rem;border:4px solid #000;box-shadow:9px 9px 0 #000;transform:rotate(-1deg);transition:transform .15s}.project-card:nth-child(2){transform:rotate(1.2deg) translateY(1.7rem)}.project-card:nth-child(3){transform:rotate(-.5deg)}.project-card:hover{transform:rotate(0) translateY(-7px)}.project-card.dark{background:#090909;color:white}.project-card.paper{background:var(--paper);color:black}.card-no{font:bold .75rem/1 monospace}.phase{position:absolute;right:-4px;top:-16px;background:white;color:black;border:3px solid black;padding:.3rem .5rem;font:bold .75rem/1 monospace;transform:rotate(2deg)}.project-card h3{margin:4.5rem 0 1rem;font-family:Impact,"Arial Black",sans-serif;font-size:2rem;line-height:.95;text-transform:uppercase;letter-spacing:.01em}.project-card p{font-weight:600;line-height:1.55}.project-card strong{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;border-top:3px solid currentColor;padding-top:.7rem;font:700 .75rem/1.2 monospace}
.skills{min-height:auto}.skill-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:calc(var(--max) - 130px);margin:auto;margin-left:max(calc((100% - var(--max))/2 + 130px),clamp(0px,10vw,130px))}.skill-group h3{display:inline-block;background:var(--red);padding:.3rem .7rem;font-family:Impact,"Arial Black",sans-serif;font-size:1.25rem;transform:rotate(-1deg)}.skill-group ul{list-style:none;margin:0;padding:0}.skill-group li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;border-bottom:3px solid white;padding:.85rem 0}.skill-group li span{font-weight:900;font-size:1.15rem}.skill-group li b{font:bold .75rem/1 monospace;background:white;color:black;padding:.35rem}.language-tape{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.language-tape span{background:var(--paper);color:black;padding:.55rem .75rem;font:bold .8rem/1 monospace;transform:rotate(-1deg)}.language-tape span:nth-child(even){background:var(--red);color:white;transform:rotate(1deg)}
.about{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(420px,1fr);align-items:center;gap:4rem}.about-art{position:relative;min-height:540px}.about-art:before{content:"";position:absolute;inset:0;background:var(--red);clip-path:polygon(7% 7%,100% 0,83% 100%,0 86%);transform:rotate(-5deg);box-shadow:18px 18px 0 #000}.about-art span{position:absolute;z-index:1;inset:50% auto auto 48%;transform:translate(-50%,-55%) rotate(-8deg);font-family:Impact,"Arial Black",sans-serif;font-size:clamp(12rem,24vw,22rem);line-height:.7;color:#000;-webkit-text-stroke:5px white}.about-art b{position:absolute;z-index:2;right:4%;bottom:10%;background:#000;color:white;padding:.8rem;font-family:Impact,"Arial Black",sans-serif;font-size:1.1rem;line-height:.9;transform:rotate(7deg)}.about-copy{position:relative;z-index:2}.about-copy .section-title{padding:0;margin-bottom:2rem}.pullquote{background:#000;color:#fff;padding:1rem 1.2rem;font-size:1.2rem;font-weight:900;transform:rotate(-1deg);box-shadow:8px 8px 0 var(--red)}.about-copy>p:not(.pullquote){font-size:1.05rem;font-weight:600;line-height:1.7}.about-copy dl{margin:2rem 0 0}.about-copy dl div{display:grid;grid-template-columns:8rem 1fr;border-top:3px solid #000;padding:.7rem 0}.about-copy dt{font:bold .75rem/1.5 monospace}.about-copy dd{margin:0;font-weight:900}
.contact{display:grid;grid-template-columns:1fr .65fr;align-items:center}.contact-copy{position:relative;z-index:2;padding-left:clamp(0px,10vw,130px)}.contact h2{margin:.5rem 0 1.4rem;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(5rem,13vw,11rem);line-height:.67;letter-spacing:-.02em;color:#000}.contact h2 i{display:inline-block;background:#000;color:white;padding:.08em .15em;font-style:normal;transform:rotate(-4deg)}.contact-copy p{max-width:500px;font-weight:900;font-size:1.15rem}.slash-button.light{background:white;color:black}.contact-burst{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(18rem,40vw,35rem);line-height:.8;color:white;-webkit-text-stroke:8px black;transform:rotate(12deg);text-shadow:15px 15px 0 #000}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;background:#000;border-top:5px solid white;font:bold .75rem/1 monospace}.reveal{opacity:0;transform:translateY(24px) rotate(-1deg);transition:opacity .4s,transform .4s}.reveal.seen{opacity:1;transform:none}
@media(max-width:900px){header{height:62px}.file-tag{display:none}.menu-toggle{display:block}nav{display:none;inset:62px 0 auto;transform:none;background:#080808;padding:1.2rem;align-items:stretch;border-bottom:5px solid var(--red)}nav.open{display:flex}nav a,nav a:nth-child(even){transform:none}nav span{flex:1;font-size:1.25rem}.hero{grid-template-columns:1fr;padding-top:8rem}.hero:before{inset:-10% 5% 35% -15%}.hero-mark{position:absolute;right:-20%;bottom:-4rem;opacity:.22}.hero-copy{max-width:640px}.projects,.skills,.about,.contact{padding-top:6rem}.section-title,.project-grid,.contact-copy{padding-left:0}.project-grid{grid-template-columns:1fr}.project-card,.project-card:nth-child(2),.project-card:nth-child(3){min-height:300px;transform:none}.skill-layout{grid-template-columns:1fr;margin-left:0;max-width:none}.language-tape{grid-column:auto}.about{grid-template-columns:1fr}.about-art{min-height:380px}.contact{grid-template-columns:1fr}.contact-burst{position:absolute;right:-5%;bottom:-8%;opacity:.18}}
@media(max-width:560px){h1{font-size:clamp(3.6rem,18vw,5.2rem)}h1 strong{margin-left:.4rem}.intro{font-size:1rem}.hero-mark{right:-70%}.section-title h2{font-size:clamp(3.6rem,19vw,5.5rem)}.project-card{min-height:330px}.skill-group li{grid-template-columns:1fr}.skill-group li b{width:max-content}.about{padding-top:4rem}.about-art{min-height:300px}.about-art span{font-size:12rem}.about-copy dl div{grid-template-columns:1fr;gap:.2rem}.contact h2{font-size:clamp(4.7rem,24vw,7rem)}footer{flex-direction:column}.slash-button{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{transition:none!important}}