@font-face{font-family:Plex;src:url('assets/plex-en.woff') format('woff');font-weight:100 700;font-display:swap}
@font-face{font-family:PlexArabic;src:url('assets/plex-ar.woff') format('woff');font-weight:400;font-display:swap}
:root{--navy:#243b53;--ivory:#f4f0e8;--champagne:#b39a71;--ink:#091521;color-scheme:dark;font-family:Plex,Arial,sans-serif;color:var(--ivory);background:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{overflow-x:hidden}button{font:inherit}[lang=ar]{font-family:PlexArabic,Tahoma,sans-serif}
.scene{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:var(--navy)}
.architecture-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:url('assets/kuwait-poster.webp') center/cover no-repeat;filter:saturate(.78) contrast(1.05)}
.atmosphere{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,21,33,.88),rgba(14,29,43,.64) 34%,rgba(18,35,50,.12) 70%),linear-gradient(180deg,rgba(9,21,33,.6),transparent 25%,transparent 52%,rgba(9,21,33,.84) 80%,#091521)}
.grain{position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.page{position:relative;z-index:1;min-height:100svh;padding:44px clamp(24px,5.5vw,100px) 18px;display:flex;flex-direction:column}
.header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:66px;animation:fade-in 1.4s both}
.brand{display:flex;align-items:center;gap:17px}.brand-symbol{width:48px;height:48px;color:var(--champagne)}.brand-type{display:flex;flex-direction:column;align-items:center}.brand-ar{font-size:32px;line-height:1.22}.brand-en{font-size:12px;letter-spacing:.3em;margin-top:6px;margin-right:-.3em}.header-note{font-size:16px;line-height:1.9;text-align:right}.header-note>span{display:block;font-family:Plex,Arial,sans-serif;font-size:12px;letter-spacing:.18em;color:var(--champagne);margin-top:6px}
main{display:flex;flex:1;flex-direction:column;width:100%;max-width:1720px;margin:0 auto}
.launch-copy{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:42px 0 46px;animation:fade-up 1.8s .1s both}
.eyebrow{display:flex;align-items:center;gap:18px;color:var(--champagne);font-size:22px;line-height:1.8}.eyebrow>span{width:55px;height:1px;background:currentColor;opacity:.75}
h1{font-weight:300;font-size:clamp(78px,7vw,130px);letter-spacing:-.055em;line-height:.99;margin:18px 0 27px}h1>span{display:block}.soon{white-space:nowrap}.period{color:var(--champagne)}p{margin:0}.intro{font-size:25px;line-height:1.8}.intro-en{font-size:14px;letter-spacing:.09em;color:rgba(244,240,232,.7);margin-top:8px;line-height:1.6}
.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;border-top:1px solid rgba(179,154,113,.45);padding:24px 0 27px;animation:fade-up 1.6s .4s both}.service{padding:0 28px;border-left:1px solid rgba(244,240,232,.13);text-align:right}.service:first-child{padding-right:0}.service:last-child{border-left:0;padding-left:0}.service-number{display:block;font-size:12px;letter-spacing:.13em;color:var(--champagne);margin-bottom:8px}.service h2{font-size:20px;font-weight:400;line-height:1.7;margin:0 0 5px}.service p{font-size:14px;line-height:1.6;color:rgba(244,240,232,.68);text-align:right}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;border-top:1px solid rgba(244,240,232,.13);animation:fade-in 2s .6s both}.footer-domain{font-size:14px;letter-spacing:.06em}.footer-location{font-size:12px;letter-spacing:.12em;color:rgba(244,240,232,.65)}.footer-location [lang=ar]{letter-spacing:0;margin-right:8px;font-size:14px}.motion-toggle{background:none;border:0;color:rgba(244,240,232,.78);display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 0 10px 10px;min-height:44px;font-size:14px}.motion-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}.motion-toggle:hover{color:var(--champagne)}.motion-toggle:focus-visible{outline:1px solid var(--champagne);outline-offset:5px}.play-icon{display:none}body.motion-paused .pause-icon{display:none}body.motion-paused .play-icon{display:block}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-up{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.page{padding:26px 24px 16px}.header{gap:18px;min-height:60px}.brand-symbol{width:36px;height:36px}.brand{gap:11px}.brand-ar{font-size:27px}.brand-en{font-size:12px;letter-spacing:.2em;margin-right:-.2em;margin-top:4px}.header-note{font-size:14px;max-width:155px;line-height:1.8}.header-note>span{font-size:10px;letter-spacing:.11em}.launch-copy{min-height:450px;justify-content:flex-end;padding:145px 0 40px}.eyebrow{font-size:20px;gap:15px}.eyebrow>span{width:35px}h1{font-size:clamp(62px,16vw,100px);line-height:.99;margin:14px 0 20px}.intro{font-size:21px}.intro-en{font-size:12px;letter-spacing:.03em;margin-top:5px}.services{grid-template-columns:repeat(2,minmax(0,1fr));padding:21px 0 24px;row-gap:21px}.service{padding:0 15px}.service:nth-child(odd){padding-right:0}.service:nth-child(even){border-left:0;padding-left:0}.service-number{margin-bottom:4px}.service h2{font-size:18px;margin-bottom:3px}.service p{font-size:13px;line-height:1.5}.footer{gap:12px;min-height:58px}.footer-domain{font-size:13px}.footer-location{display:none}.motion-toggle{font-size:13px}.atmosphere{background:linear-gradient(180deg,rgba(9,21,33,.5),rgba(9,21,33,.09) 20%,rgba(9,21,33,.3) 35%,rgba(9,21,33,.82) 55%,#091521 79%),linear-gradient(90deg,rgba(9,21,33,.25),transparent)}}
@media(max-width:360px){.page{padding-left:20px;padding-right:20px}.brand-symbol{width:30px;height:30px}.header-note{font-size:13px;max-width:127px}.header-note>span{letter-spacing:.05em}.intro{font-size:19px}.intro-en{font-size:11px;letter-spacing:0}.service h2{font-size:16px}.service p{font-size:12px}}
@media(max-height:760px) and (min-width:761px){.page{padding-top:25px;padding-bottom:12px}.launch-copy{padding:28px 0 33px}h1{font-size:clamp(64px,6.8vw,98px);margin:10px 0 20px}.eyebrow{font-size:20px}.intro{font-size:22px}.services{padding:18px 0 20px}.service-number{margin-bottom:5px}.footer{min-height:54px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}