.ej-void .mobile-summary{display:none}
.ej-void{--ink:#202c33;--muted:#5e6a70;--blue:#006d9d;--blue-light:#e8f3f7;--paper:#f8f7f3;--line:#dce1e2;--white:#fff;--radius:14px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:95px}.ej-void *{box-sizing:border-box}.ej-void{margin:0}.ej-void button,.ej-void input,.ej-void textarea{font:inherit}.ej-void button,.ej-void a,.ej-void input,.ej-void textarea{-webkit-tap-highlight-color:transparent}.ej-void button{cursor:pointer}.ej-void button:disabled{cursor:not-allowed;opacity:.5}.ej-void button,.ej-void a{touch-action:manipulation}.ej-void a{color:inherit}.ej-void img{display:block;max-width:100%}.ej-void button:focus-visible,.ej-void a:focus-visible,.ej-void input:focus-visible,.ej-void textarea:focus-visible,.ej-void summary:focus-visible{outline:3px solid #009ddd;outline-offset:4px}.ej-void button{color:inherit}.ej-void ::selection{background:#c8e9f8}.ej-void .wrap{max-width:1240px;padding:0 40px;margin:auto}.ej-void .prototype{background:#203640;color:#e7f0f4;text-align:center;padding:9px 20px;font-size:11px;letter-spacing:.08em}.ej-void .prototype b{color:#fff}.ej-void .header{background:#ffffffed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.ej-void .nav{display:flex;align-items:center;justify-content:space-between;height:86px;gap:20px}.ej-void .brand{text-decoration:none;display:flex;align-items:center;gap:12px}.ej-void .brand-symbol{display:flex;gap:4px;align-items:center;height:32px}.ej-void .brand-symbol i{display:block;background:var(--blue);width:7px;transform:skewY(-22deg)}.ej-void .brand-symbol i:nth-child(1){height:19px}.ej-void .brand-symbol i:nth-child(2){height:32px}.ej-void .brand-symbol i:nth-child(3){height:25px}.ej-void .brand-text{font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1}.ej-void .brand-text small{display:block;font-size:9px;letter-spacing:2.2px;font-weight:500;margin-top:6px}.ej-void .nav-links{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:600}.ej-void .nav-links>a:not(.btn){text-decoration:none}.ej-void .nav-links>a:not(.btn):hover{color:var(--blue)}.ej-void .btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 21px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:5px;text-decoration:none;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.ej-void .btn:hover{background:#00587f;transform:translateY(-1px)}.ej-void .btn.ghost{background:transparent;color:var(--ink);border-color:#c3cbce}.ej-void .btn.ghost:hover{background:#edf0ef}.ej-void .arrow{display:inline-block;width:15px;height:15px;font-size:0!important;line-height:1;position:relative}.ej-void .arrow:before{content:"";position:absolute;right:1px;top:1px;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}.ej-void .arrow:after{content:"";position:absolute;left:1px;bottom:1px;width:15px;height:1.5px;background:currentColor;transform:rotate(-45deg);transform-origin:0 50%}.ej-void .eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;margin:0 0 23px}.ej-void .eyebrow:before{content:"";width:25px;height:2px;background:currentColor}.ej-void h1,.ej-void h2,.ej-void h3,.ej-void p{margin-top:0}.ej-void h1{font-size:clamp(42px,4.7vw,68px);letter-spacing:-3px;line-height:1.04;margin-bottom:25px;max-width:600px}.ej-void h1 span{color:var(--blue)}.ej-void h2{font-size:clamp(30px,3vw,43px);line-height:1.12;letter-spacing:-1.5px;margin-bottom:18px}.ej-void h3{font-size:20px;line-height:1.3}.ej-void .body-copy{font-size:16px;line-height:1.75;color:var(--muted);max-width:460px}.ej-void .hero{padding-top:59px;padding-bottom:55px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.ej-void .hero-actions{display:flex;gap:14px;align-items:center;margin-top:30px}.ej-void .text-link{font-size:13px;font-weight:600;text-underline-offset:5px}.ej-void .hero-image{margin:0;position:relative;border-radius:7px;overflow:hidden;background:#e5e9e7;align-self:stretch;min-height:420px}.ej-void .hero-image img{width:100%;height:100%;object-fit:cover;object-position:42% center}.ej-void .hero-image figcaption{position:absolute;left:22px;bottom:22px;right:22px;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 17px;background:#ffffffed;border-radius:4px;font-size:11px}.ej-void .hero-image figcaption b{display:block;font-size:13px;margin-bottom:4px}.ej-void .hero-image figcaption span:last-child{color:var(--blue);font-size:21px}.ej-void .hero-note{font-size:11px;color:var(--muted);margin:22px 0 0}.ej-void .facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:24px 0;margin-bottom:78px}.ej-void .fact{padding:0 30px;border-right:1px solid var(--line)}.ej-void .fact:first-child{padding-left:0}.ej-void .fact:last-child{border:0}.ej-void .fact strong{font-size:23px;letter-spacing:-.5px;font-weight:700}.ej-void .fact span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.ej-void .section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:30px}.ej-void .section-heading .eyebrow{margin-bottom:15px}.ej-void .section-heading h2{margin-bottom:0}.ej-void .section-heading>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:330px;margin:0}.ej-void .gallery{padding-bottom:76px}.ej-void .gallery-frame{display:grid;grid-template-columns:1.4fr 1fr;border-radius:7px;overflow:hidden;background:white;border:1px solid var(--line);min-height:370px}.ej-void .gallery-picture{background:#edf0ef;height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ej-void .gallery-picture img{width:100%;height:100%;object-fit:contain}.ej-void .gallery-info{padding:40px 36px;display:flex;flex-direction:column;justify-content:center}.ej-void .gallery-topline{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:var(--blue);font-weight:bold;margin-bottom:22px}.ej-void .gallery-info h3{font-size:29px;letter-spacing:-.8px;margin-bottom:17px}.ej-void .gallery-info p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:20px}.ej-void .photo-credit{font-size:11px!important;margin:0!important}.ej-void .photo-credit a{text-underline-offset:3px}.ej-void .gallery-navigation{display:flex;align-items:center;gap:12px;margin-top:28px}.ej-void .circle-btn{width:42px;height:42px;border:1px solid #c8d0d2;border-radius:50%;background:white;font-size:22px}.ej-void .circle-btn:hover{background:var(--blue-light);border-color:var(--blue)}.ej-void .slide-count{font-size:12px;letter-spacing:2px;margin-left:8px}.ej-void .thumbnails{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:14px}.ej-void .thumb{border:2px solid transparent;background:white;border-radius:4px;padding:3px;position:relative;overflow:hidden;opacity:.65;transition:opacity .2s,border .2s}.ej-void .thumb:hover{opacity:1}.ej-void .thumb[aria-pressed=true]{border-color:var(--blue);opacity:1}.ej-void .thumb img{height:84px;object-fit:cover;width:100%;border-radius:1px}.ej-void .thumb span{position:absolute;background:#183946e8;color:#fff;font-size:10px;bottom:7px;right:8px;padding:3px 5px;border-radius:2px}.ej-void .gallery-footnote{font-size:11px;line-height:1.7;color:var(--muted);margin:13px 0 0}.ej-void .config-section{background:white;border-block:1px solid var(--line);padding:68px 0 74px}.ej-void .config-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;margin-top:36px;align-items:start}.ej-void .preview-panel{position:sticky;top:115px}.ej-void .preview-stage{background:#eff1ed;border:1px solid #e3e6e0;border-radius:7px;position:relative;padding:35px 25px 22px;text-align:center;background-image:radial-gradient(#cdd4ce 1px,transparent 1px);background-size:18px 18px}.ej-void .preview-label{display:flex;justify-content:space-between;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#556462}.ej-void .preview-label span:first-child{font-weight:700}.ej-void .preview-label span:last-child{background:#fff;padding:4px 6px;margin-top:-4px;border-radius:3px;letter-spacing:.4px}.ej-void .preview-stage svg{width:100%;height:275px;filter:drop-shadow(0 15px 12px #273a2b22);overflow:visible}.ej-void .preview-caption{font-size:12px;color:#54615f;margin:0;font-weight:600}.ej-void .preview-note{font-size:11px;line-height:1.7;color:var(--muted);margin:13px 0 22px}.ej-void .summary-box{background:var(--paper);padding:22px 24px;border-radius:7px;border:1px solid #e9e8e1}.ej-void .summary-box h3{font-size:15px;margin-bottom:18px}.ej-void .summary-box dl{margin:0;font-size:12px}.ej-void .summary-box dl>div{display:flex;justify-content:space-between;gap:20px;margin:11px 0}.ej-void .summary-box dt{color:var(--muted)}.ej-void .summary-box dd{margin:0;text-align:right;font-weight:600}.ej-void .summary-box .btn{width:100%;margin-top:18px}.ej-void .summary-box p{font-size:10px;line-height:1.65;color:var(--muted);margin:12px 0 0}.ej-void .config-fields{min-width:0}.ej-void fieldset{margin:0 0 26px;padding:0 0 26px;border:0;border-bottom:1px solid var(--line)}.ej-void legend{padding:0;display:flex;align-items:center;gap:10px;margin-bottom:15px;font-size:14px;font-weight:700}.ej-void .step{font-size:10px;background:var(--blue-light);border-radius:50%;color:var(--blue);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.ej-void .options{display:grid;gap:9px;grid-template-columns:repeat(3,1fr)}.ej-void .option{border:1px solid #cdd4d6;border-radius:5px;background:#fff;min-height:70px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;font-size:12px;font-weight:600;transition:border .2s,background .2s;padding:12px 5px;position:relative}.ej-void .option:hover{border-color:var(--blue)}.ej-void .option[aria-pressed=true]{border:2px solid var(--blue);background:#f2f8fa;padding:11px 4px}.ej-void .option[aria-pressed=true]:after{content:"✓";position:absolute;top:4px;right:6px;font-size:11px;color:var(--blue)}.ej-void .metal{display:block;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000018}.ej-void .metal.aluminium{background:linear-gradient(135deg,#909b9c,#e9edeb 45%,#aab4b6)}.ej-void .metal.messing{background:linear-gradient(135deg,#9f8050,#e9d8a3 45%,#b99b66)}.ej-void .metal.bronze{background:linear-gradient(135deg,#815740,#c5a078 45%,#9e7253)}.ej-void .field-note{font-size:11px;color:var(--muted);line-height:1.6;margin:11px 0 0}.ej-void .shapes{grid-template-columns:repeat(4,1fr)}.ej-void .shape-icon{display:block;border:1.6px solid #6c7a80;width:25px;height:15px}.ej-void .shape-icon.square{height:21px;width:21px}.ej-void .shape-icon.circle{width:22px;height:22px;border-radius:50%}.ej-void .shape-icon.custom{border:0;background:#6c7a80;clip-path:polygon(20% 0,80% 0,100% 40%,80% 100%,20% 100%,0 40%);height:22px;width:24px;position:relative}.ej-void .shape-icon.custom:after{content:"";position:absolute;inset:2px;background:white;clip-path:inherit}.ej-void .dimensions{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:19px}.ej-void .input-label{display:block;font-size:11px;font-weight:bold;margin-bottom:7px}.ej-void .input-unit{display:flex;align-items:center;position:relative}.ej-void .input-unit input{width:100%;padding:13px 42px 13px 13px;border-radius:5px;border:1px solid #cdd4d6;background:#fff;font-size:15px}.ej-void .input-unit>span{position:absolute;right:14px;font-size:12px;color:var(--muted)}.ej-void input:disabled{background:#f1f3f2;color:#5b666c}.ej-void .validation{color:#a02b20;font-size:11px;line-height:1.6;margin:10px 0 0}.ej-void .validation:empty{display:none}.ej-void .swatch-row{display:flex;gap:10px;flex-wrap:wrap}.ej-void .swatch{width:39px;height:39px;border:3px solid #fff;border-radius:50%;padding:0;box-shadow:0 0 0 1px #d7ddde;position:relative}.ej-void .swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--blue)}.ej-void .swatch[aria-pressed=true]:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:white;text-shadow:0 1px 3px #000;font-size:14px}.ej-void .swatch.light[aria-pressed=true]:after{color:var(--ink);text-shadow:none}.ej-void .color-label{font-size:12px;font-weight:600;margin-bottom:12px}.ej-void .color-label span{font-weight:400;color:var(--muted)}.ej-void .toggle-line{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;margin:21px 0 14px}.ej-void .toggle-line input{width:16px;height:16px;margin:0;accent-color:var(--blue);flex-shrink:0}.ej-void .secondary-colors{margin:15px 0 20px}.ej-void .color-notice{font-size:11px;line-height:1.7;background:#f3f6f6;border-left:2px solid #93acb5;padding:12px 14px;margin:18px 0 0;color:#52636b}.ej-void .text-field{width:100%;padding:13px;border:1px solid #cdd4d6;border-radius:5px;background:white;font-size:13px}.ej-void .two-fields{display:grid;grid-template-columns:1fr 95px;gap:13px}.ej-void .last-fields{margin-bottom:0;border-bottom:0;padding-bottom:0}.ej-void .process{padding:72px 0 68px}.ej-void .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:34px}.ej-void .process-item{border-top:1px solid #c5ced0;padding-top:23px}.ej-void .process-item .num{color:var(--blue);font-size:12px;font-weight:bold;letter-spacing:1px;margin-bottom:23px;display:block}.ej-void .process-item h3{font-size:18px;margin-bottom:12px}.ej-void .process-item p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.ej-void .cost-note{margin-top:34px;padding:19px 23px;display:flex;gap:20px;align-items:baseline;border:1px solid #d9dfdf;border-radius:5px;font-size:12px;line-height:1.7}.ej-void .cost-note b{white-space:nowrap}.ej-void .cost-note p{color:var(--muted);margin:0}.ej-void .footer{background:#203640;color:#ecf1f2;padding:34px 0}.ej-void .footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.ej-void .footer .brand-text{font-size:23px}.ej-void .footer p{font-size:11px;line-height:1.8;color:#c1d0d6;margin:0;max-width:530px}.ej-void .footer a{color:#e2f2fa}.ej-void .footer strong{color:white}.ej-void .dialog{border:0;padding:0;border-radius:9px;box-shadow:0 20px 90px #0b1d3080;width:min(650px,calc(100% - 28px));max-height:calc(100vh - 50px);color:var(--ink)}.ej-void .dialog::backdrop{background:#102632b3;backdrop-filter:blur(3px)}.ej-void .dialog-inner{padding:30px}.ej-void .dialog-header{display:flex;justify-content:space-between;gap:10px;margin-bottom:25px}.ej-void .dialog-header h2{font-size:28px;letter-spacing:-.7px;margin:0}.ej-void .dialog-header p{font-size:12px;color:var(--muted);margin:8px 0 0}.ej-void .close-btn{background:#f0f3f2;border:0;width:33px;height:33px;border-radius:50%;font-size:22px;flex-shrink:0}.ej-void .request-summary{font-size:12px;line-height:1.8;background:var(--paper);padding:16px 18px;border-radius:5px;white-space:pre-wrap;margin-bottom:22px}.ej-void .dialog .text-field{margin-bottom:15px}.ej-void .dialog textarea{resize:vertical;min-height:80px}.ej-void .dialog .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ej-void .dialog-actions{display:flex;gap:12px;flex-wrap:wrap}.ej-void .dialog-note{font-size:11px;line-height:1.6;color:var(--muted);margin:15px 0 0}.ej-void .demo-success{padding:12px 14px;background:#e7f1e9;border-left:3px solid #32824f;font-size:12px;line-height:1.7;margin:15px 0 0}.ej-void .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ej-void [hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.ej-void html{scroll-behavior:auto}.ej-void *,.ej-void *:before,.ej-void *:after{transition:none!important;animation:none!important}}@media(max-width:1000px){.ej-void .wrap{padding-inline:28px}.ej-void .nav-links{gap:20px}.ej-void .hero{gap:28px}.ej-void .hero-image{min-height:365px}.ej-void .hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.ej-void .hero{padding-top:40px}.ej-void .gallery-frame{grid-template-columns:1.2fr 1fr}.ej-void .gallery-info{padding:30px 25px}.ej-void .config-layout{gap:30px;grid-template-columns:1fr 1.1fr}.ej-void .preview-stage{padding:25px 17px 20px}.ej-void .preview-stage svg{height:240px}.ej-void .cost-note{display:block}.ej-void .cost-note b{display:block;margin-bottom:6px}}@media(max-width:760px){.ej-void{scroll-padding-top:85px}.ej-void .wrap{padding-inline:22px}.ej-void .prototype{font-size:9px;line-height:1.5;letter-spacing:.02em}.ej-void .nav{height:73px}.ej-void .brand-text{font-size:23px}.ej-void .brand-text small{font-size:8px;letter-spacing:1.9px}.ej-void .brand-symbol{transform:scale(.85);margin-right:-3px}.ej-void .nav-links>a:not(.btn){display:none}.ej-void .nav-links .btn{padding:12px 14px;font-size:11px;gap:10px}.ej-void .hero{grid-template-columns:1fr;gap:29px;padding-top:36px;padding-bottom:30px}.ej-void .eyebrow{font-size:10px;margin-bottom:19px}.ej-void h1{font-size:47px;letter-spacing:-2px;max-width:480px;margin-bottom:20px}.ej-void .body-copy{font-size:15px;max-width:520px}.ej-void .hero-actions{flex-direction:row;align-items:center;gap:22px;margin-top:23px}.ej-void .hero-note{margin-top:17px;font-size:10px}.ej-void .hero-image{height:300px;min-height:0}.ej-void .hero-image img{object-position:center 56%}.ej-void .hero-image figcaption{left:15px;right:15px;bottom:15px;padding:12px}.ej-void .facts{margin-bottom:50px;padding:20px 0;gap:10px}.ej-void .fact{padding:0 10px}.ej-void .fact strong{font-size:18px;display:block;line-height:1.25}.ej-void .fact:nth-child(2) strong{font-size:15px}.ej-void .fact span{font-size:10px;line-height:1.6}.ej-void .section-heading{display:block;margin-bottom:25px}.ej-void .section-heading>p{margin-top:17px;max-width:500px;font-size:13px}.ej-void .gallery{padding-bottom:48px}.ej-void .gallery-frame{display:block}.ej-void .gallery-picture{height:280px}.ej-void .gallery-info{padding:25px}.ej-void .gallery-topline{margin-bottom:15px}.ej-void .gallery-info h3{font-size:25px;margin-bottom:12px}.ej-void .gallery-info p{font-size:13px;margin-bottom:16px}.ej-void .gallery-navigation{margin-top:20px}.ej-void .thumbnails{gap:6px}.ej-void .thumb{padding:2px}.ej-void .thumb img{height:55px}.ej-void .thumb span{display:none}.ej-void .config-section{padding:47px 0}.ej-void .config-layout{grid-template-columns:1fr;gap:30px;margin-top:26px}.ej-void .preview-panel{position:static}.ej-void .preview-stage svg{height:230px}.ej-void .preview-note{margin-bottom:18px}.ej-void .summary-box{display:none}.ej-void .config-fields{display:flex;flex-direction:column}.ej-void .mobile-summary{display:block!important;background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:19px;margin-top:25px}.ej-void .mobile-summary .btn{width:100%}.ej-void .mobile-summary p{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0}.ej-void .process{padding:47px 0}.ej-void .process-grid{grid-template-columns:1fr;gap:23px;margin-top:25px}.ej-void .process-item{position:relative;padding-left:45px;padding-top:18px}.ej-void .process-item .num{position:absolute;left:0;top:22px}.ej-void .process-item h3{font-size:17px;margin-bottom:9px}.ej-void .cost-note{padding:16px;margin-top:24px}.ej-void .footer-main{display:block}.ej-void .footer .brand-text{margin-bottom:19px}.ej-void .footer p{font-size:10px}.ej-void .dialog-inner{padding:23px}.ej-void .dialog .form-row{grid-template-columns:1fr;gap:0}.ej-void .dialog-header h2{font-size:25px}.ej-void .dialog-actions{flex-direction:column}.ej-void .dialog-actions .btn{width:100%}}@media(max-width:370px){.ej-void .wrap{padding-inline:16px}.ej-void .nav-links .btn{padding:11px 9px}.ej-void .brand-text{font-size:20px}.ej-void .brand-symbol{display:none}.ej-void h1{font-size:42px}.ej-void .hero-actions{gap:15px}.ej-void .hero-actions .btn{padding:15px}.ej-void .text-link{font-size:11px}.ej-void .option{font-size:11px}.ej-void .gallery-picture{height:240px}}.ej-void /* Revision 2: examples first,.ej-void compact controls left and preview right. */
.ej-void .gallery{padding-top:38px;padding-bottom:0}.ej-void .gallery .section-heading{align-items:center;margin-bottom:24px}.ej-void .gallery h1{font-size:clamp(30px,3.4vw,44px);line-height:1.12;letter-spacing:-1.7px;margin:0;max-width:700px}.ej-void .gallery .eyebrow{margin-bottom:12px}.ej-void .gallery .section-heading>p{font-size:13px;line-height:1.65}.ej-void .gallery-frame{min-height:0;grid-template-columns:1.55fr 1fr}.ej-void .gallery-picture{height:300px}.ej-void .gallery-info{padding:25px 31px}.ej-void .gallery-info h3{font-size:25px;margin-bottom:12px}.ej-void .gallery-info p{font-size:13px;line-height:1.7}.ej-void .gallery-topline{margin-bottom:15px}.ej-void .gallery-navigation{margin-top:18px}.ej-void .thumbnails{max-width:660px;margin-top:12px;gap:10px}.ej-void .thumb img{height:62px}.ej-void .gallery-footnote{font-size:10px;margin-top:10px}.ej-void .facts{padding:24px 0;margin-top:23px;margin-bottom:0;grid-template-columns:.8fr 1fr 1.3fr}.ej-void .fact strong{font-size:20px}.ej-void .fact:last-child strong{font-size:17px}.ej-void .config-section{padding:42px 0 48px}.ej-void .config-section .section-heading{margin-bottom:0}.ej-void .config-section h2{font-size:34px}.ej-void .config-layout{grid-template-columns:minmax(0,1.4fr) minmax(270px,.8fr);gap:48px;margin-top:29px}.ej-void .config-fields{grid-column:1}.ej-void .preview-panel{grid-column:2;top:106px}.ej-void .preview-stage{padding:22px 17px 17px}.ej-void .preview-stage svg{height:205px}.ej-void .preview-label{font-size:9px;letter-spacing:.7px}.ej-void .preview-label span:last-child{font-size:8px}.ej-void .preview-caption{font-size:11px;line-height:1.65}.ej-void .preview-note{font-size:10px;line-height:1.65;margin:12px 0 17px}.ej-void .summary-box{padding:18px}.ej-void .summary-box dl{font-size:11px}.ej-void .summary-box dd{overflow-wrap:anywhere;max-width:65%}.ej-void .summary-box dt{flex-shrink:0}.ej-void .summary-box dl>div{gap:10px}.ej-void .summary-box h3{font-size:14px}.ej-void .summary-box .btn{padding:13px 16px}.ej-void fieldset{margin-bottom:21px;padding-bottom:21px}.ej-void legend{margin-bottom:12px}.ej-void .option{min-height:61px;gap:7px}.ej-void .metal{height:23px;width:23px}.ej-void .dimensions{margin-top:15px}.ej-void .color-notice{margin-top:14px}.ej-void .accent-elements-label{display:block;font-size:12px;font-weight:700;margin-top:20px;margin-bottom:8px;line-height:1.6}.ej-void .required-mark{color:#a02b20}.ej-void .accent-elements{resize:vertical;min-height:74px;line-height:1.6}.ej-void .optional{font-weight:400;color:var(--muted)}.ej-void .drawing-section{border-top:1px solid var(--line);padding-top:21px;margin-top:23px}.ej-void .drawing-section>.input-label{font-size:12px}.ej-void .file-picker{border:1px dashed #adbec5;border-radius:5px;padding:14px;background:#f8faf9;margin-top:13px}.ej-void .file-picker input{width:100%;font-size:11px;color:var(--muted)}.ej-void .file-picker input::file-selector-button{background:white;border:1px solid #aabac0;border-radius:4px;padding:10px 12px;margin-right:10px;cursor:pointer;color:var(--ink);font-weight:600}.ej-void .selected-file-row{display:flex;gap:12px;justify-content:space-between;align-items:start;margin-top:12px}.ej-void .selected-file-row p{font-size:11px;line-height:1.6;margin:0;color:var(--muted);overflow-wrap:anywhere;min-width:0}.ej-void .selected-file-row button{font-size:10px;white-space:nowrap;border:0;background:transparent;color:var(--blue);text-decoration:underline;text-underline-offset:3px;padding:2px 0}.ej-void .design-choice{margin-top:18px;margin-bottom:8px}.ej-void .process{padding-top:49px;padding-bottom:49px}@media(max-width:1000px){.ej-void .config-layout{gap:28px;grid-template-columns:minmax(0,1.25fr) minmax(260px,.85fr)}.ej-void .gallery-picture{height:290px}.ej-void .gallery-info{padding:22px}.ej-void .gallery-info h3{font-size:22px}.ej-void .gallery-topline{font-size:9px}.ej-void .fact:last-child strong{font-size:15px}.ej-void .preview-label{gap:8px}.ej-void .preview-label span:last-child{max-width:99px;text-align:center}.ej-void .summary-box{padding:16px}}@media(max-width:760px){.ej-void .gallery{padding-top:26px;padding-bottom:0}.ej-void .gallery h1{font-size:32px;letter-spacing:-1px}.ej-void .gallery .section-heading{margin-bottom:20px}.ej-void .gallery .section-heading>p{margin-top:14px}.ej-void .gallery-picture{height:240px}.ej-void .gallery-info{padding:21px}.ej-void .gallery-topline{margin-bottom:12px}.ej-void .gallery-info h3{font-size:23px}.ej-void .gallery-info p{margin-bottom:12px}.ej-void .gallery-navigation{margin-top:15px}.ej-void .thumbnails{gap:6px;max-width:none}.ej-void .thumb img{height:46px}.ej-void .facts{grid-template-columns:1fr 1.3fr;gap:0;margin-top:20px;padding:19px 0}.ej-void .fact:first-child{padding:0 15px 0 0}.ej-void .fact:nth-child(2){padding:0 0 0 15px;border:0}.ej-void .fact strong,.ej-void .fact:nth-child(2) strong{font-size:17px}.ej-void .fact:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding:17px 0 0;margin-top:17px}.ej-void .fact:last-child strong{font-size:16px}.ej-void .fact span{font-size:10px}.ej-void .config-section{padding:34px 0}.ej-void .config-section h2{font-size:29px}.ej-void .config-layout{display:flex;flex-direction:column;gap:24px;margin-top:24px}.ej-void .preview-panel{position:static;order:-1;width:100%}.ej-void .preview-stage{padding:16px 15px 13px}.ej-void .preview-stage svg{height:158px}.ej-void .preview-label span:last-child{max-width:none}.ej-void .preview-note{margin:10px 0 0;font-size:10px}.ej-void .config-fields{width:100%}.ej-void .summary-box{display:none}.ej-void .mobile-summary{margin-top:23px}.ej-void .process{padding-top:36px;padding-bottom:36px}.ej-void .drawing-section{margin-top:20px}.ej-void .selected-file-row{gap:8px}.ej-void .dialog-inner{padding:21px}.ej-void .request-summary{font-size:11px;overflow-wrap:anywhere}}


.ej-void{padding-top:38px}.ej-void [hidden]{display:none!important}.ej-void .sj-inquiry-form h3{font-size:20px}.ej-void .sj-config-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ej-void .sj-inquiry-form input,.ej-void .sj-inquiry-form textarea{background:white;color:#202c33;box-sizing:border-box}.ej-void .sj-inquiry-form button{margin:0}.ej-void .dialog{max-height:90dvh;overflow:auto}.ej-void .upload-status{font-size:12px;line-height:1.5}.ej-void .dialog .sj-catalog{margin:0;display:block}.ej-void .dialog .sj-config-note{font-size:12px}.ej-void .dialog .sj-inquiry-form{border:0;padding:0}.ej-void .dialog [data-form=status]{font-size:14px}.ej-void .gallery{scroll-margin-top:30px}
@media(max-width:600px){.ej-void .sj-config-fields{grid-template-columns:1fr}.ej-void .dialog-inner{padding:20px}.ej-void .dialog .sj-config-note{font-size:12px}}

.ej-void h1,.ej-void h2,.ej-void h3{color:var(--ink);font-family:Arial,Helvetica,sans-serif}.ej-void button{padding:0;margin:0;line-height:normal;box-shadow:none}.ej-void button::after{display:none}.ej-void .circle-btn{padding:0;min-width:42px;width:42px;height:42px;flex:0 0 42px}.ej-void .swatch{padding:0;min-width:0}.ej-void .btn{padding:15px 21px}.ej-void .option{padding:10px 14px}.ej-void .close-btn{padding:0;min-width:38px}.ej-void .sj-inquiry-form button{padding:12px 18px}

.ej-void .option[aria-pressed=true]::after{display:block}

.ej-void .dialog-header{position:sticky;top:0;z-index:3;background:#fff}

.ej-void #sketch-file.is-invalid{border:2px solid #b42318;border-radius:4px;outline-offset:3px}.ej-void .upload-status.is-error{color:#b42318;font-weight:600}.ej-void #retry-file,.ej-void #continue-without-file{border:1px solid #8c959b;border-radius:4px;padding:9px 12px;margin:5px 6px 5px 0;background:#fff}


.ej-void .void-tabs{display:flex;gap:8px;overflow-x:auto;margin:22px 0 16px;padding:3px}
.ej-void .void-tabs button{white-space:nowrap;padding:12px 18px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-weight:600}
.ej-void .void-tabs button[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:#fff}
.ej-void .gallery-frame{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr)}
.ej-void .gallery-picture{height:360px;display:flex;align-items:center;justify-content:center;background:#edf2f4;overflow:hidden}
.ej-void .gallery-picture img,.ej-void .gallery-picture video{width:100%;height:100%;object-fit:contain}
.ej-void .gallery-info h2{font-size:26px;line-height:1.2;margin:0 0 15px}
.ej-void .thumbnails{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));max-width:none;margin-top:12px;gap:8px}
.ej-void .thumb{min-width:0}.ej-void .thumb img{width:100%;height:66px;object-fit:cover}
.ej-void .void-media-note{font-size:12px;line-height:1.6;margin-top:16px;color:var(--muted)}
.ej-void .option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ej-void .option{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;min-width:0;text-align:center}
.ej-void .void-option-symbol{font-size:25px;line-height:1.1;color:var(--blue)}
.ej-void .void-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.ej-void .void-dimensions label:last-child{grid-column:1/-1}
.ej-void .config-fields label{display:block;font-size:12px;font-weight:600;margin-top:18px;margin-bottom:7px}
.ej-void input,.ej-void textarea,.ej-void select{width:100%;background:#fff;color:var(--ink);border:1px solid #b6c5cb;border-radius:5px;padding:12px;line-height:1.4;box-sizing:border-box;font:inherit;margin-top:7px}
.ej-void select{height:auto;min-height:46px}.ej-void input[type=file]{font-size:12px}
.ej-void .file-picker p{font-size:11px;line-height:1.6}.ej-void .file-picker .btn{padding:9px 12px;font-size:12px;margin:8px 4px 0 0}
.ej-void .swatches{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.ej-void .swatch{min-width:38px;min-height:38px;border:2px solid #fff;outline:1px solid #8a9ba4;border-radius:50%;position:relative}
.ej-void .swatch[aria-pressed=true]{outline:3px solid var(--blue)}
.ej-void .swatch[aria-pressed=true]::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;color:inherit}
.ej-void #void-preview{display:block;width:100%;height:auto;max-height:300px}
.ej-void .void-faq{margin-top:22px}.ej-void .void-faq details{border-bottom:1px solid var(--line);padding:18px 0}.ej-void .void-faq summary{cursor:pointer;font-weight:600;font-size:15px}.ej-void .void-faq p{font-size:14px;line-height:1.7;margin-top:12px}
.ej-void #void-config-error,.ej-void .upload-status.is-error{color:#b42318;font-weight:600;font-size:13px;line-height:1.6}
.ej-void #void-artwork.is-invalid{border:2px solid #b42318}
.ej-void .request-summary{white-space:pre-wrap;overflow-wrap:anywhere}
.ej-void :focus-visible{outline:3px solid #0089c5;outline-offset:3px}
@media(max-width:760px){.ej-void .gallery-frame{display:block}.ej-void .gallery-picture{height:260px}.ej-void .gallery-info h2{font-size:23px}.ej-void .thumbnails{display:flex;overflow-x:auto;padding:3px}.ej-void .thumb{flex:0 0 76px}.ej-void .gallery h1{font-size:30px;line-height:1.15}.ej-void .void-tabs button{font-size:12px;padding:11px}.ej-void .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ej-void .preview-panel{order:-1}.ej-void .preview-stage svg{height:auto;max-height:200px}.ej-void .config-layout{gap:22px}.ej-void .void-dimensions{gap:12px}.ej-void .dialog-header h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.ej-void,.ej-void *{scroll-behavior:auto;transition:none;animation:none}}