/* ==========================================================================
   PERGOLY — визуальный язык семейства МАРКИЗА
   Палитра: тёплый песок + глубокий графит + тёмно-зелёный + терракота.
   Заголовки — Cormorant Garamond (высококонтрастный сериф), текст — Golos Text.
   Фото на этом этапе нет: .ph — плейсхолдер с подписью размера.
   Контраст: все текстовые пары проверены на WCAG AA (contrast.py).
   ========================================================================== */

@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;
  src:url(./fonts/cormorant-garamond-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;
  src:url(./fonts/cormorant-garamond-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 700;font-display:swap;
  src:url(./fonts/cormorant-garamond-italic-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 700;font-display:swap;
  src:url(./fonts/cormorant-garamond-italic-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(./fonts/golos-text-cyrillic.woff2) format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(./fonts/golos-text-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  /* светлые подложки — три ступени, чтобы у секций был ритм */
  --paper:#faf6ef;
  --sand:#efe8dd;
  --sand-deep:#e6dac7;
  --card:#f6efe4;

  /* текст */
  --ink:#1d1a17;
  --ink-2:#443d35;
  --ink-3:#655a4d;

  /* линии */
  --line:rgba(29,26,23,.16);
  --line-soft:rgba(29,26,23,.09);

  /* акцент — обожжённая терракота */
  --terra:#984220;
  --terra-deep:#77311a;
  --terra-wash:rgba(152,66,32,.07);

  /* тёмные поверхности: хвоя (акцентные блоки) и графит (подвал, CTA) */
  --pine:#1f2c26;
  --pine-2:#2a3a32;
  --graphite:#2b2724;
  --graphite-deep:#1b1815;
  --on-dark:#f4eee3;
  --on-dark-2:rgba(244,238,227,.72);

  --f-display:"Cormorant Garamond","PT Serif",Georgia,"Times New Roman",serif;
  --f-text:"Golos Text",system-ui,-apple-system,"Segoe UI",sans-serif;

  --wrap:1340px;
  --gutter:clamp(18px,4.4vw,72px);
  --r-s:3px;
  --r-m:6px;
  --r-l:14px;
  --e-out:cubic-bezier(.16,1,.3,1);
  --z-header:60;
  --z-overlay:90;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip;}
body{
  margin:0;background:var(--sand);color:var(--ink);
  font-family:var(--f-text);font-size:clamp(16px,1.03vw,17.5px);line-height:1.62;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
a:hover{color:var(--terra);}
:focus-visible{outline:2px solid var(--terra);outline-offset:3px;border-radius:2px;}
::selection{background:var(--terra);color:#fff;}

/* Сериф крупным кеглем: свободный интерлиньяж, почти без отрицательного трекинга */
h1,h2,h3,h4{font-family:var(--f-display);font-weight:500;line-height:1.1;letter-spacing:0;margin:0;text-wrap:balance;}
h1{font-size:clamp(2.7rem,6.2vw,5.1rem);line-height:1.06;}
h2{font-size:clamp(2rem,3.9vw,3.45rem);line-height:1.14;}
h3{font-size:clamp(1.28rem,1.7vw,1.6rem);font-weight:600;line-height:1.2;}
p{margin:0 0 1.05em;max-width:64ch;text-wrap:pretty;}
p:last-child{margin-bottom:0;}
ul,ol{margin:0;padding:0;list-style:none;}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter);}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:10px 16px;z-index:200;}
.skip:focus{left:12px;top:12px;}
.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--terra);z-index:120;transition:width .12s linear;}

/* ------------------------------------------------------------------ header */
.hdr{position:sticky;top:0;z-index:var(--z-header);background:rgba(250,246,239,.84);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);transition:border-color .3s,background .3s,box-shadow .3s;}
.hdr.is-stuck{background:rgba(250,246,239,.96);box-shadow:0 12px 30px -30px rgba(29,26,23,.8);}
.hdr__in{display:flex;align-items:center;gap:clamp(16px,2.4vw,40px);height:80px;transition:height .3s var(--e-out);}
.hdr.is-stuck .hdr__in{height:64px;}
.brand{font-family:var(--f-display);font-weight:600;font-size:21px;letter-spacing:.16em;line-height:1;display:flex;align-items:center;gap:2px;}
.brand i{display:block;width:5px;height:5px;border-radius:50%;background:var(--terra);margin:0 4px 0 4px;font-style:normal;}
.brand small{display:block;font-family:var(--f-text);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-weight:400;margin-left:8px;white-space:nowrap;}
.nav{display:flex;gap:clamp(14px,1.9vw,30px);margin-left:auto;font-size:14.5px;}
.nav a{position:relative;padding-block:6px;white-space:nowrap;}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--terra);transform:scaleX(0);transform-origin:left;transition:transform .34s var(--e-out);}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1);}
.hdr__tel{font-size:14.5px;font-weight:500;white-space:nowrap;padding:9px 16px;border:1px solid var(--line);border-radius:100px;transition:.25s;}
.hdr__tel:hover{border-color:var(--terra);color:var(--terra);}
.burger{display:none;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer;color:var(--ink);}
.sheet{position:fixed;inset:0;z-index:var(--z-overlay);background:var(--paper);padding:78px var(--gutter) 40px;display:grid;align-content:start;gap:4px;transform:translateY(-101%);transition:transform .42s var(--e-out);}
.sheet.is-open{transform:none;}
.sheet a{font-family:var(--f-display);font-weight:500;font-size:clamp(1.6rem,6vw,2.1rem);padding-block:14px;border-bottom:1px solid var(--line-soft);}
.sheet__tel{color:var(--terra);}

/* -------------------------------------------------------------------- hero */
.hero{padding-block:clamp(30px,5vw,72px) clamp(38px,6vw,86px);position:relative;}
.hero__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(18px,2.6vw,40px);align-items:end;}
.hero__text{grid-column:1 / span 7;}
.hero__eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:24px;}
.hero__eyebrow::before{content:"";width:26px;height:1px;background:var(--terra);}
.hero h1{font-size:clamp(2.72rem,6.4vw,5.15rem);line-height:1.02;}
.hero h1 .em{display:block;color:var(--terra);font-style:italic;font-weight:400;}
.hero__sub{margin-top:26px;font-size:clamp(16px,1.25vw,18.5px);color:var(--ink-2);max-width:46ch;}
.hero__steps{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:30px;font-size:13px;letter-spacing:.02em;color:var(--ink-3);}
.hero__steps li{display:flex;align-items:center;gap:8px;}
.hero__steps b{font-family:var(--f-display);font-size:15px;color:var(--terra);font-weight:600;}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
.hero__visual{grid-column:8 / -1;position:relative;}
.hero__visual .ph{aspect-ratio:4/5;}

.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:100px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:15px;font-weight:500;cursor:pointer;transition:transform .3s var(--e-out),background .25s,border-color .25s,color .25s;}
.btn:hover{transform:translateY(-2px);}
.btn svg{flex:none;transition:transform .3s var(--e-out);}
.btn:hover svg{transform:translateX(3px);}
.btn--terra{background:var(--terra);border-color:var(--terra);color:#fff;}
.btn--terra:hover{background:var(--terra-deep);border-color:var(--terra-deep);color:#fff;}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line);}
.btn--ghost:hover{background:var(--ink);border-color:var(--ink);color:var(--paper);}

/* ----------------------------------------------------------- placeholder */
/* Плейсхолдеры дифференцированы по типу конструкции: тёплый — тент,
   холодный зелёно-серый — поворотные ламели, глухой сланец — сдвижные. */
.ph{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:var(--r-m);
  background:
    repeating-linear-gradient(90deg,rgba(29,26,23,.05) 0 1px,transparent 1px 34px),
    linear-gradient(168deg,var(--sand-deep) 0%,#f2e9db 46%,var(--card) 100%);
  box-shadow:inset 0 0 0 1px var(--line-soft);}
.ph::before{content:"";position:absolute;inset:12px;border:1px dashed rgba(29,26,23,.18);border-radius:var(--r-s);pointer-events:none;}
.ph__in{position:relative;text-align:center;padding:14px 16px;max-width:26ch;border-radius:6px;background:rgba(250,246,239,.78);}
.ph__kicker{display:block;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--terra-deep);margin-bottom:8px;}
.ph__title{display:block;font-size:13.5px;line-height:1.4;color:var(--ink-2);}
.ph__size{display:inline-block;margin-top:10px;font-size:10.5px;font-weight:500;letter-spacing:.08em;color:var(--ink-2);border:1px solid rgba(29,26,23,.22);border-radius:100px;padding:4px 10px;background:rgba(250,246,239,.85);}

/* тёплый вариант — тентовые конструкции */
.ph--tent{background:repeating-linear-gradient(90deg,rgba(120,80,40,.09) 0 1px,transparent 1px 30px),linear-gradient(162deg,#e3cdaa 0%,#f1e4cd 48%,#dcc39c 100%);}
/* холодный вариант — биоклиматика с поворотными ламелями */
.ph--bio{background:repeating-linear-gradient(90deg,rgba(40,60,52,.10) 0 1px,transparent 1px 26px),linear-gradient(162deg,#cdd4cc 0%,#e8ece4 50%,#c0cac2 100%);}
/* глухой сланец — поворотно-сдвижные ламели, «максимум неба» */
.ph--slide{background:repeating-linear-gradient(90deg,rgba(244,238,227,.09) 0 1px,transparent 1px 26px),linear-gradient(158deg,#3b4541 0%,#59645e 52%,#333c39 100%);box-shadow:inset 0 0 0 1px rgba(244,238,227,.14);}
.ph--slide::before{border-color:rgba(244,238,227,.2);}
.ph--slide .ph__in{background:rgba(27,24,21,.42);}
.ph--slide .ph__kicker{color:#f2cba6;}
.ph--slide .ph__title{color:rgba(250,246,239,.9);}
.ph--slide .ph__size{color:rgba(250,246,239,.82);border-color:rgba(244,238,227,.26);background:rgba(27,24,21,.3);}

.ph--tall{background:repeating-linear-gradient(90deg,rgba(29,26,23,.055) 0 1px,transparent 1px 30px),linear-gradient(186deg,#dccdb4 0%,#f3ece0 55%,#e0d3bd 100%);}

/* тёмные плитки секции «Применение»: один тон глубины, разные подтоны */
.ph--dark{background:repeating-linear-gradient(90deg,rgba(244,238,227,.07) 0 1px,transparent 1px 30px),linear-gradient(160deg,#2f3a34,#454f47);box-shadow:inset 0 0 0 1px rgba(244,238,227,.12);}
.ph--dark::before{border-color:rgba(244,238,227,.16);}
.ph--dark .ph__in{background:rgba(27,24,21,.34);}
.ph--dark .ph__kicker{color:#e0ab7e;}
.ph--dark .ph__title{color:rgba(244,238,227,.8);}
.ph--dark .ph__size{color:rgba(244,238,227,.74);border-color:rgba(244,238,227,.22);background:rgba(27,24,21,.34);}
.ph--warm{background:repeating-linear-gradient(90deg,rgba(244,238,227,.07) 0 1px,transparent 1px 30px),linear-gradient(160deg,#3d3025,#55453a);}
.ph--cool{background:repeating-linear-gradient(90deg,rgba(244,238,227,.07) 0 1px,transparent 1px 30px),linear-gradient(160deg,#27352f,#3d4d46);}
.ph--olive{background:repeating-linear-gradient(90deg,rgba(244,238,227,.07) 0 1px,transparent 1px 30px),linear-gradient(160deg,#333a2a,#4b543d);}
.ph--stone{background:repeating-linear-gradient(90deg,rgba(244,238,227,.07) 0 1px,transparent 1px 30px),linear-gradient(160deg,#35322c,#4f4a42);}

.ph--art .ph__in{position:absolute;left:0;right:0;bottom:0;max-width:none;text-align:left;padding:22px;border-radius:0;background:linear-gradient(180deg,rgba(250,246,239,0),rgba(250,246,239,.95) 46%);}
.ph--art .ph__title{color:var(--ink-2);}
.ph__svg{width:100%;height:100%;position:absolute;inset:0;}

/* ----------------------------------------------------------------- section */
.sec{padding-block:clamp(52px,7.6vw,112px);position:relative;}
.sec--tight{padding-block:clamp(34px,4.6vw,66px);}
.sec--paper{background:var(--paper);}
.sec--deep{background:var(--sand-deep);}
.sec--ink{background:var(--graphite);color:var(--on-dark);}
.sec--pine{background:
    radial-gradient(120% 90% at 78% 0%,rgba(70,96,82,.55) 0%,rgba(31,44,38,0) 62%),
    var(--pine);
  color:var(--on-dark);}
.sec--pine::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--terra) 0%,rgba(152,66,32,0) 62%);}
.sec--ink h2,.sec--ink h3,.sec--pine h2,.sec--pine h3{color:var(--on-dark);font-weight:500;}
.sec--ink p,.sec--pine p{color:rgba(244,238,227,.76);}
.sec__head{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,2vw,30px);align-items:start;margin-bottom:clamp(26px,3.4vw,52px);}
.sec__num{grid-column:1 / span 2;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);padding-top:10px;}
.sec--ink .sec__num,.sec--pine .sec__num{color:rgba(244,238,227,.56);}
.sec__title{grid-column:3 / span 7;}
.sec__note{grid-column:10 / -1;font-size:14px;color:var(--ink-3);}
.sec--ink .sec__note,.sec--pine .sec__note{color:rgba(244,238,227,.68);}

/* -------------------------------------------------------------------- grid */
.grid{display:grid;gap:clamp(16px,2vw,28px);}
.grid--3{grid-template-columns:repeat(3,1fr);}
.grid--4{grid-template-columns:repeat(4,1fr);}
.grid--2{grid-template-columns:repeat(2,1fr);}
.split{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(18px,2.6vw,44px);align-items:start;}
.split__text{grid-column:1 / span 5;}
.split__media{grid-column:6 / -1;}
.split--rev .split__text{grid-column:7 / -1;}
.split--rev .split__media{grid-column:1 / span 6;}

/* -------------------------------------------------------------------- card */
.card{display:flex;flex-direction:column;background:var(--card);border-radius:var(--r-m);overflow:hidden;border:1px solid var(--line-soft);transition:transform .45s var(--e-out),box-shadow .45s,border-color .3s;}
.card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -30px rgba(29,26,23,.7);border-color:rgba(152,66,32,.32);}
.card__media{position:relative;display:block;}
.card__media .ph{aspect-ratio:4/3;border-radius:0;}
.card__tag{position:absolute;left:14px;top:14px;background:rgba(250,246,239,.94);color:var(--ink);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:6px 11px;border-radius:100px;}
.card__body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1;}
.card__title{font-family:var(--f-display);font-size:1.32rem;font-weight:600;line-height:1.22;}
.card:hover .card__title{color:var(--terra);}
.card__meta{font-size:14.2px;color:var(--ink-3);margin:0;max-width:none;}
.card__foot{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--ink-2);border-top:1px solid var(--line-soft);}
.card__price{font-family:var(--f-display);font-size:1.05rem;font-weight:600;}
.card__arrow{color:var(--terra);}

/* -------------------------------------------------------------- применение */
.tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(250px,26vw,350px);border-radius:var(--r-m);overflow:hidden;padding:24px;color:var(--on-dark);isolation:isolate;}
.tile .ph{position:absolute;inset:0;border-radius:0;z-index:-2;}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,17,15,0) 26%,rgba(18,22,19,.86) 100%);z-index:-1;}
.tile h3{font-size:clamp(1.3rem,1.9vw,1.7rem);color:#fff;font-weight:500;}
.tile p{font-size:13.8px;color:rgba(244,238,227,.82);margin:8px 0 0;}
.tile .ph__in{position:absolute;left:18px;top:16px;right:18px;text-align:left;padding:0;max-width:none;background:none;}
.tile .ph__title{display:none;}
.tile .ph__size{margin-top:6px;}

/* --------------------------------------------------------------- chips/tag */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid var(--line);border-radius:100px;font-size:13.5px;color:var(--ink-2);background:rgba(250,246,239,.7);transition:.22s;}
.chip:hover{border-color:var(--terra);color:var(--terra);}
.chip i{width:5px;height:5px;border-radius:50%;background:var(--terra);}

/* ------------------------------------------------------------------ steps */
.steps{counter-reset:s;}
.steps li{counter-increment:s;display:grid;grid-template-columns:52px 1fr;gap:16px;padding-block:20px;border-top:1px solid var(--line);}
.steps li:last-child{border-bottom:1px solid var(--line);}
.steps li::before{content:"0" counter(s);font-family:var(--f-display);font-size:18px;font-weight:600;color:var(--terra);line-height:1.1;padding-top:2px;}
.steps b{display:block;font-weight:500;font-size:16px;margin-bottom:4px;}
.steps span{font-size:14.2px;color:var(--ink-3);}

/* ------------------------------------------------------------------ table */
.cmp{width:100%;border-collapse:collapse;font-size:14.6px;}
.cmp th,.cmp td{text-align:left;padding:16px;border-bottom:1px solid rgba(29,26,23,.2);vertical-align:top;}
.cmp thead th{font-family:var(--f-text);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border-bottom:1px solid var(--ink);}
.cmp tbody th{font-family:var(--f-display);font-weight:600;font-size:1.02rem;color:var(--ink);width:26%;}
.cmp td{color:var(--ink-2);}
.cmp tr:hover td,.cmp tr:hover th{background:var(--terra-wash);}
.table-scroll{overflow-x:auto;margin-top:8px;}

/* -------------------------------------------------------------------- faq */
.faq details{border-top:1px solid var(--line);padding-block:6px;}
.faq details:last-of-type{border-bottom:1px solid var(--line);}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:20px;cursor:pointer;font-family:var(--f-display);font-size:clamp(1.15rem,1.5vw,1.4rem);font-weight:600;list-style:none;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font-family:var(--f-text);font-size:19px;font-weight:400;color:var(--terra);transition:transform .3s var(--e-out);}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq details > p{padding-bottom:20px;color:var(--ink-2);font-size:15px;max-width:76ch;}

/* --------------------------------------------------------------- cta/band */
.cta{background:var(--paper);border-radius:var(--r-l);padding:clamp(26px,4vw,52px);display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(22px,3vw,48px);align-items:center;border:1px solid var(--line-soft);}
/* тёмный вариант CTA — единственный тёмный блок на внутренних страницах */
.sec--cta{background:var(--sand);}
.cta--dark{background:
    radial-gradient(110% 130% at 88% 0%,rgba(78,106,90,.5) 0%,rgba(31,44,38,0) 60%),
    var(--graphite);
  border-color:rgba(244,238,227,.1);color:var(--on-dark);}
.cta--dark h2{color:var(--paper);}
.cta--dark p{color:rgba(244,238,227,.78);}
.cta__lead{margin-top:14px;color:var(--ink-2);}
.cta--dark .cta__lead{color:rgba(244,238,227,.8);}
.cta--dark .cta__contacts .big{color:var(--paper);}
.cta--dark .cta__contacts .big:hover{color:#e0ab7e;}
.cta--dark .cta__contacts a:hover{color:#e0ab7e;}
.cta--dark .muted{color:rgba(244,238,227,.66);}
.cta--dark .btn--ghost{color:var(--paper);border-color:rgba(244,238,227,.3);}
.cta--dark .btn--ghost:hover{background:var(--paper);border-color:var(--paper);color:var(--ink);}
.cta__contacts{display:grid;gap:10px;font-size:15px;}
.cta__contacts a{display:flex;align-items:center;gap:10px;}
.cta__contacts .big{font-family:var(--f-display);font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:600;line-height:1.2;color:var(--ink);}
.cta__contacts .big:hover{color:var(--terra);}
.muted{color:var(--ink-3);font-size:13.6px;}

.delivery-band{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,30px);margin-top:34px;}
.delivery-band div{border-top:2px solid var(--terra);padding-top:16px;}
.delivery-band b{display:block;font-family:var(--f-display);font-size:1.15rem;font-weight:600;margin-bottom:6px;}
.delivery-band p{font-size:14px;color:var(--ink-3);margin:0;}

/* ------------------------------------------------------------------ crumbs */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--ink-3);padding-top:clamp(18px,2.4vw,30px);}
.crumbs a:hover{color:var(--terra);}
.crumbs span{opacity:.5;}

/* -------------------------------------------------------------------- prod */
.prod{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(20px,3vw,46px);align-items:start;padding-bottom:clamp(30px,4vw,60px);}
.prod__media{grid-column:1 / span 6;}
.prod__media .ph{aspect-ratio:4/3;}
.prod__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;}
.prod__thumbs .ph{aspect-ratio:4/3;border-radius:var(--r-s);}
.prod__info{grid-column:7 / -1;}
.prod__info h1{font-size:clamp(2rem,3.2vw,3rem);}
.prod__badges{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px;}
.badge{border:1px solid var(--line);border-radius:100px;padding:6px 12px;font-size:12.5px;color:var(--ink-2);background:rgba(250,246,239,.7);}
.prod__price{font-family:var(--f-display);font-size:clamp(1.5rem,2.3vw,1.9rem);font-weight:600;color:var(--terra);margin:0 0 6px;line-height:1.2;}
.spec{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:10px;}
.spec th,.spec td{padding:12px 0;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top;}
.spec th{color:var(--ink-3);font-weight:400;width:44%;}
.spec td{color:var(--ink);}
.floor-note{font-size:12.6px;color:var(--ink-3);margin-top:12px;}

/* ------------------------------------------------------------------ footer */
.ftr{background:var(--graphite-deep);color:var(--on-dark);padding-block:clamp(40px,5vw,72px) 26px;margin-top:0;border-top:2px solid var(--terra);}
.ftr h3{font-family:var(--f-text);font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,238,227,.7);margin-bottom:14px;}
.ftr__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:clamp(20px,3vw,44px);}
.ftr p,.ftr li{color:rgba(244,238,227,.76);font-size:14px;max-width:none;}
.ftr li{padding-block:5px;}
.ftr a:hover{color:#e0ab7e;}
.ftr__brand{font-family:var(--f-display);font-size:23px;font-weight:600;letter-spacing:.16em;display:flex;align-items:center;gap:2px;margin-bottom:14px;color:var(--paper);}
.ftr__brand i{width:5px;height:5px;border-radius:50%;background:#c97a4e;margin:0 4px;}
.ftr__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(28px,4vw,52px);padding-top:20px;border-top:1px solid rgba(244,238,227,.18);font-size:12.6px;color:rgba(244,238,227,.68);}
.ftr__bottom a:hover{color:#e0ab7e;}

/* ------------------------------------------------------------------ 404 */
.nf{min-height:58vh;display:grid;place-items:center;text-align:center;padding-block:60px;}
.nf h1{font-size:clamp(4rem,14vw,9rem);color:var(--terra);font-weight:400;}
.nf p{margin-inline:auto;}

/* ------------------------------------------------------------- responsive */
@media (max-width:1080px){
  .nav{display:none;}
  .burger{display:grid;}
  .hdr__tel{margin-left:auto;}
  .hero__text{grid-column:1 / -1;}
  .hero__visual{grid-column:1 / -1;}
  .hero__visual .ph{aspect-ratio:16/10;}
  .sec__title{grid-column:3 / -1;}
  .sec__note{grid-column:3 / -1;margin-top:6px;}
  .split__text,.split--rev .split__text{grid-column:1 / -1;}
  .split__media,.split--rev .split__media{grid-column:1 / -1;}
  .grid--4{grid-template-columns:repeat(2,1fr);}
  .grid--3{grid-template-columns:repeat(2,1fr);}
  .prod__media,.prod__info{grid-column:1 / -1;}
  .cta{grid-template-columns:1fr;}
  .ftr__grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:680px){
  .hdr__in{height:64px;}
  .brand{font-size:18px;}
  .brand small{display:none;}
  .hdr__tel{padding:8px 13px;font-size:13px;}
  .grid--3,.grid--4,.grid--2{grid-template-columns:1fr;}
  .delivery-band{grid-template-columns:1fr;}
  .ftr__grid{grid-template-columns:1fr;}
  .cmp{font-size:13.4px;}
  .cmp th,.cmp td{padding:12px 10px;}
  .cmp tbody th{font-size:.98rem;}
  .sec__num{grid-column:1 / -1;padding-top:0;}
  .sec__title{grid-column:1 / -1;}
  .steps li{grid-template-columns:38px 1fr;}
  .hero h1{line-height:1.06;}
  .ph__in{max-width:22ch;padding:12px;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{transition:none!important;animation:none!important;}
}