/* Moments of Sonder Travel — Shared Brand Stylesheet */
:root {
  --night:#1E1812; --earth:#4A3322; --terra:#96583A;
  --amber:#C8904E; --gold:#D9B56A; --cream:#FDFAF4;
  --linen:#F5EDE0; --sage:#3E5442;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--night);font-family:'Raleway',sans-serif;font-weight:300;overflow-x:hidden;line-height:1.7;font-size:16px}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.04);opacity:.75}}

/* Nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px 60px;display:flex;align-items:center;justify-content:space-between;transition:background .4s,padding .4s,backdrop-filter .4s}
.nav.scrolled{background:rgba(30,24,18,.96);backdrop-filter:blur(8px);padding:16px 60px;border-bottom:1px solid rgba(217,181,106,.1)}
.nav-logo{display:flex;flex-direction:column;gap:1px;text-decoration:none}
.nav-logo-top{font-family:'Raleway',sans-serif;font-weight:200;font-size:9px;letter-spacing:7px;text-transform:uppercase;color:rgba(253,250,244,.4)}
.nav-logo-main{font-family:'Cinzel',serif;font-weight:400;font-size:20px;letter-spacing:4px;color:var(--cream);line-height:1}
.nav-logo-bot{font-family:'Raleway',sans-serif;font-weight:200;font-size:8px;letter-spacing:7px;text-transform:uppercase;color:rgba(253,250,244,.2)}
.nav-links{display:flex;align-items:center;gap:36px;list-style:none}
.nav-links a{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:rgba(253,250,244,.5);text-decoration:none;transition:color .25s}
.nav-links a:hover{color:var(--gold)}
.nav-cta{font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--night);background:var(--gold);padding:10px 22px;text-decoration:none;transition:background .3s}
.nav-cta:hover{background:var(--amber)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.nav-toggle span{display:block;width:24px;height:1px;background:var(--cream);transition:all .3s}

/* Footer */
.footer{background:var(--night);padding:56px 60px 40px;border-top:1px solid rgba(217,181,106,.08)}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:60px;margin-bottom:52px}
.footer-logo-main{font-family:'Cinzel',serif;font-weight:400;font-size:18px;letter-spacing:4px;color:var(--cream);display:block;margin-bottom:4px}
.footer-logo-sub{font-size:8px;letter-spacing:6px;text-transform:uppercase;color:rgba(253,250,244,.25);display:block;margin-bottom:20px}
.footer-tagline{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(15px,1.5vw,17px);color:rgba(253,250,244,.35);line-height:1.7;max-width:240px}
.footer-col-title{font-size:8px;letter-spacing:5px;text-transform:uppercase;color:var(--amber);margin-bottom:18px;opacity:.7}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul a{font-family:'Cormorant Garamond',serif;font-size:clamp(15px,1.5vw,17px);color:rgba(253,250,244,.4);text-decoration:none;transition:color .25s}
.footer-col ul a:hover{color:var(--gold)}
.footer-bottom{max-width:1200px;margin:0 auto;padding-top:28px;border-top:1px solid rgba(217,181,106,.08);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.footer-copy{font-size:9px;letter-spacing:2px;color:rgba(253,250,244,.2);font-family:'Cormorant Garamond',serif}
.footer-faith{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:13px;color:rgba(253,250,244,.18)}

/* Image slots */
.img-slot{width:100%;overflow:hidden;background:linear-gradient(160deg,rgba(74,51,34,.85) 0%,rgba(30,24,18,.95) 100%);position:relative}
.img-slot img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.img-slot-hero{height:clamp(300px,50vh,560px)}
.img-slot-banner{height:320px}
.img-slot-portrait{aspect-ratio:3/4}
.img-slot-caption{position:absolute;bottom:16px;right:20px;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:rgba(253,250,244,.4);pointer-events:none}

/* Responsive */
@media(max-width:900px){
  .nav-links{display:none}
  .nav-links.open{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(30,24,18,.98);align-items:center;justify-content:center;gap:28px;z-index:99}
  .nav-toggle{display:flex}
  .footer-inner{grid-template-columns:1fr 1fr;gap:40px}
}
@media(max-width:600px){
  .nav,.nav.scrolled{padding-left:28px;padding-right:28px}
  .footer{padding-left:28px;padding-right:28px}
  .footer-inner{grid-template-columns:1fr}
}
.admin-bar .nav{top:32px}
@media(max-width:782px){.admin-bar .nav{top:46px}}