.pubs-wrap{--rail:0px;--gutter:1.25rem;position:relative}.pubs-list{background:var(--navy);color:var(--ice);margin:0;padding:0;list-style:none;position:relative}.pubs-slot{scroll-margin-top:0;position:relative}.pubs-stage{--tint:#0a3350;box-sizing:border-box;padding-block:3.5rem;padding-inline:calc(var(--rail) + var(--gutter)) var(--gutter);background:radial-gradient(70% 60% at 25% 50%, var(--tint), transparent 75%), linear-gradient(180deg, var(--navy-2), var(--navy));border-top:1px solid #eaf3f814;align-items:center;gap:1.5rem;display:grid;position:relative;overflow:hidden}.pubs-slot:first-child .pubs-stage{border-top:0}.pubs-bigyear{font:600 clamp(9rem, 34vw, 30rem) / .8 var(--font-display);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1.2px #eaf3f81a;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;position:absolute;bottom:-4vw;right:-2vw}.pubs-cover{z-index:1;isolation:isolate;background:var(--navy);border-radius:1.25rem;width:100%;height:38svh;min-height:15rem;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000000b3,0 0 0 1px #eaf3f81f}.pubs-art{position:absolute;inset:0}.pubs-foot{color:#fff;background:linear-gradient(#0000,#071b2eeb);align-items:baseline;gap:.75rem;padding:2rem 1.1rem 1rem;display:flex;position:absolute;inset:auto 0 0}.pubs-foot b{font:600 2.2rem / 1 var(--font-display);letter-spacing:-.02em}.pubs-foot span{color:#eaf3f8cc;font-size:.8125rem}.pubs-panel{z-index:2;min-width:0;max-width:42rem;position:relative}.pubs-dim{z-index:5;opacity:0;pointer-events:none;background:#02070d;position:absolute;inset:0}@media (min-width:900px){.pubs-wrap{--gutter:3rem}.pubs-stage{padding-block:5rem;padding-inline:max(calc(var(--rail) + var(--gutter)), calc((100% - 78rem) / 2)) max(var(--gutter), calc((100% - 78rem) / 2));grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:4.5rem}.pubs-cover{aspect-ratio:4/5;justify-self:center;max-width:30rem;height:auto}.pubs-foot b{font-size:2.8rem}}.pubs-rail{z-index:30;top:0;bottom:0;left:env(safe-area-inset-left,0px);width:var(--rail);pointer-events:none;opacity:0;transition:opacity .4s;position:fixed;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 9% 91%,#0000);mask-image:linear-gradient(#0000,#000 9% 91%,#0000)}.pubs-on{opacity:1}.pubs-tape{position:absolute;inset:0;overflow:hidden}.pubs-tape svg{will-change:transform;display:block;position:absolute;top:0;left:0}.pubs-grid-s{fill:none;stroke:#ff7a8a1a;stroke-width:.6px}.pubs-grid-b{fill:none;stroke:#ff7a8a3d;stroke-width:.8px}.pubs-trace-f{fill:none;stroke:#eaf3f838;stroke-width:1.3px;stroke-linejoin:round}.pubs-trace-b{fill:none;stroke:var(--ecg-light);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 4px #ff7a8abf)}.pubs-dot{width:9px;height:9px;box-shadow:0 0 10px 2px var(--ecg-light);background:#fff;border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute;top:0;left:0}.pubs-now{z-index:30;top:max(.9rem, env(safe-area-inset-top,0px));right:max(.9rem, env(safe-area-inset-right,0px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#eaf3f8cc;pointer-events:none;opacity:0;background:#071b2eb8;border:1px solid #eaf3f829;border-radius:999px;align-items:baseline;gap:.5rem;padding:.45rem .85rem;font-size:.8125rem;transition:opacity .3s,transform .3s;display:flex;position:fixed;transform:translateY(-8px)}.pubs-now.pubs-on{opacity:1;transform:none}.pubs-now b{color:#fff;font:600 1.1rem var(--font-display);font-variant-numeric:tabular-nums}.pubs-fx{--rail:36px}@media (min-width:900px){.pubs-fx{--rail:84px}}.pubs-fx .pubs-stage{min-height:var(--vh,100svh);transform:translate3d(0, var(--py,0px), 0) scale(calc(1 - var(--x,0) * .08));will-change:transform;border-top:0;position:sticky}.pubs-fx .pubs-dim{opacity:calc(var(--x,0) * .6)}.pubs-fx .pubs-bigyear{transform:translate3d(calc(var(--s,0) * -6vw), calc((1 - var(--e,1)) * 18vh + var(--s,0) * -14vh), 0)}.pubs-fx .pubs-cover{max-height:calc(var(--vh,100svh) - 5rem);transform:perspective(1100px) rotateX(calc((1 - var(--e,1)) * 22deg + var(--ty,0deg))) rotateY(var(--tx,0deg)) translate3d(0, calc((1 - var(--e,1)) * 16vh), 0) scale(calc(.9 + var(--e,1) * .1))}.pubs-fx .pubs-art{transform:scale(calc(1.18 - var(--e,1) * .12 - var(--s,0) * .06))}.pubs-fx .pubs-r{--t:clamp(0, calc((var(--e,1) - .35 - var(--i,0) * .06) / .29), 1);opacity:var(--t);transform:translate3d(0, calc((1 - var(--t)) * 30px), 0)}.pubs-fx .pubs-slot:first-child .pubs-r{--t:1}.pubs-fx .pubs-draw{stroke-dasharray:1;stroke-dashoffset:calc(1 - min(1, var(--e,1) * 1.25))}@media (hover:hover) and (pointer:fine){.pubs-fx .pubs-cover{transition:transform .12s linear}}@media (max-width:899px){.pubs-fx{--gutter:1rem}.pubs-fx .pubs-stage{padding-inline:calc(var(--rail) + .6rem) var(--gutter);align-content:start;padding-bottom:6rem}.pubs-bigyear{font-size:46vw;bottom:0;right:-4vw}}
