:root{
  --cream:#f5f0e8;
  --ink:#1c1710;
  --ginger:#c96f1e;
  --ginger-deep:#a5570f;
  --muted:#6f6455;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,.wordmark{font-family:'Fraunces',Georgia,serif;font-weight:400;line-height:1.05}
em{font-style:italic;color:var(--ginger)}
a{color:inherit;text-decoration:none}

.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;mix-blend-mode:normal;background:linear-gradient(rgba(28,23,16,.35),transparent);color:#fff}
.wordmark{font-size:20px;letter-spacing:.12em;font-weight:600}
.nav nav{display:flex;gap:28px;font-size:14px;font-weight:500;letter-spacing:.02em}
.nav nav a{opacity:.9}
.nav nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.nav-cta{font-size:13px;font-weight:600;border:1.5px solid #fff;border-radius:999px;padding:9px 20px;transition:background .2s,color .2s}
.nav-cta:hover{background:#fff;color:var(--ink)}

.hero{min-height:100vh;display:flex;align-items:flex-end;color:#fff;
  background:linear-gradient(rgba(28,23,16,.15),rgba(28,23,16,.45)),
    url("https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?auto=format&fit=crop&w=2400&q=85") center 30%/cover no-repeat}
.hero-inner{padding:0 40px 90px;max-width:900px}
.kicker{font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;margin-bottom:22px}
.kicker.light{color:#f3d9bd}
.hero h1{font-size:clamp(44px,7vw,88px);margin-bottom:36px}
.hero em{color:#f0a95c}
.btn{display:inline-block;background:var(--ginger);color:#fff;font-weight:600;font-size:15px;padding:16px 38px;border-radius:999px;transition:background .2s}
.btn:hover{background:var(--ginger-deep)}
.btn.light{background:#fff;color:var(--ink)}
.btn.light:hover{background:var(--cream)}

.statement{padding:130px 40px;max-width:1000px;margin:0 auto}
.statement p{font-family:'Fraunces',Georgia,serif;font-size:clamp(26px,3.4vw,42px);line-height:1.35;font-weight:300}

.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:0 40px 130px;max-width:1300px;margin:0 auto}
.pillar-img{aspect-ratio:3/4;border-radius:14px;background-size:cover;background-position:center;margin-bottom:26px}
.img-fitness{background-image:url("https://images.unsplash.com/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=1200&q=85")}
.img-trips{background-image:url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1200&q=85")}
.img-socials{background-image:url("https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=1200&q=85")}
.pillar h2{font-size:32px;margin-bottom:12px}
.pillar h2 span{color:var(--ginger)}
.pillar p{color:var(--muted);font-size:16px}
.pillar-tag{margin-top:14px;font-family:'Fraunces',Georgia,serif;font-style:italic;color:var(--ink)!important;font-size:17px}

.retreat{display:flex;min-height:88vh;color:#fff;align-items:center;
  background:linear-gradient(90deg,rgba(28,23,16,.72) 0%,rgba(28,23,16,.35) 55%,rgba(28,23,16,.05) 100%),
    url("https://images.unsplash.com/photo-1533105079780-92b9be482077?auto=format&fit=crop&w=2400&q=85") center/cover no-repeat}
.retreat-text{padding:100px 40px;max-width:620px}
.retreat-text h2{font-size:clamp(36px,4.5vw,58px);margin-bottom:24px}
.retreat-text h2 em{color:#f0a95c}
.retreat-text p{font-size:17px;opacity:.92;margin-bottom:26px}
.retreat-text ul{list-style:none;margin-bottom:36px}
.retreat-text li{padding:10px 0 10px 30px;position:relative;font-size:16px;opacity:.92;border-bottom:1px solid rgba(255,255,255,.18)}
.retreat-text li::before{content:"";position:absolute;left:2px;top:19px;width:10px;height:10px;border-radius:50%;background:#f0a95c}

.quote{padding:130px 40px;text-align:center;max-width:880px;margin:0 auto}
.quote blockquote{font-family:'Fraunces',Georgia,serif;font-size:clamp(24px,3vw,36px);line-height:1.4;font-weight:300;margin-bottom:28px}
.quote cite{font-style:normal;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

.capture{background:var(--ink);color:var(--cream);text-align:center;padding:110px 40px}
.capture h2{font-size:clamp(34px,4vw,52px);margin-bottom:16px}
.capture p{color:#b7ab99;margin-bottom:36px;font-size:17px}
.capture-form{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.capture-form input{width:min(340px,80vw);padding:16px 22px;border-radius:999px;border:1px solid #4a4032;background:transparent;color:var(--cream);font-size:15px;font-family:inherit}
.capture-form input::placeholder{color:#8a7d68}
.capture-form input:focus{outline:none;border-color:var(--ginger)}
.capture-form button{background:var(--ginger);color:#fff;border:none;font-weight:600;font-size:15px;padding:16px 36px;border-radius:999px;cursor:pointer;font-family:inherit;transition:background .2s}
.capture-form button:hover{background:var(--ginger-deep)}

.footer{padding:60px 40px;display:flex;flex-direction:column;align-items:center;gap:20px}
.footer nav{display:flex;gap:26px;font-size:14px;font-weight:500}
.footer .fine{font-size:13px;color:var(--muted)}

@media (max-width:900px){
  .nav{padding:16px 20px}
  .nav nav{display:none}
  .hero-inner{padding:0 22px 64px}
  .statement{padding:90px 22px}
  .pillars{grid-template-columns:1fr;padding:0 22px 90px;gap:56px}
  .retreat-text{padding:80px 22px}
  .quote{padding:90px 22px}
}
