@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#0c1924;--blue:#d7192f;--paper:#f4f6f7;--line:#d9dfe3;--muted:#8b969e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ff7d84;outline-offset:6px}.skip{position:absolute;top:-100px;z-index:100;background:white;padding:20px}.skip:focus{top:0}header{position:absolute;z-index:10;top:0;left:0;width:100%;height:112px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid #ffffff29}.brand{display:flex;align-items:center;gap:12px;font:800 25px/1.05 'Manrope',sans-serif;letter-spacing:2px}.brand img{width:42px;height:42px;object-fit:contain}.brand-sub{display:block;font-size:11px;letter-spacing:7px;margin-top:7px}nav{display:flex;gap:35px;font-size:14px}nav a{position:relative;padding:15px 0}nav a:after{content:'';height:1px;position:absolute;bottom:8px;left:0;width:0;background:currentColor;transition:width .3s}nav a:hover:after,nav a[aria-current]:after{width:100%}.header-cta{font-size:14px;display:flex;gap:30px;align-items:center}.header-cta span{font-size:25px}.menu-toggle{display:none}.hero{height:100svh;min-height:720px;max-height:1100px;position:relative;color:white;overflow:hidden;background:#09131c}.hero-images,.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;opacity:0;transition:opacity 1.5s;transform:scale(1.03);filter:brightness(.8)}.hero-image.active{opacity:1;animation:cinema 12s linear both}.hero-shade{background:linear-gradient(90deg,rgba(3,13,21,.8),rgba(3,13,21,.12)),linear-gradient(0deg,rgba(3,13,21,.9),transparent 60%)}.hero-content{position:absolute;left:8%;right:8%;top:26%}.eyebrow,.section-label{font-size:12px;font-weight:600;letter-spacing:2px;line-height:1.8}.eyebrow:before{content:'';display:inline-block;width:27px;height:2px;background:#e23a49;margin:0 14px 4px 0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;font-weight:500}h1{font-size:clamp(66px,8.4vw,140px);letter-spacing:-.065em;line-height:1.03;margin:27px 0 33px}h1 em{font-style:normal;color:#ff6b73}h2{font-size:clamp(38px,4.4vw,72px);line-height:1.12;letter-spacing:-.05em;margin-bottom:28px}h3{font-size:28px;line-height:1.2;letter-spacing:-.03em}.hero-bottom{display:flex;justify-content:space-between;align-items:center;max-width:1050px}.hero-bottom p{font-size:17px;line-height:1.8;color:#d4dce2;margin:0}.button{display:inline-flex;justify-content:space-between;gap:45px;align-items:center;min-height:58px;padding:17px 24px;background:var(--blue);color:white;font-size:14px;transition:background .3s,transform .3s}.button:hover{background:#a40f1e;transform:translateY(-3px)}.button span{font-size:23px}.button.light{background:white;color:var(--ink)}.button.light:hover{background:#ffe3e5}.hero-footer{position:absolute;bottom:34px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center}.scroll-link{font-size:11px;letter-spacing:1.4px;display:flex;align-items:center;gap:15px}.scroll-link>span{font-size:23px;border:1px solid #ffffff40;border-radius:50%;width:43px;height:43px;display:grid;place-items:center}.slides{display:flex;gap:22px;align-items:center}.slides button{border:0;border-top:1px solid #ffffff40;color:#b6bcc1;background:none;padding:15px 0 0;text-align:left;font-size:12px}.slides button span{margin-left:12px;font-size:10px;letter-spacing:1px}.slides button.selected{border-color:#ff6b73;color:white}.slides #motion{border:1px solid #ffffff40;border-radius:50%;width:35px;height:35px;padding:0;text-align:center}.section{padding:110px 8%}.intro{display:grid;grid-template-columns:1fr 2.3fr;gap:50px}.section-label{color:#66747f;padding-top:9px}.muted{color:#91a0ab}.lead{font-size:20px;line-height:1.75;max-width:650px;color:#596974}.text-link{display:inline-flex;align-items:center;gap:35px;padding:16px 0;border-bottom:1px solid #9eacb7;font-size:14px}.text-link span{font-size:22px}footer{background:#07111b;color:white;padding:70px 8% 35px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:35px}footer p{font-size:20px}footer small{width:100%;border-top:1px solid #ffffff25;padding-top:25px;color:#91a0ab}@keyframes cinema{from{transform:scale(1.03)}to{transform:scale(1.14)}}@keyframes enter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}.hero-content>*{animation:enter 1.2s both}.hero-content h1{animation-delay:.12s}.hero-bottom{animation-delay:.25s}body.paused .hero-image{animation-play-state:paused}@media(max-width:900px){header{height:90px}nav{gap:20px}.hero-content{left:6%;right:6%;top:25%}.hero{min-height:730px}.hero-bottom{gap:30px}.slides button span{display:none}.intro{grid-template-columns:1fr;gap:25px}.section{padding:75px 6%}}@media(max-width:650px){header{padding:0 6%;height:82px}.brand{font-size:20px}.brand img{width:33px}.brand-sub{font-size:9px;letter-spacing:6px}.header-cta{margin-left:auto;margin-right:25px}.header-cta span{display:none}.menu-toggle{display:block;color:inherit;background:none;border:0;font-size:24px}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#0c1924;padding:25px 6%;flex-direction:column}nav.open{display:flex}h1{font-size:clamp(57px,13vw,85px)}.hero{min-height:720px;max-height:950px}.hero-content{top:24%}.eyebrow{font-size:10px;letter-spacing:1.4px}.hero-bottom{display:block}.hero-bottom p{font-size:15px;margin-bottom:30px}.hero-bottom .button{min-height:53px}.hero-footer{bottom:24px;left:6%;right:6%}.scroll-link{font-size:9px;gap:10px}.scroll-link>span{width:33px;height:33px}.slides{gap:15px}.intro .lead{font-size:18px}footer{flex-direction:column}footer small{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Premium MASRE GROUP home opening */
.hero-premium{min-height:760px;background:#050a0f}.hero-premium .hero-image{filter:saturate(1.08) contrast(1.12) brightness(.66);transform:scale(1.08)}.hero-premium .hero-image.active{animation:cinema-premium 14s linear both}.hero-premium .hero-shade{background:radial-gradient(circle at 72% 38%,rgba(215,25,47,.34),transparent 34%),linear-gradient(90deg,rgba(2,7,12,.94) 0%,rgba(2,7,12,.68) 46%,rgba(2,7,12,.22) 100%),linear-gradient(0deg,rgba(2,7,12,.94),transparent 55%)}.hero-premium .hero-content{top:22%;max-width:1180px}.hero-premium h1{font-size:clamp(82px,13vw,224px);line-height:.82;letter-spacing:0;margin:28px 0 42px;font-weight:800;text-transform:uppercase}.hero-premium h1 em{display:block;color:#fff;text-shadow:0 0 34px rgba(215,25,47,.36)}.hero-premium h1:after{content:'';display:block;width:min(62vw,790px);height:1px;margin-top:36px;background:linear-gradient(90deg,#fff,rgba(255,255,255,0));animation:scan-line 2.8s ease-in-out infinite}.hero-premium .hero-bottom p{font-size:clamp(17px,1.45vw,23px);max-width:620px;color:#eef5ff}.hero-about-card{position:absolute;z-index:4;right:5%;bottom:160px;width:min(360px,34vw);padding:28px 30px 30px;border-left:2px solid #ff7480;background:linear-gradient(90deg,rgba(6,18,30,.72),rgba(6,18,30,.22));color:white;backdrop-filter:blur(12px);animation:enter 1.1s .35s both}.hero-about-card p{font:700 11px/1 Manrope,sans-serif;letter-spacing:2px;color:#ff9ca4;margin-bottom:22px}.hero-about-card strong{display:block;font:650 26px/1.18 Manrope,sans-serif;margin-bottom:15px}.hero-about-card span{display:block;font-size:14px;line-height:1.7;color:#d9e6f3}.hero-orbit{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen}.hero-orbit span{position:absolute;border:1px solid rgba(255,104,116,.34);border-radius:50%;animation:orbit 18s linear infinite}.hero-orbit span:nth-child(1){width:58vw;height:58vw;right:-18vw;top:8%;animation-duration:26s}.hero-orbit span:nth-child(2){width:32vw;height:32vw;right:6vw;top:24%;animation-duration:18s;animation-direction:reverse}.hero-orbit span:nth-child(3){width:14vw;height:14vw;right:25vw;top:45%;animation-duration:11s}.hero-marquee{position:absolute;z-index:2;left:0;right:0;bottom:102px;display:flex;gap:34px;white-space:nowrap;color:rgba(255,255,255,.38);font:650 12px/1 Manrope,sans-serif;letter-spacing:2.5px;animation:marquee 18s linear infinite}.hero-marquee span{display:inline-block;padding-left:34px}.hero-progress{z-index:3}.about-preview{display:grid;grid-template-columns:minmax(260px,.78fr) 1fr;gap:clamp(38px,7vw,110px);align-items:center;background:#f7f8f9;padding-top:90px}.about-preview-media{position:relative;min-height:620px;overflow:hidden;background:#dbe3e8}.about-preview-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;animation:float-image 9s ease-in-out infinite}.about-preview-media span{position:absolute;inset:7%;border:1px solid rgba(255,255,255,.58);animation:frame-drift 6s ease-in-out infinite}.about-preview-copy h2{font-size:clamp(44px,5.8vw,92px);line-height:1.02}.about-preview-copy .body-copy{font-size:18px}.world-stage{display:grid;grid-template-columns:1fr 1fr;background:#07111b;color:white}.world-panel{position:relative;min-height:560px;overflow:hidden;padding:80px 7%;display:flex;align-items:end}.world-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62) saturate(1.12);transition:transform 1.2s,filter .8s}.world-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,12,18,.9),rgba(4,12,18,.08) 68%)}.world-panel>div{position:relative;z-index:1;max-width:560px}.world-panel h2{font-size:clamp(38px,4.6vw,76px);line-height:1.02}.world-panel p:not(.eyebrow){color:#d7e3ef;line-height:1.75;max-width:470px}.world-panel:hover img{transform:scale(1.08);filter:brightness(.78) saturate(1.18)}@keyframes cinema-premium{0%{transform:scale(1.04) translate3d(0,0,0)}50%{transform:scale(1.13) translate3d(-1.6%,1%,0)}100%{transform:scale(1.2) translate3d(1.4%,-1%,0)}}@keyframes orbit{from{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(360deg) scale(1)}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-34%)}}@keyframes scan-line{0%,100%{opacity:.38;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}@keyframes float-image{0%,100%{transform:scale(1.03) translateY(0)}50%{transform:scale(1.09) translateY(-18px)}}@keyframes frame-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-14px)}}@media(max-width:1100px){.hero-about-card{display:none}}@media(max-width:900px){.hero-premium .hero-content{top:20%}.hero-premium h1{font-size:clamp(74px,18vw,145px)}.hero-marquee{bottom:92px}.about-preview{grid-template-columns:1fr;padding-top:72px}.about-preview-media{min-height:420px}.world-stage{grid-template-columns:1fr}.world-panel{min-height:470px}.hero-orbit span:nth-child(1){width:88vw;height:88vw;right:-40vw}.hero-orbit span:nth-child(2){width:55vw;height:55vw;right:-10vw}.hero-orbit span:nth-child(3){width:28vw;height:28vw;right:22vw}}@media(max-width:650px){.hero-premium{min-height:690px}.hero-premium .hero-content{top:19%}.hero-premium h1{font-size:clamp(66px,21vw,118px);margin-bottom:28px}.hero-premium h1:after{margin-top:24px}.hero-marquee{bottom:84px;font-size:10px;gap:22px}.hero-premium .slides button:nth-child(n+3):not(#motion){display:none}.about-preview-copy h2{font-size:45px}.world-panel{min-height:430px;padding:64px 6%}.world-panel h2{font-size:42px}}@media(prefers-reduced-motion:reduce){.hero-marquee,.hero-orbit span,.about-preview-media img,.about-preview-media span,.hero-premium h1:after{animation:none!important}}
@media(max-width:650px){.hero-premium{min-height:620px}.hero-premium .hero-content{top:17%}.hero-premium h1{font-size:clamp(58px,19vw,104px);margin-bottom:22px}.hero-premium h1:after{margin-top:20px}.hero-marquee{bottom:78px}}

/* Clearer, usable hero controls */
.slides button{transition:color .25s,border-color .25s,transform .25s}
.slides button:hover{color:white;border-color:#ffffffb8;transform:translateY(-2px)}
.slides #motion{border-radius:999px;min-width:82px;width:auto;height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.slides #motion .motion-icon{margin:0;font-size:13px;line-height:1}
.slides #motion .motion-text{margin:0;font-size:10px;letter-spacing:1px;text-transform:uppercase}
.hero-about-card strong,.hero-about-card span,.hero-bottom p,.hero-bottom .button{transition:opacity .25s,transform .25s}
.hero-progress{box-shadow:0 0 18px rgba(215,25,47,.58)}
@media(max-width:900px){.slides #motion{min-width:42px;width:42px;border-radius:50%;padding:0}.slides #motion .motion-text{display:none}.slides #motion .motion-icon{display:inline;margin:0}}

/* Premium motion accents */
:root{--scroll-depth:0}
header{transition:background .35s ease,border-color .35s ease,transform .35s ease}
.button,.text-link,.header-cta,.scroll-link{will-change:transform}
.button span,.text-link span,.header-cta span{transition:transform .28s ease}
.button:hover span,.text-link:hover span,.header-cta:hover span{transform:translate(4px,-4px)}
.hero-premium .hero-shade{transform:translate3d(0,calc(var(--scroll-depth) * 22px),0);transition:transform .08s linear}
.hero-about-card{box-shadow:0 28px 70px rgba(0,0,0,.22)}
.hero-about-card:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 38%,rgba(255,255,255,.12) 48%,transparent 58%);transform:translateX(-140%);animation:card-sheen 7s ease-in-out infinite;pointer-events:none}
.world-panel>div,.about-preview-copy{transition:transform .5s ease}
.world-panel:hover>div,.about-preview:hover .about-preview-copy{transform:translateY(-8px)}
@keyframes card-sheen{0%,58%{transform:translateX(-140%)}78%,100%{transform:translateX(140%)}}
@media(prefers-reduced-motion:reduce){.hero-premium .hero-shade{transform:none}.hero-about-card:after{animation:none;display:none}.world-panel:hover>div,.about-preview:hover .about-preview-copy{transform:none}}