/* Magazine layer over styles.css: editorial typography, cover, collection grid, feature article. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Prata&display=swap');

:root{--serif-display:'Bodoni Moda','Prata',Georgia,serif;--serif-text:'Cormorant Garamond',Georgia,serif;--paper:#f4efe3;--rule:rgba(30,48,73,.18);--ink-soft:#4a5462}
:lang(ru){--serif-display:'Prata',Georgia,serif}

/* ---------- cover ---------- */
.hero-piece.mag-cover{max-width:460px}
.cover-frame{margin:0;position:relative;border:1px solid var(--line);padding:14px;background:rgba(9,23,35,.55)}
.cover-frame video{display:block;width:100%;aspect-ratio:9/14;object-fit:cover;background:#2a2d31}
.cover-frame figcaption{display:grid;gap:6px;padding:18px 6px 4px}
.cover-frame .eyebrow{margin:0}
.cover-title{font-family:var(--serif-display);font-size:clamp(26px,2.6vw,34px);line-height:1.12;color:var(--cream)}
.cover-sub{font-family:var(--serif-text);font-style:italic;font-size:19px;color:var(--muted)}
.cover-frame .text-link{justify-self:start;margin-top:8px}

/* ---------- collection ---------- */
.mag-collection .section-heading{display:grid;grid-template-columns:1fr minmax(260px,420px);align-items:end;border-bottom:1px solid var(--navy);padding-bottom:26px;margin-bottom:30px}
.mag-collection .section-heading h2{font-family:var(--serif-display);font-size:clamp(46px,6vw,88px);line-height:1;letter-spacing:-.01em;margin:0}
.mag-collection .section-heading>p{font-family:var(--serif-text);font-style:italic;font-size:22px;line-height:1.35;color:var(--ink-soft);margin:0}
.mag-collection .filters{margin-bottom:6px}
.mag-collection .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 36px;margin-top:34px}

.mag-collection .mag-card{color:var(--navy);border:0;padding:0;background:none;box-shadow:none;border-radius:0}
.mag-collection .mag-card .mag-media-link{display:block;padding:0;border:0;min-height:0;width:100%;align-self:stretch}
.mag-media-link{position:relative;display:block;text-decoration:none;color:inherit;overflow:hidden}
.mag-media{display:block;position:relative;aspect-ratio:4/5;width:100%}
.mag-media img,.mag-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mag-media.is-report{background:#e7e3d8}
.mag-media.is-report img{object-fit:contain;padding:12%}
.mag-media video{opacity:0;transition:opacity .5s ease}
.mag-media-link.is-playing video{opacity:1}
.mag-media img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.mag-media-link:hover img{transform:scale(1.025)}
.mag-media-link:has(.is-report) .mag-no{color:var(--navy);text-shadow:none}
.mag-no{position:absolute;left:16px;top:14px;font-family:var(--serif-display);font-size:15px;color:#fff;letter-spacing:.06em;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.mag-new{position:absolute;right:14px;top:14px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;background:var(--cream);color:var(--navy);padding:5px 9px}
.mag-copy{display:flex;flex-direction:column;flex:1;padding-top:20px}
.mag-kicker{margin:0 0 10px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#8a6f3c}
.mag-card h3{font-family:var(--serif-display);font-weight:400;font-size:30px;line-height:1.1;margin:0 0 12px}
.mag-card h3 a{color:inherit;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .5s}
.mag-card h3 a:hover{background-size:100% 1px}
.mag-deck{font-family:var(--serif-text);font-style:italic;font-size:20px;line-height:1.35;margin:0 0 14px;color:#2b3a4e}
.mag-lede{display:none}
.mag-meta{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--rule);padding-top:10px;margin:auto 0 0;font-size:13px;letter-spacing:.06em;color:var(--ink-soft)}
.mag-meta span:last-child{font-family:var(--serif-display);font-size:16px;color:var(--navy);letter-spacing:0}
.mag-card .card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:6px}
.mag-read{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--gold);padding:6px 0}
.mag-read:hover span:last-child{transform:translateX(4px)}
.mag-read span:last-child{transition:transform .3s}

/* ---------- stone page: feature ---------- */
.mag-stone main{background:var(--paper)}
.feature{color:var(--navy);margin:0 0 30px}
.feature .feature-head{display:block;position:static;height:auto;background:none;box-shadow:none;padding-left:0;padding-right:0;text-align:center;max-width:980px;margin:34px auto 56px;padding-bottom:40px;border-bottom:1px solid var(--rule)}
.feature-head .eyebrow{margin-bottom:22px;color:#8a6f3c}
.feature-title{font-family:var(--serif-display);font-weight:400;font-size:clamp(44px,7vw,104px);line-height:.98;letter-spacing:-.015em;margin:0 0 26px}
.feature-deck{font-family:var(--serif-text);font-style:italic;font-size:clamp(21px,2.1vw,28px);line-height:1.35;max-width:760px;margin:0 auto 26px;color:#2b3a4e}
.feature-byline{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 26px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:0}
.feature-body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,96px);align-items:start;max-width:1280px;margin:0 auto}
.feature-film,.feature-wide{margin:0}
.feature-film video{display:block;width:100%;aspect-ratio:9/16;max-height:86vh;object-fit:cover;background:#7e7f7c}
.feature-film{position:sticky;top:24px}
.feature-film.is-still .mag-media{aspect-ratio:4/5}
.feature figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.08em;color:var(--ink-soft);padding-top:10px;border-top:1px solid var(--rule);margin-top:10px}
.feature figcaption span:first-child{font-family:var(--serif-text);font-style:italic;font-size:17px;letter-spacing:0;color:var(--navy)}
.feature-text{font-family:var(--serif-text);font-size:clamp(20px,1.55vw,23px);line-height:1.62;color:#1d2938;max-width:640px;padding-top:6px}
.feature-text p{margin:0 0 1.1em}
.feature-text .dropcap::first-letter{font-family:var(--serif-display);float:left;font-size:4.6em;line-height:.8;padding:8px 12px 0 0;color:var(--navy)}
.feature-pull{margin:1.6em 0 1.7em;padding:26px 0;border-top:1px solid var(--navy);border-bottom:1px solid var(--navy)}
.feature-pull p{margin:0;font-family:var(--serif-display);font-size:clamp(26px,2.4vw,36px);line-height:1.2;color:var(--navy)}
.feature-wide{max-width:1280px;margin:80px auto 0}
.feature-wide video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#5a5c55}
.feature-wide.is-portrait{max-width:520px}
.feature-wide.is-portrait video{aspect-ratio:9/16}
.feature-diptych{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:80px auto 0}
.feature-diptych figure{margin:0}
.feature-diptych img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.feature-dossier-title{max-width:1280px;margin:90px auto 0;padding-top:22px;border-top:3px double var(--navy);display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.feature-dossier-title .eyebrow{margin:0;font-size:13px}
.feature-dossier-title p:last-child{margin:0;font-family:var(--serif-text);font-style:italic;font-size:19px;color:var(--ink-soft)}
.mag-stone #stone-content>.detail-head,.mag-stone #stone-content>.dossier-nav,.mag-stone #stone-content>.panel,.mag-stone #stone-content>details{max-width:1280px;margin-left:auto;margin-right:auto}
.mag-stone .detail-head .mag-media{max-width:420px}
.mag-stone .detail-head h2#stone-title{font-family:var(--serif-display);font-weight:400;font-size:38px;margin:0 0 14px}

@media (max-width:1100px){
 .mag-collection .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
 .mag-collection .section-heading{display:block}
 .mag-collection .section-heading>p{margin-top:14px;font-size:19px}
 .mag-collection .cards{grid-template-columns:1fr;gap:52px}
 .mag-card h3{font-size:28px}
 .feature-head{margin:18px auto 34px;padding-bottom:28px}
 .feature-byline{gap:4px 16px;letter-spacing:.12em}
 .feature-body{grid-template-columns:1fr;gap:30px}
 .feature-film{position:static;max-width:420px;margin:0 auto;width:100%}
 .feature-film video{max-height:none}
 .feature-wide{margin-top:48px}
 .feature-diptych{gap:10px;margin-top:48px}
 .feature-dossier-title{display:block;margin-top:56px}
 .feature-dossier-title p:last-child{margin-top:8px}
 .cover-frame video{aspect-ratio:4/5}
}