@font-face{font-family:"MCJ Sans SC";src:url("assets/fonts/mcj-sans-sc.woff2?v=aa3f64e3cf87") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"MCJ Serif SC";src:url("assets/fonts/mcj-serif-sc.woff2?v=3dc6491eb458") format("woff2");font-style:normal;font-weight:200 900;font-display:swap}
/* Preserve page and fixed-header width while a dialog locks scrolling. */
html{scrollbar-gutter:stable}
:root{color-scheme:dark;--bg:#252139;--ink:#f8f3f7;--muted:#b4abbe;--accent:#f3c8bd;--line:rgba(222,205,231,.13);--header:80px;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;color:var(--ink);background:var(--bg)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:default}svg{overflow:visible}img{display:block;max-width:100%}button,a{touch-action:manipulation}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon .fill{fill:currentColor;stroke:none}.skip-link{position:fixed;top:-100px;left:15px;background:var(--bg);padding:14px;z-index:100}.skip-link:focus{top:10px}
.site-header{height:var(--header);display:flex;align-items:center;position:fixed;inset:0 0 auto;z-index:20;padding:0 4.3%;gap:4.6%;background:rgba(32,29,49,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{flex-shrink:0;display:flex;align-items:center;justify-content:center}.brand img{width:150px;height:auto}.main-nav{display:flex;align-self:stretch;gap:34px}.main-nav>a,.main-nav>button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;white-space:nowrap;font-size:14px;letter-spacing:1px;padding:0 5px;color:#ded8e6;transition:color .2s}.main-nav span{font-size:8px;letter-spacing:1.3px;opacity:.5}.main-nav .active{color:var(--accent)}.main-nav .active:after{content:"";position:absolute;bottom:0;left:calc(50% - 15px);width:30px;height:2px;background:var(--accent)}.main-nav a:hover,.main-nav button:hover{color:var(--accent)}.header-action{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:13px;letter-spacing:2px;border:1px solid rgba(239,212,222,.4);padding:10px 17px;white-space:nowrap;transition:background .2s}.header-action:hover{background:#ffffff12}.header-action .icon{width:18px;height:18px}.menu-toggle{display:none}
.hero{height:100svh;min-height:700px;max-height:1400px;position:relative;isolation:isolate;padding-top:var(--header);overflow:hidden}.hero-art{position:absolute;inset:var(--header) 0 0;width:100%;height:calc(100% - var(--header));object-fit:cover;object-position:42% center;z-index:-3}.hero-shade{position:absolute;inset:var(--header) 0 0;background:linear-gradient(0deg,rgba(25,22,40,.78),transparent 32%),linear-gradient(90deg,transparent 40%,rgba(36,29,60,.22) 100%);z-index:-2}.hero-content{position:absolute;left:51%;right:6%;top:calc(var(--header) + 12%);text-align:center;display:flex;flex-direction:column;align-items:center}.hero-eyebrow{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:4px;color:#eee6f5;text-shadow:0 2px 8px #332847;margin:0 0 25px}.hero-eyebrow span{height:1px;width:34px;background:#ffffff5c}.hero h1{margin:0;width:100%;max-width:610px}.hero-logo{width:100%;height:auto;filter:drop-shadow(0 3px 14px #35315555)}.hero-tagline{font-family:"STSong","SimSun",serif;font-size:clamp(26px,2.25vw,44px);font-weight:400;letter-spacing:9px;text-shadow:0 2px 18px #34224c;margin:33px 0 14px}.hero-caption{font-size:13px;letter-spacing:6px;margin:0;text-shadow:0 1px 9px #352545}.hero-downloads{display:flex;gap:16px;justify-content:center;margin-top:45px;scroll-margin-top:200px}.release-note{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:8px;margin-top:18px;color:#fff0e9;text-shadow:0 1px 8px #291e42}.release-note>span{width:4px;height:4px;border-radius:100%;background:var(--accent)}.hero-bottom{position:absolute;bottom:27px;left:4.3%;right:4.3%;display:flex;align-items:flex-end;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#e1d4e4}.hero-bottom>p{margin:0;opacity:.7}.scroll-cue{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;font-size:10px;letter-spacing:3px}.scroll-line{height:28px;width:1px;background:linear-gradient(#fff9,#fff1);position:relative}.scroll-line:after{content:"";position:absolute;width:3px;height:7px;background:#fff;left:-1px;animation:scroll 2.5s ease-in-out infinite}@keyframes scroll{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(21px);opacity:1}}
.community{padding:66px max(6%,calc((100% - 1370px)/2)) 60px;background:#29243c;border-top:1px solid #eac4bc33}.community-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:49px;border-bottom:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:3px;color:#c6a9c2;margin:0 0 18px}.community-heading h2{font-family:"STSong","SimSun",serif;font-weight:400;font-size:28px;letter-spacing:3px;margin:0 0 14px}.community-heading h2 span{color:var(--accent);font-size:26px;margin-left:20px}.community-heading>p:last-child{color:var(--muted);font-size:12px;letter-spacing:2px;margin:0}.socials{display:flex;gap:30px}.socials button{display:flex;flex-direction:column;align-items:center;gap:12px;background:none;padding:0;color:#d3c7d7;font-size:10px;letter-spacing:1px}.social-icon{width:50px;height:50px;border:1px solid #a494ac44;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .25s,border-color .25s,transform .25s}.socials button:hover .social-icon{background:#ffffff0b;border-color:var(--accent);transform:translateY(-3px);color:var(--accent)}.social-icon .icon{width:23px;height:23px}.tap-mark{font-size:18px;font-weight:700;font-style:italic;letter-spacing:-1px}.red-mark{font-size:11px;font-weight:700;letter-spacing:-1px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:34px}.quick-links>:is(button,a){background:#211d32;display:flex;align-items:center;text-align:left;padding:22px 25px;gap:18px;border:1px solid transparent;transition:border-color .2s,background .2s}.quick-links>:is(button,a):hover{border-color:#d9b5c440;background:#30283f}.quick-links>:is(button,a)>.icon{color:#cbb2cc}.quick-links span{font-size:13px;letter-spacing:1px;display:flex;flex-direction:column;gap:8px}.quick-links small{font-size:10px;letter-spacing:1px;color:#a89aae}.quick-links .quick-arrow{margin-left:auto;width:18px;height:18px;opacity:.6}
.site-footer{background:#1c1929;padding:49px 24px 32px;text-align:center;display:flex;flex-direction:column;align-items:center}.footer-logo{width:180px;height:auto;opacity:.8;margin-bottom:26px}.footer-links{display:flex;align-items:center;gap:20px}.footer-links :is(button,a){padding:0;background:none;font-size:11px;color:#beb2c7}.footer-links :is(button,a):hover{color:#f3c8bd}.footer-links>span{height:9px;width:1px;background:#675970}.copyright{font-size:10px;color:#9c8fa8;margin:20px 0 12px;letter-spacing:1px}.health-notice{color:#82778d;font-size:10px;line-height:1.9;margin:0}.footer-note{color:#8e7d99;font-family:"STSong","SimSun",serif;font-size:11px;letter-spacing:3px;margin:24px 0 0}
.notice-dialog{border:1px solid #bda3bd50;background:#2b243c;color:var(--ink);width:min(440px,calc(100% - 40px));padding:42px 32px 32px;border-radius:6px;text-align:center;box-shadow:0 20px 100px #0e0a2266}.notice-dialog::backdrop{background:#161224b8;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:12px;top:8px;background:none;font-size:26px;width:36px;height:36px;color:#bcacbf}.dialog-star{display:block;font-size:48px;color:var(--accent);margin-bottom:15px}.notice-dialog .eyebrow{font-size:8px;margin-bottom:13px}.notice-dialog h2{font-size:24px;font-family:"STSong","SimSun",serif;letter-spacing:2px;font-weight:400;margin:0 0 20px}.notice-dialog #notice-body{font-size:13px;line-height:2;color:#c9bdd1;margin:0 0 26px}.dialog-confirm{background:#f1d5cd;color:#3a2e44;display:flex;align-items:center;justify-content:center;gap:24px;width:100%;padding:13px;font-size:13px}.dialog-confirm .icon{width:18px;height:18px}body.modal-open{overflow:hidden}
@media(min-width:1800px){.hero-content{top:calc(var(--header) + 15%)}.hero-downloads{margin-top:65px}.hero-caption{font-size:15px}.main-nav{gap:45px}}
@media(max-width:1150px){.site-header{padding:0 3%;gap:4%}.main-nav{gap:20px}.header-action{gap:10px;padding:10px}.brand img{width:130px}.hero-content{left:48%;right:4%}.hero-eyebrow{font-size:8px;letter-spacing:3px}.hero-tagline{letter-spacing:5px}.socials{gap:18px}.quick-links>:is(button,a){padding:20px 16px;gap:12px}.quick-links small{font-size:9px}}
@media(max-width:800px){:root{--header:66px}.site-header{padding:0 23px;justify-content:space-between}.brand img{width:122px}.header-action{margin-left:auto;margin-right:12px;font-size:11px;padding:8px 11px}.header-action .icon{width:15px;height:15px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:7px;background:none;order:3}.menu-toggle span{display:block;width:22px;height:1px;background:#eadfec;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-6px) rotate(-45deg)}.main-nav{display:none;position:absolute;left:0;right:0;top:var(--header);padding:16px 24px 22px;background:#252139fa;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #17102233}.main-nav.is-open{display:flex;flex-direction:column;gap:0}.main-nav>a,.main-nav>button{flex-direction:row;justify-content:space-between;min-height:49px;border-bottom:1px solid var(--line);padding:0 8px}.main-nav .active:after{display:none}.main-nav span{font-size:9px}.hero{min-height:760px;max-height:1050px}.hero-art{object-position:32% center}.hero-shade{background:linear-gradient(0deg,#1c172bef 0%,#29203d66 35%,transparent 65%),linear-gradient(0deg,transparent 65%,#29213e30)}.hero-content{left:7%;right:7%;top:auto;bottom:100px}.hero-eyebrow{display:none}.hero h1{width:min(360px,80%)}.hero-tagline{font-size:28px;margin:18px 0 10px;letter-spacing:6px}.hero-caption{font-size:11px;letter-spacing:4px}.hero-downloads{margin-top:27px;gap:12px;width:100%}.release-note{font-size:9px;margin-top:15px}.hero-bottom{bottom:22px}.hero-bottom>p{display:none}.scroll-cue{position:static;transform:none;margin:auto}.scroll-cue>span:first-child{font-size:9px}.scroll-line{height:22px}.community{padding:43px 7% 38px}.community-top{flex-direction:column;align-items:flex-start;gap:32px;padding-bottom:30px}.community-heading h2{font-size:25px;letter-spacing:2px}.community-heading>p:last-child{font-size:11px;letter-spacing:1px}.socials{width:100%;justify-content:space-between;gap:10px}.social-icon{width:44px;height:44px}.socials button{font-size:9px}.quick-links{grid-template-columns:1fr;gap:10px;padding-top:25px}.quick-links>:is(button,a){padding:19px 21px}.quick-links small{font-size:10px}.quick-links>:is(button,a)>.icon{width:22px}.site-footer{padding:35px 20px 28px}.footer-logo{width:160px}.footer-links{gap:14px}.footer-links :is(button,a){font-size:10px}.health-notice{font-size:9px}}
@media(max-width:360px){.site-header{padding:0 16px}.hero-downloads{gap:9px}.hero-caption{letter-spacing:3px}.hero-tagline{font-size:25px}.community-heading h2{font-size:22px}.social-icon{width:39px;height:39px}.footer-links{gap:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Company information and contact page */
.footer-links{flex-wrap:wrap;justify-content:center;row-gap:14px}
.copyright,.health-notice,.registration{font-size:12px;line-height:1.9;color:#b5aabd}
.registration{margin:18px 0 0}
.registration a:hover{color:var(--accent);text-decoration:underline}
.contact-main{min-height:calc(100svh - 340px);padding:calc(var(--header) + 75px) max(7%,calc((100% - 1160px)/2)) 88px;background:linear-gradient(120deg,#30283f,#252139 65%)}
.breadcrumb{display:flex;gap:13px;font-size:12px;color:#b5aabd;margin-bottom:48px}
.breadcrumb a:hover{color:var(--accent)}
.contact-layout{display:grid;grid-template-columns:1fr 1.45fr;gap:70px;align-items:start}
.contact-heading h1{font-family:"STSong","SimSun",serif;font-size:44px;font-weight:400;letter-spacing:6px;margin:0 0 22px}
.contact-heading>p:last-child{color:var(--muted);font-size:13px;line-height:2;letter-spacing:1px}
.contact-card{border-top:1px solid #d7b8ce66;padding-top:30px}
.contact-card h2{font-size:18px;font-weight:400;line-height:1.8;letter-spacing:1px;margin:0 0 30px}
.contact-details{margin:0;display:grid;gap:26px}
.contact-details div{padding-bottom:26px;border-bottom:1px solid var(--line)}
.contact-details dt{font-size:11px;letter-spacing:2px;color:#b6a1ba;margin-bottom:12px}
.contact-details dd{margin:0;font-size:16px;line-height:1.9;overflow-wrap:anywhere}
.contact-details a{color:var(--accent);text-underline-offset:5px}
.contact-details a:hover{text-decoration:underline}
.contact-return{display:inline-flex;align-items:center;gap:20px;margin-top:32px;font-size:12px;color:#d9c6d7}
@media(max-width:800px){
  .footer-links{gap:10px;row-gap:12px}.footer-links :is(button,a){font-size:10px}
  .copyright,.health-notice,.registration{font-size:10px}
  .contact-main{padding:calc(var(--header) + 35px) 7% 55px}
  .breadcrumb{margin-bottom:34px}.contact-layout{grid-template-columns:1fr;gap:30px}
  .contact-heading h1{font-size:34px}.contact-heading>p:last-child{margin-bottom:0}
  .contact-card h2{font-size:16px}.contact-details dd{font-size:14px}
}

/* Original platform SVGs, with room for all seven social channels. */
.socials{gap:22px}
.social-icon .icon{width:26px;height:26px}
@media(min-width:801px) and (max-width:1150px){.socials{gap:12px}.social-icon{width:42px;height:42px}.community-top{gap:24px}.community-heading h2{font-size:25px;letter-spacing:1px}}
@media(max-width:800px){.socials{gap:7px}.social-icon{width:34px;height:34px}.social-icon .icon{width:23px;height:23px}.socials button{font-size:9px;letter-spacing:0}}
@media(max-width:360px){.socials{gap:4px}.social-icon{width:30px;height:30px}.social-icon .icon{width:21px;height:21px}.socials button{font-size:8px}}

/* Keep deferred content hidden even when component styles use display:flex. */
[hidden]{display:none!important}

/* Both localized badges share a 216 × 64 canvas. */
.hero-downloads{align-items:center;gap:20px}
.store-badge{display:block;width:216px;flex:0 0 auto;background:transparent;padding:0;border:0;border-radius:8px;transition:transform .25s,filter .25s}
.store-badge img{display:block;width:100%;height:auto}
.store-badge:hover{transform:translateY(-3px);filter:brightness(1.12)}
@media(max-width:1150px){.hero-downloads{gap:16px}.store-badge{width:189px}}
@media(max-width:800px){.hero-downloads{gap:12px}.store-badge{width:145px}}
@media(max-width:360px){.hero-downloads{gap:10px}.store-badge{width:125px}}

/* Active download design; localized store badges remain available but hidden. */
.hero-downloads{gap:16px}
.download-button{height:69px;min-width:190px;border-radius:3px;display:flex;align-items:center;gap:14px;padding:10px 19px;text-align:left;transition:transform .25s,box-shadow .25s;box-shadow:0 6px 25px #28203620}
.download-primary{background:#fae9de;color:#393047;border:1px solid #fff1e7}
.download-secondary{background:#28243980;backdrop-filter:blur(12px);border:1px solid #e6d5de99;color:#fff2ec}
.download-button:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 9px 28px #271d4750}
.download-button:disabled{opacity:1;cursor:default}
.download-button span{display:flex;flex-direction:column;gap:4px;font-size:17px;letter-spacing:1px}
.download-button small{font-size:10px;letter-spacing:1px;opacity:.72}
.download-button .platform{width:28px;height:28px}
.download-arrow{width:16px;height:16px;margin-left:8px}
@media(min-width:1800px){.download-button{min-width:215px;height:76px}}
@media(max-width:1150px){.download-button{min-width:160px;padding:10px 13px;gap:9px}.download-arrow{display:none}}
@media(max-width:800px){.hero-downloads{gap:12px}.download-button{min-width:0;width:178px;height:62px;padding:10px 15px;gap:12px}.download-button span{font-size:15px}.download-button small{font-size:9px}.download-button .platform{width:25px;height:25px}}
@media(max-width:360px){.hero-downloads{gap:9px}.download-button{padding:10px;gap:9px}}

/* Keep the two hero hints legible against the detailed background. */
.release-note{font-size:14px;font-weight:600;line-height:1.6;letter-spacing:1px;color:#fff;text-shadow:0 1px 3px #171226,0 2px 8px #171226cc}
.scroll-cue{font-size:14px;font-weight:600;line-height:1.6;letter-spacing:2px;color:#fff;text-shadow:0 1px 3px #171226,0 2px 8px #171226cc}
@media(max-width:800px){.release-note{font-size:12px;letter-spacing:.5px}.scroll-cue,.scroll-cue>span:first-child{font-size:12px;letter-spacing:1px}}

/* Typography: restrained Song-style headings, clear sans-serif reading text. */
:root{--font-body:"MCJ Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--font-title:"MCJ Serif SC","Noto Serif SC","Songti SC","SimSun",serif;font-family:var(--font-body)}
body{font-size:14px;font-weight:400;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,a{font-family:inherit}
.main-nav>a,.main-nav>button{font-size:15px;font-weight:500;letter-spacing:.06em;gap:4px;line-height:1.5}
.main-nav span{font-size:9px;font-weight:500;letter-spacing:.16em;opacity:.7}
.header-action{font-size:13px;font-weight:500;letter-spacing:.1em}
.hero-tagline,.community-heading h2,.contact-heading h1,.notice-dialog h2{font-family:var(--font-title);font-weight:500;line-height:1.55}
.hero-tagline{font-size:clamp(28px,2.3vw,46px);letter-spacing:.12em;margin:26px 0 12px;text-shadow:0 2px 7px #21183270}
.hero-caption{font-size:15px;font-weight:400;line-height:1.8;letter-spacing:.2em;color:#fff8f2;text-shadow:0 1px 4px #251d38b3}
.hero-eyebrow{font-size:10px;font-weight:500;letter-spacing:.24em}
.eyebrow{font-size:10px;font-weight:500;letter-spacing:.2em}
.download-button span{font-size:18px;font-weight:500;line-height:1.35;letter-spacing:.03em}
.download-button small{font-size:11px;font-weight:400;letter-spacing:.05em;opacity:.82}
.release-note{font-size:14px;font-weight:500;letter-spacing:.04em;line-height:1.7}
.scroll-cue{font-size:14px;font-weight:500;letter-spacing:.1em}
.community-heading h2{font-size:30px;letter-spacing:.07em;margin-bottom:12px}
.community-heading>p:last-child{font-size:14px;line-height:1.9;letter-spacing:.04em;color:#c5bacd}
.quick-links span{font-size:15px;font-weight:500;line-height:1.5;letter-spacing:.04em;gap:7px}
.quick-links small{font-size:12px;font-weight:400;line-height:1.7;letter-spacing:.02em;color:#b9abc2}
.footer-links :is(button,a){font-size:12px;line-height:1.7;letter-spacing:.02em;white-space:nowrap}
.copyright,.health-notice,.registration{font-size:12px;font-weight:400;line-height:2;letter-spacing:.02em;color:#b9afc1}
.contact-heading h1{font-size:42px;letter-spacing:.1em}
.contact-heading>p:last-child{font-size:14px;letter-spacing:.03em}
.contact-card h2{font-size:19px;font-weight:500;letter-spacing:.02em}
.contact-details dt{font-size:12px;font-weight:500;letter-spacing:.1em}
.contact-details dd{font-size:16px;line-height:1.9;letter-spacing:.01em}
.notice-dialog h2{font-size:25px;letter-spacing:.06em}
.notice-dialog #notice-body{font-size:14px;line-height:1.9;letter-spacing:.02em}
.dialog-confirm{font-size:14px;font-weight:500;letter-spacing:.05em}
@media(max-width:1150px){.community-heading h2{font-size:27px}.quick-links span{font-size:14px}.quick-links small{font-size:11px}}
@media(max-width:800px){
  .header-action{font-size:12px;letter-spacing:.04em}
  .hero-tagline{font-size:28px;letter-spacing:.08em;margin:17px 0 9px}
  .hero-caption{font-size:13px;letter-spacing:.12em}
  .download-button span{font-size:16px}.download-button small{font-size:10px}
  .release-note{font-size:12px;letter-spacing:.02em}
  .scroll-cue,.scroll-cue>span:first-child{font-size:12px;letter-spacing:.08em}
  .community-heading h2{font-size:26px;letter-spacing:.04em}
  .community-heading>p:last-child{font-size:13px}
  .quick-links span{font-size:15px}.quick-links small{font-size:12px}
  .footer-links{column-gap:12px;row-gap:12px}.footer-links>span{display:none}
  .footer-links :is(button,a){font-size:11px}
  .copyright,.health-notice,.registration{font-size:11px;letter-spacing:0}
  .contact-heading h1{font-size:34px}.contact-card h2{font-size:17px}.contact-details dd{font-size:15px}
}
@media(max-width:360px){.hero-tagline{font-size:25px}.hero-caption{font-size:12px}.download-button span{font-size:15px}.community-heading h2{font-size:24px}}

/* A soft, localized scrim keeps the white identity legible over the sunset. */
.hero-shade::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 49% 70% at 75% 43%,rgba(28,23,47,.52) 0%,rgba(28,23,47,.36) 43%,rgba(28,23,47,.12) 70%,transparent 100%)}
.hero-logo{filter:drop-shadow(0 2px 2px #21183280) drop-shadow(0 5px 16px #21183266)}
.hero-tagline{color:#fffaf6;text-shadow:0 2px 3px #211832b3,0 4px 16px #21183299}
.hero-caption,.hero-eyebrow{color:#fffaf6;text-shadow:0 1px 3px #211832cc,0 3px 10px #21183299}
@media(max-width:800px){.hero-shade::after{background:radial-gradient(ellipse 90% 58% at 50% 70%,rgba(28,23,47,.48) 0%,rgba(28,23,47,.25) 55%,transparent 100%)}}

/* Three matched illustrations, softly crossfaded without moving the composition. */
.hero-scene{position:absolute;inset:0;isolation:isolate;z-index:-3;opacity:0;pointer-events:none}
.hero-scene.is-active{opacity:1}
.hero-scene.is-entering{z-index:-2}
.hero-scene[data-scene=day] .hero-shade::after{background:radial-gradient(ellipse 49% 70% at 75% 43%,rgba(28,35,58,.64) 0%,rgba(28,35,58,.46) 43%,rgba(28,35,58,.14) 70%,transparent 100%)}
.hero-scene[data-scene=night] .hero-shade::after{opacity:.32}
.scene-preview{position:absolute;top:calc(var(--header) + 22px);right:4.3%;text-align:right;z-index:1}
.scene-controls{display:flex;align-items:center;padding:4px;gap:3px;border:1px solid #e6d5de50;border-radius:24px;background:#211d32b8;backdrop-filter:blur(12px);box-shadow:0 4px 20px #17122620}
.scene-controls button{min-height:36px;padding:6px 16px;border-radius:20px;background:transparent;color:#e5dce9;font-size:12px;letter-spacing:.04em;transition:background .2s,color .2s}
.scene-controls button:hover{background:#ffffff14;color:#fff}
.scene-controls button[aria-pressed=true]{background:#f0dcd0;color:#33283f}
.scene-controls .scene-auto{margin-left:4px;border-left:1px solid #e6d5de33;border-radius:0 20px 20px 0}
.scene-status{margin:7px 10px 0;color:#fff5ee;font-size:11px;text-shadow:0 1px 4px #171226}
@media(max-width:800px){
  .scene-preview{top:calc(var(--header) + 16px);right:50%;transform:translateX(50%);text-align:center;width:max-content;max-width:94%}
  .scene-controls button{padding:6px 13px;min-height:38px}
  .hero-scene[data-scene=day] .hero-shade::after{background:radial-gradient(ellipse 90% 58% at 50% 70%,rgba(28,35,58,.65) 0%,rgba(28,35,58,.38) 55%,transparent 100%)}
}