:root{--bg:#f7f4ec;--paper:#fffdf7;--paper-2:#f1ebdf;--ink:#18332b;--deep:#122820;--deep-2:#0e2019;--muted:#69786f;--line:#d9dfd5;--gold:#c5a46b;--gold-2:#ab8647;--sage:#8ea694;--green-soft:#dde7de;--champ:#1f4738;--shadow:0 24px 60px rgba(16,35,28,.12);--container:1200px;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 48px),var(--container));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:200;background:#fff;padding:8px 12px}.topbar{background:linear-gradient(90deg,var(--deep),#1e4437 60%,#1a3e31);color:#f7f3e8}.topbar-inner{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;font-weight:700;letter-spacing:.12em}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.topbar-right a{font-size:11px;letter-spacing:.04em;opacity:.9}.champ-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);display:inline-block;box-shadow:0 0 0 6px rgba(197,164,107,.12)}.site-header{position:sticky;top:0;z-index:70;background:rgba(255,253,247,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(217,223,213,.9)}.navbar{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:88px;height:78px;object-fit:contain}.branch-wordmark{display:flex;flex-direction:column;padding-left:16px;border-left:1px solid #d7d5c9;line-height:1.25}.branch-wordmark small{font-size:9px;letter-spacing:.18em;font-weight:800;color:#8e835f}.branch-wordmark strong{font-size:24px;letter-spacing:.23em;color:var(--ink)}.branch-wordmark em{font-style:normal;font-size:9px;letter-spacing:.12em;font-weight:700;color:#6f7a72}.main-nav{display:flex;align-items:center;gap:26px}.main-nav>a:not(.btn){font-size:13px;font-weight:700}.main-nav>a:not(.btn):hover{color:var(--champ)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;min-height:50px;border-radius:4px;border:1px solid transparent;font-size:13px;font-weight:800;letter-spacing:.02em;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(180deg,var(--champ),#18372d);color:#fff;box-shadow:0 14px 28px rgba(25,55,44,.18)}.btn-primary:hover{background:linear-gradient(180deg,#285842,#16352b)}.btn-secondary{background:#fffaf1;color:var(--ink);border-color:#d7c8ab}.btn-secondary:hover{background:#fff}.nav-btn{min-height:46px;padding:14px 18px}.menu-button{display:none;border:0;background:none;padding:10px}.menu-button span{display:block;width:24px;height:2px;margin:5px 0;background:var(--ink)}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#f7f3ea 0%,#eff2eb 42%,#17392f 42.1%,#10231c 100%)}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 76% 22%,rgba(197,164,107,.24),transparent 26%),radial-gradient(circle at 82% 28%,rgba(197,164,107,.12),transparent 38%)}.hero-grid{position:relative;display:grid;grid-template-columns:54% 46%;align-items:center;gap:30px;min-height:760px}.hero-copy{padding:90px 0 85px;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.18em;font-weight:800;color:#d6d7cb}.eyebrow.dark{color:#8c835f}.eyebrow-line{width:38px;height:1px;background:currentColor;display:inline-block}.hero h1,.section h2,.area-copy h3,.reason-list h3{font-family:var(--serif);font-weight:400}.hero h1{font-size:clamp(58px,6vw,92px);line-height:1.04;letter-spacing:-.055em;color:#fbf8ef;margin:26px 0 24px}.hero h1 em{font-style:italic;color:#d4e4d2}.hero h1 span{color:#e0bd81}.hero-copy p{max-width:560px;color:#d6e0d7;font-size:17px;line-height:1.9;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:620px;margin-top:48px}.hero-stats div{padding:18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);backdrop-filter:blur(5px)}.hero-stats strong{display:block;font-family:var(--serif);font-size:42px;line-height:1;color:#fff4df}.hero-stats span{display:block;font-size:11px;letter-spacing:.12em;color:#cad9ce;font-weight:700;text-transform:uppercase;margin-top:8px}.hero-card-wrap{display:grid;justify-items:end;position:relative;z-index:2}.hero-card{width:min(100%,520px);background:linear-gradient(180deg,#fffdf8 0%,#f2efe5 100%);border:1px solid rgba(226,218,201,.9);box-shadow:0 32px 70px rgba(0,0,0,.22);border-radius:24px;padding:26px;position:relative;overflow:hidden}.hero-card::after{content:'';position:absolute;inset:auto -15% -35% auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(197,164,107,.18),transparent 60%)}.hero-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#16352c;color:#f2e8cf;font-size:10px;font-weight:800;letter-spacing:.18em}.hero-card-top{margin-top:18px;color:#6f7a71;font-weight:700;font-size:11px;letter-spacing:.15em}.hero-card-center{position:relative;height:360px;margin-top:18px;border-radius:24px;background:linear-gradient(160deg,#d9e5da,#f2ead7 48%,#e7e0d1 100%);overflow:hidden;border:1px solid #e6e1d1}.card-ring{position:absolute;inset:18px;border:1px solid rgba(255,255,255,.6);border-radius:28px}.card-arch{position:absolute;bottom:0;border-radius:240px 240px 0 0}.card-arch.back{left:7%;width:58%;height:60%;background:linear-gradient(145deg,#5b7d71,#98b09f);border:14px solid #f2f1e6}.card-arch.front{right:6%;width:48%;height:75%;background:linear-gradient(145deg,#274b3d,#6b8d78);border:16px solid #d4dfd3}.card-label{position:absolute;left:34px;bottom:30px;font-family:var(--serif);font-size:38px;line-height:1.05;color:#1d382e}.hero-card-bottom{padding-top:18px;position:relative;z-index:2}.bottom-line{width:70px;height:1px;background:var(--gold);margin-bottom:16px}.hero-card-bottom p{margin:0;color:#64736b;font-size:14px;line-height:1.8}
.section{padding:96px 0}.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:40% 60%;gap:40px;align-items:start}.section h2{font-size:clamp(42px,4.8vw,72px);line-height:1.08;letter-spacing:-.045em;margin:16px 0 0;color:var(--ink)}.section h2 em{font-style:italic;color:var(--champ)}.intro-text>p{color:#66756b;font-size:17px;line-height:1.95;margin:8px 0 0}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.pill-row span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#f3efe3;border:1px solid #e1d5bb;font-size:12px;font-weight:700;color:#4c5f55}.bands{background:linear-gradient(90deg,#17372d,#28503f);padding:0}.bands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08)}.bands-grid article{padding:34px 28px;background:transparent;color:#e9f2eb}.bands-grid small{display:inline-block;font-size:11px;letter-spacing:.16em;color:#d7b773;font-weight:800}.bands-grid h3{margin:12px 0 10px;font-size:24px;font-family:var(--serif);font-weight:400}.bands-grid p{margin:0;color:#cfddd1;font-size:14px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:36px}.section-heading p{max-width:520px;color:#69786f;font-size:16px;line-height:1.85}.areas{background:linear-gradient(180deg,#f9f6ef,#f2eee3)}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.area-card{background:#fffdf8;border:1px solid #e8e0cf;box-shadow:var(--shadow);overflow:hidden;border-radius:14px}.area-visual{height:220px;display:flex;align-items:end;justify-content:start;padding:20px;position:relative;color:#fff;font-family:var(--serif);font-size:52px;background:linear-gradient(135deg,#26483b,#8fa695)}.area-visual::before{content:'';position:absolute;right:-40px;top:-25px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.14)}.area-visual::after{content:'';position:absolute;left:26px;top:22px;width:70px;height:1px;background:#f7ddb0}.area-1{background:linear-gradient(135deg,#173c30,#759784)}.area-2{background:linear-gradient(135deg,#264638,#a78d54)}.area-3{background:linear-gradient(135deg,#0f2b22,#486f5c)}.area-copy{padding:24px}.area-copy small{display:inline-block;font-size:10px;letter-spacing:.16em;color:#9a8458;font-weight:800;margin-bottom:10px}.area-copy h3{font-size:30px;line-height:1.1;margin:0 0 12px}.area-copy p{margin:0;color:#67766d;font-size:14px;line-height:1.85}.area-copy a{display:inline-block;margin-top:18px;font-weight:800;color:#1e4738;text-decoration:underline;text-underline-offset:4px}.area-card-special{transform:translateY(-10px)}.reasons{background:#fffdf8}.reasons-grid{display:grid;grid-template-columns:40% 60%;gap:28px;align-items:stretch}.dark-panel{padding:34px;border-radius:16px;background:linear-gradient(180deg,#17372d,#10231b);color:#eff6ef;box-shadow:0 24px 60px rgba(16,35,28,.16)}.dark-panel h2{color:#fffaf0}.dark-panel h2 em{color:#e0bd81}.dark-panel p{color:#caddcf;font-size:15px;line-height:1.9}.reason-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.reason-list article{border:1px solid #e6e1d3;border-radius:14px;padding:26px;background:#fff}.reason-list h3{margin:0 0 10px;font-size:28px;line-height:1.1}.reason-list p{margin:0;color:#66756c;font-size:14px;line-height:1.8}.cta-block{padding-top:0}.cta-shell{background:linear-gradient(135deg,#fbf6ea,#eef1e8);border:1px solid #e4dbc7;padding:36px 42px;border-radius:18px;display:flex;justify-content:space-between;gap:30px;align-items:center;box-shadow:var(--shadow)}.cta-shell p{max-width:650px;color:#66756d;line-height:1.85}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.location-grid{display:grid;grid-template-columns:48% 52%;gap:34px;align-items:center}.location p{font-size:17px;line-height:2;color:#66756b}.location-contact{display:flex;flex-direction:column;gap:6px;margin-top:26px;border-top:1px solid #d7ddcf;padding-top:22px}.location-contact span{font-size:10px;letter-spacing:.16em;font-weight:800;color:#8c845f}.location-contact a{font-family:var(--serif);font-size:34px;line-height:1.1}.location-contact small{color:#77867d;font-size:11px}.location-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.location-map{min-height:470px;border-radius:18px;background:linear-gradient(150deg,#143328,#2d5445 48%,#d1b177 48.2%,#e8dcc3 100%);box-shadow:var(--shadow);padding:18px;display:grid;align-items:end}.map-card{background:rgba(255,253,247,.95);border-radius:16px;padding:28px;max-width:420px;box-shadow:0 20px 50px rgba(0,0,0,.16)}.map-mini-top{font-size:10px;letter-spacing:.18em;color:#8b815e;font-weight:800}.map-card strong{display:block;margin-top:8px;font:normal 34px/1.08 var(--serif);color:#16352c}.map-card p{margin:10px 0 0;color:#66756b;font-size:14px;line-height:1.8}.map-card ul{margin:18px 0 0;padding-left:18px;color:#355344;font-size:14px;line-height:1.9}.site-footer{background:linear-gradient(180deg,#122920,#0c1b16);color:#e9f2eb;padding:70px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:30px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:84px;max-height:76px;object-fit:contain;filter:brightness(1.8)}.footer-brand>div{display:flex;flex-direction:column;padding-left:14px;border-left:1px solid rgba(255,255,255,.18)}.footer-brand strong{font-size:20px;letter-spacing:.18em}.footer-brand small{font-size:9px;letter-spacing:.16em}.footer-grid p{color:#b9c9bc;font-size:13px;line-height:1.9}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px;font-size:13px}.footer-title,.footer-last>span{font-size:10px;letter-spacing:.18em;color:#d7b773;font-weight:800}.footer-last a{font-family:var(--serif);font-size:25px}.footer-last small{color:#b7c7bb}.footer-bottom{display:flex;justify-content:space-between;gap:18px;padding:22px 0;border-top:1px solid rgba(255,255,255,.12);margin-top:40px;color:#b7c7bb;font-size:11px}.floating-whatsapp{position:fixed;right:22px;bottom:20px;z-index:88;background:#1d4d3a;color:#fff;padding:14px 18px;border-radius:999px;box-shadow:0 16px 34px rgba(17,49,37,.28);font-weight:800}.floating-whatsapp:hover{background:#123a2b}.room-note{font-size:12px;color:#7e897f}
@media(max-width:980px){.hero-grid,.intro-grid,.reasons-grid,.location-grid{grid-template-columns:1fr}.hero-grid{padding:30px 0}.hero-copy{padding:70px 0 10px}.hero-card-wrap{justify-items:start;padding-bottom:60px}.hero-card{max-width:580px}.hero-stats{max-width:none}.area-grid,.bands-grid,.reason-list{grid-template-columns:1fr 1fr}.cta-shell{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.site-header{position:relative}.navbar{min-height:82px}.brand img{width:72px;height:64px}.branch-wordmark strong{font-size:18px}.menu-button{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fffdf7;padding:16px 20px;border-bottom:1px solid #e7dfcf;box-shadow:0 18px 35px rgba(0,0,0,.08);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a:not(.btn){padding:12px 0;font-size:14px}.nav-btn{margin-top:10px}.hero{background:linear-gradient(180deg,#17392f 0%,#10231c 100%)}.hero h1{font-size:clamp(46px,10vw,72px)}.hero-copy p{font-size:15px}.hero-stats{grid-template-columns:1fr}.area-grid,.reason-list,.bands-grid{grid-template-columns:1fr}.area-card-special{transform:none}.section-heading{flex-direction:column;align-items:flex-start}.location-map{min-height:360px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}
@media(max-width:560px){.container{width:min(calc(100% - 32px),var(--container))}.topbar-inner{align-items:flex-start;padding:10px 0;font-size:9px}.topbar-right{gap:12px}.branch-wordmark{padding-left:10px}.branch-wordmark strong{font-size:16px;letter-spacing:.12em}.hero-copy{padding-top:52px}.hero h1{font-size:clamp(42px,12vw,58px)}.hero-card{padding:18px}.hero-card-center{height:280px}.card-label{font-size:28px;left:20px}.section{padding:76px 0}.section h2{font-size:40px}.cta-shell{padding:26px}.location-contact a{font-size:28px}.floating-whatsapp{right:14px;bottom:14px;padding:12px 15px}}
