:root{
  --bg:#15110f;
  --panel:#1f1815;
  --panel2:#2a1f1a;
  --text:#fff6ee;
  --muted:#b9aaa0;
  --orange:#ff6b38;
  --yellow:#f0b83c;
  --green:#7ba35b;
  --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
button,input,textarea,select{font:inherit}
.header{
  position:sticky;top:0;z-index:70;background:#0f0c0b;
  border-bottom:1px solid var(--line)
}
.header-main{
  min-height:78px;padding:0 4vw;display:grid;grid-template-columns:auto 1fr auto;align-items:center
}
.logo{font-weight:900;font-size:1.25rem;letter-spacing:.02em}
.logo small{display:block;font-size:.55rem;letter-spacing:.18em;color:var(--orange)}
.main-nav{justify-self:center;display:flex;gap:1.3rem}
.main-nav>a,.mega-trigger{font-size:.78rem;font-weight:800;padding:1.8rem 0;border-bottom:3px solid transparent;cursor:pointer}
.main-nav>a:hover,.main-nav>a.active,.mega-trigger:hover{border-color:var(--orange)}
.header-cta{background:var(--orange);color:#fff;padding:.75rem 1rem;font-size:.78rem;font-weight:900}
.mega{
  display:none;position:absolute;left:0;right:0;top:78px;background:#181310;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2rem 4vw;
  grid-template-columns:repeat(4,1fr);gap:1rem
}
.header.mega-open .mega{display:grid}
.mega a{border:1px solid var(--line);background:#211916;padding:1rem}
.mega a b{display:block;color:var(--orange);margin-bottom:.2rem}.mega a span{font-size:.76rem;color:var(--muted)}
.mobile-btn{display:none;border:1px solid var(--line);background:transparent;color:#fff;padding:.55rem .7rem}
.hero{
  min-height:88vh;display:grid;grid-template-columns:1.05fr .95fr
}
.hero-copy{padding:8vw 5vw;display:flex;flex-direction:column;justify-content:center}
.kicker{font-size:.66rem;letter-spacing:.2em;font-weight:900;color:var(--orange)}
h1,h2,h3{margin-top:0}
h1{font-size:clamp(4rem,8vw,8.3rem);line-height:.83;letter-spacing:-.065em;text-transform:uppercase;margin:.8rem 0 1.5rem}
.hero-copy>p{max-width:620px;color:var(--muted);font-size:1.04rem}
.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.8rem}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.1rem;border:1px solid var(--line);font-weight:900;cursor:pointer}
.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn.primary:hover{background:#ff7b4d}
.btn.dark:hover{background:var(--panel2)}
.hero-art{background:#1c1512;display:flex;align-items:center;padding:3vw}
.hero-art img{border:1px solid var(--line)}
.hot-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:var(--panel)}
.hot-strip>*{padding:1.2rem;border-right:1px solid var(--line)}
.hot-strip>*:last-child{border-right:0}.hot-strip b{display:block;color:#fff;font-size:1.25rem}.hot-strip span{font-size:.72rem;color:var(--muted)}
.section{padding:7vw 5vw}
.section.alt{background:var(--panel)}
.section-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:4vw;align-items:end;margin-bottom:2.8rem}
.section-head h2{font-size:clamp(2.8rem,5vw,5.3rem);line-height:.9;text-transform:uppercase;letter-spacing:-.05em;margin:.5rem 0}
.section-head p{color:var(--muted);max-width:620px;margin:0}
.stack-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}
.stack-card{background:var(--panel2);border:1px solid var(--line);overflow:hidden}
.stack-card:nth-child(1){grid-column:span 5}.stack-card:nth-child(2){grid-column:span 4}.stack-card:nth-child(3){grid-column:span 3}
.stack-card img{aspect-ratio:1.2/1;object-fit:cover}.stack-card:nth-child(3) img{aspect-ratio:1/1}
.stack-copy{padding:1.2rem}.stack-copy h3{font-size:1.5rem;margin:.2rem 0}.stack-copy p{color:var(--muted);margin:.4rem 0}.stack-copy strong{color:var(--yellow)}
.builder{display:grid;grid-template-columns:.82fr 1.18fr;background:#100d0b;color:#fff}
.builder-copy{padding:7vw 5vw}.builder-copy h2{font-size:clamp(3rem,5vw,5.3rem);line-height:.9;text-transform:uppercase;letter-spacing:-.05em}.builder-copy p{color:var(--muted)}
.builder-ui{margin:5vw;background:#211916;border:1px solid var(--line);padding:2rem}
.layer{margin-bottom:1.3rem}.layer>span{display:block;font-size:.7rem;font-weight:900;letter-spacing:.12em;margin-bottom:.55rem}
.layer-row{display:flex;gap:.45rem;flex-wrap:wrap}.layer-row button{background:#15110f;color:#fff;border:1px solid var(--line);padding:.7rem .85rem;cursor:pointer}.layer-row button.active{background:var(--orange);border-color:var(--orange)}
.builder-summary{border-top:1px solid var(--line);padding-top:1.2rem;display:grid;grid-template-columns:1fr auto;gap:1rem}.builder-summary output{font-weight:800}.builder-summary strong{font-size:1.8rem;color:var(--yellow)}
.combo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.combo{background:#211916;border:1px solid var(--line);padding:1.4rem}.combo b{color:var(--orange);font-size:.7rem}.combo h3{font-size:1.5rem;margin:.7rem 0}.combo p{color:var(--muted)}
.story{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}.story img{border:1px solid var(--line)}.story h2{font-size:clamp(2.8rem,5vw,5rem);line-height:.9;text-transform:uppercase}.story p{color:var(--muted)}
.footer{padding:3rem 5vw;border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:2rem}.footer h4{margin:0 0 .8rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.footer a,.footer p{display:block;font-size:.8rem;color:var(--muted);margin:.25rem 0}
.page-hero{padding:7vw 5vw;background:#211916;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(3.4rem,7vw,7rem)}
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.filters button{border:1px solid var(--line);background:#15110f;color:#fff;padding:.65rem .8rem;cursor:pointer}.filters button.active{background:var(--orange);border-color:var(--orange)}
.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.menu-card{background:#211916;border:1px solid var(--line);padding:1.3rem}.menu-card h3{margin:.2rem 0}.menu-card p{color:var(--muted)}.menu-card strong{color:var(--yellow)}.menu-card.hidden{display:none}
.form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;padding:6vw 5vw}.form-info h2{font-size:clamp(2.8rem,5vw,5rem);line-height:.9;text-transform:uppercase}.form-info p{color:var(--muted)}.form{display:grid;gap:1rem}.field label{display:block;font-size:.7rem;letter-spacing:.12em;font-weight:900;margin-bottom:.35rem}.field input,.field textarea,.field select{width:100%;background:#211916;color:#fff;border:1px solid var(--line);padding:.9rem}.status{min-height:1.3em;color:var(--yellow);font-weight:800}
@media(max-width:960px){
  .main-nav{display:none}.mobile-btn{display:block}.header-main{grid-template-columns:1fr auto auto;gap:.6rem}.header-cta{display:none}
  .header.mobile-open .main-nav{display:flex;position:absolute;left:0;right:0;top:78px;background:#0f0c0b;padding:1rem 4vw;flex-direction:column}.header.mobile-open .main-nav>a,.header.mobile-open .mega-trigger{padding:.7rem 0}
  .header.mobile-open .mega{top:300px;grid-template-columns:1fr 1fr}
  .hero,.builder,.story,.form-layout{grid-template-columns:1fr}.hero-copy{padding:12vw 5vw 5vw}.hero-art{padding:0 5vw 8vw}
  .section-head{grid-template-columns:1fr}.stack-grid{grid-template-columns:1fr 1fr}.stack-card:nth-child(n){grid-column:auto}
  .combo-grid{grid-template-columns:1fr 1fr}.hot-strip{grid-template-columns:1fr 1fr}.builder-copy{padding-bottom:2vw}.builder-ui{margin-top:0}
}
@media(max-width:620px){
  .hero-copy{padding:16vw 20px 5vw}.hero-art{padding:0 20px 12vw}h1{font-size:clamp(3.4rem,17vw,5.2rem)}
  .section,.page-hero,.form-layout{padding-left:20px;padding-right:20px}.stack-grid,.combo-grid,.menu-grid{grid-template-columns:1fr}
  .builder-copy{padding:14vw 20px 4vw}.builder-ui{margin:0 20px 14vw}.footer{grid-template-columns:1fr;padding-left:20px;padding-right:20px}
}