/* Sectional steel door: real hinges, quiet branding, no splash-screen copy. */
html.motion #loader{perspective:1500px;perspective-origin:50% 0;transition:visibility 0s 1.5s}
html.motion #loader.sectional-ready>.garage-door{visibility:hidden}
.garage-sectional{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.garage-panel{position:absolute;left:0;top:0;width:100%;transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}
.garage-panel-face{position:absolute;inset:0 0 var(--hinge-gap,0px);overflow:hidden;background:#171b1e;box-shadow:inset 0 1px 0 #ffffff18,inset 0 -3px 3px #000c;backface-visibility:hidden}
html.motion #loader .garage-panel-art.garage-door{position:absolute;inset:auto;left:0;bottom:auto;margin:0;transform:none!important;transition:none!important;box-shadow:none;visibility:visible}
.garage-panel-face:after{content:'';position:absolute;inset:0;background:#010306;opacity:var(--bend-shade,0);pointer-events:none;box-shadow:inset 0 1px 0 #d8e4ec18,inset 0 -2px 3px #000b}
.garage-panel-edge{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(#4a5158,#090c0f 65%);transform:rotateX(-90deg);transform-origin:50% 100%;backface-visibility:hidden}
/* Edge-to-edge opening: no stationary jambs or header lingering over the homepage. */
html.motion #loader .garage-surround{display:none}
.sectional-ready .garage-surround{transition:none}
.sectional-ready .garage-header{height:clamp(20px,3.6vh,40px);box-shadow:0 10px 22px #000d;z-index:2}
/* A small mounted emblem rather than a landing-page heading. */
#loader .garage-sign{top:43.75%;width:auto}
#loader .garage-emblem{width:clamp(30px,3.2vw,48px);margin:0;stroke:#9da8af;filter:drop-shadow(0 2px 1px #000)}
#loader .garage-wordmark,#loader .garage-submark,#loader .garage-caption,#loader .garage-sign-rule,#loader .garage-loading{display:none}
/* Lighting belongs to the stationary jambs, not the moving steel. */
#loader .garage-light{display:none}
.garage-track:after{content:'';position:absolute;top:8%;bottom:5%;right:1px;width:2px;background:linear-gradient(transparent,#d6e6ed88 20%,#d6e6ed88 85%,transparent);box-shadow:0 0 10px #c8e4f533}
.garage-door-skin:after{background-image:repeating-linear-gradient(100deg,#fff1 0 1px,transparent 1px 4px);opacity:.16;mix-blend-mode:soft-light}
/* Recessed longitudinal ribs and restrained hinge/fastener highlights. */
.garage-door-skin:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent calc(6.25% - 2px),#0005 calc(6.25% - 1px),#ffffff0b 6.25%);box-shadow:inset 0 0 60px #0006}
.garage-handle{bottom:18.1%;width:clamp(65px,7vw,100px);height:10px}
.garage-track{background-image:repeating-linear-gradient(0deg,transparent 0 85px,#ffffff18 86px,transparent 88px),linear-gradient(90deg,#030405,#363b40 25%,#0c0f12 35%,#252a2f 70%,#07090b)}
/* Fallback stays aligned to the sectional timing. */
html.motion #loader>.garage-door{transition-duration:1.45s}
@media(prefers-reduced-motion:reduce){.garage-sectional{display:none}html.motion #loader{display:none}}
