:root{color-scheme:light;--page: #f5f0df;--paper: #fffaf0;--ink: #1f1d1a;--muted: #504d45;--line: #1f1d1a;--accent: #2549b8;--red: #e7684c;--yellow: #ffe071;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--sans: Arial, Helvetica, sans-serif;--display: "Arial Black", Impact, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:before{content:"";display:block;height:10px;background:conic-gradient(var(--ink) 25%,var(--page) 0 50%,var(--ink) 0 75%,var(--page) 0);background-size:20px 20px}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--yellow);color:var(--ink)}.site-shell{width:min(100% - 64px,1120px);margin:0 auto}.site-header{min-height:80px;display:flex;justify-content:flex-end;align-items:center;border-bottom:3px solid var(--line)}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}.site-header nav a{text-decoration:none}.site-header nav a:hover,.site-footer a:hover{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:clamp(40px,7vw,100px);align-items:center;padding:clamp(88px,11vw,145px) 0 clamp(110px,14vw,170px)}.intro-copy{max-width:620px}.eyebrow,.section-index,.project-type,.art-label,.art-footer,.track-caption{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 30px;padding:9px 12px;border:2px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);transform:rotate(-2deg)}.live-dot{width:9px;height:9px;background:var(--red);border:2px solid var(--ink);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{margin-bottom:24px;font-family:var(--display);font-size:clamp(52px,6.2vw,86px);font-weight:900;letter-spacing:-.07em;line-height:.99}h1 em{display:block;color:var(--accent);font-style:normal;text-shadow:4px 4px 0 var(--yellow)}.intro-text{max-width:520px;margin-bottom:31px;color:var(--muted);font-size:clamp(17px,1.8vw,20px);line-height:1.55;letter-spacing:-.02em}.text-link,.project-link{display:inline-flex;align-items:center;gap:15px;min-height:47px;padding:10px 14px;border:2px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.text-link:hover,.project-link:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.text-link span,.project-link span{font-size:19px;font-weight:400;line-height:.7}.intro-art{position:relative;min-height:332px;background:var(--accent);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);overflow:hidden;transform:rotate(2deg)}.intro-art:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 14% 83%,var(--red) 0 22%,transparent 22.5%),radial-gradient(rgba(255,255,255,.42) 1.5px,transparent 2px);background-size:auto,16px 16px}.intro-art:after{content:"";position:absolute;right:-20px;top:55px;width:112px;height:112px;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:-8px 8px 0 var(--red)}.art-label,.art-footer{position:absolute;left:20px;right:20px;z-index:2}.art-label{top:18px;right:auto;padding:7px 9px;border:2px solid var(--ink);background:var(--paper);color:var(--ink)}.art-footer{bottom:19px;display:flex;justify-content:space-between;gap:10px;color:var(--paper);font-size:9px}.pixel-shape{position:absolute;z-index:1;left:49%;top:51%;width:160px;height:160px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px;transform:translate(-50%,-50%) rotate(-9deg)}.pixel-shape span{border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.pixel-shape span:nth-child(2),.pixel-shape span:nth-child(4),.pixel-shape span:nth-child(9){background:var(--paper)}.pixel-shape span:nth-child(5){background:var(--red)}.work{padding-bottom:clamp(92px,10vw,130px);scroll-margin-top:30px}.section-heading{margin-bottom:27px}.section-index{display:inline-block;margin-bottom:17px;padding:6px 9px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);transform:rotate(-1deg)}h2{margin-bottom:0;font-family:var(--display);font-size:clamp(34px,4vw,48px);letter-spacing:-.055em;line-height:1.1}.project-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,42%);min-height:348px;margin-right:9px;border:3px solid var(--ink);background:var(--paper);box-shadow:9px 9px 0 var(--ink)}.project-details{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(32px,5vw,59px)}.project-type{margin-bottom:auto;color:var(--accent)}.project-type span{margin:0 8px;color:var(--ink)}h3{margin:30px 0 12px;font-family:var(--display);font-size:clamp(42px,5vw,64px);letter-spacing:-.07em;line-height:1}.period{color:var(--red)}.project-description{max-width:470px;margin-bottom:24px;color:var(--muted);font-size:16px;line-height:1.55}.project-link{background:var(--paper)}.project-art{position:relative;min-height:300px;overflow:hidden;background:var(--yellow);border-left:3px solid var(--ink)}.project-art:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--ink) 1.5px,transparent 2px);background-size:15px 15px;opacity:.2}.track{position:absolute;left:50%;top:50%;width:68%;aspect-ratio:1;border:5px solid var(--accent);border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg) scaleY(.64)}.track-two{width:50%;border-color:var(--red)}.track-three{width:32%;border-color:var(--ink)}.track-marker{position:absolute;left:61%;top:32%;width:20px;height:20px;background:var(--red);border:3px solid var(--ink);border-radius:50%;box-shadow:4px 4px 0 var(--ink)}.track-caption{position:absolute;right:20px;bottom:20px;padding:7px 9px;border:2px solid var(--ink);background:var(--paper);color:var(--ink)}.contact{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(40px,8vw,100px);padding:clamp(72px,9vw,110px) 0 clamp(100px,12vw,150px);border-top:3px solid var(--line);scroll-margin-top:30px}.contact:before{content:"";position:absolute;top:-11px;left:0;width:108px;height:8px;border:2px solid var(--ink);background:repeating-linear-gradient(90deg,var(--accent) 0 18px,var(--red) 18px 36px,var(--yellow) 36px 54px)}.contact-intro h2{margin-bottom:20px}.contact-intro>p:last-child{max-width:330px;color:var(--muted);font-size:16px;line-height:1.6}.contact-form{display:grid;gap:20px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-field{display:grid;gap:9px}.form-field label{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.05em}.form-field input,.form-field textarea{width:100%;min-width:0;padding:13px 14px;border:2px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font:inherit;font-size:15px}.form-field textarea{min-height:145px;resize:vertical}.form-field input:focus,.form-field textarea:focus{outline:3px solid var(--accent);outline-offset:2px}.trap-field{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.form-end{display:flex;justify-content:space-between;align-items:center;gap:15px}.form-end p{margin:0;color:var(--muted);font-size:12px}.form-end button{flex:none;display:inline-flex;align-items:center;gap:17px;min-height:45px;padding:0 16px;border:2px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.form-end button:hover{background:var(--accent);color:var(--paper)}.form-end button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.form-end button:disabled{cursor:wait;opacity:.65}.form-status{min-height:21px;margin:-7px 0 0;font-size:13px;line-height:1.5}.form-status[data-state=success]{color:var(--accent)}.form-status[data-state=error]{color:#a8281c}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:27px 0 36px;border-top:3px solid var(--line);color:var(--ink);font-family:var(--mono);font-size:11px}.site-footer a{text-decoration:none}@media(max-width:760px){.site-shell{width:min(100% - 36px,560px)}.site-header{min-height:70px}.site-header nav{gap:18px}.intro{grid-template-columns:1fr;gap:50px;padding:78px 0 110px}.intro-art{min-height:260px;transform:none;box-shadow:7px 7px 0 var(--ink)}.pixel-shape{width:120px;height:120px}.project-card{grid-template-columns:1fr;margin-right:7px;box-shadow:7px 7px 0 var(--ink)}.project-details{min-height:315px}.project-art{min-height:250px;border-left:0;border-top:3px solid var(--line)}.contact{grid-template-columns:1fr;gap:30px}}@media(max-width:520px){.form-row{grid-template-columns:1fr}.form-end{align-items:flex-start;flex-direction:column}}@media(max-width:380px){.site-header nav{gap:12px;font-size:12px}h1{font-size:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.text-link,.project-link{transition:none}}