@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--blue:#1587f9;--deep:#082747;--ink:#15263a;--muted:#61758a;--pale:#f3f8ff;--line:#dce7f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(3rem,6.5vw,6.8rem);font-weight:800}h2{font-size:clamp(2rem,3.8vw,3.9rem)}h3{font-size:1.25rem}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1240px,calc(100% - 56px));margin:auto}.header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{width:49px;height:49px;display:grid;place-items:center;background:var(--deep);border-radius:13px;overflow:hidden}.brand-mark img{width:46px;height:46px;object-fit:contain}.brand-word{font:800 1.25rem Manrope,sans-serif;letter-spacing:-.065em}.brand-word span{color:var(--blue)}.navlinks{display:flex;align-items:center;gap:26px}.navlinks>a{font-size:.85rem;font-weight:700}.navlinks>a:hover,.navlinks .active{color:var(--blue)}.navlinks .nav-cta{background:var(--blue);padding:13px 18px;color:white;border-radius:8px}.menu-toggle{display:none;background:none;border:0;font-size:26px}.skip{position:absolute;top:-50px}.skip:focus{top:10px;z-index:50;background:white;padding:10px}.hero{background:linear-gradient(125deg,#0878ee,#1587f9 54%,#48a6ff);color:white;position:relative;overflow:hidden}.hero-layout{min-height:660px;display:grid;grid-template-columns:1.07fr .93fr;gap:70px;align-items:center;padding:88px 0}.hero-copy,.hero-art{position:relative;z-index:1}.hero h1{font-size:clamp(3.1rem,5.5vw,6rem);margin:23px 0}.hero h1 em{font-style:normal;color:#d8ecff}.hero-copy>p{font-size:1.14rem;max-width:600px;color:#e5f3ff}.eyebrow{display:block;color:var(--blue);font-size:.72rem;letter-spacing:.16em;font-weight:800;margin-bottom:20px}.eyebrow.light{color:#d4edff}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 22px;border-radius:8px;font-weight:800;font-size:.88rem;transition:transform .2s,box-shadow .2s;border:1px solid transparent;cursor:pointer;font-family:inherit}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #001c3930}.btn.white{background:#fff;color:var(--deep)}.btn.outline{border-color:#ffffff90;color:white}.btn.blue{background:var(--blue);color:#fff}.btn.ghost{border-color:var(--line);color:var(--ink)}.hero-mini{display:flex;flex-wrap:wrap;gap:25px;font-size:.67rem;font-weight:800;letter-spacing:.13em;margin-top:55px;color:#cfe9ff}.hero-art{border:1px solid #ffffff80;border-radius:18px;background:#ffffff1f;padding:14px;box-shadow:0 30px 70px #00428750;transform:rotate(2deg)}.hero-art-top,.hero-art-bottom{display:flex;justify-content:space-between;padding:12px 7px;font-size:.76rem;letter-spacing:.07em}.hero-art img{height:360px;width:100%;object-fit:cover;object-position:top;border-radius:9px}.hero-art-bottom{align-items:center;letter-spacing:0}.hero-shape{position:absolute;width:500px;height:500px;border:1px solid #ffffff35;border-radius:50%;right:-240px;top:-180px}.section{padding:105px 0}.section.pale{background:var(--pale)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-top h2{max-width:670px;margin-bottom:0}.section-top p{max-width:330px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{padding:34px;border:1px solid var(--line);border-radius:14px;background:#fff;min-height:255px;transition:.2s}.service-card:hover{border-color:var(--blue);transform:translateY(-5px);box-shadow:0 18px 36px #072f5d12}.service-number{font-size:.8rem;color:var(--blue);font-weight:800}.service-card h3{margin:32px 0 14px}.service-card p{color:var(--muted);font-size:.92rem}.service-link,.text-link{font-weight:800;color:var(--blue);font-size:.9rem}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.project-card{display:block}.project-img{height:300px;background:#e8f1fb;border-radius:13px;overflow:hidden;position:relative}.project-img img{height:100%;width:100%;object-fit:cover;object-position:top;transition:transform .5s}.project-card:hover img{transform:scale(1.045)}.view{position:absolute;bottom:15px;left:15px;background:white;padding:10px 13px;border-radius:6px;font-size:.8rem;font-weight:800}.project-meta{display:flex;justify-content:space-between;gap:15px;padding:19px 2px}.project-meta h3{margin:0 0 5px;font-size:1.05rem}.project-meta span{font-size:.82rem;color:var(--muted)}.project-meta .arrow{font-size:1.5rem;color:var(--blue)}.center{text-align:center;margin-top:45px}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.lead{font-size:1.28rem;line-height:1.6}.split p:not(.lead){color:var(--muted)}.steps{margin-top:35px;border-top:1px solid var(--line)}.steps p{padding:16px 0;border-bottom:1px solid var(--line)}.steps b{color:var(--ink);margin-right:12px}.blue-text{color:var(--blue)}.cta{background:var(--blue);color:white;padding:75px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0}.cta p{margin:10px 0 0}.page-hero{padding:95px 0 105px;background:linear-gradient(130deg,#f0f7ff,#fff)}.page-hero h1{max-width:950px;margin:0 0 24px}.page-hero p{font-size:1.2rem;max-width:680px;color:var(--muted)}.page-hero .btn{margin-top:12px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filter{padding:11px 18px;border:1px solid var(--line);background:white;border-radius:30px;font:700 .85rem 'DM Sans';cursor:pointer}.filter.active,.filter:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.note{font-size:.82rem;color:var(--muted);margin-top:25px}.back{display:block;color:var(--blue);font-weight:800;margin-bottom:38px}.case-layout{display:grid;grid-template-columns:310px 1fr;gap:60px;align-items:start}.case-info{position:sticky;top:115px}.case-info p{color:var(--muted)}.case-info a{overflow-wrap:anywhere;color:var(--blue)}.case-image{border-radius:14px;overflow:hidden;box-shadow:0 22px 60px #05274d18;background:white}.case-image img{width:100%;height:auto;display:block}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.insight{border:1px solid var(--line);padding:35px;border-radius:14px}.insight span{color:var(--blue);font-size:.75rem;font-weight:800;letter-spacing:.1em}.insight h2{font-size:1.65rem;margin:25px 0}.insight p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-detail{border-top:1px solid var(--line);padding:20px 0}.contact-detail span{display:block;font-size:.75rem;color:var(--muted);font-weight:800}.contact-detail a{font-size:1.4rem;font-weight:800}.contact-form{background:var(--pale);border-radius:15px;padding:35px;display:grid;gap:16px}.contact-form label{display:grid;gap:6px;font-size:.83rem;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px 14px;border:1px solid #cbdcec;border-radius:7px;background:white;font:inherit}.contact-form small{color:var(--muted)}.footer{background:#071e35;color:white;padding-top:75px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr 1fr;gap:40px}.footer-grid p{color:#9cb5ca;max-width:280px}.footer-grid h3{font-size:.85rem;letter-spacing:.06em}.footer-grid>div>a:not(.brand){display:block;color:#b8cee1;font-size:.87rem;margin-bottom:11px}.footer .brand-word{color:white}.foot-bottom{border-top:1px solid #ffffff25;margin-top:65px;padding:23px 0;display:flex;justify-content:space-between;color:#9cb5ca;font-size:.8rem}@media(max-width:1000px){.navlinks{gap:12px}.navlinks>a{font-size:.75rem}.hero-layout{gap:30px}.projects-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.split{gap:35px}}@media(max-width:700px){.wrap{width:min(100% - 36px,1240px)}.nav{height:74px}.brand-word{font-size:1.1rem}.menu-toggle{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:74px;background:white;padding:24px;box-shadow:0 20px 30px #0001;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks>a{font-size:1rem;padding:7px}.hero-layout{grid-template-columns:1fr;padding:65px 0;gap:45px}.hero h1{font-size:clamp(2.8rem,11vw,4.5rem)}.hero-art{transform:none}.hero-art img{height:250px}.hero-mini{margin-top:30px}.section{padding:65px 0}.section-top{display:block}.section-top p{margin-top:18px}.projects-grid,.service-grid,.split,.contact-grid,.insight-grid,.case-layout{grid-template-columns:1fr}.project-img{height:270px}.case-info{position:static}.cta-inner{display:block}.cta-inner .btn{margin-top:25px}.page-hero{padding:65px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.foot-bottom{display:block}.contact-form{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* NIKO monogram: transparent mark with the original suited gentleman as I */
.brand-mark,.brand-word{display:none!important}.niko-sign{display:inline-flex;align-items:center;gap:0;color:#091931;font:900 2.15rem/1 Manrope,Arial,sans-serif;letter-spacing:-.09em;height:62px}.niko-sign img{height:54px;width:23px;object-fit:contain;align-self:center;margin:0 -1px 0 0}.niko-sign span:last-child{letter-spacing:-.085em}.footer-name{font:800 1.5rem Manrope,sans-serif;color:white!important;margin-bottom:14px}.header .brand{background:none!important;border:0!important}
.hero-copy,.hero-art{will-change:transform}.hero-art{transition:box-shadow .25s ease}.hero-art:hover{box-shadow:0 38px 85px #00428765}.hero-slider{position:relative}.hero-slides{height:360px;position:relative;overflow:hidden;border-radius:9px;background:#e7f2ff}.hero-slide{position:absolute;inset:0;display:block;opacity:0;transform:translateX(22px) scale(1.035);transition:opacity .75s ease,transform .9s cubic-bezier(.2,.7,.2,1);pointer-events:none}.hero-slide.is-active{opacity:1;transform:translateX(0) scale(1);pointer-events:auto;z-index:1}.hero-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.hero-slide-controls{position:absolute;z-index:3;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#092c54bb;backdrop-filter:blur(10px);border-radius:100px;padding:6px 10px}.hero-slide-controls button{border:0;background:transparent;color:#fff;cursor:pointer}.slide-prev,.slide-next{font-size:25px;line-height:20px;width:25px;height:26px}.slide-dots{display:flex;gap:7px}.slide-dot{width:7px;height:7px;border-radius:20px;background:#ffffff77!important;padding:0;transition:width .3s,background .3s}.slide-dot.is-active{width:22px;background:white!important}.hero-art-top{align-items:center}.hero-project-name{font-weight:800}.hero-art-bottom{gap:10px}
@media(max-width:700px){.niko-sign{font-size:1.85rem;height:50px}.niko-sign img{height:45px;width:20px}.hero-slides{height:250px}.hero-art{transform:none!important}.hero-copy{transform:none!important}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none!important}}

/* Niko Impressions official supplied logo: no artificial background */
.header .brand{display:flex;align-items:center;flex-shrink:0;background:transparent!important;padding:0!important;min-width:154px}
.header .brand-logo{display:block;width:158px;height:78px;object-fit:contain;object-position:center;background:transparent!important;filter:none!important}
@media(max-width:700px){.header .brand-logo{width:126px;height:65px}.header .brand{min-width:126px}}
