#site-main.commercial-mirrors-modern-page :where(*){all:revert;box-sizing:border-box} #site-main.commercial-mirrors-modern-page{--navy:#0b2636;--navy2:#12394d;--blue:#235879;--gold:#c99b5c;--gold2:#e3be86;--paper:#f7f5f0;--sand:#ece6db;--ink:#183443;--muted:#687982;--line:#d9d5cd;--white:#fff;--green:#37745a} #site-main.commercial-mirrors-modern-page *{box-sizing:border-box} #site-main.commercial-mirrors-modern-page{scroll-behavior:smooth} #site-main.commercial-mirrors-modern-page{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif} #site-main.commercial-mirrors-modern-page a{color:inherit;text-decoration:none} #site-main.commercial-mirrors-modern-page img{width:100%;height:100%;display:block;object-fit:cover} #site-main.commercial-mirrors-modern-page button,#site-main.commercial-mirrors-modern-page input,#site-main.commercial-mirrors-modern-page select,#site-main.commercial-mirrors-modern-page textarea{font:inherit} #site-main.commercial-mirrors-modern-page h1,#site-main.commercial-mirrors-modern-page h2,#site-main.commercial-mirrors-modern-page h3,#site-main.commercial-mirrors-modern-page p{margin-top:0} #site-main.commercial-mirrors-modern-page h1,#site-main.commercial-mirrors-modern-page h2,#site-main.commercial-mirrors-modern-page h3{font-family:Georgia,"Times New Roman",serif;font-weight:500} #site-main.commercial-mirrors-modern-page h1{font-size:clamp(44px,5.7vw,79px);line-height:.98;letter-spacing:-.025em;margin:18px 0 24px} #site-main.commercial-mirrors-modern-page h2{font-size:clamp(34px,3.7vw,52px);line-height:1.08;letter-spacing:-.018em;margin:12px 0 17px} #site-main.commercial-mirrors-modern-page h3{font-size:23px;line-height:1.18} #site-main.commercial-mirrors-modern-page .shell{width:min(1240px,calc(100% - 52px));margin:auto} #site-main.commercial-mirrors-modern-page .preview-bar{background:#d8a45f;color:#102b3a;text-align:center;padding:7px;font-size:10px;font-weight:900;letter-spacing:.15em} #site-main.commercial-mirrors-modern-page .preview-bar span{margin:0 8px} #site-main.commercial-mirrors-modern-page .site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,240,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)} #site-main.commercial-mirrors-modern-page .nav{height:88px;display:flex;align-items:center;gap:32px} #site-main.commercial-mirrors-modern-page .brand{display:flex;align-items:center;gap:11px;margin-right:auto} #site-main.commercial-mirrors-modern-page .brand img{width:46px;height:46px;object-fit:contain} #site-main.commercial-mirrors-modern-page .brand span{display:flex;flex-direction:column} #site-main.commercial-mirrors-modern-page .brand strong{font:700 17px Georgia,serif;letter-spacing:.1em} #site-main.commercial-mirrors-modern-page .brand small{font-size:8px;letter-spacing:.12em;color:var(--muted)} #site-main.commercial-mirrors-modern-page .nav-links{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:700;color:#45606d} #site-main.commercial-mirrors-modern-page .nav-links a{padding:34px 0 29px;border-bottom:2px solid transparent} #site-main.commercial-mirrors-modern-page .nav-links a:hover{color:var(--blue);border-color:var(--gold)} #site-main.commercial-mirrors-modern-page .pill{border:1px solid var(--blue);background:transparent;display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:3px;font-size:11px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;cursor:pointer} #site-main.commercial-mirrors-modern-page .pill.primary{background:var(--blue);color:#fff} #site-main.commercial-mirrors-modern-page .pill.gold{background:var(--gold);border-color:var(--gold);color:#102b3a} #site-main.commercial-mirrors-modern-page .pill.outline{border-color:rgba(255,255,255,.7);color:#fff} #site-main.commercial-mirrors-modern-page .menu-button,#site-main.commercial-mirrors-modern-page .mobile-nav{display:none} #site-main.commercial-mirrors-modern-page .hero{min-height:720px;position:relative;display:flex;align-items:center;background:var(--navy);overflow:hidden} #site-main.commercial-mirrors-modern-page .hero>img{position:absolute;inset:0;object-position:center} #site-main.commercial-mirrors-modern-page .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,30,.98) 0%,rgba(4,20,30,.85) 35%,rgba(4,20,30,.15) 72%),linear-gradient(0deg,rgba(5,22,31,.32),transparent 50%)} #site-main.commercial-mirrors-modern-page .hero-inner{position:relative;z-index:2} #site-main.commercial-mirrors-modern-page .hero-copy{width:min(685px,59%);color:#fff;padding:76px 0} #site-main.commercial-mirrors-modern-page .eyebrow{text-transform:uppercase;color:var(--gold2);font-size:10px;font-weight:900;letter-spacing:.2em} #site-main.commercial-mirrors-modern-page .eyebrow.dark{color:#986d37} #site-main.commercial-mirrors-modern-page .hero-copy p{font-size:17px;max-width:625px;color:#d8e1e5} #site-main.commercial-mirrors-modern-page .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px} #site-main.commercial-mirrors-modern-page .hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:#dbe4e7;font-size:11px} #site-main.commercial-mirrors-modern-page .hero-trust span:before{content:"✓";color:var(--gold2);margin-right:7px} #site-main.commercial-mirrors-modern-page .visual-note{position:absolute;z-index:3;right:14px;top:14px;background:rgba(8,31,43,.78);color:#fff;padding:5px 8px;font-size:8px;letter-spacing:.08em} #site-main.commercial-mirrors-modern-page .signal-strip{background:#102f40;color:#fff} #site-main.commercial-mirrors-modern-page .signal-grid{display:grid;grid-template-columns:repeat(4,1fr)} #site-main.commercial-mirrors-modern-page .signal-grid>div{display:flex;align-items:flex-start;gap:14px;padding:24px 22px;border-right:1px solid rgba(255,255,255,.12)} #site-main.commercial-mirrors-modern-page .signal-grid>div:last-child{border:0} #site-main.commercial-mirrors-modern-page .signal-grid b{color:var(--gold2);font-size:11px} #site-main.commercial-mirrors-modern-page .signal-grid span{color:#afc0c8;font-size:10px;line-height:1.45} #site-main.commercial-mirrors-modern-page .signal-grid strong{display:block;color:#fff;font-size:10px;letter-spacing:.08em;margin-bottom:4px} #site-main.commercial-mirrors-modern-page .section{padding:96px 0} #site-main.commercial-mirrors-modern-page .intro{background:#fff} #site-main.commercial-mirrors-modern-page .intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:47px} #site-main.commercial-mirrors-modern-page .intro-copy{color:var(--muted);font-size:15px;max-width:540px} #site-main.commercial-mirrors-modern-page .intro-copy p:last-child{margin-bottom:0} #site-main.commercial-mirrors-modern-page .environment-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px} #site-main.commercial-mirrors-modern-page .environment{height:500px;position:relative;overflow:hidden;background:#d7d4cc} #site-main.commercial-mirrors-modern-page .environment:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,22,31,.96))} #site-main.commercial-mirrors-modern-page .environment img{transition:transform .55s} #site-main.commercial-mirrors-modern-page .environment:hover img{transform:scale(1.025)} #site-main.commercial-mirrors-modern-page .environment-copy{position:absolute;z-index:3;left:24px;right:24px;bottom:24px;color:#fff} #site-main.commercial-mirrors-modern-page .environment-copy>span{font-size:9px;color:var(--gold2);font-weight:900;letter-spacing:.13em} #site-main.commercial-mirrors-modern-page .environment-copy h3{font-size:29px;margin:7px 0} #site-main.commercial-mirrors-modern-page .environment-copy p{color:#cfdbdf;font-size:12px;max-width:440px} #site-main.commercial-mirrors-modern-page .environment-copy a{font-size:10px;font-weight:900;color:#fff} #site-main.commercial-mirrors-modern-page .route-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:15px;border:1px solid var(--line)} #site-main.commercial-mirrors-modern-page .route-row a{padding:17px 19px;background:#faf9f6;border-right:1px solid var(--line);font-size:11px;font-weight:800} #site-main.commercial-mirrors-modern-page .route-row a:last-child{border:0} #site-main.commercial-mirrors-modern-page .route-row span{float:right;color:var(--gold)} #site-main.commercial-mirrors-modern-page .product-section{background:var(--sand)} #site-main.commercial-mirrors-modern-page .section-head{max-width:780px;margin:0 auto 42px;text-align:center} #site-main.commercial-mirrors-modern-page .section-head>p{color:var(--muted)} #site-main.commercial-mirrors-modern-page .split-head{max-width:none;display:grid;grid-template-columns:1.08fr .92fr;text-align:left;gap:80px;align-items:end} #site-main.commercial-mirrors-modern-page .split-head p{max-width:500px;margin-bottom:8px} #site-main.commercial-mirrors-modern-page .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} #site-main.commercial-mirrors-modern-page .product-card{position:relative;background:#fff;border:1px solid #d8d2c8;padding:30px 25px 28px;min-height:480px;display:flex;flex-direction:column} #site-main.commercial-mirrors-modern-page .navy-card{background:var(--navy);color:#fff;border-color:var(--navy)} #site-main.commercial-mirrors-modern-page .card-num{position:absolute;right:19px;top:17px;font-size:10px;color:#96744a} #site-main.commercial-mirrors-modern-page .product-icon{width:52px;height:52px;border:1px solid var(--line);display:grid;place-items:center;font-size:27px;color:var(--gold);margin-bottom:35px} #site-main.commercial-mirrors-modern-page .product-card h3{font-size:25px;margin-bottom:12px} #site-main.commercial-mirrors-modern-page .product-card p,#site-main.commercial-mirrors-modern-page .product-card li{font-size:12px;color:var(--muted)} #site-main.commercial-mirrors-modern-page .navy-card p,#site-main.commercial-mirrors-modern-page .navy-card li{color:#bdcad0} #site-main.commercial-mirrors-modern-page .product-card ul{list-style:none;padding:0;margin:15px 0 28px} #site-main.commercial-mirrors-modern-page .product-card li{padding:7px 0;border-bottom:1px solid rgba(121,130,132,.18)} #site-main.commercial-mirrors-modern-page .product-card li:before{content:"·";color:var(--gold);margin-right:8px} #site-main.commercial-mirrors-modern-page .product-card a{margin-top:auto;font-size:10px;font-weight:900;color:var(--blue)} #site-main.commercial-mirrors-modern-page .navy-card a{color:var(--gold2)} #site-main.commercial-mirrors-modern-page .specification{background:var(--navy);color:#fff} #site-main.commercial-mirrors-modern-page .spec-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:86px} #site-main.commercial-mirrors-modern-page .spec-intro{position:sticky;top:130px;align-self:start} #site-main.commercial-mirrors-modern-page .spec-intro p{color:#bdcbd1} #site-main.commercial-mirrors-modern-page .document-box{border:1px solid rgba(255,255,255,.18);padding:20px;margin:27px 0 20px} #site-main.commercial-mirrors-modern-page .document-box span{display:block;color:var(--gold2);font-size:9px;font-weight:900;letter-spacing:.13em} #site-main.commercial-mirrors-modern-page .document-box strong{display:block;font-size:11px;color:#e7edef;margin-top:8px} #site-main.commercial-mirrors-modern-page .spec-list{border-top:1px solid rgba(255,255,255,.2)} #site-main.commercial-mirrors-modern-page .spec-list article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.17)} #site-main.commercial-mirrors-modern-page .spec-list article>span{font-size:11px;color:var(--gold2)} #site-main.commercial-mirrors-modern-page .spec-list h3{font-size:21px;margin:0 0 7px} #site-main.commercial-mirrors-modern-page .spec-list p{font-size:12px;color:#b9c8ce;margin:0} #site-main.commercial-mirrors-modern-page .decisions{background:#fff} #site-main.commercial-mirrors-modern-page .decision-table{border-top:2px solid var(--navy)} #site-main.commercial-mirrors-modern-page .decision-row{display:grid;grid-template-columns:1.05fr 1.1fr 1.2fr 1.65fr;border-bottom:1px solid var(--line)} #site-main.commercial-mirrors-modern-page .decision-row>*{padding:17px 16px;font-size:12px;border-right:1px solid var(--line)} #site-main.commercial-mirrors-modern-page .decision-row>*:last-child{border:0} #site-main.commercial-mirrors-modern-page .decision-row span{color:var(--muted)} #site-main.commercial-mirrors-modern-page .decision-row strong{font-family:Georgia,serif;font-size:15px} #site-main.commercial-mirrors-modern-page .table-head{background:#edf0ee} #site-main.commercial-mirrors-modern-page .table-head span{font-size:9px;color:var(--ink);font-weight:900;letter-spacing:.1em} #site-main.commercial-mirrors-modern-page .delivery{background:#0e2d3f;color:#fff} #site-main.commercial-mirrors-modern-page .delivery .split-head p{color:#bdcbd1} #site-main.commercial-mirrors-modern-page .timeline{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.16);margin-bottom:28px} #site-main.commercial-mirrors-modern-page .timeline article{padding:25px 20px;border-right:1px solid rgba(255,255,255,.14)} #site-main.commercial-mirrors-modern-page .timeline article:last-child{border:0} #site-main.commercial-mirrors-modern-page .timeline b{color:var(--gold2);font-size:11px} #site-main.commercial-mirrors-modern-page .timeline h3{font-size:19px;margin:14px 0 7px} #site-main.commercial-mirrors-modern-page .timeline p{font-size:11px;color:#afc0c8;margin:0} #site-main.commercial-mirrors-modern-page .proof-grid{display:grid;grid-template-columns:1.12fr .88fr .88fr;gap:12px} #site-main.commercial-mirrors-modern-page .proof-grid figure{height:330px;position:relative;margin:0;overflow:hidden} #site-main.commercial-mirrors-modern-page .proof-grid .proof-large{height:330px} #site-main.commercial-mirrors-modern-page .proof-grid figure:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(4,20,29,.95))} #site-main.commercial-mirrors-modern-page .proof-grid figcaption{position:absolute;z-index:2;left:21px;right:21px;bottom:18px} #site-main.commercial-mirrors-modern-page .proof-grid figcaption span{display:block;color:var(--gold2);font-size:8px;font-weight:900;letter-spacing:.12em} #site-main.commercial-mirrors-modern-page .proof-grid figcaption strong{font:500 20px Georgia,serif} #site-main.commercial-mirrors-modern-page .proof-grid figcaption p{font-size:10px;color:#c2d0d5;margin:4px 0 0} #site-main.commercial-mirrors-modern-page .faq-section{background:var(--paper)} #site-main.commercial-mirrors-modern-page .faq-grid{display:grid;grid-template-columns:.68fr 1.32fr;gap:80px} #site-main.commercial-mirrors-modern-page .faq-grid>div:first-child p{color:var(--muted)} #site-main.commercial-mirrors-modern-page .faq-list{border-top:1px solid var(--line)} #site-main.commercial-mirrors-modern-page .faq-list details{border-bottom:1px solid var(--line);background:#fff} #site-main.commercial-mirrors-modern-page .faq-list summary{list-style:none;cursor:pointer;padding:21px 23px;font-weight:800;font-size:13px} #site-main.commercial-mirrors-modern-page .faq-list summary:after{content:"+";float:right;color:var(--gold);font-size:20px} #site-main.commercial-mirrors-modern-page .faq-list details[open] summary:after{content:"−"} #site-main.commercial-mirrors-modern-page .faq-list p{padding:0 52px 21px 23px;color:var(--muted);font-size:12px;margin:0} #site-main.commercial-mirrors-modern-page .rfq{background:#e5ddcf;padding:88px 0} #site-main.commercial-mirrors-modern-page .rfq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px} #site-main.commercial-mirrors-modern-page .rfq-copy p{color:#5f727a} #site-main.commercial-mirrors-modern-page .rfq-points{display:grid;gap:9px;font-size:12px;color:#375665} #site-main.commercial-mirrors-modern-page .rfq-points span::first-letter{color:var(--green)} #site-main.commercial-mirrors-modern-page .rfq-form{background:#fff;border:1px solid #d3cabd;padding:29px;display:grid;grid-template-columns:1fr 1fr;gap:14px} #site-main.commercial-mirrors-modern-page .rfq-form label{font-size:10px;font-weight:800;letter-spacing:.04em;color:#51666f} #site-main.commercial-mirrors-modern-page .rfq-form input,#site-main.commercial-mirrors-modern-page .rfq-form select,#site-main.commercial-mirrors-modern-page .rfq-form textarea{display:block;width:100%;border:1px solid #d5dadd;background:#fbfcfb;margin-top:7px;padding:13px;color:#294754} #site-main.commercial-mirrors-modern-page .rfq-form textarea{min-height:105px;resize:vertical} #site-main.commercial-mirrors-modern-page .full{grid-column:1/-1} #site-main.commercial-mirrors-modern-page .upload input{position:absolute;opacity:0;pointer-events:none} #site-main.commercial-mirrors-modern-page .upload span{display:block;border:1px dashed #b9c3c6;padding:13px;text-align:center;color:#58717c;font-size:11px} #site-main.commercial-mirrors-modern-page .form-note{font-size:9px;color:#839197;text-align:center;margin:0} #site-main.commercial-mirrors-modern-page .form-success{display:none;background:#e9f3ed;color:var(--green);padding:11px;text-align:center;font-size:11px} #site-main.commercial-mirrors-modern-page .form-success.show{display:block} #site-main.commercial-mirrors-modern-page .footer{background:#071e2b;color:#b4c3ca;padding:55px 0 22px} #site-main.commercial-mirrors-modern-page .footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:55px} #site-main.commercial-mirrors-modern-page .footer-main h3{font:800 10px Inter,sans-serif;letter-spacing:.12em;color:#fff;text-transform:uppercase} #site-main.commercial-mirrors-modern-page .footer-main>div>a{display:block;font-size:11px;margin:8px 0} #site-main.commercial-mirrors-modern-page .footer-about p{font-size:11px;max-width:320px} #site-main.commercial-mirrors-modern-page .inverted strong{color:#fff} #site-main.commercial-mirrors-modern-page .inverted small{color:#91a5ae} #site-main.commercial-mirrors-modern-page .footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;font-size:9px;color:#7f959f} #site-main.commercial-mirrors-modern-page .floating-cta{position:fixed;right:19px;bottom:19px;z-index:30;background:var(--gold);color:#102b3a;padding:12px 17px;border-radius:3px;font-size:10px;font-weight:900;box-shadow:0 10px 25px rgba(6,25,35,.2)} #site-main.commercial-mirrors-modern-page .floating-cta span{margin-left:10px} #site-main.commercial-mirrors-modern-page .toast{position:fixed;left:50%;bottom:25px;z-index:60;transform:translate(-50%,30px);opacity:0;background:#fff;color:var(--green);border:1px solid #cbdcd2;padding:11px 18px;font-size:11px;transition:.25s} #site-main.commercial-mirrors-modern-page .toast.show{opacity:1;transform:translate(-50%,0)} @media(max-width:1020px){#site-main.commercial-mirrors-modern-page .nav-links{display:none} #site-main.commercial-mirrors-modern-page .menu-button{display:block;border:0;background:none;font-size:10px;font-weight:900} #site-main.commercial-mirrors-modern-page .mobile-nav{display:none;position:absolute;left:0;right:0;top:88px;background:var(--paper);padding:18px 26px;border-bottom:1px solid var(--line)} #site-main.commercial-mirrors-modern-page .mobile-nav.open{display:grid;gap:12px} #site-main.commercial-mirrors-modern-page .mobile-nav a{font-size:12px;padding:6px 0} #site-main.commercial-mirrors-modern-page .environment-grid{grid-template-columns:1fr 1fr} #site-main.commercial-mirrors-modern-page .environment.featured{grid-column:1/-1;height:430px} #site-main.commercial-mirrors-modern-page .product-grid{grid-template-columns:1fr 1fr} #site-main.commercial-mirrors-modern-page .signal-grid{grid-template-columns:1fr 1fr} #site-main.commercial-mirrors-modern-page .signal-grid>div:nth-child(2){border-right:0} #site-main.commercial-mirrors-modern-page .signal-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)} #site-main.commercial-mirrors-modern-page .spec-grid,#site-main.commercial-mirrors-modern-page .rfq-grid{gap:45px} #site-main.commercial-mirrors-modern-page .timeline{grid-template-columns:1fr 1fr} #site-main.commercial-mirrors-modern-page .timeline article{border-bottom:1px solid rgba(255,255,255,.14)} #site-main.commercial-mirrors-modern-page .proof-grid{grid-template-columns:1.15fr .85fr} #site-main.commercial-mirrors-modern-page .proof-grid figure:last-child{grid-column:1/-1} #site-main.commercial-mirrors-modern-page .faq-grid{gap:45px} #site-main.commercial-mirrors-modern-page .footer-main{grid-template-columns:1.4fr 1fr 1fr} #site-main.commercial-mirrors-modern-page .footer-main>div:last-child{display:none} } @media(max-width:680px){#site-main.commercial-mirrors-modern-page .shell{width:min(100% - 30px,1240px)} #site-main.commercial-mirrors-modern-page .preview-bar{font-size:8px} #site-main.commercial-mirrors-modern-page .nav{height:72px} #site-main.commercial-mirrors-modern-page .site-header .pill.primary{display:none} #site-main.commercial-mirrors-modern-page .mobile-nav{top:72px} #site-main.commercial-mirrors-modern-page .brand img{width:40px;height:40px} #site-main.commercial-mirrors-modern-page .brand small{display:none} #site-main.commercial-mirrors-modern-page .hero{min-height:650px;align-items:end} #site-main.commercial-mirrors-modern-page .hero>img{object-position:64% center} #site-main.commercial-mirrors-modern-page .hero-shade{background:linear-gradient(0deg,rgba(4,20,30,.98) 0%,rgba(4,20,30,.82) 53%,rgba(4,20,30,.14) 100%)} #site-main.commercial-mirrors-modern-page .hero-copy{width:100%;padding:65px 0 45px} #site-main.commercial-mirrors-modern-page .hero-copy p{font-size:14px} #site-main.commercial-mirrors-modern-page .hero-trust{gap:9px;display:grid} #site-main.commercial-mirrors-modern-page .section{padding:68px 0} #site-main.commercial-mirrors-modern-page .signal-grid,#site-main.commercial-mirrors-modern-page .intro-grid,#site-main.commercial-mirrors-modern-page .environment-grid,#site-main.commercial-mirrors-modern-page .split-head,#site-main.commercial-mirrors-modern-page .product-grid,#site-main.commercial-mirrors-modern-page .spec-grid,#site-main.commercial-mirrors-modern-page .faq-grid,#site-main.commercial-mirrors-modern-page .rfq-grid,#site-main.commercial-mirrors-modern-page .rfq-form{grid-template-columns:1fr} #site-main.commercial-mirrors-modern-page .signal-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)} #site-main.commercial-mirrors-modern-page .signal-grid>div:last-child{border:0} #site-main.commercial-mirrors-modern-page .intro-grid{gap:10px;margin-bottom:30px} #site-main.commercial-mirrors-modern-page .environment,#site-main.commercial-mirrors-modern-page .environment.featured{height:370px;grid-column:auto} #site-main.commercial-mirrors-modern-page .route-row{grid-template-columns:1fr 1fr} #site-main.commercial-mirrors-modern-page .route-row a:nth-child(2){border-right:0} #site-main.commercial-mirrors-modern-page .route-row a:nth-child(-n+2){border-bottom:1px solid var(--line)} #site-main.commercial-mirrors-modern-page .product-card{min-height:auto} #site-main.commercial-mirrors-modern-page .spec-intro{position:static} #site-main.commercial-mirrors-modern-page .decision-table{overflow-x:auto} #site-main.commercial-mirrors-modern-page .decision-row{width:790px} #site-main.commercial-mirrors-modern-page .timeline{grid-template-columns:1fr} #site-main.commercial-mirrors-modern-page .timeline article{border-right:0} #site-main.commercial-mirrors-modern-page .proof-grid{grid-template-columns:1fr} #site-main.commercial-mirrors-modern-page .proof-grid figure,#site-main.commercial-mirrors-modern-page .proof-grid .proof-large,#site-main.commercial-mirrors-modern-page .proof-grid figure:last-child{height:280px;grid-column:auto} #site-main.commercial-mirrors-modern-page .full{grid-column:1} #site-main.commercial-mirrors-modern-page .footer-main{grid-template-columns:1fr} #site-main.commercial-mirrors-modern-page .footer-main>div:not(.footer-about){display:none} #site-main.commercial-mirrors-modern-page .footer-bottom{flex-direction:column;gap:8px} #site-main.commercial-mirrors-modern-page .floating-cta{right:12px;bottom:12px} #site-main.commercial-mirrors-modern-page .visual-note{font-size:7px} #site-main.commercial-mirrors-modern-page .rfq{padding:65px 0} } #site-main.commercial-mirrors-modern-page .upload{ position: relative; } #site-main.commercial-mirrors-modern-page .upload input{ width: 1px; height: 1px; overflow: hidden; } #site-main.commercial-mirrors-modern-page .project-programs{ background: #0b2636; color: #fff; } #site-main.commercial-mirrors-modern-page .project-programs .split-head p{ color: #b8c7cd; } #site-main.commercial-mirrors-modern-page .project-grid{ display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid rgba(255,255,255,.16); } #site-main.commercial-mirrors-modern-page .project-card{ min-height: 405px; display: flex; flex-direction: column; padding: 29px 24px; border-right: 1px solid rgba(255,255,255,.15); } #site-main.commercial-mirrors-modern-page .project-card:last-child{ border-right: 0; } #site-main.commercial-mirrors-modern-page .project-card > span{ color: #e3be86; font-size: 9px; font-weight: 900; letter-spacing: .13em; } #site-main.commercial-mirrors-modern-page .project-card h3{ margin: 20px 0 12px; font-size: 25px; } #site-main.commercial-mirrors-modern-page .project-card > p{ color: #b8c7cd; font-size: 12px; } #site-main.commercial-mirrors-modern-page .project-card dl{ margin: 18px 0 26px; } #site-main.commercial-mirrors-modern-page .project-card dl > div{ border-top: 1px solid rgba(255,255,255,.14); padding: 11px 0; } #site-main.commercial-mirrors-modern-page .project-card dt{ color: #e3be86; font-size: 8px; font-weight: 900; letter-spacing: .11em; } #site-main.commercial-mirrors-modern-page .project-card dd{ margin: 3px 0 0; color: #d5dfe3; font-size: 10px; } #site-main.commercial-mirrors-modern-page .project-card a{ margin-top: auto; color: #e3be86; font-size: 9px; font-weight: 900; } #site-main.commercial-mirrors-modern-page .product-grid .product-card{ min-height: 405px; background: #0b2636; color: #fff; border-color: rgba(255,255,255,.12); border-top: 3px solid #c99b5c; } #site-main.commercial-mirrors-modern-page .product-grid .product-card:nth-child(2){ border-top-color: #d7aa6d; } #site-main.commercial-mirrors-modern-page .product-grid .product-card:nth-child(3){ border-top-color: #e3be86; } #site-main.commercial-mirrors-modern-page .product-grid .product-card:nth-child(4){ border-top-color: #b9874c; } #site-main.commercial-mirrors-modern-page .product-grid .product-card p,#site-main.commercial-mirrors-modern-page .product-grid .product-card li{ color: #bdcad0; } #site-main.commercial-mirrors-modern-page .product-grid .product-card .product-icon{ border-color: rgba(255,255,255,.22); color: #e3be86; } #site-main.commercial-mirrors-modern-page .product-grid .product-card .card-num{ color: #c99b5c; } #site-main.commercial-mirrors-modern-page .product-grid .product-card a{ color: #e3be86; } #site-main.commercial-mirrors-modern-page .configurator{ background: #f7f5f0; } #site-main.commercial-mirrors-modern-page .builder-grid{ display: grid; grid-template-columns: 1.35fr .65fr; gap: 18px; align-items: start; } #site-main.commercial-mirrors-modern-page .project-builder{ background: #fff; border: 1px solid #d9d5cd; padding: 30px; } #site-main.commercial-mirrors-modern-page .project-builder fieldset{ border: 0; padding: 0; margin: 0 0 30px; } #site-main.commercial-mirrors-modern-page .project-builder fieldset:last-child{ margin-bottom: 0; } #site-main.commercial-mirrors-modern-page .project-builder legend{ width: 100%; padding: 0 0 12px; border-bottom: 1px solid #d9d5cd; margin-bottom: 14px; color: #183443; font: 500 20px Georgia, serif; } #site-main.commercial-mirrors-modern-page .choice-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; } #site-main.commercial-mirrors-modern-page .choice-grid label,#site-main.commercial-mirrors-modern-page .check-grid label{ cursor: pointer; } #site-main.commercial-mirrors-modern-page .choice-grid input,#site-main.commercial-mirrors-modern-page .check-grid input{ position: absolute; opacity: 0; } #site-main.commercial-mirrors-modern-page .choice-grid span{ min-height: 78px; display: flex; flex-direction: column; justify-content: center; border: 1px solid #d9d5cd; padding: 12px; color: #294754; font-size: 12px; font-weight: 800; transition: .2s; } #site-main.commercial-mirrors-modern-page .choice-grid small{ color: #788990; font-size: 9px; font-weight: 500; margin-top: 3px; } #site-main.commercial-mirrors-modern-page .choice-grid input:checked + span{ border-color: #c99b5c; background: #f4eadb; box-shadow: inset 0 0 0 1px #c99b5c; } #site-main.commercial-mirrors-modern-page .check-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } #site-main.commercial-mirrors-modern-page .check-grid span{ display: block; border: 1px solid #d9d5cd; padding: 11px 12px; color: #5c7079; font-size: 10px; font-weight: 700; } #site-main.commercial-mirrors-modern-page .check-grid input:checked + span{ background: #e8f0ec; border-color: #769784; color: #285b43; } #site-main.commercial-mirrors-modern-page .check-grid input:checked + span:before{ content: "✓ "; } #site-main.commercial-mirrors-modern-page .builder-summary{ position: sticky; top: 118px; background: #0b2636; color: #fff; padding: 31px; } #site-main.commercial-mirrors-modern-page .builder-summary > span{ color: #e3be86; font-size: 9px; font-weight: 900; letter-spacing: .13em; } #site-main.commercial-mirrors-modern-page .builder-summary h3{ font-size: 28px; margin: 10px 0 20px; } #site-main.commercial-mirrors-modern-page .builder-summary dl{ margin: 0 0 20px; } #site-main.commercial-mirrors-modern-page .builder-summary dl div{ padding: 11px 0; border-top: 1px solid rgba(255,255,255,.15); } #site-main.commercial-mirrors-modern-page .builder-summary dt{ color: #91a8b2; font-size: 8px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; } #site-main.commercial-mirrors-modern-page .builder-summary dd{ margin: 3px 0 0; font-size: 11px; } #site-main.commercial-mirrors-modern-page .builder-summary p{ color: #b8c7cd; font-size: 11px; } #site-main.commercial-mirrors-modern-page .builder-summary small{ display: block; color: #8299a3; font-size: 8px; margin-top: 11px; } #site-main.commercial-mirrors-modern-page .planning-examples{ background: #ece6db; } #site-main.commercial-mirrors-modern-page .example-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } #site-main.commercial-mirrors-modern-page .example-grid article{ display: flex; flex-direction: column; min-height: 400px; background: #fff; border-top: 3px solid #235879; padding: 28px; } #site-main.commercial-mirrors-modern-page .example-grid article > span{ color: #986d37; font-size: 8px; font-weight: 900; letter-spacing: .12em; } #site-main.commercial-mirrors-modern-page .example-grid h3{ font-size: 25px; margin: 16px 0 10px; } #site-main.commercial-mirrors-modern-page .example-grid p,#site-main.commercial-mirrors-modern-page .example-grid li{ color: #687982; font-size: 11px; } #site-main.commercial-mirrors-modern-page .example-grid ul{ list-style: none; padding: 0; margin: 14px 0 24px; } #site-main.commercial-mirrors-modern-page .example-grid li{ padding: 7px 0; border-bottom: 1px solid #e0ddd6; } #site-main.commercial-mirrors-modern-page .example-grid li:before{ content: "·"; color: #c99b5c; margin-right: 8px; } #site-main.commercial-mirrors-modern-page .example-grid a{ margin-top: auto; color: #235879; font-size: 9px; font-weight: 900; } #site-main.commercial-mirrors-modern-page .evidence-gate{ display: flex; gap: 18px; align-items: center; margin-top: 12px; padding: 15px 18px; border: 1px dashed #b9aa96; color: #687982; font-size: 10px; } #site-main.commercial-mirrors-modern-page .breadcrumb{ display: flex; align-items: center; gap: 9px; padding-top: 13px; padding-bottom: 13px; color: #72818a; font-size: 10px; } #site-main.commercial-mirrors-modern-page .breadcrumb a{ color: #375665; font-weight: 700; } #site-main.commercial-mirrors-modern-page .breadcrumb a:hover{ color: #986d37; } #site-main.commercial-mirrors-modern-page .rfq-form select{ min-height: 48px; } #site-main.commercial-mirrors-modern-page .evidence-gate strong{ color: #986d37; font-size: 9px; letter-spacing: .1em; white-space: nowrap; } @media(max-width: 1020px){#site-main.commercial-mirrors-modern-page .project-grid{ grid-template-columns: 1fr 1fr; } #site-main.commercial-mirrors-modern-page .project-card:nth-child(2){ border-right: 0; } #site-main.commercial-mirrors-modern-page .project-card:nth-child(-n+2){ border-bottom: 1px solid rgba(255,255,255,.15); } #site-main.commercial-mirrors-modern-page .choice-grid{ grid-template-columns: 1fr 1fr; } #site-main.commercial-mirrors-modern-page .example-grid{ grid-template-columns: 1fr 1fr; } #site-main.commercial-mirrors-modern-page .example-grid article:last-child{ grid-column: 1/-1; min-height: 310px; } } @media(max-width: 680px){#site-main.commercial-mirrors-modern-page .project-grid{ grid-template-columns: 1fr; } #site-main.commercial-mirrors-modern-page .project-card{ min-height: auto; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); } #site-main.commercial-mirrors-modern-page .project-card:last-child{ border-bottom: 0; } #site-main.commercial-mirrors-modern-page .builder-grid,#site-main.commercial-mirrors-modern-page .example-grid{ grid-template-columns: 1fr; } #site-main.commercial-mirrors-modern-page .builder-summary{ position: static; } #site-main.commercial-mirrors-modern-page .choice-grid,#site-main.commercial-mirrors-modern-page .check-grid{ grid-template-columns: 1fr 1fr; } #site-main.commercial-mirrors-modern-page .example-grid article,#site-main.commercial-mirrors-modern-page .example-grid article:last-child{ grid-column: auto; min-height: auto; } #site-main.commercial-mirrors-modern-page .evidence-gate{ align-items: flex-start; flex-direction: column; gap: 5px; } } #site-main.commercial-mirrors-modern-page .page-index{ display:flex; flex-wrap:wrap; gap:12px 24px; padding-block:22px; border-bottom:1px solid var(--line); font-size:12px; } #site-main.commercial-mirrors-modern-page .page-index > span{ color:#986d37; font-weight:700; margin-right:auto; } #site-main.commercial-mirrors-modern-page .page-index a:hover{ text-decoration:underline; text-underline-offset:5px; } #site-main.commercial-mirrors-modern-page section[id]{ scroll-margin-top:108px; } #site-main.commercial-mirrors-modern-page .micro{ display:block; color:#8c6539; font-size:10px; font-weight:750; line-height:1.6; letter-spacing:.1em; text-transform:uppercase; } #site-main.commercial-mirrors-modern-page .scenario-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; } #site-main.commercial-mirrors-modern-page .scenario-card{ display:flex; flex-direction:column; background:#f7f5f0; border:1px solid #e3ded5; } #site-main.commercial-mirrors-modern-page .scenario-card figure{ height:228px; margin:0; position:relative; } #site-main.commercial-mirrors-modern-page .scenario-card figcaption{ position:absolute; bottom:8px; left:10px; color:white; background:#21323dcc; padding:3px 7px; font-size:9px; } #site-main.commercial-mirrors-modern-page .scenario-body{ padding:26px; display:flex; flex-direction:column; flex:1; } #site-main.commercial-mirrors-modern-page .scenario-body h3{ font-size:29px; margin:12px 0 20px; } #site-main.commercial-mirrors-modern-page .experience-note{ margin:0 0 24px; padding:18px 18px 20px; background:#ece6d9; border-left:3px solid #b69a67; } #site-main.commercial-mirrors-modern-page .experience-note .micro{ font-size:9px; letter-spacing:.07em; } #site-main.commercial-mirrors-modern-page .experience-note h4{ margin:9px 0 10px; font:500 23px/1.2 Georgia,serif; color:#294754; } #site-main.commercial-mirrors-modern-page .experience-note p{ margin:0; font-size:13px; line-height:1.75; color:#4b5e63; } #site-main.commercial-mirrors-modern-page .scenario-body dl{ margin:0 0 24px; } #site-main.commercial-mirrors-modern-page .scenario-body dl > div + div{ margin-top:18px; padding-top:18px; border-top:1px solid #ded9d0; } #site-main.commercial-mirrors-modern-page .scenario-body dt{ font-size:11px; font-weight:750; color:#294754; margin-bottom:6px; } #site-main.commercial-mirrors-modern-page .scenario-body dd{ font-size:13px; line-height:1.75; color:#52656b; margin:0; } #site-main.commercial-mirrors-modern-page .scenario-body a{ margin-top:auto; font-weight:700; font-size:12px; color:#31576a; } #site-main.commercial-mirrors-modern-page .scenario-number{ padding:24px 26px 0; color:#b39a74; font:46px Georgia,serif; } #site-main.commercial-mirrors-modern-page .scenario-card:nth-child(n+4){ background:white; } #site-main.commercial-mirrors-modern-page .design-grid{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:start; } #site-main.commercial-mirrors-modern-page .fit-section{ background:#f2efe8; } #site-main.commercial-mirrors-modern-page .dimension-figure{ margin:0; border:1px solid #ddd7cc; padding:16px; background:#ebe6db; position:sticky; top:120px; } #site-main.commercial-mirrors-modern-page .dimension-figure svg{ display:block; width:100%; height:auto; } #site-main.commercial-mirrors-modern-page .dimension-figure figcaption,#site-main.commercial-mirrors-modern-page .module-caption{ font-size:12px; color:#657170; line-height:1.65; } #site-main.commercial-mirrors-modern-page .dimension-figure figcaption{ padding:12px; } #site-main.commercial-mirrors-modern-page .design-notes article + article{ border-top:1px solid #d8d2c7; margin-top:22px; padding-top:22px; } #site-main.commercial-mirrors-modern-page .design-notes h3{ font-size:25px; margin:8px 0; } #site-main.commercial-mirrors-modern-page .design-notes p{ font-size:14px; color:#52656b; margin:0; } #site-main.commercial-mirrors-modern-page .fit-comparison{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:42px; padding-top:26px; border-top:1px solid #d8d2c7; } #site-main.commercial-mirrors-modern-page .fit-comparison b{ font:23px Georgia,serif; } #site-main.commercial-mirrors-modern-page .fit-comparison p{ font-size:13px; color:#52656b; margin:10px 0 0; } #site-main.commercial-mirrors-modern-page .finish-section{ background:#292e29; color:#f6f3e9; } #site-main.commercial-mirrors-modern-page .finish-section .split-head p{ color:#c3c8bf; } #site-main.commercial-mirrors-modern-page .finish-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; } #site-main.commercial-mirrors-modern-page .finish-grid h3{ font-size:27px; margin:24px 0 14px; } #site-main.commercial-mirrors-modern-page .finish-grid p{ color:#c3c8bf; font-size:14px; } #site-main.commercial-mirrors-modern-page .finish-section .module-caption{ color:#b3bbaa; margin-top:30px; margin-bottom:0; } #site-main.commercial-mirrors-modern-page .finish-swatches,#site-main.commercial-mirrors-modern-page .shape-strip,#site-main.commercial-mirrors-modern-page .finish-record{ height:104px; display:flex; align-items:center; gap:14px; } #site-main.commercial-mirrors-modern-page .finish-swatches span{ width:70px; height:78px; background:var(--swatch); border:1px solid #a7ad9f; display:flex; justify-content:center; align-items:end; padding-bottom:4px; color:#fff; text-shadow:0 1px 4px #000; font-size:11px; } #site-main.commercial-mirrors-modern-page .shape-strip i{ display:block; width:62px; height:76px; border:2px solid #c1ac87; } #site-main.commercial-mirrors-modern-page .shape-strip i:nth-child(2){ width:70px; height:70px; border-radius:50%; } #site-main.commercial-mirrors-modern-page .shape-strip i:nth-child(3){ border-radius:40px 40px 0 0; } #site-main.commercial-mirrors-modern-page .finish-record{ flex-direction:column; align-items:start; justify-content:center; gap:4px; border-block:1px solid #657061; font-size:12px; color:#c3c8bf; } #site-main.commercial-mirrors-modern-page .finish-record b{ font-size:19px; color:#f6f3e9; font-weight:500; } #site-main.commercial-mirrors-modern-page .lighting-section{ background:#fff; } #site-main.commercial-mirrors-modern-page .lighting-grid,#site-main.commercial-mirrors-modern-page .lighting-checks{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; } #site-main.commercial-mirrors-modern-page .light-concept{ height:205px; display:grid; place-items:center; background:#eae6dd; margin-bottom:23px; } #site-main.commercial-mirrors-modern-page .light-concept span{ width:112px; height:140px; display:block; background:linear-gradient(135deg,#a8b5ae,#dbe0d6 50%,#b6c0b5); border:2px solid #7b857a; } #site-main.commercial-mirrors-modern-page .front-light span,#site-main.commercial-mirrors-modern-page .combined-light span{ outline:6px solid #fff5d4; outline-offset:-13px; } #site-main.commercial-mirrors-modern-page .back-light span,#site-main.commercial-mirrors-modern-page .combined-light span{ box-shadow:0 0 12px 5px #fff2bf,0 0 28px 12px #fff2bf; } #site-main.commercial-mirrors-modern-page .lighting-grid h3{ font-size:26px; margin:8px 0 13px; } #site-main.commercial-mirrors-modern-page .lighting-grid p,#site-main.commercial-mirrors-modern-page .lighting-checks p{ font-size:14px; color:#52656b; margin-bottom:0; } #site-main.commercial-mirrors-modern-page .lighting-checks{ border-top:1px solid var(--line); margin-top:36px; padding-top:28px; } #site-main.commercial-mirrors-modern-page .lighting-checks h3{ font-size:23px; } #site-main.commercial-mirrors-modern-page .lighting-section .module-caption{ margin-top:28px; margin-bottom:0; } #site-main.commercial-mirrors-modern-page .handover-section{ background:#f3f1eb; } #site-main.commercial-mirrors-modern-page .handover-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; } #site-main.commercial-mirrors-modern-page .handover-grid article{ border-top:2px solid #c4a571; padding-top:25px; } #site-main.commercial-mirrors-modern-page .handover-grid h3{ font-size:28px; margin:14px 0; } #site-main.commercial-mirrors-modern-page .handover-grid ul{ padding-left:18px; color:#52656b; font-size:14px; } #site-main.commercial-mirrors-modern-page .handover-grid li{ padding-block:7px; } #site-main.commercial-mirrors-modern-page .handover-grid p{ font-size:13px; color:#52656b; } #site-main.commercial-mirrors-modern-page .project-tip{ padding:24px; margin-top:32px; background:#e5dfd2; border-left:3px solid #b69a67; display:flex; gap:14px 28px; flex-wrap:wrap; align-items:center; } #site-main.commercial-mirrors-modern-page .project-tip strong{ font:25px Georgia,serif; max-width:230px; } #site-main.commercial-mirrors-modern-page .project-tip p{ flex:1 1 310px; margin:0; font-size:13px; color:#52656b; } #site-main.commercial-mirrors-modern-page .project-tip a{ font-size:12px; font-weight:700; text-decoration:underline; text-underline-offset:4px; } #site-main.commercial-mirrors-modern-page .nav{ gap:20px; } #site-main.commercial-mirrors-modern-page .nav-links{ gap:14px; font-size:11px; } #site-main.commercial-mirrors-modern-page .nav > .pill{ flex-shrink:0; padding-inline:15px; } #site-main.commercial-mirrors-modern-page .brand{ flex-shrink:0; } #site-main.commercial-mirrors-modern-page :focus-visible{ outline:3px solid #b17c38; outline-offset:4px; } #site-main.commercial-mirrors-modern-page .choice-grid input:focus-visible + span,#site-main.commercial-mirrors-modern-page .check-grid input:focus-visible + span{ outline:3px solid #b17c38; outline-offset:3px; } #site-main.commercial-mirrors-modern-page .toast{ max-width:calc(100% - 30px); } #site-main.commercial-mirrors-modern-page .budget-table{ width:100%; border-collapse:collapse; text-align:left; table-layout:fixed; } #site-main.commercial-mirrors-modern-page .budget-table caption{ text-align:left; font-size:12px; color:#62736f; padding-bottom:14px; } #site-main.commercial-mirrors-modern-page .budget-table th,#site-main.commercial-mirrors-modern-page .budget-table td{ padding:21px; border-bottom:1px solid #d9d5cd; vertical-align:top; font-size:14px; line-height:1.7; } #site-main.commercial-mirrors-modern-page .budget-table thead{ background:#e9e6dd; } #site-main.commercial-mirrors-modern-page .budget-table thead th{ color:#294754; font-size:11px; letter-spacing:.06em; text-transform:uppercase; } #site-main.commercial-mirrors-modern-page .budget-table th:first-child{ width:23%; } #site-main.commercial-mirrors-modern-page .budget-table tbody th{ font:23px/1.25 Georgia,serif; } #site-main.commercial-mirrors-modern-page .budget-table td{ color:#52656b; } #site-main.commercial-mirrors-modern-page .walkthrough-grid,#site-main.commercial-mirrors-modern-page .quote-stages{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; } #site-main.commercial-mirrors-modern-page .walkthrough-grid article{ display:flex; flex-direction:column; background:white; padding:28px; border-top:3px solid #aa8a56; } #site-main.commercial-mirrors-modern-page .walkthrough-grid h3{ font-size:28px; margin:14px 0 24px; } #site-main.commercial-mirrors-modern-page .walkthrough-grid dl{ margin:0 0 24px; } #site-main.commercial-mirrors-modern-page .walkthrough-grid dl > div + div{ border-top:1px solid #e0ddd5; padding-top:18px; margin-top:18px; } #site-main.commercial-mirrors-modern-page .walkthrough-grid dt{ font-size:11px; font-weight:750; color:#294754; margin-bottom:8px; } #site-main.commercial-mirrors-modern-page .walkthrough-grid dd{ font-size:14px; line-height:1.7; color:#52656b; margin:0; } #site-main.commercial-mirrors-modern-page .walkthrough-grid .schedule-path dd{ font-size:12px; font-weight:600; color:#705b38; } #site-main.commercial-mirrors-modern-page .walkthrough-grid a{ font-size:12px; font-weight:750; color:#31576a; margin-top:auto; } #site-main.commercial-mirrors-modern-page .quote-section{ background:white; } #site-main.commercial-mirrors-modern-page .quote-stages article{ background:#f5f3ed; padding:28px; border:1px solid #e3ded5; } #site-main.commercial-mirrors-modern-page .quote-stages h3{ font-size:28px; margin:12px 0 22px; } #site-main.commercial-mirrors-modern-page .quote-stages p{ font-size:14px; color:#52656b; } #site-main.commercial-mirrors-modern-page .quote-stages p:last-child{ margin-bottom:0; } #site-main.commercial-mirrors-modern-page .quote-stages strong{ color:#294754; font-weight:650; } #site-main.commercial-mirrors-modern-page .quote-review{ margin-top:26px; border:1px solid #ddd8ce; background:#fff; } #site-main.commercial-mirrors-modern-page .quote-review summary{ padding:20px 24px; font-size:14px; font-weight:700; cursor:pointer; } #site-main.commercial-mirrors-modern-page .quote-review-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 32px; padding:8px 24px 24px; } #site-main.commercial-mirrors-modern-page .quote-review-grid p{ font-size:14px; color:#52656b; margin:0; } #site-main.commercial-mirrors-modern-page .quote-review-grid strong{ display:block; margin-bottom:7px; color:#294754; } @media(max-width:900px){#site-main.commercial-mirrors-modern-page .walkthrough-grid,#site-main.commercial-mirrors-modern-page .quote-stages{ gap:16px; } #site-main.commercial-mirrors-modern-page .walkthrough-grid article,#site-main.commercial-mirrors-modern-page .quote-stages article{ padding:22px; } #site-main.commercial-mirrors-modern-page .budget-table th,#site-main.commercial-mirrors-modern-page .budget-table td{ padding:15px; } } @media(max-width:680px){#site-main.commercial-mirrors-modern-page .walkthrough-grid,#site-main.commercial-mirrors-modern-page .quote-stages,#site-main.commercial-mirrors-modern-page .quote-review-grid{ grid-template-columns:1fr; } #site-main.commercial-mirrors-modern-page .walkthrough-grid article,#site-main.commercial-mirrors-modern-page .quote-stages article{ padding:24px; } #site-main.commercial-mirrors-modern-page .budget-table,#site-main.commercial-mirrors-modern-page .budget-table tbody,#site-main.commercial-mirrors-modern-page .budget-table tr,#site-main.commercial-mirrors-modern-page .budget-table th,#site-main.commercial-mirrors-modern-page .budget-table td{ display:block; width:100%; } #site-main.commercial-mirrors-modern-page .budget-table thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } #site-main.commercial-mirrors-modern-page .budget-table tbody tr{ margin-bottom:16px; border:1px solid #ddd8ce; padding:20px; background:#f8f6f1; } #site-main.commercial-mirrors-modern-page .budget-table tbody th:first-child{ width:100%; padding:0 0 13px; } #site-main.commercial-mirrors-modern-page .budget-table td{ padding:13px 0 0; border:0; } #site-main.commercial-mirrors-modern-page .budget-table td::before{ content:attr(data-label); display:block; color:#294754; font-size:11px; font-weight:750; margin-bottom:5px; } #site-main.commercial-mirrors-modern-page .budget-table caption{ display:block; padding-bottom:16px; } } @media(max-width:1200px){#site-main.commercial-mirrors-modern-page .nav-links{ display:none; } #site-main.commercial-mirrors-modern-page .menu-button{ display:block; border:0; background:none; font-size:11px; font-weight:800; } #site-main.commercial-mirrors-modern-page .mobile-nav{ display:none; position:absolute; inset:88px 0 auto; padding:18px 26px; background:var(--paper); border-bottom:1px solid var(--line); } #site-main.commercial-mirrors-modern-page .mobile-nav.open{ display:grid; gap:12px; } #site-main.commercial-mirrors-modern-page .scenario-grid{ gap:16px; } #site-main.commercial-mirrors-modern-page .scenario-body{ padding:20px; } } @media(max-width:900px){#site-main.commercial-mirrors-modern-page .scenario-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } #site-main.commercial-mirrors-modern-page .design-grid{ grid-template-columns:1fr; gap:30px; } #site-main.commercial-mirrors-modern-page .dimension-figure{ position:static; max-width:620px; margin-inline:auto; } #site-main.commercial-mirrors-modern-page .finish-grid,#site-main.commercial-mirrors-modern-page .lighting-grid,#site-main.commercial-mirrors-modern-page .lighting-checks,#site-main.commercial-mirrors-modern-page .handover-grid,#site-main.commercial-mirrors-modern-page .fit-comparison{ gap:20px; } } @media(max-width:680px){#site-main.commercial-mirrors-modern-page .split-head{ gap:16px; align-items:start; } #site-main.commercial-mirrors-modern-page .section-head{ margin-bottom:30px; } #site-main.commercial-mirrors-modern-page section[id]{ scroll-margin-top:88px; } #site-main.commercial-mirrors-modern-page .mobile-nav{ top:72px; } #site-main.commercial-mirrors-modern-page .page-index{ gap:12px 20px; } #site-main.commercial-mirrors-modern-page .page-index > span{ flex-basis:100%; } #site-main.commercial-mirrors-modern-page .scenario-grid,#site-main.commercial-mirrors-modern-page .finish-grid,#site-main.commercial-mirrors-modern-page .lighting-grid,#site-main.commercial-mirrors-modern-page .lighting-checks,#site-main.commercial-mirrors-modern-page .handover-grid,#site-main.commercial-mirrors-modern-page .fit-comparison{ grid-template-columns:1fr; } #site-main.commercial-mirrors-modern-page .scenario-body{ padding:24px; } #site-main.commercial-mirrors-modern-page .scenario-card figure{ height:220px; } #site-main.commercial-mirrors-modern-page .scenario-body h3{ font-size:29px; } #site-main.commercial-mirrors-modern-page .finish-grid article + article,#site-main.commercial-mirrors-modern-page .lighting-checks article + article{ padding-top:22px; border-top:1px solid #9da99c55; } #site-main.commercial-mirrors-modern-page .light-concept{ height:190px; } #site-main.commercial-mirrors-modern-page .fit-comparison article + article{ padding-top:16px; border-top:1px solid var(--line); } #site-main.commercial-mirrors-modern-page .project-tip{ padding:22px; display:block; } #site-main.commercial-mirrors-modern-page .project-tip strong{ display:block; max-width:none; } #site-main.commercial-mirrors-modern-page .project-tip p{ margin:14px 0 20px; } #site-main.commercial-mirrors-modern-page .project-tip button{ width:100%; } #site-main.commercial-mirrors-modern-page .dimension-figure{ padding:4px; } #site-main.commercial-mirrors-modern-page .breadcrumb{ flex-wrap:wrap; font-size:10px; } } @media(prefers-reduced-motion:reduce){#site-main.commercial-mirrors-modern-page{ scroll-behavior:auto; } #site-main.commercial-mirrors-modern-page *{ transition:none !important; } } #site-main.commercial-mirrors-modern-page .process-visual-note{ color:#c4d0d5; font-size:12px; margin-top:18px; line-height:1.6; } #site-main.commercial-mirrors-modern-page .content-fold{ margin-top:32px; border:1px solid #d9d4c9; background:#faf8f3; color:#294754; padding:0 24px; scroll-margin-top:110px; } #site-main.commercial-mirrors-modern-page .content-fold > summary{ cursor:pointer; padding:22px 0; font-size:15px; font-weight:650; line-height:1.5; } #site-main.commercial-mirrors-modern-page .content-fold[open]{ padding-bottom:26px; } #site-main.commercial-mirrors-modern-page .content-fold .shell{ width:100%; } #site-main.commercial-mirrors-modern-page .content-fold .fold-intro{ max-width:780px; margin:0 0 24px; color:#52656b; font-size:14px; } #site-main.commercial-mirrors-modern-page .content-fold .project-card{ min-height:0; } #site-main.commercial-mirrors-modern-page .content-fold .project-grid{ margin-top:0; } #site-main.commercial-mirrors-modern-page .content-fold .project-card h3{ font-size:24px; } #site-main.commercial-mirrors-modern-page .content-fold .spec-list{ max-width:900px; } #site-main.commercial-mirrors-modern-page .content-fold .spec-list article{ padding-block:20px; } #site-main.commercial-mirrors-modern-page .content-fold .spec-list h3{ font-size:23px; } #site-main.commercial-mirrors-modern-page .content-fold .handover-grid h3{ color:#294754; font-size:25px; } #site-main.commercial-mirrors-modern-page .content-fold .handover-grid li{ padding-block:4px; } #site-main.commercial-mirrors-modern-page .scenario-details{ margin:0 0 24px; border-block:1px solid #ded9d0; } #site-main.commercial-mirrors-modern-page .scenario-details > summary{ cursor:pointer; font-size:12px; font-weight:650; line-height:1.6; padding:14px 0; color:#31576a; } #site-main.commercial-mirrors-modern-page .scenario-details dl{ margin:0 0 18px; } #site-main.commercial-mirrors-modern-page .scenario-details dl > div:first-child{ margin-top:4px; } #site-main.commercial-mirrors-modern-page .scenario-card figure{ height:auto; aspect-ratio:3 / 2; overflow:hidden; } #site-main.commercial-mirrors-modern-page .scenario-card figure img{ width:100%; height:100%; object-fit:cover; display:block; } #site-main.commercial-mirrors-modern-page .scenario-body h3{ font-size:27px; } #site-main.commercial-mirrors-modern-page .experience-note{ padding:16px; } #site-main.commercial-mirrors-modern-page .experience-note p{ line-height:1.65; } #site-main.commercial-mirrors-modern-page .scenario-card{ align-self:start; } @media (max-width:680px){#site-main.commercial-mirrors-modern-page .content-fold{ padding-inline:18px; margin-top:24px; } #site-main.commercial-mirrors-modern-page .content-fold > summary{ font-size:14px; } #site-main.commercial-mirrors-modern-page .content-fold .project-card,#site-main.commercial-mirrors-modern-page .content-fold .walkthrough-grid article{ padding:22px; } #site-main.commercial-mirrors-modern-page .scenario-body{ padding:22px; } #site-main.commercial-mirrors-modern-page .scenario-body h3{ font-size:26px; } } #site-main.commercial-mirrors-modern-page > .hero > img{ object-position:65% center; } #site-main.commercial-mirrors-modern-page > .hero .hero-shade{ background:linear-gradient(90deg,rgba(4,20,30,.95) 0%,rgba(4,20,30,.85) 33%,rgba(4,20,30,.5) 49%,rgba(4,20,30,.08) 68%,transparent 100%); } @media(min-width:901px) and (max-width:1250px){#site-main.commercial-mirrors-modern-page > .hero .hero-copy{ width:48%; } } @media(max-width:900px){#site-main.commercial-mirrors-modern-page > .hero{ display:block; min-height:0; } #site-main.commercial-mirrors-modern-page > .hero > img{ position:relative; inset:auto; height:clamp(270px,50vw,400px); object-position:right center; } #site-main.commercial-mirrors-modern-page > .hero .hero-shade{ display:none; } #site-main.commercial-mirrors-modern-page > .hero .hero-copy{ width:100%; padding:36px 0 42px; } } #site-main.commercial-mirrors-modern-page #products .product-card .product-icon{ width: 120px; height: 104px; max-width: 100%; flex: 0 0 auto; margin-bottom: 24px; border: 0; background: radial-gradient(ellipse at center, rgba(91, 126, 141, .13), transparent 72%); } #site-main.commercial-mirrors-modern-page #products .product-icon img{ display: block; width: 100%; height: 100%; object-fit: contain; } #site-main.commercial-mirrors-modern-page .engineering-grid img,#site-main.commercial-mirrors-modern-page .buyer-product-card>img{height:auto;flex-shrink:0} @media(max-width:640px){#site-main.commercial-mirrors-modern-page .buyer-spec-table caption:after{content:'On small screens, swipe the table horizontally.';display:block;color:#7b633d;margin-top:8px} } #site-main.commercial-mirrors-modern-page .rfq-optional summary{cursor:pointer;padding:14px 0;font-weight:700} #site-main.commercial-mirrors-modern-page .rfq-optional-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0} #site-main.commercial-mirrors-modern-page .rfq-optional-grid .full{grid-column:1/-1} @media(max-width:640px){#site-main.commercial-mirrors-modern-page .rfq-optional-grid{grid-template-columns:1fr} } #site-main.commercial-mirrors-modern-page .hero h1{font-size:clamp(42px,4.6vw,72px);line-height:1.06;max-width:850px} #site-main.commercial-mirrors-modern-page .hero-copy{max-width:880px} #site-main.commercial-mirrors-modern-page .hero-copy>p{max-width:760px} #site-main.commercial-mirrors-modern-page .product-overview{margin-bottom:32px} #site-main.commercial-mirrors-modern-page .product-overview img{display:block;width:100%;height:340px;object-fit:contain;background:#e9e5dc} #site-main.commercial-mirrors-modern-page .product-overview figcaption{padding:12px 0;color:#596970;font-size:14px} #site-main.commercial-mirrors-modern-page .buyer-product-grid,#site-main.commercial-mirrors-modern-page .buyer-three-grid,#site-main.commercial-mirrors-modern-page .engineering-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} #site-main.commercial-mirrors-modern-page .buyer-product-card{background:#fff;border:1px solid #d9d4c9;display:flex;flex-direction:column} #site-main.commercial-mirrors-modern-page .buyer-product-card>img{width:100%;aspect-ratio:3/2;object-fit:cover} #site-main.commercial-mirrors-modern-page .buyer-product-card>div{padding:26px;display:flex;flex:1;flex-direction:column} #site-main.commercial-mirrors-modern-page .buyer-product-card h3{font-size:29px;line-height:1.15;margin:14px 0} #site-main.commercial-mirrors-modern-page .buyer-product-card p{color:#50616a} #site-main.commercial-mirrors-modern-page .buyer-product-card dl{font-size:14px;margin:16px 0 24px} #site-main.commercial-mirrors-modern-page .buyer-product-card dt{font-weight:700;color:#866133;margin-top:14px} #site-main.commercial-mirrors-modern-page .buyer-product-card dd{margin:4px 0;line-height:1.65} #site-main.commercial-mirrors-modern-page .buyer-actions{margin-top:auto;display:grid;gap:12px;padding-top:16px;border-top:1px solid #ddd7cb} #site-main.commercial-mirrors-modern-page .buyer-actions a{font-size:14px;font-weight:700} #site-main.commercial-mirrors-modern-page .buyer-actions a:last-child{color:#8b612e} #site-main.commercial-mirrors-modern-page .buyer-footnote{margin-top:26px;font-size:14px;color:#566973;line-height:1.7} #site-main.commercial-mirrors-modern-page .buyer-footnote a,#site-main.commercial-mirrors-modern-page .buyer-resource-strip a,#site-main.commercial-mirrors-modern-page .engineering-grid a,#site-main.commercial-mirrors-modern-page .buyer-three-grid a,#site-main.commercial-mirrors-modern-page .buyer-safety-grid a{text-decoration:underline;text-underline-offset:4px} #site-main.commercial-mirrors-modern-page .buyer-specifications,#site-main.commercial-mirrors-modern-page .buyer-engineering{background:#f3f0e9} #site-main.commercial-mirrors-modern-page .spec-table-wrap{overflow-x:auto} #site-main.commercial-mirrors-modern-page .buyer-spec-table{width:100%;border-collapse:collapse;min-width:660px;background:white;text-align:left;font-size:15px;line-height:1.6} #site-main.commercial-mirrors-modern-page .buyer-spec-table caption{text-align:left;padding:0 0 12px;font-size:14px} #site-main.commercial-mirrors-modern-page .buyer-spec-table th,#site-main.commercial-mirrors-modern-page .buyer-spec-table td{padding:18px;border-bottom:1px solid #dfdcd4;vertical-align:top} #site-main.commercial-mirrors-modern-page .buyer-spec-table thead{background:#102f3e;color:#fff} #site-main.commercial-mirrors-modern-page .buyer-spec-table th:first-child{width:20%} #site-main.commercial-mirrors-modern-page .buyer-spec-table tbody th{color:#133746} #site-main.commercial-mirrors-modern-page .buyer-spec-table tbody tr:nth-child(even){background:#faf8f4} #site-main.commercial-mirrors-modern-page .buyer-resource-strip{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:28px;padding:28px;background:#e8e2d6} #site-main.commercial-mirrors-modern-page .buyer-resource-strip h3{font-size:25px;margin:0 0 10px} #site-main.commercial-mirrors-modern-page .buyer-resource-strip p{margin:0;max-width:670px} #site-main.commercial-mirrors-modern-page .buyer-resource-strip>div:last-child{display:grid;gap:14px} #site-main.commercial-mirrors-modern-page .buyer-resource-strip a{font-size:14px;font-weight:700} #site-main.commercial-mirrors-modern-page .buyer-three-grid article,#site-main.commercial-mirrors-modern-page .buyer-safety-grid article{padding:28px;border:1px solid #dad5c9;background:#fff} #site-main.commercial-mirrors-modern-page .buyer-three-grid h3,#site-main.commercial-mirrors-modern-page .buyer-safety-grid h3,#site-main.commercial-mirrors-modern-page .engineering-grid h3{font-size:27px;line-height:1.2;margin:12px 0} #site-main.commercial-mirrors-modern-page .buyer-three-grid p,#site-main.commercial-mirrors-modern-page .buyer-safety-grid p,#site-main.commercial-mirrors-modern-page .engineering-grid p{font-size:16px;line-height:1.75;color:#50616a} #site-main.commercial-mirrors-modern-page .buyer-safety{background:#102f3e;color:white} #site-main.commercial-mirrors-modern-page .buyer-safety .eyebrow,#site-main.commercial-mirrors-modern-page .buyer-safety .section-head p{color:#d3c7ac} #site-main.commercial-mirrors-modern-page .buyer-safety-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} #site-main.commercial-mirrors-modern-page .buyer-safety-grid article{background:transparent;border-color:#47606c} #site-main.commercial-mirrors-modern-page .buyer-safety-grid p{color:#d1dce0} #site-main.commercial-mirrors-modern-page .buyer-safety-grid a{color:#dfb676} #site-main.commercial-mirrors-modern-page .buyer-safety-grid article:last-child{grid-column:span 2} #site-main.commercial-mirrors-modern-page .engineering-grid figure{margin:0;background:white;border:1px solid #ddd7cb} #site-main.commercial-mirrors-modern-page .engineering-grid img{width:100%;aspect-ratio:3/2;object-fit:cover} #site-main.commercial-mirrors-modern-page .engineering-grid figcaption{padding:24px} #site-main.commercial-mirrors-modern-page .engineering-grid a{font-size:14px} @media(max-width:1000px){#site-main.commercial-mirrors-modern-page .buyer-product-grid,#site-main.commercial-mirrors-modern-page .engineering-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #site-main.commercial-mirrors-modern-page .buyer-three-grid,#site-main.commercial-mirrors-modern-page .buyer-safety-grid{grid-template-columns:1fr 1fr} #site-main.commercial-mirrors-modern-page .buyer-safety-grid article:last-child{grid-column:auto} #site-main.commercial-mirrors-modern-page .buyer-resource-strip{align-items:flex-start;flex-direction:column} #site-main.commercial-mirrors-modern-page .product-overview img{height:280px} } @media(max-width:640px){#site-main.commercial-mirrors-modern-page .hero h1{font-size:42px} #site-main.commercial-mirrors-modern-page .buyer-product-grid,#site-main.commercial-mirrors-modern-page .buyer-three-grid,#site-main.commercial-mirrors-modern-page .engineering-grid,#site-main.commercial-mirrors-modern-page .buyer-safety-grid{grid-template-columns:1fr} #site-main.commercial-mirrors-modern-page .buyer-product-card>div{padding:23px} #site-main.commercial-mirrors-modern-page .product-overview img{height:auto} #site-main.commercial-mirrors-modern-page .buyer-resource-strip{padding:22px} #site-main.commercial-mirrors-modern-page .buyer-spec-table th,#site-main.commercial-mirrors-modern-page .buyer-spec-table td{padding:14px} #site-main.commercial-mirrors-modern-page .buyer-product-card h3{font-size:28px} #site-main.commercial-mirrors-modern-page .buyer-safety-grid article:last-child{grid-column:auto} } #site-main.commercial-mirrors-modern-page .signal-grid strong{color:#28424a!important} #site-main.commercial-mirrors-modern-page .signal-grid span{color:#52676d!important} #site-main.commercial-mirrors-modern-page .support-render{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin:0 0 24px;background:#e8e1d5} #site-main.commercial-mirrors-modern-page .dimension-figure>.support-render{margin:0;aspect-ratio:3/2} #site-main.commercial-mirrors-modern-page .finish-grid article,#site-main.commercial-mirrors-modern-page .lighting-grid article{min-width:0} #site-main.commercial-mirrors-modern-page .product-intro .section-head{text-align:left} #site-main.commercial-mirrors-modern-page .product-intro .section-head p{margin-left:0;margin-right:0} #site-main.commercial-mirrors-modern-page{--paper:#faf9f6;--ink:#16343e;--line:#e2dfd7;background:var(--paper)} #site-main.commercial-mirrors-modern-page .section{padding:88px 0} #site-main.commercial-mirrors-modern-page .shell{width:min(1200px,calc(100% - 64px))} #site-main.commercial-mirrors-modern-page h2{font-size:clamp(32px,3.4vw,46px);line-height:1.12;letter-spacing:-.025em} #site-main.commercial-mirrors-modern-page .eyebrow{font-size:10px;letter-spacing:.19em} #site-main.commercial-mirrors-modern-page p{line-height:1.75} #site-main.commercial-mirrors-modern-page .section-head{margin-bottom:38px} #site-main.commercial-mirrors-modern-page .split-head{gap:64px;align-items:end} #site-main.commercial-mirrors-modern-page .split-head>p{font-size:15px;max-width:490px} #site-main.commercial-mirrors-modern-page .hero{min-height:650px} #site-main.commercial-mirrors-modern-page .hero-copy{padding:76px 0;width:58%} #site-main.commercial-mirrors-modern-page .hero h1{font-size:clamp(43px,4.7vw,65px);max-width:680px;line-height:1.06;letter-spacing:-.03em} #site-main.commercial-mirrors-modern-page .hero-copy>p{font-size:15px;max-width:570px;line-height:1.8;color:#dbe3e5} #site-main.commercial-mirrors-modern-page .hero-actions{gap:10px;margin-top:28px} #site-main.commercial-mirrors-modern-page .pill{min-height:46px;padding:14px 19px;font-size:10px;border-radius:2px;transition:background .2s,transform .2s} #site-main.commercial-mirrors-modern-page .pill:hover{transform:translateY(-2px)} #site-main.commercial-mirrors-modern-page .hero-trust{padding-top:23px;border-top:1px solid #ffffff26;gap:20px;max-width:600px;margin-top:28px} #site-main.commercial-mirrors-modern-page .signal-strip{background:#f0eee7;color:#28424a;border-bottom:1px solid var(--line)} #site-main.commercial-mirrors-modern-page .signal-grid>div{padding:22px 20px;border-color:#dcd8cd} #site-main.commercial-mirrors-modern-page .signal-grid b{color:#9c723e} #site-main.commercial-mirrors-modern-page .signal-grid strong{font-size:10px;letter-spacing:.08em} #site-main.commercial-mirrors-modern-page .signal-grid span{font-size:11px} #site-main.commercial-mirrors-modern-page .page-index{width:100%;padding:17px max(32px,calc((100% - 1200px)/2));background:#fff;border-bottom:1px solid var(--line);gap:24px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap} #site-main.commercial-mirrors-modern-page .page-index span{font-size:11px;color:#8b6438} #site-main.commercial-mirrors-modern-page .page-index a{font-size:12px;padding:6px 0;border-bottom:2px solid transparent} #site-main.commercial-mirrors-modern-page .page-index a:hover,#site-main.commercial-mirrors-modern-page .page-index a:focus-visible{color:#946d3d;border-color:#c29862} #site-main.commercial-mirrors-modern-page .product-section{background:#faf9f6} #site-main.commercial-mirrors-modern-page .product-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-bottom:40px} #site-main.commercial-mirrors-modern-page .product-intro .section-head{display:block;margin:0} #site-main.commercial-mirrors-modern-page .product-intro h2{max-width:500px} #site-main.commercial-mirrors-modern-page .product-intro .section-head p{max-width:480px;font-size:15px;color:#617178;margin:18px 0 0} #site-main.commercial-mirrors-modern-page .product-intro figure{margin:0;width:100%} #site-main.commercial-mirrors-modern-page .product-intro img{height:auto;aspect-ratio:3/2;object-fit:contain;background:#eeeae1} #site-main.commercial-mirrors-modern-page .product-intro figcaption{font-size:11px;line-height:1.6;padding:10px 0;color:#788184} #site-main.commercial-mirrors-modern-page .buyer-product-grid{gap:24px} #site-main.commercial-mirrors-modern-page .buyer-product-card{border:1px solid #e1ddd5;border-radius:3px;overflow:hidden;box-shadow:0 4px 16px #18344305;transition:border-color .2s,box-shadow .2s} #site-main.commercial-mirrors-modern-page .buyer-product-card:hover{border-color:#bca381;box-shadow:0 10px 25px #1834430d} #site-main.commercial-mirrors-modern-page .buyer-product-card>img{aspect-ratio:16/10;height:auto} #site-main.commercial-mirrors-modern-page .buyer-product-card>div{padding:24px} #site-main.commercial-mirrors-modern-page .buyer-product-card .micro{font-size:10px;letter-spacing:.12em} #site-main.commercial-mirrors-modern-page .buyer-product-card h3{font-size:27px;min-height:62px;margin:12px 0} #site-main.commercial-mirrors-modern-page .buyer-product-card p{font-size:14px;margin-bottom:18px} #site-main.commercial-mirrors-modern-page .product-spec-details{border-top:1px solid var(--line);margin-top:auto} #site-main.commercial-mirrors-modern-page .product-spec-details summary{cursor:pointer;font-size:12px;font-weight:650;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px} #site-main.commercial-mirrors-modern-page .product-spec-details summary:after{content:'+';font-size:19px;color:#987246;line-height:1} #site-main.commercial-mirrors-modern-page .product-spec-details[open] summary:after{content:'−'} #site-main.commercial-mirrors-modern-page .product-spec-details dl{margin:0 0 18px;font-size:13px} #site-main.commercial-mirrors-modern-page .buyer-actions{margin-top:0;padding-top:16px;gap:12px} #site-main.commercial-mirrors-modern-page .buyer-actions a:first-child{font-size:13px} #site-main.commercial-mirrors-modern-page .buyer-actions a:last-child{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#896435} #site-main.commercial-mirrors-modern-page .buyer-footnote{font-size:12px;margin-top:22px} #site-main.commercial-mirrors-modern-page #solutions{background:#f0eee7} #site-main.commercial-mirrors-modern-page .scenario-grid{gap:24px} #site-main.commercial-mirrors-modern-page .scenario-card{background:#fff;border:0;box-shadow:0 1px 0 #d8d4ca} #site-main.commercial-mirrors-modern-page .scenario-body{padding:25px} #site-main.commercial-mirrors-modern-page .scenario-body h3{font-size:26px;line-height:1.2;min-height:92px} #site-main.commercial-mirrors-modern-page .scenario-body>.micro{font-size:9px;letter-spacing:.12em} #site-main.commercial-mirrors-modern-page .experience-note{background:#f6f4ee;border-left:2px solid #b38b56;padding:17px;margin:22px 0} #site-main.commercial-mirrors-modern-page .experience-note .micro{font-size:9px} #site-main.commercial-mirrors-modern-page .experience-note h4{font-size:23px;line-height:1.2;margin:10px 0} #site-main.commercial-mirrors-modern-page .experience-note p{font-size:13px;line-height:1.7} #site-main.commercial-mirrors-modern-page .scenario-body dl{font-size:13px} #site-main.commercial-mirrors-modern-page .scenario-body>a{font-size:12px} #site-main.commercial-mirrors-modern-page .scenario-details summary{font-size:11px} #site-main.commercial-mirrors-modern-page .route-row{border-top:1px solid #d6d1c5;margin-top:28px;padding-top:20px} #site-main.commercial-mirrors-modern-page .buyer-specifications{background:#fff} #site-main.commercial-mirrors-modern-page .buyer-spec-table{font-size:13px;line-height:1.7;min-width:660px} #site-main.commercial-mirrors-modern-page .buyer-spec-table caption{font-size:12px;padding-bottom:16px;color:#6a7477} #site-main.commercial-mirrors-modern-page .buyer-spec-table th,#site-main.commercial-mirrors-modern-page .buyer-spec-table td{padding:16px 22px} #site-main.commercial-mirrors-modern-page .buyer-spec-table thead{background:#173b49} #site-main.commercial-mirrors-modern-page .buyer-spec-table tbody th{font-size:13px} #site-main.commercial-mirrors-modern-page .buyer-spec-table tbody tr:hover{background:#eee9df} #site-main.commercial-mirrors-modern-page .buyer-resource-strip{padding:28px 32px;background:#f0eee7;border-left:3px solid #b78d57;gap:40px} #site-main.commercial-mirrors-modern-page .buyer-resource-strip h3{font-size:25px} #site-main.commercial-mirrors-modern-page .buyer-resource-strip p{font-size:13px} #site-main.commercial-mirrors-modern-page .buyer-resource-strip a{font-size:12px} #site-main.commercial-mirrors-modern-page .buyer-custom{background:#faf9f6} #site-main.commercial-mirrors-modern-page .buyer-three-grid{gap:0;border-top:1px solid var(--line)} #site-main.commercial-mirrors-modern-page .buyer-three-grid article{border:0;border-right:1px solid var(--line);background:transparent;padding:28px 30px} #site-main.commercial-mirrors-modern-page .buyer-three-grid article:first-child{padding-left:0} #site-main.commercial-mirrors-modern-page .buyer-three-grid article:last-child{border-right:0} #site-main.commercial-mirrors-modern-page .buyer-three-grid h3{font-size:26px} #site-main.commercial-mirrors-modern-page .buyer-three-grid p{font-size:14px} #site-main.commercial-mirrors-modern-page .buyer-three-grid a{font-size:12px} #site-main.commercial-mirrors-modern-page .buyer-safety{background:#153744} #site-main.commercial-mirrors-modern-page .buyer-safety h2{color:#fff} #site-main.commercial-mirrors-modern-page .buyer-safety-grid{gap:0;border-top:1px solid #ffffff30;grid-template-columns:repeat(3,minmax(0,1fr))} #site-main.commercial-mirrors-modern-page .buyer-safety-grid article{border:0;border-bottom:1px solid #ffffff26;padding:28px 28px 25px 0} #site-main.commercial-mirrors-modern-page .buyer-safety-grid h3{font-size:25px;color:#fff} #site-main.commercial-mirrors-modern-page .buyer-safety-grid p{font-size:14px;color:#c6d3d7} #site-main.commercial-mirrors-modern-page .buyer-safety-grid a{font-size:12px} #site-main.commercial-mirrors-modern-page .buyer-engineering{background:#f0eee7} #site-main.commercial-mirrors-modern-page .engineering-grid{gap:24px} #site-main.commercial-mirrors-modern-page .engineering-grid figure{border:0} #site-main.commercial-mirrors-modern-page .engineering-grid img{height:auto;aspect-ratio:3/2} #site-main.commercial-mirrors-modern-page .engineering-grid figcaption{padding:24px} #site-main.commercial-mirrors-modern-page .engineering-grid h3{font-size:27px} #site-main.commercial-mirrors-modern-page .engineering-grid p{font-size:14px} #site-main.commercial-mirrors-modern-page .engineering-grid a{font-size:12px} #site-main.commercial-mirrors-modern-page .fit-section,#site-main.commercial-mirrors-modern-page .buyer-evidence{background:#faf9f6} #site-main.commercial-mirrors-modern-page .content-fold{background:#fff;border:1px solid var(--line);padding-inline:24px} #site-main.commercial-mirrors-modern-page .content-fold>summary{font-size:14px;padding-block:20px} #site-main.commercial-mirrors-modern-page .design-list p,#site-main.commercial-mirrors-modern-page .finish-card p,#site-main.commercial-mirrors-modern-page .lighting-checks p{font-size:14px} #site-main.commercial-mirrors-modern-page .budget-table{font-size:14px} #site-main.commercial-mirrors-modern-page .faq-list details{border-bottom:1px solid #dedbd4} #site-main.commercial-mirrors-modern-page .faq-list summary{font-size:15px;padding-block:20px} #site-main.commercial-mirrors-modern-page .faq-list p{font-size:14px;line-height:1.8} #site-main.commercial-mirrors-modern-page .rfq{background:#eae6dc;padding:86px 0} #site-main.commercial-mirrors-modern-page .rfq-grid{gap:70px} #site-main.commercial-mirrors-modern-page .rfq-copy{padding-top:18px} #site-main.commercial-mirrors-modern-page .rfq-form{background:#fff;padding:32px;border:1px solid #ded8cb;box-shadow:0 8px 35px #14354408} #site-main.commercial-mirrors-modern-page .rfq-form input,#site-main.commercial-mirrors-modern-page .rfq-form textarea,#site-main.commercial-mirrors-modern-page .rfq-form select{border:1px solid #d9dedc;background:#fcfcfa;border-radius:2px;min-height:44px} #site-main.commercial-mirrors-modern-page .rfq-form textarea{min-height:150px} #site-main.commercial-mirrors-modern-page .rfq-form label{font-size:12px} #site-main.commercial-mirrors-modern-page .floating-cta{border-radius:3px;box-shadow:0 4px 20px #17343f22;padding:14px 20px} @media(max-width:1000px){#site-main.commercial-mirrors-modern-page .shell{width:calc(100% - 40px)} #site-main.commercial-mirrors-modern-page .section{padding:64px 0} #site-main.commercial-mirrors-modern-page .product-intro{gap:30px} #site-main.commercial-mirrors-modern-page .buyer-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #site-main.commercial-mirrors-modern-page .scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #site-main.commercial-mirrors-modern-page .buyer-safety-grid{grid-template-columns:1fr 1fr} #site-main.commercial-mirrors-modern-page .hero-copy{width:100%;padding:35px 0 45px} #site-main.commercial-mirrors-modern-page .hero{min-height:0} #site-main.commercial-mirrors-modern-page .rfq-grid{gap:32px} } @media(max-width:640px){#site-main.commercial-mirrors-modern-page .shell{width:calc(100% - 36px)} #site-main.commercial-mirrors-modern-page .section{padding:52px 0} #site-main.commercial-mirrors-modern-page h2{font-size:33px} #site-main.commercial-mirrors-modern-page .hero h1{font-size:40px} #site-main.commercial-mirrors-modern-page .hero-copy>p{font-size:14px} #site-main.commercial-mirrors-modern-page .hero-actions{display:grid;grid-template-columns:1fr} #site-main.commercial-mirrors-modern-page .hero-actions .pill{width:100%} #site-main.commercial-mirrors-modern-page .hero-trust{gap:11px;font-size:10px} #site-main.commercial-mirrors-modern-page .signal-grid{grid-template-columns:1fr 1fr} #site-main.commercial-mirrors-modern-page .signal-grid>div{padding:17px 12px} #site-main.commercial-mirrors-modern-page .page-index{padding:10px 18px;gap:22px} #site-main.commercial-mirrors-modern-page .page-index span{display:none} #site-main.commercial-mirrors-modern-page .product-intro{grid-template-columns:1fr;gap:22px} #site-main.commercial-mirrors-modern-page .product-intro figcaption{font-size:11px} #site-main.commercial-mirrors-modern-page .buyer-product-grid,#site-main.commercial-mirrors-modern-page .scenario-grid,#site-main.commercial-mirrors-modern-page .buyer-three-grid,#site-main.commercial-mirrors-modern-page .buyer-safety-grid,#site-main.commercial-mirrors-modern-page .engineering-grid{grid-template-columns:1fr} #site-main.commercial-mirrors-modern-page .buyer-product-card h3,#site-main.commercial-mirrors-modern-page .scenario-body h3{min-height:0} #site-main.commercial-mirrors-modern-page .buyer-product-card>div{padding:22px} #site-main.commercial-mirrors-modern-page .split-head{gap:12px} #site-main.commercial-mirrors-modern-page .buyer-three-grid article,#site-main.commercial-mirrors-modern-page .buyer-three-grid article:first-child{padding:23px 0;border-right:0;border-bottom:1px solid var(--line)} #site-main.commercial-mirrors-modern-page .buyer-safety-grid article:last-child{grid-column:auto} #site-main.commercial-mirrors-modern-page .buyer-resource-strip{padding:24px;gap:18px} #site-main.commercial-mirrors-modern-page .rfq{padding:50px 0} #site-main.commercial-mirrors-modern-page .rfq-form{padding:22px} #site-main.commercial-mirrors-modern-page .rfq-grid{gap:25px} #site-main.commercial-mirrors-modern-page .floating-cta{padding:12px 15px;font-size:10px} } @media(prefers-reduced-motion:reduce){#site-main.commercial-mirrors-modern-page .pill,#site-main.commercial-mirrors-modern-page .buyer-product-card{transition:none} #site-main.commercial-mirrors-modern-page .pill:hover{transform:none} } #site-main.commercial-mirrors-modern-page .reference-section{background:#ede9df} #site-main.commercial-mirrors-modern-page .reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px} #site-main.commercial-mirrors-modern-page .reference-grid article{background:#fff;border:1px solid #ded8cb;overflow:hidden} #site-main.commercial-mirrors-modern-page .reference-grid img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover} #site-main.commercial-mirrors-modern-page .reference-grid article>div{padding:28px} #site-main.commercial-mirrors-modern-page .reference-grid h3{font-size:28px;margin:10px 0} #site-main.commercial-mirrors-modern-page .reference-grid p,#site-main.commercial-mirrors-modern-page .reference-grid dd{font-size:14px;color:#516870;line-height:1.7} #site-main.commercial-mirrors-modern-page .reference-grid dl{margin:20px 0} #site-main.commercial-mirrors-modern-page .reference-grid dt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:12px} #site-main.commercial-mirrors-modern-page .reference-grid dd{margin:5px 0 0} #site-main.commercial-mirrors-modern-page .reference-note{font-size:12px;color:#647278;margin-top:24px} #site-main.commercial-mirrors-modern-page .document-section{background:#fff} #site-main.commercial-mirrors-modern-page .document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} #site-main.commercial-mirrors-modern-page .document-grid article{padding:26px;background:#f3f1ea;border-top:3px solid #b89258} #site-main.commercial-mirrors-modern-page .document-grid h3{font-size:26px;margin:14px 0} #site-main.commercial-mirrors-modern-page .document-grid p{font-size:14px} #site-main.commercial-mirrors-modern-page .document-grid a{display:inline-block;font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:4px} #site-main.commercial-mirrors-modern-page .design-fold{border:1px solid #d8d5cd;background:#fff;margin-top:12px} #site-main.commercial-mirrors-modern-page .design-fold>summary{padding:22px 26px;font-size:16px;font-weight:650;cursor:pointer} #site-main.commercial-mirrors-modern-page .design-fold[open]>summary{border-bottom:1px solid #dedbd4} #site-main.commercial-mirrors-modern-page .design-fold-body{padding:28px} #site-main.commercial-mirrors-modern-page .design-fold-body .shell{width:100%} #site-main.commercial-mirrors-modern-page .design-fold-body .section-head h3{font-size:30px} #site-main.commercial-mirrors-modern-page .design-fold-body .finish-grid{color:#16343e} #site-main.commercial-mirrors-modern-page .design-fold-body .finish-grid h3,#site-main.commercial-mirrors-modern-page .design-fold-body .finish-grid p,#site-main.commercial-mirrors-modern-page .design-fold-body .module-caption{color:#16343e} #site-main.commercial-mirrors-modern-page .attachment-control{padding:20px;background:#f7f6f1;border:1px dashed #b4bab4;min-width:0} #site-main.commercial-mirrors-modern-page .attachment-control label{display:block;font-size:14px;font-weight:700;margin-bottom:12px} #site-main.commercial-mirrors-modern-page .attachment-control small{font-weight:400} #site-main.commercial-mirrors-modern-page .rfq-form .attachment-control input[type=file]{display:block;position:static;width:100%;max-width:100%;height:auto;min-height:44px;opacity:1;pointer-events:auto;padding:8px;background:#fff;overflow:visible;font-size:13px} #site-main.commercial-mirrors-modern-page .attachment-control input::file-selector-button{background:#173b49;color:#fff;border:0;padding:10px 12px;margin-right:10px;cursor:pointer} #site-main.commercial-mirrors-modern-page .attachment-control p{font-size:12px;line-height:1.6;margin:10px 0 0;overflow-wrap:anywhere} #site-main.commercial-mirrors-modern-page #attachment-status{color:#234b35} #site-main.commercial-mirrors-modern-page .attachment-control button{margin-top:10px;border:0;background:transparent;color:#7b432c;text-decoration:underline;cursor:pointer} #site-main.commercial-mirrors-modern-page .attachment-control [hidden]{display:none!important} @media(max-width:760px){#site-main.commercial-mirrors-modern-page .reference-grid,#site-main.commercial-mirrors-modern-page .document-grid{grid-template-columns:1fr} #site-main.commercial-mirrors-modern-page .reference-grid article>div{padding:22px} #site-main.commercial-mirrors-modern-page .design-fold-body{padding:18px} #site-main.commercial-mirrors-modern-page .design-fold>summary{padding:20px 18px} #site-main.commercial-mirrors-modern-page .attachment-control{padding:15px} #site-main.commercial-mirrors-modern-page .rfq-form .attachment-control input[type=file]{font-size:12px} } #site-main.commercial-mirrors-modern-page{--muted:#465c66} #site-main.commercial-mirrors-modern-page :is(p,dd,li,td){font-size:16px!important;line-height:1.75!important} #site-main.commercial-mirrors-modern-page :is(h1,h2,h3,h4){font-weight:700;line-height:1.2} #site-main.commercial-mirrors-modern-page :is(.eyebrow,.micro){font-size:12px!important;font-weight:700;letter-spacing:.1em!important;color:#765326!important} #site-main.commercial-mirrors-modern-page :is(.hero,.buyer-safety,.delivery) :is(.eyebrow,.micro){color:#ecc78e!important} #site-main.commercial-mirrors-modern-page :is(.section-head>p,.product-intro .section-head p,.reference-grid p,.reference-grid dd,.reference-note,.buyer-footnote,.module-caption,.form-note,.product-intro figcaption,.buyer-spec-table caption){color:#465c66!important} #site-main.commercial-mirrors-modern-page :is(.hero-copy>p,.hero-trust,.buyer-safety-grid p,.delivery .split-head p,.timeline p,.proof-grid figcaption p){color:#ecf1f3!important} #site-main.commercial-mirrors-modern-page :is(.reference-note,.buyer-footnote,.module-caption,.form-note,.product-intro figcaption,.buyer-spec-table caption,.attachment-control p){font-size:14px!important;line-height:1.65!important} #site-main.commercial-mirrors-modern-page :is(.pill,.floating-cta,.page-index a,.page-index span,.buyer-actions a,.scenario-body>a,.scenario-details summary,.engineering-grid a,.buyer-resource-strip a,.buyer-three-grid a,.buyer-safety-grid a,.document-grid a,.route-row a){font-size:14px!important;font-weight:650;line-height:1.5} #site-main.commercial-mirrors-modern-page :is(.reference-grid dt,.signal-grid strong,.signal-grid span,.hero-trust,.rfq-points,.rfq-form label,.attachment-control label){font-size:14px!important;line-height:1.6} #site-main.commercial-mirrors-modern-page :is(.product-spec-details summary,.content-fold>summary,.design-fold>summary,.faq-list summary){font-size:16px!important;line-height:1.6;font-weight:650} #site-main.commercial-mirrors-modern-page .buyer-spec-table tbody th{font-size:15px;line-height:1.7} #site-main.commercial-mirrors-modern-page .rfq-form :is(input,textarea,select){font-size:16px!important;font-weight:400;line-height:1.6} #site-main.commercial-mirrors-modern-page .rfq-form :is(input,textarea)::placeholder{color:#59676d;opacity:1;font-weight:400} #site-main.commercial-mirrors-modern-page .proof-grid figure:after{inset:25% 0 0;background:linear-gradient(transparent,rgba(4,20,29,.98))} #site-main.commercial-mirrors-modern-page .proof-grid figure,#site-main.commercial-mirrors-modern-page .proof-grid .proof-large{min-height:390px} #site-main.commercial-mirrors-modern-page .design-fold-body .eyebrow{color:#765326!important} @media(max-width:640px){#site-main.commercial-mirrors-modern-page .hero h1{font-size:38px} #site-main.commercial-mirrors-modern-page h2{font-size:32px} #site-main.commercial-mirrors-modern-page .proof-grid figure,#site-main.commercial-mirrors-modern-page .proof-grid .proof-large{min-height:360px} #site-main.commercial-mirrors-modern-page .floating-cta{padding:12px 16px} #site-main.commercial-mirrors-modern-page .signal-grid{grid-template-columns:1fr} } #site-main.commercial-mirrors-modern-page{display:block;width:100%;max-width:none;margin:0;padding:0;font-weight:400}#site-main.commercial-mirrors-modern-page [hidden]{display:none!important}#site-main.commercial-mirrors-modern-page .hero-copy{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;outline:0!important}#site-main.commercial-mirrors-modern-page .hero-copy::before,#site-main.commercial-mirrors-modern-page .hero-copy::after{content:none!important}#site-main.commercial-mirrors-modern-page .form-success.show{display:block}#site-main.commercial-mirrors-modern-page .upload input{position:static;opacity:1;pointer-events:auto;padding:10px}#site-main.commercial-mirrors-modern-page .upload span{display:none}#site-main.commercial-mirrors-modern-page section[id]{scroll-margin-top:110px}#site-main.commercial-mirrors-modern-page :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid #c99b5c;outline-offset:4px}body.page-id-201 #site-main .floating-cta{display:none!important}@media(max-width:680px){#site-main.commercial-mirrors-modern-page .rfq-form input,#site-main.commercial-mirrors-modern-page .rfq-form textarea,#site-main.commercial-mirrors-modern-page .rfq-form select{font-size:16px}}