body.tint{--tint-navy: #e6eff8;--tint-navy-2: #d6e5f3;--tint-cyan: #e3f5fc;--tint-line: #c9dbeb;--bg-alt: var(--tint-navy);--bg-wash: var(--tint-cyan);--bg-sky: var(--tint-navy);--surface-sunk: var(--tint-navy-2)}.tint .section--alt,.tint .section--sky,.tint .section--wash{border-color:var(--tint-line)}.tint .section--alt{border-top:3px solid var(--navy)}.tint .section--wash{border-top:3px solid var(--brand)}.tint .range__panel{background:radial-gradient(80% 60% at 100% 0%,var(--tint-cyan) 0%,transparent 60%),linear-gradient(180deg,var(--tint-navy) 0%,#f3f7fb 100%);border-top:3px solid var(--brand)}.tint .type-key li{background:#fff;color:var(--navy);border-color:var(--tint-line)}.tint .model-group{display:flex;align-items:center;gap:.75rem;padding:0;border:0;color:var(--navy)}.tint .model-group:before{content:"";flex:0 0 auto;width:.55rem;height:1.6rem;border-radius:3px;background:linear-gradient(180deg,var(--brand) 0%,var(--navy) 100%)}.tint .model-group:after{content:"";flex:1 1 auto;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--action) 0%,rgb(184 80 10 / .15) 100%)}.tint .model{border-color:#d3e1ee;box-shadow:0 1px 2px #043e670f,0 10px 24px -14px #043e6759}.tint .model:has(.model__link):hover{transform:translateY(-3px);box-shadow:0 2px 4px #043e6714,0 18px 36px -16px #043e6773}.tint .model .pricebox:not(.pricebox--quote){background:#f2f8fd}.tint .section--fin{background:radial-gradient(90% 140% at 10% 0%,var(--navy-soft) 0%,transparent 60%),var(--navy);border-block:1px solid var(--dark-line)}.tint .section--fin .fin-strip{border-color:transparent;box-shadow:0 18px 40px -20px #0000008c}.tint .section--fin .fin-strip~*{color:var(--ink-on-dark-muted)}.tint .section--fin .fin-strip~* a{color:var(--pale-on-dark)}.tint .door-builder-wrap,.tint .dz-wrap{background:radial-gradient(70% 70% at 0% 0%,var(--tint-cyan) 0%,transparent 60%),var(--tint-navy);border-top:3px solid var(--brand)}.tint .door-builder{background:#fff;padding:clamp(14px,2.5vw,28px);border-radius:var(--radius);box-shadow:0 1px 2px #043e670f,0 16px 36px -20px #043e6766}.tint .door-quote__form{background:#fff;padding:clamp(14px,2.5vw,26px);border-radius:var(--radius);box-shadow:0 1px 2px #043e670f,0 16px 36px -20px #043e6766}.tint .door-specs-wrap{background:var(--tint-cyan);border-block:1px solid var(--tint-line);border-top:3px solid var(--brand)}.tint .door-specs-wrap .card{background:#fff}.tint .shop-top{background:#fff;border-block:0}
