:root{--lime:#f1ffd0;--sage:#a7d3c8;--rose:#ffe3e9;--ink:#171717;--line:rgba(23,23,23,.14)}
*{box-sizing:border-box}
.media-page{color:var(--ink);font:18px/1.65 Arial,sans-serif}
.media-page h1,.media-page h2{font-family:Georgia,serif;font-weight:500;letter-spacing:-.05em}
.media-hero{min-height:660px;padding:80px max(6vw,28px);display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:end;background:linear-gradient(135deg,var(--rose),var(--lime),var(--sage))}
.media-hero.gallery-tone{background:linear-gradient(135deg,var(--sage),#fff,var(--rose))}
.media-hero.publication-tone{background:linear-gradient(135deg,var(--lime),#fff,var(--sage))}
.media-hero nav{grid-column:1/-1;align-self:start;display:flex;gap:10px;font-size:.72rem}
.media-hero>p,.media-grid-section>header>p,.media-copy>p:first-child,.publication-list article>div>p:first-child{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:800;color:#58776f}
.media-hero h1{margin:0;font-size:clamp(4.6rem,7vw,8.5rem);line-height:.92}
.media-hero h1 em,.media-grid-section h2 em{font-weight:400}
.media-hero>div{max-width:600px;font-size:1.05rem}
.media-grid-section{padding:110px max(6vw,28px);background:#fff}
.media-grid-section>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}
.media-grid-section>header h2{margin:0;font-size:clamp(3.8rem,6vw,7rem);line-height:.94}
.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.media-card{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;min-height:450px;border-radius:30px;overflow:hidden;background:var(--rose)}
.media-card:nth-child(2n){background:var(--sage)}
.media-image{position:relative;min-height:420px;background:#fff}
.media-image img{width:100%;height:100%;object-fit:cover}
.media-image span{position:absolute;top:18px;left:18px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:.67rem;font-weight:800}
.media-copy{padding:34px;align-self:center}
.media-copy h2{font-size:2.25rem;line-height:1.05;margin:14px 0}
.media-copy time{font-size:.72rem;font-weight:800}
.media-copy details{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.media-copy summary{font-size:.76rem;font-weight:800;cursor:pointer}
.award-library>header{gap:40px}
.award-library__intro{max-width:620px;margin:0 0 8px;font-size:1rem}
.certificate-card{grid-template-columns:minmax(280px,1fr) 1fr;min-height:480px;border:1px solid rgba(23,23,23,.08);box-shadow:0 18px 55px rgba(41,72,64,.08)}
.certificate-preview{display:grid;place-items:center;padding:26px;background:#fff;min-height:480px}
.certificate-preview img{width:100%;height:100%;max-height:430px;object-fit:contain;object-position:center;background:#fff}
.certificate-link{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:15px 18px;border:1px solid var(--ink);border-radius:999px;color:var(--ink);font-size:.78rem;font-weight:800;text-decoration:none;transition:.2s ease}
.certificate-link:hover,.certificate-link:focus-visible{background:var(--ink);color:#fff;transform:translateY(-2px)}
.certificate-link span{font-size:1.1rem}
.gallery-masonry{columns:3 300px;column-gap:22px}
.gallery-masonry figure{break-inside:avoid;margin:0 0 22px;border-radius:26px;overflow:hidden;background:var(--rose)}
.gallery-masonry img{display:block;width:100%;height:auto}
.gallery-masonry figcaption{display:grid;gap:7px;padding:20px}
.gallery-masonry strong{font:500 1.3rem Georgia}
.gallery-masonry span{font-size:.78rem}
.publication-list{display:grid;gap:24px}
.publication-list article{display:grid;grid-template-columns:55px 270px 1fr;gap:30px;align-items:center;padding:28px;border-radius:28px;background:var(--rose)}
.publication-list article:nth-child(even){background:var(--sage)}
.publication-list article>span{font-size:.7rem;font-weight:800}
.publication-list img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
.publication-list h2{font-size:2.4rem;line-height:1.05;margin:10px 0}
.publication-list article>div>p{font-size:.88rem}
.publication-list a{display:inline-block;margin-top:12px;font-size:.78rem;font-weight:800;border-bottom:1px solid}
@media(max-width:1000px){.media-hero{grid-template-columns:1fr}
.media-grid{grid-template-columns:1fr}
.publication-list article{grid-template-columns:45px 220px 1fr}
}
@media(max-width:700px){.media-hero{min-height:560px;padding:55px 20px;gap:30px}
.media-hero h1{font-size:3.8rem}
.media-hero>div{font-size:.94rem}
.media-grid-section{padding:75px 18px}
.media-grid-section>header{display:block}
.media-grid-section>header h2{font-size:3.5rem}
.media-card{grid-template-columns:1fr}
.media-image{min-height:0;aspect-ratio:4/3}
.media-copy{padding:25px}
.media-copy h2{font-size:2rem}
.certificate-card{grid-template-columns:1fr}
.certificate-preview{min-height:0;aspect-ratio:4/3;padding:16px}
.certificate-preview img{max-height:100%}
.award-library__intro{font-size:.92rem}
.gallery-masonry{columns:1}
.publication-list article{grid-template-columns:1fr;padding:20px}
.publication-list article>span{display:none}
.publication-list img{aspect-ratio:4/3}
.publication-list h2{font-size:2rem}
}

/* Compact editorial heroes: less empty space and a stronger visual introduction. */
.media-hero{min-height:0;padding:34px max(6vw,28px) 52px;grid-template-columns:minmax(320px,.9fr) minmax(430px,1.1fr);grid-template-rows:auto auto auto auto;gap:12px clamp(38px,5vw,84px);align-items:center}
.media-hero::before{content:"";grid-column:1;grid-row:2/5;display:block;width:100%;aspect-ratio:4/3;border-radius:clamp(24px,3vw,42px);background:url("../images/media/heroes/awards-hero.jpg") center/cover no-repeat;box-shadow:18px 18px 0 rgba(167,211,200,.72)}
.media-hero.gallery-tone::before{background-image:url("../images/media/heroes/gallery-hero.jpg")}
.media-hero.publication-tone::before{background-image:url("../images/media/heroes/publications-hero.jpg")}
.media-hero nav{grid-column:1/-1;grid-row:1;margin-bottom:10px}
.media-hero>p{grid-column:2;grid-row:2;margin:0}
.media-hero h1{grid-column:2;grid-row:3;margin:0;font-size:clamp(3.5rem,5vw,6.2rem);line-height:.92}
.media-hero>div{grid-column:2;grid-row:4;max-width:620px;margin-top:10px;font-size:1.05rem}

@media(max-width:700px){
.media-hero{min-height:0;padding:24px 18px 40px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;gap:18px}
.media-hero nav{grid-column:1;grid-row:1;margin:0}
.media-hero::before{grid-column:1;grid-row:2;aspect-ratio:16/10;box-shadow:9px 10px 0 rgba(167,211,200,.72)}
.media-hero>p{grid-column:1;grid-row:3;margin-top:8px}
.media-hero h1{grid-column:1;grid-row:4;margin:0;font-size:clamp(3rem,14vw,4rem)}
.media-hero>div{grid-column:1;grid-row:5;margin:0;font-size:.94rem}
}