@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Syne:wght@700;800&display=swap');
#marev-assembly .md-stage{--md-blue:#08245a;position:relative;overflow:hidden;background:var(--md-blue);color:#f5f4ef;min-height:650px;font-family:'Space Grotesk',Arial,sans-serif}
#marev-assembly .md-header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;position:relative;z-index:3}
#marev-assembly .md-brand{font-size:25px;font-weight:700;letter-spacing:-1.3px;display:flex;align-items:baseline;gap:6px}
#marev-assembly .md-brand span{font-size:14px;font-weight:400;letter-spacing:-.4px}
#marev-assembly .md-header a{font-size:12px;color:#e4edff;text-decoration:none;margin-right:72px}
#marev-assembly .md-scene{width:100%;height:520px;display:block;touch-action:pan-y}
#marev-assembly .md-scroll{position:absolute;bottom:27px;left:32px;right:32px;display:flex;justify-content:center;align-items:center;font-size:10px;letter-spacing:1.5px;color:#92a9cc;pointer-events:none}
#marev-assembly .md-next{position:absolute;left:0;right:0;top:100px;padding:20px 10% 30px;opacity:0;transform:translateY(280px);pointer-events:none}
#marev-assembly .md-label{font-size:10px;letter-spacing:1.8px;color:#b4d4ff}
#marev-assembly .md-info h2{font-size:34px;line-height:1.1;letter-spacing:-1.2px;font-weight:500;margin:14px 0 12px}
#marev-assembly .md-info p{font-size:15px;color:#d1e2ff;margin:0 0 28px}
#marev-assembly .md-game{background:#081b47;border:1px solid #517de240;border-radius:2px;overflow:hidden}
#marev-assembly .md-video{height:220px;background:#061b44;display:flex;align-items:center;justify-content:center;gap:10px;color:#8da6d1;font-size:13px}
#marev-assembly .md-video svg{width:20px;height:20px}
#marev-assembly .md-game-bottom{padding:16px 20px;display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:14px}
#marev-assembly .md-game-bottom button{background:#ff9e59;color:#24160e;border:0;padding:12px 18px;border-radius:2px;font:500 12px 'Space Grotesk',Arial,sans-serif}
#marev-assembly .md-game-bottom button:disabled{opacity:.55}
#marev-assembly .md-contact{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:26px;font-size:11px;color:#b7d2ff}
#marev-assembly .md-contact a{color:#e9f2ff;text-decoration:none}
@media(max-width:480px){#marev-assembly .md-header{padding:0 20px;height:70px}#marev-assembly .md-header a{margin-right:62px;font-size:11px}#marev-assembly .md-brand{font-size:22px}#marev-assembly .md-brand span{font-size:12px}#marev-assembly .md-stage{min-height:590px}#marev-assembly .md-scene{height:470px}#marev-assembly .md-next{top:85px;padding:15px 22px}#marev-assembly .md-info h2{font-size:30px}#marev-assembly .md-video{height:190px}#marev-assembly .md-game-bottom{padding:14px;font-size:12px}#marev-assembly .md-game-bottom button{padding:12px;font-size:11px}}
#marev-assembly .md-caption{font-size:9px;letter-spacing:1.6px}
#marev-assembly .md-brand{font-weight:500;letter-spacing:-1px}
#marev-assembly .md-header a{border-bottom:1px solid #adc6e94d;padding-bottom:5px}
@media(max-width:480px){#marev-assembly .md-caption{font-size:8px;letter-spacing:.6px}#marev-assembly .md-scroll{left:20px;right:20px}}
#marev-assembly .md-title{position:absolute;top:225px;left:0;right:0;margin:0;text-align:center;font-family:Space Grotesk,Arial,sans-serif;font-size:clamp(64px,12vw,100px);line-height:.87;font-weight:700;letter-spacing:-6px;pointer-events:none;z-index:2;color:#ffffff}
@media(max-width:480px){#marev-assembly .md-title{top:242px;font-size:64px;letter-spacing:-4px;line-height:.88}}
#marev-assembly .md-title{top:200px;z-index:2;font-size:14px;line-height:normal;letter-spacing:0}
#marev-assembly .md-title h1{color:#ffffff;font-family:Syne,Arial,sans-serif;font-size:clamp(58px,11vw,100px);font-weight:800;line-height:.88;letter-spacing:-4px;margin:0}
#marev-assembly .md-title p{font:400 12px Space Grotesk,Arial,sans-serif;letter-spacing:1.1px;margin:25px 0 8px;color:#b4c7e9}
#marev-assembly .md-title>span{display:block;font:400 12px Space Grotesk,Arial,sans-serif;letter-spacing:0;color:#8ca7d5}
#marev-assembly .md-scroll{display:flex;left:50%;right:auto;transform:translateX(-50%);margin-left:-22px;width:44px;height:44px;padding:10px;box-sizing:border-box;background:none;border:0;color:#dce6f6;pointer-events:auto;z-index:4}
#marev-assembly .md-scroll svg{width:24px;height:24px}
#marev-assembly .md-next{background:var(--md-blue);padding-top:20px;padding-bottom:35px;z-index:3}
@media(max-width:480px){#marev-assembly .md-title{top:215px}#marev-assembly .md-title h1{font-size:58px;letter-spacing:-2.5px}#marev-assembly .md-title p{font-size:11px;letter-spacing:.4px;margin-top:20px}#marev-assembly .md-title>span{font-size:11px}}
#marev-assembly .md-indie{position:absolute;left:20px;right:20px;text-align:center;font:500 clamp(20px,3.6vw,28px) Space Grotesk,Arial,sans-serif;letter-spacing:-.5px;color:#c6d3ed;pointer-events:none;opacity:0}
#marev-assembly .md-next{background:#061b44;padding:20px 5% 30px}
#marev-assembly .md-game{border:0}
#marev-assembly .md-scene{position:absolute;inset:0;height:100%;width:100%}
#marev-assembly .md-game{background:transparent;overflow:visible}
#marev-assembly .md-game-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;max-width:780px;margin:0 auto}
#marev-assembly .md-game-copy h2{font:800 clamp(28px,5vw,46px)/1.05 Syne,Arial,sans-serif;letter-spacing:-1.4px;color:#f4f0e6;margin:0 0 20px}
#marev-assembly .md-game-copy p{font:400 15px/1.55 'Space Grotesk',Arial,sans-serif;color:#bccbe5;max-width:260px;margin:0}
#marev-assembly .md-game-film{display:block;width:100%;max-width:340px;aspect-ratio:1;object-fit:contain;background:#061b44}
#marev-assembly .md-game-bottom{justify-content:center;padding:28px 0 0}
#marev-assembly .md-game-bottom button{font:500 15px 'Space Grotesk',Arial,sans-serif;padding:15px 36px;background:#f4f0e6;color:#061b44;border-radius:0;opacity:1}
@media(max-width:480px){#marev-assembly .md-game-layout{grid-template-columns:1fr;gap:18px;text-align:center}#marev-assembly .md-game-copy h2{font-size:28px;margin:0 0 10px}#marev-assembly .md-game-copy h2 br{display:initial}#marev-assembly .md-game-copy p{font-size:14px;margin:auto;max-width:280px}#marev-assembly .md-game-film{width:240px;max-width:100%;margin:auto}#marev-assembly .md-game-bottom{padding-top:22px}}

#marev-assembly .md-next{min-height:100%;box-sizing:border-box;padding-top:30px}
#marev-assembly .md-game-bottom button:disabled{opacity:1}
#marev-assembly .md-next{padding:0;min-height:100%;background:#061b44}
#marev-assembly .md-game-layout{display:flex;flex-direction:column;gap:0;max-width:none;align-items:stretch}
#marev-assembly .md-game-film{order:0;width:100%;max-width:1920px;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0 auto;background:#061b44}
#marev-assembly .md-game-copy{order:1;text-align:center;padding:28px 22px 0}
#marev-assembly .md-game-copy h2{font-size:clamp(28px,4vw,42px);margin:0 0 12px}
#marev-assembly .md-game-copy h2 br{display:none}
#marev-assembly .md-game-copy p{max-width:420px;margin:0 auto}
#marev-assembly .md-game-bottom{padding:24px 22px 36px}
@media(max-width:480px){#marev-assembly .md-game-film{width:100%;max-width:none;aspect-ratio:9/16;margin:0;object-fit:cover}#marev-assembly .md-game-copy h2{font-size:28px}#marev-assembly .md-game-copy h2 br{display:initial}#marev-assembly .md-game-copy{padding:24px 22px 0}}

#marev-assembly .md-scroll{width:96px;height:96px;margin-left:-48px;padding:12px;bottom:22px;color:#ffffff}
#marev-assembly .md-scroll svg{width:72px!important;height:72px!important;min-width:72px;flex-shrink:0;stroke-width:2}
#marev-assembly .md-footer{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:32px 5%;background:#041431;color:#ffffff;font-family:'Space Grotesk',Arial,sans-serif}
#marev-assembly .md-footer-brand{font:800 23px Syne,Arial,sans-serif;letter-spacing:-.6px}
#marev-assembly .md-footer-contact{display:flex;flex-direction:column;gap:8px}
#marev-assembly .md-footer-contact span{font-size:13px;color:#b7c8e5}
#marev-assembly .md-footer-contact a{font-size:18px;color:#ffffff;text-decoration:none;overflow-wrap:anywhere}
#marev-assembly .md-footer-contact a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:480px){#marev-assembly .md-footer{flex-direction:column;align-items:flex-start;padding:28px 22px;gap:20px}#marev-assembly .md-footer-contact a{font-size:17px}}

#marev-assembly .md-game-genre{font:500 16px Space Grotesk,Arial,sans-serif;color:#ffffff;margin:0 0 14px}
#marev-assembly .md-game-copy p{max-width:620px}
@media(max-width:480px){#marev-assembly .md-game-copy p{max-width:320px}}

#marev-assembly .md-footer{display:grid;grid-template-columns:1fr auto;align-items:baseline;column-gap:28px;row-gap:8px}
#marev-assembly .md-footer-brand{grid-column:1;grid-row:2;align-self:baseline}
#marev-assembly .md-footer-contact{display:contents}
#marev-assembly .md-footer-contact span{grid-column:2;grid-row:1}
#marev-assembly .md-footer-contact a{grid-column:2;grid-row:2;align-self:baseline}
@media(max-width:480px){#marev-assembly .md-footer{grid-template-columns:1fr;row-gap:8px}#marev-assembly .md-footer-brand{grid-column:1;grid-row:1;margin-bottom:12px}#marev-assembly .md-footer-contact span{grid-column:1;grid-row:2}#marev-assembly .md-footer-contact a{grid-column:1;grid-row:3}}

html{scroll-behavior:smooth;background:#08245a}
body{margin:0;overflow-x:hidden;background:#08245a}
*{box-sizing:border-box}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:6px}
#marev-assembly .md-track{height:200svh;position:relative}
#marev-assembly .md-stage{position:sticky;top:0;height:100svh;min-height:0;touch-action:pan-y}
#marev-assembly .md-header{display:none}
#marev-assembly .md-scene{height:100%;touch-action:pan-y}
#marev-assembly .md-next{position:relative;top:auto;opacity:1;transform:none;padding:0;pointer-events:auto;min-height:0}
#marev-assembly .md-scroll{cursor:pointer}
#marev-assembly .md-scroll:disabled{cursor:default}
#marev-assembly .md-game-bottom button{cursor:default}
#marev-assembly .md-game-film{max-width:1920px}
#marev-assembly .md-footer{padding-top:40px;padding-bottom:40px}
@media(max-width:480px){#marev-assembly .md-scroll{bottom:24px}#marev-assembly .md-footer{padding:32px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:480px){#marev-assembly .md-stage{position:absolute;left:0;right:0;top:0}#marev-assembly .md-track{height:160svh}}

#marev-assembly .md-stage{position:absolute;left:0;right:0;top:0}

#marev-assembly .md-title h1{letter-spacing:-.015em}
#marev-assembly .md-game-copy h2{letter-spacing:0}
#marev-assembly .md-footer-brand{letter-spacing:0}

#marev-assembly .md-game-bottom button{background:#ffbf7b;color:#061b44;font-size:18px;padding:16px 40px}

@keyframes marev-scroll-hint{0%,100%{transform:translate3d(0,18px,0)}70%{transform:translate3d(0,-18px,0)}}
#marev-assembly .md-scroll-motion{display:flex;align-items:center;justify-content:center;flex-shrink:0;will-change:transform;backface-visibility:hidden;animation:marev-scroll-hint .9s cubic-bezier(.45,0,.55,1) infinite}
@media(prefers-reduced-motion:reduce){#marev-assembly .md-scroll-motion{animation:none}}

#marev-assembly .md-film-wrap{order:0;position:relative;width:100%;max-width:1920px;margin:0 auto;background:#061b44}
#marev-assembly .md-sound{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:8px;min-height:44px;padding:12px 16px;border:0;border-radius:0;background:#061b44e8;color:#ffffff;font:500 14px 'Space Grotesk',Arial,sans-serif;cursor:pointer}
#marev-assembly .md-sound svg{width:20px;height:20px;flex-shrink:0}
@media(max-width:480px){#marev-assembly .md-sound{right:14px;bottom:14px}}

#marev-assembly .md-pin{position:sticky;top:0;height:var(--scene-content-height,100svh)}
#marev-assembly .md-stage{position:absolute;top:0;left:0;right:0}
#marev-assembly .md-title,#marev-assembly .md-indie{will-change:transform}

#marev-assembly .md-indie{top:0}

@media (max-height:500px) and (orientation:landscape){
#marev-assembly .md-title h1{font-size:clamp(24px,16svh,64px);line-height:.88}
#marev-assembly .md-indie{font-size:18px;left:24px;right:24px}
#marev-assembly .md-scroll{width:64px;height:64px;margin-left:-32px;padding:12px;bottom:max(10px,env(safe-area-inset-bottom))}
#marev-assembly .md-scroll svg{width:40px!important;height:40px!important;min-width:40px}
#marev-assembly .md-footer{padding:24px 5%}
}

/* The arrow tip reaches the scene edge at the lowest animation point. */
#marev-assembly .md-scroll{bottom:-6px}
@media (max-height:500px) and (orientation:landscape){
#marev-assembly .md-scroll{bottom:calc(-2px / 3)}
}

#marev-assembly .md-stage{will-change:transform}

/* Reserve the trailer viewport independently of poster / decoded video size. */
#marev-assembly .md-film-wrap{aspect-ratio:16/9;overflow:hidden;flex-shrink:0;overflow-anchor:none}
#marev-assembly .md-game-film{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;aspect-ratio:auto;object-fit:cover}
#marev-assembly .md-track{overflow-anchor:none}
@media(max-width:480px){#marev-assembly .md-film-wrap{aspect-ratio:9/16}}

#marev-assembly .md-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:28px 22px}
#marev-assembly .md-footer-brand{font-size:18px;margin:0;align-self:center;text-align:center}
#marev-assembly .md-footer-contact{display:block}
#marev-assembly .md-footer-contact a{font-size:15px;line-height:1.4}
@media(max-width:480px){
#marev-assembly .md-footer{gap:10px;padding:24px 20px}
#marev-assembly .md-footer-brand{font-size:16px}
#marev-assembly .md-footer-contact a{font-size:14px}
}

#marev-assembly .md-film-band{order:0;width:100%;background:#041431}
#marev-assembly .md-film-wrap{width:min(100%,calc(100svh * 16 / 9));max-width:1920px;background:#041431}
#marev-assembly .md-game-film{background:#041431}
@media(max-width:480px){#marev-assembly .md-film-wrap{width:min(100%,calc(100svh * 9 / 16));max-width:none}}

#marev-assembly .md-film-loading{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#04143170;color:#fff;font:500 16px 'Space Grotesk',Arial,sans-serif;pointer-events:none}
#marev-assembly .md-film-loading[hidden]{display:none}
#marev-assembly .md-sound{z-index:2}

#marev-assembly .md-next,#marev-assembly .md-film-band,#marev-assembly .md-film-wrap,#marev-assembly .md-game-film{background:#08245a}
#marev-assembly .md-film-loading{background:#08245a70}

#marev-assembly .md-sound{width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;justify-content:center;gap:0}
#marev-assembly .md-sound svg{width:22px;height:22px}


#marev-assembly .md-film-poster{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none}
#marev-assembly .md-film-poster[hidden]{display:none}
#marev-assembly .md-film-loading{z-index:2}
#marev-assembly .md-sound{z-index:3}

/* Choose the framing and trailer variant by orientation, including tablets. */
@media(orientation:portrait){
#marev-assembly .md-film-wrap{aspect-ratio:9/16;width:min(100%,calc(100svh * 9 / 16));max-width:none}
}
@media(orientation:landscape){
#marev-assembly .md-film-wrap{aspect-ratio:16/9;width:min(100%,calc(100svh * 16 / 9));max-width:1920px}
}

#marev-assembly .md-play{display:inline-flex;align-items:center;justify-content:center;background:#ffbf7b;color:#061b44;font:500 18px 'Space Grotesk',Arial,sans-serif;padding:16px 40px;min-width:160px;text-decoration:none;cursor:pointer}
@media(hover:hover){#marev-assembly .md-play:hover{background:#ffd09b}}

#marev-assembly .md-game-bottom{gap:14px;flex-direction:row}
#marev-assembly .md-play{gap:10px;width:200px;min-width:0;max-width:100%;padding:16px 24px;font-size:23.4px}
#marev-assembly .md-platform-icon{width:28.6px;height:28.6px;flex-shrink:0}
#marev-assembly .md-platform-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(orientation:portrait){#marev-assembly .md-game-bottom{flex-direction:column}}

/* Desktop: continuous portrait-to-square-to-landscape crop, reaching 8% margins. */
@media(hover:hover) and (pointer:fine){
#marev-assembly .md-film-band{display:flex;align-items:center;justify-content:center;min-height:0;padding:0}
#marev-assembly .md-film-wrap{aspect-ratio:var(--md-film-ratio,16/9);width:min(100%,var(--md-film-width,calc(84svh * 16 / 9)));max-width:1920px}
#marev-assembly .md-game-film,#marev-assembly .md-film-poster{transform:scale(var(--md-film-zoom,1));transform-origin:center}
}