.dl-hero{align-items:center;gap:var(--phi-s-l) var(--phi-s-xl);padding-block:var(--phi-s-m) var(--phi-s-xl);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);display:grid}.dl-hero-copy{flex-direction:column;align-items:flex-start;display:flex}.dl-eyebrow{align-items:center;gap:var(--phi-s-xs);margin:0 0 var(--phi-s-m);font-family:var(--st-font-mono);font-size:var(--phi-t-2);letter-spacing:.12em;text-transform:uppercase;color:var(--st-graphite-3);display:inline-flex}.dl-eyebrow:before{content:"";width:var(--phi-s-m);background:var(--st-core);height:2px}.dl-hero h1{max-width:14em;font-size:clamp(var(--phi-t3), 4.4vw, var(--phi-t5));letter-spacing:-.04em;text-wrap:balance;margin:0;line-height:1.04}.dl-hero-copy>p.dl-lead{max-width:34em;margin:var(--phi-s-m) 0 0;font-size:var(--phi-t0q);line-height:var(--phi-lh-body);color:var(--st-graphite-3)}.dl-actions{align-items:center;gap:var(--phi-s-s) var(--phi-s-m);margin-top:var(--phi-s-l);flex-wrap:wrap;display:flex}.dl-actions .button{min-height:52px;padding:0 var(--phi-s-m);margin:0}.dl-collage{gap:var(--phi-s-xs);aspect-ratio:1.618;grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr) minmax(0,.618fr);display:grid}.dl-collage>span{background:#fff;border-radius:3px;position:relative;overflow:hidden}.dl-collage>span:first-child{grid-row:1/-1}.dl-collage img{object-fit:contain;width:72%;height:72%;position:absolute;inset:14%}.dl-collage-1{grid-template-columns:minmax(0,1fr)}.dl-collage-2>span:last-child{grid-row:1/-1}section.dl-section{padding-block:var(--phi-s-xl) 0;border:0}.dl-heading{margin:0 0 var(--phi-s-m);font-size:clamp(var(--phi-t2), 2.4vw, var(--phi-t3));line-height:var(--phi-lh-tight);letter-spacing:-.03em}.dl-categories{gap:var(--phi-s-m);grid-template-columns:repeat(auto-fill,minmax(min(100%,268px),1fr));margin:0;padding:0;list-style:none;display:grid}.dl-category{height:100%;color:inherit;flex-direction:column;display:flex}.dl-category-media{aspect-ratio:1.618;background:#fff;border-radius:3px;display:block;position:relative;overflow:hidden}.dl-category-media img{object-fit:contain;width:56%;height:76%;transition:transform .4s;position:absolute;inset:12% 22%}.dl-category:hover .dl-category-media img{transform:scale(1.04)}.dl-category-body{gap:var(--phi-s-2xs);padding-top:var(--phi-s-s);flex-direction:column;flex:1;display:flex}.dl-category-body strong{font-size:var(--phi-t1);font-weight:650;line-height:var(--phi-lh-tight);letter-spacing:-.015em}.dl-category-text{font-size:var(--phi-t-1);line-height:var(--phi-lh-ui);color:var(--st-graphite-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.dl-category-more{padding-top:var(--phi-s-xs);font-size:var(--phi-t-1);color:var(--st-blue);align-items:center;gap:6px;margin-top:auto;font-weight:650;display:inline-flex}.dl-category:hover strong,.dl-category:hover .dl-category-more{text-underline-offset:3px;text-decoration:underline}.dl-guide{gap:var(--phi-s-m) var(--phi-s-xl);grid-template-columns:minmax(0,1fr);display:grid}.dl-guide-head p{max-width:24em;font-size:var(--phi-t0);line-height:var(--phi-lh-body);color:var(--st-graphite-3);margin:0}.dl-guide ol{counter-reset:dl-guide;border-top:1px solid var(--line);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dl-guide li{grid-template-columns:var(--phi-s-xl) minmax(0, 1fr);column-gap:var(--phi-s-m);padding-block:var(--phi-s-m);border-bottom:1px solid var(--line);counter-increment:dl-guide;display:grid}.dl-guide li:before{content:counter(dl-guide, decimal-leading-zero);font-family:var(--st-font-mono);font-size:var(--phi-t1);line-height:var(--phi-lh-tight);color:var(--st-core);grid-row:1/3}.dl-guide strong{font-size:var(--phi-t1);line-height:var(--phi-lh-tight);letter-spacing:-.01em}.dl-guide li p{max-width:var(--phi-measure);margin:var(--phi-s-2xs) 0 0;font-size:var(--phi-t0);line-height:var(--phi-lh-body);color:var(--st-graphite-2)}.dl-picks-head{justify-content:space-between;align-items:baseline;gap:var(--phi-s-xs) var(--phi-s-m);flex-wrap:wrap;display:flex}.dl-picks-head .text-link{font-size:var(--phi-t-1);white-space:nowrap}.dl-picks{gap:var(--phi-s-m);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}section.dl-close{align-items:end;gap:var(--phi-s-m) var(--phi-s-xl);margin-block:var(--phi-s-xl) var(--phi-s-l);padding:var(--phi-s-l);color:var(--st-concrete-1);background:var(--st-graphite);border:0;border-radius:3px;grid-template-columns:minmax(0,1fr);display:grid}.dl-close h2{margin:0 0 var(--phi-s-s);font-size:clamp(var(--phi-t2), 2.4vw, var(--phi-t3));line-height:var(--phi-lh-tight);letter-spacing:-.03em;color:var(--st-concrete-0)}.dl-close p{max-width:34em;font-size:var(--phi-t0);line-height:var(--phi-lh-body);color:var(--st-graphite-4);margin:0}.dl-close-actions{align-items:center;gap:var(--phi-s-s) var(--phi-s-m);flex-wrap:wrap;display:flex}.dl-close .button{min-height:52px;padding:0 var(--phi-s-m);color:var(--st-graphite);background:var(--st-core-on-night);border-color:var(--st-core-on-night);margin:0}.dl-close .button:hover{color:var(--st-graphite);background:var(--st-concrete-0);border-color:var(--st-concrete-0)}.dl-close .text-link{color:var(--st-concrete-1)}.dl-close .text-link:hover{color:var(--st-core-on-night)}.dl-close :focus-visible{outline-color:var(--st-core-on-night)}@media (min-width:1001px){.dl-hero{grid-template-columns:var(--phi-split)}.dl-guide{grid-template-columns:var(--phi-split-reverse)}section.dl-close{grid-template-columns:var(--phi-split)}.dl-close-actions{justify-content:flex-end}}@media (max-width:1000px){.dl-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-collage{max-width:560px}}@media (max-width:700px){.dl-hero{padding-block:var(--phi-s-s) var(--phi-s-l)}.dl-eyebrow{margin-bottom:var(--phi-s-s)}.dl-actions{margin-top:var(--phi-s-m)}section.dl-section{padding-top:var(--phi-s-l)}.dl-categories{gap:var(--phi-s-s);grid-template-columns:repeat(2,minmax(0,1fr))}.dl-category-body strong{font-size:var(--phi-t0)}.dl-category-text{display:none}.dl-guide li{grid-template-columns:var(--phi-s-l) minmax(0, 1fr);column-gap:var(--phi-s-s)}.dl-picks{gap:var(--phi-s-xs);margin-inline:calc(var(--site-gutter) * -1);padding-inline:var(--site-gutter);scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.dl-picks>*{scroll-snap-align:start;flex:0 0 70%}section.dl-close{padding:var(--phi-s-m)}}@media (prefers-reduced-motion:reduce){.dl-category-media img{transition:none}}
