/* Minisite Sulina — stilurile site-ului (sursa unică).
   Valorile vin din tokenii toural.ro (tokeni.css, generat de build/site.py din toural.css).
   Breakpoint-uri: 991px și 767px, câte un singur bloc fiecare, la final (ca în Bricks).
   Reguli fixe: tot ce se apasă = 48px, text 16px, contur 2px; iconițe 24px; cercuri 48px. */

/* ---------- bază ---------- */
*,*::before,*::after{box-sizing:border-box}
html{font-size:62.5%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--brand-white);color:var(--brand-body);font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:var(--text-m);line-height:1.55}
img{display:block;max-width:100%;height:auto}
[id]{scroll-margin-top:10rem} /* titlul la care sare un link nu stă sub antetul lipit sus */
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
a{color:var(--brand-ink)}
a:hover{color:var(--brand-primary)}
:focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}
.skip{position:absolute;left:-999rem;top:0;z-index:20;background:var(--brand-ink);color:var(--brand-white);padding:var(--space-s) var(--space-m)}
.skip:focus{left:var(--space-m)}
.container{width:100%;max-width:var(--container-width);margin-inline:auto;padding-inline:var(--space-m)}
.serif{font-family:"Gowun Batang",Georgia,serif}
.icon{flex:none;width:var(--icon-size);height:var(--icon-size)}
.stack{display:flex;flex-direction:column;gap:var(--space-m)}
.measure{max-width:var(--text-width-l)}

/* ---------- butoane ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-height:4.8rem;padding:0 var(--space-m);border:2px solid var(--brand-ink);border-radius:var(--radius-s);background:var(--brand-white);color:var(--brand-ink);font-family:inherit;font-size:1.6rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--brand-primary-100);color:var(--brand-ink)}
.btn--primary{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--brand-white)}
.btn--primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white)}
.btn--ink{background:var(--brand-ink);color:var(--brand-white)}
.btn--ink:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--brand-white)}
.btn--block{display:flex;width:100%}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-s)}

/* ---------- bara A + antetul C ---------- */
.bar{background:var(--brand-ink);font-size:var(--text-s)}
.bar .container{display:flex;align-items:center;min-height:4rem}
.bar a{display:inline-flex;align-items:center;min-height:2.4rem;color:var(--brand-primary-100);text-decoration:none}
.bar a:hover{color:var(--brand-white);text-decoration:underline}
.header{position:sticky;top:0;z-index:10;background:var(--brand-primary-100);transition:box-shadow var(--transition-m),transform var(--transition-m)}
.header>.container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);min-height:10.4rem;transition:min-height var(--transition-m)}
.lockup{display:flex;align-items:center;gap:var(--space-s);text-decoration:none}
.lockup img{height:6.4rem;width:auto;transition:height var(--transition-m)}
.lockup__name{transition:font-size var(--transition-m)}
.is-scrolled .header{box-shadow:var(--shadow-m)}
.header-hidden .header{transform:translateY(-100%)}
.is-scrolled .header>.container{min-height:7.2rem}
.is-scrolled .lockup img{height:4.8rem}
.lockup__name{display:block;font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-2xl);line-height:1;color:var(--brand-ink)}
.lockup__tag{display:block;margin-top:.2rem;font-size:var(--text-s);color:var(--brand-neutral-500)}
.nav{display:flex;align-items:center;gap:var(--space-l)}
.lang{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:4.8rem;padding:0 var(--space-m);border:2px solid var(--brand-ink);border-radius:var(--radius-s);color:var(--brand-ink);font-size:1.6rem;font-weight:600;line-height:1.2;cursor:default;white-space:nowrap}
.lang__flag{display:block;width:3.2rem;height:1.6rem;border-radius:2px;flex:none}
.acasa .lang{border-color:#fff;color:#fff}
/* meniul: sertar din dreapta, pe toate ecranele; o categorie se deschide într-un al doilea panou, tot din dreapta */
.menu{position:static}
.menu>summary{list-style:none}
.menu>summary::-webkit-details-marker{display:none}
.menu>summary .icon{transition:transform var(--transition-m)}
.menu[open]>summary .icon{transform:rotate(180deg)}
.menu[open]::before{content:"";position:fixed;inset:0;z-index:20;background:var(--brand-overlay);animation:shade var(--transition-m) ease-out}
.menu__panel{position:fixed;top:0;right:0;bottom:0;z-index:30;width:min(90vw,48rem);overflow-x:hidden;overflow-y:auto;background:var(--brand-white);box-shadow:var(--shadow-xl)}
.menu[open] .menu__panel{animation:drawer var(--transition-m) ease-out}
@keyframes drawer{from{transform:translateX(100%)}}
.menu__panel>.container{padding:var(--space-m) var(--space-l) var(--space-xl)}
.menu__extra{display:flex;flex-wrap:wrap;gap:var(--space-s)}
.menu__extra .btn--primary{display:none}
.menu__cols{display:flex;flex-direction:column;padding-top:var(--space-m)}
.menu__group{border-bottom:1px solid var(--brand-neutral-200)}
.menu__group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);min-height:5.6rem;cursor:pointer}
.menu__group>summary::-webkit-details-marker{display:none}
.menu__group>summary:hover{color:var(--brand-primary)}
.menu__cat{font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-xl);color:var(--brand-ink)}
.menu__group[open]>.menu__list{position:absolute;inset:0;z-index:1;overflow-y:auto;margin:0;padding:var(--space-m) var(--space-l) var(--space-xl);border-top:0;background:var(--brand-white);animation:drawer var(--transition-m) ease-out}
.menu__head{display:flex;align-items:center;gap:var(--space-m);padding-bottom:var(--space-s)}
.menu__head .menu__cat{margin:0}
.menu__list{list-style:none;padding:0;margin:0}
.menu__list li{border-bottom:1px solid var(--brand-neutral-200)}
.menu__list li.menu__head{border-bottom:2px solid var(--brand-ink)}
.menu__link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);min-height:4.8rem;font-size:1.6rem;text-decoration:none}
.menu__link[aria-current]{font-weight:600;color:var(--brand-primary)}
.menu__link--all{font-weight:600;color:var(--brand-primary)}

/* ---------- „În lucru” ---------- */
.is-wip{color:var(--brand-neutral-500)}
.tag-wip{display:inline-flex;align-items:center;padding:.5rem .9rem;border:1px dashed var(--brand-neutral-300);border-radius:var(--radius-s);background:var(--brand-neutral-100);color:var(--brand-neutral-500);font-size:var(--text-s);font-weight:600;line-height:1;white-space:nowrap}

/* ---------- capul paginii ---------- */
.page{padding-block:var(--space-2xl) var(--space-3xl)}
.page>.container{display:flex;flex-direction:column;gap:var(--space-2xl)}
.head{display:flex;flex-direction:column;gap:var(--space-2xs)}
.crumbs{display:flex;flex-wrap:wrap;gap:0 var(--space-2xs);font-size:var(--text-s);color:var(--brand-neutral-500)}
.crumbs a{display:inline-flex;align-items:center;min-height:2.4rem;color:var(--brand-neutral-500);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs [aria-current]{display:inline-flex;align-items:center;font-weight:600;color:var(--brand-ink)}
.kicker{font-size:var(--text-s);font-weight:600;color:var(--brand-primary)}
.title{font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-4xl);font-weight:400;line-height:1.05;color:var(--brand-ink);text-wrap:balance}
.h2{font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-2xl);font-weight:400;line-height:var(--line-height-heading);color:var(--brand-ink);text-wrap:balance}
.h3{font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-xl);font-weight:400;line-height:var(--line-height-heading);color:var(--brand-ink)}
.h4{font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-l);font-weight:700;line-height:1.2;color:var(--brand-ink)}
.lede{font-size:var(--text-l);line-height:1.45;color:var(--brand-ink)}
.small{font-size:var(--text-s);color:var(--brand-neutral-500)}
.photo{width:100%;object-fit:cover;border-radius:var(--radius-xs)}
.photo--wide{aspect-ratio:21/9}
.photo--portrait{aspect-ratio:4/5}
.photo--natural{width:auto;max-width:100%;height:auto;aspect-ratio:auto}
.blk__note .photo--natural{aspect-ratio:auto}
.caption{margin-top:var(--space-2xs);font-size:var(--text-s);color:var(--brand-neutral-500)}

/* poze care se măresc ușor la hover (în carduri și liste) */
.zoom{display:block;overflow:hidden;border-radius:var(--radius-xs)}
.zoom img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform var(--transition-l) ease}
a:hover .zoom img,a:focus-visible .zoom img,.cuprins__item:hover .zoom img{transform:scale(1.06)}
.related__item .zoom{flex:none}

/* ---------- galeria mărită (<dialog> nativ) */
.lb{display:block;cursor:zoom-in}
.lightbox{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--brand-neutral-900);color:var(--brand-white)}
.lightbox[open]{display:flex;align-items:center;justify-content:center;animation:shade var(--transition-m) ease-out}
.lightbox::backdrop{background:transparent}
.lightbox__fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-s);max-width:min(92vw,140rem)}
.lightbox__fig img{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-xs)}
.lightbox__cap{font-size:1.6rem;text-align:center;color:var(--brand-primary-100)}
.lightbox__btn{position:absolute;display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border:2px solid var(--brand-white);border-radius:50%;background:var(--brand-ink);color:var(--brand-white);cursor:pointer}
.lightbox__btn:hover{background:var(--brand-primary)}
.lightbox__prev{left:var(--space-m);top:50%;transform:translateY(-50%)}
.lightbox__next{right:var(--space-m);top:50%;transform:translateY(-50%)}
.lightbox__close{right:var(--space-m);top:var(--space-m)}
.lightbox__count{position:absolute;left:var(--space-m);top:var(--space-m);margin:0;font-size:1.6rem;color:var(--brand-primary-100)}
@keyframes shade{from{opacity:0}}

/* ---------- butonul „Sus” */
.to-top{position:fixed;right:var(--space-m);bottom:var(--space-m);z-index:9;display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border:2px solid var(--brand-white);border-radius:50%;background:var(--brand-ink);color:var(--brand-white);box-shadow:var(--shadow-m);opacity:0;pointer-events:none;transform:translateY(1rem);transition:opacity var(--transition-m),transform var(--transition-m)}
.to-top.is-visible{opacity:1;pointer-events:auto;transform:none}
.to-top:hover{background:var(--brand-primary);color:var(--brand-white)}

/* ---------- trecerea între pagini (View Transitions, doar unde browserul o știe) */
@view-transition{navigation:auto}
.bar{view-transition-name:bara}
.header{view-transition-name:antet}
::view-transition-old(root){animation:vt-out .18s ease-in both}
::view-transition-new(root){animation:vt-in .4s ease-out both}
@keyframes vt-out{to{opacity:0}}
@keyframes vt-in{from{opacity:0;transform:translateY(2.4rem)}}

/* ---------- grila „Jurnal de port”: margine | 520 | margine ---------- */
.jurnal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,52rem) minmax(0,1fr);column-gap:var(--space-2xl);align-items:start}
.jurnal>*{grid-column:2;margin-bottom:var(--space-m)}
.jurnal>.jurnal__left{margin-bottom:0}
.jurnal__left{grid-column:1;grid-row:1/span 60;align-self:stretch}
.jurnal__left-in{position:sticky;top:var(--space-l);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-l);text-align:right}
.jurnal__wide{grid-column:2/4}
.jurnal__full{grid-column:1/4}
.blk{grid-column:2/4;display:grid;grid-template-columns:subgrid;align-items:start}
.blk>*:first-child{grid-column:1;display:flex;flex-direction:column;gap:var(--space-m)}
.blk__note{grid-column:2;max-width:36rem}
.blk__note .photo{aspect-ratio:4/3}

/* cifre pe margine */
.figs{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-m)}
.fig{display:flex;flex-direction:column;gap:.4rem;padding-right:var(--space-s);border-right:2px solid var(--brand-primary)}
.fig__num{font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-2xl);font-weight:700;line-height:1;color:var(--brand-ink);white-space:nowrap}
.fig__label{font-size:var(--text-s);color:var(--brand-neutral-500)}
.toc{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3xs)}
.toc__title{font-size:var(--text-s);font-weight:600;color:var(--brand-ink)}
.toc a{display:inline-flex;align-items:center;min-height:2.4rem;font-size:var(--text-s);color:var(--brand-neutral-500);text-decoration:none}
.toc a:hover{color:var(--brand-primary);text-decoration:underline}
.toc a.is-active{color:var(--brand-primary);font-weight:600}
.toc a{transition:color var(--transition-s)}

/* text */
.prose{display:flex;flex-direction:column;gap:var(--space-m)}
.prose a{text-decoration:underline}
.prose ul{padding-left:2rem;display:flex;flex-direction:column;gap:var(--space-3xs)}
.quote{padding-left:var(--space-m);border-left:2px solid var(--brand-primary);font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-l);line-height:1.4;color:var(--brand-ink)}
.quote cite{display:block;margin-top:var(--space-2xs);font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:var(--text-s);font-style:normal;color:var(--brand-neutral-500)}
.portrait{display:flex;flex-direction:column;gap:var(--space-2xs);max-width:20rem}
.portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-xs)}
.portraits{display:flex;flex-direction:column;gap:var(--space-m)}
.credit{font-size:var(--text-xs);color:var(--brand-neutral-400)}

/* cutia „Bine de știut” */
.box{display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-m);border-radius:var(--radius-m);background:var(--brand-primary-100)}
.box__title{font-size:1.6rem;font-weight:600;color:var(--brand-ink)}
.box ul{padding-left:2rem}

/* galerie */
.gallery{display:grid;grid-template-columns:var(--grid-4);gap:var(--space-s)}
.gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-xs)}
.gallery--land img{aspect-ratio:4/3}
.gallery--3{grid-template-columns:var(--grid-3)}

/* tabel (Lista Monumentelor Istorice) */
.table-wrap{overflow-x:auto}
.table{width:100%;border-collapse:collapse;font-size:1.6rem;line-height:1.4}
.table th{text-align:left;font-weight:600;color:var(--brand-ink);border-bottom:2px solid var(--brand-ink);padding:var(--space-2xs) var(--space-s) var(--space-2xs) 0}
.table td{border-bottom:1px solid var(--brand-neutral-200);padding:var(--space-2xs) var(--space-s) var(--space-2xs) 0;vertical-align:top}
.table td:first-child{white-space:nowrap;font-size:var(--text-s);color:var(--brand-neutral-500)}

/* ---------- informații practice (Planifică vizita, pe scurt) ---------- */
.facts{display:grid;grid-template-columns:var(--grid-2);gap:var(--space-m) var(--space-l);padding:var(--space-l);border-radius:var(--radius-m);background:var(--brand-primary-100)}
.facts--3{grid-template-columns:var(--grid-3)}
.fact{display:flex;gap:var(--space-xs);align-items:flex-start}
.fact .icon{color:var(--brand-primary)}
.fact__label{display:block;font-size:var(--text-s);color:var(--brand-neutral-500)}
.fact__value{display:block;font-size:1.6rem;color:var(--brand-ink)}
.fact__value a{display:inline-flex;align-items:center;min-height:2.4rem;color:inherit}
.todo{color:var(--brand-neutral-500)}

/* ---------- hero împărțit (Loc C, Acasă) ---------- */
.split{display:grid;grid-template-columns:var(--grid-2);column-gap:var(--space-2xl);align-items:stretch}
.split__media img{width:100%;height:100%;min-height:56rem;object-fit:cover;border-radius:var(--radius-xs)}
.split__body{display:flex;flex-direction:column;justify-content:center;gap:var(--space-l)}

/* ---------- piesa de hartă (toural.ro) ---------- */
.map{display:flex;flex-direction:column;gap:var(--space-s)}
.map__img{width:100%;object-fit:cover;border:1px solid var(--brand-primary-200);border-radius:var(--radius-m)}
.map__img--wide{aspect-ratio:1400/620}
.map__img--land{aspect-ratio:4/3}
.map__img--square{aspect-ratio:1}
.map__credit{font-size:1.3rem;color:var(--brand-neutral-500)}

/* ---------- liste: cuprins compact, alte locuri ---------- */
.cuprins{list-style:none;padding:0;display:grid;grid-template-columns:var(--grid-2);column-gap:var(--space-2xl);border-bottom:1px solid var(--brand-neutral-200)}
.cuprins__item{display:flex;gap:var(--space-m);align-items:flex-start;padding-block:var(--space-m);border-top:1px solid var(--brand-neutral-200)}
.cuprins__img{flex:none;width:16rem;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-xs);background:var(--brand-neutral-100)}
.cuprins__body{display:flex;flex-direction:column;gap:var(--space-2xs);align-items:flex-start}
.cuprins__title{font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-l);font-weight:700;line-height:1.15;text-decoration:none}
.cuprins__title.is-wip{color:var(--brand-neutral-500)}
.cuprins__text{font-size:1.6rem;line-height:1.5}
.related{display:flex;flex-direction:column;gap:var(--space-s)}
.related__list{list-style:none;padding:0;display:grid;grid-template-columns:var(--grid-3);gap:var(--space-l)}
.related__item a{display:flex;gap:var(--space-s);align-items:flex-start;font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-l);font-weight:700;line-height:1.15;text-decoration:none}
.related__item img{flex:none;width:11.2rem;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-xs)}
.related__item .is-wip{color:var(--brand-neutral-500)}

/* ---------- traseu (B): harta fixă stânga, opririle dreapta ---------- */
.route{display:grid;grid-template-columns:var(--grid-2);column-gap:var(--space-2xl);align-items:start}
.route__map{position:sticky;top:var(--space-l)}
.route__body{display:flex;flex-direction:column;gap:var(--space-l)}
.stops{list-style:none;padding:0;border-top:1px solid var(--brand-neutral-200)}
.stop{display:flex;gap:var(--space-m);align-items:flex-start;padding-block:var(--space-m);border-bottom:1px solid var(--brand-neutral-200)}
.stop__body{flex:1;display:flex;flex-direction:column;gap:.4rem}
.stop__head{display:flex;gap:var(--space-s);align-items:center}
.stop__time{display:block;font-size:1.6rem;font-weight:600;color:var(--brand-primary)}
.stop__img{flex:none;width:16rem;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-xs)}
.num{flex:none;display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border-radius:50%;background:var(--brand-ink);color:var(--brand-white);font-size:1.6rem;font-weight:600}
/* traseul: cu JS, cercurile sunt goale și se umplu pe măsură ce derulezi (drumul parcurs) */
.js .stop .num{background:var(--brand-white);color:var(--brand-ink);border:2px solid var(--brand-ink);transition:background var(--transition-m),color var(--transition-m)}
.js .stop.is-passed .num{background:var(--brand-ink);color:var(--brand-white)}

/* ---------- cronologie ---------- */
.years{list-style:none;padding:0;display:flex;flex-direction:column}
.year{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,52rem) minmax(0,1fr);column-gap:var(--space-2xl);padding-block:var(--space-m);border-top:1px solid var(--brand-neutral-200)}
.year__num{justify-self:end;font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-2xl);font-weight:700;line-height:1;color:var(--brand-ink);white-space:nowrap}
.year__body{display:flex;flex-direction:column;gap:var(--space-3xs)}
.year__link{font-size:1.6rem;font-weight:600}
.year__era{grid-column:2;font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-xl);color:var(--brand-primary)}

/* ---------- blocuri practice ---------- */
.blocks{display:grid;grid-template-columns:var(--grid-2);gap:var(--space-l)}
.block{display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-l);border:2px solid var(--brand-neutral-200);border-radius:var(--radius-m)}
.block__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-s)}
.blocks--4{grid-template-columns:var(--grid-4)}
.blocks--4 .btn{align-self:flex-start;margin-top:auto}
.updated{font-size:var(--text-s);color:var(--brand-neutral-500)}

/* ---------- media (tur virtual, hartă, galerie) ---------- */
.frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-m);background:var(--brand-ink)}
.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.frame__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.frame__cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-m);padding:var(--space-l);background:linear-gradient(rgba(4,60,102,.35),rgba(4,60,102,.75));color:var(--brand-white);text-align:center}
.frame__link{display:inline-flex;align-items:center;min-height:4.4rem;color:var(--brand-white);font-size:1.6rem}
.frame__link:hover{color:var(--brand-white)}
.frame__cover p{max-width:var(--text-width-m);font-size:var(--text-l)}
.legend{list-style:none;padding:0;display:grid;grid-template-columns:var(--grid-3);gap:var(--space-2xs) var(--space-l)}
.legend li{display:flex;gap:var(--space-s);align-items:center}
.legend a{font-size:1.6rem;text-decoration:none}
.legend a:hover{text-decoration:underline}

/* ---------- Acasă ---------- */
.band{padding-block:var(--space-3xl)}
.band--soft{background:var(--brand-neutral-100)}
.band>.container{display:flex;flex-direction:column;gap:var(--space-xl)}
/* hero-ul primei pagini: poze care devin cercuri pe harta (assets/js/hero-harta.js) */
.home-hero{background:var(--brand-ink);color:#fff}
.home-hero__stage{display:flex;flex-direction:column;overflow:hidden}
.home-hero__head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:var(--space-xl);align-items:end;width:100%;max-width:var(--container-width);margin:0 auto;padding:var(--space-l) var(--space-m)}
.home-hero__title{margin:0;color:#fff;font-family:"Gowun Batang",Georgia,serif;font-weight:700;font-size:clamp(3.6rem,5vw,6.8rem);line-height:1.02;text-wrap:balance}
.home-hero__kicker{margin:0 0 var(--space-s);font-size:1.4rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8fd3f4}
.home-hero__side{display:flex;flex-direction:column;gap:var(--space-m)}
.home-hero__actions{display:none;gap:var(--space-s);margin-top:var(--space-xs)}
.btn--ghost{background:transparent;border-color:#fff;color:#fff}
.btn--ghost:hover{background:#fff;color:var(--brand-ink)}
.btn--primary.btn--hero{border-color:var(--brand-primary)}
.acasa .bar{background:var(--brand-ink);border-bottom:1px solid rgba(255,255,255,.12)}
.acasa .header{background:var(--brand-ink)}
.acasa .lockup__name,.acasa .lockup__tag{color:#fff}
.acasa .nav>.menu>summary.btn{background:transparent;border-color:#fff;color:#fff}
.acasa .nav>.menu>summary.btn:hover{background:#fff;color:var(--brand-ink)}
.home-hero__art{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;height:min(52vh,56rem);width:100%}
.home-hero__map{position:absolute;inset:var(--space-m);pointer-events:none;opacity:0}
.home-hero__map path{fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.home-hero__map path.oras{fill:rgba(255,255,255,.08)}
.home-hero__map path.rau{stroke:#8fd3f4;stroke-width:3}
.home-hero__map text{font:600 18px "IBM Plex Sans",system-ui,sans-serif;fill:#fff}
.home-hero__map text.mare{font:italic 400 24px "Gowun Batang",Georgia,serif;fill:rgba(255,255,255,.75)}
.home-hero__panel{position:relative;display:block;color:#fff;text-decoration:none;min-height:0}
.home-hero__panel::after{content:"";position:absolute;inset:0;border-radius:var(--r,0);background:linear-gradient(0deg,rgba(4,36,62,.8),rgba(4,36,62,0) 55%);opacity:var(--g,1);pointer-events:none}
.home-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-hero__label{position:absolute;left:var(--space-m);bottom:var(--space-m);z-index:2;pointer-events:none;display:flex;flex-direction:column;font-family:"Gowun Batang",Georgia,serif;font-weight:700;font-size:var(--text-xl);line-height:1.1;text-shadow:0 1px 8px rgba(4,60,102,.6);white-space:nowrap}
.home-hero__note{font-family:"IBM Plex Sans",system-ui,sans-serif;font-weight:400;font-size:var(--text-m);line-height:1.3;margin-top:.3rem;opacity:var(--s,1)}
.home-hero__art.is-anim .home-hero__panel{position:absolute;min-height:0}
.home-hero:has(.is-anim){height:220vh}
.home-hero:has(.is-anim) .home-hero__stage{position:sticky;top:0;height:100svh}
.home-hero:has(.is-anim) .home-hero__art{height:auto;flex:1 1 0;display:block}
.top{list-style:none;padding:0;display:grid;grid-template-columns:var(--grid-4);gap:var(--space-l)}
.top a{display:flex;flex-direction:column;gap:var(--space-s);text-decoration:none}
.top img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-xs)}
.top__title{font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-l);font-weight:700;line-height:1.15;color:var(--brand-ink)}
.top__text{font-size:1.6rem;color:var(--brand-body)}
.cats{list-style:none;padding:0;display:grid;grid-template-columns:var(--grid-3);gap:var(--space-l)}
.cats a{display:flex;flex-direction:column;gap:var(--space-s);text-decoration:none}
.cats img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-xs)}
.cats__title{font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-xl);color:var(--brand-ink)}
.cats__text{font-size:1.6rem;color:var(--brand-body)}
.pdf{display:grid;grid-template-columns:minmax(0,24rem) minmax(0,52rem);gap:var(--space-2xl);align-items:center;justify-content:center}
.pdf img{width:100%;box-shadow:var(--shadow-m)}
.pdf__body{display:flex;flex-direction:column;gap:var(--space-m);align-items:flex-start}

/* ---------- parteneri ---------- */
.partners{list-style:none;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--brand-neutral-200)}
.partners li{display:flex;flex-direction:column;gap:var(--space-3xs);padding-block:var(--space-m);border-bottom:1px solid var(--brand-neutral-200)}

/* ---------- subsolul B · Ink ---------- */
.foot{background:var(--brand-ink);color:var(--brand-primary-100);padding-block:var(--space-3xl) var(--space-l)}
.foot a{color:var(--brand-primary-100);text-decoration:none}
.foot a:hover{color:var(--brand-white);text-decoration:underline}
.foot>.container{display:flex;flex-direction:column;gap:var(--space-xl)}
.foot__top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-2xl);align-items:start}
.foot__brand{display:flex;align-items:center;gap:var(--space-m)}
.foot__brand img{height:9.6rem;width:auto}
.foot__name{font-family:"Gowun Batang",Georgia,serif;font-size:var(--text-4xl);line-height:1;color:var(--brand-white)}
.foot__tag{margin-top:var(--space-2xs);font-size:1.6rem;color:var(--brand-primary-200)}
.foot__col{display:flex;flex-direction:column;gap:var(--space-s)}
.foot__title{font-size:1.6rem;font-weight:600;color:var(--brand-primary-300)}
.foot__col ul{list-style:none;padding:0;display:flex;flex-direction:column}
.foot__col a{display:inline-flex;align-items:center;min-height:3.2rem;font-size:1.6rem}
.foot__logos{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-l);padding:var(--space-s) var(--space-l);border-radius:var(--radius-m);background:var(--brand-white);color:var(--brand-neutral-500);font-size:var(--text-s)}
.foot__logos img{height:4.8rem;width:auto}
.foot__logos strong{font-weight:600}
.foot__sub{display:flex;justify-content:space-between;gap:var(--space-m);padding-top:var(--space-m);border-top:1px solid rgba(255,255,255,.15);font-size:var(--text-s);color:var(--brand-primary-200)}
.foot__sub a{color:var(--brand-white);text-decoration:underline}

/* ---------- 991px ---------- */
@media (max-width:991px){
  .nav>.btn{display:none}
  .menu__extra .btn--primary{display:inline-flex}
  .jurnal{grid-template-columns:minmax(0,1fr) minmax(0,26rem);column-gap:var(--space-l)}
  .jurnal>*{grid-column:1}
  .jurnal__left{grid-column:1/3;grid-row:auto}
  .jurnal__left-in{position:static;flex-direction:row;flex-wrap:wrap;align-items:flex-start;text-align:left}
  .figs{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:var(--space-m) var(--space-l)}
  .toc{display:none}
  .jurnal__wide,.jurnal__full{grid-column:1/3}
  .blk{grid-column:1/3}
  .split,.route{grid-template-columns:var(--grid-1);row-gap:var(--space-l)}
  .split__media img{min-height:0;aspect-ratio:4/3}
  .route__map{position:static}
  .gallery{grid-template-columns:var(--grid-2)}
  .gallery--3{grid-template-columns:var(--grid-2)}
  .cuprins{grid-template-columns:var(--grid-1)}
  .related__list{grid-template-columns:var(--grid-1);gap:var(--space-s)}
  .year{grid-template-columns:minmax(0,12rem) minmax(0,1fr);column-gap:var(--space-l)}
  .year__num{justify-self:start}
  .blocks{grid-template-columns:var(--grid-1)}
  .top{grid-template-columns:var(--grid-2)}
  .blocks--4{grid-template-columns:var(--grid-2)}
  .cats{grid-template-columns:var(--grid-1)}
  .legend{grid-template-columns:var(--grid-2)}
  .foot__top{grid-template-columns:var(--grid-2);row-gap:var(--space-xl)}
  .foot__brand{grid-column:1/3}
}

/* ---------- 767px ---------- */
@media (max-width:767px){
  .header>.container{gap:var(--space-xs)}
  .lockup{gap:var(--space-xs)}
  .nav{gap:var(--space-xs)}
  .lang,.nav>.menu>summary.btn{padding:0 var(--space-2xs)}
  .home-hero__head{grid-template-columns:minmax(0,1fr);gap:var(--space-s);padding:var(--space-l) var(--space-m) var(--space-m)}
  .home-hero__actions{display:flex;flex-direction:column;align-items:stretch}
  .home-hero__art{grid-template-columns:minmax(0,1fr);height:auto}
  .home-hero__panel{min-height:16rem}
  .home-hero__label{font-size:var(--text-m)}
  .home-hero__note{display:none}
  .home-hero__map text{font-size:30px}
  .bar .container{min-height:4.4rem}
  .bar a{min-height:4.4rem}
  .header>.container{min-height:8.2rem}
  .lockup img{height:4.8rem}
  .lockup__name{font-size:var(--text-xl)}
  .title{font-size:var(--text-3xl)}
  .crumbs a{min-height:4.4rem}
  .cuprins__title,.legend a,.stop .h4 a,.fact__value a,.year__link{display:inline-flex;align-items:center;min-height:4.4rem}
  .jurnal{grid-template-columns:var(--grid-1)}
  .jurnal>*,.jurnal__left,.jurnal__wide,.jurnal__full,.blk{grid-column:1}
  .blk{grid-template-columns:var(--grid-1);row-gap:var(--space-m)}
  .blk__note{grid-column:1;max-width:none}
  .blk__note .portrait{max-width:none;display:grid;grid-template-columns:7.2rem minmax(0,1fr);align-items:center;gap:var(--space-s)}
  .photo--wide{aspect-ratio:4/3}
  .facts,.facts--3{grid-template-columns:var(--grid-1);padding:var(--space-m)}
  .blocks--4{grid-template-columns:var(--grid-1)}
  .year{grid-template-columns:var(--grid-1);row-gap:var(--space-2xs)}
  .year__era{grid-column:1}
  .cuprins__img{width:9.6rem}
  .stop{flex-wrap:wrap}
  .stop__img{width:100%;aspect-ratio:16/9}
  .legend{grid-template-columns:var(--grid-1)}
  .top{grid-template-columns:var(--grid-1)}
  .pdf{grid-template-columns:var(--grid-1);justify-items:center}
  .pdf img{max-width:24rem}
  .foot__brand img{height:6.4rem}
  .foot__name{font-size:var(--text-3xl)}
  .foot__col a{min-height:4.4rem}
  .foot__sub{flex-direction:column}
  .frame{aspect-ratio:3/4}
  .lightbox__prev,.lightbox__next{top:auto;bottom:var(--space-m);transform:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  @view-transition{navigation:none}
  *,*::before,*::after{animation:none!important;transition:none!important}
  a:hover .zoom img,.cuprins__item:hover .zoom img{transform:none}
}