:root{color-scheme:dark;--ink: #050505;--paper: #f6f2e9;--muted: rgba(246, 242, 233, .82);--line: rgba(246, 242, 233, .22);--acid: #c6ff00;--cyan: #00e5ff;--pink: #ff3fb4;--orange: #ff7a18;--font-display: "Arial Black", Arial, Helvetica, sans-serif;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}:where(h1,h2,h3,p,b){overflow-wrap:anywhere}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 18% 12%,rgba(198,255,0,.1),transparent 24rem),radial-gradient(circle at 84% 28%,rgba(0,229,255,.08),transparent 22rem),var(--ink);color:var(--paper);font-family:var(--font-body);overflow-x:hidden}body:before{position:fixed;inset:0;z-index:1;pointer-events:none;content:"";background-image:linear-gradient(rgba(246,242,233,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(246,242,233,.045) 1px,transparent 1px);background-size:4.8rem 4.8rem;-webkit-mask-image:linear-gradient(to bottom,transparent,black 12%,black 78%,transparent);mask-image:linear-gradient(to bottom,transparent,black 12%,black 78%,transparent)}body:after{position:fixed;inset:0;z-index:1;pointer-events:none;content:"";background:linear-gradient(90deg,#050505a3,#0505051f 54%,#0505058f),linear-gradient(180deg,rgba(5,5,5,.34),transparent 28%,rgba(5,5,5,.36))}a{color:inherit;text-decoration:none}.webgl{position:fixed;inset:0;z-index:0;width:100%;height:100%;opacity:.64;filter:saturate(.95) brightness(.92)}.loader{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:var(--paper);color:var(--ink);transition:opacity .5s ease,visibility .5s ease}.loader span{font-family:var(--font-display);font-size:clamp(2.4rem,10vw,8rem);text-transform:uppercase;line-height:.85}.loader i{position:absolute;bottom:2rem;width:min(28rem,70vw);height:.35rem;overflow:hidden;background:#05050524}.loader i:before{display:block;width:42%;height:100%;content:"";background:var(--ink);animation:loading .85s cubic-bezier(.65,0,.35,1) infinite alternate}.loader.is-hidden{visibility:hidden;opacity:0}.site-header{position:fixed;top:0;left:0;z-index:10;display:flex;align-items:center;justify-content:space-between;width:100%;padding:.9rem clamp(1rem,4vw,3rem);border-bottom:1px solid rgba(246,242,233,.1);background:#0505059e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:grid;width:3rem;height:3rem;place-items:center;border:1px solid currentColor;border-radius:50%;background:#f6f2e914;overflow:hidden;box-shadow:0 0 0 .25rem #05050538}.brand img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%}nav{display:flex;gap:clamp(.8rem,3vw,2rem);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}main{position:relative;z-index:2}.panel{position:relative;display:grid;min-height:100svh;align-content:center;padding:clamp(5.5rem,10vw,8rem) clamp(1rem,5vw,6rem)}.panel>*{position:relative;z-index:1}.panel:before{position:absolute;inset:0 auto 0 0;z-index:0;width:min(72rem,100%);content:"";pointer-events:none;background:linear-gradient(90deg,#050505db,#0505058a 56%,#05050500)}.panel:after{position:absolute;right:clamp(1rem,4vw,3rem);bottom:1.5rem;width:min(22rem,52vw);height:1px;content:"";background:var(--line);z-index:1}.kicker,.chapter,.section-label,.scroll-cue{margin:0;color:#f6f2e9c7;font-size:clamp(.72rem,1.4vw,.9rem);font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero{align-content:end;padding-bottom:clamp(5rem,9vw,8rem)}.hero h1{max-width:10ch;margin:1.2rem 0 0;font-family:var(--font-display);font-size:clamp(4.2rem,14vw,12rem);line-height:.82;letter-spacing:0;text-transform:uppercase}.hero h1 span{display:block;text-shadow:.018em .018em 0 rgba(255,63,180,.86),-.014em -.014em 0 rgba(0,229,255,.9)}.hero-copy{display:grid;grid-template-columns:minmax(0,36rem) max-content;gap:clamp(1rem,4vw,3rem);align-items:end;max-width:60rem;margin-top:clamp(1.5rem,4vw,3rem)}.proof-strip{display:flex;flex-wrap:wrap;gap:.5rem;max-width:58rem;margin-top:clamp(1rem,3vw,2rem)}.proof-strip span{border:1px solid rgba(246,242,233,.28);border-radius:999px;padding:.55rem .8rem;background:#050505a3;color:var(--paper);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-copy p,.split-text p,.manifesto p,.contact p{margin:0;color:var(--muted);font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.68;text-shadow:0 1px 18px rgba(0,0,0,.64)}.magnetic-link,.contact-actions a,.contact-actions button,.contact-form button{display:inline-grid;min-height:3.4rem;place-items:center;border:1px solid var(--paper);border-radius:999px;padding:0 1.25rem;background:var(--paper);color:var(--ink);font-size:.8rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;transition:transform .2s ease,background .2s ease,color .2s ease;cursor:pointer;font-family:inherit}.magnetic-link:hover,.contact-actions a:hover,.contact-actions button:hover,.contact-form button:hover{transform:translateY(-.18rem);background:var(--acid)}.scroll-cue{position:absolute;right:clamp(1rem,4vw,3rem);bottom:clamp(4rem,8vw,6rem);writing-mode:vertical-rl}.statement h2,.skills h2,.background h2,.manifesto h2,.contact h2{max-width:13ch;margin:.6rem 0 clamp(1.4rem,4vw,3rem);font-family:var(--font-display);font-size:clamp(3rem,8vw,7.5rem);line-height:.92;letter-spacing:0;text-transform:uppercase}.statement h2{max-width:16ch;font-size:clamp(2.8rem,6.8vw,6rem)}.split-text{display:grid;grid-template-columns:repeat(2,minmax(0,28rem));gap:clamp(1rem,5vw,4rem)}.hire{align-content:center}.hire h2{max-width:14ch;margin:.6rem 0 clamp(1.4rem,4vw,3rem);font-family:var(--font-display);font-size:clamp(2.8rem,7vw,6.6rem);line-height:.92;letter-spacing:0;text-transform:uppercase}.hire-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:82rem}.hire-grid article{display:grid;min-width:0;min-height:17rem;align-content:start;border:1px solid rgba(246,242,233,.2);border-radius:8px;padding:clamp(1.15rem,2.2vw,1.8rem);background:#050505b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.hire-grid span{color:var(--acid);font-size:.76rem;font-weight:950}.hire-grid h3{margin:2rem 0 0;font-family:var(--font-display);font-size:clamp(1.45rem,1.85vw,2.05rem);line-height:1.06;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere}.hire-grid p{margin:1rem 0 0;color:var(--muted);font-size:clamp(.94rem,1.05vw,1rem);line-height:1.62}.work{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch;align-content:center;max-width:82rem}.section-label{grid-column:1 / -1;align-self:start}.work-card{display:grid;min-width:0;min-height:18rem;align-content:end;gap:1rem;border:1px solid var(--line);border-radius:8px;padding:clamp(1rem,3vw,2rem);background:#050505bd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .22s ease,border-color .22s ease,background .22s ease}.work-card:hover{transform:translateY(-.55rem);border-color:#c6ff00db;background:#c6ff0014}.work-card span{align-self:start;width:max-content;color:var(--acid);font-size:.78rem;font-weight:900}.work-card h3{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,2.65vw,3rem);line-height:1.04;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere}.work-card p{margin:0;color:var(--muted);font-size:1rem;line-height:1.58}.featured{border-color:#00e5ff6b}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:82rem}.skill-grid div{min-width:0;min-height:13rem;border:1px solid rgba(246,242,233,.2);border-radius:8px;padding:clamp(1.1rem,2.2vw,1.6rem);background:#050505b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.skill-grid b{display:block;max-width:100%;font-family:var(--font-display);font-size:clamp(1.5rem,2.1vw,2.3rem);line-height:1.06;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere}.skill-grid span{display:block;max-width:34rem;margin-top:1rem;color:var(--muted);line-height:1.58}.background-intro{max-width:46rem;margin:0 0 clamp(1.2rem,3vw,2rem);color:var(--muted);font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.68;text-shadow:0 1px 18px rgba(0,0,0,.64)}.background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:82rem}.background-grid article{display:grid;min-width:0;min-height:15rem;align-content:start;border:1px solid rgba(246,242,233,.2);border-radius:8px;padding:clamp(1.1rem,2vw,1.5rem);background:#050505b3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.background-grid span{color:var(--acid);font-size:.76rem;font-weight:950}.background-grid h3{margin:1.8rem 0 0;font-family:var(--font-display);font-size:clamp(1.45rem,2vw,2.25rem);line-height:1.04;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere}.background-grid p{margin:1rem 0 0;color:var(--muted);font-size:clamp(.94rem,1.05vw,1rem);line-height:1.62}.manifesto{overflow:hidden;min-height:80svh}.manifesto h2,.manifesto p{position:relative;z-index:1}.manifesto p{max-width:38rem}.marquee{position:absolute;top:12vh;left:0;display:flex;width:max-content;color:transparent;font-family:var(--font-display);font-size:clamp(5rem,18vw,18rem);line-height:.8;white-space:nowrap;opacity:.42;-webkit-text-stroke:1px rgba(246,242,233,.22);animation:marquee 18s linear infinite}.marquee span{padding-right:.25em}.contact{min-height:82svh}.contact h2{max-width:13ch}.contact-actions{display:flex;flex-wrap:wrap;gap:.8rem}.contact-actions a,.contact-actions button{min-width:10rem}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:min(48rem,100%);min-width:0;margin-top:1.25rem;border:1px solid rgba(246,242,233,.2);border-radius:8px;padding:clamp(1rem,2.4vw,1.5rem);background:#050505b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.contact-form[hidden]{display:none}.contact-form label{display:grid;gap:.45rem}.contact-form span{color:#f6f2e9c7;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(246,242,233,.22);border-radius:8px;padding:.9rem 1rem;background:#f6f2e914;color:var(--paper);font:inherit;line-height:1.4;outline:none}.contact-form textarea{min-height:9rem;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#c6ff00db;box-shadow:0 0 0 .2rem #c6ff001f}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#f6f2e97a}.contact-form .message-field,.contact-form button{grid-column:1 / -1}.contact-form button{width:max-content;min-width:12rem}@keyframes loading{0%{transform:translate(-18%)}to{transform:translate(165%)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:980px){.hero-copy,.split-text,.hire-grid,.work,.skill-grid,.background-grid{grid-template-columns:1fr}.work-card{min-height:16rem}}@media(max-width:680px){.site-header{padding:.9rem 1rem}.brand{width:2.5rem;height:2.5rem}nav{gap:.55rem;font-size:.54rem;letter-spacing:.08em}nav a[data-short]{font-size:0}nav a[data-short]:after{content:attr(data-short);font-size:.54rem}.panel{min-height:92svh;padding-inline:1rem}.hero{padding-bottom:5.5rem}.hero h1{max-width:100%;font-size:clamp(3rem,15.5vw,5rem);line-height:.88}.hero-copy{align-items:start}.hero-copy p,.split-text p,.manifesto p,.contact p,.background-intro{font-size:.98rem;line-height:1.58}.magnetic-link{width:max-content;max-width:100%}.scroll-cue{right:1rem;bottom:2rem}.statement h2,.skills h2,.background h2,.manifesto h2,.contact h2{font-size:clamp(2.6rem,13vw,4.5rem);line-height:.96}.statement h2,.hire h2{font-size:clamp(2.5rem,12vw,4rem);line-height:.96}.hire-grid h3,.background-grid h3{margin-top:1.4rem;font-size:clamp(1.32rem,6.5vw,1.9rem);line-height:1.06}.work-card h3,.skill-grid b{font-size:clamp(1.35rem,7vw,2rem);line-height:1.06}.hire-grid article,.work-card,.background-grid article{min-height:auto}.proof-strip span{max-width:100%;padding:.46rem .62rem;font-size:.61rem;letter-spacing:.05em}.skill-grid div{min-height:auto}.contact-actions a,.contact-actions button{width:100%}.contact-form{grid-template-columns:1fr}.contact-form button{width:100%}}