body[data-plate] .plate-stage{position:relative;z-index:0;height:180vh;view-timeline:--plate block}body[data-plate] .plate{position:sticky;top:0;height:100vh;z-index:0;-webkit-clip-path:inset(0);clip-path:inset(0);background-color:var(--ink-0)}body[data-plate] .plate-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-image:var(--asset-plate-frame);background-size:cover;background-position:50% 64%;will-change:transform}body.shot[data-plate] .plate{height:620px}body.shot[data-plate] .plate-img{background-attachment:scroll}@media(max-width:900px),(hover:none){body[data-plate] .plate-stage,body[data-plate=over] .plate-stage{position:relative;height:auto;view-timeline:none}body[data-plate] .plate{position:relative;height:60vh}body[data-plate] .plate-img{background-attachment:scroll}}body[data-plate] .plate-door{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}body[data-plate] .pd-mark{position:absolute;left:50%;top:52%;translate:-50% -50%;width:min(320px,26vw,18vh)}body[data-plate] .pd-mark:before{content:"";position:absolute;top:-60%;right:-46%;bottom:-60%;left:-46%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#12110c99,#12110c66 44%,#12110c00 74%)}body[data-plate] .pd-logo{width:100%;display:block}body[data-plate] .pd-logo.logo-dot{position:absolute;top:0;right:0;bottom:0;left:0}body[data-plate] .pd-hit{position:absolute;display:block;z-index:4}body[data-plate] .pd-hit-dot{left:36%;top:4%;width:50%;height:54%;border-radius:50%;z-index:5}body[data-plate] .pd-hit-arc{left:-6%;top:40%;width:112%;height:68%}body[data-plate] .pd-note{position:absolute;left:6%;bottom:9%;z-index:3;display:flex;flex-direction:column;gap:var(--space-2);max-width:45%}body[data-plate] .pd-note{will-change:transform}body[data-plate] .pd-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--space-4)}body[data-plate] .pd-key{color:var(--paper)}body[data-plate] .pd-val{color:#f7f6f3b8}body[data-plate] .pd-note .u{text-shadow:0 0 14px rgba(18,17,12,.7),0 0 4px rgba(18,17,12,.5)}@keyframes mark-enter{0%{translate:-50% calc(-50% - 26px)}to{translate:-50% -50%}}@property --mark-in{syntax: "<number>"; inherits: false; initial-value: 1;}@keyframes mark-fade{0%{--mark-in: 0}to{--mark-in: 1}}@keyframes note-drift{0%{transform:translateY(-16px)}to{transform:translateY(16px)}}body[data-plate] .pd-mark{scale:var(--mark-grow, 1.625);opacity:calc(var(--mark-in, 1) * var(--burial-fade, 1));animation:mark-enter linear both,mark-fade linear both;animation-timeline:--plate,--plate;animation-range:entry 0% cover 31%,entry 0% cover 23%}@property --half-stand{syntax: "<number>"; inherits: false; initial-value: 1;}@keyframes half-stand{0%{--half-stand: .35}to{--half-stand: 1}}body[data-plate] .pd-logo{opacity:var(--half-stand, 1)}body[data-plate] .pd-logo.logo-arc,body[data-plate] .pd-logo.logo-dot{animation:half-stand linear both;animation-timeline:--plate}body[data-plate] .pd-logo.logo-arc{animation-range:cover 5% cover 25%}body[data-plate] .pd-logo.logo-dot{animation-range:cover 0% cover 20%}@property --gloss-stand{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes gloss-stand{0%{--gloss-stand: 0}to{--gloss-stand: 1}}@property --gloss-dim{syntax: "<number>"; inherits: false; initial-value: 1;}body[data-note=hover] .plate-door:has(.pd-gloss-collective.lit)>.pd-gloss-selective:not(.lit),body[data-note=hover] .plate-door:has(.pd-gloss-selective.lit)>.pd-gloss-collective:not(.lit){--gloss-dim: .35}body[data-plate][data-note=hover] .plate-door>.pd-gloss-collective{animation:gloss-stand linear both;animation-timeline:--plate;animation-range:entry 8% cover 15%}body[data-plate][data-note=hover] .plate-door>.pd-gloss-selective{animation:gloss-stand linear both;animation-timeline:--plate;animation-range:entry 18% cover 22%}body[data-plate] .pd-logo.logo-arc{-webkit-mask-image:radial-gradient(circle at 61.2% 31.1%,transparent 0 11.5%,#000 12.5%);mask-image:radial-gradient(circle at 61.2% 31.1%,transparent 0 11.5%,#000 12.5%)}body[data-plate] .pd-logo.logo-dot{-webkit-mask-image:radial-gradient(circle at 61.2% 31.1%,#000 0 11.5%,transparent 12.5%);mask-image:radial-gradient(circle at 61.2% 31.1%,#000 0 11.5%,transparent 12.5%)}body[data-plate] .pd-row{animation:note-drift linear both;animation-timeline:--plate;will-change:transform}.pd-gloss,body[data-note=hover] .pd-note{display:none}body[data-note=hover] .pd-gloss{display:flex;flex-direction:column;gap:var(--space-4);position:absolute;width:300px;z-index:6;opacity:calc(var(--gloss-stand, 0) * var(--gloss-dim, 1) * var(--burial-fade, 1));filter:blur(calc((1 - var(--gloss-stand, 0)) * 10px));pointer-events:auto;transition:--gloss-dim var(--duration-slow) var(--ease-ink)}body[data-note=hover] .pd-gloss:before{content:"";position:absolute;top:-64px;right:-72px;bottom:-64px;left:-72px;z-index:-1}body[data-note=hover] .pd-gloss .pd-key{color:var(--paper-0);font-size:var(--text-small);align-self:flex-start;padding-bottom:3px;border-bottom:1px solid rgba(247,246,243,.65)}body[data-note=hover] .plate-door>.pd-gloss-collective{left:6%;top:9%;width:320px;gap:var(--space-3)}body[data-note=hover] .plate-door>.pd-gloss-collective .pd-val{color:#f7f6f3a8;font-size:var(--text-caption);line-height:var(--lh-prose)}body[data-note=hover] .plate-door>.pd-gloss-collective .pd-key,body[data-note=hover] .plate-door>.pd-gloss-collective .pd-val{text-shadow:0 0 14px rgba(18,17,12,.7),0 0 4px rgba(18,17,12,.5)}body[data-note=hover] .plate-door>.pd-gloss-selective{left:50%;bottom:7%;translate:-50% 0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;justify-items:center;align-items:center;gap:var(--space-6);width:58%;max-width:none}body[data-note=hover] .pd-gloss-selective:has(.pd-lg:nth-child(6)){gap:var(--space-5)}body[data-note=hover] .pd-gloss-selective:has(.pd-lg:nth-child(9)){gap:18px;width:66%}body[data-note=hover] .pd-gloss-selective:has(.pd-lg:nth-child(12)){gap:var(--space-3);width:78%}body[data-note=hover] .pd-gloss-selective:has(.pd-lg:nth-child(16)){gap:10px;width:88%}.pd-gloss-selective{--pd-mark-h: 20px}.pd-gloss-selective:has(.pd-lg:nth-child(6)){--pd-mark-h: 17px}.pd-gloss-selective:has(.pd-lg:nth-child(9)){--pd-mark-h: 15px}.pd-gloss-selective:has(.pd-lg:nth-child(12)){--pd-mark-h: 13px}.pd-gloss-selective:has(.pd-lg:nth-child(16)){--pd-mark-h: 11px}.pd-lg{font-family:var(--mono);font-size:var(--text-utility);letter-spacing:var(--ls-label);text-transform:uppercase;white-space:nowrap;min-width:0;color:#f7f6f361}.pd-lg :is(svg,img){height:var(--pd-mark-h, 20px);width:auto;max-width:100%;display:block;object-fit:contain}.pd-lg img{opacity:.7}body[data-note=hover] .pd-gloss.lit{--gloss-dim: 1}body[data-plate] .pd-logo,body[data-plate] .pd-row .pd-key,body[data-plate] .pd-row .pd-val{transition:opacity var(--duration-base) var(--ease-ink)}.plate-door:has(.pd-gloss-collective.lit) .logo-arc,.plate-door:has(.pd-gloss-selective.lit) .logo-dot{opacity:.4}@media(hover:hover)and (pointer:fine){.plate-door:has(.pd-hit-dot:hover) .pd-row:not(.pd-row-collective) .pd-key,.plate-door:has(.pd-hit-dot:hover) .pd-row:not(.pd-row-collective) .pd-val,.plate-door:has(.pd-hit-arc:hover) .pd-row:not(.pd-row-selective) .pd-key,.plate-door:has(.pd-hit-arc:hover) .pd-row:not(.pd-row-selective) .pd-val{opacity:.3}}body[data-plate=over] .plate-stage{position:sticky;top:-100vh;z-index:0}@media(min-width:900px)and (hover:hover)and (prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){body[data-heroexit=dream] .plate{position:fixed;top:0;left:0;right:0}}}@media(min-width:900px)and (hover:hover)and (prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){body[data-page=landing] .plate{background-color:transparent}}}.plate-door{user-select:none;-webkit-user-select:none}.pd-logo{-webkit-user-drag:none}body[data-mark=tumble4] .pd-mark{perspective:900px}body[data-mark=tumble4] .pd-hit{touch-action:none;cursor:grab}body[data-mark=tumble4] .pd-hit:active{cursor:grabbing}body[data-mark=tumble4] .pd-logo{transition:opacity var(--duration-base) var(--ease-ink),transform .16s var(--ease-ink);will-change:transform}body[data-mark=tumble4] .pd-logo.pd-home{transition:opacity var(--duration-base) var(--ease-ink),transform 1.4s var(--ease-ink)}body[data-mark=tumble4] .pd-logo.pd-retrace{transition:none}@media(prefers-reduced-motion:reduce),(max-width:900px),(hover:none){body[data-plate] .pd-mark,body[data-plate] .pd-logo,body[data-plate] .pd-row{animation:none}body[data-plate][data-note=hover] .plate-door{--gloss-stand: 1}body[data-plate][data-note=hover] .pd-gloss{animation:none}}@media(max-width:900px),(hover:none)and (max-height:500px){body[data-plate] .pd-mark{width:62vw;--mark-grow: 1.35}body[data-plate] .pd-note{left:8%;bottom:7%;max-width:84%}body[data-plate] .pd-row{grid-template-columns:74px minmax(0,1fr);gap:var(--space-3)}}@media(hover:none)and (min-width:601px)and (min-height:501px)and (max-width:900px){body[data-plate] .pd-mark{width:min(320px,30vw)}}@media(max-width:600px),(hover:none)and (max-height:500px){body[data-note=hover] .plate-door>.pd-gloss-selective{width:88%;gap:var(--space-3)}.pd-gloss-selective{--pd-mark-h: 16px}.pd-gloss-selective:has(.pd-lg:nth-child(6)){--pd-mark-h: 14px}.pd-gloss-selective:has(.pd-lg:nth-child(9)){--pd-mark-h: 12px}.pd-gloss-selective:has(.pd-lg:nth-child(12)){--pd-mark-h: 11px}.pd-gloss-selective:has(.pd-lg:nth-child(16)){--pd-mark-h: 9px}body[data-note=hover] .plate-door>.pd-gloss-collective{width:min(320px,88%)}}@keyframes ink-travel{0%{transform:translate3d(0,calc(var(--travel) / -2),0) scale(var(--travel-scale))}to{transform:translate3d(0,calc(var(--travel) / 2),0) scale(var(--travel-scale))}}.travels{animation:ink-travel linear both;animation-timeline:view()}body[data-plate] .plate-img.travels{animation-timeline:--plate}@media(prefers-reduced-motion:reduce),(max-width:900px),(hover:none){.travels{animation:none;transform:scale(var(--travel-scale))}}@keyframes plate-zoom{0%{transform:scale(1.16)}to{transform:scale(1)}}body[data-fill=zoom] .plate-img{animation:plate-zoom linear both;animation-timeline:--plate;animation-range:entry 0% entry 100%}@property --veil{syntax: "<number>"; inherits: false; initial-value: 0;}@property --burial-fade{syntax: "<number>"; inherits: true; initial-value: 1;}body[data-plate] .plate-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#12110c00 16%,#12110ccc 50%,#12110c);opacity:var(--veil, 0)}@media(min-width:900px)and (hover:hover)and (prefers-reduced-motion:no-preference){@supports (animation-timeline: scroll()){@keyframes plate-life{0%{transform:scale(1.13)}to{transform:scale(1)}}@keyframes plate-burial{0%{scale:1}to{scale:1.26}}body[data-fill=zoom] .plate-img{animation:plate-life linear both;animation-timeline:--plate;animation-range:entry 0% cover 50%}body[data-register=stall][data-fill=zoom] .plate-img{animation:plate-life linear both,plate-burial linear both;animation-timeline:--plate,--dzentry;animation-range:entry 0% cover 50%,entry 0% entry 100%}body[data-heroexit=dream][data-fill=zoom] .plate-img{animation:none}body[data-heroexit=dream][data-register=stall][data-fill=zoom] .plate-img{animation:plate-burial linear both;animation-timeline:--dzentry;animation-range:entry 0% entry 100%}@keyframes veil-deepen{0%{--veil: .3}to{--veil: 1}}body[data-register=stall] .plate-veil{animation:veil-deepen linear both;animation-timeline:--dzentry;animation-range:entry 0% entry 45%}@keyframes burial-dissolve{0%{--burial-fade: 1}20%{--burial-fade: .94}50%{--burial-fade: .55}80%{--burial-fade: .08}to{--burial-fade: 0}}body[data-register=stall] .plate-door{animation:burial-dissolve linear both;animation-timeline:--dzentry;animation-range:entry 36% entry 84%}body[data-plate] .pd-note{opacity:var(--burial-fade, 1)}@keyframes dream-burial-haze{0%{filter:blur(0px)}to{filter:blur(7px)}}@keyframes veil-mist{0%{--veil: 0}to{--veil: 1}}body[data-burial=curtain][data-register=stall] :is(.plate-img,.plate-door),body[data-burial=curtain][data-register=stall] .plate-veil{-webkit-mask-image:var(--cloud-melt);mask-image:var(--cloud-melt);-webkit-mask-size:100% 300vh;mask-size:100% 300vh;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 -85vh;mask-position:0 -85vh}@keyframes plate-front{0%{z-index:2}to{z-index:2}}body[data-burial=curtain][data-register=stall] .plate-stage{animation:plate-front linear forwards;animation-timeline:--dzentry;animation-range:entry 0% entry 1%;pointer-events:none}body[data-burial=curtain] .pd-hit{pointer-events:auto}@keyframes dz-hold{0%{translate:0 -100vh}to{translate:0 0}}body[data-burial=curtain][data-register=stall] section.dz{background:var(--seam-canvas);animation:dz-hold linear;animation-timeline:--dzentry;animation-range:entry 0% entry 100%}body[data-burial=curtain][data-register=stall] .dz-stage:before,body[data-burial=curtain][data-register=stall] .dz-stage:after{display:none}@keyframes curtain-carry{0%{translate:0 0}55%{translate:0 -56.2vh}to{translate:0 -104vh}}@keyframes curtain-melt{0%{-webkit-mask-position:0 -75vh;mask-position:0 -75vh}3%{-webkit-mask-position:0 -125vh;mask-position:0 -125vh}20%{-webkit-mask-position:0 -132vh;mask-position:0 -132vh}55%{-webkit-mask-position:0 -155vh;mask-position:0 -155vh}85%{-webkit-mask-position:0 -185vh;mask-position:0 -185vh}to{-webkit-mask-position:0 -235vh;mask-position:0 -235vh}}@keyframes curtain-fade{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}body[data-burial=curtain][data-register=stall][data-fill=zoom] :is(.plate-img,.plate-door){animation:curtain-carry linear both,curtain-melt linear both,dream-burial-haze linear both,burial-dissolve linear both,curtain-fade linear both;animation-timeline:--dzentry,--dzentry,--dzentry,--dzentry,--dzentry;animation-range:entry 0% entry 100%,entry 0% entry 100%,entry 10% entry 100%,entry 36% entry 84%,entry 55% entry 100%}@property --veil-alive{syntax: "<number>"; inherits: false; initial-value: 1;}@keyframes curtain-veil-fade{0%{--veil-alive: 1;visibility:visible}to{--veil-alive: 0;visibility:hidden}}body[data-burial=curtain] .plate-veil{background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,rgb(18 17 12) calc((80 + 14 * var(--veil, 0)) * 1%),transparent),#12110c 78%);opacity:calc(var(--veil, 0) * .85 * var(--veil-alive, 1))}body[data-burial=curtain][data-register=stall][data-fill=zoom] .plate-veil{animation:veil-mist linear both,curtain-carry linear both,curtain-melt linear both,curtain-veil-fade linear both;animation-timeline:--dzentry,--dzentry,--dzentry,--dzentry;animation-range:entry 0% entry 70%,entry 0% entry 100%,entry 0% entry 100%,entry 55% entry 100%}}}@media(prefers-reduced-motion:reduce),(max-width:900px),(hover:none){body[data-fill] .plate-img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/plate.css.map */