:root{color-scheme:dark;--bg:#100d12;--bg-soft:#19131a;--ink:#f7efe2;--muted:#b9aa9a;--line:#f7debe29;--line-bright:#ecb26f80;--cyan:#e7a86f;--gold:#f0cb85;--redstone:#c96f6f;--ice:#9bb7c8;--panel:#20181cb8;--panel-solid:#1d171c;--radius-sm:.55rem;--radius-md:.85rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--shadow:0 28px 80px #00000057;--max:1180px;--gutter:clamp(1rem, 4vw, 2rem);--hero-progress:0;--page-progress:0;background:var(--bg);color:var(--ink);scroll-behavior:smooth;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(#ffffff05 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/48px 48px,radial-gradient(circle at 24% 10%,#e7a86f29,#0000 29rem),radial-gradient(circle at 82% 18%,#9bb7c81a,#0000 24rem),linear-gradient(#100d12 0%,#161118 42%,#100d12 100%);overflow-x:hidden}body:before{z-index:80;pointer-events:none;content:"";opacity:.18;mix-blend-mode:overlay;background-image:linear-gradient(115deg,#0000 0 44%,#ffffff14 45%,#0000 46% 100%),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:1px solid var(--cyan);outline-offset:5px}.site-shell{isolation:isolate;position:relative}:where(#top,#projects,#studio,#contact){scroll-margin-top:5.75rem}.ambient-pointer{--pointer-x:50%;--pointer-y:28%;z-index:1;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #e7a86f24, transparent 16rem), radial-gradient(circle at calc(var(--pointer-x) + 8%) calc(var(--pointer-y) + 12%), #9bb7c814, transparent 18rem);mix-blend-mode:screen;opacity:.76;transition:opacity .22s;position:fixed;inset:0}.ambient-pointer:after{aspect-ratio:1;width:18rem;left:var(--pointer-x);top:var(--pointer-y);content:"";border-radius:var(--radius-xl);border:1px solid #e7a86f1a;position:absolute;transform:translate(-50%,-50%)rotate(8deg)}.scroll-signal{z-index:68;color:#f3f0e885;pointer-events:none;justify-items:center;gap:.75rem;display:grid;position:fixed;top:50%;left:1.15rem;transform:translateY(-50%)}.scroll-signal__label,.scroll-signal__value{writing-mode:vertical-rl;letter-spacing:.16em;text-transform:uppercase;font-size:.62rem;line-height:1}.scroll-signal__label{color:var(--cyan)}.scroll-signal__track{background:#f3f0e81f;width:1px;height:8.8rem;position:relative;overflow:hidden}.scroll-signal__track span{background:linear-gradient(var(--cyan), #e7a86f3d);transform-origin:top;transition:transform .12s linear;display:block;position:absolute;inset:0;box-shadow:0 0 18px #e7a86f6b}.site-nav{--nav-radius:var(--radius-lg);z-index:70;width:min(var(--max), calc(100% - var(--gutter) * 2));backdrop-filter:blur(18px);border-radius:var(--nav-radius);background:#130e1294;border:1px solid #f3f0e821;justify-content:center;align-items:center;gap:1rem;min-height:3.1rem;padding:.38rem .45rem;transition:width .22s,min-height .22s,padding .22s,background .22s,border-color .22s,box-shadow .22s,transform .22s,opacity .18s;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 18px 58px #00000024}.site-nav:before{content:"";pointer-events:none;border-radius:calc(var(--nav-radius) - .28rem);opacity:0;border:1px solid #e7a86f14;transition:opacity .22s,transform .22s;position:absolute;inset:.28rem;transform:scaleX(.82)}.site-nav.compact{--nav-radius:var(--radius-md);width:min(48rem, calc(100% - var(--gutter) * 2));background:#130e12b8;border-color:#e7a86f38;min-height:2.72rem;padding:.24rem .32rem;box-shadow:0 18px 70px #00000047}.site-nav.compact:before{opacity:1;transform:scaleX(1)}.site-nav.hidden{opacity:.08;transform:translate(-50%,-72%)}.site-nav__links{align-items:center;gap:.2rem;transition:gap .18s;display:inline-flex}.site-nav__links a{color:#f3f0e89e;letter-spacing:.12em;text-transform:uppercase;padding:.72rem .82rem;font-size:.68rem;transition:color .16s,background .16s;position:relative}.site-nav.compact .site-nav__links{gap:.05rem}.site-nav.compact .site-nav__links a{padding:.56rem .64rem;font-size:.62rem}.site-nav__links a:before{content:"";background:var(--cyan);opacity:0;height:1px;transition:opacity .16s,transform .16s;position:absolute;top:.28rem;left:.65rem;right:.65rem;transform:scaleX(0)}.site-nav__links a:hover,.site-nav__links a.active{color:var(--ink);border-radius:var(--radius-sm);background:#f3f0e80d}.site-nav__links a:hover:before,.site-nav__links a.active:before{opacity:1;transform:scaleX(1)}.hero-section{min-height:100svh;padding:clamp(5.5rem, 9vw, 7rem) var(--gutter) clamp(2.5rem, 6vw, 4.5rem);border-bottom:1px solid var(--line);background:var(--bg);align-items:end;display:grid;position:relative;overflow:hidden}.hero-section:before,.hero-section:after{z-index:-1;content:"";position:absolute}.hero-section:before{border-radius:var(--radius-xl);opacity:calc(.92 - var(--hero-progress) * .58);transform:translateY(calc(var(--hero-progress) * -1.2rem)) scale(calc(1 - var(--hero-progress) * .025));border:1px solid #f5eddc1f;inset:8% 6% 9%}.hero-section:after{aspect-ratio:1;filter:blur(10px);width:min(56rem,86vw);transform:translateY(calc(var(--hero-progress) * -5rem));background:radial-gradient(circle,#e7a86f33,#9bb7c814 42%,#0000 68%);bottom:-18rem;right:5vw}.hero-artwork{--px:0;--py:0;--scroll:0;z-index:-2;opacity:calc(1 - var(--hero-progress) * .18);background:linear-gradient(180deg, #181119 0%, #211720 28%, #151219 66%, var(--bg) 100%);position:absolute;inset:0;overflow:hidden}.art-layer{pointer-events:none;will-change:transform, opacity;position:absolute}.art-sky{transform:translate3d(calc(var(--px) * -.8rem), calc(var(--scroll) * 3rem + var(--py) * -.5rem), 0);background:radial-gradient(circle at 62% 30%,#ecb86461,#0000 18rem),radial-gradient(circle at 72% 42%,#9bb7c829,#0000 25rem),linear-gradient(125deg,#8b342d2e,#0000 36%),linear-gradient(#f2e6c80f,#0000 60%);inset:-8% -8% 24%}.art-sun{aspect-ratio:1;filter:blur(.2px);width:clamp(12rem,28vw,27rem);transform:translate3d(calc(var(--px) * 1.1rem), calc(var(--scroll) * 7rem + var(--py) * .8rem), 0);background:linear-gradient(#100d1229 1px,#0000 1px) 0 0/100% 12px,radial-gradient(circle,#f0c57947,#cf534129 43%,#0000 68%);border:1px solid #f4d69a33;border-radius:50%;top:14%;right:min(10vw,8rem)}.art-ridges{transform-origin:bottom;height:68%;bottom:0;left:-8vw;right:-8vw}.art-ridges-back{opacity:.72;transform:translate3d(calc(var(--px) * .9rem), calc(var(--scroll) * 2rem), 0) scale(1.04);background:radial-gradient(at 20% 62%,#574c3eb8,#0000 28%),radial-gradient(at 56% 46%,#4656468f,#0000 32%),radial-gradient(at 86% 58%,#5d49448f,#0000 26%),linear-gradient(#0000 0 42%,#0f120eeb 68%);border-radius:48% 42% 0 0/34% 38% 0 0;bottom:14%;mask-image:linear-gradient(#0000 0,#000 22% 100%)}.art-ridges-front{opacity:.96;transform:translate3d(calc(var(--px) * 1.7rem), calc(var(--scroll) * -1.5rem), 0) scale(1.02);background:linear-gradient(135deg,#29583dcc,#0d120ef5 52%),linear-gradient(90deg,#9bb7c81a,#0000 34%,#f0cb8514);border-radius:44% 48% 0 0/28% 34% 0 0;mask-image:radial-gradient(at 50% 64%,#000 0 58%,#0000 76%)}.art-river{mix-blend-mode:screen;opacity:.56;width:34vw;min-width:18rem;height:62%;transform:translate3d(calc(var(--px) * -1rem), calc(var(--scroll) * -7rem), 0);background:linear-gradient(90deg,#0000,#9bb7c842 42%,#efd2933d,#0000),repeating-linear-gradient(0deg,#f5eddc29 0 1px,#0000 1px 18px);border-radius:999px 999px 0 0;bottom:-18%;left:37%;mask-image:linear-gradient(90deg,#0000,#000 22% 74%,#0000)}.art-tiles{aspect-ratio:1.42;width:min(34rem,46vw);transform:perspective(900px) rotateX(58deg) rotateZ(-25deg) translate3d(calc(var(--px) * 1.7rem), calc(var(--scroll) * -4rem + var(--py) * .5rem), 0);transform-origin:50%;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(9,1fr);gap:1px;display:grid;bottom:clamp(5rem,10vw,8rem);right:clamp(1rem,6vw,5rem)}.art-tiles span{background:linear-gradient(135deg, #fff3, transparent 42%), color-mix(in srgb, var(--cyan), #253321 calc((var(--i) % 5) * 12%));min-width:0;opacity:calc(.24 + (var(--y) * .08));transform:translateY(calc((var(--x) - 4) * -.18rem + var(--y) * .42rem))}.art-tiles span:nth-child(3n){background:linear-gradient(135deg,#ffffff2e,#0000 44%),#e8b25bad}.art-tiles span:nth-child(5n){background:linear-gradient(135deg,#ffffff29,#0000 44%),#442922cc}.art-trace{border-radius:var(--radius-xl);opacity:.62;transform:translate3d(calc(var(--px) * 2rem), calc(var(--scroll) * -3rem), 0);border-top:1px solid #e7a86f38;border-right:1px solid #eec88633;inset:18% 9% 14% 45%}.art-type{color:#f5eddc0b;letter-spacing:0;transform:translate3d(calc(var(--px) * -1.8rem), calc(var(--scroll) * -10rem), 0);font-size:clamp(16rem,42vw,42rem);font-weight:820;line-height:.8;bottom:-.18em;right:-.06em}.hero-grain{z-index:-1;pointer-events:none;mix-blend-mode:normal;background:linear-gradient(90deg,#100d12fa,#100d12b8 29%,#100d122e 64%,#100d12b3),linear-gradient(#100d1238,#100d1208 46%,#100d12eb),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 5px);position:absolute;inset:0}.hero-layout{z-index:2;width:min(var(--max), 100%);opacity:calc(1 - var(--hero-progress) * .82);transform:translateY(calc(var(--hero-progress) * -4rem));grid-template-columns:minmax(0,1fr);align-items:end;margin:0 auto;display:grid;position:relative}.hero-copy{max-width:46rem;position:relative}.kicker{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:600;line-height:1.45}.hero-copy h1{letter-spacing:0;text-transform:uppercase;text-shadow:0 0 34px #e7a86f21;max-width:9ch;margin:0;font-size:clamp(4.8rem,15vw,14rem);font-weight:780;line-height:.76}.hero-lede{color:#f3f0e8c7;max-width:34rem;margin:2rem 0 0;font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.primary-action,.secondary-action{border:1px solid var(--line);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:.85rem 1.1rem;font-size:.84rem;font-weight:650;line-height:1.2;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-flex;position:relative;overflow:hidden}.primary-action{color:#1b1111;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 34px #e7a86f38}.secondary-action{color:var(--ink);background:#f3f0e809}.primary-action:hover,.secondary-action:hover{border-color:var(--line-bright);transform:translateY(-2px)}.scroll-cue{right:var(--gutter);color:#f3f0e880;letter-spacing:.18em;justify-items:center;gap:.55rem;font-size:.65rem;display:grid;position:absolute;bottom:2rem}.scroll-cue span{background:linear-gradient(transparent, var(--cyan), transparent);width:1px;height:4.5rem}.projects-section,.studio-section{width:min(var(--max), calc(100% - var(--gutter) * 2));margin:0 auto;padding:clamp(5rem,9vw,8rem) 0;animation:both section-reveal view();animation-range:entry 6% cover 28%;position:relative}.section-heading{margin-bottom:clamp(2.5rem,6vw,5rem)}.section-heading h2,.studio-copy h2{letter-spacing:0;margin:0;font-size:clamp(2.1rem,5vw,5.2rem);font-weight:720;line-height:1}.section-heading p:not(.kicker),.studio-copy p{color:#f3f0e8ad;max-width:35rem;margin:0;line-height:1.8}.project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.8rem,2vw,1.25rem);display:grid}.project-story{--accent:var(--cyan);border:1px solid var(--line);background:linear-gradient(145deg, color-mix(in srgb, var(--accent), transparent 95%), transparent 45%), #130e129e;border-radius:var(--radius-xl);grid-template-rows:auto 1fr auto;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 58px #0000002e}.project-story:after{content:"";pointer-events:none;border:1px solid color-mix(in srgb, var(--accent), transparent 68%);border-radius:inherit;opacity:0;transition:opacity .18s;position:absolute;inset:0}.project-story:hover{border-color:color-mix(in srgb, var(--accent), transparent 38%);box-shadow:0 30px 76px color-mix(in srgb, var(--accent), transparent 86%);transform:translateY(-.35rem)}.project-story:hover:after{opacity:1}.project-story__visual{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:radial-gradient(circle at 68% 42%, color-mix(in srgb, var(--accent), transparent 58%), transparent 35%), linear-gradient(135deg, color-mix(in srgb, var(--accent), #181117 72%), #121013 68%);position:relative;overflow:hidden}.project-story__visual:after{content:"";background:linear-gradient(#0000,#0e0c0fb3);height:45%;position:absolute;inset:auto 0 0}.project-story__grid{background:linear-gradient(color-mix(in srgb, var(--accent), transparent 82%) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 82%) 1px, transparent 1px);background-size:36px 36px;transition:transform .42s;position:absolute;inset:0;mask-image:radial-gradient(circle at 65% 45%,#000,#0000 72%)}.project-story__shape{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent), white 15%);background:linear-gradient(135deg, #fff3, transparent 36%), color-mix(in srgb, var(--accent), #211820 64%);box-shadow:0 24px 60px color-mix(in srgb, var(--accent), transparent 66%);border-radius:var(--radius-lg);transition:transform .3s;display:block;position:absolute;transform:rotate(10deg)}.project-story__shape--large{width:32%;top:19%;right:16%}.project-story__shape--small{opacity:.76;width:15%;bottom:13%;right:8%;transform:rotate(-8deg)}.project-story:hover .project-story__grid{transform:translateY(-.4rem)}.project-story:hover .project-story__shape--large{transform:rotate(6deg)translateY(-.3rem)}.project-story:hover .project-story__shape--small{transform:rotate(-4deg)translate(.2rem,-.2rem)}.project-story__index,.project-story__date,.project-story__tags span{color:color-mix(in srgb, var(--accent), white 10%);letter-spacing:.08em;font-size:.7rem}.project-story__index,.project-story__date{z-index:1;border:1px solid color-mix(in srgb, var(--accent), transparent 50%);backdrop-filter:blur(10px);border-radius:var(--radius-sm);background:#120f1294;padding:.38rem .5rem;position:absolute;top:1rem}.project-story__index{left:1rem}.project-story__date{right:1rem}.project-story__copy{align-content:start;gap:.85rem;padding:clamp(1.1rem,3vw,1.6rem) clamp(1.1rem,3vw,1.6rem) 0;display:grid}.project-story__copy h3{letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,3.6rem);font-weight:720;line-height:.94}.project-story__copy p{color:#f3f0e8ad;margin:0;line-height:1.7}.project-story__footer{justify-content:space-between;align-items:end;gap:1rem;padding:1.2rem clamp(1.1rem,3vw,1.6rem) clamp(1.1rem,3vw,1.6rem);display:flex}.project-story__tags{flex-wrap:wrap;gap:.45rem;display:flex}.project-story__tags span{border:1px solid color-mix(in srgb, var(--accent), transparent 56%);border-radius:var(--radius-sm);padding:.35rem .48rem}.project-story__action{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent), transparent 48%);width:2.75rem;color:color-mix(in srgb, var(--accent), white 10%);background:color-mix(in srgb, var(--accent), transparent 92%);border-radius:var(--radius-md);flex:none;place-items:center;transition:color .18s,background .18s,transform .18s;display:grid}.project-story:hover .project-story__action{color:#1b1111;background:var(--accent);transform:translate(.12rem,-.12rem)}.project-compact-list{grid-column:1/-1;gap:.55rem;margin-top:clamp(.5rem,2vw,1rem);display:grid}.project-compact{--accent:var(--cyan);border:1px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 94%), transparent 44%), #130e1280;border-radius:var(--radius-md);grid-template-columns:2.4rem minmax(0,1fr) auto 2.6rem;align-items:center;gap:clamp(.7rem,2vw,1.2rem);min-width:0;min-height:5.25rem;padding:.75rem .85rem;transition:transform .18s,border-color .18s,background .18s;display:grid}.project-compact:hover{border-color:color-mix(in srgb, var(--accent), transparent 48%);background:linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 52%), #130e12a3;transform:translate(.22rem)}.project-compact__index,.project-compact__date{color:color-mix(in srgb, var(--accent), white 8%);font-size:.68rem;line-height:1}.project-compact__index{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent), transparent 58%);background:color-mix(in srgb, var(--accent), transparent 94%);border-radius:var(--radius-sm);place-items:center;width:2.4rem;display:grid}.project-compact__copy{gap:.3rem;min-width:0;display:grid}.project-compact__copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:680;line-height:1.2;overflow:hidden}.project-compact__copy small{color:#f3f0e880;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.35;overflow:hidden}.project-compact__date{border-left:1px solid var(--line);padding:.45rem .55rem}.project-compact__action{aspect-ratio:1;width:2.6rem;color:color-mix(in srgb, var(--accent), white 8%);border-radius:var(--radius-sm);place-items:center;transition:background .18s,transform .18s;display:grid}.project-compact:hover .project-compact__action{background:color-mix(in srgb, var(--accent), transparent 90%);transform:translate(.1rem,-.1rem)}.project-list__more{color:#f3f0e8c2;grid-column:1/-1;justify-self:end;align-items:center;gap:.55rem;margin-top:1.5rem;padding:.8rem 0;font-size:.82rem;display:inline-flex}@media (width<=620px){.projects-section,.studio-section{padding:4rem 0}.project-list{grid-template-columns:1fr}.project-story{border-radius:var(--radius-lg)}.project-story__copy h3{font-size:clamp(2.2rem,12vw,3.4rem)}.project-story__footer{align-items:center}.project-compact{grid-template-columns:2.4rem minmax(0,1fr) 2.4rem;gap:.65rem;min-height:4.8rem;padding:.65rem}.project-compact__date{display:none}.project-compact__action{width:2.4rem}.project-list__more{justify-content:space-between;justify-self:stretch}}.project-index-shell{width:min(var(--max), calc(100% - var(--gutter) * 2));isolation:isolate;gap:1rem;min-height:100svh;margin:0 auto;padding:clamp(5.5rem,9vw,7rem) 0 clamp(3rem,7vw,5rem);display:grid;position:relative}.project-index-shell:before{inset:8rem var(--gutter) auto;z-index:-1;content:"";border-radius:var(--radius-xl);opacity:.72;height:18rem;translate:0 calc(var(--page-progress) * 5rem);background:linear-gradient(90deg,#0000,#e7a86f14,#0000),linear-gradient(#e7a86f0b 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#e7a86f0b 1px,#0000 1px) 0 0/40px 40px;border:1px solid #f7debe12;position:fixed}.project-index-nav{z-index:4;border:1px solid var(--line);background:color-mix(in srgb, #130e1294, #e7a86f14 calc(var(--page-progress) * 100%));backdrop-filter:blur(18px);border-radius:var(--radius-lg);min-height:3.1rem;box-shadow:0 calc(12px + var(--page-progress) * 16px) 58px rgba(0, 0, 0, calc(.12 + var(--page-progress) * .16));translate:0 calc(var(--page-progress) * -.35rem);justify-content:space-between;align-items:center;gap:1rem;padding:.35rem .45rem;display:flex;position:sticky;top:1rem}.project-index-nav a,.project-index-item__action{color:#f3f0e8b8;letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;gap:.52rem;font-size:.68rem;display:inline-flex}.project-index-nav a{padding:.72rem .82rem}.project-index-nav a:hover,.project-index-item__action:hover{color:var(--ink);border-radius:var(--radius-sm);background:#f3f0e80d}.project-index-hero{border:1px solid var(--line);background:var(--line);border-radius:var(--radius-xl);grid-template-columns:minmax(0,1fr) minmax(20rem,.46fr);gap:1px;display:grid;position:relative;overflow:hidden}.project-index-hero:before{content:"";pointer-events:none;opacity:calc(.62 + var(--page-progress) * .28);translate:0 calc(var(--page-progress) * -1.5rem);background:radial-gradient(circle at 78% 24%,#e7a86f1f,#0000 22rem),linear-gradient(90deg,#0000,#ffffff0d,#0000);position:absolute;inset:0}.project-index-hero__copy,.project-index-feature{z-index:1;background:radial-gradient(circle at 78% 18%,#e7a86f1f,#0000 24rem),linear-gradient(135deg,#ffffff0e,#0000 36%),#090b09d6;min-height:clamp(21rem,34vw,30rem);position:relative}.project-index-hero__copy{align-content:end;gap:1rem;padding:clamp(1rem,4vw,2rem);display:grid}.project-index-hero__copy h1{letter-spacing:0;max-width:12ch;margin:0;font-size:clamp(2.7rem,7vw,7.2rem);font-weight:740;line-height:.9}.project-index-hero__copy p:not(.kicker){color:#f3f0e8ad;max-width:46rem;margin:0;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.75}.project-index-hero__copy code{color:var(--cyan);background:#130e129e;border:1px solid #e7a86f3d;padding:.12rem .28rem;font-size:.92em}.project-index-feature{--accent:var(--cyan);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 82%), transparent 44%), #130e12d6;align-content:space-between;gap:1.4rem;padding:clamp(1rem,3vw,1.5rem);display:grid;position:relative}.project-index-feature:before{content:"";pointer-events:none;border:1px solid color-mix(in srgb, var(--accent), transparent 58%);border-radius:var(--radius-lg);translate:0 calc(var(--page-progress) * -.8rem);position:absolute;inset:1rem}.project-index-feature span,.project-index-item__main span,.project-index-item__meta span{color:color-mix(in srgb, var(--accent), white 10%);letter-spacing:.14em;text-transform:uppercase;font-size:.66rem}.project-index-feature strong{max-width:8ch;color:var(--ink);letter-spacing:0;font-size:clamp(2.1rem,4vw,4.4rem);font-weight:720;line-height:.9}.project-index-feature p{color:#f3f0e8a8;margin:0;line-height:1.7}.project-index-feature i{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent), transparent 34%);width:2.8rem;color:color-mix(in srgb, var(--accent), white 10%);border-radius:var(--radius-md);place-items:center;font-style:normal;display:grid}.project-index-list{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff04;display:grid;position:relative;overflow:hidden}.project-index-item{--accent:var(--cyan);border-bottom:1px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 95%), transparent 38%);grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr) auto;align-items:stretch;gap:1rem;padding:clamp(1rem,3vw,1.35rem);transition:background .18s,border-color .18s;animation:both item-slide view();animation-range:entry 6% cover 24%;display:grid;position:relative}.project-index-item:before{content:"";background:var(--accent);opacity:0;width:2px;transition:opacity .16s,transform .16s;position:absolute;top:1rem;bottom:1rem;left:0;transform:scaleY(.36)}.project-index-item:last-child{border-bottom:0}.project-index-item__main{align-content:center;gap:.8rem;display:grid}.project-index-item__main h2{letter-spacing:0;margin:0;font-size:clamp(1.65rem,3vw,3.4rem);font-weight:700;line-height:.96}.project-index-item__main p{color:#f3f0e8a3;max-width:44rem;margin:0;line-height:1.7}.project-index-item__meta{background:var(--line);border-radius:var(--radius-md);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.project-index-item__meta div{background:#130e12a3;align-content:center;gap:.45rem;min-width:0;padding:.85rem;display:grid}.project-index-item__meta strong{color:#f3f0e8c7;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;font-weight:560;line-height:1.35;overflow:hidden}.project-index-item__action{border:1px solid color-mix(in srgb, var(--accent), transparent 46%);min-width:8.5rem;color:color-mix(in srgb, var(--accent), white 10%);border-radius:var(--radius-md);padding:.85rem 1rem}.project-index-feature:hover,.project-index-item:hover{border-color:color-mix(in srgb, var(--accent), white 14%)}.project-index-item:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 88%), transparent 48%), #ffffff05}.project-index-item:hover:before{opacity:1;transform:scaleY(1)}@media (width<=980px){.project-index-hero,.project-index-item{grid-template-columns:1fr}.project-index-feature{min-height:18rem}}@media (width<=620px){.project-index-shell{width:min(calc(100% - var(--gutter) * 2), var(--max));padding:5rem 0 3rem}.project-index-nav{flex-direction:column;align-items:stretch;position:relative;top:auto}.project-index-hero__copy h1{font-size:clamp(2.6rem,15vw,4.8rem)}.project-index-item__meta{grid-template-columns:1fr}.project-index-item__meta strong{white-space:normal}.project-index-item__action{width:100%}}@media (prefers-reduced-motion:reduce){.project-index-shell:before,.project-index-hero:before,.project-index-feature:before{translate:none!important}}.project-detail-shell{min-height:100svh;padding:clamp(4.5rem, 7vw, 5.75rem) var(--gutter) clamp(2.5rem, 5vw, 4rem);isolation:isolate;position:relative}.project-detail-shell:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 76% 12%, color-mix(in srgb, var(--accent), transparent 86%), transparent 28rem), linear-gradient(#ffffff04 1px, transparent 1px), linear-gradient(90deg, #ffffff04 1px, transparent 1px);background-size:auto,48px 48px,48px 48px;position:fixed;inset:0}.project-detail{--accent:var(--cyan);width:min(var(--max), 100%);gap:clamp(1rem,2vw,1.35rem);margin:0 auto;display:grid}.project-detail.accent-gold{--accent:var(--gold)}.project-detail.accent-redstone{--accent:var(--redstone)}.project-detail.accent-ice{--accent:var(--ice)}.project-detail-nav,.project-next-row{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.project-detail-nav{z-index:5;border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:var(--radius-lg);background:#130e12bd;min-height:3.1rem;padding:.35rem .45rem;position:sticky;top:1rem}.project-detail-nav a,.project-action{color:#f3f0e8bd;letter-spacing:.08em;justify-content:center;align-items:center;gap:.52rem;padding:.72rem .82rem;font-size:.72rem;display:inline-flex}.project-detail-nav a:hover,.project-action:hover{color:var(--ink);background:color-mix(in srgb, var(--accent), transparent 88%);border-radius:var(--radius-sm)}.project-hero{border:1px solid var(--line);background:radial-gradient(circle at 70% 36%, color-mix(in srgb, var(--accent), transparent 67%), transparent 23rem), linear-gradient(140deg, #ffffff0e, transparent 42%), #100e11d1;border-radius:var(--radius-xl);min-height:clamp(22rem,42vw,32rem);box-shadow:var(--shadow);grid-template-columns:minmax(0,.95fr) minmax(18rem,.55fr);align-items:center;padding:clamp(1.25rem,4vw,2.5rem);display:grid;position:relative;overflow:hidden}.project-hero:before{content:"";pointer-events:none;background:linear-gradient(color-mix(in srgb, var(--accent), transparent 90%) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 90%) 1px, transparent 1px);background-size:42px 42px;position:absolute;inset:0;mask-image:radial-gradient(circle at 70% 42%,#000,#0000 75%)}.project-hero-copy,.project-visual-stack{z-index:1;position:relative}.project-hero-copy{max-width:54rem}.project-hero-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.project-hero-meta :is(span,time){border:1px solid color-mix(in srgb, var(--accent), transparent 52%);color:color-mix(in srgb, var(--accent), white 10%);letter-spacing:.08em;border-radius:var(--radius-sm);background:#120f127a;padding:.38rem .52rem;font-size:.7rem}.project-hero h1{letter-spacing:0;max-width:10ch;margin:0;font-size:clamp(3.6rem,8vw,7.5rem);font-weight:760;line-height:.84}.project-hero-copy>p{color:#f3f0e8b3;max-width:43rem;margin:1.5rem 0 0;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.75}.project-tags{flex-wrap:wrap;gap:.45rem;margin-top:1.25rem;display:flex}.project-tags span{border:1px solid color-mix(in srgb, var(--accent), transparent 48%);color:color-mix(in srgb, var(--accent), white 12%);letter-spacing:.06em;border-radius:var(--radius-sm);padding:.35rem .52rem;font-size:.68rem}.project-visual-stack{aspect-ratio:1;pointer-events:none;justify-self:end;width:min(21rem,100%);position:relative;top:auto;right:auto}.project-visual-stack i{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent), white 12%);background:linear-gradient(135deg, #ffffff2e, transparent 40%), color-mix(in srgb, var(--accent), #1b151b 65%);box-shadow:0 26px 76px color-mix(in srgb, var(--accent), transparent 72%);border-radius:var(--radius-lg);display:block;position:absolute;transform:rotate(10deg)}.project-visual-stack i:first-child{width:42%;top:20%;left:5%}.project-visual-stack i:nth-child(2){width:58%;top:38%;right:6%}.project-visual-stack i:nth-child(3){opacity:.78;width:25%;bottom:8%;right:16%}.project-content-shell{border:1px solid var(--line);border-radius:var(--radius-xl);background:#130e127a;width:min(64rem,100%);margin:0 auto;display:grid;overflow:hidden}.project-content-head{border-bottom:1px solid var(--line);background:#ffffff05;justify-content:space-between;gap:1rem;padding:.8rem 1rem;display:flex}.project-content-head>:is(p,span){color:color-mix(in srgb, var(--accent), white 12%);letter-spacing:.1em;margin:0;font-size:.68rem}.project-mdx-content{color:#f3f0e8b8;gap:.9rem;padding:clamp(1.1rem,3vw,2rem);font-size:clamp(.98rem,1.25vw,1.08rem);line-height:1.75;display:grid}.project-mdx-content__label{margin:0}.project-mdx-content :is(h2,h3){color:var(--ink);letter-spacing:0;margin:1.45em 0 .25em;line-height:1.08}.project-mdx-content>h2:first-child{margin-top:0}.project-mdx-content h2{font-size:clamp(1.65rem,3vw,2.5rem)}.project-mdx-content h3{font-size:clamp(1.3rem,2.2vw,1.8rem)}.project-mdx-content :is(p,ul,ol){margin:0}.project-mdx-content :is(ul,ol){padding-left:1.3rem}.project-mdx-content li+li{margin-top:.4rem}.project-mdx-content a{color:color-mix(in srgb, var(--accent), white 14%);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--accent), transparent 45%);text-underline-offset:.2em}.project-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.35rem 0;display:grid}.project-content-card{--accent:var(--cyan);border:1px solid color-mix(in srgb, var(--accent), transparent 62%);background:linear-gradient(145deg, color-mix(in srgb, var(--accent), transparent 91%), transparent 55%), #ffffff05;border-radius:var(--radius-lg);align-content:start;gap:.55rem;min-width:0;padding:1rem;display:grid}.project-content-card__label,.bilibili-card__label{color:color-mix(in srgb, var(--accent), white 12%);letter-spacing:.08em;margin:0;font-size:.66rem}.project-content-card h3,.bilibili-card h3{color:var(--ink);margin:0;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.12}.project-content-card__body,.project-content-card__body :is(p,ul,ol){margin:0}.bilibili-card{--accent:var(--redstone);border:1px solid color-mix(in srgb, var(--accent), transparent 58%);background:var(--line);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1.15fr) minmax(16rem,.72fr);gap:1px;margin:.35rem 0;display:grid;overflow:hidden}.bilibili-card__media{aspect-ratio:16/9;background:#09080a}.bilibili-card__media iframe{border:0;width:100%;height:100%;display:block}.bilibili-card__body{background:linear-gradient(145deg, color-mix(in srgb, var(--accent), transparent 90%), transparent 58%), #130e12f0;align-content:center;gap:.65rem;padding:1rem;display:grid}.bilibili-card__body>p:not(.bilibili-card__label){color:#f3f0e8a8;margin:0;font-size:.9rem;line-height:1.6}.bilibili-card__body a{border:1px solid color-mix(in srgb, var(--accent), transparent 48%);color:color-mix(in srgb, var(--accent), white 12%);border-radius:var(--radius-sm);justify-self:start;align-items:center;gap:.45rem;margin-top:.2rem;padding:.55rem .7rem;text-decoration:none;display:inline-flex}.project-next-row{padding-top:1rem}.project-action{border:1px solid var(--line);border-radius:var(--radius-md);background:#f3f0e806}@media (width<=700px){.project-detail-shell{padding:5rem var(--gutter) 3rem}.project-detail-nav{flex-direction:column;align-items:stretch;position:relative;top:auto}.project-detail-nav a,.project-action{width:100%}.project-hero{border-radius:var(--radius-lg);grid-template-columns:1fr;align-items:end;min-height:29rem;padding:1rem}.project-hero h1{font-size:clamp(3.2rem,17vw,5.4rem)}.project-visual-stack{opacity:.65;width:15rem;position:absolute;top:8%;right:-2rem}.project-content-shell{border-radius:var(--radius-lg)}.project-mdx-content{padding:1.1rem}.project-content-grid,.bilibili-card{grid-template-columns:1fr}.project-content-head>span{display:none}.project-next-row{flex-direction:column;align-items:stretch}}.info-hub-shell{width:min(1320px, calc(100% - var(--gutter) * 2));gap:clamp(1rem,2vw,1.35rem);min-height:100svh;margin:0 auto;padding:clamp(4.8rem,7vw,6rem) 0 clamp(2.5rem,6vw,4rem);display:grid;position:relative}.info-hub-nav{z-index:5;border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:var(--radius-lg);background:#130e12b8;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.8rem;padding:.28rem .36rem;display:flex;position:sticky;top:1rem}.info-hub-nav a,.info-hub-open{color:#f3f0e8b8;letter-spacing:.08em;justify-content:center;align-items:center;gap:.42rem;font-size:.7rem;display:inline-flex}.info-hub-nav a{padding:.58rem .68rem}.info-hub-nav a:hover,.info-hub-open:hover{color:var(--ink);border-radius:var(--radius-sm);background:#f3f0e80e}.info-hub-hero{border:1px solid var(--line);border-radius:var(--radius-xl);min-height:clamp(24rem,42vw,34rem);box-shadow:var(--shadow);background:#0d1011;grid-template-columns:minmax(0,1fr) minmax(18rem,.32fr);align-items:end;gap:1rem;padding:clamp(1.1rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.info-hub-hero__media{background:linear-gradient(90deg, #0d1011f0, #0d10117a 58%, #0d1011cc), linear-gradient(180deg, transparent, #0d1011d6), var(--hub-hero-image) center / cover no-repeat;position:absolute;inset:0}.info-hub-hero:after{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;mask-image:linear-gradient(90deg,#000,#0000 76%)}.info-hub-hero__content,.info-hub-categories{z-index:1;position:relative}.info-hub-hero__content{gap:.8rem;display:grid}.info-hub-hero__content h1{letter-spacing:0;max-width:10ch;margin:0;font-size:clamp(3rem,7vw,6.8rem);font-weight:760;line-height:.88}.info-hub-hero__content p:not(.kicker){color:#f3f0e8bd;max-width:46rem;margin:0;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.7}.info-hub-categories{border-radius:var(--radius-lg);background:#f7debe29;border:1px solid #f7debe29;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.info-hub-categories div{backdrop-filter:blur(14px);background:#0f0d0fc7;gap:.2rem;padding:.85rem;display:grid}.info-hub-categories dt,.info-hub-filter span{color:#f3f0e87a;letter-spacing:.1em;font-size:.62rem}.info-hub-categories dd{color:var(--ink);margin:0;font-size:clamp(1.45rem,2.6vw,2.4rem);font-weight:740;line-height:1}.info-hub-feed{gap:clamp(1rem,2vw,1.35rem);display:grid}.info-hub-feed__head{justify-content:space-between;align-items:end;gap:.75rem;padding:0 .2rem;display:flex}.info-hub-feed__head h2{letter-spacing:0;margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1}.info-hub-filter{flex-wrap:wrap;justify-content:flex-end;gap:.36rem;display:flex}.info-hub-filter span{border-radius:var(--radius-sm);border:1px solid #f7debe29;padding:.36rem .5rem}.info-hub-feature{--accent:var(--cyan);border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 82%), transparent 42%), #130e12b8;border-radius:var(--radius-xl);grid-template-columns:minmax(0,.86fr) minmax(18rem,.68fr) auto;align-items:end;gap:clamp(1rem,4vw,3rem);min-height:clamp(22rem,35vw,29rem);padding:clamp(1.1rem,3vw,2rem);transition:border-color .18s,transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 68px #0003}.info-hub-feature:hover{border-color:color-mix(in srgb, var(--accent), transparent 38%);box-shadow:0 32px 82px color-mix(in srgb, var(--accent), transparent 86%);transform:translateY(-.25rem)}.info-hub-feature__visual{border:1px solid color-mix(in srgb, var(--accent), transparent 62%);background:radial-gradient(circle at 62% 44%, color-mix(in srgb, var(--accent), transparent 52%), transparent 34%), #151116;border-radius:var(--radius-lg);align-self:stretch;min-height:15rem;position:relative;overflow:hidden}.info-hub-feature__visual img{object-fit:cover;width:100%;height:100%;display:block}.info-hub-feature__visual>span{background:linear-gradient(color-mix(in srgb, var(--accent), transparent 84%) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent), transparent 84%) 1px, transparent 1px);background-size:34px 34px;position:absolute;inset:0;mask-image:radial-gradient(circle at 58% 45%,#000,#0000 75%)}.info-hub-feature__visual i{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent), white 16%);background:color-mix(in srgb, var(--accent), #1d161e 62%);border-radius:var(--radius-md);display:block;position:absolute;transform:rotate(10deg)}.info-hub-feature__visual i:nth-child(2){width:34%;top:23%;left:22%}.info-hub-feature__visual i:nth-child(3){width:17%;bottom:18%;right:19%;transform:rotate(-9deg)}.info-hub-feature__copy{align-content:end;gap:.85rem;display:grid}.info-hub-feature h3{letter-spacing:0;margin:0;font-size:clamp(2.4rem,5vw,5rem);line-height:.88}.info-hub-feature p{color:#f3f0e8ad;max-width:38rem;margin:0;line-height:1.72}.info-hub-feature__action{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent), transparent 44%);width:3rem;color:color-mix(in srgb, var(--accent), white 10%);border-radius:var(--radius-md);align-self:end;place-items:center;transition:color .18s,background .18s;display:grid}.info-hub-feature:hover .info-hub-feature__action{color:#1b1111;background:var(--accent)}.info-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.8rem,2vw,1.25rem);display:grid}.info-hub-item{--accent:var(--cyan);border:1px solid var(--line);background:linear-gradient(145deg, color-mix(in srgb, var(--accent), transparent 94%), transparent 50%), #130e1294;border-radius:var(--radius-lg);grid-template-rows:auto 1fr auto;gap:1rem;min-height:17rem;padding:clamp(1.1rem,3vw,1.5rem);transition:border-color .18s,background .18s,transform .18s;display:grid}.info-hub-item--wide{grid-column:1/-1;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(12rem,.42fr);min-height:13rem}.info-hub-item--wide .info-hub-item__meta{grid-column:1/-1}.info-hub-item--wide .info-hub-item__tags{align-self:end}.info-hub-item--wide .info-hub-open{grid-column:2;place-self:end}.info-hub-item--cover{grid-template-rows:minmax(11rem,.8fr) auto 1fr auto;padding:0}.info-hub-item--cover>:not(.info-hub-item__cover){margin-inline:clamp(1.1rem,3vw,1.5rem)}.info-hub-item--cover>.info-hub-open{margin-bottom:clamp(1.1rem,3vw,1.5rem)}.info-hub-item__cover{border-bottom:1px solid var(--line);background:#111;min-height:11rem;overflow:hidden}.info-hub-item__cover img{object-fit:cover;width:100%;height:100%;transition:transform .32s;display:block}.info-hub-item:hover .info-hub-item__cover img{transform:scale(1.025)}.info-hub-item:hover{border-color:color-mix(in srgb, var(--accent), transparent 42%);background:linear-gradient(145deg, color-mix(in srgb, var(--accent), transparent 86%), transparent 54%), #130e12ad;transform:translateY(-.2rem)}.info-hub-item__meta{color:color-mix(in srgb, var(--accent), white 10%);letter-spacing:.08em;justify-content:space-between;gap:.8rem;font-size:.7rem;display:flex}.info-hub-item__main{align-content:start;gap:.7rem;display:grid}.info-hub-item__main h3{letter-spacing:0;margin:0;font-size:clamp(1.5rem,2.6vw,2.6rem);line-height:.96}.info-hub-item__main p{color:#f3f0e8a8;margin:0;line-height:1.65}.info-hub-item__tags{flex-wrap:wrap;gap:.4rem;display:flex}.info-hub-item__tags span{border:1px solid color-mix(in srgb, var(--accent), transparent 56%);color:color-mix(in srgb, var(--accent), white 10%);border-radius:var(--radius-sm);padding:.3rem .45rem;font-size:.66rem}.info-hub-open{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent), transparent 50%);width:2.5rem;color:color-mix(in srgb, var(--accent), white 10%);border-radius:var(--radius-md);justify-self:end}.accent-cyan{--accent:var(--cyan)}.accent-gold{--accent:var(--gold)}.accent-redstone{--accent:var(--redstone)}.accent-ice{--accent:var(--ice)}@media (width<=850px){.info-hub-hero,.info-hub-feature{grid-template-columns:1fr}.info-hub-feature{min-height:0}.info-hub-feature__visual{min-height:13rem}.info-hub-feature__action{position:absolute;bottom:1.1rem;right:1.1rem}.info-hub-item--wide{grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr}.info-hub-item--wide .info-hub-item__meta,.info-hub-item--wide .info-hub-open{grid-column:1}}@media (width<=620px){.info-hub-shell{width:min(calc(100% - var(--gutter) * 2), 1320px);padding:4.8rem 0 3rem}.info-hub-nav,.info-hub-feed__head{flex-direction:column;align-items:stretch}.info-hub-nav{position:relative;top:auto}.info-hub-hero{border-radius:var(--radius-lg);min-height:28rem}.info-hub-categories{grid-template-columns:1fr}.info-hub-filter{justify-content:flex-start}.info-hub-feature,.info-hub-item{border-radius:var(--radius-lg)}.info-hub-grid{grid-template-columns:1fr}}.not-found-shell{min-height:100svh;padding:clamp(4rem, 8vw, 6rem) var(--gutter);isolation:isolate;place-items:center;display:grid;position:relative}.not-found-shell:before{inset:12% var(--gutter) auto;z-index:-1;content:"";border-radius:var(--radius-xl);height:18rem;translate:0 calc(var(--page-progress) * 3rem);background:radial-gradient(circle at 72% 24%,#e7a86f29,#0000 22rem),linear-gradient(#e7a86f0b 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#e7a86f0b 1px,#0000 1px) 0 0/34px 34px;border:1px solid #f7debe12;position:fixed}.not-found-panel{width:min(var(--max), 100%);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius-xl);background:radial-gradient(circle at 78% 16%,#e7a86f21,#0000 26rem),linear-gradient(135deg,#ffffff0e,#0000 38%),#ffffff05;grid-template-columns:minmax(0,.76fr) minmax(19rem,.42fr);align-items:end;gap:clamp(1.5rem,6vw,5rem);padding:clamp(1rem,4vw,2rem);display:grid;position:relative;overflow:hidden}.not-found-panel:before{content:"";pointer-events:none;opacity:.64;translate:0 calc(var(--page-progress) * -1.4rem);background:linear-gradient(90deg,#0000,#ffffff0b,#0000);position:absolute;inset:0}.not-found-panel>*{z-index:1;position:relative}.not-found-code{border:1px solid var(--line);background:var(--line);border-radius:var(--radius-lg);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.not-found-code span{color:#f3f0e8db;min-height:clamp(7rem,18vw,14rem);translate:0 calc(var(--page-progress) * -.8rem);background-color:#130e12b8;background-image:linear-gradient(#e7a86f0f 1px,#0000 1px),linear-gradient(90deg,#e7a86f0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;font-size:clamp(5rem,18vw,14rem);font-weight:800;line-height:.78;display:grid}.not-found-code span:nth-child(2){color:var(--cyan)}.not-found-copy{gap:1rem;display:grid}.not-found-copy h1{letter-spacing:0;max-width:11ch;margin:0;font-size:clamp(2.6rem,6vw,6rem);font-weight:740;line-height:.95}.not-found-copy p:not(.kicker){color:#f3f0e8ad;max-width:38rem;margin:0;line-height:1.8}.not-found-actions{gap:.7rem;display:grid}.not-found-actions a{border:1px solid var(--line);min-height:3rem;color:var(--ink);border-radius:var(--radius-md);letter-spacing:.08em;text-transform:uppercase;background:#130e127a;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;font-size:.78rem;font-weight:650;display:inline-flex}.not-found-actions a:hover{border-color:var(--line-bright);background:#e7a86f14}@media (width<=760px){.not-found-panel{grid-template-columns:1fr}}@media (width<=620px){.not-found-shell{padding:5rem var(--gutter) 2rem}.not-found-code span{min-height:6rem}}@media (prefers-reduced-motion:reduce){.not-found-shell:before,.not-found-panel:before,.not-found-code span{translate:none!important}}.studio-panel{border:1px solid var(--line);border-radius:var(--radius-xl);background:#130e12b3;grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000038}.studio-panel:before{content:"";pointer-events:none;opacity:.58;translate:0 calc(var(--page-progress) * -.9rem);background:linear-gradient(90deg,#0000,#e7a86f12,#0000),repeating-linear-gradient(0deg,#0000 0 32px,#ffffff06 33px 34px);position:absolute;inset:0}.studio-about,.studio-contact-card{z-index:1;min-width:0;padding:clamp(1.4rem,3.5vw,2.6rem);position:relative}.studio-about{border-right:1px solid var(--line);background:linear-gradient(145deg, #e7a86f1a, transparent 42%), var(--panel-solid);align-content:space-between;gap:clamp(2rem,4vw,3.4rem);min-height:31rem;display:grid}.studio-about:after{aspect-ratio:1;content:"";border-top:1px solid #e7a86f80;border-right:1px solid #e7a86f80;width:2.8rem;position:absolute;top:clamp(1.4rem,3.5vw,2.6rem);right:clamp(1.4rem,3.5vw,2.6rem)}.studio-copy{gap:1.35rem;display:grid}.studio-copy h2{max-width:9ch}.studio-copy p{margin:0}.studio-capabilities{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.studio-capabilities li{color:#f3f0e8ad;border-radius:var(--radius-sm);background:#ffffff06;border:1px solid #f7debe21;padding:.48rem .65rem;font-size:.72rem;line-height:1}.studio-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.studio-stats div{border-top:1px solid var(--line);min-width:0;padding:1rem;transition:border-color .16s,background .16s}.studio-stats div:hover{background:#e7a86f0b;border-color:#e7a86f70}.studio-stats strong{color:var(--ink);font-size:1.25rem;line-height:1;display:block}.studio-stats span{color:var(--muted);text-transform:uppercase;margin-top:.55rem;font-size:.7rem;line-height:1.35;display:block}.studio-contact-card{background:linear-gradient(145deg,#9bb7c814,#0000 52%),#ffffff05;align-content:space-between;gap:clamp(2rem,4vw,3rem);display:grid}.studio-contact-copy{gap:1rem;display:grid}.studio-contact-copy h2{letter-spacing:0;max-width:8ch;margin:0;font-size:clamp(2rem,4.2vw,4.2rem);font-weight:720;line-height:1}.studio-contact-copy p:not(.kicker){color:#f3f0e8a8;max-width:31rem;margin:0;line-height:1.75}.studio-contact-list{gap:.65rem;display:grid}.studio-contact-link{--channel-color:var(--cyan);border:1px solid var(--line);border-radius:var(--radius-md);background:#f3f0e806;grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:.9rem;min-width:0;min-height:4.65rem;padding:.75rem .85rem;transition:transform .18s,border-color .18s,background .18s;display:grid}.studio-contact-link--bilibili{--channel-color:#9bb7c8}.studio-contact-link--douyin{--channel-color:#d98f91}.studio-contact-link:hover{border-color:color-mix(in srgb, var(--channel-color), transparent 55%);background:color-mix(in srgb, var(--channel-color), transparent 94%);transform:translate(.22rem)}.studio-contact-link__icon{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--channel-color), transparent 58%);width:2.75rem;color:var(--channel-color);background:color-mix(in srgb, var(--channel-color), transparent 92%);border-radius:var(--radius-sm);place-items:center;display:grid}.studio-contact-link__copy{gap:.25rem;min-width:0;display:grid}.studio-contact-link__copy strong{color:var(--ink);font-size:.95rem;font-weight:680;line-height:1.2}.studio-contact-link__copy small{color:#f3f0e880;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;line-height:1.35;overflow:hidden}.studio-contact-link__arrow{color:#f3f0e86b;transition:color .18s,transform .18s}.studio-contact-link:hover .studio-contact-link__arrow{color:var(--channel-color);transform:translate(.12rem,-.12rem)}.studio-footer{width:min(var(--max), calc(100% - var(--gutter) * 2));gap:clamp(.9rem,2vw,1.4rem);margin:0 auto;padding:0 0 clamp(1.6rem,4vw,3rem);display:grid}.studio-mark{color:#f3f0e80f;letter-spacing:0;text-align:center;text-transform:uppercase;white-space:nowrap;user-select:none;font-size:clamp(3.7rem,16vw,13.5rem);font-weight:800;line-height:.72;overflow:hidden}.studio-footer-meta{border-top:1px solid var(--line);color:#f3f0e86b;text-align:center;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:.55rem 1rem;padding-top:1rem;font-size:.68rem;line-height:1.55;display:flex}@media (width<=900px){.studio-about{border-right:0;border-bottom:1px solid var(--line);min-height:auto}}@media (width<=620px){.studio-about,.studio-contact-card{padding:1.15rem}.studio-about:after{width:2rem;top:1.15rem;right:1.15rem}.studio-copy h2,.studio-contact-copy h2{font-size:2.35rem}.studio-stats{gap:.35rem}.studio-stats div{padding:.85rem .55rem}.studio-contact-link{grid-template-columns:2.55rem minmax(0,1fr) auto;gap:.7rem;min-height:4.35rem;padding:.65rem}.studio-contact-link__icon{width:2.55rem}}.entrance{z-index:100;background:#050605;place-items:center;animation:.32s .9s forwards entrance-out;display:grid;position:fixed;inset:0;overflow:hidden}.entrance-grid{opacity:0;background:linear-gradient(#e7a86f0b 1px,#0000 1px) 0 0/56px 56px,linear-gradient(90deg,#e7a86f0b 1px,#0000 1px) 0 0/56px 56px,radial-gradient(circle at 50% 46%,#e7a86f1f,#0000 26rem);animation:.9s forwards grid-in;position:absolute;inset:0;transform:scale(1.06)}.entrance-mark{text-align:center;opacity:0;justify-items:center;gap:.72rem;animation:.52s 80ms forwards mark-in;display:grid;position:relative;transform:translateY(.75rem)}.entrance-mark strong{letter-spacing:0;text-transform:uppercase;font-size:clamp(3rem,9vw,7.5rem);font-weight:760;line-height:.86}.entrance-mark small,.mark-code{color:#f3f0e89e;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.mark-line{background:#f3f0e81f;width:min(22rem,62vw);height:1px;overflow:hidden}.mark-line:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);transform-origin:0;width:100%;height:100%;animation:.78s .16s forwards line-scan;display:block}@keyframes entrance-out{to{opacity:0;visibility:hidden}}@keyframes grid-in{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes mark-in{to{opacity:1;transform:translateY(0)}}@keyframes line-scan{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes focus-pulse{0%,to{opacity:.86;scale:.98}50%{opacity:1;scale:1.03}}@keyframes cube-drift{0%,to{translate:0}50%{translate:0 -.55rem}}@keyframes section-reveal{0%{opacity:.25;filter:blur(8px);transform:translateY(3rem)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes marquee-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes item-rise{0%{opacity:.2;transform:translateY(2.2rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes item-slide{0%{opacity:.2;transform:translate(-1.4rem)}to{opacity:1;transform:translate(0)}}@keyframes signal-grow{0%{opacity:.18;transform:scaleX(.18)}to{opacity:1;transform:scaleX(1)}}@media (width<=900px){:root{--gutter:1rem}.ambient-pointer,.scroll-signal{display:none}.site-nav{width:calc(100% - var(--gutter) * 2)}.hero-layout{grid-template-columns:1fr;gap:1.5rem}.studio-panel{grid-template-columns:1fr}}@media (width<=620px){:root{--gutter:.75rem}.site-nav{min-height:2.8rem;top:.5rem}.site-nav__links{gap:0}.site-nav__links a{letter-spacing:.08em;padding:.62rem .42rem;font-size:.58rem}.hero-section{min-height:100svh;padding:5rem var(--gutter) 1rem}.hero-section:before{inset:5rem 1rem 1rem}.hero-grain{background:linear-gradient(#100d1280,#100d123d 36%,#100d12eb),linear-gradient(90deg,#100d12eb,#100d126b 54%,#100d12db)}.art-sun{width:18rem;top:16%;right:-4rem}.art-ridges-back{bottom:20%}.art-ridges-front{height:58%}.art-river{opacity:.32;min-width:13rem;left:52%}.art-tiles{opacity:.62;width:17rem;bottom:9rem;right:-1rem}.art-trace{opacity:.36;inset:22% 1rem 18% 34%}.art-type{font-size:15rem;bottom:.08em;right:-.22em}.kicker{font-size:.68rem}.hero-copy h1{font-size:clamp(4rem,23vw,6.2rem)}.hero-lede{max-width:22rem}.hero-copy{max-width:24rem}.hero-actions{gap:.65rem;width:100%;margin-top:1.5rem}.primary-action,.secondary-action{flex:10rem}.scroll-cue{display:none}.projects-section,.studio-section{width:min(calc(100% - var(--gutter) * 2), var(--max));padding:4rem 0}.studio-footer{width:min(calc(100% - var(--gutter) * 2), var(--max))}.studio-mark{font-size:clamp(2.75rem,14vw,4.6rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.projects-section,.studio-section{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}}