.focus-mode-button{border:1px solid #f2c9df25;border-radius:22px;padding:10px 15px;color:#d4bace;transition:background .25s,border-color .25s,color .25s,transform .35s var(--ease)}
.focus-mode-button .icon{width:14px;height:14px}.focus-key{display:none;font-family:DM,Arial,sans-serif;font-size:6px;line-height:1;border:1px solid #cba8c53b;border-radius:4px;padding:4px;color:#b695ae;margin-left:3px}
.is-focus-mode .site-header>.brand,.is-focus-mode .site-header nav{visibility:hidden;opacity:0;pointer-events:none}
.is-focus-mode .release-strip,.is-focus-mode .welcome-section,.is-focus-mode .lookbook,.is-focus-mode .release-guide,.is-focus-mode .site-footer{display:none}
.is-focus-mode .hero{height:100dvh;min-height:100dvh;padding:105px 24px 95px}
.is-focus-mode .hero h1,.is-focus-mode .hero-actions,.is-focus-mode .release-date,.is-focus-mode .platforms,.is-focus-mode .release-message{display:none!important}
.is-focus-mode .hero-content{max-width:1150px}
.is-focus-mode .hero-content>.eyebrow{font-size:clamp(17px,1.6vw,24px);letter-spacing:6px;opacity:.94;margin-bottom:35px}
.is-focus-mode .countdown{max-width:1050px;margin-bottom:0}
.is-focus-mode .time-value{font-size:clamp(72px,min(14vw,25vh),200px)}
.is-focus-mode .time-colon{height:clamp(78px,min(15.12vw,27vh),216px)}
.is-focus-mode .time-unit{gap:20px}.is-focus-mode .time-label{font-size:9px;letter-spacing:4px;color:#e6cddd}
.is-focus-mode .hero-bottom{left:0;right:0;bottom:25px;justify-content:center}
.is-focus-mode .hero-bottom>.scroll-cue,.is-focus-mode .hero-bottom>.share-button{display:none}
.is-focus-mode .focus-key{display:inline-block}
.is-focus-mode .focus-mode-button{background:#26172b44;color:#dfc6d7;border-color:#e8bdd633}
.is-focus-mode .page-scrollbar{visibility:hidden;pointer-events:none}
@media(hover:hover) and (pointer:fine){.focus-mode-button:hover{background:#efabc514;border-color:#f1b8d16b;color:#ffe4ee;transform:translateY(-2px)}.focus-mode-button:active{transform:scale(.97)}}
@media(max-width:760px){.focus-mode-button{font-size:8px;padding:9px 11px;gap:6px}.is-focus-mode .hero{padding:100px 15px 85px}.is-focus-mode .time-value{font-size:clamp(65px,17vw,110px)}.is-focus-mode .time-colon{height:clamp(70px,18.36vw,119px)}.is-focus-mode .time-label{font-size:6px;letter-spacing:2px}.is-focus-mode .time-unit{gap:13px}.is-focus-mode .hero-content>.eyebrow{font-size:14px;letter-spacing:3px;margin-bottom:28px}}
@media(hover:none){.is-focus-mode .focus-key{display:none}}
