/* The hero and service choices form one complete desktop opening. */
.home-opening{min-height:calc(100svh - var(--header-height) - 1px);display:flex;flex-direction:column;background:var(--paper)}
.home-opening .industrial-hero{flex:1;display:grid;min-height:340px;background:var(--dark)}
.home-opening .hero-content{position:relative;z-index:2;pointer-events:none;min-height:0;padding-block:clamp(26px,4svh,64px)}
.home-opening .hero-copy{pointer-events:auto;width:48%;min-width:0}
.home-opening .hero-copy>.tag{color:#dddfd5;font-size:13px;line-height:1.5;margin:0 0 18px}
.home-opening .hero-copy>.tag>span{background:var(--action-on-dark);width:24px;height:2px}
.home-opening h1{font-size:clamp(42px,4.1vw,64px);line-height:1.06;letter-spacing:-.04em;max-width:none}
.home-opening h1 em{display:block;color:#e6d3af;line-height:1.08;margin-top:3px}
.home-opening .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 24px;margin-top:28px}
.home-opening .hero-actions>p{font-size:16px;line-height:1.65;color:#e1e2da;margin:0}
.home-opening .hero-actions>.action{min-height:50px;gap:20px;padding:14px 18px;white-space:nowrap}
.home-opening .hero-media{inset:0 0 0 37%;z-index:0}
.home-opening .hero-media img{object-position:56% 58%!important;transform:scale(1.18);transform-origin:56% 100%}
.home-opening .hero-media:after{background:linear-gradient(90deg,#20231f33,transparent 45%)}
.home-opening .hero-plane{z-index:1;pointer-events:none;display:block;width:60%;clip-path:polygon(0 0,100% 0,83% 100%,0 100%);background:#9a8059}
.home-opening .hero-plane:after{inset:0 1px 0 0;clip-path:polygon(0 0,100% 0,83% 100%,0 100%);background:linear-gradient(110deg,#20231ff5,#20231fec),url('/assets/photos/weathered-detail-740.webp') center/cover}
.home-opening .craft-signature{position:absolute;right:clamp(22px,4.5vw,72px);top:24px;z-index:1;margin:0;padding:12px 16px;background:#20231fe8;border-left:2px solid var(--action-on-dark);color:#e5dfd1;gap:14px}
.home-opening .craft-signature>span:first-child{border-color:#77766a;padding-right:14px}
.home-opening .craft-signature strong{font-size:19px;font-weight:700;color:var(--paper)}
.home-opening .hero-photo-note{display:flex;right:clamp(22px,4.5vw,72px);bottom:24px;margin:0;min-height:44px;font-size:13px;padding:10px 15px;border-color:#b8b6a757;background:#20231feb}
.home-opening .home-services{flex:none;padding-block:20px 26px}
.home-opening .home-services .section-heading{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;margin:0 0 17px;text-align:left}
.home-opening .home-services h2{font-size:22px;line-height:1.2;letter-spacing:-.03em}
.home-opening .roof-chevron{transform:none;border:0;background:var(--action);height:2px;width:25px;margin:0}
.home-opening .service-tiles{gap:14px}
.home-opening .service-tile{box-shadow:none;border:0;display:block;min-width:0;transition:transform .2s ease,box-shadow .2s ease}
.home-opening .service-tile>.picture{height:clamp(74px,12svh,136px);min-height:0}
.home-opening .tile-caption{min-height:66px;padding:12px 25px 12px 14px;gap:10px;align-items:center}
.home-opening .tile-caption h3{font-size:16px;line-height:1.3;min-width:0;max-width:none;padding:0}
.home-opening .tile-caption>svg{display:block;width:22px;height:22px}
.home-opening .tile-arrow{right:8px;bottom:8px;font-size:16px}
.home-opening .service-tile:nth-child(-n+2){box-shadow:none;border:0}
.home-opening .service-tile:hover{transform:translateY(-3px);box-shadow:0 3px 0 var(--action)}
.home-opening .service-tile:focus-visible{outline-color:var(--action-ink);outline-offset:4px}
@media(min-width:901px) and (max-height:760px){
 .home-opening .industrial-hero{min-height:280px}
 .home-opening .hero-content{padding-block:22px}
 .home-opening h1{font-size:clamp(38px,3.5vw,52px)}
 .home-opening .hero-copy>.tag{margin-bottom:13px}
 .home-opening .hero-actions{gap:14px 20px;margin-top:20px}
 .home-opening .hero-actions>p{font-size:14px}
 .home-opening .hero-actions>.action{min-height:46px;padding:12px 15px;font-size:13px;gap:16px}
 .home-opening .craft-signature{top:18px;padding-block:10px}
 .home-opening .hero-photo-note{bottom:18px}
 .home-opening .home-services{padding-block:16px 20px}
 .home-opening .home-services .section-heading{margin-bottom:13px}
 .home-opening .tile-caption{min-height:62px}
}
@media(min-width:901px) and (max-width:1100px){
 .home-opening .hero-copy{width:47%}
 .home-opening h1{font-size:42px}
 .home-opening .hero-actions{gap:16px}
 .home-opening .tile-caption{padding-inline:12px 21px;gap:8px}
 .home-opening .tile-caption>svg{display:none}
}
@media(max-width:900px){
 .home-opening{min-height:0}
 .home-opening .industrial-hero{display:flex;flex-direction:column;min-height:calc(100svh - var(--header-height) - 1px)}
 .home-opening .hero-content{order:0;flex:none;padding-block:28px 30px}
 .home-opening .hero-copy{width:100%}
 .home-opening h1{font-size:clamp(36px,6vw,52px);max-width:21ch}
 .home-opening .hero-copy>.tag{margin-bottom:14px}
 .home-opening .hero-actions{margin-top:22px;gap:20px 28px}
 .home-opening .hero-media{order:1;position:relative;inset:auto;z-index:0;flex:1;min-height:240px}
 .home-opening .hero-media>.picture{position:absolute;inset:0;height:100%;width:100%}
 .home-opening .hero-media:after{background:linear-gradient(0deg,#20231f33,transparent 45%);pointer-events:none}
 .home-opening .hero-plane{display:none}
 .home-opening .hero-media img{object-position:56% 58%!important}
 .home-opening .craft-signature{right:var(--gutter);top:20px;padding:10px 14px;font-size:12px}
 .home-opening .craft-signature strong{font-size:17px}
 .home-opening .craft-signature>span:last-child{font-size:16px}
 .home-opening .hero-photo-note{right:var(--gutter);bottom:20px}
 .home-opening .home-services{padding-block:26px 30px}
 .home-opening .service-tiles{gap:10px}
 .home-opening .service-tile>.picture{height:110px}
 .home-opening .tile-caption{padding-inline:11px 20px;min-height:70px}
 .home-opening .tile-caption>svg{display:none}
}
@media(max-width:650px){
 .home-opening .hero-content{padding-block:26px 28px}
 .home-opening .hero-copy>.tag{font-size:12px}
 .home-opening h1{font-size:clamp(34px,9.2vw,42px);max-width:none}
 .home-opening .hero-actions{display:block;margin-top:18px}
 .home-opening .hero-actions>p{font-size:15px;line-height:1.6;margin-bottom:18px}
 .home-opening .hero-actions>.action{min-height:48px;font-size:14px}
 .home-opening .hero-media{min-height:210px}
 .home-opening .hero-photo-note{font-size:12px;gap:16px}
 .home-opening .home-services .section-heading{margin-bottom:18px}
 .home-opening .service-tiles{grid-template-columns:1fr;gap:8px}
 .home-opening .service-tile{display:grid;grid-template-columns:80px minmax(0,1fr);min-height:72px}
 .home-opening .service-tile>.picture{height:100%;min-height:72px}
 .home-opening .tile-caption{min-height:72px;padding:14px 32px 14px 16px;gap:14px}
 .home-opening .tile-caption h3{font-size:17px}
 .home-opening .tile-caption>svg{display:block}
 .home-opening .tile-arrow{right:12px;bottom:auto;top:50%;transform:translateY(-50%)}
}
@media(prefers-reduced-motion:reduce){.home-opening .service-tile{transition:none}.home-opening .service-tile:hover{transform:none}}