
:root{--deep-teal:#1E4951;--rich-gold:#D7BB51;--antique-gold:#AA8D3F;--charcoal:#171813;--cream:#F7F3EC;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Manrope',sans-serif;color:var(--charcoal);background:#fff;line-height:1.5;}
img{max-width:100%;display:block;}







/* SCROLL-REVEAL ENTRANCE ANIMATIONS */
.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);}
.js .reveal.in-view{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion: reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important;}}

/* HERO - full-viewport hero with video/poster backdrop (fixed height permitted) */
.hero{position:relative;height:100vh;height:100dvh;display:flex;align-items:flex-end;padding:clamp(1.5rem,4vw,3.5rem) clamp(2.5rem,7vw,5.5rem);color:#fff;justify-content:flex-end;flex-direction:column;}
.hero-inner{max-width:1400px;margin:0 auto;width:100%;text-align:left;padding:0 clamp(1.5rem,5vw,3rem);padding-bottom:clamp(2rem,4vw,3.5rem);}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.4rem,6.5vw,4.2rem);font-weight:500;margin-bottom:.4rem;text-shadow:0 2px 12px rgba(0,0,0,.25);opacity:0;animation:heroFadeUp .6s cubic-bezier(.16,1,.3,1) .05s forwards;}
.hero p{font-size:16px;font-family:'Manrope',sans-serif;font-weight:400;line-height:27px;max-width:480px;color:#fff;opacity:0;animation:heroFadeUp .6s cubic-bezier(.16,1,.3,1) .12s forwards;}
@keyframes heroFadeUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}
@media (prefers-reduced-motion: reduce){.hero h1,.hero p{animation:none;opacity:1;}}

/* BLOG LISTING SECTION — Rule 2: grows with content, no artificial min-height */
.blog-section{padding:clamp(2rem,4vh,4rem) clamp(2.5rem,7vw,5.5rem);max-width:1500px;margin:0 auto;box-sizing:border-box;}
/* Rule 1: heading class, not tag selector */
.section-heading{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.25;font-weight:500;color:var(--charcoal);margin-bottom:clamp(2.5rem,5vw,4rem);}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.8rem,3vw,2.8rem);}
.blog-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;}
.blog-card h3,.blog-card p{text-decoration:none;}
.blog-card-img{width:100%;aspect-ratio:4/3;overflow:hidden;margin-bottom:1.3rem;}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);}
.blog-card:hover .blog-card-img img{transform:scale(1.08);}
.blog-card h3{font-family:'Playfair Display',serif;font-size:clamp(1.1rem,1.9vw,1.35rem);font-weight:600;line-height:1.35;margin-bottom:.6rem;color:var(--charcoal);}
.blog-card p{font-size:16px;font-family:'Manrope',sans-serif;font-weight:400;line-height:27px;color:rgb(90, 90, 86);font-family:'Manrope',sans-serif;font-weight:400;line-height:27px;color:#6b6b66;line-height:1.6;margin-bottom:min(1rem, 2vh);flex:1;}
.view-more{display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:500;color:var(--deep-teal);text-decoration:none;width:fit-content;}
.view-more .vm-dash{width:22px;height:1px;background:var(--deep-teal);transition:background .3s ease,width .3s ease;}
.view-more .vm-circle{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--deep-teal);display:flex;align-items:center;justify-content:center;transition:background .3s ease,border-color .3s ease;}
.view-more svg{width:12px;height:12px;stroke:var(--deep-teal);fill:none;transition:stroke .3s ease,transform .3s ease;}
.view-more:hover{color:var(--antique-gold);}
.view-more:hover .vm-dash{background:var(--antique-gold);width:28px;}
.view-more:hover .vm-circle{border-color:var(--antique-gold);background:var(--antique-gold);}
.view-more:hover svg{stroke:#fff;transform:translateX(1px);}




/* HERO VIDEO (same clip as home) */
.hero{background:#0b0f10;overflow:hidden;}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero::before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);}
.hero-inner{position:relative;z-index:2;}

/* TRUSTED BY */
.trusted{background:var(--deep-teal);color:#fff;padding:clamp(3rem,6vw,5rem) 0;}
.trusted-wrap{max-width:1500px;margin:0 auto;padding:0 clamp(2.5rem,7vw,5.5rem);display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);align-items:center;}
@media (max-width:900px){.trusted-wrap{grid-template-columns:1fr;padding:0 1.25rem;}}

/* RESPONSIVE */
@media (max-width:1024px){
  .blog-grid{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:600px){
  .blog-grid{grid-template-columns:1fr;}
}
@media (max-width:480px){
  .hero{padding:1.5rem 1.25rem;justify-content:flex-end;flex-direction:column;}
  .hero p{max-width:100%;}
  .blog-section{padding:2.5rem 1.25rem;}
  
}
html,body{max-width:100%;overflow-x:hidden;}



.trusted .section-heading{color:#fff;margin-bottom:1rem;}
.trusted p{color:#fff;}
.trusted .logo-marquee{min-width:0;}
