:root{--ink:#10110f;--paper:#f2f0e8;--muted:#a9aaa2;--line:#2c2d29;--acid:#d7ff45}*{box-sizing:border-box}html{scroll-padding-top:6rem}body{margin:0}::selection{background:var(--acid);color:var(--ink)}.shell{width:min(100% - 2rem,1240px);margin-inline:auto}.section{padding-block:7rem;border-top:1px solid var(--line)}.eyebrow{font:500 .72rem/1 "Courier New",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--acid)}.display{font-size:clamp(3.4rem,10vw,9rem);line-height:.88;letter-spacing:-.075em;font-weight:700}.outline-text{color:transparent;-webkit-text-stroke:1px var(--paper)}.grid-noise{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px}.nav-link{font-size:.875rem;color:var(--muted);transition:.2s}.nav-link:hover{color:var(--paper)}.button-primary,.button-secondary,.button-light{display:inline-flex;align-items:center;border-radius:999px;padding:.875rem 1.5rem;font-size:.875rem;font-weight:700}.button-primary{background:var(--acid);color:var(--ink)}.button-secondary{border:1px solid var(--line)}.button-light{background:var(--paper);color:var(--ink)}.section-heading{display:grid;gap:1.25rem;margin-bottom:3.5rem}.section-heading h2{font-size:clamp(2.5rem,6vw,3.75rem);line-height:1;letter-spacing:-.05em;font-weight:600}.principle{background:var(--ink);padding:2.25rem}.principle span,.skill h3{font:500 .72rem "Courier New",monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--acid)}.principle h3{margin-top:3rem;font-size:1.5rem;font-weight:600}.principle p,.timeline p{margin-top:.75rem;font-size:.875rem;line-height:1.6;color:var(--muted)}.site-card{display:grid;min-height:20rem;overflow:hidden;padding:2.5rem}.site-card h3{font-size:clamp(2.25rem,6vw,3.75rem);font-weight:700;letter-spacing:-.04em}.site-card p{margin-top:.75rem;font-size:.875rem;opacity:.65}.site-card small{display:block;margin-top:.5rem;font-family:"Courier New",monospace;opacity:.55}.browser-card{position:relative;margin-top:2.5rem;min-height:11rem;padding:1rem;background:var(--ink);color:var(--paper);transform:rotate(-3deg);border-radius:1rem 1rem 0 0;transition:.4s;box-shadow:0 20px 50px #0005}.site-card:hover .browser-card{transform:rotate(0) scale(1.02)}.browser-card>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:.75rem;font-size:.75rem}.browser-card section{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem}.browser-card i{height:6rem;border-radius:.25rem;background:#ffffff18}.browser-card i+ i{background:var(--acid)}.timeline{display:grid;grid-template-columns:6rem 1fr;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.timeline>span{font:400 .75rem "Courier New",monospace;color:var(--muted)}.timeline h3{font-weight:600}.skill{background:var(--ink);padding:1.75rem}.skill ul{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.25rem}.skill li{font-size:.875rem;color:var(--muted)}.contact-title{max-width:64rem;margin-top:2rem;font-size:clamp(3.5rem,10vw,8.5rem);font-weight:700;line-height:.88;letter-spacing:-.075em}footer a{font-size:.875rem}footer a:hover{color:var(--acid)}
@media(min-width:768px){.section-heading{grid-template-columns:1fr 3fr}.site-card{grid-template-columns:1fr 1fr}.browser-card{margin-top:0}}
@media(max-width:640px){.section{padding-block:5rem}.shell{width:min(100% - 1.25rem,1240px)}.site-card{padding:1.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Animations */
body::before{content:"";position:fixed;inset:0 0 auto 0;z-index:60;height:2px;background:var(--acid);transform:scaleX(var(--scroll-progress,0));transform-origin:left;pointer-events:none}.motion-ready .hero-enter{opacity:0;transform:translateY(32px);filter:blur(8px)}.motion-ready.page-loaded .hero-enter{opacity:1;transform:translateY(0);filter:blur(0);transition:opacity .8s cubic-bezier(.22,1,.36,1) var(--hero-delay),transform .8s cubic-bezier(.22,1,.36,1) var(--hero-delay),filter .8s ease var(--hero-delay)}.reveal{opacity:0;transform:translateY(48px) scale(.985);transition:opacity .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay),transform .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay)}.reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}#inspiration figure{clip-path:inset(0 0 0 0);transition:clip-path 1.1s cubic-bezier(.22,1,.36,1),opacity .8s ease,transform .8s ease}#inspiration figure.reveal:not(.is-visible){clip-path:inset(0 100% 0 0)}#inspiration figure img{transform:scale(1.06) translateY(var(--parallax-y,0));transition:transform .12s linear}.principle{position:relative;overflow:hidden;transition:background-color .35s ease,transform .35s ease}.principle::after{content:"";position:absolute;inset:auto -30% -70% -30%;height:100%;background:radial-gradient(circle,var(--acid) 0,transparent 65%);opacity:0;transition:opacity .4s}.principle:hover{background:#181a14;transform:translateY(-5px)}.principle:hover::after{opacity:.08}.site-card{position:relative;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .5s ease}.site-card::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-130%);transition:transform .9s ease;pointer-events:none}.site-card:hover{transform:translateY(-7px)}.site-card:hover::after{transform:translateX(130%)}.button-primary,.button-secondary,.button-light{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.button-primary:hover,.button-light:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(215,255,69,.18)}.button-secondary:hover{transform:translateY(-3px);border-color:var(--paper)}.nav-link{position:relative}.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--acid);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-link:hover::after{transform:scaleX(1);transform-origin:left}.cursor-glow{position:fixed;left:-180px;top:-180px;z-index:-1;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(215,255,69,.08),transparent 66%);pointer-events:none;will-change:transform}.display{animation:text-breathe 8s ease-in-out infinite}@keyframes text-breathe{0%,100%{letter-spacing:-.075em}50%{letter-spacing:-.065em}}
@media(prefers-reduced-motion:reduce){body::before{display:none}.reveal,.hero-enter{opacity:1!important;transform:none!important;filter:none!important}#inspiration figure img{transform:none!important}.display{animation:none}.cursor-glow{display:none}}
.contact-link{display:flex;align-items:center;gap:1rem;border-bottom:2px solid var(--ink);padding-bottom:.5rem;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:700;transition:transform .25s ease,opacity .25s ease}.contact-link:hover{transform:translateX(7px);opacity:.72}.contact-label{min-width:5.5rem;font:500 .65rem "Courier New",monospace;text-transform:uppercase;letter-spacing:.14em;opacity:.6}