@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f4f1ea;--ink:#151515;--muted:#6d6b66;--yellow:#d7fa63;--blue:#2347e8;--line:#c7c3ba;--black:#101010;--sans:'Space Grotesk',Arial,sans-serif;--mono:'DM Mono',monospace;--max:1240px;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.5;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E')}a{color:inherit}a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip-link{position:absolute;left:-9999px;top:1rem;z-index:50;padding:.7rem 1rem;background:var(--yellow);font-weight:700}.skip-link:focus{left:1rem}.site-header,main,footer{width:min(calc(100% - 4rem),var(--max));margin-inline:auto}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--line);font-size:.78rem}.brand{display:flex;align-items:center;gap:.3rem;width:max-content;text-decoration:none;font-weight:700;letter-spacing:-.06em}.brand-symbol{display:grid;width:1.5rem;height:1.5rem;place-items:center;color:var(--paper);background:var(--ink);border-radius:50%;font-size:1.1rem}.brand b{color:var(--blue);font-weight:500}.site-header nav{display:flex;gap:1.7rem}.site-header nav a,.header-github{text-decoration:none;font-weight:600}.site-header nav a{color:var(--muted)}.site-header nav a:hover,.header-github:hover{color:var(--blue)}.header-github{justify-self:end}.hero{padding:1.8rem 0 0}.hero-topline,.section-label{display:flex;align-items:center;gap:.9rem;color:var(--muted);font:500 .65rem var(--mono);letter-spacing:.06em}.topline-rule{height:1px;flex:1;background:var(--line)}.hero-grid{display:grid;grid-template-columns:1fr .94fr;gap:4rem;align-items:center;min-height:610px;padding:2.5rem 0 3rem}.kicker,.section-kicker{margin:0 0 1.1rem;color:var(--blue);font:500 .68rem var(--mono);letter-spacing:.1em}.kicker{display:flex;align-items:center;gap:.55rem}.live-dot{width:.45rem;height:.45rem;background:var(--blue);border-radius:50%;animation:blink 2s ease-in-out infinite}.hero h1,.section h2,.principles h2,.contact h2{margin:0;letter-spacing:-.095em;font-weight:600}.hero h1{font-size:clamp(5.2rem,12vw,10.5rem);line-height:.78}.hero h1 span,.section h2 em,.principles h2 em{color:var(--blue);font-style:normal}.hero-lede{max-width:470px;margin:2.3rem 0;color:var(--muted);font-size:1.1rem;line-height:1.55}.hero-actions{display:flex;align-items:center;gap:1.5rem}.button{display:inline-flex;align-items:center;gap:.7rem;padding:.85rem 1.1rem;border-radius:999px;text-decoration:none;font-size:.82rem;font-weight:700;transition:transform .25s var(--ease),background .25s ease}.button:hover{transform:translateY(-3px)}.button-dark{color:var(--paper);background:var(--ink)}.button-dark:hover{background:var(--blue)}.button-yellow{color:var(--ink);background:var(--yellow)}.button-yellow:hover{background:#e5ff97}.scroll-cue{display:flex;align-items:center;gap:.6rem;color:var(--muted);text-decoration:none;font:500 .68rem var(--mono)}.scroll-line{width:2.5rem;height:1px;background:var(--muted)}.hero-art{position:relative;min-height:460px;background:var(--blue);overflow:hidden;clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);animation:art-in 1s var(--ease) both}.art-grid{position:absolute;inset:0;opacity:.26;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:38px 38px;transform:perspective(500px) rotateX(58deg) scale(1.6) translateY(24%);transform-origin:center bottom}.art-sun{position:absolute;top:22%;left:22%;width:45%;aspect-ratio:1;border-radius:50%;background:var(--yellow);box-shadow:0 0 90px rgba(215,250,99,.55);animation:sun-pulse 5s ease-in-out infinite}.art-orbit{position:absolute;border:1px solid rgba(255,255,255,.6);border-radius:50%;transform:rotate(-28deg) skewX(18deg)}.art-orbit-a{inset:22% -13%;animation:spin 18s linear infinite}.art-orbit-b{inset:7% 15%;transform:rotate(56deg) skewX(-15deg);animation:spin-reverse 23s linear infinite}.art-label{position:absolute;padding:.35rem .5rem;background:var(--paper);color:var(--ink);font:500 .6rem var(--mono);letter-spacing:.06em}.art-label-a{top:13%;right:10%}.art-label-b{bottom:17%;left:14%}.art-stamp{position:absolute;right:12%;bottom:10%;color:var(--paper);font-size:4rem;line-height:.75;letter-spacing:-.1em}.art-stamp small{font:500 .52rem var(--mono);letter-spacing:.05em}.hero-note{display:grid;grid-template-columns:2rem 1fr 2rem;align-items:center;border-top:1px solid var(--line);padding:1.2rem 0 1.5rem;font:500 .72rem var(--mono)}.hero-note span:first-child{color:var(--blue)}.hero-note p{margin:0}.note-arrow{justify-self:end;color:var(--blue);font-size:1.2rem}.marquee{width:100vw;margin-left:calc((100vw - min(calc(100% - 4rem),var(--max)))/-2);overflow:hidden;background:var(--ink);color:var(--yellow);white-space:nowrap}.marquee-track{display:flex;width:max-content;align-items:center;gap:2rem;padding:.8rem 0;font-size:.75rem;font-weight:700;letter-spacing:.16em;animation:marquee 24s linear infinite}.marquee i{font-style:normal;color:var(--paper)}.section{padding:7rem 0}.section-label{margin-bottom:2.5rem}.section-label span:first-child{color:var(--blue)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:3.3rem}.section h2{font-size:clamp(3rem,7vw,6.5rem);line-height:.87}.work-list{border-top:1px solid var(--ink)}.work-item{display:grid;grid-template-columns:4rem 1fr 2rem;gap:1.5rem;align-items:start;padding:1.8rem 0;border-bottom:1px solid var(--line);transition:padding .35s var(--ease),background .35s ease}.work-item:hover{padding-left:1rem;padding-right:1rem;background:var(--yellow)}.work-index{color:var(--blue);font:500 .75rem var(--mono)}.work-item h3{margin:0 0 .5rem;font-size:1.6rem;letter-spacing:-.05em}.work-item p{max-width:610px;margin:0;color:var(--muted);font-size:.95rem}.work-icon{justify-self:end;color:var(--blue);font-size:1.4rem}.principles{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:6rem max(2rem,calc((100vw - var(--max))/2));margin-left:calc((100vw - min(calc(100% - 4rem),var(--max)))/-2);margin-right:calc((100vw - min(calc(100% - 4rem),var(--max)))/-2);color:var(--paper);background:var(--ink);overflow:hidden}.section-label.light{color:#99958d}.principles h2{font-size:clamp(3rem,6vw,6rem);line-height:.87}.principles-copy>p:not(.section-kicker){max-width:480px;margin:2rem 0;color:#a9a49a;font-size:1.03rem}.underlined-link{color:var(--yellow);text-decoration:none;border-bottom:1px solid var(--yellow);font:500 .78rem var(--mono)}.underlined-link span{display:inline-block;margin-left:.5rem}.principles-visual{position:relative;min-height:370px;display:grid;place-items:center;border:1px solid #3b3a37;overflow:hidden}.visual-ring{position:absolute;width:90%;aspect-ratio:1;border:1px solid #57534d;border-radius:50%;animation:spin 30s linear infinite}.ring-two{width:58%;animation:spin-reverse 20s linear infinite;border-color:#6b675f}.visual-center{position:relative;z-index:1;color:var(--yellow);font-size:5rem}.principles-visual>span{position:absolute;right:8%;bottom:8%;color:#8e897e;font:500 .58rem var(--mono);line-height:1.5;letter-spacing:.08em}.contact{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;margin:6rem 0;padding:3rem clamp(1.5rem,6vw,6rem);background:var(--blue);color:var(--paper);transform:rotate(-1deg)}.contact>*{transform:rotate(1deg)}.contact .section-kicker{color:var(--yellow);grid-column:1/-1}.contact h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.87}.contact .button{justify-self:end}.contact .button:hover{background:var(--paper)}footer{display:flex;justify-content:space-between;padding:0 0 2rem;color:var(--muted);font:500 .64rem var(--mono)}[data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--reveal-delay,0ms)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes art-in{from{opacity:0;transform:translateX(35px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes sun-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes spin{to{transform:rotate(332deg) skewX(18deg)}}@keyframes spin-reverse{to{transform:rotate(-304deg) skewX(-15deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}@media(max-width:850px){.site-header{grid-template-columns:1fr auto}.site-header nav{grid-row:2;grid-column:1/-1;justify-content:space-between;margin-top:1rem}.hero-grid{grid-template-columns:1fr;gap:3rem}.hero-art{min-height:360px}.section-heading{display:block}.section-heading h2{margin-top:2rem}.principles{grid-template-columns:1fr;gap:3rem}.contact{grid-template-columns:1fr}.contact .button{justify-self:start}}@media(max-width:560px){.site-header,main,footer{width:min(calc(100% - 2rem),var(--max))}.site-header{padding:1rem 0}.header-github{font-size:.7rem}.hero{padding-top:1rem}.hero-grid{min-height:0;padding:4rem 0 3rem}.hero h1{font-size:clamp(5rem,24vw,8rem)}.hero-lede{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{min-height:300px;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%)}.section{padding:5rem 0}.work-item{grid-template-columns:2.2rem 1fr 1rem;gap:.7rem}.work-item h3{font-size:1.25rem}.work-item p{font-size:.9rem}.principles{padding:4rem 1rem;margin-left:-1rem;margin-right:-1rem}.principles-visual{min-height:280px}.contact{margin:4rem -1rem;padding:2.5rem 1.5rem}.contact h2{font-size:3.4rem}footer{gap:.6rem;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.live-dot,.hero-art,.art-sun,.art-orbit,.visual-ring,.marquee-track{animation:none}.hero-art{opacity:1;transform:none}[data-reveal]{opacity:1;transform:none;transition:none}.button,.work-item{transition:none}}