:root{ --navy:#06101c; --navy-2:#0a192a; --blue:#185cff; --blue-pale:#9bb9ff; --ice:#eef2f6; --paper:#f7f8fa; --white:#fff; --text:#07111e; --muted:#667386; --line:rgba(7,17,30,.16); --pad:clamp(22px,4.4vw,78px); --max:1540px; --ease:cubic-bezier(.2,.72,.2,1); } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden} body.menu-open{overflow:hidden} a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;width:100%}::selection{background:var(--blue);color:#fff} .progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:1200;pointer-events:none}.progress span{height:100%;display:block;width:0;background:var(--blue)} .pointer{position:fixed;width:74px;height:74px;border-radius:50%;background:var(--blue);color:#fff;z-index:1300;display:grid;place-items:center;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.5);transition:opacity .2s,transform .25s var(--ease)}.pointer span{font-size:9px;letter-spacing:.18em}.pointer.visible{opacity:1;transform:translate(-50%,-50%) scale(1)} .header{position:fixed;z-index:1000;left:0;right:0;top:0;height:92px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;transition:background .3s,border .3s,backdrop-filter .3s}.header.scrolled{background:rgba(6,16,28,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.12)} .logo{justify-self:start;width:116px;height:54px;background:#fff;display:grid;place-items:center;overflow:hidden}.logo img{height:50px;object-fit:contain}.nav{display:flex;gap:30px;align-items:center}.nav a,.lang,.talk{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.nav a{position:relative;padding:12px 0;color:rgba(255,255,255,.78)}.nav a:after{content:"";position:absolute;left:0;bottom:5px;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:right;transition:transform .28s}.nav a:hover:after{transform:scaleX(1);transform-origin:left}.header-tools{justify-self:end;display:flex;align-items:center;gap:22px}.lang{border:0;background:none;color:#fff;padding:12px 0}.lang span{opacity:.45;margin:0 4px}.talk{display:flex;align-items:center;gap:25px;border:1px solid rgba(255,255,255,.38);padding:14px 16px;transition:.25s}.talk:hover{background:#fff;color:var(--navy)}.menu{display:none;border:0;background:none;width:38px;height:38px}.menu i{display:block;height:1px;background:#fff;margin:7px 0;transition:.3s} .mobile-panel{position:fixed;inset:0;z-index:950;background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:100px var(--pad) 30px;transform:translateY(-100%);transition:transform .55s var(--ease)}.mobile-panel.open{transform:none}.mobile-links{display:flex;flex-direction:column}.mobile-links a{font-size:clamp(48px,12vw,88px);font-weight:800;line-height:.97;letter-spacing:-.065em;border-bottom:1px solid rgba(255,255,255,.14);padding:12px 0}.mobile-foot{margin-top:auto;font-size:9px;letter-spacing:.16em;opacity:.6} .hero{position:relative;min-height:820px;height:100svh;background:var(--navy);color:#fff;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-slide{position:absolute;inset:-2%;background-size:cover;background-position:center;opacity:0;transform:scale(1.05);transition:opacity 1.1s var(--ease),transform 7s ease}.hero-slide.is-active{opacity:1;transform:scale(1.015)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,18,.96) 0%,rgba(4,10,18,.82) 32%,rgba(4,10,18,.24) 70%,rgba(4,10,18,.15) 100%),linear-gradient(0deg,rgba(4,10,18,.72),transparent 48%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:100% 25%,16.666% 100%;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.35),transparent 82%)} .hero-rail{position:absolute;z-index:2;right:0;top:0;bottom:0;width:52px;border-left:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:44px}.hero-rail span{font-size:8px;letter-spacing:.2em;writing-mode:vertical-rl;color:rgba(255,255,255,.54)} .hero-inner{position:relative;z-index:3;max-width:var(--max);height:100%;margin:auto;padding:138px calc(var(--pad) + 40px) 48px var(--pad);display:grid;grid-template-rows:auto 1fr auto auto;align-items:start}.hero-kicker{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.19em}.hero-kicker p{margin:0;color:rgba(255,255,255,.65)}.dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 20px var(--blue)}.hero-copy{align-self:center;max-width:1040px}.hero h1{margin:0;text-transform:uppercase;font-size:clamp(64px,8.8vw,148px);line-height:.77;letter-spacing:-.075em;font-weight:850}.hero h1 span{display:block}.hero h1 .outline{color:transparent;-webkit-text-stroke:1.25px rgba(255,255,255,.92)}.hero-copy>p{max-width:600px;margin:34px 0 0 4px;font-size:clamp(16px,1.35vw,21px);line-height:1.55;color:rgba(255,255,255,.72)}.hero-actions{display:flex;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-width:230px;padding:18px 20px;border:1px solid rgba(255,255,255,.42);font-size:10px;letter-spacing:.14em;text-transform:uppercase;transition:.28s}.button.primary{background:#fff;color:var(--navy)}.button.primary:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-3px)}.button.ghost:hover{background:rgba(255,255,255,.1)}.hero-caption{margin-top:35px;padding-top:18px;border-top:1px solid rgba(255,255,255,.19);display:grid;grid-template-columns:80px 250px 1fr;align-items:end;gap:28px;width:min(720px,65vw)}.hero-caption>span{font-size:10px;color:var(--blue-pale)}.hero-caption strong{display:block;font-size:14px;letter-spacing:.02em}.hero-caption small{display:block;margin-top:4px;font-size:9px;letter-spacing:.13em;color:rgba(255,255,255,.55)}.hero-caption p{margin:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;text-align:right;color:rgba(255,255,255,.66)}.hero-switcher{position:absolute;z-index:4;right:78px;bottom:48px;display:flex;gap:8px}.hero-dot{width:54px;height:34px;border:1px solid rgba(255,255,255,.26);background:rgba(0,0,0,.08);color:rgba(255,255,255,.6);font-size:9px;transition:.25s}.hero-dot.is-active,.hero-dot:hover{background:#fff;color:var(--navy);border-color:#fff} .ticker{height:72px;overflow:hidden;background:var(--blue);color:#fff;display:flex;align-items:center}.ticker-track{display:flex;align-items:center;gap:28px;white-space:nowrap;min-width:max-content;animation:ticker 30s linear infinite}.ticker span{font-size:13px;letter-spacing:.16em;font-weight:700}.ticker i{font-style:normal;font-size:23px;font-weight:200;opacity:.6} .intro{max-width:var(--max);margin:auto;padding:150px var(--pad);display:grid;grid-template-columns:70px minmax(0,1.35fr) minmax(310px,.65fr);gap:clamp(30px,5vw,90px);align-items:start}.intro-mark,.section-no{font-size:10px;letter-spacing:.18em;color:var(--blue);width:42px;height:29px;border:1px solid rgba(24,92,255,.35);display:grid;place-items:center}.section-no.light{color:#fff;border-color:rgba(255,255,255,.35)}.eyebrow{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:var(--blue);margin:0 0 24px}.eyebrow.light{color:var(--blue-pale)}.intro h2,.expertise h2,.work h2,.bim-story h2,.process h2,.contact h2{font-size:clamp(52px,6.5vw,105px);line-height:.9;letter-spacing:-.065em;margin:0;font-weight:760}.intro-side{padding-top:60px}.intro-side p{font-size:clamp(17px,1.55vw,23px);line-height:1.62;color:#4d596a;margin:0 0 35px}.text-link{display:inline-flex;gap:42px;align-items:center;padding-bottom:9px;border-bottom:1px solid currentColor;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.text-link b{font-size:16px} .proof{max-width:var(--max);margin:0 auto 150px;padding:0 var(--pad);display:grid;grid-template-columns:1.3fr .8fr .8fr 1.1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof article{min-height:190px;border-right:1px solid var(--line);padding:38px 32px;display:flex;flex-direction:column;justify-content:space-between}.proof article:last-child{border-right:0}.proof strong{font-size:clamp(44px,5vw,82px);line-height:.9;letter-spacing:-.055em}.proof strong span{font-size:.45em;color:var(--blue);vertical-align:top}.proof p{margin:0;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#697487}.proof-location strong{font-size:clamp(20px,2vw,32px);line-height:1.05;color:var(--blue)} .expertise{background:var(--navy);color:#fff;padding:140px var(--pad)}.expertise-top{max-width:var(--max);margin:auto 90px;display:grid;grid-template-columns:70px 1fr minmax(280px,.45fr);gap:clamp(30px,5vw,90px);align-items:end}.expertise-note{margin:0 0 5px;color:#9aa8ba;line-height:1.6;font-size:14px}.expertise-stage{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,100px);align-items:stretch}.expertise-list{border-top:1px solid rgba(255,255,255,.18)}.expertise-item{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.18);background:none;color:#fff;display:grid;grid-template-columns:48px 1fr 34px;gap:20px;text-align:left;padding:30px 0;position:relative;transition:.35s}.expertise-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,92,255,.16),transparent 82%);transform:scaleX(0);transform-origin:left;transition:.4s}.expertise-item:hover:before,.expertise-item.is-active:before{transform:scaleX(1)}.expertise-item>*{position:relative;z-index:1}.expertise-item>span{font-size:9px;color:#72839a;padding-top:8px}.expertise-item h3{margin:0;font-size:clamp(27px,2.5vw,42px);letter-spacing:-.04em}.expertise-item p{margin:10px 0 0;max-width:620px;color:#9ba7b6;font-size:13px;line-height:1.58}.expertise-item b{font-size:20px;font-weight:400;align-self:center;transition:.25s}.expertise-item:hover b,.expertise-item.is-active b{color:var(--blue-pale);transform:translate(4px,-4px)}.expertise-visual{position:relative;min-height:620px;overflow:hidden;background:#0d1b2c}.service-image{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .7s var(--ease),transform 1.4s var(--ease);filter:saturate(.86) contrast(1.04)}.service-image.is-active{opacity:1;transform:scale(1)}.expertise-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,16,28,.7),transparent 50%)}.visual-grid{position:absolute;z-index:2;inset:0;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:25% 25%;mix-blend-mode:overlay}.visual-code{position:absolute;z-index:3;left:22px;bottom:20px;font-size:8px;letter-spacing:.16em;color:rgba(255,255,255,.65)} .work{max-width:var(--max);margin:auto;padding:150px var(--pad)}.work-head{display:grid;grid-template-columns:70px 1fr minmax(290px,.45fr);gap:clamp(30px,5vw,90px);align-items:end;margin-bottom:75px}.work-note{margin:0 0 5px;color:#687487;line-height:1.6;font-size:14px}.project-editorial{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:auto auto;gap:18px}.project-card{position:relative;overflow:hidden;background:#0c1725}.project-card-large{height:700px}.project-card-tall{height:700px}.project-card-wide{height:510px}.project-card-small{height:510px}.project-click{position:absolute;inset:0;border:0;background:none;padding:0;color:#fff;text-align:left;width:100%;height:100%}.project-card figure{position:absolute;inset:0;margin:0;overflow:hidden}.project-card img{height:100%;object-fit:cover;transition:transform .85s var(--ease),filter .6s}.project-filter{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,10,18,.88) 0%,rgba(4,10,18,.15) 58%,rgba(4,10,18,.08) 100%)}.project-card:hover img{transform:scale(1.045);filter:saturate(1.05)}.project-index{position:absolute;top:22px;left:22px;border:1px solid rgba(255,255,255,.42);width:42px;height:30px;display:grid;place-items:center;font-size:9px}.project-info{position:absolute;left:28px;bottom:28px;max-width:78%}.project-info small{font-size:8px;letter-spacing:.2em;color:var(--blue-pale)}.project-info h3{margin:8px 0 12px;font-size:clamp(42px,5.2vw,82px);line-height:.84;letter-spacing:-.065em}.project-card-tall .project-info h3,.project-card-small .project-info h3{font-size:clamp(37px,4vw,64px)}.project-info p{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.68);max-width:440px}.project-arrow{position:absolute;right:25px;bottom:25px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.42);display:grid;place-items:center;font-size:18px;transition:.3s}.project-card:hover .project-arrow{background:#fff;color:var(--navy);transform:rotate(45deg)} .bim-story{min-height:800px;background:var(--blue);color:#fff;display:grid;grid-template-columns:1.02fr .98fr;overflow:hidden}.bim-board{position:relative;min-height:800px;background:#0a1830;overflow:hidden}.bim-board img{position:absolute;inset:0;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.08);opacity:.9}.bim-board:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,28,.12),rgba(5,15,28,.05)),linear-gradient(0deg,rgba(5,15,28,.58),transparent 50%)}.scan{position:absolute;z-index:3;left:0;right:0;height:1px;top:15%;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.8);animation:scan 5s ease-in-out infinite}.coord{position:absolute;z-index:4;background:rgba(6,16,28,.86);border:1px solid rgba(255,255,255,.32);padding:9px 11px;font-size:8px;letter-spacing:.14em}.coord-a{left:8%;top:18%}.coord-b{right:10%;top:42%}.coord-c{left:26%;bottom:15%}.bim-story-copy{padding:110px var(--pad);display:flex;flex-direction:column;justify-content:center}.bim-story-copy h2{max-width:730px}.bim-story-copy>p:not(.eyebrow){font-size:clamp(17px,1.4vw,22px);line-height:1.58;max-width:680px;color:rgba(255,255,255,.8);margin:30px 0 50px}.bim-data{border-top:1px solid rgba(255,255,255,.34)}.bim-data div{display:grid;grid-template-columns:1fr 1fr;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.25);align-items:center}.bim-data span{font-size:8px;letter-spacing:.15em;color:rgba(255,255,255,.64)}.bim-data strong{font-size:13px;letter-spacing:.08em} .process{max-width:var(--max);margin:auto;padding:150px var(--pad);display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(50px,7vw,120px)}.process-title .section-no{margin-bottom:50px}.process-list{border-top:1px solid var(--line)}.process-row{display:grid;grid-template-columns:55px .65fr 1fr 30px;gap:24px;align-items:center;padding:31px 0;border-bottom:1px solid var(--line)}.process-row>span{font-size:9px;color:var(--blue)}.process-row h3{margin:0;font-size:clamp(25px,2.4vw,39px);letter-spacing:-.04em}.process-row p{margin:0;color:#697487;font-size:13px;line-height:1.5}.process-row i{font-style:normal;font-size:20px;transition:.25s}.process-row:hover i{transform:translateX(5px);color:var(--blue)} .contact{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:120px var(--pad) 80px}.contact-watermark{position:absolute;left:-.03em;right:0;bottom:-.12em;font-size:clamp(135px,24vw,430px);font-weight:900;line-height:.7;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);white-space:nowrap;pointer-events:none}.contact-head,.contact-layout{position:relative;z-index:2;max-width:var(--max);margin:auto}.contact-head{display:grid;grid-template-columns:70px 1fr;column-gap:clamp(30px,5vw,90px)}.contact-head .eyebrow{grid-column:2}.contact-head h2{grid-column:2}.contact-head h2 em{font-style:normal;color:var(--blue-pale)}.contact-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:clamp(50px,8vw,140px);margin-top:80px}.contact-copy p{font-size:clamp(17px,1.45vw,22px);line-height:1.6;color:#9aa8ba;margin:0 0 40px;max-width:500px}.contact-direct{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.contact-direct a{font-size:11px;letter-spacing:.09em;border-bottom:1px solid rgba(255,255,255,.35);padding:0 0 7px}.contact-direct b{margin-left:20px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:24px 22px}.contact-form label{display:flex;flex-direction:column;gap:10px}.contact-form label span{font-size:8px;letter-spacing:.17em;text-transform:uppercase;color:#8290a4}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.26);background:transparent;color:#fff;border-radius:0;padding:10px 0 14px;outline:none}.contact-form select option{color:#07111e}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--blue-pale)}.contact-form .wide{grid-column:1/-1}.contact-form button{grid-column:1/-1;border:0;background:#fff;color:var(--navy);padding:18px 20px;margin-top:8px;display:flex;justify-content:space-between;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.14em;transition:.25s}.contact-form button:hover{background:var(--blue);color:#fff;transform:translateY(-2px)} footer{background:var(--navy);color:rgba(255,255,255,.55);border-top:1px solid rgba(255,255,255,.12);padding:27px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.footer-logo{width:90px;background:#fff;padding:4px}.footer-logo img{height:32px;object-fit:contain}footer>div:last-child{text-align:right} .project-modal{border:0;padding:0;background:var(--paper);color:var(--text);width:min(1180px,94vw);max-height:92vh;box-shadow:0 30px 90px rgba(0,0,0,.45)}.project-modal::backdrop{background:rgba(3,9,16,.82);backdrop-filter:blur(7px)}.project-modal[open]{display:grid;grid-template-columns:1.04fr .96fr}.modal-close{position:absolute;z-index:5;right:16px;top:16px;width:42px;height:42px;border:0;background:#fff;font-size:23px}.modal-image{position:relative;min-height:650px}.modal-image img{position:absolute;inset:0;height:100%;object-fit:cover}.modal-image span{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,15,28,.5),transparent 45%)}.modal-copy{padding:70px 55px;display:flex;flex-direction:column;justify-content:center}.modal-copy h2{font-size:clamp(48px,5vw,82px);line-height:.9;letter-spacing:-.06em;margin:0 0 28px}.modal-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.modal-meta span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);padding:8px 10px}.modal-copy>p:last-of-type{font-size:15px;line-height:1.65;color:#5c6878;max-width:520px}.modal-cta{margin-top:35px;border-color:var(--line)} .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s} [dir="rtl"] body{text-align:right}[dir="rtl"] .expertise-item,[dir="rtl"] .project-click{text-align:right}[dir="rtl"] .project-info,[dir="rtl"] .project-index{left:auto;right:28px}[dir="rtl"] .project-arrow{right:auto;left:25px}[dir="rtl"] .hero-caption p{text-align:left}[dir="rtl"] .contact-direct b{margin-left:0;margin-right:20px}[dir="rtl"] footer>div:last-child{text-align:left}[dir="rtl"] .expertise-item:before{transform-origin:right}[dir="rtl"] .visual-code{left:auto;right:22px} @keyframes ticker{to{transform:translateX(-50%)}}@keyframes scan{0%,100%{top:14%}50%{top:84%}} @media(max-width:1100px){.header{grid-template-columns:1fr auto}.nav{display:none}.menu{display:block}.hero-inner{padding-top:130px}.hero-copy{max-width:850px}.hero h1{font-size:clamp(64px,10vw,115px)}.intro{grid-template-columns:55px 1fr}.intro-side{grid-column:2;padding-top:0;max-width:780px}.proof{grid-template-columns:1fr 1fr}.proof article:nth-child(2){border-right:0}.proof article:nth-child(-n+2){border-bottom:1px solid var(--line)}.expertise-top,.work-head{grid-template-columns:55px 1fr}.expertise-note,.work-note{grid-column:2}.expertise-stage{grid-template-columns:1fr}.expertise-visual{min-height:540px}.process{grid-template-columns:1fr}.process-title{max-width:700px}.contact-layout{grid-template-columns:1fr}.contact-copy{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-copy p{margin:0}.project-card-large,.project-card-tall{height:570px}.project-card-wide,.project-card-small{height:430px}} @media(max-width:720px){:root{--pad:20px}.pointer{display:none}.header{height:74px}.logo{width:96px;height:44px}.logo img{height:42px}.talk{display:none}.header-tools{gap:13px}.hero{min-height:760px;height:100svh}.hero-rail{display:none}.hero-inner{padding:110px var(--pad) 35px;grid-template-rows:auto 1fr auto auto}.hero h1{font-size:clamp(54px,16vw,78px);line-height:.82}.hero-copy>p{font-size:15px;margin-top:25px;max-width:90%}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button{min-width:0;padding:15px 13px;gap:15px;font-size:8px}.hero-caption{width:100%;grid-template-columns:42px 1fr;gap:14px;margin-top:22px}.hero-caption p{display:none}.hero-switcher{right:20px;bottom:auto;top:98px}.hero-dot{width:42px;height:30px}.ticker{height:58px}.ticker-track{gap:20px}.ticker span{font-size:10px}.intro{padding-top:95px;padding-bottom:95px;grid-template-columns:1fr;gap:20px}.intro-mark{display:none}.intro-side{grid-column:auto}.intro h2,.expertise h2,.work h2,.process h2,.contact h2,.bim-story h2{font-size:clamp(46px,14vw,64px)}.intro-side p{font-size:17px}.proof{grid-template-columns:1fr 1fr;margin-bottom:95px;padding:0}.proof article{padding:28px 20px;min-height:150px}.proof strong{font-size:45px}.proof-location strong{font-size:18px}.expertise{padding-top:90px;padding-bottom:90px}.expertise-top,.work-head{grid-template-columns:1fr;gap:20px;margin-bottom:50px}.expertise-top .section-no,.work-head .section-no{display:none}.expertise-note,.work-note{grid-column:auto}.expertise-item{grid-template-columns:34px 1fr 24px;gap:10px;padding:25px 0}.expertise-item h3{font-size:27px}.expertise-item p{font-size:12px}.expertise-visual{min-height:430px}.work{padding-top:95px;padding-bottom:95px}.project-editorial{grid-template-columns:1fr;gap:12px}.project-card-large,.project-card-tall,.project-card-wide,.project-card-small{height:118vw;max-height:620px}.project-info{left:22px;bottom:22px;max-width:75%}.project-info h3,.project-card-tall .project-info h3,.project-card-small .project-info h3{font-size:45px}.project-arrow{width:46px;height:46px;right:20px;bottom:20px}.bim-story{grid-template-columns:1fr;min-height:0}.bim-board{min-height:470px}.bim-story-copy{padding:80px var(--pad)}.bim-data div{grid-template-columns:1fr;gap:6px}.process{padding-top:95px;padding-bottom:95px;gap:55px}.process-title .section-no{margin-bottom:30px}.process-row{grid-template-columns:35px 1fr 25px;gap:12px}.process-row p{grid-column:2;grid-row:2}.process-row i{grid-column:3;grid-row:1/3}.contact{padding-top:85px}.contact-head{grid-template-columns:1fr}.contact-head .section-no{display:none}.contact-head .eyebrow,.contact-head h2{grid-column:auto}.contact-layout{margin-top:55px}.contact-copy{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.contact-form .wide,.contact-form button{grid-column:auto}footer{grid-template-columns:1fr;gap:12px;text-align:left}footer>div:last-child{text-align:left}.project-modal[open]{display:block;overflow:auto}.modal-image{min-height:320px}.modal-copy{padding:42px 24px}.modal-copy h2{font-size:51px}[dir="rtl"] .project-info{right:22px;left:auto}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track,.scan{animation:none}.hero-slide{transition:none;transform:none}.reveal{opacity:1;transform:none;transition:none}*{transition-duration:.001ms!important}} .expertise h2{font-size:clamp(48px,5.7vw,92px)} .expertise-item{cursor:pointer;text-decoration:none} .expertise-item:focus-visible{outline:2px solid #8fb2ff;outline-offset:8px} .expertise-visual{min-height:680px;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.24)} .expertise-visual:before{content:"";position:absolute;z-index:3;inset:18px;border:1px solid rgba(255,255,255,.16);pointer-events:none} .service-image{filter:saturate(.9) contrast(1.05)} .visual-grid{opacity:.32} @media(max-width:1100px){.expertise-visual{min-height:600px}} @media(max-width:720px){.expertise h2{font-size:clamp(44px,13vw,61px)}.expertise-visual{min-height:74vw;max-height:520px}.expertise-item{padding:28px 0}.expertise-item b{font-size:24px}} .service-page{background:#f4f6f9;color:#08111e} .service-header{background:rgba(5,14,25,.92)} .service-hero{position:relative;min-height:88svh;background:#07111e;color:#fff;display:grid;align-items:end;overflow:hidden} .service-hero-media{position:absolute;inset:0} .service-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.06)} .service-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,24,.9) 0%,rgba(5,13,24,.62) 42%,rgba(5,13,24,.16) 74%),linear-gradient(0deg,rgba(5,13,24,.78),transparent 55%)} .service-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:12.5% 16.666%;mix-blend-mode:overlay;opacity:.5} .service-hero-inner{position:relative;z-index:2;width:min(1380px,100%);margin:auto;padding:160px var(--pad) 80px} .service-back{display:inline-flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#bfd1ff;margin-bottom:45px} .service-back b{font-size:16px} .service-hero h1{font-size:clamp(62px,9vw,150px);line-height:.82;letter-spacing:-.075em;margin:0;max-width:1050px} .service-hero-lead{max-width:700px;font-size:clamp(17px,1.4vw,22px);line-height:1.6;color:rgba(255,255,255,.78);margin:34px 0 0} .service-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:38px} .service-hero-meta span{border:1px solid rgba(255,255,255,.22);padding:9px 12px;font-size:8px;letter-spacing:.14em;text-transform:uppercase;background:rgba(5,14,25,.22);backdrop-filter:blur(8px)} .service-intro{max-width:1380px;margin:auto;padding:135px var(--pad);display:grid;grid-template-columns:70px minmax(0,1.15fr) minmax(290px,.65fr);gap:clamp(30px,5vw,90px);align-items:start} .service-intro h2,.service-deliverables h2,.service-process h2,.service-related h2{font-size:clamp(48px,6vw,92px);line-height:.9;letter-spacing:-.06em;margin:0} .service-intro-copy{padding-top:54px} .service-intro-copy p{font-size:clamp(17px,1.45vw,22px);line-height:1.65;color:#4f5d70;margin:0 0 26px} .service-deliverables{background:#081321;color:#fff;padding:120px var(--pad)} .service-deliverables-inner{max-width:1380px;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(45px,8vw,130px)} .deliverable-list{border-top:1px solid rgba(255,255,255,.2)} .deliverable-item{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.16)} .deliverable-item span{font-size:9px;color:#8fb2ff;padding-top:7px} .deliverable-item h3{font-size:clamp(24px,2vw,34px);margin:0 0 8px;letter-spacing:-.035em} .deliverable-item p{margin:0;color:#9aa8ba;line-height:1.55;font-size:13px} .service-process{max-width:1380px;margin:auto;padding:130px var(--pad)} .service-process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid #ccd3de} .service-process-step{padding:30px 26px 36px 0;border-right:1px solid #ccd3de} .service-process-step:last-child{border-right:0;padding-right:0;padding-left:26px} .service-process-step span{font-size:9px;color:#185cff}.service-process-step h3{font-size:27px;margin:32px 0 12px;letter-spacing:-.04em}.service-process-step p{margin:0;color:#667286;line-height:1.55;font-size:13px} .service-related{background:#e8edf5;padding:120px var(--pad)} .service-related-inner{max-width:1380px;margin:auto} .related-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:58px} .related-card{position:relative;min-height:520px;overflow:hidden;background:#06101c;color:#fff} .related-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)} .related-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,16,28,.85),transparent 62%)} .related-card:hover img{transform:scale(1.035)} .related-card-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:28px} .related-card-copy small{font-size:8px;letter-spacing:.15em;color:#c4d4ff}.related-card-copy h3{font-size:clamp(33px,3.5vw,58px);line-height:.9;letter-spacing:-.05em;margin:10px 0 0} .service-next{background:#185cff;color:#fff;padding:90px var(--pad)} .service-next-inner{max-width:1380px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end} .service-next h2{font-size:clamp(48px,6vw,95px);line-height:.88;letter-spacing:-.065em;margin:0;max-width:900px}.service-next .button{background:#fff;color:#06101c;border-color:#fff} .service-footer{background:#06101c} .service-switch{position:fixed;z-index:30;right:22px;bottom:22px;display:flex;gap:6px;padding:5px;background:rgba(5,14,25,.78);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)} .service-switch a{width:38px;height:38px;display:grid;place-items:center;font-size:9px;color:#fff;border:1px solid transparent}.service-switch a.active{border-color:#79a0ff;background:#185cff}.service-switch a:hover{background:rgba(255,255,255,.08)} [dir="rtl"] .service-process-step{padding-right:0;padding-left:26px;border-right:0;border-left:1px solid #ccd3de}[dir="rtl"] .service-process-step:last-child{border-left:0;padding-left:0;padding-right:26px}[dir="rtl"] .related-card-copy{left:28px;right:28px} @media(max-width:1000px){.service-intro{grid-template-columns:55px 1fr}.service-intro-copy{grid-column:2;padding-top:0}.service-deliverables-inner{grid-template-columns:1fr}.service-process-grid{grid-template-columns:1fr 1fr}.service-process-step:nth-child(2){border-right:0}.service-process-step:nth-child(-n+2){border-bottom:1px solid #ccd3de}.related-grid{grid-template-columns:1fr}.service-next-inner{grid-template-columns:1fr;align-items:start}} @media(max-width:720px){.service-hero{min-height:760px}.service-hero-inner{padding:130px var(--pad) 48px}.service-back{margin-bottom:34px}.service-hero h1{font-size:clamp(55px,15vw,82px)}.service-hero-lead{font-size:16px}.service-intro{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px}.service-intro .section-no{display:none}.service-intro-copy{grid-column:auto}.service-intro h2,.service-deliverables h2,.service-process h2,.service-related h2{font-size:clamp(43px,13vw,62px)}.service-deliverables{padding-top:85px;padding-bottom:85px}.service-process{padding-top:90px;padding-bottom:90px}.service-process-grid{grid-template-columns:1fr}.service-process-step,.service-process-step:last-child{border-right:0;border-left:0;border-bottom:1px solid #ccd3de;padding:26px 0}.service-process-step:last-child{border-bottom:0}.related-card{min-height:115vw;max-height:620px}.service-related{padding-top:90px;padding-bottom:90px}.service-next{padding-top:80px;padding-bottom:80px}.service-next h2{font-size:clamp(48px,13vw,68px)}.service-switch{right:12px;bottom:12px}.service-switch a{width:34px;height:34px}} .logo{width:205px;height:64px;background:#fff;padding:0;box-shadow:0 8px 26px rgba(0,0,0,.12)} .logo img{width:100%;height:100%;object-fit:contain} .footer-logo{width:230px;background:#fff;padding:0;display:inline-block} .footer-logo img{width:100%;height:auto;display:block} @media(max-width:1180px){.logo{width:180px;height:58px}.nav{gap:22px}.header-tools{gap:15px}.talk{gap:16px;padding:12px 14px}} @media(max-width:720px){.logo{width:152px;height:50px}.header{height:76px}.footer-logo{width:205px}} :root{ --navy:#071626; --navy-2:#0b2238; --blue:#234f78; --blue-pale:#c5d4e2; --ice:#edf1f4; --paper:#f5f6f7; --white:#ffffff; --text:#08111a; --muted:#6f7882; --line:rgba(8,17,26,.16); } body{background:var(--paper);color:var(--text)} ::selection{background:#173e62;color:#fff} .progress span{background:#d8e1e8} .pointer{background:#fff;color:#071626;box-shadow:0 8px 35px rgba(0,0,0,.22)} .header.scrolled,.service-header{background:rgba(3,9,15,.93);border-bottom:1px solid rgba(255,255,255,.13)} .logo{width:210px;height:70px;background:transparent!important;box-shadow:none!important;overflow:visible} .logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))} .nav a,.lang,.talk{color:#fff} .talk{border-color:rgba(255,255,255,.38)} .talk:hover{background:#fff;color:#071626} .hero-vignette{background:linear-gradient(90deg,rgba(2,7,12,.96) 0%,rgba(5,15,25,.83) 35%,rgba(5,15,25,.34) 73%,rgba(5,15,25,.18) 100%),linear-gradient(0deg,rgba(2,7,12,.76),transparent 52%)} .dot{background:#d9e5ef;box-shadow:0 0 18px rgba(217,229,239,.72)} .button.primary{background:#fff;color:#071626} .button.primary:hover{background:#1f4567;border-color:#1f4567;color:#fff} .hero-dot.is-active,.hero-dot:hover{background:#fff;color:#071626} .ticker{background:#0b2238;color:#fff;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)} .intro-mark,.section-no{color:#163f65;border-color:rgba(22,63,101,.38)} .eyebrow{color:#214f79}.eyebrow.light{color:#cad8e5} .proof strong span,.proof-location strong,.process-row>span{color:#214f79} .expertise{background:#06111d} .expertise-item:before{background:linear-gradient(90deg,rgba(46,85,121,.28),transparent 82%)} .expertise-item:hover b,.expertise-item.is-active b{color:#dbe6ef} .bim-story{background:#0b2238}.bim-board{background:#06111d} .contact{background:#050c13}.contact-head h2 em{color:#c3d3e1} .contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#d7e2eb} .contact-form button:hover{background:#183d5e;color:#fff} footer,.service-footer{background:#02070c!important;color:rgba(255,255,255,.62)} .footer-logo{width:220px;background:transparent!important;padding:0!important} .footer-logo img{height:70px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.24))} .service-next{background:#0b2238}.service-next .button{color:#071626} .service-switch a.active{background:#183f62;border-color:#bfd0df} .service-hero{background:#06111d}.service-page{background:#f3f4f5} .service-back{color:#c3d5e5}.service-hero-meta span{background:rgba(5,14,25,.34)} .deliverable-item span{color:#c1d3e2} .social-links{display:flex;align-items:center;gap:8px} .social-link{width:38px;height:38px;border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;color:#fff;transition:transform .25s,background .25s,border-color .25s;border-radius:50%} .social-link:hover{background:#fff;color:#071626;border-color:#fff;transform:translateY(-3px)} .social-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .social-link svg .fill,.social-link[aria-label="Facebook"] svg path,.social-link[aria-label="LinkedIn"] svg rect,.social-link[aria-label="LinkedIn"] svg path,.social-link[aria-label="TikTok"] svg path{fill:currentColor;stroke:none} .social-floating{position:fixed;z-index:880;left:20px;top:50%;transform:translateY(-50%);flex-direction:column;padding:9px;background:rgba(2,7,12,.68);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 12px 34px rgba(0,0,0,.18)} .footer-social-wrap{display:flex;align-items:center;justify-content:center;gap:14px} .footer-social-wrap>span{font-size:8px;letter-spacing:.17em;color:rgba(255,255,255,.52);white-space:nowrap} .footer-social-wrap .social-link{width:32px;height:32px} .footer-social-wrap .social-link svg{width:15px;height:15px} .contact-qr{margin-top:34px;padding-top:25px;border-top:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:132px 1fr;gap:22px;align-items:center;max-width:520px} .contact-qr img{width:132px;height:132px;object-fit:cover;background:#fff;padding:6px;border-radius:8px} .contact-qr small{display:block;font-size:8px;letter-spacing:.18em;color:#b7c8d7;margin-bottom:9px} .contact-qr strong{display:block;font-size:18px;color:#fff;margin-bottom:7px} .contact-qr p{font-size:13px!important;line-height:1.55!important;color:#8f9cab!important;margin:0!important} @media(max-width:1180px){.logo{width:185px;height:60px}} @media(max-width:720px){ .logo{width:150px;height:52px} .social-floating{position:fixed;left:50%;top:auto;bottom:12px;transform:translateX(-50%);flex-direction:row;border-radius:999px;padding:6px;background:rgba(2,7,12,.86)} .social-floating .social-link{width:34px;height:34px} .contact-qr{grid-template-columns:104px 1fr;gap:16px} .contact-qr img{width:104px;height:104px} .footer-social-wrap{justify-content:flex-start;flex-wrap:wrap} } .header{height:96px} .header.scrolled{background:rgba(3,9,15,.94);backdrop-filter:blur(18px)} .logo{width:198px;height:62px;display:flex;align-items:center;justify-content:flex-start;padding:10px 16px;border-radius:18px;background:rgba(3,9,15,.56)!important;border:1px solid rgba(255,255,255,.10);box-shadow:0 10px 30px rgba(0,0,0,.22)!important;backdrop-filter:blur(14px);overflow:hidden} .logo img{width:100%;height:100%;object-fit:contain;filter:none;display:block} .hero-inner{padding-top:154px;grid-template-rows:1fr auto auto;align-items:center} .hero-copy{align-self:end;max-width:1100px} .hero-copy>p{max-width:720px} .hero-kicker{display:none!important} .expertise-top{align-items:start} .expertise h2{line-height:.9;max-width:900px} .expertise-stage{margin-top:54px} .expertise-list{position:relative;z-index:1} .expertise-item{padding:34px 0} .expertise-item h3{line-height:.95} .footer-logo{width:205px;background:transparent!important;padding:0!important} .footer-logo img{width:100%;height:auto;display:block;filter:none} .contact-direct{display:flex;flex-direction:column;gap:10px} .contact-direct a{display:inline-flex;align-items:center;gap:12px;width:fit-content} @media (max-width:1180px){ .logo{width:184px;height:58px;padding:9px 14px} } @media (max-width:720px){ .header{height:80px} .logo{width:150px;height:48px;padding:8px 12px;border-radius:14px} .hero-inner{padding-top:122px;grid-template-rows:1fr auto auto} .expertise-stage{margin-top:30px} } .logo{ width:280px !important; height:92px !important; padding:12px 22px !important; border-radius:24px !important; background:rgba(3,9,15,.68) !important; border:1px solid rgba(255,255,255,.14) !important; box-shadow:0 14px 36px rgba(0,0,0,.28) !important; backdrop-filter:blur(16px); } .logo img{ width:100% !important; height:100% !important; object-fit:contain !important; display:block; } .hero-copy{ max-width:1200px !important; } .hero-copy>p{ max-width:980px !important; margin-top:28px !important; font-size:clamp(22px,1.7vw,30px) !important; line-height:1.35 !important; color:rgba(255,255,255,.92) !important; font-weight:600 !important; letter-spacing:-0.01em; text-wrap:balance; } @media (max-width:1180px){ .logo{ width:238px !important; height:80px !important; padding:10px 18px !important; } .hero-copy>p{ max-width:860px !important; font-size:clamp(20px,2vw,26px) !important; } } @media (max-width:720px){ .logo{ width:190px !important; height:64px !important; padding:9px 16px !important; border-radius:18px !important; } .hero-copy>p{ max-width:100% !important; font-size:19px !important; line-height:1.42 !important; margin-top:22px !important; } } .header{height:150px !important;align-items:center !important} .logo{ width:205px !important; height:auto !important; min-height:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; backdrop-filter:none !important; overflow:visible !important; } .logo img{ width:205px !important; height:auto !important; max-height:none !important; object-fit:contain !important; filter:drop-shadow(0 7px 18px rgba(0,0,0,.30)) !important; } .header.scrolled .logo{background:transparent !important;border:0 !important;box-shadow:none !important} .hero-inner{padding-top:190px !important} .proof{grid-template-columns:1.05fr .72fr .72fr 1.8fr !important} .proof-location strong{ font-size:clamp(17px,1.55vw,25px) !important; line-height:1.42 !important; letter-spacing:-.025em !important; max-width:100%; } .proof-location p{margin-bottom:22px !important} .expertise h2,.work h2,.process h2,.contact h2,.bim-story h2,.intro h2{letter-spacing:-.045em} @media(max-width:1180px){ .header{height:132px !important} .logo,.logo img{width:180px !important} .hero-inner{padding-top:168px !important} .proof{grid-template-columns:1fr 1fr !important} .proof-location strong{font-size:20px !important} } @media(max-width:720px){ .header{height:106px !important} .logo,.logo img{width:145px !important} .hero-inner{padding-top:138px !important} .proof-location{min-height:220px !important} .proof-location strong{font-size:15px !important;line-height:1.55 !important} } .expertise-top, .work-head{grid-template-columns:70px 1fr !important} .expertise-top>div:nth-child(2), .work-head>div:nth-child(2){grid-column:2 !important;max-width:980px} .hero-copy h1 span{opacity:0;transform:translateY(34px);filter:blur(7px);animation:heroWordIn .85s cubic-bezier(.16,1,.3,1) forwards} .hero-copy h1 span:nth-child(1){animation-delay:.12s} .hero-copy h1 span:nth-child(2){animation-delay:.25s} .hero-copy h1 span:nth-child(3){animation-delay:.38s} .hero-copy>p{opacity:0;transform:translateY(18px);animation:heroLeadIn .7s ease .58s forwards} .hero-actions{opacity:0;transform:translateY(16px);animation:heroLeadIn .7s ease .72s forwards} .hero:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:scaleX(0);animation:heroLine 1.2s cubic-bezier(.16,1,.3,1) .85s forwards;transform-origin:center} @keyframes heroWordIn{to{opacity:1;transform:none;filter:blur(0)}} @keyframes heroLeadIn{to{opacity:1;transform:none}} @keyframes heroLine{to{transform:scaleX(1)}} .intro-head.visible h2{animation:sectionTitleIn .8s cubic-bezier(.16,1,.3,1) both} @keyframes sectionTitleIn{from{opacity:.12;transform:translateY(22px)}to{opacity:1;transform:none}} .contact-form button{position:relative;overflow:hidden} .contact-form button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.42) 50%,transparent 65%);transform:translateX(-120%);transition:transform .65s ease} .contact-form button:hover:before{transform:translateX(120%)} .contact-form button.is-sending{opacity:.68;cursor:wait;transform:none!important} .contact-form button:disabled{cursor:wait} .form-status{grid-column:1/-1;min-height:0;margin-top:-4px;font-size:12px;line-height:1.55;letter-spacing:.02em;opacity:0;transform:translateY(5px);transition:.3s ease} .form-status.success,.form-status.error{opacity:1;transform:none;padding:14px 16px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05)} .form-status.success{color:#e6f3ec;border-color:rgba(167,223,190,.4)} .form-status.error{color:#ffe4e4;border-color:rgba(255,161,161,.36)} @media(max-width:1100px){ .expertise-top,.work-head{grid-template-columns:55px 1fr !important} } @media(max-width:720px){ .expertise-top,.work-head{grid-template-columns:1fr !important} .expertise-top>div:nth-child(2),.work-head>div:nth-child(2){grid-column:auto !important} } @media(prefers-reduced-motion:reduce){ .hero-copy h1 span,.hero-copy>p,.hero-actions,.hero:after,.intro-head.visible h2{animation:none!important;opacity:1!important;transform:none!important;filter:none!important} } p{ text-align:justify; text-justify:inter-word; hyphens:auto; } .eyebrow, .hero-caption p, .proof p, .project-info p, .mobile-foot, .contact-qr small, .footer-social-wrap>span{ text-align:left; hyphens:none; } [dir="rtl"] .eyebrow, [dir="rtl"] .hero-caption p, [dir="rtl"] .proof p, [dir="rtl"] .project-info p, [dir="rtl"] .mobile-foot, [dir="rtl"] .contact-qr small, [dir="rtl"] .footer-social-wrap>span{ text-align:right; } h1,h2,h3,h4,h5,h6,strong{ font-weight:800; } .social-link{ border-color:transparent !important; color:#fff !important; box-shadow:0 7px 18px rgba(0,0,0,.22); transition:transform .28s ease, box-shadow .28s ease, filter .28s ease !important; } .social-link:hover{ color:#fff !important; transform:translateY(-4px) scale(1.05) !important; box-shadow:0 12px 28px rgba(0,0,0,.28); filter:saturate(1.12) brightness(1.06); } .social-link[aria-label="Instagram"]{ background:radial-gradient(circle at 30% 108%,#fdf497 0 5%,#fdf497 6%,#fd5949 44%,#d6249f 68%,#285AEB 100%) !important; } .social-link[aria-label="LinkedIn"]{ background:#0A66C2 !important; } .social-link[aria-label="TikTok"]{ background:#070707 !important; } .social-link[aria-label="TikTok"] svg{ filter:drop-shadow(-1px 0 #25F4EE) drop-shadow(1px 0 #FE2C55); } .social-link[aria-label="Facebook"]{ background:#1877F2 !important; } .social-floating{ background:rgba(4,10,17,.82) !important; border-color:rgba(255,255,255,.12) !important; } .talk{ font-weight:700; } .nav{gap:24px} .project-info h3, .hero-caption strong, .related-card-copy h3, .modal-copy h2, .proof-location strong{ text-transform:none !important; } .footer-credit{ text-align:right; font-size:9px; letter-spacing:.11em; text-transform:none; color:rgba(255,255,255,.66); white-space:nowrap; } .footer-credit .credit-sep{margin:0 7px;color:rgba(255,255,255,.28)} .footer-credit a{ color:#fff; font-weight:800; letter-spacing:.12em; position:relative; padding-bottom:3px; } .footer-credit a:after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:#fff; transform:scaleX(.35); transform-origin:left; transition:transform .28s ease; } .footer-credit a:hover:after{transform:scaleX(1)} .back-home{ position:fixed; right:24px; bottom:24px; z-index:940; width:52px; height:52px; border-radius:50%; display:grid; place-items:center; background:#fff; color:#071626; border:1px solid rgba(7,22,38,.12); box-shadow:0 16px 38px rgba(0,0,0,.22); font-size:23px; line-height:1; opacity:0; pointer-events:none; transform:translateY(14px) scale(.88); transition:opacity .28s ease,transform .28s ease,background .25s ease,color .25s ease; } .back-home.show{opacity:1;pointer-events:auto;transform:none} .back-home:hover{background:#123654;color:#fff;transform:translateY(-3px)} @media(max-width:1180px){ .nav{gap:18px} } @media(max-width:720px){ .footer-credit{text-align:left;white-space:normal;line-height:1.7} [dir="rtl"] .footer-credit{text-align:right} .back-home{right:16px;bottom:72px;width:46px;height:46px;font-size:20px} } #contact{scroll-margin-top:100px} .talk-scroll{scroll-behavior:smooth} .contact-form.form-highlight{animation:formArrival 1.05s ease both} @keyframes formArrival{ 0%{transform:translateY(10px);filter:brightness(1)} 38%{transform:translateY(0);filter:brightness(1.18)} 100%{transform:translateY(0);filter:brightness(1)} } @media(prefers-reduced-motion:reduce){.contact-form.form-highlight{animation:none}} .ticker{ position:relative; height:86px; overflow:hidden; display:flex; align-items:center; background: radial-gradient(circle at 15% 50%,rgba(55,94,133,.22),transparent 26%), linear-gradient(90deg,#071421 0%,#0a1d30 46%,#071421 100%); color:#f5f8fb; border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.10); box-shadow:inset 0 1px 0 rgba(255,255,255,.03),inset 0 -14px 30px rgba(0,0,0,.10); } .ticker:before{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(105deg,transparent 0%,transparent 40%,rgba(255,255,255,.055) 50%,transparent 60%,transparent 100%); transform:translateX(-70%); animation:tickerSheen 9s ease-in-out infinite; } .ticker:after{ content:""; position:absolute; left:0;right:0;top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(218,230,241,.34),transparent); opacity:.85; } .ticker-track{ position:relative; z-index:1; display:flex; align-items:center; gap:0; white-space:nowrap; min-width:max-content; animation:ticker 44s linear infinite; will-change:transform; } .ticker:hover .ticker-track{animation-play-state:paused} .ticker span{ position:relative; display:inline-flex; align-items:center; padding:0 30px; min-height:52px; font-size:11px; line-height:1; letter-spacing:.19em; font-weight:700; text-transform:uppercase; color:rgba(249,252,255,.94); text-shadow:0 1px 18px rgba(255,255,255,.03); transition:color .25s ease,transform .25s ease; } .ticker span:hover{ color:#fff; transform:translateY(-1px); } .ticker i{ width:27px; height:27px; flex:0 0 27px; border:1px solid rgba(210,224,237,.25); border-radius:50%; display:inline-grid; place-items:center; font-style:normal; font-size:13px; font-weight:300; line-height:1; color:rgba(217,229,240,.72); background:rgba(255,255,255,.025); box-shadow:inset 0 0 0 1px rgba(0,0,0,.08); } @keyframes tickerSheen{ 0%,18%{transform:translateX(-85%)} 55%,100%{transform:translateX(85%)} } @media(max-width:720px){ .ticker{height:68px} .ticker span{padding:0 20px;font-size:9px;letter-spacing:.17em;min-height:42px} .ticker i{width:23px;height:23px;flex-basis:23px;font-size:11px} .ticker-track{animation-duration:36s} } .bim-story-copy{padding-top:92px;padding-bottom:92px} .bim-story-copy>p:not(.eyebrow){max-width:740px} .bim-data-expanded{display:grid;grid-template-columns:1fr;gap:0} .bim-data-expanded div{grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);padding:18px 0} .bim-data-expanded span{font-size:9px;letter-spacing:.14em;font-weight:700;color:rgba(255,255,255,.58)} .bim-data-expanded strong{font-size:13px;line-height:1.45;letter-spacing:.055em;text-align:left} .coord{border-radius:999px;padding:9px 14px;background:rgba(4,13,24,.78);backdrop-filter:blur(8px);font-weight:700} @media(max-width:720px){ .bim-data-expanded div{grid-template-columns:1fr;gap:7px;padding:16px 0} .bim-data-expanded strong{text-align:left;font-size:12px} [dir="rtl"] .bim-data-expanded strong{text-align:right} } .proof{ grid-template-columns:.78fr .78fr .78fr 2.35fr !important; align-items:stretch; background:#f7f9fb; } .proof article{min-height:210px} .proof-map{ position:relative; padding:0 !important; overflow:hidden; background:#fff; min-height:300px !important; } .proof-map-head{ position:absolute; z-index:2; top:22px; left:24px; display:flex; flex-direction:column; gap:5px; padding:10px 13px; background:rgba(255,255,255,.90); border:1px solid rgba(11,45,78,.10); box-shadow:0 8px 22px rgba(18,44,69,.08); backdrop-filter:blur(10px); } .proof-map-head span{ font-size:9px; letter-spacing:.16em; text-transform:uppercase; color:#0b345b; font-weight:800; } .proof-map-head small{ font-size:8px; letter-spacing:.12em; text-transform:uppercase; color:#78889a; } .proof-map figure{margin:0;width:100%;height:100%;display:grid;place-items:center;background:#fff} .proof-map img{ width:100%; height:100%; min-height:300px; object-fit:contain; padding:18px 18px 10px; filter:saturate(.92) contrast(1.02); transition:transform .7s cubic-bezier(.16,1,.3,1),filter .45s ease; } .proof-map:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.04)} .chat-launcher{ position:fixed; z-index:970; right:24px; bottom:90px; width:58px; height:58px; border-radius:50%; border:1px solid rgba(255,255,255,.16); background:linear-gradient(145deg,#0b2d4b,#153f64); color:#fff; display:grid; place-items:center; box-shadow:0 16px 38px rgba(0,0,0,.28); transition:transform .28s ease,box-shadow .28s ease,background .28s ease; } .chat-launcher:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(0,0,0,.34)} .chat-launcher svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round} .chat-pulse{position:absolute;right:6px;top:6px;width:9px;height:9px;border-radius:50%;background:#76c6ff;box-shadow:0 0 0 0 rgba(118,198,255,.55);animation:chatPulse 2.4s infinite} @keyframes chatPulse{0%{box-shadow:0 0 0 0 rgba(118,198,255,.52)}70%{box-shadow:0 0 0 10px rgba(118,198,255,0)}100%{box-shadow:0 0 0 0 rgba(118,198,255,0)}} .chat-widget{ position:fixed; z-index:965; right:24px; bottom:160px; width:min(380px,calc(100vw - 34px)); background:#f8fafc; color:#071626; border:1px solid rgba(7,22,38,.12); box-shadow:0 28px 70px rgba(0,0,0,.32); transform:translateY(18px) scale(.96); transform-origin:bottom right; opacity:0; pointer-events:none; transition:opacity .28s ease,transform .32s cubic-bezier(.16,1,.3,1); } .chat-widget.open{opacity:1;pointer-events:auto;transform:none} .chat-head{ display:flex; align-items:center; justify-content:space-between; padding:18px 18px 16px; background:#071a2d; color:#fff; } .chat-head div{display:flex;flex-direction:column;gap:3px} .chat-head small{font-size:8px;letter-spacing:.2em;color:#9fc3e4} .chat-head strong{font-size:16px;letter-spacing:-.02em} .chat-head button{border:0;background:transparent;color:#fff;font-size:26px;line-height:1;padding:0 3px} .chat-body{height:330px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#f8fafc,#eef3f7)} .chat-message{max-width:86%;padding:12px 14px;font-size:13px;line-height:1.55;border-radius:16px} .chat-message.bot{align-self:flex-start;background:#fff;border:1px solid rgba(7,22,38,.09);box-shadow:0 6px 18px rgba(17,43,68,.06)} .chat-message.user{align-self:flex-end;background:#0d3558;color:#fff;border-bottom-right-radius:5px} .chat-message a{font-weight:800;text-decoration:underline;text-underline-offset:3px} .chat-quick{display:flex;flex-wrap:wrap;gap:7px} .chat-quick button{ border:1px solid #cad6e1; background:#fff; color:#173f62; padding:8px 10px; font-size:10px; letter-spacing:.035em; transition:.22s ease; } .chat-quick button:hover{background:#173f62;color:#fff;border-color:#173f62} .chat-form{display:grid;grid-template-columns:1fr 50px;border-top:1px solid #d8e0e8;background:#fff} .chat-form input{min-width:0;border:0;outline:0;padding:15px 16px;background:transparent;color:#071626;font-size:13px} .chat-form button{border:0;background:#0b2d4b;color:#fff;font-size:18px} .chat-form button:hover{background:#164b76} @media(max-width:1180px){ .proof{grid-template-columns:1fr 1fr !important} .proof-map{grid-column:1/-1;min-height:360px !important} } @media(max-width:720px){ .proof{grid-template-columns:1fr 1fr !important} .proof-map{grid-column:1/-1;min-height:300px !important} .proof-map img{min-height:300px;padding:52px 8px 8px} .proof-map-head{top:14px;left:14px} .chat-launcher{right:16px;bottom:126px;width:52px;height:52px} .chat-widget{right:12px;bottom:190px;width:calc(100vw - 24px)} .chat-body{height:300px} } .proof.proof-stats{ grid-template-columns:repeat(3,1fr) !important; max-width:var(--max); background:#f7f9fb; } .proof.proof-stats article{min-height:210px} .proof.proof-stats article:nth-child(3){border-right:0} .experience-map-section{ max-width:var(--max); margin:0 auto; padding:145px var(--pad) 150px; } .experience-map-head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.48fr); gap:clamp(36px,6vw,100px); align-items:end; margin-bottom:48px; } .experience-map-head h2{ margin:0; max-width:900px; font-size:clamp(48px,6.2vw,96px); line-height:.92; letter-spacing:-.055em; font-weight:780; color:#071626; } .experience-map-head>p{ margin:0 0 6px; font-size:15px; line-height:1.75; color:#596879; text-align:justify; } .experience-map-card{ margin:0; position:relative; overflow:hidden; min-height:520px; background:#fff; border:1px solid #d6dee7; box-shadow:0 24px 60px rgba(15,44,70,.09); } .experience-map-card:before{ content:""; position:absolute; z-index:2; inset:0; pointer-events:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.72); } .experience-map-card img{ width:100%; height:100%; min-height:520px; object-fit:contain; padding:30px 42px; background:#fff; filter:saturate(.98) contrast(1.03); transition:transform .8s cubic-bezier(.16,1,.3,1),filter .45s ease; } .experience-map-card:hover img{transform:scale(1.018);filter:saturate(1.04) contrast(1.04)} .bim-story-copy{padding-right:clamp(42px,5vw,96px)} .bim-story-copy .bim-title{ max-width:760px; font-size:clamp(52px,4.9vw,84px) !important; line-height:.9 !important; letter-spacing:-.052em !important; text-wrap:balance; } .bim-title span{ display:inline-block; margin-top:8px; font-size:.78em; line-height:.98; color:#c7d9e8; font-weight:690; } .chat-quick-label{ margin-top:2px; font-size:8px; letter-spacing:.16em; text-transform:uppercase; color:#708196; font-weight:800; } .chat-quick{ display:grid !important; grid-template-columns:1fr 1fr; gap:7px !important; } .chat-quick button{ min-height:48px; padding:9px 10px !important; line-height:1.28; text-align:left; border-radius:10px; font-weight:700; } .chat-body{height:390px} @media(max-width:1100px){ .proof.proof-stats{grid-template-columns:repeat(3,1fr) !important} .experience-map-head{grid-template-columns:1fr} .experience-map-head>p{max-width:760px} .bim-story-copy .bim-title{font-size:clamp(52px,7vw,78px) !important} } @media(max-width:720px){ .proof.proof-stats{grid-template-columns:1fr !important} .proof.proof-stats article{border-right:0;border-bottom:1px solid var(--line)} .proof.proof-stats article:last-child{border-bottom:0} .experience-map-section{padding:90px var(--pad) 95px} .experience-map-head{margin-bottom:28px} .experience-map-head h2{font-size:clamp(43px,12vw,62px)} .experience-map-card{min-height:340px} .experience-map-card img{min-height:340px;padding:16px 8px} .bim-story-copy{padding-right:var(--pad)} .bim-story-copy .bim-title{font-size:clamp(46px,12.5vw,64px) !important} .bim-title span{font-size:.74em} .chat-quick{grid-template-columns:1fr !important} .chat-body{height:340px} } .experience-map-section-v21{ max-width:none !important; width:100%; margin:0 !important; padding:0 !important; background:#071b2f; color:#fff; position:relative; overflow:hidden; } .experience-map-section-v21:before{ content:""; position:absolute; inset:0; background: radial-gradient(circle at 80% 10%,rgba(109,143,182,.16),transparent 32%), linear-gradient(180deg,rgba(255,255,255,.025),transparent 28%); pointer-events:none; } .experience-map-inner{ position:relative; z-index:1; width:min(1540px,100%); margin:0 auto; padding:120px var(--pad) 105px; } .experience-map-section-v21 .experience-map-head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.44fr); gap:clamp(40px,7vw,120px); align-items:end; margin-bottom:48px; } .experience-map-section-v21 .experience-map-head h2{ color:#fff; max-width:900px; font-size:clamp(54px,6vw,94px); line-height:.92; letter-spacing:-.052em; margin:0; } .experience-map-section-v21 .experience-map-head>p{ color:rgba(255,255,255,.68); font-size:15px; line-height:1.8; margin:0 0 6px; max-width:520px; } .experience-map-canvas{ margin:0; width:100%; position:relative; background:transparent; border:0; box-shadow:none; overflow:visible; } .experience-map-canvas img{ width:100%; height:auto; display:block; object-fit:contain; background:transparent; filter:none; transform:none; } @media(max-width:900px){ .experience-map-inner{padding:90px var(--pad) 80px} .experience-map-section-v21 .experience-map-head{grid-template-columns:1fr;gap:22px;margin-bottom:28px} .experience-map-section-v21 .experience-map-head>p{max-width:720px} } @media(max-width:720px){ .experience-map-inner{padding:76px 12px 70px} .experience-map-section-v21 .experience-map-head{padding:0 8px} .experience-map-section-v21 .experience-map-head h2{font-size:clamp(44px,13vw,64px)} .experience-map-canvas{overflow-x:auto;scrollbar-width:none} .experience-map-canvas::-webkit-scrollbar{display:none} .experience-map-canvas img{min-width:900px;width:900px;max-width:none} } .intro-actions{display:flex;flex-wrap:wrap;gap:22px 30px;align-items:center}.profile-download{color:#0d3558}.profile-download b{font-size:18px}.project-card-feature{grid-column:1/-1;height:520px}.project-card-feature .project-info h3{font-size:clamp(44px,5.5vw,88px)} .market-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.market-list span{border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.78);padding:10px 13px;font-size:8px;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.035)} .footer-profile{color:#fff!important;font-weight:800}.footer-profile:hover{text-decoration:underline;text-underline-offset:4px} @media(max-width:720px){.intro-actions{align-items:flex-start;flex-direction:column;gap:18px}.project-card-feature{height:118vw;max-height:620px}.market-list{gap:7px}.market-list span{font-size:7px;padding:8px 10px}} .project-page-body{background:#eef1f4}.project-page-body .header{background:rgba(3,9,15,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)} .project-hero{min-height:92svh;background:#071524;color:#fff;position:relative;overflow:hidden;display:grid;align-items:end}.project-hero-media{position:absolute;inset:0}.project-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}.project-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,22,.92) 0%,rgba(4,12,22,.72) 45%,rgba(4,12,22,.18) 84%),linear-gradient(0deg,rgba(4,12,22,.8),transparent 45%)} .project-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:100% 25%,16.666% 100%;opacity:.65}.project-hero-content{position:relative;z-index:2;max-width:var(--max);width:100%;margin:auto;padding:210px var(--pad) 72px}.project-hero-content .eyebrow{color:#a9c9e9}.project-hero-content h1{font-size:clamp(64px,9vw,144px);line-height:.8;letter-spacing:-.075em;margin:0;max-width:9ch}.project-hero-content>p{max-width:760px;font-size:clamp(16px,1.4vw,22px);line-height:1.65;color:rgba(255,255,255,.78);margin:32px 0 0}.project-meta-strip{margin-top:42px;padding-top:24px;border-top:1px solid rgba(255,255,255,.22);display:flex;flex-wrap:wrap;gap:12px}.project-meta-strip span{border:1px solid rgba(255,255,255,.22);padding:10px 12px;font-size:8px;letter-spacing:.14em;text-transform:uppercase;background:rgba(0,0,0,.12)} .case-section{max-width:var(--max);margin:auto;padding:120px var(--pad)}.case-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(45px,7vw,120px);align-items:start}.case-kicker{position:sticky;top:150px}.case-kicker .eyebrow{margin-bottom:16px}.case-kicker h2{font-size:clamp(44px,5.6vw,84px);line-height:.9;letter-spacing:-.06em;margin:0}.case-copy p{font-size:clamp(17px,1.35vw,21px);line-height:1.78;color:#48566a;margin:0 0 25px}.case-list{display:grid;gap:0;border-top:1px solid var(--line);margin-top:38px}.case-list li{list-style:none;display:grid;grid-template-columns:34px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:18px 0;color:#26364a;line-height:1.55}.case-list li:before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.1em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019%2019%205M5%205h14v14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019%2019%205M5%205h14v14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;color:#185cff;font-weight:800}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:50px}.case-fact{background:#f7f8fa;padding:24px}.case-fact small{display:block;color:#6e7c8f;font-size:8px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:11px}.case-fact strong{font-size:18px;line-height:1.3} .case-gallery{background:#06101c;padding:100px var(--pad);color:#fff}.case-gallery-inner{max-width:var(--max);margin:auto}.case-gallery-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:45px}.case-gallery-head h2{font-size:clamp(44px,5.5vw,80px);margin:0;letter-spacing:-.06em}.case-gallery-head p{max-width:480px;color:#9ba9b9;line-height:1.65}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.gallery-grid figure{margin:0;overflow:hidden;background:#0c1725;min-height:360px}.gallery-grid figure:first-child{grid-row:span 2;min-height:740px}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}.gallery-grid figure:hover img{transform:scale(1.025)} .project-cta{background:#fff;padding:95px var(--pad)}.project-cta-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}.project-cta h2{font-size:clamp(50px,6vw,94px);line-height:.9;letter-spacing:-.065em;margin:0}.project-cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.project-cta .button{border-color:#172538}.project-cta .button.ghost{color:#07111e}.project-cta .button.ghost:hover{background:#07111e;color:#fff}.project-nav{background:#0a192a;color:#fff;padding:28px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:20px}.project-nav a{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.7)}.project-nav a:hover{color:#fff}.project-nav strong{font-size:14px} @media(max-width:900px){.case-grid,.project-cta-inner{grid-template-columns:1fr}.case-kicker{position:static}.case-facts{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr}.gallery-grid figure:first-child{grid-row:auto;min-height:520px}.gallery-grid figure{min-height:380px}.project-cta-actions{justify-content:flex-start}} @media(max-width:720px){.project-hero{min-height:760px}.project-hero-content{padding:170px 20px 48px}.project-hero-content h1{font-size:clamp(58px,17vw,82px);max-width:10ch}.case-section{padding:85px 20px}.case-facts{grid-template-columns:1fr}.case-gallery{padding:75px 20px}.case-gallery-head{display:block}.case-gallery-head p{margin-top:18px}.gallery-grid figure,.gallery-grid figure:first-child{min-height:72vw}.project-cta{padding:75px 20px}.project-nav{padding:24px 20px}.project-nav strong{display:none}} .header{column-gap:18px} .nav{gap:20px} .nav a{font-size:9px} .profile-header{display:flex;align-items:center;gap:15px;background:#fff;color:#07111e;border:1px solid #fff;padding:14px 16px;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease} .profile-header b{font-size:14px;line-height:1} .profile-header:hover{background:#1d4f78;color:#fff;border-color:#1d4f78;transform:translateY(-2px)} .mobile-profile-link{margin-top:14px!important;background:#fff!important;color:#07111e!important;padding:15px 16px!important;font-weight:800!important} .why-line{background:#f1f3f6;color:#07111e;padding:120px var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .why-line-inner{max-width:var(--max);margin:auto} .why-line-head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:55px} .why-line-head h2{font-size:clamp(64px,8vw,130px);line-height:.82;letter-spacing:-.075em;margin:0;max-width:8ch} .why-line-head>p{max-width:560px;margin:0 0 10px;color:#526176;font-size:clamp(16px,1.25vw,20px);line-height:1.65} .why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cfd5dc;border-left:1px solid #cfd5dc} .why-card{padding:28px 26px 34px;border-right:1px solid #cfd5dc;border-bottom:1px solid #cfd5dc;min-height:275px;display:flex;flex-direction:column} .why-card>span{font-size:9px;letter-spacing:.18em;color:#41698d;margin-bottom:42px} .why-card h3{font-size:clamp(23px,2vw,31px);line-height:1.02;letter-spacing:-.035em;margin:0 0 16px;max-width:9ch} .why-card p{margin:auto 0 0;color:#5f6c7e;font-size:14px;line-height:1.65} .why-cta{margin-top:30px;background:#07111e;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 30px} .why-cta>div{display:flex;align-items:baseline;gap:20px}.why-cta strong{font-size:clamp(42px,5vw,72px);letter-spacing:-.06em}.why-cta span{color:#a9b7c7;max-width:430px;font-size:14px;line-height:1.55} .profile-large{display:inline-flex;align-items:center;gap:35px;padding:18px 22px;background:#fff;color:#07111e;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;transition:.25s} .profile-large:hover{background:#244f74;color:#fff;transform:translateY(-2px)} .profile-large b{font-size:18px} .footer-credit{white-space:normal} @media(max-width:1280px){.nav{gap:14px}.nav a{font-size:8px}.profile-header{padding:12px 13px;gap:10px}.talk{gap:12px}} @media(max-width:1100px){.profile-header{display:flex}.why-grid{grid-template-columns:1fr 1fr}.why-line-head{grid-template-columns:1fr;gap:24px}.why-line-head h2{max-width:none}.why-line-head>p{max-width:760px}} @media(max-width:720px){.profile-header{display:none}.why-line{padding:88px 20px}.why-grid{grid-template-columns:1fr}.why-card{min-height:0;padding:24px 22px}.why-card>span{margin-bottom:26px}.why-card h3{max-width:none}.why-cta{align-items:flex-start;flex-direction:column}.why-cta>div{align-items:flex-start;flex-direction:column;gap:8px}.profile-large{width:100%;justify-content:space-between}} h1,h2,h3,.why-card h3,.project-info h3,.process-row h3,.case-section h2,.case-section h3{ text-transform:none; } .hero-capabilities{ margin-top:30px; width:min(1080px,100%); display:grid; gap:13px; } .hero-capabilities-row{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(18px,4vw,70px); align-items:center; } .hero-capabilities-row.secondary{ grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; } .hero-capabilities-row strong{ color:rgba(255,255,255,.95); font-size:clamp(18px,1.55vw,26px); font-weight:750; letter-spacing:-.02em; line-height:1.15; white-space:nowrap; } .hero-capabilities-row strong:not(:last-child){ position:relative; } .hero-capabilities-row strong:not(:last-child):after{ content:""; position:absolute; right:calc(-1 * clamp(10px,2vw,34px)); top:50%; width:clamp(18px,3vw,46px); height:1px; background:rgba(255,255,255,.28); } .intro{padding-bottom:90px!important} .why-line.about-continuation{ margin-top:0!important; border-top:1px solid var(--line); background:linear-gradient(180deg,#f4f6f8 0%,#eef2f5 100%); } .why-line.about-continuation .why-line-inner{padding-top:88px} .company-metrics{ display:grid; grid-template-columns:repeat(5,1fr); background:#5878aa; color:#fff; border-top:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); } .metric-card{ min-height:265px; padding:45px 26px 38px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border-right:1px solid rgba(255,255,255,.18); position:relative; } .metric-card:last-child{border-right:0} .metric-icon{width:42px;height:42px;margin-bottom:24px;color:#fff} .metric-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .metric-card strong{ display:block; font-size:clamp(34px,3.1vw,58px); line-height:1; letter-spacing:-.055em; font-weight:850; white-space:nowrap; } .metric-card strong span{font-size:.54em;vertical-align:top;position:relative;top:.08em} .metric-card p{ margin:17px 0 0; color:rgba(255,255,255,.88); font-size:11px; letter-spacing:.03em; text-transform:none; line-height:1.45; } .experience-map-section-v24{ width:100%; margin:0; padding:0; background:#071b2f; color:#fff; position:relative; overflow:hidden; } .experience-map-section-v24:before{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 78% 5%,rgba(103,143,188,.18),transparent 30%); pointer-events:none; } .experience-map-section-v24 .experience-map-head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.42fr); gap:clamp(42px,7vw,120px); align-items:end; margin-bottom:52px; } .experience-map-section-v24 .experience-map-head h2{ color:#fff; font-size:clamp(54px,6vw,94px); line-height:.92; letter-spacing:-.052em; margin:0; max-width:860px; } .experience-map-section-v24 .experience-map-head>p{ color:rgba(255,255,255,.72); font-size:15px; line-height:1.75; margin:0 0 4px; } .map-layout{ display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr); gap:34px; align-items:stretch; } .experience-map-section-v24 .experience-map-canvas{ min-height:570px; margin:0; display:flex; align-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.018); } .experience-map-section-v24 .experience-map-canvas img{ display:block; width:100%; min-width:0; height:auto; filter:contrast(1.04) brightness(1.08); } .map-legend{ border-left:1px solid rgba(255,255,255,.16); padding:22px 0 22px 34px; display:flex; flex-direction:column; justify-content:center; } .map-legend-kicker{ margin:0 0 24px; color:#8fb9e5; font-size:10px; text-transform:uppercase; letter-spacing:.18em; font-weight:800; } .map-legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:0} .map-legend-grid span{ padding:13px 12px 13px 0; color:#fff; border-bottom:1px solid rgba(255,255,255,.10); font-size:14px; line-height:1.2; font-weight:650; letter-spacing:.01em; text-transform:none; } @media(max-width:1150px){ .company-metrics{grid-template-columns:repeat(3,1fr)} .metric-card:nth-child(3){border-right:0} .metric-card:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.18)} .metric-card:nth-child(4),.metric-card:nth-child(5){grid-column:span 1} .map-layout{grid-template-columns:1fr} .map-legend{border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:28px 0 0} .map-legend-grid{grid-template-columns:repeat(3,1fr)} } @media(max-width:720px){ .hero-capabilities{gap:10px;margin-top:24px} .hero-capabilities-row,.hero-capabilities-row.secondary{grid-template-columns:1fr 1fr;gap:10px 22px} .hero-capabilities-row.secondary strong:last-child{grid-column:1/-1} .hero-capabilities-row strong{font-size:16px;white-space:normal} .hero-capabilities-row strong:after{display:none} .company-metrics{grid-template-columns:1fr 1fr} .metric-card{min-height:190px;padding:30px 16px} .metric-card:nth-child(odd){border-right:1px solid rgba(255,255,255,.18)} .metric-card:nth-child(even){border-right:0} .metric-card:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.18)} .metric-card:last-child{grid-column:1/-1;border-right:0} .metric-icon{width:34px;height:34px;margin-bottom:18px} .metric-card strong{font-size:39px} .experience-map-section-v24 .experience-map-head{grid-template-columns:1fr;gap:20px} .experience-map-section-v24 .experience-map-canvas{min-height:0;overflow-x:auto} .experience-map-section-v24 .experience-map-canvas img{min-width:850px;width:850px;max-width:none} .map-legend-grid{grid-template-columns:1fr 1fr} .map-legend-grid span{font-size:13px} } .nav a, .lang, .talk, .profile-header{ text-transform:none; } .nav{ gap:24px; } .nav a{ font-size:11px !important; font-weight:700; letter-spacing:.17em; color:rgba(255,255,255,.88); } .nav a:hover{color:#fff} .nav a:after{ bottom:2px; height:1.5px; } .lang{ font-size:11px; font-weight:700; letter-spacing:.14em; } .talk, .profile-header{ font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:none; } .mobile-links a{ font-size:18px; letter-spacing:.06em; font-weight:700; text-transform:none; } .experience-map-section-v24{ background:linear-gradient(135deg,#061626 0%,#082241 42%,#06172a 100%); } .experience-map-section-v24:before{ background: radial-gradient(circle at 82% 8%,rgba(120,167,218,.22),transparent 28%), radial-gradient(circle at 18% 82%,rgba(44,104,177,.12),transparent 26%); } .experience-map-section-v24 .experience-map-head{ grid-template-columns:minmax(0,1fr) minmax(340px,.46fr); gap:clamp(34px,5vw,88px); margin-bottom:40px; } .experience-map-section-v24 .experience-map-head h2{ font-size:clamp(52px,6vw,88px); line-height:.9; max-width:640px; } .experience-map-section-v24 .experience-map-head>p{ max-width:420px; font-size:16px; line-height:1.82; color:rgba(255,255,255,.78); } .map-layout{ grid-template-columns:minmax(0,1.72fr) minmax(300px,.58fr); gap:30px; align-items:stretch; } .experience-map-section-v24 .experience-map-canvas{ position:relative; min-height:600px; border-radius:22px; border:1px solid rgba(255,255,255,.09); background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)); box-shadow:0 26px 80px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04); } .experience-map-section-v24 .experience-map-canvas:before, .experience-map-section-v24 .experience-map-canvas:after{ content:""; position:absolute; inset:0; pointer-events:none; } .experience-map-section-v24 .experience-map-canvas:before{ border-radius:22px; background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 34%,transparent 66%,rgba(255,255,255,.03)); } .experience-map-section-v24 .experience-map-canvas:after{ inset:18px; border-radius:16px; border:1px solid rgba(255,255,255,.06); } .experience-map-section-v24 .experience-map-canvas img{ position:relative; z-index:1; width:108%; max-width:none; margin-left:-4%; filter:contrast(1.06) brightness(1.08) saturate(1.02); transform-origin:center center; } .experience-map-canvas.reveal.visible img{ animation:marketMapFloat 14s ease-in-out infinite; } .map-legend{ border-left:1px solid rgba(255,255,255,.14); padding:26px 0 26px 34px; } .map-legend-kicker{ margin:0 0 20px; font-size:10px; letter-spacing:.22em; color:#96c0ec; } .map-legend-grid{ gap:4px 18px; } .map-legend-grid span{ position:relative; padding:14px 16px 14px 0; font-size:15px; font-weight:750; letter-spacing:.01em; color:rgba(255,255,255,.95); transition:transform .25s ease,color .25s ease,border-color .25s ease; } .map-legend-grid span:before{ content:""; position:absolute; left:0; top:50%; width:8px; height:8px; border-radius:50%; background:#7fb2f4; box-shadow:0 0 0 4px rgba(127,178,244,.12); transform:translate(-16px,-50%); } .map-legend.reveal.visible .map-legend-grid span{ animation:marketItemRise .55s cubic-bezier(.16,1,.3,1) both; } .map-legend.reveal.visible .map-legend-grid span:nth-child(1){animation-delay:.04s} .map-legend.reveal.visible .map-legend-grid span:nth-child(2){animation-delay:.08s} .map-legend.reveal.visible .map-legend-grid span:nth-child(3){animation-delay:.12s} .map-legend.reveal.visible .map-legend-grid span:nth-child(4){animation-delay:.16s} .map-legend.reveal.visible .map-legend-grid span:nth-child(5){animation-delay:.20s} .map-legend.reveal.visible .map-legend-grid span:nth-child(6){animation-delay:.24s} .map-legend.reveal.visible .map-legend-grid span:nth-child(7){animation-delay:.28s} .map-legend.reveal.visible .map-legend-grid span:nth-child(8){animation-delay:.32s} .map-legend.reveal.visible .map-legend-grid span:nth-child(9){animation-delay:.36s} .map-legend.reveal.visible .map-legend-grid span:nth-child(10){animation-delay:.40s} .map-legend.reveal.visible .map-legend-grid span:nth-child(11){animation-delay:.44s} .map-legend.reveal.visible .map-legend-grid span:nth-child(12){animation-delay:.48s} .map-legend.reveal.visible .map-legend-grid span:nth-child(13){animation-delay:.52s} .map-legend-grid span:hover{ transform:translateX(6px); color:#fff; border-color:rgba(255,255,255,.24); } @keyframes marketMapFloat{ 0%,100%{transform:scale(1.02) translateY(0)} 50%{transform:scale(1.04) translateY(-10px)} } @keyframes marketItemRise{ 0%{opacity:0;transform:translateY(18px)} 100%{opacity:1;transform:translateY(0)} } @media(max-width:1360px){ .nav{gap:18px} .nav a{font-size:10px !important;letter-spacing:.15em} .header-tools{gap:14px} .talk,.profile-header{font-size:9px} } @media(max-width:1150px){ .map-layout{grid-template-columns:1fr} .experience-map-section-v24 .experience-map-canvas{min-height:540px} .map-legend{border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:26px 0 0} .map-legend-grid{grid-template-columns:repeat(3,1fr)} } @media(max-width:720px){ .nav a{font-size:10px !important} .experience-map-section-v24 .experience-map-head h2{font-size:clamp(44px,12vw,64px)} .experience-map-section-v24 .experience-map-head>p{font-size:15px;line-height:1.7} .experience-map-section-v24 .experience-map-canvas{min-height:0;border-radius:18px} .experience-map-section-v24 .experience-map-canvas img{width:900px;max-width:none;min-width:900px;margin-left:0} .map-legend-grid{grid-template-columns:1fr 1fr} .map-legend-grid span{font-size:13px;padding:12px 8px 12px 14px} .map-legend-grid span:before{transform:translate(-4px,-50%);width:6px;height:6px} } :root{ --max:1660px; --section-space:clamp(96px,9vw,144px); } body{background:#f4f6f8} .header{ height:104px; padding:0 clamp(24px,3.4vw,58px); } .logo{ width:168px; height:auto; background:none; } .logo img{ height:auto; max-height:72px; object-fit:contain; } .nav{gap:26px} .nav a{ font-size:12px !important; font-weight:700; letter-spacing:.14em; color:rgba(255,255,255,.92); padding:14px 0; } .nav a:after{ bottom:1px; height:2px; background:linear-gradient(90deg,#ffffff,rgba(255,255,255,.45)); } .header-tools{gap:16px} .lang{ font-size:11px; font-weight:700; letter-spacing:.14em; } .talk, .profile-header{ font-size:11px; font-weight:700; letter-spacing:.13em; padding:15px 18px; } .mobile-links a{font-weight:750} .section-no, .intro-mark{ width:48px; height:32px; font-size:10px; letter-spacing:.16em; } .intro, .work, .process{ padding-top:var(--section-space); padding-bottom:var(--section-space); } .intro{ grid-template-columns:64px minmax(0,1.02fr) minmax(430px,.76fr); align-items:end; gap:clamp(28px,4.2vw,78px); } .intro h2, .expertise h2, .work h2, .bim-story h2, .process h2, .contact h2{ font-size:clamp(54px,5.6vw,92px); line-height:.92; letter-spacing:-.055em; } .intro h2{max-width:8.5ch} .intro-head{max-width:760px} .intro-side{ padding-top:34px; max-width:560px; } .intro-side p{ font-size:clamp(17px,1.3vw,21px); line-height:1.7; color:#536274; } .company-metrics{grid-template-columns:repeat(5,minmax(0,1fr))} .metric-card{min-height:230px;padding:40px 22px 34px} .metric-icon{width:38px;height:38px;margin-bottom:20px} .metric-card strong{font-size:clamp(38px,3.2vw,60px)} .metric-card p{font-size:12px;max-width:180px} .why-line{padding:var(--section-space) var(--pad)} .why-line.about-continuation .why-line-inner{padding-top:0} .why-line-head{ grid-template-columns:minmax(0,1fr) minmax(380px,.72fr); gap:clamp(26px,4vw,70px); align-items:start; margin-bottom:46px; } .why-line-head h2{ max-width:none; font-size:clamp(58px,5.8vw,92px); line-height:.9; } .why-line-head>p{max-width:620px} .why-card{min-height:250px;padding:28px 24px 30px} .why-card h3{font-size:clamp(24px,2vw,34px);line-height:.98} .why-card p{font-size:14px;line-height:1.6} .why-cta{margin-top:22px;padding:28px 30px} .expertise{padding-top:var(--section-space);padding-bottom:var(--section-space)} .expertise-top{margin-bottom:64px} .expertise-stage{gap:clamp(34px,5vw,72px)} .expertise-item h3{font-size:clamp(28px,2.35vw,40px)} .expertise-item p{font-size:13px;line-height:1.65} .expertise-visual{min-height:620px} .work-head{margin-bottom:62px !important} .project-editorial{gap:20px} .project-card-large,.project-card-tall{height:660px} .project-card-wide,.project-card-small{height:500px} .project-card-feature{height:500px} .project-info p{font-size:11px;letter-spacing:.1em;text-transform:none} .project-info h3{line-height:.86} .bim-story{ min-height:760px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); } .bim-board{min-height:760px} .bim-story-copy{padding:92px clamp(28px,4.2vw,64px) 92px clamp(28px,4vw,64px)} .bim-story-copy>p:not(.eyebrow){max-width:700px;font-size:clamp(17px,1.28vw,21px);line-height:1.68} .bim-data strong{font-size:13px;letter-spacing:.06em} .process{ grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr); align-items:start; gap:clamp(44px,5.5vw,92px); } .process-title{max-width:520px} .process-row{grid-template-columns:44px .74fr 1fr 26px;gap:18px;padding:30px 0} .process-row h3{font-size:clamp(27px,2.15vw,38px)} .process-row p{font-size:14px;line-height:1.6} .experience-map-section-v24{ max-width:none !important; width:100%; margin:0 !important; } .experience-map-inner{ width:min(1660px,100%); margin:0 auto; padding:var(--section-space) var(--pad) calc(var(--section-space) + 6px); } .experience-map-section-v24 .experience-map-head{ grid-template-columns:minmax(0,1.04fr) minmax(430px,.72fr); align-items:end; gap:clamp(34px,4vw,72px); margin-bottom:42px; } .experience-map-section-v24 .experience-map-head h2{ max-width:740px; font-size:clamp(58px,5.7vw,90px); } .experience-map-section-v24 .experience-map-head>p{ max-width:560px; font-size:17px; line-height:1.8; color:rgba(255,255,255,.8); } .map-layout{ grid-template-columns:minmax(0,1.52fr) minmax(360px,.58fr); gap:34px; } .experience-map-section-v24 .experience-map-canvas{ min-height:560px; width:100%; } .experience-map-section-v24 .experience-map-canvas img{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; object-fit:contain; } .map-legend{padding:20px 0 20px 34px} .map-legend-grid span{ padding:15px 10px 15px 16px; font-size:16px; } .map-legend-grid span:before{left:2px} .contact{ padding-top:var(--section-space); padding-bottom:74px; } .contact-head,.contact-layout{max-width:1660px} .contact-head{column-gap:54px;align-items:start} .contact-layout{ grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr); gap:clamp(42px,5vw,92px); margin-top:64px; } .contact-copy p{max-width:520px;font-size:clamp(17px,1.3vw,20px);line-height:1.68} .contact-form label span{font-size:9px;letter-spacing:.14em} .case-hero h1, .case-section h2, .case-section h3, .project-modal h2, .modal-copy h2, .service-overview h2, .service-section h2{ line-height:.94; letter-spacing:-.05em; } @media(max-width:1400px){ .nav{gap:20px} .nav a{font-size:11px !important} .talk,.profile-header{font-size:10px;padding:14px 16px} .experience-map-section-v24 .experience-map-head{grid-template-columns:minmax(0,1fr) minmax(390px,.68fr)} } @media(max-width:1150px){ .intro{grid-template-columns:1fr;align-items:start} .intro-side{padding-top:0;max-width:none} .why-line-head{grid-template-columns:1fr} .bim-story,.process{grid-template-columns:1fr} .experience-map-section-v24 .experience-map-head{grid-template-columns:1fr} .map-layout{grid-template-columns:1fr} } @media(max-width:900px){ .company-metrics{grid-template-columns:repeat(2,1fr)} .metric-card:nth-child(2n){border-right:0} .metric-card:last-child{grid-column:1/-1} .contact-layout{grid-template-columns:1fr} } @media(max-width:720px){ .header{height:88px} .logo{width:132px} .intro,.work,.process,.contact,.why-line,.expertise{padding-top:86px;padding-bottom:86px} .company-metrics{grid-template-columns:1fr 1fr} .metric-card{min-height:170px;padding:28px 16px} .metric-card p{font-size:11px} .project-card-large,.project-card-tall,.project-card-wide,.project-card-small,.project-card-feature{height:112vw;max-height:620px} .bim-story-copy{padding:76px 20px} .experience-map-inner{padding:86px 20px} .experience-map-section-v24 .experience-map-head>p{font-size:15px;line-height:1.7;max-width:none} .experience-map-section-v24 .experience-map-canvas img{width:100% !important;min-width:680px !important} .map-legend{padding:22px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.14)} .map-legend-grid{grid-template-columns:1fr 1fr} .map-legend-grid span{font-size:14px;padding:12px 8px 12px 14px} } .nav{overflow:visible} .nav-group{ position:relative; display:flex; align-items:center; } .nav-group>a{ display:flex; align-items:center; gap:7px; } .nav-about-group>a:before{ content:""; position:absolute; left:50%; bottom:-7px; width:8px; height:8px; border-left:1px solid rgba(255,255,255,.75); border-bottom:1px solid rgba(255,255,255,.75); transform:translateX(-50%) rotate(-45deg) scale(.7); opacity:0; transition:opacity .25s ease,transform .25s ease; } .nav-submenu{ position:absolute; top:calc(100% + 14px); left:50%; min-width:190px; padding:8px; border:1px solid rgba(255,255,255,.12); background:rgba(6,16,28,.96); box-shadow:0 24px 58px rgba(0,0,0,.34); backdrop-filter:blur(16px); transform:translate(-50%,10px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .24s ease,transform .24s ease,visibility .24s ease; z-index:1200; } .nav-submenu:before{ content:""; position:absolute; left:0; right:0; top:-15px; height:15px; } .nav-submenu a{ display:flex; justify-content:space-between; align-items:center; padding:13px 14px; font-size:11px !important; font-weight:700; letter-spacing:.08em; color:rgba(255,255,255,.9) !important; border:1px solid transparent; transition:background .22s ease,border-color .22s ease,transform .22s ease; white-space:nowrap; } .nav-submenu a:after{display:none !important} .nav-submenu a span{font-size:13px;opacity:.55;transition:transform .22s ease,opacity .22s ease} .nav-submenu a:hover{ background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.11); transform:translateY(-1px); } .nav-submenu a:hover span{transform:translate(2px,2px);opacity:1} .nav-group:hover .nav-submenu, .nav-group:focus-within .nav-submenu{ opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0); } .nav-group:hover>a:before, .nav-group:focus-within>a:before{ opacity:1; transform:translateX(-50%) rotate(-45deg) scale(1); } .mobile-sub-link{ font-size:clamp(26px,7vw,38px) !important; padding-left:24px !important; color:rgba(255,255,255,.58) !important; border-bottom:1px solid rgba(255,255,255,.08) !important; } .company-metrics{ background: radial-gradient(circle at 18% 20%,rgba(255,255,255,.05),transparent 24%), linear-gradient(110deg,#091622 0%,#0c1d2c 50%,#111d28 100%) !important; border-top:1px solid rgba(255,255,255,.08) !important; border-bottom:1px solid rgba(255,255,255,.08) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 -1px 0 rgba(0,0,0,.32); } .metric-card{ border-right:1px solid rgba(255,255,255,.085) !important; transition:background .3s ease,transform .3s ease; } .metric-card:last-child{border-right:0 !important} .metric-card:hover{ background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015)); } .metric-icon{color:#d7dee5 !important} .metric-card strong{color:#fff} .metric-card p{color:rgba(222,229,235,.72) !important} .why-line, .why-line.about-continuation{ background:linear-gradient(180deg,#f6f7f8 0%,#f0f2f4 100%) !important; border-top:1px solid #d8dde2 !important; border-bottom:1px solid #d8dde2 !important; } .why-grid{ border-top:1px solid #d8dde2 !important; border-left:1px solid #d8dde2 !important; background:#f7f8f9; } .why-card{ border-right:1px solid #d8dde2 !important; border-bottom:1px solid #d8dde2 !important; background:rgba(255,255,255,.42); transition:background .3s ease,transform .3s ease,box-shadow .3s ease; } .why-card:hover{ background:#fff; transform:translateY(-3px); box-shadow:0 22px 40px rgba(6,16,28,.065); position:relative; z-index:2; } .why-card>span{color:#6d7b88 !important} .why-card h3{color:#07111e} .why-card p{color:#617080} .why-cta{ background:linear-gradient(110deg,#07111e,#0b1c2b 70%,#102538) !important; box-shadow:0 18px 45px rgba(6,16,28,.13); } .profile-large{ border:1px solid rgba(7,17,30,.10); } .profile-large:hover{ background:#111d28 !important; } .talk{ border-color:rgba(255,255,255,.28) !important; } .profile-header:hover{ background:#111d28 !important; border-color:#111d28 !important; } .intro-mark,.section-no{ color:#263747 !important; border-color:rgba(38,55,71,.24) !important; } .eyebrow:not(.light){color:#34485a !important} .text-link{border-color:rgba(7,17,30,.34)} @media(max-width:1100px){ .nav-group{display:none} } .logo{ width:92px !important; height:92px !important; overflow:hidden !important; border-radius:50% !important; background:#fff !important; box-shadow:0 10px 28px rgba(0,0,0,.20) !important; display:grid !important; place-items:center !important; } .logo img{ width:100% !important; height:100% !important; max-height:none !important; object-fit:cover !important; border-radius:50% !important; filter:none !important; } .footer-logo{ width:94px !important; height:94px !important; border-radius:50%; overflow:hidden; background:#fff; } .footer-logo img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:50%; } .about-title-refined{ display:flex; flex-direction:column; gap:.01em; max-width:8.7ch !important; text-wrap:balance; } .about-title-refined span{ display:block; white-space:nowrap; } .intro-head.visible .about-title-refined span{ animation:aboutLineIn .78s cubic-bezier(.16,1,.3,1) both; } .intro-head.visible .about-title-refined span:nth-child(1){animation-delay:.02s} .intro-head.visible .about-title-refined span:nth-child(2){animation-delay:.10s} .intro-head.visible .about-title-refined span:nth-child(3){animation-delay:.18s} @keyframes aboutLineIn{ from{opacity:0;transform:translateY(28px);filter:blur(5px)} to{opacity:1;transform:translateY(0);filter:blur(0)} } .why-line-head{ display:block !important; max-width:980px; margin-bottom:52px !important; } .why-line-head>div{max-width:860px} .experience-map-section-v24 .experience-map-head{ display:block !important; max-width:900px; margin-bottom:44px !important; } .experience-map-section-v24 .experience-map-head>div{max-width:760px} .reveal{ opacity:0; transform:translateY(24px) scale(.995); filter:blur(2px); transition:opacity .76s cubic-bezier(.16,1,.3,1),transform .76s cubic-bezier(.16,1,.3,1),filter .76s cubic-bezier(.16,1,.3,1); } .reveal.visible{ opacity:1; transform:translateY(0) scale(1); filter:blur(0); } .project-card, .why-card, .metric-card, .expertise-item, .process-row{ will-change:transform; } .project-card:hover{transform:translateY(-4px)} .project-card{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease} .project-card:hover{box-shadow:0 24px 60px rgba(6,16,28,.14)} .process-row:hover{transform:translateX(4px)} .process-row{transition:transform .28s ease} .experience-map-canvas.reveal.visible img{ animation:marketMapFloat 16s ease-in-out infinite; } .chat-widget.open{ animation:chatOpenV28 .34s cubic-bezier(.16,1,.3,1) both; } @keyframes chatOpenV28{ from{opacity:0;transform:translateY(16px) scale(.97)} to{opacity:1;transform:translateY(0) scale(1)} } @media(max-width:720px){ .header{height:84px !important} .logo{ width:62px !important; height:62px !important; box-shadow:0 7px 20px rgba(0,0,0,.18) !important; } .about-title-refined{ max-width:none !important; gap:.03em; } .about-title-refined span{ white-space:normal; } .intro h2.about-title-refined{ font-size:clamp(48px,14vw,68px) !important; line-height:.91 !important; } .why-line-head, .experience-map-section-v24 .experience-map-head{ max-width:none; margin-bottom:34px !important; } .chat-widget{ right:12px !important; width:calc(100vw - 24px) !important; max-height:72dvh; border-radius:20px; overflow:hidden; } .chat-body{ height:min(48dvh,420px) !important; padding:16px !important; } .chat-message{ max-width:92%; font-size:14px; line-height:1.58; } .chat-form input{font-size:16px} } @media(prefers-reduced-motion:reduce){ .intro-head.visible .about-title-refined span, .experience-map-canvas.reveal.visible img, .chat-widget.open{animation:none !important} .reveal{filter:none !important} } .logo{ width:205px !important; height:auto !important; min-height:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; backdrop-filter:none !important; overflow:visible !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; } .logo img{ width:205px !important; height:auto !important; max-height:none !important; object-fit:contain !important; border-radius:0 !important; filter:drop-shadow(0 7px 18px rgba(0,0,0,.30)) !important; } .footer-logo{ width:205px !important; height:auto !important; border-radius:0 !important; overflow:visible !important; background:transparent !important; padding:0 !important; } .footer-logo img{ width:100% !important; height:auto !important; object-fit:contain !important; border-radius:0 !important; filter:none !important; } @media(max-width:1180px){ .logo,.logo img{width:180px !important} } @media(max-width:720px){ .logo,.logo img{width:145px !important} .footer-logo{width:180px !important} } .coord-info{ cursor:help; outline:none; } .coord-info::after{ content:attr(data-tooltip); position:absolute; left:50%; bottom:calc(100% + 12px); width:230px; padding:12px 14px; border:1px solid rgba(255,255,255,.18); background:rgba(4,13,24,.96); color:#fff; font-size:12px; line-height:1.5; letter-spacing:.01em; text-transform:none; box-shadow:0 14px 32px rgba(0,0,0,.28); opacity:0; visibility:hidden; transform:translate(-50%,8px); transition:opacity .22s ease,transform .22s ease,visibility .22s ease; pointer-events:none; z-index:8; } .coord-info::before{ content:""; position:absolute; left:50%; bottom:calc(100% + 6px); width:10px; height:10px; background:rgba(4,13,24,.96); border-right:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); transform:translateX(-50%) rotate(45deg); opacity:0; visibility:hidden; transition:opacity .22s ease,visibility .22s ease; } .coord-info:hover::after,.coord-info:focus::after, .coord-info:hover::before,.coord-info:focus::before{ opacity:1; visibility:visible; } .coord-info:hover::after,.coord-info:focus::after{transform:translate(-50%,0)} @media(max-width:720px){ .coord-info::after{width:min(230px,70vw);font-size:11px} } .market-reference-style{ background:#f5f6f7 !important; color:#07111e !important; border-top:1px solid rgba(7,17,30,.08); border-bottom:1px solid rgba(7,17,30,.08); } .market-reference-style:before{display:none !important} .market-reference-style .experience-map-inner{ width:min(1680px,100%); padding:clamp(90px,8vw,132px) var(--pad) clamp(86px,8vw,124px); } .market-reference-style .experience-map-head{ display:block !important; max-width:900px !important; margin-bottom:36px !important; } .market-reference-style .eyebrow{color:#0a7f83} .market-reference-style .experience-map-head h2{ color:#07111e !important; max-width:780px !important; } .market-map-shell{ position:relative; width:100%; background:#fff; border:1px solid rgba(7,17,30,.08); box-shadow:0 28px 80px rgba(10,35,54,.08); overflow:hidden; } .market-map-svg{ display:block; width:100%; height:auto; min-height:520px; background:#fff; } .map-country-base{ fill:#e8eaec; stroke:#fff; stroke-width:1.2; vector-effect:non-scaling-stroke; } .market-country{ fill:#0b7f82; stroke:#fff; stroke-width:1.5; vector-effect:non-scaling-stroke; transition:fill .28s ease,filter .28s ease,opacity .28s ease; cursor:default; } .market-country:hover{ fill:#075f63; filter:drop-shadow(0 5px 12px rgba(7,95,99,.24)); } .market-label line{ stroke:#0b7f82; stroke-width:1.35; vector-effect:non-scaling-stroke; opacity:.72; stroke-dasharray:3 3; } .market-label text{ fill:#145d65; font-size:16px; font-family:Arial,Helvetica,sans-serif; font-weight:650; letter-spacing:.01em; } .market-pin{fill:#fff;stroke:#0b7f82;stroke-width:2.5;vector-effect:non-scaling-stroke} .market-pin-pulse{fill:none;stroke:#0b7f82;stroke-width:1.2;opacity:.28;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center} .market-map-shell.visible .market-pin-pulse{animation:marketPulseV31 2.7s ease-out infinite} .market-map-shell.visible .market-label line{animation:marketLineV31 .9s cubic-bezier(.16,1,.3,1) both} .market-map-shell.visible .market-label text{animation:marketLabelV31 .65s cubic-bezier(.16,1,.3,1) both} .market-map-key{ position:absolute; left:24px; bottom:22px; display:flex; align-items:center; gap:10px; padding:10px 14px; background:rgba(255,255,255,.92); border:1px solid rgba(7,17,30,.08); box-shadow:0 8px 24px rgba(10,35,54,.08); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#345364; } .market-map-key span{width:10px;height:10px;border-radius:50%;background:#0b7f82;box-shadow:0 0 0 4px rgba(11,127,130,.12)} .market-mobile-list{display:none} @keyframes marketPulseV31{0%{transform:scale(.65);opacity:.5}75%,100%{transform:scale(1.8);opacity:0}} @keyframes marketLineV31{from{opacity:0;stroke-dashoffset:18}to{opacity:.72;stroke-dashoffset:0}} @keyframes marketLabelV31{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}} @media(max-width:920px){ .market-map-shell{overflow-x:auto;scrollbar-width:none} .market-map-shell::-webkit-scrollbar{display:none} .market-map-svg{width:1100px;min-width:1100px;min-height:495px} } @media(max-width:720px){ .market-reference-style .experience-map-inner{padding:84px 20px 78px} .market-reference-style .experience-map-head{margin-bottom:28px !important} .market-map-shell{border-radius:14px} .market-map-svg{width:960px;min-width:960px;min-height:430px} .market-map-key{left:14px;bottom:12px;font-size:9px;padding:8px 10px} .market-mobile-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:22px;border-top:1px solid rgba(7,17,30,.12)} .market-mobile-list span{position:relative;padding:13px 0 13px 18px;border-bottom:1px solid rgba(7,17,30,.1);font-size:13px;font-weight:650;color:#263e4d} .market-mobile-list span:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;background:#0b7f82;transform:translateY(-50%)} } :root{ --navy:#0b1c2c; --navy-2:#10273b; --text:#0a1724; } .header.scrolled, .service-header{ background:rgba(10,24,38,.94) !important; } .hero{ background:#0b1c2c !important; } .expertise{ background:#0d2134 !important; } .bim-story{ background:#102a43 !important; } .bim-board{ background:#0b1c2c !important; } .contact{ background:#0b1826 !important; } .case-gallery{ background:#0c1d2d !important; } .project-nav{ background:#102438 !important; } .project-card, .gallery-grid figure{ background:#102336 !important; } .why-cta{ background:linear-gradient(110deg,#0d1f31,#132c43 72%,#173a58) !important; } .chat-widget, .chat-header{ background:#10283e !important; } .social-floating{ background:rgba(13,29,45,.94) !important; } .coord-info::after, .coord-info::before{ background:rgba(12,30,47,.97) !important; } .market-reference-style .eyebrow{ color:#173f62 !important; } .market-country{ fill:#173f62 !important; } .market-country:hover{ fill:#24567f !important; filter:drop-shadow(0 5px 12px rgba(23,63,98,.22)) !important; } .market-label line{ stroke:#173f62 !important; } .market-label text{ fill:#173f62 !important; } .market-pin{ stroke:#173f62 !important; } .market-pin-pulse{ stroke:#173f62 !important; } .market-map-key{ color:#29465d !important; } .market-map-key span{ background:#173f62 !important; box-shadow:0 0 0 4px rgba(23,63,98,.12) !important; } .market-mobile-list span:before{ background:#173f62 !important; } .hero-vignette{ background:linear-gradient(90deg,rgba(8,23,37,.95) 0%,rgba(8,23,37,.78) 32%,rgba(8,23,37,.25) 70%,rgba(8,23,37,.13) 100%),linear-gradient(0deg,rgba(8,23,37,.68),transparent 48%) !important; } .project-filter{ background:linear-gradient(0deg,rgba(9,24,38,.86) 0%,rgba(9,24,38,.18) 58%,rgba(9,24,38,.08) 100%) !important; } .project-hero-media:after{ background:linear-gradient(90deg,rgba(9,24,38,.90) 0%,rgba(9,24,38,.70) 45%,rgba(9,24,38,.16) 84%),linear-gradient(0deg,rgba(9,24,38,.76),transparent 45%) !important; } .header, .expertise, .bim-story, .contact, .case-gallery, .project-nav{color:#fff} .market-reference-style{ background:linear-gradient(180deg,#f3f4f5 0%,#f6f7f8 100%) !important; } .market-reference-style .experience-map-inner{ width:min(1700px,100%); } .market-map-shell{ border:0 !important; border-radius:28px; background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(248,249,250,.96) 100%) !important; box-shadow:0 28px 80px rgba(10,28,44,.08), inset 0 1px 0 rgba(255,255,255,.75); overflow:hidden; } .market-map-shell::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.66) 0%,rgba(255,255,255,0) 34%), linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0)); } .market-map-svg{ background:transparent !important; } .map-country-base{ fill:#dfe3e7 !important; stroke:#f7f8f9 !important; stroke-width:1 !important; } .market-country{ fill:#173f62 !important; stroke:#eef2f5 !important; stroke-width:1.05 !important; filter:drop-shadow(0 4px 12px rgba(23,63,98,.08)); } .market-country:hover{ fill:#214e77 !important; stroke:#edf2f6 !important; filter:drop-shadow(0 12px 26px rgba(23,63,98,.18)) !important; } .market-label line{ stroke:#6f89a3 !important; stroke-width:1.2 !important; opacity:.75 !important; stroke-dasharray:4 4 !important; } .market-label text{ fill:#173f62 !important; font-size:17px !important; font-weight:700 !important; letter-spacing:.012em !important; } .market-pin{ fill:#ffffff !important; stroke:#173f62 !important; stroke-width:2.4 !important; } .market-pin-pulse{ stroke:#173f62 !important; opacity:.18 !important; } .market-map-key{ border:0 !important; border-radius:999px; background:rgba(255,255,255,.9) !important; color:#26455f !important; box-shadow:0 10px 28px rgba(10,28,44,.08); } .market-map-key span{ background:#173f62 !important; box-shadow:0 0 0 5px rgba(23,63,98,.08) !important; } .market-mobile-list{ border-top:1px solid rgba(23,63,98,.10) !important; } .market-mobile-list span{ color:#29445c !important; border-bottom:1px solid rgba(23,63,98,.10) !important; } img{ image-rendering:auto; backface-visibility:hidden; -webkit-backface-visibility:hidden; } .project-card img, .gallery-grid img, .related-card img, .service-hero-media img, .project-hero-media img, .bim-board img, .modal-image img{ transform:translateZ(0); will-change:transform; } .market-reference-style{ position:relative; isolation:isolate; background: radial-gradient(circle at 78% 20%,rgba(33,94,151,.18),transparent 30%), radial-gradient(circle at 18% 78%,rgba(24,74,119,.10),transparent 28%), linear-gradient(135deg,#071421 0%,#0a1c2c 46%,#0d2235 100%) !important; color:#fff !important; border:0 !important; overflow:hidden; } .market-reference-style::after{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background: linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px); background-size:96px 96px; -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.32),transparent 88%); mask-image:linear-gradient(to bottom,rgba(0,0,0,.32),transparent 88%); } .market-reference-style .experience-map-inner{ width:min(1700px,100%); padding-top:clamp(100px,8vw,138px); padding-bottom:clamp(100px,8vw,138px); } .market-reference-style .experience-map-head{ margin-bottom:44px !important; } .market-reference-style .eyebrow{ color:#7eaed7 !important; letter-spacing:.22em; } .market-reference-style .experience-map-head h2{ color:#f4f7fa !important; max-width:760px !important; text-shadow:0 14px 40px rgba(0,0,0,.18); } .market-reference-style .experience-map-head h2 span{ color:#5ca1df; background:linear-gradient(135deg,#7cb8ec,#3e80bd 74%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; } .market-map-shell{ position:relative; border:0 !important; border-radius:30px; background: radial-gradient(circle at 74% 30%,rgba(40,103,165,.13),transparent 31%), linear-gradient(180deg,rgba(12,31,49,.98),rgba(8,23,37,.99)) !important; box-shadow: 0 34px 100px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.07), inset 0 0 0 1px rgba(109,155,196,.10); overflow:hidden; } .market-map-shell::before{ content:""; position:absolute; inset:-35% -30%; z-index:2; pointer-events:none; background:linear-gradient(108deg,transparent 40%,rgba(99,166,225,.09) 48%,rgba(255,255,255,.06) 50%,rgba(99,166,225,.07) 52%,transparent 60%); transform:translateX(-65%); opacity:0; } .market-map-shell.visible::before{ animation:marketSweepV35 9s ease-in-out 1.2s infinite; } .market-map-svg{ position:relative; z-index:1; background:transparent !important; } .map-country-base{ fill:#344353 !important; stroke:#5a6875 !important; stroke-opacity:.60 !important; stroke-width:.9 !important; } .market-country{ fill:#174f82 !important; stroke:#5ca3e4 !important; stroke-opacity:.88 !important; stroke-width:1.15 !important; filter:drop-shadow(0 0 7px rgba(44,133,218,.14)); transform-box:fill-box; transform-origin:center; transition:fill .32s ease,filter .32s ease,transform .32s ease,stroke .32s ease; } .market-map-shell.visible .market-country{ animation:marketCountryRevealV35 .85s cubic-bezier(.16,1,.3,1) both; } .market-map-shell.visible .market-country:nth-of-type(2n){animation-delay:.08s} .market-map-shell.visible .market-country:nth-of-type(3n){animation-delay:.16s} .market-country:hover{ fill:#287cc2 !important; stroke:#91c8f5 !important; transform:scale(1.018); filter:drop-shadow(0 0 20px rgba(65,157,239,.38)) !important; } .market-label line{ stroke:#6694bb !important; stroke-width:1.25 !important; opacity:.64 !important; stroke-dasharray:5 5 !important; } .market-label text{ fill:#d9e4ee !important; font-size:17px !important; font-weight:680 !important; letter-spacing:.015em !important; paint-order:stroke; stroke:#0b1d2e; stroke-width:2.3px; stroke-opacity:.65; } .market-label.is-active text{ fill:#ffffff !important; } .market-label.is-active line{ stroke:#7ab8ec !important; opacity:1 !important; } .market-pin{ fill:#ecf7ff !important; stroke:#4f9fe3 !important; stroke-width:2.6 !important; filter:drop-shadow(0 0 6px rgba(82,169,242,.75)); } .market-pin-pulse{ fill:none !important; stroke:#5caaf0 !important; stroke-width:1.5 !important; opacity:.34 !important; } .market-map-shell.visible .market-pin-pulse{ animation:marketPulseV35 2.35s ease-out infinite !important; } .market-map-shell.visible .market-label line{ animation:marketLineV35 1.2s cubic-bezier(.16,1,.3,1) both !important; } .market-map-shell.visible .market-label text{ animation:marketTextV35 .72s cubic-bezier(.16,1,.3,1) both !important; } .market-map-key{ left:24px; bottom:22px; border:0 !important; border-radius:999px; background:rgba(8,24,39,.82) !important; color:#e7eef5 !important; box-shadow:0 12px 36px rgba(0,0,0,.24),inset 0 0 0 1px rgba(105,165,216,.18); backdrop-filter:blur(14px); } .market-map-key span{ background:#5aa8eb !important; box-shadow:0 0 0 5px rgba(70,151,224,.11),0 0 16px rgba(91,174,245,.6) !important; } .market-mobile-list{ border-top:1px solid rgba(255,255,255,.10) !important; } .market-mobile-list span{ color:#d4dee8 !important; border-bottom:1px solid rgba(255,255,255,.09) !important; } .market-mobile-list span:before{ background:#4f9fe3 !important; box-shadow:0 0 10px rgba(79,159,227,.45); } @keyframes marketSweepV35{ 0%,52%{transform:translateX(-68%);opacity:0} 60%{opacity:1} 78%{transform:translateX(68%);opacity:.7} 86%,100%{transform:translateX(68%);opacity:0} } @keyframes marketCountryRevealV35{ from{opacity:.18;filter:drop-shadow(0 0 0 rgba(43,132,216,0))} to{opacity:1;filter:drop-shadow(0 0 7px rgba(44,133,218,.14))} } @keyframes marketPulseV35{ 0%{transform:scale(.62);opacity:.62} 72%,100%{transform:scale(2.05);opacity:0} } @keyframes marketLineV35{ from{opacity:0;stroke-dashoffset:34} to{opacity:.64;stroke-dashoffset:0} } @keyframes marketTextV35{ from{opacity:0;transform:translateY(7px)} to{opacity:1;transform:translateY(0)} } @media(max-width:920px){ .market-map-shell{border-radius:22px} } @media(max-width:720px){ .market-reference-style .experience-map-inner{padding-top:84px;padding-bottom:82px} .market-reference-style .experience-map-head h2{font-size:clamp(46px,13vw,66px)} .market-map-shell{border-radius:18px} .market-map-key{left:14px;bottom:12px;background:rgba(8,24,39,.9) !important} } @media(prefers-reduced-motion:reduce){ .market-map-shell.visible::before, .market-map-shell.visible .market-country, .market-map-shell.visible .market-pin-pulse, .market-map-shell.visible .market-label line, .market-map-shell.visible .market-label text{animation:none !important} } .hero-capabilities{margin-top:30px;gap:12px;width:min(1120px,100%)} .hero-capabilities-row,.hero-capabilities-row.secondary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .hero-capability{ position:relative; min-height:54px; display:flex; align-items:center; padding:0 18px; border:1px solid rgba(255,255,255,.14); background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.018)); color:rgba(255,255,255,.94); font-size:clamp(15px,1.28vw,21px); font-weight:720; letter-spacing:-.015em; line-height:1.12; outline:none; overflow:visible; transition:transform .35s var(--ease),border-color .35s ease,background .35s ease,box-shadow .35s ease,color .35s ease; backdrop-filter:blur(7px); } .hero-capability:after{ content:""; position:absolute; left:18px;right:18px;bottom:-1px;height:1px; background:linear-gradient(90deg,transparent,#7aaee0,transparent); transform:scaleX(0);transition:transform .4s var(--ease); } .hero-capability:before{ content:attr(data-detail); position:absolute; left:0;bottom:calc(100% + 12px); width:min(310px,72vw); padding:12px 14px; border:1px solid rgba(131,177,221,.26); background:rgba(8,25,41,.97); box-shadow:0 18px 48px rgba(0,0,0,.26); color:#d9e5f0; font-size:11px;font-weight:520;line-height:1.5;letter-spacing:.01em; opacity:0;transform:translateY(9px);pointer-events:none; transition:opacity .25s ease,transform .3s var(--ease); z-index:15; } .hero-capability:hover,.hero-capability:focus-visible{ transform:translateY(-4px); border-color:rgba(123,174,222,.62); background:linear-gradient(135deg,rgba(55,104,151,.28),rgba(255,255,255,.035)); box-shadow:0 16px 38px rgba(0,0,0,.18); color:#fff; } .hero-capability:hover:after,.hero-capability:focus-visible:after{transform:scaleX(1)} .hero-capability:hover:before,.hero-capability:focus-visible:before{opacity:1;transform:none} .team-glimpse{ background:linear-gradient(180deg,#f4f6f8 0%,#eef2f5 100%); color:#091624; padding:clamp(96px,8vw,138px) var(--pad); border-top:1px solid rgba(9,22,36,.08); border-bottom:1px solid rgba(9,22,36,.08); } .team-glimpse-inner{width:min(var(--max),100%);margin:0 auto} .team-glimpse-head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.58fr); gap:clamp(34px,5vw,88px); align-items:end; margin-bottom:52px; } .team-glimpse-head h2{ margin:0; font-size:clamp(54px,6.1vw,94px); line-height:.91; letter-spacing:-.055em; max-width:760px; } .team-glimpse-head>p{ margin:0 0 6px; color:#5b6878; font-size:clamp(15px,1.15vw,18px); line-height:1.7; max-width:560px; } .team-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(9,22,36,.15); border-left:1px solid rgba(9,22,36,.15); } .team-card{ position:relative; min-height:220px; padding:28px; border-right:1px solid rgba(9,22,36,.15); border-bottom:1px solid rgba(9,22,36,.15); display:grid; grid-template-columns:52px 1fr; gap:20px; align-items:start; overflow:hidden; transition:transform .35s var(--ease),background .35s ease,box-shadow .35s ease; } .team-card:before{ content:"";position:absolute;inset:auto 0 0 0;height:3px; background:linear-gradient(90deg,#173f62,#5e93c2); transform:scaleX(0);transform-origin:left;transition:transform .38s var(--ease) } .team-card:hover{background:#fff;transform:translateY(-5px);box-shadow:0 22px 54px rgba(16,37,57,.08);z-index:2} .team-card:hover:before{transform:scaleX(1)} .team-card>span{ width:48px;height:48px;border-radius:50%;display:grid;place-items:center; background:#112c46;color:#fff;font-size:11px;font-weight:800;letter-spacing:.09em; box-shadow:0 10px 24px rgba(17,44,70,.16) } .team-card h3{margin:1px 0 8px;font-size:clamp(21px,1.7vw,28px);letter-spacing:-.035em;line-height:1.02} .team-card p{margin:0 0 28px;color:#173f62;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .team-card small{display:block;color:#6a7684;font-size:12px;line-height:1.55} .project-card img,.project-hero-media img,.gallery-grid img,.related-card img{image-rendering:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden} .gallery-grid-two{grid-template-columns:1fr 1fr;grid-template-rows:560px} .gallery-grid-two figure,.gallery-grid-two figure:first-child{grid-row:auto;min-height:560px} .gallery-grid-two img{object-fit:cover} .chat-launcher{ width:66px;height:66px; background:radial-gradient(circle at 30% 25%,#438fd5 0%,#1c5b94 34%,#0c2c48 72%,#081b2e 100%) !important; border:1px solid rgba(126,190,249,.58) !important; color:#fff !important; box-shadow:0 18px 52px rgba(7,32,55,.38),0 0 0 0 rgba(65,145,216,.24) !important; animation:chatAttentionV36 3.4s ease-in-out infinite; overflow:visible; } .chat-launcher:before{ content:"";position:absolute;inset:-7px;border-radius:50%; border:1px solid rgba(95,171,239,.30);opacity:.45; animation:chatRingV36 2.8s ease-out infinite;pointer-events:none } .chat-launcher svg{width:27px;height:27px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.24))} .chat-ai{ position:absolute;right:-5px;top:-5px;min-width:25px;height:25px;border-radius:999px; display:grid;place-items:center;padding:0 5px; background:#79baf1;color:#071b2e;border:2px solid #0b2238; font-size:8px;font-weight:900;letter-spacing:.06em; box-shadow:0 5px 15px rgba(0,0,0,.22) } .chat-pulse{background:#8bc7fa !important;box-shadow:0 0 0 0 rgba(139,199,250,.42) !important} @keyframes chatAttentionV36{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}} @keyframes chatRingV36{0%{transform:scale(.92);opacity:.55}75%,100%{transform:scale(1.22);opacity:0}} .expertise-item{transition:transform .38s var(--ease),background .35s ease} .expertise-item:hover,.expertise-item:focus-visible{transform:translateX(8px)} .project-card:after{ content:"";position:absolute;inset:0;pointer-events:none; background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.055) 45%,transparent 63%); transform:translateX(-120%);transition:transform .9s var(--ease) } .project-card:hover:after{transform:translateX(120%)} .team-card,.hero-capability,.project-card,.expertise-item{will-change:transform} @media(max-width:1100px){ .team-glimpse-head{grid-template-columns:1fr;gap:22px} .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .hero-capabilities-row,.hero-capabilities-row.secondary{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:720px){ .hero-capabilities{margin-top:22px;gap:8px} .hero-capabilities-row,.hero-capabilities-row.secondary{grid-template-columns:1fr 1fr;gap:8px} .hero-capability{min-height:50px;padding:0 12px;font-size:13px;white-space:normal} .hero-capability:before{display:none} .team-glimpse{padding:82px 20px} .team-glimpse-head h2{font-size:clamp(46px,13vw,64px)} .team-grid{ display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-left:0;padding-bottom:8px; scrollbar-width:none } .team-grid::-webkit-scrollbar{display:none} .team-card{min-width:82vw;scroll-snap-align:start;border-left:1px solid rgba(9,22,36,.15);min-height:210px} .gallery-grid-two{grid-template-columns:1fr;grid-template-rows:auto} .gallery-grid-two figure,.gallery-grid-two figure:first-child{min-height:72vw;max-height:520px} .chat-launcher{width:58px;height:58px;right:16px;bottom:122px} .chat-ai{min-width:23px;height:23px;font-size:7px} } @media(prefers-reduced-motion:reduce){ .chat-launcher,.chat-launcher:before{animation:none!important} .project-card:after{display:none} } .team-card{ grid-template-columns:64px 1fr; gap:20px; align-items:start; } .team-avatar{ width:60px; height:60px; margin:0; border-radius:50%; overflow:hidden; display:grid; place-items:center; flex:0 0 auto; background:linear-gradient(145deg,#173f62,#0f2e49); border:1px solid rgba(23,63,98,.16); box-shadow:0 10px 26px rgba(17,44,70,.13); } .team-avatar img{ width:100%; height:100%; object-fit:cover; object-position:center 18%; filter:grayscale(1) contrast(1.03); transition:filter .3s ease,transform .35s var(--ease); } .team-card:hover .team-avatar img{ filter:grayscale(.15) contrast(1.03); transform:scale(1.045); } .team-avatar-fallback{ color:#fff; font-size:11px; font-weight:800; letter-spacing:.09em; } .hero-capabilities{ width:min(1120px,100%); margin-top:28px; gap:10px; } .hero-capabilities-row, .hero-capabilities-row.secondary{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } .hero-capability{ min-height:56px; padding:0 17px; font-size:clamp(14px,1.05vw,18px); white-space:nowrap; border-color:rgba(255,255,255,.16); background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); } .hero-actions{ width:min(1120px,100%); display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; align-items:stretch; margin-top:12px; } .hero-actions .button{ width:100%; min-width:0; min-height:54px; padding:16px 18px; margin:0; } .hero-actions .button:first-child{grid-column:1} .hero-actions .button:nth-child(2){grid-column:2} .chat-ai{display:none!important} @media(max-width:1100px){ .hero-capabilities-row, .hero-capabilities-row.secondary, .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))} .hero-actions .button:first-child,.hero-actions .button:nth-child(2){grid-column:auto} .hero-capability{white-space:normal} } @media(max-width:720px){ .team-card{grid-template-columns:58px 1fr;gap:16px} .team-avatar{width:54px;height:54px} .hero-capabilities-row, .hero-capabilities-row.secondary, .hero-actions{grid-template-columns:1fr 1fr;gap:8px} .hero-capability{min-height:50px;padding:0 12px;font-size:13px;white-space:normal} .hero-actions{margin-top:8px} .hero-actions .button{min-height:50px;padding:14px 12px;font-size:8px} } @media(min-width:901px){.team-card-yasser{grid-column:2}} @media(max-width:900px){.team-card-yasser{grid-column:auto}} .team-grid{ grid-auto-rows:1fr; align-items:stretch; } .team-card{ min-height:198px; padding:26px 28px; align-items:flex-start; } .team-card > div{ display:flex; flex-direction:column; min-height:100%; } .team-card h3{ margin:1px 0 8px; } .team-card p{ margin:0 0 14px; } .team-card small{ margin-top:auto; } @media(min-width:901px){ .team-card-last{grid-column:2} } @media(max-width:900px){ .team-card-last{grid-column:auto} } .project-editorial{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); grid-auto-flow:dense; gap:18px; } .project-card{ border-radius:22px; overflow:hidden; } .project-card-large, .project-card-tall{ grid-column:span 6; height:440px; } .project-card-wide, .project-card-small{ grid-column:span 4; height:320px; } .project-card-feature{ grid-column:span 6; height:360px; } .project-info{ left:24px; right:24px; bottom:24px; max-width:calc(100% - 110px); } .project-info h3{ font-size:clamp(30px,3.3vw,56px); line-height:.88; margin:8px 0 10px; } .project-card-tall .project-info h3, .project-card-small .project-info h3, .project-card-feature .project-info h3, .project-card-wide .project-info h3{ font-size:clamp(28px,3vw,48px); } .project-info p{ font-size:10px; letter-spacing:.13em; max-width:420px; } .project-card img{ width:100%; height:100%; object-fit:cover; } .project-card[data-project="al-marjan"] img{object-position:center 52%;} .project-card[data-project="diriyah"] img{object-position:center 42%;} .project-card[data-project="hype"] img{object-position:center 48%;} .project-card[data-project="six-flags"] img{object-position:center 40%;} .project-card[data-project="avenues"] img{object-position:center 42%;} .project-card[data-project="malak"] img{object-position:center 34%;} .project-card[data-project="sunbeth"] img{object-position:center 44%;} .project-card[data-project="sea-la-vie"] img{object-position:center 48%;} @media(max-width:1200px){ .project-card-large,.project-card-tall{height:400px} .project-card-wide,.project-card-small{height:300px} .project-card-feature{height:340px} } @media(max-width:1100px){ .project-editorial{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .project-card-large,.project-card-tall,.project-card-wide,.project-card-small,.project-card-feature{ grid-column:auto; height:340px; } } @media(max-width:720px){ .project-editorial{ grid-template-columns:1fr; gap:12px; } .project-card-large,.project-card-tall,.project-card-wide,.project-card-small,.project-card-feature{ height:104vw; max-height:560px; } .project-info{ left:20px; right:20px; bottom:20px; max-width:calc(100% - 88px); } .project-info h3, .project-card-tall .project-info h3, .project-card-small .project-info h3, .project-card-feature .project-info h3, .project-card-wide .project-info h3{ font-size:42px; } } .team-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; align-items:stretch; } .team-card, .team-card-last{ grid-column:auto !important; min-height:168px; padding:18px 20px 16px; background:rgba(255,255,255,0.26); border:1px solid rgba(10,28,47,0.14); border-right:none; border-bottom:none; border-radius:0; align-items:flex-start; } .team-grid .team-card:nth-child(3n){border-right:1px solid rgba(10,28,47,0.14);} .team-grid .team-card:nth-last-child(-n+3){border-bottom:1px solid rgba(10,28,47,0.14);} .team-card > div{display:flex; flex-direction:column; min-height:100%;} .team-card h3{font-size:clamp(18px,1.55vw,28px); margin:2px 0 6px;} .team-card p{margin:0 0 10px; font-size:11px; letter-spacing:.12em;} .team-card small{margin-top:auto; font-size:10px; line-height:1.45; color:#607084;} .team-avatar{width:40px; height:40px; flex:0 0 40px;} .team-glimpse-head{margin-bottom:26px;} .project-editorial.project-editorial-v41{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; } .project-card-half{grid-column:span 6; height:320px;} .project-card-third{grid-column:span 4; height:230px;} .project-card-half .project-info h3{font-size:clamp(36px,3.5vw,58px);} .project-card-third .project-info h3{font-size:clamp(28px,2.8vw,44px);} .project-card-half .project-info, .project-card-third .project-info{left:18px; right:18px; bottom:18px; max-width:calc(100% - 72px);} .project-card-half .project-info p, .project-card-third .project-info p{font-size:9px; letter-spacing:.11em; max-width:100%;} .project-card-half .project-index, .project-card-third .project-index{top:12px; left:12px;} .project-card-half .project-arrow, .project-card-third .project-arrow{right:12px; bottom:12px; width:34px; height:34px;} .project-card-third[data-project="sunbeth"] img{object-position:center 57%;} .project-card-third[data-project="sea-la-vie"] img{object-position:center 50%;} .project-card-third[data-project="malak"] img{object-position:center 43%;} .project-card-third[data-project="avenues"] img{object-position:center 50%;} .project-card-third[data-project="six-flags"] img{object-position:center 38%;} .project-card-third[data-project="hype"] img{object-position:center 48%;} @media(max-width:1100px){ .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .team-grid .team-card{border-right:1px solid rgba(10,28,47,0.14); border-bottom:none;} .team-grid .team-card:nth-child(odd){border-right:none;} .team-grid .team-card:nth-last-child(-n+2){border-bottom:1px solid rgba(10,28,47,0.14);} .project-editorial.project-editorial-v41{grid-template-columns:repeat(2,minmax(0,1fr));} .project-card-half,.project-card-third{grid-column:auto; height:280px;} } @media(max-width:680px){ .team-grid{grid-template-columns:1fr;} .team-grid .team-card{border-right:1px solid rgba(10,28,47,0.14); border-bottom:none;} .team-grid .team-card:last-child{border-bottom:1px solid rgba(10,28,47,0.14);} .project-editorial.project-editorial-v41{grid-template-columns:1fr; gap:12px;} .project-card-half,.project-card-third{height:84vw; max-height:360px;} } .team-grid{grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;} .team-card,.team-card-last{border:1px solid rgba(10,28,47,0.12) !important; border-radius:18px; background:rgba(255,255,255,0.5); box-shadow:0 10px 24px rgba(10,28,47,0.04);} .team-grid .team-card:nth-child(3n), .team-grid .team-card:nth-last-child(-n+3){border:1px solid rgba(10,28,47,0.12) !important;} @media(max-width:1100px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;} .team-grid .team-card{border:1px solid rgba(10,28,47,0.12) !important;}} @media(max-width:680px){.team-grid{grid-template-columns:1fr; gap:10px;} .team-grid .team-card{border:1px solid rgba(10,28,47,0.12) !important;}} .team-grid{ display:grid !important; grid-template-columns:repeat(8,minmax(0,1fr)) !important; gap:14px !important; border:0 !important; } .team-card{ grid-column:span 2 !important; min-height:168px; border:1px solid rgba(10,28,47,.12) !important; border-radius:18px !important; background:rgba(255,255,255,.55) !important; box-shadow:0 10px 26px rgba(10,28,47,.045); } .team-grid .team-card:nth-child(5){grid-column:2 / span 2 !important;} .team-grid .team-card:nth-child(6){grid-column:4 / span 2 !important;} .team-grid .team-card:nth-child(7){grid-column:6 / span 2 !important;} .project-editorial.project-editorial-v42{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; } .project-editorial-v42 .project-card-half{grid-column:span 6; height:320px;} .project-editorial-v42 .project-card-third{grid-column:span 4; height:230px;} .project-editorial-v42 .project-info{left:18px;right:18px;bottom:18px;max-width:calc(100% - 76px);} .project-editorial-v42 .project-card-half .project-info h3{font-size:clamp(36px,3.5vw,58px);} .project-editorial-v42 .project-card-third .project-info h3{font-size:clamp(27px,2.6vw,42px);} .project-editorial-v42 .project-info p{font-size:9px;line-height:1.35;letter-spacing:.1em;} .project-editorial-v42 .project-arrow{width:36px;height:36px;right:12px;bottom:12px;} .project-editorial-v42 .project-index{top:12px;left:12px;} .project-editorial-v42 [data-project="avenues"] img{object-position:center 52%;} .project-editorial-v42 [data-project="malak"] img{object-position:center 42%;} .project-editorial-v42 [data-project="tamim"] img{object-position:center 48%;} .project-editorial-v42 [data-project="theatre"] img{object-position:center 48%;} .project-editorial-v42 [data-project="sunbeth"] img{object-position:center 58%;} .project-editorial-v42 [data-project="sea-la-vie"] img{object-position:center 50%;} @media(max-width:1100px){ .team-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} .team-card,.team-grid .team-card:nth-child(5),.team-grid .team-card:nth-child(6),.team-grid .team-card:nth-child(7){grid-column:auto !important;} .project-editorial.project-editorial-v42{grid-template-columns:repeat(2,minmax(0,1fr));} .project-editorial-v42 .project-card-half,.project-editorial-v42 .project-card-third{grid-column:auto;height:280px;} } @media(max-width:680px){ .team-grid{grid-template-columns:1fr !important;gap:10px !important;} .project-editorial.project-editorial-v42{grid-template-columns:1fr;gap:12px;} .project-editorial-v42 .project-card-half,.project-editorial-v42 .project-card-third{height:84vw;max-height:360px;} } .team-card h3{color:#102c47;} .team-card p{color:#1d486f;} .team-avatar{background:linear-gradient(145deg,#173f62,#204f7b);} .project-editorial-v42 [data-project="janadriyah"] img{object-position:center 52%;} .project-editorial-v42 [data-project="janadriyah"] .project-filter{background:linear-gradient(0deg,rgba(15,41,66,.78) 0%,rgba(15,41,66,.18) 58%,rgba(15,41,66,.08) 100%);} .project-editorial-v42 [data-project="avenues"] figure{ background:#0b253d; } .project-editorial-v42 [data-project="avenues"] img{ object-fit:cover !important; object-position:center center !important; background:#0b253d; } .project-editorial-v42 [data-project="qiddiya-tennis"] img{ object-position:center 54%; } .project-avenues-page .project-hero{ background:#081d30; } .project-avenues-page .project-hero-media{ display:grid; place-items:center; background:#081d30; } .project-avenues-page .project-hero-media img{ width:100%; height:100%; object-fit:contain !important; object-position:center !important; filter:none; } .project-avenues-page .project-hero-media:after{ background:linear-gradient(90deg,rgba(5,20,34,.94) 0%,rgba(5,20,34,.70) 38%,rgba(5,20,34,.20) 72%,rgba(5,20,34,.12) 100%),linear-gradient(0deg,rgba(5,20,34,.72),transparent 48%); } .avenues-gallery{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .avenues-gallery figure, .avenues-gallery figure:first-child{ grid-row:auto !important; min-height:0 !important; height:430px; display:grid; place-items:center; background:#0b253d; border:1px solid rgba(123,163,198,.16); } .avenues-gallery img{ width:100%; height:100%; object-fit:contain !important; object-position:center !important; transform:none !important; } .qiddiya-gallery{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .qiddiya-gallery figure, .qiddiya-gallery figure:first-child{ grid-row:auto !important; min-height:0 !important; height:430px; } .qiddiya-gallery img{object-fit:cover;object-position:center;} @media(max-width:900px){ .avenues-gallery,.qiddiya-gallery{grid-template-columns:1fr;} .avenues-gallery figure,.avenues-gallery figure:first-child,.qiddiya-gallery figure,.qiddiya-gallery figure:first-child{height:68vw;max-height:520px;} } .team-card p{ margin:0 !important; color:#173f62 !important; font-size:11px !important; line-height:1.55 !important; letter-spacing:.075em !important; text-transform:uppercase; } .team-card small{display:none !important;} .team-card>div{justify-content:flex-start !important;} @media(max-width:720px){.team-card p{font-size:10px !important;}} .team-grid{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:14px !important; align-items:stretch; } .team-card, .team-grid .team-card:nth-child(5), .team-grid .team-card:nth-child(6), .team-grid .team-card:nth-child(7), .team-grid .team-card:nth-child(8){ grid-column:auto !important; } .team-card{ position:relative; overflow:hidden; min-height:176px; border:1px solid rgba(20,57,88,.13) !important; background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(244,248,252,.64)) !important; box-shadow:0 12px 30px rgba(13,43,69,.055); transition:transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s ease,border-color .42s ease,background .42s ease !important; } .team-card::after{ content:""; position:absolute; width:150px; height:220px; top:-70px; left:-190px; transform:rotate(24deg); background:linear-gradient(90deg,transparent,rgba(76,146,203,.10),transparent); transition:left .7s cubic-bezier(.2,.7,.2,1); pointer-events:none; } .team-card:hover{ transform:translateY(-7px) !important; border-color:rgba(33,90,138,.26) !important; background:linear-gradient(145deg,#fff,rgba(242,248,253,.92)) !important; box-shadow:0 24px 55px rgba(13,43,69,.11) !important; } .team-card:hover::after{left:115%;} .team-avatar{ border:1px solid rgba(55,116,166,.28) !important; box-shadow:0 12px 30px rgba(14,52,82,.14) !important; transition:transform .42s cubic-bezier(.2,.7,.2,1),box-shadow .42s ease !important; } .team-card:hover .team-avatar{ transform:translateY(-2px) scale(1.06); box-shadow:0 16px 34px rgba(20,82,130,.22) !important; } .team-card:hover .team-avatar img{ filter:grayscale(0) contrast(1.03) !important; transform:scale(1.055) !important; } .team-avatar-fallback{ background:linear-gradient(145deg,#173f62,#2b6595) !important; color:#fff !important; } .team-card h3{color:#102c47 !important;} .team-card p{color:#255478 !important;} @media(max-width:1180px){ .team-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} } @media(max-width:680px){ .team-grid{grid-template-columns:1fr !important;gap:10px !important;} .team-card{min-height:158px;} } @media(prefers-reduced-motion:reduce){ .team-card,.team-avatar,.team-avatar img,.team-card::after{transition:none !important;animation:none !important;} } .team-card img[alt="Shafik Hourani"]{ object-position:center 34%; filter:grayscale(.15) contrast(1.04) brightness(.98); } .team-card:hover img[alt="Shafik Hourani"]{ filter:grayscale(0) contrast(1.04) brightness(1); } .contact{background:radial-gradient(circle at top right, rgba(34,72,110,.18), transparent 32%), linear-gradient(180deg,#081523 0%,#0b1826 100%) !important;} .contact-shell{position:relative;z-index:2;max-width:1660px;margin:0 auto;} .contact-head{display:grid;grid-template-columns:70px minmax(0,1fr);column-gap:54px;align-items:start;} .contact-head-copy{max-width:1100px;} .contact-layout-premium{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:clamp(34px,4vw,62px);margin-top:66px;align-items:start;} .contact-copy{display:grid;gap:22px;align-content:start;} .contact-intro-card, .contact-direct-card, .contact-form-card, .contact-qr-card{ position:relative; border-radius:24px; border:1px solid rgba(190,212,232,.14); background:linear-gradient(180deg,rgba(255,255,255,.05) 0%, rgba(255,255,255,.028) 100%); box-shadow:0 18px 44px rgba(2,10,18,.24), inset 0 1px 0 rgba(255,255,255,.05); backdrop-filter:blur(6px); } .contact-intro-card{padding:28px 28px 30px;} .contact-intro-card small, .contact-direct-head small, .contact-form-head small, .contact-qr small{ display:block; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:#b6c7d7; margin-bottom:14px; } .contact-intro-card p{margin:0 !important;max-width:none !important;font-size:clamp(18px,1.42vw,22px) !important;line-height:1.7 !important;color:#d2dbe5 !important;} .contact-direct-card{padding:26px 24px 24px;} .contact-direct-head{margin-bottom:18px;} .contact-direct-head strong, .contact-form-head strong, .contact-qr strong{display:block;font-size:20px;line-height:1.45;color:#fff;font-weight:650;max-width:420px;} .contact-direct-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .contact-link-card{ position:relative; display:flex !important; flex-direction:column; align-items:flex-start !important; gap:7px !important; width:100% !important; min-height:104px; padding:18px 18px 16px; border-radius:18px; border:1px solid rgba(190,212,232,.13); background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015)); text-decoration:none; transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease; } .contact-link-card span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#94abc1;} .contact-link-card strong{font-size:16px;line-height:1.45;color:#fff;font-weight:600;letter-spacing:0;word-break:break-word;} .contact-link-card b{position:absolute;right:16px;bottom:14px;margin:0 !important;font-size:15px;color:#d7e3ee;} .contact-link-card:hover{transform:translateY(-3px);border-color:rgba(172,205,233,.28);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.03));box-shadow:0 14px 30px rgba(2,10,18,.16);} .contact-qr-card{padding:22px;grid-template-columns:152px minmax(0,1fr) !important;gap:24px !important;max-width:none !important;margin-top:0 !important;border-top:1px solid rgba(190,212,232,.14) !important;} .contact-qr-card img{width:152px !important;height:152px !important;border-radius:18px !important;padding:10px !important;background:linear-gradient(180deg,#ffffff,#f3f6f8) !important;box-shadow:0 10px 24px rgba(0,0,0,.16);} .contact-qr-card p{font-size:14px !important;line-height:1.7 !important;color:#b8c6d5 !important;max-width:340px;} .contact-form-card{padding:28px 28px 24px;grid-template-columns:1fr 1fr;gap:28px 20px;} .contact-form-head{grid-column:1 / -1;display:grid;gap:4px;padding-bottom:4px;} .contact-form label{gap:12px;} .contact-form input,.contact-form textarea,.contact-form select{ border:1px solid rgba(190,212,232,.16) !important; background:rgba(255,255,255,.02) !important; border-radius:14px !important; padding:18px 16px !important; min-height:58px; } .contact-form textarea{min-height:150px;resize:vertical;} .contact-form input:hover,.contact-form textarea:hover,.contact-form select:hover{border-color:rgba(196,217,235,.26) !important;} .contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#d7e2eb !important;box-shadow:0 0 0 4px rgba(183,205,226,.08);} .contact-form button{margin-top:6px;border-radius:16px;padding:20px 22px !important;background:linear-gradient(180deg,#f8fafb,#e9eef2) !important;box-shadow:0 16px 34px rgba(2,10,18,.18);} .contact-form button:hover{background:linear-gradient(180deg,#173f62,#21567f) !important;color:#fff !important;} .contact-watermark{opacity:.95;} @media(max-width:1200px){ .contact-layout-premium{grid-template-columns:1fr;} } @media(max-width:900px){ .contact-direct-grid{grid-template-columns:1fr 1fr;} } @media(max-width:720px){ .contact-head{grid-template-columns:1fr;} .contact-head .section-no{display:none;} .contact-layout-premium{margin-top:46px;gap:18px;} .contact-intro-card,.contact-direct-card,.contact-form-card,.contact-qr-card{border-radius:20px;} .contact-intro-card,.contact-direct-card,.contact-form-card{padding:22px 18px;} .contact-direct-grid{grid-template-columns:1fr;} .contact-qr-card{grid-template-columns:1fr !important;padding:18px;} .contact-qr-card img{width:124px !important;height:124px !important;} .contact-form-card{grid-template-columns:1fr;gap:18px;} } .contact-shell{max-width:1540px;} .contact-head{align-items:center;column-gap:42px;margin-bottom:12px;} .contact-head-copy{max-width:980px;} .contact-layout-premium{ grid-template-columns:minmax(380px,470px) minmax(0,1fr); gap:40px; margin-top:46px; } .contact-copy{gap:18px;} .contact-intro-card, .contact-direct-card, .contact-form-card, .contact-qr-card{ border-radius:26px; border:1px solid rgba(190,212,232,.16); background:linear-gradient(180deg,rgba(255,255,255,.048) 0%,rgba(255,255,255,.022) 100%); } .contact-intro-card{padding:24px 26px 26px;} .contact-intro-card p{ font-size:clamp(16px,1.1vw,18px) !important; line-height:1.7 !important; color:#d7e0e8 !important; } .contact-direct-card{padding:22px;} .contact-direct-head{margin-bottom:14px;} .contact-direct-head strong, .contact-form-head strong, .contact-qr strong{ font-size:15px; line-height:1.6; font-weight:600; color:#dfe8f0; max-width:none; } .contact-direct-grid{ grid-template-columns:1fr; gap:10px; } .contact-link-card{ min-height:unset; padding:15px 18px; border-radius:16px; display:grid !important; grid-template-columns:88px minmax(0,1fr) 20px; align-items:center; gap:14px !important; } .contact-link-card span{ font-size:10px; line-height:1.2; letter-spacing:.15em; color:#8fa8bf; margin:0; } .contact-link-card strong{ font-size:17px; line-height:1.35; font-weight:620; letter-spacing:-.01em; overflow-wrap:anywhere; } .contact-link-card b{ position:static; justify-self:end; align-self:center; font-size:15px; } .contact-link-card[href^="mailto:"] strong{font-size:15px;} .contact-qr-card{ align-items:center; padding:18px 20px; grid-template-columns:126px minmax(0,1fr) !important; gap:18px !important; } .contact-qr-card img{ width:126px !important; height:126px !important; border-radius:16px !important; padding:8px !important; } .contact-qr-card p{ margin:8px 0 0 !important; font-size:14px !important; line-height:1.65 !important; max-width:none; } .contact-form-card{ padding:24px 24px 22px; gap:22px 18px; align-self:start; } .contact-form-head{ padding-bottom:2px; } .contact-form label span{ font-size:10px; letter-spacing:.16em; } .contact-form input, .contact-form textarea, .contact-form select{ padding:16px 16px !important; min-height:54px; font-size:15px; } .contact-form textarea{min-height:132px;} .contact-form button{ min-height:58px; padding:18px 20px !important; margin-top:2px; } .section-no, .intro-mark{ width:56px !important; height:56px !important; min-width:56px; border-radius:16px; display:grid !important; place-items:center; font-size:11px !important; font-weight:800; letter-spacing:.18em !important; border:1px solid rgba(34,55,74,.18) !important; background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(248,250,252,.96)); color:#10273d !important; box-shadow:0 10px 24px rgba(5,16,28,.08), inset 0 1px 0 rgba(255,255,255,.85); } .intro-mark{ align-self:center; margin-top:18px; } .contact .section-no{ background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03)); color:#eff5fa !important; border-color:rgba(190,212,232,.18) !important; box-shadow:0 12px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06); } .intro{ grid-template-columns:92px minmax(0,.98fr) minmax(390px,.74fr); gap:clamp(28px,3.8vw,70px); align-items:center; } .intro-mark.reveal{justify-self:center;} .intro-head{max-width:820px;} .intro-side{ padding-top:0; align-self:center; } .intro-side p{ font-size:clamp(17px,1.32vw,20px); line-height:1.7; max-width:520px; } @media(max-width:1280px){ .contact-layout-premium{grid-template-columns:430px minmax(0,1fr);gap:28px;} .contact-link-card strong{font-size:16px;} } @media(max-width:1200px){ .intro{grid-template-columns:76px minmax(0,1fr);} .intro-side{grid-column:2;max-width:760px;} } @media(max-width:1100px){ .contact-layout-premium{grid-template-columns:1fr;} } @media(max-width:720px){ .contact-head{column-gap:0;} .contact-intro-card,.contact-direct-card,.contact-form-card{padding:20px 16px;} .contact-direct-head strong,.contact-form-head strong,.contact-qr strong{font-size:14px;} .contact-link-card{grid-template-columns:1fr 18px;grid-template-areas:"label arrow" "value arrow";gap:6px 10px;padding:14px 14px;} .contact-link-card span{grid-area:label;} .contact-link-card strong{grid-area:value;font-size:15px;} .contact-link-card b{grid-area:arrow;align-self:center;} .contact-qr-card{grid-template-columns:1fr !important;gap:14px !important;padding:16px !important;} .contact-qr-card img{width:112px !important;height:112px !important;} .section-no,.intro-mark{width:48px !important;height:48px !important;border-radius:14px;font-size:10px !important;} .intro{grid-template-columns:1fr;} .intro-mark{display:none !important;} } .contact-layout-premium{ align-items:stretch !important; } .contact-copy{ min-width:0; height:100%; } .contact-intro-card, .contact-direct-card, .contact-qr-card, .contact-form-card{ box-sizing:border-box; min-width:0; } .contact-intro-card p, .contact-direct-head strong, .contact-link-card strong, .contact-qr-card strong, .contact-qr-card p, .contact-form-head strong{ overflow-wrap:anywhere; word-break:normal; hyphens:none; } .contact-intro-card p{ max-width:100% !important; font-size:17px !important; line-height:1.68 !important; } .contact-direct-card{ overflow:hidden; } .contact-direct-head strong{ max-width:100% !important; font-size:14px !important; line-height:1.55 !important; } .contact-link-card{ grid-template-columns:78px minmax(0,1fr) 18px !important; padding:14px 15px !important; gap:10px !important; overflow:hidden; } .contact-link-card span{ min-width:0; font-size:9px !important; } .contact-link-card strong{ min-width:0; max-width:100%; font-size:15px !important; line-height:1.3 !important; } .contact-link-card[href^="mailto:"] strong{ font-size:13px !important; } .contact-qr-card{ grid-template-columns:108px minmax(0,1fr) !important; gap:16px !important; padding:16px 18px !important; overflow:hidden; } .contact-qr-card img{ width:108px !important; height:108px !important; min-width:108px; } .contact-qr-card > div{ min-width:0; } .contact-qr-card strong{ font-size:15px !important; line-height:1.45 !important; max-width:100% !important; } .contact-qr-card p{ font-size:12px !important; line-height:1.58 !important; max-width:100% !important; } .contact-form-card{ align-self:stretch !important; height:100%; min-height:100%; grid-template-rows:auto auto auto minmax(155px,1fr) auto; } .contact-form-card .wide{ min-height:0; } .contact-form-card textarea{ height:100%; min-height:155px !important; } @media(max-width:1280px){ .contact-layout-premium{ grid-template-columns:minmax(350px,420px) minmax(0,1fr) !important; } .contact-link-card{ grid-template-columns:72px minmax(0,1fr) 18px !important; } } @media(max-width:1100px){ .contact-layout-premium{ grid-template-columns:1fr !important; } .contact-form-card{ height:auto; } .contact-form-card textarea{ height:auto; } } @media(max-width:720px){ .contact-link-card{ grid-template-columns:1fr 18px !important; grid-template-areas:"label arrow" "value arrow" !important; } .contact-link-card span{grid-area:label;} .contact-link-card strong{grid-area:value;font-size:14px !important;} .contact-link-card b{grid-area:arrow;} .contact-qr-card{ grid-template-columns:96px minmax(0,1fr) !important; gap:13px !important; } .contact-qr-card img{ width:96px !important; height:96px !important; min-width:96px; } } .team-glimpse-head{ grid-template-columns:1fr !important; gap:18px !important; align-items:start !important; margin-bottom:34px !important; } .team-glimpse-head > p{display:none !important;} .company-metrics{ width:min(var(--max),calc(100% - 48px)) !important; margin:24px auto 0 !important; padding:18px !important; display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:14px !important; background: radial-gradient(circle at 15% 18%,rgba(83,130,177,.10),transparent 26%), linear-gradient(135deg,#081421 0%,#0b1d2d 52%,#10273a 100%) !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:28px !important; box-shadow:0 24px 54px rgba(6,19,31,.18), inset 0 1px 0 rgba(255,255,255,.04) !important; } .metric-card{ min-height:206px !important; padding:28px 22px !important; border:1px solid rgba(255,255,255,.09) !important; border-radius:22px !important; background:linear-gradient(180deg,rgba(255,255,255,.040),rgba(255,255,255,.018)) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.10) !important; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } .metric-card:last-child{border-right:1px solid rgba(255,255,255,.09) !important;} .metric-card:hover{ transform:translateY(-4px); border-color:rgba(123,170,214,.30) !important; background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.026)) !important; box-shadow:0 20px 36px rgba(2,12,20,.28), inset 0 1px 0 rgba(255,255,255,.06) !important; } .metric-icon{ width:48px; height:48px; border-radius:14px; background:rgba(255,255,255,.032); border:1px solid rgba(255,255,255,.08); display:grid; place-items:center; margin:0 auto 18px; } .metric-icon svg{width:24px;height:24px;} .metric-card strong{ font-size:clamp(40px,3vw,64px) !important; line-height:1 !important; margin-bottom:10px; } .metric-card p{ max-width:none !important; line-height:1.45 !important; } .team-grid{gap:16px !important;} .team-card{ min-height:188px !important; padding:24px 22px !important; align-items:center !important; } .team-avatar{ width:64px !important; height:64px !important; border-radius:18px !important; padding:4px; background:linear-gradient(145deg,#eef3f8,#dbe7f1) !important; border:1px solid rgba(23,63,98,.12) !important; box-shadow:0 10px 24px rgba(17,44,70,.10) !important; } .team-avatar img{ border-radius:14px; background:linear-gradient(145deg,#eef3f8,#dbe7f1); filter:grayscale(.18) contrast(1.02) brightness(1.02) !important; } .team-card:hover .team-avatar img{ filter:grayscale(0) contrast(1.03) brightness(1.03) !important; } .team-card h3{line-height:1.08 !important;} .team-card p{line-height:1.45 !important;} @media(max-width:1200px){ .company-metrics{grid-template-columns:repeat(3,minmax(0,1fr)) !important;} } @media(max-width:860px){ .company-metrics{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} .metric-card:last-child{grid-column:1 / -1;} } @media(max-width:560px){ .company-metrics{width:calc(100% - 24px) !important; padding:12px !important; grid-template-columns:1fr !important;} .metric-card{min-height:160px !important;} .metric-card:last-child{grid-column:auto;} } .why-grid{ border:0 !important; background:transparent !important; gap:18px !important; } .why-card{ min-height:290px !important; padding:30px 26px 32px !important; border:1px solid #d8dde2 !important; border-radius:28px !important; background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.58)) !important; box-shadow:0 16px 38px rgba(6,16,28,.05), inset 0 1px 0 rgba(255,255,255,.45) !important; overflow:hidden; } .why-card h3{ max-width:none !important; } .why-card p{ max-width:32ch; } .why-card:hover{ transform:translateY(-4px) !important; box-shadow:0 22px 44px rgba(6,16,28,.09), inset 0 1px 0 rgba(255,255,255,.55) !important; } .why-cta{ margin-top:22px !important; border-radius:32px !important; border:1px solid rgba(255,255,255,.07) !important; overflow:hidden; } .profile-large{ border-radius:22px !important; } .process{ align-items:start; } .process-title{ max-width:560px !important; } .process-list{ border-top:0 !important; display:grid; gap:16px; } .process-row{ grid-template-columns:72px minmax(220px,.58fr) 1fr 46px !important; gap:22px !important; align-items:start !important; padding:28px 28px 30px !important; border:1px solid #d8dde2 !important; border-radius:26px !important; background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(255,255,255,.48)) !important; box-shadow:0 14px 32px rgba(6,16,28,.04), inset 0 1px 0 rgba(255,255,255,.5); } .process-row > span{ width:48px; height:48px; border-radius:15px; display:grid; place-items:center; font-size:10px !important; font-weight:800; letter-spacing:.14em; color:#1c5f95 !important; border:1px solid #d4dbe3; background:#fff; margin-top:2px; } .process-row h3{ font-size:clamp(28px,2.6vw,42px) !important; line-height:.98 !important; margin-top:2px; } .process-row p{ font-size:14px !important; line-height:1.72 !important; max-width:62ch; color:#5e6c7e !important; padding-top:2px; } .process-row i{ width:42px; height:42px; border-radius:14px; display:grid; place-items:center; border:1px solid #d4dbe3; background:#fff; font-size:18px !important; color:#0b1c2d; margin-top:2px; } .process-row:hover{ transform:translateY(-3px) !important; box-shadow:0 20px 42px rgba(6,16,28,.08), inset 0 1px 0 rgba(255,255,255,.55); } .process-row:hover i{ transform:none !important; color:#185cff; } @media(max-width:1100px){ .why-grid{grid-template-columns:1fr 1fr !important;} .process-row{grid-template-columns:62px .52fr 1fr 42px !important;} } @media(max-width:720px){ .why-grid{grid-template-columns:1fr !important; gap:14px !important;} .why-card{min-height:0 !important; padding:24px 22px 26px !important; border-radius:24px !important;} .why-cta{border-radius:26px !important;} .process-list{gap:12px;} .process-row{ grid-template-columns:50px 1fr 42px !important; gap:14px !important; padding:22px 20px 24px !important; border-radius:22px !important; } .process-row p{ grid-column:2 !important; grid-row:2 !important; max-width:none; } .process-row i{ grid-column:3 !important; grid-row:1 / 3 !important; } } :root{ --radius-sm:16px; --radius-md:22px; --radius-lg:30px; --radius-xl:38px; } html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} .why-line,.team,.expertise,.work,.bim-story,.markets,.process,.contact,.service-next,.project-cta{ content-visibility:auto; contain-intrinsic-size:1px 900px; } img[loading="lazy"]{content-visibility:auto} .logo, .button, .profile-header, .talk, .hero-dot, .section-no, .proof article, .why-card, .why-cta, .team-card, .team-card-last, .team-avatar, .expertise-item, .project-card, .project-index, .project-arrow, .process-row, .process-row > span, .process-row i, .contact-form input, .contact-form textarea, .contact-form select, .contact-form button, .project-modal, .modal-close, .project-nav a, .service-next .button, .project-cta .button, .chat-launcher, .chat-window, .chat-quick button, .chat-form input, .chat-form button{ border-radius:var(--radius-md); } .button, .profile-header, .talk, .contact-form button, .service-next .button, .project-cta .button{ border-radius:18px; } .project-card, .why-card, .process-row, .team-card, .team-card-last, .proof article, .chat-window{ overflow:hidden; } .project-card, .team-card, .team-card-last, .process-row, .why-card, .proof article{ box-shadow:0 14px 34px rgba(7,17,30,.05); } .project-index{ width:48px; height:34px; border-radius:14px; } .project-arrow{ border-radius:18px; } .team-card, .team-card-last{ border-radius:28px !important; background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.62)) !important; } .team-avatar{ border-radius:18px !important; background:linear-gradient(180deg,#ffffff,#eef3f7) !important; box-shadow:inset 0 0 0 1px rgba(15,33,53,.08); } .team-avatar img{ border-radius:14px; } .process-row{ cursor:default !important; border-radius:30px !important; } .process-row i{ pointer-events:none; background:rgba(255,255,255,.88); color:#0b1c2d !important; } .process-row:hover{ transform:none !important; } .process-row:hover i{ transform:none !important; color:#0b1c2d !important; } .contact-form input, .contact-form textarea, .contact-form select{ border:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.03); padding:15px 16px; } .contact-form textarea{min-height:150px} .contact-form button{min-height:56px} .expertise-item, .hero-capability{ border-radius:24px; } @media(max-width:900px){ .project-card, .why-card, .team-card, .team-card-last, .process-row, .proof article{ border-radius:24px !important; } } @media(max-width:720px){ .button, .profile-header, .contact-form button, .talk{ border-radius:16px; } .hero-actions{ grid-template-columns:1fr !important; } .hero-actions .button{ width:100%; } .process-row{ grid-template-columns:54px 1fr 42px !important; gap:14px !important; padding:20px 18px 22px !important; } .process-row > span{ width:42px; height:42px; border-radius:14px; } .process-row i{ width:40px; height:40px; border-radius:14px; } .contact-form input, .contact-form textarea, .contact-form select{ padding:14px 14px; } .team-avatar{width:56px !important;height:56px !important;flex-basis:56px !important} } .process-row{ grid-template-columns:72px minmax(220px,.62fr) 1fr !important; } .process-row i{display:none !important;} .team-card-mohammad .team-avatar img{ filter:grayscale(1) contrast(1.05) brightness(1.02) !important; } .team-card-mohammad:hover .team-avatar img{ filter:grayscale(1) contrast(1.05) brightness(1.02) !important; } @media(max-width:1100px){ .process-row{grid-template-columns:62px .56fr 1fr !important;} } @media(max-width:720px){ .process-row{grid-template-columns:50px 1fr !important;} .process-row p{grid-column:2 !important;grid-row:2 !important;} } .chat-launcher-copy{ position:absolute; top:calc(100% + 11px); right:0; width:max-content; min-width:152px; padding:10px 13px 9px; border-radius:16px; border:1px solid rgba(25,71,108,.14); background:rgba(250,252,254,.97); color:#0d2c48; box-shadow:0 14px 34px rgba(7,25,42,.16); display:flex; flex-direction:column; align-items:flex-start; gap:2px; text-align:left; pointer-events:none; transform-origin:top right; animation:chatCopyFloat 3.4s ease-in-out infinite; } .chat-launcher-copy strong{ font-size:12px; line-height:1.2; font-weight:850; letter-spacing:.02em; text-transform:none; white-space:nowrap; } .chat-launcher-copy small{ font-size:8px; line-height:1.25; font-weight:700; letter-spacing:.10em; text-transform:uppercase; color:#6e8193; white-space:nowrap; } .chat-launcher:hover .chat-launcher-copy{ background:#0d3557; color:#fff; border-color:#0d3557; box-shadow:0 18px 42px rgba(7,25,42,.25); } .chat-launcher:hover .chat-launcher-copy small{color:#c7d7e4;} @keyframes chatCopyFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(3px)} } @media(max-width:720px){ .chat-launcher-copy{ min-width:112px; padding:8px 10px 7px; border-radius:14px; } .chat-launcher-copy strong{font-size:10px;} .chat-launcher-copy small{display:none;} } @media(prefers-reduced-motion:reduce){ .chat-launcher-copy{animation:none!important;} } .hero-media{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)} .hero-slide{ inset:0 !important; background-repeat:no-repeat; background-position:center center; background-size:cover; image-rendering:auto; filter:none; transform:scale(1.012); transition:opacity .95s var(--ease),transform 8s ease; will-change:opacity,transform; } .hero-slide.is-active{transform:scale(1)} .hero-vignette{background:linear-gradient(90deg,rgba(4,10,18,.94) 0%,rgba(4,10,18,.78) 33%,rgba(4,10,18,.22) 72%,rgba(4,10,18,.12) 100%),linear-gradient(0deg,rgba(4,10,18,.70),transparent 46%)} .chat-launcher-copy{ top:auto; bottom:calc(100% + 12px); right:-10px; transform-origin:bottom right; } .chat-launcher:hover .chat-launcher-copy, .chat-launcher-copy{max-width:180px} @media(max-width:720px){ .chat-launcher-copy{ bottom:calc(100% + 8px); right:-4px; } } *{-webkit-tap-highlight-color:transparent} button,a,input,select,textarea{touch-action:manipulation} img{height:auto} .hero-slide{will-change:opacity;transform:none!important} .hero-slide.is-active{transform:none!important} @supports(content-visibility:auto){ .intro,.why-line,.team,.expertise,.work,.bim-story,.markets,.process,.contact{ content-visibility:auto; contain-intrinsic-size:1px 850px; } } @media(max-width:720px){ html,body{max-width:100%;overflow-x:hidden} body{font-size:16px} .header{padding-left:16px!important;padding-right:16px!important} .mobile-panel{overflow-y:auto;-webkit-overflow-scrolling:touch} .mobile-links a{min-height:48px;display:flex;align-items:center} .button,.contact-form button,.chat-form button,.hero-dot,.menu{min-height:44px} .contact-form input,.contact-form select,.contact-form textarea,.chat-form input{font-size:16px!important} .hero{min-height:700px} .hero-inner{padding-left:18px!important;padding-right:18px!important} .hero-capability{min-height:46px} .social-floating{transform:scale(.92);transform-origin:left center} .project-card:hover,.team-card:hover,.why-card:hover{transform:none!important} } @media(max-width:380px){ :root{--pad:16px} .hero h1{font-size:clamp(46px,15vw,62px)!important} .hero-capabilities-row,.hero-capabilities-row.secondary{grid-template-columns:1fr 1fr!important} .hero-capability{font-size:11px!important;padding:8px!important} .chat-launcher{right:12px!important} .chat-launcher-copy{display:none!important} } @media(prefers-reduced-motion:reduce){ .hero-slide,.ticker-track,.chat-launcher,.chat-launcher:before{animation:none!important;transition:none!important} } @media(min-width:721px){.hero-slide:first-child{background-image:url('assets/hero-fast/al-marjan-1920.webp')}} @media(max-width:720px){.hero-slide:first-child{background-image:url('assets/hero-fast/al-marjan-1080.webp')}} @media(max-width:720px){ .social-floating{ position:fixed !important; left:8px !important; right:auto !important; top:54% !important; bottom:auto !important; transform:translateY(-50%) !important; transform-origin:left center !important; flex-direction:column !important; gap:6px !important; padding:6px !important; border-radius:22px !important; background:rgba(9,24,38,.90) !important; z-index:880 !important; } .social-floating .social-link{ width:34px !important; height:34px !important; flex:0 0 34px !important; } .market-map-shell{ width:100% !important; max-width:100% !important; overflow:hidden !important; -webkit-overflow-scrolling:auto !important; } .market-map-svg{ display:block !important; width:100% !important; min-width:0 !important; max-width:100% !important; height:auto !important; min-height:0 !important; aspect-ratio:1600 / 720 !important; } .market-map-key{ left:10px !important; bottom:8px !important; padding:7px 9px !important; font-size:8px !important; } .header{ height:88px !important; min-height:88px !important; } .logo, .logo img{ width:118px !important; max-width:118px !important; height:auto !important; max-height:68px !important; } .header-tools{gap:10px !important;} .lang{font-size:10px !important;letter-spacing:.12em !important;} .menu{width:40px !important;height:44px !important;} .intro{ grid-template-columns:minmax(0,1fr) !important; width:100% !important; max-width:100% !important; gap:28px !important; } .intro-head, .intro-side{ grid-column:1 !important; width:100% !important; max-width:100% !important; min-width:0 !important; padding-top:0 !important; } .intro-head{grid-row:auto !important;} .intro-side{grid-row:auto !important;} .intro-side p{ width:100% !important; max-width:100% !important; margin:0 0 28px !important; text-align:left !important; overflow-wrap:anywhere !important; } .intro h2, .about-title-refined{ max-width:100% !important; overflow-wrap:normal !important; } .expertise-top{ width:100% !important; max-width:100% !important; margin:0 0 44px !important; padding:0 !important; grid-template-columns:minmax(0,1fr) !important; } .expertise-top > div:nth-child(2){ grid-column:1 !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 !important; } .expertise-top h2, .expertise h2{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; font-size:clamp(42px,12.2vw,54px) !important; line-height:.94 !important; overflow-wrap:normal !important; word-break:normal !important; } .expertise-stage, .expertise-list{ width:100% !important; max-width:100% !important; min-width:0 !important; } .expertise-item{ width:100% !important; max-width:100% !important; min-width:0 !important; grid-template-columns:30px minmax(0,1fr) 22px !important; } .expertise-item > div{min-width:0 !important;} .expertise-item h3, .expertise-item p{ max-width:100% !important; overflow-wrap:break-word !important; } } @media(max-width:380px){ .logo,.logo img{width:108px !important;max-width:108px !important;} .social-floating{left:6px !important;transform:translateY(-50%) scale(.94) !important;} .expertise-top h2,.expertise h2{font-size:clamp(39px,11.8vw,46px) !important;} } @media(max-width:720px){ .social-floating{ left:10px !important; right:auto !important; top:auto !important; bottom:132px !important; transform:none !important; transform-origin:left bottom !important; flex-direction:column !important; gap:6px !important; padding:6px !important; border-radius:22px !important; z-index:880 !important; } .hero-inner{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; padding-left:18px !important; padding-right:18px !important; } .hero-copy, .hero-capabilities, .hero-capabilities-row, .hero-capabilities-row.secondary, .hero-actions, .hero-caption{ width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; } .hero-copy{overflow:visible !important;} .hero h1{ width:100% !important; max-width:100% !important; min-width:0 !important; } .hero-capability, .hero-actions .button{ min-width:0 !important; max-width:100% !important; } .company-metrics{ width:calc(100% - 20px) !important; max-width:calc(100% - 20px) !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; padding:10px !important; } .metric-card{ min-width:0 !important; min-height:154px !important; padding:18px 10px !important; } .metric-icon{ width:40px !important; height:40px !important; margin-bottom:14px !important; } .metric-icon svg{width:20px !important;height:20px !important;} .metric-card strong{ font-size:clamp(28px,8vw,38px) !important; line-height:1 !important; white-space:normal !important; overflow-wrap:normal !important; } .metric-card p{ font-size:10px !important; line-height:1.35 !important; } .metric-card:last-child{ grid-column:1 / -1 !important; min-height:142px !important; } } @media(max-width:380px){ .social-floating{left:8px !important;bottom:122px !important;transform:none !important;} .company-metrics{width:calc(100% - 16px) !important;max-width:calc(100% - 16px) !important;gap:8px !important;padding:8px !important;} .metric-card{min-height:146px !important;padding:16px 8px !important;} .metric-card strong{font-size:clamp(26px,8vw,34px) !important;} } @media(max-width:720px){ .team-grid{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; overflow:visible !important; overflow-x:visible !important; scroll-snap-type:none !important; padding-bottom:0 !important; width:100% !important; max-width:100% !important; } .team-card, .team-card-last, .team-grid .team-card:nth-child(5), .team-grid .team-card:nth-child(6), .team-grid .team-card:nth-child(7), .team-grid .team-card:nth-child(8){ grid-column:auto !important; min-width:0 !important; width:100% !important; min-height:190px !important; padding:15px 13px !important; display:grid !important; grid-template-columns:1fr !important; align-content:start !important; align-items:start !important; gap:10px !important; scroll-snap-align:none !important; } .team-card > div{ min-width:0 !important; width:100% !important; } .team-avatar{ width:50px !important; height:50px !important; flex:0 0 50px !important; margin:0 !important; padding:3px !important; border-radius:15px !important; } .team-avatar img{border-radius:12px !important;} .team-card h3{ margin:0 0 7px !important; font-size:clamp(15px,4.1vw,18px) !important; line-height:1.08 !important; letter-spacing:-.025em !important; overflow-wrap:anywhere !important; } .team-card p{ margin:0 !important; font-size:8.5px !important; line-height:1.42 !important; letter-spacing:.065em !important; overflow-wrap:anywhere !important; } .back-home{display:none !important;} } @media(max-width:380px){ .team-grid{gap:8px !important;} .team-card,.team-card-last{min-height:184px !important;padding:13px 11px !important;} .team-avatar{width:46px !important;height:46px !important;flex-basis:46px !important;} .team-card h3{font-size:14.5px !important;} .team-card p{font-size:8px !important;} } .page-hero{ position:relative; overflow:hidden; background:linear-gradient(135deg,#071525 0%,#0b2943 58%,#123b5e 100%); color:#fff; padding:185px var(--pad) 90px; border-bottom:1px solid rgba(255,255,255,.08); } .page-hero:after{ content:"";position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:100% 50%,16.666% 100%;opacity:.5 } .page-hero-inner{position:relative;z-index:1;max-width:var(--max);margin:auto} .page-hero .eyebrow{margin-bottom:22px} .page-hero h1{margin:0;max-width:1000px;font-size:clamp(56px,7.6vw,118px);line-height:.88;letter-spacing:-.065em} .multipage .header.scrolled{background:rgba(5,18,31,.97);backdrop-filter:blur(16px)} .multipage .intro,.multipage .expertise,.multipage .work,.multipage .process{padding-top:110px} .multipage-about .why-line.about-continuation{margin-top:0} .multipage-contact .contact{padding-top:100px} @media(max-width:720px){ .page-hero{padding:125px 20px 55px} .page-hero h1{font-size:clamp(44px,12.5vw,64px);line-height:.94;letter-spacing:-.05em} .page-hero .eyebrow{margin-bottom:14px} .multipage .intro,.multipage .expertise,.multipage .work,.multipage .process{padding-top:72px} .multipage-contact .contact{padding-top:68px} } .nav-submenu{min-width:230px} .hero-capabilities{margin-top:28px !important;gap:12px !important;width:min(1120px,100%) !important} .hero-capabilities-row{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:18px !important} .hero-capabilities-row.secondary{grid-template-columns:repeat(4,minmax(0,1fr)) !important} .hero-capability{ min-height:42px !important; padding:0 4px 11px !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.27) !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; cursor:default !important; font-size:15px !important; font-weight:760 !important; letter-spacing:-.015em !important; display:flex !important; align-items:flex-end !important; color:#fff !important; transition:none !important; } .hero-capability:before,.hero-capability:after{display:none !important} .hero-capability:hover,.hero-capability:focus-visible{ transform:none !important; background:transparent !important; box-shadow:none !important; color:#fff !important; outline:none !important; } .hero-actions .button{ min-height:56px !important; padding:18px 21px !important; font-size:11px !important; font-weight:850 !important; letter-spacing:.14em !important; border-width:1.5px !important; box-shadow:0 12px 30px rgba(0,0,0,.13); } .hero-actions .button b{font-size:16px !important;font-weight:900 !important} .hero-actions .button.ghost{background:rgba(5,18,31,.20);border-color:rgba(255,255,255,.62) !important} .ticker span{cursor:default} .ticker span:hover{transform:none !important} .ticker i{ width:auto !important;height:auto !important;flex:0 0 auto !important; border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important; padding:0 3px !important;font-size:10px !important;font-weight:700 !important;opacity:.55 !important; } .home-overview{background:#f4f6f8;color:#07111e;padding:120px var(--pad);border-bottom:1px solid var(--line)} .home-overview-inner{max-width:var(--max);margin:auto} .home-overview-head{display:grid;grid-template-columns:1.05fr .75fr;gap:70px;align-items:end;margin-bottom:48px} .home-overview-head h2{margin:0;font-size:clamp(52px,5.8vw,92px);line-height:.9;letter-spacing:-.06em;max-width:11ch} .home-overview-head>p{margin:0 0 7px;color:#5e6d7e;font-size:17px;line-height:1.65;max-width:560px} .home-overview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} .home-overview-item{min-height:280px;padding:26px 23px 24px;border:1px solid rgba(8,28,47,.12);border-radius:26px;background:rgba(255,255,255,.72);display:flex;flex-direction:column;box-shadow:0 12px 32px rgba(8,28,47,.04)} .home-overview-item>span{font-size:9px;letter-spacing:.16em;color:#60798f;margin-bottom:38px} .home-overview-item h3{margin:0 0 14px;font-size:28px;letter-spacing:-.04em} .home-overview-item p{margin:0;color:#617080;font-size:13px;line-height:1.6} .home-overview-item a{margin-top:auto;padding-top:24px;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#0d416c;border-bottom:1px solid rgba(13,65,108,.32);align-self:flex-start} .mission-vision{background:#0a1d30;color:#fff;padding:120px var(--pad)} .mission-vision-inner{max-width:var(--max);margin:auto} .mission-vision-head{margin-bottom:48px} .mission-vision-head .eyebrow{color:#9dc6e9} .mission-vision-head h2{margin:0;font-size:clamp(58px,7vw,108px);line-height:.88;letter-spacing:-.065em} .mission-vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .mission-vision-card{min-height:330px;padding:34px 32px;border:1px solid rgba(255,255,255,.14);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));display:flex;flex-direction:column} .mission-vision-card>span{font-size:9px;letter-spacing:.18em;color:#9dc6e9;margin-bottom:60px} .mission-vision-card h3{margin:0 0 20px;font-size:clamp(34px,3.2vw,52px);letter-spacing:-.045em} .mission-vision-card p{margin:auto 0 0;max-width:720px;color:#bcc8d5;font-size:16px;line-height:1.7} .mission-vision-actions{display:flex;flex-wrap:wrap;gap:34px;margin-top:34px} .mission-vision-actions .text-link{color:#fff} @media(max-width:1100px){ .home-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .home-overview-item:last-child{grid-column:1/-1} .hero-capabilities-row,.hero-capabilities-row.secondary{grid-template-columns:repeat(2,minmax(0,1fr)) !important} } @media(max-width:720px){ .hero-capabilities-row,.hero-capabilities-row.secondary{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px 14px !important} .hero-capability{min-height:38px !important;padding:0 2px 9px !important;font-size:12px !important} .hero-actions .button{min-height:54px !important;font-size:9px !important;padding:16px 14px !important} .home-overview{padding:82px 20px} .home-overview-head{grid-template-columns:1fr;gap:20px;margin-bottom:34px} .home-overview-head h2{font-size:clamp(44px,12vw,60px);max-width:none} .home-overview-head>p{font-size:15px} .home-overview-grid{grid-template-columns:1fr;gap:10px} .home-overview-item,.home-overview-item:last-child{grid-column:auto;min-height:0;padding:22px 20px 21px;border-radius:22px} .home-overview-item>span{margin-bottom:22px} .home-overview-item h3{font-size:25px} .mission-vision{padding:82px 20px} .mission-vision-head h2{font-size:clamp(48px,13vw,64px)} .mission-vision-grid{grid-template-columns:1fr;gap:10px} .mission-vision-card{min-height:0;padding:26px 22px;border-radius:24px} .mission-vision-card>span{margin-bottom:36px} .mission-vision-card p{font-size:15px} .mission-vision-actions{gap:22px;flex-direction:column;align-items:flex-start} .ticker i{font-size:8px !important;padding:0 1px !important} } .text-link{ border:1px solid rgba(13,65,108,.28) !important; border-radius:16px !important; padding:13px 16px !important; gap:28px !important; background:rgba(255,255,255,.76); box-shadow:0 8px 22px rgba(7,25,42,.05); transition:transform .24s ease,background .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease !important; } .text-link:hover,.text-link:focus-visible{ transform:translateY(-2px); background:#0d3558; color:#fff; border-color:#0d3558 !important; box-shadow:0 14px 30px rgba(7,25,42,.14); } .mission-vision-actions .text-link{ background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.28) !important; color:#fff; } .mission-vision-actions .text-link:hover,.mission-vision-actions .text-link:focus-visible{ background:#fff; color:#0a1d30; border-color:#fff !important; } .home-overview-item a{ border:1px solid rgba(13,65,108,.25) !important; border-radius:14px; padding:11px 13px !important; background:#fff; box-shadow:0 7px 18px rgba(7,25,42,.05); transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease; } .home-overview-item a:hover,.home-overview-item a:focus-visible{ background:#0d3558; color:#fff; border-color:#0d3558 !important; transform:translateY(-2px); } .multipage-process .process-list{ position:relative; padding-left:78px; gap:24px !important; overflow:visible; } .multipage-process .process-list::before{ content:""; position:absolute; left:27px; top:36px; bottom:36px; width:2px; border-radius:999px; background:linear-gradient(180deg,#9dc8ea 0%,#4c8fbe 46%,#15517f 100%); box-shadow:0 0 0 1px rgba(31,92,139,.04); } .multipage-process .process-row{ position:relative; overflow:visible !important; grid-template-columns:minmax(190px,.58fr) 1fr !important; gap:28px !important; align-items:center !important; padding:30px 30px 31px !important; border-radius:28px !important; background:linear-gradient(180deg,#fff,rgba(248,250,252,.96)) !important; border:1px solid rgba(9,38,64,.13) !important; box-shadow:0 15px 34px rgba(7,25,42,.055) !important; } .multipage-process .process-row::before{ content:""; position:absolute; left:-24px; top:50%; width:24px; height:1px; background:#6da7d1; } .multipage-process .process-row > span{ position:absolute; z-index:2; left:-78px; top:50%; transform:translateY(-50%); width:54px !important; height:54px !important; margin:0 !important; border-radius:50% !important; display:grid !important; place-items:center; background:#0e3f67 !important; border:1px solid rgba(255,255,255,.85) !important; color:#fff !important; box-shadow:0 0 0 7px #f5f7f9,0 10px 24px rgba(10,54,88,.18) !important; font-size:10px !important; font-weight:900 !important; letter-spacing:.12em !important; } .multipage-process .process-row:last-child > span{ background:#1f6ea8 !important; } .multipage-process .process-row h3{ margin:0 !important; font-size:clamp(30px,2.65vw,44px) !important; } .multipage-process .process-row p{ margin:0 !important; padding:0 !important; max-width:68ch; font-size:14px !important; line-height:1.72 !important; } @media(max-width:720px){ .text-link{width:100%;justify-content:space-between;padding:13px 15px !important} .home-overview-item a{display:inline-flex;align-items:center;align-self:flex-start} .multipage-process .process-list{ padding-left:46px; gap:16px !important; } .multipage-process .process-list::before{ left:18px; top:25px; bottom:25px; } .multipage-process .process-row{ grid-template-columns:1fr !important; gap:10px !important; padding:21px 17px 22px !important; border-radius:22px !important; } .multipage-process .process-row::before{ left:-20px; width:20px; } .multipage-process .process-row > span{ left:-47px; width:38px !important; height:38px !important; box-shadow:0 0 0 5px #f5f7f9,0 7px 17px rgba(10,54,88,.16) !important; font-size:8px !important; } .multipage-process .process-row h3{ grid-column:1 !important; grid-row:1 !important; font-size:28px !important; } .multipage-process .process-row p{ grid-column:1 !important; grid-row:2 !important; font-size:13px !important; line-height:1.65 !important; } } .team-profile-trigger{ width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left; font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start; } .team-profile-trigger h3{position:relative;display:inline-block;transition:color .2s ease;} .team-profile-trigger h3::after{ content:"";position:absolute;left:0;right:0;bottom:-4px;height:1.5px;background:#1d486f; transform:scaleX(.24);transform-origin:left;transition:transform .22s ease; } .team-profile-trigger > span{ margin-top:auto;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(23,63,98,.28); border-radius:999px;color:#173f62;background:#fff;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease; } .team-profile-trigger:hover h3::after,.team-profile-trigger:focus-visible h3::after{transform:scaleX(1);} .team-profile-trigger:hover > span,.team-profile-trigger:focus-visible > span{background:#173f62;color:#fff;border-color:#173f62;transform:translateY(-1px);} .team-profile-trigger:focus-visible{outline:2px solid #173f62;outline-offset:6px;border-radius:8px;} .team-profile-modal{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:24px;} .team-profile-modal.is-open{display:flex;} .team-profile-backdrop{position:absolute;inset:0;background:rgba(6,18,31,.72);backdrop-filter:blur(5px);} .team-profile-dialog{ position:relative;z-index:1;width:min(560px,100%);padding:34px 34px 30px;border-radius:20px;background:#fff; box-shadow:0 28px 90px rgba(0,0,0,.28);border:1px solid rgba(15,42,68,.12); } .team-profile-dialog .eyebrow{margin:0 0 12px;color:#49708f;} .team-profile-dialog h3{margin:0 46px 8px 0;color:#102c47;font-size:clamp(27px,4vw,42px);letter-spacing:-.035em;line-height:1.03;} .team-profile-role{margin:0 0 22px;color:#1d486f;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;line-height:1.5;} .team-profile-bio{margin:0 0 26px;color:#4e5f6f;font-size:15px;line-height:1.72;} .team-profile-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border:1px solid rgba(16,44,71,.18);border-radius:50%;background:#f7f9fb;color:#102c47;font-size:26px;line-height:1;cursor:pointer;} .team-linkedin-button{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:#173f62;color:#fff;text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;} .team-linkedin-button:hover{background:#102c47;} body.team-modal-open{overflow:hidden;} @media(max-width:680px){ .team-profile-dialog{padding:28px 22px 24px;border-radius:16px;} .team-profile-trigger > span{margin-top:12px;} } :root{ --v75-heading:#071524; --v75-body:#5c6b7b; --v75-line:rgba(10,32,54,.12); } h1,h2,h3,h4,h5,h6,strong{ font-weight:760; } .hero h1, .page-hero h1, .home-overview-head h2, .intro h2, .expertise h2, .work h2, .process h2, .contact h2, .mission-vision-head h2, .team-glimpse-head h2{ letter-spacing:-.048em !important; line-height:.94 !important; font-weight:760 !important; } .hero h1{line-height:.86 !important;} .page-hero h1{max-width:8.6ch;} .multipage-expertise .page-hero h1{max-width:9.5ch;font-size:clamp(48px,6vw,96px) !important;} .multipage-process .page-hero h1{max-width:9.2ch;font-size:clamp(48px,6vw,92px) !important;} .home-overview-head, .expertise-top, .work-head{ grid-template-columns:1fr !important; gap:18px !important; align-items:start !important; } .home-overview-head > p, .expertise-note, .work-note{display:none !important;} .home-overview{ padding:112px var(--pad) 118px !important; } .home-overview-head h2{ max-width:10.5ch !important; font-size:clamp(46px,5.2vw,82px) !important; } .home-overview-brief{ max-width:900px; margin:0 0 42px; display:grid; grid-template-columns:1fr 1fr; gap:18px; } .home-overview-brief p{ margin:0; padding:20px 22px; border:1px solid var(--v75-line); border-radius:22px; background:#fff; color:var(--v75-body); font-size:15px; line-height:1.72; box-shadow:0 12px 30px rgba(9,24,39,.05); } .home-overview-grid{gap:14px !important;} .home-overview-item{ min-height:260px !important; border-radius:28px !important; border:1px solid rgba(7,21,36,.10) !important; box-shadow:0 16px 34px rgba(9,24,39,.05) !important; } .home-overview-item h3{font-size:26px !important;line-height:1.02 !important;} .home-overview-item p{font-size:13px !important;line-height:1.65 !important;} .home-overview-item a{padding-top:22px !important;} .hero-capabilities{margin-top:34px !important;} .hero-capability{ font-size:16px !important; font-weight:820 !important; letter-spacing:-.01em !important; padding-bottom:12px !important; border-bottom:1px solid rgba(255,255,255,.33) !important; text-shadow:0 1px 10px rgba(0,0,0,.22); } .hero-capabilities-row{gap:22px !important;} .hero-capabilities-row.secondary{gap:22px !important;} .multipage-expertise .page-hero{padding-bottom:68px !important;} .multipage-expertise .page-hero-inner{max-width:min(var(--max),1000px) !important;} .multipage-expertise .expertise-top{margin-bottom:38px !important;} .multipage-expertise .expertise-top h2{ font-size:clamp(42px,4.5vw,72px) !important; max-width:10.3ch; } .multipage-expertise .expertise-stage{gap:clamp(24px,4vw,52px) !important;} .multipage-expertise .expertise-list{ border-top:1px solid rgba(255,255,255,.16) !important; } .multipage-expertise .expertise-item{ padding:28px 0 !important; grid-template-columns:44px 1fr 28px !important; gap:16px !important; } .multipage-expertise .expertise-item h3{ font-size:clamp(25px,2.15vw,34px) !important; line-height:1.08 !important; } .multipage-expertise .expertise-item p{ margin-top:8px !important; font-size:13px !important; line-height:1.65 !important; max-width:54ch !important; } .multipage-expertise .expertise-item b{font-size:18px !important;} .multipage-expertise .expertise-visual{ border-radius:30px; overflow:hidden; min-height:590px !important; box-shadow:0 24px 54px rgba(0,0,0,.22); } .multipage-process .process-title{max-width:520px !important;} .multipage-process .process-row{ cursor:pointer; transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease !important; } .multipage-process .process-row i{ display:grid !important; place-items:center; width:42px; height:42px; border-radius:50%; background:rgba(19,88,138,.08); color:#114e7e !important; justify-self:end; } .multipage-process .process-row:hover, .multipage-process .process-row:focus-visible{ transform:translateY(-4px) !important; border-color:rgba(25,98,150,.26) !important; box-shadow:0 22px 40px rgba(7,25,42,.10) !important; background:linear-gradient(180deg,#ffffff,rgba(241,247,252,.98)) !important; outline:none; } .multipage-process .process-row:hover i, .multipage-process .process-row:focus-visible i{ background:#0f4b78; color:#fff !important; transform:translateX(2px); } .process-modal{ position:fixed; inset:0; z-index:1400; display:grid; place-items:center; opacity:0; pointer-events:none; transition:opacity .24s ease; } .process-modal.open{opacity:1;pointer-events:auto;} .process-modal-backdrop{ position:absolute; inset:0; background:rgba(4,13,23,.62); backdrop-filter:blur(5px); } .process-modal-dialog{ position:relative; z-index:1; width:min(1040px,calc(100vw - 40px)); display:grid; grid-template-columns:.96fr 1.04fr; background:#fff; border-radius:30px; overflow:hidden; box-shadow:0 30px 80px rgba(0,0,0,.24); } .process-modal-media{min-height:420px;background:#0c1826;} .process-modal-media img{width:100%;height:100%;object-fit:cover;display:block;} .process-modal-copy{padding:42px 42px 38px;display:flex;flex-direction:column;gap:14px;} .process-modal-copy h3{margin:0;font-size:clamp(34px,3.1vw,50px);line-height:.98;color:var(--v75-heading);} .process-modal-copy > p{margin:0;color:var(--v75-body);font-size:15px;line-height:1.75;} .process-modal-copy ul{margin:6px 0 0;padding-left:18px;display:grid;gap:11px;color:#24384c;} .process-modal-copy li{line-height:1.65;} .process-modal-close{ position:absolute; top:16px; right:16px; width:44px; height:44px; border:0; border-radius:50%; background:rgba(255,255,255,.92); color:#071524; font-size:28px; line-height:1; cursor:pointer; box-shadow:0 10px 24px rgba(0,0,0,.14); } body.process-modal-open{overflow:hidden;} .team-card{ transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease; } .team-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(13,42,68,.10); border-color:rgba(15,75,120,.20) !important; } .team-profile-trigger span{ display:inline-flex; align-items:center; gap:12px; margin-top:14px; padding:11px 14px; border-radius:999px; border:1px solid rgba(13,64,101,.14); background:rgba(13,64,101,.04); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; } .team-profile-trigger span b{font-size:14px;} .company-metrics{ width:min(var(--max),calc(100% - 52px)) !important; margin:28px auto 0 !important; padding:18px !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:16px !important; border-radius:30px !important; } .metric-card{ min-height:212px !important; padding:28px 18px !important; display:flex !important; flex-direction:column !important; justify-content:center !important; align-items:center !important; text-align:center !important; } .metric-card strong{ font-size:clamp(36px,3vw,60px) !important; line-height:1.02 !important; margin:6px 0 10px !important; } .metric-card p{ font-size:13px !important; line-height:1.45 !important; } .metric-icon{margin-bottom:18px !important;} .chat-launcher{ right:18px !important; bottom:20px !important; } .chat-widget{ right:18px !important; bottom:92px !important; } footer{padding-bottom:96px !important;} @media(max-width:1200px){ .home-overview-brief{grid-template-columns:1fr;max-width:760px;} .company-metrics{grid-template-columns:repeat(3,minmax(0,1fr)) !important;} .metric-card:last-child{grid-column:2 / 4 !important;} } @media(max-width:860px){ .multipage-expertise .expertise-stage{grid-template-columns:1fr !important;} .company-metrics{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} .metric-card:last-child{grid-column:1 / -1 !important;} .process-modal-dialog{grid-template-columns:1fr;max-height:min(88svh,860px);overflow:auto;} .process-modal-media{min-height:280px;} } @media(max-width:720px){ .page-hero h1{max-width:9.6ch !important;} .home-overview{padding:84px 20px 88px !important;} .home-overview-head h2{font-size:clamp(42px,11.5vw,58px) !important;} .home-overview-brief{margin-bottom:30px;gap:12px;} .home-overview-brief p{padding:18px 18px;border-radius:18px;font-size:14px;} .hero-capabilities-row, .hero-capabilities-row.secondary{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px 14px !important;} .hero-capability{font-size:13px !important;min-height:40px !important;} .multipage-expertise .page-hero h1, .multipage-process .page-hero h1{font-size:clamp(40px,11vw,58px) !important;} .multipage-expertise .expertise-item{grid-template-columns:34px 1fr 24px !important;gap:12px !important;} .multipage-expertise .expertise-item h3{font-size:23px !important;} .multipage-expertise .expertise-item p{font-size:12px !important;} .multipage-expertise .expertise-visual{min-height:72vw !important;max-height:420px !important;border-radius:24px;} .multipage-process .process-row{padding:22px 18px 22px !important;} .multipage-process .process-row i{width:34px;height:34px;font-size:15px;} .process-modal-dialog{width:min(100vw - 18px,640px);border-radius:24px;} .process-modal-copy{padding:24px 20px 24px;} .process-modal-copy h3{font-size:34px;} .company-metrics{width:calc(100% - 24px) !important;padding:12px !important;gap:12px !important;grid-template-columns:1fr 1fr !important;} .metric-card{min-height:150px !important;padding:20px 12px !important;border-radius:18px !important;} .metric-card strong{font-size:clamp(30px,8vw,40px) !important;} .metric-card p{font-size:11px !important;} .chat-launcher{right:12px !important;bottom:16px !important;width:54px !important;height:54px !important;} .chat-widget{right:10px !important;bottom:82px !important;width:calc(100vw - 20px) !important;} footer{padding-bottom:84px !important;} } @media(max-width:420px){ .company-metrics{grid-template-columns:1fr !important;} .metric-card:last-child{grid-column:auto !important;} } .home-overview-brief{ grid-template-columns:1fr !important; max-width:860px !important; gap:12px !important; margin:0 0 38px !important; } .home-overview-brief p{ border-radius:20px !important; padding:18px 22px !important; } .hero-capabilities{ display:grid !important; gap:14px !important; margin-top:30px !important; width:min(1120px,100%) !important; } .hero-capabilities-row, .hero-capabilities-row.secondary{ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)) !important; gap:14px !important; } .hero-capability{ min-height:52px !important; align-items:center !important; justify-content:flex-start !important; padding:14px 16px !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:18px !important; background:rgba(7,21,36,.34) !important; backdrop-filter:blur(12px) !important; box-shadow:0 16px 34px rgba(0,0,0,.14) !important; border-bottom:1px solid rgba(255,255,255,.16) !important; line-height:1.15 !important; white-space:normal !important; } .multipage-about .page-hero{ padding:138px 20px 72px !important; } .multipage-about .page-hero h1{ max-width:9.5ch !important; font-size:clamp(48px,5.6vw,92px) !important; line-height:.92 !important; } .multipage-about .company-metrics{ width:min(calc(100% - 56px),1680px) !important; margin:10px auto 92px !important; gap:16px !important; } .multipage-about .company-metrics .metric-card{ min-height:246px; } .about-markets{ padding:0 var(--pad) 120px; background:var(--cream); } .about-markets-inner{ max-width:var(--max); margin:0 auto; } .about-markets-head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,420px); gap:22px 40px; align-items:end; margin-bottom:30px; } .about-markets-head p:last-child{ margin:0; color:var(--v75-body); font-size:15px; line-height:1.72; } .about-markets-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } .about-market-card{ min-height:220px; padding:28px 24px 24px; border:1px solid rgba(7,21,36,.10); border-radius:26px; background:#fff; box-shadow:0 16px 32px rgba(9,24,39,.05); } .about-market-card span{ display:block; margin-bottom:28px; font-size:12px; letter-spacing:.18em; color:#6f7d8c; } .about-market-card h3{ margin:0 0 10px; font-size:26px; line-height:1.02; color:var(--v75-heading); } .about-market-card p{ margin:0; color:var(--v75-body); font-size:14px; line-height:1.72; } .about-markets-cta{ margin-top:22px; } .multipage-expertise .page-hero{ padding-bottom:58px !important; } .multipage-expertise .page-hero h1{ max-width:10.2ch !important; font-size:clamp(46px,5.5vw,86px) !important; } .multipage-expertise .expertise-top{ margin-bottom:30px !important; } .multipage-expertise .expertise-top .section-no{ display:none !important; } .multipage-expertise .expertise-intro-copy{ margin:0; max-width:760px; color:rgba(255,255,255,.72); font-size:17px; line-height:1.8; } .multipage-expertise .expertise-top h2{ display:none !important; } .process-modal{ display:flex !important; align-items:center !important; justify-content:center !important; padding:20px !important; } .process-modal-dialog{ margin:auto !important; max-height:min(88vh,860px); } @media (max-width: 1100px){ .about-markets-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .about-markets-head{grid-template-columns:1fr;} } @media (max-width: 720px){ .hero-capabilities-row, .hero-capabilities-row.secondary{grid-template-columns:1fr 1fr !important;gap:10px !important;} .hero-capability{min-height:48px !important;padding:12px 14px !important;font-size:14px !important;} .multipage-about .page-hero{padding:118px 20px 52px !important;} .multipage-about .page-hero h1{font-size:clamp(40px,11vw,58px) !important;max-width:10.2ch !important;} .multipage-about .company-metrics{width:calc(100% - 22px) !important;margin:8px auto 74px !important;gap:12px !important;} .about-markets{padding:0 20px 92px;} .about-markets-grid{grid-template-columns:1fr;} .about-market-card{min-height:auto;padding:24px 20px;} .about-market-card span{margin-bottom:18px;} .multipage-expertise .page-hero h1{font-size:clamp(40px,11vw,58px) !important;} .multipage-expertise .expertise-intro-copy{font-size:15px;line-height:1.72;} .process-modal-dialog{max-height:min(90vh,860px);} } html[dir="ltr"] .page-hero-inner, html[dir="ltr"] .page-hero h1, html[dir="ltr"] .intro-head, html[dir="ltr"] .intro-head h2, html[dir="ltr"] .home-overview-head, html[dir="ltr"] .home-overview-head h2, html[dir="ltr"] .expertise-top, html[dir="ltr"] .expertise-top h2, html[dir="ltr"] .work-head, html[dir="ltr"] .work-head h2, html[dir="ltr"] .process-title, html[dir="ltr"] .process-title h2, html[dir="ltr"] .mission-vision-head, html[dir="ltr"] .mission-vision-head h2, html[dir="ltr"] .why-line-head, html[dir="ltr"] .why-line-head h2, html[dir="ltr"] .team-glimpse-head, html[dir="ltr"] .team-glimpse-head h2, html[dir="ltr"] .experience-map-head, html[dir="ltr"] .experience-map-head h2, html[dir="ltr"] .case-kicker, html[dir="ltr"] .case-kicker h2, html[dir="ltr"] .case-gallery-head h2, html[dir="ltr"] .project-cta h2{ text-align:left !important; justify-self:start !important; margin-left:0 !important; margin-right:auto !important; } .multipage-expertise .expertise-top{ display:block !important; max-width:var(--max) !important; margin:0 auto 42px !important; } .multipage-expertise .expertise-section-title{ width:100% !important; text-align:left !important; } .multipage-expertise .expertise-section-title h2{ display:block !important; margin:0 !important; max-width:none !important; font-size:clamp(48px,5.2vw,82px) !important; line-height:.94 !important; color:#fff !important; } .multipage-expertise .expertise-intro-copy{display:none !important;} .home-overview-brief{ max-width:900px !important; display:grid !important; grid-template-columns:1fr !important; gap:12px !important; } .home-overview-brief-head{ margin:0 0 8px !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .home-overview-brief-head .eyebrow{margin-bottom:12px !important;} .home-overview-brief-head h3{ margin:0 !important; max-width:12ch; font-size:clamp(34px,3.6vw,58px) !important; line-height:.98 !important; letter-spacing:-.045em !important; color:var(--v75-heading) !important; text-align:left !important; } .home-overview-brief > p{ width:100% !important; } .multipage-about .experience-map-section#markets{ margin-top:0 !important; padding-top:0 !important; } .multipage-about .experience-map-inner{ max-width:var(--max) !important; margin:0 auto !important; } .case-list li{ grid-template-columns:1fr !important; gap:0 !important; padding-left:0 !important; } .case-list li:before{ content:none !important; display:none !important; } .process-modal{ position:fixed !important; inset:0 !important; width:100vw !important; height:100dvh !important; padding:24px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; } .process-modal-dialog{ position:relative !important; top:auto !important; right:auto !important; bottom:auto !important; left:auto !important; transform:none !important; margin:0 !important; width:min(1040px,calc(100vw - 48px)) !important; max-height:calc(100dvh - 48px) !important; overflow:auto !important; } @media(max-width:720px){ .multipage-expertise .expertise-section-title h2{font-size:clamp(42px,12vw,58px) !important;} .home-overview-brief-head h3{font-size:clamp(32px,9.5vw,46px) !important;} .process-modal{padding:10px !important;} .process-modal-dialog{width:calc(100vw - 20px) !important;max-height:calc(100dvh - 20px) !important;} } :root{--reading-font:"Segoe UI",Tahoma,Arial,sans-serif;--heading-font:"Segoe UI",Tahoma,Arial,sans-serif;--accent:#98d8e9} body,button,input,textarea,select{font-family:var(--reading-font)} h1,h2,h3{font-family:var(--heading-font);font-weight:650} button:focus-visible,a:focus-visible{outline:3px solid #83d5ee!important;outline-offset:5px!important} body.multipage .page-hero{padding:clamp(148px,13vw,194px) clamp(28px,6.5vw,120px) 70px!important;min-height:0} body.multipage .page-hero-inner{width:100%;max-width:1320px!important;margin-inline:auto!important;text-align:start!important} body.multipage .page-hero h1{font-family:var(--heading-font)!important;font-size:clamp(40px,5.2vw,78px)!important;line-height:1.12!important;letter-spacing:-.045em!important;font-weight:600!important;max-width:20ch!important;width:auto!important;margin:0!important;text-wrap:balance;overflow-wrap:normal;animation:title-enter .75s ease-out both} body.multipage .page-hero .eyebrow{font-size:11px;letter-spacing:.2em;margin-bottom:24px;display:flex;align-items:center;gap:12px;color:#b4daed;animation:title-enter .55s ease-out both} body.multipage .page-hero .eyebrow:before{content:"";width:30px;height:2px;background:var(--accent)} body.multipage .page-hero-inner:after{content:"";display:block;margin-top:34px;width:64px;height:3px;border-radius:3px;background:linear-gradient(90deg,#9ee5e9,#488cbd);transform-origin:left;animation:line-enter .85s ease-out both} body.multipage .page-hero{background:radial-gradient(ellipse at 85% 5%,rgba(69,135,169,.18),transparent 55%),linear-gradient(120deg,#081a2a,#103650)} body.multipage .page-hero:after{background-size:120px 120px;opacity:.22;mask-image:linear-gradient(90deg,transparent,#000)} body .social-floating{display:none!important} body.multipage-expertise .expertise-top .expertise-section-title h2{font-family:var(--heading-font)!important;font-size:clamp(30px,3vw,46px)!important;line-height:1.2!important;letter-spacing:-.035em!important;font-weight:600!important} .home-overview{padding:clamp(64px,8vw,112px) clamp(24px,6.5vw,120px)!important;background:#f4f7f8} .home-overview-head{display:block!important;margin-bottom:40px!important;max-width:100%!important} .home-overview-head h2{font-family:var(--heading-font)!important;font-size:clamp(36px,4.3vw,64px)!important;line-height:1.14!important;letter-spacing:-.045em!important;max-width:23ch!important;font-weight:600!important;text-wrap:balance} .home-overview .eyebrow{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 18px!important;border-radius:0!important;color:#38637b!important;font-size:11px!important;letter-spacing:.17em!important} .home-overview-brief{max-width:none!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px 54px!important;padding:36px 0 42px!important;margin:0 0 38px!important;border-top:1px solid #cedae0!important;border-bottom:1px solid #cedae0!important;background:none!important;border-radius:0!important;box-shadow:none!important} .home-overview-brief-head{grid-row:span 2;align-self:start} .home-overview-brief-head h3{font-family:var(--heading-font)!important;font-size:clamp(28px,2.9vw,42px)!important;line-height:1.22!important;letter-spacing:-.035em!important;max-width:20ch!important;font-weight:600!important;text-wrap:balance} .home-overview-brief>p{padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#4a6070!important;font-size:16px!important;line-height:1.85!important;hyphens:none!important} .home-overview-grid{gap:16px} .home-overview-item{border-radius:16px!important;transition:transform .25s ease,box-shadow .25s ease} .home-overview-item:hover{transform:translateY(-4px);box-shadow:0 15px 32px #102c4010} .home-overview-item h3{font-weight:600;font-size:25px} .home-overview-item p{font-size:14px;line-height:1.75} .home-overview-item a{font-size:10px;line-height:1.6} .home-overview p,.home-overview-item p{text-align:start!important;hyphens:none!important;word-break:normal!important} #homeOverviewTitle{scroll-margin-top:190px} .multipage-process .process-title h2{font-family:var(--heading-font)!important;font-size:clamp(32px,3.8vw,56px)!important;line-height:1.18!important;letter-spacing:-.035em!important;font-weight:600!important;max-width:18ch!important} body .hero-capabilities .hero-capability{font-family:var(--reading-font)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;min-height:50px!important;padding:13px 16px!important;border:1px solid #ffffff55!important;border-radius:12px!important;background:rgba(7,26,42,.58)!important;backdrop-filter:blur(8px);color:#fff!important;font-size:14px!important;line-height:1.35!important;font-weight:600!important;white-space:normal!important;text-align:start!important;cursor:pointer!important;transition:background .22s ease,transform .22s ease,border-color .22s ease!important} body .hero-capabilities .hero-capability b{font-size:17px;color:#b4e4ed;transition:transform .22s} body .hero-capabilities .hero-capability:hover{transform:translateY(-3px)!important;background:#174460!important;border-color:#a6dbe9!important;box-shadow:0 8px 24px #0002!important} body .hero-capabilities .hero-capability:hover b{transform:translate(2px,-2px)} body .hero-capabilities .hero-capability:focus-visible{outline:3px solid #b6eaff!important;outline-offset:3px!important;background:#174460!important} .department-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 40px));max-height:85dvh;padding:30px;border:1px solid #d4e2e8;border-radius:22px;background:#f5f8fa;color:#0c2334;box-shadow:0 30px 100px #0005;overscroll-behavior:contain} .department-dialog::backdrop{background:rgba(3,14,24,.72);backdrop-filter:blur(7px)} .department-dialog[open]{animation:dialog-enter .25s ease-out} .department-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px} .department-dialog-head .eyebrow{font-size:10px;letter-spacing:.14em;margin:0 0 12px;color:#496c82} .department-dialog h2{font-size:clamp(28px,4vw,40px);line-height:1.2;letter-spacing:-.035em;margin:0;font-weight:600;overflow-wrap:anywhere} .department-close{flex:0 0 42px;width:42px;height:42px;background:#fff;border:1px solid #ccdbe3;border-radius:50%;font-size:26px;line-height:1;cursor:pointer;color:#14364c} .department-close:hover{background:#e1edf2} #departmentIntro{font-size:14px;line-height:1.75;color:#536a79;margin:16px 0 24px} .department-projects{display:grid;gap:14px} .department-project{position:relative;padding:22px 24px;border:1px solid #dce5eb;background:#fff;border-radius:14px} .department-project-number{display:block;font-size:11px;letter-spacing:.14em;color:#4e7b92;margin-bottom:10px} .department-project h3{margin:0 0 12px;font-size:21px;line-height:1.4;letter-spacing:-.025em;font-weight:600} .department-project h3 a{color:#123b56;text-decoration:none} .department-project h3 a:hover{text-decoration:underline;text-underline-offset:4px} .department-project ul{margin:0;padding-left:18px;color:#506675;font-size:14px;line-height:1.75;display:grid;gap:5px} .department-contact{display:flex;justify-content:space-between;gap:20px;margin-top:22px;padding:16px 20px;border-radius:12px;background:#103b56;color:#fff;font-size:14px;font-weight:600} @keyframes title-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}} @keyframes line-enter{from{transform:scaleX(0)}to{transform:scaleX(1)}} @keyframes dialog-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}} @media(max-width:900px){.home-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-overview-brief{gap:20px 30px!important}} @media(max-width:720px){ body .hero h1{font-size:clamp(32px,10.4vw,70px)!important;line-height:1.02!important;letter-spacing:-.055em!important} body .hero-capabilities{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important} body .hero-capabilities-row,body .hero-capabilities-row.secondary{display:contents!important} body .hero-capabilities-row.secondary .hero-capability:last-child{grid-column:1/-1} body.multipage .page-hero{padding:128px 24px 48px!important} body.multipage .page-hero h1{font-size:clamp(34px,8.5vw,52px)!important;max-width:22ch!important;line-height:1.16!important;letter-spacing:-.035em!important} body.multipage .page-hero .eyebrow{margin-bottom:20px;font-size:10px} body.multipage .social-floating{display:none!important} .home-overview-brief{grid-template-columns:1fr!important;padding:28px 0!important;gap:20px!important} .home-overview-brief-head{grid-row:auto} .home-overview-brief-head h3{font-size:30px!important;max-width:23ch!important} .home-overview-brief>p{font-size:15px!important;line-height:1.8!important} .home-overview-item{padding:23px 18px!important;min-height:260px!important} body .hero-capabilities .hero-capability{font-size:12px!important;padding:11px 12px!important;min-height:48px!important} .department-dialog{width:calc(100vw - 24px);padding:22px 18px;max-height:88dvh;border-radius:18px} .department-project{padding:18px} } @media(max-width:420px){.home-overview-grid{grid-template-columns:1fr!important}.home-overview-item{min-height:220px!important}.home-overview-item>span{margin-bottom:20px}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}} .multipage-about{--page-image:url('assets/hd/royal-diriyah.webp');--page-position:70% 48%} .multipage-expertise{--page-image:url('assets/service-engineering.webp');--page-position:80% 50%} .multipage-projects{--page-image:url('assets/hero-fast/al-marjan-1920.webp');--page-position:75% 50%} .multipage-process{--page-image:url('assets/service-bim.webp');--page-position:75% 50%} body:is(.multipage-about,.multipage-expertise,.multipage-projects,.multipage-process) .page-hero{ isolation:isolate;background:#0a2235!important;padding-top:205px!important;padding-bottom:42px!important;min-height:570px;display:flex;align-items:flex-end; } body:is(.multipage-about,.multipage-expertise,.multipage-projects,.multipage-process) .page-hero::before{ content:"";position:absolute;z-index:-2;inset:0;background-image:var(--page-image);background-size:cover;background-position:var(--page-position);opacity:1; } body:is(.multipage-about,.multipage-expertise,.multipage-projects,.multipage-process) .page-hero::after{ z-index:-1;background:linear-gradient(90deg,rgba(4,20,32,.96) 0%,rgba(5,24,38,.85) 34%,rgba(7,28,42,.4) 70%,rgba(7,28,42,.18)),linear-gradient(0deg,rgba(5,20,32,.75),transparent 70%);opacity:1;mask-image:none; } body:is(.multipage-about,.multipage-expertise,.multipage-projects,.multipage-process) .page-hero h1{max-width:19ch!important;font-size:clamp(40px,4.8vw,76px)!important;font-weight:600!important;color:#fff!important;text-shadow:0 3px 24px #0002} body.multipage .page-hero-inner::after{display:none} .page-hero-description{max-width:52ch;margin:25px 0 42px;color:#d7e4eb;font-size:17px;line-height:1.8;text-align:start!important;hyphens:none!important;animation:title-enter .8s ease-out both} .page-hero-meta{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff40;padding-top:23px;color:#d0e2eb;font-size:11px;letter-spacing:.1em;line-height:1.6} .page-hero-meta>span:first-child{font-weight:600;color:#b0e4ed;white-space:nowrap} .page-hero-meta>span:last-child{letter-spacing:.02em;font-size:13px} .nav>a[aria-current="page"],.nav-group>a[aria-current="page"]{color:#b5ecf5!important;position:relative} .nav>a[aria-current="page"]::after,.nav-group>a[aria-current="page"]::after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:2px;background:#9de1ee} body.multipage-process .process{background:radial-gradient(ellipse at 8% 16%,#dce9ef80,transparent 55%),repeating-linear-gradient(90deg,transparent 0,transparent 119px,#173c5210 120px),#f3f6f8} body.multipage-projects .work{background:radial-gradient(ellipse at 96% 2%,#d7e8ef80,transparent 45%),#f5f7f9} body.multipage-about .intro{background:radial-gradient(ellipse at 0 50%,#dcebf080,transparent 70%)} body.multipage-expertise .expertise{background:radial-gradient(ellipse at 100% 0,#23506a60,transparent 65%),#071c2c} body:is(.multipage-about,.multipage-expertise,.multipage-projects,.multipage-process) main p{text-align:start!important;hyphens:none!important;word-break:normal!important} body.multipage-process .process-row{grid-template-columns:minmax(0,1fr) 40px!important;gap:12px 24px!important;border-radius:20px!important;cursor:pointer} body.multipage-process .process-row h3{grid-column:1!important;grid-row:1!important;font-family:var(--heading-font)!important;font-size:30px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.035em!important} body.multipage-process .process-row p{grid-column:1!important;grid-row:2!important;font-size:15px!important;line-height:1.8!important;color:#536e80!important} body.multipage-process .process-row i{grid-column:2!important;grid-row:1/3!important;align-self:center!important} .delivery-dialog{position:fixed;inset:0;margin:auto;padding:0;width:min(1020px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;border:1px solid #d8e4eb;border-radius:24px;background:#fff;color:#102c40;box-shadow:0 30px 100px #0005;scrollbar-gutter:stable} .delivery-dialog::backdrop{background:#03101bbd;backdrop-filter:blur(7px)} .delivery-dialog[open]{animation:dialog-enter .22s ease-out} .delivery-close{position:sticky;top:16px;float:right;margin:16px 16px -60px 0;z-index:3;width:44px;height:44px;border:1px solid #d9e4eb;border-radius:50%;background:#fff;color:#0c293d;font-size:27px;line-height:1;cursor:pointer;box-shadow:0 5px 18px #071c2c18} .delivery-close:hover{background:#eaf3f7} .delivery-panel{display:grid;grid-template-columns:.9fr 1.1fr;clear:none} .delivery-media{position:relative;min-height:440px;background:#0b2739} .delivery-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} .delivery-copy{padding:48px 40px;min-width:0} .delivery-copy .eyebrow{color:#52788d;font-size:10px;letter-spacing:.19em;margin:0 42px 20px 0} .delivery-copy h3{font-size:clamp(32px,3.4vw,48px);font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0 0 18px;color:#0a273b} .delivery-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;margin:0 0 22px;color:#506a7c;text-align:start;hyphens:none} .delivery-copy ul{padding:22px 0 0;margin:0;border-top:1px solid #dae6ec;list-style:none;display:grid;gap:16px;counter-reset:deliverable} .delivery-copy li{position:relative;padding-inline-start:32px;font-size:15px;line-height:1.8;text-align:start;hyphens:none;color:#294a60;counter-increment:deliverable} .delivery-copy li::before{content:counter(deliverable,decimal-leading-zero);position:absolute;inset-inline-start:0;top:1px;font-size:10px;font-weight:600;color:#53849d} @media(max-width:720px){ body:is(.multipage-about,.multipage-expertise,.multipage-projects,.multipage-process) .page-hero{min-height:510px;padding:142px 24px 28px!important} body:is(.multipage-about,.multipage-expertise,.multipage-projects,.multipage-process) .page-hero h1{font-size:clamp(34px,8.5vw,52px)!important;max-width:20ch!important} body:is(.multipage-about,.multipage-expertise,.multipage-projects,.multipage-process) .page-hero::after{background:linear-gradient(90deg,#051a2be8,#051a2b75),linear-gradient(0deg,#051a2b,transparent)} .page-hero-description{font-size:15px;line-height:1.75;margin:22px 0 32px} .page-hero-meta{align-items:flex-start;gap:16px;font-size:9px;padding-top:18px} .page-hero-meta>span:last-child{font-size:11px;max-width:19ch;text-align:end} .delivery-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:18px} .delivery-panel{grid-template-columns:1fr} .delivery-media{height:210px;min-height:0} .delivery-copy{padding:28px 24px 32px} .delivery-copy h3{font-size:34px} .delivery-copy>p:not(.eyebrow),.delivery-copy li{font-size:15px} body.multipage-process .process-row{grid-template-columns:minmax(0,1fr) 30px!important;gap:10px 12px!important} body.multipage-process .process-row h3{font-size:25px!important} body.multipage-process .process-row p{font-size:14px!important} } :root{--maya:#73c2fb;--canvas:#f3f8fc;--ink:#102431;--muted:#65747d} body{background:var(--canvas)} body .header{height:108px!important;padding:12px clamp(24px,3.2vw,64px)!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:26px!important;background:rgba(6,23,36,.95)!important;border-bottom:1px solid #73c2fb38!important;backdrop-filter:blur(18px)!important;box-shadow:0 10px 40px #03121b12} body .header.scrolled{background:rgba(6,23,36,.98)!important} body .header .logo{width:146px!important;height:78px!important} body .header .logo img{height:74px!important;width:100%!important;object-fit:contain} body .header .nav{justify-self:center;display:flex;gap:2px!important;align-items:center;background:#ffffff07;border:1px solid #ffffff16;border-radius:40px;padding:5px} body .header .nav>a,body .header .nav-group>a{display:block;padding:13px 17px!important;font-size:14px!important;line-height:1.3;letter-spacing:.015em!important;text-transform:none!important;font-weight:500!important;color:#eaf4fc!important;white-space:nowrap;border-radius:28px;transition:background .25s,color .25s} body .header .nav>a:hover,body .header .nav-group>a:hover{background:#ffffff12;color:#cfeaff!important} body .header .nav>a[aria-current="page"],body .header .nav-group>a[aria-current="page"]{background:#73c2fb24;color:#cfeaff!important} body .header .nav>a::after,body .header .nav-group>a::after{display:none!important} body .header .nav-submenu{top:calc(100% + 10px);padding:10px;border-radius:16px;border:1px solid #73c2fb40;background:#0b2639;box-shadow:0 24px 60px #0004} body .header .nav-submenu a{font-size:13px!important;padding:13px 14px;letter-spacing:.01em!important;text-transform:none!important;border-radius:8px} body .header .header-tools{gap:12px!important} body .header .profile-header,body .header .talk{padding:14px 17px!important;min-height:46px;font-size:10px!important;letter-spacing:.055em!important;border-radius:8px!important;gap:14px!important;font-weight:600!important} body .header .profile-header{background:transparent!important;color:#cfeaff!important;border:1px solid #73c2fb70!important} body .header .talk{background:#73c2fb!important;color:#0c2434!important;border:1px solid #73c2fb!important} body .header .lang{font-size:11px!important;letter-spacing:.04em!important;white-space:nowrap} body .header .menu{display:none} body.home-page .hero{min-height:940px!important;height:max(940px,100svh)!important} body.home-page .hero-inner{max-width:1440px!important;min-height:940px;height:100%!important;margin:auto!important;padding:156px 64px 44px!important;display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start!important;gap:0} body.home-page .hero-copy{max-width:930px!important;width:100%;align-self:auto!important} body.home-page .hero h1{font-size:clamp(64px,6.3vw,104px)!important;line-height:.98!important;letter-spacing:-.06em!important;font-weight:600!important} body.home-page .hero h1 .outline{-webkit-text-stroke:1px #cfeaff!important;color:transparent!important} body.home-page .hero-kicker-new{margin:0 0 22px!important;font-size:10px!important;letter-spacing:.22em!important;color:#73c2fb!important;max-width:none!important} body.home-page .hero-introduction{margin:24px 0 28px!important;max-width:45ch!important;color:#eaf4fc!important;font-size:18px!important;font-weight:400;line-height:1.65!important;letter-spacing:.005em} .capability-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:930px;margin-bottom:12px;color:#cfeaff;font-size:9px;letter-spacing:.16em} .capability-heading a{font-size:12px;letter-spacing:.01em;color:#cfeaff;border-bottom:1px solid #73c2fb60;padding-bottom:3px} body.home-page .hero-capabilities{margin-top:0!important;gap:10px!important;width:100%!important} body.home-page .hero-capabilities-row,body.home-page .hero-capabilities-row.secondary{gap:10px!important} body .hero-capabilities .hero-capability{min-height:49px!important;font-size:13px!important;border-radius:7px!important;background:#071b2bbf!important;border-color:#cfeaff47!important;box-shadow:none!important;font-weight:500!important;align-items:center!important} body .hero-capabilities .hero-capability b{color:#cfeaff} body .hero-capabilities .hero-capability:hover{background:#73c2fb2b!important;border-color:#73c2fb!important} body.home-page .hero-actions{margin-top:22px!important} body.home-page .hero-actions .button{border-radius:7px!important;font-weight:600!important;font-size:10px!important;letter-spacing:.08em!important;padding:17px 21px!important;min-height:55px!important} body.home-page .hero-actions .primary{background:#73c2fb!important;border-color:#73c2fb!important;color:#102536!important} body.home-page .hero-caption{width:min(740px,100%)!important;margin-top:28px!important;grid-template-columns:65px 1fr 1fr!important;gap:18px!important} body.home-page .hero-caption strong{font-size:15px;font-weight:500} body.home-page .hero-caption small{font-size:10px} body.home-page .hero-caption>span{color:#cfeaff} body.home-page .hero-slide{transform:scale(1.065)!important;transition:opacity 1.3s ease,transform 9s linear!important} body.home-page .hero-slide.is-active{transform:scale(1)!important} body.home-page .hero-vignette{background:linear-gradient(90deg,#041622e8,#04162294 50%,#04162215),linear-gradient(0deg,#041622c4,transparent 55%)!important} body.home-page .hero-rail{display:none!important} body.home-page .hero-switcher{right:34px!important;bottom:42px!important;top:auto!important;display:flex!important;align-items:center;gap:7px!important} body.home-page .hero-dot{width:34px!important;height:34px!important;border-radius:50%!important;border:1px solid #cfeaff60!important;background:#0c25397a!important;font-size:9px!important;color:#cfeaff!important;box-shadow:none!important} body.home-page .hero-dot.is-active{background:#73c2fb!important;color:#102536!important} .hero-playback{display:flex;gap:5px;margin-inline-start:8px;padding-inline-start:12px;border-inline-start:1px solid #ffffff40} .hero-playback button{width:32px;height:32px;border:0;border-radius:50%;color:#cfeaff;background:#071c2aa8;font-size:14px;cursor:pointer} .hero-playback button:hover{background:#73c2fb40} .caption-enter{animation:caption-reveal .6s ease both} @keyframes caption-reveal{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}} body.home-page .home-overview{background:var(--canvas)!important;padding:100px clamp(24px,6vw,110px) 90px!important;overflow:hidden} .home-overview-inner{position:relative;display:grid;grid-template-columns:1fr .56fr;column-gap:70px;align-items:start} .overview-editorial-image{grid-column:2;grid-row:1/3;position:relative;align-self:stretch;min-height:460px;max-height:590px;overflow:hidden;border-radius:2px;background:#112c3a} .overview-editorial-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform 1s ease} .overview-editorial-image:hover img{transform:scale(1.035)} .overview-editorial-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#03172399,transparent 55%)} .overview-editorial-image>span{position:absolute;z-index:1;bottom:25px;left:24px;right:24px;color:#cfeaff;font-size:9px;letter-spacing:.2em} body.home-page .home-overview-head{grid-column:1;margin-bottom:30px!important;padding-bottom:0!important} body.home-page .home-overview .eyebrow{color:#27628b!important;font-size:10px!important;letter-spacing:.18em!important;margin-bottom:22px!important} body.home-page .home-overview-head h2{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;letter-spacing:-.045em!important;font-size:clamp(38px,4.2vw,66px)!important;line-height:1.13!important;color:#102c3a;max-width:none!important;text-wrap:balance} body.home-page .home-overview-brief{grid-column:1;display:block!important;border-top:0!important;border-bottom:0!important;padding:0 0 25px!important;margin:0!important;max-width:620px!important} body.home-page .home-overview-brief-head .eyebrow{display:none} body.home-page .home-overview-brief-head h3{font-size:clamp(24px,2.2vw,33px)!important;line-height:1.3!important;font-weight:400!important;letter-spacing:-.025em!important;margin-bottom:22px!important;max-width:none!important} body.home-page .home-overview-brief>p{font-size:15px!important;color:#617079!important;line-height:1.85!important;margin-bottom:15px!important} .overview-directory-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #73c2fb60;margin-top:50px;padding-top:27px;margin-bottom:22px} body.home-page .overview-directory-head .eyebrow{margin:0!important} .overview-directory-head>span{font-size:13px;color:#516b7d}.overview-directory-head b{padding-inline-start:24px;color:#27628b} body.home-page .home-overview-grid{grid-column:1/-1;gap:0!important;border:1px solid #bed9ec!important;border-radius:3px;overflow:hidden;grid-template-columns:repeat(5,minmax(0,1fr))!important;background:#fff7} body.home-page .home-overview-item{position:relative;background:transparent!important;border:0!important;border-inline-end:1px solid #bed9ec!important;border-radius:0!important;padding:28px 24px!important;min-height:270px!important;box-shadow:none!important;transition:background .35s ease,transform .35s ease} body.home-page .home-overview-item:last-child{border-inline-end:0!important} body.home-page .home-overview-item:hover{background:#fff9!important;transform:none!important} body.home-page .home-overview-item>span{color:#27628b;margin-bottom:32px!important;font-size:10px} body.home-page .home-overview-item h3{font-size:25px!important;font-weight:500!important;letter-spacing:-.035em!important;margin-bottom:13px} body.home-page .home-overview-item p{font-size:13px!important;line-height:1.8!important;color:#6a777c!important} body.home-page .home-overview-item a{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:22px 0 0!important;font-size:9px!important;letter-spacing:.08em!important;color:#27628b!important;line-height:1.6} body.home-page .home-overview-item a::after{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.1em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019%2019%205M5%205h14v14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2019%2019%205M5%205h14v14%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;display:inline;margin-inline-start:6px} .luxury-reveal{opacity:0;transform:translateY(25px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)} .luxury-reveal.is-revealed{opacity:1;transform:none} .portfolio-library{max-width:1440px;margin:auto;padding:80px clamp(24px,5vw,80px);background:var(--canvas)} .portfolio-library-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px} .portfolio-library-heading h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,52px);font-weight:400;line-height:1.2;letter-spacing:-.035em;margin:0} .portfolio-library-heading>a{font-size:13px;color:#27628b;border-bottom:1px solid #73c2fb70;padding-bottom:6px} .portfolio-search{display:flex;flex-direction:column;gap:9px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#27628b;margin:20px 0} .portfolio-search input{width:100%;padding:15px 17px;border:1px solid #bed9ec;border-radius:7px;background:#fff;color:#153142;font-size:15px;letter-spacing:0;text-transform:none;outline-offset:3px} .portfolio-search input:focus{outline:2px solid #73c2fb} .portfolio-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px} .portfolio-filters button,.expertise-portfolio-actions button{font-family:inherit;background:transparent;border:1px solid #bed9ec;border-radius:30px;color:#4a5c67;padding:11px 16px;font-size:13px;cursor:pointer;transition:background .2s,color .2s} .portfolio-filters button[aria-pressed=true]{background:#153447;border-color:#153447;color:#fff} .portfolio-filters button:hover{background:#e1f1fc} .portfolio-result-count{color:#677a86;font-size:12px;margin:14px 0 22px} .portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} body .department-project{border-radius:10px;border-color:#bed9ec;padding:25px;background:#ffffff} body .department-project h3{font-weight:500;color:#123348} .portfolio-tags{font-size:11px;line-height:1.7;color:#27628b;margin:0 0 16px;text-align:start!important;hyphens:none!important} .portfolio-card-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:23px;padding-top:17px;border-top:1px solid #bed9ec} .portfolio-card-links a{font-size:11px;color:#27628b;line-height:1.6}.portfolio-card-links a:hover{text-decoration:underline} body .department-dialog{width:min(860px,calc(100vw - 40px));background:#f3f8fc;border-color:#bed9ec;border-radius:14px;padding:30px} .department-dialog-head{position:sticky;top:-30px;z-index:4;background:#f3f8fc;margin:-30px -30px 0;padding:26px 30px 18px;box-shadow:0 8px 18px #f3f8fcaa} body .department-dialog .department-projects{gap:15px} body .department-contact{background:#153447;color:#cfeaff;border-radius:6px;font-size:13px} .portfolio-banner{display:grid;grid-template-columns:1fr auto;gap:12px 25px;align-items:center;margin:0 auto 50px;padding:28px 30px;max-width:1320px;border:1px solid #73c2fb70;border-radius:12px;color:#cfeaff;background:linear-gradient(115deg,#15394d,#0c2639)} .portfolio-banner>span{font-size:9px;letter-spacing:.18em}.portfolio-banner>strong{grid-column:1;font-size:22px;font-weight:400}.portfolio-banner>b{grid-column:2;grid-row:1/3;font-size:12px;font-weight:500} .expertise-portfolio-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 auto 45px;max-width:1320px} .expertise-portfolio-actions>span{width:100%;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#cfeaff;margin-bottom:8px} .expertise-portfolio-actions button{border-color:#73c2fb50;color:#cfeaff;font-size:12px} .expertise-portfolio-actions button:hover{background:#73c2fb20} .service-portfolio-strip{padding:70px clamp(24px,6vw,100px);background:var(--canvas);color:#17394d} .service-portfolio-strip>div{max-width:1280px;margin:auto} .service-portfolio-strip .eyebrow{color:#27628b} .service-portfolio-strip h2{font-family:Georgia,serif;font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.2;letter-spacing:-.03em;margin:0 0 20px} .service-portfolio-strip p:not(.eyebrow){color:#63747e;font-size:16px;line-height:1.7} .service-portfolio-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px} .service-portfolio-buttons button,.service-portfolio-buttons a{display:inline-flex;align-items:center;border:1px solid #bed9ec;color:#234355;background:transparent;border-radius:6px;padding:14px 18px;font:500 13px var(--reading-font);cursor:pointer} .service-portfolio-buttons button:hover,.service-portfolio-buttons a:hover{background:#e1f1fc} body .chat-launcher{width:56px!important;height:56px!important;right:22px!important;bottom:22px!important;border-radius:50%!important;background:#163b50!important;border:1px solid #73c2fb!important;box-shadow:0 8px 30px #04162230!important;animation:none!important} body .chat-launcher-copy{display:none!important} body .chat-launcher::before,body .chat-pulse{display:none!important} body .chat-widget{right:22px!important;bottom:92px!important;width:min(410px,calc(100vw - 32px))!important;height:min(630px,calc(100dvh - 220px))!important;max-height:none!important;border:1px solid #bed9ec!important;border-radius:16px!important;background:#f3f8fc!important;box-shadow:0 20px 80px #051a2e33!important;overflow:hidden;z-index:1500!important} body .chat-head{padding:20px 22px!important;background:#0b293e!important;color:#cfeaff!important;border-bottom:1px solid #73c2fb40!important} body .chat-head small{color:#cfeaff!important;letter-spacing:.2em!important;font-size:9px!important;margin-bottom:7px} body .chat-head strong{font-size:20px!important;font-weight:400!important;letter-spacing:-.02em!important} body .chat-body{padding:20px!important;background:#f3f8fc!important;min-height:0!important;flex:1!important;overflow-y:auto!important} body .chat-message{font-size:14px!important;line-height:1.75!important;border-radius:12px!important;max-width:94%!important;text-align:start!important;hyphens:none!important;padding:15px 17px!important;word-break:normal!important;overflow-wrap:anywhere} body .chat-message.bot{background:#fff!important;color:#385367!important;border:1px solid #bed9ec!important} body .chat-message.user{background:#14384f!important;color:#fff!important} body .chat-message a{color:#27628b;text-underline-offset:3px;text-decoration:underline} body .chat-message ul{padding-inline-start:18px;margin:10px 0;display:grid;gap:7px} body .chat-quick-label{font-size:9px!important;letter-spacing:.14em!important;color:#27628b!important;margin:20px 0 12px!important} body .chat-quick{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important} body .chat-quick button{border-radius:8px!important;background:transparent!important;border:1px solid #bed9ec!important;color:#3f5969!important;font-size:12px!important;padding:11px 10px!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important} body .chat-quick button:hover{background:#e1f1fc!important} .chat-disclosure{padding:10px 18px;margin:0;font-size:10px;line-height:1.5;color:#79858c;background:#f3f8fc;text-align:center!important;flex-shrink:0}.chat-disclosure a{color:#27628b;text-decoration:underline} body .chat-form{padding:12px!important;background:#fff!important;gap:10px;flex-shrink:0!important} body .chat-form input{font-size:13px!important;background:#f3f8fc!important;border:1px solid #bed9ec!important;border-radius:8px!important;padding:12px!important;min-width:0} body .chat-form button{background:#123b53!important;border:0!important;border-radius:8px!important;min-width:42px} body .chat-widget{display:flex!important;flex-direction:column!important} body .chat-widget:not(.open){visibility:hidden} body .chat-widget.open{visibility:visible} body .chat-head{flex:0 0 auto!important} body .chat-body{height:auto!important} body .chat-message,body .chat-quick,body .chat-quick-label{flex-shrink:0!important} @media(max-width:1250px){body .header .nav>a,body .header .nav-group>a{padding:12px 12px!important;font-size:13px!important}body .header{gap:16px!important}body .header .logo{width:124px!important}body .header .profile-header{padding:13px!important;font-size:9px!important}} @media(max-width:1100px){body .header{grid-template-columns:1fr auto!important}body .header .nav{display:none!important}body .header .menu{display:block}body.home-page .hero-inner{padding-inline:40px!important}.home-overview-inner{column-gap:40px;grid-template-columns:1fr .65fr}body.home-page .home-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.home-page .home-overview-item{border-bottom:1px solid #bed9ec!important}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){ body .header{height:84px!important;padding:10px 20px!important;gap:12px!important} body .header .logo{width:108px!important;height:60px!important}body .header .logo img{height:57px!important} body .header .profile-header,body .header .talk{display:none!important}body .header .header-tools{gap:18px!important} body.home-page .hero{min-height:960px!important;height:auto!important} body.home-page .hero-inner{min-height:960px!important;padding:145px 24px 90px!important;justify-content:flex-start!important} body.home-page .hero h1{font-size:clamp(30px,9.5vw,64px)!important;line-height:1.07!important;letter-spacing:-.055em!important} body.home-page .hero-kicker-new{font-size:8px!important;letter-spacing:.13em!important;margin-bottom:19px!important;line-height:1.6!important} body.home-page .hero-introduction{font-size:16px!important;margin:20px 0 24px!important;line-height:1.65!important} .capability-heading{font-size:8px;letter-spacing:.09em;gap:8px}.capability-heading a{font-size:11px} body .hero-capabilities .hero-capability{font-size:12px!important;padding:12px!important;min-height:48px!important} body.home-page .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;gap:10px!important} body.home-page .hero-actions .button{padding:14px!important;font-size:8px!important;line-height:1.5!important;gap:10px;min-width:0!important} body.home-page .hero-caption{grid-template-columns:45px 1fr!important;margin-top:24px!important}.hero-caption p{display:none!important} body.home-page .hero-switcher{right:auto!important;left:24px!important;bottom:27px!important;top:auto!important} body.home-page .home-overview{padding:65px 24px!important} .home-overview-inner{display:block} .overview-editorial-image{height:270px;min-height:0;margin-bottom:34px} body.home-page .home-overview-head h2{font-size:39px!important} body.home-page .home-overview-brief-head h3{font-size:26px!important} body.home-page .home-overview-brief>p{font-size:14px!important} .overview-directory-head{margin-top:28px;padding-top:22px;align-items:flex-start}.overview-directory-head>span{max-width:16ch;font-size:11px}.overview-directory-head b{padding:0} body.home-page .home-overview-grid{grid-template-columns:1fr!important} body.home-page .home-overview-item{min-height:0!important;padding:25px!important;display:grid!important;grid-template-columns:35px 1fr!important;gap:8px 13px!important;border-inline-end:0!important} body.home-page .home-overview-item>span{grid-row:1/4;margin:4px 0 0!important} body.home-page .home-overview-item h3{grid-column:2;font-size:25px!important;margin:0!important} body.home-page .home-overview-item p,body.home-page .home-overview-item a{grid-column:2;margin:0!important} body.home-page .home-overview-item a{padding-top:8px!important} .portfolio-library{padding:55px 24px}.portfolio-library-heading{display:block}.portfolio-library-heading>a{display:inline-block;margin-top:20px}.portfolio-grid{grid-template-columns:1fr} .portfolio-filters{gap:7px}.portfolio-filters button{font-size:12px;padding:10px 13px} body .department-dialog{width:calc(100vw - 24px);padding:24px 18px;max-height:calc(100dvh - 24px)} .department-dialog-head{top:-24px;margin:-24px -18px 0;padding:22px 18px 16px} .portfolio-banner{grid-template-columns:1fr;padding:24px;margin-bottom:30px}.portfolio-banner>b{grid-column:1;grid-row:auto}.portfolio-banner>strong{font-size:20px} body .chat-widget{right:12px!important;bottom:85px!important;width:calc(100vw - 24px)!important;height:min(610px,calc(100dvh - 190px))!important} body .chat-launcher{right:16px!important;bottom:16px!important;width:52px!important;height:52px!important} } @media(prefers-reduced-motion:reduce){body.home-page .hero-slide{transform:none!important;transition:none!important}.luxury-reveal{opacity:1;transform:none;transition:none}.caption-enter{animation:none}} body.home-page .home-overview .eyebrow{color:#27628b!important} .portfolio-tags,.portfolio-search{color:#27628b} .overview-directory-head>span{color:#516b7d} :root{ --maya:#73c2fb;--navy:#071d30;--navy-2:#102f48;--blue:#27628b; --blue-pale:#b9e2ff;--ice:#e8f3fc;--paper:#f3f8fc;--canvas:#f3f8fc; --text:#102c40;--muted:#526d80;--line:#c9dfef; --heading-font:Georgia,"Times New Roman",serif; --reading-font:"Segoe UI",Tahoma,Arial,sans-serif; --v75-heading:#102c40;--v75-body:#526d80; } html body{background:var(--canvas)!important;color:var(--text);font-family:var(--reading-font)!important} html body :is(h1,h2,h3,h4,h5,h6),html body :is(h1,h2,h3) span{font-family:var(--heading-font)!important;font-weight:400!important;letter-spacing:-.035em} html body :is(p,li,label,button,input,select,textarea,small){font-family:var(--reading-font)!important} html body .chat-head strong,html body .portfolio-banner strong{font-family:var(--heading-font)!important;font-weight:400!important} body :is(button,a,input,textarea,select):focus-visible{outline-color:var(--maya)!important;outline-offset:4px!important} ::selection{background:var(--maya);color:var(--navy)} html body :is(.home-overview,.intro,.work,.process,.portfolio-library,.service-intro,.service-deliverables,.service-process,.service-related,.service-portfolio-strip,.case-section,.project-cta,.experience-map-section){background:var(--canvas)!important} html body.multipage-projects .work{width:100%!important;max-width:none!important;margin:0!important;padding-inline:clamp(24px,5vw,96px)!important} html body.multipage-projects .work>:is(.portfolio-banner,.work-head,.project-editorial){max-width:1440px!important;margin-inline:auto!important} html body .portfolio-library{max-width:none!important;width:100%;padding-inline:max(24px,calc((100% - 1440px)/2))} html body .portfolio-library>:is(.portfolio-library-heading,.portfolio-search,.portfolio-filters,.portfolio-result-count,.portfolio-grid){max-width:1440px;margin-inline:auto} html body :is(.mission-vision,.expertise,.bim-story,.contact,.why-line,.case-gallery,footer){background:var(--navy)!important} html body .why-line{background:var(--canvas)!important;color:var(--text)!important} html body .why-line .eyebrow{color:#27628b!important} html body .service-deliverables{background:var(--navy)!important;color:#f2f9ff!important} html body .service-deliverables .eyebrow{color:var(--blue-pale)!important} html body .service-deliverables .deliverable-item p{color:#b9cfdf!important} html body :is(.team-card,.metric-card,.home-overview-item,.about-market-card,.department-project,.case-fact){border-color:var(--line)!important} html body .eyebrow{color:#27628b} html body :is(.expertise,.mission-vision,.why-line,.contact,.case-gallery) .eyebrow{color:var(--blue-pale)!important} html body .portfolio-banner{background:var(--navy)!important;border-color:#73c2fb55;color:#d9efff} html body .portfolio-banner>span,html body .portfolio-banner>b{color:var(--blue-pale)} html body .section-no{background:#e8f3fc!important;color:#275e86!important;border-color:#c9dfef!important;box-shadow:none!important} html body :is(.intro,.work,.process,.service-intro,.service-deliverables,.service-process,.service-related,.case-section,.project-cta) h2{font-size:clamp(36px,4.3vw,64px)!important;line-height:1.16!important;font-weight:400!important;letter-spacing:-.035em!important;max-width:22ch} html body.multipage .page-hero h1{font-weight:400!important;line-height:1.1!important} html body .project-hero-content h1,html body .service-hero h1{font-size:clamp(42px,5.8vw,88px)!important;font-weight:400!important;line-height:1.09!important;letter-spacing:-.04em!important} html body .project-info h3{font-size:clamp(30px,3.2vw,49px)!important;line-height:1.08!important;font-weight:400!important;letter-spacing:-.025em!important} html body .project-card{border-radius:14px!important} html body .project-arrow{border-color:#b9e2ff80;color:#e9f6ff} html body.multipage-process .process-row h3{font-family:var(--heading-font)!important;font-weight:400!important;font-size:31px!important} html body .expertise-item h3{font-family:var(--heading-font)!important;font-weight:400!important;line-height:1.16!important} html body .department-dialog,html body .delivery-dialog{background:var(--canvas)!important;border-color:var(--line)!important} html body .department-dialog-head{background:var(--canvas);box-shadow:0 8px 18px #f3f8fcaa} html body :is(.department-close,.delivery-close){color:#17456a;background:#fff;border-color:var(--line)} html body .department-contact{background:#73c2fb;color:#071d30} html body .delivery-copy{background:var(--canvas)} html body .portfolio-filters button[aria-pressed=true]{background:var(--maya);border-color:var(--maya);color:var(--navy)} html body .header .nav>a[aria-current=page],html body .header .nav-group>a[aria-current=page]{background:#73c2fb26!important;color:#d9efff!important} html body .header .talk{background:var(--maya)!important;border-color:var(--maya)!important;color:var(--navy)!important} html body .profile-header:hover{background:#73c2fb20!important} html body .text-link{color:#27628b;border-color:#73c2fb80} html body .chat-message a,html body .chat-disclosure a{color:#245d86} html body .chat-body,html body .chat-widget{background:var(--canvas)!important} html body .chat-quick button:hover{background:#deeffc!important} html body .chat-head strong{font-size:24px!important} html body.home-page .hero h1{font-family:var(--heading-font)!important;font-weight:400!important;text-transform:none!important;font-size:clamp(66px,6vw,102px)!important;line-height:1.02!important;letter-spacing:-.045em!important} html body.home-page .hero h1 .outline{-webkit-text-stroke:1px #c5e6ff!important} html body.home-page .hero-actions .primary{background:var(--maya)!important;border-color:var(--maya)!important;color:var(--navy)!important} html body.home-page .hero-kicker-new,html body.home-page .capability-heading,html body.home-page .hero-caption>span{color:#b9e2ff!important} html body.home-page .hero-dot.is-active{background:var(--maya)!important;border-color:var(--maya)!important} html body.home-page .home-overview{padding:72px clamp(24px,4vw,76px) 84px!important} html body.home-page .home-overview-inner{display:block!important;max-width:1600px} .overview-feature{position:relative;isolation:isolate;overflow:hidden;min-height:670px;background:var(--navy);padding:70px 64px 64px;display:grid;grid-template-columns:minmax(0,1fr) .65fr;grid-template-rows:auto 1fr;border:1px solid #73c2fb38;border-radius:12px;box-shadow:0 25px 70px #123b5912} #homeFeature{scroll-margin-top:132px} #projects{scroll-margin-top:130px} .overview-feature::before{content:"";position:absolute;z-index:2;inset:20px;border:1px solid #b9e2ff20;border-radius:4px;pointer-events:none} html body.home-page .overview-feature .overview-editorial-image{position:absolute!important;z-index:-1;inset:0 0 0 auto;width:65%;height:100%;min-height:0!important;max-height:none!important;margin:0!important;border-radius:0;mask-image:linear-gradient(90deg,transparent,#000 30%)} html body.home-page .overview-feature .overview-editorial-image img{object-position:60% 50%;opacity:.88} html body.home-page .overview-feature .overview-editorial-image::after{background:linear-gradient(90deg,#071d3099,transparent 75%),linear-gradient(0deg,#071d30b8,transparent 55%)} html body.home-page .overview-feature .overview-editorial-image>span{left:auto;right:42px;bottom:44px;padding:18px 24px;border-left:1px solid var(--maya);background:#071d3059;backdrop-filter:blur(10px);color:#e8f5ff;font-size:22px;line-height:1.35;letter-spacing:-.02em;font-family:var(--heading-font)} .overview-feature .overview-editorial-image>span b{display:block;font:500 9px var(--reading-font);letter-spacing:.15em;color:#b9e2ff;margin-bottom:9px} html body.home-page .overview-feature .home-overview-head{grid-column:1;grid-row:1;margin:0 0 30px!important;max-width:720px!important} html body.home-page .overview-feature .home-overview-head h2{color:#f4faff!important;font-size:clamp(38px,4vw,64px)!important;line-height:1.13!important;max-width:18ch!important;letter-spacing:-.035em!important} html body.home-page .overview-feature .eyebrow{color:#a5d9ff!important} html body.home-page .overview-feature .home-overview-brief{grid-column:1;grid-row:2;margin:0!important;padding:0!important;max-width:540px!important} html body.home-page .overview-feature .home-overview-brief-head h3{font-family:var(--heading-font)!important;color:#d8efff!important;font-size:29px!important;line-height:1.25!important;font-weight:400!important;margin-bottom:24px!important} html body.home-page .overview-feature .home-overview-brief>p{color:#c1d5e3!important;font-size:15px!important;line-height:1.8!important;max-width:48ch;margin-bottom:15px!important} html body.home-page .overview-directory-head{border-color:var(--line);margin-top:42px} html body.home-page .home-overview-grid{border-color:var(--line)!important;background:#ffffff80} html body.home-page .home-overview-item{border-color:var(--line)!important} html body.home-page .home-overview-item>span{color:#27628b} html body.home-page .home-overview-item h3{font-family:var(--heading-font)!important;font-size:29px!important;font-weight:400!important} html body.home-page .home-overview-item a{color:#27628b!important;font-size:10px!important} @media(max-width:1100px){ .overview-feature{padding:52px 40px;grid-template-columns:1fr .35fr;min-height:690px} html body.home-page .overview-feature .overview-editorial-image{width:70%} html body.home-page .overview-feature .overview-editorial-image img{opacity:.5} html body.home-page .overview-feature .home-overview-head h2{font-size:50px!important} } @media(max-width:420px){ html body .department-dialog h2{font-size:24px!important;overflow-wrap:normal!important;word-break:normal!important} html body .department-dialog-head>div{min-width:0} } html body .section-no, html body .contact .section-no, html body .section-no.light{ color:#163f60!important;background:#e8f3fc!important;border:1px solid #bed9ec!important; -webkit-text-fill-color:#163f60!important;font-weight:700!important;text-shadow:none!important; } html body .market-reference-style{color:var(--text)!important} html body .market-reference-style .experience-map-head h2{ color:#102c40!important;-webkit-text-fill-color:#102c40!important;text-shadow:none!important; } html body .market-reference-style .experience-map-head h2 span{ color:#27628b!important;-webkit-text-fill-color:#27628b!important;background:none!important;text-shadow:none!important; } html body .market-reference-style .experience-map-head .eyebrow{color:#27628b!important} #markets{scroll-margin-top:120px} #heroActions{scroll-margin-top:360px} html body.home-page .hero-actions{ width:min(930px,100%)!important;max-width:100%!important;display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important; } html body.home-page .hero-actions .button{ width:100%!important;min-width:0!important;min-height:66px!important;padding:20px 24px!important; font-size:12px!important;line-height:1.5!important;letter-spacing:.04em!important; display:flex!important;align-items:center!important;justify-content:space-between!important; } html body.home-page .hero-actions .button b{flex-shrink:0} html body.home-page .hero-actions .button.ghost{ background:#071d30d9!important;border-color:#bed9ec!important;color:#f3faff!important; } @media(max-width:720px){ #heroActions{scroll-margin-top:350px} html body.home-page .hero-actions{width:100%!important;gap:10px!important} html body.home-page .hero-actions .button{min-height:64px!important;padding:15px 14px!important;font-size:11px!important;letter-spacing:.015em!important;gap:10px!important} html body.home-page .hero-actions .button span{min-width:0;white-space:normal} } @media(max-width:420px){ html body.home-page .hero-actions{grid-template-columns:1fr!important} html body.home-page .hero-actions .button{grid-column:1!important;min-height:60px!important;font-size:12px!important;padding:17px 18px!important} } html body .contact .contact-head h2{ font-family:var(--heading-font)!important;font-weight:400!important; font-size:clamp(36px,4.3vw,64px)!important;line-height:1.16!important; letter-spacing:-.035em!important;max-width:22ch!important; } html body .contact .contact-head h2 em{ font-family:inherit!important;font-weight:inherit!important;font-style:normal!important; font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important; } @media(max-width:720px){ html body .contact .contact-head h2{font-size:clamp(32px,8.5vw,44px)!important;line-height:1.18!important;max-width:100%!important} } html body .department-project{position:relative;isolation:isolate;overflow:hidden;background:#fff!important} .portfolio-card-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% center;opacity:.29;filter:saturate(.75);pointer-events:none;transition:transform .7s ease} html body .department-project::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#ffffffec 0%,#ffffffad 50%,#ffffff18 100%);pointer-events:none} html body .department-project:hover .portfolio-card-background{transform:scale(1.025)} html body .department-project h3{color:#102c40} html body .department-project ul{color:#294d65} html body .department-project .portfolio-tags,html body .department-project .department-project-number{color:#275d84} html body .portfolio-card-links{border-color:#aacde5} html body .portfolio-card-links a{color:#1e537b;font-weight:500} .portfolio-image-label{display:block;margin-top:14px;color:#41667f;font:500 9px var(--reading-font);letter-spacing:.08em;text-transform:uppercase} html body .team-profile-modal{padding:24px} html body .team-profile-dialog{width:min(940px,100%);padding:0!important;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;border-radius:20px;background:var(--canvas);scrollbar-gutter:stable} html body .team-profile-close{position:sticky;top:16px;z-index:5;float:right;margin:16px 16px -54px 0;right:auto;width:38px;height:38px;flex-shrink:0;background:#fff;border-color:#bed9ec;box-shadow:0 6px 20px #071d3010} .team-profile-layout{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);min-height:420px} .team-profile-portrait{position:relative;margin:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#deeffc,#90bddb);padding:22px 12px 0;min-height:420px} .team-profile-portrait img{width:100%;height:auto;max-height:500px;object-fit:contain;object-position:center bottom;display:block} .team-profile-details{padding:48px 38px 38px;min-width:0} html body .team-profile-details h3{font-size:clamp(29px,3vw,40px);line-height:1.15;margin:0 0 14px;max-width:20ch;padding-inline-end:20px} html body .team-profile-role{font-size:11px;line-height:1.7;letter-spacing:.09em;color:#27628b;margin-bottom:22px} html body .team-profile-bio{font-size:15px;line-height:1.85;color:#48667b;margin-bottom:26px;text-align:start;hyphens:none} html body .team-linkedin-button{background:#163f60;border-radius:8px;padding:13px 18px} @media(max-width:680px){ html body .team-profile-modal{padding:12px} html body .team-profile-dialog{max-height:calc(100dvh - 24px);border-radius:16px} .team-profile-layout{grid-template-columns:1fr;min-height:0} .team-profile-portrait{min-height:0;height:240px;padding:16px 18px 0} .team-profile-portrait img{height:100%;width:auto;max-width:100%;object-fit:contain} .team-profile-details{padding:28px 24px 30px} html body .team-profile-details h3{font-size:30px;padding:0;max-width:none} html body .team-profile-bio{font-size:14px;line-height:1.8} .portfolio-card-background{opacity:.23} html body .department-project::before{background:linear-gradient(90deg,#ffffffd9,#ffffff66)} } @media(prefers-reduced-motion:reduce){html body .department-project:hover .portfolio-card-background{transform:none}} .team-profile-portrait{padding:30px 18px 0} .team-profile-portrait img{max-height:390px;max-width:100%;height:auto;width:auto;object-fit:contain;flex-shrink:0} .team-profile-portrait[data-member="zeinab-ghandour"]{padding-top:46px} .team-profile-portrait[data-member="zeinab-ghandour"] img{position:absolute;left:50%;top:28px;width:180%;height:auto;max-width:none;max-height:none;transform:translateX(-50%)} .team-profile-portrait[data-member="mohammad-abo-alaiwi"]{padding:0;min-height:440px;align-items:stretch} .team-profile-portrait[data-member="mohammad-abo-alaiwi"] img{width:100%;height:100%;position:absolute;inset:0;max-height:none;max-width:none;object-fit:cover;object-position:80% 50%} html body .team-linkedin-button{width:48px;height:48px;min-width:48px;padding:12px!important;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#0a66c2;color:#fff;transition:background .2s,transform .2s} html body .team-linkedin-button svg{width:24px;height:24px;display:block;fill:currentColor;flex-shrink:0} html body .team-linkedin-button:hover{background:#084d92;transform:translateY(-2px)} html body .team-profile-role,html body .team-profile-bio{text-align:start!important;word-spacing:normal!important;hyphens:none!important} @media(max-width:680px){ .team-profile-portrait{padding:24px 18px 0} .team-profile-portrait img{height:100%;width:auto;max-height:100%;max-width:100%} .team-profile-portrait[data-member="zeinab-ghandour"]{padding-top:30px} .team-profile-portrait[data-member="zeinab-ghandour"] img{width:150%;height:auto;max-width:none;max-height:none;top:18px} .team-profile-portrait[data-member="mohammad-abo-alaiwi"]{height:300px;min-height:0;padding:0} .team-profile-portrait[data-member="mohammad-abo-alaiwi"] img{object-fit:cover;object-position:75% 80%} } @media(max-width:720px){ html body.home-page .hero h1{font-size:clamp(32px,10.5vw,62px)!important;line-height:1.07!important;letter-spacing:-.04em!important} html body.home-page .home-overview{padding:36px 18px 54px!important} .overview-feature{display:flex;flex-direction:column;min-height:0;padding:0 0 26px;border-radius:12px} .overview-feature::before{inset:10px;border-radius:5px} html body.home-page .overview-feature .overview-editorial-image{position:relative!important;inset:auto!important;flex:0 0 280px;width:100%;height:280px!important;mask-image:none} html body.home-page .overview-feature .overview-editorial-image img{opacity:1;object-position:50% 55%} html body.home-page .overview-feature .overview-editorial-image::after{background:linear-gradient(0deg,#071d30,transparent 65%)} html body.home-page .overview-feature .overview-editorial-image>span{font-size:18px;right:24px;bottom:26px;padding:12px 16px;background:#071d3080} html body.home-page .overview-feature .home-overview-head{padding:8px 26px 0;margin-bottom:22px!important} html body.home-page .overview-feature .home-overview-head h2{font-size:clamp(32px,8.7vw,42px)!important;max-width:none!important} html body.home-page .overview-feature .home-overview-brief{padding:0 26px!important} html body.home-page .overview-feature .home-overview-brief-head h3{font-size:25px!important;margin-bottom:18px!important} html body.home-page .overview-feature .home-overview-brief>p{font-size:14px!important;line-height:1.8!important} html body.multipage .page-hero h1{font-size:clamp(34px,8.5vw,48px)!important;max-width:21ch!important} html body .project-hero-content h1,html body .service-hero h1{font-size:clamp(36px,10vw,54px)!important;max-width:18ch!important} html body :is(.intro,.work,.process,.service-intro,.service-deliverables,.service-process,.service-related,.case-section,.project-cta) h2{font-size:clamp(32px,8.5vw,44px)!important;line-height:1.18!important} html body .project-info h3{font-size:clamp(30px,8vw,42px)!important;line-height:1.12!important} html body .portfolio-banner strong{font-size:23px;line-height:1.3} html body .department-dialog h2{font-size:30px;line-height:1.16} html body.multipage-process .process-row h3{font-size:27px!important} } html body :is(h1,h2,h3,h4,h5,h6){text-transform:none!important;hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important} html body :is(p,li){hyphens:none!important;-webkit-hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important;word-spacing:normal!important;text-align:start!important} html body :is(input,textarea,a){hyphens:none!important} html body .section-no,html body .intro-mark,html body .service-section-label>span{display:none!important} html body .service-edition{display:none!important} html body .intro{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)!important;gap:60px!important} html body .intro-side{grid-column:auto!important} html body .work-head{grid-template-columns:1fr!important} html body .contact-head{grid-template-columns:1fr!important} html body .contact-head h2{grid-column:1!important} html body .process-title .eyebrow{margin-top:0!important} html body .service-section-label{gap:0!important} html body .service-next h2,html body .service-next h2 span{font-family:var(--reading-font)!important;font-weight:500!important;font-size:clamp(32px,3.7vw,54px)!important;line-height:1.16!important;letter-spacing:-.045em!important;max-width:22ch!important} html body .process-row:nth-child(1)>span{background:#b9e2ff!important;color:#102c40!important;-webkit-text-fill-color:#102c40!important} html body .process-row:nth-child(2)>span{background:#73c2fb!important;color:#102c40!important;-webkit-text-fill-color:#102c40!important} html body .process-row:nth-child(3)>span{background:#27628b!important;color:#fff!important;-webkit-text-fill-color:#fff!important} html body.multipage-process .process-row:nth-child(4)>span{background:#102f48!important;color:#fff!important;-webkit-text-fill-color:#fff!important} html body .department-contact{font-size:14px!important;min-height:54px;align-items:center} @media(max-width:850px){html body .intro{grid-template-columns:1fr!important;gap:30px!important}html body .intro-side{grid-column:1!important}html body .service-next h2{font-size:clamp(30px,7.5vw,44px)!important}}