/* Logo usage — one minimum-width specimen and three grouped misuse examples.
   New names avoid legacy size/misuse overrides. Only #logo-rules is affected. */
#logo-rules.lr-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  min-height: 100svh;
  padding: clamp(14px, 2vh, 22px) 0;
  color: var(--midnight);
  container: logo-rules / inline-size;
}
#logo-rules .lr-header { margin: 0 0 clamp(8px, 1.2vh, 14px); }
#logo-rules .lr-header h2 {
  margin: 0;
  font: 500 clamp(22px, 2.2vw, 32px)/1.15 var(--font-title-latin);
  letter-spacing: -.045em;
}
#logo-rules .lr-size-block { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(16px, 2.4vw, 36px); align-items: center; }
#logo-rules .lr-size-copy { min-width: 0; }
#logo-rules .lr-size-copy h3 {
  margin: 0 0 14px 0;
  font: 500 clamp(17px, 1.7vw, 21px)/1.25 var(--font-text-ge);
  letter-spacing: -.035em;
}
#logo-rules .lr-form-block > h3 {
  margin: 0;
  font: 500 clamp(16px, 1.6vw, 19px)/1.3 var(--font-text-ge);
  letter-spacing: -.035em;
}
#logo-rules .lr-limits {
  display: flex;
  flex-wrap: wrap;
  gap: 12px clamp(28px, 4vw, 48px);
  margin: 0 0 16px 0;
}
#logo-rules .lr-limits > div { min-width: 0; }
#logo-rules .lr-limits dt {
  font: 600 9.5px/1.3 var(--font-text-latin);
  letter-spacing: .1em;
  color: var(--muted);
}
#logo-rules .lr-limits dd {
  margin: 5px 0 0;
  font: 500 clamp(26px, 2.6vw, 36px)/1 var(--font-title-latin);
  letter-spacing: -.04em;
  white-space: nowrap;
}
#logo-rules .lr-limits dd span { font: 400 13px/1 var(--font-text-latin); letter-spacing: -.02em; }
#logo-rules .lr-size-note {
  max-width: 340px;
  margin: 0;
  font: 400 11px/1.5 var(--font-text-ge);
  color: var(--muted);
}
#logo-rules .lr-size-visual { display: grid; place-items: center; min-width: 0; min-height: clamp(100px, 13vh, 125px); margin: 0; padding: clamp(12px, 1.6vh, 18px); background: var(--mist); border-radius: 10px; }
#logo-rules .lr-measure { width: min(60%, 190px); }
#logo-rules .lr-measure img { width: 100%; height: auto; display: block; }
#logo-rules .lr-measure-line { display: block; position: relative; height: 1px; margin-top: 14px; background: var(--emerald); }
#logo-rules .lr-measure-line::before, #logo-rules .lr-measure-line::after { content: ""; position: absolute; top: -4px; width: 1px; height: 9px; background: var(--emerald); }
#logo-rules .lr-measure-line::before { left: 0; }
#logo-rules .lr-measure-line::after { right: 0; }
#logo-rules .lr-form-block { margin-top: clamp(12px, 1.6vh, 18px); padding-top: clamp(10px, 1.4vh, 14px); border-top: 1px solid var(--line); }
#logo-rules .lr-examples { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(8px, 1.1vw, 16px); margin-top: clamp(10px, 1.4vh, 14px); }
#logo-rules .lr-example { min-width: 0; margin: 0; }
#logo-rules .lr-example-art { position: relative; display: grid; place-items: center; height: clamp(60px, 8vh, 76px); padding: 8px 10px; background: #f4f7f6; border-radius: 8px; }
#logo-rules .lr-error-mark { position: absolute; top: 6px; left: 8px; color: var(--midnight); font: 400 16px/1 var(--font-text-latin); }
#logo-rules .lr-example-art img { display: block; width: 78%; height: auto; }
#logo-rules .lr-example-art .lr-rotated { transform: rotate(-11deg); }
#logo-rules .lr-gradient { width: 85%; aspect-ratio: 200.58 / 60.95; background: linear-gradient(110deg, var(--emerald) 5%, #92d3d4 58%, var(--orange)); -webkit-mask: url("logos/GV-Capital_Emerald.svg") center / contain no-repeat; mask: url("logos/GV-Capital_Emerald.svg") center / contain no-repeat; }
#logo-rules .lr-retyped { color: var(--emerald); white-space: nowrap; font: 700 clamp(13px, 1.2vw, 17px)/1.1 Georgia, serif; letter-spacing: -.025em; }
#logo-rules .lr-example figcaption { padding-top: 8px; }
#logo-rules .lr-example h4 { margin: 0; font: 500 clamp(12px, 1vw, 14px)/1.3 var(--font-text-ge); letter-spacing: -.02em; }
#logo-rules .lr-example p { margin: 4px 0 0; font: 400 10.5px/1.45 var(--font-text-ge); color: var(--muted); }
@container logo-rules (max-width: 740px) {
  #logo-rules .lr-size-block { gap: 28px; }
  #logo-rules .lr-limits { gap: 22px 28px; }
  #logo-rules .lr-size-visual { padding: 28px; }
  #logo-rules .lr-measure { width: 80%; }
  #logo-rules .lr-examples { gap: 28px; }
  #logo-rules .lr-example-art { height: 140px; padding-inline: 16px; }
  #logo-rules .lr-example h4 { font-size: 15px; }
}
@media (max-width: 700px) {
  #logo-rules.lr-section { min-height: 0; padding: 48px 0; }
  #logo-rules .lr-header { margin-bottom: 36px; }
  #logo-rules .lr-header h2 { font-size: clamp(25px, 6.7vw, 32px); }
  #logo-rules .lr-size-block { grid-template-columns: 1fr; gap: 28px; }
  #logo-rules .lr-limits { gap: 28px 44px; }
  #logo-rules .lr-limits dd { font-size: 42px; }
  #logo-rules .lr-size-note { font-size: 12px; }
  #logo-rules .lr-size-visual { min-height: 200px; }
  #logo-rules .lr-measure { width: min(70%, 220px); }
  #logo-rules .lr-form-block { margin-top: 44px; padding-top: 30px; }
  #logo-rules .lr-examples { grid-template-columns: 1fr; gap: 38px; margin-top: 28px; }
  #logo-rules .lr-example-art { height: 175px; padding: 32px; }
  #logo-rules .lr-example-art img { width: min(70%, 210px); }
  #logo-rules .lr-gradient { width: min(76%, 220px); }
  #logo-rules .lr-retyped { font-size: 25px; }
  #logo-rules .lr-example figcaption { padding-top: 19px; }
  #logo-rules .lr-example h4 { font-size: 18px; }
  #logo-rules .lr-example p { font-size: 13px; max-width: 340px; margin-top: 9px; }
}
@media print {
  #logo-rules.lr-section { min-height: 0; break-inside: avoid; padding-block: 10mm; }
  #logo-rules .lr-example { break-inside: avoid; }
}


/* --------------------------------------------------------------------------
   კიდევ სამი შემთხვევა: კონტრასტი, ეფექტები და ჩარჩო.
   ბადე ორ რიგად იშლება, ხატვა მთლიანად CSS-ია, ახალი აქტივი არ სჭირდება.
   -------------------------------------------------------------------------- */

#logo-rules .lr-art-tinted { background: #0d7079; }

#logo-rules .lr-lowcontrast {
  width: 83%;
  aspect-ratio: 200.58 / 60.95;
  background: var(--emerald);
  -webkit-mask: url("logos/GV-Capital_Emerald.svg") center / contain no-repeat;
  mask: url("logos/GV-Capital_Emerald.svg") center / contain no-repeat;
}

/* ეს არის შეცდომა, რომელსაც ნამდვილად უშვებენ: PowerPoint-ის და Word-ის
   ნაგულისხმევი ჩრდილი. საკმარისად მსუბუქია, რომ „ხომ არაფერია" თქვან —
   სწორედ ამიტომ ღირს ჩვენება. უხეში ჰალო ვერავის ასწავლის: მას ისედაც
   ვერავინ დაადებდა. სამი ეფექტი ერთდროულად აქ აღარაა — წარწერა დანარჩენს
   ისედაც ასახელებს. */
#logo-rules .lr-effects {
  width: 74%;
  filter: drop-shadow(2px 3px 4px rgba(22, 35, 42, .30));
}

#logo-rules .lr-boxed {
  display: grid;
  place-items: center;
  width: 84%;
  padding: 16px 20px;
  border: 2px solid var(--emerald);
  border-radius: 12px;
  background: #fff;
}

#logo-rules .lr-boxed img { display: block; width: 100%; height: auto; }

/* --------------------------------------------------------------------------
   „არასწორი" ნიშნული
   სქელი წითელი ხაზი მთელ ბარათზე თვითონ ნამუშევარს ებრძვის — ექვსივე ბარათზე
   ერთდროულად კი უკვე ყვირილია. ხაზი რჩება, მაგრამ თმისხელა და მიჩუმებული:
   საკმარისი იმისთვის, რომ ერთი შევლებით „არა" წაიკითხო, არა იმისთვის, რომ
   ლოგოს დათვალიერება შეგიშალოს.

   ჯვარი ორი ზოლითაა დახატული და არა × სიმბოლოთი: ტიპოგრაფიული × მათემატიკურ
   ღერძზე ზის და არა em-კვადრატის ცენტრში, ამიტომ წრეში ყოველთვის ზემოთ ჩანდა.
   -------------------------------------------------------------------------- */
#logo-rules .lr-example-art { overflow: hidden; }
#logo-rules .lr-example-art::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 4;
  background: linear-gradient(
    to top right,
    transparent calc(50% - .6px),
    rgba(214, 69, 69, .32) calc(50% - .6px),
    rgba(214, 69, 69, .32) calc(50% + .6px),
    transparent calc(50% + .6px)
  );
}
#logo-rules .lr-error-mark {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 5;
  width: 18px;
  height: 18px;
  padding: 0;
  border-radius: 50%;
  background: #d64545;
  box-shadow: none;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
#logo-rules .lr-error-mark::before,
#logo-rules .lr-error-mark::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 1.6px;
  border-radius: 1px;
  background: #fff;
}
#logo-rules .lr-error-mark::before { transform: translate(-50%, -50%) rotate(45deg); }
#logo-rules .lr-error-mark::after  { transform: translate(-50%, -50%) rotate(-45deg); }
@media print { #logo-rules .lr-example-art::after { background: none; } }