:root{--paper:#f4f0eb;--ink:#241d18;--muted:#74695f;--line:#ddd2c4;--brand:#7f5c2e;--menu:#654a31;--serif:Baskerville,"Iowan Old Style","Times New Roman",serif;--sans:Arial,"Helvetica Neue",sans-serif}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:5px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:18px;background:var(--paper);padding:10px 15px;z-index:300}.header{position:fixed;inset:0 0 auto 0;height:96px;z-index:100;pointer-events:none}.menu-button{position:absolute;right:24px;top:24px;border:0;background:none;padding:10px 0 10px 10px;color:var(--brand);font:600 11px/1 var(--sans);letter-spacing:.25em;text-transform:uppercase;cursor:pointer;pointer-events:auto}.menu-button i{display:inline-block;width:25px;height:1px;background:currentColor;vertical-align:middle;margin-left:13px;position:relative}.menu-button i:before,.menu-button i:after{content:"";position:absolute;left:0;width:25px;height:1px;background:currentColor}.menu-button i:before{top:-7px}.menu-button i:after{top:7px}.drawer{position:fixed;inset:0;z-index:200;background:var(--menu);color:var(--paper);visibility:hidden;opacity:0;transition:opacity .22s,visibility .22s}.drawer.open{visibility:visible;opacity:1}.drawer-inner{height:100%;width:min(1120px,calc(100% - 48px));margin:auto;padding:34px 0 50px;display:flex;flex-direction:column}.drawer-top{text-align:right}.close{border:0;background:none;color:inherit;padding:10px 0;font:600 11px/1 var(--sans);letter-spacing:.25em;text-transform:uppercase;cursor:pointer}.drawer nav{margin:auto 0}.drawer nav a{display:block;width:max-content;color:var(--paper);font:400 clamp(2.5rem,6vw,5.2rem)/1.12 var(--serif);letter-spacing:.02em;text-transform:uppercase;margin:.13em 0}.drawer nav a:hover{color:#e2c892}.drawer-bottom{display:flex;gap:26px;color:#cfc3ae;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.drawer-bottom a[aria-current=true]{color:white}.home{height:100dvh;overflow:hidden}.home .header{position:fixed}.home-main{height:100dvh;display:grid;place-items:center;padding:92px 24px 50px}.home-logo{width:min(660px,72vw);display:block}.home-logo img{display:block;width:100%;height:auto}.subpage{padding-top:96px}.page-head{min-height:58vh;display:flex;align-items:flex-end;padding:90px 0 100px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--brand);margin-bottom:25px}.page-title{font:400 clamp(4rem,10vw,8.5rem)/.9 var(--serif);letter-spacing:-.045em;margin:0}.intro{max-width:620px;margin:34px 0 0;color:var(--muted);font-size:17px}.section{padding:105px 0;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:52px minmax(220px,.9fr) minmax(280px,1.1fr);gap:32px;padding:42px 0;border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.number{font-size:11px;color:var(--brand);letter-spacing:.12em}.service h2{font:400 clamp(1.7rem,3vw,2.65rem)/1.15 var(--serif);margin:0}.service p{margin:0;color:var(--muted);max-width:580px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-list p{margin:0 0 32px}.contact-list small{display:block;color:var(--brand);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:5px}.form{display:grid;gap:28px}.field label{display:block;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin-bottom:7px}.field input,.field textarea{width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:inherit}.field textarea{min-height:120px;resize:vertical}.submit{justify-self:start;border:0;border-bottom:1px solid var(--brand);background:none;color:var(--brand);padding:0 0 5px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}.legal{max-width:760px}.legal h2{font:400 2rem/1.2 var(--serif);margin:2.2em 0 .55em}.legal p{color:var(--muted)}.footer{padding:44px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.footer-row{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:24px}.cookie{position:fixed;left:22px;right:22px;bottom:22px;z-index:150;background:var(--menu);color:var(--paper);padding:18px 22px;display:none;align-items:center;justify-content:space-between;gap:20px}.cookie.show{display:flex}.cookie p{margin:0;font-size:12px;color:#e2d8cc}.cookie-actions{display:flex;gap:18px}.cookie button{border:0;background:none;color:inherit;font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;cursor:pointer}.cookie button:last-child{color:#e2c892}
@media(max-width:750px){.wrap,.drawer-inner{width:min(100% - 32px,1120px)}.menu-button{right:20px;top:26px}.header{height:80px}.home-main{padding-top:80px}.home-logo{width:min(88vw,560px)}.subpage{padding-top:80px}.page-head{min-height:48vh;padding:70px 0 75px}.page-title{font-size:clamp(3.5rem,18vw,6rem)}.section{padding:75px 0}.service{grid-template-columns:38px 1fr;gap:20px}.service p{grid-column:2}.contact-grid{grid-template-columns:1fr;gap:60px}.cookie{left:10px;right:10px;bottom:10px;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.home-main{
    display:flex;
    align-items:center;
    justify-content:center;
    height:100dvh;
    padding:0;
}

.home-logo{
    width:min(560px,52vw);
    display:block;
    margin:0 auto;
    position:relative;
    top:-24px;
}

/* SIF-lógóin tvö (sif-logmenn-* og sif-legal-*) eiga það sameiginlegt að
   sýnilega lógóið situr 9,34% HÆGRA megin við miðju inni í eigin PNG-skrá —
   gegnsætt fyllir vinstri hluta skjalakantsins. Skjáborðsreglan bætti það
   upp með föstum left:-55px, sem passar í 560px breidd en ekki annars staðar,
   og datt alveg út undir 750px (þar sem left:0 gildir) svo lógóið fór 32px
   til hægri á farsíma. Hlutfallið hér virkar í ALLRI breidd og skalar sjálft.
   justum-logo*.png er rétt miðjað og er ekki snert. */
.home-logo img[src*="sif-"]{
    transform:translateX(-9.34%);
}

.home-logo img{
    width:100%;
    height:auto;
    display:block;
}

/* About page */
.about-grid{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(320px,1.1fr);gap:10vw;align-items:start}
.about-heading{font:400 clamp(2rem,4vw,3.5rem)/1.08 var(--serif);letter-spacing:-.025em;margin:0;max-width:520px}
.about-copy{max-width:650px}.about-copy p{margin:0 0 1.35em;color:var(--muted);font-size:17px}
.text-link{display:inline-block;margin-top:18px;padding-bottom:5px;border-bottom:1px solid var(--brand);color:var(--brand);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
/* CLOSE/LOKA is anchored to the viewport, exactly like MENU/VALMYND */
.drawer-top{position:static!important}.close{position:fixed!important;right:24px!important;left:auto!important;top:24px!important;margin:0!important;padding:10px 0 10px 10px!important;z-index:210}
@media(max-width:750px){.about-grid{grid-template-columns:1fr;gap:50px}.about-copy p{font-size:16px}.close{right:20px!important;top:26px!important}}

/* Cross-site navigation */
.drawer nav .brand-switch{margin-top:.55em;padding-top:.45em;border-top:1px solid currentColor;font-family:var(--sans);font-size:clamp(.8rem,1.4vw,1.05rem);font-weight:600;letter-spacing:.22em;opacity:.82;}

/* Contact form status line: "sending…", the confirmation, or the note that
   appears when the mail app had to be opened instead. */
.form-note{margin:18px 0 0;font-size:12px;color:var(--muted);max-width:520px}

/* --- Mobile readability fixes --- */

/* Stækka forsíðulógóið á fónum. Réttstillingin á lógóinu sjálfu er í
   .home-logo img[src*="sif-"] hér fyrir ofan og gildir í allri breidd. */
@media (max-width: 750px) {
  .home-logo {
    width: min(88vw, 560px);
  }
}

/* Keep drawer nav labels on one line on very small phones — a long label
   such as "HAFA SAMBAND" otherwise clips at viewports under ~340px. */
@media (max-width: 360px) {
  .drawer nav a {
    font-size: clamp(1.8rem, 9vw, 2.5rem);
  }
}

/* --- Accessibility & touch refinements --- */

/* Hero logo never exceeds the viewport (fixes clipping on landscape phones) */
.home-logo img {
  width: auto;
  max-width: 100%;
  max-height: 70vh;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Viewport-height fallback for older browsers */
.home,
.home-main {
  height: 100vh;
  height: 100dvh;
}

/* Comfortable 44px+ touch targets (WCAG 2.5.5 / Apple HIG) */
.menu-button,
.close,
.submit,
.cookie button,
.field input {
  min-height: 44px;
}
.drawer-bottom a,
.footer-links a,
.text-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.about-section {
    color: #171714;
    padding: clamp(5rem, 8vw, 8rem) 2rem;

    /* Enginn sérstakur bakgrunnur */
    background: transparent;
}

.about-layout {
    width: min(1120px, 100%);
    margin: 0 auto;

    display: grid;
    grid-template-columns: minmax(430px, 1.05fr) minmax(420px, 1fr);
    gap: clamp(3rem, 6vw, 6rem);
    align-items: start;
}

.about-heading h2 {
    max-width: 580px;
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.5rem, 3.4vw, 3.65rem);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.about-heading h3 {
    max-width: 580px;
    margin: 0;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3.5rem, 5vw, 4.5rem);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.about-text {
    max-width: 590px;
}

.about-text p {
    margin: 0 0 1.35rem;
    color: #675e53;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    line-height: 1.8;
}

.about-text .about-lead {
    margin-bottom: 1.7rem;
    color: #29251f;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 2rem;
    line-height: 1.55;
}

.about-text p:last-child {
    margin-bottom: 0;
}

@media (max-width: 800px) {
    .about-layout {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .about-heading h2 {
        max-width: 680px;
        font-size: clamp(2.3rem, 8vw, 3.2rem);
        line-height: 1.08;
    }

    .about-heading h2 br {
        display: none;
    }
}

.about-text {
    max-width: 650px;
}

.about-layout {
    padding-top: 3rem;
    /* border-top: 1px solid rgba(103, 94, 83, 0.22);*/
}

/* Persónuverndarstefna */

.subpage .page-head {
    padding-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.subpage .page-head .wrap {
    width: min(1080px, calc(100% - 3rem));
    margin-inline: auto;
}

.subpage .page-title {
    max-width: 900px;
    margin-top: 1rem;

    font-size: clamp(2.8rem, 5vw, 5.2rem);
    font-weight: 400;
    line-height: 1.02;
    letter-spacing: -0.035em;
    text-wrap: balance;
}

.subpage .section {
    padding-top: clamp(2.5rem, 5vw, 4.5rem);
}

.subpage .legal {
    width: min(840px, calc(100% - 3rem));
    margin-inline: auto;
    padding: 0;

    background: transparent;
    border: 0;
    box-shadow: none;
}

/* Inngangstextinn */

.subpage .legal > p:first-child {
    margin: 0 0 clamp(4rem, 7vw, 6rem);
    padding-bottom: clamp(3rem, 5vw, 4.5rem);
    border-bottom: 1px solid rgba(40, 35, 30, 0.18);

    color: #3f3932;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    line-height: 1.7;
}

/* Kaflafyrirsagnir */

.subpage .legal h2 {
    max-width: 760px;
    margin: clamp(3.5rem, 7vw, 6rem) 0 1.25rem;

    color: #171714;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -0.025em;
    text-wrap: balance;
}

.subpage .legal > p:first-child + h2 {
    margin-top: 0;
}

/* Megintexti */

.subpage .legal p {
    max-width: 800px;
    margin: 0 0 1.5rem;

    color: #625a51;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.85;
}

/* Dagsetning neðst */

.subpage .legal p:last-child {
    margin-top: clamp(4rem, 7vw, 6rem);
    padding-top: 1.5rem;
    border-top: 1px solid rgba(40, 35, 30, 0.18);
}

.subpage .legal small {
    color: #81786e;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
}

/* Sími og minni skjáir */

@media (max-width: 700px) {
    .subpage .page-head .wrap,
    .subpage .legal {
        width: min(100% - 2.5rem, 840px);
    }

    .subpage .page-title {
        font-size: clamp(2.5rem, 11vw, 3.6rem);
        line-height: 1.05;
    }

    .subpage .legal > p:first-child {
        margin-bottom: 3.5rem;
        padding-bottom: 2.5rem;
        font-size: 1.15rem;
        line-height: 1.65;
    }

    .subpage .legal h2 {
        margin-top: 3.75rem;
        font-size: 1.8rem;
        line-height: 1.2;
    }

    .subpage .legal p {
        font-size: 0.98rem;
        line-height: 1.75;
    }
}

/* Fellilistar á persónuverndarsíðu */

.privacy-accordion {
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(40, 35, 30, 0.18);
    background: transparent;
}

.privacy-accordion:first-of-type {
    border-top: 1px solid rgba(40, 35, 30, 0.18);
}

.privacy-accordion-title {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2rem;
    gap: 2rem;
    align-items: center;

    padding: clamp(1.7rem, 3vw, 2.4rem) 0;
    cursor: pointer;
    list-style: none;

    color: #171714;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.5rem, 2.5vw, 2.1rem);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

/* Fjarlægir sjálfgefna ör í vöfrum */

.privacy-accordion-title::-webkit-details-marker {
    display: none;
}

.privacy-accordion-title::marker {
    display: none;
    content: "";
}

/* Plús og mínus tákn */

.privacy-accordion-icon {
    position: relative;
    display: block;
    width: 1.35rem;
    height: 1.35rem;
    justify-self: end;
}

.privacy-accordion-icon::before,
.privacy-accordion-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;

    width: 1.1rem;
    height: 1px;
    background: #625a51;

    transform: translate(-50%, -50%);
    transition: transform 180ms ease;
}

.privacy-accordion-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.privacy-accordion[open] .privacy-accordion-icon::after {
    transform: translate(-50%, -50%) rotate(0deg);
}

/* Efni inni í opnum lið */

.privacy-accordion-content {
    max-width: 790px;
    padding: 0 3.75rem clamp(2.5rem, 5vw, 4rem) 0;
}

.privacy-accordion-content p {
    margin: 0;
    color: #625a51;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.85;
}

/* Mjúk áhersla þegar farið er yfir fyrirsögn */

.privacy-accordion-title:hover {
    color: #7b654e;
}

.privacy-accordion-title:focus-visible {
    outline: 1px solid #7b654e;
    outline-offset: 0.5rem;
}

/* Dagsetningin neðst á síðunni */

.legal > p:last-child {
    margin-top: 3rem;
    padding-top: 0;
    border-top: 0;
}

/* Símar */

@media (max-width: 700px) {
    .privacy-accordion-title {
        grid-template-columns: minmax(0, 1fr) 1.5rem;
        gap: 1rem;
        padding: 1.5rem 0;
        font-size: 1.45rem;
    }

    .privacy-accordion-content {
        padding: 0 0 2.5rem;
    }

    .privacy-accordion-content p {
        font-size: 0.97rem;
        line-height: 1.75;
    }
}

.subpage .legal > p:first-child {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    -webkit-hyphens: auto;
}


.privacy-accordion-content p {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    -webkit-hyphens: auto;
}

@media (max-width: 700px) {
    .privacy-accordion-content p {
        text-align: left;
        hyphens: manual;
        -webkit-hyphens: manual;
    }

    /* Fjarlægir línur úr upptalningum á Mannauðssíðu */
.staff-list {
    border-top: 0;
}

.staff-list li {
    border-bottom: 0;
}

}
/* SIF-JUSTUM-SYNC-2026 */
.service-points{margin:1.25rem 0 0;padding-left:1.25rem;color:var(--muted)}.service-points li{margin:.8rem 0;line-height:1.7}body:has(.staff-profile) .page-head{min-height:auto;padding:40px 0}

/* Þjónustusíða: fyrirsögn og megintexti efst í tveimur dálkum */
.about-layout {
    display: grid;
    grid-template-columns: minmax(350px, 0.9fr) minmax(450px, 1.1fr);
    grid-template-rows: auto auto;
    gap: 4rem 6rem;
    align-items: start;
}

/* Gerir börn .about-heading að sjálfstæðum grid-einingum */
.about-layout > .about-heading {
    display: contents;
}

/* Reynsla / Sérþekking vinstra megin */
.about-heading > h3 {
    grid-column: 1;
    grid-row: 1;
}

/* Almenni textinn hægra megin */
.about-layout > .about-text {
    grid-column: 2;
    grid-row: 1;
}

/* Rauðmerkti textinn fer neðar og yfir alla breiddina */
.about-heading > .about-text {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    max-width: none;
    margin-top: 3rem;
}

/* Fyrirsögnin inni í rauðmerkta hlutanum */
.about-heading > .about-text .about-lead {
    max-width: 850px;
    margin-bottom: 2rem;
}

/* Upptalningin dreifist betur yfir breiddina */
.about-heading > .about-text ul {
    max-width: 1100px;
    margin: 0;
    padding-left: 1.25rem;
}

/* Minni skjáir */
@media (max-width: 800px) {
    .about-layout {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 2.5rem;
    }

    .about-heading > h3,
    .about-layout > .about-text,
    .about-heading > .about-text {
        grid-column: 1;
        grid-row: auto;
    }

    .about-heading > .about-text {
        margin-top: 1rem;
    }
}


/* Samræmt letur á báðum megintextasvæðum þjónustusíðunnar */
.matched-copy,
.matched-copy p {
    color: #675e53;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: normal;
}

p.matched-copy {
    margin: 0;
    max-width: none;
}

.matched-copy p {
    margin: 0 0 1.35rem;
}

.matched-copy p:last-child {
    margin-bottom: 0;
}

/* =========================================================================
   SAFARI / iOS PARITY
   -------------------------------------------------------------------------
   Chrome and Safari use different engines, so a handful of behaviours differ
   by default. The rules below normalise them so the site renders and behaves
   the same in Safari (macOS + iOS) as it does in Chrome.
   ========================================================================= */

/* 1. iOS Safari enlarges body text on its own in landscape orientation.
      Chrome never does this, so the same page came out at a different text
      size. 100% keeps it at the authored size everywhere. */
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* 2. Safari re-themes form controls, scrollbars and the page canvas when the
      device is in dark mode; Chrome on a light OS does not. Pinning the page
      to light keeps both browsers rendering the same palette. */
:root {
  color-scheme: light;
  color-scheme: light only;
}

/* 3. iOS Safari flashes a grey box over every tapped link/button. Chrome does
      not, so the site felt different to the touch on iPhone/iPad. */
html {
  -webkit-tap-highlight-color: transparent;
}

/* 4. Strip the browser's native control styling. iOS Safari otherwise paints
      text fields and buttons with its own rounded, inset look (and ignores
      border-radius on fields unless appearance is reset first), so the form
      did not match Chrome. */
button,
input,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

/* 5. iOS Safari zooms the whole page when a text field with a font-size below
      16px is focused. The fields are locked to 16px so focusing the form no
      longer shifts the layout around on iPhone. */
.field input,
.field textarea {
  font-size: 16px;
}

/* 6. The drawer covers the page. Stop the page behind it from rubber-banding
      or scroll-chaining (iOS Safari scrolls the body even with
      overflow:hidden, handled in site.js as well). */
.drawer {
  overscroll-behavior: contain;
  touch-action: pan-y;
}

/* 7. Hero logo: cap it against the *dynamic* viewport height too. On iOS the
      url bar means 100vh is taller than the visible area, which pushed the
      logo off centre. */
.home-logo img {
  max-height: 70vh;
  max-height: 70dvh;
}

/* 8. Contact form: inline status note + spam honeypot.
      The note is a live region (role="status") so screen readers announce the
      result of a submission without the user having to go looking for it. */
.form .form-note {
  margin: 0;
}
/* The note is in the markup from the start (so it is a real live region), but
   it must not leave an empty gap under the button while it is blank. */
.form-note:empty {
  display: none;
}
.form-note[data-state='pending'] {
  color: var(--muted);
}
.form-note[data-state='ok'] {
  color: var(--brand);
}
.form-note[data-state='error'] {
  color: #a4463c;
}
.form .hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.submit[disabled] {
  opacity: .6;
  cursor: default;
}

@media (max-width: 800px) {
  /* <h3>Reynsla<br/>Sérþekking<br/><br/><br/></h3> — fyrsta <br> aðskilur
     orðin og helst; hinar þrjár skilja eftir tvö tóm bil. */
  .about-heading > h3 br:nth-of-type(n + 2) { display: none; }

  /* 80px ofan og neðan, og tvö .about-section standa hvert ofan á öðru */
  .about-section { padding: 2.5rem 0; }

  /* Lækkar neðra bilið (efra kemur frá .subpage .section) */
  .subpage .section:has(.about-section) { padding-bottom: 3rem; }

  .about-layout { padding-top: 1.5rem; }

  /* Lesröðin á farsíma:
       1. „Reynsla / Sérþekking“
       2. textinn sem er hægra megin við hana á skjáborði
       3. „Viðamikil reynsla …“ og upptalningin */
  .about-heading > h3 { order: 1; }
  .about-layout > .about-text { order: 2; }
  .about-heading > .about-text { order: 3; }
}

.profile-columns .staff-subhead {
  margin: 2.25rem 0 0.9rem;
  color: var(--brand);
  font: 600 11px/1.4 var(--sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.profile-columns .staff-subhead:first-of-type { margin-top: 0; }

/* JUSTUM English Services - breiðari page title */
html[lang="en"] .services-page .page-title {
    max-width: 1080px;
}

.services-page .about-layout {
  * border-top: 0 !important;
}

/* Minna letur á „Reynsla / Sérþekking“ á farsíma */
@media (max-width: 750px) {
    .services-page .about-heading > h3 {
        font-size: clamp(2.4rem, 10.5vw, 3.1rem);
        line-height: 1.05;
    }
}

/* Instagram-tákn í footer */

.footer-links {
    display: flex;
    align-items: center;
    gap: 24px;
}

.instagram-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 24px;
    height: 44px;
    min-height: 44px;

    color: var(--muted);
    opacity: 0.92;

    transition:
        color 180ms ease,
        opacity 180ms ease,
        transform 180ms ease;
}

.instagram-link svg {
    display: block;
    width: 18px;
    height: 18px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.45;
    stroke-linecap: round;
    stroke-linejoin: round;
    overflow: visible;
}

.instagram-link .instagram-dot {
    fill: currentColor;
    stroke: none;
}

.instagram-link:hover {
    color: var(--brand);
    opacity: 1;
    transform: translateY(-1px);
}

.instagram-link:focus-visible {
    color: var(--brand);
    opacity: 1;
}