/* ORIGEN — «Чорний моноліт» на структурі v9 (4 мови, гео, легал, конфігуратор) */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-400.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-800.woff2) format('woff2')}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlowsc-600.woff2) format('woff2')}
/* кирилиця: Barlow не має кириличних гліфів, для /uk/ і /ru/ ті самі ролі грають Inter Tight (заголовки/текст) і Roboto Condensed (лейбли) */
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/intertight-800-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/intertight-800-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:'Inter Tight';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/intertight-800-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/intertight-800-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:'Roboto Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/robotocondensed-600-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/robotocondensed-600-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:'Barlow Fallback';font-weight:400;src:local('Arial'),local('Helvetica');size-adjust:94.6%;ascent-override:105.7%;descent-override:21.1%;line-gap-override:0%}
@font-face{font-family:'Barlow Fallback';font-weight:800;src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica-Bold');size-adjust:93.2%;ascent-override:107.3%;descent-override:21.5%;line-gap-override:0%}
@font-face{font-family:'Barlow SC Fallback';src:local('Arial'),local('Helvetica');size-adjust:87.9%;ascent-override:113.8%;descent-override:22.8%;line-gap-override:0%}
@font-face{font-family:'Inter Tight Fallback';src:local('Arial'),local('Helvetica');size-adjust:97.1%;ascent-override:99.8%;descent-override:24.8%;line-gap-override:0%}
@font-face{font-family:'Roboto Condensed Fallback';src:local('Arial'),local('Helvetica');size-adjust:89.6%;ascent-override:103.5%;descent-override:27.2%;line-gap-override:0%}

:root{
  --ink:#0B0C0E; --graphite:#15171A; --pit:#060708; --bone:#F2EFE9;
  --gold:#C9A356; --gold-light:#E3C08A; --gold-dark:#A8823D;
  --white:#FFFFFF; --text:#C7CBD1; --text-2:rgba(199,203,209,.62);
  --ink-on-light:#101214; --muted-on-light:#5F6368;
  --hair:rgba(201,163,86,.22); --hair-w:rgba(255,255,255,.09); --hair-bone:#D9D2C4;
  --wa:#25D366;
  --q:150ms; --f:250ms; --ease:cubic-bezier(.22,1,.36,1);
  --font:'Barlow','Barlow Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --cond:'Barlow Semi Condensed','Barlow SC Fallback','Barlow',-apple-system,sans-serif;
  --pad:clamp(80px,9vw,128px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html,body{overflow-x:clip}
body{font:400 17px/1.65 var(--font);color:var(--text);background:var(--ink);-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%;height:auto}
a{color:var(--gold)}
h1,h2,h3{color:var(--white);text-wrap:balance;letter-spacing:-.01em}
h2{font:800 clamp(32px,4.5vw,56px)/1.05 var(--font)}
h3{font:800 19px/1.2 var(--font);letter-spacing:0}
p{text-wrap:pretty}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(18px,3vw,24px)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;z-index:200;background:var(--gold);color:var(--ink);padding:12px 18px}

/* ── кнопки: прямокутні, золото ── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;
  min-height:50px;padding:14px 26px;border:1px solid var(--gold);border-radius:2px;cursor:pointer;text-decoration:none;
  font:800 14px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--white);background:transparent;
  transition:background var(--q) var(--ease),transform var(--q) var(--ease),color var(--q) var(--ease);
}
.btn:active{transform:scale(.97)}
.btn-pri{background:var(--gold);color:var(--ink)}
.btn-sec{border-color:rgba(255,255,255,.28);color:var(--white)}
.btn-ghost{border-color:var(--hair);color:var(--text)}
.btn-light{background:var(--white);color:var(--ink);border-color:var(--white)}
.btn-sm{min-height:42px;padding:9px 18px;font-size:13px}
@media (hover:hover){
  .btn-pri:hover{background:var(--gold-light)}
  .btn-sec:hover,.btn-ghost:hover{background:rgba(255,255,255,.06);color:var(--white)}
  .btn-light:hover{background:var(--gold);border-color:var(--gold)}
}
.link{color:var(--gold);text-decoration:none;font:800 14px var(--font);letter-spacing:.08em;text-transform:uppercase}
@media (hover:hover){.link:hover{color:var(--gold-light)}}

/* ── навбар: суцільна чорна плашка ── */
.nav{position:sticky;top:0;z-index:100;background:var(--ink);border-bottom:1px solid var(--hair);padding-top:env(safe-area-inset-top)}
.nav-in{display:flex;align-items:center;gap:22px;height:72px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--white)}
.logo img{filter:brightness(1.15)}
.logo b{font:600 14px var(--font);letter-spacing:.35em;color:var(--white)}
.links{display:flex;gap:22px;margin-left:auto}
.links a{position:relative;color:var(--text);text-decoration:none;padding:6px 2px;font:600 13px var(--cond);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 200ms var(--ease)}
@media (hover:hover){.links a:hover{color:var(--white)}.links a:hover::after{transform:scaleX(1)}}
.lang-sw{display:flex;gap:10px;font:600 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
.lang-sw a{text-decoration:none;color:inherit;padding:4px 2px}
.lang-sw a[aria-current]{color:var(--gold);border-bottom:1px solid var(--gold)}
@media (hover:hover){.lang-sw a:hover{color:var(--white)}}
.nav-in .tel{font-variant-numeric:tabular-nums;letter-spacing:.04em}
@media (max-width:1320px){.links a:nth-child(n+5){display:none}}
@media (max-width:1120px){.links{display:none}}
@media (max-width:900px){.nav-in .tel{display:none}}
@media (max-width:860px){.nav-in{gap:12px;height:64px}.logo{margin-right:auto}}

/* ── ХІРО: фото на весь екран, текст знизу зліва ── */
.hero.wrap{max-width:none;padding:0;position:relative;min-height:100svh;display:grid;grid-template-columns:1fr;align-items:end;background:var(--ink);overflow:hidden}
.hero .shot{position:absolute;inset:0;margin:0;width:100%;border-radius:0;box-shadow:none}
.hero .shot img{width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:auto}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top,#0B0C0E 0,rgba(11,12,14,0) 160px),linear-gradient(to top right,rgba(11,12,14,.82) 0%,rgba(11,12,14,.35) 55%,rgba(11,12,14,.12) 100%)}
.hero::after{content:"01";position:absolute;right:-14px;bottom:-24px;z-index:1;pointer-events:none;
  font:800 180px/1 var(--font);color:transparent;-webkit-text-stroke:1px var(--gold);opacity:.3;font-variant-numeric:tabular-nums}
.hero-txt{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:130px clamp(18px,3vw,24px) 72px;text-align:left}
.tag{font:600 13px var(--cond);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.tag::before{content:"[ "}.tag::after{content:" ]"}
.hero h1{font:800 clamp(42px,6.6vw,86px)/.98 var(--font);letter-spacing:-.01em;max-width:15ch;color:var(--white)}
.hero .lead{margin-top:20px;max-width:52ch;font-size:18px;color:var(--text)}
.hero .cta-row{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start}
.hero .cta-note{margin-top:14px;font-size:15px;color:var(--text-2);max-width:52ch}
.hero .cta-alt{margin-top:10px}
.hero .trust{margin-top:34px;padding-top:18px;list-style:none;display:flex;flex-wrap:wrap;gap:12px 30px;justify-content:flex-start;border-top:1px solid var(--hair);
  font:600 13px var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--text)}
.hero .trust b{color:var(--white);font-weight:800}
.hero .trust li::before{content:"[ ";color:var(--gold)}.hero .trust li::after{content:" ]";color:var(--gold)}
.hero .langs{margin-top:18px;font:600 12px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2)}
.hero .season{margin-top:12px;font-size:15px;color:var(--gold-light);max-width:52ch}
@media (max-width:760px){
  .hero-txt{padding:110px 18px 56px}
  .hero h1{font-size:clamp(34px,10vw,46px)}
  .hero .trust{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;font-size:12px;letter-spacing:.14em}
  .hero .cta-row .btn{width:100%}
  .hero::after{font-size:120px}
}

/* ── секції та заголовки з номерами ── */
main{counter-reset:sec 1}
.sec{padding:var(--pad) 0;background:var(--ink)}
.sec-tint{background:var(--graphite)}
.head{display:grid;grid-template-columns:1fr auto;gap:8px 32px;align-items:end;max-width:none;margin:0 0 clamp(36px,4vw,56px);text-align:left}
.head h2{grid-column:1;font-size:clamp(30px,4.2vw,54px)}
.head p{grid-column:1;margin-top:8px;color:var(--text-2);font-size:clamp(16px,1.3vw,18px);max-width:60ch}
.head::before{counter-increment:sec;content:counter(sec,decimal-leading-zero);grid-column:2;grid-row:1/3;align-self:end;
  font:800 clamp(56px,7vw,100px)/1 var(--font);color:transparent;-webkit-text-stroke:1px var(--gold);opacity:.5;font-variant-numeric:tabular-nums}
@media (max-width:640px){.head{grid-template-columns:1fr}.head::before{grid-column:1;grid-row:1;justify-self:start;font-size:48px;margin-bottom:6px}}

/* ── ПОСЛУГИ: фул-блід тайли з контурними номерами ── */
#services .wrap{max-width:none;padding:0}
#services .head{max-width:1200px;margin:0 auto clamp(36px,4vw,56px);padding:0 clamp(18px,3vw,24px)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--ink);counter-reset:tile}
.card{position:relative;overflow:hidden;min-height:480px;background:var(--graphite);counter-increment:tile;border-radius:0;box-shadow:none;display:block}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;transition:transform 350ms var(--ease)}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(11,12,14,.86) 0%,rgba(11,12,14,.3) 45%,rgba(11,12,14,.05) 72%)}
.card::before{content:counter(tile,decimal-leading-zero);position:absolute;top:22px;right:24px;z-index:2;font:800 120px/1 var(--font);color:transparent;-webkit-text-stroke:1px var(--gold);opacity:.5;font-variant-numeric:tabular-nums}
.card-b{position:absolute;left:26px;right:26px;bottom:24px;z-index:2;padding:0}
.card-b h3{font:800 26px/1.15 var(--font);color:var(--white)}
.card-b p{margin-top:8px;font-size:15px;color:var(--text);max-width:40ch}
@media (hover:hover){.card:hover img{transform:scale(1.04)}}
@media (max-width:1100px){.card{min-height:400px}.card::before{font-size:96px}}
@media (max-width:760px){.grid{grid-template-columns:1fr}.card{min-height:70vw}.card::before{font-size:80px;top:16px;right:18px}}

/* ── РОБОТИ: сітка зі швами 2px ── */
#work .wrap{max-width:none;padding:0}
#work .head{max-width:1200px;margin:0 auto clamp(36px,4vw,56px);padding:0 clamp(18px,3vw,24px)}
.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--ink)}
.mosaic figure{margin:0;overflow:hidden;border-radius:0;box-shadow:none;background:var(--graphite);line-height:0;position:relative}
.mosaic img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 350ms var(--ease)}
.mosaic figure::before{content:"";position:absolute;top:12px;left:12px;width:22px;height:22px;z-index:2;border-top:1px solid var(--gold);border-left:1px solid var(--gold);opacity:0;transform:translate(6px,6px);transition:opacity 250ms var(--ease),transform 250ms var(--ease);pointer-events:none}
@media (hover:hover){.mosaic figure:hover img{transform:scale(1.04)}.mosaic figure:hover::before{opacity:1;transform:none}}
@media (max-width:760px){.mosaic{grid-template-columns:repeat(2,1fr)}}

/* ── КОНФІГУРАТОР: графітова панель із золотим бордером ── */
.cfg{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(20px,3vw,40px);align-items:start}
.cfg>*{min-width:0}
.cfg-g{border:0;margin:0 0 24px;padding:0}
.cfg-g legend{padding:0;font:600 12px var(--cond);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{min-height:44px;padding:10px 16px;cursor:pointer;background:transparent;border:1px solid rgba(242,239,233,.25);border-radius:2px;
  font:600 14px var(--cond);letter-spacing:.06em;color:var(--text);transition:transform var(--q) var(--ease),background var(--q) var(--ease),color var(--q) var(--ease),border-color var(--q) var(--ease);touch-action:manipulation}
.chips button:active{transform:scale(.97)}
.chips button[aria-pressed=true]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
@media (hover:hover){.chips button:not([aria-pressed=true]):hover{border-color:var(--gold)}}
.cfg-out{background:var(--ink);border:1px solid rgba(201,163,86,.35);border-radius:2px;padding:26px 24px 22px;position:sticky;top:88px;box-shadow:none}
.cfg-lab{font:600 12px var(--cond);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.cfg-msg{font-size:16px;line-height:1.6;color:var(--white);min-height:5.5em}
.cfg-send{width:100%;margin-top:18px}
.cfg-note{margin-top:14px;font-size:13.5px;line-height:1.5;color:var(--text-2)}
@media (max-width:900px){.cfg{grid-template-columns:1fr}.cfg-out{position:static}}

/* ── ГЛАВА-ЗАЯВА: фул-блід нічне фото ── */
.chapter{position:relative;color:var(--white);overflow:hidden;background:var(--ink);margin:0;min-height:70vh;display:flex;align-items:center}
.chapter>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.chapter::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(11,12,14,.75),rgba(11,12,14,.25))}
.chapter-in{position:relative;z-index:1;padding:clamp(72px,10vw,140px) clamp(18px,3vw,24px);width:100%}
.chapter h2{font-size:clamp(32px,4.6vw,64px);max-width:16ch}
.chapter p{margin-top:18px;max-width:52ch;font-size:clamp(16px,1.4vw,19px);color:var(--text)}
.chapter .btn{margin-top:30px}

/* ── ЯК ПРАЦЮЄМО: єдина світла (кістяна) секція ── */
#how{background:var(--bone);color:var(--muted-on-light)}
#how .head h2{color:var(--ink-on-light)}
#how .head p{color:var(--muted-on-light)}
#how .head::before{-webkit-text-stroke-color:var(--gold-dark);opacity:.45}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.step{padding:8px 24px 12px;border-left:1px solid var(--hair-bone);background:transparent;border-radius:0}
.step:first-child{border-left:0;padding-left:0}
.step .n{display:block;margin-bottom:14px;width:auto;height:auto;background:none;border-radius:0;
  font:800 64px/1 var(--font);color:transparent;-webkit-text-stroke:1px var(--gold-dark);opacity:.8;font-variant-numeric:tabular-nums}
.step h3{font:800 19px/1.2 var(--font);color:var(--ink-on-light);margin-bottom:8px}
.step p{font-size:14.5px;line-height:1.55;color:var(--muted-on-light)}
@media (max-width:1000px){
  .steps{grid-template-columns:1fr;gap:26px}
  .step{display:grid;grid-template-columns:64px 1fr;gap:4px 18px;border-left:0;padding:0}
  .step .n{font-size:44px;grid-row:span 2;margin:0}
  .step h3{align-self:end}
}

/* ── ВІДЕО-СТРІЧКА ── */
.band{padding:0;background:var(--ink);position:relative}
.band video{width:100%;height:70vh;object-fit:cover;border-radius:0;box-shadow:none;background:var(--graphite)}
.band::after{content:"[ ON SITE · TORREVIEJA ]";position:absolute;left:clamp(18px,3vw,24px);bottom:22px;font:600 12px var(--cond);letter-spacing:.24em;color:var(--gold)}
@media (max-width:760px){.band video{height:52vh}}

/* ── ДОВІРА ── */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.tr{background:var(--graphite);border-radius:0;padding:26px 24px 28px;border-top:1px solid var(--hair)}
.tr b{display:block;font:800 18px var(--font);color:var(--white);margin-bottom:8px}
.tr p{font-size:15px;line-height:1.55;color:var(--text-2)}
.trust-id{margin-top:26px;font:400 13.5px var(--cond);letter-spacing:.06em;color:var(--text-2);line-height:1.8}
.trust-id a{color:var(--text)}

/* ── ЗОНИ ── */
.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.area{display:block;background:var(--graphite);border-radius:0;padding:22px 22px;text-decoration:none;color:var(--white);border-top:1px solid var(--hair);position:relative;transition:background var(--q) var(--ease)}
.area b{display:block;font:800 18px var(--font)}
.area span{display:block;margin-top:6px;font-size:14px;color:var(--text-2)}
.area::after{content:"⟶";position:absolute;right:20px;top:22px;color:rgba(239,234,224,.35);transition:transform 200ms var(--ease),color 200ms var(--ease)}
@media (hover:hover){.area:hover{background:#1b1e22}.area:hover::after{transform:translateX(6px);color:var(--gold)}}

/* ── ВІДГУКИ ── */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.rev{margin:0;background:var(--ink);border:1px solid var(--hair);border-radius:0;padding:28px 26px 24px;display:flex;flex-direction:column;gap:18px;box-shadow:none}
.rev blockquote{margin:0;font-size:16px;line-height:1.6;color:var(--white)}
.rev blockquote::before{content:"“";display:block;font:800 44px/.6 var(--font);color:var(--gold);margin-bottom:10px}
.rev figcaption{margin-top:auto}
.rev figcaption b{display:block;font:800 15px var(--font);color:var(--white)}
.rev figcaption span{display:block;font:600 11px var(--cond);letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);margin-top:4px}
@media (max-width:900px){.trust-grid,.areas,.reviews{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.trust-grid,.areas,.reviews{grid-template-columns:1fr}}

/* ── FAQ ── */
.faq{display:flex;flex-direction:column;max-width:860px}
details{border-top:1px solid var(--hair-w);padding:4px 0}
details:last-child{border-bottom:1px solid var(--hair-w)}
summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;font:800 18px var(--font);color:var(--white)}
summary::-webkit-details-marker{display:none}
summary::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:translateY(-70%) rotate(45deg);transition:transform 200ms var(--ease)}
details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
details .a p{padding:0 40px 22px 0;color:var(--text-2);font-size:16px;line-height:1.65}

/* ── ФІНАЛ ── */
.final{position:relative;padding:clamp(100px,12vw,160px) 0;text-align:center;overflow:hidden;background:var(--ink)}
.final::before{content:"";position:absolute;inset:0;background:url(/img/night2-u.webp) center/cover no-repeat;opacity:.35}
.final::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(11,12,14,.55),rgba(11,12,14,.85))}
.final .wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.final h2{font-size:clamp(34px,5vw,64px)}
.final>.wrap>p{margin:18px auto 0;max-width:52ch;color:var(--text);font-size:clamp(16px,1.4vw,19px)}
.final .cta-row{margin-top:32px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* ── ФУТЕР ── */
.foot{background:var(--pit);border-top:1px solid var(--hair);padding:clamp(48px,6vw,72px) 0 24px;margin:0}
.foot-in{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.foot-in b{display:block;font:600 13px var(--font);letter-spacing:.3em;text-transform:uppercase;color:var(--white)}
.foot-in p{margin-top:12px;font-size:14.5px;color:var(--text-2);line-height:1.7}
.foot-in a{color:var(--text);text-decoration:none}
@media (hover:hover){.foot-in a:hover{color:var(--gold)}}
.foot-l{display:flex;flex-direction:column;gap:8px;font-size:14.5px}
.foot-l span{font:600 11px var(--cond);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.foot-b{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;margin-top:40px;padding-top:18px;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--hair-w);font:400 12.5px var(--cond);letter-spacing:.08em;color:var(--text-2)}
@media (max-width:900px){.foot-in{grid-template-columns:1fr}}

/* ── ГЕО-СТОРІНКИ ── */
.town-hero{position:relative;color:var(--white);background:var(--ink);overflow:hidden;min-height:72svh;display:flex;align-items:flex-end}
.town-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.town-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0B0C0E 0,rgba(11,12,14,0) 160px),linear-gradient(to top right,rgba(11,12,14,.8),rgba(11,12,14,.15))}
.town-hero-in{position:relative;z-index:1;padding:clamp(110px,12vw,160px) clamp(18px,3vw,24px) clamp(56px,6vw,80px);width:100%}
.town-hero .tag{color:var(--gold)}
.town-hero h1{font:800 clamp(34px,5.4vw,72px)/1 var(--font);max-width:18ch;color:var(--white)}
.town-drive{margin-top:16px;color:var(--text);max-width:52ch}
.town-hero .cta-row{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px}
.town-hero .btn{white-space:normal;text-align:center}
.town-body{display:grid;grid-template-columns:1.5fr .5fr;gap:clamp(26px,4vw,56px);align-items:start}
.town-body>*{min-width:0}
.town-body h2{font-size:clamp(24px,2.6vw,34px)}
.town-body p{margin-top:14px;font-size:17px;line-height:1.7;color:var(--text)}
.town-areas{font-size:15px!important;color:var(--text-2)!important}
.town-side{border-left:1px solid var(--hair);padding-left:24px}
.town-side .trust{list-style:none;display:flex;flex-direction:column;gap:14px;font:600 13px var(--cond);letter-spacing:.18em;text-transform:uppercase;color:var(--text)}
.town-side .trust b{color:var(--white)}
.town-side .cta-note{margin-top:18px;color:var(--text-2);font-size:14.5px}
@media (max-width:900px){.town-body{grid-template-columns:1fr}.town-side{border-left:0;padding-left:0;border-top:1px solid var(--hair);padding-top:22px}}

/* ── ЮРИДИЧНІ ── */
.legal{padding-top:clamp(84px,9vw,120px)}
.legal .wrap{max-width:820px}
.legal h1{font:800 clamp(30px,3.8vw,48px)/1.05 var(--font);margin-bottom:24px}
.legal h2{font:800 20px/1.2 var(--font);margin-top:32px;color:var(--white)}
.legal p{margin-top:12px;max-width:72ch;color:var(--text-2);line-height:1.75}
.legal a{color:var(--gold)}


/* ── поява при скролі ── */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
  .js .rv{opacity:1!important;transform:none!important}
}

/* ── фікси після перегляду ── */
.hero h1{font-size:clamp(40px,5.8vw,76px);max-width:16ch}
@media (max-width:860px){
  .nav-in{gap:10px}
  .logo{margin-right:0;flex:0 0 auto}
  .logo b{font-size:12px;letter-spacing:.28em}
  .lang-sw{margin-left:auto;gap:8px;font-size:11px;letter-spacing:.1em}
  .nav-in .btn-pri{font-size:0;gap:0;padding:0;width:44px;min-height:44px;flex:0 0 44px}
  .nav-in .btn-pri svg{width:20px;height:20px}
}
@media (max-width:360px){.logo b{display:none}}

/* ══════════ правки 04.09 (після перегляду на телефоні) ══════════ */

/* 1. Хіро на мобілці: портретне фото + менше тексту */
.hero .shot picture{display:block;width:100%;height:100%}
@media (max-width:760px){
  .hero-txt{padding:96px 18px 44px}
  .hero h1{font-size:clamp(32px,9.2vw,42px);max-width:none}
  .hero .lead{margin-top:14px;font-size:16px;line-height:1.5;max-width:36ch;color:rgba(255,255,255,.82)}
  .hero .cta-row{margin-top:24px;gap:10px}
  .hero .cta-note,.hero .cta-alt,.hero .langs,.hero .season{display:none}
  .hero .trust{margin-top:22px;padding-top:14px;gap:8px 10px;font-size:11px;letter-spacing:.1em}
  .hero::before{background:linear-gradient(to top,#0B0C0E 0,rgba(11,12,14,.92) 34%,rgba(11,12,14,.35) 62%,rgba(11,12,14,.05) 100%)}
  .hero::after{font-size:100px;right:-8px;bottom:-16px;opacity:.22}
}

/* 2. Перемикач мов: одна кнопка + випадний список */
.lang-sw.dd{position:relative;display:block;margin-left:auto}
.lang-sw.dd>a{display:none}
.lang-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;background:transparent;border:1px solid var(--hair);border-radius:2px;
  color:var(--white);font:600 12px var(--cond);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:border-color var(--q) var(--ease),background var(--q) var(--ease)}
.lang-btn svg{flex:0 0 auto}
.lang-btn .glb{width:15px;height:15px;color:var(--gold)}
.lang-btn .chev{width:10px;height:10px;color:var(--text-2);transition:transform var(--f) var(--ease)}
.lang-sw.open .lang-btn{border-color:var(--gold);background:rgba(201,163,86,.08)}
.lang-sw.open .lang-btn .chev{transform:rotate(180deg)}
@media (hover:hover){.lang-btn:hover{border-color:var(--gold)}}
.lang-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:208px;padding:6px;display:none;z-index:120;
  background:var(--graphite);border:1px solid var(--hair);border-radius:2px;box-shadow:0 24px 48px rgba(0,0,0,.55)}
.lang-sw.open .lang-menu{display:block;animation:ddin .22s var(--ease)}
@keyframes ddin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.lang-menu a{display:flex;align-items:center;gap:14px;padding:11px 12px;border:0;border-radius:2px;text-decoration:none;color:var(--white);
  font:400 15px var(--font);letter-spacing:0;text-transform:none;transition:background var(--q) var(--ease)}
.lang-menu a b{font:600 11px var(--cond);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);width:22px}
.lang-menu a[aria-current]{background:rgba(201,163,86,.1);border-bottom:0;color:var(--white)}
.lang-menu a[aria-current]::after{content:"";margin-left:auto;width:6px;height:6px;background:var(--gold);border-radius:50%}
@media (hover:hover){.lang-menu a:hover{background:rgba(255,255,255,.06);color:var(--white)}}
@media (max-width:860px){
  .lang-sw.dd{margin-left:auto}
  .lang-btn{min-height:40px;padding:0 10px}
  .lang-btn .glb{display:none}
}

/* 3. Галерея: кнопка «всі фото», сторінка галереї, лайтбокс */
.more{margin-top:2px;display:flex;justify-content:center;padding:26px 0 0}
.more .btn{min-width:min(100%,360px)}
.gal-page{counter-reset:sec 0}
.gal-page .head h1{font:800 clamp(30px,4.2vw,54px)/1.05 var(--font);grid-column:1;color:var(--white)}
.gal-page .back{display:inline-block;margin-bottom:26px}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:0 2px}
.gal figure{margin:0;position:relative;overflow:hidden;background:var(--graphite);line-height:0;aspect-ratio:4/3}
.gal a{display:block}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform 350ms var(--ease)}
.gal figure::before{content:"";position:absolute;top:12px;left:12px;width:22px;height:22px;z-index:2;border-top:1px solid var(--gold);border-left:1px solid var(--gold);
  opacity:0;transform:translate(6px,6px);transition:opacity 250ms var(--ease),transform 250ms var(--ease);pointer-events:none}
@media (hover:hover){.gal figure:hover img{transform:scale(1.04)}.gal figure:hover::before{opacity:1;transform:none}}
@media (max-width:760px){.gal{grid-template-columns:repeat(2,1fr)}}
.mosaic figure,.gal figure{cursor:zoom-in}

.lb{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:rgba(6,7,8,.96);opacity:0;transition:opacity .25s var(--ease);touch-action:pan-y}
.lb.in{opacity:1}
.lb figure{margin:0;max-width:min(96vw,1600px);max-height:86vh;line-height:0}
.lb img{max-width:min(96vw,1600px);max-height:86vh;width:auto;height:auto;object-fit:contain;transition:opacity .2s var(--ease)}
.lb img.sw{opacity:0}
.lb button{position:absolute;width:52px;height:52px;background:rgba(11,12,14,.6);border:1px solid var(--hair);border-radius:2px;color:var(--white);cursor:pointer;display:grid;place-items:center;transition:border-color var(--q) var(--ease),background var(--q) var(--ease)}
.lb button svg{width:20px;height:20px}
.lb .lb-x{top:max(14px,env(safe-area-inset-top));right:14px}
.lb .lb-p{left:14px;top:50%;transform:translateY(-50%)}
.lb .lb-n{right:14px;top:50%;transform:translateY(-50%)}
@media (hover:hover){.lb button:hover{border-color:var(--gold);background:rgba(201,163,86,.15)}}
.lb .lb-c{position:absolute;left:18px;bottom:max(18px,env(safe-area-inset-bottom));font:600 12px var(--cond);letter-spacing:.24em;color:var(--gold)}
.lb .lb-c::before{content:"[ "}.lb .lb-c::after{content:" ]"}
@media (max-width:760px){.lb .lb-p,.lb .lb-n{display:none}.lb img{max-height:78vh}}
body.lb-open{overflow:hidden}

/* 4. Конфігуратор: картки з номерами на десктопі, покроковий майстер на телефоні */
.cfg-body{counter-reset:q}
.cfg-g{counter-increment:q;background:var(--ink);border:1px solid var(--hair-w);border-radius:2px;padding:20px 22px 22px;margin:0 0 12px}
.cfg-g legend{float:left;width:100%;margin-bottom:14px;display:flex;align-items:baseline;gap:12px}
.cfg-g legend::before{content:counter(q,decimal-leading-zero);font:800 22px/1 var(--font);color:transparent;-webkit-text-stroke:1px var(--gold);letter-spacing:0;opacity:.85}
.cfg-g .chips{clear:both;gap:10px}
.chips button{padding:12px 18px;font-size:14px}
.cfg-out{padding:28px 26px 24px}
.wiz-bar,.wiz-nav{display:none}
@media (max-width:900px){
  .cfg{gap:0}
  .cfg-g{display:none;border:0;padding:0;margin:0}
  .cfg-g.on{display:block;animation:ddin .28s var(--ease)}
  .cfg-g legend{margin-bottom:18px}
  .cfg-g legend::before{display:none}
  .cfg-g legend span{font:800 22px/1.2 var(--font);letter-spacing:0;text-transform:none;color:var(--white)}
  .chips{gap:8px}
  .chips button{flex:1 1 calc(50% - 4px);padding:14px 14px;font-size:14px;text-align:center}
  .chips button.wide{flex-basis:100%}
  .cfg-out{display:none;position:static;border:0;padding:0;background:transparent}
  .cfg-out.on{display:block;animation:ddin .28s var(--ease)}
  .cfg-out .cfg-msg{background:var(--ink);border:1px solid rgba(201,163,86,.35);border-radius:2px;padding:18px;min-height:0}
  .wiz-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;font:600 12px var(--cond);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
  .wiz-dots{display:flex;gap:6px}
  .wiz-dots i{width:22px;height:2px;background:rgba(242,239,233,.18);transition:background var(--f) var(--ease)}
  .wiz-dots i.on{background:var(--gold)}
  .wiz-nav{display:flex;gap:10px;margin-top:22px}
  .wiz-nav .btn{flex:1}
  .wiz-nav .btn[hidden]{display:none}
  .cfg-out.on .cfg-send{margin-top:14px}
}

/* дрібні фікси після QA майстра */
@media (max-width:760px){
  :root{--pad:64px}
  .hero .lead{font-size:15px;max-width:none}
  .hero .trust li:nth-child(n+3){display:none}
  .hero .trust{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .cfg.wiz .cfg-g{background:transparent}
  .cfg.wiz .chips button{flex:1 1 calc(50% - 4px);white-space:normal;line-height:1.25;min-width:0}
  .cfg.wiz .chips button.wide{flex:1 1 100%}
}
@media (max-width:900px){
  .cfg.wiz .chips button{flex:1 1 42%}
  .cfg.wiz .chips button.wide{flex-basis:100%}
}
/* відео на телефоні: менша висота = менше розтягування кадру */
@media (max-width:760px){.band video{height:42vh;min-height:280px}}

/* кириличні сторінки: ті самі ролі, шрифти з кирилицею */
html[lang=uk],html[lang=ru]{--font:'Inter Tight','Inter Tight Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;--cond:'Roboto Condensed','Roboto Condensed Fallback','Inter Tight',-apple-system,Roboto,sans-serif}
html[lang=uk] h1,html[lang=ru] h1,html[lang=uk] h2,html[lang=ru] h2{letter-spacing:-.02em}
/* довгі українські/російські пункти меню: на ноутбуках показуємо 4, щоб лого не злипалось і кнопка не різалась */
@media (max-width:1600px){html[lang=uk] .links a:nth-child(n+5),html[lang=ru] .links a:nth-child(n+5){display:none}}
html[lang=uk] .links a,html[lang=ru] .links a{letter-spacing:.12em}
.nav-in .links{min-width:0}
.nav-in .btn-pri{flex:0 0 auto}
/* відео: показуємо кадр 16:9 без обрізання (менше розтягування = різкіше), плавна поява першого кадру */
.band video{height:auto;aspect-ratio:16/9;max-height:82vh;object-fit:cover}
@media (max-width:760px){.band video{height:auto;aspect-ratio:16/9;min-height:0;max-height:none}}

/* ══════════ MOTION PACK 04.09 (append to style.css; DELETE the two old lines `.js .rv{…}` and `.js .rv.in{…}`) ══════════ */
:root{--s:450ms;--ease-out:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.77,0,.175,1);--press:cubic-bezier(.2,0,0,1);--spring:cubic-bezier(.34,1.56,.64,1)}
a,button,summary,.mosaic figure,.gal figure{-webkit-tap-highlight-color:transparent}

/* M1 reveal v2: hidden ONLY under .arm (added by JS after it verified the element is below the screen); 200/320ms; cascade via --d */
.js .rv.arm{opacity:0;transform:translateY(8px) scale(.98)}
.js .rv.arm.in{opacity:1;transform:none;transition:opacity 200ms var(--ease-out) var(--d,0ms),transform 320ms var(--ease-out) var(--d,0ms)}
/* section heads: h2 → p (+60) → outline number slides in from the right (+110) */
.js .head.rv.arm{opacity:1;transform:none}
.js .head.rv.arm>*{opacity:0;transform:translateY(8px)}
.js .head.rv.arm::before{opacity:0;transform:translateX(12px)}
.js .head.rv.arm.in>*{opacity:1;transform:none;transition:opacity 260ms var(--ease-out),transform 340ms var(--ease-out)}
.js .head.rv.arm.in>p{transition-delay:60ms}
.js .head.rv.arm.in::before{opacity:.5;transform:none;transition:opacity 320ms var(--ease-out) 110ms,transform 420ms var(--ease-out) 110ms}
#how .head.rv.arm::before{opacity:0}#how .head.rv.arm.in::before{opacity:.45}
/* chapter / final: photo settles from 1.05 → 1 while the text cascades */
.js .rv-bg.arm>img,.js .rv-bg.arm::before{transform:scale(1.05)}
.js .rv-bg.arm.in>img,.js .rv-bg.arm.in::before{transform:none;transition:transform 1.6s var(--ease-out)}

/* M2 hero: the one orchestrated moment. `.hs` is set by a 1-line inline script in <head> (with its own 2.5s reveal-all) */
.hs .hero-txt>*,.hs .town-hero-in>*,.hs .gal-page .head>*{opacity:0;transform:translateY(10px) scale(.985);transform-origin:0 50%}
.hs-go .hero-txt>*,.hs-go .town-hero-in>*,.hs-go .gal-page .head>*{opacity:1;transform:none;transition:opacity 360ms var(--ease-out) calc(var(--i,0)*55ms),transform var(--s) var(--ease-out) calc(var(--i,0)*55ms)}
.hs .hero .shot img,.hs .town-hero>img{transform:scale(1.04)}
.hs-go .hero .shot img,.hs-go .town-hero>img{transform:none;transition:transform 1.4s var(--ease-out)}
.hero .trust b{font-variant-numeric:tabular-nums}

/* M4 buttons: press ease, 1px lift, 80ms press, icon nudge */
.btn{transition:background var(--q) var(--press),color var(--q) var(--press),border-color var(--q) var(--press),transform var(--q) var(--press)}
.btn svg{transition:transform var(--q) var(--press)}
@media (hover:hover){.btn:hover{transform:translateY(-1px)}.btn:hover svg{transform:scale(1.12)}}
.btn:active{transform:scale(.97);transition-duration:80ms}

/* M5 chips: 80ms press, spring release, pop on select, changed fragment glows gold in the preview */
.chips button{transition:transform 320ms var(--spring),background var(--q) var(--press),color var(--q) var(--press),border-color var(--q) var(--press)}
.chips button:active{transform:scale(.95);transition-duration:80ms;transition-timing-function:var(--press)}
.chips button[aria-pressed=true]{animation:pop 340ms var(--spring)}
@keyframes pop{from{transform:scale(.94)}}
.cfg-msg .chg{animation:chg .9s var(--ease-out)}
@keyframes chg{from{color:var(--gold-light)}}

/* M6 FAQ: answer fades/slides in as the box opens; question row hover */
details[open] .a{animation:fa 240ms var(--ease-out)}
@keyframes fa{from{opacity:0;transform:translateY(-6px)}}
summary{transition:color var(--q) var(--press)}
@media (hover:hover){summary:hover{color:var(--gold-light)}}

/* M7 language menu: real exit (140ms) instead of display toggling; open 180/220ms */
.lang-menu{display:block;visibility:hidden;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:100% 0;pointer-events:none;transition:opacity 140ms var(--press),transform 140ms var(--press),visibility 0s 140ms}
.lang-sw.open .lang-menu{visibility:visible;opacity:1;transform:none;pointer-events:auto;animation:none;transition:opacity 180ms var(--ease-out),transform 220ms var(--ease-out),visibility 0s}

/* M8 nav: depth appears only when stuck (compositor-only gradient), links/logo get transitions */
.nav::after{content:"";position:absolute;left:0;right:0;top:100%;height:22px;background:linear-gradient(rgba(0,0,0,.42),transparent);opacity:0;pointer-events:none;transition:opacity var(--f) var(--ease-out)}
.nav.stuck::after{opacity:1}
.links a,.link,.foot-in a,.trust-id a,.lang-menu a,.lang-sw a,.logo b{transition:color var(--q) var(--press)}
.logo img{transition:transform var(--f) var(--spring)}
@media (hover:hover){.logo:hover img{transform:scale(1.1)}.trust-id a:hover{color:var(--gold)}}
.logo:active img{transform:scale(.9)}

/* M9 photo tiles: 300ms zoom (was 350), number brightens, caption lifts, tap press on touch */
.card img,.mosaic img,.gal img{transition:transform 300ms var(--ease-out)}
.card::before{transition:opacity var(--f) var(--press)}
.card-b{transition:transform 300ms var(--ease-out)}
@media (hover:hover){.card:hover::before{opacity:.85}.card:hover .card-b{transform:translateY(-4px)}}
.mosaic figure:active img,.gal figure:active img{transform:scale(.97);transition-duration:90ms}

/* M10 trust / review / area cards */
.tr,.rev{transition:transform var(--f) var(--ease-out),border-color var(--f) var(--press)}
.area{transition:background var(--q) var(--press),transform var(--f) var(--ease-out)}
@media (hover:hover){.tr:hover,.area:hover{transform:translateY(-2px)}.tr:hover{border-top-color:var(--gold)}.rev:hover{border-color:rgba(201,163,86,.5)}}
.area:active{transform:scale(.985);transition-duration:80ms}

/* M11 video band fades in from graphite once the first frame (or poster) is there */
.js .band video{opacity:0}
.js .band video.on{opacity:1;transition:opacity 500ms var(--ease-out)}

/* M12 wizard: forward slides from the right, back from the left */
@keyframes wzf{from{opacity:0;transform:translateX(14px)}}
@keyframes wzb{from{opacity:0;transform:translateX(-14px)}}
@media (max-width:900px){.cfg.wiz .cfg-g.on,.cfg.wiz .cfg-out.on{animation:wzf 240ms var(--ease-out)}.cfg.wiz[data-dir=b] .cfg-g.on,.cfg.wiz[data-dir=b] .cfg-out.on{animation-name:wzb}}

/* M13 lightbox: open scale .96→1 + 3px blur crossfade, close 160ms, prev/next slide 16px in the travel direction */
.lb{transition:opacity 160ms var(--press)}
.lb.in{transition:opacity 220ms var(--ease-out)}
.lb figure{transform:scale(.96);filter:blur(3px);transition:transform 160ms var(--press),filter 160ms var(--press)}
.lb.in figure{transform:none;filter:none;transition:transform 260ms var(--ease-out),filter 260ms var(--ease-out)}
.lb img{transition:opacity 200ms var(--ease-out),transform 240ms var(--ease-out)}
.lb img.sw{opacity:0;transform:translateX(calc(var(--dx,0px)*-1))}
.lb img.x{transition:none;opacity:0;transform:translateX(var(--dx,0px))}
.lb button{transition:border-color var(--q) var(--press),background var(--q) var(--press),transform var(--q) var(--press)}
.lb button:active{transform:scale(.92)}.lb .lb-p:active,.lb .lb-n:active{transform:translateY(-50%) scale(.92)}

/* M14 reduced motion: everything is simply there */
@media (prefers-reduced-motion:reduce){
  .js .rv.arm,.js .head.rv.arm>*,.js .head.rv.arm::before,.hs .hero-txt>*,.hs .town-hero-in>*,.hs .gal-page .head>*,.hs .hero .shot img,.hs .town-hero>img,.js .rv-bg.arm>img,.js .rv-bg.arm::before,.js .band video{opacity:1!important;transform:none!important}
  #how .head.rv.arm::before{opacity:.45!important}.js .head.rv.arm::before{opacity:.5!important}
  .lb figure{filter:none;transform:none}.lang-menu{visibility:visible;opacity:1;transform:none;pointer-events:auto;display:none}.lang-sw.open .lang-menu{display:block}
}

/* без JavaScript: кнопка мов не працює, тому показуємо чотири коди в ряд, як раніше */
html:not(.js) .lang-btn{display:none}
html:not(.js) .lang-menu{position:static;display:flex;gap:10px;visibility:visible;opacity:1;transform:none;pointer-events:auto;padding:0;background:none;border:0;box-shadow:none;min-width:0}
html:not(.js) .lang-menu a{padding:4px 2px;font:600 12px var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
html:not(.js) .lang-menu a b{width:auto;color:inherit}
html:not(.js) .lang-menu a span,html:not(.js) .lang-menu a[aria-current]::after{display:none}
html:not(.js) .lang-menu a[aria-current]{background:none;color:var(--gold);border-bottom:1px solid var(--gold)}
/* секція «роботи» закінчується кнопкою: коротший нижній відступ, щоб не було порожнечі перед наступним номером */
#work{padding-bottom:calc(var(--pad)*.55)}

/* глава з нічним відео поверх фото */
.chapter video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s var(--ease-out);pointer-events:none}
.chapter video.on{opacity:.75}
@media (max-width:820px){.chapter video{display:none}}
@media (prefers-reduced-motion:reduce){.chapter video{display:none}}