/* THE COVER (2026-09-25) — "Enter the experience". See showcase-cover.js and the
   matching server gate in the platform's netlify/lib/access.js. */
#sxrCover{position:fixed;inset:0;z-index:400;display:grid;place-items:center;overflow:hidden;background:#07090b;color:#fff;
  animation:cvIn 1.2s ease both;transition:opacity .9s ease,visibility 0s .9s}
#sxrCover.lift{opacity:0;visibility:hidden;pointer-events:none}
#sxrCover .cv-bg{position:absolute;inset:-4%;background:#07090b center/cover no-repeat;animation:cvDrift 60s ease-in-out infinite alternate}
#sxrCover .cv-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,12,.55),rgba(4,8,12,.25) 40%,rgba(4,8,12,.8))}
#sxrCover .cv-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:0 6vw;max-width:1100px;width:100%}
#sxrCover .cv-logo{height:clamp(56px,9vh,104px);width:auto;filter:drop-shadow(0 3px 12px rgba(0,0,0,.8));opacity:0;animation:cvWord 1s .3s ease forwards}
#sxrCover .cv-eyebrow{font:400 11px var(--mono,ui-monospace,monospace);letter-spacing:.34em;text-transform:uppercase;color:#d7dfe5;opacity:0;animation:cvWord 1s .3s ease forwards}
#sxrCover .cv-title{margin:clamp(20px,5vh,56px) 0 0;font:400 clamp(56px,min(10vw,13vh),172px)/.92 'Bodoni 72',Didot,'Cormorant Garamond','Times New Roman',serif;letter-spacing:-.05em;text-shadow:0 4px 40px rgba(0,0,0,.6);text-wrap:balance;opacity:0;animation:cvWord 1.1s .55s cubic-bezier(.16,1,.3,1) forwards}
#sxrCover .cv-title b,#sxrCover .cv-title .chrome-txt{display:block;font-weight:400;font-style:italic;font-size:.83em;letter-spacing:-.052em;margin-top:.06em;color:inherit;-webkit-text-fill-color:currentColor;background:none}
#sxrCover .cv-line{margin:clamp(18px,3.5vh,36px) auto 0;max-width:60ch;font:400 clamp(15px,1.3vw,19px)/1.65 var(--sans,system-ui,sans-serif);color:#f3efe9;text-shadow:0 2px 16px rgba(0,0,0,.7);opacity:0;animation:cvWord 1s .95s ease forwards}
#sxrCover .cv-enter{margin-top:clamp(28px,6vh,64px);font:600 12px/1 var(--mono,ui-monospace,monospace);letter-spacing:.2em;text-transform:uppercase;color:#10171b;background:#d7dfe5;border:1px solid #d7dfe5;border-radius:999px;min-height:56px;padding:0 34px;cursor:pointer;
  box-shadow:0 18px 50px -18px rgba(215,223,229,.7);transition:transform .28s cubic-bezier(.16,1,.3,1),filter .2s;opacity:0;animation:cvWord 1s 1.25s ease forwards}
#sxrCover .cv-enter:hover{transform:translateY(-2px);filter:brightness(1.06)}
#sxrCover .cv-enter:active{transform:translateY(1px)}
#sxrCover .cv-enter:focus-visible{outline:2px solid #fff;outline-offset:4px}
#sxrCover .cv-foot{position:absolute;left:0;right:0;bottom:-16vh;margin:0;font:400 10px var(--mono,ui-monospace,monospace);letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.55);opacity:0;animation:cvWord 1s 1.6s ease forwards}
@keyframes cvIn{from{opacity:0}to{opacity:1}}
@keyframes cvDrift{from{transform:scale(1) translate(0,0)}to{transform:scale(1.06) translate(-1%,.8%)}}
@keyframes cvWord{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
body.has-cover{overflow:hidden}
@media (max-width:760px){#sxrCover .cv-title{font-size:clamp(44px,13vw,80px)}#sxrCover .cv-foot{bottom:-12vh;font-size:9px;letter-spacing:.2em}}
@media (prefers-reduced-motion:reduce){#sxrCover,#sxrCover .cv-bg,#sxrCover .cv-logo,#sxrCover .cv-eyebrow,#sxrCover .cv-title,#sxrCover .cv-line,#sxrCover .cv-enter,#sxrCover .cv-foot{animation:none;opacity:1;transform:none}}