.cgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,1.7vw,26px) clamp(12px,1.5vw,22px);align-items:start}.cgrid .pan,.splash{color:inherit;text-decoration:none}.cgrid .pan .art,.splash .art,.cgrid .pan .cap,.cgrid .pan .txt2,.splash .cap,.splash .txt2{display:block}.pan .cap:after{content:"\2192";float:right;opacity:.3;transition:opacity .35s var(--ease),transform .35s var(--ease)}@media(hover:hover){.pan:hover .cap:after{opacity:.95;transform:translate(2px)}.pan:hover{border-color:color-mix(in srgb,var(--ink) 100%,transparent)}}.pan{transition:border-color .35s var(--ease),transform .26s var(--ease)}.pan:active{transform:scale(.988)}.pan:active .cap:after{opacity:.95;transform:translate(2px)}@media(prefers-reduced-motion:reduce){.pan,.pan:active{transform:none;transition:none}}.cgrid .pan:focus-visible,.splash:focus-visible{outline:2px solid var(--green-ink);outline-offset:3px}.beat{grid-column:span 4;align-self:stretch}.beat .txt2{padding:12px 14px 17px}.bwrap{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-origin:50% 72%}.mnote{grid-column:span 4;display:block;align-self:end;padding:0 2px 14px}.mnote img{width:104px;height:auto;margin:0 0 12px}.mnote .figcap{margin:0}.aspect{border:0;background:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:clamp(14px,2vw,34px);align-items:end}.aspect.wide{grid-column:1/-1}.aspect:not(.wide){grid-column:span 8;grid-template-columns:1fr}.aspect.flip{grid-template-columns:minmax(0,320px) minmax(0,1fr)}.aspect.flip .afr{order:2}.aspect.flip .acopy{order:1}.aspect.solo .afr{grid-template-columns:minmax(0,340px)}.afr{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1vw,16px);padding-top:19px}.aspect .no{position:absolute;left:1px;top:0;font-family:var(--mono);font-size:10px;color:var(--mid)}.acopy{display:block;min-width:0}.aspect .cap{border-top:0;padding:0 0 9px}.aspect .txt2{padding:0;flex:none}.mf{position:relative;display:block;overflow:hidden;aspect-ratio:1/1;border:1px solid var(--ink);background:var(--bone)}.mfi{position:absolute;max-width:none;height:auto;width:calc(var(--z,230) * 1%);left:calc(var(--l,0) * 1%);top:calc(var(--t,0) * 1%);opacity:0;transform:translateY(9px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.pan.in .mfi{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.mfi{opacity:1;transform:none;transition:none}}.splashband{background:var(--bone);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:clamp(38px,5.4vw,84px) 0;margin:clamp(40px,5.5vw,88px) 0}.splash{border:0;background:none;max-width:1400px;margin:0 auto;padding:0 var(--g);display:grid;grid-template-columns:minmax(0,660px) minmax(0,1fr);gap:clamp(26px,4vw,72px);align-items:center}.splash .art{border:1px solid var(--ink);background:var(--bone);max-width:660px}.splash .no{font-size:11px;left:13px;top:11px}.scopy{display:block;min-width:0}.splash .cap{border-top:0;padding:0 0 14px;font-size:10.5px}.splash .txt2{padding:0;font-size:17.5px;max-width:34ch}.splash .txt2 b{font-size:clamp(27px,3.4vw,44px);line-height:1.1;margin-bottom:14px}.splash .more{display:block;margin-top:22px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mid)}.splash:hover .more{color:var(--ink)}.gauge{position:absolute;left:6.5%;top:8.5%;display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-family:var(--mono);opacity:0;transition:opacity .8s var(--ease) .3s}.pan.in .gauge{opacity:1}@media(prefers-reduced-motion:reduce){.gauge{opacity:1;transition:none}}.gnum{display:flex;align-items:baseline;gap:5px;color:var(--ink);font-size:clamp(30px,4.4vw,56px);line-height:1;letter-spacing:-.02em}.gnum em{font-style:normal;font-size:.34em;letter-spacing:.06em;color:var(--mid)}.grule{display:block;width:62px;height:1px;background:var(--ink);opacity:.45}.gclock{font-size:clamp(13px,1.6vw,20px);letter-spacing:.1em;color:var(--mid)}#how{--beat:1.6s}#how .pan.r,#how .pan .drw{transition-delay:calc(var(--row,0) * .1s)}#how .pan .mfi{transition-delay:calc(var(--row,0) * .1s + var(--i,0) * .11s)}#how .pan .gauge{transition-delay:calc(var(--row,0) * .1s + .3s)}#how .pan .tally{transition-delay:calc(var(--row,0) * .1s + .35s)}#how .pan .no{--m-delay:calc(var(--row,0) * .1s + .12s);--m-tick-y:-4px}@media(prefers-reduced-motion:reduce){#how .pan.r,#how .pan .drw,#how .pan .mfi,#how .pan .gauge,#how .pan .tally{transition-delay:0s}}.mfleck,.mspore,.mdrop,.mcrumb{position:absolute;display:block;pointer-events:none}.mfleck{width:5px;height:6.5px;background:var(--ink);opacity:.7;border-radius:42% 58% 50% 50%/55% 45%}.mspore{width:4px;height:4px;border-radius:50%;background:var(--green-ink);opacity:.5}.mdrop{width:4px;height:5.5px;opacity:.34;background:var(--ink);border-radius:52% 48% 50% 50%/64% 64% 36% 36%}.mcrumb{width:3px;height:3px;border-radius:50%;background:var(--ink);opacity:.4}.mair{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:var(--ink);stroke-width:1.15;opacity:.4;pointer-events:none}.mshim{position:absolute;pointer-events:none;color:color-mix(in srgb,var(--ink) 20%,transparent);background-image:radial-gradient(currentColor .65px,transparent .75px);background-size:9px 9px;left:6%;right:6%;top:4%;height:34%}.mshim2{left:12%;right:10%;top:2%;height:25%;background-size:14px 14px;color:color-mix(in srgb,var(--ink) 14%,transparent)}.tally{position:absolute;right:11%;top:41%;font-family:var(--mono);font-size:clamp(32px,4.4vw,60px);line-height:1;color:var(--ink);letter-spacing:-.02em;opacity:0;transition:opacity .8s var(--ease) .35s}.pan.in .tally{opacity:.92}@media(prefers-reduced-motion:reduce){.tally{opacity:.92;transition:none}}:root[data-theme=dark] .mfi{filter:invert(1) hue-rotate(180deg);mix-blend-mode:lighten}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mfi{filter:invert(1) hue-rotate(180deg);mix-blend-mode:lighten}}@media(max-width:980px){.cgrid{grid-template-columns:repeat(6,1fr)}.beat{grid-column:span 3}.mnote{grid-column:span 6;display:flex;gap:16px;align-items:flex-end;padding-bottom:4px}.mnote img{margin:0;width:82px}.aspect,.aspect:not(.wide){grid-column:1/-1}.aspect{grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:20px}.splash{grid-template-columns:1fr;gap:26px}.splash .txt2{max-width:56ch}.gauge{left:5.5%;top:7%}}@media(max-width:760px){.aspect,.aspect:not(.wide),.aspect.flip,.aspect.flip.wide{grid-template-columns:1fr}.aspect.flip .afr,.aspect.flip .acopy{order:0}}@media(max-width:640px){.beat{grid-column:1/-1;max-width:84%}.b-r{margin-left:auto}.afr{gap:7px;padding-top:17px}.splashband{padding:30px 0;margin:34px 0}.splash{padding:0}.scopy{padding:0 var(--g)}.splash .art{max-width:none;border-left:0;border-right:0;aspect-ratio:4/5}.splash .drw{object-position:64% 50%}.splash .no{left:calc(var(--g) + 3px)}.gauge{left:calc(var(--g) + 4px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/comic.css.map */