:root{
  --bone:#f1efe9;--bone-2:#e9e6dd;--ink:#1a1917;--ink-2:#54514a;--grey:#9a968d;--faint:#c3bfb4;
  --olive:#5b6733;--olive-d:#454f26;--line:rgba(26,25,23,.13);--line-soft:rgba(26,25,23,.07);
  --display:'Antonio','Oswald',Impact,sans-serif;--body:'Jost',system-ui,sans-serif;--mono:'IBM Plex Mono',monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bone);color:var(--ink);font:400 15px/1.7 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.98;letter-spacing:0}
em{font-style:normal;color:var(--grey)}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(22px,4.4vw,60px)}
.mono{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey)}
/* header */
#hdr{position:fixed;inset:0 0 auto;z-index:60;transition:background .45s,border-color .45s;border-bottom:1px solid transparent}
#hdr.scrolled{background:rgba(241,239,233,.93);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom-color:var(--line-soft)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:clamp(14px,1.8vw,20px) 0}
.brand-logo{height:clamp(24px,2.3vw,32px);width:auto}
.nav-links{display:flex;gap:26px;align-items:center}
.nav-links a{font-size:13.5px;color:var(--ink);transition:color .3s}
#hdr:not(.scrolled) .nav-links a{color:rgba(255,255,255,.9)}
.nav-links a:hover{color:var(--olive)}#hdr:not(.scrolled) .nav-links a:hover{color:#fff}
.nav-cta{display:flex;gap:12px;align-items:center}
.btn{display:inline-flex;align-items:center;gap:9px;font:500 10.5px/1 var(--body);letter-spacing:.16em;
  text-transform:uppercase;padding:13px 22px;border:1px solid var(--ink);transition:.35s;cursor:pointer}
.btn-dark{background:var(--ink);color:var(--bone)}.btn-dark:hover{background:transparent;color:var(--ink)}
#hdr:not(.scrolled) .btn-dark{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.5);color:#fff}
.btn-wa{background:#25d366;border-color:#25d366;color:#08331c}.btn-wa:hover{background:#1fbb59;border-color:#1fbb59}
@media(max-width:860px){.nav-links{display:none}}
/* hero */
.shero{position:relative;min-height:clamp(440px,66vh,640px);display:flex;align-items:flex-end;
  background-size:cover;background-position:center;color:#fff}
.shero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,19,18,.5),rgba(20,19,18,.75))}
.shero .wrap{position:relative;z-index:2;padding-bottom:clamp(40px,6vw,72px)}
.shero .crumb{color:rgba(255,255,255,.75);margin-bottom:16px}
.shero .crumb a:hover{color:#fff}
.shero .num{color:#a9b06a;margin-bottom:14px}
.shero h1{font-size:clamp(3rem,8vw,6.4rem);max-width:16ch}
.shero p{margin-top:20px;max-width:52ch;color:rgba(255,255,255,.9);font-size:clamp(15px,1.7vw,18px)}
/* body */
.sec{padding:clamp(64px,9vw,120px) 0}
.sec-t{padding-top:clamp(48px,6vw,86px)}
.lede{font-size:clamp(17px,2.1vw,23px);line-height:1.5;max-width:40ch;font-family:var(--body);color:var(--ink)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px);align-items:start}
.prose p{margin:0 0 16px;color:var(--ink-2);max-width:56ch}
.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey);
  display:inline-flex;align-items:center;gap:11px;margin-bottom:18px}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--faint)}
h2.big{font-size:clamp(2rem,4.4vw,3.4rem);max-width:18ch}
.incl{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--line)}
.incl li{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:baseline}
.incl .k{font-family:var(--mono);font-size:10px;color:var(--olive);letter-spacing:.14em}
.incl b{font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:1.15rem;display:block;margin-bottom:4px}
.incl p{margin:0;font-size:13.5px;color:var(--ink-2)}
.figrow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.figrow img{width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--line)}
.band{background:var(--ink);color:var(--bone);padding:clamp(48px,7vw,96px) 0}
.band h2{font-size:clamp(1.8rem,3.6vw,2.8rem);max-width:20ch}.band p{color:rgba(241,239,233,.72);max-width:50ch;margin-top:16px}
.band .btn-dark{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.band .btn-dark:hover{background:transparent;color:var(--bone)}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.rel a{border:1px solid var(--line);padding:22px;transition:.35s;background:#fff}
.rel a:hover{transform:translateY(-4px);border-color:var(--ink)}
.rel .rn{font-family:var(--mono);font-size:10px;color:var(--olive);letter-spacing:.14em}
.rel h4{font-size:1.3rem;margin:10px 0 6px}
.rel p{font-size:12.5px;color:var(--ink-2);margin:0}
/* footer */
footer{border-top:1px solid var(--line);padding:clamp(46px,6vw,76px) 0 40px}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.fg p{font-size:13.5px;color:var(--ink-2);margin:6px 0}
.fg h5{font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.16em;color:var(--grey);margin:0 0 12px}
.fg a{display:block;font-size:13.5px;color:var(--ink-2);margin:5px 0}.fg a:hover{color:var(--olive)}
.fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line-soft)}
.wa-float{position:fixed;right:clamp(16px,2.4vw,30px);bottom:clamp(16px,2.4vw,30px);z-index:70;
  box-shadow:0 10px 28px rgba(37,211,102,.42);transition:transform .3s}
.wa-float:hover{transform:translateY(-3px)}
@media(max-width:860px){.two,.rel,.figrow,.fg{grid-template-columns:1fr}.rel{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.wa-float{transition:none}}