@font-face{font-family:Manrope;src:url('../fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--ink:#151c22;--muted:#7e8995;--paper:#fafbfb;--blue:#8956f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Century Gothic','Avenir Next',sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:calc(100% - 100px);max-width:1280px;margin-inline:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-70px;left:20px;padding:12px;background:#fff;z-index:100}.skip-link:focus{top:10px}.hero{position:relative;min-height:550px;overflow:hidden;background:#e4ebee}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,250,250,.99) 0%,rgba(244,247,248,.94) 31%,rgba(229,237,241,.57) 53%,rgba(144,169,184,.05) 100%),url('../images/hero-glass.jpg') center 47%/cover;filter:saturate(.85)}.header{position:relative;z-index:5;height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;width:158px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.header nav{display:flex;align-items:center;gap:28px;font-size:14px}.header nav>a:not(.button){color:#58616a;transition:color .2s}.header nav>a:not(.button):hover,.header nav>a:not(.button).active{color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:51px;padding:13px 25px;border:0;border-radius:100px;font-size:14px;font-weight:650;line-height:1.3;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}.button svg{width:20px;height:20px;flex-shrink:0}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#2b3944;box-shadow:0 7px 20px #16212b18}.button-light{background:white;color:var(--ink)}.button-text{padding-inline:5px;background:transparent}.nav-cta{min-height:40px;padding:10px 19px;gap:15px;font-size:13px;margin-left:6px}.hero-content{position:relative;padding-top:69px;padding-bottom:48px}.eyebrow{display:flex;align-items:center;gap:16px;text-transform:uppercase;font-size:14px;font-weight:600;letter-spacing:.02em;margin:0 0 17px}.eyebrow span{width:80px;height:1px;background:#9ba7b2}.hero .eyebrow{margin-bottom:31px}.hero .eyebrow span{width:116px}h1,h2,h3,p{margin-top:0}h1{font-size:64px;line-height:.94;letter-spacing:-2.8px;font-weight:750;margin-bottom:26px}h1 span,h2 span{color:var(--muted)}h1 span{display:inline-block;margin-top:0}h2{font-weight:750;font-size:34px;line-height:1.13;letter-spacing:-1.25px;margin-bottom:0}.hero-description{max-width:390px;font-size:15px;line-height:1.5;margin-bottom:29px}.hero-actions{display:flex;gap:25px;align-items:center}.glass-card{position:absolute;right:max(4.25%,calc((100% - 1280px)/2));bottom:15px;width:281px;min-height:105px;display:flex;align-items:flex-end;padding:20px 23px;gap:16px;border:1px solid #ffffffad;border-radius:15px;background:linear-gradient(115deg,#e5eef03b,#6a829044);box-shadow:inset 0 0 0 1px #ffffff22;backdrop-filter:blur(13px);color:white}.glass-card>span{font-size:14px;line-height:1.5;text-transform:uppercase}.glass-card i{flex:1;height:1px;background:#ffffff8a;margin-bottom:9px}.glass-card img{width:50px;height:auto;filter:brightness(0) invert(1);margin-bottom:5px}.services{padding-top:44px}.services .eyebrow{margin-bottom:10px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:37px}.section-intro{max-width:390px;font-size:15px;line-height:1.5;margin:0 0 4px;scroll-margin-top:55px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-inline:-14px}.service-card{display:flex;flex-direction:column;align-items:flex-start;min-height:238px;background:linear-gradient(125deg,#f0f4f5,#f3f6f7);border:1px solid #eef2f3;border-radius:17px;padding:25px 23px 20px;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #28394a08}.service-icon{width:30px;height:30px;margin-bottom:22px;stroke-width:1.8}.service-card h3{font-size:16px;line-height:1.35;letter-spacing:-.5px;margin-bottom:10px;font-weight:750}.service-card p{font-size:13px;line-height:1.5;margin-bottom:15px}.round-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:white;margin-top:auto;transition:background .2s,transform .2s}.round-button:hover{background:#dce7ed;transform:translateX(3px)}.round-button svg{width:21px;height:21px}.portfolio{padding-top:46px;padding-bottom:28px;display:grid;grid-template-columns:38% 60%;gap:2%;align-items:center}.portfolio-intro{padding-right:15px}.portfolio-intro h2{font-size:36px;line-height:1.08;margin-bottom:22px}.portfolio-intro>p:not(.eyebrow){font-size:15px;line-height:1.5;max-width:335px;margin-bottom:26px}.project-card{position:relative;display:block;overflow:hidden;width:100%;height:300px;border:0;border-radius:15px;padding:0;text-align:left;color:white;background:#476170}.project-card>img{height:100%;width:100%;object-fit:cover;object-position:center 15%;filter:saturate(.85) brightness(.8);transition:transform .7s}.project-card:hover>img{transform:scale(1.035)}.project-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b151de8,transparent 60%)}.project-count{position:absolute;z-index:1;top:23px;right:24px;font-size:14px}.project-count>span{opacity:.7}.project-caption{position:absolute;z-index:1;bottom:22px;left:25px;right:75px;display:flex;flex-direction:column;gap:5px}.project-caption strong{font-size:18px;font-weight:650}.project-caption>span{font-size:13px}.project-caption b{margin:0 6px;font-weight:400}.project-caption .project-type{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#d2dce2}.project-card .outline{position:absolute;z-index:1;bottom:25px;right:24px;background:transparent;border:1.5px solid white;width:43px;height:43px}.contact{border-radius:34px 34px 0 0;background:radial-gradient(ellipse at 80% 110%,#1e2b35 0,transparent 65%),#151c22;color:#fff}.contact-inner{display:flex;justify-content:space-between;gap:40px;padding-top:53px;padding-bottom:48px}.contact h2{font-size:36px;line-height:1.15}.contact h2 span{color:#8895a0}.contact .eyebrow{margin-bottom:13px}.contact-action{width:285px;flex-shrink:0}.contact-action p{font-size:15px;line-height:1.5;margin-bottom:19px}.contact .button{min-height:49px}.menu-toggle{display:none}dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:1px solid #e2e8ec;border-radius:22px;padding:38px;color:var(--ink);background:var(--paper);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#15212bb0;backdrop-filter:blur(5px)}dialog h2{font-size:30px;margin-bottom:20px}dialog>p:not(.eyebrow),dialog li{font-size:14px;color:#52616d}dialog ul{padding-left:20px;margin:20px 0 28px}dialog li{margin-bottom:9px}.dialog-close{position:absolute;right:13px;top:9px;border:0;background:transparent;font-size:30px;color:#687681;padding:0 7px}dialog .eyebrow{font-size:10px;margin-top:9px}dialog .eyebrow span{width:40px}form{display:grid;gap:15px}form label{display:grid;gap:6px;font-size:13px;font-weight:600}input,textarea{width:100%;border:1px solid #d3dce2;background:white;border-radius:9px;padding:11px 13px;color:var(--ink);font-size:14px}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid #8956f7;outline-offset:2px}.form-note{font-size:12px;color:#65717c;margin:0}#form-status{font-size:13px;margin:0;color:#275e48}body.modal-open{overflow:hidden}
@media(min-width:1200px){.hero{min-height:650px}.hero-content{padding-top:85px;padding-bottom:85px}h1{font-size:76px}.hero-description{max-width:455px;font-size:17px}.header{height:103px}.brand{width:183px}.header nav{font-size:15px;gap:32px}.glass-card{bottom:20px;width:320px;padding:23px 26px}.glass-card>span{font-size:15px}.services{padding-top:54px}.section-heading{margin-bottom:42px}h2{font-size:39px}.section-intro{font-size:17px;max-width:470px}.service-card{min-height:260px;padding:28px 25px 23px}.service-card h3{font-size:18px}.service-card p{font-size:15px}.portfolio{padding-top:53px;padding-bottom:34px}.portfolio-intro h2{font-size:45px}.portfolio-intro>p:not(.eyebrow){font-size:17px;max-width:375px}.project-card{height:350px}.contact-inner{padding-block:60px}.contact h2{font-size:42px}.contact-action{width:325px}.contact-action p{font-size:17px}}
@media(min-width:1500px){.hero-photo{background-position:center 44%}.hero-content{padding-top:100px}.hero{min-height:700px}}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}.header nav{gap:18px;font-size:12px}.brand{width:135px}.nav-cta{font-size:12px;padding:10px 14px;gap:10px}.hero-content{padding-top:65px}h1{font-size:58px}.hero-description{max-width:360px}.glass-card{width:240px;padding:17px;right:28px}.section-heading{gap:28px}.section-intro{max-width:320px;font-size:14px}h2{font-size:29px}.service-grid{grid-template-columns:repeat(2,1fr);margin-inline:0;gap:16px}.service-card{min-height:235px;padding:25px}.service-card h3{font-size:18px}.service-card p{font-size:15px;max-width:300px}.portfolio{grid-template-columns:40% 57%;gap:3%}.portfolio-intro h2{font-size:32px}.project-caption strong{font-size:16px}.project-caption>span{font-size:11px}.contact h2{font-size:30px}.contact-action{width:250px}.contact-inner{gap:25px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.header{height:78px}.brand{width:137px}.menu-toggle{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:42px;height:42px;background:#ffffffa8;border:1px solid #ffffffa0;border-radius:50%}.menu-toggle span{height:1.5px;background:var(--ink);width:18px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.header nav{display:none;position:absolute;left:0;right:0;top:70px;padding:22px;background:#f9fbfcfa;border:1px solid #e0e7eb;box-shadow:0 15px 30px #19263316;border-radius:17px;align-items:stretch;gap:0;font-size:15px}.header nav.open{display:flex;flex-direction:column}.header nav>a:not(.button){padding:10px 5px}.nav-cta{margin:12px 0 0;font-size:14px}.hero{min-height:695px}.hero-photo{background-image:linear-gradient(100deg,#f7f9faf5 0%,#f0f5f8df 44%,#e6edf269 100%),url('../images/hero-glass.jpg');background-position:center,62% center}.hero-content{padding-top:55px;padding-bottom:165px}.eyebrow{font-size:12px;gap:13px}.hero .eyebrow{margin-bottom:26px}.hero .eyebrow span{width:67px}h1{font-size:clamp(42px,10.5vw,65px);letter-spacing:-2px;line-height:1.04;margin-bottom:25px}.hero-description{font-size:15px;max-width:350px}.hero-actions{gap:17px;flex-wrap:wrap}.button{font-size:13px;gap:17px;padding:13px 21px}.button-text{padding-inline:0}.glass-card{width:235px;right:20px;bottom:24px;min-height:94px;background:linear-gradient(115deg,#cbd9e194,#5c76878c)}.glass-card>span{font-size:12px}.services{padding-top:38px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:31px}.section-intro{max-width:100%;margin-top:22px;font-size:14px}.service-grid{gap:12px}.service-card{padding:21px 17px;min-height:254px;border-radius:14px}.service-icon{width:27px;height:27px;margin-bottom:20px}.service-card h3{font-size:15px;letter-spacing:-.4px}.service-card p{font-size:13px;line-height:1.5}.round-button{height:35px;width:35px}.portfolio{display:block;padding-top:41px;padding-bottom:27px}.portfolio-intro{padding:0}.portfolio-intro h2{font-size:36px}.portfolio-intro>p:not(.eyebrow){max-width:350px}.portfolio-intro .button{margin-bottom:26px}.project-card{height:285px}.project-caption{left:21px;bottom:22px}.project-caption strong{font-size:17px}.project-caption>span{font-size:12px}.contact{border-radius:26px 26px 0 0}.contact-inner{display:block;padding-block:38px}.contact h2{font-size:clamp(26px,6.7vw,36px);letter-spacing:-1px}.contact-action{width:auto;margin-top:25px;max-width:320px}.contact-action p{font-size:14px}.contact .eyebrow{font-size:12px}dialog{padding:31px 23px}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}