html[data-intro=show] body,html:not([data-intro]) body{overflow:hidden}html[data-intro=skip] .intro-gate{display:none!important}.intro-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--color-absolute-black);color:var(--color-pure-white);font-family:var(--font-body);opacity:1;transition:opacity .6s ease-out}.intro-gate[data-state=dismissing]{opacity:0;pointer-events:none}.intro-gate__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--color-absolute-black)}.intro-gate__video,.intro-gate__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.intro-gate__poster{z-index:1;background:var(--color-absolute-black)}.intro-gate__video{z-index:2;opacity:0;transition:opacity .6s ease-out}.intro-gate__video[data-ready=true]{opacity:1}.intro-gate__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:radial-gradient(ellipse at center,#00000059,#000000bf),linear-gradient(180deg,#0003,#0000 30% 70%,#0009);pointer-events:none;opacity:0;transition:opacity .6s ease-out}.intro-gate[data-stage=ready] .intro-gate__scrim{opacity:1}.intro-gate__content{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-32);max-width:640px;width:100%;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.intro-gate[data-stage=ready] .intro-gate__content{opacity:1;transform:translateY(0);pointer-events:auto}.intro-gate[data-stage=ready] .intro-gate__logo,.intro-gate[data-stage=ready] .intro-gate__eyebrow,.intro-gate[data-stage=ready] .intro-gate__headline,.intro-gate[data-stage=ready] .intro-gate__age,.intro-gate[data-stage=ready] .intro-gate__enter,.intro-gate[data-stage=ready] .intro-gate__decline,.intro-gate[data-stage=ready] .intro-gate__legal{animation:intro-gate-rise .6s cubic-bezier(.22,1,.36,1) both}.intro-gate[data-stage=ready] .intro-gate__logo{animation-delay:0ms}.intro-gate[data-stage=ready] .intro-gate__eyebrow{animation-delay:.12s}.intro-gate[data-stage=ready] .intro-gate__headline{animation-delay:.2s}.intro-gate[data-stage=ready] .intro-gate__age{animation-delay:.34s}.intro-gate[data-stage=ready] .intro-gate__enter{animation-delay:.42s}.intro-gate[data-stage=ready] .intro-gate__decline{animation-delay:.5s}.intro-gate[data-stage=ready] .intro-gate__legal{animation-delay:.6s}@keyframes intro-gate-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-gate-rise-skewed{0%{opacity:0;transform:translateY(12px) skew(var(--display-slant))}to{opacity:1;transform:translateY(0) skew(var(--display-slant))}}.intro-gate[data-stage=ready] .intro-gate__headline{animation-name:intro-gate-rise-skewed}@media(prefers-reduced-motion:reduce){.intro-gate__content{opacity:1;transform:none;pointer-events:auto;transition:none}.intro-gate[data-stage=ready] .intro-gate__logo,.intro-gate[data-stage=ready] .intro-gate__eyebrow,.intro-gate[data-stage=ready] .intro-gate__headline,.intro-gate[data-stage=ready] .intro-gate__age,.intro-gate[data-stage=ready] .intro-gate__enter,.intro-gate[data-stage=ready] .intro-gate__decline,.intro-gate[data-stage=ready] .intro-gate__legal{animation:none;opacity:1}}.intro-gate__logo{width:100px;height:auto;margin-bottom:var(--spacing-32)}.intro-gate__eyebrow{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.18em;color:var(--color-ash-gray);text-transform:uppercase;margin:0 0 var(--spacing-16)}.intro-gate__headline{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--text-display-lg);line-height:var(--leading-display-lg);letter-spacing:var(--tracking-display-lg);text-transform:uppercase;margin:0 0 var(--spacing-40);color:var(--color-pure-white);transform:skew(var(--display-slant));transform-origin:center}.intro-gate__age{display:inline-flex;align-items:center;gap:var(--spacing-12);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-pure-white);margin-bottom:var(--spacing-24)}.intro-gate__checkbox{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:1px solid var(--color-pure-white);border-radius:var(--radius-sm);background:transparent;cursor:pointer;display:inline-grid;place-content:center;transition:background .15s ease-out,border-color .15s ease-out}.intro-gate__checkbox:after{content:"";width:12px;height:12px;background:var(--color-brand-red);border-radius:var(--radius-sm);transform:scale(0);transition:transform .12s ease-out}.intro-gate__checkbox:checked{border-color:var(--color-brand-red)}.intro-gate__checkbox:checked:after{transform:scale(1)}.intro-gate__checkbox:focus-visible{outline:2px solid var(--color-brand-red);outline-offset:2px}.intro-gate__enter{-webkit-appearance:none;appearance:none;border:0;background:var(--color-brand-red);color:var(--color-pure-white);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--text-heading);line-height:1;letter-spacing:.04em;text-transform:uppercase;padding:var(--spacing-16) var(--spacing-48);border-radius:var(--radius-full);cursor:pointer;transition:filter .15s ease-out,transform .15s ease-out}.intro-gate__enter-text{display:inline-block;transform:skew(var(--display-slant));transform-origin:center}.intro-gate__enter:hover{filter:brightness(1.1)}.intro-gate__enter:active{transform:scale(.98)}.intro-gate__enter:disabled{opacity:.35;cursor:not-allowed}.intro-gate__enter:focus-visible{outline:2px solid var(--color-brand-red);outline-offset:4px}.intro-gate__decline{background:transparent;border:0;margin-top:var(--spacing-24);font-family:var(--font-body);font-size:var(--text-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--color-steel-gray);cursor:pointer;text-decoration:underline;text-underline-offset:4px;transition:color .15s ease-out}.intro-gate__decline:hover{color:var(--color-ash-gray)}.intro-gate__decline:focus-visible{outline:2px solid var(--color-brand-red);outline-offset:4px}.intro-gate__controls{position:absolute;bottom:var(--spacing-24);right:var(--spacing-24);z-index:6;display:inline-flex;gap:var(--spacing-8);align-items:center}.intro-gate[data-stage=ready] .intro-gate__skip{opacity:0;pointer-events:none;transform:scale(.8);transition:opacity .3s ease-out .2s,transform .3s ease-out .2s}.intro-gate__skip,.intro-gate__sound{-webkit-appearance:none;appearance:none;display:inline-grid;place-items:center;width:36px;height:36px;padding:0;background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);color:#ffffffb3;cursor:pointer;opacity:.7;transition:opacity .2s ease-out,color .2s ease-out,border-color .2s ease-out,background .2s ease-out,transform .15s ease-out}.intro-gate__skip:hover,.intro-gate__sound:hover{opacity:1;color:var(--color-pure-white);border-color:#ffffff4d;background:#0006}.intro-gate__skip:active,.intro-gate__sound:active{transform:scale(.94)}.intro-gate__skip:focus-visible,.intro-gate__sound:focus-visible{outline:2px solid var(--color-brand-red);outline-offset:3px;opacity:1}.intro-gate__ctrl-icon{width:14px;height:14px;flex-shrink:0;display:block}.intro-gate__ctrl-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.intro-gate__sound[data-muted=true] .intro-gate__sound-icon--on,.intro-gate__sound[data-muted=false] .intro-gate__sound-icon--off{display:none}.intro-gate__sound--cue{opacity:1;color:var(--color-pure-white);animation:intro-gate-sound-cue 1.6s ease-in-out infinite}@keyframes intro-gate-sound-cue{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-brand-red) 65%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--color-brand-red) 0%,transparent)}}@media(prefers-reduced-motion:reduce){.intro-gate__sound--cue{animation:none;box-shadow:0 0 0 2px var(--color-brand-red)}}@media(max-width:480px){.intro-gate__controls{bottom:var(--spacing-16);right:var(--spacing-16)}}.intro-gate__legal{position:absolute;bottom:var(--spacing-24);left:0;right:0;z-index:4;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-steel-gray);text-align:center;white-space:nowrap;opacity:0}@media(max-width:480px){.intro-gate__logo{width:80px;margin-bottom:var(--spacing-24)}.intro-gate__headline{font-size:44px;letter-spacing:-1.3px}.intro-gate__content{padding:var(--spacing-24)}.intro-gate__enter{width:100%;max-width:320px}}@media(prefers-reduced-motion:reduce){.intro-gate__video{display:none}.intro-gate,.intro-gate__video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/intro-gate.css.map */