/*
 * Víkingur 26: the club page (page-um-viking.php), after the design's
 * ClubPage (ui_kits/web/ClubPages.jsx). The hero (vik26_photo_hero()) and
 * PromoTile are shared components.
 */

/* ── Introduction and key figures ── */
.vik-club-intro__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.vik-club-intro__text{font-size:clamp(20px,1.7vw,24px);line-height:1.5;font-weight:500;text-wrap:pretty}
.vik-club-intro__text p{margin:0 0 1em}
.vik-club-intro__text p:last-child{margin-bottom:0}
.vik-club-stats{display:grid;align-content:start;margin:0;border-top:1px solid var(--border-hairline)}
.vik-club-stats>div{display:flex;flex-direction:row-reverse;align-items:baseline;justify-content:space-between;gap:16px;padding:22px 0;border-bottom:1px solid var(--border-hairline)}
.vik-club-stats dt{font-family:var(--font-condensed);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-align:right}
.vik-club-stats dd{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(56px,6vw,88px);line-height:.8;color:var(--vik-astrida);font-variant-numeric:tabular-nums}

/* ── Tiles ── */
.vik-club-tiles{padding-top:0}
.vik-club-tiles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vik-club-tiles__grid .vik-promo{min-height:clamp(320px,30vw,440px)}

/* ── Link columns ── */
.vik-club-links{background:var(--canvas)}
.vik-club-links__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.vik-club-links__col{display:grid;align-content:start}
.vik-club-links__title{margin:0;padding-bottom:8px;border-bottom:2px solid var(--ink);font-family:var(--font-condensed);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.vik-club-links__row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0;border-bottom:1px solid var(--border-hairline);color:var(--ink);text-decoration:none;font-family:var(--font-condensed);font-weight:700;font-size:22px;line-height:1.1;text-transform:uppercase;transition:color var(--dur-fast)}
.vik-club-links__row .vik-icon{flex:none;transition:transform var(--dur-fast)}
.vik-club-links__row:hover{color:var(--vik-astrida)}
.vik-club-links__row:hover .vik-icon{transform:translateX(2px)}

@media (max-width:900px){
	.vik-club-intro__grid{grid-template-columns:1fr;gap:40px}
	.vik-club-tiles__grid,.vik-club-links__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
	.vik-club-tiles__grid{grid-template-columns:1fr;gap:16px}
	.vik-club-tiles__grid .vik-promo{min-height:320px}
	.vik-club-links__grid{grid-template-columns:1fr}
	.vik-club-links__row{font-size:20px}
}