:root{
  --coal:#263137;--coal-deep:#1b2429;--coal-soft:#2f3c43;
  --ivory:#f5f1e8;--ivory2:#efe8d9;--line:#e2d9c7;
  --ink:#222b30;--ink-soft:#55636b;
  --brass:#b08d57;--brass-lite:#c9a673;--brass-deep:#9a7843;
  --serif:"Fraunces",Georgia,serif;--sans:"Hanken Grotesk",-apple-system,sans-serif;
  --maxw:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased;line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,40px)}
.serif{font-family:var(--serif);font-weight:400}
em{font-style:italic;color:var(--brass-deep)}
.eyebrow{font-family:var(--sans);font-weight:700;letter-spacing:.24em;text-transform:uppercase;font-size:.76rem;color:var(--brass-deep);display:inline-flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:30px;height:2px;background:var(--brass)}
.btn{display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:none;font-family:var(--sans);font-weight:700;font-size:1rem;letter-spacing:.02em;padding:14px 26px;border-radius:9px;transition:.22s}
.btn--brass{background:linear-gradient(180deg,var(--brass-lite),var(--brass));color:var(--coal-deep)}
.btn--brass:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn--coal{background:var(--coal);color:var(--ivory)}.btn--coal:hover{background:var(--coal-deep);transform:translateY(-1px)}
.btn--ghost{background:transparent;border:1px solid rgba(245,241,232,.4);color:var(--ivory)}.btn--ghost:hover{border-color:var(--brass-lite);color:#fff}

/* NAV */
.nav{position:sticky;top:0;z-index:60;background:rgba(38,49,55,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(245,241,232,.08)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:74px}
.nav .brand img{height:34px}
.nav .links{display:flex;gap:30px}
.nav .links a{font-weight:600;font-size:.95rem;color:rgba(245,241,232,.82);letter-spacing:.01em}
.nav .links a:hover{color:var(--brass-lite)}
.nav .ph{font-weight:700;color:var(--ivory);font-size:.95rem}
@media(max-width:860px){.nav .links{display:none}}

/* HERO */
.hero{position:relative;background:var(--coal-deep);color:var(--ivory);overflow:hidden}
.hero .bg{position:absolute;inset:0;z-index:0}
.hero .bg .slide{position:absolute;inset:0;opacity:0;z-index:0;transition:opacity 1.5s ease}
.hero .bg .slide.is-active{opacity:1}
.hero .bg .slide img,.hero .bg .slide video{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.hero .bg .slide.person video{object-position:50% 26%}
.hero .bg::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--coal-deep) 22%,rgba(27,36,41,.82) 48%,rgba(27,36,41,.45) 78%,rgba(27,36,41,.7)),linear-gradient(0deg,var(--coal-deep),transparent 45%)}
.hero .wrap{position:relative;z-index:2;padding:clamp(64px,11vw,140px) 0 clamp(56px,9vw,110px)}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.02;letter-spacing:-.01em;max-width:14em}
.hero h1 em{color:var(--brass-lite);white-space:nowrap}
.hero .sub{font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.6;color:rgba(245,241,232,.85);margin-top:24px;max-width:34em;text-wrap:pretty}
.hero .cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.hero .guar{margin-top:22px;font-size:.84rem;color:rgba(245,241,232,.6)}
/* MOBILE hero: video banner on top, text on solid coal below (cleaner than overlay) */
@media(max-width:600px){
  /* video plays behind the WHOLE hero with ONE consistent overlay — no banner/clear strip,
     stretches right up under the header */
  .hero .bg::after{background:linear-gradient(180deg,rgba(27,36,41,.76) 0%,rgba(27,36,41,.8) 45%,rgba(27,36,41,.9) 100%)}
  .hero .wrap{padding:46px 0 50px}
  .hero .eyebrow{font-size:.64rem;letter-spacing:.09em}
  .hero h1{font-size:clamp(2.2rem,8.8vw,2.9rem);line-height:1.08;max-width:none}
  .hero .sub{font-size:.98rem;line-height:1.6;margin-top:18px;max-width:none;color:rgba(245,241,232,.9)}
  .hero .cta{flex-direction:column;gap:13px;margin-top:28px}
  .hero .cta .btn{width:100%;justify-content:center;padding:18px}
  .hero .guar{margin-top:22px;font-size:.8rem;color:rgba(245,241,232,.6)}
}

/* STATS BAR */
.stats{background:var(--coal);color:var(--ivory);border-top:1px solid rgba(245,241,232,.08)}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:38px 0}
.stat{text-align:center}
.stat .v{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.3rem);color:var(--brass-lite);line-height:1}
.stat .l{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,241,232,.65);margin-top:8px}
@media(max-width:680px){.stats .wrap{grid-template-columns:1fr 1fr;gap:28px 16px}}

/* SECTIONS */
.section{padding:clamp(56px,9vw,110px) 0}
.section h2{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4vw,3rem);line-height:1.08;color:var(--coal);margin-top:12px;letter-spacing:-.01em}
.section h2 em{color:var(--brass-deep)}
.section .p{font-size:1.06rem;line-height:1.75;color:#3a454c;margin-top:18px;max-width:40em}
.section .p strong{color:var(--coal)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,72px);align-items:center}
.split.alt{background:#fff}
.imgcard{border-radius:16px;overflow:hidden;box-shadow:0 34px 70px -34px rgba(38,49,55,.5);border:1px solid var(--line)}
.imgcard img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3.4}
.linklist{margin-top:24px;display:flex;flex-direction:column;gap:12px}
.linklist a{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--coal)}
.linklist a::before{content:"→";color:var(--brass-deep);font-weight:800}
.linklist a:hover{color:var(--brass-deep)}
@media(max-width:820px){.split{grid-template-columns:1fr;gap:30px}.split .imgcard{order:-1}}

/* ABOUT (coal) */
.about{background:var(--coal);color:var(--ivory)}
.about h2{color:var(--ivory)}.about h2 em{color:var(--brass-lite)}
.about .p{color:rgba(245,241,232,.82)}.about .p strong{color:#fff}
.about .imgcard{border-color:rgba(245,241,232,.12)}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.badge{font-family:var(--sans);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-lite);border:1px solid rgba(176,141,87,.5);border-radius:30px;padding:8px 16px}

/* WHY grid */
.why{background:#fff}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}
.card{background:var(--ivory);border:1px solid var(--line);border-radius:14px;padding:28px 26px}
.card .n{font-family:var(--serif);font-size:1.6rem;color:var(--brass);line-height:1}
.card h3{font-family:var(--sans);font-weight:700;font-size:1.15rem;color:var(--coal);margin:12px 0 8px}
.card p{font-size:.96rem;color:var(--ink-soft);line-height:1.6}
@media(max-width:820px){.grid3{grid-template-columns:1fr}}

/* QUOTE */
.quote{background:var(--ivory2);text-align:center}
.quote blockquote{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,3.2vw,2.3rem);line-height:1.3;color:var(--coal);max-width:18em;margin:14px auto 0}
.quote .who{margin-top:22px;font-weight:700;color:var(--brass-deep);letter-spacing:.04em}

/* CTA band */
.ctaband{background:radial-gradient(120% 90% at 80% -10%,var(--coal-soft),var(--coal) 55%,var(--coal-deep));color:var(--ivory);text-align:center}
.ctaband h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);color:var(--ivory);max-width:16em;margin:12px auto 0}
.ctaband h2 em{color:var(--brass-lite)}
.ctaband .p{color:rgba(245,241,232,.8);margin:18px auto 0;max-width:34em}
.ctaband .cta{display:flex;gap:14px;justify-content:center;margin-top:30px;flex-wrap:wrap}

/* FOOTER */
.foot{background:var(--coal-deep);color:rgba(245,241,232,.6);padding:46px 0;font-size:.88rem}
.foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.foot img{height:40px;opacity:.92;margin-bottom:10px}
.foot a{color:var(--brass-lite)}
.foot .r{text-align:right}
@media(max-width:600px){.foot .wrap{flex-direction:column;text-align:center}.foot .r{text-align:center}}