/* Hallmark · shape: gallery wall with a framing counter · genre: editorial · theme: custom (by request: the user chose Gloucester Room as the base, then asked for a more premium, elegant gallery feel) · job: visit · idea: "every work is shown as the framed object it is, with its size and its size in the frame, because Listamenn are framers first and a gallery second" · vibe: "quiet white gallery, framer's measurements, Skúlagata"
 * paper: oklch(99.2% 0.002 80) · accent: oklch(48.5% 0.19 26), the red of the Listamenn mark · display: Jost 300, also the label face at 400 · body: Newsreader · hero: the title in light wide capitals on white, the salon wall of oak-framed works full bleed beneath it, uncovered · nav: wordmark left, today's hours over the links on the right · footer: light grey band with address, hours, contact and pages · imagery: photographs, the owner's own · signature: one master work shown large, then the work tiles, each a framed work on a pale well with both measurements under it
 * axes: light/geometric-sans/chromatic-red · posture: restrained · contrast: pass · fold: pass · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4 · weakest: P, a white gallery page is the expected answer; the argument is the double measurement on every work, one master work set large, and the framing counter given equal weight to the art */
/* Hallmark · hero-review: none, the hero was reviewed late inside the finish review · finish-review: subagent · 8 findings · 7 resolved 1 partial · gap: a frame size exists for 16 of 39 works, the rest wait for the owner */
/* Hallmark · waive 65 · --color-paper is a near-white ground with one red accent · Kristján chose Gloucester Room (white ground, one warm accent, wide light capitals) as the base on 10 Nov 2026 and asked for it to feel premium */
/* Hallmark · waive 77 · .sidu-haus page headers without a picture · inner pages open on a typographic title like the comp's; the works grid below is the mass */
/* Hallmark · waive 59 · .kafli--thettur under .sidu-haus · an inner page's typographic title sits close to the grid it introduces, as on the comp; sections below keep the full gap */
/* Hallmark · waive 24b · css/photoswipe.css · PhotoSwipe 5.4.4 stylesheet, only its colours were lifted into tokens */
/* Stílblað Listamanna í WordPress. Fyrsti hlutinn er stílblað sýnishornsins (site/css: tokens, base, listamenn) óbreytt;
   síðasti hlutinn, „WordPress“, lagar það að kubbunum. Sama skrá er notuð í ritlinum. */

/* ---------- tokens.css ---------- */
:root {
  --space-3xs: 2px; --space-2xs: 4px; --space-xs: 8px; --space-sm: 12px; --space-md: 16px; --space-lg: 24px; --space-xl: 40px; --space-2xl: 64px; --space-3xl: 96px; --space-4xl: 144px;
  --text-xs: 0.8125rem; --text-sm: 0.875rem; --text-md: 1rem; --text-lg: 1.25rem; --text-xl: 1.5625rem; --text-2xl: 1.953rem; --text-3xl: 2.441rem;
  --text-display-s: clamp(2.25rem, 4vw + 0.5rem, 3.75rem); --text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);
  --text-section: clamp(2rem, 2.5vw + 1rem, 3.5rem); --text-title: clamp(1.25rem, 0.75vw + 0.875rem, 1.625rem); --text-lead: clamp(1.125rem, 0.35vw + 1rem, 1.375rem);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --ease-in: cubic-bezier(0.7, 0, 0.84, 0); --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms; --dur-short: 220ms; --dur-long: 420ms;
  --color-error: oklch(52% 0.19 27); --color-success: oklch(50% 0.12 150);
  --container: 1320px; --gutter: 56px; --gap-columns: 48px; --gap-rows: 72px; --section-gap-s: 136px; --section-gap: 176px; --section-gap-l: 176px;
  --z-base: 1; --z-raised: 10; --z-dropdown: 100; --z-sticky: 200; --z-sticky-nav: 300; --z-modal: 400; --z-toast: 500; --z-tooltip: 600;
  --color-paper: oklch(99.2% 0.002 80); --color-paper-2: oklch(96.4% 0.004 80); --color-paper-3: oklch(94.2% 0.004 80);
  --color-ink: oklch(17% 0.004 60); --color-ink-2: oklch(33% 0.004 60); --color-muted: oklch(46% 0.004 60);
  --color-on-photo: oklch(98.5% 0.004 60); --color-scrim: oklch(16% 0.01 40); --color-brand-grey: oklch(50% 0.006 260);
  --color-rule: oklch(89% 0.003 60); --color-rule-strong: oklch(58% 0.004 60);
  --color-accent: oklch(48.5% 0.19 26); --color-accent-ink: oklch(98.5% 0.01 26); --color-focus: oklch(50% 0.2 26);
  --font-display: "Jost", ui-sans-serif, system-ui, sans-serif; --font-body: "Newsreader", Georgia, serif; --font-ui: var(--font-display); --font-outlier: var(--font-display);
  --radius-card: 0px; --radius-pill: 999px; --rule-hair: 1px; --shadow-card: none;
  --tracking-display: -0.005em; --tracking-caps: 0.03em; --tracking-wordmark: 0.14em;
}

/* ---------- base.css ---------- */
*, *::before, *::after { box-sizing: border-box; }
html, body { overflow-x: clip; }
html { scrollbar-color: var(--color-muted) var(--color-paper); scroll-padding-top: var(--space-3xl); }
body { margin: 0; background: var(--color-paper); color: var(--color-ink); font-family: var(--font-body); font-size: 1.125rem; line-height: 1.6; -webkit-font-smoothing: antialiased; caret-color: var(--color-accent); }
::selection { background: color-mix(in oklab, var(--color-accent) 22%, transparent); color: var(--color-ink); }
:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.16em; }
h1, h2, h3 { margin: 0; font-family: var(--font-display); font-synthesis: none; overflow-wrap: break-word; min-width: 0; text-wrap: balance; }
p { margin: 0; text-wrap: pretty; }
p:not([class]) { max-width: 65ch; }
img, video { max-width: 100%; height: auto; display: block; }
svg { display: block; }
[hidden] { display: none !important; }
button, input, select, textarea { font: inherit; }
.container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: var(--gutter); box-sizing: border-box; }
.num, .figure, td.num { font-variant-numeric: tabular-nums; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-slot] { position: relative; overflow: hidden; background: linear-gradient(160deg, var(--color-paper-2, var(--color-paper)), var(--color-paper-3, var(--color-paper))); }
[data-slot] > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
[data-slot]:has(> img) > :not(img):not([data-keep]) { display: none !important; }
@media (max-width: 60rem) { :root { --gutter: 24px; --section-gap-s: 80px; --section-gap: 96px; --section-gap-l: 120px; } }
@media (max-width: 40rem) { :root { --gutter: 20px; --section-gap-s: 72px; --section-gap: 88px; --section-gap-l: 104px; --gap-columns: 20px; --gap-rows: 40px; } }
@media (prefers-reduced-motion: reduce) { *:not(.keep-motion), *:not(.keep-motion)::before, *:not(.keep-motion)::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }

/* ---------- listamenn.css ---------- */
@font-face { font-family: "Jost"; font-style: normal; font-weight: 300 500; font-display: swap; src: url("../fonts/jost-latin-wght-normal.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("../fonts/newsreader-latin-wght-normal.woff2") format("woff2"); }
@font-face { font-family: "Newsreader"; font-style: italic; font-weight: 200 800; font-display: swap; src: url("../fonts/newsreader-latin-wght-italic.woff2") format("woff2"); }

body { font-synthesis: none; font-size: 1.125rem; line-height: 1.6; }
a { text-decoration-color: var(--color-rule-strong); text-underline-offset: 0.22em; }
a:hover { text-decoration-color: var(--color-accent); }

.skip { position: absolute; left: var(--space-md); top: -100px; z-index: var(--z-modal); padding: var(--space-sm) var(--space-md); background: var(--color-ink); color: var(--color-paper); font-family: var(--font-ui); font-size: var(--text-sm); }
.skip:focus-visible { top: var(--space-md); }

/* Haus: merkið til vinstri, opnunartími dagsins og valmynd til hægri */
.haus { position: relative; z-index: var(--z-sticky-nav); background: var(--color-paper); border-bottom: var(--rule-hair) solid var(--color-rule); font-family: var(--font-ui); }
.haus__inni { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "merki haegri"; align-items: end; column-gap: var(--space-xl); padding-block: var(--space-xl) var(--space-lg); }
.merki { grid-area: merki; display: inline-block; width: fit-content; padding-block: var(--space-3xs); }
.merki img { height: 54px; width: auto; }
.haus__haegri { grid-area: haegri; display: grid; justify-items: end; gap: var(--space-sm); }
.haus__opid { font-size: var(--text-xs); color: var(--color-muted); }
.haus__opid a { text-decoration: none; }
.haus__opid a:hover { text-decoration: underline; }
.valmynd ul { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-2xs) var(--space-xl); margin: 0; padding: 0; list-style: none; }
.valmynd a { display: inline-block; padding-block: var(--space-2xs); font-size: 0.9375rem; color: var(--color-ink); text-decoration: none; border-bottom: 1px solid transparent; }
.valmynd a:hover { border-bottom-color: var(--color-rule-strong); }
.valmynd a[aria-current="page"] { border-bottom-color: var(--color-accent); }
.valmynd__hnappur { display: none; }
.takn { width: 22px; height: 22px; flex-shrink: 0; }

@media (max-width: 60rem) {
  .haus__inni { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "merki hnappur" "haegri haegri"; align-items: center; padding-block: var(--space-md); }
  .merki img { height: 40px; }
  .haus__inni { column-gap: var(--space-md); }
  .haus__haegri { justify-items: stretch; gap: 0; }
  .valmynd__hnappur { grid-area: hnappur; display: inline-flex; align-items: center; gap: var(--space-xs); min-height: 46px; padding: 0 var(--space-sm); border: var(--rule-hair) solid var(--color-rule-strong); background: var(--color-paper); color: var(--color-ink); font-family: var(--font-ui); font-size: var(--text-sm); cursor: pointer; }
  .valmynd__hnappur:hover { border-color: var(--color-ink); }
  .valmynd__hnappur .takn--loka, .valmynd__hnappur[aria-expanded="true"] .takn--opna { display: none; }
  .valmynd__hnappur[aria-expanded="true"] .takn--loka { display: block; }
  .valmynd { order: 1; margin-top: var(--space-md); }
  .valmynd ul { display: grid; justify-content: stretch; gap: 0; }
  .valmynd li + li { border-top: var(--rule-hair) solid var(--color-rule); }
  .valmynd a { display: block; padding-block: var(--space-md); font-size: var(--text-lg); border-bottom: 0; }
  .valmynd a[aria-current="page"] { color: var(--color-accent); }
  .haus__opid { order: 2; padding-block: var(--space-sm) var(--space-2xs); font-size: var(--text-sm); }
  .js .valmynd:not(.opin), .js .haus__opid:not(.opin) { display: none; }
}

/* Hnappar */
.hnappur { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: var(--space-sm) var(--space-lg); border: var(--rule-hair) solid var(--color-ink); background: transparent; color: var(--color-ink); font-family: var(--font-ui); font-weight: 400; font-size: var(--text-xs); letter-spacing: 0.02em; white-space: nowrap; text-decoration: none; cursor: pointer; transition: background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out); }
.hnappur:hover { background: var(--color-ink); color: var(--color-paper); }
.hnappur:active { transform: translateY(1px); }
.hnappur:disabled, .hnappur[aria-disabled="true"] { opacity: 0.45; cursor: not-allowed; }
.hnappur--hljodlatur { border-color: transparent; padding-inline: var(--space-2xs); text-decoration: underline; text-decoration-color: var(--color-rule-strong); text-underline-offset: 0.35em; }
.hnappur--hljodlatur:hover { background: transparent; color: var(--color-ink); text-decoration-color: var(--color-accent); }

/* Upphaf: titillinn á hvítu og myndin óhulin fyrir neðan */
.upphaf__texti { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--space-xl) var(--space-2xl); align-items: end; padding-block: var(--space-2xl) var(--space-xl); }
.upphaf__fyrirsogn { max-width: 14ch; font-weight: 300; font-size: clamp(1.9rem, 8.6vw + 0.2rem, 5.25rem); hyphens: manual; line-height: 1.02; letter-spacing: var(--tracking-caps); text-transform: uppercase; }
.upphaf__undir { display: grid; gap: var(--space-lg); justify-items: start; padding-bottom: var(--space-2xs); }
.upphaf__setning { font-size: var(--text-lead); line-height: 1.5; color: var(--color-ink-2); max-width: 34ch; }
.upphaf__adgerdir { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm) var(--space-lg); }
/* Myndin fyllir það sem eftir er af fyrsta skjánum, svo opnunin sést öll í einu */
.upphaf__mynd { display: block; width: 100%; height: clamp(320px, 100svh - 500px, 760px); object-fit: cover; object-position: 50% 42%; background: var(--color-paper-2); }
.upphaf--sida .upphaf__texti { grid-template-columns: minmax(0, 1fr); padding-block: var(--space-3xl) var(--space-xl); }
.upphaf--sida .upphaf__mynd { height: clamp(260px, 46svh, 520px); }
@media (max-width: 60rem) { .upphaf__texti { grid-template-columns: minmax(0, 1fr); padding-block: var(--space-2xl) var(--space-xl); } .upphaf__mynd { height: clamp(300px, 58svh, 640px); } }

/* Kaflar */
.kafli { padding-block: var(--section-gap-s); }
.kafli--thettur { padding-block: var(--space-xl) var(--section-gap-s); }
.kafli__haus { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-sm) var(--space-xl); margin-bottom: var(--space-2xl); }
.kafli__fyrirsogn { max-width: 22ch; font-weight: 300; font-size: clamp(2rem, 2vw + 1.25rem, 3.25rem); line-height: 1.08; letter-spacing: var(--tracking-display); color: var(--color-ink); }
.kafli__tengill { font-family: var(--font-ui); font-size: var(--text-sm); color: var(--color-ink); }
.inngangur { font-size: var(--text-lead); line-height: 1.55; color: var(--color-ink); max-width: 42ch; }
.einfaldur-listi { display: grid; gap: var(--space-sm); margin: 0; padding: 0; list-style: none; font-family: var(--font-ui); font-size: var(--text-sm); color: var(--color-ink-2); }
.einfaldur-listi li { display: flex; align-items: baseline; gap: var(--space-sm); }
.einfaldur-listi li::before { content: ""; flex-shrink: 0; width: 6px; height: 6px; background: var(--color-accent); transform: translateY(-0.1em); }

/* Aðalverk: eitt verk sýnt stórt */
.adalverk { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-2xl) var(--space-3xl); align-items: center; padding-block: var(--section-gap-s) 0; }
.adalverk__mynd { display: block; padding: 9%; background: var(--color-paper-2); }
.adalverk__mynd img { width: 100%; max-height: 76vh; object-fit: contain; mix-blend-mode: multiply; }
.adalverk__texti { display: grid; gap: var(--space-lg); justify-items: start; }
.adalverk__listamadur { font-weight: 300; font-size: clamp(2.125rem, 2.4vw + 1.2rem, 3.5rem); line-height: 1.05; letter-spacing: var(--tracking-display); }
.adalverk__listamadur a { color: inherit; text-decoration: none; }
.adalverk__listamadur a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: var(--color-accent); }
.adalverk__lysing { font-size: var(--text-lead); color: var(--color-ink-2); max-width: 32ch; }
.adalverk__staerd { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--space-2xs) var(--space-xl); margin: 0; font-family: var(--font-ui); font-size: var(--text-sm); }
.adalverk__staerd div { display: contents; }
.adalverk__staerd dt { color: var(--color-muted); }
.adalverk__staerd dd { margin: 0; font-variant-numeric: tabular-nums; }
.adalverk__verd { font-style: italic; color: var(--color-ink-2); }
@media (max-width: 60rem) { .adalverk { grid-template-columns: minmax(0, 1fr); } }

/* Verk: rammað verk á ljósum fleti, með stærð og stærð í ramma */
.verkalisti, .listamannalisti, .myndasafn { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-rows) var(--gap-columns); margin: 0; padding: 0; list-style: none; }
.verk, .listamadur { min-width: 0; }
.verk__tengill, .listamadur > a { display: block; color: var(--color-ink); text-decoration: none; }
.verk__flotur { display: block; aspect-ratio: 1; padding: 11%; background: var(--color-paper-2); overflow: hidden; transition: background-color var(--dur-short) var(--ease-out); }
.verk__flotur img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.verk__tengill:hover .verk__flotur, .listamadur > a:hover .verk__flotur, .myndasafn a.verk__flotur:hover { background: var(--color-paper-3); }
.verk__tengill:hover .verk__listamadur, .listamadur > a:hover .listamadur__nafn { text-decoration: underline; text-decoration-color: var(--color-accent); text-underline-offset: 0.25em; }
.verk__listamadur, .listamadur__nafn { margin-top: var(--space-lg); font-family: var(--font-ui); font-weight: 400; font-size: 0.9375rem; line-height: 1.4; letter-spacing: 0; }
.verk__titill { margin-top: var(--space-2xs); font-style: italic; font-size: 1.0625rem; color: var(--color-ink-2); line-height: 1.35; }
.verk__lysing, .verk__staerd, .listamadur__fjoldi { margin-top: var(--space-xs); font-family: var(--font-ui); font-size: var(--text-xs); line-height: 1.55; color: var(--color-muted); font-variant-numeric: tabular-nums; }
.verk__staerd { margin-top: 0; }
@media (max-width: 48rem) { .verkalisti, .listamannalisti, .myndasafn { grid-template-columns: repeat(2, minmax(0, 1fr)); } .verk__flotur { padding: 9%; } .verk__listamadur, .listamadur__nafn { margin-top: var(--space-md); } }

/* Innrömmun á forsíðu */
.innrommun-kafli { padding-block: var(--section-gap-s); padding-top: 0; }
.innrommun-kafli__inni { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--space-2xl) var(--space-3xl); align-items: center; padding-top: var(--section-gap-s); border-top: var(--rule-hair) solid var(--color-rule); }
.innrommun-kafli__texti { display: grid; gap: var(--space-lg); justify-items: start; }
.ramma-mynd { margin: 0; width: 100%; }
.ramma-mynd__flotur { display: block; padding: 10%; background: var(--color-paper-2); }
.band .ramma-mynd__flotur { background: var(--color-paper); }
.ramma-mynd__flotur img { width: 100%; max-height: 640px; object-fit: contain; mix-blend-mode: multiply; }
.ramma-mynd figcaption { margin-top: var(--space-sm); font-family: var(--font-ui); font-size: var(--text-xs); color: var(--color-ink-2); }
@media (max-width: 60rem) { .innrommun-kafli__inni { grid-template-columns: minmax(0, 1fr); } }

/* Nafnaskrá listamanna */
.nafnaskra { columns: 3; column-gap: var(--gap-columns); margin: 0; padding: 0; list-style: none; }
.nafnaskra li { break-inside: avoid; min-width: 0; }
.nafnaskra a { display: inline-flex; align-items: baseline; gap: var(--space-sm); padding-block: var(--space-xs); color: var(--color-ink); text-decoration: none; }
.nafnaskra__nafn { font-family: var(--font-display); font-weight: 300; font-size: clamp(1.25rem, 0.6vw + 1.05rem, 1.625rem); line-height: 1.25; }
.nafnaskra__fjoldi { font-family: var(--font-ui); font-size: var(--text-xs); color: var(--color-muted); font-variant-numeric: tabular-nums; }
.nafnaskra a:hover .nafnaskra__nafn { text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: var(--color-accent); text-underline-offset: 0.2em; }
@media (max-width: 60rem) { .nafnaskra { columns: 2; } }
@media (max-width: 34rem) { .nafnaskra a { padding-block: var(--space-sm); } .nafnaskra__nafn { font-size: 1.0625rem; } }

/* Umboðssala á forsíðu: á hvítu, mynd hægra megin svo myndirnar skiptast á hliðum */
.umbod { padding-bottom: var(--section-gap-s); }
.umbod__inni { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--space-2xl) var(--space-3xl); align-items: center; padding-top: var(--section-gap-s); border-top: var(--rule-hair) solid var(--color-rule); }
.umbod__texti { display: grid; gap: var(--space-lg); justify-items: start; }
.umbod__skref { counter-reset: umbod; display: grid; gap: var(--space-sm); margin: 0; padding: 0; list-style: none; font-family: var(--font-ui); font-size: var(--text-sm); color: var(--color-ink-2); }
.umbod__skref li { counter-increment: umbod; display: flex; align-items: baseline; gap: var(--space-md); }
.umbod__skref li::before { content: counter(umbod); min-width: 1.25em; font-family: var(--font-display); font-weight: 300; font-size: var(--text-lg); line-height: 1; color: var(--color-ink); font-variant-numeric: tabular-nums; }
.umbod__mynd .ramma-mynd__flotur { transition: background-color var(--dur-short) var(--ease-out); }
.umbod__mynd .ramma-mynd__flotur:hover { background: var(--color-paper-3); }
@media (max-width: 60rem) { .umbod__inni { grid-template-columns: minmax(0, 1fr); } }

/* Ljósgrár bandflötur */
.band { background: var(--color-paper-3); padding-block: var(--section-gap-s); }
.band__inni { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--space-xl) var(--space-3xl); align-items: start; }
.band__inni > div { display: grid; gap: var(--space-lg); justify-items: start; }
.band__smatt { font-family: var(--font-ui); font-size: var(--text-xs); line-height: 1.6; color: var(--color-ink-2); max-width: 44ch; }
.band .hnappur:hover { color: var(--color-paper-3); }
@media (max-width: 60rem) { .band__inni { grid-template-columns: minmax(0, 1fr); } }

/* Heimsókn og opnunartími */
.heimsokn { padding-top: var(--section-gap-s); border-top: var(--rule-hair) solid var(--color-rule); }
.heimsokn__fyrirsogn { margin-bottom: var(--space-2xl); }
.heimsokn__dalkar { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr); gap: var(--space-xl) var(--space-2xl); align-items: start; }
.heimsokn__dalkar > div { display: grid; gap: var(--space-md); }
.heimsokn__dalkar > div > p:not(.inngangur) { font-family: var(--font-ui); font-size: var(--text-sm); }
.heimsokn__samband { font-family: var(--font-ui); font-size: var(--text-md); line-height: 1.8; }
@media (max-width: 60rem) { .heimsokn__dalkar { grid-template-columns: minmax(0, 1fr); } }
.opnun { margin: 0; font-family: var(--font-ui); font-size: var(--text-sm); }
.opnun div { display: flex; justify-content: space-between; gap: var(--space-md); padding-block: var(--space-xs); border-top: var(--rule-hair) solid var(--color-rule); }
.opnun div:last-child { border-bottom: var(--rule-hair) solid var(--color-rule); }
.opnun dt { font-weight: 400; min-width: 0; }
.opnun dd { margin: 0; font-variant-numeric: tabular-nums; white-space: nowrap; }
.opnun--stor div { padding-block: var(--space-sm); }

/* Síðuhaus án myndar */
.sidu-haus { padding-block: var(--space-3xl) var(--space-lg); display: grid; gap: var(--space-md); justify-items: start; }
.sidu-haus__titill { max-width: 20ch; font-weight: 300; font-size: clamp(1.9rem, 7.6vw + 0.2rem, 4.5rem); hyphens: manual; line-height: 1.03; letter-spacing: var(--tracking-caps); text-transform: uppercase; }
.sidu-haus__inngangur { font-size: var(--text-lead); line-height: 1.5; max-width: 50ch; color: var(--color-ink-2); }
.braud { font-family: var(--font-ui); font-size: var(--text-xs); color: var(--color-muted); }
.braud a { color: var(--color-ink-2); }
.sia { margin-top: var(--space-lg); padding-top: var(--space-md); border-top: var(--rule-hair) solid var(--color-rule); width: 100%; font-family: var(--font-ui); }
.sia__haus { display: inline-flex; align-items: center; gap: var(--space-xs); min-height: 44px; font-family: var(--font-ui); font-weight: 400; font-size: var(--text-sm); cursor: pointer; list-style: none; }
.sia__haus::-webkit-details-marker { display: none; }
.sia__haus::after { content: ""; width: 0.45em; height: 0.45em; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: translateY(-0.15em) rotate(45deg); transition: transform var(--dur-short) var(--ease-out); }
.sia[open] .sia__haus::after { transform: translateY(0.1em) rotate(225deg); }
.sia[open] nav { padding-bottom: var(--space-sm); }
.sia ul { display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-lg); margin: 0; padding: 0; list-style: none; }
.sia a { color: var(--color-ink-2); font-size: var(--text-sm); }
.villa { padding-block: var(--section-gap-s); }
.spurn { display: grid; gap: var(--space-lg); justify-items: start; border-top: var(--rule-hair) solid var(--color-rule); padding-top: var(--space-2xl); }

/* Síða eins verks */
.verkasida { padding-block: var(--space-xl) var(--space-3xl); }
.verkasida + .kafli { padding-top: var(--space-3xl); border-top: var(--rule-hair) solid var(--color-rule); }
.verkasida__inni { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-xl) var(--space-3xl); margin-top: var(--space-lg); align-items: start; }
.verkasida__mynd { margin: 0; }
.verkasida__staekka { display: block; padding: 8%; background: var(--color-paper-2); cursor: zoom-in; }
.verkasida__staekka img { width: 100%; max-height: 72vh; object-fit: contain; mix-blend-mode: multiply; }
.verkasida__mynd figcaption { margin-top: var(--space-sm); font-family: var(--font-ui); font-size: var(--text-xs); color: var(--color-muted); }
.verkasida__texti { display: grid; gap: var(--space-lg); justify-items: start; position: sticky; top: var(--space-xl); padding-top: var(--space-md); }
.verkasida__titill { font-weight: 300; font-size: clamp(2.25rem, 2.6vw + 1.2rem, 3.5rem); line-height: 1.05; letter-spacing: var(--tracking-display); }
.verkasida__verkheiti { margin-top: calc(-1 * var(--space-sm)); font-style: italic; font-size: 1.375rem; color: var(--color-ink-2); }
.upplysingar { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--space-xs) var(--space-xl); margin: 0; width: 100%; padding-block: var(--space-lg); border-block: var(--rule-hair) solid var(--color-rule); font-family: var(--font-ui); font-size: var(--text-sm); }
.upplysingar div { display: contents; }
.upplysingar dt { color: var(--color-muted); }
.upplysingar dd { margin: 0; font-variant-numeric: tabular-nums; }
.verkasida__athugasemd { color: var(--color-ink-2); max-width: 42ch; }
.verkasida__verd { font-style: italic; font-size: var(--text-lead); }
.verkasida__adgerdir { display: flex; flex-wrap: wrap; gap: var(--space-sm) var(--space-md); align-items: center; }
.verkasida__salur { font-family: var(--font-ui); font-size: var(--text-xs); line-height: 1.6; color: var(--color-muted); max-width: 44ch; }
@media (max-width: 60rem) { .verkasida__inni { grid-template-columns: minmax(0, 1fr); } .verkasida__texti { position: static; padding-top: 0; } .verkasida__staekka img { max-height: 64vh; } }

/* Innrömmunarsíðan */
.innrommun-inngangur { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--space-xl) var(--space-3xl); }
.innrommun-inngangur__texti { display: grid; gap: var(--space-md); }
@media (max-width: 60rem) { .innrommun-inngangur { grid-template-columns: minmax(0, 1fr); } }

/* Umboðssala: skrefin */
.skref { counter-reset: skref; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-xl) var(--gap-columns); margin: var(--space-2xl) 0 0; padding: 0; list-style: none; }
.skref li { counter-increment: skref; display: grid; gap: var(--space-sm); align-content: start; padding-top: var(--space-lg); border-top: var(--rule-hair) solid var(--color-ink); }
.skref li::before { content: counter(skref); font-family: var(--font-display); font-weight: 300; font-size: 3.5rem; line-height: 1; color: var(--color-ink); }
.skref__heiti { font-family: var(--font-display); font-weight: 400; font-size: var(--text-md); line-height: 1.35; }
.skref p { color: var(--color-ink-2); }
@media (max-width: 48rem) { .skref { grid-template-columns: minmax(0, 1fr); } }
.vinnustofur { display: grid; gap: var(--space-lg); justify-items: start; }

/* Hafa samband */
.samband { display: grid; gap: var(--space-2xl); }
.samband__adal { display: grid; gap: var(--space-lg); justify-items: start; }
.samband__dalkar { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: var(--space-xl) var(--gap-columns); padding-top: var(--space-xl); border-top: var(--rule-hair) solid var(--color-rule); }
.samband__dalkar > div { display: grid; gap: var(--space-sm); align-content: start; min-width: 0; }
.samband__haus { font-family: var(--font-ui); font-weight: 400; font-size: var(--text-sm); color: var(--color-muted); }
.samband__stort { font-size: var(--text-lead); overflow-wrap: anywhere; }
@media (max-width: 64rem) { .samband__dalkar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 34rem) { .samband__dalkar { grid-template-columns: minmax(0, 1fr); } }

/* Form sem er ekki tengt enn */
.band__inni--form { align-items: start; }
.form { display: grid; gap: var(--space-lg); width: 100%; }
.form__rod { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-lg); }
.form__reitur { display: grid; gap: var(--space-2xs); }
.form label, .form__merki { font-family: var(--font-ui); font-weight: 400; font-size: var(--text-sm); }
.form__hjalp { font-family: var(--font-ui); font-size: var(--text-xs); color: var(--color-ink-2); }
.form input, .form textarea { width: 100%; min-width: 0; min-height: 50px; padding: var(--space-sm) var(--space-md); border: var(--rule-hair) solid var(--color-muted); border-radius: 0; background: var(--color-paper); color: var(--color-ink); font-family: var(--font-body); font-size: var(--text-md); outline: 2px solid transparent; outline-offset: 1px; transition: border-color var(--dur-micro) var(--ease-out); }
.form input:hover, .form textarea:hover { border-color: var(--color-ink-2); }
.form input:focus-visible, .form textarea:focus-visible { outline-color: var(--color-focus); border-color: var(--color-ink); }
.form [aria-invalid="true"] { border-color: var(--color-error); }
.form__skra-rod { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs) var(--space-md); }
.form__skra-takki { position: relative; display: inline-flex; }
.form .form__skra-inntak { position: absolute; inset: 0; z-index: var(--z-raised); width: 100%; height: 100%; min-height: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; }
.form__skra-inntak:hover + .hnappur--skra { background: var(--color-ink); color: var(--color-paper); }
.hnappur--skra { background: var(--color-paper); }
.form__skra-inntak:focus-visible + .hnappur--skra { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.form__skra-nafn { font-family: var(--font-ui); font-size: var(--text-xs); color: var(--color-ink-2); overflow-wrap: anywhere; min-width: 0; }
.form__svar { min-height: 1lh; font-family: var(--font-ui); font-size: var(--text-sm); color: var(--color-ink); }
@media (max-width: 34rem) { .form__rod { grid-template-columns: minmax(0, 1fr); } }

/* Snertisvæði í síma: allir tenglar minnst 44 px háir */
@media (max-width: 60rem) {
  .fotur ul { gap: 0; }
  .fotur ul a, .sia a, .kafli__tengill, .braud a, .fotur__dalkur > p > a { display: inline-block; padding-block: var(--space-sm); }
  .sia ul { gap: 0 var(--space-lg); }
  .sia a { min-width: 44px; }
}

/* Fótur */
.fotur { background: var(--color-paper-3); padding-block: var(--space-3xl) var(--space-xl); font-family: var(--font-ui); font-size: var(--text-xs); line-height: 1.7; }
.fotur__inni { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 3fr) minmax(0, 3fr) minmax(0, 2fr); gap: var(--space-xl) var(--gap-columns); }
.fotur__dalkur { display: grid; gap: var(--space-sm); align-content: start; min-width: 0; }
.fotur__nafn img { height: 46px; width: auto; }
.fotur__haus { font-family: var(--font-ui); font-weight: 400; font-size: var(--text-xs); color: var(--color-muted); }
.fotur__smatt { color: var(--color-ink-2); }
.fotur ul { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--space-2xs); }
.fotur a { color: var(--color-ink); }
.fotur .opnun { font-size: var(--text-xs); }
.fotur .opnun div { padding-block: var(--space-2xs); border-color: color-mix(in oklch, var(--color-ink) 12%, transparent); }
.fotur__sidast { margin-top: var(--space-2xl); padding-top: var(--space-lg); border-top: var(--rule-hair) solid color-mix(in oklch, var(--color-ink) 12%, transparent); color: var(--color-ink-2); font-size: var(--text-xs); }
@media (max-width: 64rem) { .fotur__inni { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 34rem) { .fotur__inni { grid-template-columns: minmax(0, 1fr); } }

/* ---------- WordPress ---------- */
/* Kubbarnir búa til örlítið annað HTML en sýnishornið: myndir eru <figure> utan um <img>, hnappar eru core/buttons og
   hópar eru <div class="wp-block-group">. Hér er sama útlit fært yfir á það. */

.wp-site-blocks > * + * { margin-block-start: 0; }
.wp-block-group { box-sizing: border-box; }
:where(.wp-block-image) { margin: 0; }
:where(.wp-block-heading) { margin: 0; }
main.efni { display: block; }

/* Hnappar: core/buttons fá sama útlit og .hnappur. Klasinn „hljodlatur“ á hnappi gefur hljóðláta útgáfuna */
.wp-block-buttons { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-sm) var(--space-lg); }
.wp-block-button__link, .fyrirspurn button[type="submit"] { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: var(--space-sm) var(--space-lg); border: var(--rule-hair) solid var(--color-ink); border-radius: 0; background: transparent; color: var(--color-ink); font-family: var(--font-ui); font-weight: 400; font-size: var(--text-xs); letter-spacing: 0.02em; line-height: 1.3; white-space: nowrap; text-decoration: none; cursor: pointer; transition: background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out); }
.wp-block-button__link:hover, .fyrirspurn button[type="submit"]:hover { background: var(--color-ink); color: var(--color-paper); }
.wp-block-button__link:active, .fyrirspurn button[type="submit"]:active { transform: translateY(1px); }
.wp-block-button.hljodlatur .wp-block-button__link { border-color: transparent; padding-inline: var(--space-2xs); text-decoration: underline; text-decoration-color: var(--color-rule-strong); text-underline-offset: 0.35em; }
.wp-block-button.hljodlatur .wp-block-button__link:hover { background: transparent; color: var(--color-ink); text-decoration-color: var(--color-accent); }
.band .wp-block-button__link:hover { color: var(--color-paper-3); }

/* Opnunarmyndin: <figure> utan um myndina */
figure.upphaf__mynd { height: auto; background: none; }
figure.upphaf__mynd img { display: block; width: 100%; height: clamp(320px, 100svh - 500px, 760px); object-fit: cover; object-position: 50% 42%; background: var(--color-paper-2); }
.upphaf--sida figure.upphaf__mynd img { height: clamp(260px, 46svh, 520px); }
figure.upphaf__mynd--nedst img { object-position: 50% 96%; }
@media (max-width: 60rem) { figure.upphaf__mynd img { height: clamp(300px, 58svh, 640px); } .upphaf--sida figure.upphaf__mynd img { height: clamp(260px, 46svh, 520px); } }
.upphaf__undir > .wp-block-buttons { gap: var(--space-sm) var(--space-lg); }

/* Kubbarnir sem sýna verkin */
.adalverk__verkheiti { margin-top: calc(-1 * var(--space-sm)); font-style: italic; font-size: 1.375rem; color: var(--color-ink-2); }
.verk__stada, .verkasida__stada { margin-top: var(--space-2xs); font-family: var(--font-ui); font-size: var(--text-xs); color: var(--color-accent); }
.verkasida__verd--selt { font-style: normal; color: var(--color-ink-2); }
.verkasida__mynd { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-sm); }
.verkasida__mynd > .verkasida__staekka:first-child, .verkasida__mynd > figcaption { grid-column: 1 / -1; }
.verkasida__aukamynd { padding: 10%; aspect-ratio: 1; }
.verkasida__aukamynd img { height: 100%; }
.verkayfirlit .sidu-haus, .listamadur-sida .sidu-haus { padding-inline: 0; }
.verkalisti-kubbur, .nafnaskra-kubbur { display: block; }
.ramma-mynd.wp-block-listamenn-vefur-verkmynd, figure.ramma-mynd { margin: 0; }
.umbod__inni > .ramma-mynd { min-width: 0; }

/* Umbjóðendur (listamenn með myndasafn) á síðunni Listamenn: á hvítu með línu fyrir ofan, ekki grár flötur ofan á gráum
   fætinum (Kristján hafnaði því á forsíðunni 10. nóv.) */
.band--listamadur { margin-top: var(--section-gap-s); padding-block: var(--section-gap-s) 0; background: none; border-top: var(--rule-hair) solid var(--color-rule); }

/* Skrefin á Umboðssölu: hópar í stað <li> */
.skref > .wp-block-group { counter-increment: skref; display: grid; gap: var(--space-sm); align-content: start; padding-top: var(--space-lg); border-top: var(--rule-hair) solid var(--color-ink); }
.skref > .wp-block-group::before { content: counter(skref); font-family: var(--font-display); font-weight: 300; font-size: 3.5rem; line-height: 1; color: var(--color-ink); }

/* Sími, netfang og opnunartími úr Upplýsingum */
.samband__tengilidir { display: contents; }
.samband__dalkar > .samband__tengilidir > div { display: grid; gap: var(--space-sm); align-content: start; min-width: 0; }
.heimsokn__samband p { font-family: var(--font-ui); font-size: var(--text-md); line-height: 1.8; }
.samband-kubbur, .heimilisfang-kubbur { display: grid; gap: var(--space-sm); }
.home .fotur__opid { display: none; }
.hofundur { margin-top: var(--space-2xl); padding-top: var(--space-lg); border-top: var(--rule-hair) solid color-mix(in oklch, var(--color-ink) 12%, transparent); color: var(--color-ink-2); font-size: var(--text-xs); }
.hofundur a { color: var(--color-ink-2); }

/* Fyrirspurnarformið (listamenn-vefur/fyrirspurn): sama útlit og formið í sýnishorninu */
.fyrirspurn { width: 100%; min-width: 0; }
.fyrirspurn form { display: grid; gap: var(--space-lg); }
.fyrirspurn .reitur { display: grid; gap: var(--space-2xs); min-width: 0; }
.fyrirspurn .reitapar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-lg); }
.fyrirspurn label { font-family: var(--font-ui); font-weight: 400; font-size: var(--text-sm); }
.fyrirspurn input:not([type="file"]), .fyrirspurn select, .fyrirspurn textarea { width: 100%; min-width: 0; min-height: 50px; padding: var(--space-sm) var(--space-md); border: var(--rule-hair) solid var(--color-muted); border-radius: 0; background: var(--color-paper); color: var(--color-ink); font-family: var(--font-body); font-size: var(--text-md); outline: 2px solid transparent; outline-offset: 1px; transition: border-color var(--dur-micro) var(--ease-out); }
.fyrirspurn textarea { min-height: 132px; resize: vertical; }
.fyrirspurn input:hover, .fyrirspurn select:hover, .fyrirspurn textarea:hover { border-color: var(--color-ink-2); }
.fyrirspurn input:focus-visible, .fyrirspurn select:focus-visible, .fyrirspurn textarea:focus-visible { outline-color: var(--color-focus); border-color: var(--color-ink); }
.fyrirspurn input[type="file"] { min-height: 44px; font-family: var(--font-ui); font-size: var(--text-xs); max-width: 100%; }
/* Íslenskur hnappur í stað „Choose Files“ (skriftan setur hann inn; án skriftu sést venjulegi reiturinn) */
.fyrirspurn .skra { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs) var(--space-md); }
.fyrirspurn .skra__takki { position: relative; display: inline-flex; }
.fyrirspurn .skra__takki input[type="file"] { position: absolute; inset: 0; z-index: var(--z-raised); width: 100%; height: 100%; min-height: 0; opacity: 0; cursor: pointer; }
.fyrirspurn .skra__hnappur { display: inline-flex; align-items: center; min-height: 50px; padding: var(--space-sm) var(--space-lg); border: var(--rule-hair) solid var(--color-ink); background: var(--color-paper); color: var(--color-ink); font-family: var(--font-ui); font-size: var(--text-xs); letter-spacing: 0.02em; }
.fyrirspurn .skra__takki input:hover + .skra__hnappur { background: var(--color-ink); color: var(--color-paper); }
.fyrirspurn .skra__takki input:focus-visible + .skra__hnappur { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.fyrirspurn .skra__nafn { font-family: var(--font-ui); font-size: var(--text-xs); color: var(--color-ink-2); overflow-wrap: anywhere; min-width: 0; }
.fyrirspurn .reitur-skyring, .fyrirspurn .personuvernd-texti { margin: calc(-1 * var(--space-sm)) 0 0; font-family: var(--font-ui); font-size: var(--text-xs); color: var(--color-ink-2); }
.fyrirspurn .reitur .reitur-skyring { margin-top: var(--space-2xs); }
.fyrirspurn button[type="submit"] { justify-self: start; }
.fyrirspurn-skilabod { margin-bottom: var(--space-lg); padding: var(--space-md); font-family: var(--font-ui); font-size: var(--text-sm); border: var(--rule-hair) solid var(--color-ink); background: var(--color-paper); }
.fyrirspurn-skilabod.villa { border-color: var(--color-error); }
@media (max-width: 34rem) { .fyrirspurn .reitapar { grid-template-columns: minmax(0, 1fr); } }

/* Tilkynning úr Listamenn › Tilkynning */
.tilkynning { background: var(--color-ink); color: var(--color-paper); font-family: var(--font-ui); font-size: var(--text-sm); text-align: center; padding: var(--space-sm) var(--gutter); }
.tilkynning a { color: inherit; }

/* Venjulegar síður (sniðmátið page): texti með lofti milli kafla, t.d. Persónuvernd */
.sidu-efni { padding-bottom: var(--section-gap-s); }
.personuvernd { display: grid; gap: var(--space-md); max-width: 65ch; }
.personuvernd .wp-block-heading { margin-top: var(--space-xl); font-weight: 400; font-size: var(--text-xl); line-height: 1.25; }

/* Sýningar: listinn á /syningar/ og á síðu listamanns, forsíðureiturinn og síða sýningar */
.syningalisti { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gap-rows) var(--gap-columns); margin: 0; padding: 0; list-style: none; }
.syning-reitur__tengill { display: block; color: var(--color-ink); text-decoration: none; }
.syning-reitur__mynd { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--color-paper-2); }
.syning-reitur__mynd img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-short) var(--ease-out); }
.syning-reitur__heiti { margin-top: var(--space-lg); font-weight: 300; font-size: var(--text-xl); line-height: 1.2; overflow-wrap: break-word; min-width: 0; }
.syning-reitur__tengill:hover .syning-reitur__heiti { text-decoration: underline; text-decoration-color: var(--color-accent); text-underline-offset: 0.2em; }
.syning-reitur__dagar, .syning-reitur__listamenn { margin-top: var(--space-xs); font-family: var(--font-ui); font-size: var(--text-xs); line-height: 1.55; color: var(--color-muted); font-variant-numeric: tabular-nums; }
.syning-reitur__dagar { color: var(--color-ink-2); }
.syning-nu__mynd { display: block; }
.syning-nu__mynd img { width: 100%; height: auto; }
.syning-nu__merki { font-family: var(--font-ui); font-size: var(--text-sm); color: var(--color-ink-2); }
.syning-nu .kafli__fyrirsogn a { color: inherit; text-decoration: none; }
.syning-nu .kafli__fyrirsogn a:hover { text-decoration: underline; text-decoration-color: var(--color-accent); text-underline-offset: 0.15em; }
.syning__texti { display: grid; gap: var(--space-sm); max-width: 60ch; }
.syning .upplysingar a { color: var(--color-ink); }
@media (max-width: 60rem) { .syningalisti { grid-template-columns: repeat(2, minmax(0, 1fr)); } .syning-nu .band__inni { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 40rem) { .syningalisti { grid-template-columns: minmax(0, 1fr); } }

/* Haus og forsíða í anda i8.is (Kristján, 13. nóv. 2026): merkið vinstra megin, valmyndin hægra megin í litlum
   hástöfum með bili, og á forsíðunni liggur hausinn ofan á mynd sem fyllir skjáinn */
.haus__inni { align-items: center; padding-block: var(--space-lg); }
.valmynd ul { gap: var(--space-2xs) var(--space-lg); }
.valmynd a { font-size: 0.75rem; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; }
.merki__ljost { display: none; }
body:is(:has(.forsidumynd), :has(.upphaf--yfir)) .haus { position: absolute; inset-inline: 0; top: 0; background: transparent; border-bottom: 0; }
body:is(:has(.forsidumynd), :has(.upphaf--yfir)) .haus .valmynd a { color: var(--color-paper); }
body:is(:has(.forsidumynd), :has(.upphaf--yfir)) .haus .valmynd a:hover { border-bottom-color: var(--color-paper); }
body:is(:has(.forsidumynd), :has(.upphaf--yfir)) .merki__dokkt { display: none; }
body:is(:has(.forsidumynd), :has(.upphaf--yfir)) .merki__ljost { display: block; }
body:is(:has(.forsidumynd), :has(.upphaf--yfir)) .valmynd__hnappur { background: transparent; color: var(--color-paper); border-color: color-mix(in oklch, var(--color-paper) 60%, transparent); }

.forsidumynd { position: relative; display: grid; align-items: end; min-height: 100svh; overflow: hidden; background: var(--color-ink); color: var(--color-paper); }
.forsidumynd__mynd { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.forsidumynd::before, .forsidumynd::after { content: ""; position: absolute; inset-inline: 0; z-index: 1; pointer-events: none; }
.forsidumynd::before { top: 0; height: 28%; background: linear-gradient(oklch(0% 0 0 / 0.45), oklch(0% 0 0 / 0)); }
.forsidumynd::after { bottom: 0; height: 42%; background: linear-gradient(oklch(0% 0 0 / 0), oklch(0% 0 0 / 0.55)); }
.forsidumynd__texti { position: relative; z-index: 2; display: grid; gap: var(--space-sm); padding-block: var(--space-3xl) var(--space-2xl); }
.forsidumynd__titill { max-width: 28ch; font-weight: 400; font-size: clamp(1.5rem, 1.6vw + 1rem, 2.25rem); line-height: 1.15; letter-spacing: 0.1em; text-transform: uppercase; overflow-wrap: break-word; min-width: 0; }
.forsidumynd__titill a { color: inherit; text-decoration: none; }
.forsidumynd__titill a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.25em; }
.forsidumynd__titill a:focus-visible { outline: 2px solid var(--color-paper); outline-offset: 4px; }
.forsidumynd__lina { font-family: var(--font-ui); font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; }

@media (max-width: 60rem) {
  .valmynd a { font-size: 0.875rem; }
  body:is(:has(.forsidumynd), :has(.upphaf--yfir)) .haus:has(.valmynd.opin) { background: var(--color-ink); }
  body:is(:has(.forsidumynd), :has(.upphaf--yfir)) .valmynd li + li { border-top-color: color-mix(in oklch, var(--color-paper) 25%, transparent); }
}

/* Upphafið ofan á myndinni (upphaf--yfir): sami texti og hnappar, myndin undir og hausinn gegnsær ofan á.
   Minna en allur skjárinn, svo Nýkomið gægist upp fyrir neðan */
.upphaf--yfir { position: relative; display: grid; align-items: end; min-height: clamp(560px, 82svh, 900px); overflow: hidden; background: var(--color-ink); color: var(--color-paper); }
.upphaf--yfir .upphaf__mynd, .upphaf--yfir figure.upphaf__mynd { position: absolute; inset: 0; width: 100%; height: 100% !important; margin: 0; }
.upphaf--yfir .upphaf__mynd img, .upphaf--yfir img { width: 100%; height: 100% !important; object-fit: cover; object-position: 50% 45%; }
.upphaf--yfir::before, .upphaf--yfir::after { content: ""; position: absolute; inset-inline: 0; z-index: 1; pointer-events: none; }
.upphaf--yfir::before { top: 0; height: 38%; background: linear-gradient(oklch(0% 0 0 / 0.82), oklch(0% 0 0 / 0.5) 40%, oklch(0% 0 0 / 0)); }
.upphaf--yfir::after { inset-block: 0; height: auto; background: linear-gradient(oklch(0% 0 0 / 0.18) 0%, oklch(0% 0 0 / 0.22) 35%, oklch(0% 0 0 / 0.72) 100%); }
.upphaf--yfir .upphaf__texti { position: relative; z-index: 2; padding-block: calc(var(--space-3xl) * 2) var(--space-2xl); }
.upphaf--yfir .upphaf__fyrirsogn, .upphaf--yfir .upphaf__setning { color: var(--color-paper); }
.upphaf--yfir .upphaf__setning { color: color-mix(in oklch, var(--color-paper) 88%, transparent); }
.upphaf--yfir .wp-block-button__link { border-color: var(--color-paper); color: var(--color-paper); }
.upphaf--yfir .wp-block-button__link:hover { background: var(--color-paper); color: var(--color-ink); }
.upphaf--yfir .wp-block-button.hljodlatur .wp-block-button__link { border-color: transparent; text-decoration-color: color-mix(in oklch, var(--color-paper) 60%, transparent); }
.upphaf--yfir .wp-block-button.hljodlatur .wp-block-button__link:hover { background: transparent; color: var(--color-paper); text-decoration-color: var(--color-paper); }
.upphaf--yfir .wp-block-button__link:focus-visible { outline: 2px solid var(--color-paper); outline-offset: 3px; }
@media (max-width: 60rem) { .upphaf--yfir { min-height: clamp(520px, 86svh, 760px); } }
/* Merkið stendur skýrt þó myndin á bak við sé lífleg (Kristján: „the logo crops a little bit out“) */
body:is(:has(.forsidumynd), :has(.upphaf--yfir)) .merki__ljost { filter: drop-shadow(0 1px 6px oklch(0% 0 0 / 0.45)); }
.upphaf--yfir .upphaf__mynd, .upphaf--yfir figure.upphaf__mynd { z-index: 0; }
body:has(.upphaf--yfir) .haus { background: linear-gradient(oklch(0% 0 0 / 0.55), oklch(0% 0 0 / 0.25) 70%, oklch(0% 0 0 / 0)); }
/* Innskráður: stjórnstika WordPress er efst, svo hausinn ofan á myndinni byrjar fyrir neðan hana */
body.admin-bar:is(:has(.forsidumynd), :has(.upphaf--yfir)) .haus { top: var(--wp-admin--admin-bar--height, 32px); }

/* Þéttara (Kristján, 13. nóv.: „still a little bit white the whole front page“ og of mikið fyrir ofan brotið á
   undirsíðum): minna bil milli kafla, og upphaf undirsíðna lægra */
:root { --section-gap-s: 88px; --section-gap: 112px; --section-gap-l: 128px; }
@media (max-width: 60rem) { :root { --section-gap-s: 64px; --section-gap: 80px; --section-gap-l: 96px; } }
@media (max-width: 40rem) { :root { --section-gap-s: 56px; --section-gap: 64px; --section-gap-l: 80px; } }
.sidu-haus { padding-block: var(--space-2xl) var(--space-md); }
.upphaf--sida .upphaf__texti { padding-block: var(--space-2xl) var(--space-lg); }
.upphaf--sida .upphaf__mynd, .upphaf--sida figure.upphaf__mynd > img { height: clamp(200px, 30svh, 360px) !important; }
.innrommun-inngangur:not(:has(> .kafli__fyrirsogn)) { grid-template-columns: minmax(0, 1fr); }
.innrommun-inngangur__texti { max-width: 62ch; }

/* Innrammað hjá okkur: litlar myndir í jöfnu neti (Kristján: „smaller images, and in a grid“). Reitirnir eru
   ferningar eins og í verkalistanum og myndin er heil inni í þeim, svo ramminn sést allur */
.rammadaemi__listi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-xl) var(--gap-columns); margin: 0; padding: 0; list-style: none; }
.rammadaemi__listi a { display: block; aspect-ratio: 1; padding: 9%; background: var(--color-paper-2); transition: background-color var(--dur-short) var(--ease-out); }
.rammadaemi__listi img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.rammadaemi__listi a:hover { background: var(--color-paper-3); }
.rammadaemi__listi a:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; }
.rammadaemi__texti { margin-top: var(--space-sm); font-family: var(--font-ui); font-size: var(--text-xs); line-height: 1.5; color: var(--color-ink); }
.rammadaemi__texti span { color: var(--color-muted); font-variant-numeric: tabular-nums; }
@media (max-width: 60rem) { .rammadaemi__listi { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 40rem) { .rammadaemi__listi { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-lg) var(--gap-columns); } }

/* Stækkunin: myndatexti neðst og teljari, í letri vefsins */
.pswp__myndatexti { position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); width: min(92vw, 72ch); display: grid; justify-items: center; gap: 6px; text-align: center; color: oklch(96% 0.003 80); }
.pswp__listamadur { font-family: var(--font-ui); font-weight: 400; font-size: 1.25rem; line-height: 1.2; letter-spacing: 0.01em; }
.pswp__verkheiti { font-family: var(--font-body); font-style: italic; font-size: 1.0625rem; line-height: 1.3; color: oklch(86% 0.003 80); }
.pswp__upplysingar { display: flex; flex-wrap: wrap; justify-content: center; margin: 6px 0 0; padding: 0; list-style: none; font-family: var(--font-ui); font-size: 0.8125rem; line-height: 1.4; color: oklch(74% 0.003 80); font-variant-numeric: tabular-nums; }
.pswp__upplysingar li { padding-inline: 14px; }
.pswp__upplysingar li + li { border-left: 1px solid oklch(100% 0 0 / 0.22); }
.pswp__einn { font-family: var(--font-ui); font-size: 0.9375rem; line-height: 1.45; text-wrap: balance; }
.pswp { --pswp-bg: oklch(11% 0.004 60); z-index: 200000; }
@media (max-width: 40rem) { .pswp__listamadur { font-size: 1.0625rem; } .pswp__upplysingar { font-size: 0.75rem; } .pswp__upplysingar li { padding-inline: 10px; } }
.pswp__counter { font-family: var(--font-ui); font-size: 0.8125rem; letter-spacing: 0.06em; opacity: 0.8; }
.pswp--ui-visible .pswp__myndatexti { opacity: 1; transition: opacity 0.25s; }
.pswp:not(.pswp--ui-visible) .pswp__myndatexti { opacity: 0; }
/* Textinn ofan á myndinni: mjúkur, mjög gegnsær skuggi svo hann lesist á líflegri mynd (Kristján: „drop shadow with
   high transparency“; dökki kassinn var ekki góður) */
.upphaf--yfir .upphaf__fyrirsogn, .upphaf--yfir .upphaf__setning, .upphaf--yfir .wp-block-button__link { text-shadow: 0 1px 2px oklch(0% 0 0 / 0.22), 0 2px 22px oklch(0% 0 0 / 0.32); }
/* Minna hvítt beint undir forsíðumyndinni: aðalverkið byrjar nær henni */
.upphaf--yfir + .wp-block-group .adalverk { padding-top: var(--space-2xl); }
.innrommun-inngangur + .kafli--thettur { padding-top: 0; }
/* Forsíðumyndin fyllir allan skjáinn eins og hjá i8, svo er skrunað niður (Kristján, 13. nóv.) */
.upphaf--yfir { min-height: 100svh; }
body.admin-bar .upphaf--yfir { min-height: calc(100svh - var(--wp-admin--admin-bar--height, 32px)); }
@media (max-width: 60rem) { .upphaf--yfir { min-height: 100svh; } }