/* ===== Big Bad Thai — shared site styles (subpages) ===== */
@font-face{
  font-family:'Brandford';
  src:url('brandford.otf') format('opentype');
  font-weight:normal; font-style:normal; font-display:swap;
}

:root{
  --clay:#BD5E26; --gold:#E2993B; --night:#181818; --cream:#FFF5E8;
  --bamboo:#54583D; --tam:#412A19; --cream2:#F0E4D2; --cream3:#E8DDD0;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--cream);font-family:'Roboto Condensed',sans-serif;-webkit-font-smoothing:antialiased;color:var(--night);}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}

/* type */
.bf{font-family:'Brandford','Barlow Condensed',sans-serif;font-weight:normal;text-transform:uppercase;line-height:.84;letter-spacing:.01em;}
.bc{font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;line-height:.93;}
.bs{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;line-height:1.02;}
.rb{font-family:'Roboto Condensed',sans-serif;font-weight:400;line-height:1.65;}
.rl{font-family:'Roboto Condensed',sans-serif;font-weight:300;line-height:1.65;}
.mo{font-family:'Space Mono',monospace;letter-spacing:.1em;text-transform:uppercase;}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace;letter-spacing:.08em;
  text-transform:uppercase;border-radius:2px;cursor:pointer;white-space:nowrap;height:46px;padding:0 30px;font-size:10px;transition:opacity .15s,background .15s;}
.btn:hover{opacity:.88;}
.btn-clay{background:var(--clay);color:var(--cream);border:none;}
.btn-ghost{background:transparent;color:var(--cream);border:1.5px solid rgba(255,245,232,.28);}
.btn-line{background:transparent;color:var(--night);border:1.5px solid rgba(24,24,24,.26);}
.tag{display:inline-block;font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.07em;text-transform:uppercase;
  padding:3px 11px;border:1px solid rgba(189,94,38,.38);color:var(--clay);border-radius:20px;}
.accent{width:28px;height:2px;background:var(--gold);}
.eyebrow{display:flex;align-items:center;gap:12px;}

/* nav */
.nav{position:sticky;top:0;z-index:100;background:var(--cream);border-bottom:1px solid rgba(24,24,24,.07);
  display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);height:72px;}
.nav-logo{display:inline-flex;align-items:center;gap:11px;font-family:'Brandford','Barlow Condensed',sans-serif;text-transform:uppercase;font-size:23px;letter-spacing:.02em;color:var(--night);}
.nav-logo::before{content:"";width:42px;height:32px;flex-shrink:0;background:url('elephant.png') center/contain no-repeat;}
.nav-links{display:flex;gap:38px;align-items:center;}
.nav-links a{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--bamboo);transition:color .15s;}
.nav-links a:hover,.nav-links a.active{color:var(--clay);}
.nav-links a.nav-home{display:none;}
.nav-cta{font-family:'Space Mono',monospace;font-size:10px;height:38px;padding:0 22px;}
.nav-cta-m{display:none;}
.nav-ham{display:none;flex-direction:column;gap:4.5px;cursor:pointer;background:none;border:none;}
.nav-ham span{display:block;width:22px;height:1.5px;background:var(--night);border-radius:1px;}
@media(max-width:760px){
  .nav{height:56px;padding:0 22px;}
  .nav-logo{font-size:17px;gap:9px;}
  .nav-logo::before{width:32px;height:24px;}
  .nav-links{position:fixed;inset:56px 0 auto 0;z-index:90;background:var(--cream);flex-direction:column;gap:0;
    max-height:0;overflow:hidden;transition:max-height .28s ease;box-shadow:0 14px 26px rgba(0,0,0,.14);}
  .nav-links.open{max-height:380px;border-bottom:1px solid rgba(24,24,24,.1);}
  .nav-links a{padding:16px 24px;width:100%;border-top:1px solid rgba(24,24,24,.06);font-size:12px;}
  .nav-links a:first-child{border-top:none;}
  .nav-links a.nav-home{display:block;}
  .nav-ham{display:flex;order:-1;}
  .nav-cta-d{display:none;}
  .nav-cta-m{display:inline-flex;order:1;height:32px;padding:0 14px;font-size:9px;}
}

/* footer */
.footer{position:relative;overflow:hidden;background:var(--night);color:var(--cream);padding:40px clamp(20px,5vw,88px);
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.footer>*{position:relative;z-index:1;}
.footer-logo{display:inline-flex;align-items:center;gap:9px;font-family:'Brandford','Barlow Condensed',sans-serif;text-transform:uppercase;font-size:20px;letter-spacing:.02em;}
.footer-links{display:flex;gap:30px;flex-wrap:wrap;}
.footer-links a{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,245,232,.28);}
.footer-links a:hover{color:var(--gold);}
.footer-copy{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.05em;color:rgba(255,245,232,.16);}

/* page shell */
.page{max-width:1180px;margin:0 auto;padding:clamp(40px,7vw,96px) clamp(20px,5vw,80px);}
.page-head{position:relative;text-align:center;margin-bottom:clamp(40px,6vw,72px);}
.page-head::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(620px,92vw);height:460px;background:url('elephant.png') center/contain no-repeat;opacity:.05;z-index:-1;pointer-events:none;}
.page-head>*{position:relative;z-index:1;}
.page-head .mo{font-size:10px;color:var(--clay);margin-bottom:18px;display:block;}
.page-head h1{font-family:'Brandford','Barlow Condensed',sans-serif;text-transform:uppercase;color:var(--night);
  font-size:clamp(48px,9vw,104px);line-height:.86;}
.page-head p{font-family:'Roboto Condensed',sans-serif;font-weight:300;color:var(--bamboo);font-size:clamp(15px,2vw,18px);
  max-width:560px;margin:22px auto 0;line-height:1.7;}
