/* Money Mango Marketing — Sandstone design system v1 (inner pages) */
@font-face{font-family:'Bricolage Grotesque'; src:url('fonts/bricolage.woff2') format('woff2'); font-weight:200 800; font-display:swap}
@font-face{font-family:'Sora'; src:url('fonts/sora.woff2') format('woff2'); font-weight:100 800; font-display:swap}
@font-face{font-family:'Space Grotesk'; src:url('fonts/space-grotesk.woff2') format('woff2'); font-weight:300 700; font-display:swap}
:root{--paper:#F2E6D0; --paper-2:#E9D9BC; --card:#FBF4E6; --ink:#17130C; --mango:#FF8A1E; --leaf:#146B45;
  --sun:#FFC85C; --blush:#E0301E; --disp:'Bricolage Grotesque','Sora',Arial,sans-serif; --body:'Space Grotesk',Arial,sans-serif; --ui:'Bricolage Grotesque','Space Grotesk',Arial,sans-serif;
  --bw:2.5px; --pad:clamp(20px,5vw,72px); --shadow:5px 5px 0; --r:14px}
*{margin:0; padding:0; box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body); background:var(--paper); color:var(--ink); font-size:17px; line-height:1.6; overflow-x:hidden}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
.wrap{max-width:1136px; margin:0 auto; padding:0 var(--pad)}
h1,h2,h3{font-family:var(--disp); font-weight:800; letter-spacing:-0.025em; line-height:1.06; text-wrap:balance}
h1{font-size:clamp(40px,6.4vw,84px)}
h2{font-size:clamp(30px,4.4vw,54px); margin-bottom:20px}
h3{font-size:clamp(20px,2.3vw,27px); letter-spacing:-0.02em}
p{max-width:62ch}
.payoff{color:var(--mango); position:relative; display:inline-block}
.swash{position:absolute; left:-2%; right:-2%; bottom:-.12em; width:104%; height:.22em; overflow:visible}
.swash path{fill:none; stroke:var(--blush); stroke-width:9; stroke-linecap:round}
.eyebrow{display:inline-flex; align-items:center; gap:10px; font-weight:700; font-size:12px; letter-spacing:.28em;
  text-transform:uppercase; color:var(--leaf); margin-bottom:18px}
.eyebrow::before{content:""; width:34px; height:4px; background:var(--leaf); border-radius:2px}
nav{position:sticky; top:0; z-index:90; background:rgba(242,230,208,.92); backdrop-filter:blur(10px);
  border-bottom:var(--bw) solid var(--ink)}
.navin{max-width:1136px; margin:0 auto; padding:14px var(--pad); display:flex; align-items:center; justify-content:space-between; gap:18px}
.logo{font-family:var(--disp); font-weight:800; font-size:20px; letter-spacing:-0.02em}
.logo b{color:var(--mango); font-weight:800}
.logo-sub{display:block; font-family:var(--body); font-weight:700; font-size:9px; letter-spacing:.42em; text-transform:uppercase; color:var(--leaf); margin-top:-3px}
.navlinks{display:flex; align-items:center; gap:26px; font-weight:700; font-size:15px}
.navlinks a:not(.cta-pill):hover{color:var(--mango)}
.cta-pill{background:var(--ink); color:var(--card); font-weight:700; padding:10px 18px; border:var(--bw) solid var(--ink); border-radius:99px; box-shadow:3px 3px 0 var(--mango); transition:transform .15s}
.cta-pill:hover{transform:translate(-2px,-2px)}
.btn,.cta-pill,.hamb{min-height:44px; display:inline-flex; align-items:center; justify-content:center}
.hamb{display:none; background:none; border:var(--bw) solid var(--ink); border-radius:18px; padding:8px 12px; font-weight:800; font-family:var(--disp); cursor:pointer; background:var(--card)}
.mobile-menu{display:none}
.mobile-menu.open{display:flex; position:fixed; inset:0; z-index:99; background:var(--paper);
  flex-direction:column; align-items:center; justify-content:center; gap:6vh;
  font-family:var(--disp); font-weight:800; font-size:30px; letter-spacing:-0.02em}
.mobile-menu .close{position:absolute; top:18px; right:22px; font-size:20px; border:var(--bw) solid var(--ink); border-radius:18px; background:var(--card); padding:8px 14px; cursor:pointer; font-family:var(--disp)}
.page-hero{padding:clamp(56px,9vw,120px) 0 clamp(34px,5vw,64px)}
.page-hero .lede{margin-top:18px; font-size:clamp(17px,1.9vw,20px); color:rgba(23,19,12,.85)}
section{padding:clamp(40px,6vw,84px) 0}
.grid{display:grid; gap:22px}
.g2{grid-template-columns:1fr 1fr}
.g3{grid-template-columns:1fr 1fr 1fr}
@media(max-width:920px){.g2,.g3{grid-template-columns:1fr}}
.case{background:var(--card); border:var(--bw) solid var(--ink); border-radius:calc(var(--r) + 4px); padding:28px;
  box-shadow:var(--shadow) var(--ink); position:relative; transition:transform .15s}
.case:hover{transform:translate(-3px,-3px)}
.case .tag{display:inline-block; background:var(--sun); border:var(--bw) solid var(--ink); border-radius:9px; padding:5px 12px;
  font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin-bottom:14px; box-shadow:3px 3px 0 var(--ink)}
.case p{margin-top:10px; font-size:15.5px}
.case .go{display:inline-block; margin-top:16px; font-weight:700; color:var(--leaf)}
.case.mango{background:var(--mango)}
.case.ink{background:var(--ink); color:var(--card)}
.case.ink h3{color:var(--card)}
.frame{border:var(--bw) solid var(--ink); border-radius:calc(var(--r) + 4px); overflow:hidden; position:relative;
  box-shadow:var(--shadow) var(--ink)}
.frame img{width:100%; height:100%; object-fit:cover}
.btn{font-family:var(--body); font-weight:700; font-size:15px; padding:15px 26px; display:inline-block;
  border:var(--bw) solid var(--ink); border-radius:var(--r); background:var(--mango); box-shadow:var(--shadow) var(--ink);
  transition:transform .15s; cursor:pointer}
.btn:hover{transform:translate(-3px,-3px)}
.btn-ghost{background:var(--card); box-shadow:var(--shadow) var(--leaf)}
.chips{display:flex; flex-wrap:wrap; gap:12px}
.chip{border:var(--bw) solid var(--ink); border-radius:var(--r); background:var(--card); padding:12px 16px; font-size:14px;
  font-weight:700; box-shadow:3px 3px 0 var(--ink)}
.chip.sun{background:var(--sun)} .chip.mango{background:var(--mango)}
.band{background:var(--paper-2); border-top:var(--bw) solid var(--ink); border-bottom:var(--bw) solid var(--ink)}
.price-card{background:var(--mango); border:var(--bw) solid var(--ink); border-radius:calc(var(--r) + 8px);
  box-shadow:8px 8px 0 var(--ink); padding:clamp(26px,4vw,48px)}
.big-price{font-family:var(--disp); font-weight:800; letter-spacing:-0.03em; font-size:clamp(44px,7.4vw,96px); line-height:1}
.big-price b{color:var(--card); font-weight:800; text-shadow:3px 3px 0 var(--ink)}
.form-card{background:var(--card); border:var(--bw) solid var(--ink); border-radius:calc(var(--r) + 8px);
  box-shadow:8px 8px 0 var(--leaf); padding:clamp(24px,4vw,44px)}
label{display:block; font-weight:700; font-size:14px; margin:16px 0 6px}
input,textarea{width:100%; font-family:var(--body); font-size:16px; padding:13px 14px; background:#FFFDF7;
  border:var(--bw) solid var(--ink); border-radius:20px}
input:focus,textarea:focus{outline:3px solid var(--sun)}
.foot{background:var(--ink); color:var(--card); margin-top:40px}
.footin{max-width:1136px; margin:0 auto; padding:56px var(--pad) 28px; display:grid; gap:34px; grid-template-columns:1.3fr 1fr 1fr}
@media(max-width:820px){.footin{grid-template-columns:1fr}}
.foot .logo b{color:var(--mango)}
.foot .logo-sub{color:var(--sun)}
.foot p{color:rgba(242,230,208,.78); font-size:14px; max-width:36ch; margin-top:12px}
.foot h4{font-family:var(--disp); font-weight:800; font-size:14px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:14px; color:var(--sun)}
.foot a{display:block; color:rgba(242,230,208,.78); margin-bottom:9px; font-size:15px}
.foot a:hover{color:var(--mango)}
.legal{max-width:1136px; margin:0 auto; padding:20px var(--pad); border-top:1px solid rgba(242,230,208,.22);
  color:rgba(242,230,208,.55); font-size:13px; display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap}
.rv{opacity:0; transform:translateY(18px); transition:opacity .6s, transform .6s}
.rv.in{opacity:1; transform:none}
@media(max-width:860px){.navlinks{display:none} .hamb{display:block}}
@media (prefers-reduced-motion:reduce){.rv{opacity:1; transform:none; transition:none}}

/* ============ v2 QUIET LUXURY (additive overrides) ============ */
@font-face{font-family:'Fraunces'; src:url('fonts/fraunces-400.woff2') format('woff2'); font-weight:400; font-display:swap}
@font-face{font-family:'Fraunces'; src:url('fonts/fraunces-500.woff2') format('woff2'); font-weight:500; font-display:swap}
@font-face{font-family:'Fraunces'; src:url('fonts/fraunces-600.woff2') format('woff2'); font-weight:600; font-display:swap}
:root{--sage:#E4E8D6; --hair:rgba(23,19,12,.24)}
h1,h2{font-family:var(--disp); font-weight:800; letter-spacing:-0.028em; line-height:1.05; text-transform:lowercase; text-wrap:balance}
h3{font-family:var(--disp); font-weight:750; letter-spacing:-0.015em}
h1{font-size:clamp(42px,6.6vw,88px)}
.payoff{font-weight:600}
.eyebrow{color:var(--leaf); letter-spacing:.32em; font-size:11px}
.eyebrow::before{height:1px; width:28px; border-radius:0}
.btn,.cta-pill{border-radius:999px; box-shadow:none; border:1px solid var(--ink);
  background:var(--ink); color:var(--card); font-weight:600; letter-spacing:.02em;
  padding:15px 30px; text-transform:lowercase; transition:background .2s, transform .2s, color .2s}
.btn:hover,.cta-pill:hover{background:var(--mango); border-color:var(--mango); color:var(--ink); transform:translateY(-1px)}
.btn-ghost{background:transparent; color:var(--ink); border:1px solid var(--hair); box-shadow:none}
.btn-ghost:hover{background:var(--ink); color:var(--card); border-color:var(--ink)}
.chip{border-width:1px; border-color:var(--hair); box-shadow:none; border-radius:999px;
  background:transparent; font-weight:600; font-size:12px; letter-spacing:.14em; text-transform:uppercase; padding:10px 18px}
.chip.sun,.chip.mango{background:transparent}
.case{border-width:1px; border-color:var(--hair); box-shadow:0 1px 0 rgba(23,19,12,.06); border-radius:22px; transition:transform .25s, box-shadow .25s}
.case:hover{transform:translateY(-4px); box-shadow:0 18px 40px rgba(23,19,12,.10)}
.case .tag{box-shadow:none; border-width:1px; border-color:var(--hair); background:transparent; border-radius:999px; letter-spacing:.16em}
.case.mango .tag{background:var(--card); border-color:var(--ink)}
.frame{border-width:1px; border-color:var(--hair); box-shadow:none; border-radius:24px}
nav{border-bottom:1px solid var(--hair); background:rgba(242,230,208,.86)}
.navlinks{font-weight:500; font-size:14px; letter-spacing:.04em}
.navlinks a:not(.cta-pill){text-transform:lowercase}
.price-card{box-shadow:none; border-width:1px; border-radius:26px}
.form-card{box-shadow:none; border-width:1px; border-radius:26px}
input,textarea{border-width:1px; border-color:var(--hair); border-radius:22px}
.foot{background:var(--ink)}
.band{border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); background:var(--sage)}
.hamb{box-shadow:none; border-width:1px}

/* ===== perfection pass ===== */
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--mango); outline-offset:3px; border-radius:6px}
.links a.on{color:var(--mango); position:relative}
.links a.on::after{content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:-9px; width:5px; height:5px; border-radius:50%; background:var(--mango)}
.btn,.cta-pill{line-height:1}

/* ===== blank street cut ===== */
.btn,.cta-pill,.btn-solid{background:var(--leaf); border-color:var(--leaf); color:var(--card)}
.btn:hover,.cta-pill:hover,.btn-solid:hover{background:var(--ink); border-color:var(--ink); color:var(--card); transform:translateY(-1px)}
.btn-ghost{background:transparent; color:var(--ink)}
.btn-ghost:hover{background:var(--leaf); border-color:var(--leaf); color:var(--card)}
.btn.glass{color:var(--ink)}
.btn.glass:hover{background:var(--leaf); border-color:var(--leaf); color:var(--card)}
.foot{background:var(--leaf)}
.frame{border-radius:28px}
.case{border-radius:24px}

footer,.foot,.footwrap{background:var(--leaf) !important}
.foot .wrap,.footgrid{background:transparent}

/* ===== type tuned (bsc rhythm) ===== */
body{font-size:17.5px; line-height:1.62}
.lede{font-size:clamp(17px,1.75vw,19.5px); line-height:1.65; max-width:58ch}
h2{font-size:clamp(34px,4.6vw,56px); line-height:1.12}
h3{font-size:clamp(20px,2.1vw,25px); line-height:1.25}
.page-hero h1{font-size:clamp(40px,6vw,78px)}
.case p{font-size:16px; line-height:1.6}
.btn,.cta-pill{font-size:15px}
.chip{font-size:11.5px}
.eyebrow{font-size:11px}
.foot a{font-size:15px}

/* ===== v42 HUMAN TOUCH — Blank-Street-grade buttons & UI type ===== */
.btn,.cta-pill,.btn-solid{font-family:var(--ui); font-weight:650; font-size:16.5px; letter-spacing:.015em; padding:16px 28px; border-radius:14px; transition:transform .18s cubic-bezier(.2,.8,.3,1), background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease}
.btn:hover,.cta-pill:hover,.btn-solid:hover{transform:translateY(-2px)}
.btn:active,.cta-pill:active,.btn-solid:active{transform:translateY(0) scale(.965)}
.btn .ar{display:inline-block; margin-left:7px; transition:transform .18s cubic-bezier(.2,.8,.3,1)}
.btn:hover .ar{transform:translateX(4px)}
.btn:focus-visible,.cta-pill:focus-visible,.btn-solid:focus-visible{outline:2.5px solid var(--leaf); outline-offset:3px}
.btn.glass{background:rgba(251,244,230,.55); border:1.5px solid rgba(23,19,12,.8); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px)}
.btn.glass:hover{background:var(--ink); border-color:var(--ink); color:var(--card)}
.tag,.chip,.eyebrow,.cover-meta{font-family:var(--ui); font-weight:600}
nav a,.nav a,.links a{font-family:var(--ui); font-weight:650; text-transform:uppercase; font-size:13.5px; letter-spacing:.09em}

/* logo stays lowercase brand */
.chip,.case .tag,.tag{border-radius:9px !important}
a.logo,a.logo b{text-transform:lowercase !important; letter-spacing:-0.02em !important; font-size:20px !important}

/* grid system fix */
.grid{display:grid; gap:16px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:920px){ .g2,.g3{grid-template-columns:1fr} }

/* ported for alt */

.frame.alt{box-shadow:10px 10px 0 var(--leaf)}

/* ported for btn-row */

.btn-row{display:flex; gap:16px; flex-wrap:wrap; margin-top:34px}

.cover .btn-row{margin-top:30px; display:flex; gap:14px; flex-wrap:wrap}

/* ported for d1 */

.jdrop.d13{--jx:-30vmin; --jy:-4vmin; --jr:-100deg; --jl:.05s; width:2.4vmin; height:2.4vmin}

.jdrop.d14{--jx:28vmin; --jy:-7vmin; --jr:80deg; --jl:.07s; width:2.8vmin; height:2.8vmin}

.jdrop.d15{--jx:-13vmin; --jy:-27vmin; --jr:-28deg; --jl:.06s; width:2vmin; height:2vmin}

.jdrop.d16{--jx:11vmin; --jy:-29vmin; --jr:24deg; --jl:.09s; width:2.2vmin; height:2.2vmin}

.jdrop.d17{--jx:-34vmin; --jy:-15vmin; --jr:-118deg; --jl:.08s; width:1.8vmin; height:1.8vmin}

.jdrop.d18{--jx:33vmin; --jy:-18vmin; --jr:112deg; --jl:.06s; width:2vmin; height:2vmin}

.jdrop.d1{--jx:-24vmin; --jy:-14vmin; --jr:-120deg; --jl:.05s; width:2.6vmin; height:2.6vmin}

.jdrop.d10{--jx:9vmin; --jy:30vmin; --jr:150deg; --jl:.1s; width:2.1vmin; height:2.1vmin}

.jdrop.d11{--jx:34vmin; --jy:-4vmin; --jr:85deg; --jl:.13s; width:1.9vmin; height:1.9vmin; --jd:.9s}

.jdrop.d12{--jx:-34vmin; --jy:-6vmin; --jr:-95deg; --jl:.07s; width:2.4vmin; height:2.4vmin}

.d1{transition-delay:.08s}

/* ported for d2 */

.jdrop.d2{--jx:22vmin; --jy:-18vmin; --jr:40deg; --jl:.07s; width:2.2vmin; height:2.2vmin}

/* ported for rev */

.split.rev .txt{order:2}
.split.rev .txt{order:0}

/* v43 polish — editorial serif payoffs + mango accents */
.payoff{font-family:'Fraunces',Georgia,serif; font-style:italic; font-weight:600; letter-spacing:-.005em}
.eyebrow::before{background:var(--mango)}
::selection{background:var(--mango); color:#fff}