@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');
:root{--bg:#090b10;--bg-deep:#040609;--surface:#111318;--surface-alt:#15171d;--surface-elevated:#1b1e25;--surface-hover:#20242c;--glass:rgba(17,19,24,.72);--border:#2a2f38;--border-soft:rgba(255,255,255,.08);--border-hover:#ff9f1a;--text:#f4f1ea;--text-secondary:#b8bbc4;--text-tertiary:#7d838f;--text-inverse:#07080b;--accent:#ff9500;--accent-hover:#ffb13b;--accent-deep:#c76600;--accent-glow:rgba(255,149,0,.34);--cyan:#5db7d6;--violet:#8b7cff;--bg-rgb:9,11,16;--surface-rgb:17,19,24;--text-rgb:244,241,234;--accent-rgb:255,149,0;--cyan-rgb:93,183,214;--violet-rgb:139,124,255;--success:#61d394;--error:#ff6b6b;--warning:#ffb13b;--shadow-soft:0 24px 80px rgba(0,0,0,.42);--shadow-accent:0 0 36px rgba(var(--accent-rgb),.26);--font-sans:'Noto Sans SC','Inter',system-ui,sans-serif;--font-display:'Inter','Noto Sans SC',system-ui,sans-serif;--font-mono:'JetBrains Mono',Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% 0,rgba(var(--cyan-rgb),.18),transparent 32rem),radial-gradient(circle at 86% 16%,rgba(var(--violet-rgb),.12),transparent 28rem),linear-gradient(180deg,var(--bg),var(--bg-deep) 62%,var(--bg));color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.75;letter-spacing:.02em}body:before{content:'';position:fixed;inset:0;z-index:-3;opacity:.38;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,var(--bg) 10%,var(--bg) 80%,transparent)}body:after{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.45;background-image:radial-gradient(rgba(255,255,255,.38) .6px,transparent .8px);background-size:4px 4px;mix-blend-mode:overlay}a{color:inherit}img,canvas{display:block;max-width:100%}.skip-link{position:fixed;top:12px;left:12px;z-index:999;transform:translateY(-140%);background:var(--accent);color:var(--text-inverse);padding:10px 14px;text-decoration:none}.skip-link:focus{transform:translateY(0)}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,28%),rgba(var(--accent-rgb),.14),transparent 16rem),linear-gradient(90deg,transparent,rgba(var(--cyan-rgb),.06),transparent)}.cursor-glow{position:fixed;left:var(--mx,50%);top:var(--my,50%);z-index:50;width:18px;height:18px;border:1px solid rgba(var(--accent-rgb),.65);border-radius:999px;pointer-events:none;opacity:.72;transform:translate(-50%,-50%);box-shadow:0 0 26px rgba(var(--accent-rgb),.3)}.container{width:min(1440px,calc(100vw - 48px));margin-inline:auto}.section{position:relative;padding:clamp(48px,6vw,96px) 0}.grid-asymmetric,.stage__layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(40px,7vw,112px);align-items:center}.site-nav{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 clamp(20px,4vw,56px);border-bottom:1px solid transparent;background:linear-gradient(180deg,rgba(var(--bg-rgb),.74),rgba(var(--bg-rgb),0));backdrop-filter:blur(10px);transition:.24s}.site-nav.is-scrolled{height:58px;border-bottom-color:var(--border-soft);background:rgba(var(--bg-rgb),.78)}.site-nav__brand,.site-nav__links,.site-nav__cta{display:flex;align-items:center}.site-nav__brand{gap:10px;font-weight:800;text-decoration:none}.site-nav__mark{width:12px;height:12px;background:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb),.65)}.site-nav__links{gap:clamp(18px,3vw,42px)}.site-nav__link,.site-nav__cta{min-height:44px;color:var(--text-secondary);font-size:13px;text-decoration:none;transition:color .18s ease}.site-nav__link:hover,.site-nav__link:focus-visible,.site-nav__cta:hover,.site-nav__cta:focus-visible{color:var(--text)}.site-nav__cta{justify-content:center;color:var(--text);font-weight:700}.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:120px 0 80px}.hero__video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.35}.hero__bg-image{position:absolute;inset:0;z-index:0;background:url("./4月30日(3).gif") center/cover no-repeat;opacity:.6}.hero__grid{position:absolute;inset:0;z-index:1;opacity:.55;background:radial-gradient(circle at 50% 54%,rgba(var(--accent-rgb),.16),transparent 12rem),radial-gradient(circle at 52% 48%,rgba(var(--cyan-rgb),.16),transparent 34rem)}.star-field{position:absolute;inset:0;perspective:1200px;pointer-events:none}.star-card{position:absolute;top:calc(50% + var(--y)*1px);left:calc(50% + var(--x)*1px);width:clamp(170px,20vw,280px);min-height:132px;padding:18px;border:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(var(--surface-rgb),.8),rgba(var(--surface-rgb),.42));box-shadow:var(--shadow-soft);transform:translate3d(-50%,-50%,0) rotate(var(--r));animation:floatCard 6s ease-in-out infinite both;animation-delay:var(--d)}.star-card span,.card__meta,.method-list span,.stage__hud,.timeline-item__date{font-family:var(--font-mono)}.star-card span{color:var(--accent);font-size:11px;letter-spacing:.14em}.star-card strong{display:block;margin:18px 0 8px;font-size:18px;line-height:1.2}.star-card small{color:var(--text-tertiary)}@keyframes floatCard{50%{transform:translate3d(-50%,calc(-50% - 16px),80px) rotate(calc(var(--r)*-.4))}}.hero__content{position:relative;z-index:2;max-width:980px;text-align:center}.badge{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px;border:1px solid var(--border-soft);background:rgba(var(--surface-rgb),.44);color:var(--text-secondary);font:500 11px/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.badge:before{content:'';width:7px;height:7px;background:var(--accent);box-shadow:0 0 14px rgba(var(--accent-rgb),.58)}.hero__title,.section h2,.about__panel h2,.contact h2{margin:18px 0 0;font-family:var(--font-display);letter-spacing:-.055em}.hero__title{font-size:clamp(48px,8vw,116px);line-height:.92;font-weight:700}.hero-word{display:inline-block;animation:heroWordIn .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*70ms)}.hero-word--accent{color:var(--accent-hover);text-shadow:0 0 30px rgba(var(--accent-rgb),.36)}@keyframes heroWordIn{from{opacity:0;transform:translateY(32px) scale(.98);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.hero__lead{max-width:680px;margin:28px auto 0;color:var(--text-secondary);font-size:clamp(16px,1.3vw,19px)}.hero__actions,.contact__links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:1px solid var(--text);border-radius:0;background:var(--text);color:var(--text-inverse);font:650 13px/1 var(--font-sans);text-decoration:none;cursor:pointer;transition:.22s}.button:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-accent)}.button:active{transform:translateY(0) scale(.98);box-shadow:none}.button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.button--ghost{border-color:var(--border);background:rgba(var(--surface-rgb),.22);color:var(--text)}.button--ghost:hover{background:rgba(var(--accent-rgb),.1);color:var(--text)}.hero__door{position:absolute;left:50%;bottom:78px;width:112px;height:132px;transform:translateX(-50%);background:linear-gradient(180deg,var(--bg-deep),var(--surface));box-shadow:0 0 60px rgba(var(--accent-rgb),.42)}.hero__door span{position:absolute;left:-40px;right:-40px;bottom:-18px;height:18px;background:radial-gradient(ellipse,rgba(var(--accent-rgb),.8),transparent 68%)}.marquee{overflow:hidden;border-block:1px solid var(--border-soft);background:rgba(var(--surface-rgb),.32)}.marquee__track{display:flex;width:max-content;padding:18px 0;color:var(--text-tertiary);font:600 12px/1 var(--font-mono);letter-spacing:.18em;animation:marquee 28s linear infinite}.marquee__track span{margin-right:48px}@keyframes marquee{to{transform:translateX(-50%)}}.section-copy h2,.section-head h2,.stage__copy h2,.about__panel h2,.contact h2{font-size:clamp(36px,5vw,72px);line-height:1.02;font-weight:650}.section-copy p,.section-head p,.stage__copy p,.contact p{color:var(--accent);max-width:720px;font-size:clamp(16px,1.5vw,20px)}.ai-method-panel,.stage__screen,.about__panel,.contact__inner{position:relative;border:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(var(--surface-rgb),.9),rgba(var(--surface-rgb),.52));box-shadow:var(--shadow-soft)}.ai-method-panel{display:grid;grid-template-columns:.9fr 1fr;min-height:520px}.method-visual{position:relative;min-height:100%;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.16),transparent 11rem),radial-gradient(circle at 50% 50%,rgba(var(--cyan-rgb),.14),transparent 18rem)}.method-core,.method-ring{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.method-core{width:74px;height:74px;background:var(--accent);box-shadow:0 0 60px rgba(var(--accent-rgb),.52)}.method-ring{border:1px solid var(--border-soft);border-radius:999px;animation:spin 18s linear infinite}.method-ring--one{width:220px;height:220px}.method-ring--two{width:340px;height:340px;animation-direction:reverse}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.method-list{display:grid;align-content:center;gap:14px;margin:0;padding:34px;list-style:none}.method-list li{border:1px solid var(--border-soft);padding:18px;background:rgba(var(--surface-rgb),.42)}.method-list li.is-active{border-color:rgba(var(--accent-rgb),.62);background:rgba(var(--accent-rgb),.08)}.method-list span{color:var(--accent);font-size:12px}.method-list strong{display:block;margin-top:8px}.method-list p{margin:6px 0 0;color:var(--text-secondary);font-size:14px}.section-head{max-width:820px;margin-bottom:46px}.archive-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;border:1px solid var(--border-soft);background:var(--border-soft)}.archive-item{min-height:clamp(260px,34vw,520px);grid-column:span 4;background:var(--surface)}.archive-item--wide{grid-column:span 8}.archive-item--tall{min-height:clamp(420px,52vw,720px)}.card{position:relative;overflow:hidden;border:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(var(--surface-rgb),.88),rgba(var(--surface-rgb),.58));color:var(--text);transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}.card:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(var(--accent-rgb),.18),transparent 34%);transition:opacity .24s ease}.card:hover{transform:translateY(-6px);border-color:rgba(var(--accent-rgb),.58);box-shadow:var(--shadow-soft)}.card:hover:before{opacity:1}.card:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.36),var(--shadow-soft)}.work-poster{min-height:62%;background:radial-gradient(circle at 50% 60%,rgba(var(--accent-rgb),.18),transparent 24rem),var(--surface-alt)}.work-poster--one{background-image:radial-gradient(circle at 50% 52%,rgba(var(--accent-rgb),.28),transparent 9rem),linear-gradient(135deg,rgba(var(--cyan-rgb),.32),transparent 58%)}.work-poster--two{background-image:linear-gradient(90deg,rgba(var(--accent-rgb),.26) 1px,transparent 1px),linear-gradient(rgba(var(--cyan-rgb),.18) 1px,transparent 1px);background-size:38px 38px}.work-poster--three{background-image:radial-gradient(circle at 20% 30%,rgba(var(--accent-rgb),.28),transparent 8rem),radial-gradient(circle at 80% 70%,rgba(var(--violet-rgb),.22),transparent 10rem)}.work-poster--four{background-image:linear-gradient(145deg,rgba(var(--accent-rgb),.22),transparent 36%),radial-gradient(circle at 50% 30%,rgba(var(--cyan-rgb),.22),transparent 12rem)}.work-poster--five{background-image:linear-gradient(120deg,transparent,rgba(var(--accent-rgb),.24),transparent),radial-gradient(circle at 70% 30%,rgba(var(--cyan-rgb),.2),transparent 13rem)}.archive-item__content{position:relative;z-index:1;padding:clamp(20px,3vw,34px)}.card__meta{color:var(--text-tertiary);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.archive-item h3,.timeline-item h3{margin:10px 0 8px;font-size:clamp(22px,2.2vw,34px);line-height:1.18}.archive-item p:not(.card__meta),.timeline-item p{color:var(--text-secondary)}.stage__layout{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr)}.stage__screen{min-height:min(70vh,720px);overflow:hidden}#stage-canvas{width:100%;height:100%;min-height:min(70vh,720px)}.stage__fallback{position:absolute;inset:0;display:none;place-items:center;background:radial-gradient(circle,rgba(var(--accent-rgb),.18),transparent 28rem)}.stage__hud{position:absolute;left:22px;bottom:22px;display:grid;gap:4px;color:var(--text-tertiary);font-size:12px;letter-spacing:.1em}.stage__hud strong{color:var(--text);font-family:var(--font-sans);letter-spacing:.02em}.timeline{border-top:1px solid var(--border-soft)}.timeline-item{display:grid;grid-template-columns:minmax(120px,.28fr) 1fr;gap:clamp(24px,5vw,72px);padding:clamp(28px,5vw,64px) 0;border-bottom:1px solid var(--border-soft)}.timeline-item__date{color:var(--accent);font-size:12px;letter-spacing:.12em;padding-left:24px}.timeline-item h3{margin-top:0}.timeline-item p{margin:0}.about__panel,.contact__inner{padding:clamp(28px,5vw,70px)}.about__text{color:var(--text-secondary)}.about__statement{font-size:clamp(18px,2vw,28px);color:var(--accent);line-height:1.4;font-weight:600}.about__statement--white{color:var(--text)}.contact__inner{text-align:center;background:radial-gradient(circle at 50% 100%,rgba(var(--accent-rgb),.18),transparent 22rem),linear-gradient(180deg,rgba(var(--surface-rgb),.9),rgba(var(--surface-rgb),.52))}.contact__inner p{margin-inline:auto}.contact__socials{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:28px}.contact__social-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 24px;border:1px solid var(--border-soft);border-radius:8px;background:rgba(var(--surface-rgb),.42);color:var(--text);text-decoration:none;font:500 14px/1 var(--font-sans);transition:.22s}.contact__social-btn:hover{transform:translateY(-3px);border-color:var(--accent);background:rgba(var(--accent-rgb),.12);box-shadow:var(--shadow-accent)}.contact__social-icon{font-size:18px}.footer{border-top:1px solid var(--border-soft);color:var(--text-tertiary);font:500 12px/1.5 var(--font-mono)}.footer__inner{display:flex;justify-content:space-between;gap:20px;padding:28px 0}.reveal{opacity:0;transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1)}:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(hover:hover){.magnet-target:hover{transform:translateY(-2px) scale(1.015)}.tilt-card{transform-style:preserve-3d;transition:transform .26s ease,border-color .26s ease}}@media(max-width:1180px){.star-card{opacity:.68}.archive-item,.archive-item--wide{grid-column:span 6}.grid-asymmetric,.stage__layout{grid-template-columns:1fr}}@media(max-width:899px){.container{width:min(100% - 40px,760px)}.site-nav__links{display:none}.star-field{opacity:.34}.star-card{width:180px}.ai-method-panel{grid-template-columns:1fr}.method-visual{min-height:320px}.cursor-glow{display:none}}@media(max-width:640px){.container{width:min(100% - 32px,560px)}.section{padding:76px 0}.site-nav{height:62px}.site-nav__cta{display:none}.hero{min-height:92svh;padding-top:96px}.hero__content{text-align:left}.hero__actions,.contact__links{align-items:stretch;flex-direction:column}.button{width:100%;min-height:48px}.hero__door{left:auto;right:24px;width:72px;height:92px;opacity:.7}.marquee__track{animation-duration:22s}.archive-grid{display:block;border:0;background:transparent}.archive-item,.archive-item--wide,.archive-item--tall{min-height:auto;margin-bottom:16px}.stage__screen,#stage-canvas{min-height:420px}.timeline-item{grid-template-columns:1fr;gap:12px}.footer__inner{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.star-card,.tilt-card{filter:none!important}.stage__fallback{display:grid}}
.stage__screen.is-static .stage__fallback{display:grid}.stage__screen.is-static #stage-canvas{display:none}
.ai-method-panel{display:block;min-height:520px;overflow:hidden}.work-stream{position:relative;height:clamp(520px,58vw,760px);overflow:hidden;background:radial-gradient(circle at 50% 36%,rgba(var(--accent-rgb),.18),transparent 18rem),radial-gradient(circle at 50% 64%,rgba(var(--cyan-rgb),.16),transparent 24rem),var(--surface)}.work-stream:before,.work-stream:after{content:'';position:absolute;left:0;right:0;z-index:2;height:110px;pointer-events:none}.work-stream:before{top:0;background:linear-gradient(180deg,var(--surface),transparent)}.work-stream:after{bottom:0;background:linear-gradient(0deg,var(--surface),transparent)}.work-stream__track{display:grid;gap:18px;padding:22px;animation:workStream 28s linear infinite}.work-stream:hover .work-stream__track{animation-play-state:paused}.work-stream__item{position:relative;min-height:210px;padding:20px;border:1px solid var(--border-soft);background:var(--surface-alt);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow-soft)}.work-stream__item:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,rgba(var(--accent-rgb),.24),transparent 10rem),linear-gradient(135deg,rgba(var(--cyan-rgb),.16),transparent 54%)}.work-stream__item:after{content:'';position:absolute;inset:18px;border:1px solid var(--border-soft);opacity:.58}.work-stream__item span,.work-stream__item strong{position:relative;z-index:1}.work-stream__item span{color:var(--accent);font:500 11px/1.4 var(--font-mono);letter-spacing:.14em}.work-stream__item strong{margin-top:8px;font-size:clamp(20px,2vw,30px);line-height:1.16}.work-stream__item--two:before{background-image:linear-gradient(90deg,rgba(var(--accent-rgb),.24) 1px,transparent 1px),linear-gradient(rgba(var(--cyan-rgb),.18) 1px,transparent 1px);background-size:34px 34px}.work-stream__item--three:before{background:radial-gradient(circle at 24% 30%,rgba(var(--violet-rgb),.25),transparent 9rem),radial-gradient(circle at 76% 68%,rgba(var(--accent-rgb),.28),transparent 10rem)}.work-stream__item--four:before{background:linear-gradient(145deg,rgba(var(--accent-rgb),.24),transparent 36%),radial-gradient(circle at 50% 30%,rgba(var(--cyan-rgb),.24),transparent 12rem)}.work-stream__item--five:before{background:linear-gradient(120deg,transparent,rgba(var(--accent-rgb),.25),transparent),radial-gradient(circle at 70% 30%,rgba(var(--cyan-rgb),.2),transparent 13rem)}@keyframes workStream{to{transform:translateY(-50%)}}@media(max-width:899px){.work-stream{height:520px}.work-stream__item{min-height:190px}}@media(prefers-reduced-motion:reduce){.work-stream__track{animation:none}}
.stage__fallback:before{content:'';width:160px;height:160px;border:1px solid var(--border-hover);transform:rotate(45deg);box-shadow:var(--shadow-accent);background:radial-gradient(circle,rgba(var(--accent-rgb),.22),transparent 68%)}
.magazine-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.magazine-row{display:grid;gap:12px;grid-template-columns:repeat(12,1fr)}.magazine-row--one .magazine-card--large{grid-column:span 5}.magazine-row--one .magazine-card--medium{grid-column:span 4}.magazine-row--one .magazine-card--small{grid-column:span 3}.magazine-row--two .magazine-card--small{grid-column:span 3}.magazine-row--two .magazine-card--medium{grid-column:span 4}.magazine-row--two .magazine-card--large{grid-column:span 5}.magazine-row--three .magazine-card--medium{grid-column:span 4}.magazine-row--three .magazine-card--small{grid-column:span 3}.magazine-row--three .magazine-card--large{grid-column:span 5}.magazine-row--four .magazine-card--large{grid-column:span 5}.magazine-row--four .magazine-card--small{grid-column:span 3}.magazine-row--four .magazine-card--medium{grid-column:span 4}.magazine-row--five .magazine-card--medium{grid-column:span 4}.magazine-row--five .magazine-card--large{grid-column:span 5}.magazine-row--five .magazine-card--small{grid-column:span 3}.magazine-card{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--border-soft);cursor:pointer;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}.magazine-card:hover{transform:translateY(-4px) scale(1.01);border-color:rgba(var(--accent-rgb),.5);box-shadow:0 20px 60px rgba(0,0,0,.5)}.magazine-card__image{width:100%;height:100%;min-height:clamp(160px,20vw,320px);overflow:hidden}.magazine-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s ease}.magazine-card:hover .magazine-card__image img{transform:scale(1.06);filter:saturate(1.15)}.magazine-card__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(14px,2vw,24px);background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.65) 100%);opacity:0;transition:opacity .3s ease}.magazine-card:hover .magazine-card__overlay{opacity:1}.magazine-card__tag{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 10px;border:1px solid rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.15);color:var(--accent);font:600 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;width:fit-content;margin-bottom:8px}.magazine-card__overlay h3{color:#fff;font-size:clamp(16px,1.8vw,24px);line-height:1.15;margin:0;font-weight:700}.magazine-carousel{position:relative;overflow:hidden;border:1px solid var(--border-soft);border-radius:12px;background:rgba(var(--surface-rgb),.32)}.magazine-carousel:before,.magazine-carousel:after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.magazine-carousel:before{left:0;background:linear-gradient(90deg,var(--bg),transparent)}.magazine-carousel:after{right:0;background:linear-gradient(270deg,var(--bg),transparent)}.magazine-carousel__track{display:flex;gap:8px;width:max-content;animation:magazineCarouselScroll 40s linear infinite}.magazine-carousel:hover .magazine-carousel__track{animation-play-state:paused}.carousel-slide{width:clamp(200px,22vw,340px);height:clamp(140px,15vw,220px);flex:0 0 auto;border-radius:8px;overflow:hidden;border:1px solid var(--border-soft);transition:transform .3s ease,border-color .3s ease}.carousel-slide:hover{transform:scale(1.04);border-color:rgba(var(--accent-rgb),.5)}.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}@keyframes magazineCarouselScroll{to{transform:translateX(calc(-50% - 4px))}}@media(max-width:899px){.magazine-row{grid-template-columns:1fr 1fr}.magazine-row .magazine-card--large,.magazine-row .magazine-card--medium,.magazine-row .magazine-card--small{grid-column:span 1}.magazine-card__image{min-height:180px}.magazine-carousel{overflow-x:auto;scroll-snap-type:x mandatory}.magazine-carousel:before,.magazine-carousel:after{display:none}.magazine-carousel__track{animation:none;width:max-content}.carousel-slide{width:min(70vw,300px);height:200px;scroll-snap-align:start}}@media(max-width:640px){.magazine-row{grid-template-columns:1fr}.magazine-card__image{min-height:200px}}@media(prefers-reduced-motion:reduce){.magazine-carousel__track{animation:none}}
.timeline-item__date{font-size:clamp(18px,2.2vw,32px)!important;font-weight:800!important;line-height:1!important;letter-spacing:.08em!important}
#about-title{font-size:clamp(26px,3vw,48px)!important;line-height:1.08!important;letter-spacing:-.04em!important;white-space:nowrap}.about__subtitle{margin:18px 0 0;color:var(--text-secondary);font-size:clamp(15px,1.05vw,18px);line-height:1.7;max-width:760px}@media(max-width:899px){#about-title{white-space:normal}}
.reveal{opacity:1!important;transform:none!important}.js .reveal{opacity:0!important;transform:translateY(28px)!important}.js .reveal.is-visible{opacity:1!important;transform:translateY(0)!important;transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1)}
#about-title{font-size:clamp(36px,5vw,72px)!important;line-height:1.02!important;letter-spacing:-.055em!important;white-space:normal!important}
.hero{place-items:center}.hero .star-field,.hero__door{display:none}.hero__content{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(360px,1.28fr);align-items:center;gap:clamp(32px,6vw,96px);max-width:none;text-align:left}.hero__copy{position:relative;z-index:2;max-width:560px}.hero__title{font-size:clamp(46px,6vw,88px);line-height:.96;letter-spacing:-.06em}.hero__lead{margin:24px 0 0;max-width:520px}.hero__actions{justify-content:flex-start}.hero-portrait{position:relative;min-height:min(72vh,720px);filter:drop-shadow(0 34px 80px rgba(0,0,0,.58))}.hero-portrait__head{position:absolute;inset:5% 0 0 auto;width:min(58vw,720px);height:min(68vh,680px);border-radius:46% 54% 48% 52%/34% 38% 62% 66%;background:radial-gradient(circle at 44% 28%,rgba(255,255,255,.58),transparent 8rem),radial-gradient(circle at 54% 36%,rgba(var(--cyan-rgb),.36),transparent 16rem),linear-gradient(145deg,rgba(var(--text-rgb),.22),rgba(var(--surface-rgb),.92) 42%,rgba(var(--bg-rgb),.96));overflow:hidden;transform:rotate(-7deg);box-shadow:inset 0 0 90px rgba(255,255,255,.08),0 0 80px rgba(var(--cyan-rgb),.18)}.hero-portrait__head:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(8deg,transparent 0 12px,rgba(var(--accent-rgb),.34) 13px 15px,rgba(var(--cyan-rgb),.24) 16px 18px,transparent 19px 36px);mix-blend-mode:screen;opacity:.72;mask-image:radial-gradient(circle at 48% 42%,var(--bg) 0 44%,transparent 68%)}.hero-portrait__head:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 0 36%,rgba(var(--bg-rgb),.76) 52%,transparent 72%),repeating-linear-gradient(0deg,rgba(var(--text-rgb),.18) 0 1px,transparent 1px 18px);mix-blend-mode:overlay;opacity:.62}.hero-portrait__scan{position:absolute;left:6%;right:8%;height:7px;background:linear-gradient(90deg,transparent,var(--accent),rgba(var(--cyan-rgb),.86),transparent);box-shadow:0 0 22px rgba(var(--accent-rgb),.5);z-index:2}.hero-portrait__scan--one{top:34%;transform:rotate(8deg)}.hero-portrait__scan--two{top:44%;transform:rotate(-6deg)}.hero-portrait__scan--three{top:53%;transform:rotate(5deg)}.hero-portrait__code{position:absolute;z-index:3;color:rgba(var(--text-rgb),.72);font:500 11px/1.4 var(--font-mono);letter-spacing:.12em;text-shadow:0 0 12px rgba(var(--accent-rgb),.4)}.hero-portrait__code--one{top:18%;right:14%;transform:rotate(-9deg)}.hero-portrait__code--two{top:58%;right:20%;transform:rotate(6deg)}@media(max-width:899px){.hero__content{grid-template-columns:1fr}.hero-portrait{min-height:420px;order:-1;opacity:.72}.hero-portrait__head{width:100%;height:420px;right:-16%;top:0}.hero__copy{max-width:100%}}@media(max-width:640px){.hero-portrait{min-height:300px}.hero-portrait__head{height:300px}.hero-portrait__code{display:none}}
.identity-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.identity-chips span{min-height:32px;padding:7px 11px;border:1px solid var(--border-soft);background:rgba(var(--surface-rgb),.38);color:var(--text-secondary);font:500 11px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.training-pipeline{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:28px;padding-top:18px}.training-pipeline:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,var(--accent),rgba(var(--cyan-rgb),.75),transparent);transform-origin:left;animation:pipelineFlow 3.8s ease-in-out infinite}.training-pipeline span{position:relative;min-height:42px;display:grid;place-items:center;border:1px solid var(--border-soft);background:rgba(var(--surface-rgb),.48);color:var(--text-secondary);font:600 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.training-pipeline span:before{content:'';position:absolute;top:-23px;width:8px;height:8px;background:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb),.72);animation:nodePulse 2.6s ease-in-out infinite}.training-pipeline span:nth-child(2):before{animation-delay:.2s}.training-pipeline span:nth-child(3):before{animation-delay:.4s}.training-pipeline span:nth-child(4):before{animation-delay:.6s}.training-pipeline span:nth-child(5):before{animation-delay:.8s}.training-pipeline span:nth-child(6):before{animation-delay:1s}@keyframes pipelineFlow{0%,100%{transform:scaleX(.18);opacity:.38}50%{transform:scaleX(1);opacity:1}}@keyframes nodePulse{0%,100%{transform:scale(.7);opacity:.45}50%{transform:scale(1.25);opacity:1}}.work-stream__item small{position:relative;z-index:1;margin-top:8px;color:var(--text-tertiary);font:500 12px/1.5 var(--font-mono);letter-spacing:.04em}.work-stream__item-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;transition:opacity .4s ease,transform .6s cubic-bezier(.16,1,.3,1);z-index:0}.work-stream__item:hover .work-stream__item-image{opacity:.45;transform:scale(1.05)}.archive-slide:after{content:'SCAN';position:absolute;right:18px;top:18px;z-index:2;color:var(--accent);font:600 10px/1 var(--font-mono);letter-spacing:.16em;opacity:0;transition:opacity .22s ease}.archive-slide:hover:after{opacity:1}.archive-slide:hover .work-poster{filter:saturate(1.18);transform:scale(1.025)}.work-poster{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .4s ease}.timeline-item{position:relative}.timeline-item:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--accent),transparent);opacity:.5}.timeline-item:hover{background:linear-gradient(90deg,rgba(var(--accent-rgb),.06),transparent 42%)}.contact__inner:before{content:'';position:absolute;inset:0;border:1px solid rgba(var(--accent-rgb),.22);background:linear-gradient(120deg,transparent,rgba(var(--accent-rgb),.08),transparent);pointer-events:none}@media(max-width:899px){.training-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.training-pipeline:before{display:none}}
.modeling-stage-section{overflow:hidden}.stage-header{display:flex;align-items:baseline;gap:20px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border-soft)}.stage-header__number{font-size:clamp(28px,3vw,42px);font-weight:800;color:var(--accent);font-family:var(--font-mono);letter-spacing:.04em}.stage-header__text{display:flex;flex-direction:column;gap:4px}.stage-header__text h2{margin:0;font-size:clamp(24px,2.8vw,38px);font-weight:700;letter-spacing:-.02em}.stage-header__text small{color:var(--text-tertiary);font:500 12px/1 var(--font-mono);letter-spacing:.14em}.modeling-gallery{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:20px}.modeling-gallery__main{position:relative;border-radius:16px;overflow:hidden;min-height:clamp(280px,36vw,480px);cursor:pointer;transition:transform .4s cubic-bezier(.16,1,.3,1)}.modeling-gallery__main:hover{transform:scale(1.01)}.modeling-gallery__main img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.modeling-gallery__main:hover img{transform:scale(1.04)}.modeling-gallery__tag{position:absolute;left:16px;bottom:16px;padding:6px 14px;border-radius:6px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);color:var(--text);font:500 11px/1 var(--font-mono);letter-spacing:.1em}.modeling-gallery__side{display:grid;grid-template-rows:1fr 1fr;gap:16px}.modeling-gallery__side img{width:100%;height:100%;object-fit:cover;border-radius:16px;cursor:pointer;transition:transform .4s cubic-bezier(.16,1,.3,1)}.modeling-gallery__side img:hover{transform:scale(1.03)}.modeling-gallery__scroll{overflow:hidden;margin-top:24px;padding:4px 0}.modeling-gallery__scroll-track{display:flex;gap:14px;animation:scrollGallery 30s linear infinite;width:max-content}.modeling-gallery__scroll:hover .modeling-gallery__scroll-track{animation-play-state:paused}.modeling-gallery__scroll-track img{width:clamp(160px,18vw,240px);height:clamp(100px,12vw,150px);object-fit:cover;border-radius:12px;flex-shrink:0;transition:transform .3s ease}.modeling-gallery__scroll-track img:hover{transform:scale(1.05)}@keyframes scrollGallery{to{transform:translateX(-50%)}}@media(max-width:899px){.modeling-gallery{grid-template-columns:1fr}.modeling-gallery__main{min-height:260px}.modeling-gallery__side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.modeling-gallery__side img{min-height:160px}}
.model-shot__image{background-size:cover;background-position:center}.model-shot__image:before{background:linear-gradient(180deg,rgba(var(--bg-rgb),.04),rgba(var(--bg-rgb),.36))}.model-shot__image--01{background-image:linear-gradient(180deg,rgba(var(--bg-rgb),.04),rgba(var(--bg-rgb),.36)),url('./jianmo/6.png')}.model-shot__image--02{background-image:linear-gradient(180deg,rgba(var(--bg-rgb),.04),rgba(var(--bg-rgb),.36)),url('./jianmo/1.png')}.model-shot__image--03{background-image:linear-gradient(180deg,rgba(var(--bg-rgb),.04),rgba(var(--bg-rgb),.36)),url('./jianmo/2.png')}.model-shot__image--04{background-image:linear-gradient(180deg,rgba(var(--bg-rgb),.04),rgba(var(--bg-rgb),.36)),url('./jianmo/3.png')}.model-shot__image--05{background-image:linear-gradient(180deg,rgba(var(--bg-rgb),.04),rgba(var(--bg-rgb),.36)),url('./jianmo/4.jpg')}.model-shot__image--06{background-image:linear-gradient(180deg,rgba(var(--bg-rgb),.04),rgba(var(--bg-rgb),.36)),url('./jianmo/5.png')}.model-shot__image--07{background-image:linear-gradient(180deg,rgba(var(--bg-rgb),.04),rgba(var(--bg-rgb),.36)),url('./jianmo/7.png')}.model-shot__image--08{background-image:linear-gradient(180deg,rgba(var(--bg-rgb),.04),rgba(var(--bg-rgb),.36)),url('./jianmo/8.png')}.model-shot__image--09{background-image:linear-gradient(180deg,rgba(var(--bg-rgb),.04),rgba(var(--bg-rgb),.36)),url('./jianmo/9.png')}
.identity-module{position:relative;padding-top:clamp(72px,8vw,130px);padding-bottom:clamp(72px,8vw,130px);overflow:hidden}.identity-module:before{content:'';position:absolute;inset:12% 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.5),rgba(var(--cyan-rgb),.4),transparent)}.identity-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:clamp(20px,4vw,56px);align-items:stretch}.identity-card{position:relative;min-height:420px;padding:clamp(24px,4vw,48px);border:1px solid var(--border-soft);background:linear-gradient(135deg,rgba(var(--surface-rgb),.86),rgba(var(--bg-rgb),.74));box-shadow:var(--shadow-soft);overflow:hidden}.identity-card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 48%,rgba(var(--accent-rgb),.18) 50%,transparent 52%);transform:translateY(-120%);animation:identityScan 4.8s ease-in-out infinite;mix-blend-mode:screen}.identity-card:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(var(--text-rgb),.055) 0 1px,transparent 1px 14px);pointer-events:none;opacity:.52}.identity-card__header{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:34px}.identity-card__header span{color:var(--accent);font:600 10px/1 var(--font-mono);letter-spacing:.16em;animation:loadingBlink 1.3s ease-in-out infinite}.identity-card h2{position:relative;z-index:1;max-width:780px;margin:0 0 32px;font-size:clamp(32px,4.8vw,68px);line-height:1.02;letter-spacing:-.055em}.identity-fields{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.identity-fields article{position:relative;min-height:128px;padding:18px;border:1px solid var(--border-soft);background:rgba(var(--surface-rgb),.48);overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .25s ease,background .25s ease}.identity-fields article:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(var(--accent-rgb),.12),transparent);transform:translateX(-120%);transition:transform .7s cubic-bezier(.16,1,.3,1)}.identity-fields article:hover{transform:translateY(-6px);border-color:rgba(var(--accent-rgb),.58);background:rgba(var(--surface-rgb),.66)}.identity-fields article:hover:before{transform:translateX(120%)}.identity-fields span{display:block;margin-bottom:14px;color:var(--text-tertiary);font:600 10px/1 var(--font-mono);letter-spacing:.16em}.identity-fields strong{display:block;color:var(--text-primary);font-size:clamp(18px,2vw,26px);letter-spacing:-.03em}.identity-fields small{display:block;margin-top:10px;color:var(--text-secondary);font:500 12px/1.55 var(--font-mono)}.identity-scan{position:absolute;inset:-22px;pointer-events:none;border:1px solid rgba(var(--accent-rgb),.12);background:radial-gradient(circle at 28% 24%,rgba(var(--accent-rgb),.12),transparent 18rem),radial-gradient(circle at 78% 74%,rgba(var(--cyan-rgb),.12),transparent 20rem)}.identity-orbit{position:relative;min-height:420px;border:1px solid var(--border-soft);background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.14),transparent 8rem),rgba(var(--surface-rgb),.34);overflow:hidden}.identity-orbit:before{content:'';position:absolute;inset:15%;border:1px solid rgba(var(--text-rgb),.1);border-radius:50%;animation:identityRotate 18s linear infinite}.identity-orbit:after{content:'AI';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:rgba(var(--text-rgb),.08);font:800 clamp(72px,9vw,128px)/1 var(--font-display);letter-spacing:-.08em}.identity-orbit span{position:absolute;padding:9px 11px;border:1px solid var(--border-soft);background:rgba(var(--bg-rgb),.58);color:var(--text-secondary);font:600 10px/1 var(--font-mono);letter-spacing:.12em;white-space:nowrap;animation:tagFloat 5.5s ease-in-out infinite}.identity-orbit span:nth-child(1){left:14%;top:18%;color:var(--accent)}.identity-orbit span:nth-child(2){right:8%;top:34%;animation-delay:.7s}.identity-orbit span:nth-child(3){left:8%;bottom:28%;animation-delay:1.4s}.identity-orbit span:nth-child(4){right:12%;bottom:16%;animation-delay:2.1s}@keyframes identityScan{0%,100%{transform:translateY(-120%);opacity:.15}45%,55%{opacity:.78}70%{transform:translateY(120%);opacity:.18}}@keyframes loadingBlink{0%,100%{opacity:.35}50%{opacity:1}}@keyframes identityRotate{to{transform:rotate(360deg)}}@keyframes tagFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@media(max-width:899px){.identity-shell{grid-template-columns:1fr}.identity-fields{grid-template-columns:1fr}.identity-orbit{min-height:280px}.identity-card{min-height:auto}}@media(prefers-reduced-motion:reduce){.identity-card:before,.identity-orbit:before,.identity-orbit span{animation:none}}

/* ============================================
   VISUAL ARCHIVE - ORBIT GALLERY REDESIGN
   ============================================ */

.works-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

/* --- Header --- */
.works-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 48px;
  flex-wrap: wrap;
}

.works-header__left {
  flex: 1;
  min-width: 280px;
}

.works-header__left .badge {
  margin-bottom: 12px;
}

.works-header__left h2 {
  margin: 0 0 12px;
  font-size: clamp(28px, 3.5vw, 48px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.works-subtitle {
  margin: 0;
  color: var(--text-secondary);
  font-size: clamp(13px, 1.2vw, 16px);
  line-height: 1.6;
  max-width: 520px;
}

.works-header__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  flex-shrink: 0;
}

/* View Mode Toggle */
.view-mode-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
}

.view-mode-label {
  font-size: 10px;
  font-family: var(--font-mono);
  color: var(--text-tertiary);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.view-mode-btn {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border-soft);
  border-radius: 6px;
  background: rgba(var(--surface-rgb), 0.4);
  color: var(--text-tertiary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.view-mode-btn:hover {
  border-color: var(--accent);
  color: var(--accent);
}

.view-mode-btn.active {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(var(--accent-rgb), 0.12);
}

/* Filter Tags */
.filter-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.filter-tag {
  padding: 6px 16px;
  border: 1px solid var(--border-soft);
  border-radius: 20px;
  background: rgba(var(--surface-rgb), 0.3);
  color: var(--text-tertiary);
  font-size: 12px;
  font-family: var(--font-mono);
  cursor: pointer;
  transition: all 0.25s ease;
  white-space: nowrap;
}

.filter-tag small {
  margin-left: 6px;
  opacity: 0.6;
  font-size: 10px;
}

.filter-tag:hover {
  border-color: rgba(var(--accent-rgb), 0.5);
  color: var(--text);
}

.filter-tag.active {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(var(--accent-rgb), 0.1);
  box-shadow: 0 0 20px rgba(var(--accent-rgb), 0.15);
}

/* ============================================
   3D CAROUSEL
   ============================================ */

.carousel-3d {
  position: relative;
  width: 100%;
  height: clamp(320px, 40vw, 520px);
  perspective: 1200px;
  margin-bottom: 60px;
  overflow: hidden;
}

.carousel-3d__track {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.carousel-3d__item {
  position: absolute;
  width: clamp(160px, 18vw, 260px);
  height: clamp(220px, 26vw, 360px);
  left: 50%;
  top: 50%;
  margin-left: calc(clamp(160px, 18vw, 260px) / -2);
  margin-top: calc(clamp(220px, 26vw, 360px) / -2);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--border-soft);
  transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  backface-visibility: hidden;
}

.carousel-3d__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease, filter 0.4s ease;
}

.carousel-3d__item:hover img {
  transform: scale(1.05);
}

.carousel-3d__item.is-active {
  border-color: var(--accent);
  box-shadow: 0 0 40px rgba(var(--accent-rgb), 0.3), 0 20px 60px rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.carousel-3d__item.is-active img {
  filter: saturate(1.2) brightness(1.1);
}

.carousel-3d__item.is-dimmed {
  opacity: 0.35;
  filter: blur(2px);
}

/* Carousel Controls */
.carousel-3d__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  z-index: 20;
}

.carousel-3d__counter {
  font-family: var(--font-mono);
  font-size: 14px;
  color: var(--accent);
  letter-spacing: 0.1em;
}

.carousel-3d__counter #carouselCurrent {
  font-weight: 700;
  font-size: 18px;
}

.carousel-3d__progress {
  flex: 1;
  max-width: 200px;
  height: 2px;
  background: var(--border-soft);
  border-radius: 1px;
  margin: 0 20px;
  overflow: hidden;
}

.carousel-3d__progress-bar {
  height: 100%;
  background: var(--accent);
  border-radius: 1px;
  transition: width 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.5);
}

.carousel-3d__nav {
  display: flex;
  gap: 8px;
}

.carousel-3d__nav-btn {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border-soft);
  border-radius: 8px;
  background: rgba(var(--surface-rgb), 0.5);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 0.25s ease;
  backdrop-filter: blur(8px);
}

.carousel-3d__nav-btn:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(var(--accent-rgb), 0.1);
}

/* ============================================
   ORBIT SECTION (3-column layout)
   ============================================ */

.orbit-section {
  display: grid;
  grid-template-columns: 280px 1fr 300px;
  gap: 32px;
  align-items: start;
  min-height: 600px;
}

/* --- Explore Panel (Left) --- */
.explore-panel {
  padding: 24px;
  border: 1px solid var(--border-soft);
  border-radius: 16px;
  background: rgba(var(--surface-rgb), 0.3);
  backdrop-filter: blur(10px);
}

.explore-panel__title {
  margin: 0 0 4px;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--accent);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.explore-panel__subtitle {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: var(--text);
}

.explore-panel__desc {
  margin: 0 0 20px;
  font-size: 12px;
  color: var(--text-tertiary);
  line-height: 1.6;
}

.explore-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.explore-card {
  padding: 16px 12px;
  border: 1px solid var(--border-soft);
  border-radius: 10px;
  background: rgba(var(--surface-rgb), 0.4);
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.explore-card:hover {
  border-color: rgba(var(--accent-rgb), 0.5);
  background: rgba(var(--accent-rgb), 0.08);
  transform: translateY(-2px);
}

.explore-card__icon {
  width: 36px;
  height: 36px;
  margin: 0 auto 10px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(var(--accent-rgb), 0.1);
  color: var(--accent);
}

.explore-card h4 {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text);
}

.explore-card p {
  margin: 0;
  font-size: 10px;
  color: var(--text-tertiary);
  line-height: 1.4;
}

/* --- Orbit Gallery (Center) --- */
.orbit-gallery {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  max-width: 560px;
  margin: 0 auto;
  display: grid;
  place-items: center;
}

/* Core (center glow) */
.orbit-gallery__core {
  position: absolute;
  width: 120px;
  height: 120px;
  display: grid;
  place-items: center;
  z-index: 5;
}

.orbit-gallery__core-ring {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid rgba(var(--accent-rgb), 0.3);
  animation: coreRotate 20s linear infinite;
}

.orbit-gallery__core-ring--inner {
  width: 60%;
  height: 60%;
  border-color: rgba(var(--accent-rgb), 0.5);
  animation-direction: reverse;
  animation-duration: 12s;
}

.orbit-gallery__core-glow {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--accent-rgb), 0.25), transparent 70%);
  animation: corePulse 4s ease-in-out infinite;
}

@keyframes coreRotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes corePulse {
  0%, 100% { transform: scale(1); opacity: 0.6; }
  50% { transform: scale(1.3); opacity: 1; }
}

/* Orbits */
.orbit-gallery__orbits {
  position: absolute;
  inset: 0;
}

.orbit-gallery__orbit {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(var(--accent-rgb), 0.08);
}

.orbit-gallery__orbit--inner {
  inset: 18%;
  animation: orbitRotate 30s linear infinite;
}

.orbit-gallery__orbit--outer {
  inset: 5%;
  animation: orbitRotate 45s linear infinite reverse;
}

.orbit-gallery__orbit:hover {
  animation-play-state: paused;
}

@keyframes orbitRotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Orbit items (images on orbits) */
.orbit-item {
  position: absolute;
  width: clamp(60px, 8vw, 90px);
  height: clamp(80px, 11vw, 120px);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(var(--accent-rgb), 0.2);
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.orbit-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.orbit-item:hover {
  transform: scale(1.3);
  border-color: var(--accent);
  box-shadow: 0 0 30px rgba(var(--accent-rgb), 0.4), 0 10px 40px rgba(0, 0, 0, 0.6);
  z-index: 100;
}

.orbit-item:hover img {
  transform: scale(1.1);
}

.orbit-item.is-dimmed {
  opacity: 0.25;
  filter: blur(1px);
}

/* Position items on inner orbit (6 items) */
.orbit-gallery__orbit--inner .orbit-item:nth-child(1) { top: -10%; left: 50%; transform: translateX(-50%); }
.orbit-gallery__orbit--inner .orbit-item:nth-child(2) { top: 20%; right: -8%; }
.orbit-gallery__orbit--inner .orbit-item:nth-child(3) { bottom: 5%; right: 5%; }
.orbit-gallery__orbit--inner .orbit-item:nth-child(4) { bottom: -10%; left: 50%; transform: translateX(-50%); }
.orbit-gallery__orbit--inner .orbit-item:nth-child(5) { bottom: 5%; left: 5%; }
.orbit-gallery__orbit--inner .orbit-item:nth-child(6) { top: 20%; left: -8%; }

/* Position items on outer orbit (4 items, larger) */
.orbit-gallery__orbit--outer .orbit-item {
  width: clamp(70px, 9vw, 100px);
  height: clamp(90px, 12vw, 130px);
}

.orbit-gallery__orbit--outer .orbit-item:nth-child(1) { top: -5%; left: 50%; transform: translateX(-50%); }
.orbit-gallery__orbit--outer .orbit-item:nth-child(2) { top: 50%; right: -5%; transform: translateY(-50%); }
.orbit-gallery__orbit--outer .orbit-item:nth-child(3) { bottom: -5%; left: 50%; transform: translateX(-50%); }
.orbit-gallery__orbit--outer .orbit-item:nth-child(4) { top: 50%; left: -5%; transform: translateY(-50%); }

/* Particles */
.orbit-gallery__particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.orbit-particle {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--accent);
  opacity: 0.4;
  animation: particleFloat 6s ease-in-out infinite;
}

@keyframes particleFloat {
  0%, 100% { transform: translateY(0) scale(1); opacity: 0.4; }
  50% { transform: translateY(-10px) scale(1.5); opacity: 0.8; }
}

/* Drag hint */
.orbit-gallery__drag-hint {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: 20px;
  background: rgba(var(--surface-rgb), 0.6);
  backdrop-filter: blur(8px);
  color: var(--text-tertiary);
  font-size: 11px;
  font-family: var(--font-mono);
  z-index: 10;
  pointer-events: none;
}

/* --- AI Recommend Panel (Right) --- */
.ai-recommend-panel {
  padding: 24px;
  border: 1px solid var(--border-soft);
  border-radius: 16px;
  background: rgba(var(--surface-rgb), 0.3);
  backdrop-filter: blur(10px);
}

.ai-recommend-panel__title {
  margin: 0 0 4px;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--accent);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.ai-recommend-panel__subtitle {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: var(--text);
}

.ai-recommend-panel__desc {
  margin: 0 0 20px;
  font-size: 12px;
  color: var(--text-tertiary);
  line-height: 1.6;
}

.ai-recommend-card {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--border-soft);
  margin-bottom: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.ai-recommend-card:hover {
  border-color: rgba(var(--accent-rgb), 0.5);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.ai-recommend-card__image {
  position: relative;
  width: 100%;
  height: 160px;
  overflow: hidden;
}

.ai-recommend-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.ai-recommend-card:hover .ai-recommend-card__image img {
  transform: scale(1.05);
}

.ai-recommend-card__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 16px;
  background: linear-gradient(180deg, transparent 20%, rgba(0, 0, 0, 0.7) 100%);
}

.ai-recommend-card__label {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  background: rgba(var(--accent-rgb), 0.2);
  color: var(--accent);
  font-size: 10px;
  font-family: var(--font-mono);
  letter-spacing: 0.08em;
  margin-bottom: 8px;
  width: fit-content;
}

.ai-recommend-card__overlay h4 {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
}

.ai-recommend-card__link {
  font-size: 12px;
  color: var(--accent);
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.ai-recommend-card__link:hover {
  opacity: 0.8;
}

/* Trending Section */
.trending-section {
  padding-top: 16px;
  border-top: 1px solid var(--border-soft);
}

.trending-section__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 4px;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--accent);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.trending-section__title svg {
  color: var(--accent);
}

.trending-section__subtitle {
  margin: 0 0 12px;
  font-size: 12px;
  color: var(--text-tertiary);
}

.trending-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.trending-tag {
  padding: 4px 12px;
  border-radius: 14px;
  background: rgba(var(--surface-rgb), 0.5);
  border: 1px solid var(--border-soft);
  color: var(--text-secondary);
  font-size: 11px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.trending-tag:hover {
  border-color: rgba(var(--accent-rgb), 0.4);
  color: var(--accent);
  background: rgba(var(--accent-rgb), 0.08);
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1100px) {
  .orbit-section {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .orbit-section__left,
  .orbit-section__right {
    order: 2;
  }

  .orbit-section__center {
    order: 1;
  }

  .explore-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .works-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .works-header__right {
    align-items: flex-start;
  }

  .filter-tags {
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  .explore-grid {
    grid-template-columns: 1fr 1fr;
  }

  .carousel-3d {
    height: clamp(260px, 50vw, 400px);
  }

  .carousel-3d__item {
    width: clamp(120px, 30vw, 200px);
    height: clamp(170px, 38vw, 280px);
  }

  .orbit-gallery {
    max-width: 360px;
  }

  .orbit-item {
    width: 50px !important;
    height: 68px !important;
  }
}

@media (max-width: 480px) {
  .explore-grid {
    grid-template-columns: 1fr;
  }

  .filter-tags {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 8px;
  }

  .filter-tag {
    flex-shrink: 0;
  }
}
.orbit-works{padding-bottom:0;overflow:visible;background:#050505}.orbit-header{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap;margin-bottom:clamp(28px,3vw,42px)}.orbit-header__left{max-width:580px}.orbit-header__left h2{font-size:clamp(38px,5.6vw,72px);line-height:.96;letter-spacing:-.06em;margin:8px 0 14px}.orbit-header__left p{color:var(--text-secondary);font-size:clamp(14px,1.2vw,16px);line-height:1.6}.orbit-header__left p em{color:var(--accent);font-style:normal}.orbit-header__right{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.orbit-header__tabs{display:flex;flex-wrap:wrap;gap:8px}.orbit-tab{min-height:38px;padding:8px 14px;border:1px solid var(--border-soft);background:transparent;color:var(--text-secondary);font:600 11px/1 var(--font-mono);letter-spacing:.08em;cursor:pointer;transition:all .22s ease;border-radius:4px}.orbit-tab.is-active{color:var(--accent);border-color:rgba(var(--accent-rgb),.72);background:rgba(var(--accent-rgb),.1);box-shadow:0 0 16px rgba(var(--accent-rgb),.18)}.orbit-tab:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.52);background:rgba(var(--accent-rgb),.06)}.orbit-view-mode{display:flex;gap:4px}.orbit-view-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border-soft);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;border-radius:4px}.orbit-view-btn.is-active{color:var(--accent);border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.08)}.orbit-view-btn:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.4)}.orbit-carousel{position:relative;padding:24px 0 32px;overflow:hidden}.orbit-carousel__viewport{overflow:hidden;position:relative}.orbit-carousel__track{display:flex;gap:clamp(12px,1.5vw,20px);padding:20px 0;animation:carouselScroll 40s linear infinite;width:max-content;will-change:transform;align-items:center}.orbit-carousel:hover .orbit-carousel__track{animation-play-state:paused}.orbit-carousel__track:active{cursor:grabbing}@keyframes carouselScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.orbit-card{position:relative;flex:0 0 auto;width:clamp(280px,32vw,420px);aspect-ratio:16/9;border:1px solid var(--border-soft);background:var(--surface);overflow:hidden;transition:transform .6s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .35s ease,opacity .3s ease;box-shadow:0 8px 40px rgba(0,0,0,.28);border-radius:8px}.orbit-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .35s ease}.orbit-card figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px;background:linear-gradient(transparent,rgba(5,5,5,.88) 40%);opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}.orbit-card:hover figcaption{opacity:1;transform:translateY(0)}.orbit-card figcaption span{color:var(--accent);font:600 10px/1 var(--font-mono);letter-spacing:.16em}.orbit-card figcaption strong{display:block;margin-top:6px;font-size:clamp(13px,1.2vw,16px);color:var(--text)}.orbit-card--far{opacity:.35;transform:perspective(1200px) rotateY(18deg) scale(.72) translateZ(-80px);filter:brightness(.7)}.orbit-card--near{opacity:.6;transform:perspective(1200px) rotateY(10deg) scale(.86) translateZ(-30px);filter:brightness(.85)}.orbit-card--side{opacity:.75;transform:perspective(1200px) rotateY(5deg) scale(.94) translateZ(-10px)}.orbit-card--hero{width:clamp(260px,32vw,420px);z-index:2;border-color:rgba(var(--accent-rgb),.6);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.4),0 0 40px rgba(var(--accent-rgb),.18),0 16px 60px rgba(0,0,0,.4);transform:perspective(1200px) rotateY(0deg) scale(1) translateZ(20px);animation:heroGlow 3s ease-in-out infinite}.orbit-card--hero:before{content:'';position:absolute;inset:-1px;border:1.5px solid rgba(var(--accent-rgb),.5);z-index:2;pointer-events:none;border-radius:8px}.orbit-card--hero figcaption{opacity:1;transform:translateY(0)}@keyframes heroGlow{0%,100%{box-shadow:0 0 0 1px rgba(var(--accent-rgb),.4),0 0 40px rgba(var(--accent-rgb),.18),0 16px 60px rgba(0,0,0,.4)}50%{box-shadow:0 0 0 1px rgba(var(--accent-rgb),.6),0 0 60px rgba(var(--accent-rgb),.28),0 16px 60px rgba(0,0,0,.4)}}.orbit-card:hover{z-index:10;border-color:rgba(var(--accent-rgb),.72);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.42),0 18px 80px rgba(var(--accent-rgb),.22);transform:perspective(1200px) rotateY(0deg) scale(1.06) translateZ(30px)!important;opacity:1!important;filter:brightness(1)!important}.orbit-card:hover img{transform:scale(1.08);filter:saturate(1.15)}.orbit-carousel__reflection{position:absolute;bottom:-40px;left:0;right:0;height:80px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.04),transparent);mask-image:linear-gradient(to bottom,rgba(0,0,0,.3),transparent);pointer-events:none}.orbit-carousel__controls{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:24px clamp(60px,8vw,140px) 0}.orbit-progress{display:flex;align-items:center;gap:12px}.orbit-progress strong{color:var(--accent);font:700 clamp(24px,2.5vw,36px)/1 var(--font-mono)}.orbit-progress__divider{color:var(--text-tertiary);font:500 14px/1 var(--font-mono)}.orbit-progress span{color:var(--text-tertiary);font:500 14px/1 var(--font-mono)}.orbit-progress__bar{width:120px;height:3px;background:var(--border-soft);border-radius:2px;overflow:hidden;margin-left:8px}.orbit-progress__fill{width:8%;height:100%;background:var(--accent);border-radius:2px;box-shadow:0 0 8px rgba(var(--accent-rgb),.5);transition:width .5s ease}.orbit-arrows{display:flex;gap:12px}.orbit-arrow{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--border-soft);background:transparent;color:var(--text);font-size:22px;cursor:pointer;transition:all .2s ease;border-radius:4px}.orbit-arrow:hover{border-color:rgba(var(--accent-rgb),.72);color:var(--accent);background:rgba(var(--accent-rgb),.1)}.orbit-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,2vw,28px);padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px);border-top:1px solid var(--border-soft)}.orbit-explore,.orbit-recommend{padding:clamp(20px,2.5vw,32px);border:1px solid var(--border-soft);background:rgba(17,19,24,.6);backdrop-filter:blur(12px);border-radius:12px}.orbit-explore h3,.orbit-recommend h3{font-size:clamp(18px,2vw,24px);margin:12px 0 8px;color:var(--text)}.orbit-explore>p,.orbit-recommend>p{color:var(--text-secondary);font-size:13px;line-height:1.5}.orbit-explore__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.explore-card{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-soft);background:rgba(17,19,24,.5);border-radius:8px;padding:14px;cursor:pointer;transition:all .25s ease}.explore-card:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.06);box-shadow:0 8px 30px rgba(var(--accent-rgb),.1)}.explore-card__icon{font-size:22px}.explore-card strong{color:var(--text);font-size:13px;font-weight:600}.explore-card small{color:var(--text-tertiary);font-size:11px}.orbit-system{position:relative;border:1px solid var(--border-soft);background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.08),transparent 60%),rgba(5,5,5,.8);border-radius:12px;overflow:hidden;min-height:360px;display:flex;align-items:center;justify-content:center}.orbit-system__core{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.8),rgba(var(--accent-rgb),.2) 60%,transparent);box-shadow:0 0 40px rgba(var(--accent-rgb),.4),0 0 80px rgba(var(--accent-rgb),.15);animation:corePulse 2s ease-in-out infinite}@keyframes corePulse{0%,100%{box-shadow:0 0 40px rgba(var(--accent-rgb),.4),0 0 80px rgba(var(--accent-rgb),.15)}50%{box-shadow:0 0 60px rgba(var(--accent-rgb),.5),0 0 100px rgba(var(--accent-rgb),.2)}}.orbit-system__ring{position:absolute;border:1px solid rgba(var(--accent-rgb),.12);border-radius:50%}.orbit-system__ring--1{width:200px;height:200px;animation:orbitSpin 20s linear infinite}.orbit-system__ring--2{width:280px;height:280px;animation:orbitSpin 30s linear infinite reverse}@keyframes orbitSpin{to{transform:rotate(360deg)}}.orbit-system__satellite{position:absolute;width:44px;height:44px;border-radius:6px;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.3);box-shadow:0 0 12px rgba(var(--accent-rgb),.15)}.orbit-system__satellite img{width:100%;height:100%;object-fit:cover}.orbit-system__ring--1 .orbit-system__satellite:nth-child(1){top:-22px;left:50%;margin-left:-22px}.orbit-system__ring--1 .orbit-system__satellite:nth-child(2){bottom:-22px;left:50%;margin-left:-22px}.orbit-system__ring--1 .orbit-system__satellite:nth-child(3){top:50%;left:-22px;margin-top:-22px}.orbit-system__ring--1 .orbit-system__satellite:nth-child(4){top:50%;right:-22px;margin-top:-22px}.orbit-system__ring--2 .orbit-system__satellite:nth-child(1){top:-22px;left:50%;margin-left:-22px}.orbit-system__ring--2 .orbit-system__satellite:nth-child(2){bottom:-22px;left:50%;margin-left:-22px}.orbit-system__ring--2 .orbit-system__satellite:nth-child(3){top:50%;left:-22px;margin-top:-22px}.orbit-system__label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);color:var(--text-tertiary);font:500 11px/1 var(--font-mono);letter-spacing:.08em}.orbit-recommend__card{margin-top:16px;border-radius:8px;overflow:hidden;border:1px solid var(--border-soft);cursor:pointer;transition:border-color .2s ease}.orbit-recommend__card:hover{border-color:rgba(var(--accent-rgb),.5)}.orbit-recommend__card img{width:100%;height:140px;object-fit:cover;display:block}.orbit-recommend__info{padding:12px 14px;display:flex;justify-content:space-between;align-items:center;background:rgba(17,19,24,.8)}.orbit-recommend__info strong{color:var(--text);font-size:13px}.orbit-recommend__info span{color:var(--accent);font-size:12px}.orbit-trending{margin-top:20px}.orbit-trending .badge--sm{margin-bottom:10px}.orbit-tags{display:flex;flex-wrap:wrap;gap:8px}.orbit-tags span{padding:6px 12px;border:1px solid var(--border-soft);color:var(--text-secondary);font:500 11px/1 var(--font-mono);border-radius:20px;transition:border-color .2s ease,color .2s ease;cursor:pointer}.orbit-tags span:hover{border-color:rgba(var(--accent-rgb),.58);color:var(--accent)}.badge--sm{font-size:10px}@media(max-width:899px){.orbit-header{flex-direction:column}.orbit-header__right{width:100%;align-items:flex-start}.orbit-header__tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.orbit-bottom{grid-template-columns:1fr}.orbit-card{width:clamp(160px,50vw,260px)}.orbit-card--hero{width:clamp(220px,60vw,340px)}}@media(prefers-reduced-motion:reduce){.orbit-carousel__track{transition:none}.orbit-card,.orbit-card img{transition:none;animation:none}}
.hero__video-bg{position:relative}.hero-constellation{position:relative}.hero-constellation:after{content:'';position:absolute;right:0;bottom:0;width:180px;height:60px;background:linear-gradient(135deg,transparent 10%,var(--bg) 40%);z-index:2;pointer-events:none}
.hero-portrait{display:none!important}