@layer components{.dli-hero{padding:56px var(--layout-pad) 48px;background:var(--color-ink)}@media (min-width:64rem){.dli-hero{padding-block:112px 80px}.dli-hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;column-gap:64px;display:grid}.dli-hero-read{padding-top:48.5px}}.dli-h1{max-width:18ch;font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;color:var(--color-off);margin:0;font-size:clamp(40px,5.2vw,88px);font-weight:600;font-stretch:112%;line-height:.98}.dli-note{box-shadow:inset 2px 0 0 var(--color-cyan);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-off-soft);margin:32px 0 0;padding-left:14px;font-size:12px;line-height:1.6}@media (min-width:64rem){.dli-next-2col>.sh-lead{padding-top:0}}.dli-sec{border-top:1px solid var(--color-line);padding:var(--sh-top) var(--layout-pad) 48px}@media (min-width:64rem){.dli-sec{padding-bottom:96px}}.dli-grid{gap:40px;display:grid}.dli-list{border-bottom:1px solid var(--color-line);margin:0;padding:0;list-style:none}.dli-row{border-top:1px solid var(--color-line)}.dli-link{color:var(--color-off);grid-template-columns:72px minmax(0,1fr) 20px;grid-template-areas:"thumb name arrow""thumb meta arrow""thumb proof arrow""thumb price arrow";align-items:baseline;gap:6px 16px;padding:22px 0;text-decoration:none;display:grid}.dli-thumb{aspect-ratio:1;border:1px solid var(--color-line);background:var(--color-panel);grid-area:thumb;align-self:start;width:72px;position:relative;overflow:hidden}.dli-name{font-family:var(--font-display);letter-spacing:-.02em;grid-area:name;font-size:24px;font-weight:500;line-height:1.15}.dli-meta{max-width:52ch;font-size:max(15px, var(--text-min));color:var(--color-off-soft);grid-area:meta;line-height:1.5}.dli-proof{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-off-soft);grid-area:proof;font-size:11px}.dli-price{grid-area:price}.dli-arrow{color:var(--color-mute);transition:transform .3s var(--ease-out), color .2s var(--ease-out);grid-area:arrow;align-self:center;font-size:18px}.dli-link:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px}@media (min-width:80rem){.dli-link{grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) minmax(0,1fr) auto 32px;grid-template-areas:"name meta proof price arrow";column-gap:32px;padding:30px 0}.dli-name{font-size:clamp(26px,2.2vw,40px)}}.dli-photos{display:none}@media (min-width:80rem) and (hover:hover) and (pointer:fine){.dli-grid{grid-template-columns:minmax(0,1fr) minmax(280px,26%);align-items:start;gap:56px}.dli-thumb{display:none}.dli-link{grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) minmax(0,1fr) auto 32px}.dli-photos{top:calc(var(--header-h) + 32px);display:block;position:sticky}.dli-photo{aspect-ratio:1;border:1px solid var(--color-line);background:var(--color-panel);opacity:0;transition:opacity .4s var(--ease-out);position:absolute;inset:0 0 auto;overflow:hidden}.dli-photo:first-child{position:relative}:is(.dli-grid:not(:has(.dli-row:is(:hover,:focus-within))) .dli-photo[data-i="0"],.dli-grid:has(.dli-row[data-i="0"]:is(:hover,:focus-within)) .dli-photo[data-i="0"],.dli-grid:has(.dli-row[data-i="1"]:is(:hover,:focus-within)) .dli-photo[data-i="1"],.dli-grid:has(.dli-row[data-i="2"]:is(:hover,:focus-within)) .dli-photo[data-i="2"],.dli-grid:has(.dli-row[data-i="3"]:is(:hover,:focus-within)) .dli-photo[data-i="3"]){opacity:1}.dli-photos-cap{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.15em;text-transform:uppercase;color:var(--color-mute);margin:12px 0 0}.dli-row:is(:hover,:focus-within) .dli-arrow{color:var(--color-cyan);transform:translate(4px)}.dli-row:is(:hover,:focus-within) .dli-name{color:var(--color-cyan)}}}