.sky-page{background:var(--surface-page);color:var(--text-primary)}
.sky-page main{overflow:hidden}
.sky-page h2{font-size:clamp(44px,5.5vw,78px);color:var(--text-primary)}
.sky-page .section-pad{padding-block:clamp(82px,9vw,128px)}

.sky-hero{position:relative;isolation:isolate;min-height:860px;height:100svh;max-height:1060px;display:flex;align-items:center;overflow:hidden;background:var(--forest);color:#fff}
.sky-hero__image,.sky-hero__veil,.sky-hero__grid{position:absolute;inset:0}
.sky-hero__image{z-index:-3;background:url("/assets/images/akcii/sky-hills-hero-desktop.webp") center/cover no-repeat;transform:scale(1.015);animation:sky-hero-breathe 18s ease-in-out infinite alternate}
.sky-hero__veil{z-index:-2;background:linear-gradient(90deg,rgba(2,27,19,.94) 0%,rgba(2,31,22,.74) 42%,rgba(2,31,22,.24) 72%,rgba(2,31,22,.08) 100%),linear-gradient(0deg,rgba(2,25,18,.62),transparent 55%)}
.sky-hero__grid{z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.sky-hero__content{position:relative;padding-top:92px}
.sky-hero .breadcrumbs{margin-bottom:44px;color:rgba(255,255,255,.64)}
.sky-hero .eyebrow{margin-bottom:18px;color:#e2e9e3}
.sky-hero h1{width:fit-content;max-width:100%;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.75);font-size:clamp(64px,6.5vw,100px);font-weight:450;letter-spacing:-.02em;line-height:1.02}
.sky-hero__lead{max-width:620px;margin:0 0 32px;color:rgba(255,255,255,.9);font-size:clamp(18px,1.45vw,23px);line-height:1.55}
.sky-hero__price{display:block;margin-top:14px;color:#fff;font-size:clamp(23px,2vw,30px)}
.sky-hero__price strong{white-space:nowrap;font-weight:800}
.sky-hero__mortgage{display:block;margin-top:4px;color:#fff}
.sky-hero .hero-form{max-width:780px}
.sky-hero .hero-form .button--lime{background:var(--control-on-dark);color:var(--control-on-dark-text);box-shadow:0 16px 42px rgba(0,0,0,.24)}
.sky-hero .hero-form .button--lime:hover{background:#fff}
.sky-hero__scroll{position:absolute;left:max(40px,calc((100vw - 1320px)/2));bottom:36px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.72);font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.sky-hero__scroll span{width:58px;height:1px;background:#fff}
@keyframes sky-hero-breathe{to{transform:scale(1.055)}}

.sky-overview,.sky-offer{position:relative;background:linear-gradient(135deg,#0a3a20,#184f35);color:#fff}
.sky-overview:after,.sky-offer:after{content:"";position:absolute;inset:auto -12% -55% auto;width:640px;height:640px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 54px rgba(255,255,255,.025),0 0 0 108px rgba(255,255,255,.018);pointer-events:none}
.sky-section-head{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:clamp(38px,8vw,120px);margin-bottom:54px}
.sky-section-head h2{margin:0}
.sky-section-head>p{max-width:560px;margin:0;color:var(--text-muted);font-size:17px;line-height:1.65}
.sky-overview .sky-section-head h2,.sky-offer h2{color:#fff}
.sky-overview .sky-section-head>p{color:rgba(255,255,255,.75)}
.sky-overview .sky-section-head>p strong{color:#fff}
.sky-perks{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sky-perks article{min-height:230px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.17);border-radius:18px 52px 18px 18px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}
.sky-perks article>span{margin-bottom:18px;color:rgba(255,255,255,.55);font-size:10px;font-weight:850;letter-spacing:.15em}
.sky-perks strong{display:block;margin-bottom:9px;font-family:var(--display);font-size:clamp(24px,2.15vw,34px);font-weight:550;line-height:1.05}
.sky-perks p{margin:0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.45}

.sky-ready{position:relative}
.sky-gallery{display:grid;grid-template-columns:.78fr repeat(3,1fr);gap:14px;align-items:stretch}
.sky-gallery:focus-visible{outline:3px solid var(--brand-primary);outline-offset:6px}
.sky-facts{display:grid;grid-template-rows:repeat(5,1fr);gap:10px}
.sky-facts div{min-height:100px;padding:20px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line-subtle);border-radius:16px 34px 16px 16px;background:var(--surface-warm)}
.sky-facts strong{font-family:var(--display);font-size:25px;color:var(--brand-primary);line-height:1.05}
.sky-facts span{margin-top:6px;color:var(--text-muted);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.sky-gallery__item{min-height:540px;margin:0;overflow:hidden;border-radius:18px 58px 18px 18px;background:var(--surface-mist);box-shadow:0 20px 54px rgba(5,31,17,.1)}
.sky-gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.sky-gallery__item:hover img{transform:scale(1.035)}

.sky-plan{padding-top:0!important}
.sky-plan__layout{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:clamp(44px,7vw,110px);padding:clamp(38px,5vw,72px);border:1px solid var(--line-subtle);border-radius:22px 76px 22px 22px;background:var(--surface-card);box-shadow:0 24px 70px rgba(5,31,17,.08)}
.sky-plan__layout h2{margin-bottom:22px}
.sky-plan__layout>div>p:not(.section-number){max-width:430px;margin-bottom:28px;color:var(--text-muted);font-size:17px}
.sky-plan__layout figure{margin:0}
.sky-plan__layout figure img{width:100%;max-height:670px;object-fit:contain;mix-blend-mode:multiply}

.sky-location{padding-top:0!important}
.sky-location__layout{display:grid;grid-template-columns:1.6fr .7fr;gap:18px}
.sky-map{min-height:430px;overflow:hidden;border:1px solid var(--line-subtle);border-radius:22px 62px 22px 22px;background:var(--surface-mist);box-shadow:0 20px 50px rgba(5,31,17,.1)}
.sky-map iframe{width:100%;height:100%;min-height:430px;border:0}
.sky-times{display:grid;grid-template-rows:repeat(4,1fr);gap:10px}
.sky-times div{padding:18px 22px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line-subtle);border-radius:15px 30px 15px 15px;background:var(--surface-warm)}
.sky-times strong{font-family:var(--display);font-size:29px;color:var(--brand-primary)}
.sky-times span{color:var(--text-muted);font-size:12px}

.sky-offer{overflow:hidden}
.sky-offer__layout{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(44px,7vw,100px);align-items:start}
.sky-offer .section-number{color:#d0d9d2}
.sky-offer h2{font-size:clamp(43px,5vw,70px)}
.sky-included{padding:0;margin:38px 0 0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sky-included li{min-height:66px;padding:17px 18px 17px 50px;position:relative;display:flex;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:14px 28px 14px 14px;background:rgba(255,255,255,.06);font-weight:650}
.sky-included li:before{content:"✓";position:absolute;left:18px;color:#fff;font-weight:900}
.sky-price-card{padding:clamp(30px,4vw,50px);border:1px solid rgba(255,255,255,.2);border-radius:20px 66px 20px 20px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);box-shadow:0 24px 70px rgba(0,0,0,.16)}
.sky-price-card>span,.sky-builder span{display:block;color:rgba(255,255,255,.62);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.sky-price-card>strong{display:block;margin:10px 0 8px;font-family:var(--display);font-size:clamp(42px,4.5vw,65px);font-weight:560;line-height:1;letter-spacing:-.035em}
.sky-price-card>p{margin:0 0 30px;color:rgba(255,255,255,.72)}
.sky-builder{margin:0 0 28px;padding-top:26px;display:grid;grid-template-columns:72px 1fr;gap:18px;border-top:1px solid rgba(255,255,255,.2)}
.sky-builder>img{width:72px;height:72px;object-fit:cover;clip-path:circle(41%);transform:scale(1.14)}
.sky-builder b{display:block;margin-top:6px;font-family:var(--display);font-size:22px;letter-spacing:.04em}
.sky-builder p{margin:8px 0 0;color:rgba(255,255,255,.68);font-size:13px}
.sky-price-card .button{width:100%}

.sky-lead__layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(42px,7vw,100px);align-items:start}
.sky-lead h2{font-size:clamp(42px,4.5vw,66px)}
.sky-lead__form>p:not(.section-number){margin-bottom:26px;color:var(--text-muted)}
.sky-lead__form form{padding:28px;display:grid;gap:13px;border:1px solid var(--line-subtle);border-radius:18px 54px 18px 18px;background:var(--surface-card);box-shadow:0 18px 50px rgba(5,31,17,.08)}
.sky-lead__form .button{width:100%}
.sky-faq details{border-bottom:1px solid var(--line-subtle);background:var(--surface-card)}
.sky-faq details:first-of-type{border-top:1px solid var(--line-subtle)}
.sky-faq summary{min-height:66px;padding:18px 2px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-weight:750}
.sky-faq summary::-webkit-details-marker{display:none}
.sky-faq summary span{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--surface-warm);color:var(--brand-primary);font-size:22px;transition:transform .25s ease}
.sky-faq details[open] summary span{transform:rotate(45deg)}
.sky-faq details>p{padding:0 48px 22px 2px;margin:0;color:var(--text-muted);line-height:1.65}
.sky-faq details a{color:var(--brand-primary);font-weight:700;text-decoration:underline}

@media(max-width:1240px){
  .sky-gallery{grid-template-columns:repeat(3,1fr)}
  .sky-facts{grid-column:1/-1;grid-template-columns:repeat(5,1fr);grid-template-rows:auto}
  .sky-facts div{min-height:112px}
}

@media(max-width:820px){
  .sky-page .section-pad{padding-block:76px}
  .sky-page h2{font-size:clamp(39px,10.8vw,60px)}
  .sky-hero{min-height:890px;height:auto;padding-bottom:105px;align-items:flex-start}
  .sky-hero__image{background-image:url("/assets/images/akcii/sky-hills-hero-mobile.webp");background-position:center}
  .sky-hero__veil{background:linear-gradient(0deg,rgba(2,26,19,.94) 0%,rgba(2,26,19,.72) 68%,rgba(2,26,19,.3) 100%)}
  .sky-hero__content{padding-top:166px}
  .sky-hero .breadcrumbs{margin-bottom:32px}
  .sky-hero h1{font-size:clamp(46px,8.5vw,70px)}
  .sky-hero__lead{max-width:560px;font-size:17px}
  .sky-hero .hero-form{grid-template-columns:1fr;max-width:520px}
  .sky-hero .hero-form .consent{grid-column:auto}
  .sky-hero__scroll{left:15px;bottom:35px}
  .sky-section-head,.sky-plan__layout,.sky-location__layout,.sky-offer__layout,.sky-lead__layout{grid-template-columns:1fr}
  .sky-section-head{gap:18px;margin-bottom:38px}
  .sky-section-head>p{font-size:15px}
  .sky-perks{grid-template-columns:1fr 1fr}
  .sky-perks article{min-height:190px}
  .sky-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:none}
  .sky-gallery::-webkit-scrollbar{display:none}
  .sky-gallery>*{width:min(72vw,360px);flex:none;scroll-snap-align:start}
  .sky-facts{width:min(78vw,390px);display:grid;grid-template-columns:1fr;grid-template-rows:repeat(5,1fr)}
  .sky-gallery__item{min-height:520px}
  .sky-plan__layout{padding:32px 24px;border-radius:18px 54px 18px 18px}
  .sky-plan__layout>div{display:flex;flex-direction:column;align-items:flex-start}
  .sky-plan__layout figure{order:-1}
  .sky-map,.sky-map iframe{min-height:380px}
  .sky-times{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .sky-times div{min-height:115px}
  .sky-included{margin-top:28px}
  .sky-lead__layout{gap:70px}
}

@media(max-width:540px){
  .sky-page .section-pad{padding-block:64px}
  .sky-hero{min-height:840px}
  .sky-hero__content{padding-top:154px}
  .sky-hero .breadcrumbs{display:none}
  .sky-hero .eyebrow{font-size:10px}
  .sky-hero h1{font-size:clamp(40px,10.5vw,56px);margin-bottom:22px}
  .sky-hero__lead{font-size:15px;line-height:1.5}
  .sky-hero .field--glass input,.sky-hero .hero-form .button{height:56px}
  .sky-perks{grid-template-columns:1fr}
  .sky-perks article{min-height:160px;padding:24px}
  .sky-gallery>*{width:82vw}
  .sky-gallery__item{min-height:500px}
  .sky-facts div{min-height:92px}
  .sky-plan__layout{padding:26px 18px}
  .sky-plan__layout>div>p:not(.section-number){font-size:15px}
  .sky-map,.sky-map iframe{min-height:340px}
  .sky-times div{min-height:100px;padding:15px}
  .sky-times strong{font-size:25px}
  .sky-included{grid-template-columns:1fr}
  .sky-price-card{padding:28px 20px}
  .sky-price-card>strong{font-size:39px}
  .sky-builder{grid-template-columns:60px 1fr;gap:12px}
  .sky-builder>img{width:60px;height:60px}
  .sky-lead__form form{padding:22px 16px}
  .sky-faq details>p{padding-right:12px}
}

@media(prefers-reduced-motion:reduce){.sky-hero__image{animation:none}.sky-gallery__item img{transition:none}}
