:root{--ink:#122842;--navy:#10253d;--deep:#0d2037;--blue:#154477;--electric:#448ac8;--ice:#a3ceee;--paper:#f5f7f7;--white:#fff;--muted:#6d7b86;--line:rgba(16,37,61,.18);--max:1600px;--pad:clamp(22px,4.3vw,86px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}img{display:block;max-width:100%}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #61a7dc;outline-offset:4px}::selection{background:#a3ceee;color:#10253d}.container{width:100%;max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}.block-space{padding-block:clamp(88px,10.5vw,170px)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}.eyebrow.light{color:#b9d9f0}em{font-style:normal;color:var(--electric)}.display-title{font-size:clamp(41px,5.5vw,93px);font-weight:500;line-height:1.08;letter-spacing:-.075em;margin:0;text-transform:uppercase}.display-title em{font-weight:400}.section-head{display:grid;grid-template-columns:28% 1fr;gap:30px;margin-bottom:clamp(46px,6vw,95px)}.section-head>.eyebrow{padding-top:17px}.section-desc{max-width:535px;color:#657482;font-size:clamp(16px,1.25vw,19px);line-height:1.75;margin:26px 0 0}.text-link,.inline-link{display:inline-flex;align-items:center;gap:32px;padding:10px 0;border-bottom:1px solid currentColor;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;transition:color .25s,gap .25s}.text-link:hover,.inline-link:hover{color:var(--electric);gap:40px}.outline-button{display:inline-flex;align-items:center;justify-content:space-between;gap:70px;padding:18px 24px;border:1px solid var(--blue);font-weight:700;font-size:12px;letter-spacing:.055em;text-transform:uppercase;transition:background .25s,color .25s}.outline-button:hover{background:var(--blue);color:#fff}.outline-button span,.solid-cta span{font-size:21px;font-weight:400}.solid-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;background:#fff;color:var(--navy);border:1px solid transparent;min-height:58px;padding:16px 22px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.065em;transition:background .25s,color .25s,transform .25s}.solid-cta:hover{background:var(--ice);transform:translateY(-2px)}.skip-link{position:fixed;top:-100px;left:20px;z-index:10000;background:#fff;color:#111;padding:12px}.skip-link:focus{top:20px}.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.js-ready .reveal.visible{opacity:1;transform:none} .site-header{position:relative;z-index:200;height:90px;transition:background .32s,box-shadow .32s}.site-header.over-hero{position:absolute;inset:0 0 auto;color:#fff}.site-header.solid-header{background:#f7f9fa;color:var(--navy);border-bottom:1px solid var(--line)}.site-header.is-scrolled{position:fixed;top:0;left:0;right:0;background:rgba(246,248,249,.98);color:var(--navy);border-bottom:1px solid rgba(16,37,61,.1);backdrop-filter:blur(15px);box-shadow:0 8px 28px #10253d0a}.site-header.over-hero.is-scrolled{position:fixed}.header-inner{height:100%;max-width:var(--max);padding:0 var(--pad);margin:auto;display:flex;gap:clamp(24px,3vw,54px);align-items:center}.brand{display:block;width:clamp(180px,17vw,265px);flex:none}.brand img{width:100%;height:auto;object-fit:contain}.brand-blue{display:none!important}.solid-header .brand-blue,.is-scrolled .brand-blue{display:block!important}.solid-header .brand-light,.is-scrolled .brand-light{display:none!important}.desktop-nav{display:flex;gap:clamp(14px,1.7vw,31px);align-items:center;margin-left:auto}.desktop-nav a{font-size:11px;text-transform:uppercase;letter-spacing:.095em;font-weight:750;white-space:nowrap;opacity:.83;transition:opacity .2s,color .2s}.desktop-nav a:hover,.desktop-nav a.active{opacity:1;color:#7ec6fa}.solid-header .desktop-nav a:hover,.is-scrolled .desktop-nav a:hover,.solid-header .desktop-nav a.active{color:var(--electric)}.header-contact{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:11px 0 11px 16px;border-left:1px solid currentColor;white-space:nowrap}.header-contact span{font-size:18px;margin-left:12px}.menu-toggle{display:none;width:42px;height:42px;border:0;background:none;color:inherit;align-items:center;justify-content:center;flex-direction:column;gap:7px}.menu-toggle span{display:block;width:25px;height:2px;background:currentColor;transition:transform .22s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobile-menu{position:fixed;z-index:180;inset:0;background:var(--deep);color:white;display:none;flex-direction:column;padding:130px var(--pad) 36px}.mobile-menu[aria-hidden=false]{display:flex}.mobile-menu nav{display:flex;flex-direction:column;gap:4px}.mobile-menu nav a{font-size:clamp(30px,8vw,60px);letter-spacing:-.055em;text-transform:uppercase;padding:10px 0;border-bottom:1px solid #fff3}.mobile-menu-foot{margin-top:auto;display:flex;justify-content:space-between;gap:20px;color:#c3dcef;font-size:12px}.mobile-menu-foot a{font-size:18px} .hero{height:min(940px,100svh);min-height:730px;position:relative;overflow:hidden;background:#10253d;color:#fff}.hero-picture,.hero-overlay{position:absolute;inset:0}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center 55%;animation:heroPan 22s ease-in-out infinite alternate}.hero-overlay{background:linear-gradient(90deg,rgba(7,22,38,.82) 0%,rgba(8,29,52,.55) 54%,rgba(8,29,52,.12) 100%),linear-gradient(0deg,rgba(8,25,44,.63),transparent 41%)}@keyframes heroPan{from{transform:scale(1)}to{transform:scale(1.07)}}.hero-grid{position:relative;height:100%;display:flex;flex-direction:column;padding-top:120px;padding-bottom:35px}.hero-topline,.hero-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;text-transform:uppercase;font-size:10px;font-weight:750;letter-spacing:.18em;color:#e3eef7}.hero-topline{opacity:.83}.hero-content{margin-top:auto;padding-bottom:clamp(26px,4.7vw,72px);max-width:1390px}.hero-content .eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(54px,7.5vw,128px);font-weight:500;line-height:1.055;letter-spacing:-.082em;margin:0;text-transform:uppercase}.hero h1 em{color:#a3ceee}.hero-lower{display:flex;gap:50px;align-items:end;justify-content:space-between;margin-top:33px}.hero-lower p{max-width:460px;font-size:clamp(16px,1.4vw,20px);line-height:1.7;color:#e1e9ef;margin:0}.hero-footer{padding-top:20px;border-top:1px solid #ffffff57}.hero-footer span span{margin-left:8px;font-size:15px} .before-section{background:var(--paper)}.before-layout{display:grid;grid-template-columns:24% 1fr;gap:clamp(32px,5vw,90px);align-items:end}.before-note{display:flex;flex-direction:column;justify-content:flex-end;gap:32px;padding-bottom:10px}.before-note .vertical-rule{height:87px;width:2px;background:var(--electric);display:block}.before-note p{font-size:clamp(19px,1.7vw,25px);line-height:1.56;letter-spacing:-.035em;max-width:300px;margin:0}.comparison{position:relative;aspect-ratio:1.6;overflow:hidden;background:#c4d0d8;touch-action:pan-y;user-select:none;cursor:ew-resize}.comparison-base,.comparison-after{position:absolute;inset:0}.comparison-base img,.comparison-after img{width:100%;height:100%;object-fit:cover;pointer-events:none}.comparison-after{clip-path:inset(0 48% 0 0)}.comparison:after{content:"";position:absolute;pointer-events:none;left:var(--position,52%);top:0;bottom:0;width:2px;background:white;transform:translateX(-1px)}.comparison-handle{position:absolute;top:50%;transform:translate(-50%,-50%);height:54px;width:54px;border:1px solid white;background:#f4f6f3;color:var(--navy);border-radius:50%;display:flex;gap:5px;align-items:center;justify-content:center;box-shadow:0 5px 24px #0d20374f;z-index:2;pointer-events:none}.comparison-handle span{font-size:26px;line-height:1}.comparison-tag{position:absolute;top:20px;z-index:2;color:white;background:#0e263db8;padding:9px 15px;font-size:11px;letter-spacing:.14em;font-weight:700}.comparison-tag-left{left:20px}.comparison-tag-right{right:20px}.media-caveat{font-size:10px;color:#778692;text-align:right;margin-top:14px} .project-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,72px) clamp(24px,3vw,54px)}.project-card{display:block;min-width:0}.project-grid>.project-card:nth-child(even){padding-top:90px}.project-image{position:relative;overflow:hidden;background:linear-gradient(130deg,#dfe7ed,#b2c8dc);aspect-ratio:1.26}.project-card.featured .project-image{aspect-ratio:1.03}.project-image img{height:100%;width:100%;object-fit:cover;transition:transform 1s var(--ease),filter .8s var(--ease)}.project-card:hover img{transform:scale(1.055)}.project-cta{position:absolute;bottom:18px;right:18px;background:#f5f7f7;color:var(--navy);width:50px;height:50px;display:grid;place-items:center;font-size:25px;transform:translateY(12px);opacity:0;transition:transform .4s,opacity .4s}.project-card:hover .project-cta{transform:none;opacity:1}.project-info{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-top:19px}.project-index{font-size:10px;letter-spacing:.14em;font-weight:700;color:#667987}.project-info h3{font-size:clamp(26px,2.2vw,38px);line-height:1.2;letter-spacing:-.06em;font-weight:550;margin:9px 0 0}.project-meta{white-space:nowrap;color:#6b7781;font-size:12px;margin-bottom:5px}.section-tail{margin-top:64px;padding-top:23px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.section-tail>span{font-size:10px;color:#7d8a95;letter-spacing:.15em;font-weight:800} .services-section{background:var(--deep);color:#fff;overflow:hidden}.services-section .section-head .section-desc{color:#c6d4df}.services-section .display-title em{color:var(--ice)}.services-layout{display:grid;grid-template-columns:1.18fr .82fr;align-items:start;gap:clamp(40px,7vw,112px)}.service-item{border-top:1px solid #c6d4df54}.service-item:last-child{border-bottom:1px solid #c6d4df54}.service-trigger{display:grid;grid-template-columns:45px 1fr 24px;gap:22px;align-items:center;color:#fff;background:none;border:0;padding:26px 0;width:100%;text-align:left}.service-num{font-size:11px;letter-spacing:.12em;color:#90adbf}.service-name{font-size:clamp(20px,2.2vw,34px);letter-spacing:-.05em;font-weight:500;transition:color .2s}.service-icon{font-size:29px;line-height:1;color:#a3ceee;font-weight:300;transition:transform .35s}.service-trigger:hover .service-name{color:var(--ice)}.service-item.expanded .service-icon{transform:rotate(45deg)}.service-panel{max-height:none;overflow:visible;padding:0 0 32px 67px}.js-ready .service-panel{max-height:0;overflow:hidden;padding:0;transition:max-height .5s var(--ease),padding .4s}.js-ready .service-item.expanded .service-panel{max-height:290px;padding:0 0 32px 67px}.service-panel p{font-size:14px;line-height:1.75;color:#c8d5e0;max-width:490px;margin:0 0 17px}.service-panel a{font-size:11px}.services-art{padding-top:11px}.service-art-image{overflow:hidden;background:#344b60;aspect-ratio:.8}.service-art-image img{width:100%;height:100%;object-fit:cover}.services-art>p{font-size:10px;letter-spacing:.14em;color:#99b3c5;margin-top:16px} .about-split{background:#edf2f5}.about-cols{display:grid;grid-template-columns:.96fr 1.04fr;gap:9%;align-items:start}.about-copy .lead,.project-text .lead{font-size:clamp(24px,2.35vw,36px);font-weight:500;line-height:1.5;letter-spacing:-.043em;margin:0 0 27px}.about-copy>p:not(.lead),.project-text>p:not(.lead){font-size:16px;line-height:1.85;color:#647582;max-width:580px}.about-copy .outline-button{margin-top:30px}.about-image{height:650px;position:relative;background:#b4c6d0;overflow:hidden}.about-image>img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;bottom:0;right:0;background:#fff;color:var(--navy);padding:15px 18px;font-weight:800;letter-spacing:.1em;font-size:10px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:75px;padding-top:28px;border-top:1px solid var(--line)}.stats>div{display:flex;flex-direction:column}.stats strong{font-size:clamp(68px,8vw,132px);font-weight:500;letter-spacing:-.09em;line-height:1.1}.stats strong span{font-size:.46em;vertical-align:top;color:var(--electric)}.stats small{color:#687884;font-size:12px;max-width:180px;line-height:1.6;margin-top:13px} .clients-section{background:#fff}.client-logos{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.client-logos>span{display:grid;place-items:center;min-height:140px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:clamp(19px,2vw,28px);font-weight:750;letter-spacing:-.06em;color:#63788c;filter:grayscale(1);transition:filter .3s,color .3s}.client-logos>span:hover{filter:none;color:var(--blue)} .cta-band{background:#173f6c;color:#fff;padding:clamp(95px,12vw,180px) 0;overflow:hidden}.cta-flex{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:35px}.cta-flex h2{font-size:clamp(55px,8.2vw,135px);letter-spacing:-.08em;line-height:1.02;font-weight:500;text-transform:uppercase;margin:0}.cta-flex em{color:#a3ceee}.round-cta{width:clamp(95px,13vw,190px);height:clamp(95px,13vw,190px);flex:none;border-radius:50%;display:grid;place-items:center;border:1px solid #dae8f7;color:#fff;font-size:clamp(45px,5.2vw,72px);transition:background .3s,color .3s,transform .3s}.round-cta:hover{background:#fff;color:#154477;transform:rotate(45deg)} .site-footer{background:#0d2037;color:#fff;padding:100px 0 24px}.footer-top{display:grid;grid-template-columns:1.5fr .5fr;gap:80px;padding-bottom:100px;border-bottom:1px solid #ffffff36}.footer-top h2{font-size:clamp(44px,5.8vw,100px);font-weight:500;line-height:1.08;letter-spacing:-.075em;margin:24px 0 45px}.footer-top h2 em{color:#a3ceee}.light-outline{border-color:#bedcf2;color:white}.light-outline:hover{background:#fff;color:var(--navy)}.footer-contacts{display:flex;flex-direction:column;align-items:flex-start;justify-content:end;padding-bottom:10px}.footer-contacts p{font-size:14px;color:#adbed0}.footer-phone{font-size:clamp(21px,2vw,31px);font-weight:500;letter-spacing:-.05em;margin:12px 0 26px}.footer-contacts>span{font-size:13px;color:#adbed0}.footer-bottom{display:flex;gap:50px;align-items:end;justify-content:space-between;padding:47px 0}.footer-logo{width:320px;max-width:46%}.footer-logo img{width:100%}.footer-bottom nav{display:flex;gap:clamp(12px,1.8vw,35px);flex-wrap:wrap}.footer-bottom nav a{font-size:12px;font-weight:700;text-transform:uppercase}.footer-bottom nav a:hover,.footer-legal a:hover{color:var(--ice)}.footer-legal{border-top:1px solid #ffffff36;padding-top:22px;display:flex;gap:30px;justify-content:space-between;color:#91a7b8;font-size:10px;letter-spacing:.065em;text-transform:uppercase} .interior-intro{padding:clamp(100px,12vw,172px) 0 clamp(48px,6vw,92px);background:var(--paper);overflow:hidden}.interior-intro .eyebrow{margin-bottom:24px}.interior-intro h1{font-size:clamp(55px,8vw,138px);font-weight:500;line-height:1.045;letter-spacing:-.085em;text-transform:uppercase;margin:0;max-width:1460px}.interior-intro h1 em{color:#448ac8}.interior-intro h1 .title-dot{color:var(--electric)}.interior-intro p{margin:32px 0 0;max-width:650px;color:#687883;line-height:1.75;font-size:clamp(17px,1.4vw,21px)}.interior-visual{height:clamp(330px,53vw,850px);background:#c0cdd8;overflow:hidden}.interior-visual img{width:100%;height:100%;object-fit:cover}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:45px}.filter-row button{border:1px solid var(--line);background:none;padding:13px 22px;color:var(--ink);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.025em;transition:background .25s,color .25s}.filter-row button.selected,.filter-row button:hover{background:var(--blue);color:#fff}.filter-row sup{margin-left:5px;font-size:10px}.projects-all>.filter-card:nth-child(even){padding-top:100px}.projects-all>.filter-card{min-width:0}.projects-all>.filter-card[hidden]{display:none}.filter-empty{font-size:20px;color:var(--muted)} .project-cover{padding-top:45px;background:var(--paper)}.crumbs{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.04em;color:#637686;margin-bottom:80px}.crumbs a:hover{color:var(--blue)}.project-cover-label{font-size:11px;font-weight:800;letter-spacing:.17em;color:#587b93}.project-cover h1{font-size:clamp(76px,12vw,205px);line-height:1.07;letter-spacing:-.085em;text-transform:uppercase;font-weight:500;margin:10px 0 24px}.project-cover h1 span{color:var(--electric)}.project-cover-meta{display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 40px;color:#647886;font-weight:650;font-size:12px;letter-spacing:.045em;text-transform:uppercase}.project-cover-image{height:clamp(330px,63vw,900px);background:#d2dce3;overflow:hidden}.project-cover-image img{width:100%;height:100%;object-fit:cover}.two-cols{display:grid;grid-template-columns:50% 1fr;gap:clamp(32px,5vw,90px)}.two-cols .eyebrow{margin-bottom:32px;display:block}.project-overview,.gallery-section{background:#fff}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:29px;margin-top:50px;padding-top:24px;border-top:1px solid var(--line)}.project-facts>div{display:flex;flex-direction:column;gap:10px}.project-facts span{color:#7b8c98;font-weight:750;font-size:10px;letter-spacing:.14em}.project-facts strong{font-weight:600;font-size:17px;line-height:1.5}.source-mini{font-size:11px!important;line-height:1.7;color:#80909b!important;margin-top:45px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gallery-item{border:0;padding:0;position:relative;overflow:hidden;background:#e5ebf0;aspect-ratio:1.42;cursor:zoom-in}.gallery-item:nth-child(3n+1){grid-column:span 2;aspect-ratio:2.1}.gallery-item img{height:100%;width:100%;object-fit:cover;transition:transform .8s var(--ease)}.gallery-item:hover img{transform:scale(1.04)}.gallery-item>span{position:absolute;bottom:16px;right:16px;background:#fff;color:var(--ink);width:43px;height:43px;display:grid;place-items:center;font-size:23px}.related-section{background:#edf2f5} .service-feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,7vw,130px);align-items:center;margin-bottom:130px}.service-feature:nth-child(even) .service-photo{order:2}.service-feature:nth-child(even) .service-story{order:1}.service-photo{height:clamp(310px,43vw,670px);overflow:hidden;background:#bdceda}.service-photo img{height:100%;width:100%;object-fit:cover}.service-story h2{font-size:clamp(42px,4.3vw,75px);line-height:1.12;letter-spacing:-.07em;font-weight:500;margin:28px 0}.service-story p{color:#687784;line-height:1.8;font-size:16px;max-width:530px}.service-story .lead{font-size:clamp(19px,1.65vw,26px);line-height:1.6;color:var(--ink);letter-spacing:-.026em}.service-story .text-link{margin-top:26px} .principles-section{background:#0e233b;color:#fff}.principles-section .display-title em,.timeline-section .display-title em{color:var(--ice)}.principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 70px}.principle{padding:22px 0 34px;border-top:1px solid #ffffff59}.principle span{font-size:11px;color:#a3ceee;font-weight:750}.principle h3{font-size:clamp(24px,2.3vw,37px);font-weight:550;letter-spacing:-.05em;margin:18px 0 15px}.principle p{font-size:15px;line-height:1.75;color:#bacada;max-width:500px}.timeline-section{background:#183f6a;color:#fff}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.timeline-step{border-top:1px solid #ffffff7d;padding-top:23px}.timeline-step b{font-size:13px;color:#a3ceee}.timeline-step h3{font-size:22px;line-height:1.25;font-weight:550;margin:34px 0 12px}.timeline-step p{font-size:13px;color:#c0d2e2;line-height:1.75} .client-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:45px;background:#cbd4db;border:1px solid #cbd4db}.client-tile{min-height:185px;display:grid;place-items:center;background:#f5f7f7;color:#43617e;padding:15px;font-size:clamp(19px,2.2vw,29px);font-weight:750;letter-spacing:-.06em} .contact-section{background:#fff}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,130px)}.contact-phone{display:block;font-size:clamp(30px,3.6vw,61px);font-weight:500;letter-spacing:-.07em;margin:32px 0 60px}.contact-address{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.contact-address span{font-size:12px;letter-spacing:.14em;color:#6c8090}.contact-address strong{font-size:22px;font-weight:500}.contact-map{margin-top:55px;width:100%;aspect-ratio:1.2;background:#dce8f0;position:relative}.contact-map iframe{border:0;width:100%;height:100%}.contact-map>span{position:absolute;bottom:0;left:0;background:#fff;padding:13px;font-size:11px}.contact-grid>div>h2{font-size:clamp(43px,4.1vw,70px);font-weight:500;line-height:1.15;letter-spacing:-.075em;margin:28px 0 46px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.form-grid label{display:flex;flex-direction:column;gap:11px}.form-grid label span{font-weight:800;letter-spacing:.11em;font-size:10px;color:#536d82}.form-grid input,.form-grid textarea{width:100%;outline:0;border:0;border-bottom:1px solid #afbfc9;padding:16px 0;color:var(--navy);background:transparent;border-radius:0;resize:vertical}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--blue);outline:0}.form-grid .form-wide{grid-column:span 2}.consent{display:flex;align-items:start;gap:12px;margin:30px 0 24px;font-size:12px;color:#73828c;line-height:1.55}.consent input{width:17px;height:17px;accent-color:var(--blue);flex:none}.contact-form .solid-cta{background:var(--blue);color:#fff}.contact-form .solid-cta:hover{background:#2372b3}.form-note{color:#7e8d97;font-size:11px;line-height:1.7}.form-feedback{font-size:13px;color:var(--blue);font-weight:700}.legal-copy{max-width:850px;line-height:1.9;color:#587184;font-size:17px} .lightbox{border:0;padding:65px 85px;background:#0a1521;color:white;max-width:100vw;max-height:100vh;width:100vw;height:100vh}.lightbox::backdrop{background:#07101aee}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox img{height:100%;width:100%;object-fit:contain;max-height:calc(100vh - 130px)}.lb-close,.lb-arrow{position:absolute;background:none;color:#fff;border:1px solid #ffffff70;display:grid;place-items:center}.lb-close{right:26px;top:25px;width:46px;height:46px;font-size:28px}.lb-arrow{top:50%;height:48px;width:48px;border-radius:50%;font-size:24px}.lb-prev{left:20px}.lb-next{right:20px}.lb-count{position:absolute;bottom:20px;left:0;right:0;text-align:center;letter-spacing:.15em;font-size:12px}.image-unavailable{background:linear-gradient(135deg,#b7cbdc,#487ca9);object-fit:contain!important} @media(max-width:1200px){.desktop-nav{gap:14px}.desktop-nav a{font-size:10px}.header-contact{font-size:10px}.brand{width:190px}.about-image{height:560px}.hero h1{font-size:clamp(60px,8vw,98px)}}
@media(max-width:1020px){.site-header{height:78px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:flex;margin-left:auto}.brand{width:215px}.hero-grid{padding-top:108px}.hero{min-height:640px}.section-head{grid-template-columns:1fr;gap:19px}.section-head>.eyebrow{padding:0}.section-head .section-desc{max-width:590px}.services-layout{grid-template-columns:1fr .77fr;gap:32px}.service-trigger{grid-template-columns:28px 1fr 20px;gap:10px}.service-item.expanded .service-panel{padding-left:38px}.two-cols{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:repeat(3,1fr)}.footer-top{grid-template-columns:1fr .7fr;gap:40px}}
@media(max-width:760px){:root{--pad:22px}.block-space{padding-block:83px}.hero{height:100svh;min-height:650px;max-height:950px}.hero-grid{padding-top:102px;padding-bottom:22px}.hero-content{padding-bottom:35px}.hero h1{font-size:clamp(45px,9.7vw,78px);letter-spacing:-.072em}.hero-topline>span:last-child{display:none}.hero-lower{display:block;margin-top:27px}.hero-lower p{max-width:420px;font-size:16px;line-height:1.62}.hero-lower .solid-cta{margin-top:23px}.hero-footer{font-size:8px;letter-spacing:.07em}.hero-footer>span:first-child{display:none}.section-head{margin-bottom:36px}.display-title{font-size:clamp(38px,9vw,64px)}.section-desc{font-size:15px;margin-top:18px}.before-layout{grid-template-columns:1fr;gap:25px}.before-note{display:block}.before-note .vertical-rule{height:35px;margin-bottom:15px}.before-note p{max-width:100%;font-size:18px}.before-note .text-link{margin-top:12px}.comparison{aspect-ratio:1.12}.media-caveat{text-align:left;line-height:1.5}.project-grid{gap:38px;grid-template-columns:1fr}.project-grid>.project-card:nth-child(even),.projects-all>.filter-card:nth-child(even){padding-top:0}.project-image,.project-card.featured .project-image{aspect-ratio:1.26}.project-cta{opacity:1;transform:none}.project-info h3{font-size:28px}.section-tail{margin-top:45px;align-items:start}.section-tail>span{max-width:170px;line-height:1.7}.services-layout{grid-template-columns:1fr}.services-art{display:none}.service-name{font-size:clamp(22px,5.8vw,36px)}.service-trigger{padding-block:21px}.about-cols{grid-template-columns:1fr;gap:48px}.about-copy .lead,.project-text .lead{font-size:23px}.about-image{height:clamp(310px,110vw,580px)}.stats{margin-top:45px}.stats strong{font-size:74px}.client-logos{grid-template-columns:1fr 1fr}.client-logos>span{min-height:105px;font-size:19px}.cta-flex{align-items:end}.cta-flex h2{font-size:clamp(46px,9.5vw,85px)}.round-cta{width:80px;height:80px;font-size:45px}.site-footer{padding-top:80px}.footer-top{grid-template-columns:1fr;gap:35px;padding-bottom:70px}.footer-top h2{font-size:clamp(42px,9vw,70px)}.footer-contacts{padding:0}.footer-bottom{align-items:start;flex-direction:column}.footer-logo{max-width:280px;width:100%}.footer-legal{flex-direction:column;gap:12px}.interior-intro{padding-top:96px;padding-bottom:47px}.interior-intro h1{font-size:clamp(48px,10vw,81px)}.interior-intro p{font-size:16px}.interior-visual{height:440px}.filter-row{gap:7px}.filter-row button{font-size:10px;padding:12px 16px}.project-cover{padding-top:30px}.crumbs{margin-bottom:55px}.project-cover h1{font-size:clamp(65px,12vw,107px)}.project-cover-meta{gap:10px;justify-content:start;font-size:10px}.project-cover-meta span{flex:0 0 calc(50% - 10px)}.project-cover-image{height:420px}.two-cols{grid-template-columns:1fr;gap:30px}.project-facts{margin-top:30px}.gallery-grid{grid-template-columns:1fr}.gallery-item:nth-child(3n+1){grid-column:auto;aspect-ratio:1.42}.service-feature{grid-template-columns:1fr;gap:25px;margin-bottom:100px}.service-feature:nth-child(even) .service-photo,.service-feature:nth-child(even) .service-story{order:unset}.service-photo{height:350px}.service-story h2{font-size:43px;margin:15px 0}.principles-grid{grid-template-columns:1fr;gap:10px}.timeline{grid-template-columns:1fr 1fr}.client-page-grid{grid-template-columns:1fr 1fr}.client-tile{min-height:130px}.contact-grid{grid-template-columns:1fr}.contact-phone{margin-bottom:34px}.contact-map{margin-top:30px;aspect-ratio:1.45}.contact-grid>div>h2{margin-bottom:25px}.lightbox{padding:72px 8px}.lightbox img{max-height:calc(100vh - 150px)}.lb-arrow{top:auto;bottom:25px}.lb-prev{left:15px}.lb-next{right:15px}.lb-count{bottom:42px}}
@media(max-width:430px){.hero h1{font-size:clamp(42px,10vw,53px)}.hero-lower p{font-size:15px}.hero{min-height:620px}.hero-topline{font-size:9px}.hero-content .eyebrow{font-size:9px}.comparison{aspect-ratio:1.0}.comparison-handle{width:45px;height:45px}.stats strong{font-size:61px}.project-meta{font-size:10px}.section-tail{flex-direction:column}.cta-flex{flex-direction:column;align-items:start}.round-cta{align-self:end}.client-logos>span{font-size:16px}.footer-top h2{font-size:40px}.timeline{grid-template-columns:1fr}.project-cover h1{font-size:clamp(48px,14vw,70px)}.project-cover-meta span{flex:0 0 100%}.form-grid{grid-template-columns:1fr}.form-grid .form-wide{grid-column:auto}.interior-intro h1{font-size:clamp(44px,11vw,59px)}.interior-visual{height:310px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transform:none!important}}
@media(max-width:1020px){html:not(.js-ready) .mobile-menu{display:flex;position:relative;inset:auto;padding:28px var(--pad);z-index:0}html:not(.js-ready) .menu-toggle{display:none}html:not(.js-ready) .mobile-menu nav a{font-size:22px}} .hero h1,
.display-title,
.interior-intro h1,
.project-cover h1,
.service-story h2,
.cta-flex h2,
.footer-top h2,
.contact-grid > div > h2,
.project-info h3,
.service-name,
.principle h3,
.team-card h3,
.timeline-step h3,
.mobile-menu nav a {
font-kerning: normal;
font-optical-sizing: auto;
overflow-wrap: normal;
} .hero h1 {
font-size: clamp(46px, 6.25vw, 108px);
letter-spacing: .018em;
line-height: 1.14;
}
.display-title {
font-size: clamp(36px, 4.45vw, 76px);
letter-spacing: .014em;
line-height: 1.17;
}
.interior-intro h1 {
font-size: clamp(44px, 6.25vw, 104px);
letter-spacing: .013em;
line-height: 1.14;
}
.project-cover h1 {
font-size: clamp(56px, 8.5vw, 142px);
letter-spacing: .012em;
line-height: 1.14;
overflow-wrap: anywhere;
}
.cta-flex h2 {
font-size: clamp(42px, 6.2vw, 105px);
letter-spacing: .016em;
line-height: 1.15;
}
.footer-top h2 {
font-size: clamp(39px, 4.5vw, 79px);
letter-spacing: .015em;
line-height: 1.16;
}
.contact-grid > div > h2 {
font-size: clamp(37px, 3.5vw, 60px);
letter-spacing: .014em;
line-height: 1.2;
}
.service-story h2 {
font-size: clamp(36px, 3.5vw, 62px);
letter-spacing: .014em;
line-height: 1.2;
}
.project-info h3 {
font-size: clamp(23px, 1.95vw, 34px);
letter-spacing: .012em;
line-height: 1.25;
}
.service-name {
font-size: clamp(20px, 1.92vw, 30px);
letter-spacing: .01em;
line-height: 1.29;
}
.principle h3,
.team-card h3,
.timeline-step h3 {
letter-spacing: .012em;
line-height: 1.34;
}
.principle h3 { font-size: clamp(23px, 2.1vw, 33px); }
.timeline-step h3 { font-size: 21px; }
.team-card h3 { font-size: clamp(20px, 1.8vw, 28px); }
.mobile-menu nav a {
font-size: clamp(28px, 6.8vw, 50px);
letter-spacing: .014em;
line-height: 1.25;
} .before-note p { letter-spacing: .008em; }
.about-copy .lead,
.project-text .lead,
.service-story .lead { letter-spacing: .008em; }
.stats strong {
font-size: clamp(62px, 6.4vw, 104px);
letter-spacing: .006em;
}
.client-logos > span,
.client-tile { letter-spacing: .012em; }
.footer-phone,
.contact-phone { letter-spacing: .01em; }
.contact-phone { font-size: clamp(28px, 3.2vw, 54px); }
@media (max-width: 1200px) {
.hero h1 { font-size: clamp(45px, 6.7vw, 81px); }
}
@media (max-width: 760px) {
.hero h1 {
font-size: clamp(33px, 8.15vw, 57px);
letter-spacing: .012em;
line-height: 1.19;
}
.display-title {
font-size: clamp(33px, 7.4vw, 55px);
letter-spacing: .012em;
line-height: 1.19;
}
.interior-intro h1 {
font-size: clamp(36px, 8.3vw, 62px);
letter-spacing: .012em;
}
.project-cover h1 {
font-size: clamp(43px, 9.7vw, 80px);
letter-spacing: .01em;
}
.cta-flex h2 {
font-size: clamp(39px, 8.3vw, 64px);
letter-spacing: .012em;
}
.footer-top h2 {
font-size: clamp(34px, 7.7vw, 54px);
letter-spacing: .012em;
}
.service-story h2 {
font-size: clamp(34px, 7.2vw, 47px);
letter-spacing: .012em;
}
.project-info h3 { font-size: 26px; }
.service-name { font-size: clamp(19px, 5.0vw, 31px); }
.contact-grid > div > h2 {
font-size: clamp(35px, 7vw, 52px);
}
.stats strong { font-size: clamp(55px, 9vw, 70px); }
.mobile-menu nav a { font-size: clamp(27px, 6.7vw, 45px); }
}
@media (max-width: 430px) {
.hero h1 {
font-size: clamp(29px, 8vw, 36px);
letter-spacing: .01em;
}
.display-title { font-size: clamp(31px, 7.7vw, 36px); }
.interior-intro h1 { font-size: clamp(34px, 8.8vw, 41px); }
.project-cover h1 { font-size: clamp(39px, 10.2vw, 48px); }
.cta-flex h2 { font-size: clamp(35px, 8.5vw, 40px); }
.footer-top h2 { font-size: clamp(32px, 7.5vw, 37px); }
.contact-grid > div > h2 { font-size: clamp(33px, 8.3vw, 39px); }
.service-story h2 { font-size: 34px; }
.team-card h3 { font-size: 17px; }
} .hero-lower .solid-cta {
color: #fff;
background: transparent;
border: 1px solid #fff;
} .hero-lower .solid-cta:hover,
.hero-lower .solid-cta:focus-visible {
background: var(--ice);
color: var(--navy);
border-color: var(--ice);
transform: translateY(-2px);
} .client-logos,
.client-page-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.client-logos > .client-logo,
.client-page-grid > .client-logo {
box-sizing: border-box;
min-width: 0;
min-height: 168px;
display: flex;
align-items: center;
justify-content: center;
padding: 25px 27px;
overflow: hidden;
}
.client-logos > .client-logo {
border-right: 1px solid var(--line);
border-bottom: 1px solid var(--line);
background: white;
}
.client-page-grid > .client-logo { background: #f5f7f7; }
.client-logos .client-logo img,
.client-page-grid .client-logo img {
display: block;
width: auto;
height: auto;
max-width: min(82%, 275px);
max-height: 76px;
object-fit: contain;
filter: grayscale(1);
opacity: .66;
transform: scale(1);
transition: filter .55s var(--ease), opacity .55s var(--ease), transform .55s var(--ease);
will-change: filter;
}
.client-logos .client-logo:hover img,
.client-page-grid .client-logo:hover img {
filter: grayscale(0);
opacity: 1;
transform: scale(1.045);
} .client-logos .client-logo[data-partner="vciom"] img,
.client-logos .client-logo[data-partner="atom"] img,
.client-page-grid .client-logo[data-partner="vciom"] img,
.client-page-grid .client-logo[data-partner="atom"] img {
max-height: 116px;
}
@media (max-width: 760px) {
.client-logos,
.client-page-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.client-logos > .client-logo,
.client-page-grid > .client-logo { min-height: 123px; padding: 18px 12px; }
.client-logos .client-logo img,
.client-page-grid .client-logo img { max-width: 92%; max-height: 57px; }
.client-logos .client-logo[data-partner="vciom"] img,
.client-logos .client-logo[data-partner="atom"] img,
.client-page-grid .client-logo[data-partner="vciom"] img,
.client-page-grid .client-logo[data-partner="atom"] img { max-height: 91px; }
.client-logos > .client-logo:last-child:nth-child(odd),
.client-page-grid > .client-logo:last-child:nth-child(odd) { grid-column: 1/-1; }
}
@media (prefers-reduced-motion: reduce) {
.client-logos .client-logo img,
.client-page-grid .client-logo img { transition: none; }
} .header-inner .language-switcher{display:flex;align-items:center;gap:3px;margin-left:6px;flex-shrink:0}
.language-switcher a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 5px;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.055em;border:1px solid transparent;opacity:.75;transition:color .2s,border-color .2s,opacity .2s}
.language-switcher a:hover,.language-switcher a:focus-visible{opacity:1;border-color:currentColor}
.language-switcher a.current{opacity:1;border-color:currentColor;pointer-events:none}
.site-header.over-hero:not(.is-scrolled) .language-switcher a{color:#fff}
.site-header.solid-header .language-switcher a,.site-header.is-scrolled .language-switcher a{color:#154477}
.mobile-menu .lang-mobile{display:flex;gap:10px;margin:20px 0 5px;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.25)}
.mobile-menu .lang-mobile a{color:#fff;font-size:16px;min-width:54px}
@media(max-width:1050px){.header-inner>.language-switcher{margin-left:auto;margin-right:12px}}
@media(max-width:380px){.header-inner>.language-switcher{gap:0;margin-right:4px}.header-inner>.language-switcher a{min-width:29px;font-size:11px;padding:0 2px}} @media(max-width:430px){html[lang="ru"] .hero h1{font-size:clamp(23px,6.9vw,28px);line-height:1.2;letter-spacing:.008em} .header-inner{gap:10px} .header-inner>.language-switcher{gap:0;margin-left:auto;margin-right:0} .header-inner>.menu-toggle{flex-shrink:0;margin-left:0} .brand{min-width:0;width:clamp(112px,36vw,168px)} } .site-header, .site-header.over-hero,.site-header.solid-header,.site-header.is-scrolled,.site-header.over-hero.is-scrolled {
position:fixed; top:0; left:0;right:0;inset-block-end:auto; z-index:200;
background:transparent; border:0; box-shadow:none; backdrop-filter:none;
-webkit-backdrop-filter:none; transition:color .25s ease;
}
.site-header.header-on-light { color:var(--navy) !important; }
.site-header.header-on-dark { color:#fff !important; }
.site-header.header-on-light .brand-blue {display:block!important}
.site-header.header-on-light .brand-light {display:none!important}
.site-header.header-on-dark .brand-blue {display:none!important}
.site-header.header-on-dark .brand-light {display:block!important}
.site-header.header-on-light .language-switcher a,.site-header.header-on-light .desktop-nav a {color:var(--navy)!important}
.site-header.header-on-dark .language-switcher a,.site-header.header-on-dark .desktop-nav a {color:#fff!important}
.site-header.header-on-dark .header-inner {text-shadow:0 1px 12px rgba(4,15,26,.5)}
.site-header.header-on-light .header-inner {text-shadow:0 1px 12px rgba(255,255,255,.6)}
.site-header.header-on-dark .desktop-nav a:hover {color:var(--ice)!important}
.site-header.header-on-light .desktop-nav a:hover {color:var(--electric)!important}
body.inner-page main#main-content {padding-top:90px}
@media(max-width:1020px){body.inner-page main#main-content {padding-top:78px}}
@media(max-width:760px){.site-header .header-inner{min-height:78px}} .hero-lower {align-items:end;gap:clamp(20px,3vw,46px)}
.hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;flex:none}
.hero-actions .solid-cta {min-height:58px;gap:clamp(18px,2.5vw,42px);padding:15px clamp(14px,1.5vw,22px);border:1px solid rgba(255,255,255,.8);background:transparent;color:#fff;white-space:nowrap}
.hero-actions .hero-discuss{background:rgba(255,255,255,.06);border-color:#fff;color:#fff}
.hero-actions .solid-cta:hover,.hero-actions .solid-cta:focus-visible {background:var(--ice);border-color:var(--ice);color:var(--navy)}
.hero-actions .solid-cta span{font-size:18px} .floating-discuss {position:fixed;right:clamp(16px,2.5vw,42px);bottom:calc(22px + env(safe-area-inset-bottom, 0px));z-index:170;
display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;
background:var(--blue);border:1px solid rgba(255,255,255,.5);box-shadow:0 9px 24px rgba(13,37,65,.20);
color:#fff;font-size:11px;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;font-weight:750;
transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.floating-discuss:hover,.floating-discuss:focus-visible{background:var(--ice);color:var(--navy);transform:translateY(-2px);box-shadow:0 10px 28px rgba(13,37,65,.16)}
.floating-arrow{font-size:19px;font-weight:400}
.menu-open .floating-discuss{opacity:0;visibility:hidden;pointer-events:none} .comparison{--position:52%}
.comparison:focus-visible{outline:3px solid var(--electric);outline-offset:3px}
.comparison-handle{will-change:left} .contact-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(44px,6vw,100px)}
.contact-form-panel{border-top:1px solid var(--line);margin-top:clamp(50px,5vw,80px);padding-top:clamp(40px,4vw,60px)}
.contact-form-panel > .eyebrow{display:block}
.team-showcase {position:relative;min-width:0;border-top:1px solid var(--line);padding-top:19px}
.team-headline{font-size:clamp(32px,3.9vw,64px);line-height:1.16;letter-spacing:.014em;font-weight:500;margin:25px 0 33px}
.team-visual{height:clamp(295px,38vw,540px);background:#dbe6ee;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.team-visual:before{content:"";position:absolute;inset:6%;border:1px solid rgba(21,68,119,.22)}
.team-visual-letter{font-family:Manrope,Arial,sans-serif;color:rgba(21,68,119,.16);font-size:clamp(175px,26vw,380px);font-weight:500;line-height:1}
.team-visual-line{position:absolute;bottom:9%;height:1px;background:rgba(21,68,119,.22);left:8%;right:8%}
.team-visual-line:nth-of-type(2){bottom:12%}.team-visual-line:nth-of-type(3){bottom:15%}
.team-waiting{color:#617381;max-width:490px;line-height:1.72;font-size:15px;margin:25px 0 15px}
.team-waiting-tag{font-size:10px;color:var(--blue);letter-spacing:.14em;font-weight:750;border-top:1px solid var(--line);padding-top:18px}
.team-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.team-person img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#cddce7}
.team-person h3{font-size:clamp(17px,1.7vw,24px);font-weight:600;letter-spacing:.015em;line-height:1.3;margin:13px 0 3px}
.team-person p{font-size:13px;color:#71818c;margin:0 0 16px} .block-space{padding-block:clamp(80px,9vw,150px)}
.section-head{margin-bottom:clamp(42px,5.4vw,79px)}
.service-trigger{border-radius:0}
.services-section .service-name{letter-spacing:.012em}
@media(max-width:1200px){.hero-lower{align-items:start;flex-direction:column;gap:20px}.hero-actions{justify-content:start}}
@media(max-width:760px){
.hero-actions{display:flex;gap:10px;margin-top:6px;width:100%}
.hero-actions .solid-cta{padding:12px 14px;min-height:50px;flex:1 1 145px;gap:10px;font-size:10px}
.hero-lower .solid-cta{margin-top:0}
.floating-discuss{right:14px;bottom:calc(15px + env(safe-area-inset-bottom, 0px));padding:12px 13px;font-size:10px}
.contact-grid{grid-template-columns:1fr;gap:46px}
.team-headline{font-size:clamp(31px,7.3vw,49px)}
.team-visual{height:clamp(280px,75vw,450px)}
.team-visual-letter{font-size:clamp(180px,50vw,320px)}
}
@media(max-width:420px){.hero-actions .solid-cta{font-size:9px;padding:10px;letter-spacing:.025em;min-height:46px}.floating-discuss-label{max-width:150px}}
@media(prefers-reduced-motion:reduce){.comparison-handle{will-change:auto}} .home-page .floating-discuss{opacity:0;visibility:hidden;transform:translateY(12px);pointer-events:none}
.home-page .floating-discuss.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.menu-open .floating-discuss,.menu-open .floating-discuss.is-visible{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.contact-form-panel>h2{font-size:clamp(43px,4.1vw,70px);font-weight:500;line-height:1.15;letter-spacing:.014em;margin:28px 0 46px}
@media(max-width:760px){.contact-form-panel>h2{font-size:clamp(33px,7.4vw,46px);margin-bottom:25px}} .project-document-facts {border-top:1px solid rgba(18,53,80,.18); margin-top:1.6rem; padding-top:1.2rem;}
.project-document-facts p {margin:.6rem 0;line-height:1.55;}
.project-document-facts strong {font-size:.8em;letter-spacing:.055em;} .q-adv-section{background:#fff;color:var(--navy);border-top:1px solid var(--line)}
.q-adv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.q-adv{padding:32px clamp(15px,2.7vw,42px) 46px 0;border-right:1px solid var(--line);min-width:0}
.q-adv:not(:first-child){padding-left:clamp(15px,2.7vw,42px)}.q-adv:last-child{border-right:0}
.q-adv-number,.q-org-card>span,.q-process-role>span{display:block;font-size:12px;font-weight:700;letter-spacing:.15em;color:#448ac8}
.q-adv h3{font-size:clamp(26px,2.8vw,40px);font-weight:500;line-height:1.23;letter-spacing:.012em;margin:60px 0 16px}
.q-adv p{max-width:37ch;font-size:16px;line-height:1.8;color:#596f80}
.q-process-section{background:#102943;color:#fff}
.q-process-section .display-title em{color:var(--ice)}
.q-process-section .section-desc{color:#b3cadd;max-width:720px}
.q-process-map{display:grid;grid-template-columns:1fr 1.8fr;gap:clamp(32px,6vw,100px);align-items:start}
.q-process-lead{display:flex;align-items:start;gap:20px;padding:36px 0;border-top:2px solid #88c2ea}
.q-process-icon{background:#154477;color:#a3ceee;display:grid;place-items:center;width:57px;height:57px;border:1px solid #ffffff44;flex:none;font-size:24px;font-weight:500}
.q-process-lead h3{font-size:clamp(23px,2.3vw,36px);line-height:1.25;font-weight:500;margin:0 0 14px;letter-spacing:.018em}
.q-process-lead p{color:#c6d4e3;line-height:1.75;font-size:16px}
.q-process-roles{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;row-gap:18px}
.q-process-role{border-top:1px solid #ffffff50;padding:20px 0 25px}
.q-process-role h4{font-size:clamp(19px,1.8vw,26px);font-weight:500;line-height:1.3;margin:24px 0 12px;letter-spacing:.02em}
.q-process-role p{font-size:14px;line-height:1.7;color:#c5d5e4}
.q-org-section{background:#f4f7fa}
.q-org-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px}
.q-org-card{padding:26px 10px 34px 0;border-top:1px solid #b9c8d6}
.q-org-card h3{font-size:clamp(20px,2vw,29px);font-weight:500;line-height:1.3;letter-spacing:.018em;margin:28px 0 11px}
.q-org-card p{font-size:14px;line-height:1.75;color:#536a81}
.q-trust-stat{margin:0 0 40px;display:flex;gap:clamp(20px,5vw,80px);align-items:center;padding:25px 0 32px;border-bottom:1px solid var(--line)}
.q-trust-stat strong{font-size:clamp(64px,8vw,125px);font-weight:400;line-height:1;letter-spacing:.005em;color:#154477;white-space:nowrap}
.q-trust-stat strong span{font-size:.57em;color:#448ac8;vertical-align:top}
.q-trust-stat p{font-size:clamp(17px,1.65vw,23px);max-width:32ch;line-height:1.55;color:#405b71}
.q-trust-stat-inner{margin-top:38px;margin-bottom:28px}
.q-logo-source{margin:24px 0 0;color:#708496;line-height:1.65;font-size:12px;max-width:75ch}
.client-logos .client-logo img,.client-page-grid .client-logo img{max-width:min(84%,230px);max-height:75px}
@media(max-width:1020px){.q-process-map{grid-template-columns:1fr}.q-process-lead{max-width:800px}.q-adv h3{margin-top:38px}}
@media(max-width:760px){.q-adv-grid{grid-template-columns:1fr}.q-adv,.q-adv:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:26px 0 35px}.q-adv:last-child{border-bottom:0}.q-adv h3{margin:25px 0 14px}.q-process-roles{grid-template-columns:1fr 1fr;gap:8px 18px}.q-org-grid{grid-template-columns:1fr 1fr}.q-trust-stat{gap:18px;align-items:start}.q-trust-stat strong{font-size:64px}.q-trust-stat p{font-size:16px}.q-process-section .display-title,.q-org-section .display-title,.q-adv-section .display-title{font-size:clamp(30px,8vw,55px)}}
@media(max-width:430px){.q-process-roles,.q-org-grid{grid-template-columns:1fr}.q-trust-stat{flex-direction:column;gap:9px}.q-trust-stat strong{font-size:72px}.q-process-icon{width:48px;height:48px;font-size:21px}.q-process-lead{gap:13px}.q-adv-section .display-title,.q-process-section .display-title,.q-org-section .display-title{font-size:clamp(30px,8.1vw,38px)}}
.q-process-section .eyebrow {color:#a3ceee}
@media(max-width:350px){.q-adv-section .display-title{font-size:27px;letter-spacing:.005em}}  .footer-logo {display:block;flex:0 0 auto;width:min(320px,100%);max-width:100%;align-self:center;line-height:0;}
.footer-logo img {display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain;object-position:left center;aspect-ratio:720 / 171;} .site-header,.site-header.over-hero,.site-header.solid-header,
.site-header.header-on-light,.site-header.header-on-dark {
background:transparent!important;
-webkit-backdrop-filter:none;
backdrop-filter:none;
box-shadow:none;
border-bottom:0;
transition:background-color .3s ease,backdrop-filter .3s ease,box-shadow .3s ease,color .25s ease;
} .site-header.is-scrolled,.site-header.over-hero.is-scrolled,.site-header.solid-header.is-scrolled,
.site-header.is-scrolled.header-on-light,.site-header.is-scrolled.header-on-dark {
background:rgba(12,41,75,.76)!important;
-webkit-backdrop-filter:blur(12px) saturate(115%)!important;
backdrop-filter:blur(12px) saturate(115%)!important;
border-bottom:1px solid rgba(255,255,255,.13)!important;
box-shadow:0 6px 20px rgba(8,25,46,.09)!important;
color:#fff!important;
} .site-header.is-scrolled .desktop-nav a,
.site-header.is-scrolled .header-contact,
.site-header.is-scrolled .language-switcher a,
.site-header.is-scrolled.header-on-light .desktop-nav a,
.site-header.is-scrolled.header-on-light .language-switcher a {
color:#fff!important;
}
.site-header.is-scrolled .brand-light,
.site-header.is-scrolled.header-on-light .brand-light {display:block!important;}
.site-header.is-scrolled .brand-blue,
.site-header.is-scrolled.header-on-light .brand-blue {display:none!important;}
.site-header.is-scrolled .menu-toggle {color:#fff!important;}
.site-header.is-scrolled .desktop-nav a:hover,
.site-header.is-scrolled .desktop-nav a.active {color:#b4ddfb!important;}
.site-header.is-scrolled .header-inner {text-shadow:0 1px 8px rgba(2,13,25,.25);} @media(min-width:1021px){
.header-inner {gap:clamp(10px,1.35vw,22px);}
.brand {width:clamp(166px,14.5vw,215px);}
.desktop-nav {gap:clamp(10px,1.13vw,17px);}
.desktop-nav a {font-size:16.5px!important;letter-spacing:.032em;line-height:1.3;font-weight:700;}
.header-contact {font-size:11px;letter-spacing:.045em;padding-left:12px;}
.header-contact span {margin-left:6px;}
.header-inner>.language-switcher {margin-left:2px;}
}
@media(min-width:1021px) and (max-width:1200px){
.desktop-nav a {font-size:15px!important;}
.desktop-nav {gap:10px;}
.header-contact {font-size:10px;}
.brand {width:166px;}
}
@media(min-width:1021px) and (max-width:1110px){
.desktop-nav,.header-contact {display:none!important;}
.menu-toggle {display:flex;margin-left:8px;}
.header-inner>.language-switcher {margin-left:auto;}
}
@media(max-width:760px){
.footer-logo {width:min(280px,100%);max-width:100%;}
}
@media(prefers-reduced-motion:reduce){
.site-header {transition:none!important;}
} @media(min-width:1201px) and (max-width:1400px){
.desktop-nav a{font-size:15px!important;}
.desktop-nav{gap:10px;}
.brand{width:clamp(166px,13.5vw,190px);}
.header-contact{font-size:10px;padding-left:10px;}
}  .site-header .brand {
position:relative!important;
display:block!important;
flex-shrink:0!important;
aspect-ratio:720 / 171!important;
height:auto!important;
min-height:0!important;
overflow:visible!important;
}
.site-header .brand img {
position:absolute!important;
inset:0 auto auto 0!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:left center!important;
aspect-ratio:auto!important;
transform:none!important;
} .site-header .brand .brand-light{display:block!important;}
.site-header .brand .brand-blue{display:none!important;}
.site-header:not(.is-scrolled).solid-header .brand .brand-light,
.site-header:not(.is-scrolled).header-on-light .brand .brand-light{display:none!important;}
.site-header:not(.is-scrolled).solid-header .brand .brand-blue,
.site-header:not(.is-scrolled).header-on-light .brand .brand-blue{display:block!important;}
.site-header:not(.is-scrolled).header-on-dark .brand .brand-light{display:block!important;}
.site-header:not(.is-scrolled).header-on-dark .brand .brand-blue{display:none!important;}
.site-header.is-scrolled .brand .brand-light{display:block!important;}
.site-header.is-scrolled .brand .brand-blue{display:none!important;} .footer-logo {
display:block!important;
flex:0 1 320px!important;
width:min(320px,100%)!important;
max-width:100%!important;
aspect-ratio:auto!important;
height:auto!important;
line-height:0!important;
align-self:center;
}
.footer-logo img {
display:block!important;
position:static!important;
width:100%!important;
max-width:100%!important;
height:auto!important;
max-height:none!important;
aspect-ratio:auto!important;
object-fit:contain!important;
object-position:left center!important;
transform:none!important;
}
@media(max-width:760px){
.footer-logo{flex-basis:auto!important;width:min(280px,100%)!important;}
.site-header .brand{max-width:45vw!important;}
} .service-details{background:#edf2f5}
.service-details>.container>.display-title{max-width:1050px;margin-bottom:40px;font-size:clamp(30px,3.3vw,54px);overflow-wrap:anywhere}
.service-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px)}
.service-details-grid h3{font-size:21px;line-height:1.4;margin:0 0 18px}
.service-details-grid p,.contact-guidance>p{font-size:16px;line-height:1.8;color:#647582;margin:0}
.contact-guidance{padding:clamp(24px,4vw,56px);background:#edf2f5;align-self:start}
.contact-guidance .outline-button{margin-top:30px;gap:20px}
@media(max-width:1020px){.service-details-grid{grid-template-columns:1fr}.service-details-grid>div{max-width:780px}}.qp-ai-launcher,.qp-ai-panel{font-family:inherit;box-sizing:border-box}
.qp-ai-launcher{position:fixed;right:clamp(16px,2.5vw,42px);bottom:calc(92px + env(safe-area-inset-bottom,0px));z-index:220;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.2);background:#154477;color:#fff;padding:0 13px;height:57px;min-width:69px;border-radius:18px;box-shadow:0 13px 40px rgba(15,41,65,.25);font-size:12px;letter-spacing:.1em;font-weight:700;cursor:pointer;transition:transform .22s,box-shadow .22s,background .22s}
.qp-ai-launcher:hover,.qp-ai-launcher:focus-visible{background:#2369a7;transform:translateY(-3px);box-shadow:0 15px 38px rgba(15,41,65,.33)}
.qp-ai-launcher:focus-visible,.qp-ai-panel button:focus-visible,.qp-ai-panel a:focus-visible,.qp-ai-panel input:focus-visible,.qp-ai-panel textarea:focus-visible{outline:2px solid #509ede;outline-offset:3px}
.qp-ai-symbol{position:relative;font-size:28px;font-weight:500;letter-spacing:-.07em;line-height:1}
.qp-ai-dot{position:absolute;right:1px;bottom:0;width:6px;height:6px;border-radius:50%;background:#91d8ef}
.qp-ai-panel[hidden]{display:none!important}
.qp-ai-panel{position:fixed;z-index:221;right:clamp(15px,2.5vw,42px);bottom:calc(166px + env(safe-area-inset-bottom,0px));width:min(410px,calc(100vw - 28px));height:min(584px,calc(100dvh - 188px));min-height:290px;display:flex;flex-direction:column;background:#f8fafb;color:#10253d;border:1px solid rgba(15,54,87,.13);border-radius:17px;overflow:hidden;box-shadow:0 22px 75px rgba(8,32,51,.25);animation:qpAiAppear .22s ease-out}
@keyframes qpAiAppear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.qp-ai-head{padding:18px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#154477;color:#fff}
.qp-ai-head-label{display:flex;align-items:center;gap:12px;min-width:0}
.qp-ai-heading-icon{flex:none;width:38px;height:38px;display:grid;place-items:center;background:#347eb5;border:1px solid rgba(255,255,255,.25);clip-path:polygon(50% 0%,100% 27%,100% 73%,50% 100%,0 73%,0 27%);font-size:20px}
.qp-ai-head-text{min-width:0}.qp-ai-title{font-size:15px;font-weight:700;letter-spacing:.015em}.qp-ai-subtitle{font-size:11px;line-height:1.4;color:#d4e8f5;margin-top:4px}
.qp-ai-close{width:34px;height:34px;flex:none;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;color:#fff;font-size:25px;line-height:1;cursor:pointer}
.qp-ai-messages{padding:19px 15px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;scrollbar-color:#b4c9dc transparent}
.qp-ai-message{max-width:90%;font-size:13px;line-height:1.64;white-space:pre-line;padding:13px 14px;border-radius:12px 12px 12px 2px;background:#e9f0f6;color:#10253d;overflow-wrap:anywhere;align-self:flex-start}
.qp-ai-from-user{align-self:flex-end;background:#174f83;color:#fff;border-radius:12px 12px 2px 12px}
.qp-ai-links{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.qp-ai-links a{display:inline-flex;align-items:center;max-width:100%;text-decoration:none;border:1px solid #8eb5d0;border-radius:5px;color:#154477;padding:5px 8px;background:#fff;font-size:11px;font-weight:700;line-height:1.4}.qp-ai-links a:hover{background:#d9ebf8}
.qp-ai-chips{display:flex;gap:7px;overflow-x:auto;padding:11px 13px 8px;border-top:1px solid #e3eaf0;scrollbar-width:thin}
.qp-ai-chip{white-space:nowrap;border:1px solid #bbcfdd;background:#fff;color:#174774;border-radius:30px;padding:8px 11px;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s}.qp-ai-chip:hover{background:#e8f1fa}
.qp-ai-compose{display:flex;gap:8px;padding:7px 12px 13px;align-items:center}
.qp-ai-compose input{border:1px solid #b6cbd9!important;background:#fff!important;color:#123551!important;min-width:0;flex:1;border-radius:8px!important;padding:12px!important;font-family:inherit;font-size:13px!important;height:42px;box-shadow:none!important}
.qp-ai-compose button,.qp-ai-submit{flex:none;background:#175ea1!important;color:#fff!important;border:0!important;border-radius:8px!important;cursor:pointer;font-weight:700}
.qp-ai-compose button{height:42px;width:43px;font-size:22px}.qp-ai-compose button:hover,.qp-ai-submit:hover{background:#0d467b!important}
.qp-ai-compose button:disabled,.qp-ai-submit:disabled{opacity:.55;cursor:wait}
.qp-ai-notice{color:#637c90;font-size:10px;line-height:1.5;padding:0 14px 13px}
.qp-ai-lead{display:flex;flex-direction:column;gap:10px;padding:15px;background:#fff;border:1px solid #cbdbe6;border-radius:12px}
.qp-ai-lead-title{font-size:15px;font-weight:700}.qp-ai-lead input:not([type=checkbox]),.qp-ai-lead textarea{font-family:inherit;max-width:100%;width:100%;border:1px solid #b8cbd9;border-radius:6px;padding:9px 11px;color:#10253d;background:#fff;font-size:13px}
.qp-ai-consent{display:flex;align-items:start;gap:8px;color:#465f71;line-height:1.45;font-size:11px}.qp-ai-consent input{flex:none;accent-color:#175ea1;margin-top:2px}
.qp-ai-submit{padding:11px;font-size:12px}.qp-ai-lead-status{font-size:12px;line-height:1.5;color:#154477}
@media(max-width:600px){.qp-ai-launcher{bottom:calc(84px + env(safe-area-inset-bottom,0px));right:16px;height:52px;min-width:62px}.qp-ai-panel{right:12px;bottom:calc(148px + env(safe-area-inset-bottom,0px));width:calc(100vw - 24px);height:min(540px,calc(100dvh - 168px));border-radius:15px}.qp-ai-head{padding:14px}.qp-ai-messages{padding:13px}.qp-ai-message{font-size:13px}}
@media(max-height:600px){.qp-ai-panel{bottom:calc(78px + env(safe-area-inset-bottom,0px));height:calc(100dvh - 92px)}.qp-ai-launcher{bottom:calc(10px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.qp-ai-panel{animation:none}.qp-ai-launcher,.qp-ai-chip{transition:none}}.mfb-container,
.mfb-container * {
box-sizing: border-box;
}
.mfb-container {
position: fixed !important;
z-index: 999999 !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
width: max-content;
height: max-content;
line-height: 1;
isolation: isolate;
}
@media (min-width: 769px) {
.mfb-container {
bottom: var(--mfb-offset-bottom-desktop, 28px) !important;
right: var(--mfb-offset-right-desktop, 28px) !important;
}
}
@media (max-width: 768px) {
.mfb-container {
bottom: var(--mfb-offset-bottom-mobile, 82px) !important;
right: var(--mfb-offset-right-mobile, 8px) !important;
}
}
.mfb-main-btn,
.mfb-btn {
appearance: none !important;
-webkit-appearance: none !important;
margin: 0 !important;
font: inherit !important;
text-decoration: none !important;
outline: none !important;
user-select: none !important;
-webkit-tap-highlight-color: transparent;
}
.mfb-main-btn {
width: var(--mfb-button-size-desktop, 58px) !important;
height: var(--mfb-button-size-desktop, 58px) !important;
min-width: var(--mfb-button-size-desktop, 58px) !important;
min-height: var(--mfb-button-size-desktop, 58px) !important;
border-radius: var(--mfb-button-radius, 999px) !important;
background: var(--mfb-primary-color, #003F6E) !important;
border: none !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
z-index: 3 !important;
padding: 0 !important;
overflow: visible !important;
color: var(--mfb-icon-color, #FFFFFF) !important;
box-shadow: 0 14px 38px rgba(0, 63, 110, 0.35), 0 4px 16px rgba(0, 0, 0, 0.22) !important;
transition: transform 0.24s ease, box-shadow 0.24s ease, background-color 0.24s ease !important;
}
@media (max-width: 768px) {
.mfb-main-btn {
width: var(--mfb-button-size-mobile, 58px) !important;
height: var(--mfb-button-size-mobile, 58px) !important;
min-width: var(--mfb-button-size-mobile, 58px) !important;
min-height: var(--mfb-button-size-mobile, 58px) !important;
}
}
.mfb-main-btn:hover {
transform: translateY(-2px) scale(1.04) !important;
box-shadow: 0 18px 48px rgba(0, 63, 110, 0.42), 0 6px 18px rgba(0, 0, 0, 0.28) !important;
}
.mfb-main-btn:focus-visible,
.mfb-btn:focus-visible {
outline: 3px solid rgba(255, 255, 255, 0.72) !important;
outline-offset: 3px !important;
}
.mfb-icon,
.mfb-main-custom-icon {
width: 48% !important;
height: 48% !important;
max-width: 48% !important;
max-height: 48% !important;
position: absolute !important;
inset: 0 !important;
margin: auto !important;
display: block !important;
object-fit: contain !important;
fill: var(--mfb-icon-color, #FFFFFF) !important;
transition: opacity 0.25s ease, transform 0.25s ease !important;
pointer-events: none !important;
}
.mfb-icon-comment,
.mfb-main-custom-icon {
opacity: 1 !important;
transform: rotate(0deg) scale(1) !important;
}
.mfb-icon-close {
opacity: 0 !important;
transform: rotate(-90deg) scale(0.62) !important;
}
.mfb-main-btn.active .mfb-icon-comment,
.mfb-main-btn.active .mfb-main-custom-icon,
.mfb-container.mfb-open .mfb-icon-comment,
.mfb-container.mfb-open .mfb-main-custom-icon {
opacity: 0 !important;
transform: rotate(90deg) scale(0.62) !important;
}
.mfb-main-btn.active .mfb-icon-close,
.mfb-container.mfb-open .mfb-icon-close {
opacity: 1 !important;
transform: rotate(0deg) scale(1) !important;
}
@media (min-width: 769px) {
.mfb-pulse {
position: absolute !important;
inset: 0 !important;
border-radius: inherit !important;
border: 1px solid var(--mfb-primary-color, #003F6E) !important;
animation: mfb-pulse 5s infinite !important;
opacity: 0 !important;
z-index: -1 !important;
pointer-events: none !important;
}
@keyframes mfb-pulse {
0% { transform: scale(1); opacity: 0.6; }
100% { transform: scale(1.9); opacity: 0; }
}
.mfb-main-btn.active .mfb-pulse,
.mfb-container.mfb-open .mfb-pulse {
animation-play-state: paused !important;
opacity: 0 !important;
}
}
@media (max-width: 768px) {
.mfb-pulse {
display: none !important;
}
}
.mfb-buttons-container {
position: absolute !important;
right: 0 !important;
bottom: calc(var(--mfb-button-size-desktop, 58px) + 12px) !important;
z-index: 2 !important;
display: flex !important;
flex-direction: column-reverse !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 10px !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(18px) scale(0.94) !important;
transition: opacity 0.28s ease, visibility 0.28s ease, transform 0.28s ease !important;
}
@media (max-width: 768px) {
.mfb-buttons-container {
bottom: calc(var(--mfb-button-size-mobile, 58px) + 10px) !important;
}
}
.mfb-buttons-container.active,
.mfb-container.mfb-open .mfb-buttons-container {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(0) scale(1) !important;
}
.mfb-btn {
width: var(--mfb-messenger-size-desktop, 58px) !important;
height: var(--mfb-messenger-size-desktop, 58px) !important;
min-width: var(--mfb-messenger-size-desktop, 58px) !important;
min-height: var(--mfb-messenger-size-desktop, 58px) !important;
border-radius: var(--mfb-messenger-button-radius, 999px) !important;
border: 1px solid rgba(255, 255, 255, 0.38) !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(12px) scale(0.82) !important;
transition: opacity 0.28s ease, visibility 0.28s ease, transform 0.28s ease, box-shadow 0.24s ease, background-color 0.24s ease !important;
background: rgba(255, 255, 255, 0.84) !important;
-webkit-backdrop-filter: blur(14px) saturate(135%) !important;
backdrop-filter: blur(14px) saturate(135%) !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.58) !important;
overflow: hidden !important;
}
.mfb-call {
box-shadow: 0 10px 28px rgba(29, 218, 80, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
@media (max-width: 768px) {
.mfb-btn {
width: var(--mfb-messenger-size-mobile, 52px) !important;
height: var(--mfb-messenger-size-mobile, 52px) !important;
min-width: var(--mfb-messenger-size-mobile, 52px) !important;
min-height: var(--mfb-messenger-size-mobile, 52px) !important;
}
}
.mfb-buttons-container.active .mfb-btn,
.mfb-container.mfb-open .mfb-btn {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) scale(1) !important;
}
.mfb-btn:nth-child(1) { transition-delay: 0.04s !important; }
.mfb-btn:nth-child(2) { transition-delay: 0.08s !important; }
.mfb-btn:nth-child(3) { transition-delay: 0.12s !important; }
.mfb-btn:nth-child(4) { transition-delay: 0.16s !important; }
.mfb-btn:hover {
transform: translateY(-3px) scale(1.06) !important;
box-shadow: 0 16px 38px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
.mfb-btn img {
width: var(--mfb-messenger-icon-scale, 82%) !important;
height: var(--mfb-messenger-icon-scale, 82%) !important;
max-width: var(--mfb-messenger-icon-scale, 82%) !important;
max-height: var(--mfb-messenger-icon-scale, 82%) !important;
min-width: 0 !important;
min-height: 0 !important;
display: block !important;
object-fit: contain !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
box-shadow: none !important;
filter: none !important;
transition: transform 0.24s ease, filter 0.24s ease !important;
}
.mfb-call img {
width: min(var(--mfb-messenger-icon-scale, 82%), 90%) !important;
height: min(var(--mfb-messenger-icon-scale, 82%), 90%) !important;
max-width: 90% !important;
max-height: 90% !important;
}
.mfb-btn:hover img {
transform: scale(1.05) !important;
filter: brightness(1.08) !important;
}
.mfb-tooltip {
position: absolute !important;
right: calc(100% + 12px) !important;
top: 50% !important;
transform: translateY(-50%) translateX(8px) !important;
background: rgba(15, 23, 42, 0.92) !important;
color: #ffffff !important;
padding: 8px 13px !important;
border-radius: 12px !important;
font-size: 14px !important;
font-weight: 500 !important;
white-space: nowrap !important;
opacity: 0 !important;
visibility: hidden !important;
transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease !important;
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
pointer-events: none !important;
z-index: 4 !important;
box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
}
.mfb-tooltip:after {
content: '' !important;
position: absolute !important;
top: 50% !important;
left: 100% !important;
transform: translateY(-50%) !important;
border: 6px solid transparent !important;
border-left-color: rgba(15, 23, 42, 0.92) !important;
}
.mfb-main-btn:hover .mfb-tooltip {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(-50%) translateX(0) !important;
}
@media (max-width: 768px) {
.mfb-tooltip {
display: none !important;
}
}