/* Brand-led opening; the App overview below keeps the actual product drawing. */
.opening{--sail-dark:#6e7888;--sail-core:#bcc5d3;--sail-silver:#e2e8f1;--sail-light:#fff;--sail-edge:#99a6ba;--sail-face-top:#fff;--sail-face-mid:#f7f9fb;--sail-face-bottom:#eff2f6;--sail-fold-top:#fff;--sail-fold-bottom:#d9dfe9;--sail-back-top:#bcc5d3;--sail-back-bottom:#f2f5f9;position:relative;isolation:isolate;min-height:100svh;overflow:clip;background:var(--bg);--pointer-x:0;--pointer-y:0;--opening-scroll:0}
:root[data-palette=light] .opening{--sail-dark:#0444af;--sail-core:#0787fa;--sail-silver:#369eff;--sail-light:#c0e7ff;--sail-edge:#075bea;--sail-face-top:#074edb;--sail-face-mid:#087bfa;--sail-face-bottom:#21a8ff;--sail-fold-top:#64bdff;--sail-fold-bottom:#0764ec;--sail-back-top:#0444af;--sail-back-bottom:#0b8ef9}
.opening-frame{position:relative;z-index:2;min-height:100svh;max-width:1760px;margin:auto;padding:127px clamp(24px,5vw,88px) 30px;display:flex;flex-direction:column;pointer-events:none}
.opening-frame a{pointer-events:auto}
.opening-brandline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;font-size:11px;letter-spacing:.04em;color:var(--muted)}
.opening-status{display:flex;align-items:center;gap:8px}.opening-status i{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent)}
.opening-edition{font-size:10px;letter-spacing:.06em}
.opening h1{font-size:clamp(105px,15vw,246px);line-height:.95;letter-spacing:-.075em;font-weight:600;margin:0 0 21px;width:max-content;max-width:100%;color:var(--ink)}
.opening-period{color:var(--accent)}
.opening-message{margin-top:auto;padding-top:28px;padding-bottom:49px;max-width:620px;transform:translateY(calc(var(--opening-scroll)*-16px))}
.opening-slogan{font-size:clamp(32px,3.15vw,54px);font-weight:450;line-height:1.17;letter-spacing:-.036em;margin:0 0 21px}.opening-slogan span{color:var(--muted)}
.opening-description{color:var(--muted);font-size:14px;line-height:1.95;margin:0 0 25px}
.opening-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.opening-actions .button{min-height:51px;gap:24px;font-size:13px}
.opening-actions .text-link{font-size:12px}
.opening-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:19px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.015em}
.opening-bottom p{display:flex;align-items:center;gap:9px;margin:0}.opening-bottom p svg{width:14px;height:16px;color:var(--accent)}
.opening-bottom>a{display:flex;align-items:center;gap:19px;white-space:nowrap;transition:color .25s}.opening-bottom>a:hover{color:var(--ink)}
.opening-bottom>a>span{border:1px solid var(--line);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;transition:transform .3s var(--ease)}
.opening-bottom>a:hover>span{transform:translateY(3px)}.opening-bottom>a svg{width:12px;height:12px}
.opening-art{position:absolute;z-index:1;width:min(103vw,1660px);height:auto;aspect-ratio:1.5;top:50%;right:-18%;transform:translate3d(calc(var(--pointer-x)*15px),calc(-43% + var(--pointer-y)*11px + var(--opening-scroll)*-68px),0) rotate(calc(var(--pointer-x)*.7deg));transform-origin:60% 50%;pointer-events:none}
.opening-sail{width:100%;height:100%;overflow:visible;fill:none;stroke:none;stroke-width:0}.sail-body{transform-origin:740px 390px;transform:rotate(calc(-10deg + var(--opening-scroll)*-4deg))}
.sail-glint{animation:sail-glint 18s linear infinite;animation-play-state:paused;opacity:.65}.opening.is-visible .sail-glint{animation-play-state:running}
@keyframes sail-glint{from{stroke-dashoffset:1290}to{stroke-dashoffset:0}}
.opening-horizon{position:absolute;z-index:0;inset:33% -10% 0;background:radial-gradient(ellipse at 68% 70%,color-mix(in srgb,var(--sail-core) 6%,transparent),transparent 55%);pointer-events:none}
.product-overview{padding-top:90px;padding-bottom:85px;min-height:100svh;scroll-margin-top:-104px;border-top:1px solid var(--line)}
.product-overview .hero-copy{padding-bottom:10px}
.product-overview h2{margin:0;letter-spacing:-.045em;font-size:clamp(40px,3.65vw,70px);line-height:1.2;font-weight:600;white-space:nowrap}
.product-overview h2 span{color:var(--muted)}
.product-overview .hero-description{font-size:clamp(14px,1.18vw,18px);margin:27px 0 24px}
.overview-points{display:grid;gap:13px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:12px;line-height:1.8}.overview-points li{display:flex;align-items:center;gap:12px}.overview-points svg{width:17px;height:17px;color:var(--ink)}
.product-overview .hero-safety{margin-top:26px;font-size:11px;max-width:360px}
@media(min-width:1760px){.opening-art{right:-11%;}.opening-message{padding-bottom:70px}.opening-description{font-size:16px}}
@media(max-height:760px) and (min-width:901px){.opening-frame{padding-top:110px;padding-bottom:22px}.opening-brandline{margin-bottom:15px}.opening h1{font-size:clamp(110px,13vw,182px);margin-bottom:16px}.opening-message{padding-top:17px;padding-bottom:25px}.opening-slogan{font-size:clamp(28px,2.7vw,39px);margin-bottom:12px}.opening-description{font-size:12px;margin-bottom:18px}.opening-actions .button{min-height:45px;padding:9px 21px}.opening-bottom{padding-top:14px}.opening-art{width:94vw;right:-12%;transform:translate3d(calc(var(--pointer-x)*15px),calc(-38% + var(--pointer-y)*11px + var(--opening-scroll)*-68px),0) rotate(calc(var(--pointer-x)*.7deg))}.product-overview{padding-top:75px}.product-overview h2{font-size:44px}}
@media(max-width:1100px){.opening-art{right:-29%;width:112vw}.opening-frame{padding-left:5vw;padding-right:5vw}.opening h1{font-size:16.2vw}.opening-slogan{font-size:34px}.product-overview{padding-top:80px;gap:36px}.product-overview h2{font-size:53px}.product-overview .hero-copy{padding-bottom:0}}
@media(max-width:900px){.opening-art{margin-top:-38px}.opening-frame{padding-top:115px;min-height:850px}.opening{min-height:850px}.opening-brandline{margin-bottom:20px}.opening-edition{display:none}.opening h1{font-size:18.1vw;line-height:1}.opening-art{width:133vw;right:-25%;top:36%;transform:translate3d(0,-34%,0)}.opening-message{padding-top:310px;padding-bottom:36px;transform:none;max-width:100%}.opening-slogan{font-size:38px;line-height:1.1}.opening-slogan br{display:none}.opening-slogan span{display:block}.opening-bottom{gap:14px;font-size:10px}.opening-bottom>a{gap:10px}.product-overview{padding-top:70px;scroll-margin-top:-20px}.product-overview h2{font-size:clamp(32px,5.9vw,49px)}.product-overview .hero-description{font-size:15px;margin:22px 0}.overview-points{font-size:12px;gap:12px}}
@media(max-width:640px){.opening-frame{padding:137px 24px 22px;min-height:850px}.opening{min-height:850px}.opening-brandline{font-size:10px;margin-bottom:14px}.opening h1{font-size:17.8vw;margin-bottom:0}.opening-art{width:169vw;right:-42%;top:28%;transform:translate3d(0,-10%,0)}.opening-message{padding-top:285px;padding-bottom:34px}.opening-slogan{font-size:34px;margin-bottom:17px}.opening-description{font-size:12px;margin-bottom:22px}.opening-actions{gap:21px}.opening-actions .button{font-size:12px;min-height:47px;padding:11px 17px;gap:17px}.opening-actions .text-link{font-size:11px}.opening-bottom{align-items:flex-start;font-size:9px}.opening-bottom p{max-width:220px;align-items:flex-start;gap:7px}.opening-bottom p svg{width:12px;height:15px}.opening-bottom>a{gap:7px;font-size:9px}.opening-bottom>a>span{width:24px;height:24px}.product-overview{padding-top:57px;padding-bottom:74px}.product-overview .hero-safety{font-size:11px}.product-overview .hero-description br{display:none}.overview-points{font-size:11px}}
@media(max-width:360px){.opening-frame{padding-left:20px;padding-right:20px;min-height:810px}.opening{min-height:810px}.opening h1{font-size:17.5vw}.opening-message{padding-top:257px}.opening-slogan{font-size:31px}.opening-actions{gap:18px}.opening-actions .button{gap:11px;font-size:11px;padding:10px 14px}.opening-bottom p{max-width:165px}.product-overview h2{font-size:31px}.overview-points{font-size:10px}}
@media(max-height:620px) and (min-width:901px){.opening-frame{min-height:660px;padding-top:110px}.opening{min-height:660px}.opening-art{top:45%;width:94vw;right:-12%}.opening h1{font-size:clamp(105px,13vw,170px)}.opening-message{padding-top:28px;padding-bottom:35px}.product-overview{padding-top:65px}}
@media(prefers-reduced-motion:reduce){.opening-art{transform:translate3d(0,-43%,0)}.opening-message{transform:none}.sail-body{transform:rotate(-10deg)}.sail-glint{animation:none}}
@media(prefers-reduced-motion:reduce) and (max-width:900px){.opening-art{transform:translate3d(0,-34%,0)}}
@media(prefers-reduced-motion:reduce) and (max-width:640px){.opening-art{transform:translate3d(0,-10%,0)}}