@import url('../../assets/fonts.css');
/* ── GROUNDED CAFÉ — Warm & Inviting ── */
:root{--bg:#f7f1e8;--bg2:#f0e8da;--bg3:#e8ddd0;--dark:#2d1f12;--mid:#5a4535;--muted:#9a8a7a;--terra:#c4663a;--terra2:#a84e2a;--sage:#7a8c56;--sand:#d4c6a5;--border:#ddd4c5;--f-serif:'Fraunces',Georgia,serif;--f-sans:'Inter',system-ui,sans-serif;--nav:64px;--banner:52px;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}
body{background:var(--bg);color:var(--dark);font-family:var(--f-sans);overflow-x:hidden;line-height:1.75;padding-bottom:var(--banner);}
a{color:inherit;text-decoration:none;}img{display:block;max-width:100%;}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.5rem,5vw,3.5rem);background:rgba(247,241,232,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);transition:transform .4s ease;}
nav.up{transform:translateY(-100%);}
.nav-logo{font-family:var(--f-serif);font-size:1.3rem;font-weight:300;font-style:italic;color:var(--dark);}
.nav-links{display:flex;gap:2.25rem;list-style:none;}
.nav-links a{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:color .22s;}
.nav-links a:hover,.nav-links a.active{color:var(--terra);}
.nav-reserve{background:var(--terra);color:var(--bg);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;padding:.45rem 1.1rem;transition:background .2s;}
.nav-reserve:hover{background:var(--terra2);}
.ham{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.25rem;}
.ham span{width:22px;height:1.5px;background:var(--dark);display:block;transition:.3s;}
.ham.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px);}
.ham.open span:nth-child(2){opacity:0;}
.ham.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px);}
@media(max-width:720px){.nav-links{position:fixed;top:var(--nav);left:0;right:0;bottom:0;background:rgba(247,241,232,.98);flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;transform:translateX(101%);transition:transform .42s ease;}.nav-links.open{transform:translateX(0);}.nav-links a{font-size:.9rem;}.nav-cta-wrap{display:none;}.ham{display:flex;}}
/* DEMO BANNER */
.demo-banner{position:fixed;bottom:0;left:0;right:0;z-index:200;height:var(--banner);background:#1a110a;border-top:1px solid rgba(196,102,58,.25);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;}
.demo-banner p{font-size:.68rem;color:rgba(247,241,232,.45);}
.demo-banner strong{color:#c4663a;}
.demo-banner-btns{display:flex;gap:.6rem;}
.demo-banner a{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .9rem;}
.demo-back{color:rgba(247,241,232,.35);border:1px solid rgba(247,241,232,.1);}
.demo-back:hover{color:#f7f1e8;}
.demo-order{background:#c4663a;color:#f7f1e8;}
.demo-order:hover{background:#a84e2a;}
/* REVEAL */
.rev{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease;}
.rev.vis{opacity:1;transform:none;}
/* SHARED */
.sec{padding:clamp(5rem,9vw,9rem) clamp(1.5rem,5vw,4rem);}
.max{max-width:1200px;margin:0 auto;}
.stag{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--terra);display:inline-flex;align-items:center;gap:.6rem;margin-bottom:.9rem;}
.stag::before{content:'';width:22px;height:1px;background:var(--terra);}
.sh2{font-family:var(--f-serif);font-size:clamp(2rem,5vw,4.5rem);font-weight:300;line-height:1.1;color:var(--dark);}
.sh2 em{font-style:italic;color:var(--terra);}
/* MARQUEE */
.marquee-wrap{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.7rem 0;background:var(--bg2);}
.marquee-track{display:flex;gap:3.5rem;white-space:nowrap;animation:marquee 26s linear infinite;}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;}}
.marquee-track span{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.mdot{color:var(--terra)!important;}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
/* BTN */
.btn{display:inline-flex;align-items:center;gap:.65rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:.85rem 2rem;transition:background .2s,color .2s;}
.btn-terra{background:var(--terra);color:var(--bg);}
.btn-terra:hover{background:var(--terra2);}
.btn-outline{border:1.5px solid var(--dark);color:var(--dark);}
.btn-outline:hover{background:var(--dark);color:var(--bg);}
/* FOOTER */
footer{background:var(--dark);padding:clamp(4rem,7vw,6rem) clamp(1.5rem,5vw,4rem) 2rem;}
.fgrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1);}
@media(max-width:800px){.fgrid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.fgrid{grid-template-columns:1fr;}}
.fbrand{font-family:var(--f-serif);font-style:italic;font-size:1.5rem;font-weight:300;color:var(--bg);margin-bottom:.6rem;}
.ftagline{font-size:.82rem;color:rgba(247,241,232,.45);line-height:1.65;}
.flabel{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--terra);margin-bottom:1rem;}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:.55rem;}
.fcol li a{font-size:.82rem;color:rgba(247,241,232,.5);transition:color .2s;}
.fcol li a:hover{color:var(--bg);}
.fbottom{max-width:1200px;margin:0 auto;padding-top:1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.fcopy{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(247,241,232,.25);}