/* Logo and group footer from the previous M ONE website. */
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('../fonts/manrope-variable.ttf') format('truetype')}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/noto-kufi-arabic-regular.ttf') format('truetype')}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/noto-kufi-arabic-medium.ttf') format('truetype')}
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/noto-kufi-arabic-semibold.ttf') format('truetype')}

.brand-lockup{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:inherit;direction:ltr}
.brand-lockup .brand-symbol{display:block;width:46px;height:31px;max-width:none;object-fit:contain;flex-shrink:0;border-radius:0;box-shadow:none}
.brand-wordmark{display:block;font:600 18px/normal Manrope,Arial,sans-serif;letter-spacing:-.055em;white-space:nowrap}
.brand-division{font:inherit;font-weight:500;color:inherit}
.brand-header{color:#191c17}
.panel-sidebar .brand-header{color:inherit}
.panel-sidebar .logo{flex-wrap:wrap;row-gap:12px}
.brand-footer{gap:14px;color:#f3f2eb}
.brand-footer .brand-symbol{width:55px;height:37px}
.brand-footer .brand-wordmark{font-size:22px;line-height:1.2;letter-spacing:-.42px}
.brand-footer .brand-division{font-weight:900;color:#ffdf00}

/* Direct language choices, matching the Flowstate header. */
.languages{display:flex;direction:inherit;align-items:center;gap:3px;padding:4px;border:1px solid #191c1724;border-radius:999px;font:10px/1.8 Manrope,Arial,sans-serif;white-space:nowrap;flex-shrink:0}
html[dir=rtl] .languages{font-family:'Noto Kufi Arabic',Arial,sans-serif}
.languages a{display:grid;place-items:center;min-height:32px;min-width:0;padding:5px 9px;border-radius:999px;font-size:inherit;line-height:1.8;color:#666a60}
.languages a.active{background:#191c17;color:#f4f3ed}
.languages a:hover{background:#dedfd5;color:#191c17}
.languages a.active:hover{background:#191c17;color:#f4f3ed}
@media(max-width:760px){.languages{font-size:13px;gap:2px;padding:3px}.languages a{min-width:40px;min-height:44px;padding:6px 8px;font-weight:600;color:#505747}.languages a.active{color:#f4f3ed}}
@media(max-width:520px){.navigation .brand-header .brand-division{display:block;font-size:10px;line-height:1.1;letter-spacing:.04em}}
@media(max-width:380px){.languages{font-size:12px;padding:2px}.languages a{min-width:36px;min-height:40px;padding:6px}}

.group-footer{--ink:#f3f2eb;--muted:#a5ac9b;--soft-ink:#b9c0ae;--line:#ffffff20;--accent:#daddad;position:relative;margin-top:0;padding-top:52px;border:0;border-radius:0;overflow:hidden;background:#191c17;color:var(--ink);font:15px/1.8 Manrope,Arial,sans-serif}
.group-footer .container,.group-footer .footer{width:min(1320px,calc(100% - 112px));margin-inline:auto}
.group-footer p{margin:20px 0;color:var(--muted)}
.group-footer .footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0 40px;border-bottom:1px solid var(--line);margin-bottom:0}
.group-footer .eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;line-height:1.8;letter-spacing:.15em;text-transform:uppercase;color:#a5ac9b;margin-bottom:16px}
.group-footer .eyebrow:before{content:'';width:5px;height:5px;background:#daddad;border-radius:0;flex-shrink:0}
.group-footer .footer-invitation h2{font-size:clamp(30px,3.8vw,51px);font-weight:500;line-height:1.2;letter-spacing:-.055em;margin:0}
.group-footer .btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid #daddad;border-radius:3px;padding:15px 22px;min-height:48px;font-size:12px;font-weight:600;line-height:1.4;background:#daddad;color:#191c17;transition:background .3s}
.group-footer .btn:after{content:'';display:block;width:19px;height:19px;flex:0 0 19px;background-color:currentColor;-webkit-mask:url('../images/ui-arrow-up-right.svg') center/contain no-repeat;mask:url('../images/ui-arrow-up-right.svg') center/contain no-repeat}
.group-footer .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:45px;padding:45px 0}
.group-footer .footer-logo-wrap{display:inline-flex}
.group-footer .footer-brand p{font-size:13px;max-width:250px;line-height:1.9;color:#a6b097}
.group-footer .footer-heading{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#8e9a7c;margin-bottom:22px}
.group-footer .footer-list{list-style:none;margin:0;padding:0;font-size:13px}
.group-footer .footer-list li{margin:11px 0}
.group-footer .footer-list a{display:inline-block;transition:color .3s}
.group-footer .footer-list a:hover{color:#daddad}
.group-footer .footer-brand .footer-location{border-top:1px solid #ffffff26;padding-top:18px;margin-top:22px}
.group-footer .footer-location>span{display:block;font-size:9px;line-height:1.8;color:#a8ae9b}
.group-footer .footer-location>strong{display:block;font-size:12px;line-height:1.9;font-weight:400;color:#daddca;margin-top:5px}
.group-footer .footer.footer-signature-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px;padding:30px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.group-footer .footer-copyright{justify-self:start;font-size:14px;font-weight:500;line-height:1.8;color:#b9c0ae}
.group-footer .footer-meta{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:10px;line-height:1.8}
.group-footer .back-top{display:inline-flex;align-items:center;gap:10px;color:#b9c0ae}
.group-footer .ui-icon{display:inline-block;vertical-align:middle;width:20px;height:20px;flex-shrink:0}

/* Interface icons use SVG geometry instead of system text or emoji fonts. */
.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none}
.ui-symbol{width:1em;height:1em;overflow:visible;vertical-align:-.13em}
.creator-tiktok-icon .ui-symbol{width:25px;height:25px;vertical-align:middle}
.application-progress .ui-symbol,.application-timeline .ui-symbol{margin-inline-end:.3em}
.empty-mark .ui-symbol,.scroll-line .ui-symbol{width:1em;height:1em}
.footer-signature{display:flex;flex-direction:column;align-items:center;gap:9px;padding:8px 10px;text-align:center;color:#d6d9cc;position:relative;isolation:isolate;text-decoration:none}
.signature-label{font:400 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.3em;color:#969d89}
.signature-word{display:flex;font:600 27px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.035em;white-space:pre}
.signature-letter{display:inline-block;white-space:pre;will-change:auto}
.motion-ready .footer-signature:not(.signature-entered) .signature-letter{opacity:0;transform:translateY(12px)}
.signature-entered .signature-letter{animation:signature-letter-in .65s cubic-bezier(.16,1,.3,1) calc(var(--letter) * .045s) both,signature-letter-light 6.4s ease-in-out calc(1s + var(--letter) * .095s) infinite}
.signature-entered:not(.signature-active) .signature-letter,.document-hidden .signature-letter{animation-play-state:running,paused}
.footer-signature:focus-visible{outline:1px solid #ffdf00;outline-offset:6px;border-radius:2px}
@keyframes signature-letter-in{from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes signature-letter-light{0%,38%,100%{color:#d6d9cc;text-shadow:none}12%,22%{color:#ffdf00;text-shadow:0 0 14px #ffdf0038}}
html[dir=rtl] .group-footer{font-family:'Noto Kufi Arabic',Arial,sans-serif;font-size:14px}
html[dir=rtl] .group-footer .footer-invitation h2{letter-spacing:0;line-height:1.55}
html[dir=rtl] .group-footer .eyebrow{letter-spacing:0}
html[dir=rtl] .group-footer .brand-ltr{font-family:Manrope,Arial,sans-serif;letter-spacing:-.04em;line-height:1.1}
@media(hover:hover) and (pointer:fine){.footer-signature:hover .signature-label{color:#d6d9cc}.group-footer .btn:hover{background:#e9ebc6}}
@media(max-width:1150px){.group-footer .container,.group-footer .footer{width:calc(100% - 72px)}}
@media(max-width:1100px){.group-footer .footer.footer-signature-row{gap:20px}.signature-word{font-size:24px}.group-footer .footer-meta{font-size:10px}}
@media(max-width:760px){
 .group-footer{padding-top:40px}.group-footer .container,.group-footer .footer{width:calc(100% - 40px)}
 .group-footer .footer-top{display:block;padding:8px 0 32px}.group-footer .footer-invitation h2{font-size:33px}.group-footer .footer-top .btn{margin-top:24px;font-size:12px;padding:14px 20px}
 .group-footer .footer-grid{grid-template-columns:1fr 1fr;gap:28px 24px;padding:35px 0}.group-footer .footer-brand{grid-column:1/-1}.group-footer .footer-brand p{max-width:330px}
 .group-footer .footer-heading{margin-bottom:16px}.group-footer .footer-list{font-size:12px}.group-footer .back-top{margin-top:5px}
 .group-footer .footer.footer-signature-row{grid-template-columns:1fr;justify-items:center;gap:22px;padding:28px 0}
 .footer-signature{grid-row:1}.group-footer .footer-copyright{grid-row:2;justify-self:center;text-align:center;font-size:12px}.group-footer .footer-meta{grid-row:3;justify-self:center;align-items:center;gap:12px;text-align:center}.signature-word{font-size:25px}
}
@media(max-width:620px){.brand-header{gap:10px}.brand-header .brand-symbol{width:42px;height:28px}.brand-header .brand-wordmark{font-size:17px}.brand-footer{gap:12px}}
@media(max-width:520px){.brand-header{gap:7px}.brand-header .brand-symbol{width:34px;height:24px}.brand-header .brand-wordmark{font-size:16px}}
@media(max-width:380px){.brand-header .brand-symbol{width:28px;height:24px}.brand-header .brand-wordmark{font-size:14px}.brand-header .brand-division{display:block;font-size:10px;line-height:1.1;letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){.footer-signature .signature-letter{animation:none!important;opacity:1!important;transform:none!important;filter:none!important;color:#ffdf00;text-shadow:none}}
@media print{.group-footer{display:none!important}}
.work-image .video-cover{opacity:1}