/* Original MOPLACE artwork: transparent, without replacing its letter shapes. */
.brand{width:176px;height:auto;aspect-ratio:2112/313;background:transparent;overflow:hidden}
.brand img{width:107.386364%;height:362.300319%;left:-3.503788%;top:-127.795527%;max-width:none;filter:brightness(0);object-fit:fill}
.site-footer .brand img,.n-stage .brand img,.q-sidebar .brand img,.q-mobile .brand img,.motion-hero .brand img{filter:none}
.motion-hero{position:relative;isolation:isolate;overflow:hidden;background:#152018;color:#f4e3c4;min-height:740px;height:calc(100svh - 46px);max-height:1100px;display:flex;flex-direction:column}
body.clean-view .motion-hero{height:100svh}
.motion-world{position:absolute;inset:0;z-index:-3;transform-origin:65% 58%;will-change:transform}
.motion-hero .motion-world{transform:none;will-change:auto}
.motion-hero .motion-shade{transition:opacity .6s ease}
.motion-hero.action-focus .motion-shade{opacity:.32}
.play-culture .footer-claim{display:block;width:124px;height:auto;aspect-ratio:464/244;flex-shrink:0}
.motion-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none}
.motion-hero.has-film .motion-film{opacity:1}
.motion-hero.has-film .motion-scene{opacity:0;pointer-events:none}
.motion-title-stage{position:relative}
.motion-title-stage h1{transition:opacity .55s ease,transform .8s cubic-bezier(.2,.8,.2,1);transform-origin:left top}
.motion-claim{position:absolute;left:0;top:.15rem;width:clamp(320px,36vw,600px);max-width:80%;opacity:0;transform:translate3d(0,32px,0);clip-path:inset(100% 0 0 0);transition:opacity .6s ease,transform 1s cubic-bezier(.15,.8,.15,1),clip-path 1s cubic-bezier(.15,.8,.15,1);pointer-events:none}
.motion-claim svg{width:100%;height:auto;display:block;filter:drop-shadow(0 2px 14px #0003)}
.motion-hero.claim-revealed .motion-title-stage h1{opacity:0;transform:translate3d(0,-28px,0)}
.motion-hero.action-focus .motion-title-stage h1{opacity:0;transform:translate3d(0,-28px,0)}
.motion-hero .motion-lede{transition:opacity .45s ease}
.motion-hero.action-focus .motion-lede{opacity:0}
.motion-hero.claim-revealed .motion-claim{opacity:1;transform:translate3d(0,0,0);clip-path:inset(0)}
.motion-scene{position:absolute;inset:0;width:100%;height:100%;max-width:none;display:block}
.motion-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,12,7,.7) 0%,rgba(4,12,7,.3) 40%,transparent 73%),linear-gradient(0deg,rgba(4,12,7,.53),transparent 30%),linear-gradient(180deg,rgba(4,12,7,.22),transparent 22%);pointer-events:none}
.motion-nav{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.1rem 0;position:relative;z-index:4}
.motion-nav .brand{width:clamp(190px,16vw,268px)}
.motion-links{display:flex;align-items:center;gap:clamp(1.5rem,2.8vw,3.5rem);font-size:1rem}
.motion-links>a:not(.btn){text-shadow:0 1px 15px #0008}
.motion-links>a:not(.btn):hover{color:white;text-decoration:underline;text-underline-offset:6px}
.motion-hero .btn.red-btn{background:#df2328;border-color:#df2328;border-radius:3px;color:white;box-shadow:0 3px 12px #0001}
.motion-hero .btn.red-btn:hover{background:#b91c22;border-color:#b91c22;transform:translateY(-2px)}
.motion-copy{margin-top:clamp(1rem,4.2vh,4rem);margin-bottom:3rem;position:relative}
.motion-copy h1{font-family:MotionNarrow,Impact,sans-serif;font-weight:700;font-size:clamp(6rem,11.1vw,12.8rem);line-height:.92;letter-spacing:-.035em;max-width:7em;text-shadow:0 2px 20px #0001}
.motion-copy h1 span{color:#e2272c}
.motion-lede{font-size:clamp(1.2rem,2vw,2rem);line-height:1.3;margin-top:1rem;max-width:26em}
.motion-actions{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-top:2.6rem}
.motion-actions .btn{font-size:clamp(1rem,1.4vw,1.35rem);padding:1rem 1.5rem;min-height:60px;gap:1.5rem}
.motion-inquiry{font-size:1.2rem;text-shadow:0 1px 8px #0008;padding:.2rem 0;border-bottom:1px solid transparent}
.motion-inquiry:hover{border-color:currentColor}
.motion-bottom{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;border-top:1px solid #f4e3c485;padding:1rem 0 1.5rem;margin-top:auto;position:relative}
.motion-sports{text-transform:uppercase;letter-spacing:.12em;font-size:.8125rem;display:flex;align-items:center;gap:1.5rem;max-width:none;flex-wrap:wrap}
.motion-sports span{opacity:.65}
.motion-control{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:.6rem;font-size:.8125rem;padding:.4rem;white-space:nowrap}
.motion-control[hidden]{display:none}
.motion-control:hover{text-decoration:underline;text-underline-offset:4px}
.motion-control-icon{font-size:1rem;min-width:1.1rem;text-align:center}
.motion-hero a:focus-visible,.motion-hero button:focus-visible,.motion-hero summary:focus-visible{outline-color:#f4e3c4}
.mini-c{background:#152018;padding:0;color:#f4e3c4}
.mini-c:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08100bc9,transparent)}
.mini-c img{inset:0;width:100%;height:100%;object-position:center}
.mini-c .mini-title{position:absolute;left:1.5rem;top:4rem;z-index:2;font-size:clamp(3.8rem,6vw,6.6rem)}
@media(min-width:1800px){.motion-copy h1{font-size:13rem}.motion-copy{margin-top:3.5rem}}
@media(max-width:1000px){.motion-links{gap:1.3rem}.motion-nav .brand{width:180px}.motion-links>.btn{font-size:.875rem;gap:.6rem;padding:.8rem}.motion-copy h1{font-size:clamp(6rem,12vw,9rem)}.motion-sports{gap:1rem}.motion-bottom{align-items:flex-start}}
@media(max-width:760px){.brand{width:156px;height:auto}.motion-hero{min-height:750px;max-height:none;height:calc(100svh - 46px)}.motion-nav{padding:1.6rem 0}.motion-nav .brand{width:180px}.motion-links{display:none}.motion-hero .mobile-menu{display:block}.motion-hero .mobile-menu summary{border-color:#f4e3c480;padding:.5rem .8rem}.motion-hero .mobile-menu>div{background:#172019;color:#f4e3c4;min-width:220px;padding:1.3rem;border:1px solid #f4e3c440}.motion-scene{width:155%;left:-55%}.motion-world{transform-origin:66% 55%}.motion-shade{background:linear-gradient(90deg,#05130bac,#06120b25),linear-gradient(0deg,#041108c9,transparent 53%),linear-gradient(180deg,#0411086b,transparent 24%)}.motion-copy{margin-top:2.4rem;margin-bottom:2.5rem}.motion-copy h1{font-size:clamp(5.4rem,18vw,8rem);line-height:.98;letter-spacing:-.04em}.motion-lede{font-size:1.2rem;max-width:16rem;line-height:1.4;margin-top:1rem}.motion-actions{margin-top:2rem}.motion-actions .btn{font-size:1.05rem;padding:.95rem 1.25rem;min-height:56px}.motion-inquiry{font-size:1.05rem}.motion-bottom{flex-direction:column;gap:.5rem;padding:.9rem 0 1.1rem}.motion-sports{gap:.65rem;font-size:.75rem;letter-spacing:.065em}.motion-control{padding:.3rem 0;font-size:.8125rem}.mini-c .mini-title{font-size:4.8rem}}
@media(max-width:360px){.motion-copy h1{font-size:5.2rem}.motion-nav .brand{width:156px}.motion-sports{gap:.4rem;font-size:.75rem;letter-spacing:0}.motion-hero{min-height:750px}}
@media(max-width:760px){.motion-film{object-position:64% center}.motion-claim{width:90%;max-width:350px;top:.4rem}.motion-title-stage{min-height:11.5rem}.motion-copy{position:static}.motion-actions{position:absolute;left:5%;bottom:95px;gap:.65rem;margin:0}}
@media(prefers-reduced-motion:reduce){.motion-world{will-change:auto}.motion-title-stage h1,.motion-claim{transition:none;transform:none}.motion-control{display:flex}}
