@import url('../../assets/fonts.css');
/* SŌL STUDIO — Natural & Organic */
:root{--bg:#f4f0e8;--bg2:#ede8de;--bg3:#e6dfd4;--dark:#2a3d2a;--mid:#4a5a3a;--muted:#8a9a7a;--sage:#8a9a6d;--clay:#b08867;--border:#d8d2c5;--f-serif:'Fraunces',Georgia,serif;--f-sans:'Karla',system-ui,sans-serif;--nav:62px;--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.8;padding-bottom:var(--banner);}
a{color:inherit;text-decoration:none;}img{display:block;max-width:100%;}
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(244,240,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-style:italic;font-size:1.3rem;font-weight:300;color:var(--dark);letter-spacing:.06em;}
.nav-links{display:flex;gap:2.25rem;list-style:none;}
.nav-links a{font-size:.7rem;letter-spacing:.14em;text-transform:lowercase;color:var(--muted);transition:color .22s;}
.nav-links a:hover,.nav-links a.active{color:var(--dark);}
.nav-book{background:var(--sage);color:#fff;font-size:.65rem;letter-spacing:.12em;text-transform:lowercase;padding:.45rem 1.1rem;transition:background .2s;}
.nav-book:hover{background:var(--clay);}
.ham{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.25rem;}
.ham span{width:20px;height:1px;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(244,240,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{position:fixed;bottom:0;left:0;right:0;z-index:200;height:var(--banner);background:#1e2d1e;border-top:1px solid rgba(138,154,109,.2);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(244,240,232,.4);}
.demo-banner strong{color:#a8c490;}
.demo-banner-btns{display:flex;gap:.6rem;}
.demo-banner a{font-size:.62rem;letter-spacing:.1em;text-transform:lowercase;padding:.35rem .9rem;}
.demo-back{color:rgba(244,240,232,.35);border:1px solid rgba(244,240,232,.1);}
.demo-back:hover{color:#f4f0e8;}
.demo-order{background:var(--sage);color:#fff;}
.demo-order:hover{background:var(--clay);}
.rev{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s ease;}
.rev.vis{opacity:1;transform:none;}
.sec{padding:clamp(6rem,10vw,10rem) clamp(1.5rem,5vw,4rem);}
.max{max-width:1200px;margin:0 auto;}
.stag{font-size:.62rem;letter-spacing:.18em;text-transform:lowercase;color:var(--sage);display:inline-flex;align-items:center;gap:.6rem;margin-bottom:.9rem;}
.stag::before{content:'—';color:var(--clay);}
.sh2{font-family:var(--f-serif);font-size:clamp(2rem,5vw,4.5rem);font-weight:300;line-height:1.12;color:var(--dark);}
.sh2 em{font-style:italic;color:var(--clay);}
.wave-divider{width:100%;overflow:hidden;line-height:0;}
.wave-divider svg{display:block;width:100%;}
.btn{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--f-sans);font-size:.72rem;letter-spacing:.12em;text-transform:lowercase;padding:.85rem 2rem;transition:background .2s,color .2s;}
.btn-sage{background:var(--sage);color:#fff;}
.btn-sage:hover{background:var(--clay);}
.btn-outline{border:1.5px solid var(--dark);color:var(--dark);}
.btn-outline:hover{background:var(--dark);color:var(--bg);}
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,.08);}
@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.4rem;font-weight:300;color:var(--bg);margin-bottom:.6rem;}
.ftagline{font-size:.82rem;color:rgba(244,240,232,.4);line-height:1.65;}
.flabel{font-size:.58rem;letter-spacing:.18em;text-transform:lowercase;color:var(--sage);margin-bottom:1rem;}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:.55rem;}
.fcol li a{font-size:.82rem;color:rgba(244,240,232,.45);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:lowercase;color:rgba(244,240,232,.2);}