:root{--ink:#08121b;--paper:#f2f5f7;--accent:#168bd2;--muted:#6f7d88;--border:#d7dde2;--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #295376;outline-offset:4px}button,a{transition:background .18s,color .18s,border-color .18s}button:hover:not(:disabled){filter:brightness(.98)}svg{flex-shrink:0}p{line-height:1.7}::selection{background:var(--accent);color:var(--ink)}.site-header{height:94px;padding:0 4.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--paper);gap:25px}.brand{display:flex;align-items:center;gap:18px}.brand-word{font-weight:800;font-size:38px;letter-spacing:-2.8px;line-height:.87}.brand-word>span{display:block;font-size:17px;letter-spacing:-.6px;line-height:1.4;font-weight:650}.brand-divider{height:36px;width:1px;background:#bac1c7}.brand-tag{font:13px/1.7 var(--mono);letter-spacing:.8px}.site-header nav{display:flex;gap:30px;font-size:15px;font-weight:600;height:100%;align-items:center}.site-header nav a{display:flex;align-items:center;gap:5px;height:100%;position:relative}.site-header nav .active:after{position:absolute;content:'';bottom:0;left:0;right:0;height:2px;background:var(--ink)}.site-header nav a:hover{color:#2a5476}.basket-trigger{display:flex;gap:11px;align-items:center;padding:12px 13px 12px 17px;border:1px solid #c3cbd1;border-radius:4px;font-size:15px;font-weight:700;white-space:nowrap}.basket-trigger>b{background:var(--ink);color:white;min-width:22px;height:22px;padding:3px;border-radius:3px;font:16px var(--mono);display:grid;place-items:center}.basket-trigger:hover{background:#dce4eb}main{max-width:1560px;margin:auto;padding:0 4.1%}.intro{display:flex;align-items:center;justify-content:space-between;padding:49px 0 39px;gap:30px}.eyebrow{font:13px var(--mono);letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.eyebrow>span{width:5px;height:5px;background:#295376;border-radius:50%}h1{font-size:clamp(40px,4.2vw,64px);font-weight:550;letter-spacing:-3.4px;line-height:1.05;margin:17px 0 17px}h1 em{font-style:normal;color:#788590}h1+p{font-size:16px;color:#64717b;margin:0;line-height:1.8}.mobile-break{display:none}.intro-aside{border-left:1px solid #c5cdd4;padding-left:27px;position:relative;min-width:280px;display:grid;gap:11px}.intro-aside strong{font-size:20px;letter-spacing:-.65px;line-height:1.35;font-weight:600}.intro-aside>span{font-size:13px;color:#64717b}.little-mark{position:absolute;right:0;top:0;font-size:31px;font-weight:400}.configurator{border:1px solid #c9d1d7;border-radius:7px;overflow:hidden;scroll-margin-top:20px;background:#fff}.config-top{height:48px;border-bottom:1px solid var(--border);padding:0 23px;display:flex;align-items:center;justify-content:space-between;background:#f6f9fb}.config-top>span:first-child{font:14px var(--mono);letter-spacing:1.1px;display:flex;align-items:center;gap:13px}.config-top i{font-style:normal;font-size:13px;padding:4px 5px;border:1px solid #c8d0d6;border-radius:2px;color:#707d88}.config-top>span:last-child{font-size:14px;color:#707d88}.config-grid{display:grid;grid-template-columns:minmax(0,1.33fr) minmax(365px,1fr)}.visual-column{background:#11161b;display:flex;flex-direction:column;min-width:0}.shape-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:21px 23px;background:#171c20;border-bottom:1px solid #30363a}.shape-selector>button{height:91px;position:relative;background:#20252a;color:#9aa4ad;border:1px solid #363d43;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:14px;letter-spacing:.1px}.shape-selector>button svg{height:38px}.shape-selector>button:hover{border-color:#677f92}.shape-selector>button.selected{color:var(--accent);border-color:var(--accent);background:#242d35}.shape-selector i{position:absolute;right:7px;top:6px;display:grid;place-items:center;background:var(--accent);color:#161f27;border-radius:50%;width:14px;height:14px}.shape-selector i svg{height:11px}.viewer{position:relative;min-height:455px;flex:1;background:radial-gradient(ellipse at 49% 40%,#293035 0,#181e23 46%,#10161a 100%);overflow:hidden}.viewer canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}.viewer canvas:active{cursor:grabbing}.viewer-top{position:absolute;left:23px;right:23px;top:23px;display:flex;align-items:center;justify-content:space-between;z-index:1;pointer-events:none;color:#99a5af;font:12px var(--mono);letter-spacing:1.2px}.viewer-top>span{display:flex;align-items:center;gap:6px}.viewer-top i{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #168bd266}.viewer-top .viewer-id{color:#5f6b74;font-size:12px}.viewer-material{position:absolute;left:25px;bottom:87px;pointer-events:none;display:flex;flex-direction:column;gap:6px;color:white}.viewer-material>span{font:12px var(--mono);letter-spacing:1.5px;color:#8d98a1;text-transform:uppercase}.viewer-material strong{font-size:20px;font-weight:500;letter-spacing:-.7px}.viewer-tools{position:absolute;right:23px;bottom:83px;display:flex;align-items:center;border:1px solid #394650;border-radius:4px;background:#1f262b}.viewer-tools button{color:#bccad5;width:33px;height:33px;display:grid;place-items:center}.viewer-tools>span{height:16px;width:1px;background:#394650}.viewer-help{position:absolute;bottom:42px;left:0;right:0;display:flex;gap:7px;align-items:center;justify-content:center;font-size:13px;color:#a5b1ba;pointer-events:none}.viewer-help b{padding:0 6px;color:#5c6a76}.viewer-caption{position:absolute;bottom:19px;left:0;right:0;text-align:center;font:11px var(--mono);letter-spacing:.25px;color:#717f8b;pointer-events:none}.visual-footer{border-top:1px solid #2f3941;display:flex;justify-content:space-between;align-items:center;padding:20px 23px;color:#99a7b2;gap:10px}.visual-footer>span:first-child{font:12px var(--mono);letter-spacing:.6px;display:flex;align-items:center;gap:8px}.visual-footer>span:last-child{font-size:12px;display:flex;align-items:center;gap:8px}.dot{width:4px;height:4px;background:var(--accent);border-radius:50%}.control-column{padding:25px 28px 21px;min-width:0}.section-label{display:flex;justify-content:space-between;align-items:center;font:13px var(--mono);letter-spacing:1px;color:#63707a}.section-label>span:last-child{font:13px var(--sans);letter-spacing:0;color:#818d98}.control-column h2{font-weight:650;font-size:24px;letter-spacing:-.8px;margin:10px 0 19px}.material-tabs{display:flex;gap:2px;margin-bottom:12px;flex-wrap:wrap}.material-tabs button{font-size:13px;padding:6px 8px;border-radius:3px;color:#697681}.material-tabs button.selected{background:#e4ebf1;color:#19252e;font-weight:700}.material-tabs button:hover{background:#ecf1f5}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-height:188px;align-content:start}.material-grid>button{position:relative;display:flex;gap:10px;align-items:center;text-align:left;min-height:44px;padding:7px 9px;border:1px solid #d9e0e5;border-radius:3px}.material-grid>button.selected{border-color:#507390;background:#eaf2f8;box-shadow:inset 0 0 0 .5px #507390}.material-grid>button>svg{margin-left:auto;color:#2b567a}.metal-swatch{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:linear-gradient(120deg,#717f8a 0%,#d9dde0 24%,#b6bdc3 48%,#ebeff2 65%,#8a969f);border:1px solid #acb4bb;box-shadow:inset 0 0 2px #fff8}.metal-swatch.brass{background:linear-gradient(120deg,#95732e,#e8d899 29%,#b5953f 47%,#f8eabc 70%,#af8e3c);border-color:#c5ad70}.metal-swatch.steel{background:linear-gradient(120deg,#556367,#abb5b5 35%,#728489 60%,#bac1c6);border-color:#85929c}.material-grid strong{font-size:14px;display:block;letter-spacing:.1px;font-weight:650}.material-grid small{font-size:12px;color:#7f8c97;display:block;margin-top:2px}.material-selected{display:flex;align-items:center;gap:5px;color:#6f7d88;font-size:12px;margin-top:9px;min-height:12px}.dimension-heading{border-top:1px solid #dde3e8;margin-top:20px;padding-top:18px;margin-bottom:14px}.dimensions{display:flex;gap:10px}.dimension-field{flex:1;min-width:0}.dimension-field>span{font-size:13px;display:block;margin-bottom:7px;font-weight:600;color:#5e6a73}.dimension-field>div{display:flex;align-items:center;border:1px solid #ccd5dd;border-radius:3px;padding-right:11px;background:#f9fbfd}.dimension-field input{min-width:0;width:100%;font:17px var(--mono);color:var(--ink);border:0;background:transparent;padding:10px 12px;outline-offset:0}.dimension-field>div>span{font:14px var(--mono);color:#84909a}.dimension-field input::-webkit-inner-spin-button{-webkit-appearance:none}.range-row{display:flex;align-items:center;gap:10px;margin-top:13px;font:11px var(--mono);color:#828e98;white-space:nowrap}.range-row input{height:3px;width:100%;accent-color:#48657d;cursor:pointer}.dimension-note{font-size:12px;color:#828e98;line-height:1.7;margin:12px 0 0}.quantity-row{border-top:1px solid #dde3e8;margin-top:16px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.quantity-row strong{font-size:15px;display:block;margin-top:7px;font-weight:600}.stepper{display:flex;border:1px solid #ccd5dd;border-radius:3px;height:37px;align-items:center}.stepper button{width:32px;height:100%;display:grid;place-items:center}.stepper input{width:45px;border:0;background:none;text-align:center;font:17px var(--mono);appearance:textfield;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.primary{display:flex;justify-content:space-between;align-items:center;gap:13px;background:var(--accent);color:#111b24;border:1px solid #168bd2;border-radius:3px;padding:15px 19px;font-size:15px;font-weight:750;width:100%;min-height:47px;cursor:pointer}.primary:hover{background:#168bd2}.add-button{margin-top:20px}.under-button{font-size:12px;text-align:center;color:#7e8b95;margin:9px 0 0;line-height:1.65}.cancel-edit{font-size:14px;text-decoration:underline;margin:10px auto 0;display:block}.error{background:#fff0e9;color:#9b341f;padding:11px 13px;border:1px solid #f2cfbc;border-radius:3px;font-size:15px}.request-strip{display:flex;align-items:center;gap:18px;padding:24px 0 26px;border-bottom:1px solid #cad3db}.strip-icon{width:43px;height:43px;background:#dee6ed;border-radius:4px;display:grid;place-items:center}.request-strip strong{font-size:16px;font-weight:650}.request-strip p{font-size:14px;margin:5px 0 0;color:#76838e}.request-strip>button{display:flex;gap:14px;align-items:center;margin-left:auto;font-size:15px;font-weight:650;padding:10px 0 10px 14px}.request-strip>button>span{font:14px var(--mono);background:#d8e1e9;padding:3px 7px;border-radius:3px}.how-section{padding:55px 0 57px;display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:42px}.how-heading .eyebrow{font-size:12px;letter-spacing:1.1px;color:#748491}.how-heading h2{font-size:30px;line-height:1.15;letter-spacing:-1.4px;font-weight:550;margin:15px 0 12px}.how-heading p{font-size:14px;color:#707e8a}.how-step{padding-top:4px;position:relative}.how-step>span{display:block;font:14px var(--mono);color:#808f9b;margin-bottom:32px}.how-step>svg{position:absolute;right:0;top:0;color:#5e7180;stroke-width:1.2}.how-step h3{font-size:16px;font-weight:650;margin:0 0 12px}.how-step p{font-size:14px;color:#717f8a;max-width:220px}.bottom-callout{background:#dce5ed;border:1px solid #cedae3;border-radius:5px;display:flex;align-items:center;gap:35px;padding:32px 35px;margin-bottom:58px}.big-asterisk{font-size:70px;line-height:1;color:#5f7383}.bottom-callout h2{font-size:27px;font-weight:550;line-height:1.22;letter-spacing:-1px;margin:0}.bottom-callout h2 em{font-style:normal;color:#687c8d}.bottom-callout>div{margin-left:auto}.bottom-callout p{font-size:15px;color:#667581;line-height:1.8;margin:0 0 14px}.bottom-callout a{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:4px}footer{background:#171c20;color:#dce3e8;padding:36px 4.1% 20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}footer .brand-tag{color:#8e9aa4}footer .brand-divider{background:#454f57}footer>div{font-size:14px;line-height:1.9}footer>div>span{color:#8895a0}.footer-contact{display:flex;align-items:flex-end;flex-direction:column;gap:2px}.footer-contact a:first-child{display:flex;gap:10px;align-items:center}.footer-contact a:last-child{color:#98a6b1}.footer-bottom{border-top:1px solid #323b42;padding-top:20px;grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px;gap:20px}.footer-bottom>div{display:flex;gap:24px;color:#b0bbc4}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#202930;color:#eef4f9;box-shadow:0 8px 30px #0b172033;padding:15px 19px;border-radius:6px;display:flex;align-items:center;gap:10px;font-size:15px;z-index:80;max-width:calc(100% - 24px);width:max-content}.toast>svg{color:var(--accent)}.toast button{color:var(--accent);display:flex;align-items:center;gap:7px;margin-left:15px;white-space:nowrap}.drawer-overlay{position:fixed;inset:0;background:#0f141980;backdrop-filter:blur(4px);z-index:100;display:flex;justify-content:flex-end}.drawer{width:560px;max-width:100%;height:100%;background:#f6f9fb;box-shadow:-15px 0 60px #11171c22;overflow-y:auto;overscroll-behavior:contain;animation:slide-in .25s ease}.drawer-header{padding:27px 29px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);background:#eef3f7;position:sticky;top:0;z-index:2}.drawer-header h2{font-size:28px;font-weight:600;letter-spacing:-1.2px;margin:12px 0 0}.drawer-header .eyebrow{font-size:12px;color:#708291}.icon-button{width:37px;height:37px;border:1px solid #c7d1da;border-radius:50%;display:grid;place-items:center}.drawer-body{padding:22px 29px 35px}.basket-summary{display:flex;justify-content:space-between;font-size:13px;color:#707d88;margin-bottom:18px}.basket-summary>span:last-child{font-size:12px}.basket-list{border-top:1px solid #d3dbe2}.basket-item{display:flex;gap:14px;padding:19px 0;border-bottom:1px solid #d3dbe2}.basket-shape{height:53px;width:53px;flex-shrink:0;background:#e0e9f0;border-radius:3px;display:grid;place-items:center;color:#516474}.basket-item-info{flex:1;min-width:0}.item-number{font:11px var(--mono);color:#7e8b96;display:block;margin-bottom:6px}.basket-item-info strong{font-size:16px;display:block}.basket-item-info strong>span{font-weight:450;color:#677682}.basket-item-info p{font:14px/1.7 var(--mono);margin:8px 0;color:#495c6c;overflow-wrap:anywhere}.basket-item-info p b{font-weight:400}.item-actions{display:flex;gap:13px;align-items:center}.item-actions button{font-size:12px;padding:3px 0;display:flex;align-items:center;gap:4px;color:#617586}.item-actions button:last-child{margin-left:auto;padding:5px}.add-more{display:flex;align-items:center;gap:7px;font-size:14px;margin:17px 0 30px;font-weight:600}.contact-form{border-top:1px solid #cdd8e1;padding-top:26px}.contact-form h3{font-size:20px;font-weight:600;letter-spacing:-.6px;margin:0 0 7px}.contact-form>p:first-of-type{font-size:14px;color:#72818e;margin:0 0 20px}.customer-type{display:flex;gap:8px;margin:12px 0 20px}.customer-type button{flex:1;border:1px solid #cad5de;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 9px;font-size:14px}.customer-type .selected{background:#dde9f3;border-color:#7f9eb7}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.contact-fields label,.full-field,.delivery-label{font-size:14px;display:block;font-weight:600}.contact-fields label>span,.full-field>span{font-weight:400;color:#7e8c98;margin-left:5px;font-size:12px}.contact-fields input,.full-field input,.full-field textarea{display:block;width:100%;background:#fff;border:1px solid #cfd8e0;border-radius:3px;padding:11px 12px;margin-top:8px;font-size:15px;color:#1b2934}.contact-fields input::placeholder,.full-field input::placeholder,.full-field textarea::placeholder{color:#9ba5ad;font-size:14px}.delivery-label{margin-top:22px}.full-field{margin:18px 0}.full-field textarea{resize:vertical;line-height:1.7}.privacy{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.7;color:#61727f;margin:20px 0 18px}.privacy input{accent-color:#3f688a;margin-top:3px}.privacy a{text-decoration:underline;text-underline-offset:2px}.preview-note{border-left:2px solid #9eb3c4;padding-left:10px;font-size:13px;color:#677987;line-height:1.6;margin:18px 0}.export-link{font-size:13px;color:#6d7d8b;display:flex;align-items:center;gap:7px;margin:18px auto 0}.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.empty-state{text-align:center;padding:60px 20px}.empty-state>svg{color:#688196}.empty-state h3{font-size:21px;font-weight:550;letter-spacing:-.5px}.empty-state p{font-size:16px;color:#72818e;margin-bottom:28px}.success-view{padding:40px 30px}.success-icon{width:75px;height:75px;background:#168bd2;border-radius:50%;display:grid;place-items:center;color:#3d6484;margin-bottom:30px}.success-view h3{font-size:28px;font-weight:550;letter-spacing:-.8px}.success-view>p{font-size:16px;color:#6c7d8b}.reference{font:15px var(--mono);background:#e5ecf1;border:1px solid #ccd8e1;padding:18px;border-radius:4px;margin:20px 0}.success-view .saved-notice{font-size:15px;line-height:1.9;margin:25px 0}.secondary{margin-top:22px;padding:15px;width:100%;border:1px solid #beccd8;display:flex;justify-content:center;align-items:center;gap:9px;font-size:14px;border-radius:3px}.text-button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;margin:28px auto}.success-view .under-button{font-size:13px}.contact-form .primary{font-size:15px}.contact-form .under-button{font-size:13px}@keyframes slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:1500px){.site-header,footer{padding-left:max(4.1%,calc((100vw - 1432px)/2));padding-right:max(4.1%,calc((100vw - 1432px)/2))}.viewer{min-height:500px}.control-column{padding:30px 35px}.material-grid>button{min-height:49px}.material-grid{min-height:216px}.intro{padding-top:58px;padding-bottom:43px}}
@media(max-width:1150px){.site-header nav{gap:19px}.brand-tag,.brand-divider{display:none}.config-grid{grid-template-columns:1.15fr 1fr}.control-column{padding:23px 21px}.shape-selector{padding:18px 15px;gap:7px}.shape-selector>button{font-size:13px}.viewer-top{left:18px;right:18px}.visual-footer{padding:17px}.visual-footer>span:last-child{display:none}.how-section{gap:27px}.bottom-callout{gap:25px;padding:28px}.bottom-callout h2{font-size:24px}.intro-aside{min-width:247px}.intro-aside strong{font-size:19px}.intro-aside>span{font-size:12px}.material-tabs button{padding:6px}.material-grid{gap:6px}.material-grid>button{padding:7px;gap:7px}.metal-swatch{width:18px;height:18px}}
@media(max-width:900px){.site-header{height:78px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:none}.intro-aside{min-width:220px}.intro-aside strong{font-size:17px}.intro-aside>span{max-width:150px;line-height:1.8}.intro h1{font-size:42px;letter-spacing:-2px}.intro p{font-size:14px}.config-grid{grid-template-columns:1fr 1fr}.control-column{padding:21px 16px}.material-tabs{gap:0}.material-tabs button{font-size:12px;padding:6px 5px}.material-grid strong{font-size:13px}.metal-swatch{width:16px;height:16px}.shape-selector{padding:15px 11px;gap:6px}.shape-selector>button{font-size:12px;height:78px}.shape-selector>button>svg{width:31px;height:31px}.viewer-id{display:none!important}.viewer-help{font-size:12px}.viewer-caption{font-size:10px}.viewer-material strong{font-size:19px}.viewer-material{left:17px}.viewer-tools{right:17px}.dimensions{gap:6px}.dimension-field input{font-size:18px;padding:10px 8px}.dimension-field>span{font-size:12px}.dimension-field>div{padding-right:7px}.dimension-field>div>span{font-size:12px}.how-section{grid-template-columns:1fr 1fr;gap:35px 50px}.how-step>span{margin-bottom:24px}.how-heading{grid-row:span 1}.how-heading h2{font-size:26px}.bottom-callout .big-asterisk{display:none}.bottom-callout h2{font-size:23px}.bottom-callout p{font-size:14px}.bottom-callout a{font-size:13px}footer{grid-template-columns:.8fr 1.4fr 1.2fr;gap:20px}footer .brand{align-items:flex-start}footer>div{font-size:13px}}
@media(max-width:680px){html{scroll-padding-top:15px}.site-header{height:76px;padding:0 5%;gap:10px}.site-header nav{display:none}.brand-word{font-size:33px}.brand-word>span{font-size:17px}.basket-trigger{font-size:14px;gap:9px;padding:9px 10px}.basket-trigger>svg{width:14px}.basket-trigger>b{width:20px;min-width:20px;height:20px;font-size:14px}main{padding:0 5%}.intro{display:block;padding:33px 0 28px}.eyebrow{font-size:12px;letter-spacing:1.2px}.intro h1{font-size:49px;letter-spacing:-2.8px;line-height:1.04;margin:16px 0}.mobile-break{display:initial}.intro p{font-size:15px;line-height:1.8}.intro-aside{padding:13px 0 0;border:0;margin-top:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.intro-aside:before{content:'✓';font-size:16px;color:#2c5a7f}.intro-aside strong{font-size:14px;font-weight:650}.intro-aside strong br{display:none}.intro-aside>span{font-size:13px;max-width:unset;margin-left:2px}.little-mark{display:none}.config-top{height:42px;padding:0 15px}.config-top>span:first-child{font-size:12px;letter-spacing:.9px;gap:8px}.config-top>span:last-child{display:none}.config-grid{grid-template-columns:1fr}.shape-selector{padding:15px;gap:8px}.shape-selector>button{font-size:13px;height:78px}.shape-selector>button>svg{width:34px;height:34px}.viewer{height:350px;min-height:350px;flex:auto}.viewer-top{top:17px;font-size:11px}.viewer-top .viewer-id{display:flex!important;font-size:11px}.viewer-material{bottom:76px}.viewer-material>span{font-size:11px}.viewer-material strong{font-size:20px}.viewer-tools{bottom:72px}.viewer-help{bottom:34px;font-size:12px}.viewer-caption{bottom:14px;font-size:10px}.visual-footer{padding:15px;justify-content:center}.visual-footer>span:first-child{font-size:11px}.control-column{padding:25px 20px 22px}.section-label{font-size:13px}.control-column h2{font-size:25px;margin-bottom:17px}.material-tabs{gap:3px}.material-tabs button{font-size:14px;padding:6px 8px}.material-grid{gap:8px;min-height:208px}.material-grid>button{padding:9px 10px;gap:9px;min-height:46px}.metal-swatch{width:22px;height:22px}.material-grid strong{font-size:15px}.material-grid small{font-size:13px}.material-selected{font-size:13px;margin-top:12px}.dimension-heading{margin-top:22px;padding-top:22px}.dimensions{gap:9px}.dimension-field>span{font-size:13px}.dimension-field input{font-size:20px;padding:11px 10px}.dimension-field>div>span{font-size:13px}.range-row{font-size:12px;margin-top:19px}.range-row input{height:5px}.dimension-note{font-size:13px;margin-top:14px}.quantity-row{margin-top:22px;padding-top:20px}.quantity-row strong{font-size:16px}.stepper{height:40px}.stepper input{width:48px;font-size:18px}.stepper button{width:36px}.primary{min-height:50px;font-size:16px}.under-button{font-size:12px}.request-strip{flex-wrap:wrap;gap:12px;padding:22px 0}.strip-icon{width:36px;height:36px}.strip-icon svg{width:20px}.request-strip>div:nth-child(2){flex:1}.request-strip strong{font-size:14px}.request-strip p{font-size:13px;margin-top:5px}.request-strip>button{width:100%;padding:13px 14px;background:#dfe7ed;justify-content:space-between;margin:4px 0 0;font-size:15px;border-radius:3px}.request-strip>button>span{margin-left:auto;background:#c8d6e1}.how-section{padding:35px 0;gap:30px 25px;grid-template-columns:1fr 1fr}.how-heading .eyebrow{font-size:11px;letter-spacing:.7px}.how-heading h2{font-size:25px}.how-heading p{font-size:14px}.how-step{padding-top:2px}.how-step>span{font-size:13px;margin-bottom:27px}.how-step>svg{width:21px}.how-step h3{font-size:15px;line-height:1.55}.how-step p{font-size:14px;line-height:1.8}.bottom-callout{display:block;padding:24px;margin-bottom:35px}.bottom-callout h2{font-size:28px}.bottom-callout>div{margin-top:20px}.bottom-callout p{font-size:14px}.bottom-callout a{font-size:13px;line-height:1.8;align-items:flex-start}footer{padding:30px 5% 20px;grid-template-columns:1fr 1fr;gap:25px 15px}footer>.brand{grid-row:span 2}footer>div{font-size:13px}.footer-contact{align-items:flex-start}.footer-bottom{font-size:11px;flex-wrap:wrap;gap:15px;padding-top:19px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>div{gap:15px}.drawer-header{padding:23px 20px}.drawer-header h2{font-size:27px}.drawer-body{padding:20px}.toast{font-size:14px;padding:13px;gap:8px;bottom:15px}.toast button{margin-left:0;font-size:13px}.toast>svg{width:16px}.contact-fields{grid-template-columns:1fr;gap:16px}.contact-fields label,.full-field,.delivery-label{font-size:15px}.contact-fields input,.full-field input,.full-field textarea{font-size:18px}.privacy{font-size:14px}.contact-form .primary{font-size:15px}.success-view{padding:30px 22px}.reference{font-size:17px}.basket-item-info p{font-size:13px}.item-actions button{font-size:13px}.empty-state{padding:40px 8px}.dimensions:has(.dimension-field:nth-child(3)) .dimension-field input{font-size:18px}.dimensions:has(.dimension-field:nth-child(3)) .dimension-field>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* AMB Corporate Design: source theme-amb-20260818.css; material brand blue + violet. */
:root{--blue:#075a9e;--blue-deep:#043b6b;--blue-pale:#dbeaf5;--brand-blue:#0878c9;--brand-violet:#6d26ba;--display:'Barlow Condensed','Arial Narrow',sans-serif}
.brand-logo{display:block;width:106px;height:52px;overflow:visible}
.brand-logo path{fill:none;stroke:var(--brand-blue);stroke-width:8;stroke-linecap:round}
.brand-logo text{font-family:var(--sans);font-style:normal}
.brand-logo .materials-amb{fill:var(--brand-blue);font-size:105px;font-weight:500;letter-spacing:-6px}
.brand-logo .materials-name{fill:var(--brand-violet);font-size:88px;font-weight:300;letter-spacing:-4px}
.site-header{border-top:3px solid var(--blue);background:#fff}
.site-header nav .active:after{background:var(--blue)}
.site-header nav a:hover{color:var(--blue)}
.basket-trigger{border-color:#bbd0df;color:var(--blue-deep)}
.basket-trigger>b{background:var(--blue)}
.basket-trigger:hover{background:#e9f3fa}
h1{font-family:var(--display);font-size:clamp(52px,5.1vw,75px);font-weight:600;letter-spacing:-.035em}
h1 em{color:var(--blue);font-style:italic;font-weight:500}
.eyebrow{color:var(--blue)}
.eyebrow>span,.dot{background:var(--accent)}
.intro-aside{border-left-color:#bfd7e8}.little-mark{color:var(--blue)}
.control-column h2,.how-heading h2,.bottom-callout h2,.drawer-header h2{font-family:var(--display);font-weight:600;letter-spacing:-.02em}
.control-column h2{font-size:29px}.how-heading h2{font-size:35px}.bottom-callout h2{font-size:34px}.drawer-header h2{font-size:33px}
.visual-column{background:#08121b}.shape-selector{background:#0b1d2b;border-bottom-color:#244357}
.shape-selector>button{background:#102838;border-color:#29485e;color:#acc0cf}
.shape-selector>button.selected{background:#123e5d;border-color:#168bd2;color:#70c6fb}
.shape-selector>button:hover{border-color:#3999d4}
.shape-selector i{background:#168bd2;color:#fff}
.viewer{background:radial-gradient(ellipse at 49% 40%,#153d5b 0,#0b1d2b 46%,#08121b 100%)}
.viewer-top{color:#9cbad0}.viewer-top i{background:#48b3f1;box-shadow:0 0 8px #168bd266}.viewer-top .viewer-id{color:#7297af}
.viewer-material>span{color:#8db7d3}.viewer-material small{display:block;font:12px/1.5 var(--mono);letter-spacing:.25px;color:#9fb8c9;max-width:220px}
.viewer-tools{background:#102c40;border-color:#355b74}.viewer-tools button{color:#bfdfef}.viewer-tools>span{background:#355b74}
.viewer-help{color:#b3cbdc}.viewer-caption{color:#8aabc2}.viewer-help b{color:#648ba4}
.visual-footer{border-color:#28475b;color:#acc5d6}
.material-tabs button.selected{background:#dbeaf5;color:#043b6b}.material-grid>button.selected{background:#eef7fc;border-color:#168bd2;box-shadow:inset 0 0 0 .5px #168bd2}
.material-grid>button>svg{color:var(--blue)}.material-selected{color:#587c96}
.metal-swatch.inox{background:linear-gradient(115deg,#374757 0%,#e0edf5 23%,#71899e 43%,#ffffff 57%,#4e6678 80%,#c2d0da);border-color:#879eaf}
.metal-swatch.aluminium{background:linear-gradient(120deg,#b1b8be,#eff1f3 33%,#d2d7dc 64%,#fafbfc);border-color:#c4cbd1}
.metal-swatch.steel{background:repeating-linear-gradient(15deg,#46525e 0px,#46525e 2px,#535f6a 3px,#394650 4px);border-color:#657583}
.range-row input{accent-color:var(--blue)}
.primary{background:var(--blue);border-color:var(--blue);color:#fff}.primary:hover{background:var(--blue-deep)}
.privacy input{accent-color:var(--blue)}
.customer-type .selected{background:#e4f0f9;border-color:#168bd2;color:#075a9e}
.bottom-callout{background:#dbeaf5;border-color:#c0d7e8}.big-asterisk{color:var(--blue)}.bottom-callout h2 em{color:var(--blue)}
footer{background:#08121b;color:#e2edf4}footer .brand-logo .materials-name{fill:#a489ec}footer .brand-logo .materials-amb{fill:#2c9de0}footer .brand-logo path{stroke:#2c9de0}
.toast{background:#043b6b}.toast>svg,.toast button{color:#a9dcff}.success-icon{background:#dbeaf5;color:#075a9e}
@media(max-width:900px){.intro h1{font-size:55px;letter-spacing:-.035em}.how-heading h2{font-size:32px}.bottom-callout h2{font-size:30px}}
@media(max-width:680px){.brand-logo{width:93px;height:46px}.intro h1{font-size:61px;letter-spacing:-.035em}.control-column h2{font-size:30px}.how-heading h2{font-size:31px}.bottom-callout h2{font-size:35px}.drawer-header h2{font-size:33px}.viewer-material small{font-size:11px;max-width:175px}}

/* Readable landing page scale and editorial content. */
body{font-size:16px}.site-header nav{gap:22px}.intro{padding-top:55px;padding-bottom:45px}.intro h1{margin-bottom:22px}.intro p{max-width:720px;line-height:1.75}.intro-aside{min-width:285px;max-width:340px}.intro-aside>span{font-size:13px;line-height:1.8}.intro-aside strong{font-size:21px}.brand-tag{font-size:11px}.brand{gap:13px}.config-grid{grid-template-columns:minmax(0,1.22fr) minmax(425px,1fr)}.control-column{padding:28px}.section-label{font-size:12px;letter-spacing:.8px}.section-label>span:last-child{font-size:12px}.shape-selector{gap:9px}.shape-selector>button{height:107px;font-size:14px;line-height:1.35}.shape-selector>button>span{max-width:100%;hyphens:auto}.viewer{min-height:560px}.viewer-top{font-size:11px;letter-spacing:.7px}.viewer-top .viewer-id{font-size:10px}.viewer-material strong{font-size:25px}.viewer-material small{font-size:11px;max-width:260px}.viewer-help{font-size:12px}.viewer-caption{font-size:10px}.viewer-tools button{width:40px;height:40px}.visual-footer{flex-wrap:wrap}.visual-footer>span:first-child,.visual-footer>span:last-child{font-size:11px}.material-tabs{gap:3px}.material-tabs button{font-size:13px;padding:7px 8px}.material-grid{min-height:238px;gap:8px}.material-grid>button{min-height:52px;gap:9px}.material-grid strong{font-size:14px}.material-grid small{font-size:12px}.material-selected{font-size:12px;line-height:1.6;min-height:20px}.dimension-field>span{font-size:13px;line-height:1.5;min-height:20px}.dimension-field input{font-size:21px}.dimension-note{font-size:12px}.range-row{font-size:11px}.quantity-row strong{font-size:15px}.primary{font-size:15px;min-height:53px}.under-button{font-size:12px;line-height:1.65}.request-strip strong{font-size:16px}.request-strip p{font-size:14px}.request-strip>button{font-size:15px}.how-section{gap:34px}.how-step h3{font-size:17px;line-height:1.45}.how-step p,.how-heading p{font-size:15px;max-width:none}.how-step>span{font-size:13px}.bottom-callout p{font-size:15px}.bottom-callout a{font-size:14px;line-height:1.65}.bottom-callout{gap:25px}.bottom-callout h2{min-width:280px}.footer-contact a{font-size:13px}footer>div{font-size:13px}.footer-bottom{font-size:11px}.contact-form .primary{font-size:14px}.contact-fields label,.full-field,.delivery-label{font-size:14px}.contact-fields input,.full-field input,.full-field textarea{font-size:16px}.contact-fields input::placeholder,.full-field input::placeholder,.full-field textarea::placeholder{font-size:14px}.contact-form>p:first-of-type{font-size:14px}.privacy,.preview-note{font-size:12px}.item-number{font-size:11px}.basket-item-info strong{font-size:16px}.basket-item-info p{font-size:13px}.item-actions button{font-size:12px}.basket-summary{font-size:13px}.basket-summary>span:last-child{font-size:12px}.customer-type button{font-size:14px}.drawer{width:640px}.success-view>p,.success-view .saved-notice{font-size:15px}.error{font-size:14px}.error p{margin:0 0 8px}.error a{text-decoration:underline;font-weight:600}.benefit-section,.materials-section,.cut-section,.faq-section{padding:70px 0;border-bottom:1px solid #d2dee7;scroll-margin-top:25px}.benefit-section{display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.benefit-section h2,.content-heading h2,.cut-section h2,.faq-section h2{font:600 clamp(36px,3.1vw,48px)/1.05 var(--display);letter-spacing:-.025em;margin:20px 0 24px}.benefit-section h2 em,.content-heading h2 em,.cut-section h2 em,.faq-section h2 em{font-weight:500;font-style:italic;color:var(--blue)}.benefit-section>div>p,.cut-section>div>p,.faq-section>div>p{font-size:16px;color:#627586;line-height:1.85;max-width:550px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 35px}.benefit-grid article>svg{color:var(--blue);stroke-width:1.5}.benefit-grid h3{font-size:18px;font-weight:650;letter-spacing:-.3px;margin:14px 0 10px}.benefit-grid p{font-size:15px;line-height:1.8;color:#65798a;margin:0}.content-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:32px}.content-heading>p{max-width:440px;font-size:16px;line-height:1.85;color:#64788a}.content-heading h2{margin-bottom:0}.material-content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.material-content-grid article{border:1px solid #d2dfe8;border-radius:4px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.material-strip{height:125px;display:flex;gap:12px;align-items:center;justify-content:center;background:#0e2536;overflow:hidden}.material-strip span{display:block;width:32px;height:185px;border-radius:16px;transform:rotate(48deg);box-shadow:7px 6px 15px #0005}.material-strip.inox span{background:linear-gradient(90deg,#3c5265,#dce8f1 25%,#697e90 47%,#fff 61%,#435e75)}.material-strip.aluminium span{background:linear-gradient(90deg,#a4b3be,#eef1f4 45%,#d4dce2 75%,#b8c4cd)}.material-strip.brass span{background:linear-gradient(90deg,#83621d,#c69937 28%,#f3d382 60%,#a57822)}.material-strip.steel span{background:linear-gradient(90deg,#34404e,#5a6d7e 50%,#3a4d5e)}.material-card-body{padding:25px 20px;display:flex;flex-direction:column;flex:1}.material-card-body .eyebrow{font-size:12px}.material-card-body h3{font-size:20px;font-weight:650;line-height:1.4;letter-spacing:-.45px;margin:15px 0}.material-card-body p{font-size:14px;line-height:1.85;color:#697c8c;margin:0 0 25px}.grade-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.grade-links button{display:flex;align-items:center;gap:6px;border:1px solid #c7dce9;border-radius:3px;color:#075a9e;padding:7px 9px;font-size:12px;background:#f3f8fc}.grade-links button:hover{background:#dbeaf5}.availability-note{font-size:13px;color:#687e8e;margin:23px 0 0;line-height:1.8}.cut-section{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}.cut-section a,.faq-section a{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--blue);font-weight:600;margin-top:24px}.measure-table{border:1px solid #c5d8e6;border-radius:4px;overflow:hidden;background:white}.measure-table>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;padding:20px 22px;border-bottom:1px solid #dce7ee;font-size:15px;line-height:1.65}.measure-table>div:first-child{background:#dbeaf5;color:#043b6b;font-size:13px}.measure-table>div>span:last-child{color:#5c7486}.measure-table>p{display:flex;align-items:center;gap:9px;font-size:13px;color:#58758a;padding:3px 22px}.measure-table>p svg{color:#168bd2}.faq-section{display:grid;grid-template-columns:.8fr 1.3fr;gap:75px;border:0;padding-top:20px;padding-bottom:70px}.faq-section a{margin-top:15px;font-size:14px}.faq-list details{border-bottom:1px solid #ccdae5}.faq-list summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;padding:21px 0;font-size:16px;line-height:1.6;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:#168bd2;font-size:25px;font-weight:400;flex-shrink:0}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details[open] summary{color:var(--blue)}.faq-list details p{margin:0 0 23px;font-size:15px;line-height:1.85;color:#647b8c}.faq-list summary:focus-visible{outline:2px solid #168bd2;outline-offset:4px}
@media(max-width:1150px){.config-grid{grid-template-columns:minmax(0,1fr) minmax(380px,1fr)}.control-column{padding:24px 20px}.site-header nav{gap:16px;font-size:13px}.intro-aside{min-width:250px}.intro-aside strong{font-size:19px}.shape-selector>button{font-size:13px}.material-content-grid{grid-template-columns:1fr 1fr}.benefit-section,.cut-section{gap:38px}.faq-section{gap:40px}.bottom-callout{flex-wrap:wrap}.bottom-callout>div{margin-left:0}.visual-footer>span:last-child{display:none}.material-tabs button{font-size:12px;padding:6px}.material-grid strong{font-size:13px}.dimension-field>span{font-size:12px}.viewer-id{display:none!important}}
@media(max-width:900px){.config-grid{grid-template-columns:1fr}.visual-column{min-height:600px}.viewer{min-height:450px}.control-column{padding:28px}.material-grid{grid-template-columns:repeat(4,1fr);min-height:122px}.material-tabs button{font-size:14px;padding:8px 12px}.material-grid strong{font-size:13px}.dimension-field>span{font-size:14px}.viewer-id{display:flex!important}.shape-selector{padding:20px}.viewer-help{font-size:13px}.viewer-caption{font-size:11px}.benefit-section{grid-template-columns:1fr;gap:30px}.content-heading{display:block}.content-heading>p{max-width:none}.cut-section{grid-template-columns:1fr}.faq-section{grid-template-columns:1fr;gap:25px}.site-header nav{display:none}.intro-aside{display:none}.bottom-callout h2{min-width:0}.how-section{gap:40px}.footer-contact a{font-size:12px}}
@media(max-width:680px){.intro{padding:36px 0}.intro h1{font-size:62px}.intro p{font-size:16px}.eyebrow{font-size:11px;letter-spacing:1px}.brand-tag{display:none}.basket-trigger{font-size:13px;gap:8px}.basket-trigger>b{font-size:12px}.config-top{padding:0 13px}.config-top>span:first-child{font-size:11px;letter-spacing:.3px}.shape-selector{padding:13px;gap:7px}.shape-selector>button{height:104px;font-size:12px;padding:7px 2px}.shape-selector>button svg{width:32px}.visual-column{min-height:0}.viewer{height:405px;min-height:405px}.viewer-top{font-size:10px}.viewer-id{display:none!important}.viewer-material small{font-size:10px;max-width:200px}.viewer-material strong{font-size:24px}.viewer-tools button{width:34px;height:36px}.viewer-help{font-size:11px;padding:0 10px;bottom:39px}.viewer-caption{font-size:9px;bottom:17px}.visual-footer{padding:14px}.visual-footer>span:first-child{font-size:10px;letter-spacing:.25px}.control-column{padding:24px 17px}.section-label{font-size:11px}.section-label>span:last-child{font-size:11px}.material-tabs{gap:1px}.material-tabs button{font-size:12px;padding:7px 6px}.material-grid{grid-template-columns:1fr 1fr;min-height:250px}.material-grid>button{min-height:55px}.material-grid strong{font-size:14px}.material-grid small{font-size:12px}.material-selected{font-size:12px}.dimension-field>span{font-size:12px}.dimensions:has(.dimension-field:nth-child(3)) .dimension-field>span{font-size:11px;min-height:35px}.dimension-field input{font-size:20px;padding:12px 8px}.dimensions:has(.dimension-field:nth-child(3)) .dimension-field input{font-size:18px}.dimensions:has(.dimension-field:nth-child(3)){gap:6px}.dimension-field>div>span{font-size:11px}.dimension-note{font-size:12px}.quantity-row strong{font-size:15px}.primary{font-size:14px}.request-strip strong{font-size:14px}.request-strip p{font-size:13px}.request-strip>button{font-size:14px;padding:15px}.request-strip>button>span{font-size:12px}.how-section{grid-template-columns:1fr;gap:25px;padding:40px 0}.how-heading h2{font-size:38px}.how-heading .eyebrow{font-size:11px}.how-step{padding:20px 0 0;border-top:1px solid #d4e0e8}.how-step>svg{top:20px}.how-step>span{margin-bottom:15px}.how-step p{margin-bottom:0}.benefit-section,.materials-section,.cut-section{padding:45px 0}.benefit-grid{grid-template-columns:1fr;gap:25px}.benefit-grid h3{font-size:19px}.benefit-section h2,.content-heading h2,.cut-section h2,.faq-section h2{font-size:39px}.benefit-section>div>p,.content-heading>p,.cut-section>div>p,.faq-section>div>p{font-size:16px}.material-content-grid{grid-template-columns:1fr}.material-strip{height:125px}.material-card-body{padding:23px}.material-card-body h3{font-size:22px}.material-card-body p{font-size:15px}.grade-links button{font-size:14px;padding:9px 12px}.measure-table>div{font-size:13px;padding:17px 13px;gap:12px}.measure-table>div:first-child{font-size:12px}.measure-table>p{font-size:12px;padding:3px 13px}.faq-section{padding:15px 0 45px}.faq-list summary{font-size:16px;padding:20px 0}.faq-list details p{font-size:15px}.bottom-callout h2{font-size:38px}.bottom-callout p{font-size:15px}.bottom-callout a{font-size:14px}footer{grid-template-columns:1fr;gap:25px}footer>.brand{grid-row:auto}footer>div,.footer-contact a{font-size:14px}.footer-bottom{font-size:11px}.drawer-header h2{font-size:31px}.drawer-header .eyebrow{font-size:11px}.drawer-body{padding:20px 17px}.basket-item-info strong{font-size:15px}.basket-item-info p{font-size:12px}.item-actions{gap:9px;flex-wrap:wrap}.item-actions button{font-size:11px}.contact-form h3{font-size:25px}.contact-form .primary{font-size:13px}.contact-form .under-button{font-size:12px}.customer-type button{font-size:13px}.privacy{font-size:12px}.preview-note{font-size:12px}.toast{font-size:12px}.toast button{font-size:12px}.empty-state p{font-size:15px}}

/* Brand-first masthead. The configurator is the first section immediately below it. */
.brand-header{background:#fff;border-top:4px solid #075a9e}
.header-utility{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px max(4.1%,calc((100vw - 1432px)/2));background:#081b2b;color:#b7cee0;font-size:12px;line-height:1.5}
.header-utility a{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#e6f2fa}
.header-main{max-width:1560px;margin:auto;padding:28px 4.1% 30px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;min-height:190px}
.header-claim .eyebrow{font-size:11px;letter-spacing:1.1px}
.header-claim h1{font:600 45px/.98 var(--display);letter-spacing:-.035em;margin:12px 0 0}
.header-claim h1 em{color:#075a9e;font-weight:500;font-style:italic}
.header-logo{justify-self:center;position:relative;padding:0 15px}
.header-logo .brand{display:block}
.header-logo .brand-logo{width:260px;height:128px}
.header-logo .brand-tag,.header-logo .brand-divider{display:none}
.header-action{justify-self:end;display:flex;align-items:flex-end;flex-direction:column;gap:12px}
.header-action .basket-trigger{background:#075a9e;color:white;border-color:#075a9e;min-height:51px;font-size:15px;padding:12px 17px;gap:13px}
.header-action .basket-trigger:hover{background:#043b6b}
.header-action .basket-trigger>b{background:#fff;color:#075a9e;width:26px;height:26px;font-size:13px}
.header-action p{text-align:right;font-size:13px;color:#677f91;margin:0;line-height:1.7}
.header-action p strong{font-weight:600;color:#075a9e}
.header-navigation{display:flex;justify-content:center;align-items:stretch;gap:10px;padding:0 4.1%;background:#075a9e;border-top:1px solid #e0eaf2}
.header-navigation a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:55px;padding:12px 27px;font-size:14px;font-weight:600;color:#e8f5fd;border-bottom:3px solid transparent}
.header-navigation a.active{background:#043b6b;border-bottom-color:#62c5ff;color:#fff}
.header-navigation a:hover{background:#064c85;color:#fff}
.landing-main{padding-top:28px}
.landing-main #konfigurator{scroll-margin-top:20px}
@media(max-width:1100px){.header-main{gap:20px;padding-top:24px;padding-bottom:25px}.header-logo .brand-logo{width:225px;height:111px}.header-claim h1{font-size:41px}.header-claim .eyebrow{font-size:10px;letter-spacing:.6px}.header-action p{font-size:12px}.header-navigation a{padding:12px 20px;font-size:13px}}
@media(max-width:780px){.header-main{grid-template-columns:1fr 1fr;gap:21px;padding:22px 5%}.header-logo{grid-column:1/-1;grid-row:1;justify-self:center;padding:0}.header-logo .brand-logo{width:226px;height:111px}.header-claim{grid-column:1;grid-row:2}.header-claim .eyebrow{display:none}.header-claim h1{font-size:35px;margin:0}.header-action{grid-column:2;grid-row:2}.header-action .basket-trigger{font-size:13px;padding:10px 12px;min-height:47px;gap:9px}.header-action p{font-size:10px}.header-navigation{gap:0;padding:0 3%}.header-navigation a{padding:12px 13px;font-size:12px;min-height:50px}.header-utility{font-size:11px;padding:9px 5%;gap:12px}.landing-main{padding-top:22px}}
@media(max-width:480px){.header-utility>span{max-width:185px;font-size:10px;line-height:1.5}.header-utility a{font-size:10px;gap:4px}.header-main{gap:16px;padding:20px 5%}.header-logo .brand-logo{width:218px;height:107px}.header-claim h1{font-size:32px}.header-action{gap:7px}.header-action .basket-trigger{font-size:12px;padding:10px;gap:7px}.header-action .basket-trigger>svg{width:16px}.header-action .basket-trigger>b{width:22px;height:22px;min-width:22px;font-size:12px}.header-action p{font-size:10px;line-height:1.65}.header-navigation{display:grid;grid-template-columns:1fr 1fr;padding:0 5%}.header-navigation a{font-size:12px;min-height:44px;padding:10px 6px;gap:6px}.header-navigation a.active{border-bottom-color:#62c5ff}.landing-main{padding-top:18px}}

/* Modern AMB masthead and visible inquiry terms. */
.brand-header{border-top:5px solid #075a9e;background:#fff}
.header-utility{font-size:14px;padding-top:11px;padding-bottom:11px;background:#062a48}
.header-utility .inquiry-badge{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:750;letter-spacing:.08em;color:#fff;max-width:none}
.inquiry-badge .dot{background:#54bdff;box-shadow:0 0 0 4px #54bdff22}
.header-main{grid-template-columns:1fr 1.2fr 1fr;min-height:182px;padding-top:25px;padding-bottom:25px;background:linear-gradient(110deg,transparent 56%,#f3f8fc 56%,#f3f8fc 78%,transparent 78%)}
.header-claim h1{font-family:var(--sans);font-size:clamp(36px,3.4vw,50px);font-weight:800;line-height:1.02;letter-spacing:-.05em}
.header-claim h1 em{font-weight:800;font-style:normal}
.header-claim .eyebrow{font-size:12px;color:#526e83;letter-spacing:.09em}
.header-logo{justify-self:center}
.header-logo .modern-logo{width:310px;height:112px}
.modern-logo{width:180px;height:65px}
.modern-logo .logo-billet{fill:#075a9e;stroke:none}
.modern-logo .logo-cut{fill:#39a9ec;stroke:none}
.modern-logo .materials-amb{fill:#075a9e;font-size:139px;font-weight:800;letter-spacing:-8px}
.modern-logo .materials-name{fill:#33526b;font-size:40px;font-weight:600;letter-spacing:6px}
footer .modern-logo .materials-name{fill:#b3d7ee}
.header-action p{font-size:14px;line-height:1.65}
.header-action .basket-trigger{border-radius:8px;box-shadow:0 5px 15px #075a9e18}
.inquiry-notice{max-width:1432px;margin:0 auto 22px;display:grid;grid-template-columns:285px 1fr;align-items:center;gap:25px;padding:18px 24px;border:1px solid #c8e0ef;border-left:4px solid #075a9e;border-radius:8px;background:#f2f8fc}
.inquiry-notice>div{display:flex;gap:12px;align-items:center;color:#075a9e;font-size:17px;line-height:1.5}
.inquiry-notice p{font-size:15px;line-height:1.65;color:#365269;margin:0}
.header-navigation{background:#075a9e}
.header-navigation a{font-size:15px}
.material-grid>button{min-width:0}
.material-grid>button>span:nth-child(2){min-width:0}
.material-grid strong{font-size:16px;overflow-wrap:anywhere}
@media(max-width:1559px){.inquiry-notice{margin-left:4.1%;margin-right:4.1%}}
@media(max-width:1100px){.header-main{gap:18px}.header-logo .modern-logo{width:260px;height:94px}.header-action p{font-size:13px}.inquiry-notice{grid-template-columns:250px 1fr;gap:18px}.material-grid strong{font-size:14px}}
@media(max-width:780px){.header-main{grid-template-columns:1fr 1fr;background:linear-gradient(150deg,#fff 40%,#edf6fc);padding:20px 5%;gap:18px}.header-logo .modern-logo{width:275px;height:99px}.header-claim h1{font-size:34px}.header-action p{font-size:12px}.header-utility .inquiry-badge{font-size:11px;letter-spacing:.04em}.header-utility a{font-size:11px}.inquiry-notice{grid-template-columns:1fr;gap:10px;padding:16px;margin-bottom:18px}.inquiry-notice>div{font-size:16px}.inquiry-notice strong br{display:none}.inquiry-notice p{font-size:14px}.header-navigation a{font-size:13px}.material-grid strong{font-size:16px}}
@media(max-width:480px){.header-utility{flex-wrap:wrap;gap:8px}.header-utility .inquiry-badge{font-size:11px}.header-logo .modern-logo{width:265px;height:95px}.header-claim h1{font-size:32px}.header-action p{font-size:11px}.header-navigation a{font-size:12px}.inquiry-notice strong br{display:block}.material-grid strong{font-size:14px}}

/* Original stacked wordmark, refreshed typography. */
.wordmark-logo .materials-amb{font-family:var(--sans);font-size:145px;font-weight:750;letter-spacing:-8px;fill:var(--brand-blue)}
.wordmark-logo .materials-name{font-family:var(--sans);font-size:83px;font-weight:400;letter-spacing:-4px;fill:var(--brand-violet)}
.header-logo .wordmark-logo{width:290px;height:142px}
footer .wordmark-logo{width:160px;height:79px}
@media(max-width:1100px){.header-logo .wordmark-logo{width:250px;height:123px}}
@media(max-width:780px){.header-logo .wordmark-logo{width:255px;height:125px}}

/* Supplied AMB wordmark; viewport excludes the screenshot's empty left margin. */
.source-logo{position:relative;display:block;overflow:hidden;aspect-ratio:284/128;width:160px;height:auto;background:#fff}
.source-logo img{position:absolute;top:0;right:0;display:block;width:123.23943662%;height:100%;max-width:none}
.header-logo .source-logo{width:290px;height:auto}
footer .source-logo{width:160px;height:auto}
@media(max-width:1100px){.header-logo .source-logo{width:250px;height:auto}}
@media(max-width:780px){.header-logo .source-logo{width:255px;height:auto}}

/* A continuous white masthead matches the supplied original logo. */
.brand-header .header-main{background:#fff}