/*
 * Víkingur 26: the media page (page-media.php), after the design's
 * MediaPage (ui_kits/web/ClubPages2.jsx). The page head and contact strip
 * are shared components.
 */

.vik-press{padding-top:72px}
.vik-press__in{display:grid;gap:48px}

/* ── Logo files ── */
.vik-press__files{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.vik-press-file{display:grid;overflow:hidden;border:1px solid var(--border-hairline);border-radius:var(--radius-card)}
.vik-press-file__preview{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;padding:32px;border-bottom:1px solid var(--border-hairline);background:var(--white)}
.vik-press-file__preview.is-transparent{background:repeating-conic-gradient(var(--gray-50) 0% 25%,var(--white) 0% 50%) 50%/24px 24px}
.vik-press-file__preview img{width:auto;max-width:60%;height:auto;max-height:100%;object-fit:contain}
.vik-press-file__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 24px}
.vik-press-file__name{display:grid;gap:2px}
.vik-press-file__name b{font-family:var(--font-display);font-weight:900;font-size:36px;line-height:.9}
.vik-press-file__name span{font-size:14px;color:var(--text-secondary)}
.vik-press__note{display:flex;gap:16px;align-items:flex-start;max-width:900px;padding:20px 24px;border-radius:var(--radius-card);background:var(--canvas)}
.vik-press__note .vik-icon{flex:none;margin-top:2px}
.vik-press__note p{margin:0;font-size:16px;line-height:1.6}
.vik-press__note a{color:var(--ink)}

/* ── The crest ── */
.vik-press-crest{padding-top:0}
.vik-press-crest__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.vik-press-crest__text{display:grid;gap:16px;align-content:start}
.vik-press-crest__title{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(40px,4.2vw,64px);line-height:.88;text-transform:uppercase}
.vik-press-crest__text p{margin:0;font-size:17px;line-height:1.6;color:var(--text-secondary)}
.vik-press-crest__law{font-size:18px}
.vik-press-crest__colours{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vik-press-crest__colours>div{display:grid;gap:10px}
.vik-press-crest__swatch{aspect-ratio:1;border:1px solid var(--border-hairline);border-radius:var(--radius-card)}
.vik-press-crest__swatch.is-red{background:var(--vik-astrida)}
.vik-press-crest__swatch.is-black{background:var(--black)}
.vik-press-crest__swatch.is-white{background:var(--white)}
.vik-press-crest__name{font-family:var(--font-condensed);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}

@media (max-width:900px){
	.vik-press__files,.vik-press-crest__grid{grid-template-columns:1fr;gap:32px}
}
@media (max-width:640px){
	.vik-press{padding-top:48px}
	.vik-press-file__bar{padding:16px}
}