@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--void:#030503;--ink:#dcf4d5;--neon:#76ff3b;--line:#76ff3b2b;--muted:#84947f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--ink);font-family:Manrope,Arial,sans-serif}.noise{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.085;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='.78' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.nav{height:82px;position:absolute;z-index:4;top:0;width:100%;padding:0 clamp(24px,5vw,84px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0204028c;backdrop-filter:blur(8px)}.brand{color:var(--ink);text-decoration:none;font-size:1.3rem;letter-spacing:-.09em;font-weight:800;text-shadow:0 0 18px #76ff3b55}.brand span{color:var(--neon);font-size:1.7em;vertical-align:-.05em}.nav-meta{display:flex;align-items:center;gap:clamp(22px,4vw,60px);font:500 11px/1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.nav-meta a{color:var(--ink);text-decoration:none}.nav-meta b{font-size:1rem;color:var(--neon)}.signal{color:#b1c2ac}.signal i{display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--neon);border-radius:50%;box-shadow:0 0 8px var(--neon),0 0 20px var(--neon)}.hero{position:relative;min-height:min(850px,100svh);display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line)}.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 4px,#76ff3b08 5px),linear-gradient(90deg,#030503 0%,#030503e8 31%,#03050345 66%,#030503b3 100%);z-index:0}.hero-image{position:absolute;inset:0;opacity:.82;background:linear-gradient(90deg,#030503 4%,transparent 54%),linear-gradient(0deg,#030503 0%,transparent 55%),url('snip3r-hero.png') center/cover no-repeat;filter:saturate(.6) contrast(1.2) hue-rotate(25deg);transform:scale(1.02);animation:hero-in 1.6s cubic-bezier(.2,.7,.2,1) both}.hero-grid{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,transparent 49.92%,#76ff3b2b 50%,transparent 50.08%),linear-gradient(0deg,transparent 22%,#76ff3b22 22.08%,transparent 22.16%)}.hero-content{position:relative;z-index:2;width:100%;padding:0 clamp(24px,10vw,160px) clamp(55px,9vw,122px)}.kicker{font:500 11px/1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em;margin:0;color:#a7b9a2}.kicker span{color:var(--neon);margin-right:9px;text-shadow:0 0 12px #76ff3baa}.hero h1{font-size:clamp(4.2rem,10.6vw,10.5rem);letter-spacing:-.105em;line-height:.79;margin:39px 0 52px;font-weight:700;max-width:980px;color:#e8ffe2;text-shadow:0 0 50px #76ff3b18}.hero h1 em{color:var(--neon);font-style:normal;text-shadow:0 0 12px #76ff3b88,0 0 38px #76ff3b70}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;max-width:690px;gap:35px}.hero-bottom>p{font-size:clamp(15px,1.3vw,18px);line-height:1.55;color:#c2d0be;max-width:380px;margin:0}.circle-link{width:78px;height:78px;flex:0 0 78px;border:1px solid #76ff3bc2;border-radius:50%;display:grid;place-items:center;color:var(--neon);text-decoration:none;font-size:1.55rem;box-shadow:inset 0 0 22px #76ff3b18,0 0 22px #76ff3b17;transition:.25s}.circle-link:hover{background:var(--neon);color:var(--void);box-shadow:0 0 30px #76ff3ba3;transform:rotate(-45deg)}.side-label{position:absolute;z-index:2;right:clamp(24px,5vw,84px);bottom:38px;margin:0;font:500 10px/1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:#9caf98;writing-mode:vertical-rl}.side-label span{color:var(--neon);margin-top:8px}.manifesto{position:relative;overflow:hidden;padding:clamp(82px,11vw,170px) clamp(24px,10vw,160px);background:radial-gradient(circle at 87% 25%,#76ff3b12,transparent 22%),#060906;border-bottom:1px solid var(--line)}.manifesto:after{content:"SNIP3R";position:absolute;color:#76ff3b08;font-size:clamp(8rem,25vw,28rem);font-weight:800;letter-spacing:-.13em;right:-4%;bottom:-16%;pointer-events:none}.manifesto .kicker{color:#a7b9a2}.manifesto-copy{position:relative;z-index:1;margin-top:clamp(80px,13vw,180px);display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.55fr);gap:clamp(35px,8vw,160px);align-items:end}.giant{font-size:clamp(3.5rem,7.5vw,8rem);letter-spacing:-.095em;line-height:.91;margin:0;font-weight:700;color:#e8ffe2}.body-copy{font-size:clamp(16px,1.35vw,20px);line-height:1.55;margin:0 0 5px;max-width:380px;color:#aebdac}.projects{padding:clamp(82px,11vw,170px) clamp(24px,10vw,160px) 0;background:#030503}.section-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(44px,7vw,100px)}.section-note{font-size:15px;line-height:1.55;color:#8ba088;margin:0}.projects-list{border-top:1px solid var(--line);margin:0 calc(clamp(24px,10vw,160px) * -1)}.project-card{min-height:310px;display:grid;grid-template-columns:.45fr 1.35fr .7fr;gap:28px;align-items:stretch;padding:38px clamp(24px,10vw,160px);text-decoration:none;color:var(--ink);background:linear-gradient(90deg,#050805,#0b110b);border-bottom:1px solid var(--line);transition:background .3s,transform .35s,box-shadow .3s}.project-card:hover{background:linear-gradient(90deg,#111d0d,#070c07);box-shadow:inset 0 0 0 1px #76ff3b74,0 0 45px #76ff3b18;transform:scale(.985)}.project-index,.project-url{font:500 11px/1.1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;color:#9eb69a}.project-index span{margin-left:10px;font-size:1.3rem;color:var(--neon)}.project-title{display:flex;flex-direction:column;justify-content:space-between}.project-title h2{font-size:clamp(4rem,9vw,10rem);line-height:.72;letter-spacing:-.12em;margin:0;font-weight:700;color:#dfffd5}.project-title p{font-size:15px;margin:42px 0 0;max-width:290px;line-height:1.5;color:#9aab96}.project-url{align-self:end;text-align:right;color:var(--neon)}.soon{opacity:.65}.soon .project-title h2{font-size:clamp(3.5rem,7vw,7.5rem);line-height:.75}.project-card:hover .project-title h2{text-shadow:0 0 24px #76ff3b55}footer{display:flex;justify-content:space-between;align-items:center;padding:34px clamp(24px,5vw,84px);background:#030503;color:#82917e;border-top:1px solid var(--line);font:500 11px/1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em}footer p{margin:0}footer a:last-child{color:var(--neon);text-decoration:none}@keyframes hero-in{from{opacity:0;transform:scale(1.1)}to{opacity:.82;transform:scale(1.02)}}@media(max-width:700px){.nav{height:70px}.signal{display:none}.hero{min-height:720px}.hero-content{padding-bottom:54px}.hero h1{font-size:clamp(4rem,17vw,6rem);line-height:.82;margin:34px 0 45px}.hero-bottom{align-items:center}.circle-link{width:57px;height:57px;flex-basis:57px}.side-label{display:none}.manifesto-copy{display:block;margin-top:72px}.body-copy{margin-top:45px}.section-top{display:block}.section-note{margin-top:28px}.project-card{min-height:390px;grid-template-columns:1fr;gap:0}.project-url{align-self:end;text-align:left}.project-title h2{font-size:clamp(5rem,23vw,8rem)}.project-title p{margin-top:40px}.project-index{margin-bottom:35px}footer{flex-wrap:wrap;gap:20px}footer p{order:3;width:100%}}