@font-face{font-family:'Ron';src:url('/seo-assets/fonts/ron.otf') format('opentype');font-display:swap}
@font-face{font-family:'Gal';src:url('/seo-assets/fonts/gal.otf') format('opentype');font-display:swap}
@font-face{font-family:'GalM';src:url('/seo-assets/fonts/galm.otf') format('opentype');font-display:swap}
:root{--ink:#1a1d1f;--bg:#fff;--alt:#f6f4f1;--mut:#6f7479;--acc:#c96a38;--line:#e7e3dd}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Gal',Georgia,serif;color:#2a2d30;background:var(--bg);line-height:1.65;font-size:17px;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Ron',Georgia,serif;font-weight:400;letter-spacing:.2px}
.wrap{max-width:1060px;margin:0 auto;padding:0 28px}
a{color:var(--acc)}
.eyebrow{font-family:'GalM';text-transform:uppercase;letter-spacing:3px;font-size:12px;color:var(--acc);margin-bottom:12px}
.btn{display:inline-block;padding:15px 30px;border-radius:5px;text-decoration:none;font-family:'GalM';font-size:16px;transition:.2s}
.btn.p{background:var(--acc);color:#fff}.btn.p:hover{background:#b65d2f}
.btn.s{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
.hero{position:relative;min-height:600px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(20,23,25,.30),rgba(20,23,25,.80)),url('/seo-assets/img/hero.jpg');background-size:cover;background-position:center;color:#fff}
.hero .logo{position:absolute;top:34px;left:28px;height:40px}
.hero .inner{padding:0 28px 60px;max-width:1060px;margin:0 auto;width:100%}
.hero h1{font-size:60px;line-height:1.04;max-width:14ch}
.hero .sub{font-family:'GalM';font-size:19px;margin-top:18px;color:#ece9e4;max-width:46ch}
.btns{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap}
section{padding:70px 0}
section.alt{background:var(--alt)}
.lead{font-size:21px;line-height:1.7;color:#3a3d40;max-width:60ch}
h2{font-size:38px;margin-bottom:6px;color:var(--ink)}
.sectext{max-width:62ch;color:#3a3d40;margin-top:10px}
.inc{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 30px;margin-top:28px;list-style:none}
.inc li{padding-left:26px;position:relative;font-family:'GalM';font-size:16px}
.inc li:before{content:'';position:absolute;left:2px;top:9px;width:9px;height:9px;background:var(--acc);border-radius:50%}
.villas{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px}
.chip{background:var(--ink);color:#fff;border-radius:30px;padding:10px 18px;font-family:'GalM';font-size:14px}
.chip b{color:#e8a06f;font-weight:400}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.card{border:1px solid var(--line);border-radius:10px;padding:24px 22px;background:#fff}
.card .d{font-family:'GalM';color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:1px}
.card h3{font-size:23px;margin:7px 0 6px;color:var(--ink)}
.card .pr{font-family:'GalM';font-size:22px;color:var(--acc)}
.note{margin-top:18px;color:var(--mut);font-family:'GalM';font-size:15px}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center}
.split img{width:100%;border-radius:12px;display:block}
.rev{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.rev .r{border-left:3px solid var(--acc);padding:4px 0 4px 18px}
.stars{color:var(--acc);letter-spacing:2px;font-size:15px}
.rev p{font-style:italic;color:#3a3d40;margin:8px 0;font-size:16px}
.rev .a{font-family:'GalM';font-size:14px;color:var(--mut)}
.band{background:var(--ink);color:#fff;text-align:center;padding:76px 28px}
.band h2{color:#fff;font-size:40px}
.band .sub{color:#cfd2d0;margin:14px auto 28px;font-size:18px;max-width:52ch}
footer{background:#101314;color:#9aa0a4;text-align:center;padding:34px 28px;font-family:'GalM';font-size:14px}
footer a{color:#cfd2d0;text-decoration:none;margin:0 8px}
@media(max-width:860px){.hero h1{font-size:42px}.hero{min-height:520px}h2{font-size:30px}.lead{font-size:19px}.inc{grid-template-columns:1fr 1fr}.grid4{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr;gap:24px}.rev{grid-template-columns:1fr}section{padding:52px 0}}
@media(max-width:480px){.hero h1{font-size:34px}.inc{grid-template-columns:1fr}.grid4{grid-template-columns:1fr}.hero .inner{padding-bottom:44px}.band h2{font-size:30px}}

/* faq */
.faq{margin-top:26px;max-width:840px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{font-family:'Ron',Georgia,serif;font-size:21px;color:var(--ink);cursor:pointer;list-style:none;padding:18px 40px 18px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';position:absolute;right:4px;top:15px;color:var(--acc);font-size:26px;line-height:1}
.faq details[open] summary:after{content:'\2212'}
.faq .ans{color:#3a3d40;padding:0 0 20px;max-width:74ch}
/* prose (guide) */
.prose{max-width:66ch}
.prose h2{margin:30px 0 6px}
.prose h2:first-child{margin-top:0}
.prose p{margin:12px 0;color:#3a3d40}
.prose ul,.prose ol{margin:12px 0 12px 22px;color:#3a3d40}
.prose li{margin:7px 0}
.prose strong{color:#2a2d30}
.warmhero{background-image:linear-gradient(180deg,rgba(40,20,10,.20),rgba(120,55,20,.55),rgba(20,23,25,.80)),url('/seo-assets/img/hero.jpg')!important}
