:root{color:#171717;font-synthesis:none;--bg:#f4f4f0;--text:#171717;--muted:#666661;--line:#d7d7d0;--card:#fff;--dark:#171717;--dark-text:#f4f4f0;--accent:#c7ff4a;--accent-strong:#5f8303;--grid-dot:#1717170e;background:#f4f4f0;font-family:Manrope,sans-serif}:root[data-theme=dark]{--bg:#171717;--text:#f4f4f0;--muted:#a0a09a;--line:#373735;--card:#232321;--dark:#f4f4f0;--dark-text:#171717;--accent:#c7ff4a;--accent-strong:#c7ff4a;--grid-dot:#f4f4f00a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;transition:background .35s,color .35s;overflow-x:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}:root[data-theme=light] :focus-visible{outline-color:var(--accent-strong)}.page-root{isolation:isolate;position:relative}.ambient-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(to right, var(--grid-dot) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-dot) 1px, transparent 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 35%,#000 35%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 35%,#000 35%,#0000 100%)}.scroll-progress{background:var(--accent);transform-origin:0;z-index:100;height:2.5px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 60%, transparent);position:fixed;top:0;left:0;right:0}:root[data-theme=light] .scroll-progress{background:var(--accent-strong);box-shadow:0 0 8px color-mix(in srgb, var(--accent-strong) 40%, transparent)}.shell{width:min(1120px,100% - 48px);margin:0 auto}.nav-header{z-index:60;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:sticky;top:0}.nav-header.is-scrolled{background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px)}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.brand{letter-spacing:-.08em;font-size:1.4rem;font-weight:800;transition:transform .2s}.brand:hover{transform:translateY(-1px)}.brand span{color:#a6db22}.nav-links{gap:28px;margin-left:auto;margin-right:34px;display:flex}.nav-links button,.language,.theme-toggle{color:var(--muted);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.76rem;transition:color .2s;position:relative}.nav-links button:after{content:"";background:var(--accent-strong);transform-origin:100%;height:1.5px;transition:transform .25s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-links button:hover:after{transform-origin:0;transform:scaleX(1)}.nav-links button:hover,.language:hover,.nav-links button.is-active-nav{color:var(--text)}.nav-links button.is-active-nav:after{transform-origin:0;background:var(--accent);transform:scaleX(1)}.nav-tools{align-items:center;gap:14px;display:flex}.language{border:1px solid #0000;padding:4px 8px;transition:border-color .2s,color .2s}.language:hover{border-color:var(--line)}.theme-toggle{width:32px;height:32px;color:var(--text);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .2s,background .2s;display:inline-flex}.theme-toggle:hover{border-color:var(--accent-strong);transform:rotate(35deg)scale(1.06)}.menu-toggle{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:34px;height:34px;padding:0;transition:border-color .2s,background .2s,transform .2s;display:none}.menu-toggle:hover{border-color:var(--accent-strong)}.menu-bar{background:var(--text);border-radius:1px;width:16px;height:1.5px;transition:transform .26s cubic-bezier(.22,1,.36,1),background-color .2s}.menu-toggle.is-active .bar-1{background:var(--accent-strong);transform:translateY(3.25px)rotate(45deg)}.menu-toggle.is-active .bar-2{background:var(--accent-strong);transform:translateY(-3.25px)rotate(-45deg)}.mobile-menu-drawer{display:none}.hero{grid-template-columns:1.18fr .82fr;align-items:center;gap:32px;min-height:640px;padding:76px 0 84px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.eyebrow,.kicker,.card-label,.project-type{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font:500 .68rem DM Mono,monospace}.status-dot{background:#a6db22;border-radius:50%;width:7px;height:7px;margin-right:10px;animation:2.4s ease-in-out infinite statusPulse;display:inline-block;position:relative}@keyframes statusPulse{0%,to{box-shadow:0 0 0 3px #a6db2238}50%{box-shadow:0 0 0 8px #a6db220f}}h1{letter-spacing:-.08em;max-width:820px;margin:24px 0;font-size:clamp(3.2rem,6.2vw,6.1rem);font-weight:700;line-height:.96}.hero-text{max-width:460px;color:var(--muted);font-size:1rem;line-height:1.65}.hero-actions{align-items:center;gap:27px;margin-top:36px;display:flex}.button{text-transform:uppercase;align-items:center;gap:24px;padding:15px 20px;font:500 .68rem DM Mono,monospace;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,background .25s,color .25s;display:inline-flex}.button:hover{transform:translateY(-2px)}.btn-arrow{transition:transform .25s;display:inline-block}.button:hover .btn-arrow{transform:translate(3px,-3px)}.button-dark{background:var(--dark);color:var(--dark-text)}.button-dark:hover{background:var(--accent);color:#171717;box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 26%, transparent)}.button-light{background:var(--accent);color:#171717}.button-light:hover{box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 32%, transparent)}.text-button{color:var(--muted);align-items:center;gap:7px;font-size:.78rem;transition:color .2s;display:inline-flex}.text-button:hover{color:var(--text)}.btn-arrow-down{transition:transform .25s;display:inline-block}.text-button:hover .btn-arrow-down{transform:translateY(3px)}.hero-visual-col{flex-direction:column;justify-content:space-between;gap:16px;display:flex}.hero-canvas-wrap{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent) 10%, transparent) 0%, transparent 68%);width:100%;height:390px;position:relative}.hero-fallback-orb{place-items:center;width:100%;height:100%;display:grid;position:relative}.hero-fallback-ring{border:1px solid var(--accent-strong);border-radius:50%;position:absolute}.hero-fallback-ring.ring-1{width:210px;height:210px;animation:14s linear infinite spinSlow}.hero-fallback-ring.ring-2{border-color:var(--line);width:270px;height:170px;animation:20s linear infinite reverse spinSlow}.hero-fallback-core{border:1.5px solid var(--accent);width:64px;height:64px;transform:rotate(45deg)}@keyframes spinSlow{to{transform:rotate(360deg)}}.hero-note{border-left:1px solid var(--accent-strong);align-self:end;max-width:290px;padding-left:20px}.hero-note span{color:var(--accent-strong);font:.68rem DM Mono,monospace}.hero-note p{margin:8px 0 0;font-size:.9rem;font-weight:600;line-height:1.5}@keyframes heroRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-stagger-1{animation:.65s cubic-bezier(.22,1,.36,1) 50ms both heroRise}.hero-stagger-2{animation:.75s cubic-bezier(.22,1,.36,1) .14s both heroRise}.hero-stagger-3{animation:.75s cubic-bezier(.22,1,.36,1) .24s both heroRise}.hero-stagger-4{animation:.75s cubic-bezier(.22,1,.36,1) .34s both heroRise}.reveal-block{opacity:0;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal-block.is-visible{opacity:1;transform:translateY(0)}.bento{grid-template-rows:205px 160px;grid-template-columns:1.25fr 1fr 1fr;gap:12px;display:grid}.bento-card{background:var(--card);border:1px solid var(--line);flex-direction:column;justify-content:space-between;min-width:0;padding:24px;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s;display:flex;position:relative;overflow:hidden}.bento-card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(320px circle at var(--spot-x,50%) var(--spot-y,50%), color-mix(in srgb, var(--accent) 13%, transparent), transparent 70%);transition:opacity .3s;position:absolute;inset:0}.bento-card:hover{border-color:color-mix(in srgb, var(--accent-strong) 55%, var(--line));transform:translateY(-3px)}.bento-card:hover:before{opacity:1}.bento-large{grid-row:span 2}.dark-card{color:#f4f4f0;background:#20201e;border-color:#2c2c29}.dark-card strong{letter-spacing:-.07em;max-width:250px;font-size:2.7rem;line-height:1}.card-mark{color:var(--accent);align-self:flex-start;font-size:2.1rem;transition:transform .3s;display:inline-block}.dark-card:hover .card-mark{transform:translate(4px,4px)}.bento-card strong{letter-spacing:-.04em;z-index:1;font-size:1.12rem;line-height:1.25;position:relative}.mini-line{background:var(--accent-strong);width:50px;height:2px;transition:width .3s cubic-bezier(.22,1,.36,1)}.bento-card:hover .mini-line{width:88px}.bento-wide{flex-direction:row;grid-column:2/4;justify-content:space-between;align-items:flex-end;gap:20px}.bento-wide-copy{flex-direction:column;gap:12px;display:flex}.bento-wide strong{max-width:310px}.card-link{color:var(--muted);text-transform:uppercase;border:1px solid var(--line);z-index:1;margin-left:auto;padding:8px 12px;font:.68rem DM Mono,monospace;transition:color .2s,border-color .2s,background .2s;position:relative}.card-link:hover{color:#171717;background:var(--accent);border-color:var(--accent)}.marquee-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--card) 55%, var(--bg));margin-top:72px;padding:15px 0;overflow:hidden}.marquee-track{width:max-content;animation:28s linear infinite marqueeLoop;display:flex}.marquee-strip:hover .marquee-track{animation-play-state:paused}.marquee-item{letter-spacing:.1em;color:var(--muted);white-space:nowrap;align-items:center;gap:26px;padding-right:26px;font:500 .72rem DM Mono,monospace;display:inline-flex}.marquee-dot{color:var(--accent-strong);font-size:.65rem;font-style:normal}@keyframes marqueeLoop{0%{transform:translate(0)}to{transform:translate(-50%)}}.about{padding:140px 0 150px}.about-header{grid-template-columns:1fr 1fr;align-items:end;gap:64px;margin-bottom:52px;display:grid}.about h2,.work h2,.footer h2{letter-spacing:-.07em;margin:16px 0 0;font-size:clamp(2.3rem,4vw,4.4rem);line-height:1}.about-bio-col>p{color:var(--muted);max-width:520px;margin:0;line-height:1.75}.social-links{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.social-links a{color:var(--text);text-transform:uppercase;border:1px solid var(--line);background:var(--card);padding:8px 14px;font:.68rem DM Mono,monospace;transition:border-color .2s,transform .2s}.social-links a:hover{border-color:var(--accent-strong);transform:translateY(-2px)}.social-links span{color:var(--accent-strong);margin-left:4px}.about-orbit-wrapper{border:1px solid var(--line);background:radial-gradient(ellipse 55% 50% at 50% 50%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 75%), color-mix(in srgb, var(--card) 75%, var(--bg));position:relative;overflow:hidden}.about-orbit-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.orbit-hint{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:9px;font:.66rem DM Mono,monospace;display:inline-flex}.orbit-live-pulse{background:var(--accent-strong);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.orbit-pause-btn{text-transform:uppercase;color:var(--muted);border:1px solid var(--line);background:var(--bg);padding:6px 12px;font:.65rem DM Mono,monospace;transition:color .2s,border-color .2s}.orbit-pause-btn:hover{color:var(--text);border-color:var(--accent-strong)}.about-orbit-canvas{width:100%;height:490px;position:relative;overflow:hidden}.orbit-node-card{text-align:left;background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;gap:4px;width:184px;padding:12px 14px;transition:border-color .25s,box-shadow .25s,background .25s;display:flex}.orbit-node-card:hover,.orbit-node-card.is-active{border-color:var(--accent-strong);background:var(--card);box-shadow:0 14px 34px #00000038, 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent)}.orbit-node-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.orbit-node-index{color:var(--muted);font:.6rem DM Mono,monospace}.orbit-node-dot{background:var(--line);border-radius:50%;width:6px;height:6px;transition:background .2s,box-shadow .2s}.orbit-node-card.is-active .orbit-node-dot,.orbit-node-card:hover .orbit-node-dot{background:var(--accent-strong);box-shadow:0 0 8px var(--accent)}.orbit-node-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font:500 .6rem DM Mono,monospace}.orbit-node-value{letter-spacing:-.03em;color:var(--text);font-size:.9rem;font-weight:700;line-height:1.22}.orbit-fallback-stage{width:100%;height:100%;position:relative}.orbit-fallback-ring{pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-fallback-ring.ring-outer{border:1px solid var(--line);width:68%;height:64%}.orbit-fallback-ring.ring-inner{border:1px dashed var(--line);width:26%;height:24%}.orbit-fallback-center{background:var(--accent-strong);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-fallback-card{position:absolute}.about-orbit-detail{border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 55%, var(--card));justify-content:space-between;align-items:center;gap:24px;padding:18px 24px;animation:.32s cubic-bezier(.22,1,.36,1) fadeSlideUp;display:flex}.orbit-detail-header{flex-shrink:0;align-items:center;gap:14px;display:flex}.orbit-detail-tag{text-transform:uppercase;letter-spacing:.08em;background:var(--accent);color:#171717;padding:4px 8px;font:500 .62rem DM Mono,monospace}.orbit-detail-header strong{letter-spacing:-.03em;font-size:.98rem}.about-orbit-detail p{color:var(--muted);text-align:right;max-width:560px;margin:0;font-size:.86rem;line-height:1.55}.work{padding-bottom:165px}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:52px;display:flex}.section-heading>p{max-width:330px;color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.carousel-root{outline:none}.carousel-stage{-webkit-user-select:none;user-select:none;cursor:grab;justify-content:center;align-items:center;gap:18px;display:flex;position:relative}.carousel-stage.is-dragging{cursor:grabbing}.carousel-stage img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.carousel-arrow,.carousel-peek{cursor:pointer}.carousel-center-wrap{z-index:4;flex-shrink:0;width:min(740px,100%);position:relative}.carousel-active-media{background:var(--card);border:1px solid var(--line);width:100%;transition:transform .22s ease-out,border-color .25s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 22px 50px #0000002e}.carousel-active-media:hover{border-color:color-mix(in srgb, var(--accent-strong) 60%, var(--line))}.carousel-active-media.is-cover{aspect-ratio:16/10}.carousel-cover-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1);display:block}.carousel-active-media.is-cover:hover .carousel-cover-img{transform:scale(1.025)}.carousel-media-badges{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:14px;left:14px;right:14px}.carousel-counter-floating,.carousel-status-floating{text-transform:uppercase;letter-spacing:.07em;color:#f4f4f0;-webkit-backdrop-filter:blur(8px);background:#171717d1;border:1px solid #f4f4f024;align-items:center;gap:7px;padding:6px 10px;font:500 .64rem DM Mono,monospace;display:inline-flex}.carousel-status-floating.is-live{color:#c7ff4a;border-color:#c7ff4a80}.carousel-frame-bar{border-bottom:1px solid var(--line);background:var(--card);justify-content:space-between;align-items:center;gap:12px;height:38px;padding:0 14px;display:flex}.carousel-frame-left{align-items:center;gap:12px;display:inline-flex}.carousel-window-dots{align-items:center;gap:5px;display:inline-flex}.carousel-window-dots i{border:1px solid var(--line);background:color-mix(in srgb, var(--muted) 25%, transparent);border-radius:50%;width:7px;height:7px}.carousel-image-stage{aspect-ratio:2.15;background:#141413;justify-content:center;align-items:center;width:100%;padding:10px;display:flex;position:relative;overflow:hidden}.carousel-ambient-img{object-fit:cover;filter:blur(28px)saturate(1.15);opacity:.35;pointer-events:none;width:calc(100% + 36px);height:calc(100% + 36px);position:absolute;inset:-18px}.carousel-main-img{z-index:1;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 24px #0000006b);width:100%;height:100%;display:block;position:relative}.carousel-glare{z-index:2;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.carousel-counter{letter-spacing:.07em;color:var(--muted);font:500 .64rem DM Mono,monospace}.carousel-status-pill{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border:1px solid var(--line);align-items:center;gap:6px;padding:3px 9px;font:500 .6rem DM Mono,monospace;display:inline-flex}.carousel-status-pill.is-live{border-color:color-mix(in srgb, var(--accent-strong) 55%, var(--line));color:var(--accent-strong)}.carousel-live-dot{background:var(--accent-strong);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%}.carousel-peek{opacity:.36;flex:1;min-width:85px;max-width:155px;padding:0;transition:opacity .3s,transform .3s;overflow:hidden;transform:scale(.92)}.carousel-peek:hover{opacity:.76;transform:scale(.96)}.carousel-peek-frame{aspect-ratio:2.15;border:1px solid var(--line);background:#141413;width:100%;padding:4px;position:relative;overflow:hidden}.carousel-peek-frame img{object-fit:contain;filter:grayscale(35%);width:100%;height:100%;display:block}.carousel-peek-frame.is-cover{background:var(--card);padding:0}.carousel-peek-frame.is-cover img{object-fit:cover;object-position:top center}.carousel-peek-overlay{color:#f4f4f0;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#171717e0);padding:8px 10px;font:500 .6rem DM Mono,monospace;position:absolute;inset:auto 0 0;overflow:hidden}.carousel-arrow{border:1px solid var(--line);background:var(--card);width:50px;height:50px;color:var(--text);z-index:5;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;transition:background .22s,color .22s,border-color .22s,transform .22s cubic-bezier(.22,1,.36,1);display:inline-flex}.carousel-arrow:hover{background:var(--accent);color:#171717;border-color:var(--accent)}.carousel-arrow-prev:hover{transform:translate(-3px)}.carousel-arrow-next:hover{transform:translate(3px)}.carousel-dots{align-items:center;gap:12px;width:min(740px,100%);margin:18px auto 14px;display:flex}.carousel-dot{color:var(--muted);flex:1;align-items:center;gap:10px;padding:6px 0;transition:color .2s;display:flex}.carousel-dot-num{font:500 .64rem DM Mono,monospace}.carousel-dot-bar{background:var(--line);flex:1;height:2px;transition:background .25s;position:relative;overflow:hidden}.carousel-dot.is-active{color:var(--text)}.carousel-dot.is-active .carousel-dot-bar{background:var(--accent-strong)}.carousel-details-panel{background:var(--card);border:1px solid var(--line);width:min(740px,100%);margin:0 auto;padding:28px 30px}.carousel-details-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.carousel-details-header h3{letter-spacing:-.06em;margin:8px 0 0;font-size:clamp(1.5rem,2.5vw,1.95rem)}.carousel-cta{flex-shrink:0;gap:14px;padding:12px 16px}.carousel-soon-badge{text-transform:uppercase;color:var(--muted);border:1px solid var(--line);flex-shrink:0;padding:9px 13px;font:500 .64rem DM Mono,monospace}.carousel-description{color:var(--muted);max-width:580px;margin:18px 0 24px;font-size:.94rem;line-height:1.7}.carousel-details-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{border:1px solid var(--line);color:var(--muted);padding:5px 9px;font:.62rem DM Mono,monospace;transition:border-color .2s,color .2s}.tags span:hover{border-color:var(--accent-strong);color:var(--text)}.carousel-quick-nav{color:var(--muted);align-items:center;gap:10px;font:.64rem DM Mono,monospace;display:flex}.carousel-quick-nav button{color:var(--muted);transition:color .2s}.carousel-quick-nav button:hover{color:var(--accent-strong)}.carousel-sep{opacity:.45}@keyframes slideInNext{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}@keyframes slideInPrev{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:translate(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.anim-next{animation:.38s cubic-bezier(.22,1,.36,1) slideInNext}.anim-prev{animation:.38s cubic-bezier(.22,1,.36,1) slideInPrev}.anim-info-next,.anim-info-prev{animation:.36s cubic-bezier(.22,1,.36,1) fadeSlideUp}.carousel-fallback-art{width:100%;height:100%;padding:20px;position:relative}.project-shape{border:1px solid var(--text);border-radius:50%;width:170px;height:170px;position:absolute;bottom:-50px;right:18%}.project-shape:after{content:"";border:1px solid var(--text);border-radius:50%;position:absolute;inset:18px}.impact{border-bottom:1px solid var(--line);padding:100px 0 110px}.impact-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.impact-card{background:var(--card);border:1px solid var(--line);flex-direction:column;padding:24px 22px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.impact-card:hover{border-color:var(--accent-strong);transform:translateY(-2px);box-shadow:0 12px 30px #0000000f}.impact-index{color:var(--muted);letter-spacing:.06em;margin-bottom:16px;font:500 .68rem DM Mono,monospace}.impact-value{letter-spacing:-.06em;color:var(--text);margin-bottom:14px;font-family:DM Mono,monospace;font-size:clamp(2rem,3.2vw,2.65rem);font-weight:800;line-height:1}:root[data-theme=dark] .impact-value{color:#fff}.impact-label{color:var(--text);letter-spacing:-.01em;margin-bottom:8px;font-size:.88rem;font-weight:700}.impact-desc{color:var(--muted);margin:0;font-size:.8rem;line-height:1.5}.impact-commitment{background:color-mix(in srgb, var(--card) 70%, var(--bg));border:1px solid var(--line);justify-content:space-between;align-items:center;gap:32px;padding:32px 36px;display:flex;position:relative;overflow:hidden}.impact-commitment:before{content:"";background:var(--accent-strong);height:2px;position:absolute;top:0;left:0;right:0}.commitment-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:8px;margin-bottom:12px;font:500 .68rem DM Mono,monospace;display:inline-flex}.commitment-content h3{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:800;line-height:1.2}.commitment-content p{color:var(--muted);max-width:680px;margin:0;font-size:.88rem;line-height:1.6}.commitment-action{white-space:nowrap;flex-shrink:0;font-size:.82rem}.faq{padding:110px 0 130px;position:relative}.faq-list{flex-direction:column;gap:12px;max-width:900px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--line);background:var(--card);transition:border-color .22s,background .22s,box-shadow .22s;overflow:hidden}.faq-item:hover,.faq-item.is-active{border-color:color-mix(in srgb, var(--accent-strong) 45%, var(--line))}.faq-item.is-active{box-shadow:0 8px 24px #0000000f}.faq-trigger{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:20px;width:100%;padding:22px 24px;display:flex}.faq-num{color:var(--muted);flex-shrink:0;font:500 .72rem DM Mono,monospace}.faq-question{letter-spacing:-.02em;color:var(--text);flex:1;font-size:clamp(.98rem,1.5vw,1.14rem);font-weight:700;line-height:1.4}.faq-icon{flex-shrink:0;width:20px;height:20px;position:relative}.faq-icon-line{background:var(--text);border-radius:1px;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .24s,background-color .2s;position:absolute}.faq-icon-line.line-h{width:14px;height:1.5px;top:9px;left:3px}.faq-icon-line.line-v{width:1.5px;height:14px;top:3px;left:9px}.faq-icon.is-open .line-v{opacity:0;transform:rotate(90deg)}.faq-icon.is-open .line-h{background:var(--accent-strong)}.faq-panel{grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1);display:grid}.faq-panel.is-open{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden}.faq-answer-inner p{color:var(--muted);margin:0;padding:0 24px 22px 58px;font-size:.92rem;line-height:1.68}.footer{border-top:1px solid var(--line);padding:105px 0 32px;position:relative}.footer-cta-wrap{position:relative}.footer h2{max-width:600px;margin-bottom:38px}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:105px;padding-top:20px;font:.66rem DM Mono,monospace;display:flex}.back-top-btn{color:var(--muted);text-transform:uppercase;transition:color .2s}.back-top-btn:hover{color:var(--accent-strong)}@media (width<=980px){.carousel-peek{display:none}.carousel-center-wrap{width:calc(100% - 124px)}.impact-grid{grid-template-columns:repeat(2,1fr)}.impact-commitment{flex-direction:column;align-items:flex-start;gap:20px;padding:28px 24px}.commitment-action{justify-content:center;width:100%}}@media (width<=820px){.hero{grid-template-columns:1fr;min-height:auto;padding:56px 0 64px}.hero-canvas-wrap{height:300px}.hero-note{align-self:start}.about-header{grid-template-columns:1fr;gap:28px}.about-orbit-detail{flex-direction:column;align-items:flex-start;gap:10px}.about-orbit-detail p{text-align:left}}@media (width<=700px){.shell{width:min(100% - 32px,1120px)}.nav{height:70px}.nav-links{display:none}.nav-tools{gap:10px}.menu-toggle{display:inline-flex}.nav-header.menu-open{background:color-mix(in srgb, var(--bg) 96%, transparent);-webkit-backdrop-filter:blur(20px)}.mobile-menu-drawer{background:color-mix(in srgb, var(--bg) 96%, transparent);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line);z-index:55;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .25s cubic-bezier(.22,1,.36,1),visibility .25s;display:block;position:fixed;inset:70px 0 0;overflow-y:auto;transform:translateY(-8px)}.mobile-menu-drawer.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mobile-menu-inner{flex-direction:column;justify-content:space-between;min-height:calc(100vh - 90px);padding:24px 0 36px;display:flex}.mobile-menu-links{flex-direction:column;gap:10px;display:flex}.mobile-nav-item{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 60%, transparent);letter-spacing:-.02em;color:var(--text);align-items:center;gap:14px;padding:16px 18px;font-size:1.12rem;font-weight:700;transition:border-color .2s,background .2s,transform .2s;display:flex}.mobile-nav-item:hover,.mobile-nav-item:focus-visible{border-color:var(--accent-strong);background:var(--card);transform:translate(3px)}.mobile-nav-num{color:var(--muted);font:500 .72rem DM Mono,monospace}.mobile-nav-label{text-align:left;flex:1}.mobile-nav-arrow{color:var(--accent-strong);font-size:1.1rem;transition:transform .2s}.mobile-nav-item:hover .mobile-nav-arrow{transform:translate(4px)}.mobile-menu-drawer.is-open .mobile-nav-item:first-child{animation:.26s cubic-bezier(.22,1,.36,1) 50ms both mobileNavIn}.mobile-menu-drawer.is-open .mobile-nav-item:nth-child(2){animation:.26s cubic-bezier(.22,1,.36,1) .1s both mobileNavIn}.mobile-menu-drawer.is-open .mobile-nav-item:nth-child(3){animation:.26s cubic-bezier(.22,1,.36,1) .15s both mobileNavIn}@keyframes mobileNavIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-footer{border-top:1px solid var(--line);flex-direction:column;gap:16px;margin-top:32px;padding-top:22px;display:flex}.mobile-menu-status{color:var(--muted);align-items:center;gap:8px;font:500 .7rem DM Mono,monospace;display:flex}.mobile-cta-btn{justify-content:center;width:100%;height:48px}.hero-actions{flex-wrap:wrap;gap:18px}h1{font-size:clamp(2.85rem,13vw,4.4rem)}.bento{grid-template-rows:190px 155px auto;grid-template-columns:1fr 1fr}.bento-large{grid-area:span 1/span 2}.bento-wide{flex-direction:column;grid-column:span 2;align-items:flex-start;gap:14px}.card-link{margin-left:0}.about{padding:100px 0 110px}.about-orbit-topbar{flex-wrap:wrap;padding:12px 14px}.orbit-hint{font-size:.58rem}.about-orbit-canvas{height:430px}.orbit-node-card{width:134px;padding:9px 10px}.orbit-node-value{font-size:.78rem}.section-heading{margin-bottom:36px;display:block}.section-heading>p{margin-top:20px}.carousel-stage{flex-wrap:wrap;gap:12px}.carousel-center-wrap{order:1;width:100%}.carousel-arrow-prev{flex:1;order:2;height:44px}.carousel-arrow-next{flex:1;order:3;height:44px}.carousel-details-panel{padding:20px 18px}.carousel-details-header{flex-direction:column;align-items:flex-start}.carousel-quick-nav{display:none}.work{padding-bottom:90px}.impact{padding:70px 0 80px}.impact-grid{grid-template-columns:1fr;gap:12px}.impact-card{padding:20px 18px}.faq{padding:75px 0 95px}.faq-trigger{gap:14px;padding:18px 16px}.faq-answer-inner p{padding:0 16px 18px;font-size:.86rem}.footer{padding-top:75px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;margin-top:75px}}@media (prefers-reduced-motion:reduce){.reveal-block,.hero-stagger-1,.hero-stagger-2,.hero-stagger-3,.hero-stagger-4{opacity:1!important;animation:none!important;transform:none!important}.marquee-track{animation:none}}.contact-modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(10px);background:#0c0c0bb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.contact-modal-backdrop.is-open{animation:.28s forwards modalBackdropIn}.contact-modal-backdrop.is-closing{animation:.24s forwards modalBackdropOut}.contact-modal-card{background:var(--card);border:1px solid var(--line);width:min(540px,100%);box-shadow:0 28px 80px #00000073, 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);padding:28px;position:relative;overflow:hidden}.contact-modal-card:before{content:"";background:var(--accent);height:2px;position:absolute;top:0;left:0;right:0}.contact-modal-card.is-open{animation:.36s cubic-bezier(.22,1,.36,1) forwards modalCardIn}.contact-modal-card.is-closing{animation:.22s cubic-bezier(.4,0,1,1) forwards modalCardOut}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes modalCardIn{0%{opacity:0;transform:translateY(22px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalCardOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(14px)scale(.96)}}.contact-modal-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-modal-close{border:1px solid var(--line);background:var(--bg);width:34px;height:34px;color:var(--muted);justify-content:center;align-items:center;font-size:.9rem;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.contact-modal-close:hover{color:var(--text);border-color:var(--accent-strong);transform:rotate(90deg)}.contact-modal-header{margin:18px 0 24px}.contact-modal-header h3{letter-spacing:-.06em;margin:0 0 10px;font-size:clamp(1.75rem,3.5vw,2.35rem);line-height:1.05}.contact-modal-header p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.contact-channels{flex-direction:column;gap:10px;display:flex}.contact-channel-row{align-items:stretch;gap:8px;display:flex}.contact-channel-item{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 55%, var(--card));flex:1;align-items:center;gap:14px;min-width:0;padding:15px 16px;transition:border-color .22s,transform .22s cubic-bezier(.22,1,.36,1),background .22s;display:flex}.contact-channel-item:hover{border-color:var(--accent-strong);background:var(--card);transform:translate(3px)}.contact-channel-item.is-featured{border-color:color-mix(in srgb, var(--accent-strong) 45%, var(--line));background:radial-gradient(260px circle at 0% 50%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 75%), color-mix(in srgb, var(--bg) 45%, var(--card))}.contact-channel-icon{border:1px solid var(--line);background:var(--card);width:38px;height:38px;color:var(--accent-strong);flex-shrink:0;justify-content:center;align-items:center;transition:background .22s,color .22s,border-color .22s;display:inline-flex}.contact-channel-icon svg{width:18px;height:18px}.contact-channel-item:hover .contact-channel-icon{background:var(--accent);color:#171717;border-color:var(--accent)}.contact-channel-body{flex-direction:column;gap:3px;min-width:0;display:flex}.contact-channel-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font:500 .62rem DM Mono,monospace}.contact-channel-value{letter-spacing:-.02em;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;font-weight:700;overflow:hidden}.contact-channel-action{text-transform:uppercase;color:var(--muted);flex-shrink:0;align-items:center;gap:4px;margin-left:auto;font:500 .64rem DM Mono,monospace;transition:color .2s;display:inline-flex}.contact-channel-action i{font-style:normal;transition:transform .22s}.contact-channel-item:hover .contact-channel-action{color:var(--accent-strong)}.contact-channel-item:hover .contact-channel-action i{transform:translate(2px,-2px)}.contact-copy-btn{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 55%, var(--card));color:var(--muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;padding:0 13px;font:500 .62rem DM Mono,monospace;transition:border-color .2s,color .2s,background .2s}.contact-copy-btn:hover{border-color:var(--accent-strong);color:var(--text)}.contact-copy-btn.is-copied{background:var(--accent);border-color:var(--accent);color:#171717}@keyframes contactItemIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-modal-card.is-open .contact-stagger-1{animation:.35s cubic-bezier(.22,1,.36,1) 60ms both contactItemIn}.contact-modal-card.is-open .contact-stagger-2{animation:.35s cubic-bezier(.22,1,.36,1) .12s both contactItemIn}.contact-modal-card.is-open .contact-stagger-3{animation:.35s cubic-bezier(.22,1,.36,1) .18s both contactItemIn}@media (width<=560px){.contact-modal-card{padding:22px 18px}.contact-channel-action{display:none}.contact-channel-value{font-size:.84rem}.contact-copy-btn{padding:0 10px}}.work-all-action{justify-content:center;margin-top:36px;display:flex}.work-all-btn{letter-spacing:.04em;gap:10px;padding:13px 28px;font-size:.85rem;font-weight:600;transition:all .25s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 18px #00000014}.work-all-btn:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #c7ff4a29}.all-projects-view{min-height:80vh;padding-top:130px;padding-bottom:90px}.all-projects-header{margin-bottom:50px}.all-projects-back-btn{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);background:color-mix(in srgb, var(--card) 60%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:8px 18px;font:500 .76rem DM Mono,monospace;transition:all .22s;display:inline-flex}.all-projects-back-btn:hover{color:var(--text);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--card));transform:translate(-4px)}.all-projects-heading{letter-spacing:-.04em;color:var(--text);margin:12px 0 16px;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.08}.all-projects-subtitle{color:var(--muted);max-width:680px;margin:0;font-size:clamp(.98rem,1.3vw,1.15rem);line-height:1.6}.all-projects-section{margin-top:64px}.all-projects-section-header{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;margin-bottom:28px;padding-bottom:18px;display:flex}.section-badge-wrap{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.section-badge-wrap h2{letter-spacing:-.03em;color:var(--text);margin:0;font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:700}.section-category-badge{text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent-strong);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:999px;padding:4px 12px;font:600 .68rem DM Mono,monospace}.vibe-badge{color:#c77dff;background:#9d4edd2e;border-color:#9d4edd66}[data-theme=light] .vibe-badge{color:#6a0dad;background:#7b2cbf1f;border-color:#7b2cbf4d}.all-projects-section-header p{color:var(--muted);max-width:720px;margin:0;font-size:.94rem;line-height:1.55}.all-projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:26px;display:grid}.all-project-card{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;transition:transform .28s,border-color .28s,box-shadow .28s;display:flex;position:relative;overflow:hidden}.all-project-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));transform:translateY(-4px);box-shadow:0 16px 36px #00000029}.all-project-card.is-vibe-card:hover{border-color:color-mix(in srgb, #9d4edd 50%, var(--line));box-shadow:0 16px 36px #9d4edd29}.all-project-media{aspect-ratio:16/10;background:color-mix(in srgb, var(--bg) 70%, var(--card));border-bottom:1px solid var(--line);width:100%;position:relative;overflow:hidden}.all-project-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s;display:block}.all-project-card:hover .all-project-img{transform:scale(1.03)}.all-project-fallback{width:100%;height:100%;color:var(--muted);opacity:.3;justify-content:center;align-items:center;font:700 2.5rem Space Grotesk,sans-serif;display:flex}.all-project-badges{pointer-events:none;z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:12px;right:12px}.all-project-status{text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f5f5f5;background:#171717d1;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font:600 .64rem DM Mono,monospace;display:inline-flex}.all-project-status.is-live{border-color:#a6db2280}.all-project-vibe-tag{text-transform:uppercase;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#7b2cbfe6;border:1px solid #c77dff73;border-radius:999px;margin-left:auto;padding:4px 10px;font:600 .64rem DM Mono,monospace}.all-project-body{flex-direction:column;flex:1;padding:22px 22px 18px;display:flex}.all-project-type{text-transform:uppercase;letter-spacing:.07em;color:var(--accent-strong);margin:0 0 6px;font:500 .7rem DM Mono,monospace}.is-vibe-card .all-project-type{color:#c77dff}[data-theme=light] .is-vibe-card .all-project-type{color:#6a0dad}.all-project-title{letter-spacing:-.025em;color:var(--text);margin:0 0 10px;font-size:1.3rem;font-weight:700;line-height:1.25}.all-project-desc{color:var(--muted);flex:1;margin:0 0 18px;font-size:.88rem;line-height:1.55}.all-project-tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.all-project-tag{text-transform:uppercase;background:color-mix(in srgb, var(--line) 40%, transparent);color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:3px 8px;font:500 .64rem DM Mono,monospace}.all-project-footer{align-items:center;padding:0 22px 22px;display:flex}.all-project-cta{justify-content:center;gap:8px;width:100%;padding:10px 18px;font-size:.8rem}.all-project-soon{text-align:center;text-transform:uppercase;letter-spacing:.07em;width:100%;color:var(--muted);border:1px dashed var(--line);border-radius:999px;padding:10px 0;font:500 .72rem DM Mono,monospace;display:inline-block}.all-projects-cta-card{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 75%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;margin-top:72px;padding:40px 44px;display:flex}.all-projects-cta-card h3{letter-spacing:-.03em;color:var(--text);margin:6px 0 8px;font-size:clamp(1.4rem,2.3vw,1.9rem);font-weight:700}.all-projects-cta-card p{color:var(--muted);max-width:540px;margin:0;font-size:.94rem;line-height:1.55}@media (width<=900px){.all-projects-view{padding-top:110px}.all-projects-grid{grid-template-columns:1fr}.all-projects-cta-card{flex-direction:column;align-items:flex-start;padding:26px 20px}.all-projects-cta-card .button{justify-content:center;width:100%}}
