/* ==========================================================================
   DIATONICA STUDIO — GLOBAL SHELL (ds-)
   Namespaced header + CASES overlay meni + footer, vgrajen v vsak case.
   Predpona ds- se NE zaleti z lastnim CSS-om kejsov (.c-header/.c-footer …).
   Barve so literalne (ne var()), da so imune na per-section token override
   (npr. .page-section--light). Pisave Oswald/Open Sans že naloži vsak case.
   ========================================================================== */

.ds-shell *, .ds-shell *::before, .ds-shell *::after,
.ds-header *, .ds-menu *, .ds-footer * { box-sizing: border-box; }

.ds-container {
  max-width: 1600px;
  margin-inline: auto;
  padding-inline: clamp(1.25rem, 4vw, 4rem);
}

.ds-eyebrow {
  font-family: "Oswald", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.32em;
  color: #b1926f;
}

.ds-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.75em;
  font-family: "Oswald", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: #f5f4f2;
  border: 1px solid rgba(245, 244, 242, 0.32);
  padding: 0.9em 1.9em;
  border-radius: 0;
  text-decoration: none;
  transition: border-color 0.3s cubic-bezier(0.16,1,0.3,1),
              color 0.3s cubic-bezier(0.16,1,0.3,1),
              background-color 0.3s cubic-bezier(0.16,1,0.3,1);
}
.ds-btn:hover, .ds-btn:focus-visible { border-color: #b1926f; color: #c9ab86; }
.ds-btn--solid { background: #b1926f; border-color: #b1926f; color: #0e1112; }
.ds-btn--solid:hover, .ds-btn--solid:focus-visible { background: #c9ab86; border-color: #c9ab86; color: #0e1112; }

/* ---- Header ------------------------------------------------------------ */

.ds-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1.25rem, 4vw, 4rem);
  transition: background-color 0.6s cubic-bezier(0.16,1,0.3,1),
              backdrop-filter 0.6s cubic-bezier(0.16,1,0.3,1);
}
/* Lastnik (2026-07-23): header ostane prozoren tudi ob skrolanju —
   brez temnega blur ozadja (preveč je prekrivalo hero). */
.ds-header.is-scrolled { background: none; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; }
.ds-header__logo { display: inline-flex; }
.ds-header__logo img { width: 184px; height: auto; display: block; }

.ds-header__nav {
  display: flex;
  align-items: center;
  gap: clamp(1.25rem, 2.5vw, 2.5rem);
}
.ds-header__link, .ds-header__cases {
  font-family: "Oswald", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  color: #f5f4f2;
  text-decoration: none;
  background: none;
  border: 0;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.16,1,0.3,1);
}
.ds-header__link:hover, .ds-header__link:focus-visible,
.ds-header__cases:hover, .ds-header__cases:focus-visible { color: #c9ab86; }
.ds-header__cases { display: inline-flex; align-items: baseline; gap: 0.45em; padding: 0; }
.ds-header__count { font-size: 0.7em; color: #b1926f; transform: translateY(-0.5em); display: inline-block; }
.ds-header__word--mobile { display: none; }

/* ---- Overlay meni ------------------------------------------------------ */

.ds-menu {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #0e1112;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.65,0,0.35,1), visibility 0s linear 0.6s;
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}
.ds-menu.is-open { visibility: visible; opacity: 1; transition-delay: 0s; }

.ds-menu__bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.ds-menu__bg img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  opacity: 0; transform: scale(1.06);
  transition: opacity 0.6s cubic-bezier(0.16,1,0.3,1), transform 1.1s cubic-bezier(0.16,1,0.3,1);
}
.ds-menu__bg img.is-on { opacity: 0.38; transform: scale(1); }
.ds-menu__bg::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(14,17,18,0.9) 0%, rgba(14,17,18,0.42) 60%, rgba(14,17,18,0.8) 100%);
}

.ds-menu__top {
  position: relative; display: flex; align-items: center; justify-content: space-between;
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1.25rem, 4vw, 4rem);
}
.ds-menu__top img { width: 184px; height: auto; display: block; }
.ds-menu__close {
  font-family: "Oswald", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.32em;
  color: #b1926f; background: none; border: 0; cursor: pointer;
  display: inline-flex; align-items: center; gap: 1.1em;
  transition: color 0.3s cubic-bezier(0.16,1,0.3,1);
}
.ds-menu__close:hover, .ds-menu__close:focus-visible { color: #c9ab86; }
.ds-menu__close .is-x { color: #9a9a98; font-size: 1.05em; }
.ds-menu__close:hover .is-x { color: #f5f4f2; }

.ds-menu__body {
  position: relative; flex: 1; display: grid; grid-template-columns: 1fr auto;
  align-items: center; gap: clamp(3rem,4vw,4.5rem);
  padding: 0 clamp(1.25rem, 4vw, 4rem); overflow-y: auto;
}
.ds-menu__list { list-style: none; margin: 0; padding: 0; }
.ds-menu__item {
  opacity: 0; transform: translateY(2rem);
  transition: opacity 0.6s cubic-bezier(0.16,1,0.3,1), transform 0.6s cubic-bezier(0.16,1,0.3,1);
}
.ds-menu.is-open .ds-menu__item { opacity: 1; transform: none; }
.ds-menu.is-open .ds-menu__item:nth-child(1) { transition-delay: 0.10s; }
.ds-menu.is-open .ds-menu__item:nth-child(2) { transition-delay: 0.16s; }
.ds-menu.is-open .ds-menu__item:nth-child(3) { transition-delay: 0.22s; }
.ds-menu.is-open .ds-menu__item:nth-child(4) { transition-delay: 0.28s; }
.ds-menu.is-open .ds-menu__item:nth-child(5) { transition-delay: 0.34s; }
/* 6. in 7. postavka (Afrodita N°006, Photo) — dodano 5. 9. 2026;
   brez teh dveh vrstic zadnji dve postavki vstopita brez zamika. */
.ds-menu.is-open .ds-menu__item:nth-child(6) { transition-delay: 0.40s; }
.ds-menu.is-open .ds-menu__item:nth-child(7) { transition-delay: 0.46s; }
/* 8.–10. postavka (Smogavc N°007 registriran 14. 9. 2026 + rezerva). */
.ds-menu.is-open .ds-menu__item:nth-child(8) { transition-delay: 0.52s; }
.ds-menu.is-open .ds-menu__item:nth-child(9) { transition-delay: 0.58s; }
.ds-menu.is-open .ds-menu__item:nth-child(10) { transition-delay: 0.64s; }

/* Kompaktnejši seznam (14. 9. 2026, ob registraciji N°007): pri osmih
   postavkah je prejšnja velikost (4.6vh, do 64 px) zapolnila cel zaslon.
   Zdaj 3.1vh (do 44 px), tesnejši padding in podnaslov bližje naslovu —
   prostor za ~11 postavk, preden se seznam začne premikati. */
.ds-menu__case {
  display: flex; align-items: baseline; gap: clamp(1rem, 2vw, 2rem);
  padding: clamp(0.3rem, 0.7vh, 0.6rem) 0;
  font-family: "Oswald", "Helvetica Neue", Arial, sans-serif; font-weight: 600;
  font-size: clamp(1.5rem, 3.1vh, 2.75rem); text-transform: uppercase; letter-spacing: -0.02em;
  line-height: 1.1; color: #f5f4f2; text-decoration: none;
  transition: color 0.3s cubic-bezier(0.16,1,0.3,1), transform 0.3s cubic-bezier(0.16,1,0.3,1);
}
.ds-menu__case:hover, .ds-menu__case:focus-visible { color: #c9ab86; transform: translateX(0.35em); }
.ds-menu__no { font-size: 0.32em; font-weight: 500; letter-spacing: 0.32em; color: #b1926f; min-width: 10em; }
.ds-menu__tag {
  display: block; font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.8125rem; font-weight: 400; text-transform: none; letter-spacing: 0;
  line-height: 1.25; color: #9a9a98; margin-top: 0.15em; max-width: 34em;
}

.ds-menu__aside {
  display: flex; flex-direction: column; gap: 0.75rem; align-items: flex-start;
  border-left: 1px solid rgba(245,244,242,0.16); padding-left: clamp(3rem,4vw,4.5rem);
}
.ds-menu__aside .ds-eyebrow { margin-bottom: 0.75rem; }
.ds-menu__aside-link {
  font-family: "Oswald", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(1.25rem, 0.8vw + 1rem, 1.75rem); font-weight: 500;
  text-transform: uppercase; letter-spacing: 0.18em; color: #9a9a98; text-decoration: none;
  transition: color 0.3s cubic-bezier(0.16,1,0.3,1);
}
.ds-menu__aside-link:hover, .ds-menu__aside-link:focus-visible { color: #c9ab86; }

.ds-menu__foot {
  position: relative; display: flex; flex-wrap: wrap;
  gap: clamp(2rem,3vw,2.75rem) clamp(2.5rem, 6vw, 6rem);
  padding: clamp(1.25rem,1vw,1.75rem) clamp(1.25rem, 4vw, 4rem);
  border-top: 1px solid rgba(245,244,242,0.16);
}
.ds-menu__contact-label {
  display: block; font-family: "Oswald", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.32em;
  color: #6b6b69; margin-bottom: 0.6em;
}
.ds-menu__contact-value {
  display: inline-flex; align-items: center; gap: 0;
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif; font-size: 1rem;
  color: #9a9a98; text-decoration: none; transition: color 0.3s cubic-bezier(0.16,1,0.3,1);
}
.ds-menu__contact-value svg { margin-right: 0.65em; }
.ds-menu__contact-value svg { width: 15px; height: 15px; color: #b1926f; flex: none; }
a.ds-menu__contact-value:hover, a.ds-menu__contact-value:focus-visible { color: #f5f4f2; }
.ds-menu__contact-value b { font-weight: 600; }

/* Socialna omrežja v aside meniju (namesto nav povezav) */
.ds-menu__social { display: flex; gap: 0.6rem; }
.ds-menu__social a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; border: 1px solid rgba(245,244,242,0.16); color: #9a9a98;
  transition: color 0.3s cubic-bezier(0.16,1,0.3,1), background-color 0.3s cubic-bezier(0.16,1,0.3,1), border-color 0.3s cubic-bezier(0.16,1,0.3,1);
}
.ds-menu__social a:hover, .ds-menu__social a:focus-visible { color: #0e1112; background: #b1926f; border-color: #b1926f; }
.ds-menu__social svg { width: 19px; height: 19px; }

/* ---- Footer ------------------------------------------------------------ */

.ds-footer {
  position: relative;
  background: #0e1112;
  padding-top: clamp(3rem, 4vw, 4rem);
  font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  color: #f5f4f2;
}
.ds-footer__grid {
  position: relative;
  display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
  gap: clamp(3rem, 4vw, 4.5rem);
  padding-top: clamp(2.5rem, 4vw, 4rem);
  padding-bottom: clamp(2rem, 3vw, 3rem);
}
/* Deliln nad stolpci — poravnan z vsebino (ne čez celo širino), z razmikom do stolpcev */
.ds-footer__grid::before {
  content: "";
  position: absolute;
  top: 0;
  left: clamp(1.25rem, 4vw, 4rem);
  right: clamp(1.25rem, 4vw, 4rem);
  height: 1px;
  background: rgba(245, 244, 242, 0.16);
}
.ds-footer__brand img { width: 200px; height: auto; margin-bottom: clamp(1.25rem,1vw,1.75rem); display: block; }
.ds-footer__brand p { font-size: 0.8125rem; color: #9a9a98; max-width: 26em; margin: 0 0 clamp(1.25rem,1vw,1.75rem); line-height: 1.7; }
.ds-footer__social { display: flex; gap: 0.6rem; }
.ds-footer__social a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 42px; height: 42px; border: 1px solid rgba(245,244,242,0.16); border-radius: 0;
  color: #9a9a98; transition: color 0.3s cubic-bezier(0.16,1,0.3,1), border-color 0.3s cubic-bezier(0.16,1,0.3,1);
}
.ds-footer__social a:hover { color: #0e1112; background: #b1926f; border-color: #b1926f; }
.ds-footer__social svg { width: 17px; height: 17px; }

.ds-footer__label {
  font-family: "Oswald", "Helvetica Neue", Arial, sans-serif; font-size: 0.75rem; font-weight: 500;
  text-transform: uppercase; letter-spacing: 0.32em; color: #6b6b69; margin: 0 0 clamp(1.25rem,1vw,1.75rem);
}
.ds-footer__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.65em; }
.ds-footer__col a {
  font-family: "Oswald", "Helvetica Neue", Arial, sans-serif; font-size: 0.8125rem; font-weight: 500;
  text-transform: uppercase; letter-spacing: 0.18em; color: #9a9a98; text-decoration: none;
  transition: color 0.3s cubic-bezier(0.16,1,0.3,1);
}
.ds-footer__col a:hover, .ds-footer__col a:focus-visible { color: #c9ab86; }
.ds-footer__col a sup { color: #b1926f; font-size: 0.7em; margin-left: 0.35em; }
.ds-footer__contact li { font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif; }
.ds-footer__contact a { font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  text-transform: none; letter-spacing: 0; font-size: 1rem; color: #9a9a98; text-decoration: none; }
.ds-footer__contact b { font-weight: 600; }
.ds-footer__contact .is-dim, .ds-menu__contact-value .is-dim { font-weight: 300; color: #6b6b69; }
.ds-footer__contact a:hover { color: #c9ab86; }
.ds-footer__contact .is-muted { font-size: 0.8125rem; color: #6b6b69; }

.ds-footer__wordmark {
  display: block; width: 100%; text-align: center;
  font-family: "Oswald", "Helvetica Neue", Arial, sans-serif; font-weight: 700;
  font-size: clamp(3.4rem, 11.5vw, 12rem); line-height: 0.95; text-transform: uppercase;
  letter-spacing: 0.04em; color: transparent; -webkit-text-stroke: 1px rgba(245,244,242,0.22);
  text-decoration: none; user-select: none; white-space: nowrap;
  padding: 0 clamp(1.25rem, 4vw, 4rem) clamp(2rem, 3vw, 3rem);
  transition: color 1.1s cubic-bezier(0.16,1,0.3,1), -webkit-text-stroke-color 1.1s cubic-bezier(0.16,1,0.3,1);
}
.ds-footer__wordmark:hover { color: #b1926f; -webkit-text-stroke-color: #b1926f; }

.ds-footer__meta {
  border-top: 1px solid rgba(245,244,242,0.16);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  gap: 0.75rem clamp(2rem,2vw,2.75rem);
  padding: clamp(1.25rem,1vw,1.75rem) clamp(1.25rem, 4vw, 4rem);
  font-size: 0.8125rem; color: #6b6b69;
}
.ds-footer__meta > :first-child { justify-self: start; }
.ds-footer__meta > :last-child { justify-self: end; }
.ds-footer__meta a { color: #9a9a98; text-decoration: none; }
.ds-footer__meta a:hover { color: #c9ab86; }
.ds-footer__clock { font-variant-numeric: tabular-nums; justify-self: center; text-align: center; }
.ds-footer__meta b { font-weight: 600; color: #9a9a98; }

/* ---- Responsive -------------------------------------------------------- */

@media (max-width: 900px) {
  .ds-footer__grid { grid-template-columns: 1fr 1fr; }
  .ds-menu__body { grid-template-columns: 1fr; align-content: center; }
  .ds-menu__aside { border-left: 0; padding-left: 0; border-top: 1px solid rgba(245,244,242,0.16); padding-top: 1.5rem; }
}
@media (max-width: 700px) {
  .ds-header__link--projects { display: none; }
  .ds-header__word--desktop { display: none; }
  .ds-header__word--mobile { display: inline; }
  .ds-header__logo img, .ds-menu__top img { width: 146px; }
  .ds-menu__case { font-size: clamp(1.5rem, 6.5vw, 2.2rem); }
  .ds-menu__tag { display: none; }
  .ds-menu__close .is-slogan { display: none; }
  .ds-footer__grid { grid-template-columns: 1fr; gap: 2rem; }
  .ds-footer__meta { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 0.5rem; }
  .ds-footer__meta > :first-child, .ds-footer__meta > :last-child { justify-self: center; }
}
@media (max-height: 500px) {
  .ds-header__link--projects { display: none; }
  .ds-menu__case { font-size: clamp(1.3rem, 7vh, 2rem); padding: 0.25rem 0; }
  .ds-menu__tag { display: none; }
  .ds-menu__body { grid-template-columns: 1fr; align-content: start; padding-top: 0.75rem; }
  .ds-menu__aside { border-left: 0; padding-left: 0; flex-direction: row; flex-wrap: wrap; gap: 2rem; border-top: 1px solid rgba(245,244,242,0.16); padding-top: 0.75rem; }
  .ds-menu__foot { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ds-menu, .ds-menu__item, .ds-menu__bg img, .ds-footer__wordmark { transition: none; }
}

/* Kejsov okrogli »na vrh« gumb skrit — nadomesti ga plavajoča beseda spodaj. */
.c-totop { display: none !important; }
.totop-float {
  position: fixed; bottom: 32px; right: clamp(1.25rem, 4vw, 4rem); z-index: 150;
  font-family: "Oswald", "Helvetica Neue", Arial, sans-serif; font-size: 0.75rem; font-weight: 500;
  text-transform: uppercase; letter-spacing: 0.18em; text-decoration: none; color: #9a9a98;
  opacity: 0; visibility: hidden; transform: translateY(12px);
  transition: opacity 0.6s cubic-bezier(0.16,1,0.3,1), transform 0.6s cubic-bezier(0.16,1,0.3,1), color 0.3s cubic-bezier(0.16,1,0.3,1);
}
.totop-float.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.totop-float:hover { color: #c9ab86; }

/* ==========================================================================
   SVETLA RAZLIČICA GLAVE — .ds-on-light na <body>
   Dodano 4. 9. 2026 za Afrodita case N°006, ki je edini na beli podlagi.
   Blok je STROGO omejen na .ds-on-light: noben obstoječi case tega
   razreda nima, zato se zanje ne spremeni nič. Meni in noga ostaneta
   temna — tam je Diatonicin podpis in tja bela glava ne sega.
   Barve so tudi tu literalne (isti razlog kot zgoraj: imune na
   per-section token override).
   ========================================================================== */

.ds-on-light .ds-header__link,
.ds-on-light .ds-header__cases { color: #14130f; }
.ds-on-light .ds-header__link:hover,
.ds-on-light .ds-header__link:focus-visible,
.ds-on-light .ds-header__cases:hover,
.ds-on-light .ds-header__cases:focus-visible { color: #8d6b45; }
.ds-on-light .ds-header__count { color: #8d6b45; }

.ds-on-light .ds-header .ds-btn { color: #14130f; border-color: rgba(20, 19, 15, 0.3); }
.ds-on-light .ds-header .ds-btn:hover,
.ds-on-light .ds-header .ds-btn:focus-visible { border-color: #8d6b45; color: #8d6b45; background: none; }

/* Meni in noga sta znotraj .ds-on-light še vedno temna — pravila zgoraj
   veljajo samo za .ds-header, zato jih ni treba razveljavljati. */

/* ==========================================================================
   TARČE ZA PRST — 44 × 44 px, ne da bi se karkoli premaknilo
   Izmerjeno 6. 9. 2026 na telefonskem pogledu: gumb »Meni« je meril
   49 × 18 px, »Zapri« 59 × 20, logotip 146 × 33, povezave do casov 43 px
   po višini — vse pod 44 px, ki jih zahtevata WCAG 2.5.5 in vsak palec.
   Tarčo širi NEVIDNI ::after, ne padding: padding bi premaknil postavitev
   glave na vseh sedmih casih hkrati. Pseudo-element ostane pod besedilom
   (z-index ni potreben, ker nima ozadja) in ne prestreza ničesar drugega.
   ========================================================================== */
.ds-header__logo,
.ds-header__cases,
.ds-header__link,
.ds-menu__close { position: relative; }

.ds-header__logo::after,
.ds-header__cases::after,
.ds-header__link::after,
.ds-menu__close::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 50%; transform: translateY(-50%);
  min-height: 44px; height: 100%;
  /* vodoravno vsaj 44 px tudi pri ozkih napisih */
  min-width: 44px;
}
/* Povezave do casov v meniju: 43 px je zgrešilo za eno piko. */
.ds-menu__case { padding-block: max(clamp(0.3rem, 0.7vh, 0.6rem), 0.35rem); }
@media (pointer: coarse) {
  .ds-menu__case { min-height: 44px; align-items: center; }
}

/* ── DOTIKALIŠČA ─────────────────────────────────────────────────────────
   Izmerjeno 8. 9. 2026 na kejsu savne: povezave v nogi so bile visoke
   20 px, logotip 31, ikone družbenih omrežij 42×42. Prst rabi 44×44.
   Velja za ozek zaslon ALI za katerokoli napravo z dotikom — iPad je širok
   820 px in ima prst; pravilo, vezano samo na širino, bi ga zgrešilo. */
@media (max-width: 767px), (pointer: coarse) {
  .ds-footer__col a,
  .ds-footer__contact a,
  .ds-footer__brand > a {
    display: inline-flex; align-items: center; min-height: 44px;
  }
  .ds-footer__social a { width: 44px; height: 44px; }
  .ds-header__logo { display: inline-flex; align-items: center; min-height: 44px; }
}

/* ---- Footer: pas z mislijo studia (2. 10. 2026) ----------------------------
   Prvi stavek uvoda ponudb (»vizualna dramaturgija«) + Kontakt. Nad delilno črto stolpcev. */
.ds-footer__lead {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: clamp(1.5rem, 3vw, 3rem);
  padding-bottom: clamp(2.5rem, 4vw, 4rem);
}
.ds-footer__statement {
  margin: 0; max-width: 14em;
  font-family: "Oswald", "Helvetica Neue", Arial, sans-serif; font-weight: 500;
  font-size: clamp(1.9rem, 3.6vw, 3.4rem); line-height: 1.06;
  text-transform: uppercase; letter-spacing: 0.01em; color: #f5f4f2;
}
.ds-footer__statement span { display: block; color: #b1926f; }
.ds-footer__lead .ds-btn { flex: none; }
@media (max-width: 700px) {
  .ds-footer__lead { flex-direction: column; align-items: flex-start; }
}

/* Slogan v vrhu prekrivnega menija na črti napisa DIATONICA STUDIO v logotipu (6. 10. 2026),
   kot na /cases/ (site.css). */
@media (min-width: 701px) and (min-height: 501px) {
  .ds-menu__close .is-slogan { display: inline-block; transform: translateY(-0.22rem); }
}