/* SakCity — deep forest identity and a plan-first, native-feeling explorer. */
:root{--brand-green:#071b13;--paper:#091d15;--white:#122b20;--pale:#10271c;--muted:#b8c6bd;--radius:26px}
body{background:var(--paper)}
.site-home .site-header{background:#071b13ed}
@supports(backdrop-filter:blur(20px)){.site-home .site-header{background:#071b13cf;backdrop-filter:blur(20px)}}
.brand{align-items:center;isolation:isolate}
.brand .brand-mark{position:relative;display:block;overflow:hidden;width:44px;height:44px;flex:0 0 44px;background:var(--brand-green);border-radius:8px}
.brand-mark img{position:absolute!important;width:100px!important;max-width:none!important;height:125px!important;left:-28px;top:-25px;mix-blend-mode:screen;object-fit:fill}
.brand>span:not(.brand-mark){font-size:1.1rem;letter-spacing:.24em}
.brand small{font-size:.7rem}
.site-home .site-header nav{gap:22px}
.site-home .hero-image figcaption,.lot-detail,.comparison-panel,.visit-form,.trust-card{background:#142d21}
.site-home .hero-image{background:#142d21}
.lots-section{background:#0e261b}
.lot-tools select,.mobile-picker select{background:#1b3427}
.lot-detail .area,.compare-card strong{color:#e0d1b9}
.lot-button[aria-pressed=true]{background:#b9d0b412;border-color:#b9d0b465}
.inquiry-preview{background:#071b1366}
.visit-section{background:#102b1e}
.visit-form input,.visit-form select{background:#0b2017}
.interactive-map{position:relative;margin:0 0 42px;border:1px solid #ffffff20;border-radius:28px;overflow:hidden;background:#192b20;box-shadow:0 24px 80px #0002}
.map-toolbar{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#11271d;color:#f4f5f0;border-bottom:1px solid #ffffff18}
.map-tabs{padding:4px;display:flex;background:#071b13;border-radius:999px;gap:4px}
.map-tabs button{background:transparent;color:#b8c6bd;border:0;border-radius:999px;padding:9px 22px;min-height:44px;font-size:.9375rem;font-weight:550}
.map-tabs button[aria-pressed=true]{background:#eff2e9;color:#14251b;box-shadow:0 2px 8px #0002}
.map-toolbar-actions{display:flex;align-items:center;gap:12px}
.map-icon-button{width:44px;height:44px;display:grid;place-items:center;background:#ffffff06;border:1px solid #ffffff24;border-radius:50%;color:inherit}
.map-icon-button svg{width:22px;height:22px}
.map-stage{position:relative;height:610px;background:#acb29d;overflow:hidden;touch-action:none;cursor:grab;overscroll-behavior:contain;isolation:isolate}
.map-stage.is-dragging{cursor:grabbing}
.map-world{position:absolute;left:0;top:0;width:1828px;height:1258px;max-width:none;transform-origin:0 0;will-change:transform;user-select:none}
.map-lot-shape{fill:transparent;stroke:transparent;stroke-width:3;vector-effect:non-scaling-stroke;cursor:pointer;outline:none;transition:fill 180ms,stroke 180ms}
.map-lot-shape:hover{fill:#164e3436;stroke:#1c603e}
.map-lot-shape[aria-pressed=true]{fill:#17482f50;stroke:#0b4930;stroke-width:3.5}
.map-lot-shape:focus-visible{fill:#17482f55;stroke:#071b13;stroke-width:6;stroke-dasharray:10 5}
.map-place-label,.map-navigation,.map-selection,.map-context-note{background:#f7f8f1ed;color:#17271d;border:1px solid #ffffffb0;box-shadow:0 7px 30px #18241624;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.map-place-label{position:absolute;left:20px;top:20px;display:flex;align-items:center;gap:12px;padding:12px 17px;border-radius:18px;pointer-events:none}
.map-place-label strong,.map-place-label span:not(.map-place-symbol){display:block}
.map-place-label strong{font-size:1rem;font-weight:600;letter-spacing:-.015em}
.map-place-label span:not(.map-place-symbol){font-size:.8125rem;color:#4c5e51;margin-top:1px}
.map-place-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#071b13;color:#f7f8f1;font-size:1.125rem;font-weight:600}
.map-navigation{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;align-items:center;border-radius:16px;overflow:hidden;width:48px}
.map-navigation button{border:0;background:transparent;color:#17271d;display:grid;place-items:center;width:48px;height:46px;font-size:1.6rem;line-height:1}
.map-navigation button+button{border-top:1px solid #17271d16}
.map-navigation button:hover{background:#17271d0c}
.map-navigation button:focus-visible{outline:2px solid #17482f;outline-offset:-4px}
.map-navigation svg{width:24px;height:24px}
.map-navigation output{font-size:.75rem;font-variant-numeric:tabular-nums;padding:7px 2px 9px;color:#506153}
.map-selection{position:absolute;right:20px;bottom:20px;width:290px;padding:22px;border-radius:22px;cursor:default}
.map-selection .eyebrow{font-size:.75rem;color:#566658;margin:0 0 9px;letter-spacing:.12em}
.map-selection-heading h3{font-size:1.5rem;margin:0 0 2px;color:#102a1c}
.map-selection-heading strong{font-size:2rem;font-weight:600;letter-spacing:-.04em;line-height:1.2;font-variant-numeric:tabular-nums}
.map-selection-heading strong span{font-size:1rem;letter-spacing:0;font-weight:400}
.map-selection>p:not(.eyebrow){font-size:.875rem;line-height:1.4;color:#536255;margin:10px 0 15px}
.map-selection .button{width:100%;background:#0b3320;color:#f5f6ee;font-size:.875rem;min-height:44px;padding:10px 14px}
.map-selection .button:hover{background:#17482f}
.map-selection .text-link{color:#305a40;display:block;text-align:center;font-size:.8125rem;margin-top:9px}
.map-context-note{position:absolute;left:20px;bottom:20px;max-width:430px;border-radius:18px;padding:16px 20px;font-size:.875rem;line-height:1.5;margin:0}
.interactive-map>figcaption{display:flex;gap:32px;justify-content:space-between;padding:18px 24px;background:#11271d;line-height:1.5;color:#b8c6bd;font-size:.8125rem}
.interactive-map>figcaption span:first-child{flex:0 0 36%;color:#e1e8db}
.interactive-map:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column;background:#11271d}
.interactive-map:fullscreen .map-stage{height:auto;flex:1;min-height:0}
.interactive-map:fullscreen>figcaption{flex:none}
.map-dialog{position:fixed;margin:auto;width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;padding:0;border:1px solid #ffffff25;border-radius:24px;background:#11271d;color:var(--ink);overflow:hidden}
.map-dialog::backdrop{background:#020b07dd;backdrop-filter:blur(14px)}
.map-dialog>.interactive-map{height:100%;width:100%;margin:0;border:0;border-radius:0;display:flex;flex-direction:column}
.map-dialog .map-stage{height:auto;flex:1;min-height:120px}
.map-dialog .map-toolbar,.map-dialog figcaption{flex:none}
.country-section{padding-block:96px;background:#091d15}
.country-overview{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin:0 0 48px}
.country-overview .large-copy{font-size:1.625rem;line-height:1.35;color:var(--ink);letter-spacing:-.025em;margin:0 0 20px}
.country-overview p{color:var(--muted);margin-bottom:20px}
.country-stats{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.country-stats>div{padding:22px 0;border-top:1px solid var(--line)}
.country-stats>div:first-child{grid-column:1/-1}
.country-stats strong{font-size:clamp(2rem,3.5vw,3rem);font-weight:500;letter-spacing:-.04em;line-height:1.2;color:var(--gold);display:block}
.country-stats strong small{font-size:1.25rem;font-weight:400;letter-spacing:0}
.country-stats span{display:block;font-size:.875rem;margin-top:8px;color:var(--muted)}
.country-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.amenity-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#11271d}
.amenity-card figure{margin:0;position:relative;overflow:hidden}
.amenity-card img{display:block;width:100%;height:300px;object-fit:cover;transition:transform 500ms var(--ease)}
.amenity-card:hover img{transform:scale(1.025)}
.amenity-card:first-child img{object-position:center 60%}
.amenity-card figcaption{position:absolute;bottom:12px;left:12px;right:12px;width:fit-content;padding:6px 11px;background:#061810c9;backdrop-filter:blur(12px);border-radius:999px;font-size:.75rem;line-height:1.4;color:#e9efe4}
.amenity-card>div{padding:28px}
.amenity-card .eyebrow{font-size:.75rem;letter-spacing:.08em;margin:0 0 14px}
.amenity-card h3{font-size:1.4rem;letter-spacing:-.025em;margin:0 0 14px}
.amenity-card p:not(.eyebrow){font-size:1rem;color:var(--muted);line-height:1.6;margin:0}
.country-conditions{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin:24px 0 0;padding:22px 0;border-bottom:1px solid var(--line)}
.country-conditions p{font-size:.875rem;line-height:1.6;color:var(--muted);max-width:800px;margin:0}
.country-conditions .text-link{font-size:.875rem;flex:none}
.country-next-step{display:flex;gap:40px;align-items:center;justify-content:space-between;margin-top:48px}
.country-next-step h3{font-size:1.6rem;margin:0 0 10px;line-height:1.3}
.country-next-step p{color:var(--muted);font-size:1rem;margin:0}
.brand-document .signature{background:var(--brand-green);isolation:isolate}
.brand-document .signature .new-brand-reference{mix-blend-mode:screen;width:min(340px,85%);border-radius:0}
.brand-document .symbol-tile img[src*="dark-original"]{mix-blend-mode:screen;width:150px;max-height:190px;object-fit:contain}
@media(max-width:1100px){.site-home .site-header nav{gap:16px;font-size:.8125rem}.country-overview{gap:48px}.amenity-card>div{padding:24px}.amenity-card img{height:260px}.country-conditions{flex-direction:column;gap:8px}}
@media(max-width:760px){
  .brand .brand-mark{width:36px;height:36px;flex-basis:36px;border-radius:6px}
  .brand-mark img{width:82px!important;height:102.5px!important;left:-23px;top:-20.5px}
  .brand>span:not(.brand-mark){font-size:.9375rem;letter-spacing:.21em}
  .brand small{font-size:.625rem;letter-spacing:.17em}
  .site-home .site-nav a{width:50%;font-size:.9375rem}
  .header-inner{gap:10px}.brand{gap:9px}.site-home .header-action{padding-inline:12px}
  .interactive-map{margin-bottom:28px;border-radius:22px}
  .map-toolbar{padding:10px;gap:8px}.map-tabs button{padding:7px 13px;font-size:.875rem}.map-toolbar-actions{gap:8px}
  .map-toolbar #open-plan{font-size:.8125rem;padding:7px 11px;min-height:42px}
  .map-icon-button{width:42px;height:42px;flex:none}
  .map-stage{height:660px}
  .map-place-label{left:12px;top:12px;padding:10px 12px;gap:9px;border-radius:14px;max-width:calc(100% - 85px)}
  .map-place-label strong{font-size:.9375rem}.map-place-label span:not(.map-place-symbol){font-size:.75rem}
  .map-place-symbol{width:30px;height:30px;border-radius:9px}
  .map-navigation{top:12px;right:12px;width:44px}.map-navigation button{width:44px;height:44px}
  .map-selection{bottom:12px;right:12px;left:12px;width:auto;padding:18px;border-radius:20px}
  .map-selection-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
  .map-selection-heading h3{font-size:1.35rem}.map-selection-heading strong{font-size:1.7rem}
  .map-selection>p:not(.eyebrow){margin:7px 0 12px;font-size:.8125rem}
  .map-selection .eyebrow{margin-bottom:6px}.map-selection .text-link{margin-top:5px}
  .map-context-note{left:12px;right:12px;bottom:12px;max-width:none;padding:14px 16px;font-size:.8125rem}
  .interactive-map>figcaption{display:block;padding:16px;font-size:.8125rem}
  .interactive-map>figcaption span{display:block}.interactive-map>figcaption span+span{margin-top:8px}
  .country-section{padding-block:56px}.country-overview{grid-template-columns:1fr;gap:24px;margin-bottom:28px}
  .country-overview .large-copy{font-size:1.4rem}.country-overview p{font-size:1rem}
  .country-stats{gap:16px}.country-stats strong{font-size:2.1rem}
  .country-gallery{grid-template-columns:1fr;gap:20px}.amenity-card img{height:300px}
  .amenity-card>div{padding:24px}.amenity-card h3{font-size:1.4rem}
  .country-next-step{flex-direction:column;align-items:flex-start;gap:24px;margin-top:32px}
  .country-next-step h3{font-size:1.4rem}
}
@media(max-width:380px){.brand .brand-mark{display:none}.map-toolbar #open-plan{font-size:.75rem;padding-inline:9px}.map-tabs button{padding-inline:10px}.map-stage{height:640px}.map-selection-heading strong{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.map-lot-shape,.amenity-card img{transition:none}}
@media(max-height:600px){.map-dialog .map-selection{left:auto;right:12px;bottom:12px;width:250px;max-height:calc(100% - 24px);overflow:auto;padding:15px}.map-dialog .map-selection .eyebrow{display:none}.map-dialog .map-selection-heading{display:block}.map-dialog .map-selection-heading h3{font-size:1.1rem}.map-dialog .map-selection-heading strong{font-size:1.4rem}.map-dialog .map-selection .text-link{margin-top:3px}.map-dialog figcaption{padding:10px 16px;font-size:.75rem}}
