.intro{gap:var(--s6);grid-template-columns:minmax(0,1fr) minmax(0,34ch);align-items:end;padding-top:8.25rem;display:grid}.intro h1{font:900 clamp(7.5rem,23vw,23.75rem)/.76 var(--font-display);text-transform:uppercase;letter-spacing:-.01em;margin:0}.intro h1 .dot{color:var(--quote)}.intro p{color:var(--muted);font-size:var(--t-body-l);margin:0 0 .6em}.intro p b{color:var(--fg)}.index{margin-top:var(--s9)}.wt{font-weight:850}.wt .w{white-space:nowrap}.wt span{transition:font-weight .35s var(--ease),color .35s var(--ease);font-weight:850;display:inline-block}.row a:hover .ttl.wt{color:inherit;transform:none}.row .tag{gap:var(--s4);margin-top:var(--s4);font:600 .75rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);grid-column:2;display:inline-flex}.row .tag b{color:var(--accent-text);font-weight:600}.credits{margin:var(--s4) 0 0;font-size:var(--t-small);color:var(--muted);grid-column:2}@media (hover:none){@supports (animation-timeline:view()){.wt span{transition:none}.wt{animation-name:wght;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 20% exit 80%}.wt span{font-weight:inherit}@keyframes wght{0%{font-weight:200}45%,55%{color:var(--accent-text);font-weight:900}to{font-weight:200}}}}@media (width<=900px){.intro{gap:var(--s4);grid-template-columns:1fr;padding-top:6.5rem}.intro h1{font-size:34vw}.index{margin-top:var(--s7)}.row .tag,.credits{grid-column:1/-1}}