@font-face{font-family:Ghroob;src:url('/assets/ghroob-regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Ghroob;src:url('/assets/ghroob-bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--black:#0b0e11;--white:#fff;--mint:#00e0a4;--muted:#a4adb5;--line:#ffffff21}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Ghroob,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--mint);outline-offset:6px}::selection{background:var(--mint);color:var(--black)}.shell{max-width:1920px;margin:auto;padding:0 5.2vw}.skip{position:fixed;top:-100px;right:24px;background:var(--mint);color:var(--black);z-index:10;padding:12px}.skip:focus{top:12px}.header{height:118px;display:flex;direction:ltr;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:block;width:238px}.brand img{display:block;width:100%;height:auto}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:3px;margin-top:13px}.header-tools{display:flex;align-items:center;gap:35px}.location{font-size:13px;color:var(--muted)}.language{display:flex;gap:15px;border:0;background:none;padding:12px 0;font:12px Arial,sans-serif;letter-spacing:1px}.language:hover{color:var(--mint)}.hero{min-height:560px;height:calc(100svh - 360px);max-height:800px;position:relative;display:flex;align-items:center;border-bottom:1px solid var(--line);isolation:isolate}.hero-copy{width:49%;position:relative;z-index:1;padding:42px 0 70px}.eyebrow{display:flex;gap:12px;align-items:center;font-size:13px;color:#b8c1c9;margin-bottom:30px;letter-spacing:.03em}.status-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px #00e0a40b;animation:breathe 3.5s ease-in-out infinite}h1{font-size:clamp(49px,5.3vw,84px);line-height:1.2;font-weight:700;margin:0 0 24px;letter-spacing:-.035em}h1 span{display:block}.second-line{color:#b8c2c9}.intro{font-size:clamp(16px,1.35vw,21px);line-height:1.7;margin:0;color:#d8dde1;white-space:pre-line}.launch-note{font-size:14px;color:var(--muted);margin:20px 0 24px;line-height:1.7}.cta{display:inline-flex;min-width:178px;align-items:center;justify-content:space-between;gap:45px;padding:16px 24px;background:var(--mint);color:var(--black);font-size:17px;font-weight:700;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);transition:background .25s,transform .25s}.cta:hover{background:#bff7e6;transform:translateY(-3px)}.cta span:last-child{font-family:Arial;font-size:24px}.art{direction:ltr;position:absolute;z-index:-1;left:-5.2vw;width:64%;top:0;bottom:0;overflow:hidden;mask-image:linear-gradient(to right,#000 55%,transparent 100%)}.art-fallback{position:absolute;inset:0;background:url('/assets/flow.jpg') 40% 50%/cover;opacity:.38}.art canvas{position:absolute;width:100%;height:100%;inset:0}.canvas-ready .art-fallback{opacity:0;transition:opacity 1.8s}.art-mark{position:absolute;top:50%;left:33%;width:clamp(140px,17vw,280px);transform:translateY(-56%)}.art-mark img{width:100%;height:auto;display:block;opacity:.93}.cut-plane{position:absolute;top:6%;left:15%;width:60%;height:80%;border:1px solid #ffffff0c;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%);background:linear-gradient(145deg,#ffffff02,transparent)}.art-caption{position:absolute;bottom:15%;left:24%;font:10px/1.7 Arial,sans-serif;letter-spacing:4px;color:#9babaf;display:flex;flex-direction:column}.cross{position:absolute;font:18px monospace;color:#536268}.cross-one{left:16%;top:14%}.cross-two{left:74%;bottom:18%}.hero-bottom{position:absolute;bottom:21px;left:0;right:0;display:flex;justify-content:space-between;align-items:center}.disciplines{font-size:12px;letter-spacing:.1em;color:#8e9aa4}.motion{direction:rtl;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#9aa6ae;font-size:11px;padding:8px 0;min-height:36px}.motion:hover{color:var(--white)}.motion-symbol{font:12px Arial;width:13px}.contact{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:31px 0 29px;border-bottom:1px solid var(--line)}.small-label{display:block;font-size:12px;color:var(--muted);margin-bottom:13px}.email{display:flex;align-items:center;gap:36px;font-size:clamp(21px,2.3vw,36px);line-height:1.3;letter-spacing:-.03em}.email span{font-family:Arial;color:var(--mint);font-size:28px;transition:transform .25s}.email:hover span{transform:translate(4px,-4px)}.contact-details{text-align:left;direction:ltr}.phone{font-size:19px;display:inline-block;letter-spacing:.01em}.phone:hover,.socials a:hover{color:var(--mint)}.socials{display:flex;gap:22px;margin-top:13px;font:12px Arial,sans-serif}.handle{font-size:11px;color:#8d9aa3;display:inline-block;margin-top:10px}footer{display:flex;align-items:center;justify-content:space-between;padding:23px 0 25px;gap:25px;color:#87939d;font-size:11px;line-height:1.7}footer>div{display:flex;flex-wrap:wrap;column-gap:22px}footer>span{font:9px Arial,sans-serif;letter-spacing:1.5px;white-space:nowrap}.address{color:#697780}.hero-copy>*{animation:enter .9s both cubic-bezier(.2,.65,.2,1)}.hero-copy h1{animation-delay:.1s}.intro{animation-delay:.2s}.launch-note{animation-delay:.3s}.cta{animation-delay:.4s}html[lang=en] .hero-copy{direction:ltr;margin-left:auto}html[lang=en] h1{font-size:clamp(46px,5vw,80px);letter-spacing:-.055em}html[lang=en] .contact{direction:rtl}html[lang=en] .contact-heading{direction:ltr}html[lang=en] footer>div{direction:ltr}html[lang=en] .motion{direction:ltr}.paused *{animation-play-state:paused!important}
@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{opacity:.45;box-shadow:0 0 0 7px #00e0a405}}
@media(min-width:1700px){.shell{padding:0 100px}.art{left:-100px}}
@media(max-width:1000px){.header{height:98px}.brand{width:205px}.hero{min-height:570px}.hero-copy{width:55%}.art{width:62%}.art-mark{left:24%}.art-caption{left:14%;letter-spacing:2px}.location{display:none}h1{font-size:59px}.contact{padding:30px 0}.email{font-size:27px}footer>div{display:block}.address{display:block;margin-top:4px}}
@media(max-width:640px){.shell{padding:0 25px}.header{height:88px}.brand{width:175px}.brand span{font-size:7px;letter-spacing:2px;margin-top:9px}.header-tools{gap:0}.language{padding:12px 0 12px 14px}.hero{display:block;min-height:0;height:auto;max-height:none;padding:32px 0 58px}.hero-copy{width:100%;padding:0 0 20px}.eyebrow{font-size:11px;margin-bottom:25px}h1{font-size:clamp(42px,11vw,66px);margin-bottom:22px;line-height:1.24}.intro{font-size:16px;line-height:1.8;max-width:330px}.launch-note{font-size:12px;max-width:270px;margin:19px 0 23px}.cta{font-size:15px;min-width:165px;padding:14px 20px}.art{position:relative;left:0;top:auto;width:calc(100% + 50px);height:255px;margin:0 -25px 24px;mask-image:linear-gradient(to bottom,#000 70%,transparent 100%);z-index:0}.art-mark{left:50%;width:130px;top:46%;transform:translate(-50%,-50%)}.art-caption{bottom:17px;left:25px;font-size:8px;letter-spacing:3px;line-height:1.6}.cut-plane{left:24%;width:55%;top:4%;height:84%}.cross-one{left:15%;top:11%}.cross-two{left:83%;bottom:20%}.hero-bottom{bottom:15px}.disciplines{font-size:10px;letter-spacing:0}.motion{font-size:10px}.contact{display:block;padding:27px 0}.email{font-size:clamp(20px,6.1vw,28px);justify-content:space-between;gap:10px}.contact-details{margin-top:27px;display:grid;grid-template-columns:1fr auto;gap:15px}.phone{font-size:17px;grid-column:1/-1}.socials{font-size:11px;gap:22px;margin:0}.handle{font-size:10px;margin:0;align-self:center}.small-label{font-size:11px;margin-bottom:13px}footer{align-items:flex-start;flex-direction:column;gap:17px;font-size:10px;padding:24px 0 28px}.address{font-size:10px}html[lang=en] .hero-copy{margin:0}html[lang=en] h1{font-size:clamp(40px,11vw,62px)}html[lang=en] .contact-heading{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.cta .ui-icon{width:24px;height:24px}.email .ui-icon{width:28px;height:28px}.socials a{display:inline-flex;align-items:center;gap:5px}.socials .ui-icon{width:12px;height:12px}.language .ui-icon{width:14px;height:14px}.motion-symbol{display:flex;align-items:center;justify-content:center}.cross .ui-icon{display:block}