:root{--ochre:#CC4E00;--black:#0B0B0B;--yellow:#FFD200;--ink:#EDEDED}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#f6f6f6;background:var(--black)}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.header{position:sticky;top:0;background:rgba(11,11,11,.92);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;gap:20px;height:64px}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em}
.brand img{height:36px;width:auto}
.spacer{flex:1}
.nav a{font-weight:600;color:#e8e8e8;text-decoration:none}
.hero{background:linear-gradient(135deg, rgba(204,78,0,.85) 0%, rgba(11,11,11,.9) 60%), url('/assets/wawa-hero.jpg') center/cover no-repeat;min-height:52vh;display:flex;align-items:center}
.hero .wrap{padding:48px 0}
h1.title{font-size:clamp(28px,4.2vw,54px);margin:0 0 8px 0;letter-spacing:.06em}
.sub{opacity:.92;max-width:720px}