/* Guide cards: complete landscape photograph above a bottom-aligned text block. */
.guide-index .guide-card-grid,.guide-related .guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.guide-index .guide-card,.guide-related .guide-card{justify-content:flex-end;gap:16px;min-height:470px;padding:26px;background:#080808;}
.guide-index .guide-card h2,.guide-related .guide-card h3{margin:0;font-family:var(--display);font-size:clamp(2rem,3.2vw,3rem);line-height:.98;font-weight:400;letter-spacing:0;text-transform:uppercase;color:var(--ink);}
.guide-index .guide-card .guide-card-description,.guide-related .guide-card .guide-card-description{margin:0;color:var(--soft);font-size:1rem;line-height:1.5;font-weight:550;letter-spacing:0;text-transform:none;}
.guide-index .guide-card::before,.guide-related .guide-card::before{inset:0 0 auto;aspect-ratio:16/9;background-size:contain;background-repeat:no-repeat;background-position:top center;transform:none;opacity:1;filter:none;}
.guide-index .guide-card::after,.guide-related .guide-card::after{inset:0 0 auto;aspect-ratio:16/9;background:linear-gradient(180deg,transparent 45%,rgba(8,8,8,.12) 62%,rgba(8,8,8,.8) 88%,#080808 100%);}
.guide-index .guide-card:hover::before,.guide-related .guide-card:hover::before{transform:none;filter:none;opacity:1;}
.guide-index .guide-card:focus-visible,.guide-related .guide-card:focus-visible{outline:2px solid var(--ink);outline-offset:4px;}
@media(max-width:700px){.guide-index .guide-card-grid,.guide-related .guide-card-grid{grid-template-columns:1fr;}.guide-index .guide-card,.guide-related .guide-card{min-height:400px;padding:23px;gap:16px;}.guide-index .guide-card h2,.guide-related .guide-card h3{font-size:2.25rem;}}
.guide-index .guide-group-head h2[id]{scroll-margin-top:110px;}