.window-intro{position:fixed;inset:0;z-index:10000;overflow:hidden;transition:opacity .18s ease;contain:layout paint}
.soap-glass{position:absolute;top:0;bottom:0;backdrop-filter:blur(13px) saturate(.6) brightness(1.13);-webkit-backdrop-filter:blur(13px) saturate(.6) brightness(1.13);background:rgba(208,226,223,.09);pointer-events:none;will-change:clip-path}
.window-intro canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.intro-caption{position:absolute;top:40%;left:0;width:100%;text-align:center;color:#f1f3eb;font:30px Georgia,serif;letter-spacing:7px;pointer-events:none;text-shadow:0 2px 14px #0008}
.intro-caption span{display:block;margin-top:14px;font:13px system-ui,sans-serif;letter-spacing:2px}
.intro-skip{position:absolute;bottom:25px;right:25px;border:1px solid #bca267;background:#111310ec;color:#f7f5ed;border-radius:30px;padding:10px 18px;font:13px system-ui,sans-serif;cursor:pointer}
.squeegee{position:absolute;left:0;top:0;height:110px;transform:translateY(-160px);will-change:transform;pointer-events:none;transform-origin:50% 0}
.squeegee-metal{height:17px;border-top:2px solid #e8eeea;border-bottom:5px solid #151b19;border-radius:4px;background:linear-gradient(#83918e,#f1f4f1 27%,#8e9a97 48%,#d0d8d4 65%,#59635f);box-shadow:0 -4px 7px #e5f7ee55,0 6px 10px #0005}
.squeegee-grip{position:absolute;left:calc(50% - 13px);top:10px;width:26px;height:88px;border:2px solid #ab8b49;border-radius:5px 5px 12px 12px;background:linear-gradient(90deg,#292c25,#646145 45%,#242820);box-shadow:3px 4px 8px #0005}
@media(prefers-reduced-motion:reduce){.window-intro{display:none}}