:root{--ink:#08110f;--paper:#eef0e5;--lime:#c7ff3d;--orange:#ff633d;--blue:#68a8ff;--cream:#f4e7c7;--muted:#aeb9b4;--line:rgba(238,240,229,.19);--display:"Syne",sans-serif;--mono:"DM Mono",monospace;--max:84rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:1rem;line-height:1.65;overflow-x:hidden}a{color:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.055;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='.65'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:22rem;height:22rem;border-radius:50%;background:rgba(199,255,61,.08);filter:blur(4rem);pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}.skip-link{position:fixed;top:1rem;left:1rem;z-index:99;transform:translateY(-200%);background:var(--lime);color:var(--ink);padding:.8rem 1rem}.skip-link:focus{transform:none}.site-header{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;height:4.8rem;padding:0 clamp(1rem,4vw,3rem);background:rgba(8,17,15,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(1rem)}.brand{text-decoration:none;font-family:var(--display);font-size:1.2rem;font-weight:800;letter-spacing:-.08em}.brand-dot{color:var(--lime);font-size:.55rem;margin-left:.35rem}.site-header nav{display:none;gap:2rem}.site-header nav a{text-decoration:none;text-transform:uppercase;font-size:.7rem;letter-spacing:.14em;position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-.4rem;height:1px;background:var(--lime);transition:right .25s}.site-header nav a:hover:after{right:0}.language{min-width:2.75rem;min-height:2.75rem;border:1px solid var(--line);background:transparent;color:var(--paper);font:500 .75rem var(--mono);cursor:pointer}.language:hover,.language:focus-visible{background:var(--lime);color:var(--ink)}main{padding-top:4.8rem}.hero{min-height:calc(100svh - 4.8rem);max-width:var(--max);margin:auto;padding:clamp(3rem,9vw,8rem) clamp(1rem,4vw,3rem);display:grid;gap:3.5rem;align-items:center;position:relative}.eyebrow,.section-label,.tags{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:.7rem;color:var(--muted)}.live-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--lime);box-shadow:0 0 0 .35rem rgba(199,255,61,.12);animation:pulse 2s infinite}.hero h1,.section-heading h2,.contact h2{font-family:var(--display);font-weight:700;letter-spacing:-.065em;line-height:.88;margin:1.5rem 0}.hero h1{font-size:clamp(3.3rem,13vw,8.8rem)}em{font-weight:500;color:var(--lime)}.hero-lead{max-width:39rem;color:var(--muted);font-size:clamp(1rem,1.4vw,1.2rem)}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.button{min-height:3.25rem;padding:.8rem 1.1rem;display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;text-decoration:none;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;border:1px solid var(--line);transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-.2rem)}.primary{background:var(--lime);color:var(--ink);border-color:var(--lime)}.ghost:hover{background:var(--paper);color:var(--ink)}.hero-card{max-width:23rem;justify-self:center;width:82%;transform:rotate(2deg)}.portrait-wrap{position:relative;aspect-ratio:1;clip-path:polygon(7% 0,100% 0,93% 100%,0 94%);background:var(--cream);overflow:hidden}.portrait-wrap img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.12);mix-blend-mode:multiply}.orbit{position:absolute;inset:7%;border:1px solid rgba(8,17,15,.4);border-radius:50%;animation:spin 18s linear infinite}.orbit span{position:absolute;top:-.7rem;left:50%;font-size:.55rem;letter-spacing:.1em;color:var(--ink);background:var(--cream)}.profile-meta{display:flex;justify-content:space-between;font-size:.62rem;letter-spacing:.12em;margin-top:1rem;color:var(--muted)}.hero-index{display:none;position:absolute;right:2rem;bottom:1rem;font-family:var(--display);font-size:10rem;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line)}.section-pad{padding:clamp(5rem,10vw,9rem) clamp(1rem,4vw,3rem)}.statement{border-block:1px solid var(--line);background:var(--paper);color:var(--ink)}.statement>*{max-width:var(--max);margin-inline:auto}.statement blockquote{font-family:var(--display);font-size:clamp(2rem,5vw,4.7rem);line-height:1.08;letter-spacing:-.045em;margin-block:2.5rem}.principles{display:flex;flex-wrap:wrap;gap:.7rem}.principles span{border:1px solid rgba(8,17,15,.25);padding:.45rem .8rem;font-size:.7rem;letter-spacing:.12em}.projects,.journey{max-width:var(--max);margin:auto}.section-heading{display:grid;margin-bottom:clamp(3rem,6vw,6rem)}.section-heading h2{font-size:clamp(2.8rem,7vw,6.8rem);max-width:55rem}.section-heading>p:last-child{color:var(--muted);max-width:32rem}.project-list{display:grid;gap:1rem}.project-card{display:grid;grid-template-areas:"num" "art" "copy";background:var(--paper);color:var(--ink);min-height:32rem;overflow:hidden;position:relative}.project-number{grid-area:num;padding:1rem;font-size:.7rem}.project-art{grid-area:art;min-height:14rem;display:grid;place-content:center;position:relative;overflow:hidden}.project-copy{grid-area:copy;padding:1.5rem;align-self:end}.project-copy h3{font-family:var(--display);font-size:clamp(1.8rem,4vw,3rem);line-height:1;letter-spacing:-.04em;margin:.6rem 0 1rem}.project-copy>p:not(.tags){max-width:38rem}.project-links{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.5rem}.project-links a{font-size:.72rem;text-transform:uppercase;text-underline-offset:.4rem}.project-lime .project-art{background:var(--lime);font-family:var(--mono);transform:rotate(-2deg);margin:1rem}.terminal-line{font-size:clamp(1rem,3vw,2rem)}.terminal-result{color:#276418}.project-orange .project-art{background:var(--orange)}.survey-ring{position:absolute;width:11rem;height:11rem;border:1.4rem solid var(--ink);border-right-color:transparent;border-radius:50%;animation:spin 8s linear infinite}.project-orange .project-art strong{font:700 2.8rem var(--display);z-index:1}.project-orange .project-art small{z-index:1}.project-blue .project-art{background:var(--blue)}.automation-art{grid-template-columns:repeat(3,3rem);gap:.8rem}.automation-art span,.automation-art b{grid-column:1/-1;text-align:center;font-size:.7rem;letter-spacing:.2em}.automation-art i{height:3rem;background:var(--ink);animation:scan 1.6s ease-in-out infinite}.automation-art i:nth-of-type(2){animation-delay:.2s}.automation-art i:nth-of-type(3){animation-delay:.4s}.project-cream .project-art{background:var(--cream);grid-template-columns:repeat(2,5rem);gap:.6rem}.portal-art span{height:5rem;border:2px solid var(--ink);box-shadow:.35rem .35rem 0 var(--orange)}.journey{border-top:1px solid var(--line)}.journey-grid{display:grid;gap:4rem}.journey-intro{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.25}.journey-intro a{font:400 .75rem var(--mono);text-transform:uppercase}.timeline{list-style:none;padding:0;margin:0}.timeline li{position:relative;padding:0 0 3rem 2rem;border-left:1px solid var(--line)}.timeline li:before{content:"";position:absolute;left:-.35rem;width:.65rem;height:.65rem;background:var(--lime);border-radius:50%}.timeline li span{font-size:.65rem;letter-spacing:.13em;color:var(--lime)}.timeline h3{font-family:var(--display);font-size:1.5rem;margin:.6rem 0}.timeline p{color:var(--muted);margin:0}.contact{background:var(--orange);color:var(--ink)}.contact-panel{max-width:var(--max);margin:auto}.contact h2{font-size:clamp(2.8rem,8vw,7.5rem)}.contact h2 em{color:var(--ink);font-style:italic}.contact .section-label,.contact>div>p{color:#3b1810}.contact .primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sponsor{background:transparent;border-color:var(--ink)}.sponsor:hover{background:var(--paper)}footer{max-width:var(--max);margin:auto;padding:2rem clamp(1rem,4vw,3rem);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.62rem;letter-spacing:.1em;color:var(--muted)}footer a{font-size:1.2rem}.reveal{opacity:0;transform:translateY(2rem);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes pulse{50%{box-shadow:0 0 0 .65rem rgba(199,255,61,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{50%{transform:scaleY(.35);opacity:.45}}
@media (min-width:48rem){.site-header nav{display:flex}.hero{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr)}.hero-card{width:100%}.hero-index{display:block}.project-card{grid-template-columns:4rem minmax(15rem,.75fr) minmax(20rem,1.25fr);grid-template-areas:"num art copy";min-height:26rem}.project-number{border-right:1px solid rgba(8,17,15,.2);writing-mode:vertical-rl}.project-copy{padding:clamp(2rem,5vw,4rem)}.journey-grid{grid-template-columns:1fr 1fr}.section-heading{grid-template-columns:1fr auto}.section-heading h2{grid-column:1/-1}.section-heading>p:last-child{grid-column:2}}
@media (min-width:64rem){.hero{min-height:calc(100svh - 4.8rem)}.project-card{grid-template-columns:5rem minmax(22rem,.9fr) minmax(25rem,1.1fr)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}}