/* DATUM-aligned composition, scoped to TRP product page. */
body.core-commercial-design.page-id-940{--commercial-gutter:max(50px,calc((100vw - 1320px)/2));--commercial-orange:#f88118;--commercial-shape:0 22px 22px 22px}
body.core-commercial-design.page-id-940 #header:not(.core-header-fixed){position:absolute!important;top:auto!important;left:0;right:0;width:100%;background:transparent!important;box-shadow:none}
body.core-commercial-design.page-id-940 .core-header-spacer{display:none!important}
body.core-commercial-design.page-id-940 #header:not(.core-header-fixed) #logo{background-image:url(core-logo-white.svg)!important;background-size:contain!important}
body.core-commercial-design.page-id-940 #header:not(.core-header-fixed) #main_menu>li>a{color:#fff!important}
body.core-commercial-design.page-id-940.menu_open #header:not(.core-header-fixed){background:#343e43!important}
body.core-commercial-design.page-id-940 .page_banner{min-height:590px;height:auto;box-sizing:border-box;padding:185px var(--commercial-gutter) 115px!important;display:flex;align-items:center;background-position:center;position:relative;isolation:isolate}
body.core-commercial-design.page-id-940 .page_banner:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#14212799,transparent 55%),linear-gradient(90deg,#17252ae0,#17252a60 60%,#17252a15);z-index:-1;pointer-events:none}
body.core-commercial-design.page-id-940 .banner_title{width:100%;max-width:1320px;margin:0 auto;padding:0!important}
body.core-commercial-design.page-id-940 .banner_title h1{font-size:clamp(43px,4.7vw,74px)!important;line-height:1.15;margin:0 0 25px}
body.core-commercial-design.page-id-940 .banner_title p{font-size:25px;line-height:1.5;max-width:630px;margin:0}
body.core-commercial-design.page-id-940 .commercial-nav{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(1320px,calc(100% - 100px));margin:-30px auto 0;background:#fff;border:1px solid #dce2e5;border-radius:0 20px 20px 20px;box-shadow:0 12px 35px #263a4610;overflow:hidden}
body.core-commercial-design.page-id-940 .commercial-nav a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:28px;font:800 18px/1.4 Exo,Arial,sans-serif;color:#343e43;text-decoration:none}
body.core-commercial-design.page-id-940 .commercial-nav a+a{border-left:1px solid #dce2e5}
body.core-commercial-design.page-id-940 .commercial-nav a:hover{background:#f3f5f5}
body.core-commercial-design.page-id-940 .commercial-nav span{color:#f88118;font:24px Arial,sans-serif}
body.core-commercial-design.page-id-940 .commercial-nav a:focus-visible{outline:3px solid #f88118;outline-offset:-4px}

body.core-commercial-design.page-id-940 .page_banner{margin-top:0!important;min-height:590px}
body.core-commercial-design.page-id-940 .banner_title h1{font-size:clamp(38px,4.2vw,66px)!important}
body.core-commercial-design.page-id-940 .commercial-nav{z-index:4;box-sizing:border-box}
body.core-commercial-design.page-id-940 .main_container>.fc_simple_content:has(.wp_content:empty),body.core-commercial-design.page-id-940 .fc_lines{display:none}
body.core-commercial-design.page-id-940 :is(#commercial-overview,#commercial-features,#faqs,#commercial-resources){scroll-margin-top:110px}
body.core-commercial-design.page-id-940 .main_container>.fc_split_content{padding:75px var(--commercial-gutter)!important;gap:65px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
body.core-commercial-design.page-id-940 #commercial-overview{padding-top:85px!important}
body.core-commercial-design.page-id-940 .main_container>.fc_split_content>.content{width:auto;min-width:0}
body.core-commercial-design.page-id-940 .wp_content p{font-size:17px;line-height:1.65}
body.core-commercial-design.page-id-940 .main_container .title{font-family:Exo,Arial,sans-serif;font-weight:800;line-height:1.2;letter-spacing:-.025em;font-size:clamp(28px,2.5vw,40px)}
body.core-commercial-design.page-id-940 .main_container .title.eurostile_font{font-family:Eurostile,Arial,sans-serif}
body.core-commercial-design.page-id-940 .main_container>.fc_simple_content{padding:65px var(--commercial-gutter)!important}
body.core-commercial-design.page-id-940 .main_container>.fc_simple_content .wp_content{max-width:1000px;margin:0 auto}
body.core-commercial-design.page-id-940 .video_split_content{background:#f3f5f5;border-bottom:1px solid #dce2e5}
body.core-commercial-design.page-id-940 .video_split_content .the_video{overflow:hidden;border-radius:0 22px 22px 22px}
body.core-commercial-design.page-id-940 .main_container>.fc_frequently_asked_questions{padding:0 var(--commercial-gutter) 85px!important}
body.core-commercial-design.page-id-940 .faqs_container{max-width:1100px;margin:auto}
body.core-commercial-design.page-id-940 .faq_item{border:1px solid #dce2e5;border-radius:0 18px 18px 18px;margin-bottom:12px;padding:24px 28px;background:#fff}
body.core-commercial-design.page-id-940 .faq_item>.title{font-size:19px;line-height:1.45;padding-right:35px}
body.core-commercial-design.page-id-940 .faq_item.active{border-color:#f88118;background:#fafbfb}
body.core-commercial-design.page-id-940 #commercial-resources{display:block;padding:70px var(--commercial-gutter) 85px!important;background:#f3f5f5}
body.core-commercial-design.page-id-940 #commercial-resources>.the_content{width:100%;padding:0;margin:0 0 35px;background:none;color:#343e43}
body.core-commercial-design.page-id-940 #commercial-resources .wp_content{color:#343e43}
body.core-commercial-design.page-id-940 #commercial-resources .commercial-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.core-commercial-design.page-id-940 #commercial-resources .the_image_link{width:auto!important;min-width:0;height:280px;position:relative;overflow:hidden;border:1px solid #dce2e5;border-radius:0 22px 22px 22px;display:flex;align-items:flex-end;padding:26px;box-sizing:border-box;background-position:center;background-size:cover;color:#fff}
body.core-commercial-design.page-id-940 #commercial-resources .the_image_link:hover{border-color:#f88118;box-shadow:0 0 0 1px #f88118}
body.core-commercial-design.page-id-940 a:focus-visible{outline:3px solid #f88118;outline-offset:4px}
@media(max-width:1000px){body.core-commercial-design.page-id-940{--commercial-gutter:30px}body.core-commercial-design.page-id-940 .commercial-nav{width:calc(100% - 60px)}body.core-commercial-design.page-id-940 .commercial-nav a{padding:22px 16px;font-size:16px}}
@media(max-width:767px){body.core-commercial-design.page-id-940{--commercial-gutter:20px}body.core-commercial-design.page-id-940 .page_banner{min-height:440px;padding:145px 24px 95px!important}body.core-commercial-design.page-id-940 .banner_title h1{font-size:36px!important}body.core-commercial-design.page-id-940 .banner_title p{font-size:20px}body.core-commercial-design.page-id-940 .commercial-nav{width:calc(100% - 40px);grid-template-columns:1fr 1fr;margin-top:-28px}body.core-commercial-design.page-id-940 .commercial-nav a{padding:20px 16px;font-size:15px}body.core-commercial-design.page-id-940 .commercial-nav a:nth-child(3){border-left:0}body.core-commercial-design.page-id-940 .commercial-nav a:nth-child(n+3){border-top:1px solid #dce2e5}body.core-commercial-design.page-id-940 .main_container>.fc_split_content{grid-template-columns:minmax(0,1fr)!important;padding:48px 20px!important;gap:28px}body.core-commercial-design.page-id-940 #commercial-overview{padding-top:48px!important}body.core-commercial-design.page-id-940 .main_container>.fc_simple_content{padding:45px 20px!important}body.core-commercial-design.page-id-940 #commercial-resources{padding:48px 20px!important}body.core-commercial-design.page-id-940 #commercial-resources .commercial-list{grid-template-columns:1fr}body.core-commercial-design.page-id-940 .faq_item{padding:20px}body.core-commercial-design.page-id-940 .main_container>.fc_split_content>.content,body.core-commercial-design.page-id-940 .main_container>.fc_split_content>.image{grid-column:1;grid-row:auto}}

body.core-commercial-design.page-id-940 #commercial-resources>.the_content .wp_content{width:100%;max-width:none;margin:0;text-align:left}
body.core-commercial-design.page-id-940 #commercial-resources .the_image_link{display:block;height:auto;padding:0;background:#fff;transform:none!important}
body.core-commercial-design.page-id-940 #commercial-resources .hex_container{display:block;position:relative;width:100%;height:230px;margin:0;padding:0;clip-path:none;transform:none}
body.core-commercial-design.page-id-940 #commercial-resources .hex_container .image{position:absolute;inset:0;width:100%;height:100%;clip-path:none;transform:none;background-position:center;background-size:cover}
body.core-commercial-design.page-id-940 #commercial-resources .hex_container:before,body.core-commercial-design.page-id-940 #commercial-resources .hex_container:after,body.core-commercial-design.page-id-940 #commercial-resources .hex_overlay:before,body.core-commercial-design.page-id-940 #commercial-resources .hex_overlay:after{display:none}
body.core-commercial-design.page-id-940 #commercial-resources .the_image_link>.wp_content{position:relative;inset:auto;width:auto;background:#fff;padding:25px;color:#343e43;text-align:left;transform:none}
body.core-commercial-design.page-id-940 #commercial-resources h3{font-size:24px;margin:0}

@media(max-width:767px){body.core-commercial-design.page-id-940 .banner_title h1{font-size:clamp(24px,7.5vw,30px)!important;white-space:normal}body.core-commercial-design.page-id-940 .banner_title .core-brand-name{white-space:normal}}
/* Commercial project story, isolated from all other product pages. */
body.core-commercial-design .commercial-hero-story{font-size:clamp(20px,2.4vw,30px);line-height:1.3;max-width:640px;color:#fff;margin:22px 0!important}
body.core-commercial-design .commercial-actions{display:flex;flex-wrap:wrap;gap:12px}
body.core-commercial-design a.commercial-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#f88119;color:#fff!important;border:2px solid #f88119;border-radius:0 18px 0 18px;padding:14px 24px;text-decoration:none!important;font-weight:700;line-height:1.4;transition:background .2s,color .2s}
body.core-commercial-design a.commercial-button:hover,body.core-commercial-design a.commercial-button:focus-visible{background:#fff;color:#323e44!important}
body.core-commercial-design a.commercial-button.secondary{background:#fff;color:#323e44!important}
body.core-commercial-design .commercial-install-rate{display:flex;flex-direction:column;gap:12px;border:0;padding:30px 32px;background:#343e43;border-radius:0 28px 28px 28px;margin:28px 0;color:#fff;box-sizing:border-box}
body.core-commercial-design .commercial-install-rate strong{font-family:Exo,Arial,sans-serif;font-size:clamp(36px,4vw,52px);font-weight:800;letter-spacing:-.025em;line-height:1.12;color:#fff}
body.core-commercial-design .commercial-install-rate span{font-size:16px;line-height:1.5;color:#fff}
body.core-commercial-design .commercial-proof{max-width:1420px;margin:0 auto;padding:80px 50px;display:grid;grid-template-columns:1fr 1fr;gap:60px;color:#323e44;box-sizing:border-box}
body.core-commercial-design .commercial-proof h2{font-size:clamp(28px,3vw,38px);line-height:1.2;margin:0 0 24px}
body.core-commercial-design .commercial-proof h2 span{color:#f88119}
body.core-commercial-design .commercial-proof p{font-size:18px;line-height:1.65;margin:0 0 20px}
body.core-commercial-design .commercial-proof .commercial-proof-number{font-size:clamp(44px,5vw,64px);line-height:1;font-weight:800;color:#f88119;margin-top:32px}
body.core-commercial-design .commercial-spec{padding:34px;background:#f4f5f5;border-radius:0 28px 0 28px;scroll-margin-top:120px}
body.core-commercial-design .commercial-spec>a{display:block;padding:16px 0;border-top:1px solid #d7dee1;font-weight:700;color:#323e44;text-decoration:none}
body.core-commercial-design .commercial-spec>a:hover{color:#b24e00}
@media(max-width:767px){body.core-commercial-design .commercial-proof{grid-template-columns:1fr;padding:48px 20px;gap:32px}body.core-commercial-design .commercial-spec{padding:24px}body.core-commercial-design .commercial-actions{gap:10px}body.core-commercial-design a.commercial-button{padding:12px 18px;font-size:14px}body.core-commercial-design .commercial-hero-story{font-size:21px}}
/* Coherent editorial rhythm: installation, engineering, project proof, specification. */
body.core-commercial-design.page-id-940 .commercial-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(36px,5vw,80px);max-width:1420px;margin:0 auto;padding:64px 50px;box-sizing:border-box;color:#343e43;background:#fff}
body.core-commercial-design.page-id-940 .commercial-feature>.content{width:auto;min-width:0;order:0}
body.core-commercial-design.page-id-940 .commercial-feature h2,body.core-commercial-design.page-id-940 .commercial-engineering h2{font-family:Exo,Arial,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:800;letter-spacing:-.025em;line-height:1.18;margin:0 0 24px;color:inherit}
body.core-commercial-design.page-id-940 .commercial-feature p{font-size:17px;line-height:1.65;margin:0 0 20px;color:inherit}
body.core-commercial-design.page-id-940 .commercial-feature .the_video{width:100%;min-width:0;overflow:hidden;border-radius:0 24px 24px 24px;order:1;aspect-ratio:1.15;background:#e5e9e9;position:relative}
body.core-commercial-design.page-id-940 .commercial-feature .the_video>div{height:100%;width:100%;position:relative;padding:0!important}
body.core-commercial-design.page-id-940 .commercial-feature iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0}
body.core-commercial-design.page-id-940 .commercial-feature-1{background:#343e43;color:#fff;border-radius:0 28px 28px 28px;width:calc(100% - 100px);max-width:1320px;padding:48px;margin:24px auto 72px;scroll-margin-top:120px}
body.core-commercial-design.page-id-940 .commercial-feature-1 .the_video{aspect-ratio:1;align-self:stretch;background:#293237}
body.core-commercial-design.page-id-940 .commercial-install-metrics{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;padding:8px 0 0;margin:28px 0 12px}
body.core-commercial-design.page-id-940 .commercial-install-metrics>div{display:flex;flex-direction:column;gap:8px}
body.core-commercial-design.page-id-940 .commercial-install-metrics strong{font:800 clamp(40px,4vw,60px)/1.05 Exo,Arial,sans-serif;letter-spacing:-.035em;color:white}
body.core-commercial-design.page-id-940 .commercial-install-metrics span{font-size:16px;color:white}
body.core-commercial-design.page-id-940 .commercial-feature .commercial-rate-note{font-size:13px;color:#dbe0e2;margin:0 0 24px}
body.core-commercial-design.page-id-940 .commercial-detail{border-top:1px solid #ffffff40;margin-top:24px;padding-top:18px}
body.core-commercial-design.page-id-940 .commercial-detail summary{font-size:16px;font-weight:700;cursor:pointer;line-height:1.5;min-height:30px}
body.core-commercial-design.page-id-940 .commercial-detail[open] summary{margin-bottom:18px}
body.core-commercial-design.page-id-940 .commercial-engineering{max-width:1320px;width:calc(100% - 100px);margin:0 auto;padding:0 0 12px}
body.core-commercial-design.page-id-940 .commercial-engineering h2{margin-bottom:16px}
body.core-commercial-design.page-id-940 .commercial-engineering h2 span{color:#f88119}
body.core-commercial-design.page-id-940 .commercial-engineering p{font-size:18px;line-height:1.6;max-width:650px;margin:0}
body.core-commercial-design.page-id-940 .commercial-feature-0 .the_video{order:-1}
body.core-commercial-design.page-id-940 .commercial-feature-0{background:#f4f5f5;border-radius:0 28px 28px 28px;max-width:1320px;width:calc(100% - 100px);padding:48px;margin:0 auto}
body.core-commercial-design.page-id-940 .commercial-feature-3{padding-bottom:80px}
body.core-commercial-design.page-id-940 .commercial-proof{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px 64px;padding-top:24px}
body.core-commercial-design.page-id-940 .commercial-project-photo{margin:0;align-self:stretch;min-width:0}
body.core-commercial-design.page-id-940 .commercial-project-photo img{width:100%;height:430px;object-fit:cover;display:block;border-radius:0 24px 24px 24px}
body.core-commercial-design.page-id-940 .commercial-project-photo figcaption{font-size:12px;color:#5b696f;margin-top:10px}
body.core-commercial-design.page-id-940 .commercial-proof-number{font-family:Exo,Arial,sans-serif!important}
body.core-commercial-design.page-id-940 .commercial-spec{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;padding:40px;margin-top:20px;border-radius:0 24px 24px 24px}
body.core-commercial-design.page-id-940 .commercial-spec h2{grid-column:1;grid-row:1;margin:0}
body.core-commercial-design.page-id-940 .commercial-spec p{grid-column:1;grid-row:2/5;margin:20px 0 0;max-width:480px}
body.core-commercial-design.page-id-940 .commercial-spec>a{grid-column:2;padding:18px 0}
body.core-commercial-design.page-id-940 a.commercial-button{border-radius:0 17px 17px 17px}
body.core-commercial-design.page-id-940 .banner_title .commercial-hero-story{font-size:clamp(21px,2.2vw,30px);line-height:1.35}
@media(max-width:767px){
body.core-commercial-design.page-id-940 .commercial-feature{grid-template-columns:minmax(0,1fr);padding:36px 20px;gap:28px;width:100%}
body.core-commercial-design.page-id-940 .commercial-feature-1,body.core-commercial-design.page-id-940 .commercial-feature-0{width:calc(100% - 40px);padding:26px 24px;margin:12px auto 40px}
body.core-commercial-design.page-id-940 .commercial-feature .the_video{order:1;aspect-ratio:1.3}
body.core-commercial-design.page-id-940 .commercial-install-metrics{gap:18px}
body.core-commercial-design.page-id-940 .commercial-install-metrics strong{font-size:40px}
body.core-commercial-design.page-id-940 .commercial-engineering{width:calc(100% - 40px);padding:0}
body.core-commercial-design.page-id-940 .commercial-proof{grid-template-columns:minmax(0,1fr);padding:30px 20px 50px;gap:28px}
body.core-commercial-design.page-id-940 .commercial-project-photo img{height:280px}
body.core-commercial-design.page-id-940 .commercial-spec{display:block;padding:26px 24px;margin-top:16px}
body.core-commercial-design.page-id-940 .commercial-spec p{margin:20px 0}
}
body.core-commercial-design.page-id-940 #shifter .commercial-feature .the_video>div>iframe{transform:none!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;min-height:0!important}

/* All four Commercial clips are 4:5. Cover the shaped viewport without letterboxing. */
body.core-commercial-design.page-id-940 #shifter .commercial-feature .the_video{container-type:size}
body.core-commercial-design.page-id-940 #shifter .commercial-feature .the_video>div{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important}
body.core-commercial-design.page-id-940 #shifter .commercial-feature .the_video>div>iframe{width:max(100cqw,80cqh)!important;height:max(125cqw,100cqh)!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-width:none!important;min-width:0!important;min-height:0!important}

/* One clipping boundary preserves the CORE square/rounded corner silhouette. */
body.core-commercial-design.page-id-940 #shifter .commercial-feature .the_video>div{border-radius:0!important;overflow:visible!important}
body.core-commercial-design.page-id-940 .commercial-feature-0{background:#fff;border-radius:0;max-width:1420px;width:100%;padding:64px 50px;margin:0 auto}
@media(max-width:767px){body.core-commercial-design.page-id-940 .commercial-feature-0{width:100%;padding:36px 20px;margin:0 auto}}