@layer tokens,base,chrome,components,demos;@layer templates{.home-hero{text-align:center}.home-hero .display{margin-inline:auto}.home-hero .lead{max-width:30em;margin-inline:auto}.home-byline{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 20px;margin:20px 0 0;display:flex}.picks-section .section-head{max-width:none;margin-inline:0}.picks{gap:var(--col-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pick{min-width:0}.pick a{height:100%;color:var(--ink);flex-direction:column;gap:18px;display:flex}.pick a:hover{text-decoration:none}.pick-stage{aspect-ratio:16/10;border-radius:var(--radius-media);box-shadow:0 0 0 1px var(--line), var(--shadow-shot);transition:transform .35s;display:block;overflow:hidden}.pick-stage img{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}.pick a:hover .pick-stage{transform:translateY(-3px)}.pick-copy{gap:4px;display:grid}.pick-name{font-size:var(--text-card-title);font-weight:600;line-height:1.35}.pick a:hover .pick-name{text-underline-offset:.22em;text-decoration:underline 1px}.pick-text{color:var(--ink-2);text-wrap:pretty;font-size:15px;line-height:1.5}.pick-copy .fact{margin-top:2px}.pick-caption{color:var(--muted);font-size:var(--text-meta);line-height:1.45}.index-group{border-top:1px solid var(--line);padding-top:28px}.index-group+.index-group{margin-top:56px}.index-head{align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.index-title{font-size:var(--text-heading-s);margin:0;font-weight:600;line-height:1.3}.index-grid{gap:8px var(--col-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.index-item{border-radius:var(--radius-media);color:var(--ink);grid-template-columns:40px minmax(0,1fr);align-items:start;gap:16px;margin-inline:-12px;padding:14px 12px;transition:background-color .15s;display:grid}.index-item:hover{background:var(--row-hover);text-decoration:none}.index-copy{gap:2px;min-width:0;display:grid}.index-name{font-weight:600;line-height:1.35}.index-text{color:var(--ink-2);text-wrap:pretty;font-size:15px;line-height:1.5}@media (width<=900px){.picks,.index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pick:first-child{grid-column:1/-1}}@media (width<=640px){.picks,.index-grid{grid-template-columns:minmax(0,1fr)}.picks{gap:40px}.index-grid{gap:0}}@media (prefers-reduced-motion:reduce){.pick-stage,.index-item{transition:none}.pick a:hover .pick-stage{transform:none}}}@layer locale,identity;
