/* Mobile-first shared application layout. */
html{scroll-padding-top:145px}body{background:#e7eae2}header,main,footer{max-width:680px;background:var(--paper)}.header{position:sticky;top:0;z-index:20;padding:12px 20px;border-bottom:0;flex-wrap:nowrap;gap:12px}.header .brand-logo{width:195px}.header nav{display:none}.header-contact{font-size:12px;white-space:nowrap}.header-contact span{display:none}.app-tabs{display:flex;position:sticky;top:91px;z-index:19;max-width:680px;margin:auto;padding:0 16px 12px;background:var(--paper);gap:8px;border-bottom:1px solid var(--line)}.app-tabs a{flex:1;text-align:center;background:#edf0e5;color:var(--green);padding:10px 8px;border-radius:12px;font-size:14px;font-weight:700;min-height:44px}.app-tabs a[aria-current],.app-tabs a:last-child{background:var(--green);color:#fff}.hero{display:flex;flex-direction:column;min-height:0;padding:16px 16px 0}.hero-photo{order:0;min-height:0;height:auto;aspect-ratio:4/3;border-radius:22px;flex-shrink:0}.hero-photo img{object-fit:cover}.hero-copy{order:1;padding:22px 6px 24px}.hero-copy .eyebrow{font-size:11px;margin-bottom:10px}.hero h1{font-size:clamp(32px,7.5vw,47px);line-height:1.13;letter-spacing:-1.6px;margin-bottom:14px}.hero h1 em{letter-spacing:-1px}.hero-copy>p{font-size:16px;line-height:1.6;max-width:none;margin-bottom:20px}.hero .button{display:flex;border-radius:14px;width:100%;min-height:52px}.hero-notes{margin-top:18px;justify-content:space-between;gap:8px;font-size:10px}.intro{display:block;padding:28px 22px}.intro h2{font-size:30px;margin-bottom:16px}.intro>p:last-child{font-size:16px}.audience{padding:32px 22px}.section-top{display:block;margin-bottom:24px}.section-top h2{font-size:32px}.section-top>p{margin-top:15px;max-width:none;font-size:16px}.audience-grid{grid-template-columns:1fr 1fr;gap:12px;border:0}.audience article,.audience article:first-child,.audience article:nth-child(3),.audience article:nth-child(4){padding:18px;background:#eff1e9;border:0;border-radius:16px}.audience h3{font-size:19px;margin:14px 0 12px}.audience h3 br{display:none}.audience article p{font-size:14px;line-height:1.65}.number{font-size:10px;letter-spacing:.4px}.regions{padding:24px 22px 32px}.districts{grid-template-columns:1fr 1fr;gap:10px}.districts a{border-radius:13px;min-height:54px;padding:14px;font-size:16px;background:white}.delivery-note{margin-top:24px}.order{display:block;margin:0 16px 32px;padding:24px;border-radius:18px}.order h2{font-size:32px}.order ol{margin-top:26px}.order li p{font-size:16px}.contact{padding:35px 22px;border-radius:24px 24px 0 0}.contact h2{font-size:40px}.contact .button{border-radius:14px}.contact>p:not(.eyebrow){font-size:16px}.contact-float{right:max(14px,calc((100vw - 680px)/2 + 14px));bottom:calc(14px + env(safe-area-inset-bottom,0px));gap:8px}.contact-float a{font-size:14px;min-height:46px;padding:11px 18px}.contact-float .float-wa{border:1px solid #b4ac60}footer{padding:26px 22px 155px;display:flex;flex-wrap:wrap}.brand-logo,footer .brand-logo{width:195px}footer p{width:100%;order:3}.breadcrumb{padding:18px 22px;font-size:13px;display:flex;position:static;background:var(--paper)}.district-layout{display:flex;flex-direction:column;gap:22px;padding:0 16px 30px}.district-copy{padding:6px}.district-copy h1{font-size:43px;margin-bottom:14px}.district-copy>p{font-size:16px;margin:0}.district-copy .eyebrow{margin-bottom:12px}.quote-card{width:100%;padding:24px 20px;background:#edf0e5;border-radius:20px}.quote-card h2{font-size:32px}.form-row{grid-template-columns:1fr 1fr}#quote-form input,#quote-form textarea,#quote-form select{border-radius:11px;min-height:48px;font-size:16px}#quote-form button{border-radius:12px;min-height:52px}.district-details{width:100%;background:white;border:1px solid var(--line);padding:18px;border-radius:16px}.district-details summary{font-size:16px;font-weight:700;cursor:pointer;min-height:32px}.district-details h2{font-size:26px;margin:18px 0}.district-details p{font-size:16px;margin:14px 0;color:#586259}.district-photo img{height:240px;border-radius:14px}.district-details .text-link{margin:18px 0 0}body:has(#quote-form input:focus) .contact-float,body:has(#quote-form textarea:focus) .contact-float,body:has(#quote-form select:focus) .contact-float{visibility:hidden}@media(max-width:420px){.header{padding:10px 16px}.header .brand-logo{width:165px}.header-contact{font-size:11px}.app-tabs{top:76px}.hero-photo{aspect-ratio:1.45}.hero h1{font-size:35px}.audience-grid{grid-template-columns:1fr}.audience article{padding:20px}.form-row{grid-template-columns:1fr}.district-copy h1{font-size:38px}}@media(min-width:681px){body{max-width:none}.header{border-radius:0}.hero-photo{max-height:360px}.app-tabs{top:91px}}
@media(min-width:900px){header,main,footer{max-width:1240px}.header{padding:18px 40px;justify-content:space-between}.header .brand-logo{width:220px}.header-contact{font-size:16px}.app-tabs{max-width:1240px;top:111px;padding:0 40px 16px;justify-content:flex-start}.app-tabs a{flex:0 1 170px}.hero{display:grid;grid-template-columns:1fr 1fr;padding:28px 40px 36px;gap:40px;align-items:center}.hero-copy{order:0;padding:10px 0}.hero-photo{order:1;max-height:none;aspect-ratio:1.12;height:auto;min-height:410px;width:100%}.hero h1{font-size:clamp(42px,4.1vw,57px)}.hero .button{width:fit-content;min-width:260px}.hero-copy>p{max-width:470px}.hero-notes{justify-content:flex-start;gap:16px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;padding:42px 40px}.intro .eyebrow{grid-column:1/-1}.intro h2{font-size:38px}.audience{padding:45px 40px}.section-top{display:flex;gap:50px;align-items:end;justify-content:space-between}.section-top>p{max-width:420px}.audience-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.regions{padding:35px 40px 50px}.districts{grid-template-columns:repeat(5,minmax(0,1fr))}.order{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:0 40px 50px;padding:36px}.order ol{margin:0}.contact{padding:55px 40px}.contact h2{font-size:54px}footer{padding:30px 40px 145px;flex-wrap:nowrap}footer p{width:auto;order:initial}.contact-float{right:max(22px,calc((100vw - 1240px)/2 + 22px))}.breadcrumb{padding:24px 40px}.district-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px 45px;padding:5px 40px 50px;align-items:start}.district-copy{grid-column:1;grid-row:1}.district-copy h1{font-size:56px}.quote-card{grid-column:2;grid-row:1 / span 2}.district-details{grid-column:1;grid-row:2}.form-row{grid-template-columns:1fr 1fr}}
