/* Villa Teag homepage — refined editorial styling inspired by the approved Fountain of Life direction.
   Preserves the original HTML structure, local imagery, navigation and section layout. */
:root{--vt-forest:#102a56;--vt-forest-deep:#0a1b36;--vt-cream:#f6f8fc;--vt-paper:#fff;--vt-gold:#f4c542;--vt-ink:#263449;--vt-muted:#617086;--vt-line:#e2e8f0}
body{color:var(--vt-ink);background:var(--vt-paper);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.7}
.site-header{background:linear-gradient(110deg,#0a1b36,#102a56,#193d70);box-shadow:0 4px 18px rgba(10,27,54,.18);border-bottom:3px solid var(--vt-gold)}
.navbar-hub{max-width:1500px;margin:0 auto;padding:10px clamp(14px,4vw,48px)}
.brand-logo{color:#fff!important;font-weight:800;letter-spacing:.01em}
.logo-img{border-radius:50%;object-fit:contain}
.horizontal-menu a{color:#fff!important;font-weight:650;transition:color .2s ease,background .2s ease}
.horizontal-menu a:hover,.horizontal-menu a.active{color:#fff!important;background:rgba(244,197,66,.18);border-radius:5px}
.page-header-banner{padding:32px 20px;background:linear-gradient(120deg,#0a1b36,#102a56);color:#fff;border-bottom:4px solid var(--vt-gold);box-shadow:none;text-align:center}
.page-header-content{max-width:1200px;margin:auto}
.page-header-banner h1{color:#fff;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:850;letter-spacing:-.025em}
.location-info{justify-content:center;color:#e8eef8;font-size:.95rem;font-weight:500}
.page-header-banner p.location-info{max-width:none;margin:0;color:#e8eef8!important}
.location-info .location-item{display:inline-flex;align-items:center;gap:6px}
.location-info a{color:#fff;text-decoration:underline;text-decoration-color:var(--vt-gold);text-underline-offset:3px}
.hero-hub{min-height:550px;height:min(76vh,760px);max-height:760px;background:var(--vt-forest-deep)}
.hero-overlay{background:linear-gradient(90deg,rgba(4,14,31,.88) 0%,rgba(10,27,54,.72) 58%,rgba(16,42,86,.35) 100%)}
.hero-text-box{width:min(1200px,calc(100% - 40px));padding:clamp(35px,6vw,80px) 0;text-align:left}
.home-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px!important;color:#f0d9a4!important;font-size:.78rem!important;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.home-eyebrow:before{display:inline-block;width:35px;height:2px;background:var(--vt-gold);content:""}
.hero-text-box h1{max-width:850px;margin-bottom:18px;font-size:clamp(2.5rem,5.4vw,4.8rem);font-weight:750;letter-spacing:-.045em;line-height:1.06}
.hero-text-box h2{margin:0 0 18px;color:#f4d978;font-size:clamp(1.1rem,2.1vw,1.55rem);font-weight:550}
.hero-text-box p{max-width:700px;margin:0;color:#f7f5ee;font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.85}
.hero-btns{justify-content:flex-start;gap:12px;margin-top:30px}
.hero-btn{min-width:165px;padding:13px 24px;border:1px solid var(--vt-gold);border-radius:4px;color:var(--vt-forest-deep);background:var(--vt-gold);box-shadow:none;font-weight:750}
.hero-btn:nth-child(2){color:#fffdf8;border-color:rgba(255,253,248,.7);background:transparent}
.hero-btn:hover,.hero-btn:nth-child(2):hover{color:var(--vt-forest-deep);background:#e2c781;border-color:#e2c781;transform:translateY(-2px)}
.story-container,.why-fountain-section{background:var(--vt-paper)}
.story-container{padding:clamp(48px,7vw,88px) 20px}
.story-image img{background:var(--vt-cream);box-shadow:12px 12px 0 rgba(244,197,66,.23);border-radius:4px}
.subtitle{color:#8b6a10;letter-spacing:.16em}
.story-quote{border-left-color:var(--vt-gold);color:#4c5a50;font-family:Georgia,serif;line-height:1.85}
.read-more-btn,.explore-btn{border-radius:4px;background:var(--vt-forest);border-color:var(--vt-forest);color:#fffdf8}
.read-more-btn:hover,.explore-btn:hover{background:var(--vt-gold);border-color:var(--vt-gold);color:var(--vt-forest-deep)}
.section-title,.section-heading{color:var(--vt-forest);letter-spacing:-.025em}
.section-title:after{background:var(--vt-gold);height:3px;border-radius:0}
.why-fountain-section{padding:clamp(40px,6vw,72px) 20px}
.daily-life-section{background:var(--vt-cream);padding:clamp(44px,6vw,76px) 20px}
.life-card,.hub-card,.story-card,.stat-card{border-color:var(--vt-line);border-radius:5px;box-shadow:0 8px 26px rgba(16,42,86,.055)}
.life-card h3,.hub-card h3{color:var(--vt-forest)}
.life-card img{display:block;object-fit:cover}
.impact-section{background:#eef1e9;padding:clamp(44px,6vw,76px) 20px}
.stat-card{border-top:3px solid var(--vt-gold)}
.stat-number{color:var(--vt-forest)}
.hub-card{border-bottom:3px solid var(--vt-gold);text-align:left}
.hub-card:hover,.life-card:hover,.stat-card:hover{box-shadow:0 16px 32px rgba(16,42,86,.11)}
.contact-summary{background:var(--vt-forest)!important;color:#fffdf8}
.contact-summary h2,.contact-summary h3{color:#fffdf8}
.whatsapp-float{box-shadow:0 8px 24px rgba(16,42,86,.2)}
footer,.site-footer{background:var(--vt-forest-deep)!important}
:focus-visible{outline:3px solid var(--vt-gold);outline-offset:3px}
@media(max-width:800px){.hero-hub{min-height:560px;height:auto}.hero-text-box{text-align:left;padding:56px 0}.hero-text-box h1{font-size:clamp(2.25rem,9vw,3.4rem)}.hero-btns{align-items:stretch}.hero-btn{min-width:0}.story-wrapper{gap:28px}.impact-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-grid,.stories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.page-header-banner{text-align:center}.location-info{justify-content:center}.daily-life-grid,.impact-stats,.hub-grid,.stories-grid{grid-template-columns:1fr}.hero-btns{flex-direction:column;align-items:flex-start}.hero-btn{width:min(100%,280px)}.story-wrapper{display:flex;flex-direction:column}.story-image,.story-content{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}