:root{--bg:#080b13;--panel:#101522;--text:#f5f3ee;--muted:#8d93a3;--line:rgba(245,243,238,.16);--lime:#d3f36b;--blue:#82a8ff;--orange:#ff775c;--mono:"DM Mono",monospace;--sans:"Space Grotesk",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden;--scroll:0}.scroll-progress{position:fixed;right:22px;top:50%;height:120px;width:2px;background:rgba(245,243,238,.16);z-index:12;transform:translateY(-50%)}.scroll-progress span{display:block;width:100%;height:100%;background:var(--lime);transform-origin:top;transform:scaleY(0);box-shadow:0 0 12px var(--lime)}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:10;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(130,168,255,.1),transparent 67%);transform:translate(-50%,-50%);pointer-events:none;z-index:0}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;top:0;left:0;right:0;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--lime);border-radius:50%;font:11px var(--mono);color:var(--lime)}.brand-copy{font-size:12px;line-height:1.05;letter-spacing:-.02em}.brand-copy em{color:var(--muted);font-style:normal}.nav-links{display:flex;gap:38px}.nav-links a{color:var(--text);font-size:12px;text-decoration:none}.nav-links span{font:10px var(--mono);color:var(--muted);margin-left:5px}.nav-arrow{font-size:15px!important;color:var(--lime)!important}.menu-button{display:none;background:none;border:0}.section-shell{width:min(1200px,90vw);margin:auto}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:80px}.hero-copy{position:relative;z-index:1}.eyebrow{font:11px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 28px}.eyebrow span{color:var(--lime)}.status-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(70px,12vw,168px);line-height:.82;letter-spacing:-.09em;font-weight:600;margin:0 0 38px;max-width:850px;transform:translate3d(calc(var(--scroll)*-.02px),calc(var(--scroll)*-.06px),0)}.outline-text{-webkit-text-stroke:1px var(--text);color:transparent}.hero-intro{color:var(--muted);font-size:14px;line-height:1.7;max-width:360px;margin-bottom:40px}.hero-intro strong{color:var(--text);font-weight:500}.magnetic-button{display:inline-flex;align-items:center;gap:45px;padding:16px 18px 16px 22px;color:var(--bg);background:var(--lime);font-size:12px;text-decoration:none;transition:transform .3s,box-shadow .3s}.magnetic-button:hover{box-shadow:0 0 35px rgba(211,243,107,.25);transform:translateY(-4px)}.magnetic-button i{font-size:18px;font-style:normal}.hero-orbit{position:absolute;border:1px solid rgba(130,168,255,.2);border-radius:50%;pointer-events:none;will-change:transform}.orbit-one{width:60vw;height:60vw;right:-20vw;top:9vw;animation:spin 32s linear infinite;transform:translate3d(calc(var(--scroll)*.11px),calc(var(--scroll)*.04px),0)}.orbit-two{width:36vw;height:36vw;right:-7vw;top:20vw;border-color:rgba(211,243,107,.16);animation:spin 20s linear infinite reverse;transform:translate3d(calc(var(--scroll)*-.08px),calc(var(--scroll)*-.1px),0)}.orbit-one:before,.orbit-two:before{content:"";position:absolute;width:7px;height:7px;background:var(--blue);border-radius:50%;top:20%;left:2%;box-shadow:0 0 20px var(--blue)}.orbit-two:before{background:var(--lime);top:10%;left:70%;box-shadow:0 0 20px var(--lime)}.hero-side-note{position:absolute;right:0;top:48%;display:flex;gap:18px;align-items:flex-start;font:10px var(--mono);color:var(--muted);line-height:1.5;transform:translateY(calc(var(--scroll)*-.1px))}.hero-side-note span{color:var(--lime)}.hero-signal{position:absolute;right:16%;bottom:17%;display:flex;align-items:center;gap:13px;font:10px var(--mono);color:var(--muted);line-height:1.4;transform:translateY(calc(var(--scroll)*.14px))}.signal-ring{width:60px;height:60px;border:1px solid rgba(130,168,255,.35);border-radius:50%;display:grid;place-items:center}.signal-ring span{width:18px;height:18px;border:1px solid var(--blue);border-radius:50%;animation:pulse 2s infinite}.scroll-cue{position:absolute;bottom:30px;left:0;font:10px var(--mono);text-transform:uppercase;color:var(--muted);letter-spacing:.12em;display:flex;align-items:center;gap:12px}.scroll-cue span{width:1px;height:34px;background:var(--lime);display:inline-block}.marquee-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;overflow:hidden;transform:rotate(calc(-2deg + var(--scroll-speed)*.012deg)) scale(1.03);background:rgba(211,243,107,.03)}.marquee-track{display:flex;width:max-content;align-items:center;gap:32px;animation:marquee 26s linear infinite;color:var(--lime);font-size:14px;letter-spacing:.02em;transform:translateX(calc(var(--scroll-speed)*-.12px))}.marquee-track b{font-size:20px;font-weight:400}.work-section{padding:170px 0 130px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:70px}.section-heading h2,.approach-section h2,.contact-section h2{font-size:clamp(46px,7vw,90px);line-height:.9;letter-spacing:-.07em;font-weight:500;margin:0}.section-heading h2 em,.approach-section em,.contact-section em{color:var(--lime);font-style:normal}.section-description{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.filter-row{display:flex;gap:10px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:38px}.filter{border:1px solid var(--line);background:none;color:var(--muted);font:10px var(--mono);padding:10px 13px;cursor:pointer;transition:.25s}.filter sup{font-size:8px;margin-left:8px}.filter.active,.filter:hover{color:var(--bg);border-color:var(--lime);background:var(--lime)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:74px 24px}.project-card{transition:opacity .4s,transform .4s;will-change:transform}.project-card.hidden{display:none}.project-card--wide{grid-column:span 2}.project-visual{display:block;position:relative;overflow:hidden;height:380px;text-decoration:none;isolation:isolate;will-change:transform}.project-card:not(.project-card--wide) .project-visual{height:450px}.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.15),transparent 55%);transform:translateX(-120%);transition:transform .8s}.project-visual:hover:after{transform:translateX(120%)}.visual-grid,.reboot-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent)}.visual-tprint{background:#deef68;color:#111}.visual-word{position:absolute;left:5%;bottom:7%;font-size:clamp(70px,10vw,150px);font-weight:700;letter-spacing:-.1em;line-height:.7}.visual-word span{display:block;font-size:.5em;letter-spacing:-.08em}.visual-cursor{position:absolute;right:24px;top:22px;color:inherit;font-size:25px;transition:transform .3s}.project-visual:hover .visual-cursor{transform:translate(5px,-5px)}.visual-gns{background:#1943d5;color:#e8edff;display:grid;place-items:center;overflow:hidden}.gns-sun{width:420px;height:420px;border-radius:50%;background:#ff765c;position:absolute;right:-150px;top:-80px;filter:blur(1px)}.gns-type{position:relative;z-index:1;font-size:clamp(65px,9vw,128px);line-height:.75;letter-spacing:-.12em;font-weight:600;margin-right:25%;}.gns-type small{font:13px var(--mono);letter-spacing:.1em;margin-left:6px}.visual-assildono{background:#f0ebe3;color:#26231e}.aura{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;filter:blur(2px)}.aura-one{background:#ffbbaa;left:-19%;top:20%}.aura-two{background:#9bc6ff;right:-15%;bottom:-20%}.assildono-type{position:absolute;bottom:14%;left:8%;font-size:clamp(42px,6vw,88px);letter-spacing:-.1em;font-weight:500}.assildono-type span{color:#ec735e}.visual-reboot{background:#fc6e4f;color:#130e0d}.reboot-grid{background-size:30px 30px;opacity:.4}.reboot-icon{position:absolute;right:12%;top:17%;font-size:160px;line-height:1;transform:rotate(17deg);font-weight:200}.reboot-type{position:absolute;bottom:10%;left:8%;font-size:clamp(48px,7vw,92px);font-weight:600;letter-spacing:-.12em;line-height:.72}.reboot-type span{display:block;font:12px var(--mono);letter-spacing:.18em;margin-top:25px}.visual-insieme{background:#17261e;color:#d3f36b}.breath-lines{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 65% 42%,transparent 0 25px,rgba(211,243,107,.35) 26px 27px,transparent 28px 54px);transform:rotate(-21deg) scale(1.2);animation:breathe 8s ease-in-out infinite}.insieme-type{position:absolute;left:8%;bottom:12%;font-size:clamp(48px,7vw,100px);line-height:.75;letter-spacing:-.1em}.insieme-type i{font-size:.22em;letter-spacing:.02em;color:#fff;font-style:normal;margin-left:7px}.project-meta{display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:.05em;padding:17px 0 12px;border-bottom:1px solid var(--line)}.project-card h3{font-size:24px;font-weight:500;letter-spacing:-.05em;margin:17px 0 4px}.project-card h3 span{color:var(--orange)}.project-card>p{font-size:12px;color:var(--muted);margin:0}.approach-section{padding:150px 0 170px;border-top:1px solid var(--line);position:relative}.approach-section h2{font-size:clamp(65px,11vw,145px);margin-bottom:100px}.approach-section h2 span{-webkit-text-stroke:1px var(--text);color:transparent}.approach-stamp{position:absolute;right:12%;top:145px;color:var(--lime);font-size:70px;animation:spin 12s linear infinite;transform:translateY(calc(var(--scroll)*-.04px))}.approach-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.approach-bottom>p{max-width:310px;color:var(--muted);font-size:14px;line-height:1.7}.process-list{border-top:1px solid var(--line)}.process-list div{border-bottom:1px solid var(--line);padding:18px 0;font-size:18px;display:flex;align-items:center;gap:20px}.process-list span{font:10px var(--mono);color:var(--lime)}.process-list i{margin-left:auto;font-style:normal;color:var(--muted)}.contact-section{min-height:90vh;padding:140px 0 35px;position:relative;overflow:hidden}.contact-section h2{font-size:clamp(76px,14vw,190px);margin-bottom:58px}.contact-link{position:relative;z-index:1;color:var(--text);font-size:clamp(18px,2vw,25px);text-decoration:none;border-bottom:1px solid var(--lime);padding-bottom:7px}.contact-link span{color:var(--lime);margin-left:20px}.contact-orb{position:absolute;width:45vw;height:45vw;right:-10vw;top:8%;border:1px solid rgba(130,168,255,.2);border-radius:50%;animation:spin 30s linear infinite;transform:translateY(calc(var(--scroll)*-.06px))}.contact-orb:before,.contact-orb:after{content:"";position:absolute;border-radius:50%;background:var(--blue);width:9px;height:9px;top:14%;left:5%;box-shadow:0 0 25px var(--blue)}.contact-orb:after{background:var(--lime);left:auto;top:auto;right:8%;bottom:20%;box-shadow:0 0 25px var(--lime)}.contact-footer{position:absolute;bottom:35px;left:0;right:0;border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono);text-transform:uppercase}.reveal{opacity:0;transform:translateY(25px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-one{transition-delay:.12s}.delay-two{transition-delay:.22s}.project-modal{width:min(720px,90vw);padding:0;border:1px solid var(--line);background:var(--panel);color:var(--text);box-shadow:0 20px 100px rgba(0,0,0,.6)}.project-modal::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.modal-visual{height:210px}.modal-copy{padding:32px}.modal-copy h2{font-size:48px;letter-spacing:-.07em;margin:0 0 14px}.modal-copy>p:not(.eyebrow){color:var(--muted);line-height:1.6}.modal-copy a{color:var(--lime);font:11px var(--mono);text-decoration:none}.modal-close{position:absolute;right:16px;top:12px;z-index:2;background:none;border:0;color:var(--text);font-size:29px;cursor:pointer}.modal-visual.visual-tprint{background:#deef68}.modal-visual.visual-gns{background:#1943d5}.modal-visual.visual-assildono{background:#f0ebe3}.modal-visual.visual-reboot{background:#fc6e4f}.modal-visual.visual-insieme{background:#17261e}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(.7);opacity:.4}50%{transform:scale(1.2);opacity:1}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes breathe{0%,100%{transform:rotate(-21deg) scale(1.2)}50%{transform:rotate(-15deg) scale(1.3)}}@media(max-width:700px){.site-header{height:70px}.nav-links{display:none}.menu-button{display:flex;flex-direction:column;gap:5px}.menu-button span{width:22px;height:1px;background:var(--text)}.hero{min-height:850px;align-items:flex-start;padding-top:190px}.hero h1{font-size:clamp(70px,20vw,115px)}.hero-intro{font-size:13px}.hero-side-note{right:0;top:150px}.hero-signal{right:0;bottom:120px}.orbit-one{width:100vw;height:100vw;right:-52vw;top:26vw}.orbit-two{width:65vw;height:65vw;right:-25vw;top:52vw}.work-section,.approach-section{padding:110px 0}.section-heading{display:block;margin-bottom:45px}.section-description{margin-top:25px}.filter-row{overflow:auto;white-space:nowrap}.project-grid{display:block}.project-card{margin-bottom:60px}.project-card--wide .project-visual,.project-card:not(.project-card--wide) .project-visual{height:330px}.project-meta{gap:15px}.project-meta span:last-child{text-align:right}.approach-section h2{margin-bottom:75px}.approach-stamp{top:90px;right:5%;font-size:45px}.approach-bottom{display:block}.process-list{margin-top:50px}.contact-section{min-height:720px;padding-top:110px}.contact-footer{gap:15px;flex-wrap:wrap}.contact-footer span:nth-child(2){display:none}.contact-orb{width:90vw;height:90vw;right:-40vw;top:20%}}
@media(max-width:700px){.nav-links.is-open{display:flex;position:absolute;top:70px;left:5vw;right:5vw;padding:22px 0;background:rgba(16,21,34,.96);border:1px solid var(--line);flex-direction:column;gap:20px;align-items:flex-start;padding-left:20px;backdrop-filter:blur(14px)}.menu-button.is-open span:first-child{transform:translateY(3px) rotate(45deg)}.menu-button.is-open span:last-child{transform:translateY(-3px) rotate(-45deg)}}
.section-shell{position:relative;z-index:1}.hero-title{will-change:transform}.project-title{transform:translate3d(calc(var(--work-progress,0)*12px),calc(var(--work-progress,0)*-9px),0);opacity:calc(.75 + var(--work-progress,0)*.25);transition:color .3s}.work-section:before,.approach-section:before,.contact-section:before{content:"";position:absolute;z-index:-1;pointer-events:none;opacity:calc(var(--section-focus,0)*.6);transition:opacity .4s;background:radial-gradient(circle,rgba(130,168,255,.14),transparent 68%);width:55vw;height:55vw;left:calc(50% - 27vw);top:calc(50% - 27vw)}.approach-section:before{background:radial-gradient(circle,rgba(211,243,107,.12),transparent 68%)}.contact-section:before{background:radial-gradient(circle,rgba(255,119,92,.12),transparent 68%)}body{background:var(--bg-color,var(--bg))}
.project-grid{display:block;position:relative;padding-bottom:22vh}.project-card{position:sticky;top:110px;display:block;margin:0 auto 34vh;max-width:100%;padding:0 0 24px;background:var(--bg);border:1px solid rgba(245,243,238,.12);box-shadow:0 calc(var(--stack-shadow,0)*28px) calc(var(--stack-shadow,0)*55px) rgba(0,0,0,.5);transform:translate3d(0,var(--card-drift,0),0) rotate(var(--stack-rotate,0deg)) scale(var(--stack-scale,1));transition:box-shadow .25s,border-color .25s;will-change:transform}.project-card:nth-child(1){--card-accent:#d3f36b}.project-card:nth-child(2){--card-accent:#82a8ff}.project-card:nth-child(3){--card-accent:#ffbbaa}.project-card:nth-child(4){--card-accent:#ff775c}.project-card:nth-child(5){--card-accent:#d3f36b}.project-card:before{content:"";position:absolute;inset:-1px -1px auto;height:3px;background:var(--card-accent);box-shadow:0 0 18px var(--card-accent);z-index:3}.project-card .project-visual{height:min(62vh,560px)!important}.project-card .project-meta,.project-card h3,.project-card>p{margin-left:24px;margin-right:24px}.project-card h3{color:var(--card-accent)}.project-card.project-card--wide{grid-column:auto}.project-card.hidden{display:none}.approach-section,.contact-section{background:transparent}.approach-section{margin-top:6vh}.contact-section{margin-top:4vh}@media(max-width:700px){.project-grid{display:block;padding-bottom:0}.project-card,.project-card.visible{position:relative;top:auto;margin:0 0 60px;transform:none!important;padding-bottom:14px}.project-card .project-visual{height:330px!important}.project-card .project-meta,.project-card h3,.project-card>p{margin-left:14px;margin-right:14px}.work-section:before,.approach-section:before,.contact-section:before{width:100vw;height:100vw;left:calc(50% - 50vw);top:25%}}
.project-card.visible{transform:translate3d(0,var(--card-drift,0),0) rotate(var(--stack-rotate,0deg)) scale(var(--stack-scale,1))}
.scroll-thread{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 8px rgba(211,243,107,.65));opacity:var(--thread-energy,.8)}.thread-line,.thread-shadow,.thread-signature text{fill:none;stroke:url(#thread-gradient);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:url(#thread-glow)}.thread-line{stroke-width:3;stroke-dasharray:0 1}.thread-shadow{stroke:rgba(211,243,107,.2);stroke-width:18;filter:blur(18px);stroke-dasharray:0 1}.thread-signature{opacity:0;transition:opacity .25s}.signature-path{font-family:"Caveat",cursive;font-size:48px;font-weight:600;letter-spacing:0;stroke-dasharray:0 1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;transform:scaleX(.86);transform-box:fill-box;transform-origin:left center}.project-card{overflow:hidden}.project-card:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,transparent calc(37% + var(--card-glow,0%)*.18),rgba(255,255,255,.5) calc(40% + var(--card-glow,0%)*.18),transparent calc(43% + var(--card-glow,0%)*.18));mix-blend-mode:overlay;opacity:calc(var(--card-active,0)*.55);transform:translateX(-115%);transition:transform .2s ease-out}.project-card.visible:after{transform:translateX(115%);transition-duration:.9s}.project-card .project-visual{filter:saturate(calc(1 + var(--card-active,0)*.35)) contrast(calc(1 + var(--card-active,0)*.08));transition:filter .5s}.project-card .project-visual:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% calc(100% - var(--card-glow,0%)),var(--card-accent),transparent 35%);opacity:calc(var(--card-active,0)*.12);mix-blend-mode:screen}.project-card h3{position:relative;z-index:5;text-shadow:0 0 22px color-mix(in srgb,var(--card-accent) calc(var(--card-active,0)*100%),transparent)}.project-card:nth-child(1){--card-accent:#d3f36b}.project-card:nth-child(2){--card-accent:#82a8ff}.project-card:nth-child(3){--card-accent:#ffbbaa}.project-card:nth-child(4){--card-accent:#ff775c}.project-card:nth-child(5){--card-accent:#d3f36b}@media(max-width:700px){.thread-line{stroke-width:2}.thread-shadow{stroke-width:12}.signature-path{font-size:38px}}
.project-card.visible{transform:translateY(var(--card-drift,0))}.work-section,.approach-section,.contact-section{isolation:isolate;position:relative}.work-section:before,.approach-section:before,.contact-section:before{content:"";position:absolute;z-index:-1;pointer-events:none;opacity:calc(var(--section-focus,0)*.6);transition:opacity .4s;background:radial-gradient(circle,rgba(130,168,255,.14),transparent 68%);width:55vw;height:55vw;left:calc(50% - 27vw);top:calc(50% - 27vw)}.approach-section:before{background:radial-gradient(circle,rgba(211,243,107,.12),transparent 68%)}.contact-section:before{background:radial-gradient(circle,rgba(255,119,92,.12),transparent 68%)}@media(max-width:700px){.scroll-progress{right:10px;height:80px}.project-card.visible{transform:none}.work-section:before,.approach-section:before,.contact-section:before{width:100vw;height:100vw;left:calc(50% - 50vw);top:25%}}
.hero h1{transform:translate3d(var(--hero-title-x,0px),var(--hero-title-y,0px),0)}.orbit-one{transform:translate3d(var(--orbit-one-x,0px),var(--orbit-one-y,0px),0)}.orbit-two{transform:translate3d(var(--orbit-two-x,0px),var(--orbit-two-y,0px),0)}.hero-side-note{transform:translateY(var(--side-note-y,0px))}.hero-signal{transform:translateY(var(--signal-y,0px))}.marquee-band{transform:rotate(calc(-2deg + var(--scroll-angle,0deg))) scale(1.03)}.marquee-track{transform:translateX(var(--marquee-x,0px))}.approach-stamp{transform:translateY(var(--stamp-y,0px))}.contact-orb{transform:translateY(var(--contact-orb-y,0px))}

@media (min-width: 701px) and (max-width: 1100px) {
  .site-header{padding:0 4vw}.nav-links{gap:24px}.section-shell{width:min(92vw,920px)}
  .hero{min-height:900px}.hero h1{font-size:clamp(72px,12vw,126px);max-width:720px}
  .hero-side-note{right:1vw}.hero-signal{right:8%}.work-section{padding-top:130px}
  .section-heading{gap:35px}.section-heading h2{font-size:clamp(48px,7vw,72px)}
  .project-card{top:88px;margin-bottom:24vh}.project-card .project-visual{height:min(54vh,470px)!important}
  .project-card .project-meta,.project-card h3,.project-card>p{margin-left:22px;margin-right:22px}
  .approach-section{padding-top:125px}.approach-section h2{font-size:clamp(68px,11vw,112px)}
  .contact-section h2{font-size:clamp(76px,13vw,150px)}.signature-path{font-size:42px}
}

@media (min-width: 701px) {
  .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:74px 24px;padding-bottom:0}
  .project-card,.project-card.visible{position:relative;top:auto;max-width:none;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
  .project-card.project-card--wide{grid-column:span 2}
  .project-card .project-meta,.project-card h3,.project-card>p{margin-left:0;margin-right:0}
  .project-card .project-visual{height:380px!important}
  .project-card:not(.project-card--wide) .project-visual{height:450px!important}
}

@media (max-width: 700px) {
  html{width:100%;overflow-x:hidden}body{width:100%;min-width:0}.site-header{padding:0 20px}
  .section-shell{width:calc(100vw - 40px)}.cursor-glow{display:none}.scroll-progress{right:12px;height:88px}
  .hero{min-height:790px;padding-top:150px}.hero h1{font-size:clamp(58px,18vw,92px);max-width:100%;letter-spacing:-.1em}
  .hero-intro{max-width:285px;margin-bottom:28px}.magnetic-button{gap:28px;padding:14px 15px 14px 17px}
  .hero-side-note{top:92px;right:0;font-size:8px;gap:10px}.hero-signal{right:0;bottom:92px;gap:8px;font-size:8px}
  .signal-ring{width:44px;height:44px}.signal-ring span{width:13px;height:13px}.scroll-cue{bottom:22px}
  .orbit-one{width:118vw;height:118vw;right:-62vw;top:20vw}.orbit-two{width:76vw;height:76vw;right:-30vw;top:48vw}
  .marquee-band{padding:17px 0}.marquee-track{gap:22px;font-size:12px}.work-section{padding:92px 0 80px}
  .section-heading{margin-bottom:34px}.section-heading h2{font-size:clamp(42px,12vw,64px)}
  .section-description{font-size:12px;margin-top:18px}.filter-row{gap:8px;margin-right:-20px;padding-bottom:13px;scrollbar-width:none}
  .filter-row::-webkit-scrollbar{display:none}.filter{flex:0 0 auto;padding:9px 11px}
  .project-card,.project-card.visible{margin-bottom:42px}.project-card .project-visual{height:270px!important}
  .project-card .project-meta,.project-card h3,.project-card>p{margin-left:14px;margin-right:14px}
  .project-card .project-meta{font-size:8px;gap:10px;line-height:1.35}.project-card h3{font-size:21px;margin-top:14px}.project-card>p{font-size:11px}
  .visual-word{font-size:24vw}.gns-sun{width:300px;height:300px;right:-130px;top:-70px}.gns-type{font-size:22vw}.reboot-icon{font-size:110px}
  .approach-section{padding:88px 0 105px;margin-top:0}.approach-section h2{font-size:clamp(58px,17vw,88px);margin-bottom:58px}
  .approach-stamp{top:74px;right:2%;font-size:38px}.approach-bottom>p{font-size:13px}.process-list{margin-top:36px}
  .process-list div{padding:15px 0;font-size:16px}.contact-section{min-height:650px;padding:92px 0 24px;margin-top:0}
  .contact-section h2{font-size:clamp(62px,19vw,98px);margin-bottom:42px}.contact-link{font-size:16px}.contact-link span{margin-left:10px}
  .contact-footer{bottom:24px;padding-top:13px;font-size:7px;gap:8px}.contact-footer span:nth-child(2){display:none}
  .contact-orb{width:105vw;height:105vw;right:-52vw;top:24%}.scroll-thread{opacity:.72}.thread-line{stroke-width:2}.thread-shadow{stroke-width:10}
  .signature-path{font-size:30px}.project-modal{width:calc(100vw - 28px)}.modal-visual{height:150px}.modal-copy{padding:23px 20px}.modal-copy h2{font-size:34px}
}

@media (max-width: 380px) {
  .section-shell{width:calc(100vw - 28px)}.site-header{padding:0 14px}.hero{padding-top:138px}.hero h1{font-size:54px}
  .hero-signal{bottom:78px}.project-card .project-visual{height:245px!important}.contact-section h2{font-size:58px}
  .contact-link{font-size:14px}
}

html{overflow-x:hidden}

.nav-links{align-items:center}
.nav-links a{display:inline-flex;align-items:center;height:21px;line-height:1}
.nav-links span{display:inline-flex;align-items:center;line-height:1;vertical-align:middle}
.nav-arrow{font-size:13px!important;line-height:1!important;margin-left:7px!important;transform:translateY(-1px)}

.tetris-modal{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:1px solid rgba(211,243,107,.45);background:#0b101b;color:var(--text);box-shadow:0 24px 120px rgba(0,0,0,.72);overflow:auto}
.tetris-modal::backdrop{background:rgba(3,5,10,.86);backdrop-filter:blur(12px)}
.tetris-close{position:absolute;z-index:4;right:18px;top:13px;border:0;background:none;color:var(--text);font-size:30px;line-height:1;cursor:pointer}
.tetris-screen,.tetris-contact{padding:42px 44px 46px}
.tetris-heading h2,.tetris-contact h2{font-size:clamp(46px,8vw,82px);line-height:.88;letter-spacing:-.08em;margin:0 0 14px}
.tetris-heading>p:last-child{color:var(--muted);font-size:13px;margin:0}
.tetris-heading strong{color:var(--lime);font-weight:500}
.tetris-stage{display:flex;align-items:center;gap:34px;margin-top:30px}
.tetris-canvas{display:block;width:min(300px,62vw);height:auto;aspect-ratio:1/2;border:1px solid rgba(211,243,107,.35);box-shadow:0 0 30px rgba(130,168,255,.12)}
.tetris-side{flex:1;min-width:0}
.tetris-score{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:18px}
.tetris-score span{font:10px var(--mono);color:var(--muted);text-transform:uppercase}
.tetris-score strong{font:24px var(--mono);color:var(--lime)}
.tetris-side>p{font:11px var(--mono);color:var(--muted);line-height:1.6}
.tetris-controls{display:grid;grid-template-columns:repeat(3,42px);gap:8px;margin-top:26px}
.tetris-controls button{height:38px;border:1px solid var(--line);background:rgba(245,243,238,.04);color:var(--text);font-size:18px;cursor:pointer}
.tetris-controls button:hover{border-color:var(--lime);color:var(--lime)}
.tetris-controls button:last-child{grid-column:2}
.tetris-contact[hidden],.tetris-screen[hidden]{display:none}
.tetris-contact h2{margin-bottom:34px}
.tetris-contact h2 em{color:var(--lime);font-style:normal}
.easter-form{display:grid;gap:16px;max-width:520px}
.easter-form label{display:grid;gap:7px;color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em}
.easter-form input,.easter-form textarea{width:100%;border:1px solid var(--line);border-radius:0;background:rgba(245,243,238,.04);color:var(--text);font:14px var(--sans);padding:12px;outline:none;resize:vertical}
.easter-form input:focus,.easter-form textarea:focus{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}
.easter-form button{justify-self:start;border:0;background:var(--lime);color:var(--bg);padding:14px 18px;font:11px var(--mono);cursor:pointer}
.easter-form button span{font-size:17px;margin-left:18px}
@media(max-width:700px){.tetris-modal{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.tetris-screen,.tetris-contact{padding:34px 20px 28px}.tetris-heading h2,.tetris-contact h2{font-size:50px}.tetris-stage{gap:18px;align-items:flex-start}.tetris-side{padding-top:4px}.tetris-score{display:block}.tetris-score strong{display:block;margin-top:6px}.tetris-side>p{font-size:9px}.tetris-controls{grid-template-columns:repeat(3,36px);gap:6px}.tetris-controls button{height:34px;font-size:15px}.tetris-close{right:12px;top:10px}}

@media (min-width: 701px) {
  .project-grid {
    display: block;
    position: relative;
    padding-bottom: 22vh;
  }
  .project-card,
  .project-card.visible {
    position: sticky;
    top: 110px;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 34vh;
    padding: 0 0 24px;
    background: var(--bg);
    border: 1px solid rgba(245,243,238,.12);
    box-shadow: 0 calc(var(--stack-shadow,0) * 28px) calc(var(--stack-shadow,0) * 55px) rgba(0,0,0,.5);
    transform: translate3d(0,var(--card-drift,0),0) rotate(var(--stack-rotate,0deg)) scale(var(--stack-scale,1));
    transition: box-shadow .25s, border-color .25s;
    will-change: transform;
  }
  .project-card.project-card--wide { grid-column: auto; }
  .project-card .project-visual { height: min(62vh,560px) !important; }
  .project-card .project-meta,
  .project-card h3,
  .project-card > p { margin-left: 24px; margin-right: 24px; }
  .project-card h3 { color: var(--card-accent); }
}