/* The Serbian Review — brand: Navy #12243A, White, Slate #64748B, Editorial Red #B32635
   Fluid type scale: sizes grow smoothly from 360px phones to 1440px desktops. */
:root{
 --navy:#12243A;--navy-2:#0C1A2B;--ink:#0F1720;--body:#26303C;--muted:#5B6575;--slate:#64748B;
 --rule:#DCE1E7;--rule-2:#B9C2CE;--red:#B32635;--paper:#FFFFFF;--soft:#F4F6F9;
 --serif:'Source Serif 4',Georgia,'Times New Roman',serif;--sans:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
 --fs-hero:clamp(1.95rem,1.25rem + 3vw,3.25rem);
 --fs-h1:clamp(1.85rem,1.2rem + 2.6vw,3rem);
 --fs-h2:clamp(1.3rem,1.05rem + 1.1vw,1.85rem);
 --fs-h3:clamp(1.1rem,1rem + .45vw,1.35rem);
 --fs-dek:clamp(1.05rem,.98rem + .45vw,1.3rem);
 --fs-body:clamp(1.06rem,1rem + .3vw,1.2rem);
 --fs-ui:clamp(.94rem,.9rem + .15vw,1rem);
 --fs-kicker:clamp(.72rem,.7rem + .1vw,.8rem);
 --gutter:clamp(16px,4vw,40px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overflow-x:hidden}
body{margin:0;font-family:var(--sans);font-size:var(--fs-ui);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.45}
a{color:inherit;text-decoration:none}
a.hl:hover,a:hover .hl{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #F2B8BE;outline-offset:2px}
img{display:block;max-width:100%;height:auto}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--gutter)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.serif{font-family:var(--serif)}
.kicker{display:inline-block;font:700 var(--fs-kicker)/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.kicker.muted{color:var(--slate)}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:.8rem;color:var(--muted)}
.meta .sep{width:1px;height:11px;background:var(--rule-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border:1px solid var(--navy);background:var(--navy);color:#fff;font:600 .95rem/1 var(--sans);cursor:pointer;border-radius:3px}
.btn.red{background:var(--red);border-color:var(--red)}
.btn.ghost{background:transparent;color:var(--navy)}
.arrow{width:14px;height:14px;flex:0 0 14px}

/* ---------- header: navy bar, centred masthead (European news convention) ---------- */
.top{background:var(--navy);color:#fff}
.top .bar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;min-height:64px}
.iconbtn{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;cursor:pointer;padding:0}
.logo{justify-self:center;display:flex;flex-direction:column;align-items:center;line-height:1;color:#fff;text-align:center}
.logo .the{font:600 clamp(.7rem,.6rem + .4vw,1rem)/1 var(--serif);letter-spacing:.32em}
.logo .name{font:700 clamp(1.45rem,1rem + 2.6vw,2.9rem)/1 var(--serif);letter-spacing:-.01em;white-space:nowrap}
.logo .tag{display:none;margin-top:8px;font:500 .68rem/1 var(--sans);letter-spacing:.38em;color:#C9D3E0}
.top .sub{background:var(--navy-2)}
.top .sub .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;flex-wrap:wrap}
.top .date{font-size:.8rem;color:#C9D3E0;display:none}
.edition{display:flex;align-items:center;gap:2px;font-size:.85rem}
.edition a{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;color:#C9D3E0;border-radius:3px;font-weight:600;letter-spacing:.04em}
.edition a[aria-current="true"]{background:#fff;color:var(--navy)}
.acct{display:flex;gap:8px;flex:1 1 auto;justify-content:flex-end}
.acct .btn{min-height:40px;padding:0 14px;font-size:.9rem}
.acct .btn.ghost{color:#fff;border-color:#3B5170}
.sections{background:#fff;border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:20}
.sections ul{list-style:none;margin:0 auto;padding:0 var(--gutter);display:flex;gap:clamp(18px,2.4vw,34px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:1240px;white-space:nowrap}
.sections ul::-webkit-scrollbar{display:none}
.sections a{display:flex;align-items:center;min-height:52px;font:600 var(--fs-ui)/1 var(--sans);color:var(--ink);border-bottom:4px solid transparent;padding-top:4px}
.sections a[aria-current="page"]{border-bottom-color:var(--navy)}
.drawer{display:none;background:#fff;border-bottom:1px solid var(--rule);padding:8px 0 22px}
.drawer.open{display:block}
.drawer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 40px}
.drawer a{display:flex;align-items:center;min-height:46px;border-bottom:1px solid #EEF1F5;font-size:1rem}
.drawer h3{margin:16px 0 4px;font:700 .72rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}

/* ---------- home ---------- */
.lead{display:grid;grid-template-columns:1fr;gap:16px;padding:22px 0 24px;border-bottom:1px solid var(--ink)}
.lead .media img{width:100%;aspect-ratio:3/2;object-fit:cover}
.lead .txt{display:flex;flex-direction:column;gap:12px}
.lead h1{margin:0;font:700 var(--fs-hero)/1.06 var(--serif);letter-spacing:-.012em}
.dek{margin:0;font:400 var(--fs-dek)/1.45 var(--serif);color:var(--muted)}
.dashlist{list-style:none;margin:0;padding:0}
.dashlist li{padding:16px 0;border-bottom:1px dashed var(--rule-2)}
.dashlist li:last-child{border-bottom:0}
.dashlist h2{margin:6px 0 0;font:700 var(--fs-h2)/1.15 var(--serif);letter-spacing:-.005em}
.story{display:grid;grid-template-columns:1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--rule)}
.story .m img{width:100%;aspect-ratio:3/2;object-fit:cover}
.story .txt{display:flex;flex-direction:column;gap:8px;min-width:0}
.story h2{margin:0;font:700 var(--fs-h2)/1.15 var(--serif)}
.story p{margin:0;font:400 1.02rem/1.5 var(--serif);color:var(--muted)}
.duo{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.duo>article{padding:16px 14px 18px 0;display:flex;flex-direction:column;gap:8px}
.duo>article+article{padding:16px 0 18px 14px;border-left:1px solid var(--rule)}
.duo img{width:100%;aspect-ratio:3/2;object-fit:cover}
.duo h3{margin:0;font:700 var(--fs-h3)/1.18 var(--serif)}
.feature{margin-top:28px;background:var(--soft);display:grid;grid-template-columns:1fr}
.feature img{width:100%;aspect-ratio:16/9;object-fit:cover}
.feature.noimg{border-top:3px solid var(--navy)}
.feature .txt{padding:20px clamp(16px,3vw,32px) 24px;display:flex;flex-direction:column;gap:12px}
.feature h2{margin:0;font:700 var(--fs-h2)/1.15 var(--serif)}
.textlink{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-weight:600;color:var(--navy)}
.block{padding-top:clamp(28px,4vw,44px)}
.bhead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.bhead h2{margin:0;font:700 clamp(1.5rem,1.2rem + 1.2vw,2.1rem)/1.1 var(--serif)}
.bhead a{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;min-height:40px;color:var(--navy)}
.mostread{list-style:none;margin:0;padding:0;counter-reset:mr}
.mostread li{display:grid;grid-template-columns:clamp(46px,9vw,72px) 1fr;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--rule)}
.mostread .n{font:700 clamp(2.4rem,1.8rem + 2.6vw,3.6rem)/.9 var(--serif);color:var(--navy);font-variant-numeric:lining-nums}
.mostread a{font:700 var(--fs-h3)/1.2 var(--serif)}
.grid2{display:grid;grid-template-columns:1fr;gap:0 28px}
.card{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--rule)}
.card .thumb{display:block;width:112px}.card .thumb img{width:112px;height:84px;object-fit:cover}
.card.noimg{grid-template-columns:1fr}
.card .txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.card h3{margin:0;font:700 var(--fs-h3)/1.2 var(--serif)}
.figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.fig{padding:14px 0;border-bottom:1px solid var(--rule)}
.fig .lab{font-size:.8rem;color:var(--muted)}
.fig .val{font:700 clamp(1.7rem,1.3rem + 1.6vw,2.4rem)/1.1 var(--serif);margin:4px 0;font-variant-numeric:tabular-nums;color:var(--navy)}
.fig .src{font-size:.75rem;color:var(--muted)}
.fig .src a{text-decoration:underline;text-underline-offset:2px}

/* ---------- article ---------- */
.art{max-width:760px;margin:0 auto;padding:clamp(18px,3vw,36px) 0 20px}
.art h1{margin:10px 0 14px;font:700 var(--fs-h1)/1.08 var(--serif);letter-spacing:-.012em}
.art .dek{font-size:var(--fs-dek)}
.byline{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;padding:14px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.byline .who{font-size:.92rem}
.agewarn{display:inline-flex;gap:8px;align-items:center;background:#FDF0F1;color:var(--red);font-weight:600;font-size:.88rem;padding:8px 12px;margin-top:8px}
.art figure{margin:0 0 24px}
.art figure img{width:100%;aspect-ratio:3/2;object-fit:cover}
.art figcaption{font-size:.8rem;color:var(--muted);margin-top:8px;line-height:1.45;display:flex;flex-wrap:wrap;gap:2px 8px}
.art figcaption .cap{color:var(--ink)}
.art figcaption .credit{color:var(--muted)}
.art figcaption a{text-decoration:underline}
.prose p{font:400 var(--fs-body)/1.65 var(--serif);color:var(--body);margin:0 0 1.15em}
.prose h2{font:700 clamp(1.25rem,1.1rem + .6vw,1.55rem)/1.25 var(--serif);margin:1.8em 0 .5em}
.sources{margin-top:32px;padding:18px 20px;background:var(--soft);border-top:3px solid var(--navy)}
.sources h2{margin:0 0 8px;font:700 .75rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.sources ol{margin:0;padding-left:20px;font-size:.92rem;line-height:1.55}
.sources li{margin:6px 0}
.sources a{text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.tag{font-size:.82rem;border:1px solid var(--rule-2);padding:6px 10px;border-radius:999px}
.note{font-size:.88rem;color:var(--muted);line-height:1.6;margin-top:20px;border-top:1px solid var(--rule);padding-top:14px}
.toast{font-size:.8rem;color:var(--muted);min-height:16px}

/* ---------- section / static pages ---------- */
.phead{padding:clamp(20px,3vw,34px) 0 16px;border-bottom:2px solid var(--ink)}
.phead h1{margin:6px 0 0;font:700 var(--fs-h1)/1.08 var(--serif)}
.phead p{margin:10px 0 0;font:400 var(--fs-dek)/1.5 var(--serif);color:var(--muted);max-width:720px}
.empty{padding:28px 0;font:400 var(--fs-dek)/1.5 var(--serif);color:var(--muted)}
.page{max-width:760px;margin:0 auto;padding:8px 0 40px}
.page h2{font:700 1.4rem/1.25 var(--serif);margin:1.8em 0 .5em}
.page p,.page li{font:400 var(--fs-body)/1.65 var(--serif);color:var(--body)}
.page table{border-collapse:collapse;width:100%;font-size:.95rem;margin:10px 0}
.page td,.page th{border-bottom:1px solid var(--rule);padding:10px 8px 10px 0;text-align:left;vertical-align:top}
.brief{list-style:none;margin:0;padding:0}
.brief li{display:grid;grid-template-columns:78px 1fr;gap:14px;padding:12px 0;border-bottom:1px dashed var(--rule-2);font:600 1.05rem/1.35 var(--serif)}
.brief time{color:var(--muted);font:500 .82rem/1.6 var(--sans)}
.formrow{display:flex;gap:8px;flex-wrap:wrap}
.field{flex:1 1 220px;min-width:0;height:48px;border:1px solid var(--rule-2);padding:0 14px;font:1rem var(--sans);color:var(--ink);background:#fff;border-radius:3px}
.formmsg{font-size:.9rem;color:var(--body);margin-top:10px;min-height:18px}

/* ---------- footer ---------- */
footer{background:var(--navy);color:#D5DDE7;margin-top:48px}
footer a{color:#D5DDE7}
.fgrid{display:grid;grid-template-columns:1fr;gap:28px;padding:40px 0 26px;border-bottom:1px solid #2A3F59}
.fgrid nav{display:flex;flex-direction:column;gap:8px}
.fgrid h3{margin:0 0 6px;font:700 .72rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#fff}
.fbottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:18px 0 28px;font-size:.78rem;color:#AEBBCB}
footer .logo{align-items:flex-start;text-align:left}

/* ---------- GDPR cookie notice ---------- */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:3px solid var(--navy);box-shadow:0 -6px 24px rgba(15,23,32,.12)}
.consent .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}
.consent p{margin:0;font-size:.92rem;line-height:1.5;max-width:760px}
.consent .acts{display:flex;gap:8px;flex-wrap:wrap}
.consent[hidden]{display:none}

/* ---------- larger screens ---------- */
@media (min-width:760px){
 .top .date{display:block}
 .logo .tag{display:block}
 .top .bar{min-height:96px}
 .lead{grid-template-columns:1.25fr 1fr;gap:32px;align-items:start}
 .story{grid-template-columns:260px 1fr;gap:28px}
 .feature{grid-template-columns:1.1fr 1fr;align-items:center}
 .feature img{height:100%;aspect-ratio:auto;min-height:280px}
 .grid2{grid-template-columns:1fr 1fr}
 .card{grid-template-columns:140px 1fr}.card .thumb,.card .thumb img{width:140px;height:100px}.card.noimg{grid-template-columns:1fr}
 .lead.noimg{grid-template-columns:1fr}
 .lead.noimg .txt{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);column-gap:44px;row-gap:12px;align-content:start}
 .lead.noimg .txt>*:not(.dashlist){grid-column:1}
 .lead.noimg .dashlist{grid-column:2;grid-row:1/span 4;margin:0;border-left:1px solid var(--rule);padding-left:28px}
 .duo img{aspect-ratio:16/9}
 .story.noimg{grid-template-columns:1fr}
 .feature.noimg{grid-template-columns:1fr}
 .feature .media{height:100%}.feature .media picture{height:100%}
 .figs{grid-template-columns:repeat(5,minmax(0,1fr))}
 .fgrid{grid-template-columns:1.4fr 1fr 1fr}
 .home-cols{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start}
}
@media (max-width:420px){ .acct .btn.ghost{display:none} }

/* photo pipeline */
picture{display:block}
picture img{background:#e7eaee}
.lead .media{margin:0}
.lead .media .credit{font:400 .72rem/1.4 var(--sans);color:var(--muted);margin-top:6px}
.lead.noimg h1{font-size:clamp(2.1rem,1.3rem + 3.4vw,3.6rem)}
.lead.noimg{border-top:3px solid var(--navy)}
.art figure.illus figcaption .cap{font-style:italic}

/* ---------- special projects (partner content) ---------- */
.sp-tag{display:inline-block;background:var(--red);color:#fff;font:700 .7rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;border-radius:2px}
.sp{margin:0 calc(50% - 50vw);padding-bottom:30px}
.sp-flag{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:12px var(--gutter);background:var(--soft);border-bottom:1px solid var(--rule);font:600 .8rem/1.3 var(--sans);color:var(--navy);letter-spacing:.04em;text-transform:uppercase}
.sp-hero{position:relative;min-height:min(86vh,780px);display:flex;align-items:flex-end;color:#fff;background:var(--navy);overflow:hidden}
.sp-hero picture,.sp-hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sp-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,26,43,.05) 0%,rgba(12,26,43,.15) 40%,rgba(12,26,43,.88) 100%)}
.sp-hero-txt{position:relative;max-width:980px;margin:0 auto;width:100%;padding:0 var(--gutter) clamp(44px,7vw,84px)}
.sp-hero .kicker{color:#fff;background:rgba(179,38,53,.92);padding:5px 8px}
.sp-hero h1{font:700 clamp(2.1rem,1.2rem + 4vw,4.3rem)/1.04 var(--serif);letter-spacing:-.015em;margin:16px 0 16px;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.sp-hero .dek{font:400 clamp(1.08rem,1rem + .6vw,1.45rem)/1.45 var(--serif);max-width:720px;margin:0 0 20px;color:#F1F4F8}
.sp-by{font:500 .85rem/1.5 var(--sans);color:#D6DEE8;margin:0}
.sp-by strong{color:#fff}
.sp-herocredit{position:absolute;right:var(--gutter);bottom:10px;margin:0;font-size:.7rem;color:rgba(255,255,255,.75)}
.sp-herocredit a{text-decoration:underline}
.sp-disclosure{max-width:720px;margin:26px auto 6px;padding:14px 18px;border-left:3px solid var(--red);background:var(--soft);font:400 .88rem/1.55 var(--sans);color:var(--muted)}
.sp-body{max-width:720px;margin:0 auto;padding:18px var(--gutter) 0;box-sizing:content-box}
.sp-body>p:first-child::first-letter{float:left;font:700 4.4em/.82 var(--serif);color:var(--red);margin:.06em .1em 0 0}
.sp-h{display:flex;align-items:baseline;gap:14px;font:700 clamp(1.5rem,1.2rem + 1.2vw,2.15rem)/1.15 var(--serif)!important;margin:2.2em 0 .7em!important;padding-top:18px;border-top:1px solid var(--ink)}
.sp-h .n{font:700 .8rem/1 var(--sans);color:var(--red);letter-spacing:.1em;flex:0 0 auto;transform:translateY(-4px)}
.sp-quote{margin:2em 0;padding:0;border:0;text-align:center}
.sp-quote p{font:italic 500 clamp(1.35rem,1.1rem + 1vw,1.9rem)/1.3 var(--serif)!important;color:var(--navy)!important;margin:0!important}
.sp-quote::before,.sp-quote::after{content:"";display:block;width:56px;height:2px;background:var(--red);margin:0 auto 18px}
.sp-quote::after{margin:18px auto 0}
.sp-bleed{margin:2.4em calc(50% - 50vw)!important;width:100vw}
.sp-bleed img{width:100%;max-height:82vh;object-fit:cover}
.sp-bleed figcaption,.sp-gallery figcaption{max-width:1120px;margin:8px auto 0;padding:0 var(--gutter);font-size:.78rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:2px 8px}
.sp-bleed .cap,.sp-gallery .cap{color:var(--ink)}
.sp-bleed a,.sp-gallery a,.sp-place a{text-decoration:underline}
.sp-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:2.4em calc(50% - min(50vw,580px))!important;width:min(100vw,1160px);padding:0 var(--gutter);box-sizing:border-box}
.sp-gallery figure{margin:0}
.sp-gallery img{width:100%;aspect-ratio:4/5;object-fit:cover}
.sp-gallery figcaption{padding:0;flex-direction:column}
.sp-places{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 28px;margin:2em calc(50% - min(50vw,560px));width:min(100vw,1120px);padding:0 var(--gutter);box-sizing:border-box}
.sp-place figure{margin:0 0 12px}
.sp-place img{width:100%;aspect-ratio:3/2;object-fit:cover}
.sp-place figcaption{font-size:.7rem;color:var(--muted);margin-top:5px}
.sp-place h3{font:700 var(--fs-h3)/1.2 var(--serif);margin:0 0 6px;color:var(--ink)}
.sp-place p{font-size:1rem!important;line-height:1.55!important;margin:0!important}
.sp-box{margin:1.8em 0;padding:22px 24px;background:var(--navy);color:#fff;border-radius:2px}
.sp-box h3{font:700 .8rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#F2B8BE;margin:0 0 12px}
.sp-box ul,.sp-box ol{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.sp-box li{position:relative;padding-left:30px;font:400 1rem/1.5 var(--sans);color:#EEF2F7}
.sp-box.check li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border:1.5px solid #F2B8BE;border-radius:2px;background:linear-gradient(transparent,transparent)}
.sp-box.check li::after{content:"";position:absolute;left:6px;top:6px;width:5px;height:9px;border:solid #F2B8BE;border-width:0 2px 2px 0;transform:rotate(45deg)}
.sp-box.box li::before{content:"";position:absolute;left:4px;top:10px;width:10px;height:2px;background:#F2B8BE}
.sp-box.steps{counter-reset:s;background:var(--soft);color:var(--ink);border-top:3px solid var(--red)}
.sp-box.steps h3{color:var(--red)}
.sp-box.steps li{counter-increment:s;color:var(--body);padding-left:42px;min-height:28px}
.sp-box.steps li::before{content:counter(s);position:absolute;left:0;top:-2px;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font:700 .85rem/28px var(--sans);text-align:center}
.sp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin:1.8em 0}
.sp-facts div{background:#fff;padding:16px 16px 14px;display:flex;flex-direction:column;gap:6px}
.sp-facts b{font:700 clamp(1.5rem,1.2rem + 1vw,2rem)/1 var(--serif);color:var(--red)}
.sp-facts span{font:500 .8rem/1.35 var(--sans);color:var(--muted)}
.sp-cta{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center;margin:2.6em 0;padding:28px;background:var(--navy);color:#fff;border-radius:2px;border-top:4px solid var(--red)}
.sp-cta p{color:#DCE3EC!important;font:400 1rem/1.5 var(--sans)!important;margin:8px 0 0!important}
.sp-cta .sp-cta-name{font:700 1.9rem/1.1 var(--serif)!important;color:#fff!important;margin-top:12px!important;letter-spacing:.04em}
.sp-cta-act{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.sp-cta .textlink{color:#fff;text-decoration:underline;font-weight:600}
.sp-cta small{font-size:.72rem;color:#AEBBCB;line-height:1.4}
.sp-foot{max-width:720px;margin:0 auto;padding:0 var(--gutter);box-sizing:content-box}
.sp-promo{position:relative;margin:30px 0;background:var(--navy);color:#fff;display:grid;grid-template-columns:1.25fr 1fr;min-height:360px;overflow:hidden}
.sp-promo .m{display:block;position:relative}
.sp-promo .m picture,.sp-promo .m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sp-promo-txt{padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;gap:14px;justify-content:center;border-left:4px solid var(--red)}
.sp-promo h2{font:700 clamp(1.4rem,1.1rem + 1.2vw,2.1rem)/1.15 var(--serif);margin:0}
.sp-promo p{margin:0;color:#DCE3EC;font:400 1rem/1.5 var(--serif)}
.sp-promo .sp-tag{align-self:flex-start}
.sp-promo .btn{align-self:flex-start;background:#fff;color:var(--navy);border-color:#fff}
@media (max-width:760px){
 .sp-hero{min-height:88vh}
 .sp-gallery{grid-template-columns:1fr 1fr}.sp-gallery figure:last-child{grid-column:1/-1}.sp-gallery figure:last-child img{aspect-ratio:3/2}
 .sp-places{grid-template-columns:1fr}
 .sp-cta{grid-template-columns:1fr}
 .sp-promo{grid-template-columns:1fr}.sp-promo .m{aspect-ratio:3/2}
 .sp-herocredit{left:var(--gutter);right:auto;bottom:8px}
}