/* MME moving wordmark and native sticky split chapters.
   Original Cairo outlines / user footage. Composition reference: promise.ai. */
:root{--identity-paper:#f8f7f3;--identity-red:#ff0036;--identity-nav:80px}
.site-header{background:var(--identity-paper);color:var(--ink);border-color:#1619151c;backdrop-filter:none}
.site-header .nav{height:var(--identity-nav)}
.site-header .wordmark>span{color:var(--identity-red)}
.site-header .language-switch button{color:#5a5b55}
.site-header .language-switch button[aria-pressed=true]{color:#151714}
.site-header .language-switch button[aria-pressed=true]:after{background:var(--identity-red)}
.site-header .nav-contact{border-color:#15171455}
.site-header .nav-contact:hover{background:var(--ink);color:var(--identity-paper)}
.site-header #menu-toggle{color:var(--ink);border-color:#15171455}
.site-header.is-scrolled{background:#101110fa;color:var(--identity-paper);border-color:#ffffff25}
.site-header.is-scrolled .language-switch button{color:#dce0d6}
.site-header.is-scrolled .language-switch button[aria-pressed=true]{color:#fff}
.site-header.is-scrolled .nav-contact{border-color:#ffffff70}
.site-header.is-scrolled .nav-contact:hover{background:var(--identity-paper);color:var(--ink)}
.site-header.is-scrolled #menu-toggle{color:var(--identity-paper);border-color:#ffffff55}
.site-header .mobile-menu{background:var(--identity-paper);color:var(--ink)}
.site-header.is-scrolled .mobile-menu{background:var(--black);color:var(--paper)}
.identity-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;background:var(--identity-paper);color:var(--ink);padding-top:calc(var(--identity-nav) + 27px);padding-bottom:19px;overflow:clip}
.identity-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;line-height:1.8;font-weight:600}
.identity-location{font-size:9px;letter-spacing:.13em;color:#70736b}
.identity-defs{position:absolute;pointer-events:none}
.identity-wordmark{padding:0;margin-block:clamp(36px,5vw,83px) 22px}
.identity-media{position:relative;width:100%;overflow:hidden;background:#111813;clip-path:url(#mme-film-mask);-webkit-clip-path:url(#mme-film-mask)}
.identity-media picture,.identity-media img,.identity-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.identity-media video{opacity:0;transition:opacity .35s linear}
.identity-hero.is-playing .identity-media video{opacity:1}
.identity-baseline{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:29px;border-bottom:1px solid #171a152e}
.identity-baseline>span:first-child{font-size:clamp(10px,1.3vw,20px);font-weight:700;letter-spacing:.09em;line-height:1.6}
.identity-language{font-size:10px;color:#62675f;white-space:nowrap}
.identity-bottom{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-top:27px}
.identity-message{display:flex;align-items:end;gap:45px;max-width:760px}
.identity-message>p{font-size:clamp(26px,2.7vw,43px);font-weight:400;line-height:1.55;letter-spacing:-.03em;white-space:nowrap}
.identity-message strong{font-weight:700}
.identity-message>span{font-size:11px;line-height:2;max-width:255px;color:#62675f;padding-bottom:4px}
.identity-actions{display:flex;flex-direction:column;align-items:stretch;gap:15px;min-width:210px}
.identity-explore{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;font-weight:700}
.identity-explore>span{width:48px;height:48px;border:1px solid #171a155a;border-radius:50%;display:grid;place-items:center;transition:background .25s,color .25s,transform .25s}
.identity-explore:hover>span{background:var(--ink);color:var(--identity-paper);transform:translateY(3px)}
.identity-explore .icon{width:23px;height:23px}
.identity-reel{display:flex;align-items:center;gap:12px;font-size:10px;border-bottom:1px solid #171a1550;padding-bottom:9px;min-height:44px}
.identity-reel .icon{width:15px;height:15px}.identity-reel>span:last-child{margin-inline-start:auto;font-size:9px;color:#62675f}
.identity-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:32px;color:#62675f;font-size:9px}
.identity-foot #hero-motion{color:#62675f;font-size:9px;min-height:42px}
.identity-progress{position:absolute;inset-inline:0;bottom:0;height:2px;background:#171a1514;direction:ltr}
.identity-progress>span{display:block;height:100%;background:var(--identity-red);transform:scaleX(0);transform-origin:left}
/* Following sections cover the preceding pinned section in document order.
   No wheel interception: keyboard, touch, hash links and native scrolling work. */
.style-stack{background:#101110;position:relative;isolation:isolate}
.style-panel{display:grid;grid-template-columns:1fr 1fr;direction:ltr;position:sticky;top:var(--identity-nav);z-index:var(--panel-index);height:calc(100svh - var(--identity-nav));min-height:650px;background:var(--panel-bg);color:var(--panel-ink);scroll-margin-top:var(--identity-nav);overflow:clip}
.style-red{--panel-bg:#e90031;--panel-ink:#fff;--panel-line:#ffffff57;--panel-muted:#fff}
.style-red .style-eyebrow>span:last-child{opacity:1}
.style-paper{--panel-bg:#e8e6de;--panel-ink:#171a15;--panel-line:#171a1540;--panel-muted:#45483f}
.style-ink{--panel-bg:#171d19;--panel-ink:#f4f4e9;--panel-line:#f4f4e94d;--panel-muted:#c6cebd}
.style-lime{--panel-bg:#dce67a;--panel-ink:#1a2113;--panel-line:#1a21134d;--panel-muted:#3b442c}
.style-copy{display:flex;flex-direction:column;justify-content:center;direction:rtl;padding:42px clamp(38px,5.9vw,115px);position:relative;min-width:0;background:var(--panel-bg)}
html[dir=ltr] .style-copy{direction:ltr}
.style-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;font-weight:600;line-height:1.7;margin-bottom:28px}
.style-eyebrow>span:last-child{font-size:10px;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums;opacity:.8}
.style-copy h3{font-size:clamp(48px,5.2vw,85px);line-height:1.48;font-weight:800;letter-spacing:-.035em;margin:0 0 22px}
.style-copy h3>span{font-weight:400}
.style-copy>p{font-size:13px;line-height:2;max-width:400px;color:var(--panel-muted)}
.style-tags{font-size:10px;line-height:1.9;margin-top:25px;padding-top:19px;border-top:1px solid var(--panel-line);color:var(--panel-muted)}
.style-copy-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:29px}
.style-work-link{display:flex;align-items:center;gap:25px;font-size:11px;font-weight:700;min-height:44px;border-bottom:1px solid var(--panel-line)}
.style-work-link>.icon{width:21px;height:21px;transition:translate .25s}
.style-work-link:hover>.icon{translate:-4px -4px}html[dir=ltr] .style-work-link:hover>.icon{translate:4px -4px}
.style-next{width:60px;height:60px;display:grid;place-items:center;border:1px solid var(--panel-line);border-radius:50%;transition:background .25s,transform .25s}
.style-next>.icon{width:29px;height:29px;stroke-width:1.3}
.style-next:hover{transform:translateY(4px);background:#ffffff18}
.style-visual{position:relative;min-width:0;overflow:hidden;background:#141914;isolation:isolate}
.style-visual>img,.style-visual>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 43%;transform:none;transform-origin:center;will-change:auto}
.style-visual-landscape>img,.style-visual-landscape>video{object-fit:contain;object-position:50% 50%}
.style-visual>video{opacity:0;pointer-events:none;transition:opacity .25s linear}
.is-style-playing .style-visual>video{opacity:1}
.style-watch{position:absolute;bottom:36px;left:36px;right:36px;z-index:2;direction:rtl;display:flex;align-items:center;gap:13px;min-height:56px;padding:13px 19px;background:#101510da;color:#fff;border:1px solid #ffffff55;backdrop-filter:blur(10px);font-size:11px;transition:background .25s}
html[dir=ltr] .style-watch{direction:ltr}
.style-watch>.icon{width:19px;height:19px}.style-watch>.arrow{margin-inline-start:auto}
.style-watch:hover{background:#101510}
.style-visual-index{position:absolute;top:31px;right:35px;z-index:2;color:#fff;background:#101510b3;border:1px solid #ffffff33;padding:5px 10px;font-size:9px;letter-spacing:.11em}
.style-stack .style-panel:last-child{z-index:5}
#styles{scroll-margin-top:var(--identity-nav)}
/* All headings remain in the document and readable without motion or JS. */
html[dir=ltr] .identity-message>p{font-size:clamp(25px,2.6vw,41px);line-height:1.3;letter-spacing:-.04em}
html[dir=ltr] .style-copy h3{font-size:clamp(44px,4.7vw,77px);line-height:1.16;letter-spacing:-.045em}
html[lang=fr] .style-copy h3{font-size:clamp(40px,4.2vw,70px)}
@media(min-width:1700px){.identity-wordmark{margin-block:70px 30px}.identity-bottom{margin-top:33px}.identity-foot{margin-top:40px}}
@media(max-width:1150px){.identity-bottom{gap:28px}.identity-message{gap:25px}.identity-message>span{max-width:215px;font-size:10px}.identity-actions{min-width:180px}.identity-message>p{font-size:32px}.style-copy{padding:32px 39px}.style-copy h3{font-size:59px}.style-copy>p{font-size:12px}.style-eyebrow{font-size:10px;gap:12px}.style-tags{font-size:9px}.style-watch{left:25px;right:25px;bottom:25px}.style-copy-actions{margin-top:24px}}
@media(max-width:900px){:root{--identity-nav:72px}.identity-hero{min-height:92svh;padding-top:calc(var(--identity-nav) + 27px)}.identity-heading{font-size:9px}.identity-location{font-size:8px}.identity-wordmark{margin-block:62px 23px}.identity-baseline{padding-bottom:25px}.identity-bottom{align-items:start}.identity-message{display:block}.identity-message>p{font-size:34px}.identity-message>span{display:block;max-width:320px;font-size:11px;margin-top:14px}.identity-actions{padding-top:4px}.identity-foot{margin-top:29px}.style-copy{padding:29px}.style-copy h3{font-size:49px}.style-copy>p{font-size:12px}.style-panel{min-height:620px}.style-tags{font-size:9px}.style-next{width:48px;height:48px}.style-next>.icon{width:23px;height:23px}.style-eyebrow{align-items:start;font-size:9px}.style-eyebrow>span:first-child{max-width:165px}.style-eyebrow>span:last-child{font-size:9px}.style-watch{left:20px;right:20px;bottom:20px;padding:11px 14px;font-size:10px;min-height:50px}.style-visual-index{top:20px;right:20px}.style-work-link{gap:15px;font-size:10px}}
@media(max-width:700px){:root{--identity-nav:64px}.identity-hero{min-height:90svh;padding-top:calc(var(--identity-nav) + 25px);padding-bottom:16px}.identity-heading{font-size:8px;gap:12px}.identity-location{font-size:7px;letter-spacing:.06em}.identity-wordmark{width:calc(100% - 32px);margin-block:60px 24px}.identity-baseline{padding-bottom:23px;align-items:center;gap:15px}.identity-baseline>span:first-child{font-size:9px;letter-spacing:.03em}.identity-language{font-size:8px}.identity-bottom{display:block;margin-top:24px}.identity-message{display:flex;align-items:center;gap:25px;justify-content:space-between}.identity-message>p{font-size:30px}.identity-message>span{font-size:10px;max-width:175px;margin:0;padding:0}.identity-actions{flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:0;margin-top:30px}.identity-explore{font-size:11px;gap:18px}.identity-explore>span{width:43px;height:43px}.identity-explore .icon{width:20px;height:20px}.identity-reel{font-size:9px;gap:9px;padding-bottom:5px;min-height:43px}.identity-reel>span:last-child{display:none}.identity-foot{margin-top:20px;font-size:8px;gap:15px}.identity-foot #hero-motion{font-size:8px;gap:7px}.style-panel{grid-template-columns:1fr;grid-template-rows:minmax(310px,47%) minmax(0,53%);height:calc(100svh - var(--identity-nav));min-height:690px;top:var(--identity-nav)}.style-copy{padding:23px 27px;justify-content:center}.style-eyebrow{font-size:9px;margin-bottom:12px;align-items:center}.style-eyebrow>span:first-child{max-width:none}.style-copy h3{font-size:41px;line-height:1.3;margin-bottom:10px}.style-copy h3 br{display:none}.style-copy h3 br:after{content:' '}.style-copy h3>span:before{content:' '}.style-copy>p{max-width:none;font-size:11px;line-height:1.85}.style-tags{font-size:8px;border-top:0;margin-top:10px;padding-top:0}.style-copy-actions{margin-top:11px;gap:15px}.style-work-link{min-height:36px;font-size:9px;gap:17px}.style-work-link>.icon{width:18px;height:18px}.style-next{width:38px;height:38px}.style-next>.icon{width:21px;height:21px}.style-visual>img,.style-visual>video{object-position:50% 34%}.style-visual-landscape>img,.style-visual-landscape>video{object-fit:contain;object-position:50% 50%}.style-watch{left:20px;right:20px;bottom:18px;min-height:45px;font-size:10px;padding:10px 14px}.style-visual-index{top:17px;right:20px;font-size:8px}.style-visual>img,.style-visual>video{transform:none}html[dir=ltr] .identity-message>p{font-size:28px}html[dir=ltr] .style-copy h3,html[lang=fr] .style-copy h3{font-size:36px;line-height:1.13}html[dir=ltr] .style-copy>p{font-size:11px;line-height:1.65}}
@media(max-width:380px){.identity-message{gap:16px}.identity-message>p{font-size:27px}.identity-message>span{font-size:9px;max-width:145px}.identity-wordmark{margin-block:47px 21px}.identity-location{letter-spacing:0;font-size:6px}.identity-baseline>span:first-child{font-size:8px}.identity-actions{gap:14px}.identity-explore{font-size:10px;gap:12px}.identity-foot{font-size:7px}.style-copy{padding-inline:22px}.style-copy h3{font-size:36px}.style-copy>p{font-size:10px}.style-tags{font-size:7px}.style-panel{min-height:670px}.style-eyebrow{font-size:8px}}
@media(max-width:700px){html[dir=ltr] .identity-message{display:block}html[dir=ltr] .identity-message>p{white-space:normal}html[dir=ltr] .identity-message>span{max-width:310px;margin-top:12px}}
/* Short viewports use ordinary stacked panels so no content gets trapped. */
@media(min-width:701px) and (max-height:730px){.style-panel{position:relative;top:auto;height:auto;min-height:650px}.identity-hero{min-height:780px}.identity-wordmark{margin-block:45px 23px}}
@media(max-width:700px) and (max-height:760px){.style-panel{position:relative;top:auto;height:auto;min-height:0;grid-template-rows:auto minmax(330px,55svh)}.style-copy{min-height:300px}.identity-hero{min-height:690px}}
@media(prefers-reduced-motion:reduce){.style-panel{position:relative;top:auto}.style-visual>img{transform:none;will-change:auto}.style-visual>video,.identity-media video{display:none}.identity-explore>span,.style-next,.style-work-link>.icon{transition:none;transform:none}.style-visual>img,.style-visual>video{will-change:auto}}
