/* A quiet navigation and one closing canvas, without separate dark bars. */
:root{--header-height:64px}
body{background:#fdfdfd}
.header{height:var(--header-height);min-height:var(--header-height);padding:0 var(--gutter);gap:24px;background:#fdfdfd;color:#090a10}
.header .brand{gap:16px;min-height:44px}
.header .brand img{width:156px;filter:brightness(0)}
.header .brand>span{border:0;padding:0;font:500 10px/1 EditorialInter,Arial,sans-serif;letter-spacing:.16em;color:#62636b}
.header .back{margin-left:auto;min-height:44px;gap:14px;font:500 12px/1.25 EditorialInter,Arial,sans-serif;color:#090a10}
.header .back svg{width:16px;height:16px;stroke:#0038ff}
.header a:focus-visible{outline-color:#0038ff}
.footer.store-footer{display:block;height:auto;min-height:0;padding:clamp(40px,6vw,92px) var(--gutter) 12px;background:#0038ff;color:#fdfdfd;letter-spacing:0}
.footer-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,28%);align-items:end;gap:clamp(32px,6vw,90px);padding-bottom:clamp(36px,5vw,72px)}
.store-footer h2{margin:0;font:700 clamp(88px,12vw,184px)/.85 Coign,Impact,sans-serif;letter-spacing:0;text-transform:uppercase;text-wrap:balance}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-links a{justify-content:space-between;gap:24px;min-height:52px;padding:12px 0;border-bottom:1px solid #ffffff5c;font:500 13px/1.3 EditorialInter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.footer-links a:hover{border-color:#fff}
.footer-links svg{width:22px;height:22px}
.footer-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #ffffff5c;padding-top:12px;font:400 11px/1.4 EditorialInter,Arial,sans-serif}
.footer-meta a{font-size:12px;min-height:44px}
.footer-meta svg{width:15px;height:15px}
@media(max-width:760px){
 :root{--header-height:56px}
 .header{gap:16px}
 .header .brand{gap:12px}
 .header .brand img{width:120px}
 .header .brand>span{font-size:10px;letter-spacing:.08em}
 .header .back{font-size:11px;gap:8px;min-width:0}
 .header .back svg{width:15px;height:15px}
 .footer.store-footer{padding:48px var(--gutter) 12px}
 .footer-main{grid-template-columns:minmax(0,1fr);gap:36px;padding-bottom:32px}
 .store-footer h2{font-size:clamp(72px,21vw,142px);max-width:100%}
 .footer-links{gap:4px}
 .footer-links a{font-size:12px}
 .footer-meta{gap:14px;font-size:10px}
 .footer-meta a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.store-footer a svg{transition:none}}