.home-page .hero{min-height:560px;padding-bottom:12px}.home-page .hero-art{min-height:0;align-self:end}.home-page #particle-canvas{height:490px}.home-page .hero-copy{padding-bottom:42px}.home-page .hero-package-preview{bottom:8px}@media(max-width:760px){.home-page .hero{min-height:0;padding-bottom:12px}.home-page .hero-copy{padding-bottom:0}.home-page #particle-canvas{height:350px}.home-page .hero-art{margin-top:16px}}/* Soften the cropped portrait edge and the transition into the ticker. */
.home-page #particle-canvas{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%)}
.home-page .hero{padding-bottom:24px}
.home-page .hero-package-preview{bottom:18px}
.home-page .ticker{background:#fff5bb;border-top:1px solid #f1e5a7;border-bottom:1px solid #f1e5a7;padding-top:16px;padding-bottom:16px}
@media(max-width:760px){.home-page .hero{padding-bottom:18px}.home-page .hero-package-preview{bottom:12px}}
/* Stronger editorial typography and a fuller hero composition. */
.home-page .hero{min-height:600px;padding:28px max(5%,calc((100vw - 1520px)/2)) 18px;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:12px;align-items:center;background:radial-gradient(ellipse at 80% 55%,#a8ece9 0,transparent 48%),radial-gradient(ellipse at 92% 8%,#ffc9b9 0,transparent 38%),#fff7de}
.home-page .hero-copy{padding:16px 0 30px;max-width:760px}
.home-page .hero h1,html[lang^='zh'] .home-page .hero h1{font-family:'Microsoft YaHei','PingFang SC',Arial,sans-serif;font-size:clamp(52px,5.3vw,90px)!important;font-weight:900;letter-spacing:-.055em;line-height:1.12;margin:22px 0 24px;color:#173c43}
.home-page .hero h1 .color-line,.home-page .hero h1 [data-i18n='heroLine2']{color:#ed503d}
.home-page .hero-copy>p{max-width:34em;font-size:17px;line-height:1.8;color:#35555b;margin:0 0 24px}
.home-page .hero .eyebrow{color:#173c43;font-weight:700;font-size:12px;letter-spacing:.1em}
.home-page .hero .live-dot{background:#ed503d}
.home-page .hero-art{width:100%;align-self:end;min-height:0;margin:0}
.home-page #particle-canvas{height:560px;width:100%;mask-image:linear-gradient(to bottom,#000 0%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 91%,transparent 100%)}
.home-page .hero-buttons{margin-top:26px;gap:24px}
.home-page .hero-buttons .button{background:#c63f30;color:#fff;border-radius:12px;box-shadow:0 5px 0 #a73327;padding:18px 24px;font-size:14px;font-weight:700}
.home-page .hero-tags{margin-top:30px;color:#35555b}
.home-page .hero-package-preview{width:clamp(105px,10vw,160px);right:0;bottom:24px}
@media(min-width:761px) and (max-width:1200px){.home-page .hero h1,html[lang^='zh'] .home-page .hero h1{font-size:clamp(48px,5.3vw,64px)!important}.home-page #particle-canvas{height:510px}.home-page .hero{min-height:550px}.home-page .hero-copy>p{font-size:15px}}
@media(max-width:760px){.home-page .hero{grid-template-columns:1fr;padding:30px 6% 14px;gap:12px;min-height:0}.home-page .hero-copy{padding:0}.home-page .hero h1,html[lang^='zh'] .home-page .hero h1{font-size:clamp(40px,10vw,58px)!important;letter-spacing:-.04em;line-height:1.15}.home-page .hero-copy>p{font-size:15px}.home-page #particle-canvas{height:360px}.home-page .hero-tags{margin-top:24px;font-size:11px}.home-page .hero-package-preview{width:100px;right:5px;bottom:15px}.home-page .hero-buttons .button{font-size:12px;padding:16px 20px}}
/* Pigment explosion behind the changing model cutouts. */
.home-page .hero-art{position:relative;isolation:isolate}
.home-page .hero-art::before{content:"";position:absolute;inset:-7% -8% -2%;background:url('assets/hero-color-powder-burst-optimized.webp') center center/contain no-repeat;pointer-events:none;z-index:-1;opacity:.92}
.home-page #particle-canvas{position:relative;z-index:1}
.home-page .hero-package-preview{z-index:2}
@media(max-width:760px){.home-page .hero-art::before{inset:-3% -4% 0;opacity:.9}}

/* Powder and models now share the canvas particle timeline. */
.home-page .hero-art::before{content:none}