.shelf{--space-shelf-top:28px;--space-shelf-side:48px;--space-row:24px;--space-more:16px;--space-meta:28px;--space-title:4px;--space-cap:10px;--space-piece:28px;--space-shelf-gap:var(--gap-out);--size-band:72%;--z-band:-1;--z-moon:1;--font-leading-title:1.02;--font-leading-lede:1.45;--font-leading-caps:1.3;--font-leading-piece:1;--font-tracking-caps:.09em;--font-tracking-title:-.005em;--font-tracking-piece:.01em;gap:var(--space-shelf-gap);box-sizing:border-box;min-block-size:100svh;max-inline-size:1320px;padding:var(--space-shelf-top) var(--space-shelf-side) var(--gap-out);flex-direction:column;margin-inline:auto;display:flex;@media (width<1024px){--space-row:16px;--size-band:80%}@media (width<768px){--space-shelf-top:24px;--space-shelf-side:20px;--space-row:20px;--space-meta:20px;--space-shelf-gap:32px}}.shelf:not(:has(~.shelf-end)){visibility:hidden}.shelf .caps{color:var(--moonlight);font-family:var(--font-body);font-size:var(--text-15);letter-spacing:var(--font-tracking-caps);font-variant-caps:all-small-caps;font-weight:500;line-height:var(--font-leading-caps);margin:0}.tonight{isolation:isolate;grid-template-columns:minmax(0,500px);align-items:center;min-block-size:clamp(440px,62vh,660px);margin-block-start:auto;display:grid;position:relative;@media (width<1024px){grid-template-columns:minmax(0,400px)}@media (width<768px){grid-template-columns:1fr;min-block-size:0;margin-block-start:0;padding-block-start:min(84vw,380px)}}.band{--space-band-over:96px;z-index:var(--z-band);inline-size:var(--size-band);object-fit:cover;object-position:50% 34%;block-size:calc(100% + 120px);max-inline-size:none;mask-image:linear-gradient(to right, transparent, black 30%, black 84%, transparent), linear-gradient(to bottom, transparent calc(var(--space-band-over) - var(--space-shelf-top)), black 26%, black 72%, transparent);position:absolute;inset-block-start:calc(-1 * var(--space-band-over));inset-inline-end:calc(-1 * var(--space-shelf-side));mask-composite:intersect;@media (width<768px){--space-band-over:40px;inline-size:calc(100% + 2 * var(--space-shelf-side));object-position:62% 30%;block-size:calc(min(84vw,380px) + 110px);mask-image:linear-gradient(to bottom, transparent calc(var(--space-band-over) - var(--space-shelf-top)), black 24%, black 64%, transparent)}}.tell{gap:var(--gap-in);flex-direction:column;align-items:flex-start;display:none}.tell-title{margin:0 0 var(--space-title);color:var(--paper);font-family:var(--font-display);font-size:var(--text-64);letter-spacing:var(--font-tracking-title);font-weight:400;line-height:var(--font-leading-title);text-wrap:balance;@media (width<1024px){font-size:var(--text-40)}}.lede{max-inline-size:34ch;color:var(--paper-shadow);font-size:var(--text-21);line-height:var(--font-leading-lede);margin:0;@media (width<768px){font-size:var(--text-17)}}.shelf .tell-meta{margin-block-end:var(--space-meta)}.shelf .lift{filter:var(--contact)}.lantern{min-block-size:48px;padding-inline:var(--space-piece);background-color:var(--lantern);background-blend-mode:multiply;font-family:var(--font-body);font-size:var(--text-17);letter-spacing:var(--font-tracking-piece);font-weight:500;line-height:var(--font-leading-piece);transition:transform .25s var(--ease-paper);border-radius:2px;align-items:center;text-decoration:none;display:inline-flex;&:hover{transform:translateY(-2px)}}.more{gap:var(--space-more);flex-direction:column;margin-block-end:auto;display:flex;@media (width<768px){margin-inline:calc(-1 * var(--space-shelf-side));& .caps{padding-inline:var(--space-shelf-side)}}}.row{gap:var(--space-row);margin:0;padding:0;list-style:none;display:flex;@media (width<768px){padding:var(--gap-in) var(--space-shelf-side);scroll-padding-inline:var(--space-shelf-side);scroll-snap-type:x mandatory;scrollbar-width:none;overflow-x:auto}}.row li{flex:1 1 0;min-inline-size:0;@media (width<768px){scroll-snap-align:start;flex:none;inline-size:112px}}.cover{filter:var(--contact);transition:transform .3s var(--ease-paper);display:block;position:relative;&:hover,&:focus-visible{transform:translateY(-3px)}}.art{aspect-ratio:3/5;inline-size:100%;display:block;position:relative;overflow:hidden;& img{object-fit:cover;filter:brightness(.6)saturate(.72)contrast(.95);block-size:100%;inline-size:100%;display:block}&:before{content:"";z-index:var(--z-moon);background:var(--moonlight);mix-blend-mode:multiply;opacity:.32;pointer-events:none;transition:opacity .5s var(--ease-paper);position:absolute;inset:0}}.cover:hover .art,.cover:focus-visible .art{& img{filter:none}&:before{opacity:0}}.cap{color:var(--moonlight);font-family:var(--font-display);font-size:var(--text-15);line-height:var(--font-leading-caps);text-wrap:balance;margin-block-start:var(--space-cap);display:block}.arrive{transition:opacity .6s var(--ease-paper)}@media (scripting:enabled){.arrive:not(.arrived),.art:has(.arrive:not(.arrived)):before{opacity:0}}@media (prefers-reduced-motion:reduce){.lantern,.cover,.arrive,.art:before{transition:none}.lantern:hover,.cover:hover,.cover:focus-visible{transform:none}}