.zone-slide{isolation:isolate;background-position:center;background-size:cover}.zone-slide .shade{background:linear-gradient(90deg,rgba(2,7,16,.92) 0%,rgba(2,7,16,.72) 38%,rgba(2,7,16,.16) 72%,rgba(2,7,16,.35) 100%),linear-gradient(0deg,rgba(1,5,12,.82),transparent 50%)}.zone-layout{position:relative;z-index:2;width:min(1180px,88vw);height:100%;margin:auto;padding:clamp(105px,14vh,150px) 0 105px;display:flex;flex-direction:column;justify-content:space-between}.zone-copy{max-width:690px}.zone-copy h2{max-width:690px;font-size:clamp(2.6rem,5.2vw,5.8rem);line-height:.95;letter-spacing:-.055em;margin:.18em 0}.zone-copy>p:last-child{max-width:610px;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.55;color:#d9e6ee}.zone-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.zone-cards article,.climate-scale span,.landscape-strip span{background:linear-gradient(145deg,rgba(9,24,36,.88),rgba(7,15,25,.66));border:1px solid rgba(175,223,238,.25);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.28)}.zone-cards article{min-height:145px;padding:22px 24px;display:flex;flex-direction:column;gap:8px}.zone-cards article span{font:700 .7rem/1.2 var(--mono,monospace);letter-spacing:.13em;color:#86d8ed}.zone-cards article b{font-size:1.15rem}.zone-cards article small{font-size:.84rem;line-height:1.5;color:#b8c8d2}.climate-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.climate-scale span{position:relative;padding:19px 15px 17px;font:700 .68rem/1.2 var(--mono,monospace);letter-spacing:.1em}.climate-scale i{display:block;width:100%;height:4px;margin-bottom:13px;background:#38cfaa;box-shadow:0 0 18px currentColor}.climate-scale span:nth-child(2) i{background:#e3a947}.climate-scale span:nth-child(3) i{background:#e7cf77}.climate-scale span:nth-child(4) i{background:#62bfe0}.climate-scale span:nth-child(5) i{background:#d4eff7}.climate-scale small{display:block;margin-top:7px;font:400 .76rem/1.35 var(--sans,Arial);letter-spacing:0;color:#b9c9d2}.landscape-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.landscape-strip span{min-height:108px;padding:18px 14px;display:flex;flex-direction:column;justify-content:flex-end}.landscape-strip b{font-size:.9rem}.landscape-strip small{margin-top:5px;color:#bdcad1;font-size:.7rem;line-height:1.35}.zone-slide.active .zone-copy{animation:zoneIn .9s cubic-bezier(.16,1,.3,1) both}.zone-slide.active .zone-cards article,.zone-slide.active .climate-scale span,.zone-slide.active .landscape-strip span{animation:zoneCard .75s cubic-bezier(.16,1,.3,1) both}.zone-slide.active :is(.zone-cards,.climate-scale,.landscape-strip)>:nth-child(2){animation-delay:.08s}.zone-slide.active :is(.zone-cards,.climate-scale,.landscape-strip)>:nth-child(3){animation-delay:.16s}.zone-slide.active :is(.zone-cards,.climate-scale,.landscape-strip)>:nth-child(4){animation-delay:.24s}.zone-slide.active :is(.zone-cards,.climate-scale,.landscape-strip)>:nth-child(5){animation-delay:.32s}.zone-slide.active :is(.zone-cards,.climate-scale,.landscape-strip)>:nth-child(6){animation-delay:.4s}@keyframes zoneIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes zoneCard{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:800px){.zone-layout{width:90vw;padding:88px 0 82px}.zone-copy h2{font-size:clamp(2rem,9vw,3.3rem)}.zone-copy>p:last-child{font-size:.92rem}.zone-cards{grid-template-columns:1fr;gap:6px}.zone-cards article{min-height:0;padding:12px 15px}.zone-cards article small{font-size:.72rem}.climate-scale{grid-template-columns:repeat(2,1fr);gap:5px}.climate-scale span{padding:10px;font-size:.57rem}.climate-scale small{font-size:.65rem}.landscape-strip{grid-template-columns:repeat(2,1fr);gap:5px}.landscape-strip span{min-height:60px;padding:9px 11px}.landscape-strip b{font-size:.76rem}.landscape-strip small{font-size:.62rem}}@media(max-height:700px) and (min-width:801px){.zone-layout{padding-top:90px;padding-bottom:75px}.zone-copy h2{font-size:3.7rem}.zone-cards article{min-height:118px;padding:16px}.landscape-strip span{min-height:88px}}