:root{--ink:#173d76;--blue:#25549b;--sky:#75ccec;--pale:#eaf7fc;--white:#fff;--navy:#0c2857;--muted:#526880;--line:#c8dfeb;--sand:#f4f5f1;--sans:'Manrope',Arial,sans-serif;--display:'Plus Jakarta Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font:400 15px/1.65 var(--sans)}a{color:inherit;text-decoration:none}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(23px,5.3vw,85px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:block}.brand img{display:block;width:205px;height:auto}.nav-links{display:flex;align-items:center;gap:27px;font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.nav-links>a:not(.nav-button){padding:7px 0;border-bottom:1px solid transparent}.nav-links>a:not(.nav-button):hover,.nav-links .active{border-color:var(--ink)}.nav-button{background:var(--ink);color:#fff;padding:12px 15px;transition:.2s}.nav-button:hover{background:var(--sky);color:var(--navy)}.nav-button span,.button span,.text-link span{margin-left:8px}.menu-toggle{display:none;background:none;border:0}.menu-toggle i{display:block;width:24px;height:1px;background:var(--ink);margin:6px}.section-pad{padding-left:clamp(23px,7vw,112px);padding-right:clamp(23px,7vw,112px)}.eyebrow{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#5c7895;margin:0 0 19px}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:.95fr 1.05fr;overflow:hidden;padding-top:0;padding-bottom:0}.hero-copy{padding-top:clamp(75px,11vw,170px);padding-bottom:clamp(75px,11vw,170px);padding-right:clamp(23px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.hero-copy .eyebrow span{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--sky);margin-right:8px}.hero h1,h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:700;line-height:.94;letter-spacing:-.07em}h1{font-size:clamp(58px,7.6vw,117px);margin:0 0 29px}h1 em,h2 em{font-style:normal;color:#4caed8}.hero-copy>p:not(.eyebrow){max-width:390px;color:var(--muted);margin-bottom:34px}.hero-actions{display:flex;align-items:center;gap:29px}.button{display:inline-block;border:1px solid;padding:14px 16px;font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.2s}.button.primary{background:var(--ink);border-color:var(--ink);color:#fff}.button.primary:hover{background:var(--sky);border-color:var(--sky);color:var(--navy)}.button.outline:hover{background:var(--ink);color:#fff}.text-link{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:4px;align-self:flex-start}.hero-art{background:linear-gradient(145deg,#b6e6f6 0%,#e5f7fd 65%,#c9eef9 100%);display:flex;align-items:center;justify-content:center;position:relative;min-height:570px}.hero-art:before{content:"";position:absolute;width:78%;height:78%;border-radius:50%;border:1px solid rgba(37,84,155,.18)}.browser-window{width:min(76%,570px);aspect-ratio:1.11;background:#fff;box-shadow:0 31px 62px rgba(21,59,112,.2);border-radius:10px;overflow:hidden;position:relative;z-index:1;transform:rotate(-5deg)}.browser-top{height:11%;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid #deecf3}.browser-top i{width:7px;height:7px;background:#b9d9e8;border-radius:50%}.browser-top b{margin-left:6px;font:7px var(--mono);color:#6f91a9}.browser-page{height:89%}.mini-nav{height:16%;display:flex;align-items:center;padding:0 11%;gap:8%;font:600 6px var(--mono);color:#17487f}.mini-nav span{margin-right:auto}.mini-nav i{width:22px;height:3px;border-radius:6px;background:#b0d8e9}.mini-content{height:69%;padding:12% 11%;background:linear-gradient(120deg,#e8f8fd 0 49%,#71cbed 49% 100%);position:relative}.mini-content p{font:800 clamp(23px,3.5vw,45px)/.86 var(--display);letter-spacing:-.09em;color:#1d4a86;margin:0}.mini-content p b{color:#fff}.mini-circle{width:27%;aspect-ratio:1;border-radius:50%;background:#fff;position:absolute;right:16%;bottom:16%;opacity:.95}.mini-bottom{height:15%;display:flex;align-items:center;gap:11px;padding:0 11%}.mini-bottom i{display:block;height:4px;background:#cae5ef;border-radius:5px;flex:1}.bubble{position:absolute;z-index:2;width:98px;height:98px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font:500 10px/1.2 var(--mono);letter-spacing:.07em}.bubble.one{background:var(--ink);color:#fff;bottom:11%;left:7%;transform:rotate(-12deg)}.bubble.two{background:#fff;color:var(--ink);right:9%;top:13%;transform:rotate(10deg);box-shadow:0 9px 25px rgba(29,79,137,.14)}.statement{background:var(--ink);color:#fff;padding:105px clamp(23px,16vw,255px);display:flex;align-items:end;justify-content:space-between;gap:40px}.statement p{max-width:790px;font:500 clamp(32px,4.4vw,66px)/1.05 var(--display);letter-spacing:-.06em;margin:0}.statement em{font-style:normal;color:var(--sky)}.statement span{font:800 clamp(80px,12vw,170px)/.7 var(--display);letter-spacing:-.13em;color:var(--sky)}.home-services{padding-top:145px;padding-bottom:145px;display:grid;grid-template-columns:.82fr 1.18fr;gap:10vw}.home-services h2,.project-feature h2,.home-about h2,.contact-teaser h2{font-size:clamp(42px,5vw,77px);margin:0}.home-service-list{border-top:1px solid var(--line)}.home-service-list a{padding:21px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}.home-service-list span{font:10px var(--mono);color:#65acd0}.home-service-list h3{font:700 24px/1.1 var(--display);letter-spacing:-.05em;margin:0}.home-service-list b{font-size:22px;transition:transform .2s}.home-service-list a:hover b{transform:translateX(4px)}.project-feature{padding:130px 0;background:var(--pale)}.feature-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:47px}.large-project{display:grid;grid-template-columns:1.2fr .8fr;background:#1c120f;color:#f9efe6;overflow:hidden}.large-project-visual{min-height:510px}.kuro-mock{height:100%;padding:13%;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 23%,#b86642,transparent 25%),linear-gradient(132deg,#17100e,#422015)}.kuro-mock:after{content:"";position:absolute;width:70%;height:70%;border:1px solid rgba(241,190,153,.28);border-radius:50%;right:-17%;bottom:-22%}.kuro-mock small,.portfolio-visual small{font:8px var(--mono);letter-spacing:.12em}.kuro-mock strong,.portfolio-visual strong{display:block;font:500 clamp(47px,5vw,80px)/.88 Georgia,serif;letter-spacing:-.065em;margin-top:12%;position:relative;z-index:1}.large-project>div:last-child{padding:clamp(40px,6vw,90px);display:flex;justify-content:center;flex-direction:column}.large-project p{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#d58d69;margin-bottom:10px}.large-project h3{font:700 44px/1 var(--display);letter-spacing:-.07em;margin:0 0 28px}.large-project span{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:5px;align-self:start}.home-about{display:grid;grid-template-columns:1fr 1fr;gap:12vw;padding-top:130px;padding-bottom:130px}.about-symbol{min-height:485px;background:linear-gradient(145deg,#71c9ed,#c0ecfb);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.symbol-monitor{height:235px;width:310px;border:13px solid var(--ink);border-radius:14px;background:linear-gradient(137deg,#fff 0 46%,#78d0ee 46%);position:relative}.symbol-monitor:before{content:"";position:absolute;bottom:-54px;left:112px;height:40px;width:67px;background:var(--ink);clip-path:polygon(25% 0,75% 0,90% 90%,100% 90%,100% 100%,0 100%,0 90%,10% 90%)}.symbol-monitor i{position:absolute;width:10px;height:10px;background:var(--sky);border-radius:50%;bottom:-25px;left:138px}.symbol-monitor span{position:absolute;right:18px;bottom:18px;width:63px;height:63px;border-radius:50%;border:1px solid rgba(23,61,118,.25)}.about-symbol>p{font:9px/1.4 var(--mono);letter-spacing:.13em;position:absolute;bottom:26px;left:26px;color:#17477d;margin:0}.home-about>div:last-child{display:flex;flex-direction:column;justify-content:center}.home-about h2{margin:0 0 28px}.home-about>div:last-child>p:not(.eyebrow){max-width:395px;color:var(--muted);margin-bottom:30px}.contact-teaser{padding-top:125px;padding-bottom:125px;display:grid;grid-template-columns:1fr .7fr;gap:12vw;background:var(--sand)}.contact-teaser h2{margin:0}.contact-teaser>div:last-child{align-self:end}.contact-teaser>div:last-child p{color:var(--muted);max-width:370px;margin-bottom:27px}.site-footer{background:var(--navy);padding:48px clamp(23px,5.3vw,85px) 27px;color:#fff;display:grid;grid-template-columns:1.3fr 1fr .7fr auto;gap:40px}.footer-brand{background:#fff;padding:6px 10px;border-radius:4px;display:inline-block;margin-bottom:15px}.footer-brand img{width:188px}.site-footer>div>p:not(.eyebrow){font-size:12px;color:#c2d9e9}.site-footer .eyebrow{color:#9bc9df;margin-bottom:9px}.site-footer>div>a{font-size:12px;color:#fff;display:block;margin-bottom:5px}.footer-note{align-self:end;text-align:right;font:10px/1.7 var(--mono);color:#b2d6e8;margin:0}.page-hero{padding-top:130px;padding-bottom:108px}.page-hero h1{margin:0 0 31px}.page-hero>p:last-child{max-width:400px;color:var(--muted)}.blue-hero{background:linear-gradient(135deg,#d5f1fb,#95d9f2)}.neutral-hero{background:#eef2f3}.contact-hero{background:linear-gradient(140deg,#e9f7fc,#bee8f7)}.services-detail{padding-top:45px;padding-bottom:145px}.services-detail article{display:grid;grid-template-columns:70px 1.1fr .7fr;gap:6vw;border-top:1px solid var(--line);padding:58px 0}.services-detail article:last-child{border-bottom:1px solid var(--line)}.services-detail>article>span{font:10px var(--mono);color:#66afcf}.services-detail h2{font-size:clamp(38px,4vw,62px);margin:0 0 22px}.services-detail div>p:not(.eyebrow){color:var(--muted);max-width:470px;font-size:14px}.services-detail ul{list-style:none;margin:51px 0 0;padding:0;font-size:12px;color:#496984}.services-detail li{border-bottom:1px solid var(--line);padding:9px 0}.small-cta{background:var(--ink);color:#fff;padding-top:88px;padding-bottom:88px;display:flex;align-items:center;justify-content:space-between;gap:35px}.small-cta p{font:700 clamp(30px,3.7vw,54px)/1 var(--display);letter-spacing:-.06em;margin:0}.small-cta .primary{background:var(--sky);border-color:var(--sky);color:var(--navy)}.small-cta .primary:hover{background:#fff;border-color:#fff}.portfolio-list{padding-top:30px;padding-bottom:135px}.portfolio-row{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:8vw;min-height:520px;border-bottom:1px solid var(--line);padding:55px 0}.portfolio-row.reverse{grid-template-columns:.75fr 1fr}.portfolio-row.reverse .portfolio-visual{order:2}.portfolio-row.reverse .portfolio-info{order:1}.portfolio-visual{height:440px;padding:52px;position:relative;overflow:hidden}.portfolio-visual strong{font-size:clamp(40px,4vw,65px);margin-top:20%}.portfolio-info p{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#5e7c98;margin-bottom:13px}.portfolio-info h2{font-size:clamp(35px,4vw,59px);margin:0 0 26px}.portfolio-info span{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:5px}.kuro-card{color:#f7eee6;background:radial-gradient(circle at 75% 23%,#b86642,transparent 25%),linear-gradient(132deg,#17100e,#422015)}.velora-card{background:#d8ff32;color:#17201e}.velora-card strong{font-family:var(--display);font-weight:700}.velora-card strong em{font-family:Georgia,serif;font-weight:400}.velora-card i{position:absolute;right:-18px;bottom:46px;height:125px;width:125px;border-radius:50%;background:#17201e;color:#fff;display:grid;place-items:center;font-style:normal}.forma-card{background:#d9d5ca;color:#26302b}.forma-card i{position:absolute;width:53%;height:36%;bottom:12%;right:9%;background:linear-gradient(145deg,#799d9a,#e6e0d5);clip-path:polygon(0 45%,100% 0,100% 100%,0 100%)}.about-hero{display:grid;grid-template-columns:1fr 1fr;min-height:645px}.about-portrait{background:linear-gradient(145deg,#71c9ed,#c0ecfb);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.portrait-shape{height:390px;width:300px;background:var(--ink);border-radius:160px 160px 12px 12px;display:flex;align-items:center;justify-content:center;color:var(--sky);position:relative}.portrait-shape:before{content:"";position:absolute;top:-35px;width:180px;height:180px;border-radius:50%;background:#fff}.portrait-shape span{font:800 70px var(--display);letter-spacing:-.14em;position:relative;top:81px}.about-portrait>p{font:9px/1.4 var(--mono);letter-spacing:.13em;position:absolute;bottom:30px;left:30px;color:#17477d;margin:0}.about-intro{padding:clamp(65px,10vw,155px);display:flex;justify-content:center;flex-direction:column;background:var(--pale)}.about-intro h1{font-size:clamp(55px,6vw,92px);margin:0 0 28px}.about-intro>p:not(.eyebrow){max-width:390px;color:var(--muted)}.about-story{padding-top:140px;padding-bottom:140px}.about-story>div{display:grid;grid-template-columns:1fr .7fr;gap:10vw}.about-story h2{font-size:clamp(40px,4.8vw,74px);margin:0}.about-story>div>div p{color:var(--muted);font-size:14px}.values{padding:90px clamp(23px,8vw,125px);background:var(--ink);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.values article{border-top:1px solid rgba(189,225,238,.45);padding-top:18px}.values span{font:10px var(--mono);color:var(--sky)}.values h2{font-size:37px;margin:39px 0 12px}.values p{font-size:13px;max-width:285px;color:#c5e2ee}.contact-layout{padding-top:115px;padding-bottom:145px;display:grid;grid-template-columns:.75fr 1fr;gap:13vw}.contact-email{display:inline-block;font:700 clamp(20px,2vw,30px) var(--display);letter-spacing:-.05em;color:#2c8dbb;border-bottom:1px solid;padding-bottom:4px;margin-bottom:55px}.contact-details>div{border-top:1px solid var(--line);padding:18px 0}.contact-details>div .eyebrow{margin-bottom:7px}.contact-details>div p:last-child{font-size:14px;margin:0}.contact-form label{display:block;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:25px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #a4c6d7;background:transparent;padding:12px 0;color:var(--ink);font:400 16px var(--sans);outline:0;border-radius:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-bottom:2px solid var(--ink)}.contact-form textarea{resize:vertical}.contact-form .button{margin-top:5px}.form-status{font-size:13px;color:#1774a5;min-height:20px;margin:15px 0 0}
@media(max-width:850px){.site-header{height:74px}.brand img{width:177px}.nav-links{display:none;position:absolute;left:0;right:0;top:73px;background:#fff;border-bottom:1px solid var(--ink);padding:23px 24px;flex-direction:column;align-items:flex-start;gap:16px}.nav-links.open{display:flex}.nav-button{margin-top:3px}.menu-toggle{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:78px 24px 67px;min-height:480px}.hero-art{min-height:500px}.statement{padding:78px 24px;display:block}.statement span{display:block;margin-top:42px}.home-services,.home-about,.contact-teaser,.services-detail,.contact-layout,.about-story>div{grid-template-columns:1fr;gap:45px;padding:88px 24px}.project-feature{padding:88px 0}.feature-heading{display:block;padding-left:24px;padding-right:24px;margin-bottom:36px}.feature-heading .text-link{margin-top:24px}.large-project{grid-template-columns:1fr}.large-project-visual{min-height:400px}.large-project>div:last-child{padding:44px 24px}.home-about{padding-top:88px;padding-bottom:88px}.about-symbol{min-height:400px}.contact-teaser{padding-top:88px;padding-bottom:88px}.site-footer{grid-template-columns:1fr 1fr;padding:43px 24px 25px}.site-footer>div:first-child{grid-column:1/-1}.footer-note{text-align:left;grid-column:1/-1}.page-hero{padding:90px 24px 66px}.services-detail{padding-top:0;padding-bottom:88px}.services-detail article{grid-template-columns:32px 1fr;padding:42px 0;gap:17px}.services-detail ul{grid-column:2;margin:0}.small-cta{padding:65px 24px;display:block}.small-cta .button{margin-top:27px}.portfolio-list{padding:0 24px 88px}.portfolio-row,.portfolio-row.reverse{grid-template-columns:1fr;gap:28px;padding:40px 0;min-height:auto}.portfolio-row.reverse .portfolio-visual,.portfolio-row.reverse .portfolio-info{order:initial}.portfolio-visual{height:350px;padding:35px}.about-hero{grid-template-columns:1fr}.about-portrait{min-height:430px}.about-intro{padding:80px 24px}.about-story{padding-top:88px;padding-bottom:88px}.values{grid-template-columns:1fr;gap:30px;padding:65px 24px}.contact-layout{padding-top:80px;padding-bottom:88px}}@media(max-width:520px){.hero h1{font-size:58px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.statement p{font-size:32px}.browser-window{width:84%}.bubble{transform:scale(.77)!important}.home-service-list h3{font-size:20px}.site-footer{grid-template-columns:1fr}.site-footer>div:first-child,.footer-note{grid-column:auto}.footer-brand img{width:172px}.portfolio-visual strong{font-size:42px}.portrait-shape{height:290px;width:224px}.portrait-shape:before{width:135px;height:135px;top:-28px}.portrait-shape span{font-size:58px;top:60px}.symbol-monitor{transform:scale(.72)}}