.guides-page{background:var(--sp-porcelain);padding:clamp(32px,4vw,56px) 0 clamp(72px,10vw,128px)}.guides-container{width:min(100% - 48px,1120px);margin-inline:auto}.guides-back{color:var(--sp-muted);font-size:var(--sp-text-sm);align-items:center;text-decoration:none;transition:color .18s;display:inline-flex}.guides-back:hover{color:var(--sp-ink)}.guides-hero{max-width:810px;margin-top:clamp(46px,7vw,84px)}.guides-hero>p:first-child,.guides-section-heading>div>p{color:var(--sp-brass);font-size:var(--sp-text-xs);font-weight:var(--sp-weight-semibold);letter-spacing:.1em;margin:0;line-height:1.4}.guides-hero h1{color:var(--sp-ink);font-family:var(--sp-font-sans);font-size:clamp(2.55rem,5.4vw,4.35rem);font-weight:var(--sp-weight-medium);letter-spacing:.035em;margin:12px 0 0;line-height:1.14}.guides-hero-description{color:var(--sp-text);margin:22px 0 0;font-size:clamp(1.08rem,1.7vw,1.28rem);line-height:1.7}.guides-hero-introduction{max-width:650px;color:var(--sp-muted);font-size:var(--sp-text-sm);margin:14px 0 0;line-height:1.76}.guides-collection{margin-top:clamp(62px,8vw,98px)}.guides-section-heading{border-top:1px solid var(--sp-line);padding:24px 0 25px}.guides-section-heading h2{color:var(--sp-ink);font-family:var(--sp-font-sans);font-size:clamp(1.65rem,3vw,2.15rem);font-weight:var(--sp-weight-medium);margin:6px 0 0;line-height:1.2}.guide-groups{border-top:1px solid var(--sp-line)}.guide-group{gap:clamp(var(--sp-space-5), 3vw, var(--sp-space-8));border-bottom:1px solid var(--sp-line);grid-template-columns:140px minmax(0,1fr);display:grid}.guide-group-heading{padding:var(--sp-space-5) 0;align-self:start}.guide-group-heading h3{color:var(--sp-brass);font-size:var(--sp-text-sm);font-weight:var(--sp-weight-semibold);letter-spacing:.04em;margin:0;line-height:1.5}.guide-index{margin:0;padding:0;list-style:none}.guide-index>li{border-bottom:1px solid var(--sp-line)}.guide-index>li:last-child{border-bottom:0}.guide-index-entry{align-items:center;gap:clamp(var(--sp-space-4), 2.4vw, var(--sp-space-7));min-height:80px;padding:var(--sp-space-4) 0;color:var(--sp-ink);grid-template-columns:72px minmax(220px,.82fr) minmax(260px,1.18fr) 28px;text-decoration:none;transition:color .18s;display:grid}.guide-index-media{aspect-ratio:3/2;background:var(--sp-surface-soft);border-radius:4px;width:72px;display:block;overflow:hidden}.guide-index-media img{object-fit:cover;width:100%;height:100%;transition:transform .24s;display:block}.guide-index-entry h4{color:inherit;font-size:clamp(1rem,1.25vw,1.12rem);font-weight:var(--sp-weight-semibold);text-wrap:balance;margin:0;line-height:1.45}.guide-index-entry>p{color:var(--sp-text);font-size:var(--sp-text-sm);text-wrap:pretty;margin:0;line-height:1.65}.guide-index-action{color:var(--sp-moss);justify-self:end;font-size:1.08rem;transition:transform .18s}.guide-index-entry:hover,.guide-index-entry:focus-visible{color:var(--sp-moss)}.guide-index-entry:hover .guide-index-action,.guide-index-entry:focus-visible .guide-index-action{transform:translate(3px)}.guide-index-entry:hover .guide-index-media img,.guide-index-entry:focus-visible .guide-index-media img{transform:scale(1.035)}.guide-index-entry:focus-visible{outline:2px solid var(--sp-moss);outline-offset:5px}@media (width<=860px){.guide-group{display:block}.guide-group-heading{padding:var(--sp-space-5) 0 var(--sp-space-2)}.guide-index-entry{gap:var(--sp-space-3) var(--sp-space-4);min-height:0;padding:var(--sp-space-5) 0;grid-template-columns:60px minmax(0,1fr) 24px}.guide-index-media{grid-area:1/1/span 2;width:60px}.guide-index-entry h4{grid-area:1/2}.guide-index-entry>p{grid-area:2/2}.guide-index-action{grid-area:1/3/span 2}}@media (width<=680px){.guides-page{padding-top:28px}.guides-container{width:min(100% - 32px,1120px)}.guides-hero{margin-top:46px}.guides-hero h1{letter-spacing:.02em;font-size:clamp(2.3rem,12vw,3.2rem)}}@media (width<=560px){.guide-index-entry{column-gap:var(--sp-space-3);padding:var(--sp-space-4) 0;grid-template-columns:52px minmax(0,1fr) 20px}.guide-index-media{width:52px}.guide-index-entry h4{font-size:1rem}.guide-index-entry>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}}@media (prefers-reduced-motion:reduce){.guide-index-entry,.guide-index-action,.guide-index-media img{transition:none}.guide-index-entry:hover .guide-index-action,.guide-index-entry:hover .guide-index-media img{transform:none}}