section.hero.nomo-hero{--scene-progress:0;position:relative;height:800svh;min-height:0;margin:0;padding:0;scroll-margin-top:0;background:#181818}.nomo-hero__pin{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;isolation:isolate}.nomo-hero__finale-shade,.nomo-hero__scene,.nomo-hero__scene>video,.nomo-hero__scenes,.nomo-hero__shade,.nomo-hero__yellow{position:absolute;inset:0}.nomo-hero__scene{opacity:0;pointer-events:none;transition:opacity .18s linear}.nomo-hero__scene.is-current{opacity:1}.nomo-hero__scene img,.nomo-hero__scene video{object-fit:cover}.nomo-hero__scene .nomo-hero__image{transform:scale(1);transition:none}.nomo-hero__scene.is-current .nomo-hero__image{transform:scale(calc(1 + var(--scene-progress) * .035))}.nomo-hero__scene[data-scene="0"] img{object-position:56% 50%}.nomo-hero__scene[data-scene="1"] img{object-position:57% 50%}.nomo-hero__scene[data-scene="2"] img{object-position:63% 52%}.nomo-hero__scene[data-scene="3"] video{object-position:60% 50%}.nomo-hero__scene[data-scene="4"] video{object-position:center}.nomo-hero__shade{background:linear-gradient(90deg,#0009,transparent 78%),linear-gradient(0deg,#000b,transparent 78%)}.nomo-hero__finale-shade{background:#1119}.nomo-hero__yellow{background:#ffc800;opacity:0;transition:opacity 2s cubic-bezier(.22,.61,.36,1)}.nomo-hero[data-finale=light] .nomo-hero__yellow,.nomo-hero[data-finale=ready] .nomo-hero__yellow{opacity:1}.nomo-hero__content{position:relative;z-index:2;height:100%;padding:clamp(104px,15svh,150px) 7.7vw 100px;display:flex;flex-direction:column;justify-content:flex-end;color:#f2f2f2}.nomo-hero__topline{position:absolute;top:clamp(108px,18svh,155px);display:flex;align-items:center;gap:30px;font-size:11px;letter-spacing:.12em}.nomo-hero__topline>span:first-child>span{color:#a6a6a6}.nomo-hero__story-copy{max-width:780px;margin-bottom:clamp(20px,7svh,85px)}.nomo-hero__story-copy h1{max-width:770px;font-size:clamp(60px,6.8vw,100px);line-height:1.06;margin-bottom:24px}.nomo-hero__story-copy p{font-size:clamp(17px,1.6vw,22px);line-height:1.6;max-width:530px;color:#c4c2be}.nomo-hero__story-copy .nomo-hero__answer{color:#f2f2f2}.nomo-hero__cursor{display:inline-block;width:3px;height:.72em;margin-inline-start:12px;background:#ffc800;animation:nomo-cursor 1s steps(2,start) infinite}.nomo-hero__bottom{position:absolute;inset-inline:7.7vw;bottom:32px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.045em}.nomo-hero__bottom>a,.nomo-hero__skip{display:inline-flex;align-items:center;gap:12px;min-height:44px}.nomo-hero__bottom>a svg{color:#ffc800}.nomo-hero__progress{display:flex;gap:8px;width:230px}.nomo-hero__progress button{position:relative;height:44px;min-width:30px;flex:1}.nomo-hero__progress button:before{content:"";position:absolute;inset:21px 0 auto;height:1px;background:#ffffff60}.nomo-hero__progress button>span{position:absolute;inset:21px 0 auto;height:2px;background:#ffc800;transform:scaleX(0);transform-origin:left}.nomo-hero__progress .is-complete>span{transform:scaleX(1)}.nomo-hero__progress .is-current>span{transform:scaleX(max(.08,var(--scene-progress)))}.nomo-hero__finale-copy{width:100%;max-width:1000px;margin:auto;text-align:center;opacity:1;transition:opacity .18s ease-out}.nomo-hero__mark{display:block;margin-bottom:28px}.nomo-hero__finale-copy h1{max-width:900px;margin-inline:auto;font-size:clamp(60px,7vw,104px);line-height:1.06}.nomo-hero__intro{max-width:670px;margin:26px auto;font-size:20px;color:inherit}.nomo-hero__buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}.nomo-hero__summary{max-width:590px;margin:32px auto 0;font-size:12px;color:inherit}.nomo-hero[data-frame="4"][data-finale=light] .nomo-hero__finale-copy{opacity:0}.nomo-hero[data-frame="4"][data-finale=ready] .nomo-hero__content{color:#1f1f1f}.nomo-hero[data-frame="4"][data-finale=ready] .nomo-hero__finale-copy{transition-duration:.6s}.nomo-hero[data-frame="4"][data-finale=ready] .nomo-hero__buttons .button-primary{color:#f2f2f2;background:#1f1f1f}.nomo-hero[data-frame="4"][data-finale=ready] .nomo-hero__progress button>span{background:#1f1f1f}.nomo-hero[data-frame="4"][data-finale=ready] .nomo-hero__progress button:before{background:#1f1f1f60}.nomo-hero[data-frame="4"][data-finale=ready] .nomo-hero__bottom>a svg{color:inherit}.nomo-hero[lang=ar] .nomo-hero__shade{background:linear-gradient(-90deg,#0009,transparent 78%),linear-gradient(0deg,#000b,transparent 78%)}.nomo-hero[lang=ar] .nomo-hero__progress button>span{transform-origin:right}.nomo-hero[lang=ar] .nomo-hero__finale-copy h1,.nomo-hero[lang=ar] .nomo-hero__story-copy h1{line-height:1.6;letter-spacing:-.025em}@keyframes nomo-cursor{50%{opacity:.3}}@media (max-width:767px){.nomo-hero__content{padding:110px 20px 112px}.nomo-hero__topline{top:112px;gap:20px;font-size:10px}.nomo-hero__story-copy{max-width:100%;margin-bottom:28px}.nomo-hero__story-copy h1{max-width:380px;font-size:clamp(36px,10vw,44px);margin-bottom:20px;letter-spacing:-.055em}.nomo-hero__story-copy p{max-width:340px;font-size:16px}.nomo-hero__scene.is-current .nomo-hero__image{transform:none}.nomo-hero__scene[data-scene="0"] img,.nomo-hero__scene[data-scene="1"] img,.nomo-hero__scene[data-scene="2"] img,.nomo-hero__scene[data-scene="3"] video{object-position:50% 50%}.nomo-hero[lang=ar] .nomo-hero__shade,.nomo-hero__shade{background:linear-gradient(0deg,#000e,#0003 72%,#0002)}.nomo-hero__bottom{inset-inline:20px;bottom:max(17px,env(safe-area-inset-bottom));gap:8px;font-size:9px}.nomo-hero__bottom>a{max-width:54%;gap:8px}.nomo-hero__progress{position:absolute;width:100%;bottom:40px;gap:10px}.nomo-hero__skip{gap:5px;font-size:9px}.nomo-hero__finale-copy h1{font-size:clamp(36px,10vw,44px)}.nomo-hero__mark{margin-bottom:20px}.nomo-hero__mark .wordmark{font-size:34px}.nomo-hero__intro{font-size:15px;line-height:1.6;margin:22px auto}.nomo-hero__summary{font-size:10px;line-height:1.6;margin-top:24px}.nomo-hero__buttons{gap:9px;margin-top:20px}.nomo-hero__buttons .button{font-size:11px;min-height:46px;padding:12px 15px;gap:10px}.nomo-hero[lang=ar] .nomo-hero__finale-copy h1,.nomo-hero[lang=ar] .nomo-hero__story-copy h1{font-size:36px}.nomo-hero[lang=ar] .nomo-hero__intro{font-size:14px}}@media (max-height:650px) and (min-width:768px){.nomo-hero__content{padding-top:95px}.nomo-hero__topline{top:100px}.nomo-hero__story-copy{margin-bottom:10px}.nomo-hero__finale-copy h1,.nomo-hero__story-copy h1{font-size:54px}.nomo-hero__intro,.nomo-hero__story-copy p{font-size:16px}.nomo-hero__mark{margin-bottom:15px}.nomo-hero__buttons,.nomo-hero__intro,.nomo-hero__summary{margin-top:16px;margin-bottom:0}}@media (max-height:560px){.nomo-hero__content{padding:88px 5vw 80px}.nomo-hero__topline{display:none}.nomo-hero__story-copy{margin-bottom:0}.nomo-hero__story-copy h1{font-size:36px;max-width:650px;margin-bottom:12px}.nomo-hero__story-copy p{font-size:14px}.nomo-hero__mark{display:none}.nomo-hero__finale-copy h1{font-size:34px}.nomo-hero__intro{font-size:13px;line-height:1.5;margin:12px auto 0}.nomo-hero__buttons{margin-top:12px}.nomo-hero__summary{margin-top:12px;font-size:9px}.nomo-hero[lang=ar] .nomo-hero__finale-copy h1,.nomo-hero[lang=ar] .nomo-hero__story-copy h1{font-size:30px}.nomo-hero__bottom{bottom:12px}}@media (prefers-reduced-motion:reduce){section.hero.nomo-hero{height:100svh!important;min-height:0}.nomo-hero__pin{position:relative}.nomo-hero__finale-copy,.nomo-hero__scene,.nomo-hero__yellow{transition:none}.nomo-hero__scene.is-current .nomo-hero__image{transform:none}.nomo-hero__cursor{animation:none}.nomo-hero__progress .is-current>span{transform:scaleX(1)}}.nomo-hero__story-copy h1{font-size:clamp(64px,7.4vw,112px)}.nomo-hero__story-copy p{font-size:clamp(20px,1.8vw,25px)}.nomo-hero__topline{font-size:13px}.nomo-hero__bottom{font-size:12px}.nomo-hero__summary{font-size:15px}.nomo-hero__intro{font-size:23px}@media(min-width:768px){.nomo-hero__scene[data-scene="1"] picture{position:absolute;inset:0 0 30%}.nomo-hero__scene[data-scene="1"] img{object-fit:contain;object-position:50% 25%}.nomo-hero__scene[data-scene="2"] img{object-position:50% 50%}}@media(max-width:767px){.nomo-hero__content{padding-inline:24px;padding-bottom:128px}.nomo-hero__story-copy{margin-bottom:16px}.nomo-hero__story-copy h1{font-size:46px;line-height:1.1}.nomo-hero__story-copy p{font-size:18px;line-height:1.65}.nomo-hero__topline{font-size:12px}.nomo-hero__bottom{inset-inline:24px;font-size:11px}.nomo-hero__skip{font-size:11px}.nomo-hero__progress{bottom:43px;z-index:3}.nomo-hero__bottom>a svg{flex:none}.nomo-hero__scene[data-scene="3"] video,.nomo-hero__scene[data-scene="4"] video{object-fit:contain;background:#2b2b2b}.nomo-hero__finale-copy h1{font-size:46px}.nomo-hero__intro{font-size:18px}.nomo-hero__summary{font-size:12px}.nomo-hero__buttons .button{font-size:13px;min-height:48px}.nomo-hero[lang=ar] .nomo-hero__finale-copy h1,.nomo-hero[lang=ar] .nomo-hero__story-copy h1{font-size:42px;line-height:1.5}.nomo-hero[lang=ar] .nomo-hero__intro{font-size:17px}}@media(max-height:650px){.nomo-hero__finale-copy h1,.nomo-hero__story-copy h1{font-size:40px}.nomo-hero__intro,.nomo-hero__story-copy p{font-size:16px}.nomo-hero__summary{font-size:11px}.nomo-hero__mark{display:none}.nomo-hero__story-copy{margin-bottom:0}}@media(max-width:767px){.nomo-hero__scene[data-scene="1"] img{object-fit:contain;object-position:50% 10%}.nomo-hero__scene[data-scene="1"]{background:#1b1b1b}}.nomo-hero__scene{transition:opacity .9s cubic-bezier(.22,1,.36,1)}.nomo-hero__story-copy{animation:nomo-copy-arrival .9s cubic-bezier(.22,1,.36,1) both}@keyframes nomo-copy-arrival{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.nomo-hero__yellow{transition:opacity 3.2s cubic-bezier(.45,0,.25,1)}.nomo-hero__content{transition:color 3.2s cubic-bezier(.45,0,.25,1)}.nomo-hero__finale-copy{transition:none}.nomo-hero[data-frame="4"][data-finale=light] .nomo-hero__finale-copy{opacity:1}.nomo-hero[data-frame="4"][data-finale=light] .nomo-hero__content{color:#1f1f1f}.nomo-hero__buttons .button-primary{transition:background-color 3.2s cubic-bezier(.45,0,.25,1),color 3.2s cubic-bezier(.45,0,.25,1)}.nomo-hero[data-frame="4"][data-finale=light] .nomo-hero__buttons .button-primary{background:#1f1f1f;color:#f2f2f2}.nomo-hero__bottom>a svg{transition:color 3.2s ease}.nomo-hero[data-frame="4"][data-finale=light] .nomo-hero__bottom>a svg{color:#1f1f1f}@media(max-width:767px){.nomo-hero__scene[data-scene="3"] video{object-fit:cover;object-position:50% 50%;width:100%;height:100%}}@media(prefers-reduced-motion:reduce){.nomo-hero__story-copy{animation:none}.nomo-hero__buttons .button-primary,.nomo-hero__content,.nomo-hero__yellow{transition:none}}.hero.nomo-hero{--finale-blend:0}.hero.nomo-hero[data-frame="4"] .nomo-hero__yellow{opacity:var(--finale-blend);transition:none}.hero.nomo-hero[data-frame="4"] .nomo-hero__content{color:color-mix(in srgb,#f2f2f2 calc((1 - var(--finale-blend))*100%),#1f1f1f);transition:none}.hero.nomo-hero[data-frame="4"] .nomo-hero__finale-copy{opacity:1;transition:none}.hero.nomo-hero[data-frame="4"] .nomo-hero__buttons .button-primary{background:color-mix(in srgb,#ffc800 calc((1 - var(--finale-blend))*100%),#1f1f1f);color:color-mix(in srgb,#1f1f1f calc((1 - var(--finale-blend))*100%),#f2f2f2);transition:none}.hero.nomo-hero[data-frame="4"] .nomo-hero__bottom>a svg{color:inherit;transition:none}.hero.nomo-hero[data-frame="4"] .nomo-hero__progress button>span{background:currentColor}@media(prefers-reduced-motion:reduce){.hero.nomo-hero{--finale-blend:1!important}}.hero.nomo-hero .nomo-hero__scene[data-scene="4"] video{width:100%;height:100%;object-fit:cover;object-position:center}