.home{background:#171012;isolation:isolate}.reel-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.home::after{background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.02) 44%,rgba(0,0,0,.55));z-index:0}.home-brand{position:absolute;z-index:1;top:38px;left:42px;display:flex;flex-direction:column;gap:7px;color:#fff}.home-name{font-family:'Bebas Neue',sans-serif;font-size:30px;line-height:1;letter-spacing:1.5px}.home-role{font-size:11px;letter-spacing:1px;color:rgba(255,255,255,.8)}.play-reel{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;background:none;border:0;color:white;display:flex;flex-direction:column;align-items:center;gap:18px}.play-circle{width:90px;height:90px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.07));box-shadow:inset 0 1px 1px rgba(255,255,255,.4),0 8px 32px rgba(0,0,0,.13);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .25s,background .25s}.play-reel:hover .play-circle{transform:scale(1.07);background:rgba(255,255,255,.23)}.play-circle svg{width:30px;height:30px;fill:currentColor}.play-text{font-size:11px;letter-spacing:3px;text-shadow:0 1px 8px #000}.enter{left:auto;right:42px;bottom:35px;transform:none;padding:15px 23px;font-size:10px;letter-spacing:2px;display:flex;gap:25px;align-items:center}.enter span{font-size:21px;line-height:.7;letter-spacing:0}body.is-home .footer{bottom:26px;left:42px;transform:none}.video-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:80px 35px;border:0;color:#fff;background:#090909;overflow:auto}.video-dialog[open]{display:flex;align-items:center;justify-content:center}.video-dialog::backdrop{background:#090909}.video-dialog-top{position:absolute;top:22px;left:35px;right:28px;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:2px}.video-dialog-top>span>span{font-size:10px;letter-spacing:1px;color:#aaa}.video-close{height:43px;width:43px;border:1px solid #555;background:rgba(255,255,255,.08);border-radius:50%;color:white;font-size:28px}.video-close:hover{background:rgba(255,255,255,.18)}.video-screen{width:min(100%,calc((100svh - 160px)*16/9));aspect-ratio:16/9;background:#090909}.video-screen iframe{display:block;width:100%;height:100%;border:0}.video-external{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);font-size:11px;letter-spacing:1px;color:#aaa;padding:8px}.video-external:hover{color:white}
@media(max-width:700px){.home-brand{top:29px;left:24px}.home-name{font-size:28px}.home-role{font-size:10px}.play-circle{height:76px;width:76px}.play-text{font-size:10px}.enter{right:23px;bottom:35px;padding:14px 18px;font-size:9px;letter-spacing:1.5px;gap:15px}body.is-home .footer{left:16px;bottom:27px}.video-dialog{padding:80px 0}.video-dialog-top{left:20px;right:17px}.video-screen{width:100%}.reel-poster{object-position:57% center}}

/* Keep the poster visible until muted playback actually starts. */
.home{min-height:320px}
.home-video{opacity:0;transition:opacity .4s;z-index:0}
.home-video.is-playing{opacity:1}
.background-toggle{position:absolute;z-index:1;top:32px;right:42px;min-height:44px;padding:10px 16px;border:1px solid rgba(255,255,255,.5);border-radius:24px;background:rgba(0,0,0,.25);color:white;font-size:10px;letter-spacing:1px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.background-toggle:hover{background:rgba(0,0,0,.45)}
.background-toggle[hidden]{display:none}
.video-screen{width:min(100%,calc((100svh - 160px)*16/9))}
.video-close,.icon-button,.viewer-controls button{min-width:44px;min-height:44px}
.nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:700px){.background-toggle{top:24px;right:20px;padding:10px 12px;font-size:9px}}
@media(max-height:480px) and (orientation:landscape){.home-brand{top:20px}.background-toggle{top:16px}.play-circle{width:58px;height:58px}.play-reel{gap:12px}.enter{bottom:22px}body.is-home .footer{bottom:14px}}