/* ---------- 1. reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,figure,dl,dd{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
input,select,textarea,button{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:inherit}

/* ---------- 2. tokens ---------- */
:root{
  --paper:#EFEFE9;
  --sheet:#FFFFFF;
  --ink:#0B0B0C;
  --dim:#62625C;
  --line:#0B0B0C;
  --f:#0B0B0C;
  --on-f:#FFFFFF;
  --t-h1:clamp(2.25rem,5.8vw,4.3rem);
  --t-h2:clamp(1.4rem,2.7vw,2.05rem);
  --t-note:clamp(1.1rem,1.6vw,1.36rem);
  --t-body:1.06rem;
  --t-mini:.71rem;
  --pad:clamp(18px,4.4vw,54px);
  --air:clamp(44px,6vw,88px);
  --max:1180px;
}
/* ЦВЕТ ПРИНАДЛЕЖИТ ТИПУ ПОЛЯ. Четыре класса, других цветовых тем на сайте нет. */
.f-site{--f:#FF3B1F;--on-f:#FFFFFF}
.f-use{--f:#0F62FE;--on-f:#FFFFFF}
.f-around{--f:#00A651;--on-f:#FFFFFF}
.f-first{--f:#FFB400;--on-f:#0B0B0C}

/* ---------- 3. base ---------- */
body{
  background:var(--paper);
  color:var(--ink);
  font-family:"Source Serif 4",Georgia,"Times New Roman",serif;
  font-size:var(--t-body);
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
h1,h2{font-family:"Space Grotesk",Arial,sans-serif;font-weight:700;line-height:1.05;letter-spacing:-.02em}
h1{font-size:var(--t-h1)}
h2{font-size:var(--t-h2)}
p{max-width:60ch}
.ia-mono{font-family:"Space Mono",ui-monospace,Menlo,monospace;font-size:var(--t-mini);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}

/* ---------- 4. каркас ---------- */
.ia-hold{width:100%;max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.ia-air{padding-top:var(--air);padding-bottom:var(--air)}

/* ---------- 5. ЗАГОЛОВОЧНЫЙ БЛОК ЛИСТА ---------- */
.ia-block{border:1px solid var(--line);background:var(--sheet);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px}
@media (min-width:560px){.ia-block{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ia-cell{padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.ia-cell b{display:block;font-family:"Space Grotesk",Arial,sans-serif;font-weight:700;font-size:1.02rem;margin-top:5px;letter-spacing:.01em}

/* ---------- 6. ЗАПИСЬ ---------- */
.ia-rec{position:relative;background:var(--sheet);border:1px solid var(--line);padding:clamp(20px,3vw,40px);margin-top:clamp(26px,3.4vw,46px)}
.ia-rec::before,.ia-rec::after{content:"";position:absolute;width:14px;height:14px;border-style:solid;border-color:var(--ink)}
.ia-rec::before{left:-1px;top:-1px;border-width:4px 0 0 4px}
.ia-rec::after{right:-1px;bottom:-1px;border-width:0 4px 4px 0}
.ia-rec h2{margin-top:9px}
.ia-note{font-size:var(--t-note);line-height:1.35;margin-top:13px;max-width:46ch}
.ia-fig{margin-top:24px;max-width:480px}
.ia-shot{overflow:hidden;background:var(--paper);aspect-ratio:4/3;border:1px solid var(--line)}
.ia-shot img{width:100%;height:100%;object-fit:cover}
.ia-fig figcaption{margin-top:8px;font-size:var(--t-mini);color:var(--dim)}
/* четыре поля — настоящий dl */
.ia-fields{margin-top:26px;display:grid;gap:20px 26px;grid-template-columns:minmax(0,1fr)}
@media (min-width:1120px){.ia-fields{grid-template-columns:170px minmax(0,1fr)}}
.ia-fields dt{align-self:start}
.ia-fields dd{margin:0}
.ia-tag{display:inline-block;background:var(--f);color:var(--on-f);padding:5px 12px;font-family:"Space Grotesk",Arial,sans-serif;font-weight:700;font-size:var(--t-mini);letter-spacing:.19em;text-transform:uppercase}
.ia-first{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}
.ia-rev{margin-top:20px}

/* ---------- 7. hero, лист-контакт, ссылки ---------- */
.ia-hero{overflow:hidden;background:var(--sheet);aspect-ratio:7/3;border:1px solid var(--line)}
.ia-hero img{width:100%;height:100%;object-fit:cover}
.ia-hero--mark{width:min(100%,34.5rem);aspect-ratio:1400/1283}
.ia-hero--mark img{object-fit:contain}
.ia-hero-cap{margin-top:8px;font-size:var(--t-mini);color:var(--dim)}
.ia-hero--form{display:flex;align-items:stretch;background:var(--paper);padding:clamp(10px,2.2vw,22px)}
.ia-hero-sheet{position:relative;flex:1;min-width:0;background:var(--sheet);border:1px solid var(--line);padding:clamp(12px,2.4vw,28px);display:flex;flex-direction:column}
.ia-hero-sheet::before,.ia-hero-sheet::after{content:"";position:absolute;width:14px;height:14px;border-style:solid;border-color:var(--ink)}
.ia-hero-sheet::before{left:-1px;top:-1px;border-width:4px 0 0 4px}
.ia-hero-sheet::after{right:-1px;bottom:-1px;border-width:0 4px 4px 0}
.ia-hero-meta{display:flex;flex-wrap:wrap;gap:6px 16px}
.ia-hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,2vw,22px);margin-top:auto;padding-top:clamp(12px,1.8vw,20px)}
.ia-hero-col{min-width:0}
.ia-hero--form .ia-tag{max-width:100%;letter-spacing:.12em}
.ia-hero-rules{display:block;margin-top:10px;height:clamp(28px,6vw,54px);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(33.333% - 1px),var(--line) calc(33.333% - 1px),var(--line) 33.333%);opacity:.22}
@media (max-width:879px){
  .ia-hero--form{aspect-ratio:auto}
  .ia-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.ia-open{display:grid;gap:clamp(22px,3.6vw,40px);grid-template-columns:minmax(0,1fr);align-items:stretch}
.ia-open-copy{display:flex;flex-direction:column;justify-content:center}
.ia-open-copy .ia-hero-cap{margin-top:0}
.ia-open h1{margin-top:12px;font-size:clamp(2rem,4.6vw,3.4rem)}
.ia-open .ia-lede{margin-top:18px}
@media (min-width:880px){
  .ia-open{grid-template-columns:minmax(0,1fr) minmax(280px,1.08fr);gap:28px 48px}
}
.ia-stubs{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px}
@media (min-width:560px){.ia-stubs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:880px){.ia-stubs{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ia-stub{display:block;background:var(--sheet);border:1px solid var(--line);padding:15px;text-decoration:none}
.ia-stub strong{display:block;font-family:"Space Grotesk",Arial,sans-serif;font-weight:700;font-size:1.02rem;margin-top:7px;line-height:1.2}
.ia-ticks{display:flex;gap:4px;margin-top:13px}
.ia-ticks i{display:block;width:100%;height:9px;background:var(--f)}
.ia-jump{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin-top:26px}
@media (min-width:880px){.ia-jump{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ia-jump a{display:block;border:1px solid var(--line);background:var(--sheet);padding:20px;text-decoration:none}
.ia-jump b{font-family:"Space Grotesk",Arial,sans-serif;font-weight:700;font-size:1.16rem;display:block}
.ia-lede{font-size:1.2rem;color:var(--dim);max-width:58ch}
.ia-link{text-decoration:none;border-bottom:2px solid var(--ink)}
.ia-fine{border-top:1px solid var(--line);margin-top:var(--air);padding-top:18px;font-size:.95rem;color:var(--dim);max-width:70ch}

/* ---------- 8. шапка с бургером ---------- */
.ia-top{background:var(--sheet);border-bottom:1px solid var(--line);padding:13px var(--pad);display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.ia-logo{font-family:"Space Grotesk",Arial,sans-serif;font-weight:700;font-size:1.24rem;text-decoration:none;margin-right:auto;letter-spacing:-.01em}
.ia-burger{display:none;border:1px solid var(--ink);padding:6px 14px;font-family:"Space Mono",ui-monospace,monospace;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}
.ia-nav{display:flex;flex-wrap:wrap;gap:9px 18px;width:100%}
.ia-nav a{font-family:"Space Grotesk",Arial,sans-serif;font-weight:700;text-decoration:none;font-size:.92rem}
.ia-nav a[aria-current="page"]{background:var(--ink);color:var(--sheet);padding:2px 8px}
.ia-js .ia-burger{display:block}
.ia-js .ia-nav{display:none}
.ia-js .ia-nav.is-open{display:flex;flex-direction:column;gap:12px}
@media (min-width:880px){
  .ia-nav{width:auto;flex-wrap:nowrap}
  .ia-js .ia-nav{display:flex;flex-direction:row}
  .ia-js .ia-burger{display:none}
}

/* ---------- 9. футер ---------- */
.ia-foot{background:var(--sheet);border-top:1px solid var(--line);padding:26px var(--pad)}
.ia-foot-in{width:100%;max-width:var(--max);margin:0 auto;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (min-width:560px){.ia-foot-in{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}}
.ia-foot p{font-size:.92rem;color:var(--dim);max-width:58ch}
.ia-foot a{text-decoration:none}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---------- 10. дополнения (плоские, префикс ia-) ---------- */
.ia-head-note{margin-top:22px}
.ia-legend{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);margin-top:26px}
@media (min-width:560px){.ia-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:880px){.ia-legend{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ia-legend-item{border:1px solid var(--line);background:var(--sheet);padding:16px}
.ia-legend-item p{margin-top:11px;font-size:.97rem;max-width:34ch}
.ia-rec-head{display:flex;flex-wrap:wrap;gap:6px 16px}
.ia-body{margin-top:20px}
.ia-body p{margin-top:16px}
.ia-body h2{margin-top:36px}
.ia-adult{border:1px solid var(--line);background:var(--sheet);padding:16px;margin-top:22px}
.ia-help{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:.92rem;color:var(--dim);max-width:70ch}
.ia-onward{margin-top:26px}
.ia-form{margin-top:26px;background:var(--sheet);border:1px solid var(--line);padding:clamp(20px,3vw,36px);max-width:640px}
.ia-field{display:grid;gap:7px;margin-top:20px;grid-template-columns:minmax(0,1fr)}
.ia-field input,.ia-field select,.ia-field textarea{border:1px solid var(--line);background:var(--paper);padding:10px 12px;width:100%}
.ia-check{display:grid;gap:10px;grid-template-columns:24px minmax(0,1fr);margin-top:22px;align-items:start}
.ia-check input{width:18px;height:18px;margin-top:5px}
.ia-send{border:1px solid var(--ink);background:var(--ink);color:var(--sheet);padding:11px 24px;margin-top:24px;font-family:"Space Grotesk",Arial,sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.86rem;transition:opacity .18s}
.ia-send:hover{opacity:.82}
.ia-foot-links{display:grid;gap:8px;grid-template-columns:minmax(0,1fr);font-family:"Space Grotesk",Arial,sans-serif;font-weight:700;font-size:.92rem}