:root{--shell-accent:#b14a2b;--shell-accent-dark:#913a20;--shell-ink:#202020;--shell-muted:#656565;--shell-line:#e6e1dc;--shell-warm:#f6f3ef}
.site-header{position:sticky;top:0;z-index:50;display:block;padding:0;background:rgba(255,255,255,.97);border-bottom:1px solid var(--shell-line);box-shadow:0 2px 18px rgba(32,32,32,.05);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.site-header .shell-wrap{width:min(1160px,100%);min-height:72px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .shell-wrap>.nav{width:100%}
.site-header .brand{display:inline-flex;align-items:center;gap:11px;color:var(--shell-ink);text-decoration:none;min-width:0}
.site-header .brand:hover{text-decoration:none}
.site-header .brand-mark{display:inline-flex!important;width:34px;height:34px;flex:0 0 34px}
.site-header .brand-mark svg{width:100%;height:100%;display:block}
.site-header .brand-name{display:inline-block;font:800 1rem/1.1 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;color:#343434}
.site-header .brand-wordmark{display:none!important}
.site-header .shell-nav{display:flex;align-items:center;gap:22px}
.site-header .shell-nav a{margin:0;color:#343434;text-decoration:none;font-size:.93rem;font-weight:600}
.site-header .shell-nav a:hover{color:var(--shell-accent)}
.site-header .shell-nav .shell-cta{padding:9px 15px;border-radius:7px;background:var(--shell-accent);color:#fff}
.site-header .shell-nav .shell-cta:hover{background:var(--shell-accent-dark);color:#fff}
.footer-brand{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:#fff;font:800 clamp(.9rem,2vw,1.05rem)/1.15 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase}
.footer-brand-mark{width:30px;height:30px;flex:0 0 30px}
.footer-brand-mark svg{display:block;width:100%;height:100%}

body.inner-page{margin:0;background:var(--shell-warm);color:#343434;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
.inner-page main{width:min(1000px,calc(100% - 32px));max-width:1000px;margin:34px auto;padding:0 48px 48px;background:#fff;border:1px solid var(--shell-line);border-radius:16px;box-shadow:0 12px 40px rgba(40,32,26,.07);overflow:hidden}
.inner-page .page-banner{height:300px;margin:0 -48px 34px;position:relative;background-position:center;background-size:cover;isolation:isolate}
.inner-page .page-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,20,.05),rgba(20,20,20,.38));z-index:-1}
.inner-page .page-banner--render{background-image:url('/img/renders/bammel-02.webp')}
.inner-page .page-banner--photo{background-image:url('/img/bammel-progress-aug2026-v2.webp')}
.inner-page .page-banner span{position:absolute;left:22px;bottom:18px;padding:6px 10px;border-radius:5px;background:rgba(25,25,25,.78);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.inner-page .crumb{margin:0 0 12px;color:#777;font-size:.85rem}
.inner-page .crumb a{color:var(--shell-accent-dark)}
.inner-page h1,.inner-page h2{color:var(--shell-ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.025em}
.inner-page h1{font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.1;margin:0 0 12px}
.inner-page h2{font-size:1.25rem;margin:32px 0 10px}
.inner-page .sub{color:var(--shell-muted);font-size:1.05rem;margin-bottom:22px}
.inner-page .badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.inner-page .badge{background:#faeee9;border:1px solid #efd4c9;color:#65301f;border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:700}
.inner-page ul.specs{list-style:none;padding:0;margin:0;border:1px solid var(--shell-line);border-radius:12px;overflow:hidden;background:#fff}
.inner-page ul.specs li{padding:12px 16px;border-bottom:1px solid #eee9e4;font-size:.96rem}
.inner-page ul.specs li:last-child{border-bottom:0}
.inner-page ul.fits{padding-left:21px}
.inner-page ul.fits li{margin:7px 0}
.inner-page .cta{background:linear-gradient(135deg,var(--shell-accent),var(--shell-accent-dark));color:#fff;border-radius:12px;padding:22px 24px;margin-top:34px;box-shadow:0 8px 20px rgba(145,58,32,.18)}
.inner-page .cta p{margin:0;color:#fff}
.inner-page .cta a{color:#fff;font-weight:800}
.inner-page footer{border-top:1px solid var(--shell-line);padding:22px 16px;text-align:center;font-size:.84rem;color:#777;background:#fff}
.inner-page footer a{color:var(--shell-accent-dark)}

@media(max-width:760px){
 .site-header .shell-wrap{min-height:64px;padding:9px 16px;gap:12px;flex-wrap:wrap}
 .site-header .brand-mark{width:31px;height:31px;flex-basis:31px}
 .site-header .brand-name{font-size:.78rem;letter-spacing:.015em}
 .site-header .shell-nav{width:100%;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid #eee}
 .site-header .shell-nav a{font-size:.82rem}
 .site-header .shell-nav .shell-cta{padding:7px 10px}
 .inner-page main{width:100%;margin:0;padding:0 20px 38px;border:0;border-radius:0;box-shadow:none}
 .inner-page .page-banner{height:220px;margin:0 -20px 26px}
 .inner-page h1{font-size:1.75rem}
}