/* Live, responsive controls over the supplied visual reference. */
body[data-page="home"] .hero{position:relative;display:block;min-height:0;height:50vw;max-height:820px;background:#fff;isolation:isolate}
.d2s-hero-copy{width:43%;height:100%;padding:4.1vw 0 8.8vw 3.85vw;justify-content:flex-start;background:linear-gradient(90deg,#fff 80%,rgba(255,255,255,.92) 92%,transparent);position:relative;z-index:2}
.d2s-kicker{font-size:clamp(10px,1.04vw,16px);letter-spacing:.23em;margin-bottom:1.4vw;white-space:nowrap;color:#42484c}
.d2s-hero-copy h1{font-size:clamp(52px,6.02vw,100px);line-height:.86;letter-spacing:-.055em;font-weight:900;margin:0 0 1.55vw;color:#030a12}
.d2s-hero-copy h1 em{display:block;line-height:.86;margin-top:.2vw;color:#07553d}
.hero .d2s-hero-sub{font-size:clamp(13px,1.18vw,19px);line-height:1.5;margin:0 0 1.3vw;color:#5a5c60;max-width:510px}
.hero .d2s-products{font-size:clamp(12px,1.13vw,18px);line-height:1.5;margin:0 0 1.8vw;color:#15191e;white-space:nowrap}
.d2s-products b{margin:0 .5vw}
.d2s-cta-row{display:grid;grid-template-columns:1.1fr .9fr;gap:1.2vw;width:35.5vw;max-width:585px}
.d2s-main-cta,.d2s-order-cta{min-height:3.9vw;border-radius:9px;padding:10px 16px;font-size:clamp(13px,1.17vw,19px);white-space:nowrap;box-shadow:0 5px 12px #123b2510}
.d2s-plan-cta{background:#ffffffed;border:1px solid #cbd6d2;color:#07553d}.d2s-main-cta{background:#07553d}
.d2s-hero-visual{position:absolute;inset:0 0 6.6vw 34%;min-height:0;background-image:var(--reference-image);background-size:100vw auto;background-position:right -9.24vw;background-repeat:no-repeat;z-index:0}
.d2s-hero-visual:before{background:linear-gradient(90deg,#fff 0%,#ffffffc0 6%,transparent 18%)}
.d2s-product-mark{display:none}
.d2s-trust-row{position:absolute;left:3.1%;right:3.1%;bottom:1.45vw;display:grid;grid-template-columns:repeat(4,1fr);gap:1.8vw;margin:0;z-index:3}
.d2s-trust-row>span{min-height:5vw;padding:10px 18px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:center;text-align:left;border:1px solid #dfe3e3;border-radius:99px;background:#ffffffed;box-shadow:none}
.d2s-trust-row svg{width:31px;height:31px;flex-shrink:0;stroke:#07121d;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.d2s-trust-row strong{display:block;font-size:clamp(11px,1.03vw,17px);color:#0a1118;font-weight:750;white-space:nowrap}.d2s-trust-row small{display:block;font-size:clamp(10px,.97vw,16px);margin-top:3px;color:#66696d}
.topbar{height:84px!important;padding:0 3.1vw!important}.brand{min-width:0!important;border:0;background:none;gap:9px;padding:0}.d2s-logo-art{width:95px!important;height:62px!important}.d2s-wordmark{font-size:2.5rem!important}.d2s-wordmark small{font-size:.52rem!important;letter-spacing:.085em;margin-top:8px!important}
.top-actions{gap:14px!important}.top-actions .nav-btn{font-size:13px!important;font-weight:550;padding:10px 8px!important}.catalog-nav svg{display:none}.top-actions #createAccountLink{background:#fff;border:1px solid #779d90;color:#214d3c;border-radius:11px;min-height:44px;font-size:13px;padding:10px 20px}.top-actions #authBtn{background:#07553d;color:#fff;border:1px solid #07553d;border-radius:11px;min-height:44px;font-size:13px;padding:10px 27px}.top-actions #moreNavButton{background:none;color:#111b22;border:0;font-size:24px;padding:6px}.top-actions #cartButton{display:inline-flex!important;border:0;background:none;min-width:54px;padding:8px;color:#07121d}.cart-trigger svg{width:27px;height:27px}
.top-actions [data-view="#catalog"],.top-actions [data-view="#history"]{display:inline-flex!important}
.d2s-how{display:none!important}
button:focus-visible,a:focus-visible{outline:3px solid #42a782;outline-offset:4px}
@media(min-width:1650px){.d2s-hero-visual{background-size:1650px auto;background-position:right -152px}.d2s-hero-copy{padding-top:68px}.d2s-hero-copy h1{font-size:100px}}
@media(max-width:1100px) and (min-width:701px){.topbar{padding:0 20px!important;gap:10px}.d2s-logo-art{width:66px!important}.d2s-wordmark{font-size:1.8rem!important}.d2s-wordmark small{font-size:.42rem!important}.top-actions{gap:5px!important}.top-actions .nav-btn{font-size:11px!important;padding:8px 4px!important}.top-actions #createAccountLink{padding:8px 10px}.top-actions #authBtn{padding:8px 13px}.d2s-trust-row>span{gap:8px;padding:9px}.d2s-trust-row svg{width:24px}.d2s-hero-copy h1{font-size:6vw}}
@media(max-width:700px){body[data-page="home"] .hero{height:auto;max-height:none;display:flex;flex-direction:column}.d2s-hero-copy{width:100%;height:auto;padding:32px 22px 24px;background:#fff}.d2s-kicker{font-size:10px;letter-spacing:.14em;white-space:normal;margin-bottom:18px}.d2s-hero-copy h1{font-size:clamp(52px,14vw,76px);line-height:.9;margin-bottom:22px}.d2s-hero-copy h1 em{line-height:.9}.hero .d2s-hero-sub{font-size:15px;line-height:1.5;margin-bottom:18px}.hero .d2s-products{font-size:13px;white-space:normal;margin-bottom:20px}.d2s-cta-row{width:100%;grid-template-columns:1fr 1fr;gap:10px}.d2s-main-cta,.d2s-order-cta{min-height:49px;padding:10px;font-size:13px;gap:8px}.d2s-hero-visual{position:relative;inset:auto;order:2;width:100%;height:320px;background-size:auto 480px;background-position:right -70px}.d2s-hero-visual:before{background:linear-gradient(180deg,#fff 0%,transparent 15%)}.d2s-trust-row{position:relative;inset:auto;order:3;grid-template-columns:1fr 1fr;gap:10px;padding:16px;margin:0}.d2s-trust-row>span{padding:14px 8px;border-radius:18px;min-height:75px;gap:8px}.d2s-trust-row strong{font-size:11px;white-space:normal}.d2s-trust-row small{font-size:10px}.d2s-trust-row svg{width:22px;height:24px}.top-actions [data-view="#catalog"],.top-actions [data-view="#history"]{display:none!important}.top-actions #cartButton{display:inline-flex!important;min-width:35px;padding:6px}.top-actions [data-view="#order"]{display:none!important}.d2s-wordmark{font-size:1.4rem!important}.d2s-logo-art{width:45px!important;height:42px!important}.topbar{height:72px!important}.d2s-hero-visual{background-color:#fff} }

:root{--reference-image:url("assets/home-d2s-building-products.png")}
body:not(.signed-in) .top-actions #catalogButton,body:not(.signed-in) .top-actions [data-view="#history"],body:not(.signed-in) .top-actions #cartButton{display:inline-flex!important}
body[data-page="catalog"] #catalog{display:block!important}
body:not([data-page="home"]) main>.section{display:none}
body[data-page="order"] #order,body[data-page="catalog"] #catalog,body[data-page="jobsites"] #jobsites,body[data-page="history"] #history,body[data-page="team"] #team,body[data-page="dispatch"] #dispatch{display:block}
@media(max-width:700px){body:not(.signed-in) .top-actions #catalogButton,body:not(.signed-in) .top-actions [data-view="#history"]{display:none!important}}

/* Compact navigation for phones and portrait tablets. */
@media(max-width:900px){
 body .top-actions #catalogButton,body .top-actions [data-view="#history"],body .top-actions [data-view="#order"],body:not(.signed-in) .top-actions #catalogButton,body:not(.signed-in) .top-actions [data-view="#history"]{display:none!important}
 body:not(.signed-in) .top-actions #cartButton{display:none!important}
 body.signed-in .top-actions #cartButton.mobile-cart-visible{display:inline-flex!important;min-width:44px;min-height:44px;flex:0 0 44px;padding:8px}
 body .topbar{height:72px!important;min-height:72px!important}
 body .top-actions #mobileAccountWrap{margin-left:0}
}
body:not(.signed-in) .top-actions #cartButton{display:none!important}

/* Crop the reference to its photo area; never reveal the baked-in headline. */
@media(min-width:701px){
 body[data-page="home"] .hero{max-width:1650px;margin-inline:auto;height:min(50vw,825px)}
 .d2s-hero-copy{background:#fff}
 .d2s-hero-visual{left:43%;background-size:175.44% auto;background-position:right max(-9.24vw,-152px)}
}
@media(max-width:700px){
 .d2s-hero-visual{height:72vw;min-height:0;max-height:none;background-size:175.44% auto;background-position:right -16.2vw}
}