/* ==========================================================================
   RASPOREDI SEKCIJA
   Svaki je preuzet sa odgovarajuce sekcije referentnog sajta, da sekcije
   ne bi izgledale isto. Mapiranje je u project/TEARDOWN-morison.md
   ========================================================================== */

/* --- Page Header (about / contact): bez slike, tekst pri dnu ------------- */
.phead {
  max-width: 1200px;
  margin-inline: auto;
  padding: 160px var(--pad-x) 80px;
  display: flex;
  flex-flow: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 40px;
  position: relative;
  z-index: 2;
}
.phead__main { flex: 1 0 0; min-width: 300px; }
.phead__side { flex: none; max-width: 380px; }
.phead h1 { margin-top: 16px; }
.phead--center { flex-direction: column; align-items: center; text-align: center; gap: 24px; }
.phead--center .phead__main { max-width: 24ch; }
.phead--center .tab { align-self: center; }
@media (max-width: 1199.98px) {
  .phead { flex-direction: column; align-items: flex-start; }
  .phead__side { max-width: none; }
  .phead--center { align-items: center; }
}

/* --- Spec_Grid: 4 kolone, bez razmaka, deljene bordure ------------------- */
/* --- Specifikacija modela ------------------------------------------------
   Vrednost je najkrupnija jer se nju i trazi, naziv stoji ispod kao oznaka,
   redni broj je tiha kota. Celije razdvaja uspravna linija koja je uvucena
   gore i dole, da tekst ne lezi na njoj.
   ------------------------------------------------------------------------ */
.specgrid { display: grid; gap: 0; width: 100%; padding-top: 64px; }
.specgrid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.specgrid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.spec {
  position: relative;
  display: flex; flex-direction: column; gap: 10px;
  padding: 40px 44px 48px;
  border-top: 1px solid var(--line);
}
.sec--dark .spec { border-top-color: rgba(250,246,237,.14); }

.spec::before {
  content: '';
  position: absolute; left: 0; top: 28px; bottom: 28px;
  width: 1px; background: var(--line);
}
.sec--dark .spec::before { background: rgba(250,246,237,.14); }

.specgrid--3 > .spec:nth-child(3n + 1),
.specgrid--4 > .spec:nth-child(4n + 1) { padding-left: 0; }
.specgrid--3 > .spec:nth-child(3n + 1)::before,
.specgrid--4 > .spec:nth-child(4n + 1)::before { display: none; }
.specgrid--3 > .spec:nth-child(3n),
.specgrid--4 > .spec:nth-child(4n) { padding-right: 0; }

.spec__n {
  font-family: 'Fragment Mono', ui-monospace, monospace;
  font-size: 12px; letter-spacing: .12em;
  color: var(--muted);
}
.sec--dark .spec__n { color: rgba(250,246,237,.38); }

.spec__v {
  font-family: 'Big Shoulders', sans-serif;
  font-size: 36px; font-weight: 600; line-height: 1.1em; letter-spacing: -.01em;
  color: var(--ink);
  text-wrap: balance;
}
.sec--dark .spec__v { color: var(--peach); }
.spec .eyebrow { margin: 0; }

@media (max-width: 1199.98px) {
  .specgrid--3, .specgrid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .spec { padding: 32px 32px 40px; }
  .specgrid > .spec:nth-child(odd) { padding-left: 0; }
  .specgrid > .spec:nth-child(odd)::before { display: none; }
  .specgrid > .spec:nth-child(even) { padding-right: 0; }
}

@media (max-width: 809.98px) {
  .specgrid--3, .specgrid--4 { grid-template-columns: 1fr; padding-top: 40px; }
  .spec { padding: 24px 0 28px; }
  .spec::before { display: none; }
  .spec__v { font-size: 32px; }
}

/* --- Bento_Grid: 3 kartice sa slikom i tekstom preko -------------------- */
.bento { display: grid; grid-template-columns: repeat(3, minmax(50px, 1fr)); gap: 10px; width: 100%; }
@media (max-width: 1199.98px) { .bento { display: flex; flex-direction: column; gap: 20px; } }

.bcard {
  position: relative;
  min-height: 440px;
  padding: 24px;
  display: flex; flex-direction: column; justify-content: flex-end;
  gap: 12px;
  overflow: hidden;
  background: var(--ink-2);
}
.bcard__img { position: absolute; inset: 0; z-index: 0; transition: inset .6s var(--ease-hover); }
.bcard:hover .bcard__img { inset: -10px; }
.bcard__img img { width: 100%; height: 100%; object-fit: cover; }
.bcard::after {
  content: ''; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, rgba(18,18,18,.1) 0%, rgba(18,18,18,.92) 78%);
}
.bcard__badge {
  position: absolute; z-index: 3; top: 24px; left: 24px;
  padding: 4px 8px; border-radius: var(--r);
  background: var(--accent); color: var(--white);
  font-family: 'Big Shoulders', sans-serif;
  font-size: 16px; letter-spacing: .1em; text-transform: uppercase; line-height: 1.4em;
}
.bcard__body { position: relative; z-index: 3; display: flex; flex-direction: column; gap: 10px; }
.bcard h3, .bcard h4 { color: var(--peach); }
.bcard p { color: rgba(250,246,237,.72); }
.bcard ul { display: flex; flex-direction: column; gap: 6px; }
.bcard li { font-size: 14px; line-height: 1.5em; color: rgba(250,246,237,.72); padding-left: 16px; position: relative; }
.bcard li::before { content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 1px; background: var(--accent); }

/* --- Metrics_Grid: 4 kolone, gap 24 ------------------------------------- */
.metrics { display: grid; grid-template-columns: repeat(4, minmax(50px, 1fr)); gap: 24px; width: 100%; }
@media (max-width: 1199.98px) { .metrics { grid-template-columns: repeat(2, 1fr); } }
.metric { border-top: 1px solid var(--line); padding-top: 20px; }
.sec--dark .metric { border-top-color: rgba(250,246,237,.14); }
.metric__n {
  font-family: 'Big Shoulders', sans-serif;
  font-size: clamp(3rem, 6vw, 72px); font-weight: 700; line-height: 1;
  letter-spacing: -.02em; color: var(--ink);
}
.sec--dark .metric__n { color: var(--peach); }
.metric__l { font-size: 12px; font-weight: 500; letter-spacing: .02em; text-transform: uppercase; color: var(--muted); margin-top: 10px; }
.sec--dark .metric__l { color: rgba(250,246,237,.45); }

/* --- CTA_section: tamna, puna visina, centrirana ------------------------ */
.cta-full {
  background: var(--ink);
  min-height: 100vh;
  padding: 140px var(--pad-x);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center;
  position: relative;
}
.cta-full .eyebrow { margin-bottom: 20px; }
.cta-full h2 { color: var(--peach); max-width: 18ch; }
.cta-full p { color: rgba(250,246,237,.62); max-width: 56ch; margin-top: 20px; }
.cta-full .btn-row { justify-content: center; margin-top: 40px; }
@media (max-width: 809.98px) { .cta-full { min-height: unset; padding: 80px var(--pad-x); } }

/* --- Cert_Strip: red oznaka, razmak 63px -------------------------------- */
.certstrip { display: flex; flex-wrap: wrap; align-items: center; gap: 63px; }
.certstrip div { display: flex; flex-direction: column; gap: 4px; }
.certstrip .v { font-family: 'Big Shoulders', sans-serif; font-size: 24px; font-weight: 600; color: var(--ink); }
.sec--dark .certstrip .v { color: var(--peach); }
.certstrip .l { font-size: 12px; font-weight: 500; letter-spacing: .02em; text-transform: uppercase; color: var(--muted); }
@media (max-width: 809.98px) { .certstrip { gap: 32px; } }

/* --- Panels (BUILD PATHS GRID) ------------------------------------------ */
.panels { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
@media (max-width: 1199.98px) { .panels { grid-template-columns: 1fr; } }
.panel {
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 40px;
  display: flex; flex-direction: column; gap: 24px;
  background: var(--white);
}
.sec--dark .panel { background: var(--ink); border-color: rgba(250,246,237,.14); }
.panel__head { display: flex; flex-direction: column; gap: 12px; }
.panel ul { display: flex; flex-direction: column; gap: 14px; }
.panel li { position: relative; padding-left: 22px; font-size: 16px; line-height: 1.8em; color: var(--body-ink); }
.sec--dark .panel li { color: rgba(250,246,237,.62); }
.panel li::before { content: ''; position: absolute; left: 0; top: 13px; width: 10px; height: 1px; background: var(--accent); }
@media (max-width: 809.98px) { .panel { padding: 24px; } }

/* --- Milestones: vremenska linija --------------------------------------- */
.miles { display: flex; flex-direction: column; }
.mile { display: flex; gap: 24px; padding: 24px 0; border-top: 1px solid var(--line); }
.sec--dark .mile { border-top-color: rgba(250,246,237,.14); }
.mile__y {
  flex: none; min-width: 80px; padding-top: 6px;
  font-family: 'Fragment Mono', monospace; font-size: 12px; letter-spacing: .02em;
  color: var(--accent);
}
.mile__b { display: flex; flex-direction: column; gap: 6px; }

/* --- Model_Hero: red, krem, puna visina --------------------------------- */
.mhero {
  background: var(--cream);
  min-height: 100vh;
  padding: 160px 0;
  display: flex; flex-flow: row; align-items: center; justify-content: center;
  gap: 48px;
  position: relative;
}
.mhero__text { flex: 1 0 0; min-width: 300px; padding-left: var(--pad-x); display: flex; flex-direction: column; gap: 20px; }
.mhero__media { flex: 1.2 0 0; min-width: 300px; align-self: stretch; overflow: hidden; }
.mhero__media img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 1199.98px) {
  .mhero { flex-direction: column; min-height: unset; padding: 160px 0 60px; gap: 40px; }
  .mhero__text { padding-inline: var(--pad-x); }
  .mhero__media { width: 100%; aspect-ratio: 16/10; }
}

/* --- Lookbook: tekst levo (sticky), galerija desno ---------------------- */
.lookbook { display: flex; flex-flow: row; align-items: flex-start; gap: 48px; }
.lookbook__head {
  flex: 1 0 0; min-width: 280px; padding-left: var(--pad-x);
  display: flex; flex-direction: column; gap: 20px;
  position: sticky; top: 120px;
}
.lookbook__gal { flex: 1.5 0 0; min-width: 300px; display: flex; flex-direction: column; gap: 48px; padding-right: var(--pad-x); }
.lookbook__gal img { width: 100%; height: auto; object-fit: cover; }
@media (max-width: 1199.98px) {
  .lookbook { flex-direction: column; gap: 60px; }
  .lookbook__head { position: static; padding-inline: var(--pad-x); }
  .lookbook__gal { padding-inline: var(--pad-x); gap: 24px; }
}

/* --- Form_Section: detalji levo, forma desno, gap 80px ------------------ */
.formsec {
  max-width: 1200px; margin-inline: auto;
  padding: 80px var(--pad-x) 120px;
  display: flex; flex-flow: row; align-items: flex-start; justify-content: center;
  gap: 80px;
}
.formsec__left { flex: 1 0 0; min-width: 280px; display: flex; flex-direction: column; gap: 32px; }
.formsec__right { flex: 1.3 0 0; min-width: 300px; }
@media (max-width: 1199.98px) {
  .formsec { flex-direction: column; gap: 48px; padding: 60px var(--pad-x) 80px; }
}
.infoblock { display: flex; flex-direction: column; gap: 6px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.infoblock .l { font-size: 12px; font-weight: 500; letter-spacing: .02em; text-transform: uppercase; color: var(--muted); }
.infoblock .v { font-size: 18px; font-weight: 700; line-height: 1.6em; color: var(--ink); }
.infoblock .v a:hover { color: var(--accent); }

/* ==========================================================================
   NAVIGACIJA: inverzija boje nad tamnim sekcijama
   ========================================================================== */
.site-header.on-dark .header-bar {
  background: rgba(18,18,18,.72);
  border-color: rgba(250,246,237,.18);
}
.site-header.on-dark .logo__mark { color: var(--peach); }
.site-header.on-dark .logo__meta { color: rgba(250,246,237,.5); }
.site-header.on-dark .nav a { color: var(--cream); }
.site-header.on-dark .nav a:hover { color: var(--accent); }
.site-header.on-dark .nav-toggle__t { color: rgba(250,246,237,.62); }
.site-header.on-dark .nav-toggle[aria-expanded="true"] .nav-toggle__t { color: var(--accent); }
.site-header.on-dark .btn--dark { background: var(--peach); color: var(--ink); }
.site-header.on-dark .btn--dark:hover { background: var(--white); }
@media (max-width: 1023px) {
  .site-header.on-dark .nav { background: rgba(18,18,18,.97); border-color: rgba(250,246,237,.18); }
  .site-header.on-dark .nav a { border-bottom-color: rgba(250,246,237,.12); }
}


/* --- Modeli: mreza preko celog ekrana (2 kolone, gap 0, aspect 1.25) ----- */
.fullgrid { display: grid; grid-template-columns: repeat(2, minmax(50px, 1fr)); gap: 0; width: 100%; }
@media (max-width: 809.98px) { .fullgrid { grid-template-columns: 1fr; } }
.fullgrid .gcard { aspect-ratio: 1.25; padding: 40px; }
.fullgrid .gcard__title { font-family: 'Big Shoulders', sans-serif; font-size: clamp(2rem, 3.4vw, 40px); font-weight: 600; line-height: 1.15em; letter-spacing: -.01em; }
.fullgrid .gcard__row { flex-direction: column; align-items: flex-start; gap: 4px; }
.fullgrid .gcard__meta { font-family: 'Big Shoulders', sans-serif; font-size: 16px; letter-spacing: .1em; text-transform: uppercase; color: var(--peach); }
.fullgrid .gcard__price { font-size: 18px; }
@media (max-width: 809.98px) { .fullgrid .gcard { padding: 24px; } }

/* --- Process_Section: red, gap 62, levo sticky 100vh, desno kartice --- */
.proc {
  background: var(--cream);
  max-width: var(--max);
  margin-inline: auto;
  padding: 120px var(--pad-x);
  display: flex; flex-flow: row; align-items: flex-start; justify-content: flex-start;
  gap: 62px;
  position: relative;
}
.proc__left {
  flex: 1 0 0; width: 1px;
  height: 100vh;
  position: sticky; top: 120px;
  display: flex; flex-direction: column; align-items: flex-start; gap: 24px;
}
.proc__right {
  flex: 1 0 0; width: 1px;
  padding-left: 20px;
  display: flex; flex-direction: column; align-items: flex-start; gap: 80px;
}
.pstep { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.pstep__n { font-size: 18px; font-weight: 700; line-height: 1.6em; color: var(--accent); }
.pstep__img { width: 100%; overflow: hidden; }
.pstep__img img { width: 100%; aspect-ratio: 16/10; object-fit: cover; transition: transform .6s var(--ease-hover); }
.pstep:hover .pstep__img img { transform: scale(1.03); }

/* Ilustracije iz kataloga imaju providnu pozadinu i razlicite odnose strana,
   pa se prikazuju cele umesto da ih okvir isece. */
/* Dvostruka klasa je namerna: about.css se ucitava posle ovog fajla, pa bi
   .cell__img sa odnosom 4/3 i overflow hidden inace pregazio ova pravila i
   isekao ilustracije. */
.pstep__img.pstep__img--ilu, .cell__img.cell__img--ilu {
  background: rgba(18,18,18,.035);
  border-radius: var(--r);
  aspect-ratio: auto;
  overflow: hidden;
  position: relative;
  padding: 0;
}
.sec--dark .pstep__img.pstep__img--ilu,
.asec--dark .cell__img.cell__img--ilu { background: rgba(250,246,237,.05); }
/* Slika popunjava okvir i uklapa se unutar njega. Procenat na max-height u
   grid celiji brauzer ignorise (visina reda zavisi od sadrzaja), pa portretne
   ilustracije prelaze preko teksta ispod. Zato ide puna visina uz contain. */
/* Apsolutno pozicioniranje daje slici tacne mere okvira, pa contain radi.
   U grid celiji se procenat visine ne moze izracunati (visina reda zavisi od
   sadrzaja), pa su portretne ilustracije prelazile preko teksta ispod. */
.pstep__img.pstep__img--ilu img, .cell__img.cell__img--ilu img {
  position: absolute;
  inset: 18px;
  aspect-ratio: auto;
  width: calc(100% - 36px);
  height: calc(100% - 36px);
  object-fit: contain;
  transform: none;
}
/* okviri su iste visine da bi naslovi ispod njih stajali u istoj liniji */
.cell__img.cell__img--ilu { height: 260px; }
.pstep__img.pstep__img--ilu { height: 420px; }

@media (max-width: 1199.98px) {
  .cell__img.cell__img--ilu { height: 220px; }
  .pstep__img.pstep__img--ilu { height: 340px; }
}
/* Telefon: okvir prati odnos same slike, pa uspravne ilustracije
   (noseca konstrukcija, grede i stubovi) nisu vise sitne u niskom okviru. */
@media (max-width: 809.98px) {
  .cell__img.cell__img--ilu, .pstep__img.pstep__img--ilu { height: auto; }
  .cell__img.cell__img--ilu img, .pstep__img.pstep__img--ilu img {
    position: static;
    inset: auto;
    width: 100%;
    height: auto;
    max-height: 60vh;
    padding: 14px;
  }
}
.pstep p:last-child { font-size: 18px; font-weight: 400; line-height: 1.6em; color: var(--body-ink); }

@media (max-width: 1199.98px) { .proc { padding: 120px var(--pad-x); } }
@media (max-width: 809.98px) {
  .proc { flex-direction: column; gap: 40px; padding: 40px var(--pad-x) 80px; }
  .proc__left { height: auto; position: relative; top: unset; width: 100%; flex: none; gap: 20px; padding-top: 40px; }
  .proc__right { width: 100%; flex: none; gap: 40px; padding: 40px 0 0; }
}


/* ==========================================================================
   TRANZICIJA NA PROMENI STRANICA
   Panel naleti odozdo i preuzme ekran, pa nova strana izlazi ispod njega.
   Kriva i trajanje kao appear animacije na referentnom sajtu.
   ========================================================================== */
.pcover {
  position: fixed;
  inset: 0;
  z-index: 70;
  background: var(--ink);
  transform: translateY(0);
  pointer-events: none;
  will-change: transform;
}

/* dolazak: panel klizi navise i otkriva novu stranu */
.pcover.is-lifting {
  transition: transform .6s var(--ease-appear);
  transform: translateY(-100%);
}

/* odlazak: panel ceka ispod ekrana pa naleti odozdo */
.pcover.is-below { transition: none; transform: translateY(100%); }
.pcover.is-rising {
  transition: transform .55s var(--ease-appear);
  transform: translateY(0);
  pointer-events: all;
}

/* dok panel silazi, sadrzaj se blago povuce navise */
main, .site-footer { transition: transform .55s var(--ease-appear), opacity .55s var(--ease-appear); }
body.is-leaving main, body.is-leaving .site-footer { transform: translateY(-40px); opacity: .6; }

@media (prefers-reduced-motion: reduce) {
  .pcover { display: none; }
  main, .site-footer { transition: none; }
  body.is-leaving main, body.is-leaving .site-footer { transform: none; opacity: 1; }
}

/* CTA sekcije se otkrivaju kao blok */
.cta-full > *, .closing > * { opacity: .001; transform: translateY(30px); }
.cta-full.on > *, .closing.on > * {
  opacity: 1; transform: none;
  transition: opacity .8s var(--ease-appear), transform .8s var(--ease-appear);
}
.cta-full.on > *:nth-child(2) { transition-delay: .08s; }
.cta-full.on > *:nth-child(3) { transition-delay: .16s; }
.cta-full.on > *:nth-child(4) { transition-delay: .24s; }
@media (prefers-reduced-motion: reduce) {
  .cta-full > *, .closing > * { opacity: 1; transform: none; }
}

/* ==========================================================================
   PAKETI PO KATEGORIJI
   Raspored sa referentne strane model-settings: slika levo, celije sa
   podacima desno, razdvojene tankim linijama, bez razmaka izmedju njih.
   ========================================================================== */
.pkgrid {
  margin-top: 40px;
  display: flex; align-items: stretch;
  border: 1px solid var(--line);
  border-radius: var(--r);
  overflow: hidden;
  background: var(--white);
}
.pkcol { flex: 1 1 58%; display: flex; flex-direction: column; min-width: 0; }
.pkcell {
  display: flex; flex-direction: column; gap: 10px;
  padding: 28px 30px 32px;
  border-bottom: 1px solid var(--line);
  border-left: 1px solid var(--line);
  min-width: 0;
}
.pkcell:last-child { border-bottom: 0; }
.pkcell p { margin: 0; color: var(--body-ink); font-size: 15px; line-height: 1.7; }
.pkcell .eyebrow { margin: 0; }

/* slika levo, preko cele visine mreze */
.pkcell--foto {
  flex: 1 1 42%;
  display: flex; flex-direction: column;
  position: relative;
  padding: 0;
  border-left: 0; border-bottom: 0;
  min-height: 320px;
  /* podloga je boja ivice same slike, pa se render i celija stapaju;
     fotografije popunjavaju celiju, izolovani renderi se uklapaju celi */
  background: var(--pk-bg, #f5efe3);
}
/* Renderi su siroki 3:2, a celija je visoka i uska, pa bi cover odsekao
   veci deo kuce. Slika se zato uklapa cela u prostor koji joj ostane. */
.pkcell--foto img {
  position: static;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%; height: 100%;
  object-fit: var(--pk-fit, contain);
  object-position: center;
}
.pkcell--foto .pkcell__preko {
  position: relative; z-index: 2;
  display: flex; flex-direction: column; gap: 6px;
  padding: 26px 30px 28px;
}
/* kad je podloga slike tamna, tekst u zaglavlju ide u svetlom */
.pkcell--tamna h3 { color: var(--cream) !important; }
.pkcell--tamna p { color: rgba(250,246,237,.74) !important; }
.pkcell--tamna .eyebrow { color: var(--peach) !important; }

.pkcell--foto h3 { color: var(--ink); margin: 0; }
.pkcell--foto p { color: var(--body-ink); }
.pkcell--foto .eyebrow { color: var(--accent); }

/* iznos u celiji paketa */
.pkcell__v {
  font-family: 'Big Shoulders', sans-serif;
  font-size: 32px; font-weight: 600; line-height: 1.1em; letter-spacing: -.01em;
  color: var(--ink);
}
.pkcell--cta { background: var(--paper, #f5efe3); gap: 14px; }
.pkcell--cta h4 { margin: 0; max-width: 20ch; }
.pkcell--cta .btn { align-self: flex-start; margin-top: 4px; }

@media (max-width: 899.98px) {
  .pkgrid { flex-direction: column; }
  .pkcell--foto { min-height: 240px; }
  .pkcell { border-left: 0; padding: 24px 20px 26px; }
}

/* --- limiti i uslovi: red celija sa tankim linijama --------------------- */
.limgrid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.limcell {
  display: flex; flex-direction: column; gap: 8px;
  padding: 28px 32px 32px;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
  min-width: 0;
}
/* prva u redu se poravnava sa naslovom sekcije */
.limgrid > .limcell:nth-child(3n + 1) { border-left: 0; padding-left: 0; }
@media (min-width: 810px) and (max-width: 1199.98px) {
  .limgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .limgrid > .limcell:nth-child(3n + 1) { border-left: 1px solid var(--line); padding-left: 32px; }
  .limgrid > .limcell:nth-child(2n + 1) { border-left: 0; padding-left: 0; }
}
.limcell__n {
  font-family: 'Fragment Mono', ui-monospace, monospace;
  font-size: 12px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--accent);
}
.limcell__t { font-weight: 600; color: var(--ink) !important; font-size: 16px !important; }
.limcell p { margin: 0; color: var(--body-ink); font-size: 15px; line-height: 1.7; }
@media (max-width: 809.98px) {
  .limgrid { grid-template-columns: 1fr; }
  .limcell { border-left: 0 !important; padding: 22px 0 24px !important; }
}