/* Scoped homepage integration. Subsequent homepage sections retain their CSS. */
.studio-home .site-header { padding:24px 48px 0; }
.studio-home .nav-shell { width:min(1260px,100%);min-height:58px;padding:0 28px;border-radius:12px;border:1px solid #b2bfff35;background:linear-gradient(110deg,#226bb516,#271e4428 55%,#6e29b525),#070a171c;box-shadow:inset 0 1px 0 #d2ddff0a,0 8px 24px #00000012;backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%); }
.studio-home .site-header.is-scrolled { padding-top:12px; }
.studio-home .site-header.is-scrolled .nav-shell { min-height:58px;background-color:#070d21b3;border-color:#b2bfff40; }
.studio-home .brand { width:100px;height:44px; }
.studio-home .desktop-nav { gap:clamp(20px,2.7vw,44px); }
.studio-home .desktop-nav > a,.studio-home .desktop-nav .nav-dropdown-toggle { color:#e8eaf9;font-size:14px;font-weight:400;min-height:46px; }
.studio-home .desktop-nav > a::after,.studio-home .desktop-nav .nav-dropdown-toggle::after { bottom:2px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#57b8ff,#aaa0ff);box-shadow:0 0 9px #559cffb3,0 0 20px #746bff66;transform:scaleX(.35);opacity:0; }
.studio-home .desktop-nav > a:focus-visible::after,.studio-home .desktop-nav .nav-dropdown-toggle:focus-visible::after { opacity:1;transform:scaleX(1); }
@media(hover:hover) and (pointer:fine){
  .studio-home .desktop-nav > a:hover::after,.studio-home .desktop-nav .nav-dropdown-toggle:hover::after { opacity:1;transform:scaleX(1); }
}
.studio-home .nav-submenu { border-color:#879cd73d;background:#0b1327ed;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px); }
.studio-home .mobile-nav { border-radius:12px;background:#0b1327ed; }
.studio-home .mobile-nav .nav-submenu { background:transparent; }
.studio-home .site-header a:focus-visible,.studio-home .site-header button:focus-visible { outline:2px solid #acc9ff;outline-offset:3px; }
.black-studio { position:relative;isolation:isolate;min-height:640px;height:100svh;overflow:hidden;background:#000;color:#f4f5ff;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; }
.black-studio #stage,.black-studio #fixtures,.black-studio #lens,.black-studio .studio-fallback { position:absolute;inset:0;width:100%;height:100%;pointer-events:none; }
.black-studio #stage { z-index:0; }
.black-studio #fixtures { z-index:1; }
.black-studio #lens { z-index:4;mix-blend-mode:screen; }
.black-studio .studio-fallback { background:url(assets/black-studio/studio-smooth-v2.jpg) center/100% 100% no-repeat;opacity:.75; }
.studio-motion-ready .black-studio .studio-fallback { opacity:0; }
.studio-motion-ready .studio-home .studio-reveal { opacity:0;visibility:hidden; }
.black-studio .studio-copy { position:absolute;z-index:2;top:35%;left:0;width:100%;text-align:center;padding:0 24px;text-shadow:0 2px 30px #0009; }
.black-studio .studio-eyebrow { font-size:15px;letter-spacing:.32em;color:#d5d7e6;margin:0 0 22px;line-height:1.6; }
.black-studio h1 { font-size:clamp(36px,4.15vw,68px);line-height:1.35;letter-spacing:.015em;font-weight:650;margin:0; }
.black-studio h1 strong { display:inline-block;font-weight:650;background:linear-gradient(100deg,#72b7ff,#b58aff);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none; }
.black-studio .studio-subtitle { font-size:clamp(14px,1.3vw,20px);letter-spacing:.09em;color:#d0d0dd;margin:25px 0 32px;line-height:1.6; }
.black-studio .studio-actions { display:flex;justify-content:center;gap:18px; }
.black-studio .studio-actions a { display:inline-flex;align-items:center;justify-content:center;height:48px;min-width:180px;border-radius:30px;font-size:14px;line-height:1.4;text-decoration:none;color:#f4f5ff;text-shadow:none;transition:box-shadow .25s,background .25s; }
.black-studio .studio-primary { border:0;background:linear-gradient(115deg,#2177f7,#8645fa);box-shadow:0 6px 26px #301c7522; }
.black-studio .studio-secondary { border:1px solid #d6d6ed80;background:#05081730;backdrop-filter:blur(5px); }
.black-studio .studio-secondary span { margin-left:20px; }
.black-studio .studio-primary:hover { box-shadow:0 4px 30px #7354ff55; }
.black-studio .studio-secondary:hover { background:#889de51c; }
.black-studio a:focus-visible { outline:2px solid #acc9ff;outline-offset:5px; }
.black-studio .studio-continue { position:absolute;z-index:6;bottom:max(28px,env(safe-area-inset-bottom));left:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#e4e8ff;text-decoration:none;font-size:12px;letter-spacing:.18em;min-height:52px;transition:color .2s; }
.black-studio .studio-continue:hover { color:#fff; }
.black-studio .studio-continue:focus-visible { outline-offset:-4px; }
.black-studio .studio-continue svg { display:block; }
.black-studio .studio-notice { position:absolute;z-index:10;bottom:90px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:12px;background:#11192ee8;color:white;font-size:14px;width:max-content;max-width:calc(100% - 32px);text-align:center;opacity:0;transition:opacity .25s;pointer-events:none; }
.black-studio .studio-notice.visible { opacity:1; }
.studio-home.no-webgl .black-studio .studio-fallback { opacity:.75;filter:sepia(.5) hue-rotate(180deg); }
.studio-home.no-webgl .black-studio canvas { display:none; }
.studio-home.no-webgl .studio-reveal { opacity:1!important;visibility:visible!important; }
@media(max-width:1180px){.studio-home .desktop-nav { gap:18px; }.studio-home .desktop-nav > a,.studio-home .desktop-nav .nav-dropdown-toggle{font-size:13px;}}
@media(max-width:1000px){.studio-home .site-header{padding-inline:24px;}.studio-home .nav-shell{padding:0 20px;}.studio-home .brand{width:85px;}.black-studio .studio-copy{top:37%;}}
@media(max-width:700px){
  .studio-home .site-header{padding:18px 16px 0;}.studio-home .site-header.is-scrolled{padding-top:8px;}.studio-home .nav-shell,.studio-home .site-header.is-scrolled .nav-shell{min-height:52px;padding:0 18px;border-radius:10px;}.studio-home .brand{width:80px;}.studio-home .mobile-nav{left:16px;right:16px;}
  .black-studio .studio-copy{top:39%;padding:0 16px;}.black-studio h1{font-size:clamp(25px,6.8vw,42px);line-height:1.5;letter-spacing:-.02em;}.black-studio .studio-eyebrow{font-size:11px;letter-spacing:.22em;margin-bottom:20px;}.black-studio .studio-subtitle{font-size:12px;letter-spacing:0;line-height:1.8;margin:23px 0 26px;}.black-studio .studio-actions{gap:12px;}.black-studio .studio-actions a{min-width:140px;height:46px;font-size:12px;}
}
@media(max-height:600px) and (min-width:701px){.black-studio{min-height:460px;}.studio-home .site-header{padding-top:12px;}.studio-home .nav-shell{min-height:48px;}.black-studio .studio-copy{top:31%;}.black-studio .studio-eyebrow{margin-bottom:10px;font-size:12px;}.black-studio h1{font-size:34px;}.black-studio .studio-subtitle{margin:12px 0 18px;font-size:13px;}.black-studio .studio-actions a{height:44px;}}
@media(prefers-reduced-motion:reduce){.studio-home .site-header *,.black-studio *{transition:none!important;scroll-behavior:auto!important;}}