@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--ink:#183d37;--paper:#f8f6f0;--muted:#61716a;--gold:#b78a4d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c88c33;outline-offset:4px}h1,h2,h3{line-height:1.15}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500}h1{font-size:clamp(40px,5.5vw,78px);margin:15px 0 24px}h2{font-size:clamp(30px,3.5vw,45px);margin:12px 0 26px}h3{font-size:21px}p{margin:0 0 20px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:0}.top{display:flex;align-items:center;justify-content:space-between;padding:20px 5%;gap:25px;background:var(--paper)}.brand{font-family:Georgia,serif;font-size:25px;letter-spacing:3px;text-decoration:none;line-height:1.2}.brand small{display:block;font:10px/1.8 system-ui;letter-spacing:5px}.top nav{display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:14px}.top nav a{text-decoration:none}.btn{display:inline-block;border:0;border-radius:4px;background:var(--ink);color:white;padding:13px 21px;font-weight:600;text-decoration:none;cursor:pointer;text-align:center}.btn:hover{background:#286056}.btn.light{background:#f7f1e3;color:var(--ink)}.hero{min-height:550px;background:linear-gradient(90deg,rgba(9,38,32,.92),rgba(9,38,32,.6),rgba(9,38,32,.24)),url('/assets/img/slider-slider1.jpg') center/cover;color:white;display:flex;align-items:center;justify-content:space-between;padding:80px 7%;gap:60px}.hero>div:first-child{max-width:660px}.hero p:not(.eyebrow){max-width:540px;color:#ebefe8}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--muted);margin:0 0 12px}.hero .eyebrow{color:#e5c48c}.hero-note{align-self:flex-end;border-left:1px solid #ffffff70;padding-left:20px;font-family:Georgia,serif;font-size:24px}.hero-note small{font:13px system-ui}.section{padding:70px 7%}.searchbar{margin:30px 0;background:#eeeee6;border:1px solid #d7ded5;border-radius:6px;padding:20px;display:flex;align-items:center;gap:20px}.searchbar label{font-size:14px;font-weight:600}.searchbar input{flex:1;min-width:100px;background:white;border:1px solid #c4cec6;border-radius:4px;padding:13px}.searchbar p{margin:0;white-space:nowrap;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.resort-card{background:white;border:1px solid #dfe4db;border-radius:7px;overflow:hidden;display:flex;flex-direction:column}.resort-card[hidden]{display:none}.card-art{height:150px;background:radial-gradient(ellipse at 100% 120%,#86a293 0 40%,transparent 41%),radial-gradient(ellipse at 0 120%,#3a6155 0 60%,transparent 61%),#dce7de;display:flex;align-items:center;justify-content:center;font:42px Georgia;letter-spacing:6px;position:relative;color:#244c40}.resort-card:nth-child(3n+2) .card-art{background:radial-gradient(ellipse at 100% 120%,#c3a681 0 40%,transparent 41%),radial-gradient(ellipse at 0 120%,#967c59 0 60%,transparent 61%),#eee4d4;color:#5c4830}.card-art span{position:absolute;left:16px;bottom:14px;font:11px system-ui;letter-spacing:1px;background:#fffffff0;padding:5px 10px;border-radius:3px}.card-body{padding:24px;display:flex;flex:1;flex-direction:column}.card-body h3{margin:0 0 14px}.card-body h3 a{text-decoration:none}.card-body p:not(.eyebrow){font-size:14px;color:var(--muted)}.actions{margin-top:auto;display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:13px}.actions .btn{padding:10px 13px}.info{background:#e8ece3}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps strong{display:inline-block;margin-bottom:14px}.info>p{max-width:850px;font-size:13px;color:var(--muted)}footer{padding:60px 7% 30px;background:#173e35;color:#e8efe6}.footer-head{display:flex;justify-content:space-between;gap:40px;margin-bottom:45px}.footer-head h2{max-width:470px}.keyword-links{display:flex;flex-wrap:wrap;gap:10px}.keyword-links a{font-size:12px;border:1px solid #ffffff38;padding:7px 10px;border-radius:3px;text-decoration:none}.keyword-links a:hover{background:#ffffff17}.fine{font-size:12px;line-height:1.7;color:var(--muted)}footer .fine{color:#c6d0c6;margin-top:35px}.detail{padding:45px 7% 60px;max-width:1350px;margin:auto}.detail h1{max-width:1000px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:45px}.lead{font-size:20px;max-width:850px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:65px;margin-top:55px}.detail-grid h2{font-size:30px}.detail-grid aside{background:#e9ece3;padding:28px;align-self:start;border-radius:6px}.detail-grid details{border-top:1px solid #cbd5c9;padding:18px 0}.detail-grid summary{font-weight:600;cursor:pointer}.detail-grid details p{margin-top:15px}dialog{border:0;border-radius:10px;padding:30px;width:min(94vw,540px);max-height:92vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#0d2921bb}dialog label{display:block;font-size:13px;font-weight:600;margin-bottom:13px}dialog input,dialog textarea{display:block;width:100%;border:1px solid #bdc9be;border-radius:4px;padding:10px;background:white;color:var(--ink)}dialog h2{font-size:30px}dialog .btn{width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.close{float:right;border:0;background:none;font-size:30px;cursor:pointer;color:var(--ink)}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top nav{gap:14px}.hero-note{display:none}.searchbar{flex-wrap:wrap}.searchbar label{width:100%}.detail-grid{gap:30px}}@media(max-width:650px){.top{align-items:flex-start;flex-direction:column;padding:18px 6%}.top nav{width:100%;gap:15px;font-size:12px}.top nav .btn{padding:8px 10px}.hero{min-height:500px;padding:55px 6%}.section,.detail{padding:45px 6%}.grid,.steps,.detail-grid{grid-template-columns:1fr}.footer-head{flex-direction:column}.searchbar{gap:12px}.searchbar input{width:100%;flex:auto}.actions .btn{padding:11px 16px}.form-row{grid-template-columns:1fr}.hero h1{font-size:54px}footer{padding:45px 6%}.detail-grid{margin-top:35px}}