/* A material-to-installation journey, with directional motion that follows the action. */
.flow-cue{display:inline-flex!important;align-items:center;justify-content:center;width:32px;height:22px;flex:0 0 32px;vertical-align:middle;overflow:hidden;line-height:1;letter-spacing:0!important}
.flow-cue svg{display:block;width:30px!important;height:20px!important;stroke:currentColor;stroke-width:1.4;transition:transform .45s cubic-bezier(.16,1,.3,1);transform:translateX(-3px)}
.flow-cue .flow-shaft{stroke-dasharray:24;stroke-dashoffset:12;transition:stroke-dashoffset .45s cubic-bezier(.16,1,.3,1)}
a:hover .flow-cue svg,a:focus-visible .flow-cue svg,button:hover .flow-cue svg,button:focus-visible .flow-cue svg{transform:translateX(1px)}
a:hover .flow-shaft,a:focus-visible .flow-shaft,button:hover .flow-shaft,button:focus-visible .flow-shaft{stroke-dashoffset:0}
.button,.editorial-action,.card-purchase{position:relative;isolation:isolate;overflow:hidden}
.button:after,.editorial-action:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.16,1,.3,1);opacity:.7}
.button:hover:after,.button:focus-visible:after,.editorial-action:hover:after,.editorial-action:focus-visible:after{transform:scaleX(1)}
.editorial-action>b:has(.flow-cue){font-size:0}
.collection-bridge>a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;transition:border-color .3s}
.collection-bridge>a:hover{border-color:var(--fg)}
.installation-path{position:relative;grid-template-columns:1.05fr 1fr;gap:9%;padding-top:100px;padding-bottom:100px;overflow:hidden;background:linear-gradient(120deg,var(--panel),var(--bg));}
.installation-path:before{content:"";position:absolute;width:50%;height:1px;top:0;left:25%;background:linear-gradient(90deg,transparent,#c6cdd5,transparent);opacity:.6}
.installation-path .eyebrow{font-size:8px;line-height:1.8;letter-spacing:.15em;margin:0}
.installation-path h2{font-size:clamp(36px,4.1vw,64px);margin:25px 0 20px;line-height:1.04}
.installation-path p{max-width:355px;font-size:13px;line-height:1.8}
.installation-path .installation-cta{margin-top:28px;min-width:245px}
.installation-path>div:last-child{justify-self:stretch;min-width:0}
.installation-brands{display:grid;grid-template-columns:auto minmax(30px,1fr) auto;gap:22px;align-items:center;position:relative}
.installation-brands .wordmark{width:140px;height:30px}
.installation-brands small{display:block;font-size:7px;letter-spacing:.14em;color:var(--muted);margin:14px 0 0;line-height:1.5}
.customs-wordmark strong{font-size:19px;letter-spacing:.025em;line-height:1.05;font-weight:500;display:block}
.customs-wordmark strong>span{display:block;font-size:11px;letter-spacing:.27em;margin-top:5px}
.installation-current{height:35px;position:relative;overflow:hidden;align-self:start;margin-top:10px}
.installation-current:before{content:"";position:absolute;inset:12px 0 auto;height:1px;background:var(--line)}
.installation-current i{position:absolute;top:11px;left:0;width:40%;height:2px;background:linear-gradient(90deg,transparent,var(--fg));box-shadow:2px 0 9px #cad6e578;animation:installation-transit 4.5s cubic-bezier(.65,0,.35,1) infinite}
.installation-current b{position:absolute;width:4px;height:4px;top:10.5px;right:1px;border-radius:50%;background:var(--fg);animation:installation-arrival 4.5s ease infinite}
@keyframes installation-transit{0%,12%{transform:translateX(-110%);opacity:0}22%{opacity:.9}70%{opacity:.9}85%,100%{transform:translateX(360%);opacity:0}}
@keyframes installation-arrival{0%,45%,100%{opacity:.25;box-shadow:none}65%,75%{opacity:1;box-shadow:0 0 12px #cad6e5}}
.installation-track{display:flex;justify-content:space-between;gap:12px;padding-top:25px;margin-top:32px;border-top:1px solid var(--line)}
.installation-track>span{font-size:9px;color:var(--muted);line-height:1.8}
.installation-track b{display:block;font-size:10px;font-weight:400;color:var(--fg);margin-bottom:8px;letter-spacing:.08em}
.installation-connection>small{margin-top:25px;font-size:9px;letter-spacing:.025em}
.glass-installer{position:relative;padding-bottom:9px;overflow:hidden}
.glass-installer>.glass-install-heading{font-size:12px;color:inherit;display:flex;align-items:center;justify-content:space-between}
.glass-install-trace{position:absolute;height:1px;bottom:0;left:0;width:100%;background:linear-gradient(90deg,transparent,#d4e2f2,transparent);transform:translateX(-100%);transition:transform .85s cubic-bezier(.16,1,.3,1)}
.glass-installer:hover .glass-install-trace,.glass-installer:focus-visible .glass-install-trace{transform:translateX(100%)}
.installation-hero{padding-top:180px;padding-bottom:80px;position:relative;background:radial-gradient(ellipse at 75% 20%,var(--panel),var(--bg) 70%)}
.installation-hero>.eyebrow{margin-bottom:48px}
.installation-hero>.installation-brands{max-width:470px;margin-bottom:70px}
.installation-hero h1{font-size:clamp(50px,6.8vw,100px);max-width:1000px;line-height:1.03}
.installation-hero>p{max-width:440px;margin-top:28px;font-size:14px;line-height:1.8}
.installation-hero>.underlink{margin-top:25px}
.installation-plan,.installation-book{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:80px;padding-bottom:80px;border-top:1px solid var(--line)}
.installation-plan h2,.installation-book h2{font-size:clamp(36px,4vw,60px);line-height:1.05}
.installation-plan p,.installation-book p{max-width:410px;font-size:13px;line-height:1.9;margin-top:23px}
.installation-materials{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-self:center;min-width:0}
.installation-material{text-align:left;border:1px solid var(--line);padding:25px 20px;display:flex;flex-direction:column;gap:25px;transition:border-color .3s,background .3s;position:relative}
.installation-material:hover,.installation-material.selected{border-color:var(--fg);background:var(--panel)}
.installation-material>span{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:10px}
.installation-material i{font-style:normal;font-size:16px}
.installation-material>b{font-size:22px;font-weight:400;letter-spacing:-.04em}
.installation-material>b small{font-size:7px;white-space:nowrap;letter-spacing:.1em}
.installation-material>small{font-size:7px;line-height:1.7;color:var(--muted)}
.installation-price-note{grid-column:1/-1;font-size:9px;letter-spacing:0;color:var(--muted);line-height:1.7}
.installation-checklist{list-style:none;padding:0;margin:25px 0 0}
.installation-checklist li{font-size:11px;color:var(--muted);margin-top:10px;padding-left:18px;position:relative}
.installation-checklist li:before{content:"+";position:absolute;left:0;color:var(--fg)}
.installation-destination{align-self:center;padding:35px;border:1px solid var(--line);background:linear-gradient(140deg,var(--panel),var(--bg))}
.installation-destination h3{font-size:42px;line-height:1.1}
.installation-destination .eyebrow{font-size:8px}
.installation-destination .installation-cta{width:100%;margin-top:26px;font-size:11px;gap:12px}
.installation-destination>small{display:block;margin-top:15px;font-size:9px;letter-spacing:0;color:var(--muted)}
.installation-help{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:35px;padding-bottom:35px;border-top:1px solid var(--line);font-size:12px}
.installation-help>span{color:var(--muted)}
.footer-contact{border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:20px 40px;padding:28px 0;font-size:12px}
.footer-contact>span{font-size:8px;letter-spacing:.15em;color:var(--muted);margin-right:auto}
.footer-contact a{border-bottom:1px solid transparent;transition:border-color .3s}
.footer-contact a:hover{border-color:var(--fg)}
.contact-direct{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:0;padding-bottom:65px}
.contact-direct>a{display:flex;flex-direction:column;gap:24px;padding:32px;border:1px solid var(--line);transition:background .3s}
.contact-direct>a:hover{background:var(--panel)}
.contact-direct .eyebrow{margin:0;font-size:9px}
.contact-direct strong{font-size:clamp(18px,2.1vw,30px);font-weight:400;letter-spacing:-.03em;overflow-wrap:anywhere}
.contact-action{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}
.next-instrument>.flow-cue{width:32px;flex-basis:32px}
.instrument-arrows button:hover,.instrument-arrows button:focus-visible{background:#202827;color:#fff}
@media(max-width:1100px){.site-header .desktop-nav{gap:14px}.site-header .desktop-nav a{font-size:8px}.installation-brands{gap:16px}.installation-brands .wordmark{width:115px}.customs-wordmark strong{font-size:16px}.customs-wordmark strong>span{font-size:9px}.installation-materials{gap:10px}.installation-material{padding:22px 15px}.installation-destination{padding:27px}}
@media(max-width:800px){.installation-path{grid-template-columns:1fr;gap:50px;padding-top:65px;padding-bottom:65px}.installation-path .installation-copy{max-width:460px}.installation-path .installation-connection{max-width:500px;width:100%}.installation-brands .wordmark{width:135px}.customs-wordmark strong{font-size:19px}.customs-wordmark strong>span{font-size:11px}.installation-hero{padding-top:140px;padding-bottom:55px}.installation-hero>.installation-brands{margin-bottom:50px}.installation-plan,.installation-book{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:55px}.installation-materials{max-width:560px;width:100%}.installation-help{align-items:flex-start;flex-direction:column;gap:12px}.contact-direct{grid-template-columns:1fr;gap:16px}.contact-direct>a{padding:26px}.footer-contact{gap:15px 25px}.footer-contact>span{flex:1 0 100%}}
@media(max-width:480px){.installation-brands{gap:14px}.installation-brands .wordmark{width:105px}.customs-wordmark strong{font-size:16px}.customs-wordmark strong>span{font-size:9px}.installation-brands small{font-size:6px;letter-spacing:.1em}.installation-path .eyebrow{font-size:7px}.installation-track>span{font-size:8px}.installation-path .installation-cta{width:100%;min-width:0}.installation-hero h1{font-size:48px}.installation-destination{padding:25px 20px}.installation-material{gap:22px;padding:20px 13px}.installation-material>span{font-size:11px}.installation-material>b{font-size:20px}.installation-material>small{font-size:6px}.footer-contact a{font-size:11px}.glass-installer>.glass-install-heading{font-size:11px}.glass-installer>.glass-install-heading .flow-cue{height:17px}}
.motion-paused .installation-current i,.motion-paused .installation-current b{animation:none}
.motion-paused .flow-cue svg,.motion-paused .flow-shaft,.motion-paused .glass-install-trace{transition:none}
@media(prefers-reduced-motion:reduce){.installation-current i,.installation-current b{animation:none}.flow-cue svg,.flow-shaft,.glass-install-trace,.button:after,.editorial-action:after{transition:none}}