.guide-index{max-width:var(--shell-max);padding:clamp(32px, 6vw, 72px) var(--page-pad-x) var(--section-gap);margin-inline:auto}.guide-index-heading{max-width:780px}.guide-index h1,.guide-index h2,.guide-index h3{color:var(--fg);text-wrap:balance;margin:0}.guide-index h1,.guide-index h2{font-family:var(--font-display);font-style:italic;font-weight:400}.guide-index h1{margin-top:var(--s-4);letter-spacing:-.025em;font-size:clamp(40px,6vw,68px);line-height:1.04}.guide-index h2{font-size:clamp(30px,4vw,42px);line-height:1.15}.guide-index h3{font-size:21px;line-height:1.35;font-weight:var(--fw-semi)}.guide-index-lead{color:var(--fg-muted);max-width:64ch;margin-block:var(--s-5);font-size:18px}.guide-index-jumps{gap:var(--s-3);flex-wrap:wrap;display:flex}.guide-index-jumps a{border:1px solid var(--border-hair-hi);border-radius:var(--radius-pill);min-height:44px;font-size:var(--fs-small);font-weight:var(--fw-med);background:var(--shell-soft);padding:10px 16px}.guide-index-jumps a:hover{background:var(--mint)}.guide-index-section{max-width:none;margin-top:clamp(44px,7vw,72px);padding-inline:0;scroll-margin-top:24px}.guide-index-section-lead{margin:var(--s-3) 0 var(--s-5);color:var(--fg-muted);max-width:70ch}.guide-index-feature,.guide-index-card{border:1px solid var(--border-hair-hi);border-radius:var(--radius-lg);background:var(--shell-soft);min-width:0;overflow:hidden}.guide-index-feature-link{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.guide-index-image{aspect-ratio:3/2;background:var(--sand-soft);min-width:0;overflow:hidden}.guide-index-image img{object-fit:cover;width:100%;height:100%;display:block}.guide-index-feature .guide-index-image{height:100%}.guide-index-feature-copy{align-self:center;padding:clamp(22px,4vw,40px)}.guide-index-feature-copy>p:not(.guide-index-label){color:var(--fg-muted);margin:var(--s-4) 0 var(--s-5)}.guide-index-feature h3{font-size:clamp(23px,3vw,30px)}.guide-index-label{font-size:var(--fs-small);font-weight:var(--fw-semi);color:var(--fg-muted);margin:0 0 var(--s-3)}.guide-index-action{align-items:center;gap:var(--s-2);font-weight:var(--fw-semi);font-size:var(--fs-small);margin-top:var(--s-4);display:inline-flex}.guide-index-action>span{color:var(--fg)}.guide-index-feature-link:hover .guide-index-action,.guide-index-card-link:hover .guide-index-action{text-underline-offset:4px;text-decoration:underline}.guide-index-grid{gap:var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.guide-index-card{flex-direction:column;display:flex}.guide-index-card-link{flex-direction:column;flex:1;display:flex}.guide-index-card-copy{padding:var(--s-5);flex-direction:column;flex:1;display:flex}.guide-index-card-copy .guide-index-action{padding-top:var(--s-5);margin-top:auto}.guide-index-credit{padding:0 var(--s-5) var(--s-5);color:var(--fg-muted);font-size:var(--fs-micro);overflow-wrap:anywhere;margin:0;line-height:1.6}.guide-index-credit a{text-underline-offset:2px;text-decoration:underline}.guide-index-sample{margin-top:var(--s-5);background:var(--mint-soft)}.guide-index-more{margin:var(--s-7) 0 0;font-weight:var(--fw-semi)}.guide-index-more a{padding-block:var(--s-3);text-underline-offset:5px;text-decoration:underline;display:inline-block}@media (max-width:1000px){.guide-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.guide-index-feature-link{grid-template-columns:1fr}.guide-index-feature .guide-index-image{height:auto}.guide-index-section{scroll-margin-top:24px}}@media (max-width:620px){.guide-index-grid{grid-template-columns:1fr}.guide-index-lead{font-size:var(--fs-body)}}