/* =========================================================================
   29  HOLME
   Satt sammen av det Ole plukket 23. oktober 2026. Grunnlaget er Lekt: varmt
   hvitt, Archivo i vekt 300 til overskrifter, grønt bare til lenker, knapp og
   små merker. Hodet er gjennomsiktig oppå forsidebildet og blir hvitt når du
   ruller, og det gjemmer seg aldri. Forsidebildet ligger fast bak innholdet,
   som ruller over det. Sekskanten fra logoen står som hårfin kontur i
   bakgrunnen to steder, og driver sakte med rullingen der nettleseren kan.

   All bevegelse kommer av rulling eller trykk, aldri av pekeren.
   ========================================================================= */

[data-variant="29-holme"] {
  --ground: #F8F6F1;
  --flate: #FFFFFF;
  --flate-2: #EEEBE3;
  --mork: #141A16;
  --paa-mork: #F3F1EC;
  --lenke-mork: #9EDCC0;

  --tekst: #1D1E1C;
  --tekst-svak: #585A55;
  --linje: #DEDAD0;
  --linje-sterk: #8A8C84;
  --kontur: #D9D4C7;

  --aksent: #005C41;
  --aksent-mork: #00432F;
  --aksent-lenke: #005C41;
  --paa-aksent: #FFFFFF;
  --fokus: #005C41;
  --gronn: #005C41;
  --paa-gronn: #FFFFFF;
  --paa-gronn-svak: #9EDCC0;

  --kort-bg: #FFFFFF;
  --hode-bg: #FFFFFF;
  --hode-linje: #E4E1D8;
  --hode-tekst: #1D1E1C;

  --bunn-bg: #141A16;
  --bunn-tekst: #F3F1EC;
  --bunn-svak: #A9B0AB;
  --bunn-lenke: #9EDCC0;
  --bunn-linje: #28302B;

  --font-display: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-tekst: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-stikk: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, Menlo, monospace;

  --vekt-display: 300;
  --sperre-display: -.015em;
  --sperre-stikk: .14em;
  --stikk-transform: uppercase;
  --brod: clamp(1.02rem, .98rem + .25vw, 1.12rem);
  --brod-stor: clamp(1.15rem, 1.05rem + .5vw, 1.4rem);
  --liten: .8rem;
  --h1: clamp(2.1rem, 1.3rem + 3.4vw, 4.6rem);
  --h2: clamp(1.75rem, 1.25rem + 1.7vw, 2.7rem);
  --h3: clamp(1.25rem, 1.1rem + .6vw, 1.55rem);
  --h4: clamp(1.1rem, 1rem + .35vw, 1.25rem);
  --seksjon: clamp(4rem, 2.5rem + 6vw, 8.5rem);
  --kort-gap: clamp(1.25rem, 1rem + 1.6vw, 2.25rem);
  --radius: 0;
  --radius-bilde: 0;
  --radius-prikk: 50%;
  --logo-h: 30px;
  --hode-h: 64px;
  --maks: 78rem;
  --slide-b: min(86vw, 62rem);
  --rute-gap: .6rem;
}

[data-variant="29-holme"][data-tema="mork"] {
  --ground: #121513;
  --flate: #191D1A;
  --flate-2: #222724;
  --tekst: #ECEAE4;
  --tekst-svak: #B4B2AA;
  --linje: #2C312D;
  --linje-sterk: #767C77;
  --kontur: #2E3430;
  --aksent: #4CC39A;
  --aksent-mork: #62D2AB;
  --aksent-lenke: #8FD6B8;
  --paa-aksent: #0B1510;
  --fokus: #8FD6B8;
  --gronn: #0B4A35;
  --paa-gronn: #F3F1EC;
  --paa-gronn-svak: #9EDCC0;
  --kort-bg: #191D1A;
  --hode-bg: #121513;
  --hode-linje: #2C312D;
  --hode-tekst: #ECEAE4;
  --bunn-bg: #0C0F0D;
  --bunn-linje: #222723;
  --advarsel-svak: #2A2317;
  --advarsel: #E2A96A;
  --paa-advarsel: #221A10;
}

@media (min-width: 62rem) {
  [data-variant="29-holme"] { --slide-b: min(72vw, 62rem); --rute-gap: .9rem; }
}

/* ---------- skrift og småting ---------- */
[data-variant="29-holme"] h1, [data-variant="29-holme"] h2 { line-height: 1.04; }
[data-variant="29-holme"] h3, [data-variant="29-holme"] h4 { font-weight: 400; }
[data-variant="29-holme"] .stikk { font-weight: 500; color: var(--aksent-lenke); }
[data-variant="29-holme"] strong { font-weight: 500; }
[data-variant="29-holme"] .knapp { font-weight: 500; letter-spacing: .01em; padding: .8rem 1.5rem; }

[data-variant="29-holme"] .holme-pillenke {
  display: inline-flex; align-items: center; gap: .6rem; min-height: 48px;
  color: var(--aksent-lenke); text-decoration: none; font-weight: 500;
}
[data-variant="29-holme"] .holme-pillenke::after {
  content: ""; width: 1.6rem; height: 1px; background: currentColor;
  transition: width .35s cubic-bezier(.2,.7,.3,1);
}
[data-variant="29-holme"] .holme-pillenke:hover::after,
[data-variant="29-holme"] .holme-pillenke:focus-visible::after { width: 2.6rem; }
[data-variant="29-holme"] .holme-pillenke--lys { color: #FFFFFF; }

[data-variant="29-holme"] .holme-topp { max-width: 44ch; margin-bottom: calc(var(--seksjon) * .4); }
[data-variant="29-holme"] .holme-topp-ingress { color: var(--tekst-svak); font-size: var(--brod-stor); margin: 0; }
[data-variant="29-holme"] .holme-topp--rad {
  max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 2rem;
}
[data-variant="29-holme"] .holme-topp--rad h2 { max-width: 22ch; margin: 0; }
[data-variant="29-holme"] .holme-etter { margin: 1.75rem 0 0; }

/* ---------- hodet: en del av forsidebildet, så vanlig. Gjemmer seg aldri ---------- */
[data-variant="29-holme"] .hode {
  position: sticky; top: 0; z-index: 50;
  background: var(--hode-bg);
  border-bottom: 1px solid var(--hode-linje);
}
[data-variant="29-holme"] .hode-rad { min-height: var(--hode-h); padding-block: 0; gap: 1.5rem; }
[data-variant="29-holme"] .hovedmeny a {
  font-weight: 400; font-size: .95rem; border-bottom: 0; padding: .55rem .1rem;
  position: relative; color: var(--hode-tekst);
}
[data-variant="29-holme"] .hovedmeny a::after {
  content: ""; position: absolute; left: .1rem; right: .1rem; bottom: .45rem;
  height: 1px; background: currentColor;
  transform: scaleX(0); transform-origin: 0 50%;
  transition: transform .3s cubic-bezier(.2,.7,.3,1);
}
[data-variant="29-holme"] .hovedmeny a:hover::after,
[data-variant="29-holme"] .hovedmeny a[aria-current="page"]::after { transform: scaleX(1); }
[data-variant="29-holme"] .hode .tlf-knapp {
  background: transparent; color: var(--hode-tekst); border: 0; padding: .55rem 0;
  font-weight: 500; font-size: .95rem; min-height: 48px;
}
[data-variant="29-holme"] .hode .tlf-knapp:hover { color: var(--aksent-lenke); text-decoration: underline; text-underline-offset: .25em; }
[data-variant="29-holme"] .meny > summary {
  border: 0; padding: .5rem .25rem; font-weight: 400; color: var(--hode-tekst); background: transparent;
}
[data-variant="29-holme"] .meny[open] > summary { background: transparent; color: var(--hode-tekst); }
/* Mobilmenyen fyller skjermen: mørk flate, lenkene som store, tynne linjer
   som kommer inn én etter én, telefonnummeret nederst, og sekskanten svakt bak. */
[data-variant="29-holme"] .meny > summary { font-size: 0; }
[data-variant="29-holme"] .meny > summary::before { content: "Meny"; font-size: .95rem; }
[data-variant="29-holme"] .meny[open] > summary::before { content: "Lukk"; }
[data-variant="29-holme"] .meny[open] > summary { position: relative; z-index: 61; color: var(--paa-mork); }
/* Logoen blir stående oppå den åpne menyen, i hvit */
[data-variant="29-holme"] .hode:has(.meny[open]) .merke { position: relative; z-index: 61; }
[data-variant="29-holme"] .hode:has(.meny[open]) .merke .logo-lys { display: none; }
[data-variant="29-holme"] .hode:has(.meny[open]) .merke .logo-mork { display: block; }
[data-variant="29-holme"] .meny-panel {
  position: fixed; inset: 0; z-index: 60;
  min-width: 0; border: 0; border-radius: 0; box-shadow: none;
  background-color: var(--mork); color: var(--paa-mork);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><polygon points='50,3 93,27 93,73 50,97 7,73 7,27' fill='none' stroke='%239EDCC0' stroke-opacity='.28' stroke-width='.5'/></svg>");
  background-repeat: no-repeat; background-position: right -22vmin bottom -14vmin; background-size: 80vmin;
  padding: max(calc(var(--hode-h) + 2.5rem), 10rem) 1.25rem 2rem;
  display: grid; align-content: start; overflow: auto;
}
[data-variant="29-holme"] .meny-panel ul { display: grid; gap: 0; }
[data-variant="29-holme"] .meny-panel a {
  display: block; padding: .55rem 0; border-radius: 0;
  color: var(--paa-mork); font-weight: 300; font-size: clamp(2rem, 9vw, 3.2rem); line-height: 1.1; letter-spacing: -.015em;
  border-bottom: 1px solid var(--bunn-linje);
}
[data-variant="29-holme"] .meny-panel a:hover { background: transparent; color: var(--lenke-mork); }
[data-variant="29-holme"] .meny-panel a[aria-current="page"] { color: var(--lenke-mork); }
[data-variant="29-holme"] .meny-panel li:last-child a {
  margin-top: 2rem; border: 0; font-size: 1.15rem; font-weight: 500; color: var(--lenke-mork);
  display: inline-flex; align-items: center; min-height: 48px;
}
[data-variant="29-holme"] .meny-panel a:focus-visible { outline-color: var(--lenke-mork); }
.js[data-variant="29-holme"] .meny[open] .meny-panel li { opacity: 0; transform: translateY(14px); animation: holme-meny-inn .5s cubic-bezier(.2,.7,.3,1) forwards; }
.js[data-variant="29-holme"] .meny[open] .meny-panel li:nth-child(2) { animation-delay: .06s; }
.js[data-variant="29-holme"] .meny[open] .meny-panel li:nth-child(3) { animation-delay: .12s; }
.js[data-variant="29-holme"] .meny[open] .meny-panel li:nth-child(4) { animation-delay: .18s; }
.js[data-variant="29-holme"] .meny[open] .meny-panel li:nth-child(5) { animation-delay: .24s; }
.js[data-variant="29-holme"] .meny[open] .meny-panel li:nth-child(6) { animation-delay: .34s; }
@keyframes holme-meny-inn { to { opacity: 1; transform: none; } }

/* Oppå forsidebildet, før siden er rullet: gjennomsiktig, hvit skrift, hvit logo.
   Regelen peker på hodet som står rett foran bildet, ikke på om bildet finnes
   i dokumentet: forhåndsvisningen legger alle sidene i ett dokument. */
[data-variant="29-holme"]:not([data-rullet]) .hode:has(+ main .holme-hero) {
  background: transparent; border-bottom-color: transparent; color: #FFFFFF;
}
[data-variant="29-holme"]:not([data-rullet]) .hode:has(+ main .holme-hero) .hovedmeny a,
[data-variant="29-holme"]:not([data-rullet]) .hode:has(+ main .holme-hero) .tlf-knapp,
[data-variant="29-holme"]:not([data-rullet]) .hode:has(+ main .holme-hero) .meny > summary { color: #FFFFFF; }
[data-variant="29-holme"]:not([data-rullet]) .hode:has(+ main .holme-hero) .tlf-knapp:hover { color: #FFFFFF; }
[data-variant="29-holme"]:not([data-rullet]) .hode:has(+ main .holme-hero) .logo-lys { display: none; }
[data-variant="29-holme"]:not([data-rullet]) .hode:has(+ main .holme-hero) .logo-mork { display: block; }
[data-variant="29-holme"]:not([data-rullet]) .hode:has(+ main .holme-hero) .hovedmeny a:focus-visible,
[data-variant="29-holme"]:not([data-rullet]) .hode:has(+ main .holme-hero) .tlf-knapp:focus-visible { outline-color: #FFFFFF; }
[data-variant="29-holme"] .utkastbanner { position: relative; z-index: 51; }

/* ---------- forsidebildet, med teksten i et grønt felt som overlapper ----------
   Bildet står stille i layouten og flytter seg bare litt saktere enn resten
   når du ruller (scroll-driven, med stillstand som fallback). Feltet har ett
   skrått hjørne i sekskantens vinkel. */
[data-variant="29-holme"] .holme-hero {
  position: relative; z-index: 0;
  margin-top: calc(var(--hode-h) * -1 - 1px);
}
[data-variant="29-holme"] .holme-hero-bilderamme {
  position: relative; overflow: hidden;
  height: min(68vh, 46rem); min-height: 22rem;
  background: var(--mork);
}
[data-variant="29-holme"] .holme-hero-bilde {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  /* Takterrassen ovenfra: på smal skjerm litt til høyre så begge sofaene er med,
     på bred skjerm slik at takkanten ligger under hodet (målt ved 1440 og 2000). */
  object-position: 60% 0%;
  transform: scale(1.06);
  opacity: 0; transition: opacity .6s ease;
}
@media (min-width: 62rem) { [data-variant="29-holme"] .holme-hero-bilde { object-position: 50% 17%; } }
[data-variant="29-holme"] .holme-hero-bilde[data-aktiv] { opacity: 1; }
/* Velgeren til gjennomgangen: nummererte knapper nede til høyre i bildet */
[data-variant="29-holme"] .holme-hero-velger {
  position: absolute; right: 1.25rem; bottom: 1.25rem; z-index: 2;
  display: flex; align-items: center; gap: .35rem;
  background: rgb(20 26 22 / .72); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  padding: .35rem; color: #FFFFFF;
}
[data-variant="29-holme"] .holme-hero-velger button {
  width: 46px; height: 46px; border: 1px solid transparent; background: transparent; color: #FFFFFF;
  font: inherit; font-size: .9rem; font-variant-numeric: tabular-nums; cursor: pointer;
}
[data-variant="29-holme"] .holme-hero-velger button:hover { border-color: rgb(255 255 255 / .5); }
[data-variant="29-holme"] .holme-hero-velger button[aria-pressed="true"] { background: #FFFFFF; color: #141A16; }
[data-variant="29-holme"] .holme-hero-velger button:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }
[data-variant="29-holme"] .holme-hero-velger-navn { font-size: .82rem; padding: 0 .75rem 0 .5rem; white-space: nowrap; }
@media (max-width: 40rem) { [data-variant="29-holme"] .holme-hero-velger-navn { display: none; } }
/* Ikke et fargeoverlegg: bare en svak mørkning øverst, så menyen kan leses */
[data-variant="29-holme"] .holme-hero-bilderamme::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(to bottom, rgb(10 14 12 / .42) 0%, rgb(10 14 12 / 0) 26%);
}
@supports (animation-timeline: view()) {
  .js[data-variant="29-holme"] .holme-hero-bilde {
    animation: holme-parallakse linear both;
    animation-timeline: view();
    animation-range: exit 0% exit 100%;
  }
  @keyframes holme-parallakse { from { transform: translateY(0) scale(1.06); } to { transform: translateY(10%) scale(1.06); } }
}
/* Under bildet: overskriften stor og mørk til venstre, nummeret til høyre.
   Begge spaltene slutter på samme grunnlinje. */
[data-variant="29-holme"] .holme-hero-under { padding-top: clamp(2.25rem, 4.5vw, 4rem); }
[data-variant="29-holme"] .holme-hero-tekst { display: grid; gap: clamp(1.75rem, 3vw, 3rem); align-items: end; }
@media (min-width: 62rem) { [data-variant="29-holme"] .holme-hero-tekst { grid-template-columns: 7fr 5fr; gap: 4rem; } }
[data-variant="29-holme"] .holme-hero h1 {
  font-size: clamp(2.4rem, 1.3rem + 4vw, 5rem); line-height: 1.02; letter-spacing: -.025em;
  margin: 0; max-width: 12ch; text-wrap: balance;
}
[data-variant="29-holme"] .holme-hero-sted { display: block; color: var(--tekst-svak); font-size: .6em; margin-top: .3em; letter-spacing: -.01em; }
[data-variant="29-holme"] .holme-hero-side { display: grid; gap: .5rem; max-width: 34rem; }
[data-variant="29-holme"] .holme-hero-ingress { color: var(--tekst-svak); font-size: var(--brod-stor); margin: 0 0 1rem; max-width: 38ch; }
[data-variant="29-holme"] .holme-hero-tlf { margin: 0; line-height: 1; }
[data-variant="29-holme"] .holme-hero-tlf a {
  display: inline-flex; align-items: center; min-height: 48px;
  font-weight: 300; font-size: clamp(1.9rem, 1.2rem + 2.2vw, 3rem); letter-spacing: -.02em;
  color: var(--tekst); text-decoration: none; font-variant-numeric: tabular-nums;
  border-bottom: 1px solid var(--linje-sterk);
}
[data-variant="29-holme"] .holme-hero-tlf a:hover { color: var(--aksent-lenke); border-bottom-color: var(--aksent); }
[data-variant="29-holme"] .holme-hero-lenker { margin: 0; }

.js[data-variant="29-holme"] .holme-hero-tekst > * { opacity: 0; transform: translateY(10px); animation: holme-inn .8s cubic-bezier(.2,.7,.3,1) forwards; }
.js[data-variant="29-holme"] .holme-hero-tekst > :nth-child(2) { animation-delay: .12s; }
@keyframes holme-inn { to { opacity: 1; transform: none; } }

[data-variant="29-holme"] .holme-innhold { position: relative; z-index: 1; background: var(--ground); }

/* ---------- tre punkter i én linje, kanten som glir over bildet ---------- */
[data-variant="29-holme"] .holme-trygghet { border-bottom: 1px solid var(--linje); border-top: 1px solid var(--linje); margin-top: clamp(2.5rem, 5vw, 4.5rem); }
[data-variant="29-holme"] .holme-trygghet ul {
  list-style: none; margin: 0 auto; padding: 0;
  display: flex; flex-wrap: wrap; gap: 0 2.25rem;
}
[data-variant="29-holme"] .holme-trygghet li {
  display: inline-flex; align-items: center; gap: .7rem;
  min-height: 60px; font-size: .95rem; color: var(--tekst-svak);
}
[data-variant="29-holme"] .holme-trygghet li::before {
  content: ""; width: .45rem; height: .45rem; border-radius: 50%; background: var(--aksent);
}

/* ---------- karusellen ---------- */
[data-variant="29-holme"] .holme-prosjekter { padding-block: var(--seksjon) calc(var(--seksjon) * .8); overflow: hidden; }
[data-variant="29-holme"] .holme-spor-omslag { position: relative; }
/* Sonene på hver side av den midterste ruta. Pekeren blir en pil som viser
   retningen, og et trykk blar. Finnes bare der det er en peker å vise. */
[data-variant="29-holme"] .holme-sone {
  position: absolute; top: 0; bottom: 0; width: calc((100% - var(--slide-b)) / 2);
  background: transparent; border: 0; padding: 0; margin: 0; display: none;
}
[data-variant="29-holme"] .holme-sone--venstre {
  left: 0;
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'><path d='M22 8l-10 10 10 10' fill='none' stroke='white' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M22 8l-10 10 10 10' fill='none' stroke='%231D1E1C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") 18 18, w-resize;
}
[data-variant="29-holme"] .holme-sone--hoyre {
  right: 0;
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'><path d='M14 8l10 10-10 10' fill='none' stroke='white' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M14 8l10 10-10 10' fill='none' stroke='%231D1E1C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") 18 18, e-resize;
}
@media (hover: hover) and (pointer: fine) { [data-variant="29-holme"] .holme-sone { display: block; } }
[data-variant="29-holme"] .holme-spor {
  position: relative;
  display: flex; gap: clamp(.75rem, 1.6vw, 1.5rem);
  overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  padding-inline: calc((100% - var(--slide-b)) / 2);
  padding-block: .5rem 1rem;
  scrollbar-width: none;
}
[data-variant="29-holme"] .holme-spor::-webkit-scrollbar { display: none; }
[data-variant="29-holme"] .holme-spor:focus-visible { outline: 2px solid var(--fokus); outline-offset: -2px; }
[data-variant="29-holme"] .holme-slide {
  flex: 0 0 var(--slide-b); scroll-snap-align: center; scroll-snap-stop: always;
  text-decoration: none; color: inherit;
}
[data-variant="29-holme"] .holme-slide figure { margin: 0; }
[data-variant="29-holme"] .holme-slide img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; background: var(--flate-2); }
[data-variant="29-holme"] .holme-slide figcaption { display: grid; grid-template-columns: auto 1fr; gap: .2rem 1.25rem; padding-top: 1rem; align-items: baseline; }
[data-variant="29-holme"] .holme-slide-nr { grid-row: 1 / 3; font-size: var(--liten); letter-spacing: .1em; color: var(--tekst-svak); font-variant-numeric: tabular-nums; padding-top: .3rem; }
[data-variant="29-holme"] .holme-slide-tittel { font-size: var(--h3); font-weight: 300; }
[data-variant="29-holme"] .holme-slide-meta { font-size: var(--liten); letter-spacing: var(--sperre-stikk); text-transform: uppercase; color: var(--tekst-svak); }
[data-variant="29-holme"] .holme-slide:hover .holme-slide-tittel { color: var(--aksent-lenke); }
[data-variant="29-holme"] .holme-slide:focus-visible { outline: 2px solid var(--fokus); outline-offset: 4px; }
[data-variant="29-holme"] .holme-spor-bunn { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.5rem; margin-top: 1rem; }
[data-variant="29-holme"] .holme-spor-bunn .holme-pillenke, [data-variant="29-holme"] .holme-sveip { white-space: nowrap; }
/* På smal skjerm: prikkene på egen linje, hintet og lenka under */
@media (max-width: 40rem) { [data-variant="29-holme"] .holme-prikker { flex: 1 0 100%; } }
[data-variant="29-holme"] .holme-prikker { list-style: none; margin: 0; padding: 0; display: flex; gap: .25rem; }
[data-variant="29-holme"] .holme-prikker button {
  display: block; width: 2rem; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; position: relative;
  transition: width .3s ease;
}
[data-variant="29-holme"] .holme-prikker button::before {
  content: ""; position: absolute; left: .15rem; right: .15rem; top: 50%; height: 2px; margin-top: -1px;
  background: var(--linje-sterk); opacity: .45; transition: opacity .3s ease, background-color .3s ease;
}
[data-variant="29-holme"] .holme-prikker button[data-aktiv] { width: 3rem; }
[data-variant="29-holme"] .holme-prikker button[data-aktiv]::before { background: var(--aksent); opacity: 1; }
[data-variant="29-holme"] .holme-prikker button:hover::before { opacity: .9; }
[data-variant="29-holme"] .holme-prikker button:focus-visible { outline: 2px solid var(--fokus); outline-offset: 2px; }
[data-variant="29-holme"] .holme-sveip { display: none; margin: 0; font-size: var(--liten); color: var(--tekst-svak); letter-spacing: .06em; }
@media (hover: none) { [data-variant="29-holme"] .holme-sveip { display: block; } }

/* Den midterste ruta står skarpt, de ved siden av trekker seg litt tilbake.
   Styrt av rulleposisjonen i sporet, der nettleseren kan. */
@supports (animation-timeline: view()) {
  .js[data-variant="29-holme"] .holme-slide img {
    animation: holme-slide-fokus linear both;
    animation-timeline: view(inline);
    animation-range: cover 0% cover 100%;
  }
  @keyframes holme-slide-fokus {
    0% { transform: scale(.94); opacity: .55; }
    38%, 62% { transform: none; opacity: 1; }
    100% { transform: scale(.94); opacity: .55; }
  }
}

/* ---------- tjenester, med sekskanten bak ---------- */
[data-variant="29-holme"] .holme-tjenester { position: relative; padding-block: var(--seksjon); background: var(--flate); overflow: hidden; }
[data-variant="29-holme"] .holme-tjenester > .ramme { position: relative; z-index: 1; }
/* Sekskantkonturene vises bare på bred skjerm. På telefon ble de for store i
   forhold til teksten og så rare ut (Ole, 25. oktober). */
[data-variant="29-holme"] .holme-bak { display: none; position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; color: var(--kontur); }
@media (min-width: 62rem) { [data-variant="29-holme"] .holme-bak { display: block; } }
[data-variant="29-holme"] .holme-sekskant { position: absolute; width: clamp(20rem, 46vw, 44rem); height: auto; stroke-width: 1px; }
[data-variant="29-holme"] .holme-bak--hoyre .holme-sekskant { right: -10vw; top: -4rem; }
[data-variant="29-holme"] .holme-bak--venstre .holme-sekskant { left: -14vw; bottom: 4rem; }
@supports (animation-timeline: view()) {
  .js[data-variant="29-holme"] .holme-sekskant {
    animation: holme-driv linear both;
    animation-timeline: view();
    animation-range: cover 0% cover 100%;
  }
  @keyframes holme-driv { from { translate: 0 -5rem; } to { translate: 0 7rem; } }
}
/* Kompakt: to spalter på bred skjerm, mindre titler, tettere rader (Ole, 25. okt.) */
[data-variant="29-holme"] .holme-tjenester .holme-topp { margin-bottom: calc(var(--seksjon) * .3); }
[data-variant="29-holme"] .tjenesterad { grid-template-columns: 2.25rem minmax(0, 1fr) 2.25rem; gap: .75rem; padding-block: clamp(.85rem, 1.4vw, 1.1rem); }
[data-variant="29-holme"] .tjenesterad-nr { font-weight: 400; color: var(--tekst-svak); }
[data-variant="29-holme"] .tjenesterad-tittel { font-weight: 400; font-size: var(--h4); }
[data-variant="29-holme"] .tjenesterad-kort { font-size: .9rem; }
[data-variant="29-holme"] .tjenesterad-pil svg { width: 26px; }
@media (min-width: 62rem) {
  [data-variant="29-holme"] .holme-tjenester .tjenesteliste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3rem; border-bottom: 1px solid var(--linje); }
  [data-variant="29-holme"] .holme-tjenester .tjenesteliste li:last-child .tjenesterad { border-bottom: 0; }
}
[data-variant="29-holme"] .tjenesterad-pil { color: var(--aksent-lenke); }
[data-variant="29-holme"] .tjenesterad:hover .tjenesterad-tittel { color: var(--aksent-lenke); }
@media (max-width: 40rem) {
  [data-variant="29-holme"] .tjenesterad { grid-template-columns: 2rem minmax(0, 1fr) 2rem; gap: .75rem; }
  [data-variant="29-holme"] .tjenesterad-kort { font-size: .92rem; }
}

/* ---------- rutenettet: bildene om hverandre ---------- */
/* Rutenettet slutter rett mot neste seksjon, uten luft under */
[data-variant="29-holme"] .holme-molje { padding-block: var(--seksjon) 0; }
[data-variant="29-holme"] .holme-molje-topp { display: grid; gap: 2rem; align-items: center; margin-bottom: calc(var(--seksjon) * .4); }
[data-variant="29-holme"] .holme-molje-topp .holme-topp { margin-bottom: 0; }
@media (min-width: 62rem) { [data-variant="29-holme"] .holme-molje-topp { grid-template-columns: 1fr auto; gap: 4rem; } }
/* Tre detaljer i sekskanter, lagt som en liten bikube */
[data-variant="29-holme"] .holme-sekskanter {
  --hx: clamp(6rem, 18vw, 10rem); --hy: calc(var(--hx) / .866); --hg: .35rem;
  position: relative; width: calc(var(--hx) * 2 + var(--hg)); height: calc(var(--hy) * 1.75 + var(--hg));
  justify-self: start;
}
[data-variant="29-holme"] .holme-sekskant-bilde {
  position: absolute; width: var(--hx); height: var(--hy); object-fit: cover; display: block;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
[data-variant="29-holme"] .holme-sekskant-bilde:nth-child(1) { left: 0; top: 0; }
[data-variant="29-holme"] .holme-sekskant-bilde:nth-child(2) { left: calc(var(--hx) + var(--hg)); top: 0; }
[data-variant="29-holme"] .holme-sekskant-bilde:nth-child(3) { left: calc(var(--hx) * .5 + var(--hg) * .5); top: calc(var(--hy) * .75 + var(--hg)); }
.js[data-variant="29-holme"] .holme-sekskanter.ton-trapp .holme-sekskant-bilde { opacity: 0; transform: scale(.9); transition: opacity .6s ease, transform .7s cubic-bezier(.2,.7,.3,1); }
.js[data-variant="29-holme"] .holme-sekskanter.ton-trapp .holme-sekskant-bilde:nth-child(2) { transition-delay: .12s; }
.js[data-variant="29-holme"] .holme-sekskanter.ton-trapp .holme-sekskant-bilde:nth-child(3) { transition-delay: .24s; }
.js[data-variant="29-holme"] .holme-sekskanter.ton-trapp.inne .holme-sekskant-bilde { opacity: 1; transform: none; }
[data-variant="29-holme"] .holme-rutenett {
  display: grid; gap: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: calc(100vw / 2 * .8);
  grid-auto-flow: dense;
  background: var(--mork);
}
[data-variant="29-holme"] .holme-rute { margin: 0; position: relative; overflow: hidden; min-height: 0; background: var(--flate-2); }
[data-variant="29-holme"] .holme-rute img { width: 100%; height: 100%; object-fit: cover; display: block; }
[data-variant="29-holme"] .holme-rute--b2, [data-variant="29-holme"] .holme-rute--b3 { grid-column: span 2; }
[data-variant="29-holme"] .holme-rute--h2 { grid-row: span 2; }
@media (max-width: 61.98rem) { [data-variant="29-holme"] .holme-rute--b2m { grid-column: span 2; } }
[data-variant="29-holme"] .holme-rute figcaption {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  padding: clamp(.8rem, 1.6vw, 1.25rem);
  background: linear-gradient(to top, rgb(15 15 14 / .74), rgb(15 15 14 / 0));
}
[data-variant="29-holme"] .holme-rute-navn { display: grid; gap: .1rem; text-decoration: none; color: #FFFFFF; min-height: 46px; align-content: end; }
[data-variant="29-holme"] .holme-rute-tittel { font-size: var(--h4); font-weight: 400; line-height: 1.2; }
[data-variant="29-holme"] .holme-rute-meta { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; opacity: .85; }
[data-variant="29-holme"] .holme-rute-navn:hover .holme-rute-tittel { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
[data-variant="29-holme"] .holme-rute-navn:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }
/* Det første bildet fra hver jobb får en kort grønn strek øverst til venstre */
@media (min-width: 62rem) {
  [data-variant="29-holme"] .holme-rutenett {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-rows: calc(min(100vw, 120rem) / 6 * .78);
  }
  [data-variant="29-holme"] .holme-rute--b3 { grid-column: span 3; }
}
@media (min-width: 120rem) {
  [data-variant="29-holme"] .holme-rutenett { max-width: 120rem; margin-inline: auto; }
}
/* Rekkefølgen for inntoning, som data-attributt siden CSP-en nekter style-attributter */
[data-variant="29-holme"] .holme-rute[data-i="1"] { --i: 1; }
[data-variant="29-holme"] .holme-rute[data-i="2"] { --i: 2; }
[data-variant="29-holme"] .holme-rute[data-i="3"] { --i: 3; }
[data-variant="29-holme"] .holme-rute[data-i="4"] { --i: 4; }
[data-variant="29-holme"] .holme-rute[data-i="5"] { --i: 5; }
/* Rutene kommer inn én etter én, med forskyvningen bevart */
.js[data-variant="29-holme"] .holme-rute.ton {
  opacity: 0; transform: translateY(calc(var(--skyv, 0px) + 16px)) scale(.97);
  transition: opacity .7s ease, transform .8s cubic-bezier(.2,.7,.3,1);
  transition-delay: calc(var(--i, 0) * 70ms);
}
.js[data-variant="29-holme"] .holme-rute.ton.inne { opacity: 1; transform: translateY(var(--skyv, 0px)) scale(1); }

/* Før og etter som rute */
[data-variant="29-holme"] .holme-rute--foretter { display: grid; grid-template-rows: minmax(0, 1fr) auto; background: var(--mork); }
[data-variant="29-holme"] .holme-foretter {
  position: relative; overflow: hidden; min-height: 0;
  touch-action: pan-y; user-select: none; -webkit-user-select: none;
}
[data-variant="29-holme"] .holme-foretter img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
[data-variant="29-holme"] .holme-foretter-etter, [data-variant="29-holme"] .holme-foretter-for { position: absolute; inset: 0; }
[data-variant="29-holme"] .holme-foretter-for { clip-path: inset(0 calc(100% - var(--del, 50%)) 0 0); }
[data-variant="29-holme"] .holme-foretter-hand {
  position: absolute; top: 0; bottom: 0; left: var(--del, 50%);
  width: 2px; margin-left: -1px; background: #FFFFFF; cursor: ew-resize;
}
[data-variant="29-holme"] .holme-foretter-hand span {
  position: absolute; top: 50%; left: 50%; width: 48px; height: 48px; transform: translate(-50%, -50%);
  border-radius: 50%; background: #FFFFFF; box-shadow: 0 6px 20px -6px rgb(0 0 0 / .5);
}
[data-variant="29-holme"] .holme-foretter-hand span::before,
[data-variant="29-holme"] .holme-foretter-hand span::after {
  content: ""; position: absolute; top: 50%; width: 9px; height: 9px;
  border-top: 2px solid #005C41; border-left: 2px solid #005C41;
}
[data-variant="29-holme"] .holme-foretter-hand span::before { left: 12px; transform: translateY(-50%) rotate(-45deg); }
[data-variant="29-holme"] .holme-foretter-hand span::after { right: 12px; transform: translateY(-50%) rotate(135deg); }
[data-variant="29-holme"] .holme-foretter input[type="range"] {
  position: absolute; inset: 0; width: 100%; height: 100%; min-height: 46px; opacity: 0; margin: 0; cursor: ew-resize;
}
[data-variant="29-holme"] .holme-foretter input[type="range"]:focus-visible { outline: 3px solid #FFFFFF; outline-offset: -3px; opacity: 1; appearance: none; background: transparent; }
[data-variant="29-holme"] .holme-foretter-merke {
  position: absolute; top: .9rem; z-index: 1; pointer-events: none;
  font-size: .72rem; font-weight: 500; letter-spacing: .12em; text-transform: uppercase;
  background: #FFFFFF; color: #1D1E1C; padding: .3rem .6rem;
}
[data-variant="29-holme"] .holme-foretter-merke--for { left: .9rem; }
[data-variant="29-holme"] .holme-foretter-merke--etter { right: .9rem; }
[data-variant="29-holme"] .holme-rute-navn--foretter { padding: .8rem clamp(.8rem, 1.6vw, 1.25rem) .9rem; color: var(--paa-mork); }
[data-variant="29-holme"] .holme-rute-navn--foretter .holme-rute-meta { color: var(--bunn-svak); opacity: 1; }
[data-variant="29-holme"] .holme-rute-navn--foretter:focus-visible { outline-color: var(--lenke-mork); }

/* ---------- hvem vi er ----------
   Tekst ved bilde øverst, så de to tømrerne med sekskantet portrettplass,
   så faktalinja og godkjenningsmerket. Ingen dekor bak. */
[data-variant="29-holme"] .holme-omoss { padding-block: var(--seksjon); background: var(--flate); }
[data-variant="29-holme"] .holme-omoss-topp { display: grid; gap: clamp(2rem, 4vw, 3.5rem); align-items: center; }
@media (min-width: 62rem) { [data-variant="29-holme"] .holme-omoss-topp { grid-template-columns: 1.05fr .95fr; gap: clamp(3rem, 6vw, 6rem); } }
[data-variant="29-holme"] .holme-omoss-tekst h2 { max-width: 16ch; }
[data-variant="29-holme"] .holme-omoss-tekst p { color: var(--tekst-svak); max-width: 52ch; }
[data-variant="29-holme"] .holme-omoss-tekst p:last-child { margin-bottom: 0; }
[data-variant="29-holme"] .holme-omoss-bilde { margin: 0; }
[data-variant="29-holme"] .holme-omoss-bilde img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 40%; display: block; }

[data-variant="29-holme"] .holme-personer {
  list-style: none; margin: clamp(3rem, 5vw, 4.5rem) 0 0; padding: clamp(1.75rem, 3vw, 2.5rem) 0;
  border-top: 1px solid var(--linje); border-bottom: 1px solid var(--linje);
  display: grid; gap: clamp(1.75rem, 3vw, 2.5rem);
}
@media (min-width: 48rem) { [data-variant="29-holme"] .holme-personer { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 3rem; } }
[data-variant="29-holme"] .holme-person { display: grid; grid-template-columns: var(--portrett, 7.5rem) minmax(0, 1fr); gap: clamp(1rem, 2vw, 1.75rem); align-items: center; }
[data-variant="29-holme"] .holme-portrett {
  width: var(--portrett, 7.5rem); aspect-ratio: .866;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  background: var(--flate-2); display: grid; place-items: center; text-align: center;
  color: var(--tekst-svak); font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; line-height: 1.3; padding: 1rem;
}
[data-variant="29-holme"] .holme-portrett img { width: 100%; height: 100%; object-fit: cover; }
[data-variant="29-holme"] .holme-person-tekst { display: grid; gap: .1rem; }
[data-variant="29-holme"] .holme-person-navn { font-size: var(--h4); font-weight: 400; }
[data-variant="29-holme"] .holme-person-rolle { font-size: var(--liten); letter-spacing: var(--sperre-stikk); text-transform: uppercase; color: var(--tekst-svak); margin-bottom: .35rem; }
[data-variant="29-holme"] .holme-person-tlf, [data-variant="29-holme"] .holme-person-epost {
  display: inline-flex; align-items: center; min-height: 46px; text-decoration: none; color: var(--aksent-lenke); overflow-wrap: anywhere; justify-self: start;
}
[data-variant="29-holme"] .holme-person-tlf { color: var(--tekst); font-weight: 400; font-size: var(--brod-stor); }
[data-variant="29-holme"] .holme-person-tlf:hover, [data-variant="29-holme"] .holme-person-epost:hover { text-decoration: underline; text-underline-offset: .2em; }

[data-variant="29-holme"] .holme-fakta {
  margin: clamp(1.75rem, 3vw, 2.5rem) 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 2rem;
}
@media (min-width: 62rem) { [data-variant="29-holme"] .holme-fakta { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
[data-variant="29-holme"] .holme-fakta div { display: grid; gap: .15rem; }
[data-variant="29-holme"] .holme-fakta dt { font-size: var(--liten); letter-spacing: var(--sperre-stikk); text-transform: uppercase; color: var(--tekst-svak); }
[data-variant="29-holme"] .holme-fakta dd { margin: 0; font-size: var(--h4); font-weight: 400; font-variant-numeric: tabular-nums; }
[data-variant="29-holme"] .holme-merke {
  display: flex; align-items: center; gap: 1rem; margin: clamp(1.75rem, 3vw, 2.5rem) 0 0; font-size: .92rem;
}
[data-variant="29-holme"] .holme-merke img { width: 56px; min-width: 34px; height: auto; flex: 0 0 auto; }
[data-variant="29-holme"] .holme-merke-mork { display: none; }
[data-variant="29-holme"][data-tema="mork"] .holme-merke-lys { display: none; }
[data-variant="29-holme"][data-tema="mork"] .holme-merke-mork { display: block; }
@media (max-width: 40rem) { [data-variant="29-holme"] .holme-person { --portrett: 6rem; } }

/* ---------- spørsmål ---------- */
[data-variant="29-holme"] .holme-sporsmaal { padding-block: var(--seksjon); }
[data-variant="29-holme"] .holme-sporsmaal-inn { display: grid; gap: 2rem; align-items: start; }
@media (min-width: 55rem) { [data-variant="29-holme"] .holme-sporsmaal-inn { grid-template-columns: 1fr 1.6fr; gap: 4rem; } }
[data-variant="29-holme"] .sporsmaal-post summary { font-weight: 400; font-size: var(--h4); }

/* ---------- kontakt: nummeret stort ---------- */
[data-variant="29-holme"] .holme-kontakt { padding-block: var(--seksjon); background: var(--flate); border-top: 1px solid var(--linje); }
[data-variant="29-holme"] .holme-kontakt h2 { max-width: 20ch; }
[data-variant="29-holme"] .holme-tlf { margin: 1.5rem 0 .5rem; max-width: none; line-height: 1; }
[data-variant="29-holme"] .holme-tlf a {
  font-family: var(--font-display); font-weight: 300;
  font-size: clamp(2.4rem, 1rem + 7.5vw, 7rem); letter-spacing: -.025em;
  color: var(--tekst); text-decoration: none; display: inline-block;
  font-variant-numeric: tabular-nums;
  border-bottom: 1px solid var(--linje-sterk); padding-bottom: .08em;
}
[data-variant="29-holme"] .holme-tlf a:hover { color: var(--aksent-lenke); border-bottom-color: var(--aksent); }
[data-variant="29-holme"] .holme-aapent { display: inline-flex; align-items: center; gap: .55rem; font-size: .92rem; color: var(--tekst-svak); margin: .5rem 0 0; }
[data-variant="29-holme"] .holme-aapent::before { content: ""; width: .5rem; height: .5rem; border-radius: 50%; background: var(--linje-sterk); }
[data-variant="29-holme"] .holme-aapent[data-status="aapent"]::before { background: var(--aksent); }
[data-variant="29-holme"] .holme-kontakt-tekst { color: var(--tekst-svak); max-width: 46ch; margin: 1.75rem 0 1rem; font-size: var(--brod-stor); }
[data-variant="29-holme"] .holme-kontakt-lenker { display: flex; flex-wrap: wrap; gap: .25rem 2.5rem; margin: 0; }

/* ---------- undersidene, samme formspråk som Lekt ---------- */
[data-variant="29-holme"] .seksjon-topp h1 { max-width: 16ch; }
[data-variant="29-holme"] .seksjon-topp p { color: var(--tekst-svak); }
[data-variant="29-holme"] .kort { border: 0; border-top: 1px solid var(--linje); padding: 1.25rem 0 0; background: transparent; }
[data-variant="29-holme"] .prosjektkort { border: 0; background: transparent; }
[data-variant="29-holme"] .prosjektkort img { aspect-ratio: 3 / 2; object-fit: cover; }
[data-variant="29-holme"] .prosjektkort .innhold { padding: .9rem 0 0; }
[data-variant="29-holme"] .prosjektkort h2, [data-variant="29-holme"] .prosjektkort h3 { font-weight: 400; }
[data-variant="29-holme"] .person { border: 0; border-top: 1px solid var(--linje); padding: 1.5rem 0 0; background: transparent; }
[data-variant="29-holme"] .person .portrett {
  width: 7.5rem; aspect-ratio: .866; border: 0; margin-bottom: 1rem;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  background: var(--flate-2); display: grid; place-items: center; text-align: center;
  color: var(--tekst-svak); font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; line-height: 1.3; padding: 1rem;
}
[data-variant="29-holme"] .godkjenning h2 { font-weight: 300; }
/* Skjemaet: luft mellom feltene, tydelige felt med hårfin ramme og god innvendig plass */
[data-variant="29-holme"] .skjema { gap: 1.75rem; max-width: 36rem; }
[data-variant="29-holme"] .felt { gap: .6rem; }
[data-variant="29-holme"] .felt label { font-weight: 500; font-size: .95rem; }
[data-variant="29-holme"] .felt .hint { margin-top: .1rem; }
[data-variant="29-holme"] .felt input, [data-variant="29-holme"] .felt textarea, [data-variant="29-holme"] .felt select {
  border: 1px solid var(--linje-sterk); border-radius: 0; background: var(--flate);
  padding: .95rem 1.1rem; min-height: 56px; font-size: 1rem;
}
[data-variant="29-holme"] .felt textarea { min-height: 11rem; line-height: 1.5; }
[data-variant="29-holme"] .felt input:focus, [data-variant="29-holme"] .felt textarea:focus, [data-variant="29-holme"] .felt select:focus {
  border-color: var(--aksent); outline: 2px solid var(--aksent); outline-offset: -2px;
}
[data-variant="29-holme"] .skjema .knapp { justify-self: start; margin-top: .5rem; padding: 1rem 1.75rem; }
[data-variant="29-holme"] .bunn h2 { font-weight: 500; letter-spacing: .14em; font-size: .78rem; }
[data-variant="29-holme"] .bunn a { text-decoration: none; }
/* Telefonnumrene står i løpende tekst og må kunne skilles fra teksten uten farge */
[data-variant="29-holme"] .bunn li a[href^="tel:"], [data-variant="29-holme"] .bunn p a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
[data-variant="29-holme"] .bunn a[href^="tel:"] { white-space: nowrap; }
[data-variant="29-holme"] .bunn li { white-space: nowrap; }
@media (min-width: 62rem) { [data-variant="29-holme"] .bunn-rutenett { grid-template-columns: .9fr 1.6fr .7fr 1.5fr; gap: 2.5rem; } }
[data-variant="29-holme"] .apningstider dt, [data-variant="29-holme"] .apningstider dd { white-space: nowrap; }
[data-variant="29-holme"] .bunn a:hover { text-decoration: underline; }
[data-variant="29-holme"] .temabryter { border-radius: 0; }

/* ---------- bevegelse ---------- */
.js[data-variant="29-holme"] .ton { opacity: 0; transform: translateY(12px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.3,1); }
.js[data-variant="29-holme"] .ton.inne { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .js[data-variant="29-holme"] .ton, .js[data-variant="29-holme"] .ton.inne,
  .js[data-variant="29-holme"] .holme-rute.ton, .js[data-variant="29-holme"] .holme-rute.ton.inne { opacity: 1; transform: translateY(var(--skyv, 0px)); transition: none; }
  .js[data-variant="29-holme"] .holme-hero-tekst > * { animation: none; opacity: 1; transform: none; }
  .js[data-variant="29-holme"] .holme-slide img, .js[data-variant="29-holme"] .holme-sekskant, .js[data-variant="29-holme"] .holme-hero-bilde { animation: none; }
  [data-variant="29-holme"] .holme-hero-bilde { transition: none; }
  .js[data-variant="29-holme"] .holme-sekskanter.ton-trapp .holme-sekskant-bilde { opacity: 1; transform: none; transition: none; }
  [data-variant="29-holme"] .hode, [data-variant="29-holme"] .holme-prikker button, [data-variant="29-holme"] .holme-prikker button::before { transition: none; }
  .js[data-variant="29-holme"] .meny[open] .meny-panel li { animation: none; opacity: 1; transform: none; }
}