/*
Theme Name: Babavilla
Theme URI: https://babavilla.com
Author: Tangalle Beach Villas
Description: Reusable villa website theme for Babavilla and the Tangalle Beach Villas collection.
Version: 1.1.6
Text Domain: baba-villas
*/
:root{--ink:#263835;--soft:#61706b;--cream:#f5f1e8;--sand:#ddd2c1;--leaf:#597869;--pool:#5c9da1;--clay:#c46f50;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;line-height:.98}.wrap{width:min(1180px,calc(100% - 56px));margin:auto}.site-header{position:absolute;z-index:20;inset:0 0 auto;height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 40px;background:#fffffff0;border-bottom:1px solid #26383520}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.brand small{display:block;margin-top:4px;color:#72817c;font-size:8px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--clay);border-radius:50%;color:var(--clay);font:11px Georgia,serif}.site-header nav{display:flex;gap:27px;font-size:13px;font-weight:700}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;background:var(--clay);color:#fff;font-size:12px;font-weight:800}.header-cta{justify-self:end;background:transparent;border:1px solid var(--clay);color:var(--clay)}.hero,.subhero{position:relative;min-height:720px;overflow:hidden;display:flex;align-items:center}.subhero{min-height:590px;padding-top:92px}.hero-image{position:absolute;inset:0;background:url('assets/inspiration-triptych.png') left center/300% 100% no-repeat}.image-pool{background-position:left center}.image-kitchen{background-position:center}.image-bedroom{background-position:right center}.veil{position:absolute;inset:0;background:linear-gradient(90deg,#fffdf8f5 0%,#fffdf8e3 45%,#fffdf87a 78%)}.hero-copy{position:relative;z-index:1}.eyebrow{margin:0 0 18px;color:var(--clay);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.hero h1,.subhero h1{margin:0;font-size:clamp(58px,7.4vw,105px)}.hero-copy>p:last-of-type{max-width:660px;color:#455d56;font-size:19px;line-height:1.65}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.text-link{font-size:13px;font-weight:800}.concept-note{position:absolute;right:24px;bottom:20px;z-index:2;margin:0;padding:9px 12px;background:#263835c7;color:white;font-size:10px}.status{padding:17px 25px;background:var(--clay);color:white;text-align:center;font-size:12px}.content{padding:105px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.intro h2,.section-head h2{margin:0;font-size:clamp(46px,5vw,72px)}.intro p,.section-head p,.card p,.story-copy p,.prose{color:var(--soft);line-height:1.75}.assumption{padding:18px;border-left:3px solid var(--clay);background:#fff8;font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--sand)}.grid.three{grid-template-columns:repeat(3,1fr)}.card{padding:34px;background:white}.card h3{margin:8px 0 12px;font-size:30px}.story{position:relative;display:grid;grid-template-columns:1.15fr .85fr;min-height:600px;margin-bottom:105px;background:white}.story-image{min-height:500px;background:url('assets/inspiration-triptych.png') center/300% 100% no-repeat}.story-copy{padding:65px;display:flex;flex-direction:column;justify-content:center}.story-copy h2{margin:0;font-size:clamp(44px,5vw,68px)}.coming{padding:95px 20px;background:var(--leaf);color:white;text-align:center}.coming h2{margin:0;font-size:clamp(50px,6vw,80px)}.coming p{max-width:680px;margin:25px auto;color:#e5eeea;line-height:1.7}.pale{background:white;color:var(--leaf)}.section-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;margin-bottom:55px}.faq{max-width:900px;margin:auto}.faq details{padding:24px 0;border-bottom:1px solid var(--sand)}.faq summary{cursor:pointer;font:28px Georgia,serif}.map-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px;background:white}.map-card h3{margin:0 0 8px;font-size:34px}footer{display:grid;grid-template-columns:1fr auto 1fr;gap:35px;align-items:center;padding:38px 40px;background:#21312e;color:white;font-size:11px}footer nav{display:flex;gap:18px}footer>a{justify-self:end}.maintenance{min-height:100vh;display:grid;place-items:center;padding:30px;background:var(--leaf);color:white;text-align:center}.maintenance h1{font-size:clamp(56px,8vw,110px);margin:0}.maintenance p{max-width:640px;font-size:18px;line-height:1.7}.maintenance .brand-mark{margin:0 auto 30px;color:#f4b49c;border-color:#f4b49c}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:950px){.site-header{grid-template-columns:1fr auto;padding:0 22px}.site-header nav{display:none}.intro,.story,.section-head{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.story-copy{padding:48px}footer{grid-template-columns:1fr 1fr}footer nav{display:none}}@media(max-width:600px){.header-cta{display:none}.wrap{width:calc(100% - 36px)}.hero-copy{padding-top:80px}.grid,.grid.three{grid-template-columns:1fr}.content{padding:75px 0}.story-copy{padding:40px 24px}.concept-note{left:12px;right:12px;text-align:center}footer{grid-template-columns:1fr;text-align:center;justify-items:center}footer>a{justify-self:center}}
.brand-logo-frame{position:relative;display:block;width:154px;height:70px;overflow:hidden;flex:none}.brand-logo{position:absolute;top:-42px;left:0;width:154px;height:154px;object-fit:contain}.footer-brand .brand-logo-frame{background:var(--cream)}
@media(max-width:600px){.brand-logo-frame{width:128px;height:62px}.brand-logo{top:-33px;width:128px;height:128px}}
.brand-logo-frame{width:90px;height:46px}.brand-logo{top:-25px;width:90px;height:90px}.hero-brand{position:relative;width:190px;height:94px;margin:0 0 24px;overflow:hidden;background:#fffdf8e8;border:1px solid #26383512;animation:brand-in .65s ease-out both}.hero-brand img{position:absolute;top:-52px;left:0;width:190px;height:190px;object-fit:contain}@keyframes brand-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hero-brand{animation:none}}@media(max-width:600px){.brand-logo-frame{width:80px;height:42px}.brand-logo{top:-22px;width:80px;height:80px}.hero{min-height:800px}.hero-copy{padding-top:0;transform:none}.hero-brand{width:158px;height:80px;margin-bottom:18px}.hero-brand img{top:-43px;width:158px;height:158px}}
.brand-logo-frame{width:90px;height:30px;overflow:visible}.brand-logo{position:static;width:90px;height:auto;display:block;object-fit:contain}.hero-brand{width:190px;height:auto;overflow:visible;background:none;border:0}.hero-brand img{position:static;width:190px;height:auto;display:block;object-fit:contain}@media(max-width:600px){.brand-logo-frame{width:80px;height:27px}.brand-logo{position:static;width:80px;height:auto}.hero-brand{width:160px;height:auto}.hero-brand img{position:static;width:160px;height:auto}}
.hero-brand{width:clamp(250px,27vw,360px);margin:0 0 22px;border-radius:2px;box-shadow:0 18px 42px #26383524}.hero-brand img{width:100%;height:auto}.footer-logo-panel{display:inline-flex;align-items:center;justify-content:center;width:190px;padding:12px 18px;background:var(--cream);border:1px solid #d5b66f;border-radius:2px;box-shadow:0 10px 24px #0d18163d}.footer-logo-panel .brand-logo{width:154px;height:auto}@media(max-width:600px){.hero{min-height:960px}.hero-brand{width:min(76vw,300px);margin-bottom:18px}.footer-logo-panel{width:170px;padding:11px 15px}.footer-logo-panel .brand-logo{width:140px}}
.footer-brand .brand-mark{border-color:#f1b39b;color:#f1b39b}.footer-brand small{color:#aebdb8}
.footer-logo{display:block;width:160px;line-height:0}.footer-logo img{display:block;width:100%;height:auto;filter:brightness(0) invert(1);opacity:.92}
.hero{padding-top:92px}
.hero-brand{border-radius:0;box-shadow:none}
.hero-brand img{content:url('assets/babavilla-footer-logo.png?ver=1.1.6')}