:root{--black:#08090b;--white:#eeedf1;--purple:#dd52ff}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--purple);outline-offset:7px}img{display:block;width:100%;height:auto}h1,h2,p{margin:0}p{line-height:1.9}section{position:relative;overflow:hidden}.cover{height:100svh;min-height:780px;max-height:1200px;background:radial-gradient(ellipse at 50% 55%,#292630 0, #111115 47%,#08090b 78%)}header{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:32px 5%;z-index:5}.wordmark{font-size:28px;font-weight:900;font-style:italic;letter-spacing:-1.8px;display:flex;align-items:center;gap:18px}.wordmark span{font-size:8px;font-style:normal;letter-spacing:1.8px;font-weight:400;border-left:1px solid #555;padding-left:18px}.header-link{font-size:11px;color:#c4c0cb}.header-link b{padding-left:22px}.cover-heading{position:absolute;top:15%;width:100%;text-align:center;z-index:3}.kicker{font-size:9px;letter-spacing:4px;color:#a4a0ac;font-weight:500}.cover-heading h1{font-size:clamp(30px,3.2vw,54px);letter-spacing:7px;font-weight:500;margin-top:16px}.giant{position:absolute;top:24%;left:0;width:100%;text-align:center;font-size:clamp(220px,35vw,580px);font-family:Arial,sans-serif;font-weight:900;font-style:italic;letter-spacing:-.09em;padding-right:.1em;line-height:1;color:#c5c3cc;background:linear-gradient(170deg,#f3f1f8 5%,#a6a3b0 48%,#33323d 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-card{position:absolute;width:84%;height:72%;object-fit:contain;top:28%;left:8%;filter:drop-shadow(0 25px 25px #0008);z-index:2}.cover-foot{position:absolute;bottom:30px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;z-index:4;font-size:9px;color:#a29eaa;letter-spacing:1.8px}.cover-foot>a{font-size:8px}.cover-foot b{margin-left:15px;color:white}.chapter-line{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.8px}.form{background:#e9e8ed;color:#17171c;padding:45px 7% 32px}.form>.chapter-line{border-bottom:1px solid #c8c7cf;padding-bottom:22px;color:#77747f}.form-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-top:65px;position:relative;z-index:2}h2{font-size:clamp(38px,5.3vw,82px);font-weight:700;line-height:1.18;letter-spacing:-3px}.form-heading p{font-size:12px;color:#77737e;padding-right:4%}.form-visual{position:relative;margin-top:-80px;height:680px}.outline-word{position:absolute;left:-2%;bottom:12%;font-size:23vw;line-height:1;font-weight:900;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px #c1bfc9}.form-visual img{position:absolute;inset:0;height:100%;object-fit:contain;filter:drop-shadow(0 35px 20px #27223620)}.form-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#65616e;border-top:1px solid #c8c7cf;padding-top:22px}.cross{font-size:20px}.macro{display:grid;grid-template-columns:39% 61%;background:#f7f6f8;color:#1d1c22;min-height:700px}.macro-copy{padding:75px 12% 65px 18%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.macro-copy .chapter-line{font-size:8px;color:#88818f;margin-bottom:60px}.macro h2{font-size:clamp(42px,4.4vw,68px);margin-bottom:30px}.macro-copy p{font-size:11px;color:#827c89}.mini-rule{height:2px;width:35px;background:#8e5ba7;margin-top:50px;margin-bottom:20px}.micro{font-size:7px;letter-spacing:1.5px;color:#99909e}.macro-visual{position:relative;overflow:hidden}.macro-visual img{height:100%;object-fit:cover;object-position:68% center}.macro-visual>span{position:absolute;bottom:30px;right:30px;color:white;font-size:9px;letter-spacing:2px}.array{background:#000;min-height:950px;padding-top:85px}.array-heading{position:relative;z-index:2;text-align:center}.array h2{font-size:clamp(40px,5vw,76px);margin-top:28px;line-height:1.3}.array h2 span{color:#77727e}.array-heading p{font-size:11px;color:#96909e;margin-top:25px}.array>img{margin-top:-55px;width:100%;max-height:800px;object-fit:cover}.array-bottom{display:flex;justify-content:space-between;margin:0 7%;padding:24px 0 35px;border-top:1px solid #26232c;color:#77717f;font-size:8px;letter-spacing:2px}.light{background:#101014;padding:45px 7% 45px}.light>.chapter-line{color:#8f859c;padding-bottom:22px;border-bottom:1px solid #34303c}.purple-dot:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--purple);box-shadow:0 0 10px var(--purple);margin-right:10px}.light-heading{display:flex;align-items:flex-end;justify-content:space-between;padding-top:72px}.light h2{font-size:clamp(37px,4.7vw,72px);line-height:1.3}.light em{font-style:normal;color:#d49ae8}.light-heading p{font-size:12px;color:#968c9f;padding-bottom:10px}.light-visual{position:relative;height:590px;margin-top:0}.light-visual img{position:relative;height:100%;object-fit:contain;z-index:1}.light-glow{position:absolute;left:15%;right:15%;bottom:22%;height:8%;background:#b816e8;filter:blur(65px);opacity:.4}.light-footer{display:flex;justify-content:space-between;color:#9a8ba7;font-size:9px;letter-spacing:1.5px}.perspectives{background:#e9e8ed;color:#1a181f;padding:45px 7% 85px}.perspectives>.chapter-line{color:#827a8e;border-bottom:1px solid #cac6d0;padding-bottom:22px}.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:60px 0 28px}.gallery-heading h2{font-size:42px;letter-spacing:-2px}.gallery-heading>span{font-size:10px;color:#807788;letter-spacing:2px}.gallery-stage{position:relative;height:560px;background:#e3e1e8}.gallery-stage>img{height:100%;object-fit:contain;padding:15px 8%}.stage-cross{position:absolute;color:#a39ba9;font-size:20px;font-weight:300}.tl{left:12px;top:8px}.tr{right:12px;top:8px}.bl{left:12px;bottom:8px}.br{right:12px;bottom:8px}.expand{position:absolute;right:35px;bottom:28px;background:transparent;border:1px solid #b5afbe;border-radius:50%;width:40px;height:40px;font-size:23px;color:#61566d}.view-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px}.view-tabs button{display:flex;gap:20px;align-items:center;padding:22px 15px;border:0;border-top:1px solid #c7c2cc;color:#867c90;background:none;text-align:left;font-size:12px;transition:color .2s,border-color .2s}.view-tabs button>span{font-size:8px}.view-tabs button[aria-selected=true]{border-top:2px solid #221b2b;color:#221b2b;padding-top:21px}.view-tabs button:hover{color:#6f2892}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#08090b}footer .wordmark{font-size:24px}footer .wordmark span{font-size:7px}footer p{color:#716c79;font-size:8px}footer>a:last-child{font-size:8px;letter-spacing:1px;color:#a29baa;white-space:nowrap}dialog{border:1px solid #51485b;padding:45px 10px 10px;background:#17151c;width:90vw;max-width:1400px;max-height:94svh}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}dialog img{max-height:80svh;object-fit:contain}dialog button{position:absolute;right:15px;top:12px;background:none;color:white;border:0;font-size:13px}@media(min-width:1700px){main{max-width:1920px;margin:auto}.form-visual{height:800px}.light-visual{height:750px}}@media(max-width:900px){.cover{min-height:720px;max-height:980px}.hero-card{width:100%;left:0;top:29%;height:65%}.giant{top:30%}.form-visual{height:490px;margin-top:-20px}.macro{min-height:570px;grid-template-columns:42% 58%}.macro-copy{padding:55px 12%}.macro-copy .chapter-line{margin-bottom:35px;font-size:7px}.macro h2{font-size:43px}.macro-copy p{font-size:10px}.array{min-height:0}.array>img{margin-top:0}.light-visual{height:440px}.light-heading p{font-size:10px}.gallery-stage{height:430px}footer{flex-wrap:wrap}.wordmark span{font-size:7px}.cover-heading{top:18%}.cover-heading h1{font-size:35px}}@media(max-width:600px){header{padding:24px 6%}.wordmark{font-size:24px;gap:12px}.wordmark span{font-size:6px;letter-spacing:1px;padding-left:12px}.header-link{font-size:9px}.header-link b{padding-left:8px}.cover{height:92svh;min-height:650px;max-height:900px}.cover-heading{top:21%}.cover-heading h1{font-size:28px;letter-spacing:3px}.kicker{font-size:8px;letter-spacing:2.5px}.giant{top:36%;font-size:39vw;left:-2%;width:104%}.hero-card{max-width:none;width:126%;left:-13%;top:35%;height:49%}.cover-foot{left:6%;right:6%;bottom:27px;font-size:8px;letter-spacing:.5px}.cover-foot>a{font-size:6px;letter-spacing:.8px}.cover-foot>span:last-child{display:none}.form{padding:30px 6%}.chapter-line{font-size:7px;letter-spacing:1px}.form-heading{margin-top:40px;display:block}.form-heading h2{font-size:45px;letter-spacing:-2px}.form-heading p{margin-top:22px;font-size:11px}.form-visual{height:360px;margin:0 -8%}.outline-word{font-size:36vw;left:6%;bottom:13%}.form-visual img{width:112%;max-width:none;left:-6%;object-fit:contain}.form-bottom{font-size:7px;letter-spacing:.5px}.macro{display:flex;flex-direction:column;min-height:0}.macro-copy{padding:45px 6%}.macro-copy .chapter-line{margin-bottom:30px}.macro h2{font-size:43px;margin-bottom:22px}.macro-copy p{font-size:11px}.mini-rule{margin-top:25px;margin-bottom:13px}.macro-visual{height:440px}.macro-visual img{object-position:67% center}.array{padding-top:65px}.array h2{font-size:43px}.array-heading p{font-size:10px;margin-top:20px}.array>img{height:380px;width:150%;max-width:none;margin-left:-30%;object-fit:cover;margin-top:25px}.array-bottom{font-size:7px;margin:0 6%}.light{padding:30px 6%}.light-heading{display:block;padding-top:45px}.light h2{font-size:35px;letter-spacing:-2px}.light-heading p{margin-top:22px;font-size:11px}.light-visual{height:330px;margin:0 -8%}.light-visual img{width:114%;max-width:none;margin-left:-7%}.light-glow{bottom:30%}.light-footer{font-size:7px;letter-spacing:.5px}.light-footer>span:last-child{font-size:6px}.perspectives{padding:30px 6% 45px}.gallery-heading{margin-top:38px}.gallery-heading h2{font-size:28px;letter-spacing:-1.5px}.gallery-heading>span{font-size:8px}.gallery-stage{height:310px}.gallery-stage>img{padding:10px 0}.expand{right:25px;bottom:20px;width:32px;height:32px;font-size:20px}.view-tabs{margin-top:20px}.view-tabs button{font-size:9px;padding:17px 3px;gap:9px}.view-tabs button[aria-selected=true]{padding-top:16px}.view-tabs button>span{font-size:7px}footer{padding:30px 6%;gap:20px}footer .wordmark{width:100%;font-size:24px}footer p{font-size:7px}footer>a:last-child{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.cover{height:950px}button,.header-link,.cover-foot>a{display:none}section{break-inside:avoid}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* New render refinement: 431 / 432 / 433 */
.hero-card{width:80%;left:10%;top:27%;height:70%}.form-visual{margin-top:-45px;height:700px}.form-visual img{padding:0 5%}.light-visual{height:530px}.light-inset{display:grid;grid-template-columns:1.35fr 1fr;gap:7%;align-items:center;margin:0 0 65px;border-top:1px solid #302937;padding-top:45px}.light-inset-image{background:radial-gradient(ellipse at center,#2a2030,#151218 70%);overflow:hidden}.light-inset-image img{width:110%;max-width:none;margin-left:-5%}.light-inset-copy h3{font-size:36px;line-height:1.4;letter-spacing:-1px;margin:22px 0}.light-inset-copy p{font-size:12px;color:#9d91a8}.inset-index{display:block;margin-top:35px;font-size:8px;letter-spacing:1.6px;color:#786a84}.view-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.view-tabs button{gap:12px;font-size:11px}.gallery-stage img{transition:opacity .2s}@media(max-width:900px){.form-visual{height:510px;margin-top:0}.hero-card{width:100%;left:0}.light-inset-copy h3{font-size:27px}.light-inset-copy .kicker{font-size:7px;letter-spacing:1.5px}.view-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.light-visual{height:440px}}@media(max-width:600px){.hero-card{width:112%;left:-6%;top:35%;height:49%}.form-visual{height:360px;margin:0 -8%}.form-visual img{padding:0 3%}.light-visual{height:330px}.light-inset{grid-template-columns:1fr;gap:25px;margin-bottom:40px;padding-top:30px}.light-inset-copy h3{font-size:29px;margin:16px 0}.light-inset-copy p{font-size:11px}.inset-index{margin-top:22px}.view-tabs button{font-size:10px;padding:17px 5px}.gallery-stage{height:290px}}
/* Progressive enhancement: without JS all content remains visible. */
html.motion-on{scroll-behavior:auto}
.motion-on .cover-heading{animation:cover-copy 1s cubic-bezier(.2,.7,.2,1) both}
.motion-on .hero-card{animation:cover-product 1.3s cubic-bezier(.2,.7,.2,1) both}
.motion-on .giant{animation:cover-copy 1.15s ease both}
.motion-reveal{opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
.motion-reveal.is-visible{opacity:1;transform:none}
.expand,.header-link,footer>a:last-child{transition:color .25s,background .25s,transform .25s}
.expand:hover{transform:rotate(6deg);background:#d1c7db}
.header-link:hover,footer>a:last-child:hover{color:#e2a2ff}
@keyframes cover-copy{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes cover-product{from{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-reveal{opacity:1;transform:none}*{animation:none!important}}
/* Purple light signature: slow breathing, not flashing. */
.light h2 em{animation:purple-breath 3.6s ease-in-out infinite}
@keyframes purple-breath{0%,100%{color:#cc8ce5;text-shadow:0 0 8px #b145db33,0 0 24px #bd3ee51a}50%{color:#efc6ff;text-shadow:0 0 10px #d960ef99,0 0 32px #c244eb66,0 0 58px #ad29dd33}}
.form{isolation:isolate}.speed-lines{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.speed-lines i{position:absolute;left:-65%;top:var(--line-top,40%);width:55%;height:1px;background:linear-gradient(90deg,transparent,#9684b366,#9876bca8,transparent);transform:rotate(-28deg);animation:line-flight var(--line-time,5s) linear infinite;animation-delay:var(--line-delay,0s);animation-play-state:paused}
.effects-visible .speed-lines i{animation-play-state:running}
.speed-lines i:nth-child(2){--line-top:65%;--line-time:6.4s;--line-delay:-3s}
.speed-lines i:nth-child(3){--line-top:90%;--line-time:5.6s;--line-delay:-1.8s}
.speed-lines i:nth-child(4){--line-top:25%;--line-time:7s;--line-delay:-5s}
.speed-lines i:nth-child(5){--line-top:110%;--line-time:6s;--line-delay:-4s}
.speed-lines i:nth-child(6){--line-top:52%;--line-time:7.5s;--line-delay:-2s}
@keyframes line-flight{0%{transform:translate(0,160px) rotate(-28deg);opacity:0}15%,80%{opacity:.65}100%{transform:translate(330%,-450px) rotate(-28deg);opacity:0}}
.autoplay-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#85788e;font-size:10px;letter-spacing:1px}.autoplay-controls button{border:1px solid #bcb0c7;background:transparent;color:#5f456e;border-radius:20px;padding:8px 14px;font-size:11px}.autoplay-controls button:hover{background:#ded5e8}.view-tabs{margin-top:17px}.view-tabs button{position:relative;--progress:0}.view-tabs button[aria-selected=true]{border-top-color:#c8bdcf}.view-tabs button::before{content:'';position:absolute;left:0;top:-2px;height:3px;width:100%;background:linear-gradient(90deg,#784296,#cb63f2);transform:scaleX(var(--progress));transform-origin:left;box-shadow:0 0 8px #ba64df44;pointer-events:none}.view-tabs button:not([aria-selected=true])::before{opacity:0}
@media(prefers-reduced-motion:reduce){.light h2 em{animation:none;text-shadow:none}.speed-lines{display:none}}