.ubadat-story{--ub-cyan:#65eadc;--ub-sand:#ffce89;background:#0a141b;color:#f5f4ed}.ubadat-story h1,.ubadat-story h2,.ubadat-story h3{letter-spacing:-.055em;line-height:1.02}.ubadat-story em{font-family:Georgia,serif;font-weight:400;color:var(--ub-cyan)}.ubadat-story p{line-height:1.8}.ubadat-story .eyebrow{color:var(--ub-cyan);letter-spacing:.16em}.ub-hero{padding:140px 0 0;overflow:hidden;background:radial-gradient(ellipse at 80% 35%,#17485a80,transparent 60%)}.ub-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;min-height:710px}.ub-logo{width:150px;height:85px;object-fit:contain;margin:24px 0}.ub-intro h1{font-size:clamp(3.3rem,5.8vw,6rem);margin:10px 0 28px}.ub-intro>p:not(.eyebrow){max-width:490px;color:#c3d1d5;font-size:1.07rem}.ub-intro .button{margin-top:20px}.ub-scene{height:620px;position:relative;perspective:1100px}.ub-float{position:absolute;display:block;width:44%;background:#fff;padding:8px;color:#17252c;box-shadow:0 28px 60px #0008;transition:transform .4s}.ub-float img{width:100%;height:auto;display:block}.ub-float span{font-size:.5rem;letter-spacing:.1em;display:block;padding:9px 2px}.ub-float-0{left:0;top:65px;transform:rotate(-13deg)}.ub-float-1{left:30%;top:130px;z-index:2;transform:rotate(5deg)}.ub-float-2{right:-8%;top:32px;transform:rotate(14deg)}.ub-float:hover,.ub-float:focus-visible{transform:translateY(-18px) rotate(0);z-index:4}.ub-orbit{position:absolute;bottom:34px;left:10%;font-size:.65rem;letter-spacing:.22em;color:var(--ub-cyan)}.ub-strip{display:flex;justify-content:space-between;gap:20px;padding:28px 0;border-top:1px solid #ffffff30;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.ub-campaigns,.ub-content,.ub-team,.ub-review,.ub-links{padding:110px 0}.ubadat-story h2{font-size:clamp(2.8rem,4.7vw,5rem);margin:22px 0 32px}.ub-lead{max-width:720px;color:#c1cfd4;font-size:1.1rem}.ub-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:55px}.ub-route{position:relative;padding:40px;overflow:hidden;min-height:530px;display:flex;flex-direction:column;align-items:flex-start}.ub-egypt{background:#edc99b;color:#292017}.ub-mauritius{background:#1b6869;color:#f0faf5}.ub-route svg{height:190px;width:100%;fill:none;stroke:currentColor;stroke-width:1;opacity:.6;margin:25px 0 -10px}.ub-route .ub-path{stroke-dasharray:5 8;stroke-width:2}.ub-coordinate{font-size:.65rem;letter-spacing:.2em}.ub-route h3{font-size:3.9rem;margin:5px 0 15px}.ub-route em{color:inherit}.ub-route p{max-width:420px}.ub-route a{margin-top:auto;padding-top:20px;font-size:.85rem;text-decoration:underline;text-underline-offset:5px}.ub-result{border-left:2px solid var(--ub-cyan);padding:12px 25px;margin-top:35px;max-width:750px}.ub-content{background:#f1eee6;color:#132831}.ub-content em,.ub-content .eyebrow{color:#176e6d}.ub-section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end}.ub-section-head>p{max-width:350px;margin-bottom:38px}.ub-feed-controls{display:flex;justify-content:flex-end;gap:10px;margin:15px 0}.ub-feed-controls button{background:transparent;border:1px solid #698183;color:#132831;width:50px;height:50px;font-size:1.4rem;cursor:pointer}.ub-feed-controls button:hover{background:#132831;color:#fff}.ub-feed{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;padding:15px 0 35px;margin-bottom:25px;scrollbar-color:#176e6d #d7ded8;scrollbar-width:thin}.ub-post{flex:0 0 29%;min-width:250px;scroll-snap-align:start;color:inherit}.ub-post img{width:100%;height:auto;display:block;transition:filter .3s}.ub-post:hover img{filter:brightness(1.1)}.ub-post>span{display:block;font-size:.6rem;letter-spacing:.14em;margin:20px 0 12px}.ub-post h3{font-size:1.7rem;max-width:250px}.ub-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:55px 0}.ub-team-grid .ub-big-copy{font-size:2rem;line-height:1.3;max-width:400px;color:var(--ub-sand)}.ub-team-grid>div{color:#c3d1d5}.ub-cycle{list-style:none;padding:0;margin:60px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.ub-cycle li{border-top:1px solid #5e7b83;padding-top:25px}.ub-cycle span{font-size:.6rem;letter-spacing:.1em;color:var(--ub-cyan)}.ub-cycle h3{font-size:1.7rem;margin:26px 0 15px}.ub-cycle p{color:#bbcdd4;font-size:.9rem}.ub-review{background:#102b34}.ub-review>.container{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}.ub-review p{color:#c9d9dd}.ub-links>.container{display:flex;gap:90px;align-items:center}.ub-links img{width:230px;height:140px;object-fit:contain}.ub-links h2{font-size:3rem}.ub-links .text-link{display:inline-block;margin:20px}.ubadat-story a:focus-visible,.ubadat-story button:focus-visible,.ub-feed:focus-visible{outline:3px solid #fa64df;outline-offset:6px}
@media(max-width:1000px){.ub-hero-grid{min-height:630px}.ub-scene{height:500px}.ub-orbit{bottom:20px;font-size:.5rem}.ub-route{padding:28px}.ub-cycle{grid-template-columns:1fr 1fr}.ub-intro h1{font-size:4rem}.ub-float-2{right:-3%}}
@media(max-width:700px){.ub-hero{padding-top:115px}.ub-hero-grid{display:block}.ub-logo{margin:15px 0;width:130px;height:65px}.ub-intro h1{font-size:clamp(3rem,11vw,4.3rem)}.ub-intro>p:not(.eyebrow){font-size:1rem}.ub-scene{height:430px;margin-top:25px}.ub-float{width:43%}.ub-float-0{top:35px;left:3%}.ub-float-1{top:100px;left:29%}.ub-float-2{top:15px;right:0}.ub-orbit{left:0;bottom:7px;font-size:.5rem}.ub-strip{flex-wrap:wrap;font-size:.58rem;padding:25px 0;gap:15px}.ub-campaigns,.ub-content,.ub-team,.ub-review,.ub-links{padding:65px 0}.ubadat-story h2{font-size:2.8rem}.ub-route-grid,.ub-section-head,.ub-team-grid,.ub-review>.container{grid-template-columns:1fr;gap:25px}.ub-route{min-height:520px;padding:28px}.ub-route h3{font-size:3.5rem}.ub-section-head>p{margin:0}.ub-post{flex-basis:78%;min-width:0}.ub-team-grid{margin:30px 0}.ub-team-grid .ub-big-copy{font-size:1.7rem;margin:0}.ub-cycle{gap:30px 22px}.ub-cycle h3{font-size:1.45rem}.ub-cycle p{font-size:.86rem}.ub-review>.container{gap:10px}.ub-links>.container{display:block}.ub-links img{width:170px;height:95px}.ub-links h2{font-size:2.5rem}.ub-links .text-link{margin:20px 0;display:block}}
@media(max-width:360px){.ub-scene{height:365px}.ub-cycle{grid-template-columns:1fr}.ubadat-story h2{font-size:2.45rem}.ub-route h3{font-size:3.2rem}}
@media(prefers-reduced-motion:reduce){.ubadat-story *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ub-reels{padding:80px 0;background:radial-gradient(ellipse at 80% 50%,#1c5d5680,transparent 65%)}.ub-reels>.container{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.ub-reels p{max-width:410px;color:#c5d7d9}.ub-reel-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.ub-reel-pair a{border:6px solid #203c40;background:#203c40;box-shadow:0 24px 55px #0005;transition:transform .3s}.ub-reel-pair a:nth-child(2){transform:translateY(35px)}.ub-reel-pair a:hover{transform:translateY(-8px)}.ub-reel-pair img{display:block;width:100%;height:auto}.ub-reel-pair span{display:block;font-size:.5rem;letter-spacing:.08em;padding:16px 5px}.ub-hero{padding-top:85px}.ub-hero-grid{min-height:650px}.ub-logo{background:#faf7ef;padding:10px 14px;box-sizing:content-box;width:140px;height:65px}.ub-links img{background:#faf7ef;padding:18px}.ubadat-story:has(.ub-hero) .case-back{margin-bottom:25px}@media(max-width:700px){.ub-hero{padding-top:48px}.ub-hero-grid{min-height:0}.ub-reels{padding:60px 0 85px}.ub-reels>.container{grid-template-columns:1fr;gap:28px}.ub-reel-pair{gap:16px}.ub-logo{width:110px;height:55px}.ub-hero .case-back{margin-bottom:36px}}