/* ============================================================
   Dentina International — stil sajta.
   Učitava se POSLJEDNJI, poslije svih `section.css` i `brend.css`.

   Šta ovaj fajl radi:
   1. veže sve sekcije na JEDNU paletu, JEDNO pismo i JEDNU skalu
      (sekcije nose tokene svojih templata i inače izgledaju kao
      sedam različitih sajtova);
   2. popravlja mjesta gdje templat nosi tvrdo upisanu boju;
   3. slaže hero na telefonu tako da tekst siđe ISPOD fotografije.

   Geometrija se NE dira: nijedno pravilo ovdje ne postavlja
   display, grid-template-*, flex-direction, order, position, top,
   right, bottom, left, align-*, justify-* ni text-align na klasama
   sekcija. Sve što je ovdje su boje, pismo, razmaci, radijusi,
   sjenke, pozadine i visine slotova.
   ============================================================ */

:root {
  --head-h: 76px;
  --brand-navy: #33456A;
  --brand-navy-dk: #2A3757;
  --brand-sky: #6FC1EC;
  --brand-sky-dk: #176E97;
  --brand-ink: #222D45;
}

@media (max-width: 760px) {
  :root { --head-h: 62px; }
}

html {
  scroll-behavior: smooth;
  /* Zaglavlje je position: fixed — bez ovoga kotva stane ispod njega. */
  scroll-padding-top: calc(var(--head-h) + 18px);
}

body {
  margin: 0;
  background: #FFFFFF;
  color: var(--brand-ink);
  /* clip, ne hidden: hidden pravi scroll kontejner i lomi ljepljive
     elemente. Ovdje je samo pojas sigurnosti za dekorativne mrlje. */
  overflow-x: clip;
}

.band { position: relative; }

/* ============================================================
   1. JEDNA PALETA, JEDNO PISMO, JEDNA SKALA
   ============================================================ */

.sec-quiet-hours-header,
.sec-klar-hero,
.sec-sonnenschein-services,
.sec-housecall-referenzen,
.sec-rowan-parallax,
.sec-aperta-about,
.sec-bloom-results,
.sec-rowan-gallery,
.sec-terra-faq,
.sec-terra-footer {
  /* ---- pismo: Nunito za naslove, Inter za tekst, na cijelom sajtu ---- */
  --ff-display: var(--font-display-rounded);
  --ff-body: var(--font-sans);

  /* ---- neutrali ---- */
  --c-bg:          #FFFFFF;
  --c-bg-alt:      #EFF4F9;
  --c-white:       #FFFFFF;
  --c-surface:     #DFEAF3;
  --c-ink:         #222D45;
  --c-text:        #1B2436;
  --c-text-muted:  #545F78;
  --c-text-invert: #FFFFFF;
  --c-on-dark:     #EEF3F9;
  --c-on-dark-mu:  rgba(238, 243, 249, 0.80);
  --c-line:        rgba(27, 36, 54, 0.12);
  --c-line-strong: rgba(27, 36, 54, 0.24);
  --c-line-dark:   rgba(238, 243, 249, 0.24);

  /* ---- brend: svijetlija nijansa primarne je previše siva za tamnu
          podlogu, pa je ovdje podignuta iznad AA (6,6:1 na podnožju) ---- */
  --c-primary-lt:  #A9B6CE;

  /* ---- boje templata koje brend.css ne dira ---- */
  --c-mint:        #6FC1EC;
  --c-mint-soft:   #E3F1FA;
  --c-coral:       #6FC1EC;
  --c-coral-dk:    #176E97;
  --c-coral-soft:  #DCEDF8;
  --c-sun:         #6FC1EC;
  --c-sun-soft:    #EDF1F8;
  --c-star:        #E0A32B;
  --c-whatsapp:    #128C7E;
  --c-whatsapp-dk: #0E6F63;

  /* ---- radijusi ---- */
  --r-xs: 8px;  --r-sm: 12px; --r-md: 16px;  --r-lg: 20px;
  --r-xl: 26px; --r-2xl: 34px; --r-gallery: 14px; --r-pill: 999px;
  --r-circle: 50%;
  --r-squircle: 46% 54% 52% 48% / 50% 46% 54% 50%;

  /* ---- sjenke ---- */
  --sh-xs: 0 1px 2px rgba(27, 36, 54, 0.06);
  --sh-sm: 0 4px 16px -8px rgba(27, 36, 54, 0.20);
  --sh-md: 0 14px 34px -16px rgba(27, 36, 54, 0.26);
  --sh-lg: 0 26px 58px -22px rgba(27, 36, 54, 0.30);
  --sh-xl: 0 44px 92px -32px rgba(27, 36, 54, 0.34);

  /* ---- ritam ---- */
  --section-y: clamp(56px, 7.5vw, 104px);
  --gutter:    clamp(20px, 5vw, 48px);
  --maxw:      1220px;
  --header-h:  76px;

  /* ---- tipografska skala ---- */
  --fs-xs:   0.8125rem;
  --fs-sm:   0.9375rem;
  --fs-base: 1rem;
  --fs-md:   1.0625rem;
  --fs-lg:   clamp(1.0625rem, 0.35vw + 1rem, 1.1875rem);
  --fs-h4:   clamp(1.125rem, 0.6vw + 1rem, 1.375rem);
  --fs-h3:   clamp(1.375rem, 1vw + 1.1rem, 1.75rem);
  --fs-h2:   clamp(1.75rem, 2.2vw + 1.2rem, 2.75rem);
  --fs-h1:   clamp(2rem, 3.6vw + 1.2rem, 3.75rem);
  --lh-tight: 1.1;
  --lh-snug:  1.2;
  --lh-body:  1.62;
  --ls-tight: -0.02em;
  --ls-label:  0.12em;
}

@media (max-width: 760px) {
  .sec-quiet-hours-header,
  .sec-klar-hero,
  .sec-sonnenschein-services,
  .sec-housecall-referenzen,
  .sec-rowan-parallax,
  .sec-aperta-about,
  .sec-bloom-results,
  .sec-rowan-gallery,
  .sec-terra-faq,
  .sec-terra-footer { --header-h: 62px; }
}

/* Naslovi: Nunito nosi težinu 800 bez da postane debeo. */
.sec-quiet-hours-header :is(h1, h2, h3, h4),
.sec-klar-hero :is(h1, h2, h3, h4),
.sec-sonnenschein-services :is(h1, h2, h3, h4),
.sec-housecall-referenzen :is(h1, h2, h3, h4),
.sec-rowan-parallax :is(h1, h2, h3, h4),
.sec-aperta-about :is(h1, h2, h3, h4),
.sec-bloom-results :is(h1, h2, h3, h4),
.sec-rowan-gallery :is(h1, h2, h3, h4),
.sec-terra-faq :is(h1, h2, h3, h4),
.sec-terra-footer :is(h1, h2, h3, h4) {
  font-weight: 800;
  letter-spacing: var(--ls-tight);
  color: var(--c-primary-dk);
}

/* Nadnaslov („eyebrow") je u sekcijama nacrtan na četiri načina —
   crtica prije, crtica poslije, debela pilula. Ovdje postaje jedno. */
.sec-quiet-hours-header .u-label,
.sec-klar-hero .u-label,
.sec-housecall-referenzen .u-label,
.sec-rowan-parallax .u-label,
.sec-aperta-about .u-label,
.sec-bloom-results .u-label,
.sec-rowan-gallery .u-label,
.sec-terra-faq .u-label {
  gap: 10px;
  font-weight: 800;
  font-size: var(--fs-xs);
  letter-spacing: var(--ls-label);
  color: var(--accent-strong);
}
.sec-quiet-hours-header .u-label::after,
.sec-klar-hero .u-label::before,
.sec-rowan-parallax .u-label::before,
.sec-aperta-about .u-label::before,
.sec-bloom-results .u-label::before,
.sec-rowan-gallery .u-label::before,
.sec-terra-faq .u-label::before {
  width: 26px; height: 3px;
  border-radius: var(--r-pill);
  background: var(--accent);
}
/* na tamnoj podlozi ista traka ide u svijetlo */
.sec-rowan-parallax .u-dark .u-label,
.sec-bloom-results .u-dark .u-label,
.sec-rowan-gallery .u-dark .u-label { color: var(--accent); }

/* Dugmad: ista visina i isti radijus u svim sekcijama. */
.sec-quiet-hours-header .u-btn,
.sec-klar-hero .u-btn,
.sec-rowan-parallax .u-btn,
.sec-rowan-gallery .u-btn {
  font-weight: 800;
  letter-spacing: 0.005em;
  border-radius: var(--r-pill);
}

/* ============================================================
   2. ZAGLAVLJE — tamnoplava traka, ista i preko heroja i poslije
      skrola. Sekcija je crtana za tamnu hero fotografiju: kad se
      „zalijepi" prelazi u svijetlo. Naš hero je svijetao, pa bi ta
      dva stanja bila dva različita zaglavlja.
   ============================================================ */

.sec-quiet-hours-header .site-head::before {
  background: linear-gradient(180deg,
    rgba(34, 45, 69, 0.95) 0%,
    rgba(34, 45, 69, 0.93) calc(100% - 20px),
    rgba(34, 45, 69, 0) 100%);
}
.sec-quiet-hours-header .site-head.is-stuck {
  background: transparent;
  border-bottom-color: rgba(238, 243, 249, 0.16);
  box-shadow: 0 10px 30px -18px rgba(15, 22, 38, 0.85);
}
.sec-quiet-hours-header .site-head.is-stuck::before { opacity: 1; }

.sec-quiet-hours-header .site-head.is-stuck .brand__tx strong,
.sec-quiet-hours-header .site-head.is-stuck .site-nav a,
.sec-quiet-hours-header .site-head.is-stuck .head-tel { color: var(--c-on-dark); }
.sec-quiet-hours-header .site-head.is-stuck .brand__tx small { color: var(--c-on-dark-mu); }
.sec-quiet-hours-header .site-head.is-stuck .head-tel svg { color: var(--accent); }
.sec-quiet-hours-header .site-head.is-stuck .site-nav a:hover,
.sec-quiet-hours-header .site-head.is-stuck .head-tel:hover {
  background: rgba(238, 243, 249, 0.16);
  color: #FFFFFF;
}
.sec-quiet-hours-header .site-head.is-stuck .burger {
  background: rgba(238, 243, 249, 0.18);
  color: var(--c-on-dark);
}

/* Znak ordinacije je slika, ne SVG. */
.sec-quiet-hours-header .brand__mark {
  width: 40px; height: 40px;
  border-radius: 11px;
  overflow: hidden;
  box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.5);
}
.sec-quiet-hours-header .brand__mark img { width: 100%; height: 100%; }
.sec-quiet-hours-header .brand__tx strong { font-size: 1.3rem; font-weight: 800; letter-spacing: -0.01em; }
.sec-quiet-hours-header .brand__tx small { letter-spacing: 0.01em; }

.sec-quiet-hours-header .site-nav a { font-weight: 600; }

/* WhatsApp u zaglavlju ostaje zelen i prije i poslije skrola —
   zeleno dugme se prepoznaje, bijelo se čita kao još jedan link. */
.sec-quiet-hours-header .site-head .head-cta.u-btn--wa {
  --btn-bg: var(--c-whatsapp);
  --btn-fg: #FFFFFF;
  font-weight: 800;
}
.sec-quiet-hours-header .site-head .head-cta.u-btn--wa:hover { --btn-bg: var(--c-whatsapp-dk); }

/* Panel menija */
.sec-quiet-hours-header .sheet__panel { background: var(--c-bg); border-radius: var(--r-2xl) var(--r-2xl) 0 0; }
.sec-quiet-hours-header .sheet__list a { font-weight: 700; font-size: 1.125rem; }
.sec-quiet-hours-header .sheet__hours { color: var(--c-text-muted); }

/* Ljepljiva traka na dnu telefona */
.sec-quiet-hours-header .mobile-bar {
  background: rgba(255, 255, 255, 0.94);
  border-top: 1px solid var(--c-line);
  box-shadow: 0 -10px 30px -22px rgba(15, 22, 38, 0.7);
}
.sec-quiet-hours-header .mobile-bar__i { font-weight: 800; }

/* ============================================================
   3. HERO
   ============================================================ */

.sec-klar-hero .hero__bg::after {
  background: linear-gradient(96deg,
    #FFFFFF 0%,
    #FFFFFF 38%,
    rgba(255, 255, 255, 0.86) 51%,
    rgba(255, 255, 255, 0.24) 74%,
    rgba(255, 255, 255, 0) 90%);
}
.sec-klar-hero .hero__glow {
  background: radial-gradient(closest-side, rgba(111, 193, 236, 0.34), transparent 70%);
}
.sec-klar-hero .hero h1 { max-width: 15ch; }
.sec-klar-hero .hero__lead { color: var(--c-text-muted); }
.sec-klar-hero .u-hl {
  background: var(--accent);
  color: #12283A;
  border-radius: var(--r-sm);
}
.sec-klar-hero .u-sticker {
  background: var(--accent-soft);
  color: var(--accent-strong);
  font-weight: 800;
  border: 1px solid rgba(23, 110, 151, 0.20);
}
.sec-klar-hero .hero__price-tx { color: var(--c-text-muted); }
.sec-klar-hero .u-btn--line { --btn-fg: var(--c-primary-dk); --btn-bd: var(--c-line-strong); }
.sec-klar-hero .u-btn--line:hover { --btn-bd: var(--primary); --btn-bg: var(--c-bg-alt); }

/* ---- Telefon: tekst SILAZI ISPOD fotografije ----
   `.hero__bg` je `inset: 0` (zaključano). Kad mu se zada visina,
   donja ivica prestaje biti vezana i slika dobije stvaran okvir —
   pa nema ni zatamnjenja, ni teksta preko slike. */
/* Granica je 760 px, ne 640: na 760 sekcija sama pretvara zatamnjenje u
   uspravno, 96 % bijelo preko cijele slike — fotografija tu prestaje biti
   fotografija. Slaganje u blokove je počinje na istoj tački. */
@media (max-width: 760px) {
  .sec-klar-hero .hero {
    min-height: 0;
    padding-block: calc(var(--header-h) + 52vw + 26px) 44px;
    background: var(--c-bg);
  }
  .sec-klar-hero .hero__bg { height: calc(var(--header-h) + 52vw); }
  .sec-klar-hero .hero__bg img { object-position: center 44%; }
  /* zatamnjenja nema — tekst nije preko slike; ostaje samo tanak
     prelaz ispod zaglavlja da traka ne sjedne na sredinu lica */
  .sec-klar-hero .hero__bg::after {
    background: linear-gradient(180deg,
      rgba(34, 45, 69, 0.55) 0%,
      rgba(34, 45, 69, 0.10) calc(var(--header-h) + 18px),
      rgba(34, 45, 69, 0) calc(var(--header-h) + 40px));
  }
  .sec-klar-hero .hero__glow { background: none; }
  .sec-klar-hero .hero__copy > * + * { margin-top: 18px; }
  .sec-klar-hero .hero h1 { max-width: none; }
  .sec-klar-hero .hero__lead { font-size: 1rem; }
  /* uvod je na telefonu kraći — tri reda, ne šest */
  .sec-klar-hero .lead-more { display: none; }
  .sec-klar-hero .u-btn--lg { min-height: 54px; padding: 15px 26px; font-size: 1rem; }
}

/* ============================================================
   4. USLUGE
   ============================================================ */

.sec-sonnenschein-services .svcs { background: var(--c-bg-alt); }
.sec-sonnenschein-services .u-chip {
  --chip-bg: var(--accent-soft);
  --chip-fg: var(--accent-strong);
  font-weight: 800;
  letter-spacing: var(--ls-label);
}
.sec-sonnenschein-services .u-chip::before { background: var(--accent); }
.sec-sonnenschein-services .svcs__head p { color: var(--c-text-muted); }

.sec-sonnenschein-services .bento {
  border-radius: var(--r-lg);
  box-shadow: var(--sh-sm);
  gap: 8px;
}
.sec-sonnenschein-services .bento--hero {
  background: linear-gradient(150deg, #2B3A5C 0%, #17527A 100%);
}
.sec-sonnenschein-services .bento--hero .bento__ic { background: var(--accent); color: #12283A; }
.sec-sonnenschein-services .bento__ic { color: var(--accent-strong); box-shadow: var(--sh-xs); }
.sec-sonnenschein-services .bento h3 { line-height: 1.25; }
.sec-sonnenschein-services .bento p { color: var(--c-text-muted); }
.sec-sonnenschein-services .bento--hero p { color: rgba(255, 255, 255, 0.88); }
.sec-sonnenschein-services .bento__list li { color: rgba(255, 255, 255, 0.94); }
.sec-sonnenschein-services .bento__list li::before { border-color: var(--accent); }
/* Nebeskoplava iz logotipa na dnu tamne kartice daje 4,1:1 — premalo za
   tekst od 15 px. Ista boja posvijetljena nosi 5,2:1. */
.sec-sonnenschein-services .bento__go { color: #9FD6F2; font-weight: 800; }
.sec-sonnenschein-services .bento__go:hover { color: #FFFFFF; }

/* ============================================================
   5. RECENZIJE
   ============================================================ */

.sec-housecall-referenzen .revs { background: var(--c-bg); }
/* Ova sekcija nema traku uz nadnaslov nego crtu ispod naslova —
   ista uloga, pa dobija istu boju i debljinu kao trake drugdje. */
.sec-housecall-referenzen .u-head h2::after {
  width: 26px; height: 3px;
  border-radius: var(--r-pill);
  background: var(--accent);
}
.sec-housecall-referenzen .rev {
  border-radius: var(--r-lg);
  border-color: var(--c-line);
  box-shadow: var(--sh-xs);
  padding: 26px;
}
.sec-housecall-referenzen .rev__tx { color: var(--c-text); }
.sec-housecall-referenzen .revs__score strong { font-size: 1.35rem; font-weight: 800; color: var(--c-ink); }
.sec-housecall-referenzen .revs__score a { color: var(--accent-strong); }
.sec-housecall-referenzen .revs__score a:hover { color: var(--primary); }

/* Ocjena je 4,8 — peta zvjezdica je popunjena 80 %, ne cijela. */
.sec-housecall-referenzen .u-stars .star-part {
  position: relative;
  display: inline-block;
  width: 17px; height: 17px;
}
.sec-housecall-referenzen .u-stars .star-part svg {
  position: absolute;
  top: 0; left: 0;
  width: 17px; height: 17px;
}
.sec-housecall-referenzen .u-stars .star-part__bg { color: rgba(27, 36, 54, 0.20); }
/* Zvjezdica u okviru zauzima x od 3,6 do 20,1 od 24 — 80 % njene ŠIRINE
   je rez na 70 % okvira, ne na 80 %. */
.sec-housecall-referenzen .u-stars .star-part__fg { color: var(--c-star); clip-path: inset(0 30% 0 0); }

/* ============================================================
   6. TRAKA SA FOTOGRAFIJOM (parallax)
   ============================================================ */

.sec-rowan-parallax .stage { background: var(--c-bg); }
.sec-rowan-parallax .stage__frame { background: var(--c-primary-dk); box-shadow: var(--sh-lg); }
.sec-rowan-parallax .stage__media::after {
  background:
    linear-gradient(180deg, rgba(23, 32, 52, 0.28) 0%, rgba(23, 32, 52, 0.62) 46%, rgba(23, 32, 52, 0.92) 100%),
    linear-gradient(90deg, rgba(23, 32, 52, 0.66) 0%, transparent 62%);
}
.sec-rowan-parallax .stage__facts dd { font-weight: 800; }

@media (max-width: 760px) {
  .sec-rowan-parallax .stage__media::after {
    background: linear-gradient(180deg, rgba(23, 32, 52, 0.55) 0%, rgba(23, 32, 52, 0.93) 100%);
  }
}

/* ============================================================
   7. O NAMA
   ============================================================ */

.sec-aperta-about .abt { background: var(--c-bg-alt); }
.sec-aperta-about .abt__media :is(img, video) { border-radius: var(--r-lg); background: var(--c-surface); }
.sec-aperta-about .abt__media figcaption { color: var(--c-text-muted); }
.sec-aperta-about .u-arc::after { border-bottom-color: var(--accent); }
.sec-aperta-about .abt__facts dd { font-weight: 800; }
.sec-aperta-about .promise h3 { color: var(--accent-strong); }
.sec-aperta-about .promise__grid p { border-left-color: var(--accent); color: var(--c-text-muted); }
.sec-aperta-about .promise__grid p strong { color: var(--c-primary-dk); }

/* ============================================================
   8. PRIJE I POSLIJE
   ============================================================ */

.sec-bloom-results .ba { background: var(--c-bg); }
.sec-bloom-results .batab { border-radius: var(--r-pill); font-weight: 700; }
.sec-bloom-results .batab.is-on { background: var(--primary); border-color: var(--primary); }
.sec-bloom-results .cmp { border-radius: var(--r-xl); box-shadow: var(--sh-lg); }
.sec-bloom-results .cmp__tag { font-weight: 800; color: var(--c-primary-dk); }
.sec-bloom-results .ba__head p strong { color: var(--c-primary-dk); }

/* ============================================================
   9. GALERIJA
   ============================================================ */

.sec-rowan-gallery .gal { background: var(--c-bg-alt); }
.sec-rowan-gallery .u-section--alt { background: var(--c-bg-alt); }
.sec-rowan-gallery .gal__stage { border-radius: var(--r-gallery); box-shadow: var(--sh-md); }
.sec-rowan-gallery .gal__zoom { color: var(--c-primary-dk); font-weight: 700; }
.sec-rowan-gallery .gal__t.is-active { border-color: var(--accent-strong); }
.sec-rowan-gallery .lbox__scrim { background: rgba(18, 25, 41, 0.90); }

/* ============================================================
   10. PITANJA
   ============================================================ */

.sec-terra-faq .faq { background: var(--c-bg); }
.sec-terra-faq .qa__t { font-weight: 700; color: var(--c-ink); }
.sec-terra-faq .qa__q button:hover .qa__t { color: var(--accent-strong); }
.sec-terra-faq .qa__peek { color: var(--c-text-muted); font-weight: 400; }
.sec-terra-faq .qa__sign::before,
.sec-terra-faq .qa__sign::after { background: var(--accent-strong); height: 2px; }
.sec-terra-faq .qa__in p a { color: var(--accent-strong); text-decoration: underline; text-underline-offset: 2px; }
.sec-terra-faq .qa__in p a:hover { color: var(--primary); }

/* ============================================================
   11. PODNOŽJE
   ============================================================ */

.sec-terra-footer .ftr { background: var(--c-ink); }
.sec-terra-footer .ftr__word span { font-weight: 800; font-size: clamp(2.75rem, 8vw, 5rem); }
.sec-terra-footer .ftr__word small { color: var(--c-primary-lt); letter-spacing: 0.1em; }
.sec-terra-footer .ftr__col h3 {
  font-family: var(--ff-display);
  font-weight: 800;
  color: var(--c-primary-lt);
}
.sec-terra-footer .ftr__tel { font-weight: 800; font-size: 1.5rem; }
.sec-terra-footer .ftr__tel2 {
  display: inline-flex; align-items: center;
  min-height: 40px;
  font-family: var(--ff-display);
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--c-on-dark-mu);
}
.sec-terra-footer .ftr__tel2:hover { color: var(--c-on-dark); }
.sec-terra-footer .ftr__mats li::before { background: var(--accent); }
.sec-terra-footer .ftr__dir { color: var(--c-primary-lt); }
.sec-terra-footer .ftr__dir svg { width: 16px; height: 16px; }
.sec-terra-footer .ftr__dir:hover { color: var(--c-on-dark); }
.sec-terra-footer .ftr__social a { border-color: var(--c-line-dark); }
.sec-terra-footer .ftr__social a:hover { border-color: var(--accent); }
/* Prostor za ljepljivu traku treba samo telefonu. */
.sec-terra-footer .ftr { padding-bottom: var(--sp-6); }
@media (max-width: 760px) {
  .sec-terra-footer .ftr { padding-bottom: calc(var(--sp-5) + 84px); }
}

/* ============================================================
   12. Sitno
   ============================================================ */

/* Tekst koji se na telefonu skraćuje (vidi hero). */
.lead-more { display: inline; }

/* Fokus je vidljiv na svakoj podlozi. */
.sec-quiet-hours-header :focus-visible,
.sec-klar-hero :focus-visible,
.sec-sonnenschein-services :focus-visible,
.sec-housecall-referenzen :focus-visible,
.sec-rowan-parallax :focus-visible,
.sec-aperta-about :focus-visible,
.sec-bloom-results :focus-visible,
.sec-rowan-gallery :focus-visible,
.sec-terra-faq :focus-visible,
.sec-terra-footer :focus-visible {
  outline: 3px solid var(--accent-strong);
  outline-offset: 3px;
}
.sec-rowan-parallax .u-dark :focus-visible,
.sec-terra-footer :focus-visible { outline-color: var(--accent); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}