:root{--ink:#19372d;--deep:#0b2a21;--cream:#f4f1e8;--accent:#e5ee91;--muted:#718078;--line:#d8e0da}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 Inter,Arial,sans-serif}
button,input,select{font:inherit}
.wrap{width:min(1240px,calc(100% - 40px));margin:auto}
.hero{position:relative;min-height:820px;padding-top:24px;color:#fff;background:url('../../media/settlements/han/hero.jpg') center/cover}
.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,#071f18d9,#08231b26 70%),linear-gradient(0deg,#051913c4,transparent 42%)}
.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:10px;color:inherit;font-size:20px;font-weight:800;text-decoration:none}
.brand b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--accent);color:var(--deep)}
.brand b img{width:23px;height:29px}
.nav__links{display:flex;gap:28px}
.nav a{color:#fff;text-decoration:none}
.nav__links a,.nav__cta{font-size:14px}
.nav__cta{padding:11px 16px;border:1px solid #ffffff80;border-radius:30px}
.hero__content{position:relative;z-index:1;padding-top:155px}
.eyebrow{margin:0 0 16px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.eyebrow.dark{color:#648072}
.hero h1{margin:0;font:400 clamp(68px,10vw,138px)/.78 Georgia,serif;letter-spacing:-.07em}
.hero__lead{max-width:570px;margin:35px 0 0;font-size:21px}
.actions{display:flex;gap:12px;margin-top:35px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border:0;border-radius:28px;font-weight:800;text-decoration:none;cursor:pointer}
.accent{background:var(--accent);color:var(--deep)}
.glass{border:1px solid #ffffff80;background:#ffffff14;color:#fff;backdrop-filter:blur(10px)}
.dark-button{background:#123a2e;color:#fff}
.outline{border:1px solid #123a2e;color:#123a2e}
.facts{position:absolute;z-index:1;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff45}
.facts div{padding:25px;border-right:1px solid #ffffff45}
.facts strong,.facts span{display:block}
.facts strong{font:400 34px Georgia,serif}
.facts span{color:#d7e1dc;font-size:13px}
.section{padding-block:105px}
.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:80px}
.intro h2,.section h2,.visit h2{margin:0;font:400 clamp(42px,5vw,70px)/1.04 Georgia,serif;letter-spacing:-.045em}
.intro__copy{padding-top:26px;color:#52645c;font-size:18px}
.gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:210px 210px;gap:12px}
.gallery img{width:100%;height:100%;object-fit:cover}
.gallery figure{position:relative;grid-row:1/3;margin:0}
.gallery figure img{display:block}
.gallery figcaption{position:absolute;right:18px;bottom:18px;left:18px;padding:13px 16px;border-radius:10px;background:#0d2e24c9;color:#fff;font-size:13px}
.gallery>img:last-child{grid-column:2/4}
.life,.finance{background:var(--deep);color:#fff}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}
.section-head>p,.section-head>div>p{max-width:470px;color:var(--muted)}
.life .section-head>p{color:#b6c6bf}
.amenities{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.amenities article{min-height:230px;padding:26px;border:1px solid #ffffff1c;border-radius:18px;background:#ffffff08}
.amenities i{color:var(--accent);font-style:normal;font-size:12px}
.amenities h3{margin:50px 0 8px;font:400 25px Georgia,serif}
.amenities p{margin:0;color:#b8c6c0;font-size:14px}
.text-link{color:#123a2e;font-weight:800;text-decoration:none}
.plot-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:30px;border-block:1px solid var(--line)}
.plot-stats div{padding:21px 16px;border-right:1px solid var(--line)}
.plot-stats span,.plot-stats strong{display:block}
.plot-stats span{color:var(--muted);font-size:12px}
.plot-stats strong{margin-top:5px;font-size:22px}
.plot-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;min-height:260px}
.plot-list[aria-busy=true]:empty{background:linear-gradient(100deg,#e4e7df 30%,#f2f3ef 50%,#e4e7df 70%);background-size:400%;animation:load 1.4s infinite;border-radius:18px}
.plot-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}
.plot-card__image{height:190px;background:#dce5d9 center/cover}
.plot-card__body{padding:18px}
.plot-card__meta{color:var(--muted);font-size:12px}
.plot-card h3{margin:6px 0 15px;font:400 26px Georgia,serif}
.plot-card__values{display:flex;justify-content:space-between;gap:15px;padding-top:14px;border-top:1px solid var(--line)}
.plot-card__values span{display:block;color:var(--muted);font-size:11px}
.plot-card__values strong{font-size:14px}
.plot-card a{display:flex;justify-content:space-between;margin-top:17px;color:#123a2e;font-weight:800;text-decoration:none}
.center{justify-content:center}
.finance__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}
.finance p{color:#b8c8c1}
.finance aside{display:grid;gap:4px;margin-top:40px;padding:18px;border-left:3px solid var(--accent);background:#ffffff08}
.finance aside span{color:#b8c8c1;font-size:13px}
.calculator{padding:30px;border-radius:22px;background:#fff;color:var(--ink)}
.tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:26px;padding:4px;border-radius:30px;background:#edf0eb}
.tabs button{height:42px;border:0;border-radius:24px;background:transparent;color:var(--muted);cursor:pointer}
.tabs button.active{background:#123a2e;color:#fff}
.calculator>label{display:block;margin-top:18px;color:var(--muted);font-size:13px}
.calculator label span{float:right;color:var(--ink);font-weight:800}
.calculator input[type=range]{width:100%;margin-top:14px;accent-color:#123a2e}
.calc-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}
.calc-row label{color:var(--muted);font-size:12px}
.calc-row input,.calc-row select{width:100%;height:46px;margin-top:6px;padding:0 12px;border:1px solid var(--line);border-radius:10px}
.calc-result{display:grid;margin:25px 0;padding:20px;border-radius:15px;background:#dfe8d8}
.calc-result span,.calc-result small{color:var(--muted)}
.calc-result strong{font:400 38px Georgia,serif}
.calculator>.button{width:100%}
.location{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.location>div>p:not(.eyebrow){color:var(--muted)}
.travel{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}
.travel div{text-align:center}
.travel strong,.travel span{display:block}
.travel strong{font:400 70px Georgia,serif}
.travel span{color:var(--muted);font-size:13px}
.future{padding-top:20px}
.future>div:last-child{display:flex;flex-wrap:wrap;gap:10px}
.future span{padding:14px 18px;border:1px dashed #8ba095;border-radius:30px;color:#52675d}
.visit{padding:90px 0;background:#235641;color:#fff}
.visit__grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.visit p{color:#d1ded8}
.visit form{display:grid;gap:12px;padding:28px;border-radius:20px;background:#fff;color:var(--ink)}
.visit label{color:var(--muted);font-size:12px}
.visit input{width:100%;height:48px;margin-top:5px;padding:0 14px;border:1px solid var(--line);border-radius:10px}
.visit small{color:var(--muted)}
footer{padding:35px 0;background:#071e17;color:#fff}
footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
footer p{max-width:540px;color:#8fa49b;font-size:12px}
footer a{color:#fff}
@keyframes load{to{background-position:-400%}
}
.gallery img{cursor:zoom-in}
.gallery figcaption{display:flex;justify-content:space-between;gap:15px}
.gallery figcaption b{color:var(--accent);white-space:nowrap}
.formats{background:#e8eadf}
.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.format-grid article{display:flex;min-height:300px;padding:28px;border-radius:20px;background:#fff;flex-direction:column}
.format-grid span{color:#799084;font-size:12px}
.format-grid h3{margin:65px 0 10px;font:400 30px Georgia,serif}
.format-grid p{margin:0 0 25px;color:var(--muted)}
.format-grid a{margin-top:auto;color:#123a2e;font-weight:800;text-decoration:none}
.faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.faq__list{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{position:relative;padding:23px 45px 23px 0;font-weight:800;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{position:absolute;right:8px;content:'+';font-size:25px;font-weight:400}
.faq details[open] summary:after{content:'−'}
.faq details p{max-width:650px;margin:0;padding:0 45px 24px 0;color:var(--muted)}
.lightbox{width:min(1100px,94vw);height:min(780px,90vh);padding:0;border:0;border-radius:18px;background:#071e17;color:#fff}
.lightbox::backdrop{background:#03100ce8}
.lightbox img{width:100%;height:100%;object-fit:contain}
.lightbox button{position:absolute;z-index:2;width:48px;height:48px;border:0;border-radius:50%;background:#ffffffd9;color:#123a2e;font-size:30px;cursor:pointer}
.lightbox__close{top:16px;right:16px}.lightbox__prev{top:50%;left:16px}.lightbox__next{top:50%;right:16px}
.lightbox>span{position:absolute;bottom:18px;left:50%;padding:6px 11px;border-radius:20px;background:#071e17cc;transform:translateX(-50%)}
.footer__contacts{display:grid;gap:3px}.footer__contacts a{text-decoration:none;font-size:13px}
.settlement-media__group{margin-top:38px}.settlement-media__group>h3{font:400 30px Georgia,serif}.settlement-media__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.settlement-media__card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.settlement-media__card img{width:100%;height:190px;object-fit:cover}.settlement-media__card>div{padding:20px}.settlement-media__card span{color:var(--muted);font-size:11px}.settlement-media__card h4{margin:10px 0;font:400 25px/1.1 Georgia,serif}.settlement-media__card p{color:var(--muted);font-size:13px}.settlement-media__card a{color:var(--forest);font-weight:800;text-decoration:none}.settlement-media__empty{padding:25px;border:1px dashed #9bab9f;border-radius:15px;color:var(--muted)}
.masterplan{background:#123a2e;color:#fff}.masterplan .section-head{margin-bottom:28px}.masterplan .section-head p{color:#b8c8c1}.masterplan__hint{padding:8px 13px;border:1px solid #ffffff30;border-radius:20px;color:#cad8d2;font-size:12px}.masterplan__frame{position:relative;overflow:hidden;height:min(76vh,800px);min-height:620px;border-radius:22px;background:#071e17;box-shadow:0 25px 60px #06191280}.masterplan__toolbar{position:absolute;z-index:4;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:20px;height:58px;padding:0 18px;background:#071e17e8;color:#fff;backdrop-filter:blur(9px)}.masterplan__toolbar>div{display:flex;align-items:center;gap:10px}.masterplan__toolbar a,.masterplan__toolbar button{padding:8px 12px;border:1px solid #ffffff40;border-radius:18px;background:transparent;color:#fff;font-size:12px;text-decoration:none;cursor:pointer}.masterplan__frame iframe{width:100%;height:100%;padding-top:58px;border:0;background:#dfe5df}.masterplan__cover{position:absolute;z-index:3;inset:58px 0 0;display:grid;place-items:center;padding:25px;background:linear-gradient(#0b2a21bd,#0b2a21df),url('../../media/settlements/han/hero.jpg') center/cover;text-align:center}.masterplan__cover[hidden]{display:none}.masterplan__cover>div{max-width:540px}.masterplan__cover span,.masterplan__cover strong{display:block}.masterplan__cover span{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.masterplan__cover strong{margin:15px 0;font:400 clamp(38px,5vw,64px)/1 Georgia,serif}.masterplan__cover p{color:#d0ddd7}.masterplan__loader{position:absolute;z-index:2;top:78px;left:50%;padding:10px 16px;border-radius:20px;background:#071e17e8;color:#fff;font-size:12px;transform:translateX(-50%)}.masterplan__frame:fullscreen{width:100vw;height:100vh;max-height:none;border-radius:0}.masterplan__frame--full{position:fixed;z-index:100;inset:0;width:100vw;height:100vh;max-height:none;border-radius:0}
@media(max-width:900px){.format-grid{grid-template-columns:1fr}.format-grid article{min-height:230px}.format-grid h3{margin-top:35px}.faq__grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:900px){.settlement-media__grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.gallery figcaption b{display:none}.lightbox{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.lightbox__prev{left:8px}.lightbox__next{right:8px}}
@media(max-width:600px){.masterplan__frame{height:620px;min-height:0;border-radius:14px}.masterplan__toolbar strong{font-size:12px}.masterplan__toolbar a{display:none}.masterplan__toolbar button{padding:7px 9px}.masterplan__cover{padding:18px}.masterplan__cover strong{font-size:38px}.masterplan__hint{display:none}}
@media(max-width:600px){.settlement-media__grid{grid-template-columns:1fr}}
@media(max-width:900px){.nav__links{display:none}
.facts{grid-template-columns:repeat(2,1fr)}
.intro,.finance__grid,.location,.visit__grid{grid-template-columns:1fr;gap:40px}
.amenities,.plot-list{grid-template-columns:repeat(2,1fr)}
.gallery{grid-template-columns:1fr 1fr}
.gallery figure{grid-column:1/3}
.gallery>img:last-child{grid-column:auto}
.plot-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){.wrap{width:min(100% - 24px,1240px)}
.hero{min-height:740px}
.nav__cta{display:none}
.hero__content{padding-top:125px}
.hero h1{font-size:65px}
.hero__lead{font-size:17px}
.actions{align-items:stretch;flex-direction:column}
.facts div{padding:15px 8px}
.facts strong{font-size:24px}
.section{padding-block:70px}
.intro{gap:15px}
.gallery{display:flex;overflow:auto}
.gallery>*{flex:0 0 86%;height:260px}
.amenities,.plot-list{grid-template-columns:1fr}
.plot-stats{grid-template-columns:1fr 1fr}
.plot-stats div{padding:14px 6px}
.section-head{align-items:start;flex-direction:column}
.calculator{padding:18px}
.travel strong{font-size:43px}
footer .wrap{align-items:start;flex-direction:column}
}