:root{--navy:#173746;--gold:#bd955c;--paper:#fffdfa;--teal:#0d6878}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}a{color:inherit}.seo-shell{max-width:1180px;margin:auto;padding:0 22px}.seo-top{background:#fff;box-shadow:0 2px 18px #1232;position:relative;z-index:2}.seo-top-inner{display:flex;align-items:center;gap:20px;justify-content:space-between;min-height:82px}.seo-logo img{width:115px;max-height:68px;object-fit:contain}.seo-nav{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.seo-nav a{text-decoration:none;font-weight:600;font-size:14px}.seo-nav a:hover{text-decoration:underline}.seo-language{display:flex;gap:4px;flex-wrap:wrap}.seo-language button{background:#fff;border:1px solid #d3d8d8;border-radius:5px;color:var(--navy);padding:7px;cursor:pointer;font-weight:600}.seo-language button[aria-pressed=true]{background:var(--navy);color:#fff}.seo-hero{background:linear-gradient(90deg,#122d39de,#122d3955),url('../images/hero-beach-brela-web.jpg') center/cover;min-height:260px;color:#fff;display:flex;align-items:center}.seo-hero .seo-shell{width:100%;padding-top:38px;padding-bottom:38px}.seo-hero h1{font-size:clamp(28px,4.5vw,50px);line-height:1.14;max-width:770px;margin:0 0 12px}.seo-hero p{max-width:690px;font-size:18px;margin:0}.seo-main{padding-top:34px;padding-bottom:40px}.seo-lead{display:grid;grid-template-columns:1.18fr 1fr;gap:28px;align-items:center}.seo-lead img{width:100%;height:385px;object-fit:cover;border-radius:14px;box-shadow:0 12px 35px #1232}.seo-lead h2{font-size:30px;margin:0 0 10px}.seo-facts{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.seo-facts span{background:#eaf2f2;padding:7px 12px;border-radius:100px;font-weight:650}.seo-button{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;border-radius:8px;padding:12px 20px;font-weight:650;margin:7px 8px 7px 0}.seo-button.secondary{background:transparent;border:1px solid var(--teal);color:var(--teal)}.seo-features{margin:34px 0;padding:22px 26px;background:#f3f5f2;border-radius:14px}.seo-features h2{margin-top:0}.seo-features p{margin-bottom:0}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.unit-card{background:#fff;border:1px solid #e3e6e5;border-radius:14px;overflow:hidden;box-shadow:0 6px 20px #1231}.unit-card img{width:100%;height:210px;object-fit:cover}.unit-card .inside{padding:18px}.unit-card h2{font-size:20px;margin:0}.unit-card p{margin:9px 0}.seo-footer{border-top:1px solid #dce4e4;text-align:center;padding:24px 12px;color:#526670;font-size:14px}.seo-breadcrumb{margin:0 0 20px;font-size:14px}.seo-breadcrumb a{color:var(--teal)}@media(max-width:820px){.seo-top-inner{flex-direction:column;gap:8px;padding-top:12px;padding-bottom:12px}.seo-nav{justify-content:center}.seo-lead{grid-template-columns:1fr}.seo-lead img{height:auto;max-height:440px}.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.seo-shell{padding-left:16px;padding-right:16px}.seo-top-inner{align-items:stretch}.seo-logo{text-align:center}.seo-nav{justify-content:space-evenly;gap:10px}.seo-language{justify-content:center}.seo-hero{min-height:220px}.seo-hero p{font-size:16px}.seo-grid{grid-template-columns:1fr}.seo-lead img{height:auto}.seo-lead h2{font-size:25px}.seo-button{width:100%;text-align:center;margin:5px 0}.seo-features{padding:18px}}
/* Boutique coastal refresh: retains established navy, teal, warm gold and logo. */
:root{--navy:#173746;--gold:#bd955c;--paper:#fffdfa;--teal:#0d6878}
body{background:linear-gradient(180deg,#fffdfa 0%,#f8f7f3 100%);-webkit-font-smoothing:antialiased}
.seo-top{box-shadow:0 3px 26px rgba(23,55,70,.09);border-bottom:1px solid rgba(189,149,92,.25)}
.seo-top-inner{min-height:92px}.seo-logo img{width:130px;max-height:76px}
.seo-nav a{position:relative;transition:color .2s}.seo-nav a:hover{color:var(--teal)}
.seo-language button{border-radius:999px;min-width:38px;min-height:38px;transition:background .2s,border-color .2s}
.seo-language button:focus-visible,.seo-button:focus-visible,.seo-nav a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.seo-hero{min-height:310px;background-image:linear-gradient(95deg,rgba(15,40,52,.89),rgba(15,40,52,.29)),url('/images/hero-beach-brela-web.jpg');background-position:center}
.seo-hero h1{letter-spacing:-.035em;font-weight:700;text-wrap:balance}
.seo-hero p{line-height:1.55;color:#fffdf7}
.seo-main{padding-top:44px;padding-bottom:65px}
.seo-lead{gap:clamp(24px,4vw,54px)}
.seo-lead img{height:440px;border-radius:20px;box-shadow:0 20px 48px rgba(23,55,70,.18)}
.seo-lead h2{font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-.025em}
.seo-facts span{background:#f5f0e7;color:var(--navy);border:1px solid rgba(189,149,92,.24)}
.seo-button{background:var(--teal);border-radius:999px;padding:13px 23px;box-shadow:0 6px 16px rgba(13,104,120,.13);transition:transform .18s,box-shadow .18s}
.seo-button:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(13,104,120,.23)}
.seo-button.secondary{box-shadow:none}
.seo-features{background:#f7f3eb;border:1px solid rgba(189,149,92,.2);border-radius:20px;padding:30px 34px}
.seo-features h2{letter-spacing:-.02em}
.unit-card{border:1px solid rgba(189,149,92,.2);border-radius:18px;box-shadow:0 12px 30px rgba(23,55,70,.075);transition:transform .2s,box-shadow .2s}
.unit-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(23,55,70,.13)}
.unit-card img{height:235px}.unit-card .inside{padding:22px}
.seo-footer{background:#f5f2ec;border-top:1px solid rgba(189,149,92,.3)}
@media(max-width:820px){.seo-top-inner{min-height:unset}.seo-lead img{height:380px}.seo-main{padding-top:30px}}
@media(max-width:560px){.seo-top-inner{gap:12px}.seo-logo img{width:112px}.seo-nav{gap:12px}.seo-nav a{font-size:13px}.seo-language{gap:6px}.seo-language button{min-width:40px;min-height:40px}.seo-hero{min-height:245px}.seo-hero h1{font-size:clamp(27px,8vw,38px)}.seo-main{padding-bottom:40px}.seo-lead img{height:260px;max-height:none;object-fit:cover;border-radius:14px}.seo-lead h2{font-size:27px}.seo-facts{gap:7px}.seo-facts span{font-size:13px;padding:6px 10px}.seo-features{padding:22px 19px}.unit-card img{height:230px}}
@media(prefers-reduced-motion:reduce){.seo-button,.unit-card,.seo-nav a{transition:none}.seo-button:hover,.unit-card:hover{transform:none}}

/* Accessible static multilingual navigation and feature lists */
.seo-language a{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:44px;padding:7px 9px;border-radius:9px;color:inherit;text-decoration:none;font-weight:650}
.seo-language a[aria-current="page"]{background:#d5b77a;color:#172b3a}
.seo-language a:focus-visible{outline:3px solid #d5b77a;outline-offset:2px}
.seo-feature-list{padding-left:1.25rem;line-height:1.85;margin:12px 0}
@media(max-width:560px){.seo-language{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.seo-language a{min-height:44px;min-width:44px}.seo-feature-list{padding-left:1.1rem}}