:root,[data-theme=dark]{--bg:#0b0b0b;--fg:#f2f2f0;--muted:rgba(242, 242, 240, 0.6);--faint:rgba(242, 242, 240, 0.32);--line:rgba(255, 255, 255, 0.16);--card:#121212;--blur-bg:rgba(11, 11, 11, 0.72)}[data-theme=light]{--bg:#f2f2f0;--fg:#0b0b0b;--muted:rgba(11, 11, 11, 0.62);--faint:rgba(11, 11, 11, 0.3);--line:rgba(0, 0, 0, 0.16);--card:#fbfbf9;--blur-bg:rgba(242, 242, 240, 0.72)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg);color:var(--fg);font-family:Archivo,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;transition:background-color .5s ease,color .5s ease}::selection{background:var(--fg);color:var(--bg)}img{display:block;max-width:100%;filter:grayscale(1) contrast(1.05)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2,h3{font-family:Archivo,sans-serif;font-weight:700;line-height:1.05;text-transform:uppercase;letter-spacing:-.01em}code{background:var(--card);border:1px solid var(--line);padding:.1em .4em;border-radius:4px;font-size:.85em;font-family:'Space Mono',monospace}.noise{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:150;background:var(--fg);transform:scaleX(0);transform-origin:left}.cursor-dot,.cursor-ring{display:none}@media (hover:hover) and (pointer:fine){.cursor-dot{display:block;position:fixed;z-index:300;width:8px;height:8px;border-radius:50%;background:var(--fg);pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%)}.cursor-ring{display:block;position:fixed;z-index:299;width:36px;height:36px;border-radius:50%;border:1px solid var(--fg);pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .25s ease,height .25s ease,opacity .25s ease}.cursor-ring.grow{width:64px;height:64px;opacity:.7}}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--line);background:var(--blur-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-logo{font-family:Archivo,sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:-.03em;display:inline-block}.nav-logo span{font-size:.7em;vertical-align:super}.nav-links{display:flex;gap:1.8rem}.nav-link{font-family:'Space Mono',monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);position:relative;padding:.2rem 0;transition:color .3s ease}.nav-link::after{content:'';position:absolute;left:0;bottom:-2px;height:1px;width:100%;background:var(--fg);transform:scaleX(0);transform-origin:right;transition:transform .35s ease}.nav-link.active,.nav-link:hover{color:var(--fg)}.nav-link.active::after,.nav-link:hover::after{transform:scaleX(1);transform-origin:left}.nav-actions{display:flex;align-items:center;gap:.9rem}.cart-btn,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:0 0;color:var(--fg);transition:background-color .3s ease,color .3s ease,transform .3s ease;position:relative}.cart-btn{width:auto;padding:0 .9rem;border-radius:999px;font-family:'Space Mono',monospace}.cart-count{font-size:.7rem;font-weight:700}.cart-btn:hover,.theme-toggle:hover{background:var(--fg);color:var(--bg)}[data-theme=dark] .icon-moon{display:none}[data-theme=light] .icon-sun{display:none}.nav-burger{display:none;flex-direction:column;gap:6px;background:0 0;border:0;width:40px;height:40px;align-items:center;justify-content:center}.nav-burger span{display:block;width:24px;height:2px;background:var(--fg);transition:transform .35s ease}body.menu-open .nav-burger span:first-child{transform:translateY(4px) rotate(45deg)}body.menu-open .nav-burger span:last-child{transform:translateY(-4px) rotate(-45deg)}.music-permission-notification{position:fixed;top:80px;right:2rem;z-index:150;background:var(--card);border:1px solid var(--line);padding:1.2rem 1.5rem;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.3);opacity:0;transform:translateX(100px);transition:opacity .35s ease,transform .35s ease}.music-permission-notification.show{opacity:1;transform:translateX(0)}.music-notification-content p{font-family:'Space Mono',monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;color:var(--fg)}.music-notification-actions{display:flex;gap:.7rem}.music-btn-allow,.music-btn-deny{font-family:'Space Mono',monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;padding:.6rem 1.2rem;border-radius:999px;border:1px solid var(--fg);transition:all .3s ease;cursor:pointer}.music-btn-allow{background:var(--fg);color:var(--bg)}.music-btn-allow:hover{background:0 0;color:var(--fg);transform:translateY(-2px)}.music-btn-deny{background:0 0;color:var(--fg)}.music-btn-deny:hover{background:var(--fg);color:var(--bg);transform:translateY(-2px)}@media (max-width:768px){.music-permission-notification{right:1rem;left:1rem;top:70px}}.mobile-menu{position:fixed;inset:0;z-index:90;background:var(--bg);display:flex;flex-direction:column;justify-content:center;padding:2rem;clip-path:circle(0% at calc(100% - 3rem) 2.2rem);transition:clip-path .7s cubic-bezier(.76, 0, .24, 1)}body.menu-open .mobile-menu{clip-path:circle(150% at calc(100% - 3rem) 2.2rem)}.mobile-links{display:flex;flex-direction:column;gap:.4rem}.mobile-link{font-family:Archivo,sans-serif;font-weight:700;font-size:clamp(1.8rem, 8.5vw, 2.8rem);text-transform:uppercase;line-height:1.15;display:flex;align-items:baseline;gap:1rem;opacity:0;transform:translateY(30px);transition:opacity .4s ease,transform .4s ease}body.menu-open .mobile-link{opacity:1;transform:none}body.menu-open .mobile-link:first-child{transition-delay:0.15s}body.menu-open .mobile-link:nth-child(2){transition-delay:0.22s}body.menu-open .mobile-link:nth-child(3){transition-delay:0.29s}body.menu-open .mobile-link:nth-child(4){transition-delay:0.36s}body.menu-open .mobile-link:nth-child(5){transition-delay:0.43s}.mobile-link em{font-family:'Space Mono',monospace;font-style:normal;font-size:.8rem;color:var(--faint)}.mobile-menu-foot{margin-top:3rem;color:var(--muted);font-size:.78rem;font-family:'Space Mono',monospace}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.7rem;border-radius:999px;font-family:'Space Mono',monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border:1px solid var(--fg);transition:background-color .35s ease,color .35s ease,transform .35s ease;will-change:transform}.btn-solid{background:var(--fg);color:var(--bg)}.btn-solid:hover{background:0 0;color:var(--fg);transform:translateY(-3px)}.btn-ghost{background:0 0;color:var(--fg)}.btn-ghost:hover{background:var(--fg);color:var(--bg);transform:translateY(-3px)}.btn-sm{padding:.5rem 1rem;font-size:.68rem}.preloader{position:fixed;inset:0;z-index:400;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:transform .85s cubic-bezier(.76, 0, .24, 1)}.preloader.done{transform:translateY(-101%)}.pre-text{font-weight:600;text-transform:uppercase;font-size:clamp(1.3rem, 4.5vw, 2.6rem);letter-spacing:0;text-align:center;padding:0 1.5rem}.pre-caret{animation:blink .7s steps(1) infinite}@keyframes blink{50%{opacity:0}}.pre-count{position:absolute;bottom:2rem;right:2.4rem;font-family:'Space Mono',monospace;font-size:.8rem;color:var(--muted)}body.loading{overflow:hidden}.hero{min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:7rem 2rem 4rem;overflow:hidden}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.6}.hero-inner{position:relative;z-index:2;max-width:1400px;width:100%;margin:0 auto}.hero-kicker{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.22em;color:var(--muted);margin-bottom:1.4rem}.hero-title{font-size:clamp(2.8rem, 9vw, 7rem);letter-spacing:-.02em}.mask{display:block;overflow:hidden}.mask>span{display:inline-block}.outline{color:transparent;-webkit-text-stroke:1.5px var(--fg)}.hero-row{display:flex;align-items:center;justify-content:space-between;gap:3rem;margin-top:2.4rem}.hero-col{max-width:560px}.hero-tagline{color:var(--muted);font-size:.95rem;max-width:42ch}.hero-btns{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.6rem}[data-hero]{opacity:0;transform:translateY(60px);transition:opacity .9s ease var(--d, 0s),transform .9s cubic-bezier(.16, 1, .3, 1) var(--d, 0s)}body.hero-in [data-hero],body:not([data-page=home]) [data-hero]{opacity:1;transform:none}.hero-photo{position:relative;width:clamp(160px,19vw,240px);height:clamp(160px,19vw,240px);flex-shrink:0;margin-right:4vw}.hero-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid var(--line);cursor:pointer;transition:transform .5s cubic-bezier(.16, 1, .3, 1),box-shadow .5s ease;display:block}.hero-photo:hover img{transform:scale(1.05);box-shadow:0 0 0 1px var(--fg),0 20px 60px rgba(0,0,0,.45)}.photo-ring{position:absolute;inset:-15%;width:130%;height:130%;animation:spin 16s linear infinite;pointer-events:none}.photo-ring text{fill:var(--muted);font-family:'Space Mono',monospace;font-size:11px;letter-spacing:3.5px;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}.hero-photo figcaption{font-family:'Space Mono',monospace;font-size:.65rem;color:var(--muted);text-align:center;margin-top:1rem}.egg-hint{position:absolute;top:-1.8rem;left:50%;transform:translateX(-50%);font-family:'Space Mono',monospace;font-size:.65rem;color:var(--bg);background:var(--fg);padding:.2rem .7rem;border-radius:999px;opacity:0;transition:opacity .3s ease;white-space:nowrap;pointer-events:none;z-index:4}.egg-hint.show{opacity:1}.egg-shake{animation:shake .4s ease}@keyframes shake{0%,100%{transform:translate(0)}25%{transform:translate(-6px,3px)}50%{transform:translate(6px,-3px)}75%{transform:translate(-4px,-2px)}}.scroll-hint{position:absolute;bottom:2rem;left:2rem;z-index:2;font-family:'Space Mono',monospace;font-size:.62rem;letter-spacing:.3em;color:var(--muted);display:flex;align-items:center;gap:.7rem}.scroll-hint span{display:block;width:1px;height:44px;background:var(--fg);animation:drip 1.8s ease-in-out infinite;transform-origin:top}@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:1rem 0}.marquee-track{display:flex;width:max-content;animation:marquee 40s linear infinite}.marquee-track span{font-weight:600;text-transform:uppercase;font-size:clamp(1rem, 2.4vw, 1.7rem);white-space:nowrap;padding-right:1rem;letter-spacing:.03em}.marquee-thin .marquee-track span{font-family:'Space Mono',monospace;font-weight:400;font-size:.82rem;letter-spacing:.2em;color:var(--muted)}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:5rem 2rem;max-width:1400px;margin:0 auto}.sec-label{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:.8rem;margin-bottom:1.4rem}.sec-index{border:1px solid var(--line);border-radius:999px;padding:.15rem .7rem;font-size:.65rem}.sec-title{font-size:clamp(1.5rem, 3.6vw, 2.8rem);margin-bottom:2.6rem}.sec-title em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--fg)}.sec-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}[data-reveal]{opacity:0;transform:translateY(44px);transition:opacity .85s ease,transform .85s cubic-bezier(.16, 1, .3, 1)}[data-reveal].revealed{opacity:1;transform:none}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem}.about-text{font-size:clamp(.98rem, 1.5vw, 1.15rem);color:var(--muted);max-width:52ch}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.stat{background:var(--bg);padding:1.6rem 1.3rem;transition:background-color .3s ease,color .3s ease}.stat:hover{background:var(--fg);color:var(--bg)}.stat:hover .stat-label{color:inherit;opacity:.6}.stat-value{font-weight:700;font-size:clamp(1.6rem, 3.4vw, 2.6rem)}.stat-label{font-family:'Space Mono',monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-top:.3rem}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.p-card{background:var(--card);border:1px solid var(--line);overflow:hidden;transition:transform .4s ease,border-color .3s ease;transform-style:preserve-3d}.p-card:hover{border-color:var(--fg)}.p-card-img{overflow:hidden;aspect-ratio:4/3}.p-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16, 1, .3, 1)}.p-card:hover .p-card-img img{transform:scale(1.08)}.p-card-body{padding:1.2rem 1.2rem 1.5rem}.p-card-meta{display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.7rem}.p-card h3{font-size:1.2rem;margin-bottom:.45rem}.p-card p{font-size:.84rem;color:var(--muted)}.p-card.hidden-card{display:none}.filter-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:2.2rem}.filter-btn{background:0 0;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.5rem 1.2rem;font-family:'Space Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.filter-btn:hover{border-color:var(--fg);color:var(--fg)}.filter-btn.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.skill-list{display:flex;flex-direction:column}.skill-row{border-top:1px solid var(--line);padding:1.6rem 0;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;transition:background-color .3s ease,padding .3s ease}.skill-row:last-child{border-bottom:1px solid var(--line)}.skill-row:hover{background:var(--card);padding-left:1rem;padding-right:1rem}.skill-info{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.skill-num{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--faint)}.skill-info h3{font-size:clamp(1.05rem, 2.2vw, 1.5rem)}.skill-tag{font-family:'Space Mono',monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.15rem .7rem}.skill-bar{height:10px;border:1px solid var(--line);border-radius:999px;overflow:hidden;position:relative}.skill-fill{height:100%;width:0;background:repeating-linear-gradient(-45deg,var(--fg) 0 6px,transparent 6px 12px);border-radius:999px;transition:width 1.4s cubic-bezier(.16, 1, .3, 1) .2s;position:relative}.revealed .skill-fill{width:var(--w)}.skill-fill span{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);font-family:'Space Mono',monospace;font-size:.6rem;color:var(--muted);mix-blend-mode:difference}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.service-card{border:1px solid var(--line);padding:1.8rem 1.4rem;position:relative;background:var(--card);transition:background-color .35s ease,color .35s ease,transform .4s ease;min-height:220px;display:flex;flex-direction:column}.service-card:hover{background:var(--fg);color:var(--bg)}.service-card:hover p{color:inherit;opacity:.65}.service-num{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--faint);margin-bottom:2.2rem}.service-card:hover .service-num{color:inherit;opacity:.5}.service-card h3{font-size:1.15rem;margin-bottom:.6rem}.service-card p{font-size:.8rem;color:var(--muted)}.service-arrow{position:absolute;right:1.2rem;bottom:1rem;font-size:1.2rem;transition:transform .35s ease}.service-card:hover .service-arrow{transform:translate(4px,-4px) rotate(45deg)}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}.shop-card{border:1px solid var(--line);background:var(--card);overflow:hidden;transition:transform .4s ease,border-color .3s ease}.shop-card:hover{border-color:var(--fg)}.shop-img{position:relative;aspect-ratio:1;overflow:hidden}.shop-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16, 1, .3, 1)}.shop-card:hover .shop-img img{transform:scale(1.08)}.shop-tag{position:absolute;top:.8rem;left:.8rem;background:var(--bg);color:var(--fg);font-family:'Space Mono',monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.14em;padding:.25rem .7rem;border:1px solid var(--line);border-radius:999px}.shop-body{padding:1.1rem}.shop-body h3{font-size:1rem;margin-bottom:.35rem}.shop-body>p{font-size:.76rem;color:var(--muted);min-height:3.2em}.shop-row{display:flex;align-items:center;justify-content:space-between;margin-top:.9rem;gap:.6rem}.shop-price{font-weight:700;font-size:.95rem}.masonry{columns:3 280px;column-gap:1.2rem}.g-item{position:relative;margin-bottom:1.2rem;overflow:hidden;border:1px solid var(--line);break-inside:avoid;cursor:pointer}.g-item img{width:100%;transition:transform .7s cubic-bezier(.16, 1, .3, 1)}.g-item:hover img{transform:scale(1.06)}.g-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.1rem;display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#f2f2f0;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}.g-item:hover figcaption{opacity:1;transform:none}.lightbox{position:fixed;inset:0;z-index:250;background:rgba(0,0,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;opacity:0;pointer-events:none;transition:opacity .4s ease}.lightbox.open{opacity:1;pointer-events:auto}.lightbox img{max-width:min(90vw,900px);max-height:78vh;object-fit:contain;border:1px solid rgba(255,255,255,.2);transform:scale(.92);transition:transform .4s cubic-bezier(.16, 1, .3, 1)}.lightbox.open img{transform:scale(1)}.lightbox p{color:rgba(255,255,255,.7);font-family:'Space Mono',monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.lightbox-close{position:absolute;top:1.4rem;right:1.8rem;background:0 0;border:1px solid rgba(255,255,255,.35);color:#fff;width:46px;height:46px;border-radius:50%;font-size:1.5rem;transition:background-color .3s ease,color .3s ease}.lightbox-close:hover{background:#fff;color:#000}.anon-form{max-width:720px}.anon-form textarea{width:100%;background:var(--card);color:var(--fg);border:1px solid var(--line);font-family:'Space Mono',monospace;font-size:.9rem;padding:1.2rem;resize:vertical;min-height:140px;transition:border-color .3s ease,box-shadow .3s ease;border-radius:2px}.anon-form textarea:focus{outline:0;border-color:var(--fg);box-shadow:6px 6px 0 var(--fg)}.anon-form textarea::placeholder{color:var(--faint)}.anon-row{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;gap:1rem;flex-wrap:wrap}.anon-count{font-family:'Space Mono',monospace;font-size:.7rem;color:var(--muted)}.anon-note{margin-top:1rem;font-size:.72rem;color:var(--faint)}.page{padding-top:5rem;min-height:100vh}.page-hero{padding:4rem 2rem 2.5rem;max-width:1400px;margin:0 auto}.page-title{font-size:clamp(2.4rem, 7.5vw, 5.5rem);letter-spacing:-.02em;margin-bottom:1.2rem}.page-sub{color:var(--muted);max-width:46ch;font-size:.92rem}.center-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.4rem;min-height:90vh;padding:2rem}.glitch{animation:glitch 2.4s infinite steps(2)}@keyframes glitch{0%,92%{text-shadow:none;transform:none}94%{text-shadow:4px 0 var(--faint),-4px 0 var(--faint);transform:translateX(3px)}96%{text-shadow:-5px 0 var(--faint);transform:translateX(-3px) skewX(3deg)}98%{text-shadow:3px 0 var(--faint);transform:none}}.site-footer{border-top:1px solid var(--line)}.footer-cta{padding:4.5rem 2rem 2.5rem;max-width:1400px;margin:0 auto}.footer-big{font-weight:700;text-transform:uppercase;font-size:clamp(2rem, 6vw, 4.2rem);line-height:1;letter-spacing:-.02em;display:inline-block;transition:opacity .3s ease}.footer-big .arrow{display:inline-block;transition:transform .35s ease}.footer-big:hover .arrow{transform:translate(10px,-10px)}.footer-big:hover{opacity:.55}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.4rem 2rem;border-top:1px solid var(--line);font-family:'Space Mono',monospace;font-size:.7rem;color:var(--muted)}.copy-email{background:0 0;border:0;color:var(--fg);font-family:'Space Mono',monospace;font-size:.7rem;letter-spacing:.08em;border-bottom:1px dashed var(--faint);padding-bottom:2px;transition:opacity .3s ease}.copy-email:hover{opacity:.55}.footer-clock{letter-spacing:.2em}.toast-wrap{position:fixed;bottom:1.4rem;left:50%;transform:translateX(-50%);z-index:350;display:flex;flex-direction:column;gap:.6rem;align-items:center;pointer-events:none}.toast{background:var(--fg);color:var(--bg);font-size:.8rem;padding:.8rem 1.6rem;border-radius:999px;animation:toast-in .45s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 40px rgba(0,0,0,.35);max-width:88vw;text-align:center}.toast.out{animation:toast-out .4s ease forwards}@keyframes toast-in{from{opacity:0;transform:translateY(24px) scale(.9)}}@keyframes toast-out{to{opacity:0;transform:translateY(18px) scale(.94)}}.egg-overlay{position:fixed;inset:0;z-index:380;background:var(--fg);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(1.1rem, 3.5vw, 2rem);letter-spacing:.1em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .3s ease}.egg-overlay.show{opacity:1;animation:glitch .3s infinite steps(2)}.matrix-overlay{position:fixed;inset:0;z-index:370;background:#000;opacity:0;pointer-events:none;transition:opacity .5s ease}.matrix-overlay.show{opacity:.94}.matrix-overlay canvas{width:100%;height:100%}@media (max-width:1024px){.card-grid{grid-template-columns:repeat(2,1fr)}.service-grid,.shop-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.nav-links{display:none}.nav-burger{display:flex}.site-nav{padding:.9rem 1.2rem}.section{padding:3.5rem 1.2rem}.page-hero{padding:3rem 1.2rem 2rem}.hero{padding:6.5rem 1.2rem 5.5rem}.hero-row{flex-direction:column-reverse;align-items:flex-start;gap:2.2rem}.hero-photo{margin-right:0;align-self:center}.about-grid{grid-template-columns:1fr}.card-grid,.service-grid,.shop-grid{grid-template-columns:1fr}.skill-row{grid-template-columns:1fr;gap:1rem}.masonry{columns:2 160px;column-gap:.8rem}.g-item{margin-bottom:.8rem}.footer-cta{padding:3.5rem 1.2rem 2rem}.footer-bottom{padding:1.2rem;justify-content:center;text-align:center}.scroll-hint{display:none}}.back-to-top{position:fixed;right:1.4rem;bottom:1.4rem;z-index:120;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--fg);font-size:1.1rem;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .35s ease,transform .35s ease,background-color .3s ease,color .3s ease}.back-to-top.show{opacity:1;pointer-events:auto;transform:none}.back-to-top:hover{background:var(--fg);color:var(--bg)}body.party{filter:invert(1)}.confetti-canvas{position:fixed;inset:0;z-index:360;pointer-events:none}.chat-shell{max-width:780px;margin:0 auto;border:1px solid var(--line);background:var(--card)}.chat-head{display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.chat-avatar{width:42px;height:42px;border-radius:50%;background:var(--fg);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.chat-head strong{font-size:.95rem}.chat-status{font-family:'Space Mono',monospace;font-size:.66rem;color:var(--muted);margin-top:.1rem}.chat-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--fg);margin-right:.35rem;animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.25}}.chat-body{padding:1.4rem 1.2rem;display:flex;flex-direction:column;gap:1rem;min-height:380px;max-height:55vh;overflow-y:auto}.bubble{max-width:78%;padding:.8rem 1.1rem;font-size:.86rem;line-height:1.55;border:1px solid var(--line)}.bubble.ai{align-self:flex-start;background:var(--bg);border-radius:2px 16px 16px 16px}.bubble.user{align-self:flex-end;background:var(--fg);color:var(--bg);border-radius:16px 2px 16px 16px}.bubble .b-time{display:block;margin-top:.4rem;font-family:'Space Mono',monospace;font-size:.58rem;opacity:.5}.bubble.ai strong{font-weight:700;color:var(--fg)}.bubble.ai em{font-style:italic;opacity:.9}.bubble.ai code{background:var(--card);border:1px solid var(--line);padding:.1em .4em;border-radius:3px;font-size:.85em;font-family:'Space Mono',monospace}.bubble.ai u{text-decoration:underline;text-decoration-thickness:1px}.bubble.ai s{text-decoration:line-through;opacity:.7}.bubble.ai a{color:var(--fg);text-decoration:underline;transition:opacity .2s ease}.bubble.ai a:hover{opacity:.7}.typing{display:inline-flex;gap:5px;padding:.2rem 0}.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:tp 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes tp{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}.chat-form{display:flex;gap:.7rem;padding:1rem 1.2rem;border-top:1px solid var(--line)}.chat-form input{flex:1;background:var(--bg);border:1px solid var(--line);color:var(--fg);padding:.75rem 1.1rem;font-family:'Space Mono',monospace;font-size:.82rem;border-radius:999px;transition:border-color .3s ease}.chat-form input:focus{outline:0;border-color:var(--fg)}.chat-form input::placeholder{color:var(--faint)}.chat-note{text-align:center;font-family:'Space Mono',monospace;font-size:.68rem;color:var(--faint);margin-top:1rem}body.menu-open .mobile-link:nth-child(6){transition-delay:0.5s}.p-card{display:block}.detail-hero-img{overflow:hidden;border:1px solid var(--line)}.detail-hero-img img{width:100%;max-height:68vh;object-fit:cover}.story{max-width:720px}.story-p{color:var(--muted);font-size:1rem;margin-bottom:1.4rem}.story-p:first-child::first-letter{font-size:2.6em;font-weight:700;float:left;line-height:.85;padding-right:.5rem;color:var(--fg)}.next-proj{border-top:1px solid var(--line)}.next-link{font-family:Archivo,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(1.8rem, 5vw, 3.6rem);display:inline-block;transition:opacity .3s ease}.next-link .arrow{display:inline-block;transition:transform .35s ease}.next-link:hover{opacity:.55}.next-link:hover .arrow{transform:translate(10px,-10px)}.login-box{max-width:460px;margin:0 auto;border:1px solid var(--line);background:var(--card);padding:2.2rem}.login-label{font-family:'Space Mono',monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem}.login-row{display:flex;gap:.7rem}.login-row input{flex:1;background:var(--bg);border:1px solid var(--line);color:var(--fg);padding:.8rem 1.1rem;font-family:'Space Mono',monospace;font-size:.9rem;border-radius:2px;transition:border-color .3s ease,box-shadow .3s ease}.login-row input:focus{outline:0;border-color:var(--fg);box-shadow:4px 4px 0 var(--fg)}.login-error{margin-top:1rem;font-family:'Space Mono',monospace;font-size:.75rem;color:var(--fg);background:var(--bg);border:1px dashed var(--fg);padding:.6rem .9rem}.login-hint{margin-top:1.2rem;font-size:.7rem;color:var(--faint)}.inbox-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.inbox-count{font-family:'Space Mono',monospace;font-size:.8rem;color:var(--muted)}.inbox-empty{border:1px dashed var(--line);padding:4rem 2rem;text-align:center}.inbox-empty p:first-child{font-family:Archivo,sans-serif;font-weight:700;font-size:1.3rem;text-transform:uppercase;margin-bottom:.5rem}.inbox-empty-sub{font-size:.8rem;color:var(--muted)}.inbox-list{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line)}.msg-item{background:var(--card);padding:1.4rem 1.5rem;transition:background-color .3s ease}.msg-item:hover{background:var(--bg)}.msg-text{font-size:.95rem;line-height:1.6}.msg-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.9rem}.msg-meta>span{font-family:'Space Mono',monospace;font-size:.65rem;color:var(--muted)}.msg-del{background:0 0;border:1px solid var(--line);color:var(--muted);font-family:'Space Mono',monospace;font-size:.65rem;padding:.3rem .8rem;border-radius:999px;text-transform:uppercase;letter-spacing:.1em;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.msg-del:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}