:root{
--msb-yellow:#f2b400;--msb-dark:#080b0e;--msb-text:#172028;
--msb-grey:#68737c;--msb-soft:#f3f5f6;--msb-border:#dce2e6;
}
.msb-kicker{margin:0 0 .75rem;color:var(--msb-yellow);font-size:.78rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.msb-hero{position:relative;min-height:560px;display:flex;align-items:center;color:#fff;background:var(--msb-dark) url('/assets/images/mobile-skip-bins-contact-hero.webp') center/cover no-repeat}
.msb-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,8,.98),rgba(3,6,8,.78) 55%,rgba(3,6,8,.2))}
.msb-hero__content{position:relative;z-index:1;max-width:900px;padding:7rem 0}
.msb-hero h1{margin:0 0 1.25rem;font-size:clamp(3rem,6vw,6rem);line-height:.96;letter-spacing:-.055em}
.msb-hero p:last-child{max-width:740px;color:rgba(255,255,255,.84);font-size:1.15rem;line-height:1.7}
.msb-contact-section{padding:clamp(4.5rem,8vw,8rem) 0;background:var(--msb-soft)}
.msb-contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,7vw,7rem);align-items:start}
.msb-contact-details{position:sticky;top:2rem}
.msb-contact-details h2,.msb-form-card h2{margin:0 0 1rem;color:var(--msb-text);font-size:clamp(2.1rem,4vw,4rem);line-height:1;letter-spacing:-.045em}
.msb-contact-details>p{color:var(--msb-grey);line-height:1.75}
.msb-contact-cards{display:grid;grid-template-columns:repeat(2,1fr);margin-top:2rem;border-top:1px solid var(--msb-border);border-left:1px solid var(--msb-border)}
.msb-contact-cards>*{padding:1.3rem;min-height:125px;border-right:1px solid var(--msb-border);border-bottom:1px solid var(--msb-border);background:#fff;text-decoration:none}
.msb-contact-cards span,.msb-contact-cards strong{display:block}
.msb-contact-cards span{margin-bottom:.4rem;color:#b27d00;font-size:.75rem;font-weight:900;text-transform:uppercase}
.msb-contact-cards strong{color:var(--msb-text);overflow-wrap:anywhere}
.msb-form-card{padding:clamp(1.5rem,4vw,3rem);background:#fff;border:1px solid var(--msb-border);box-shadow:0 28px 70px rgba(8,20,30,.13)}
.msb-form-card h2{font-size:clamp(2rem,3.5vw,3.2rem)}
.msb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.msb-field{margin-bottom:1.15rem}
.msb-field label{display:block;margin-bottom:.45rem;color:var(--msb-text);font-weight:800}
.msb-field input,.msb-field select,.msb-field textarea{width:100%;min-height:50px;padding:.88rem .95rem;border:1px solid #cbd3d9;background:#fff;font:inherit}
.msb-field textarea{min-height:170px;resize:vertical}
.msb-field input:focus,.msb-field select:focus,.msb-field textarea:focus{border-color:#c28d00;outline:0;box-shadow:0 0 0 4px rgba(242,180,0,.16)}
.msb-field small{display:block;margin-top:.35rem;color:var(--msb-grey);text-align:right}
.msb-check{display:grid;grid-template-columns:auto 1fr;gap:.7rem;margin-bottom:1.2rem}
.msb-check input{width:19px;height:19px;accent-color:#c28d00}
.msb-check label{color:var(--msb-grey);line-height:1.55}
.msb-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.msb-message{margin-bottom:1.5rem;padding:1rem;border-left:4px solid}
.msb-message--success{border-color:#1f7a43;background:#edf8f1;color:#175f35}
.msb-message--error{border-color:#ba2d2d;background:#fff0f1;color:#8e161c}
.msb-submit{min-width:180px;border:0;cursor:pointer}
@media(max-width:992px){.msb-contact-layout{grid-template-columns:1fr}.msb-contact-details{position:static}}
@media(max-width:700px){.msb-grid,.msb-contact-cards{grid-template-columns:1fr}.msb-form-card{padding:1.25rem}.msb-submit{width:100%}}
