:root{--night:#08192a;--navy:#102c4d;--accent:#80eaff;--paper:#f3f8fe;--text:#102b4c;--line:rgba(32,111,160,.16)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body.maki-services{margin:0;background:var(--paper);color:var(--text);font-family:'Manrope','DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}a:focus-visible{outline:3px solid #3b9bc9;outline-offset:5px}::selection{background:#6ed7ed;color:#071728}.wrap{width:min(1220px,calc(100% - 80px));margin-inline:auto}.top{min-height:90px;display:flex;align-items:center;gap:40px;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.top .brand{font-size:25px;font-weight:800;letter-spacing:-.07em;text-decoration:none;color:#10345d}.brand span{color:#2798d0}.nav-label{font-size:9px;letter-spacing:.3em;font-weight:800;color:#477b9e;margin-right:auto}.menu{display:flex;align-items:center;gap:28px}.menu a{text-decoration:none;font-size:12px;font-weight:700;transition:color .25s}.menu a:hover{color:#278ec3}
.hero{position:relative;isolation:isolate;min-height:590px;background:linear-gradient(115deg,#edf7ff 0%,#d8e9f7 55%,#39749f 100%);overflow:hidden;display:flex;align-items:center}.hero-ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 79% 12%,#8ceaff66,transparent 38%),linear-gradient(115deg,transparent 47%,#ffffff3b 47.15%,transparent 47.4%);z-index:-1}.hero .hero-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);align-items:center;min-height:inherit;gap:55px;position:relative;padding-top:55px;padding-bottom:68px}.hero .eyebrow{font-size:11px;letter-spacing:.23em;font-weight:800;color:#0879aa;text-transform:uppercase;max-width:620px}.hero h1{font-size:clamp(54px,6.7vw,105px);letter-spacing:-.085em;line-height:1.03;margin:25px 0 28px;max-width:780px;text-wrap:balance;color:#102e52;font-weight:800}.hero p{font-size:clamp(16px,1.42vw,20px);line-height:1.8;max-width:620px;color:#264c70;margin:0 0 30px}.hero-visual{width:100%;aspect-ratio:4/4.1;max-height:530px;position:relative;border-radius:clamp(20px,3vw,40px);overflow:hidden;box-shadow:0 35px 85px #0b427040;border:1px solid #ffffff99;transform:rotate(2deg)}.hero-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0e2c4300 45%,#071b36bc),linear-gradient(145deg,#9cebff33,transparent 60%)}.hero-visual-image{width:100%;height:100%;background-image:var(--hero-photo,url('/assets/showcase/lansman.png'));background-size:cover;background-position:center;transform:scale(1.04);animation:heroPan 14s ease-in-out infinite alternate}.hero-visual-index{position:absolute;left:9%;bottom:5%;font-size:clamp(110px,15vw,230px);line-height:1;font-weight:800;letter-spacing:-.12em;color:#ffffff45;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:15px 27px;background:#103e69;color:#fff!important;text-decoration:none!important;font-weight:800;letter-spacing:.05em;font-size:12px;border:1px solid transparent;border-radius:100px;box-shadow:0 14px 26px #083b5b2c;transition:background .3s,transform .3s,box-shadow .3s}.btn:hover{background:#087fa9;transform:translateY(-3px);box-shadow:0 18px 30px #083b5b40}
.content{padding-top:100px;padding-bottom:110px}.content h2{font-size:clamp(32px,4vw,57px);letter-spacing:-.065em;line-height:1.13;margin:13px 0 35px}.content .eyebrow,.service-cta .eyebrow{font-size:11px;color:#1589bc;letter-spacing:.21em;font-weight:800;text-transform:uppercase}.section{margin-top:100px;position:relative}.lead{font-size:17px;line-height:2;color:#496985;max-width:860px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{position:relative;display:flex;flex-direction:column;gap:18px;min-height:190px;padding:34px;background:white;border:1px solid #d5e4f2;border-radius:22px;box-shadow:0 12px 30px #1445660a;line-height:1.7;color:#53708b;font-size:14px;transition:transform .45s cubic-bezier(.17,.8,.2,1),box-shadow .45s,border-color .45s}.card:hover{transform:translateY(-7px);box-shadow:0 26px 60px #14456620;border-color:#6cc4e2}.card strong{font-size:19px;line-height:1.35;color:#0e3055}.card-number{font-size:11px;font-weight:800;letter-spacing:.12em;color:#1c98cd}.links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.links:not(.service-grid) a{display:flex;align-items:center;min-height:90px;border:1px solid #cadfee;background:#fff;padding:25px;border-radius:16px;font-weight:800;text-decoration:none;transition:transform .3s,border-color .3s}.links:not(.service-grid) a:hover{transform:translateX(6px);border-color:#40a5c8}
.service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.service-tile{grid-column:span 2;min-height:315px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:13px;padding:30px!important;border-radius:25px!important;overflow:hidden;text-decoration:none;color:white!important;isolation:isolate;background:#102946;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.service-tile:nth-child(4),.service-tile:nth-child(5){grid-column:span 3}.service-tile::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--tile-photo);background-size:cover;background-position:center;transition:transform .8s}.service-tile::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07172c26,#07172ce9 90%)}.service-tile:hover{transform:translateY(-6px);box-shadow:0 25px 52px #0a2c4b35}.service-tile:hover::before{transform:scale(1.09)}.tile-number{margin-bottom:auto;font-size:12px;letter-spacing:.2em;color:#91edff;font-weight:800}.service-tile strong{font-size:clamp(21px,2.3vw,32px);line-height:1.15;letter-spacing:-.04em}.tile-desc{font-size:13px;line-height:1.7;color:#d9eaf8;max-width:400px}.tile-arrow{position:absolute;right:25px;top:22px;font-size:25px}.featured-project{border:1px solid #cce0ef;background:white;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:minmax(220px,40%) 1fr;align-items:center;gap:35px;text-decoration:none;box-shadow:0 15px 40px #133f6111;transition:transform .3s}.featured-project:hover{transform:translateY(-5px)}.featured-project img{width:100%;aspect-ratio:16/10;object-fit:cover}.featured-project span{display:flex;flex-direction:column;gap:15px;padding-right:25px}.featured-project strong{font-size:28px;letter-spacing:-.04em}.featured-project small{font-size:13px;line-height:1.7;color:#57718b}
.service-cta{background:#0a2441;color:white;position:relative;isolation:isolate;overflow:hidden;padding:100px 0}.cta-ambient{position:absolute;z-index:-1;right:-14%;top:-90%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#238eb66a,transparent 63%)}.service-cta .eyebrow{color:#78dbf6}.service-cta h2{font-size:clamp(42px,6vw,85px);letter-spacing:-.08em;margin:15px 0}.service-cta p{max-width:620px;color:#bed5e9;font-size:17px;line-height:1.9}.service-cta .btn{background:#a4f2ff;color:#0a2a45!important;margin-top:20px}.service-cta .btn:hover{background:white}footer{background:#071d32;color:#aec4d9;padding:35px 0;font-size:12px}footer a{color:inherit}.maki-reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s cubic-bezier(.22,.7,.19,1)}.maki-reveal.is-visible{opacity:1;transform:none}@keyframes heroPan{to{transform:scale(1.13) translate(-1%,-1%)}}

.visual-showcase{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;align-items:stretch}.showcase-main,.showcase-side article{position:relative;overflow:hidden;border-radius:28px;border:1px solid #d2e4f0;background:#0a223b;box-shadow:0 18px 44px #123d5f16}.showcase-main img,.showcase-side img{width:100%;height:100%;object-fit:cover;display:block}.showcase-main{min-height:520px}.showcase-side{display:grid;grid-template-rows:1fr 1fr;gap:24px}.showcase-side article{min-height:248px}.showcase-overlay{position:absolute;inset:auto 0 0 0;padding:28px;background:linear-gradient(180deg,rgba(7,23,44,.02),rgba(7,23,44,.92) 72%);color:#fff}.showcase-overlay strong{display:block;font-size:29px;letter-spacing:-.05em;line-height:1.12;margin-bottom:10px}.showcase-overlay span{display:block;font-size:14px;line-height:1.7;color:#d8e8f7;max-width:580px}.showcase-tag{position:absolute;left:24px;top:22px;z-index:2;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(255,255,255,.18)}.showcase-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.showcase-point{border:1px solid #d7e7f2;background:#fff;border-radius:18px;padding:20px 18px;box-shadow:0 10px 28px #0f35520a}.showcase-point strong{display:block;font-size:15px;color:#112f51;line-height:1.4;margin-bottom:8px}.showcase-point span{font-size:13px;color:#5a748d;line-height:1.7}.service-gallery-note{font-size:15px;line-height:1.9;color:#486885;max-width:930px;margin:0 0 22px}.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.proof-item{padding:24px;border-radius:20px;border:1px solid #d7e6f1;background:linear-gradient(180deg,#fff,#f5fbff);box-shadow:0 10px 25px #123d5f0d}.proof-item strong{display:block;font-size:16px;color:#0e3055;line-height:1.4;margin-bottom:8px}.proof-item span{display:block;font-size:13px;line-height:1.8;color:#58738d}
@media(max-width:900px){.visual-showcase{grid-template-columns:1fr}.showcase-main{min-height:420px}.showcase-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.showcase-side article{min-height:220px}.showcase-points,.proof-grid{grid-template-columns:1fr 1fr}.nav-label{display:none}.hero .hero-layout{gap:25px;grid-template-columns:1.1fr .9fr}.hero h1{font-size:clamp(44px,6vw,72px)}.wrap{width:min(1220px,calc(100% - 42px))}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-tile,.service-tile:nth-child(4),.service-tile:nth-child(5){grid-column:span 1}}
@media(max-width:650px){.visual-showcase{gap:18px}.showcase-main{min-height:320px}.showcase-side{grid-template-columns:1fr}.showcase-side article{min-height:190px}.showcase-overlay{padding:20px}.showcase-overlay strong{font-size:23px}.showcase-points,.proof-grid{grid-template-columns:1fr}.service-gallery-note{font-size:14px}.wrap{width:calc(100% - 34px)}.top{min-height:75px;gap:10px;flex-wrap:wrap}.top .brand{font-size:21px}.menu{gap:12px}.menu a{font-size:10px}.menu a:nth-child(3){display:none}.hero{min-height:auto}.hero .hero-layout{grid-template-columns:1fr;padding-top:68px;padding-bottom:48px;gap:35px}.hero h1{font-size:clamp(47px,11vw,76px);margin:18px 0 22px}.hero p{font-size:15px}.hero-visual{aspect-ratio:16/10;max-height:300px;transform:none;border-radius:20px}.hero-visual-index{font-size:120px}.content{padding-top:65px;padding-bottom:75px}.content h2{font-size:35px}.cards,.links,.service-grid{grid-template-columns:1fr}.service-tile,.service-tile:nth-child(4),.service-tile:nth-child(5){grid-column:span 1;min-height:300px}.card{padding:25px;min-height:155px}.section{margin-top:72px}.featured-project{grid-template-columns:1fr;gap:0}.featured-project span{padding:20px}.service-cta{padding:70px 0}.service-cta h2{font-size:50px}.lead{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.maki-reveal{opacity:1;transform:none}}