/* ==========================================================================
   VORBRAUT 14 — KAFLARNIR
   Ljóst ritstjórnarútlit fyrir undirsíðurnar sjö: risatitill, mjó lóðrétt
   myndsneið í opnunni, texti með stikkorðadálki, heilbreitt myndsnið.
   Texti liggur ALDREI ofan á mynd.
   Stendur ALGERLEGA utan .story (sem hefur overflow:hidden).
   ========================================================================== */

body.is-chapter{background:var(--stone);color:#262522}
body.is-chapter .nav__logo,
body.is-chapter .nav__links a,
body.is-chapter .nav__right .nav__link,
body.is-chapter .lang{color:#262522}

.chap{
  --u:clamp(13px,1.15vw,19px);
  --gut:clamp(18px,5vw,68px);
  /* Yfirborð kaflasíðanna. Voru hvít/rjómahvít ofan á hvítum grunni; núna
     ofan á --stone, svo þau eru færð í sömu fjölskyldu. Annars sat hvítur
     lesflötur ofan á steingráum líkama og síðan leit út fyrir að vera hvít. */
  --paper:var(--stone);      /* lesflöturinn sjálfur */
  --wash:var(--stone-2);     /* aðgreindar rendur: kort, bílskúrskafli */
  --wash2:var(--stone);      /* bakgrunnur á bak við myndir meðan þær hlaðast */
  --hair:#D8D5D1;
  --hair2:#E1DEDA;
  --ink:#262522;
  --dim:#6b665f;
  --faint:#a09a92;
  --acc:#aa8765;
  --stone-ink:#857F78;      /* steingrár upphafsstafur — tónn steypunnar
                               af tölvumyndum ARG. 3,3:1 á --stone, þ.e.
                               yfir mörkum fyrir stórt letur (tan var 2,7:1). */
  --ez:cubic-bezier(.22,.61,.36,1);
  position:relative;
  background:var(--paper);
  font-family:'DM Sans',system-ui,sans-serif;
}
.chap__wrap{max-width:1500px;margin:0 auto;padding:0 var(--gut)}

/* ============================== OPNAN ==================================== */
.chap__open{
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  column-gap:clamp(26px,4vw,72px);align-items:end;
  min-height:min(76svh,700px);
  padding-top:clamp(120px,17vh,190px);padding-bottom:clamp(34px,5vh,62px);
}
.chap__head{min-width:0}
.chap__kick{
  display:flex;align-items:center;gap:.85rem;margin:0 0 clamp(16px,2.4vh,26px);
  font:600 .66rem/1 'DM Sans',sans-serif;letter-spacing:.26em;text-transform:uppercase;color:var(--stone-label);
}
.chap__kick::before{
  content:"";width:30px;height:1px;background:var(--stone-label);flex:none;
  transform:scaleX(0);transform-origin:left;animation:chapLine .7s .15s var(--ez) forwards;
}
@keyframes chapLine{to{transform:scaleX(1)}}

.chap__title{
  font-family:'Zilla Slab',Georgia,serif;font-weight:600;
  font-size:clamp(2.9rem,8.2vw,6.6rem);line-height:.93;letter-spacing:-.03em;
  color:var(--ink);margin:0 0 clamp(20px,3vh,34px);margin-left:-.045em;
  max-width:12ch;text-wrap:balance;
  animation:chapReveal .9s .1s var(--ez) both;
}
@keyframes chapReveal{
  from{clip-path:inset(0 0 105% 0);opacity:0}
  to{clip-path:inset(0 0 -5% 0);opacity:1}
}
.chap__rule{height:1px;background:var(--hair);margin:0 0 clamp(18px,2.6vh,28px);max-width:520px}
.chap__pull{
  font-family:'Zilla Slab',Georgia,serif;font-weight:600;font-style:italic;
  font-size:clamp(1.2rem,2.1vw,1.72rem);line-height:1.34;color:var(--stone-label);
  margin:0 0 clamp(22px,3.4vh,40px);max-width:27ch;
}
.chap__pull::before{content:none}   /* græna slaufan úr styles.css slökkt */
.chap__lvl{
  margin:0;font:500 .6rem/1.5 'DM Sans',sans-serif;letter-spacing:.2em;
  text-transform:uppercase;color:var(--faint);
}
/* CMS getur skilað tómum reit — þá á ekkert bil að myndast */
.chap__pull:empty,.chap__lvl:empty,.chap__rule:empty+.chap__pull:empty{display:none}
.chap__slice figcaption:has(span:empty) b,.chap__plate figcaption:has(span:empty) b{opacity:0}

/* SNEIÐIN — mjó lóðrétt súla úr 16:9 mynd */
.chap__slice{margin:0;min-width:0}
.chap__slice .cut{aspect-ratio:3/4;max-height:min(62svh,620px)}
.chap__slice figcaption,.chap__plate figcaption{
  display:flex;gap:.7rem;margin-top:.75rem;
  font:400 .76rem/1.5 'DM Sans',sans-serif;color:var(--dim);
}
/* tölvumynd-merki — heiðarleg aðgreining frá ljósmyndum */
.chap__slice figcaption em,.chap__plate figcaption em{
  flex:none;order:3;margin-left:auto;font-style:normal;
  font:600 .56rem/1.9 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;
  color:var(--faint);border:1px solid var(--hair);border-radius:2px;padding:0 .5rem;
  align-self:center;white-space:nowrap;
}
@media (max-width:560px){
  .chap__slice figcaption em,.chap__plate figcaption em{order:0;margin-left:0}
}
.chap__slice figcaption b,.chap__plate figcaption b{
  flex:none;font:600 .6rem/1.9 'DM Sans',sans-serif;letter-spacing:.18em;
  text-transform:uppercase;color:var(--stone-label);
}

/* skurðarstýring — --zoom/--tx/--ty stillt á hverja mynd */
.cut{
  display:block;position:relative;overflow:hidden;background:var(--wash2);
  box-shadow:inset 0 0 0 1px var(--hair);
}
.cut img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(var(--zoom,1)) translate(var(--tx,0),var(--ty,0));
}

/* ======================= MEGINMÁL + STIKKORÐADÁLKUR ====================== */
.chap__read{
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);
  column-gap:clamp(30px,4.5vw,90px);align-items:start;
  margin-left:clamp(0px,7vw,180px);
  padding:clamp(38px,6vh,74px) 0 clamp(30px,5vh,58px);
  border-top:1px solid var(--hair);
}
/* Þegar hvorki ledger-listi né hönnuðarkort fylgir stæði 3fr-dálkurinn auður —
   lesmálið tekur þá alla breiddina. 58ch-þakið á .chap__body heldur
   línulengdinni í skefjum. */
.chap__read:not(:has(.chap__ledger)):not(:has(.story__arch)){grid-template-columns:minmax(0,1fr)}
/* Hönnuðarkortið á Arkitektúr skipar hliðardálkinn sem listinn fyllir annars
   staðar. Dálkurinn er þröngur, svo myndin fer upp fyrir nafnið í stað þess
   að standa við hlið þess. */
.chap__read .story__arch{flex-direction:column;align-items:flex-start;gap:.9rem;margin-top:0}
.chap__body{max-width:58ch;margin:0;padding:0}
.chap__body p{
  position:relative;margin:0;
  font-size:clamp(1.04rem,1.15vw,1.15rem);line-height:1.78;color:#3a3733;
  hyphens:auto;
}
.chap__body p+p{margin-top:1.25rem}

/* eina málsgrein → upphafsstafur */
.chap__body:not(:has(p+p)) p:first-child::first-letter{
  float:left;font-family:'Zilla Slab',Georgia,serif;font-weight:700;
  font-size:3.5em;line-height:.78;margin:.05em .12em 0 0;color:var(--stone-ink);
}
/* margar málsgreinar → tölusettar spássíutölur */
.chap__body:has(p+p){counter-reset:beat}
.chap__body:has(p+p) p::before{
  content:counter(beat,decimal-leading-zero);counter-increment:beat;
  position:absolute;left:-3.6rem;top:.5em;
  font:500 .62rem/1 'DM Sans',sans-serif;letter-spacing:.14em;color:var(--faint);
  font-variant-numeric:tabular-nums;
}

/* ============================== SNIÐIÐ =================================== */
/* beint barn .chap — fyllir því sjálfkrafa breiddina utan hæðarásarinnar
   (engin 100vw-brella, svo lóðrétt skrunstika býr ekki til lárétt yfirflæði) */
.chap__plate{
  margin:0;position:relative;
  border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);
}
.chap__plate .cut{aspect-ratio:21/9;max-height:min(62vh,620px);box-shadow:none}
/* myndbandsplata — sama form og myndaplatan, dekkri grunnur meðan hleðst */
.chap__film{width:100%;height:100%;object-fit:cover;display:block;background:var(--wash2)}
.chap__plate--film .cut{background:var(--wash2)}
/* MYNDBANDSSNEIÐ.
   Dróna-klippurnar eru 1280x720 (16:9). Ramminn var 4/5 (lóðréttur) með
   object-fit:cover, sem klippti 55% af BREIDDINNI burt — myndbandið sást
   varla. Ramminn fylgir nú hlutfalli klippunnar, svo ekkert er klippt. */
.chap__slice--film .cut{aspect-ratio:16/9;max-height:none;background:var(--wash2)}
/* og myndbandið fær meira pláss í opnunni en kyrrmynd myndi fá.
   ATH: verður að vera INNI í min-width — sérhæfni :has() (0,2,0) slær út
   sím-regluna .chap__open{grid-template-columns:1fr} (0,1,0) annars, og þá
   situr opnan í tveimur dálkum á síma með 192 px breitt myndband. */
@media (min-width:901px){
  .chap__open:has(.chap__slice--film){grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr)}
}
/* teikningarsneið — öll teikningin sýnd á pappírstóni, ekkert klippt */
/* Uppdrátturinn af framhliðinni er tæp 2:1. Í 4:3 ramma hefði hann rekið sig
   í loft og gólf úr tómu plássi og húsið orðið pínulítið — ramminn fylgir
   myndinni í staðinn. contain heldur öllu húsinu inni, ekkert klippt af endum. */
.chap__slice--draw .cut{aspect-ratio:2/1;background:var(--stone-2);box-shadow:inset 0 0 0 1px var(--hair)}
.chap__slice--draw .cut img{object-fit:contain}

/* TVEIR REITIR HLIÐ VIÐ HLIÐ — sama breidd og meginmálið */
.chap__pair{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(14px,1.6vw,26px);
  max-width:1500px;margin:0 auto;
  padding:clamp(30px,5vh,58px) var(--gut) 0;
}
.chap__pair figure{margin:0;min-width:0}
.chap__pair .cut{aspect-ratio:16/10}
.chap__pair figcaption{
  display:flex;gap:.7rem;margin-top:.7rem;
  font:400 .76rem/1.5 'DM Sans',sans-serif;color:var(--dim);
}
.chap__pair figcaption b{
  flex:none;font:600 .6rem/1.9 'DM Sans',sans-serif;letter-spacing:.18em;
  text-transform:uppercase;color:var(--stone-label);
}
@media (max-width:720px){
  .chap__pair{grid-template-columns:1fr;gap:clamp(20px,4vw,30px)}
}
.chap__plate figcaption{padding:.8rem var(--gut) 0;max-width:820px}

/* lítil plata — fyrir kafla sem ber ekki heilbreiða mynd */
.chap[data-plate="small"] .chap__plate{
  width:auto;margin-left:auto;margin-right:auto;max-width:620px;
  border:1px solid var(--hair);background:var(--wash);
  padding:clamp(28px,4.5vh,54px) clamp(24px,4vw,54px);
}
.chap[data-plate="small"] .chap__plate .cut{aspect-ratio:16/9;box-shadow:inset 0 0 0 1px var(--hair)}
.chap[data-plate="small"] .chap__plate figcaption{padding:.8rem 0 0}

/* ------------------------- stikkorð í hliðardálki ----------------------- */
.chap__ledger{
  list-style:none;margin:0;padding:0;counter-reset:led;
  border-top:1px solid var(--hair2);
}
.chap__ledger li{
  display:flex;gap:.9rem;align-items:baseline;
  padding:.72rem 0;border-bottom:1px solid var(--hair2);
  font:500 .93rem/1.35 'DM Sans',sans-serif;color:var(--ink);
}
.chap__ledger li::before{
  content:counter(led,decimal-leading-zero);counter-increment:led;flex:none;
  font:600 .58rem/1.6 'DM Sans',sans-serif;letter-spacing:.16em;color:var(--stone-label);
  font-variant-numeric:tabular-nums;
}


/* ============================== BLAÐFÆTUR ================================ */
.chap .chap__pager{
  display:flex;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;
  margin:clamp(34px,5vh,62px) 0 clamp(48px,7vh,92px);padding-top:1.35rem;
  border-top:1px solid var(--hair);
}
.chap__pager a{
  display:inline-flex;flex-direction:column;gap:.4rem;text-decoration:none;
  transition:transform .3s var(--ez);
}
.chap__pager a.is-next{align-items:flex-end;text-align:right}
.chap__pager small{
  font:600 .6rem/1 'DM Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--stone-label);
}
.chap__pager b{
  font-family:'Zilla Slab',Georgia,serif;font-weight:600;font-size:clamp(1rem,1.5vw,1.22rem);
  letter-spacing:-.01em;color:var(--ink);
}
.chap__pager a:hover{transform:translateY(-2px)}
.chap__pager a.is-prev:hover{transform:translateX(-3px)}
.chap__pager a.is-next:hover{transform:translateX(3px)}

/* =============================== SÍMI ==================================== */
@media (max-width:900px){
  .chap__open{
    grid-template-columns:1fr;row-gap:clamp(26px,4vh,40px);
    min-height:0;padding-top:clamp(104px,15vh,150px);align-items:start;
  }
  .chap__slice .cut{aspect-ratio:4/3;max-height:none}
  .chap__slice--film .cut{aspect-ratio:16/9}   /* myndbandið er 16:9 — ekkert klipp */
  .chap__read{grid-template-columns:1fr;row-gap:clamp(26px,4vh,42px);margin-left:0}
  .chap__body{max-width:none}
  .chap__body:has(p+p) p::before{position:static;display:block;margin-bottom:.35rem}
}
@media (max-width:560px){
  .chap__ledger{grid-template-columns:1fr}
  .chap__ledger li:first-child{border-top:0}
  .chap__plate .cut{aspect-ratio:4/3}
}

/* ============================= INNKOMA =================================== */
.js-chap .chap__plate,.js-chap .chap__ledger{
  opacity:0;transform:translateY(16px);
  transition:opacity .8s var(--ez),transform .8s var(--ez);
}
.js-chap .chap__plate.is-open,.js-chap .chap__ledger.is-open{
  opacity:1;transform:none}
.js-chap .chap__plate .cut img{
  transform:scale(calc(var(--zoom,1) * 1.06)) translate(var(--tx,0),var(--ty,0));
  transition:transform 1.4s var(--ez)}
.js-chap .chap__plate.is-open .cut img{transform:scale(var(--zoom,1)) translate(var(--tx,0),var(--ty,0))}

@media (prefers-reduced-motion:reduce){
  .chap__title,.chap__kick::before{animation:none}
  .chap__pager a:hover{transform:none}
  .js-chap .chap__plate,.js-chap .chap__ledger{
    opacity:1;transform:none;transition:none}
  .js-chap .chap__plate .cut img,.js-chap .chap__plate.is-open .cut img{
    transform:scale(var(--zoom,1)) translate(var(--tx,0),var(--ty,0));transition:none}
}

/* ==========================================================================
   ÞJÓNUSTUKORT — Hnoðraholt í 1,5 km radíus (Hverfið)
   SVG-kortið er teiknað úr OpenStreetMap-gögnum, ekki flísaþjónustu:
   engin utanaðkomandi köll, engar smákökur, sömu litir og síðan.
   ========================================================================== */
.kort{background:var(--wash);border-top:1px solid var(--hair);
  padding:clamp(46px,7vh,96px) 0 clamp(46px,7vh,92px)}
.kort__wrap{max-width:1500px;margin:0 auto;padding:0 var(--gut)}
.kort__haus{margin:0 0 clamp(26px,4vh,44px);max-width:52ch}
.kort__kick{display:flex;align-items:center;gap:.85rem;margin:0 0 .85rem;
  font:600 .66rem/1 'DM Sans',sans-serif;letter-spacing:.26em;text-transform:uppercase;color:var(--stone-label)}
.kort__kick::before{content:"";width:30px;height:1px;background:var(--stone-label);flex:none}
.kort__h{font-family:'Zilla Slab',Georgia,serif;font-weight:600;
  font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.02;letter-spacing:-.025em;
  color:var(--ink);margin:0 0 .7rem}
.kort__sub{margin:0;font-size:.95rem;line-height:1.6;color:var(--dim)}
/* Leyfisskylda tilvísunin — hógvær, neðst, ekki hluti af inngangstextanum. */
/* Kortagögnin eru undir ODbL, sem KREFST þess að upprunans sé getið — textinn
   má því ekki hverfa. Hann er hins vegar smækkaður og daufur og hægra megin,
   svo hann trufli ekki lesturinn. */
.kort__credit{margin:clamp(8px,1.2vh,14px) 0 0;font-size:.56rem;letter-spacing:.01em;
  color:var(--dim);opacity:.34;text-align:right;user-select:none}

/* kortið og skráin hlið við hlið; skráin í tveimur dálkum svo hæðin passi */
.kort__grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);
  gap:clamp(24px,3vw,52px);align-items:start}
.kort__mynd{margin:0;background:var(--stone);border:1px solid var(--hair);overflow:hidden}
.kort__svg{display:block;width:100%;height:auto}

/* kortamerkin — mýkri litir og rúnnuð form */
.kort__m{cursor:default;transition:opacity .18s var(--ez)}
.kort__m circle{fill:#8C8175;
  transition:fill .18s var(--ez),transform .18s var(--ez),stroke-width .18s var(--ez)}
.kort__m[data-f="skoli"]     circle{fill:#5B7B99}
.kort__m[data-f="utivist"]   circle{fill:#7F9469}
.kort__m[data-f="matur"]     circle{fill:#BE7150}
.kort__m[data-f="verslun"]   circle{fill:#9A8C7B}
.kort__m[data-f="thjonusta"] circle{fill:#71695F}
.kort__m text{fill:#fff;font:600 20px 'DM Sans',sans-serif;text-anchor:middle;
  font-variant-numeric:tabular-nums;pointer-events:none}
.kort__leggur{stroke:#BEB4A6;stroke-width:1.4}
.kort__heim circle{fill:var(--acc)}
.kort__heim circle.kort__heimkjarni{fill:#fff}
.kort__heim text{fill:var(--ink);font:700 21px 'DM Sans',sans-serif;text-anchor:middle;
  letter-spacing:.14em;paint-order:stroke;stroke:#fff;stroke-width:5}

/* hringirnir: heilir, brúnir og áberandi */
.kort__hringur{fill:none;stroke:var(--acc);stroke-width:3;opacity:.85}
.kort__hringmerki rect{fill:var(--acc);stroke:none}
.kort__hringmerki text{fill:#fff;font:700 21px 'DM Sans',sans-serif;letter-spacing:.08em;
  text-anchor:middle;font-variant-numeric:tabular-nums}

/* Upplýst þegar bent er á í skránni. Áður stækkaði punkturinn úr 19 í 23 og
   skipti um lit — það sást varla innan um 24 aðra. Núna stækkar hann verulega,
   fær hvítan hring utan um sig og hinir dofna, svo augað finni hann strax. */
/* ATH: CSS-eiginleikinn `r` er EKKI virtur hér (jafnvel inline style.r skilaði
   sér ekki — punkturinn heldur r-eigindinu, 19). Stækkunin er því gerð með
   transform, sem virkar alls staðar og er auk þess samsett (engin endurmótun).
   Hringurinn situr í (0,0) — translate er á <g> — svo hann stækkar um miðju. */
.kort__m circle,.kort__m text,.kort__heim circle,.kort__heim text,
.kort__hringmerki rect,.kort__hringmerki text{transform-box:fill-box;transform-origin:center}
.kort__m.is-on circle{fill:var(--acc);stroke:#fff;stroke-width:5px;paint-order:stroke;
  transform:scale(1.62)}
.kort__m.is-on text{fill:#fff;font-size:26px;transform:translateY(2.5px)}
.kort__m.is-on{filter:drop-shadow(0 3px 10px rgba(38,37,34,.45))}
.kort__mynd:has(.kort__m.is-on) .kort__m:not(.is-on){opacity:.28}
.kort__mynd:has(.kort__m.is-on) .kort__leggur{opacity:.4}

/* skráin */
.kort__skra{columns:2;column-gap:clamp(18px,2.2vw,36px);font-family:'DM Sans',sans-serif}
.kort__flokkur{break-inside:avoid;-webkit-column-break-inside:avoid}
.kort__flokkur+.kort__flokkur{margin-top:1.5rem}
.kort__flokkur h3{margin:0 0 .5rem;font-family:'Zilla Slab',Georgia,serif;font-weight:600;
  font-size:1.02rem;letter-spacing:-.01em;color:var(--ink)}
.kort__flokkur ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair2)}
.kort__flokkur li{display:flex;align-items:baseline;gap:.6rem;padding:.42rem 0;
  border-bottom:1px solid var(--hair2);font-size:.84rem;line-height:1.32;color:var(--ink)}
.kort__flokkur li i{flex:none;width:1.5rem;height:1.5rem;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;align-self:center;
  font:600 .62rem/1 'DM Sans',sans-serif;font-style:normal;color:#fff;
  font-variant-numeric:tabular-nums;background:#9A8C7B}
.kort__flokkur[data-f="skoli"]     li i{background:#5B7B99}
.kort__flokkur[data-f="utivist"]   li i{background:#7F9469}
.kort__flokkur[data-f="matur"]     li i{background:#BE7150}
.kort__flokkur[data-f="verslun"]   li i{background:#9A8C7B}
.kort__flokkur[data-f="thjonusta"] li i{background:#71695F}
.kort__flokkur li span{flex:1 1 auto;min-width:0}
.kort__flokkur li b{flex:none;margin-left:auto;font:500 .71rem/1 'DM Sans',sans-serif;letter-spacing:.04em;
  color:var(--faint);font-variant-numeric:tabular-nums}
.kort__flokkur li.is-on{background:#fff;box-shadow:inset 2px 0 0 var(--acc)}
.kort__flokkur li.is-on b{color:var(--acc)}
.kort__flokkur li.is-on i{transform:scale(1.14)}
.kort__flokkur li i{transition:transform .18s var(--ez)}

@media (max-width:980px){
  .kort__grid{grid-template-columns:1fr;gap:clamp(22px,3.5vh,34px)}
  .kort__skra{columns:3;column-gap:clamp(18px,3vw,38px)}
  .kort__flokkur+.kort__flokkur{margin-top:1.3rem}
}
@media (max-width:760px){.kort__skra{columns:2}}
@media (max-width:520px){.kort__skra{columns:1}}
/* Sími: kortið skreppur annars svo mikið saman að tölurnar á merkjunum
   verða ólæsilegar (4 px). Það heldur læsilegri stærð og rúllar til hliðar. */
@media (max-width:760px){
  /* Kortið var neytt í 740 px breidd og rúllaði til hliðar — á 390 px skjá
     sást þá aðeins miðjan og það leit út fyrir að vera þysjað inn. Núna sést
     ALLT kortið. Á móti eru merkin stækkuð svo þau hverfi ekki við að minnka;
     þau eru stillt hóflega (1,5x) því landfræðileg staðsetning ræður þeim og
     of stór merki myndu skarast. Nöfnin eru hvort eð er í skránni við hliðina
     og snerting þar lýsir upp rétta punktinn. */
  .kort__mynd{overflow:hidden}
  .kort__svg{min-width:0;width:100%}
  .kort__m circle{transform:scale(1.5)}
  .kort__m text{font-size:30px;transform:translateY(4px)}
  .kort__m.is-on circle{transform:scale(2.2)}
  .kort__m.is-on text{font-size:38px;transform:translateY(6px)}
  .kort__heim circle{transform:scale(1.5)}
  .kort__heim text{font-size:30px;transform:translateY(-10px)}
  .kort__hringmerki rect{transform:scale(1.45)}
  .kort__hringmerki text{font-size:29px;transform:translateY(4px)}
  .kort__hringur{stroke-width:5}
  .kort__leggur{stroke-width:2.4}
}
@media (max-width:560px){
  .kort__skra{columns:1}
  .kort__flokkur li{font-size:.86rem}
}
.kort__swipe{display:none;margin:.7rem 0 0;font:500 .74rem/1.4 'DM Sans',sans-serif;
  letter-spacing:.04em;color:var(--faint);text-align:center}
/* .kort__swipe er ekki lengur sýnt — kortið rúllar ekki til hliðar. */

/* ==========================================================================
   HEILSKJÁS-OPNA — mynd eða myndband fyllir skjáinn, hvítur texti ofan á.
   Notað á Arkitektúr, Húsið, Aðgengi og Hverfið.
   ========================================================================== */
.chap--cover .chap__open{
  display:block;position:relative;min-height:100svh;
  padding:0;margin:0;
  /* Opnan er nú BEINT BARN .chap (ekki inni í .chap__wrap sem hefur
     max-width og padding), svo hún fyllir breiddina án 100vw-brellu — sú
     taldi lóðréttu skrunstikuna með og gaf 8 px lárétt yfirflæði. */
  width:100%;
  overflow:hidden;background:#262522;
}
.chap--cover .chap__cover{position:absolute;inset:0;z-index:0}
.chap--cover .chap__cover img,
.chap--cover .chap__cover video{width:100%;height:100%;object-fit:cover;display:block}
/* Miðbandið var nær tært (.12) og dugði á dökkum forsíðumyndum. Aðgengi er
   nú ljós húsgafl og fyrirsögnin situr einmitt þar — bandið þarf því meiri þyngd. */
.chap--cover .chap__cover::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(20,19,17,.44) 0%,rgba(20,19,17,.30) 42%,
             rgba(20,19,17,.48) 100%);
}
.chap--cover .chap__head{
  position:relative;z-index:1;min-height:100svh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:clamp(14px,2.4vh,26px);
  padding:clamp(90px,12vh,140px) clamp(20px,5vw,80px) clamp(50px,9vh,110px);
}
.chap--cover .chap__kick{margin:0;color:rgba(255,255,255,.9)}
.chap--cover .chap__kick::before{background:rgba(255,255,255,.7);animation:none;transform:none}
.chap--cover .chap__title{
  margin:0;max-width:none;color:#fff;font-style:normal;
  font-size:clamp(2.7rem,8.5vw,6.4rem);line-height:1.02;letter-spacing:.02em;
  text-shadow:0 2px 30px rgba(20,19,17,.3);animation:none;
}
.chap--cover .chap__rule{display:none}
.chap--cover .chap__pull{
  margin:0;max-width:34ch;color:rgba(255,255,255,.94);
  font-style:normal;font-size:clamp(1.05rem,1.7vw,1.42rem);
}
/* örin niður — segir að það sé meira fyrir neðan */
.chap--cover .chap__nidur{
  position:absolute;left:50%;bottom:clamp(22px,4vh,44px);transform:translateX(-50%);
  z-index:1;width:26px;height:26px;stroke:rgba(255,255,255,.8);stroke-width:1.4;fill:none;
  animation:chapNidur 2.4s ease-in-out infinite;
}
@keyframes chapNidur{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,7px)}}
@media (prefers-reduced-motion:reduce){.chap--cover .chap__nidur{animation:none}}

/* ====================== SAMANBURÐARSLEÐI (fyrir/eftir) ==================== */
.swipe{max-width:1500px;margin:0 auto;padding:clamp(30px,5vh,58px) var(--gut) 0}
.swipe__box{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--wash2);
  box-shadow:inset 0 0 0 1px var(--hair);--p:50%}
.swipe__box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* Áður var breidd klippunnar sjálf hreyfð (width:var(--p)) — það neyddi
   vafrann til að endurmóta og endurteikna í HVERJUM ramma, sem er hökktið.
   clip-path snertir hvorki umbrot né stærð myndarinnar; hún er aðeins klippt.
   Um leið fellur 100vw-hakkið brott, sem hafði kvarðað vinstri myndina rangt. */
.swipe__clip{position:absolute;inset:0;width:100%;
  clip-path:inset(0 calc(100% - var(--p)) 0 0);will-change:clip-path}
.swipe__clip img{width:100%;max-width:none}
/* myndin til hægri er klippt eftir stöðu sleðans; sú vinstri liggur undir */
/* Án merkinga veit enginn hvor helmingurinn er hvað. Þau sitja hvort í sínu
   horni svo handfangið gangi framhjá þeim án þess að rekast á. */
.swipe__merki{position:absolute;top:.9rem;z-index:2;pointer-events:none;
  font:600 .6rem/1 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;
  color:#fff;background:rgba(20,19,17,.52);border-radius:2px;padding:.42rem .62rem}
.swipe__merki--adur{left:.9rem}
.swipe__merki--eftir{right:.9rem}
.swipe figcaption{display:flex;gap:.7rem;margin:.75rem auto 0;max-width:1500px;
  padding:0 var(--gut);font:400 .76rem/1.5 'DM Sans',sans-serif;color:var(--dim)}
.swipe figcaption em{flex:none;order:3;margin-left:auto;font-style:normal;
  font:600 .56rem/1.9 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;
  color:var(--faint);border:1px solid var(--hair);border-radius:2px;padding:0 .5rem;
  align-self:center;white-space:nowrap}
.swipe figcaption b{flex:none;font:600 .6rem/1.9 'DM Sans',sans-serif;letter-spacing:.18em;
  text-transform:uppercase;color:var(--stone-label)}
@media (max-width:560px){.swipe figcaption em{order:0;margin-left:0}}
/* Handfangið er heil breidd og fært með transform — prósentan miðast þá við
   eigin breidd, sem er nákvæmlega breidd rammans. left: hefði kostað umbrot. */
.swipe__handfang{position:absolute;top:0;bottom:0;left:0;width:100%;
  transform:translateX(var(--p));will-change:transform;pointer-events:none;z-index:2}
.swipe__handfang::before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;
  background:#fff;box-shadow:0 0 0 1px rgba(38,37,34,.18)}
.swipe__handfang span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);
  width:44px;height:44px;border-radius:50%;background:#fff;
  box-shadow:0 4px 16px rgba(38,37,34,.28)}
.swipe__handfang span::before,.swipe__handfang span::after{
  content:"";position:absolute;top:50%;width:0;height:0;border:5px solid transparent}
.swipe__handfang span::before{left:9px;transform:translateY(-50%);border-right-color:#262522}
.swipe__handfang span::after{right:9px;transform:translateY(-50%);border-left-color:#262522}
.swipe__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;
  cursor:ew-resize;appearance:none;background:none}
.swipe__range::-webkit-slider-thumb{appearance:none;width:56px;height:100%}
.swipe__range::-moz-range-thumb{width:56px;height:100%;border:0;background:none}

/* framhaldskafli (útirými inni á Útsýni) */
.chap__read--framhald{border-top:1px solid var(--hair2)}
.chap__undirtitill{margin:0 0 clamp(14px,2vh,22px);
  font-family:'Zilla Slab',Georgia,serif;font-weight:600;
  font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.06;letter-spacing:-.02em;color:var(--ink)}
.chap__read--framhald .chap__body p::first-letter{float:none;font-size:inherit;
  font-family:inherit;font-weight:inherit;color:inherit;margin:0;line-height:inherit}


/* --- nafnamiði á kortinu -------------------------------------------------
   Birtist við smell/snertingu á doppu og segir hvað hún er. Á síma er engin
   sveimun, svo tölurnar einar sögðu ekkert nema maður leitaði þær uppi. */
.kort__midi{position:absolute;z-index:4;pointer-events:none;max-width:min(74%,300px);
  background:rgba(28,27,25,.94);color:#fff;border-radius:9px;padding:.5rem .65rem;
  font-family:'DM Sans',sans-serif;line-height:1.3;
  box-shadow:0 8px 24px rgba(28,27,25,.28);
  animation:kortMidiIn .16s var(--ez) both}
.kort__midi[hidden]{display:none}
.kort__midi b{display:block;font-weight:600;font-size:.82rem;letter-spacing:.01em}
.kort__midi small{display:block;margin-top:.15rem;font-size:.72rem;color:rgba(255,255,255,.66)}
/* örin bendir á doppuna; --odd er reiknað í chapter.js */
.kort__midi::after{content:"";position:absolute;left:var(--odd,50%);transform:translateX(-50%);
  top:100%;border:6px solid transparent;border-top-color:rgba(28,27,25,.94)}
.kort__midi--nedan::after{top:auto;bottom:100%;
  border-top-color:transparent;border-bottom-color:rgba(28,27,25,.94)}
@keyframes kortMidiIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media (max-width:760px){
  .kort__midi b{font-size:.78rem}
  .kort__midi small{font-size:.68rem}
}