:root{--tools-h: 2.75rem;--scrim-ramp: 6rem;--scrim-side: 4rem;--hand-w: 22.5rem;--fade-up: linear-gradient(to top, #000 calc(100% - var(--scrim-ramp)), rgba(0, 0, 0, .94) calc(100% - var(--scrim-ramp) * .9), rgba(0, 0, 0, .78) calc(100% - var(--scrim-ramp) * .77), rgba(0, 0, 0, .55) calc(100% - var(--scrim-ramp) * .6), rgba(0, 0, 0, .32) calc(100% - var(--scrim-ramp) * .43), rgba(0, 0, 0, .15) calc(100% - var(--scrim-ramp) * .28), rgba(0, 0, 0, .05) calc(100% - var(--scrim-ramp) * .15), rgba(0, 0, 0, .01) calc(100% - var(--scrim-ramp) * .06), transparent 100%);--fade-right: linear-gradient(to right, #000 calc(100% - var(--scrim-side)), rgba(0, 0, 0, .94) calc(100% - var(--scrim-side) * .9), rgba(0, 0, 0, .78) calc(100% - var(--scrim-side) * .77), rgba(0, 0, 0, .55) calc(100% - var(--scrim-side) * .6), rgba(0, 0, 0, .32) calc(100% - var(--scrim-side) * .43), rgba(0, 0, 0, .15) calc(100% - var(--scrim-side) * .28), rgba(0, 0, 0, .05) calc(100% - var(--scrim-side) * .15), rgba(0, 0, 0, .01) calc(100% - var(--scrim-side) * .06), transparent 100%)}.js .template-index .site-header{position:fixed;inset-inline-start:0;inset-inline-end:0;background:transparent;border-block-end-color:transparent;transition:background-color var(--dur-state) var(--ease-out),border-color var(--dur-state) var(--ease-out)}.js .template-index .site-header:before{content:"";position:absolute;inset:0 0 auto;block-size:calc(var(--header-h) * 2);z-index:-1;background:linear-gradient(to bottom,#0f1a16cc 0% 50%,#0f1a16bf 56%,#0f1a169e 63%,#0f1a1670,#0f1a1642,#0f1a161f 87%,#0f1a160a 93%,#0f1a1603 97%,#0f1a1600);pointer-events:none;transition:opacity var(--dur-state) var(--ease-out)}.js .template-index .site-header.is-solid{background:var(--surface);border-block-end-color:var(--rule)}.js .template-index .site-header.is-solid:before{opacity:0}.home{position:relative;background:var(--after-hours)}.home__stage{position:sticky;inset-block-start:0;z-index:var(--z-picture);block-size:100vh;block-size:100lvh;background:var(--after-hours)}.home__stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%}.home__story{position:relative;margin-block-start:-100vh;margin-block-start:-100lvh;clip-path:inset(0)}.beat{position:relative;block-size:calc(var(--w, 1) * 100vh);block-size:calc(var(--w, 1) * 100svh)}[data-h3d-mode=still] .beat{clip-path:inset(0)}.beat__window{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0);z-index:-1}.beat__still{position:fixed;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100vh;block-size:100lvh;background:var(--after-hours)}.beat__still img{inline-size:100%;block-size:100%;object-fit:cover}[data-h3d-mode=live] .beat__still{opacity:0;visibility:hidden;transition:opacity .4s var(--ease-out),visibility 0s .4s}.beat__copy{position:fixed;inset-inline-start:0;inset-inline-end:0;inset-block-end:0;z-index:1;display:grid;justify-items:start;align-content:end;padding:var(--scrim-ramp) var(--page-pad) calc(var(--space-8) + env(safe-area-inset-bottom));pointer-events:none}.beat__copy:not(.closing){inset-inline-end:auto;inline-size:max-content;max-inline-size:100%;padding-inline-end:var(--scrim-side)}.beat__copy:not(.closing):before{-webkit-mask-image:var(--fade-up),var(--fade-right);-webkit-mask-composite:source-in;mask-image:var(--fade-up),var(--fade-right);mask-composite:intersect}.beat__copy a,.beat__copy button{pointer-events:auto}.beat__copy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--scrim-text);-webkit-mask-image:var(--fade-up);mask-image:var(--fade-up)}[data-h3d-mode=live] .beat__copy{opacity:0;transform:translateY(var(--space-3))}[data-h3d-mode=live] .beat:not([data-h3d-shown]) .beat__copy :is(a,button){pointer-events:none}[data-h3d-mode=live] .beat[data-h3d-shown] .beat__copy{opacity:1;transform:none}.live-settled[data-h3d-mode=live] .beat__copy{transition:opacity var(--dur-state) var(--ease-in),transform var(--dur-state) var(--ease-in)}.live-settled[data-h3d-mode=live] .beat[data-h3d-shown] .beat__copy{transition:opacity var(--dur-reveal) var(--ease-out) var(--dur-state),transform var(--dur-reveal) var(--ease-out) var(--dur-state)}[data-h3d-root][data-h3d-held] .beat__copy{visibility:hidden;opacity:0}.arrival__title{font:var(--type-display);letter-spacing:var(--track-display)}.rise{display:block;overflow:hidden;padding-block-end:.16em;margin-block-end:-.16em}.rise>span{display:block}.arrival__ar{margin-block-start:var(--space-3);color:var(--text)}.arrival__fact{margin-block-start:var(--space-2);max-inline-size:16rem;color:var(--text-2)}.cue{display:flex;align-items:center;gap:var(--space-3);margin-block-start:var(--space-6);font:var(--type-label);color:var(--text-2)}.cue__line{position:relative;inline-size:1px;block-size:1.5rem;background:var(--rule-strong);overflow:hidden}.cue__line:after{content:"";position:absolute;inset:0 0 auto;block-size:.625rem;background:linear-gradient(var(--brass),var(--bone));transform:translateY(-100%);animation:cue 2.4s var(--ease-in-out) 1.6s infinite}@keyframes cue{0%{transform:translateY(-100%)}70%,to{transform:translateY(2.5rem)}}@media(prefers-reduced-motion:reduce){.cue__line:after{animation:none;transform:translateY(.5rem)}}.intro .rise>span{transform:translateY(118%)}.intro .arrival__ar,.intro .arrival__fact,.intro .cue{opacity:0;transform:translateY(var(--space-3))}.intro .beat--arrival .beat__still{opacity:0}.intro.intro-run .rise>span{transform:none;transition:transform var(--dur-intro) var(--ease-out) var(--d, 0ms)}.intro.intro-run .arrival__ar,.intro.intro-run .arrival__fact,.intro.intro-run .cue{opacity:1;transform:none;transition:opacity var(--dur-reveal) var(--ease-out) var(--d, 0ms),transform var(--dur-intro) var(--ease-out) var(--d, 0ms)}.intro.intro-run .beat--arrival .beat__still{opacity:1;transition:opacity var(--dur-intro) var(--ease-out)}.caption__title{font:var(--type-h1);letter-spacing:var(--track-display)}.caption__line{margin-block-start:var(--space-1);font:var(--type-lead);color:var(--text-2)}.closing .caption__line{color:var(--text)}.closing .btn{margin-block-start:var(--space-6);inline-size:100%}.for-mouse{display:none}@media(hover:hover)and (pointer:fine){.for-touch{display:none}.for-mouse{display:inline}}.picks{position:relative;inline-size:100%;block-size:0}.picks:focus-within{block-size:3.25rem}.beat__copy .picks__btn{position:absolute;inset-inline-start:calc(var(--space-3) * -1);inset-block-start:var(--space-2);max-inline-size:calc(100vw - 2 * var(--page-pad) + var(--space-6));min-block-size:var(--control-h-sm);padding:0 var(--space-3);overflow:hidden;font:var(--type-body-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none}.beat__copy .picks__btn:focus-visible{opacity:1;pointer-events:auto}[data-h3d-mode=still] .beat--table .beat__copy{visibility:hidden}.hand-list{position:fixed;inset-inline-start:0;inset-inline-end:0;inset-block-end:0;z-index:2;display:grid;pointer-events:none}.hand{grid-area:1 / 1;align-self:end;position:relative;padding:var(--scrim-ramp) var(--page-pad) calc(var(--tools-h) + var(--space-5) + env(safe-area-inset-bottom));opacity:0;visibility:hidden;transform:translateY(var(--space-4))}.hand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,rgba(15,26,22,.92) 0,var(--scrim-text) calc(100% - var(--scrim-ramp)));-webkit-mask-image:var(--fade-up);mask-image:var(--fade-up)}[data-h3d-mode=still] .hand[data-h3d-focus],[data-h3d-mode=live] .hand[data-h3d-held]{opacity:1;visibility:visible;transform:none}[data-h3d-mode=still] .hand[data-h3d-focus],.live-settled[data-h3d-mode=live] .hand[data-h3d-held]{transition:opacity var(--dur-panel) var(--ease-out),transform var(--dur-panel) var(--ease-out),visibility 0s}.live-settled[data-h3d-mode=live] .hand:not([data-h3d-held]){transition:opacity var(--dur-state) var(--ease-in),transform var(--dur-state) var(--ease-in),visibility 0s var(--dur-state)}.hand a,.hand button{pointer-events:auto}.hand__name{font:var(--type-h2);letter-spacing:var(--track-h2);text-wrap:balance;max-inline-size:22rem}.hand__meta{margin-block-start:var(--space-1);font:var(--type-body-sm);color:var(--text-2)}.hand__meta .num{font-size:.8125rem}.hand__incart{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--text);visibility:hidden}.hand__incart .icon{inline-size:.875rem;block-size:.875rem;color:var(--brass)}.hand__buy{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-block-size:var(--control-h-sm);margin-block-start:var(--space-3)}.hand__price{font:var(--type-price-lg);font-variant-numeric:tabular-nums;white-space:nowrap}.hand__view{display:inline-flex;align-items:center;min-block-size:var(--control-h-sm);white-space:nowrap}.hand__action{display:grid;margin-block-start:var(--space-3)}.hand__action>*{grid-area:1 / 1}.hand__action>.btn--outline{visibility:hidden}.hand[data-h3d-in-cart] .hand__action>form{visibility:hidden}.hand[data-h3d-in-cart] .hand__action>.btn--outline,.hand[data-h3d-in-cart] .hand__incart{visibility:inherit}.hand__alert{margin-block-start:var(--space-2)}.hand-tools,.hand-pager{position:fixed;inset-inline-start:var(--page-pad);inset-inline-end:var(--page-pad);inset-block-end:calc(var(--space-2) + env(safe-area-inset-bottom));z-index:3;display:flex;align-items:center;justify-content:space-between;block-size:var(--tools-h);border-block-start:var(--rule-w) solid var(--rule)}.hand-pager .num{font-size:.8125rem;line-height:1.25rem;color:var(--text-2)}.hand-pager .btn-icon:first-child{margin-inline-start:calc(var(--space-3) * -1)}.hand-pager .btn-icon:last-child{margin-inline-end:calc(var(--space-3) * -1)}[data-h3d-mode=live] .hand-pager{visibility:hidden}@media(min-width:900px),(orientation:landscape)and (min-width:600px){:root{--scrim-side: 8rem}.beat__copy,.beat__copy:not(.closing){inset-inline-end:auto;inline-size:max-content;max-inline-size:46%;padding:var(--scrim-ramp) var(--scrim-side) var(--space-16) var(--page-pad)}.beat__copy:before{-webkit-mask-image:var(--fade-up),var(--fade-right);-webkit-mask-composite:source-in;mask-image:var(--fade-up),var(--fade-right);mask-composite:intersect}.arrival__ar{margin-block-start:var(--space-4)}.arrival__fact{margin-block-start:var(--space-3);max-inline-size:30rem;font:var(--type-lead)}.cue{margin-block-start:var(--space-8)}.caption__line{margin-block-start:var(--space-2)}.closing .btn{inline-size:auto}.hand-list{inset-inline-start:auto;inset-inline-end:15%;inline-size:var(--hand-w);inset-block-end:14vh;inset-block-end:14svh}.hand{padding:0 0 calc(var(--tools-h) + var(--space-4))}.hand:before{inset:calc(var(--space-6) * -1);background:var(--after-hours);border:var(--rule-w) solid var(--rule);-webkit-mask-image:none;mask-image:none}.hand-tools,.hand-pager{inset-inline-start:auto;inset-inline-end:15%;inline-size:var(--hand-w);inset-block-end:14vh;inset-block-end:14svh}}@media(max-height:700px){:root{--scrim-ramp: 4rem}.hand__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.hand__buy{margin-block-start:var(--space-1)}.hand__action{margin-block-start:var(--space-2)}.hand{padding-block-end:calc(var(--tools-h) + var(--space-4) + env(safe-area-inset-bottom))}}@media(orientation:landscape)and (max-height:500px){.beat__copy{padding-block-end:calc(var(--space-6) + env(safe-area-inset-bottom))}.hand-list,.hand-tools,.hand-pager{inset-block-end:var(--space-4);inset-inline-end:max(var(--page-pad),env(safe-area-inset-right))}.arrival__title{font:800 2rem/2rem var(--font-display)}.cue{margin-block-start:var(--space-4)}}.home__stage canvas{display:block;touch-action:pan-y;outline:none;pointer-events:none}.intro .home__stage canvas{visibility:hidden}.beat__still picture{display:contents}.beat__still img{display:block}.h3d-grip{position:fixed;inset-inline-start:0;inset-block-start:0;z-index:2;inline-size:10px;block-size:10px;margin:0;padding:0;border:0;background:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.h3d-grip[hidden]{display:none}.h3d-grip[data-grabbing]{cursor:grabbing}.h3d-grip:focus-visible{outline:var(--focus-ring);outline-offset:6px}.h3d-debug{position:fixed;inset-inline-start:0;inset-block-start:var(--header-h);z-index:9999;max-inline-size:min(100vw,25rem);margin:0;padding:5px 7px;background:#040807cc;color:#d7e3dc;pointer-events:none;font:400 9px/1.35 var(--font-mono);white-space:pre-wrap;word-break:break-word}.h3d-debug b{color:#e8c77e;font-weight:500}.h3d-debug i{color:#e88e7a;font-style:normal}[dir=rtl] .beat__copy:before{transform:scaleX(-1)}[data-h3d-mode=still] .beat--table.beat--empty .beat__copy{visibility:visible}.home__first{margin-block-start:var(--space-6)}.light.intro .beat--arrival .beat__still{--h3d-light: 0;-webkit-mask-image:radial-gradient(ellipse calc(var(--h3d-light) * 230%) calc(var(--h3d-light) * 250%) at var(--gap-x, 72%) var(--gap-y, 62%),#000 0,#000 55%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(ellipse calc(var(--h3d-light) * 230%) calc(var(--h3d-light) * 250%) at var(--gap-x, 72%) var(--gap-y, 62%),#000 0,#000 55%,rgba(0,0,0,0) 100%)}.light.intro.intro-run .beat--arrival .beat__still{--h3d-light: 1;transition:opacity .26s linear,--h3d-light 1.35s cubic-bezier(.4,0,.2,1)}.h3d-play{margin-block:var(--space-3, 12px) 0}.h3d-play[hidden]{display:none}.h3d-play button{min-block-size:44px;padding-inline:16px;border:1px solid rgba(239,233,218,.4);border-radius:0;background:none;color:var(--bone, #EFE9DA);font:inherit;font-size:.875rem;cursor:pointer;pointer-events:auto}.h3d-play button:focus-visible{outline:var(--focus-ring);outline-offset:4px}[data-h3d-root] :focus:not(:focus-visible){outline:none}.hand[tabindex="-1"]:focus{outline:none}.hand[tabindex="-1"]:focus-visible{outline:var(--focus-ring);outline-offset:4px}html:not(.js) .hand-pager{display:none}[data-h3d-root]{-webkit-tap-highlight-color:transparent}.home__stage,.beat__window,.beat__still,.beat__still img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.beat__still img{pointer-events:none}[data-h3d-mode=live][data-h3d-pager] .hand-pager{visibility:visible;inset-block-start:calc(37% - 22px);inset-block-start:calc(37svh - 22px);inset-block-end:auto;block-size:44px;inset-inline:var(--space-2);border-block-start:0;pointer-events:none}[data-h3d-mode=live][data-h3d-pager] .hand-pager .btn-icon{pointer-events:auto;margin:0;background:#0f1a168c;border-radius:50%}[data-h3d-mode=live][data-h3d-pager] .hand-pager .num{position:fixed;inset-inline-start:50%;inset-block-end:calc(var(--space-2) + env(safe-area-inset-bottom));margin:0;block-size:var(--tools-h);line-height:var(--tools-h);transform:translate(-50%)}[dir=rtl] [data-h3d-mode=live][data-h3d-pager] .hand-pager .num{transform:translate(50%)}@media(min-width:900px),(orientation:landscape)and (min-width:600px){[data-h3d-mode=live][data-h3d-pager] .hand-pager{inset-block-start:auto;inset-block-end:14vh;inset-block-end:14svh;block-size:var(--tools-h);inset-inline-start:auto;inset-inline-end:calc(15% + var(--hand-w) / 2);inline-size:auto;transform:translate(50%);gap:var(--space-2)}[dir=rtl] [data-h3d-mode=live][data-h3d-pager] .hand-pager{transform:translate(-50%)}[data-h3d-mode=live][data-h3d-pager] .hand-pager .btn-icon{background:none}[data-h3d-mode=live][data-h3d-pager] .hand-pager .num{position:static;transform:none;block-size:auto;line-height:inherit}}@media(orientation:landscape)and (max-height:500px){[data-h3d-mode=live][data-h3d-pager] .hand-pager{inset-block-end:var(--space-4);inset-inline-end:calc(max(var(--page-pad),env(safe-area-inset-right)) + var(--hand-w) / 2)}}a.cue{min-block-size:var(--control-h-sm, 44px);padding-block:.25rem;padding-inline-end:var(--space-4, 16px);color:inherit;text-decoration:none;pointer-events:auto;-webkit-tap-highlight-color:transparent}a.cue:hover{color:var(--text, #EFE9DA)}a.cue:focus-visible{outline:var(--focus-ring);outline-offset:4px}.arrival__title .rise,.caption__title .keep{white-space:nowrap}@media(min-width:900px)and (max-width:1100px),(orientation:landscape)and (min-width:600px)and (max-width:1100px){:root{--scrim-side: 4rem}.beat__copy,.beat__copy:not(.closing){max-inline-size:62%}.arrival__title{font-size:clamp(2.25rem,6.2vw,4.5rem);line-height:1}.closing .caption__title{font-size:clamp(1.75rem,3.6vw,2.5rem);line-height:1.1}}@media(min-width:900px),(orientation:landscape)and (min-width:600px){.caption__title .keep{display:block}}@media(min-width:900px)and (max-aspect-ratio:3/2),(orientation:landscape)and (min-width:600px)and (max-aspect-ratio:3/2){[data-h3d-mode=still] .hand-list,[data-h3d-mode=still] .hand-tools,[data-h3d-mode=still] .hand-pager{inset-inline-end:calc(var(--page-pad) + var(--space-6));inset-block-end:calc(var(--space-6) + env(safe-area-inset-bottom))}}[data-h3d-mode=still] .beat{display:grid;grid-template:1fr / 1fr;align-items:end}[data-h3d-mode=still] .beat>.beat__copy,[data-h3d-mode=still] .beat>.hand-list,[data-h3d-mode=still] .beat>.hand-pager{grid-area:1 / 1;position:sticky;inset-inline:auto}[data-h3d-mode=still] .beat>.beat__copy{inset-block-end:0;justify-self:start}[data-h3d-mode=still] .beat>.beat__copy.closing{justify-self:stretch}[data-h3d-mode=still] .beat>.hand-list{inset-block-end:0;justify-self:stretch}[data-h3d-mode=still] .beat>.hand-pager{inset-block-end:calc(var(--space-2) + env(safe-area-inset-bottom));justify-self:stretch;margin-inline:var(--page-pad);inline-size:auto}@media(min-width:900px),(orientation:landscape)and (min-width:600px){[data-h3d-mode=still] .beat>.hand-list,[data-h3d-mode=still] .beat>.hand-pager{justify-self:end;inline-size:var(--hand-w);margin-inline:0 15%;inset-block-end:14vh;inset-block-end:14svh}}@media(min-width:900px)and (max-aspect-ratio:3/2),(orientation:landscape)and (min-width:600px)and (max-aspect-ratio:3/2){[data-h3d-mode=still] .beat>.hand-list,[data-h3d-mode=still] .beat>.hand-pager{margin-inline:0 calc(var(--page-pad) + var(--space-6));inset-block-end:calc(var(--space-6) + env(safe-area-inset-bottom))}}@media(orientation:landscape)and (max-height:500px){[data-h3d-mode=still] .beat>.hand-list,[data-h3d-mode=still] .beat>.hand-pager{inset-block-end:var(--space-4);margin-inline:0 max(var(--page-pad),env(safe-area-inset-right))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/home.css.map */