/* Calming Soon teaser, shown on Home and the Shop until launch */
.tz-page{--body:"Jost",system-ui,sans-serif}
.tz-page h1{font-weight:500}
/* ===== teaser: the shop is locked until launch ===== */
html.tz-on,html.tz-on body{overflow:hidden}
.tz-page .tz{position:fixed;inset:0;z-index:28;overflow:hidden;color:#F5F0E8;
  background:linear-gradient(180deg,#110D1E 0%,#1E1030 28%,#270E31 55%,#290E2F 100%)}
.tz-page .tz[hidden]{display:none}
.tz-page .tz-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 50%}
.tz-page .tz-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.tz-page .tz-bubbles i{position:absolute;bottom:-20px;border-radius:50%;border:1px solid rgba(245,240,232,.5);background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.55),rgba(255,255,255,.05) 45%,rgba(231,6,127,.06) 70%);
  animation:tzrise var(--t) linear infinite;animation-delay:var(--dl);will-change:transform,opacity}
.tz-page .tz-copy{position:absolute;left:52%;right:clamp(24px,6vw,96px);top:50%;transform:translateY(-50%);text-align:center;max-width:520px}
.tz-page .tz-lock{display:inline-grid;justify-items:stretch}
.tz-page .tz-h{margin:0;display:flex;justify-content:space-between;font:500 clamp(13px,1vw,15px)/1 var(--body);text-transform:uppercase;color:#C4A265}
.tz-page .tz-h span{display:block}
.tz-page .tz-clock{display:flex;justify-content:center;gap:clamp(28px,3.4vw,52px);margin:clamp(22px,3.4vh,34px) 0 0}
.tz-page .tz-clock div{display:grid;justify-items:center;gap:10px}
.tz-page .tz-clock b{font:300 clamp(26px,2.4vw,38px)/1 var(--body);letter-spacing:.12em;color:#F5F0E8;font-variant-numeric:tabular-nums}
.tz-page .tz-clock i{font-style:normal;font:400 11px/1 var(--body);letter-spacing:.4em;padding-left:.4em;text-transform:uppercase;color:rgba(245,240,232,.7)}
@media (max-width:820px){
  .tz-page .tz{overflow-y:hidden}
  .tz-page .tz{--ft:max(76px,calc((100svh - 63.4vw - 120px) / 2))}
  .tz-page .tz-img{inset:auto;left:10.9vw;top:calc(var(--ft) - 18.8vw);width:180vw;max-width:none;height:auto;object-fit:initial;-webkit-mask-image:radial-gradient(ellipse 27% 46% at 21.7% 50%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 27% 46% at 21.7% 50%,#000 72%,transparent 100%)}
  .tz-page .tz-copy{position:relative;left:auto;right:auto;top:auto;transform:none;max-width:none;padding:calc(var(--ft) + 63.4vw + 20px) 22px 40px}}
@media (prefers-reduced-motion:reduce){.tz-page .tz-bubbles{display:none}}
@keyframes tzrise{
  0%{transform:translate(0,0);opacity:0}
  8%{opacity:var(--o)}
  50%{transform:translate(var(--w),-55vh)}
  90%{opacity:var(--o)}
  100%{transform:translate(calc(var(--w) * -.5),-108vh);opacity:0}}
@media (max-width:520px){.tz-page .tz-clock{gap:20px}.tz-page .tz-clock b{font-size:26px}.tz-page .tz-clock i{letter-spacing:.28em;padding-left:.28em;font-size:10px}}

/* phone = reduced-motion version (generated) */
html.cs-lite .tz-page .tz-bubbles{display:none}
/* end of generated phone block */
