/* User's 31 October reference: full photo, open copy, glass enquiry panel. */
.header.container{width:100%;max-width:none;height:80px;padding:0 clamp(20px,4vw,80px);background:#fff;margin:0;position:relative}
.header .header__menu-btn{border:0;width:auto;gap:12px}.header .header__menu-text{font-size:15px;color:#17231f;text-transform:uppercase}.header .header__logo{position:absolute;left:50%;right:auto;transform:translateX(-50%);width:164px;max-width:164px}.header .header__phone{font-size:15px}.header .header__callback{display:none}
.hero-main.main.container{width:100%;max-width:none;margin:0 0 60px;padding:0}
.hero-reference.hero{height:auto;min-height:740px;padding:80px clamp(24px,7vw,144px);display:flex;align-items:center;isolation:isolate;clip-path:none;overflow:hidden}
.hero-reference .hero__bg{inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:-2;will-change:auto}
.hero-reference .hero__bg img{object-fit:cover;object-position:center center;width:100%;height:100%}
.hero-reference .hero__bg::before{background:linear-gradient(90deg,rgba(9,25,25,.58),rgba(9,25,25,.28));z-index:1}
.hero-reference .hero__container{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.9fr);align-items:center;gap:48px;width:100%;max-width:1660px;margin:0 auto;padding:0;z-index:1}
.hero-reference .hero__content{position:relative;max-width:none;width:auto;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;color:white}
.hero-reference .hero__location{display:flex;align-items:center;gap:12px;font-size:18px;line-height:1.4;margin:0 0 20px}
.hero-reference .hero__title{font-size:clamp(48px,5vw,78px);font-weight:500;letter-spacing:-.035em;line-height:1.1;margin:0 0 22px;white-space:nowrap}
.hero-reference .hero__subtitle{font-size:clamp(26px,2.4vw,38px);line-height:1.25;font-weight:400;letter-spacing:-.02em;margin:0 0 44px;color:#fff}
.hero-reference .hero-benefits{display:flex;align-items:center;gap:24px;padding:22px 24px;margin:0 0 34px;border-radius:14px;background:#e5e0cf;color:#1f2923;font-size:16px;line-height:1.45}
.hero-reference .hero-benefits li{position:relative;padding-left:14px;flex:1}.hero-reference .hero-benefits li:before{content:"";position:absolute;left:0;top:.6em;width:4px;height:4px;border-radius:50%;background:currentColor}
.hero-reference .hero__buttons{display:flex;max-width:560px;gap:20px;margin:0}
.hero-reference .hero__button{flex:1;min-width:0;height:62px!important;width:auto;padding:12px 18px;border-radius:99px;font-size:14px;line-height:1.3;font-weight:600;letter-spacing:0;text-transform:uppercase;box-shadow:none}
.hero-reference .btn__trans{background:rgba(0,0,0,.05);border:1px solid #fff}.hero-reference .btn__green{background:#79bd45;color:#fff}
.hero-reference .hero-lead{margin:0;padding:34px 32px;border-radius:26px;background:rgba(237,241,236,.28);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 50px #071d1d14;color:#fff;min-width:0;scroll-margin-top:24px}
.hero-reference .lead-form__title{font-size:27px;line-height:1.2;text-align:center;text-transform:uppercase;font-weight:700;margin:0 0 18px;letter-spacing:-.02em;color:#fff}
.hero-reference .lead-form__desc{font-size:16px;line-height:1.5;text-align:center;margin:0 0 26px;color:#fff}
.hero-reference .lead-form__inputs{display:grid;gap:18px;margin:0 0 20px}.hero-reference .lead-form__group{margin:0;position:relative}
.hero-reference .lead-form__input{width:100%;height:58px;border:1px solid #fff;border-radius:99px;background:#fff;color:#17231f;font-size:16px;padding:16px 24px;box-shadow:none;line-height:1.4}
.hero-reference .lead-form__input::placeholder{color:#68716c;opacity:1}.hero-reference .lead-form__label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-reference .lead-form__policy{margin:0 0 22px;font-size:12px;line-height:1.45;color:#fff}.hero-reference .lead-consent{display:flex;align-items:flex-start;gap:10px}.hero-reference .lead-consent input{flex:none;width:19px;height:19px;margin:1px 0;accent-color:#426c35}.hero-reference .lead-form__policy a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.hero-reference .lead-form__button{height:58px;width:100%;border-radius:99px;background:#e5e0cf;color:#26332b;font-size:15px;line-height:1.3;text-transform:uppercase;box-shadow:none;padding:12px 18px;margin:0}.hero-reference .lead-form__button:disabled{opacity:.7;cursor:not-allowed}
.hero-reference .lead-form__status{font-size:14px;line-height:1.5;color:#fff;margin-top:16px}.hero-reference .form__error{font-size:12px}
.hero-reference a:focus-visible,.hero-reference button:focus-visible,.hero-reference input:focus-visible{outline:3px solid #e8d395!important;outline-offset:4px;box-shadow:0 0 0 2px #253c31!important}
@media(min-width:1800px){.hero-reference.hero{min-height:820px}.hero-reference .hero-lead{padding:46px 48px}.hero-reference .lead-form__input,.hero-reference .lead-form__button{height:68px}.hero-reference .lead-form__inputs{gap:26px}.hero-reference .lead-form__title{font-size:32px}.hero-reference .lead-form__desc{font-size:18px}}
@media(max-width:1100px){.hero-reference.hero{padding:60px 32px}.hero-reference .hero__container{gap:30px;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}.hero-reference .hero-lead{padding:28px 22px}.hero-reference .hero-benefits{flex-direction:column;align-items:flex-start;gap:10px;padding:18px}.hero-reference .hero__button{font-size:12px;padding:12px}.hero-reference .hero__buttons{gap:12px}.hero-reference .lead-form__title{font-size:23px}}
@media(max-width:767px){.header.container{height:70px;padding:0 20px}.header .header__logo{width:140px;max-width:140px}.header .header__contacts{display:none}.header .header__menu-text{display:none}.hero-main.main.container{margin-bottom:36px}.hero-reference.hero{padding:52px 20px 28px;min-height:0}.hero-reference .hero__container{grid-template-columns:1fr;gap:34px;max-width:540px}.hero-reference .hero__bg{height:640px}.hero-reference{background:#25483e}.hero-reference .hero__bg::before{background:linear-gradient(180deg,rgba(9,25,25,.25),rgba(9,25,25,.52) 55%,#25483e 100%)}.hero-reference .hero__bg img{object-position:center top}.hero-reference .hero__location{font-size:15px;margin-bottom:18px}.hero-reference .hero__title{font-size:clamp(36px,9.3vw,58px);margin-bottom:18px}.hero-reference .hero__subtitle{font-size:25px;line-height:1.3;margin-bottom:28px}.hero-reference .hero-benefits{flex-direction:column;gap:9px;margin-bottom:24px;font-size:14px;padding:17px 18px}.hero-reference .hero__buttons{gap:10px;max-width:none}.hero-reference .hero__button{height:56px!important;font-size:12px;flex:1;padding:10px}.hero-reference .hero-lead{padding:28px 22px;border-radius:24px;background:rgba(237,241,236,.17)}.hero-reference .lead-form__title{font-size:24px}.hero-reference .lead-form__desc{font-size:15px}.hero-reference .lead-form__input{height:56px}.hero-reference .lead-form__policy{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Hide only the document scrollbar, never scrolling or inner gallery controls. */
html{scrollbar-width:none}html::-webkit-scrollbar{display:none;width:0;height:0}
.hero-reference .lead-form__title{display:block;width:100%;text-align:center}
.hero-reference.hero{min-height:640px;padding-top:48px;padding-bottom:48px}
@media(min-width:1800px){.hero-reference.hero{min-height:720px}}
@media(min-width:768px) and (max-height:800px){.hero-reference.hero{min-height:calc(100svh - 80px);padding-top:30px;padding-bottom:30px}.hero-reference .hero-lead{padding-top:28px;padding-bottom:28px}}
@media(max-width:767px){.hero-reference.hero{min-height:0;padding-top:42px;padding-bottom:28px}}

/* Compact, lightly translucent badge for the two remaining highlights. */
.hero-reference .hero-benefits{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:26px;width:fit-content;max-width:100%;padding:20px 24px;margin-bottom:34px;background:rgba(229,224,207,.86)}
.hero-reference .hero-benefits li{flex:0 0 auto;min-width:0;width:max-content;white-space:nowrap;text-align:center;font-size:15px;line-height:1.45;padding-left:10px}
@media(min-width:1400px){.hero-reference .hero-benefits li{font-size:16px}}
@media(max-width:1023px){.hero-reference .hero-benefits{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px 22px}.hero-reference .hero-benefits li{font-size:15px}}

/* Desktop composition follows the supplied reference's wider outer margins. */
@media(min-width:1101px){.hero-reference.hero{padding-left:12vw;padding-right:12vw}.hero-reference .hero__container{max-width:1440px;gap:40px;grid-template-columns:minmax(0,1.45fr) minmax(370px,.9fr)}}

/* Approved mobile-first hero: one contact action, no duplicated enquiry form. */
.hero-mobile-actions{display:none}
@media(max-width:767px){
 .header.container{height:72px;padding:0 24px}
 .header .header__logo{width:119px;max-width:119px}
 .header .header__menu-btn{width:44px;height:44px;justify-content:flex-start}
 .header .header__menu-btn img,.header .header__menu-btn svg{width:22px;height:22px}
 .hero-reference.hero{--hero-photo-space:clamp(48px,calc(45svh - 230px),180px);padding:var(--hero-photo-space) 20px 32px;min-height:0;background:#061d24;color:#fff;align-items:stretch}
 .hero-reference .hero__container{display:block;max-width:540px}
 .hero-reference .hero__bg{height:calc(var(--hero-photo-space) + 170px);max-height:100%;bottom:auto}
 .hero-reference .hero__bg img{object-position:center center}
 .hero-reference .hero__bg::before{background:linear-gradient(180deg,rgba(6,29,36,.04) 0%,rgba(6,29,36,.45) 40%,rgba(6,29,36,.65) 64%,rgba(6,29,36,.94) 90%,#061d24 100%)}
 .hero-reference .hero__content{text-align:center}
 .hero-reference .hero__location{justify-content:center;font-size:12px;font-weight:500;line-height:17px;letter-spacing:.02em;text-transform:uppercase;margin:0 0 22px}
 .hero-reference .hero__location svg{display:none}
 .hero-reference .hero__title{font-size:clamp(30px,9.16vw,44px);font-weight:600;line-height:1.12;letter-spacing:0;margin:0 0 20px}
 .hero-reference .hero__subtitle{font-size:clamp(21px,6.1vw,28px);font-weight:500;line-height:1.33;letter-spacing:0;margin:0 0 22px}
 .hero-reference .hero-benefits{display:flex;flex-direction:row;gap:0;width:fit-content;max-width:100%;padding:12px 13px;margin:0 auto 30px;border-radius:30px;background:rgba(243,233,214,.17);border:1px solid rgba(243,233,214,.2);color:#f7f3e8}
 .hero-reference .hero-benefits li{flex:0 1 auto;width:auto;padding:0;font-size:clamp(11px,3.08vw,14px);line-height:18px;font-weight:500;white-space:nowrap}
 .hero-reference .hero-benefits li:before{display:none}
 .hero-reference .hero-benefits li+li{border-left:1px solid rgba(243,233,214,.32);padding-left:12px;margin-left:12px}
 .hero-reference .hero__buttons,.hero-reference .hero-lead{display:none!important}
 .hero-mobile-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 4px}
 .hero-mobile-whatsapp{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:60px;padding:14px 12px;background:#25d366;color:#073b28!important;border-radius:12px;font-size:clamp(13px,3.76vw,17px);font-weight:600;line-height:1.4;text-decoration:none}
 .hero-mobile-whatsapp svg{width:23px;height:23px;flex:none}
 .hero-mobile-plans{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:10px;color:#fff!important;font-size:15px;font-weight:500;text-decoration:none}
 .hero-mobile-plans svg{width:18px;height:18px;flex:none}
 body.mobile-hero-visible .track,body.mobile-hero-visible .telegram_button,body.mobile-hero-visible .to_top_button{display:none!important;pointer-events:none!important}
}
@media(max-width:359px){
 .hero-reference.hero{padding-left:16px;padding-right:16px}
 .hero-reference .hero-benefits{flex-direction:column;gap:5px;padding:10px 18px}
 .hero-reference .hero-benefits li{font-size:12px}
 .hero-reference .hero-benefits li+li{border-left:0;padding-left:0;margin-left:0}
 .hero-mobile-whatsapp{gap:8px;padding-left:9px;padding-right:9px}
}

@media(max-width:767px) and (max-height:650px){.hero-reference .hero__bg::before{background:linear-gradient(180deg,rgba(6,29,36,.4) 0%,rgba(6,29,36,.4) 40%,rgba(6,29,36,.55) 64%,rgba(6,29,36,.94) 90%,#061d24 100%)}}

/* WhatsApp brand action; geometry and desktop remain unchanged. */
@media(max-width:767px){.hero-mobile-whatsapp:hover{background:#20c45d}.hero-mobile-whatsapp:active{background:#1db558}.hero-reference .hero-mobile-whatsapp:focus-visible{outline:3px solid #fff!important;outline-offset:4px;box-shadow:0 0 0 2px #073b28!important}}