#masco-intro-root{position:fixed;inset:0;z-index:2147483000;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:#040714;color:#eef6ff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;transition:opacity .65s,visibility .65s}#masco-intro-root *,#masco-replay{box-sizing:border-box}#masco-intro-root.masco-exit{opacity:0;visibility:hidden;pointer-events:none}#masco-intro-root .masco-bg{position:absolute;inset:-5%;background:linear-gradient(110deg,#030716b8,#0d0b25b0),url('assets/intro-backdrop.jpg') center/cover no-repeat;filter:blur(21px) saturate(1.65);transform:scale(1.1);opacity:.9}#masco-intro-root .masco-grain{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff05 4px 5px);opacity:.22;pointer-events:none}#masco-intro-root .masco-aura{position:absolute;width:65vw;height:65vw;border-radius:50%;filter:blur(85px);opacity:.4;pointer-events:none;animation:masco-float 12s ease-in-out infinite alternate}#masco-intro-root .masco-aura-a{left:-25vw;top:-30vw;background:radial-gradient(circle,#8541f7a8,transparent 62%)}#masco-intro-root .masco-aura-b{right:-25vw;bottom:-35vw;background:radial-gradient(circle,#05cbf7a1,transparent 62%);animation-delay:-6s}#masco-intro-root .masco-orbit{position:absolute;width:min(110vw,1500px);height:min(110vw,1500px);border:1px solid #8aeaff17;border-radius:50%;box-shadow:0 0 0 130px #ad80ff04,0 0 0 270px #43e2ff03;pointer-events:none}#masco-intro-root .masco-stars{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 14% 22%,#fff9 99%,transparent),radial-gradient(2px 2px at 82% 18%,#9deeffaa 99%,transparent),radial-gradient(1px 1px at 77% 76%,#e4aaffaa 99%,transparent),radial-gradient(1px 1px at 23% 81%,#fff9 99%,transparent),radial-gradient(2px 2px at 60% 10%,#b0cfff88 99%,transparent);animation:masco-twinkle 5s ease-in-out infinite alternate}#masco-intro-root .masco-shell{width:min(94vw,1260px);max-height:96dvh;position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(12px,2vh,23px)}#masco-intro-root .masco-head,#masco-intro-root .masco-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px}#masco-intro-root .masco-brand{font-weight:850;letter-spacing:.11em;font-size:clamp(13px,1.5vw,19px);white-space:nowrap}#masco-intro-root .masco-brand-dot{color:#85e8ff;text-shadow:0 0 15px #2fe4ff}#masco-intro-root .masco-brand-pro{font-weight:500;color:#a9b9d5;font-size:.7em}#masco-intro-root .masco-status{font-size:10px;letter-spacing:.18em;color:#b4c7df;text-align:right}#masco-intro-root .masco-status-led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#57f5ce;box-shadow:0 0 14px #57f5ce;margin-right:6px}#masco-intro-root .masco-stage{padding:clamp(7px,1vw,13px);border-radius:24px;border:1px solid #95dfff60;background:linear-gradient(130deg,#a7e8ff21,#120d2ce0 32%,#071023e6 75%,#a46bff26);box-shadow:0 0 0 1px #ffffff0c,0 0 80px #20b8ff1e,0 40px 100px #000a, inset 0 1px #fff3;backdrop-filter:blur(22px)}#masco-intro-root .masco-stage-top,#masco-intro-root .masco-stage-foot{display:flex;justify-content:space-between;gap:12px;padding:7px 9px;font-size:10px;letter-spacing:.16em;color:#a6b8d4}#masco-intro-root .masco-screen{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#020510;box-shadow:inset 0 0 70px #000b,0 0 0 1px #7fdbff38}#masco-intro-root video{width:100%;height:100%;display:block;object-fit:cover}#masco-intro-root .masco-video-gloss{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff0a,transparent 37%,#9ccaff05 70%,transparent);z-index:1}#masco-intro-root .masco-curtain{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(12px,3vw,45px);background:radial-gradient(ellipse at 50% 48%,#14153fc7,#020510f4 73%),url('assets/intro-backdrop.jpg') center/cover;transition:opacity .55s,transform .55s,visibility .55s}#masco-intro-root .masco-curtain:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#8c48ff1c,transparent 40%,#00d5ff12);pointer-events:none}#masco-intro-root .masco-curtain-out{opacity:0;visibility:hidden;transform:scale(1.045);pointer-events:none}#masco-intro-root .masco-curtain-kicker{z-index:1;color:#b5eaff;letter-spacing:.28em;font-size:clamp(8px,.85vw,12px)}#masco-intro-root .masco-logo{z-index:1;width:min(52%,500px);max-height:29%;object-fit:contain;filter:drop-shadow(0 0 28px #55d9ff55);margin:clamp(2px,1.5vh,18px) auto}#masco-intro-root h1{z-index:1;margin:0;font-size:clamp(17px,2.5vw,34px);letter-spacing:.01em;font-weight:720;text-shadow:0 3px 25px #000}#masco-intro-root .masco-curtain p{z-index:1;margin:8px 0 clamp(12px,2.5vh,26px);color:#b8c8e1;font-size:clamp(11px,1.1vw,15px)}#masco-intro-root button,#masco-replay{cursor:pointer;font-family:inherit}#masco-intro-root .masco-start{z-index:1;position:relative;overflow:hidden;border:1px solid #9ceeffb8;background:linear-gradient(105deg,#067cba,#5a42bb 56%,#ac45a8);border-radius:999px;color:white;padding:clamp(11px,1.2vw,17px) clamp(16px,2.5vw,34px);font-size:clamp(10px,1.15vw,14px);font-weight:800;letter-spacing:.08em;box-shadow:0 0 0 5px #64dfff12,0 8px 35px #2bbcff6b,inset 0 1px #fff6;transition:transform .25s,box-shadow .25s}#masco-intro-root .masco-start:after{content:'';position:absolute;top:-60%;left:-35%;height:230%;width:25%;background:#fff6;filter:blur(12px);transform:rotate(25deg);animation:masco-sheen 3.6s infinite}#masco-intro-root .masco-start:hover{transform:translateY(-3px) scale(1.025);box-shadow:0 0 0 7px #64dfff18,0 12px 55px #2bbcff9a}#masco-intro-root .masco-play-icon{margin-right:8px}#masco-intro-root .masco-hint{z-index:1;color:#a8b8d5;font-size:clamp(9px,.85vw,12px);margin-top:14px}#masco-intro-root .masco-timeline{height:3px;background:#ffffff1c;border-radius:6px;margin:8px 7px 0;overflow:hidden}#masco-intro-root .masco-timeline span{display:block;width:0;height:100%;background:linear-gradient(90deg,#35d7ff,#aa78ff,#fa7bc5);box-shadow:0 0 16px #60cfff;transition:width .15s linear}#masco-intro-root .masco-bottom{font-size:10px;letter-spacing:.13em;color:#aab9d3}#masco-intro-root .masco-actions{display:flex;gap:10px;align-items:center}#masco-intro-root .masco-actions button{border:1px solid #91ccf766;background:#0c1630c9;color:#dceeff;border-radius:999px;padding:11px 17px;font-weight:650;font-size:12px;transition:background .2s,transform .2s,border-color .2s}#masco-intro-root .masco-actions button:hover{background:#24366a;transform:translateY(-2px);border-color:#9aeaff}#masco-intro-root .masco-actions button span{color:#80eaff;margin-left:8px}#masco-intro-root .masco-error{position:absolute;z-index:5;bottom:5%;left:5%;right:5%;padding:12px;background:#381a38d9;border:1px solid #ff9da0;border-radius:10px;text-align:center;font-size:12px}#masco-intro-root [hidden],#masco-replay[hidden]{display:none!important}#masco-replay{position:fixed;right:18px;bottom:18px;z-index:10000;border:1px solid #8adfff77;border-radius:999px;background:linear-gradient(115deg,#10264c,#3c2368);color:white;padding:11px 17px;box-shadow:0 10px 35px #0008;font-size:12px;font-weight:700}#masco-replay:hover{filter:brightness(1.2)}#masco-intro-root :focus-visible,#masco-replay:focus-visible{outline:3px solid #a9edff;outline-offset:3px}@keyframes masco-float{to{transform:translate(7%,8%) scale(1.08)}}@keyframes masco-twinkle{to{opacity:.3}}@keyframes masco-sheen{0%,55%{left:-35%}100%{left:140%}}@media(max-width:700px){#masco-intro-root .masco-shell{width:96vw;gap:12px}#masco-intro-root .masco-brand-pro{display:block;margin-top:4px}#masco-intro-root .masco-status{font-size:8px;max-width:42%}#masco-intro-root .masco-stage{border-radius:14px;padding:6px}#masco-intro-root .masco-screen{border-radius:8px;aspect-ratio:4/4}#masco-intro-root video{object-fit:contain}#masco-intro-root .masco-logo{width:74%;max-height:25%}#masco-intro-root .masco-curtain-kicker{letter-spacing:.1em}#masco-intro-root .masco-stage-top,#masco-intro-root .masco-stage-foot{font-size:8px;letter-spacing:.04em}#masco-intro-root .masco-bottom{flex-direction:column;text-align:center}#masco-intro-root .masco-actions{flex-wrap:wrap;justify-content:center}#masco-intro-root .masco-start{font-size:10px;padding:12px}#masco-intro-root .masco-curtain p{margin-bottom:13px}}@media(prefers-reduced-motion:reduce){#masco-intro-root .masco-aura,#masco-intro-root .masco-stars,#masco-intro-root .masco-start:after{animation:none}#masco-intro-root *,#masco-intro-root{transition:none!important}}/* V3: viewport-fit correction. Keep the entire cinema stage and controls visible at 100% browser zoom. */
#masco-intro-root .masco-shell{width:min(94vw,1260px);max-height:calc(100dvh - 24px);gap:clamp(5px,1.1dvh,12px);min-height:0}
#masco-intro-root .masco-stage{min-height:0;display:flex;flex-direction:column;padding:clamp(5px,.8dvh,10px)}
#masco-intro-root .masco-screen{aspect-ratio:16/9;width:min(100%,calc((100dvh - 165px)*16/9));max-height:calc(100dvh - 165px);margin-inline:auto;flex-shrink:1;min-height:0}
#masco-intro-root .masco-stage-top,#masco-intro-root .masco-stage-foot{padding:4px 8px;flex-shrink:0}
#masco-intro-root .masco-bottom,#masco-intro-root .masco-head{flex-shrink:0}
#masco-intro-root .masco-timeline{margin-top:5px;flex-shrink:0}
#masco-intro-root .masco-curtain{padding:clamp(8px,2dvh,24px);gap:0}
#masco-intro-root .masco-logo{width:min(48%,440px);max-height:26%;margin:clamp(3px,1dvh,10px) auto}
#masco-intro-root .masco-curtain p{margin:5px 0 clamp(7px,1.5dvh,16px)}
#masco-intro-root .masco-hint{margin-top:clamp(4px,1dvh,10px)}
@media(max-height:800px){#masco-intro-root .masco-shell{max-height:calc(100dvh - 14px);gap:6px}#masco-intro-root .masco-screen{width:min(100%,calc((100dvh - 135px)*16/9));max-height:calc(100dvh - 135px)}#masco-intro-root .masco-actions button{padding:7px 12px}#masco-intro-root .masco-start{padding:9px 16px}#masco-intro-root .masco-stage-top,#masco-intro-root .masco-stage-foot{padding:2px 7px}}
@media(max-width:700px){#masco-intro-root .masco-shell{width:96vw;max-height:calc(100dvh - 16px)}#masco-intro-root .masco-screen{aspect-ratio:16/9;width:100%;max-height:min(56dvh,calc(100dvh - 200px))}#masco-intro-root .masco-curtain{padding:6px}#masco-intro-root .masco-logo{max-height:25%;width:48%}#masco-intro-root .masco-curtain h1{font-size:clamp(12px,3vw,19px)}#masco-intro-root .masco-curtain p{font-size:10px;margin:3px 0 7px}#masco-intro-root .masco-hint{font-size:9px;margin-top:5px}#masco-intro-root .masco-stage-top,#masco-intro-root .masco-stage-foot{font-size:7px}}
@media(max-height:540px){#masco-intro-root .masco-shell{gap:3px}#masco-intro-root .masco-screen{width:min(100%,calc((100dvh - 110px)*16/9));max-height:calc(100dvh - 110px)}#masco-intro-root .masco-stage-top,#masco-intro-root .masco-stage-foot{display:none}#masco-intro-root .masco-status{display:none}#masco-intro-root .masco-curtain-kicker,#masco-intro-root .masco-hint{display:none}#masco-intro-root .masco-logo{max-height:22%}#masco-intro-root .masco-curtain p{margin:2px 0 5px}#masco-intro-root .masco-bottom{font-size:9px}}

/* V5: full-viewport cinematic video, visual effects, accessible overlays. */
#masco-intro-root{width:100vw;height:100vh;height:100dvh;overflow:hidden}
#masco-intro-root .masco-shell{position:absolute;inset:0;width:100%;height:100%;max-height:none;display:block;pointer-events:none}
#masco-intro-root .masco-stage{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;display:block}
#masco-intro-root .masco-screen{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;overflow:hidden;box-shadow:none}
#masco-intro-root video{width:100%;height:100%;object-fit:cover;object-position:center}
#masco-intro-root .masco-stage-top,#masco-intro-root .masco-stage-foot{position:absolute;z-index:4;left:24px;right:24px;pointer-events:none;text-shadow:0 2px 12px #000}
#masco-intro-root .masco-stage-top{top:65px}#masco-intro-root .masco-stage-foot{bottom:60px}
#masco-intro-root .masco-head{position:absolute;top:15px;left:24px;right:24px;z-index:7;pointer-events:none;text-shadow:0 2px 14px #000}
#masco-intro-root .masco-bottom{position:absolute;bottom:13px;left:24px;right:24px;z-index:7;pointer-events:none;text-shadow:0 2px 14px #000}
#masco-intro-root .masco-actions{pointer-events:auto}
#masco-intro-root .masco-timeline{position:absolute;bottom:47px;left:24px;right:24px;margin:0;z-index:7}
#masco-intro-root .masco-curtain{background:radial-gradient(ellipse at 50% 45%,#14153fbb,#020510db 73%),url('assets/intro-backdrop.jpg') center/cover;pointer-events:none}
#masco-intro-root .masco-curtain button{pointer-events:auto}
#masco-intro-root .masco-sound-overlay{position:absolute;z-index:12;bottom:clamp(95px,15vh,170px);left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);white-space:normal;text-align:center;pointer-events:auto;animation:masco-pulse 2.5s ease-in-out infinite}
#masco-intro-root .masco-sound-overlay:hover{transform:translateX(-50%) scale(1.025)}
#masco-intro-root .masco-video-gloss{background:linear-gradient(90deg,#060a1d60,transparent 25%,transparent 75%,#0b05244a),linear-gradient(0deg,#0206127a,transparent 26%,transparent 75%,#050b1a5c)}
#masco-intro-root .masco-aura{z-index:3;mix-blend-mode:screen;opacity:.24}
#masco-intro-root .masco-stars{z-index:3;opacity:.4}
#masco-intro-root .masco-grain{z-index:3}
@keyframes masco-pulse{50%{box-shadow:0 0 0 8px #64dfff1b,0 8px 50px #2bbcffaa,inset 0 1px #fff6}}
@media(max-width:700px){#masco-intro-root .masco-screen{width:100%;height:100%;max-height:none;aspect-ratio:auto}#masco-intro-root video{object-fit:contain;background:#030716}#masco-intro-root .masco-head{left:12px;right:12px;top:10px}#masco-intro-root .masco-status{display:none}#masco-intro-root .masco-bottom{left:12px;right:12px;bottom:12px}#masco-intro-root .masco-bottom>span{display:none}#masco-intro-root .masco-stage-top{top:50px;left:12px;right:12px}#masco-intro-root .masco-stage-foot{bottom:72px;left:12px;right:12px}#masco-intro-root .masco-timeline{bottom:62px;left:12px;right:12px}#masco-intro-root .masco-sound-overlay{bottom:110px;font-size:11px}}
@media(max-height:540px){#masco-intro-root .masco-stage-top,#masco-intro-root .masco-stage-foot{display:none}#masco-intro-root .masco-sound-overlay{bottom:65px}#masco-intro-root .masco-timeline{bottom:48px}}