:root{--navy:#1F4E79;--char:#2f2f2f;--cream:#F5EBD7;--cream2:#EADBBE;--card:#fffaf0}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--char);background:var(--cream);line-height:1.55}
h1,h2,h3{font-family:Rye,Georgia,serif;font-weight:400;color:var(--navy);line-height:1.2;margin:0 0 .5em}
a{color:var(--navy)}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1100px;margin:0 auto;padding:0 18px}
header{background:var(--card);border-bottom:3px double var(--navy);position:sticky;top:0;z-index:5}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 18px}
.logo img{height:48px;width:auto}nav{display:flex;gap:14px;align-items:center;font-weight:600;font-size:.95rem}
nav a{text-decoration:none}nav .hide-m{display:none}
.btn{display:inline-block;padding:12px 18px;border-radius:8px;background:var(--navy);color:#fff;text-decoration:none;font-weight:700;text-align:center;border:2px solid var(--navy)}
.btn.alt{background:transparent;color:var(--navy)}.btn.block{display:block;width:100%;margin-top:10px}
.hero{background:linear-gradient(rgba(20,40,64,.72),rgba(20,40,64,.72)),url(dump-trailer-side.jpg) center/cover;color:var(--cream);padding:56px 0 64px;text-align:center}
.hero h1{color:var(--cream);font-size:clamp(1.8rem,6vw,3rem)}.hero p{max-width:620px;margin:0 auto 22px}
.search{background:var(--card);border-radius:12px;padding:12px;display:grid;gap:8px;max-width:760px;margin:0 auto;text-align:left;color:var(--char)}
.search label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--navy)}
.search input,.search select{width:100%;padding:10px;border:1px solid #c9b48c;border-radius:6px;font:inherit;background:#fff}
section{padding:40px 0}section.band{background:var(--cream2);border-top:2px dashed #b9a57e;border-bottom:2px dashed #b9a57e}
.row-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cat{background:var(--card);border:2px solid var(--navy);border-radius:10px;padding:14px 10px;text-align:center;text-decoration:none;font-weight:700;position:relative}
.cat .ico{font-size:1.8rem;display:block}.cat.soon{opacity:.6;border-style:dashed}
.tag{display:inline-block;font-size:.7rem;background:var(--char);color:var(--cream);padding:2px 7px;border-radius:20px;margin-top:4px;font-weight:600}
.tag.live{background:#2e7d32}
.cards{display:grid;gap:18px}
.lcard{background:var(--card);border:1px solid #c9b48c;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;display:block;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.lcard img{aspect-ratio:4/3;object-fit:cover;width:100%}.lcard .b{padding:14px}
.lcard h3{font-size:1.15rem;margin-bottom:4px}.lcard .meta{font-size:.9rem;color:#5a5a5a}
.lcard .price{font-weight:700;color:var(--navy);font-size:1.1rem;margin-top:6px}
.lcard.ph{display:flex;align-items:center;justify-content:center;min-height:180px;border-style:dashed;font-family:Rye,serif;color:var(--navy);text-align:center;padding:20px}
.steps{display:grid;gap:14px;list-style:none;padding:0;margin:0;counter-reset:s}
.steps li{counter-increment:s;background:var(--card);border-left:6px solid var(--navy);border-radius:6px;padding:14px 16px 14px 58px;position:relative}
.steps li:before{content:counter(s);position:absolute;left:16px;top:10px;font-family:Rye,serif;font-size:1.7rem;color:var(--navy)}
.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}
.badge{background:var(--navy);color:var(--cream);border-radius:10px;padding:14px 8px;font-weight:700;font-size:.9rem}.badge span{display:block;font-size:1.6rem}
details{background:var(--card);border:1px solid #c9b48c;border-radius:6px;padding:12px 16px;margin-bottom:10px}summary{font-weight:700;cursor:pointer}
table{width:100%;border-collapse:collapse;background:var(--card)}td{padding:9px 10px;border-bottom:1px solid #d8c8a6;vertical-align:top}td:last-child{text-align:right;font-weight:600}
.crumbs{font-size:.85rem;padding:12px 0}.crumbs a{text-decoration:none}
.gallery{display:grid;gap:8px}.gallery img{border-radius:10px;width:100%;object-fit:cover}.gallery .main{aspect-ratio:16/10}.gallery .thumbs{display:grid;grid-template-columns:1fr;gap:8px}.gallery .thumbs img{aspect-ratio:4/3}
.detail{display:grid;gap:26px;padding-bottom:90px}.detail h2{font-size:1.3rem;margin-top:1.4em}
.book{background:var(--card);border:2px solid var(--navy);border-radius:12px;padding:18px}
.book .big{font-family:Rye,serif;font-size:2rem;color:var(--navy)}.book small{color:#555}
.mbar{position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:2px solid var(--navy);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:6}
.mbar strong{color:var(--navy);font-size:1.15rem}.mbar .btn{padding:10px 18px}
ul.list{padding-left:1.1em}
footer{background:var(--char);color:var(--cream);padding:30px 0;font-size:.9rem}footer a{color:var(--cream)}
footer .cols{display:grid;gap:18px}footer h3{color:var(--cream);font-size:1rem}footer .c{text-align:center;margin-top:20px;opacity:.8}
@media(min-width:760px){
 nav .hide-m{display:inline}.logo img{height:60px}
 .search{grid-template-columns:1.4fr 1fr 1fr auto;align-items:end}
 .cards{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr)}
 footer .cols{grid-template-columns:2fr 1fr 1fr}.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
 .detail{grid-template-columns:1.7fr 1fr;align-items:start;padding-bottom:30px}.book{position:sticky;top:96px}.mbar{display:none}
 .gallery{grid-template-columns:2fr 1fr}.gallery .thumbs{grid-template-columns:1fr}.gallery{height:380px}.gallery .main,.gallery .thumbs,.gallery .thumbs img{height:100%;aspect-ratio:auto}
}
/* centered header */
header .wrap.hd{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:6px 14px}
header .nl{justify-self:start}header .nr{justify-self:end}
header nav{gap:12px}.btn.sm{padding:7px 14px;font-size:.9rem}
.logo img{height:84px;width:auto;transition:height .2s}header.small .logo img{height:50px}
@media(min-width:760px){header .wrap.hd{padding:8px 18px}header nav{gap:26px;font-size:1.02rem}.logo img{height:126px}header.small .logo img{height:66px}.book{top:110px}}
.embed{background:#fff;border:2px solid var(--navy);border-radius:10px;overflow:hidden}
.embed iframe{display:block;width:100%;height:760px;border:0}
@media(min-width:760px){.embed iframe{height:680px}}
.want{margin-top:12px;font-family:Inter,sans-serif;font-size:.85rem}p.small{font-size:.9rem}