:root{
  --chern:#0C0C0B;   
  --ugol:#131211;
  --zol:#bd9445;
  --zol-svet:#dabf72;
  --zol-temn:#a36e1e;
  --bel:#F4F0E9;     
  --seryy:#A79E92;   
  --kant:rgba(189,148,69,.28);

  
  --seryy-tih:#7B7368;      
  --seryy-glukh:#5E594F;    
  --seryy-temn:#4A453D;     
  --na-zolote:#1a1710;      

  
  --r1:.62rem;    
  --r2:.7rem;     
  --r3:.78rem;    
  --r4:.86rem;    
  --r5:.95rem;    
  --r6:1.05rem;   
  --r7:1.2rem;    
  --r8:1.5rem;    
}
*{box-sizing:border-box;}

[hidden]{display:none !important;}

html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}


:root{color-scheme:dark;}
body{
  margin:0; background:var(--chern); color:var(--bel);
  font-family:'Granate',system-ui,sans-serif; font-weight:400;
  font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
p{margin:0;}
a{color:inherit;}
:focus-visible{outline:1px solid var(--zol); outline-offset:4px;}
.telefon{max-width:460px; margin:0 auto; position:relative; background:var(--chern);}





.title{
  font-weight:500; text-transform:uppercase; letter-spacing:.26em;
  font-size:var(--r6); line-height:1.5; text-indent:.26em; text-align:center;
  
  word-spacing:-.26em;
}
.kursiv{color:var(--seryy); font-size:var(--r5); text-align:center;}



.cherta{width:180px; height:1px; margin:1.6rem auto;
  background:linear-gradient(90deg, transparent, var(--zol) 50%, transparent);}
.cherta--shir{width:240px; margin:1.9rem auto;}


.podskazka{text-align:center; color:var(--seryy); font-size:var(--r4); margin-bottom:1.3rem;}

.pole--kal{position:relative;}
.kal-knopka{
  display:flex; align-items:center; justify-content:center; gap:.5rem; width:100%;
  background:transparent; border:none; border-bottom:1px solid rgba(255,255,255,.22);
  color:var(--bel); font-family:inherit; font-size:var(--r5); padding:.55rem .2rem;
  cursor:pointer;
}
.kal-knopka:hover{border-bottom-color:var(--zol);}
.kal-knopka svg{width:15px; height:15px; flex:none; stroke:var(--zol); fill:none; stroke-width:1.4;}

.kal{
  position:absolute; z-index:5; top:calc(100% + 6px); left:0;
  width:268px; max-width:calc(100vw - 2.4rem);
  background:#131211; border:1px solid var(--kant); border-radius:6px; padding:12px;
  box-shadow:0 14px 44px rgba(0,0,0,.6);
}
.kal-verh{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
.kal-strelka{
  background:none; border:none; color:var(--zol); font-size:18px; line-height:1;
  cursor:pointer; padding:2px 10px; border-radius:4px; font-family:inherit;
}
.kal-strelka:hover:not(:disabled){background:rgba(255,255,255,.06);}
.kal-strelka:disabled{opacity:.25; cursor:default;}
.kal-zagolovok{
  background:none; border:none; color:var(--bel); font-family:inherit; font-size:var(--r3);
  font-weight:500; cursor:pointer; padding:2px 8px; border-radius:4px;
}
.kal-zagolovok:hover{background:rgba(255,255,255,.06); color:var(--zol-svet);}
.kal-dni-nedeli{display:grid; grid-template-columns:repeat(7,1fr); gap:2px; margin-bottom:5px;}
.kal-dni-nedeli span{text-align:center; font-size:var(--r1); color:var(--seryy-tih);}
.kal-setka{display:grid; grid-template-columns:repeat(7,1fr); gap:2px;}
.kal-setka--mes{grid-template-columns:repeat(3,1fr); gap:5px;}
.kal-den{
  background:none; border:none; color:var(--seryy); border-radius:4px; padding:7px 0;
  font-size:var(--r2); font-family:inherit; cursor:pointer;
}
.kal-den:hover:not(:disabled){background:rgba(255,255,255,.07); color:var(--bel);}
.kal-den:disabled{opacity:.25; cursor:default;}
.kal-den.segodnya{box-shadow:inset 0 0 0 1px var(--zol); color:var(--zol-svet);}
.kal-den.vybran{background:var(--zol); color:var(--na-zolote); font-weight:600; box-shadow:none;}
.kal-mesyats{
  background:rgba(255,255,255,.04); border:1px solid transparent; color:var(--seryy);
  border-radius:4px; padding:10px 0; font-size:var(--r2); font-family:inherit; cursor:pointer;
}
.kal-mesyats:hover:not(:disabled){color:var(--bel);}
.kal-mesyats:disabled{opacity:.25; cursor:default;}
.kal-mesyats.vybran{background:rgba(189,148,69,.12); color:var(--zol-svet); border-color:rgba(189,148,69,.4);}


.vr{width:176px; padding:8px;}
.tp-stolbtsy{display:flex; gap:6px;}
.tp-stolbets{display:flex; flex-direction:column; flex:1; max-height:200px; overflow-y:auto;
  scrollbar-width:none; -ms-overflow-style:none; overscroll-behavior:contain;}
.tp-stolbets::-webkit-scrollbar{width:0; height:0; display:none;}
.tp-shapka{position:sticky; top:0; background:#131211; font-size:var(--r1); text-transform:uppercase;
  letter-spacing:.06em; color:var(--seryy-tih); padding:1px 0 5px; text-align:center; z-index:1;}
.tp-punkt{background:none; border:none; color:var(--seryy); border-radius:4px; padding:6px 0;
  font-size:var(--r3); font-family:inherit; cursor:pointer; text-align:center;}
.tp-punkt:hover{background:rgba(255,255,255,.07); color:var(--bel);}
.tp-punkt.tp-vybran{background:var(--zol); color:var(--na-zolote); font-weight:600;}


.okno{
  border:none; padding:0; color:var(--bel);
  
  overflow-x:hidden;
  
  background:rgba(12,12,11,.55);
  backdrop-filter:blur(26px) saturate(1.1);
  -webkit-backdrop-filter:blur(26px) saturate(1.1);
  width:100%; max-width:460px; max-height:92svh;
  margin:auto auto 0; 
  border-top:1px solid var(--kant); box-shadow:0 -20px 60px rgba(0,0,0,.8);
  overflow-y:auto;
  
  position:fixed; inset:0;
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .okno{background:rgba(12,12,11,.96);}
}

.okno::backdrop{background:rgba(0,0,0,.55); backdrop-filter:blur(3px);}
.okno[open]{animation:vyezd .42s cubic-bezier(.22,.9,.25,1);}
.okno[open]::backdrop{animation:zatemnenie .42s ease-out;}
@keyframes vyezd{
  from{transform:translateY(52px) scale(.985); opacity:0;}
  to{transform:none; scale:1; opacity:1;}
}
@keyframes zatemnenie{from{opacity:0;} to{opacity:1;}}
@media (prefers-reduced-motion:reduce){
  .okno[open], .okno[open]::backdrop{animation:none;}
}

.okno > *:not(.okno-zakryt){padding-left:1.8rem; padding-right:1.8rem;}
.okno .nadpis{padding-top:1.9rem;}
.okno form, .okno .gotovo{padding-bottom:1.8rem;}
.okno-zakryt{
  position:absolute; top:.6rem; right:.6rem; z-index:2;
  width:40px; height:40px; border:none; background:none; color:var(--seryy);
  font-size:1.6rem; line-height:1; cursor:pointer; font-family:inherit;
}
.okno-zakryt:hover{color:var(--zol-svet);}
@media (min-width:768px){
  .okno{margin:auto; max-height:88svh; border:1px solid var(--kant);}
}



.hero{position:relative; height:100svh; min-height:560px;
  display:flex; flex-direction:column; overflow:hidden;}

.kadr{position:absolute; inset:0; z-index:0; width:100%; height:100%;
  object-fit:cover; background:#111; pointer-events:none;}


.zavesa{position:absolute; inset:0; z-index:1;
  background:
    radial-gradient(66% 34% at 50% 40%, rgba(0,0,0,.60), rgba(0,0,0,0) 74%),
    linear-gradient(180deg,
      rgba(12,12,11,.80) 0%,
      rgba(12,12,11,.40) 30%,
      rgba(12,12,11,.60) 62%,
      rgba(12,12,11,.88) 84%,
      rgba(12,12,11,1) 100%);}

.hero .verh, .hero .hero-seredina, .hero .hero-nizh{position:relative; z-index:2;}

.verh{display:flex; align-items:center; justify-content:space-between; padding:1.5rem 1.8rem .5rem;
  font-size:var(--r2); letter-spacing:.18em; text-transform:uppercase;}
.verh a{text-decoration:none; display:inline-block; padding:.8rem 0; margin:-.8rem 0;}   
.verh .yaz{color:var(--seryy); display:inline-flex; align-items:center; gap:.4rem;}


.yaz-knopka{position:relative; background:none; border:0; padding:.2rem 0; cursor:pointer; color:var(--seryy);
  font:inherit; letter-spacing:inherit; text-transform:inherit; line-height:1;}
.yaz-knopka::after{content:''; position:absolute; inset:-13px -9px;}
.yaz-knopka.vybran{color:var(--bel);}
.yaz-knopka:hover{color:var(--zol-svet);}
.yaz-knopka:focus-visible{outline:1px solid var(--zol); outline-offset:3px;}

.hero-seredina .kursiv{color:rgba(255,255,255,.86);}


.hero-seredina{margin:5svh 0 auto; padding:1rem 2rem; display:flex; flex-direction:column; align-items:center; gap:0;}


.imya-slovami{position:absolute; width:1px; height:1px; margin:-1px; padding:0;
  overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;}


.znak{position:relative; width:172px; height:auto;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.9)) drop-shadow(0 6px 22px rgba(0,0,0,.75));}


.podznak{
  font-weight:400; text-transform:uppercase; color:var(--zol-svet);
  font-size:var(--r4); letter-spacing:.42em; text-indent:.42em; text-align:center;
  
  word-spacing:-.42em;
  margin-top:.1rem; text-shadow:0 1px 3px rgba(0,0,0,.9), 0 4px 16px rgba(0,0,0,.7);
}
.hero-nizh{padding:0 2rem 1.6rem; display:flex; flex-direction:column; gap:.8rem;}


.knopka{
  display:block; width:100%; text-align:center; text-decoration:none; cursor:pointer;
  padding:1rem; border:1px solid var(--zol); background:transparent; color:var(--zol-svet);
  font-family:inherit; font-size:var(--r3); font-weight:500; letter-spacing:.24em; text-indent:.24em;
  word-spacing:-.24em;   
  text-transform:uppercase; transition:background .25s,color .25s;
}

@media (hover:hover){
  .knopka:hover{background:var(--zol); color:var(--na-zolote);}
}
.knopka--tih{border-color:rgba(255,255,255,.24); color:var(--bel);}
.knopka--tih:hover{background:transparent; border-color:var(--zol); color:var(--zol-svet);}




section{padding:2.6rem 1.8rem;}


.nadpis{font-size:var(--r3); letter-spacing:.26em; text-indent:.26em; word-spacing:-.26em; text-transform:uppercase;
  color:var(--zol); text-align:center; margin-top:0; margin-bottom:.9rem;}


h3.title{margin:.83em 0;}


.tayn{opacity:0; transform:translateY(12px); transition:opacity .9s ease,transform .9s ease;}
.tayn.vidno{opacity:1; transform:none;}
@media (prefers-reduced-motion:reduce){.tayn{opacity:1; transform:none; transition:none;}}


.tayn.na-foto{opacity:1; transform:none; transition:none;}


.menyu-knopki{display:flex; flex-wrap:wrap; gap:.8rem; justify-content:center;}
.menyu-knopka{display:inline-block; padding:.85rem 1.5rem; border:1px solid var(--zol);   
  color:var(--zol-svet); text-decoration:none; cursor:pointer; white-space:nowrap;
  font-family:inherit; font-size:var(--r2); font-weight:500; letter-spacing:.24em;
  text-indent:.24em; text-transform:uppercase; transition:background .25s, color .25s;}
@media (hover:hover){
  .menyu-knopka:hover{background:var(--zol); color:var(--na-zolote);}
}


.stupen{display:flex; align-items:center; justify-content:space-between; gap:1.2rem;
  padding:.95rem 0; border-bottom:1px solid rgba(255,255,255,.10);}
.stupen:last-child{border-bottom:none;}
.stupen b{display:block; font-weight:400; font-size:var(--r6); letter-spacing:.02em;}
.stupen span{display:block; margin-top:.2rem; color:var(--seryy); font-size:var(--r3);}



.cena{color:var(--zol-svet); font-size:var(--r5); white-space:nowrap; font-variant-numeric:tabular-nums; letter-spacing:.04em;}


.pole{display:block; margin-bottom:.55rem;}

.pole > span{display:block; font-size:var(--r1); letter-spacing:.24em; text-transform:uppercase;
  color:var(--seryy); margin-bottom:.25rem; text-align:center;}
.pole input,.pole select{
  width:100%; background:transparent; border:none; border-bottom:1px solid rgba(255,255,255,.22);
  color:var(--bel); font-family:inherit; font-size:var(--r5); padding:.55rem .2rem; text-align:center;
  -webkit-appearance:none; appearance:none; border-radius:0;
}


.pole .mos-tel{display:flex; width:100%; align-items:center; gap:.5rem;
  border-bottom:1px solid rgba(255,255,255,.22);}
.pole .mos-tel:focus-within{border-bottom-color:var(--zol);}
.pole .mos-tel input{text-align:left; width:auto; flex:1 1 auto; min-width:0;
  border-bottom:none; padding-left:0;}
.pole input:focus,.pole select:focus{outline:none; border-bottom-color:var(--zol);}
.pole select option{background:var(--na-zolote);}

.pole input::placeholder{color:var(--seryy); opacity:1;}
.pole input:focus::placeholder{color:transparent;}

.pole--chislo{position:relative;}
.pole--chislo input{padding-right:26px;}
.pole--chislo input::-webkit-outer-spin-button,
.pole--chislo input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
.pole--chislo input[type=number]{-moz-appearance:textfield;}
.chislo-shagi{position:absolute; right:0; top:2px; bottom:7px; width:22px; display:flex; flex-direction:column;}
.chislo-shag{flex:1; min-height:0; display:flex; align-items:center; justify-content:center;
  padding:0; background:none; border:none; cursor:pointer; color:var(--zol);}
.chislo-shag:hover{color:var(--zol-svet);}
.chislo-shag svg{width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round;}

.dvoe{display:grid; grid-template-columns:1fr 1fr; gap:.9rem;}


.ryad{display:flex; align-items:center; gap:.7rem; margin-top:.9rem;}
.ryad-podpis{flex:none; font-size:var(--r1); letter-spacing:.24em; text-transform:uppercase;
  color:var(--seryy); width:3.4rem;}
.vybor{display:flex; flex-wrap:wrap; gap:.35rem;}
.fishka{padding:.42rem .7rem; border:1px solid rgba(255,255,255,.20); background:none; color:var(--bel);
  font-family:inherit; font-size:var(--r3); cursor:pointer; letter-spacing:.04em; border-radius:2px;}
.fishka[aria-pressed="true"]{border-color:var(--zol); color:var(--zol-svet); background:rgba(189,148,69,.08);}


.soglasie-stroka{display:flex; gap:.6rem; align-items:center; margin-top:1.2rem;
  font-size:var(--r2); color:var(--seryy); line-height:1.4; cursor:pointer;}

.soglasie-stroka input{
  flex:none; width:19px; height:19px; margin:0; cursor:pointer;
  -webkit-appearance:none; appearance:none;
  border:1px solid rgba(255,255,255,.28); border-radius:2px; background:transparent;
  display:grid; place-content:center; transition:border-color .2s, background .2s;
}
.soglasie-stroka input::before{
  content:""; width:11px; height:11px; transform:scale(0); transition:transform .15s ease-out;
  background:var(--zol-svet);
  clip-path:polygon(14% 46%, 0 60%, 40% 100%, 100% 22%, 86% 8%, 39% 71%);
}
.soglasie-stroka input:checked{border-color:var(--zol); background:rgba(189,148,69,.12);}
.soglasie-stroka input:checked::before{transform:scale(1);}
.soglasie-stroka input:focus-visible{outline:1px solid var(--zol); outline-offset:2px;}
.soglasie-stroka a{color:var(--zol-svet);}


.oshibka{margin-top:1.1rem; padding:.75rem .9rem; border-left:2px solid #B4553C;
  background:rgba(180,85,60,.10); color:#E8B8A8; font-size:var(--r4); text-align:left;}
.soglasie{font-size:var(--r2); color:var(--seryy-tih); line-height:1.6; text-align:center; margin-top:1rem;}
.gotovo{display:none; text-align:center;}



.lenta{display:flex; gap:1.1rem; overflow-x:auto; margin:0 -1.8rem; padding:.4rem 1.8rem 1rem;
  scroll-snap-type:x proximity; scrollbar-width:none; -ms-overflow-style:none;}
.lenta::-webkit-scrollbar{display:none;}

.chelovek{flex:none; width:clamp(162px, 18vw, 232px); text-align:center; scroll-snap-align:center;}
.medalyon{width:clamp(150px, 17vw, 210px); aspect-ratio:1; margin:0 auto; border-radius:50%; border:1px solid var(--kant);
  background:radial-gradient(circle at 50% 35%,#1E1C19,#121110); display:grid; place-items:center;
  color:var(--seryy-temn); font-size:var(--r1); letter-spacing:.22em; text-transform:uppercase;}

.cherta-chel{width:34px; height:1px; background:var(--zol); margin:1.1rem auto .9rem;}


.chelovek span{display:block; font-weight:500; font-size:var(--r3); letter-spacing:.12em;
  text-transform:uppercase; line-height:1.45; color:var(--bel); min-height:4.35em;
  text-indent:.12em; word-spacing:-.12em;}
.chelovek b{display:block; font-weight:400; font-size:var(--r3); letter-spacing:.02em;
  line-height:1.4; color:var(--seryy); margin-top:.35rem;}

picture.medalyon{display:block;}
.medalyon img{display:block; width:100%; height:100%;
  border-radius:50%; object-fit:cover;}


.medalyon.est-foto{background-color:#121110; color:transparent;}


@media (min-width:768px){
  #komanda{max-width:none;}   
  
  #komanda .lenta{overflow:visible; justify-content:center; margin:0; padding:.4rem 0 0; gap:1.6rem;}
}




.snimok{flex:none; width:clamp(260px, 50vw, 640px); scroll-snap-align:center;}


.snimok picture{display:block;}
.na-foto .podloga img{display:block; width:100%; height:100%; object-fit:cover;}


.na-foto .podloga{background:#404144 url(data:image/webp;base64,UklGRqQAAABXRUJQVlA4IJgAAAAQBACdASoYABAAPsFOoEqnpCMhsAgA8BgJQBOgAeE1/mgRqrjel+5/8ADzlBhPpw79PYbcWIJ2Jg2fvMswWcae/KVV8I2chM3o4StI+/R0ziqzs2akjUDPugITng9oxWXMmiNASj7ITvaT3/BkmGgZElogAm7V7G39Cf7+EdsV+KgF495OSpdbrMcjg2muCBkz0nWOwQAAAA==) center/cover no-repeat;}

.snimok img{display:block; width:100%; height:auto; aspect-ratio:3/2;
  object-fit:cover; background:#121110;
  
  -webkit-user-drag:none; user-select:none;}


#interyer .lenta{cursor:grab;}
#interyer .lenta.tyanem{cursor:grabbing; scroll-snap-type:none;}


.na-foto{position:relative; overflow:hidden; display:grid; place-items:center;
  min-height:56svh; padding-top:3.5rem; padding-bottom:3.5rem;}
.na-foto .podloga{position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; z-index:0;}
.zavesa-foto{position:absolute; inset:0; z-index:1;
  background:
    radial-gradient(70% 60% at 50% 50%, rgba(12,12,11,.72), rgba(12,12,11,.42) 70%),
    linear-gradient(180deg, rgba(12,12,11,.95) 0%, rgba(12,12,11,.35) 26%,
      rgba(12,12,11,.45) 70%, rgba(12,12,11,.95) 100%);}
.na-foto .poverh{position:relative; z-index:2; width:100%;}



.svedeniya{display:grid; gap:1rem; text-align:center;}
.svedeniya b{display:block; font-weight:400; font-size:var(--r1); letter-spacing:.26em; word-spacing:-.26em;
  text-indent:.26em;   
  text-transform:uppercase; color:var(--zol); margin-bottom:.25rem;}
.svedeniya span{font-size:var(--r5); color:var(--bel);}

.svedeniya .adres{color:inherit; text-decoration:underline; text-underline-offset:3px;
  text-decoration-color:rgba(189,148,69,.4);
  display:inline-block; padding:.65rem 0; margin:-.65rem 0;   
  
  text-wrap:balance;}
.svedeniya .adres:hover{color:var(--zol-svet);}

.svedeniya .knopka{width:auto; padding:1rem 2.4rem; align-self:center;}


footer{padding:2.2rem 1.8rem; text-align:center; border-top:1px solid var(--kant);}
footer .tel{display:block; font-size:var(--r7); letter-spacing:.14em; text-indent:.14em;
  text-decoration:none; padding:.45rem 0; margin-bottom:.85rem;}   
.seti{display:flex; gap:.7rem; justify-content:center; margin-bottom:1.6rem;}
.seti a{width:44px; height:44px;    border:1px solid var(--kant); border-radius:50%; display:grid; place-items:center;
  text-decoration:none; color:var(--seryy); transition:color .2s, border-color .2s;}
.seti a:hover{color:var(--zol-svet); border-color:var(--zol);}

.seti svg{fill:currentColor;}
.seti a[title="Telegram"] svg{width:21px; height:21px;}
.seti a[title="WhatsApp"] svg{width:18px; height:18px;}

.seti .max-znak{width:18px; height:18px;}
footer small{display:block; color:var(--seryy-glukh); font-size:var(--r1); letter-spacing:.1em; line-height:2;}

footer small a{display:inline-block; padding:.8rem 0; margin:-.8rem 0;   
  color:inherit; text-decoration:underline; text-underline-offset:3px;
  text-decoration-color:rgba(189,148,69,.4);}
footer small a:hover{color:var(--zol-svet);}


.upravlyayushchaya{display:inline-flex; flex-direction:column; align-items:center; gap:.6rem;
  margin-top:2.2rem; padding-top:1.8rem; border-top:1px solid rgba(255,255,255,.07);
  text-decoration:none;}

.mt{font-family:'Poppins',system-ui,sans-serif; font-weight:300; font-size:15px;
  letter-spacing:0; white-space:nowrap; color:#c0a791; opacity:.85; transition:opacity .25s;}
.mt-name{font-weight:500; color:#d9bea6;}
.mt-dot{font-weight:500; color:#e8d2be;}
.mt-team{font-weight:300; color:#c0a791;}




.polosa{transform:translateY(115%); transition:transform .35s ease;}
.polosa.vidna{transform:none;}
.polosa{position:sticky; bottom:0; z-index:30; display:flex; gap:.7rem; align-items:stretch;
  padding:.7rem 1.2rem calc(.7rem + env(safe-area-inset-bottom));
  background:rgba(12,12,11,.94); border-top:1px solid var(--kant); backdrop-filter:blur(10px);}
.polosa-tel{flex:none; width:48px; border:1px solid rgba(255,255,255,.22); display:grid; place-items:center; text-decoration:none;}
.polosa-tel svg{width:17px; height:17px; stroke:var(--bel); fill:none; stroke-width:1.2;}
@media (min-width:768px){
  .polosa{justify-content:center;}
  .polosa .knopka{flex:none; width:340px;}
}



body.s-plashkoy .polosa{bottom:var(--plashka-vysota, 0px);}

body.s-plashkoy .hero-nizh{padding-bottom:calc(1.6rem + var(--plashka-vysota, 0px));}
.plashka{position:fixed; left:0; right:0; bottom:0; z-index:40;
  padding:1rem 1.2rem calc(1rem + env(safe-area-inset-bottom));
  background:rgba(19,18,17,.97); border-top:1px solid var(--kant); backdrop-filter:blur(10px);
  display:flex; gap:1rem; align-items:center; justify-content:center; flex-wrap:wrap;}
.plashka p{font-size:var(--r2); color:var(--seryy); line-height:1.7; margin:0;
  max-width:44rem; text-align:center;}
.plashka a{color:var(--zol-svet);}

.plashka button{flex:none; padding:.7rem 2rem; border:1px solid var(--zol);
  background:transparent; color:var(--zol-svet); cursor:pointer;
  font-family:inherit; font-size:var(--r2); font-weight:500;
  letter-spacing:.22em; text-indent:.22em; text-transform:uppercase;}
.plashka button:hover{background:rgba(189,148,69,.1);}


@media (min-width:768px){
  :root{--pole:clamp(2rem, 7vw, 8rem);}
  .telefon{max-width:none;}
  section, footer, .polosa{max-width:none; padding-left:var(--pole); padding-right:var(--pole);}

  
  .podskazka, .soglasie, .kursiv{max-width:none;}
  section > .knopka{max-width:340px; margin-left:auto; margin-right:auto;}
  .svedeniya{grid-template-columns:1fr auto 1fr; align-items:center; gap:2.4rem;}

  .hero .verh, .hero .hero-seredina, .hero .hero-nizh{width:100%; max-width:520px; margin-left:auto; margin-right:auto;}
  .hero .hero-seredina{margin-top:7svh; margin-bottom:auto;}
  .hero .hero-nizh{flex-direction:row; gap:1rem; max-width:600px;}


}


@media (min-width:1000px){
  .stupeni{display:grid; grid-template-columns:repeat(4, 1fr); gap:0;}
  .stupen{flex-direction:column; align-items:flex-start; gap:.5rem;
    border-bottom:none; border-left:1px solid rgba(255,255,255,.10); padding:.2rem 1.4rem;}
  .stupen:first-child{border-left:none; padding-left:0;}
  .stupen .cena{font-size:var(--r8);}
}