html[lang=ar]{--font: "Plus Jakarta Sans", "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif}html[lang=ar] :is(.title,.num .u,.keys,.lede,.brand){letter-spacing:0}html[lang=ar] .title{line-height:1.2}:root{--lagon: #24b2bf;--ciel: #a8d9e7;--bleu: #275e87;--marine: #113e68;--encre-lagon: #0b2e4f;--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--gutter: clamp(20px, 5vw, 72px);--ease-out: cubic-bezier(.16, 1, .3, 1);--phone-ratio: 2.1444;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{background:var(--marine);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--marine);color:#fff;font-family:var(--font);font-size:1rem;font-weight:500;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%;height:auto}a{color:inherit}::selection{background:var(--ciel);color:var(--marine)}:focus-visible{outline:3px solid var(--focus, var(--ciel));outline-offset:4px;border-radius:8px}.plane{background:var(--bg);color:var(--fg)}.plane-marine{--bg: var(--marine);--fg: #fff;--fg-2: #bfd3e2;--accent: var(--lagon);--focus: var(--ciel)}.plane-bleu{--bg: var(--bleu);--fg: #fff;--fg-2: #d5e4ee;--accent: var(--ciel);--focus: #fff}.plane-lagon{--bg: var(--lagon);--fg: var(--encre-lagon);--fg-2: var(--encre-lagon);--accent: var(--encre-lagon);--focus: var(--encre-lagon)}.plane-ciel{--bg: var(--ciel);--fg: var(--marine);--fg-2: var(--marine);--accent: var(--marine);--focus: var(--marine)}.skip{position:absolute;inset-inline-start:var(--gutter);top:12px;z-index:20;padding:10px 16px;border-radius:10px;background:#fff;color:var(--marine);font-weight:700;text-decoration:none;transform:translateY(-160%)}.skip:focus-visible{transform:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bar{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(16px + env(safe-area-inset-top,0px)) max(var(--gutter),env(safe-area-inset-right,0px)) 0 max(var(--gutter),env(safe-area-inset-left,0px));color:#fff}.brand{display:inline-flex;align-items:center;gap:10px;padding-block:6px;font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;text-decoration:none}.brand img{width:37px;height:32px}.foot-links a,.foot-langs a{font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;text-decoration-color:transparent;transition:text-decoration-color .2s ease}.foot-links a:hover,.foot-langs a:hover{text-decoration-color:currentColor}.bar-end{display:flex;align-items:center;gap:4px}.bar .insta svg{width:22px;height:22px}.langs{position:relative}.langs summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;font-size:.9375rem;font-weight:600;list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none}.langs summary::-webkit-details-marker{display:none}.langs summary:after{content:"";width:7px;height:7px;margin-top:-4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;transition:rotate .25s var(--ease-out),margin .25s var(--ease-out)}.langs[open] summary:after{margin-top:4px;rotate:225deg}.langs ul{position:absolute;inset-inline-end:0;top:calc(100% + 6px);min-width:190px;margin:0;padding:8px;list-style:none;border:1px solid rgba(168,217,231,.22);border-radius:14px;background:var(--marine);box-shadow:0 24px 48px -16px #03122399}.langs a{display:flex;align-items:center;min-height:42px;padding:0 12px;border-radius:9px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .15s ease}.langs a:hover{background:#a8d9e724}.langs a[aria-current=page]{background:var(--ciel);color:var(--marine)}.langs a:focus-visible{outline-offset:-3px}@media (prefers-reduced-motion: no-preference){.langs[open] ul{animation:fade-up .3s var(--ease-out) both}}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(24px,4vw,72px);min-height:100svh;padding-inline:max(var(--gutter),env(safe-area-inset-left,0px)) max(var(--gutter),env(safe-area-inset-right,0px));overflow:hidden}.hero-copy,.invite{grid-column:1;grid-row:1;align-self:center;max-width:46rem;padding-block:140px 120px}.title{margin:0;font-size:clamp(2rem,calc((100vw - 2 * var(--gutter)) / 9.1),3.5rem);font-weight:800;line-height:1;letter-spacing:-.035em;text-wrap:balance}@media (min-width: 900px){.title{font-size:clamp(2.75rem,4.6vw,4.75rem)}}.title .p{margin-left:-.07em}.title .line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.title .line>span{display:inline-block}.title .accent{color:var(--accent)}.lede{max-width:30ch;margin:26px 0 0;font-size:clamp(1.125rem,1rem + .55vw,1.4375rem);font-weight:600;line-height:1.4;text-wrap:pretty}.cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:40px}.store{display:inline-block;border-radius:10px;transition:transform .25s var(--ease-out)}.store img{width:auto;height:52px}.store:hover{transform:translateY(-2px)}.store:active{transform:scale(.98)}.facts{margin:0;color:var(--fg-2);font-size:.9375rem;font-weight:600;text-wrap:pretty}.hero-visual{grid-column:2;grid-row:1;align-self:end;position:relative;z-index:2;height:min(92svh,900px);margin-bottom:calc(min(92svh,900px)*-.13);container-type:size}.trio{--h: min(100cqh, 128cqw);position:absolute;left:50%;bottom:0;width:calc(var(--h) * .88);height:var(--h);transform:translate(-50%)}.trio img{position:absolute;bottom:0;filter:drop-shadow(0 28px 34px rgba(3,18,35,.4))}.trio .center{left:50%;z-index:2;width:calc(var(--h) * .42);margin-left:calc(var(--h) * -.21)}.trio .side{bottom:calc(var(--h) * -.06);width:calc(var(--h) * .355)}.trio .left{left:0;rotate:-5deg;transform-origin:bottom right}.trio .right{right:0;rotate:5deg;transform-origin:bottom left}.invite,.invite [data-variant],.invite .if-ios,html.is-invite .hero-copy{display:none}html.is-invite .invite,html.is-invite-trip .invite [data-variant=trip],html.is-invite-passport .invite [data-variant=passport],html.is-ios.is-invite .invite p.if-ios{display:block}html.is-ios.is-invite .invite .button.if-ios{display:inline-flex}html.is-ios.is-invite .invite .if-other{display:none}.invite .title{font-size:clamp(2.5rem,1.1rem + 4.6vw,5rem)}.invite .facts{margin-top:18px}.button{align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:12px;background:#fff;color:var(--marine);font-size:1.0625rem;font-weight:700;text-decoration:none;box-shadow:0 12px 24px -12px #03122380;transition:background-color .2s ease,transform .25s var(--ease-out)}.button:hover{background:var(--ciel)}.button:active{transform:scale(.98)}.story{position:relative}.chapter{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(24px,4vw,72px);min-height:100svh;padding-inline:max(var(--gutter),env(safe-area-inset-left,0px)) max(var(--gutter),env(safe-area-inset-right,0px));overflow:hidden}.chapter-copy{grid-column:1;align-self:center;max-width:36rem;padding-block:16svh}.num{display:flex;flex-direction:column;align-items:flex-start;gap:.1em;margin:0;font-size:clamp(7rem,3rem + 13vw,15rem);font-weight:800;line-height:.8}.num .n{letter-spacing:-.06em;font-variant-numeric:lining-nums}.num .u{font-size:.27em;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}.keys{max-width:30ch;margin:32px 0 0;padding:0;list-style:none;font-size:clamp(1.1875rem,1rem + .6vw,1.5rem);font-weight:600;line-height:1.45;letter-spacing:-.005em;text-wrap:balance}.keys li{display:inline}.keys li:not(:last-child):after{content:" ·";opacity:.55}.frame{position:relative;aspect-ratio:1070 / 2295;border-radius:9.72%/4.53%;background:#fff;box-shadow:0 44px 80px -24px #03122380,0 14px 26px -10px #03122347}.screen{position:absolute;top:.61%;right:1.31%;bottom:.61%;left:1.31%;overflow:hidden;border-radius:8.64%/3.97%;background:#0f2c46;isolation:isolate}.track{display:flex;flex-direction:column;gap:4%;height:100%;transform-origin:50% 50%;will-change:transform}.track img{flex:0 0 100%;width:100%;height:100%;min-height:0;object-fit:cover;border-radius:8.64%/3.97%}.phone-inline{position:relative;z-index:2;grid-column:2;align-self:center;justify-self:center;width:min(340px,80%);margin:0}.scene-wrap{display:none}.stage{display:none;z-index:3}.stage-pin{position:sticky;top:0;display:grid;place-items:center;height:100svh}.rig{position:relative;z-index:1;height:min(82svh,780px);aspect-ratio:1070 / 2295}.rig .frame{height:100%}@media (min-width: 900px){html.js .phone-inline{display:none}html.js .stage{display:block;position:absolute;inset-block:0;inset-inline:50% 0;pointer-events:none}}main{position:relative}.hero-copy,.invite,.chapter-copy{position:relative;z-index:2}.route{position:absolute;left:0;top:0;z-index:1;overflow:visible;pointer-events:none}.route-line{fill:none;stroke:#ffffffeb;stroke-width:5;stroke-linecap:round;stroke-dasharray:0 15;filter:drop-shadow(0 1px 2px rgba(3,18,35,.22))}.route-pin{transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.route-pin.on{transform:scale(1)}.route-pin circle{fill:var(--marine);stroke:#fff;stroke-width:3}.route-pin text{fill:#fff;font:800 15px var(--font);text-anchor:middle;dominant-baseline:central}@media (prefers-reduced-motion: reduce){.route-pin{transform:none;transition:none}}.chapter-globe .cta{margin-top:34px}.globe-figure{position:relative;z-index:2;grid-column:2;align-self:center;justify-self:center;display:grid;justify-items:center;gap:16px;width:min(100%,78svh,640px);margin:0}html:not(.js) .globe-figure{display:none}.globe-canvas{position:relative;z-index:1;display:block;width:100%;aspect-ratio:1;border-radius:50%;cursor:grab;touch-action:pan-y}.sky{position:absolute;z-index:0;pointer-events:none}.sky-front{z-index:2}.globe-canvas.dragging{cursor:grabbing}.globe-canvas.over{cursor:pointer}.globe-canvas:focus-visible{outline:3px solid var(--ciel);outline-offset:6px}.globe-hint{color:var(--fg-2);font-size:.875rem;font-weight:600;text-align:center}.foot{display:grid;gap:14px;padding:36px max(var(--gutter),env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom,0px)) max(var(--gutter),env(safe-area-inset-left,0px));border-top:1px solid rgba(168,217,231,.24);background:var(--marine);color:#fff}.foot-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.foot-links{flex:1;display:flex;flex-wrap:wrap;gap:0 28px;font-size:.9375rem}.foot-links a{padding-block:10px}.insta{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;transition:color .2s ease,transform .25s var(--ease-out)}.foot-row .insta{margin-inline-end:-9px}.insta svg{fill:none;stroke:currentColor;stroke-width:1.8}.insta svg .dot{fill:currentColor;stroke:none}.insta:hover{color:var(--ciel);transform:translateY(-2px)}.foot-langs{display:flex;flex-wrap:wrap;gap:0 20px;font-size:.875rem}.foot-langs a{padding-block:8px;color:var(--fg-2)}.foot-langs a[aria-current=page]{color:#fff;text-decoration-color:currentColor}.copyright{margin:4px 0 0;color:var(--fg-2);font-size:.8125rem}.roll{display:inline-flex;direction:ltr}.roll .col{position:relative;display:inline-block;padding:.14em .4em;margin:-.14em -.4em;overflow:hidden;contain:paint}.roll .sizer{visibility:hidden}.roll .strip{position:absolute;top:.14em;left:50%;display:flex;flex-direction:column;align-items:center;gap:.4em;translate:-50% 0;transition:translate var(--dur, 1.6s) var(--ease-out) var(--delay, 0s)}.roll .strip span{display:block;height:.8em}.roll.go .strip{translate:-50% calc(var(--stop) * -1.2em)}@media (max-width: 899px){.hero{grid-template-columns:minmax(0,1fr);min-height:0}.hero-copy,.invite{padding-block:116px 36px}.hero-visual{grid-column:1;grid-row:2;height:min(116vw,600px);margin-bottom:calc(min(116vw,600px)/-5)}.chapter{grid-template-columns:minmax(0,1fr);min-height:0}.chapter-copy{padding-block:84px 44px}.num{font-size:clamp(5.5rem,24vw,7rem)}.story .chapter{grid-template-rows:auto minmax(300px,1fr);min-height:100svh}.story .chapter-copy{align-self:start;padding-block:60px 20px}.story .keys{margin-top:22px}.phone-inline{grid-column:1;grid-row:2;align-self:stretch;width:min(62vw,300px)}.phone-inline .frame{position:absolute;inset:0 0 auto}html.js .story{display:none}html.js .scene-wrap{display:block;position:relative;height:500svh;background:var(--marine)}.scene{position:sticky;top:0;height:calc(100svh - 84px);padding:calc(env(safe-area-inset-top,0px) + 6px) 8px 12px;background:var(--marine)}.scene-card{display:grid;grid-template-rows:auto auto minmax(0,1fr);height:100%;overflow:hidden;border-radius:28px;background:var(--scene-bg, var(--lagon));color:var(--scene-ink, var(--encre-lagon))}.journey{position:relative;height:56px;margin:14px calc(var(--gutter) - 6px) 0}.journey-line{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.journey-line path{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-dasharray:0 11}.journey-line .rail{opacity:.28}.journey-pin{position:absolute;top:50%;display:grid;place-items:center;width:34px;height:34px;margin:-17px 0 0 -17px;padding:0;border:3px solid currentColor;border-radius:50%;background:transparent;color:inherit;font:800 14px var(--font);cursor:pointer;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background-color .3s ease,border-color .3s ease}.journey-pin:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px}.journey-pin.on{border-color:#fff;background:var(--marine);color:#fff}.journey-pin[aria-current=step]{transform:scale(1.18)}.scene-texts{position:relative;margin:10px calc(var(--gutter) - 6px) 0;overflow:hidden}.scene-text{position:absolute;inset:0 0 auto;padding-top:12px;color:var(--fg);will-change:transform}.scene .num{font-size:clamp(4.75rem,21vw,6rem)}.scene .keys{margin-top:16px}.scene-phone{display:flex;justify-content:center;min-height:0;padding:22px 0 24px}.scene-phone .frame{height:100%;max-width:70%}.keys li{white-space:nowrap}.keys li.wrap{white-space:normal}.globe-figure{grid-column:1;width:min(92vw,520px);padding-bottom:72px}}@media (prefers-reduced-motion: no-preference){html.js .hero-copy .title .line>span{animation:reveal 1.1s var(--ease-out) both}html.js .invite .title{animation:fade-up .9s var(--ease-out) both}html.js .hero-copy .title .line+.line>span{animation-delay:.09s}html.js .hero .lede,html.js .hero .cta,html.js .hero .facts{animation:fade-up .9s var(--ease-out) .28s both}html.js .trio img{animation:rise 1.4s var(--ease-out) .12s both}html.js .trio .left{animation-delay:.3s}html.js .trio .right{animation-delay:.38s}}@keyframes reveal{0%{transform:translateY(110%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}@keyframes rise{0%{opacity:0;translate:0 22%}}
