/* Commercial Division page (page 884): sticky line selector, line viewers, value-engineered band, at-a-glance cards.
   Loaded only on /commercial-division/ by the "NGS Commercial Division layout" snippet. */

/* ---------- heading above the selector ---------- */
.cd-bhead{background:#0a0a0a;color:#fff}
.cd-bhead__in{max-width:1232px;margin:0 auto;padding:38px 24px 20px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap}
.cd-bhead .cd-k{margin:0 0 8px!important;font:800 12px Figtree,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:.18em;text-transform:uppercase;color:#7fe9ee!important}
.cd-bhead h2{margin:0!important;font-family:Archivo,"Helvetica Neue",Arial,sans-serif!important;font-stretch:125%;font-weight:900!important;text-transform:uppercase;font-size:clamp(26px,3vw,40px)!important;line-height:1!important;color:#fff!important}
.cd-bhead .cd-note{margin:0!important;max-width:46ch;color:#aab3b4!important;font:500 15px/1.5 Figtree,"Helvetica Neue",Arial,sans-serif!important}

/* ---------- sticky selector (its section sits under the site header for the whole page) ---------- */
section.cd-tabs-sec{position:sticky!important;top:var(--cd-top,123px);z-index:60;padding:0!important}
.cd-tabs{display:grid;grid-template-columns:repeat(6,1fr) auto;background:#0a0a0a;border-top:1px solid #222;border-bottom:1px solid #222;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.cd-tabs button.cd-tab{all:unset;box-sizing:border-box;cursor:pointer;padding:16px 22px 14px;border-right:1px solid #222;box-shadow:inset 0 -3px 0 transparent;color:#9aa3a4;min-width:0}
.cd-tabs button.cd-tab b{display:block;font:900 15px/1.15 Archivo,"Helvetica Neue",Arial,sans-serif;font-stretch:125%;text-transform:uppercase;letter-spacing:.02em}
.cd-tabs button.cd-tab small{display:block;margin-top:4px;font:600 12px/1.3 Figtree,"Helvetica Neue",Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cd-tabs button.cd-tab .s{display:none}
.cd-tabs button.cd-tab:hover{color:#fff}
.cd-tabs button.cd-tab.is-on{color:#fff;box-shadow:inset 0 -3px 0 #00b5bd;background:#141819}
.cd-tabs button.cd-tab.is-on small{color:#7fe9ee}
.cd-tabs button.cd-tab:focus-visible{outline:2px solid #00b5bd;outline-offset:-2px}
.cd-tabs .cd-q{display:flex;align-items:center;padding:0 22px;border-left:1px solid #222}
.cd-tabs .cd-q a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:200px;height:40px;padding:0 18px;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);color:#fff!important;font:800 13.5px Figtree,"Helvetica Neue",Arial,sans-serif;text-decoration:none!important;white-space:nowrap}
.cd-tabs .cd-q a:hover{background:#fff;color:#0a0a0a!important}

/* ---------- viewers ---------- */
.cd-panel[hidden]{display:none!important}
.cd-panels .v2-fview__brand{display:none!important}                 /* the tab above already names the line */
.cd-panels .v2-cview .v2-fview__bar{display:none!important}          /* pricing lives in the selector bar */
.cd-panels .v2-fview__bar{min-height:0}
.cd-panels .v2-phero#pher{padding-top:0!important;padding-bottom:0!important}
.cd-panels #pher .v2-phero__line{display:none!important}              /* standalone-section heading, not needed under the tab */                  /* tile viewer: drop the band it had as a standalone section */
@media (min-width:901px){
	/* each viewer fills the screen below the header and the selector bar */
	.ngs-v2 .cd-panels .v2-fview--embed:not(.is-max){height:clamp(560px,calc(100vh - var(--cd-top,123px) - 68px),900px)!important;height:clamp(560px,calc(100dvh - var(--cd-top,123px) - 68px),900px)!important}
}
.cd-pcta{display:none}
.cd-ct{display:grid;grid-template-columns:1.1fr 1fr;min-height:620px;background:#0a0a0a}
.cd-ct__img{min-height:320px}
.cd-ct__img img{width:100%;height:100%!important;object-fit:cover;display:block}
.cd-ct__b{padding:44px 48px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.cd-ct__b h3{margin:0!important;font:900 30px/1.05 Archivo,"Helvetica Neue",Arial,sans-serif!important;font-stretch:125%;text-transform:uppercase;color:#fff!important}
.cd-ct__b p{margin:0!important;color:#c7cfd0!important;font:500 16px/1.6 Figtree,"Helvetica Neue",Arial,sans-serif!important}
.cd-ct__r{display:grid;gap:10px;margin-top:8px}
.cd-ct__r div{border:1px solid #2a3133;border-radius:10px;padding:14px 16px}
.cd-ct__r b{display:block;color:#fff;font:800 15px Figtree,"Helvetica Neue",Arial,sans-serif;margin-bottom:4px}
.cd-ct__r span{color:#aab3b4;font:500 14px/1.5 Figtree,"Helvetica Neue",Arial,sans-serif}
.cd-ct__b .cd-btn{align-self:flex-start;display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:999px;background:#fff;color:#0a0a0a!important;font:800 14.5px Figtree,"Helvetica Neue",Arial,sans-serif;text-decoration:none!important;margin-top:6px}

/* ---------- value engineered ---------- */
.cd-ve{background:#f4f6f6;border-top:1px solid #e4e8e8}
.cd-ve__in{max-width:1232px;margin:0 auto;padding:72px 24px 64px}
.cd-ve .cd-k{margin:0 0 12px!important;font:800 12.5px Figtree,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:.2em;text-transform:uppercase;color:#00757c!important}
.cd-ve h2{margin:0!important;font-family:Archivo,"Helvetica Neue",Arial,sans-serif!important;font-stretch:125%;font-weight:900!important;text-transform:uppercase;font-size:clamp(34px,4.6vw,66px)!important;line-height:.95!important;letter-spacing:-.012em;color:#0a0a0a!important;max-width:16ch}
.cd-ve h2 em{font-style:normal;background:linear-gradient(90deg,#0aa6c2,#1a7fe0);-webkit-background-clip:text;background-clip:text;color:transparent}
.cd-ve__lede{margin:22px 0 0!important;max-width:60ch;font:500 18px/1.6 Figtree,"Helvetica Neue",Arial,sans-serif!important;color:#3b4445!important}
.cd-ve__nums{display:grid;grid-template-columns:repeat(3,1fr);margin:40px 0 0;border-top:1px solid #d8dede;border-bottom:1px solid #d8dede}
.cd-ve__nums div{padding:22px 24px 20px 0}
.cd-ve__nums div+div{padding-left:24px;border-left:1px solid #d8dede}
.cd-ve__nums b{display:block;font:900 clamp(30px,3.4vw,48px)/1 Archivo,"Helvetica Neue",Arial,sans-serif;font-stretch:125%;color:#0a0a0a}
.cd-ve__nums span{display:block;margin-top:8px;font:600 14px/1.4 Figtree,"Helvetica Neue",Arial,sans-serif;color:#5b6466}
.cd-ve__cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.cd-ve__col{background:#fff;border:1px solid #e1e6e6;border-radius:16px;padding:28px 28px 22px}
.cd-ve__col.is-dark{background:#0a0a0a;border-color:#0a0a0a}
.cd-ve__col h3{margin:0 0 18px!important;font:900 22px/1 Archivo,"Helvetica Neue",Arial,sans-serif!important;font-stretch:125%;text-transform:uppercase;color:#0a0a0a!important}
.cd-ve__col.is-dark h3{color:#fff!important}
.cd-ve__col ul{list-style:none!important;margin:0!important;padding:0!important}
.cd-ve__col li{margin:0!important;padding:14px 0;border-top:1px solid #edf0f0;display:grid;grid-template-columns:28px 1fr;gap:4px 10px;list-style:none!important}
.cd-ve__col.is-dark li{border-color:#222}
.cd-ve__col li i{grid-row:span 2;width:22px;height:22px;border-radius:50%;background:#00b5bd;color:#fff;font:900 12px/22px Figtree,Arial,sans-serif;text-align:center;font-style:normal}
.cd-ve__col li b{font:800 16px/1.3 Figtree,"Helvetica Neue",Arial,sans-serif;color:#0a0a0a}
.cd-ve__col.is-dark li b{color:#fff}
.cd-ve__col li span{font:500 14.5px/1.5 Figtree,"Helvetica Neue",Arial,sans-serif;color:#5b6466}
.cd-ve__col.is-dark li span{color:#aab3b4}
.cd-ve__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:30px}
.cd-ve__cta a{display:inline-flex;align-items:center;height:50px;padding:0 26px;border-radius:999px;font:800 15px Figtree,"Helvetica Neue",Arial,sans-serif;text-decoration:none!important}
.cd-ve__cta a.is-dark{background:#0a0a0a;color:#fff!important}
.cd-ve__cta a.is-line{border:2px solid #0a0a0a;color:#0a0a0a!important}
.cd-ve__cta p{margin:0 0 0 6px!important;font:600 14px Figtree,"Helvetica Neue",Arial,sans-serif!important;color:#5b6466!important}

/* ---------- at a glance ---------- */
.cd-glance{max-width:1232px;margin:0 auto;padding:60px 24px 28px}
.cd-glance h2{margin:0 0 22px!important}
.cd-glance__g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cd-card{border:1px solid #e6e6e2;border-radius:14px;padding:22px;background:#fff;display:flex;flex-direction:column}
.cd-card .cd-k{margin:0 0 6px!important;font:800 11.5px Figtree,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:.16em;text-transform:uppercase;color:#00757c!important}
.cd-card h3{margin:0 0 12px!important;font:900 21px/1.05 Archivo,"Helvetica Neue",Arial,sans-serif!important;font-stretch:125%;text-transform:uppercase;color:#0a0a0a!important}
.cd-card ul{margin:0 0 16px!important;padding:0!important;list-style:none!important;display:grid;gap:8px}
.cd-card li{position:relative;padding-left:24px;font:600 14px/1.45 Figtree,"Helvetica Neue",Arial,sans-serif;color:#2b3233;margin:0!important;list-style:none!important}
.cd-card li:before{content:"";position:absolute;left:0;top:3px;width:15px;height:15px;border-radius:50%;background:#00b5bd}
.cd-card a{margin-top:auto;font:800 14px Figtree,"Helvetica Neue",Arial,sans-serif;color:#00757c!important;text-decoration:underline!important;text-underline-offset:3px}

/* ---------- phones and tablets ---------- */
@media (max-width:1024px){section.cd-tabs-sec{top:var(--cd-top,73px)}}
@media (max-width:900px){
	.cd-tabs{grid-template-columns:repeat(6,1fr)}
	.cd-tabs .cd-q{display:none}
	.cd-tabs button.cd-tab{padding:13px 4px 11px;text-align:center}
	.cd-tabs button.cd-tab small{display:none}
	.cd-tabs button.cd-tab b{font-size:12px;letter-spacing:0}
	.cd-tabs button.cd-tab .l{display:none}
	.cd-tabs button.cd-tab .s{display:inline}
	.cd-pcta{display:block;padding:14px 16px 18px;background:#0a0a0a}
	.cd-pcta a{display:flex;justify-content:center;align-items:center;gap:8px;height:48px;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);color:#fff!important;font:800 15px Figtree,"Helvetica Neue",Arial,sans-serif;text-decoration:none!important}
	.cd-ct{grid-template-columns:1fr;min-height:0}
	.cd-ct__img{min-height:0}
	.cd-ct__img img{height:240px!important}
	.cd-ct__b{padding:24px 18px}
	.cd-ve__cols,.cd-glance__g{grid-template-columns:1fr}
}
@media (max-width:700px){
	.cd-bhead__in{padding:26px 16px 16px}
	.cd-tabs button.cd-tab b{font-size:11.5px}
	.cd-ve__in{padding:48px 16px 44px}
	.cd-ve__nums{grid-template-columns:1fr}
	.cd-ve__nums div+div{padding-left:0;border-left:0;border-top:1px solid #d8dede}
	.cd-ve__col{padding:22px 18px 14px}
	.cd-ve__lede{font-size:16px!important}
	.cd-glance{padding:44px 16px 20px}
}
@media (max-width:900px){.cd-tabs button.cd-tab b{font-stretch:100%;letter-spacing:.01em}}
@media (max-width:420px){.cd-tabs button.cd-tab{padding:13px 2px 11px}.cd-tabs button.cd-tab b{font-size:11px;letter-spacing:0}}
@media (max-width:360px){.cd-tabs button.cd-tab b{font-size:10px}}

/* Doors line (Commercial Division) */
.cd-dr{max-width:1320px;margin:0 auto;padding:22px 24px 6px}
.cd-dr__how{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cd-dr__how div{border:1px solid #d9dddf;border-radius:14px;background:#fff;padding:16px 18px}
.cd-dr__how b{display:block;font:800 15px/1.25 Archivo,"Helvetica Neue",Arial,sans-serif;color:#0a0a0a;margin-bottom:6px}
.cd-dr__how span{display:block;font:500 14px/1.5 Figtree,"Helvetica Neue",Arial,sans-serif;color:#4a5355}
.cd-dr__ph{margin-top:22px}
.cd-dr__g{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.cd-dr__g figure{flex:0 0 auto;margin:0;scroll-snap-align:start;width:auto}
.cd-dr__g img{display:block;height:300px;width:auto;border-radius:12px;object-fit:cover}
.cd-dr__g figcaption{font:600 13px/1.3 Figtree,"Helvetica Neue",Arial,sans-serif;color:#4a5355;margin-top:8px}
@media (max-width:900px){.cd-dr{padding:18px 16px 4px}.cd-dr__how{grid-template-columns:1fr 1fr}.cd-dr__g img{height:220px}}
@media (max-width:520px){.cd-dr__how{grid-template-columns:1fr}}
.cd-dr .cd-k{margin:0 0 10px;font:800 12px/1 Archivo,"Helvetica Neue",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#0b7a80}
/* door carousel on the stage: every style on one wall, swipe left/right */
.v2-dview .dv-stage{background:#d7d1c8}
.v2-dview .dv-wall{position:absolute;inset:0;background:linear-gradient(180deg,#e3ddd4 0%,#cfc8bd 86%,#f7f6f3 86%,#f7f6f3 88.2%,#c4b49c 88.2%,#b9a78d 100%)}
.v2-dview .dv-wall::after{content:"";position:absolute;left:0;right:0;top:88.2%;bottom:0;background:repeating-linear-gradient(180deg,transparent 0 22px,rgba(120,100,75,.18) 22px 24px)}
.v2-dview .dv-track{position:absolute;inset:0;display:flex;align-items:flex-end;gap:clamp(18px,4vw,64px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:0;box-sizing:border-box;outline:none;container-type:size}
.v2-dview .dv-track::-webkit-scrollbar{display:none}
.v2-dview .dv-slide{all:unset;flex:0 0 auto;height:74%;height:72cqh;margin-bottom:11.8cqh;scroll-snap-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;position:relative;transition:transform .35s ease,opacity .35s ease;transform:scale(.9);transform-origin:50% 100%;opacity:.72}
.v2-dview .dv-slide.is-on{transform:none;opacity:1}
.v2-dview .dv-door{display:block;height:100%;padding:3.2% 3.2% 0;background:#fbfaf8;box-shadow:0 0 0 1px #d4d0c9,10px 14px 26px rgba(70,58,44,.28);box-sizing:border-box}
.v2-dview .dv-door img{display:block;height:100%;width:auto;box-shadow:0 0 0 3px #e4e1dc}
.v2-dview .dv-slide.is-photo .dv-door{padding:0;background:#111;border-radius:6px;overflow:hidden}
.v2-dview .dv-slide.is-photo .dv-door img{box-shadow:none}
.v2-dview .dv-cap{position:absolute;top:calc(100% + 10px);white-space:nowrap;font:800 12px/1 Archivo,"Helvetica Neue",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#3d3328;opacity:0;transition:opacity .3s}
.v2-dview .dv-slide.is-on .dv-cap{opacity:1}
.v2-dview .dv-slide:focus-visible .dv-door{outline:3px solid #00b5bd;outline-offset:4px}
.v2-dview .dv-nav{all:unset;position:absolute;top:44%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border-radius:50%;background:rgba(10,10,10,.72);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.v2-dview .dv-nav:hover,.v2-dview .dv-nav:focus-visible{background:#0a0a0a}
.v2-dview .dv-nav svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.v2-dview .dv-prev{left:14px}.v2-dview .dv-next{right:14px}
@media (max-width:900px){.v2-dview .dv-slide{height:70%;height:70cqh}.v2-dview .dv-nav{width:38px;height:38px}.v2-dview .dv-prev{left:8px}.v2-dview .dv-next{right:8px}.v2-dview .dv-cap{font-size:11px}}