:root{--red:#9b1c22;--red2:#b3222a;--char:#3a2a20;--cream:#f4ead6;--bg:#fbf6ec;--muted:#6b6259;--border:#d6cec4}
*{box-sizing:border-box}body{margin:0;font-family:'Open Sans',Arial,sans-serif;color:#1a1a1a;background:var(--bg);line-height:1.55}
h1,h2,.brand{font-family:'Roboto Slab',Georgia,serif;font-weight:800;letter-spacing:.01em}h3,.btn,nav a{font-family:'Oswald',Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em}
a{color:var(--red)}img{max-width:100%}
.preview{background:#f4ead6;color:#3a2a20;text-align:center;font-size:.68rem;padding:.15rem .5rem;font-weight:700;letter-spacing:.04em;border-bottom:1px solid #d6cec4}html{scroll-padding-top:90px}[id]{scroll-margin-top:90px}
header{background:var(--char);color:var(--cream);position:relative;z-index:10;border-bottom:4px solid var(--red)}
.hd{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;max-width:1100px;margin:auto;gap:.5rem}
.brand{display:flex;align-items:center;gap:.5rem;color:var(--cream);text-decoration:none;font-size:1.35rem;font-weight:700}
.brand img{height:64px;width:auto;display:block}
.brand small{display:block;font-size:.65rem;color:#e9dcc3;letter-spacing:.12em}
nav{display:flex;gap:.35rem .8rem;flex-wrap:wrap;justify-content:flex-end}nav a{color:var(--cream);text-decoration:none;font-size:.9rem;font-weight:700}
.cater{background:var(--red);color:#fff;text-align:center;font-size:.85rem;padding:.4rem}.cater a{color:#fff;font-weight:700}
.hero{border-bottom:6px solid var(--red);background:linear-gradient(160deg,#2b1f18 0%,#4a1c1f 100%);color:var(--cream);padding:3rem 1rem 3.5rem;text-align:center}
.hero h1{font-size:2.1rem;line-height:1.1;margin:.3rem 0 .8rem}.hero p{max-width:640px;margin:0 auto 1.4rem;color:#f4ead6}
.kick{color:#f4ead6;font-weight:600;font-family:Oswald,Arial;letter-spacing:.2em;font-size:.8rem}
.btn{display:inline-block;background:var(--red2);color:#fff;text-decoration:none;padding:.8rem 1.4rem;border-radius:6px;font-weight:600;border:0;font-size:1rem;cursor:pointer}
.btn.alt{background:transparent;border:2px solid var(--cream);color:var(--cream);margin-left:.4rem}
section{padding:2.5rem 1rem}.wrap{max-width:1100px;margin:auto}
section h2{font-size:1.6rem;margin:0 0 .4rem;color:var(--char)}.lead{color:var(--muted);margin-top:0}
.grid{display:grid;grid-template-columns:1fr;gap:1rem}
.card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:1.1rem;border-top:4px solid var(--red)}
.card h3{margin:.2rem 0 .4rem;font-size:1.1rem}.card ul{padding-left:1.1rem;margin:.3rem 0}
.ph{background:repeating-linear-gradient(45deg,#e9e2d7,#e9e2d7 12px,#f1ebe2 12px,#f1ebe2 24px);border:2px dashed #b9ad9d;border-radius:10px;min-height:170px;display:flex;align-items:center;justify-content:center;text-align:center;color:#7a6d5c;font-weight:600;padding:1rem;font-size:.9rem}
.dark{background:var(--char);color:var(--cream);text-align:center}.dark .btn{margin:.3rem}.centered{text-align:center}.dark h2{color:var(--cream)}.dark .lead{color:#e9dcc3}
.cta{background:var(--red);color:#fff;text-align:center}.cta h2{color:#fff}.cta .btn{background:#fff;color:var(--red)}
.two{display:grid;grid-template-columns:1fr;gap:1.2rem;align-items:start}
.note{font-size:.8rem;color:var(--muted)}
form{background:#fff;border:1px solid var(--border);border-radius:10px;padding:1.2rem;max-width:560px;margin:auto}
label{display:block;font-weight:600;margin:.7rem 0 .25rem}input[type=text],input[type=tel],input[type=email]{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:6px;font-size:1rem}
.chk{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.85rem;margin-top:1rem}.chk input{margin-top:.25rem;width:20px;height:20px;flex:none}
#thanks{display:none;text-align:center;background:#fff;border:2px solid var(--red);border-radius:10px;padding:2rem;max-width:560px;margin:auto}
footer{background:#2a1e17;color:#e9dcc3;padding:2rem 1rem;font-size:.85rem}footer a{color:#fff}footer .kw{font-size:.75rem;color:#cdbb9c;margin-top:1rem}
.fg{display:grid;grid-template-columns:1fr;gap:1rem;max-width:1100px;margin:auto}
.photo-hero{background:linear-gradient(rgba(30,20,15,.55),rgba(30,20,15,.8)),url(/assets/roost-storefront.webp) center 35%/cover}
.tag{display:inline-block;border:2px solid #f4ead6;padding:.2rem .7rem;font-family:Oswald;letter-spacing:.15em;font-size:.8rem;margin-bottom:.6rem}
.prod{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:.6rem 0}.prod a{display:block;background:#fff;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:#1a1a1a;font-size:.82rem;font-weight:600;text-align:center;padding-bottom:.4rem}
.prod img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px 8px 0 0;display:block;margin-bottom:.3rem}
.btn.sec{background:transparent;border:2px solid var(--red);color:var(--red);margin-top:.5rem}.btn.sm{padding:.5rem .9rem;font-size:.85rem}nav a.on{background:var(--red2);padding:.15rem .5rem;border-radius:4px}
@media(min-width:760px){.prod{grid-template-columns:repeat(4,1fr)}}
section{text-align:center}section p,section .lead{max-width:60ch;margin-left:auto;margin-right:auto}
.card ul{list-style:none;padding:0}.card li{margin:.2rem 0}.card img{margin:0 auto}
form{text-align:left}form .chk span{text-align:left}form p:has(.btn),form .note{text-align:center}#thanks{text-align:center}
@media(min-width:760px){header{position:sticky;top:0}.brand img{height:84px}nav a{font-size:1.05rem}.hero h1{font-size:3.2rem}.grid{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr 1fr}.fg{grid-template-columns:2fr 1fr 1fr}.hero{padding:5rem 1rem}}