/* Selected graphite / silver identity. Layout changes are limited to the home hero. */
html body .product-header .nav-inner{height:100px}
html body .product-header .product-name{color:#c5c7ca}
html body .product-header .brand-divider{background:#626872}
html body .product-header .nav-contact{color:#f5f5f2;border-color:#626872}
html body :is(.site-header,.product-header) .desktop-nav a{white-space:nowrap}
html body .product-header .menu-button{color:#f5f5f2}
html body header.product-header{height:auto}
html body .product-header .mobile-nav{position:relative;background:#16181b;color:#f5f5f2;border-color:#373b42}
html body .product-header .mobile-nav a:hover,html body .product-header .mobile-nav a:focus-visible{color:#91b5ff}
@media(max-width:1100px){html body .product-header .nav-contact{display:none}}
@media(max-width:760px){html body .product-header .nav-inner{height:78px}}
:root{--ink:#16181b;--paper:#f5f5f2;--muted:#626872;--line:#dedfe0;--mint:#edeef0;--navy:#24272c;--navy-hover:#2457e6;--cobalt:#2457e6;--orange:#2457e6;--soft-blue:#edf2fd}
html[data-theme="dark"]{--ink:#f5f5f2;--paper:#16181b;--muted:#c5c7ca;--line:#373b42;--mint:#24272c;--navy:#f5f5f2;--navy-hover:#fff;--cobalt:#91b5ff;--orange:#91b5ff;--soft-blue:#252e42;--surface:#24272c;--surface-2:#2e3238;--border:#3d424b}
.header-tools{--switch-accent:#2457e6;--switch-hover-line:#2457e6;--switch-idle:#626872;--switch-line:#c5c7ca}
.button-dark,.demo-run{background:#2457e6;color:#fff}
.button-dark:hover,.demo-run:hover{background:#1b46c4}
.av-core{background:#24272c}
html body :is(.site-header,.product-header),html body :is(.site-header,.product-header).is-scrolled{max-width:none;background:#16181b;color:#f5f5f2;height:100px;box-shadow:none;border-bottom:1px solid #ffffff14}
html body :is(.site-header,.product-header) .brand-logo-light{display:none}html body :is(.site-header,.product-header) .brand-logo-dark{display:block}
html body :is(.site-header,.product-header) .desktop-nav a{color:#c5c7ca}html body :is(.site-header,.product-header) .desktop-nav a:hover{color:#fff}
html body :is(.site-header,.product-header) .header-cta{border-color:#626872;color:#f5f5f2}html body :is(.site-header,.product-header) .header-cta:hover{background:#24272c}
html body :is(.site-header,.product-header) .header-tools{--switch-line:#626872;--switch-idle:#c5c7ca;--switch-accent:#f5f5f2;--switch-accent-text:#16181b;--switch-hover-line:#91b5ff}
html body :is(.site-header,.product-header) .theme-toggle{color:#f5f5f2}html body :is(.site-header,.product-header) .menu-button span{background:#f5f5f2}
.brand-home .grain{opacity:.015}
.brand-home .hero.brand-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;max-width:none;margin:0;padding:0;border-radius:0;min-height:690px;background:#16181b;overflow:hidden;color:#f5f5f2}
.brand-hero-copy{position:relative;z-index:2;padding:80px 32px 54px max(7.1vw,calc((100vw - 1480px)/2));display:flex;flex-direction:column;align-items:flex-start}
.brand-eyebrow{display:flex;gap:18px;align-items:center;font-size:10px;font-weight:500;letter-spacing:2.1px;line-height:1.8;color:#c5c7ca;margin:0 0 32px}
.brand-eyebrow>span{width:40px;height:1px;background:#626872}
.brand-home .hero.brand-hero h1{font-size:clamp(40px,4.1vw,66px);line-height:1.22;letter-spacing:-.05em;font-weight:550;color:#f5f5f2;margin:0 0 26px;max-width:680px}
.brand-home .hero.brand-hero h1>span{color:#c5c7ca}
.brand-hero-description{font-size:15px;line-height:1.9;color:#b8bdc5;max-width:510px;margin:0 0 32px}
.brand-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.brand-primary{background:#2457e6;color:#fff;border-radius:5px;padding:17px 22px;font-size:13px;min-height:54px;gap:22px}
.brand-primary:hover{background:#3465f1}.brand-primary>span:last-child{font-size:22px;transition:transform .25s}.brand-primary:hover>span:last-child{transform:translateX(4px)}
.brand-watch{display:flex;align-items:center;gap:12px;font-size:12px;color:#c5c7ca}.brand-watch:hover{color:#fff}
.brand-watch>span{color:#91b5ff;font-size:20px}
.brand-hero-foot{display:flex;gap:18px;align-items:center;margin-top:auto;padding-top:50px;color:#aeb3bb}
.brand-hero-foot>span{width:34px;height:1px;background:#626872}.brand-hero-foot p{font-size:9px;line-height:1.9;letter-spacing:2px;margin:0}
.brand-hero-scene{position:relative;min-height:690px;overflow:hidden;background:#24272c}
.brand-hero-scene .office-scene{position:absolute;width:100%;height:100%;object-fit:cover;object-position:55% center;display:block}
.brand-hero-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#16181b 0%,#16181b22 12%,transparent 30%);pointer-events:none}
.brand-hero-scene .wall-logo{position:absolute;z-index:1;left:35%;top:22%;width:49%;height:auto;mask:url('/assets/brand/1stX-graphite.svg') center/100% 100% no-repeat;}
.brand-demo-disclosure{max-width:1180px;margin:0 auto;padding:0 26px;background:var(--paper)}
.brand-demo-disclosure summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;padding:23px 0;font-size:13px;color:var(--muted);gap:20px}
.brand-demo-disclosure summary::-webkit-details-marker{display:none}.brand-demo-disclosure summary>span:last-child{font-size:24px;color:var(--cobalt)}
.brand-demo-disclosure[open] summary>span:last-child{transform:rotate(45deg)}
.brand-demo-inner{max-width:670px;margin:0 auto;padding:10px 0 38px}.brand-demo-inner .agent-demo{scroll-margin-top:110px}
.brand-demo-inner .demo-wordmark{display:flex;align-items:center}.brand-demo-inner .demo-wordmark .signature{display:inline-flex}
@media(min-width:1600px){.brand-hero-copy{padding-top:100px;padding-bottom:70px}.brand-home .hero.brand-hero,.brand-hero-scene{min-height:790px}}
@media(max-width:1100px){.brand-hero-copy{padding:62px 28px 42px 5vw}.brand-home .hero.brand-hero h1{font-size:44px}.brand-hero-description{font-size:14px}.brand-hero-actions{gap:18px}html body :is(.site-header,.product-header){gap:18px}html body .site-header .desktop-nav{gap:18px}html body :is(.site-header,.product-header) .header-cta{display:none}}
@media(max-width:760px){html body :is(.site-header,.product-header),html body :is(.site-header,.product-header).is-scrolled{height:78px}.brand-home .hero.brand-hero{display:flex;flex-direction:column;min-height:0}.brand-hero-copy{padding:46px 25px 32px}.brand-home .hero.brand-hero h1{font-size:clamp(36px,8.5vw,52px);line-height:1.25;letter-spacing:-.045em}.brand-eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:24px}.brand-hero-description{font-size:14px;line-height:1.85;max-width:560px}.brand-hero-actions{gap:20px}.brand-primary{font-size:12px;padding:15px 18px}.brand-hero-foot{display:none}.brand-hero-scene{min-height:0;height:340px;width:100%;}.brand-hero-scene .office-scene{object-position:center 58%}.brand-hero-scene:after{background:linear-gradient(180deg,#16181b,transparent 22%)}.brand-hero-scene .wall-logo{width:37%;left:43%;top:13%}.brand-demo-disclosure summary{font-size:12px}.brand-demo-inner .agent-demo{padding:18px}}

/* Wall signage shares the photograph coordinates, including responsive crops. */
.brand-hero-scene .office-composition{position:absolute;inset:0;width:100%;height:100%;display:block}