:root {
  --ink: #102f38;
  --paper: #f2e7cf;
  --paper-light: #fff4dc;
  --chat-paper: #f0e2c5;
  --grid-seam: var(--chat-paper);
  --coral: #b85b3f;
  --green: #687754;
  --seam: 2px;
  --portfolio-inset: var(--seam);
  --mat-frame: 5px;
  --board-radius: 14px;
  --image-radius: 4px;
  --mat-inline: clamp(90px, 7vw, 128px);
  --mat-top: 44px;
  --mat-bottom: 56px;
  --font-display: "Jost", sans-serif;
  --font-text: "Manrope", sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { min-width: 320px; scroll-behavior: smooth; background: var(--paper-light); }
body { min-width: 320px; overflow-x: hidden; color: var(--ink); background: var(--paper-light); font-family: var(--font-text); line-height: 1.5; -webkit-font-smoothing: antialiased; }
body::after { content: ""; position: fixed; inset: 0; z-index: 999; pointer-events: none; background: url("assets/selzio-grain.png") repeat; background-size: 180px 180px; mix-blend-mode: soft-light; opacity: .12; }
button, a { color: inherit; font: inherit; -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; }
[hidden] { display: none !important; }
.t-sr, .t-en { display: none !important; }
[data-lang="sr"] .t-ru, [data-lang="sr"] .t-en { display: none !important; }
[data-lang="sr"] .t-sr { display: revert !important; }
[data-lang="en"] .t-ru, [data-lang="en"] .t-sr { display: none !important; }
[data-lang="en"] .t-en { display: revert !important; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.sites-stage { min-height: 100svh; padding: var(--mat-top) var(--mat-inline) var(--mat-bottom); }
.sites-surface { overflow: hidden; background: var(--grid-seam); border-radius: var(--board-radius); box-shadow: 0 0 0 var(--mat-frame) var(--chat-paper); }

.sites-intro { display: grid; grid-template-columns: minmax(0, 21fr) minmax(0, 10fr); gap: var(--seam); min-height: clamp(390px, 42vw, 600px); background: var(--grid-seam); }
.intro-copy, .intro-principle { min-width: 0; background-color: var(--chat-paper); background-image: url("assets/selzio-grain.png"); background-size: 180px 180px; background-blend-mode: soft-light; }
.intro-copy { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(34px, 4.5vw, 72px); }
.intro-topbar { display: flex; align-items: center; justify-content: space-between; gap: clamp(22px, 3vw, 48px); width: 100%; margin-bottom: auto; }
.sites-logo { flex: 0 0 auto; align-self: flex-start; }
.sites-logo img { width: clamp(94px, 9vw, 142px); height: auto; filter: brightness(0) saturate(100%) invert(39%) sepia(30%) saturate(1083%) hue-rotate(326deg) brightness(92%) contrast(90%); }
.intro-kicker, .principle-number { margin-bottom: clamp(16px, 2vw, 28px); font: 600 clamp(10px, .8vw, 12px)/1 var(--font-display); letter-spacing: .16em; text-transform: uppercase; }
.intro-copy h2 { width: 100%; max-width: none; font: 600 clamp(34px, 4.15vw, 66px)/1.03 var(--font-display); letter-spacing: -.014em; text-align: left; }
.intro-title { display: grid; justify-items: start; gap: .08em; }
.intro-title > span { display: block; white-space: nowrap; }
.intro-title-detail { font-size: .82em; letter-spacing: -.025em; }
[data-lang="sr"] .intro-title.t-sr,
[data-lang="en"] .intro-title.t-en { display: grid !important; }
.intro-copy h2, .principle-copy h2, .site-card-heading strong, .contact-cta h2, .case-heading h2 { font-kerning: normal; text-rendering: optimizeLegibility; }
.intro-lead { max-width: 61ch; margin-top: clamp(24px, 3vw, 44px); font-size: clamp(14px, 1.08vw, 18px); line-height: 1.55; }

.intro-principle { display: flex; flex-direction: column; padding: clamp(24px, 2.8vw, 44px); color: var(--paper-light); background-color: var(--ink); background-image: url("assets/selzio-grain.png"); }
.intro-controls { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.back-link { font: 600 11px/1 var(--font-display); letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.back-link:hover, .back-link:focus-visible { color: var(--coral); outline: 0; }
.lang-switcher { display: flex; gap: 4px; }
.lang-switcher button { width: 34px; height: 34px; color: color-mix(in srgb, var(--ink) 55%, transparent); background: transparent; border: 1px solid color-mix(in srgb, var(--ink) 34%, transparent); cursor: pointer; font: 600 9px/1 var(--font-display); letter-spacing: .06em; }
.lang-switcher button:hover, .lang-switcher button:focus-visible { color: var(--ink); border-color: var(--ink); outline: 0; }
.lang-switcher button.active { color: var(--paper-light); background: var(--ink); border-color: var(--ink); }
.principle-copy { width: 100%; margin-block: auto; padding-block: clamp(26px, 3.4vw, 52px); text-align: left; }
.principle-number { color: rgba(255,244,220,.55); }
.principle-copy h2 { width: 100%; max-width: 17ch; margin-right: auto; color: rgba(255,244,220,.94); font: 600 clamp(25px, 2.25vw, 37px)/1.08 var(--font-display); letter-spacing: -.01em; text-align: left; text-wrap: wrap; }
.principle-flow { margin-top: clamp(22px, 2.2vw, 34px); list-style: none; }
.principle-flow li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 10px; padding-block: clamp(8px, .85vw, 12px); border-top: 1px solid rgba(255,244,220,.2); }
.principle-flow li > span { padding-top: .32em; color: var(--coral); font: 650 9px/1 var(--font-display); letter-spacing: .1em; }
.principle-flow strong { display: block; color: var(--paper-light); font: 650 clamp(10px, .72vw, 12px)/1.2 var(--font-display); letter-spacing: .08em; }
.principle-flow p { max-width: 43ch; margin-top: 4px; color: rgba(255,244,220,.68); font-size: clamp(11px, .76vw, 13px); line-height: 1.42; }
.intro-action { align-self: flex-start; padding-bottom: 5px; border-bottom: 2px solid var(--coral); font: 600 12px/1.3 var(--font-display); letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }
.intro-action:hover, .intro-action:focus-visible { color: var(--chat-paper); border-color: var(--chat-paper); outline: 0; }

@media (min-width: 1101px) {
  .sites-intro {
    grid-template-columns: minmax(0, calc(66.6667% - clamp(5px, .62vw, 9px))) minmax(0, 1fr);
    align-items: stretch;
    min-height: clamp(540px, 42vw, 620px);
  }

  .intro-copy,
  .intro-principle {
    --intro-pad-y: clamp(32px, 3vw, 46px);
    display: grid;
    grid-template-rows: clamp(34px, 3vw, 42px) clamp(48px, 4vw, 64px) auto minmax(0, 1fr) auto;
    min-height: 0;
    padding-block: var(--intro-pad-y);
  }

  .intro-copy {
    --intro-text-shift: clamp(76px, 6.8vw, 88px);
    justify-content: initial;
    padding-inline: clamp(34px, 4.5vw, 72px);
  }

  .intro-copy > h2,
  .intro-copy > .intro-lead {
    transform: translateY(var(--intro-text-shift));
  }

  .intro-principle {
    padding-inline: clamp(24px, 2.8vw, 44px);
  }

  .intro-topbar {
    grid-row: 1;
    align-self: center;
  }

  .intro-topbar { margin-bottom: 0; }

  .intro-kicker,
  .principle-number {
    grid-row: 2;
    align-self: end;
    margin-bottom: clamp(14px, 1.25vw, 20px);
  }

  .intro-copy h2 {
    grid-row: 3;
    align-self: start;
    padding-top: clamp(26px, 2.4vw, 36px);
    font-size: clamp(34px, 4.15vw, 66px);
  }

  .intro-lead {
    grid-row: 4;
    align-self: start;
    max-width: 52ch;
    margin-top: clamp(20px, 2vw, 30px);
    margin-inline: 0 auto;
    font-size: clamp(15px, 1.15vw, 17px);
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
  }

  .principle-copy { display: contents; }

  .principle-flow {
    grid-row: 3 / 5;
    align-self: start;
    margin-top: clamp(18px, 2vw, 28px);
  }

  .intro-action {
    grid-row: 5;
    align-self: start;
    margin-top: clamp(22px, 2.4vw, 36px);
  }
}

.portfolio-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--seam); padding: clamp(34px, 4vw, 58px) var(--portfolio-inset) 0; background: var(--grid-seam); }
.site-card { position: relative; display: grid; grid-template-rows: clamp(58px, 5.8vw, 82px) auto; min-width: 0; min-height: 0; padding: 0; overflow: hidden; color: var(--ink); background: var(--chat-paper); border: 0; cursor: pointer; text-align: left; text-decoration: none; }
.site-card-heading { position: relative; z-index: 2; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; min-width: 0; padding: clamp(13px, 1.3vw, 20px); background-color: var(--chat-paper); background-image: url("assets/selzio-grain.png"); background-size: 180px 180px; background-blend-mode: soft-light; }
.site-card-heading strong { min-width: 0; font: 600 clamp(23px, 2.25vw, 36px)/1.04 var(--font-display); letter-spacing: -.012em; overflow-wrap: anywhere; }
.site-card-heading > span { flex: 0 0 auto; padding-bottom: .28em; color: color-mix(in srgb, var(--ink) 68%, transparent); font: 600 clamp(9px, .68vw, 11px)/1 var(--font-display); letter-spacing: .11em; text-transform: uppercase; }
.site-card-image { position: relative; display: block; min-width: 0; min-height: 0; aspect-ratio: 8 / 5; overflow: hidden; border-radius: var(--image-radius); }
.site-card-image::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: transparent; opacity: 0; }
.site-card img { position: absolute; top: 0; left: 0; width: 100%; max-width: none; height: auto; object-position: center top; filter: none; transform: translateY(0); will-change: transform; }
.site-card:focus-visible { z-index: 3; outline: 3px solid var(--site-accent); outline-offset: -5px; }

.sites-contact { padding: calc(var(--seam) + clamp(14px, 1.6vw, 24px)) clamp(14px, 1.6vw, 24px) clamp(14px, 1.6vw, 24px); background-color: var(--chat-paper); background-image: url("assets/selzio-grain.png"); background-size: 180px 180px; background-blend-mode: soft-light; }
.sites-contact-frame { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto auto auto; gap: 0 clamp(20px, 3vw, 48px); min-width: 0; padding: clamp(24px, 3vw, 48px); color: var(--ink); border: 1px solid var(--ink); }
.contact-brand { grid-column: 1 / -1; grid-row: 1; }
.contact-brand img { width: clamp(84px, 7vw, 112px); filter: brightness(0) saturate(100%) invert(42%) sepia(43%) saturate(1164%) hue-rotate(326deg) brightness(92%) contrast(91%); }
.contact-brand p { max-width: none; margin-top: 8px; color: color-mix(in srgb, var(--ink) 76%, transparent); font: 600 clamp(9px, .72vw, 12px)/1.3 var(--font-display); letter-spacing: .035em; white-space: nowrap; }
.contact-cta { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: minmax(0, 21fr) minmax(0, 10fr); gap: clamp(20px, 3vw, 48px); align-items: end; padding: clamp(34px, 4.5vw, 68px) 0 clamp(26px, 2.7vw, 42px); border-bottom: 1px solid var(--ink); }
.contact-cta-label { margin-bottom: 12px; color: var(--coral); font: 700 clamp(11px, .82vw, 13px)/1 var(--font-display); letter-spacing: .15em; }
.contact-cta h2 { max-width: 24ch; font: 600 clamp(30px, 3vw, 48px)/1.1 var(--font-display); letter-spacing: -.012em; }
.contact-cta-action { display: flex; flex-direction: column; align-items: flex-start; gap: clamp(20px, 2.5vw, 36px); }
.contact-cta-action p { max-width: 39ch; color: color-mix(in srgb, var(--ink) 76%, transparent); font-size: clamp(12px, .9vw, 15px); line-height: 1.55; }
.contact-cta-action a { padding-bottom: 5px; border-bottom: 2px solid var(--coral); font: 600 clamp(18px, 1.55vw, 25px)/1.2 var(--font-display); text-decoration: none; }
.contact-meta-row { grid-column: 1 / -1; grid-row: 3; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--ink); }
.contact-links, .contact-legal { display: contents; }
.contact-links a, .contact-legal a { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(12px, 1.2vw, 18px) clamp(12px, 1.35vw, 22px); color: var(--ink); text-decoration: none; }
.contact-meta-row a + a, .contact-legal a:first-child { border-left: 1px solid var(--ink); }
.contact-links span { display: block; margin-bottom: 4px; color: var(--coral); font: 700 clamp(7px, .6vw, 9px)/1 var(--font-display); letter-spacing: .14em; text-transform: uppercase; }
.contact-links strong { font: 650 clamp(12px, 1vw, 16px)/1.2 var(--font-display); }
.contact-legal a { color: color-mix(in srgb, var(--ink) 70%, transparent); font-size: clamp(8px, .66vw, 11px); line-height: 1.3; text-align: left; }
.contact-legal a:hover, .contact-legal a:focus-visible, .contact-cta-action a:hover, .contact-cta-action a:focus-visible, .contact-links a:hover, .contact-links a:focus-visible { color: var(--coral); outline: 0; }
.contact-bottom { grid-column: 1 / -1; grid-row: 4; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 8px; }
.contact-languages { display: flex; gap: 4px; }
.contact-languages button { min-width: 32px; min-height: 25px; padding: 0 6px; color: var(--ink); background: transparent; border: 1px solid var(--ink); cursor: pointer; font: 600 8px/1 var(--font-display); }
.contact-languages button.active { color: var(--paper-light); background: var(--coral); border-color: var(--coral); }
.contact-bottom > p { color: color-mix(in srgb, var(--ink) 70%, transparent); font: 600 clamp(8px, .64vw, 10px)/1 var(--font-display); letter-spacing: .05em; }

body.is-case-open, html:has(body.is-case-open) { overflow: hidden; }
.case-overlay { position: fixed; inset: 0; z-index: 1000; padding: var(--mat-top) var(--mat-inline) var(--mat-bottom); overflow: hidden; background: var(--paper-light); opacity: 0; transition: opacity 360ms cubic-bezier(.22,.78,.22,1); }
.case-overlay.is-open { opacity: 1; }
.case-board { --case-accent: var(--coral); --case-from-x: 0px; --case-from-y: 0px; --case-from-scale-x: 1; --case-from-scale-y: 1; display: grid; grid-template-columns: minmax(0, 58fr) minmax(360px, 42fr); grid-template-rows: clamp(142px, 20vh, 184px) minmax(0, 1fr) clamp(92px, 12vh, 118px); width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: hidden; background: var(--grid-seam); border-radius: var(--board-radius); box-shadow: 0 0 0 var(--mat-frame) var(--chat-paper); transform: translate(var(--case-from-x), var(--case-from-y)) scale(var(--case-from-scale-x), var(--case-from-scale-y)); transform-origin: top left; transition: transform 460ms cubic-bezier(.22,.78,.22,1); will-change: transform; }
.case-overlay.is-open .case-board { transform: translate(0, 0) scale(1); }
.case-heading { grid-column: 1; grid-row: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; min-width: 0; padding: clamp(24px, 2.5vw, 40px); color: var(--ink); background-color: var(--paper-light); background-image: url("assets/selzio-grain.png"); background-size: 180px 180px; background-blend-mode: soft-light; }
.case-heading img { width: clamp(78px, 6.5vw, 112px); height: auto; margin-top: 4px; filter: brightness(0) saturate(100%) invert(39%) sepia(30%) saturate(1083%) hue-rotate(326deg) brightness(92%) contrast(90%); }
.case-heading > div { min-width: 0; margin-left: auto; text-align: right; }
.case-heading p { margin-bottom: 8px; color: color-mix(in srgb, var(--ink) 62%, transparent); font: 600 10px/1 var(--font-display); letter-spacing: .13em; text-transform: uppercase; }
.case-heading h2 { font: 600 clamp(36px, 4.6vw, 70px)/1 var(--font-display); letter-spacing: -.015em; overflow-wrap: anywhere; }
.case-visual { grid-column: 1; grid-row: 2 / -1; min-width: 0; min-height: 0; overflow: hidden; background: var(--ink); }
.case-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center top; filter: none; transform: scale(1.025); transition: transform 720ms cubic-bezier(.22,.78,.22,1) 120ms; }
.case-overlay.is-open .case-visual img { transform: scale(1); }
.case-story { position: relative; grid-column: 2; grid-row: 1 / 3; min-width: 0; min-height: 0; color: var(--ink); background-color: var(--paper); background-image: url("assets/selzio-grain.png"); background-size: 180px 180px; background-blend-mode: soft-light; }
.case-close { position: absolute; top: clamp(20px, 2vw, 30px); right: clamp(20px, 2vw, 30px); z-index: 2; width: 42px; height: 42px; padding: 0; background: transparent; border: 0; cursor: pointer; }
.case-close::before, .case-close::after { content: ""; position: absolute; top: 20px; left: 8px; width: 26px; height: 2px; background: var(--ink); }
.case-close::before { transform: rotate(45deg); }
.case-close::after { transform: rotate(-45deg); }
.case-close:hover { transform: scale(1.08); }
.case-close:focus-visible { outline: 2px solid var(--case-accent); outline-offset: 3px; }
.case-story-list { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: clamp(74px, 9vh, 112px) clamp(32px, 4vw, 64px) clamp(26px, 4vh, 48px); }
.case-story-list > div { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: clamp(10px, 1vw, 17px); padding-block: clamp(12px, 1.6vh, 20px); }
.case-story-list > div + div { border-top: 1px solid color-mix(in srgb, var(--ink) 22%, transparent); }
.case-story-list span { padding-top: .38em; color: color-mix(in srgb, var(--ink) 53%, transparent); font: 600 10px/1 var(--font-display); letter-spacing: .12em; }
.case-story-list h3 { margin-bottom: 6px; font: 600 clamp(15px, 1.15vw, 19px)/1.15 var(--font-display); letter-spacing: -.015em; }
.case-story-list p { max-width: 46ch; color: color-mix(in srgb, var(--ink) 78%, transparent); font-size: clamp(12px, .86vw, 14px); line-height: 1.52; }
.case-actions { grid-column: 2; grid-row: 3; display: grid; grid-template-columns: 1fr 1fr; min-width: 0; background: var(--grid-seam); gap: var(--seam); }
.case-actions a { display: flex; align-items: center; justify-content: center; min-width: 0; padding: 18px; font: 600 clamp(12px, .9vw, 15px)/1.25 var(--font-display); text-align: center; text-decoration: none; text-transform: uppercase; }
.case-live { color: var(--ink); background: var(--paper-light); }
.case-contact { color: var(--paper-light); background: var(--case-accent); }
.case-actions a:hover, .case-actions a:focus-visible { filter: brightness(1.06); outline: 0; }

@media (max-width: 1100px) {
  :root { --mat-inline: clamp(36px, 5vw, 64px); --mat-top: 36px; --mat-bottom: 44px; }
  .sites-intro { grid-template-columns: 1fr; }
  .intro-copy { min-height: 520px; }
  .intro-kicker { margin-bottom: clamp(34px, 4.5vw, 48px); }
  .intro-principle { min-height: 410px; }
  .portfolio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-card { min-height: 0; }
  .case-board { grid-template-columns: minmax(0, 52fr) minmax(330px, 48fr); }
  .case-heading { gap: 18px; }
}

@media (max-width: 760px) {
  :root { --mat-inline: clamp(18px, 5vw, 32px); --mat-top: 24px; --mat-bottom: 34px; --mat-frame: 4px; --board-radius: 12px; --portfolio-inset: var(--seam); }
  .sites-intro { min-height: 0; }
  .intro-copy { min-height: min(690px, calc(100svh - 48px)); padding: 30px clamp(22px, 6vw, 34px) 42px; }
  .intro-topbar { align-items: flex-start; flex-wrap: wrap; row-gap: 18px; }
  .intro-controls { width: 100%; }
  .sites-logo img { width: 104px; }
  .intro-copy h2 { font-size: clamp(24px, 7.5vw, 34px); }
  .intro-lead { font-size: 14px; }
  .intro-principle { min-height: 390px; padding: 24px clamp(22px, 6vw, 34px) 30px; }
  .principle-copy { padding-block: 38px; }
  .principle-copy h2 { font-size: clamp(29px, 8.2vw, 40px); }
  .principle-flow li { grid-template-columns: 28px minmax(0, 1fr); padding-block: 11px; }
  .principle-flow p { font-size: 12px; }
  .portfolio-grid { grid-template-columns: 1fr; }
  .site-card { grid-template-rows: clamp(74px, 22vw, 92px) auto; min-height: 0; }
  .site-card-heading { padding-inline: clamp(15px, 4.5vw, 23px); }
  .site-card-heading strong { font-size: clamp(25px, 8vw, 36px); }
  .sites-contact { padding: calc(var(--seam) + 10px) 10px 10px; }
  .sites-contact-frame { grid-template-columns: 1fr; gap: 0; padding: 24px; }
  .contact-brand, .contact-cta, .contact-meta-row, .contact-bottom { grid-column: 1; }
  .contact-cta { grid-row: 2; grid-template-columns: 1fr; gap: 26px; padding-block: 42px 30px; }
  .contact-cta h2 { font-size: clamp(28px, 8vw, 38px); }
  .contact-meta-row { grid-row: 3; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contact-meta-row a { min-height: 62px; }
  .contact-meta-row a:nth-child(3) { border-left: 0; }
  .contact-meta-row a:nth-child(n + 3) { border-top: 1px solid var(--ink); }
  .contact-bottom { grid-row: 4; }

  .case-overlay { padding: var(--mat-top) var(--mat-inline) var(--mat-bottom); overflow-y: auto; }
  .case-board { display: flex; flex-direction: column; width: 100%; height: auto; min-height: calc(100svh - var(--mat-top) - var(--mat-bottom)); overflow: hidden; }
  .case-heading { order: 1; min-height: 154px; padding: 24px; }
  .case-heading img { width: 72px; }
  .case-heading h2 { font-size: clamp(34px, 11vw, 52px); }
  .case-visual { order: 2; height: clamp(250px, 70vw, 440px); flex: none; }
  .case-story { order: 3; min-height: 0; }
  .case-story-list { height: auto; padding: 68px 24px 32px; }
  .case-story-list > div { grid-template-columns: 28px minmax(0, 1fr); padding-block: 16px; }
  .case-story-list h3 { font-size: 17px; }
  .case-story-list p { font-size: 13px; }
  .case-close { top: 18px; right: 18px; }
  .case-actions { order: 4; grid-template-columns: 1fr; gap: var(--seam); }
  .case-actions a { min-height: 68px; }
}

@media (max-width: 390px) {
  :root { --mat-inline: 14px; --mat-top: 20px; --mat-bottom: 28px; }
  .intro-copy h2 { font-size: clamp(22px, 6.8vw, 27px); }
  .intro-controls { align-items: flex-start; }
  .lang-switcher button { width: 31px; height: 32px; }
  .site-card-heading > span { display: none; }
  .case-heading { flex-direction: column; gap: 16px; }
  .case-heading > div { margin-left: 0; text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}