/* NetCrafted / Studio 2.0 — expressive type, purposeful contrast, six services. */
:root{--ink:#172026;--blue:#0053a7;--muted:#596367;--line:#d4d9d7;--paper:#f1f2ee;--acid:#d4f66b}
body{background:#fafbf8}.wrap{max-width:1520px;padding-left:48px;padding-right:48px}
.topline{background:#172026;color:#e0e5de;font-size:10px;letter-spacing:.025em}.topline>.wrap{padding-top:7px;padding-bottom:7px}.top-contact a{color:#fff}.live-dot{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:8px}
.header{background:#fafbf8}.header-inner{min-height:101px;gap:36px;border-color:#cbd1ce}.brand img{width:183px}.header nav{font-size:12px;gap:30px}.header nav sup{font:9px monospace;color:var(--blue);margin-left:3px}.header-phone{font-size:18px}.text-button{font-size:11px;color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.hero{grid-template-columns:1.02fr 1.12fr;gap:68px;padding-top:52px;padding-bottom:58px;align-items:center;min-height:610px}.hero-copy{min-width:0}.eyebrow{font:10px/1.6 Manrope,Arial,sans-serif;font-weight:600;letter-spacing:.14em}
.hero h1{font-size:clamp(62px,6.35vw,96px);line-height:.99;letter-spacing:-.075em;font-weight:650;margin:26px 0 28px;position:relative}.hero h1 .hero-word{color:var(--ink);display:inline-flex;align-items:center;gap:26px}.hero h1 .hero-accent{display:block;color:var(--blue);font-size:.76em;letter-spacing:-.065em;white-space:nowrap;margin-top:3px;position:relative;width:fit-content}.hero h1 .hero-accent::after{content:'';position:absolute;bottom:-11px;left:1px;width:100%;height:10px;background:var(--acid);clip-path:polygon(0 30%,100% 0,96% 65%,2% 100%);z-index:-1}.hero h1{isolation:isolate}.craft-star{width:76px;height:76px;color:var(--blue);flex-shrink:0;transform:rotate(-10deg);transition:transform .6s}.hero-copy:hover .craft-star{transform:rotate(70deg)}
.hero-lead{font-size:15px;line-height:1.7;max-width:390px;color:#465459}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:28px}.hero .button{margin-top:0}.button{border-radius:0;min-height:55px;font-size:12px;padding:15px 21px;gap:32px;box-shadow:4px 4px 0 var(--ink);border:1px solid var(--ink);transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button span{font-size:26px}.hero-work-link{font-size:11px;border-bottom:1px solid var(--ink);padding:8px 0}.hero-work-link span{margin-left:9px;font-size:17px}
.hero-signature{display:flex;gap:13px;align-items:center;margin-top:33px}.craft-symbols{display:flex;padding-right:4px}.craft-symbols span{width:35px;height:35px;border:1px solid var(--ink);border-radius:50%;background:var(--acid);display:grid;place-items:center;font-size:18px;margin-left:-5px}.craft-symbols span:first-child{margin-left:0;background:var(--blue);color:#fff}.craft-symbols span:last-child{font-size:15px;background:#fafbf8;letter-spacing:-1px}.hero-signature p{font-size:10px;line-height:1.5;color:#53605b}.signature-index{font:9px monospace;color:#66726a;margin-left:auto}
.messengers{display:flex;gap:16px;flex-wrap:wrap}.messengers a{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1.6;min-height:30px}.messenger-mark{font-size:9px;font-weight:800;width:19px;height:19px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%}.messenger-arrow{font-size:16px;transition:transform .2s}.messengers a:hover .messenger-arrow{transform:translateX(3px)}.hero-messengers{margin-top:22px;border-top:1px solid var(--line);padding-top:10px;gap:23px}.hero-messengers a{color:var(--ink)}
.services-caption{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#53605b;margin-bottom:13px}.services-caption>span:last-child{font-family:monospace}.service-grid{gap:11px}.service-card{border-radius:0;min-height:164px;padding:16px 20px 35px;border:1px solid #cbd1ce;background:#fff;overflow:hidden;box-shadow:none;isolation:isolate;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ink);background:inherit;border-color:var(--ink)}.card-top{height:35px;align-items:flex-start;margin-bottom:11px}.card-number{font:10px/1.4 monospace;color:inherit;opacity:.75}.card-top svg{width:39px;height:39px;color:inherit;stroke-width:1.2}.service-art{height:46px;display:flex;align-items:center}.service-card h2{font-size:17px;font-weight:650;letter-spacing:-.035em;max-width:calc(100% - 12px)}.service-card p{font-size:10px;color:inherit;opacity:.85;max-width:210px;line-height:1.55;margin-top:8px}.card-arrow{font-size:25px;right:17px;bottom:6px;color:inherit;line-height:1.2}.service-1,.service-1:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.service-2,.service-2:hover{background:#f9faf7}.service-3,.service-3:hover{background:var(--acid);border-color:#c0d95c}.service-4,.service-4:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.service-5,.service-5:hover{background:#f1eee5}.service-6,.service-6:hover{background:#e5edf4;color:#004b91}.art-type{font-size:45px;line-height:1;letter-spacing:-5px;font-weight:500;transform:rotate(-8deg);display:block}.art-bars{display:flex;height:36px;gap:4px;align-items:end}.art-bars i{width:7px;background:var(--ink);height:25%}.art-bars i:nth-child(2){height:45%}.art-bars i:nth-child(3){height:70%}.art-bars i:nth-child(4){height:100%}.art-orbit{display:block;width:42px;height:42px;border:1px solid var(--acid);border-radius:50%;position:relative;transform:rotate(-30deg)}.art-orbit::before,.art-orbit::after{content:'';position:absolute;border:1px solid var(--acid);border-radius:50%;inset:5px -7px}.art-orbit::after{inset:-7px 5px}.art-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--acid);top:0;left:2px}
.capabilities{background:var(--ink);border:0;color:#fff}.capabilities>.wrap{padding-top:24px;padding-bottom:24px;font-size:18px;letter-spacing:-.04em;color:#fff}.capabilities b{font-size:28px;color:var(--acid);line-height:1}
.section{padding-top:95px;padding-bottom:95px}.section h2{font-size:58px;line-height:1.03;letter-spacing:-.06em;font-weight:500}.section h2 em{font-style:normal;color:var(--blue)}.section-heading{margin-bottom:43px}.link-arrow{font-size:12px;border-color:var(--ink);gap:45px}.project-grid{grid-template-columns:1.25fr 1fr 1fr;gap:22px;align-items:start}.project-card:nth-child(2){margin-top:65px}.project-card:nth-child(3){margin-top:125px}.project-image{height:390px;border-radius:0;background:#193b50;isolation:isolate}.project-image::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#14213066,transparent 70%);pointer-events:none}.project-image img{object-fit:cover;opacity:.94;filter:saturate(.65);transition:transform .7s,filter .4s}.project-card:hover img{filter:saturate(1);transform:scale(1.06)}.project-image>span{z-index:1;border-radius:0;box-shadow:none;background:var(--acid);color:var(--ink);font-size:10px;padding:11px 14px;bottom:18px;right:18px}.project-caption{border-bottom:1px solid var(--line);padding-bottom:12px}.project-caption h3{font-size:23px}.project-card>p{margin-top:10px;font-size:11px}.project-card:nth-child(2) .project-image{background:#70875b}.project-card:nth-child(3) .project-image{background:#b9814d}
.approach{background:var(--blue);color:white;position:relative;overflow:hidden;padding:84px 0 110px}.approach-word{position:absolute;bottom:-65px;left:3%;font-size:clamp(140px,22vw,340px);font-weight:800;letter-spacing:-.085em;line-height:1;color:#ffffff08;pointer-events:none}.approach-grid{position:relative;gap:110px;grid-template-columns:1fr 1fr}.approach .eyebrow,.approach p,.approach .steps p{color:#e0ebf5}.approach h2{font-size:68px;line-height:1;letter-spacing:-.065em}.approach h2 em{color:var(--acid);font-style:normal}.approach-grid>div>p{max-width:370px;font-size:14px;color:#e0ebf5}.approach .link-arrow{border-color:#9ab9d5}.steps article{padding:31px 0;border-color:#ffffff3d;gap:26px}.steps article>span{color:var(--acid);font-size:15px;font-family:monospace}.steps h3{font-size:23px}.steps p{font-size:13px}.faq{grid-template-columns:1fr 1.3fr;gap:90px}.faq-list details{padding:25px 0}.faq-list summary{font-size:17px;letter-spacing:-.02em}.faq-list summary span{border:1px solid var(--line);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}
.contact-band{background:var(--acid);color:var(--ink);padding:76px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden}.contact-band .eyebrow,.contact-band p{color:#33402e}.contact-band h2{font-size:72px;line-height:1.02;letter-spacing:-.065em}.contact-band h2 em{font-style:normal;color:var(--blue)}.contact-band-actions{gap:15px;min-width:300px}.contact-band-actions .button{background:var(--ink);color:#fff;box-shadow:4px 4px 0 #faffec}.contact-band .contact-messengers{gap:13px}.contact-messengers a{font-size:11px}.contact-band-actions>a{font-size:26px}
.footer{padding-bottom:0}.footer-top{padding:43px 0;grid-template-columns:1fr 1fr 1fr 1fr}.footer-top>p{font-size:12px}.footer-top>div a{font-size:16px}.footer-bottom{font-size:11px;gap:24px;flex-wrap:wrap}.cookie-settings-link{border:0;background:none;padding:0;color:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.footer-word{font-size:clamp(60px,11.2vw,166px);font-weight:800;letter-spacing:-.07em;line-height:1.25;border-top:1px solid var(--line);overflow:hidden;white-space:nowrap;color:var(--ink);display:flex;align-items:start}.footer-word span{font-size:20px;line-height:4;margin-left:12px;font-weight:400}
.inner-page{padding-top:32px;padding-bottom:85px}.inner-page h1{font-size:clamp(42px,5.5vw,78px);line-height:1.05;letter-spacing:-.06em;max-width:1050px}.inner-page .contact-list>div{border-radius:0;border:1px solid var(--line);background:#f1f2ed}.inner-page .contact-list>div:first-child{background:var(--acid);border-color:#b9d264}.inner-page .service-card{min-height:180px}.inner-page .service-card:hover{background:#fff}.inner-page .case-image{border-radius:0}.review-card{border-radius:0;border:1px solid var(--line)}
dialog{border:1px solid var(--ink);border-radius:0;background:#fafbf8;box-shadow:10px 10px 0 #17202655}dialog h2{font-size:35px;letter-spacing:-.055em}dialog::backdrop{background:#172026b0;backdrop-filter:blur(6px)}.dialog-messengers{border-top:1px solid var(--line);padding-top:14px;margin-top:23px}.region-options button,.region-options a{border-radius:0}.region-options a{display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--line);background:var(--paper);padding:12px 16px;font-size:14px}.region-options [aria-current=true]{border-color:var(--blue);color:var(--blue)}.region-options a[hidden]{display:none}.region-options a:hover{background:var(--acid)}
@media(min-width:1101px) and (max-height:820px){.hero{padding-top:32px;padding-bottom:38px;min-height:0}.service-card{min-height:149px;padding-top:13px}.card-top{height:30px;margin-bottom:8px}.hero h1{margin:20px 0 25px}.hero-signature{margin-top:24px}.hero-messengers{margin-top:15px}.hero .button{margin-top:0}}
@media(max-width:1200px){.wrap{padding-left:32px;padding-right:32px}.hero{gap:38px}.hero h1{font-size:77px}.craft-star{width:60px;height:60px}.hero h1 .hero-word{gap:18px}.service-card{padding-left:16px;padding-right:16px}.service-card h2{font-size:15px}.header-inner{gap:25px}.header nav{gap:19px}.brand img{width:165px}.header-phone{font-size:16px}.hero-actions{gap:19px}.hero-work-link{font-size:10px}.signature-index{display:none}.contact-band h2{font-size:59px}.section h2{font-size:50px}}
@media(max-width:1000px){.hero{grid-template-columns:.95fr 1.05fr;gap:28px}.hero h1{font-size:65px}.hero-lead{font-size:13px}.service-card h2{font-size:14px}.service-card p{font-size:10px}.hero-actions{gap:15px}.hero-messengers{gap:12px}.service-card{min-height:161px}.project-image{height:290px}.project-card:nth-child(2){margin-top:45px}.project-card:nth-child(3){margin-top:90px}.approach-grid{gap:60px}.approach h2{font-size:59px}.steps h3{font-size:20px}.contact-band-actions{min-width:260px}.contact-band h2{font-size:50px}.footer-top{grid-template-columns:1fr 1fr 1fr}.footer-top>p{display:none}.footer-top>div a{font-size:14px}}
@media(max-width:800px){.header-inner{min-height:88px}.header nav{background:#fafbf8;top:100%;border-bottom:1px solid var(--ink)}.hero{grid-template-columns:1fr;padding-top:45px;gap:38px}.hero-copy{max-width:none}.hero h1{font-size:87px;margin-top:22px}.hero h1 br:first-child{display:block}.hero h1 .hero-accent{font-size:.8em}.hero-lead{font-size:15px}.hero-signature{margin-top:28px}.hero-messengers{max-width:440px;gap:24px}.services-caption{font-size:10px}.service-card{min-height:178px;padding:19px 22px 36px}.service-card h2{font-size:20px}.service-card p{font-size:12px;max-width:240px}.card-top{height:43px}.capabilities>.wrap{gap:18px;justify-content:space-between;font-size:13px;flex-wrap:nowrap}.capabilities b{font-size:20px}.capabilities b:last-child{display:none}.section{padding-top:65px;padding-bottom:65px}.section h2{font-size:45px}.project-grid{grid-template-columns:1fr 1fr}.project-card:first-child{grid-column:1/-1}.project-card:nth-child(2),.project-card:nth-child(3){margin-top:10px}.project-card:first-child .project-image{height:400px}.project-image{height:300px}.approach{padding:65px 0}.approach-grid{gap:38px}.approach h2{font-size:50px}.steps h3{font-size:18px}.faq{grid-template-columns:1fr;gap:23px}.faq-list summary{font-size:16px}.contact-band>.wrap{align-items:start;flex-direction:column;gap:30px}.contact-band h2{font-size:68px}.footer-top{grid-template-columns:1fr 1fr}.footer-top .brand{grid-column:1/-1}.footer-top>div a{font-size:17px}.footer-bottom{font-size:10px}.footer-word{font-size:11.1vw}.footer-word span{font-size:14px}}
@media(max-width:520px){.wrap{padding-left:20px;padding-right:20px}.topline>.wrap{padding-top:6px;padding-bottom:6px}.topline{font-size:9px}.header-inner{min-height:82px;gap:12px}.brand img{width:123px}.header-phone{font-size:12px}.text-button{font-size:9px}.hero{padding-top:31px;padding-bottom:37px;gap:33px}.hero h1{font-size:65px;line-height:1;margin:22px 0 27px;letter-spacing:-.075em}.hero h1 .hero-accent{font-size:.74em;letter-spacing:-.07em}.craft-star{width:47px;height:47px}.hero h1 .hero-word{gap:27px}.hero-lead{font-size:13px;line-height:1.75}.hero-actions{gap:22px;margin-top:24px}.hero-actions .button{font-size:11px;gap:22px;min-height:50px;padding:12px 17px}.hero-work-link{font-size:10px}.hero-signature{margin-top:28px}.signature-index{display:block;font-size:8px}.hero-signature p{font-size:9px}.craft-symbols span{width:32px;height:32px}.hero-messengers{margin-top:17px;justify-content:space-between;gap:12px}.messengers a{font-size:10px}.services-caption{font-size:9px;margin-bottom:10px}.service-grid{gap:9px}.service-card{min-height:180px;padding:14px 13px 34px}.service-card h2{font-size:14px;line-height:1.25;max-width:none}.service-card p{font-size:10px;margin-top:7px}.card-top{height:37px;margin-bottom:10px}.card-number{font-size:9px}.card-top svg{width:33px;height:33px}.art-type{font-size:37px}.art-orbit{width:32px;height:32px}.art-bars{height:30px}.art-bars i{width:6px}.card-arrow{font-size:23px;right:12px;bottom:6px}.capabilities>.wrap{font-size:11px;padding-top:18px;padding-bottom:18px;gap:8px;flex-wrap:wrap}.capabilities span{width:auto}.capabilities b{display:block;font-size:16px}.capabilities b:last-child{display:block}.capabilities span:last-of-type{display:none}.capabilities b:last-child{display:none}.section h2{font-size:39px}.section-heading{gap:25px;margin-bottom:30px}.project-grid{grid-template-columns:1fr;gap:32px}.project-card:first-child{grid-column:auto}.project-card:nth-child(2),.project-card:nth-child(3){margin-top:0}.project-image,.project-card:first-child .project-image{height:365px}.project-caption h3{font-size:24px}.approach-grid{grid-template-columns:1fr;gap:32px}.approach h2{font-size:60px}.approach-word{font-size:130px;bottom:-15px;left:0}.steps article{padding:25px 0}.steps h3{font-size:22px}.faq-list summary{font-size:15px}.contact-band{padding:48px 0}.contact-band h2{font-size:47px;letter-spacing:-.065em}.contact-band-actions{width:100%}.contact-band-actions>a{font-size:25px}.contact-band-actions .messengers{gap:20px}.footer-top{gap:26px 12px}.footer-top>div a{font-size:12px}.footer-bottom{flex-direction:row;gap:18px}.footer-bottom>span{width:100%}.footer-word{font-size:10.4vw;padding:8px 0}.footer-word span{font-size:10px;margin-left:7px}.inner-page h1{font-size:43px}.inner-page .content-lead{font-size:19px}.inner-page .service-grid{grid-template-columns:1fr}.inner-page .service-card{min-height:160px}.inner-page .service-card h2{font-size:24px}.inner-page .service-card p{font-size:13px}.inner-page .contact-list>div{padding:23px}.inner-page .contact-list a{font-size:21px}.dialog-messengers{justify-content:space-between;gap:8px}dialog{padding:30px 23px}dialog h2{font-size:31px}}
@media(max-width:360px){.wrap{padding-left:16px;padding-right:16px}.brand img{width:105px}.header-inner{gap:7px}.header-phone{font-size:11px}.hero h1{font-size:59px}.hero-actions{gap:15px}.hero-actions .button{padding:12px 14px;gap:17px}.hero-work-link{font-size:9px}.signature-index{display:none}.service-card{padding-left:11px;padding-right:11px}.service-card h2{font-size:13px}.hero-messengers{gap:10px}.messengers a{font-size:9px}.section h2{font-size:35px}.contact-band h2{font-size:42px}.footer-top>div a{font-size:11px}.inner-page h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){.craft-star{transform:none!important}.service-card:hover,.button:hover{transform:none}.project-card:hover img{transform:none}}

.messenger-mark{border:0;width:20px;height:20px}.messenger-mark svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.text-button{white-space:nowrap}
.inner-page .service-card{padding:25px 27px 45px;min-height:230px}.inner-page .service-card h2{margin:25px 0 12px;font-size:27px;font-weight:600}.inner-page .service-card p{max-width:330px;font-size:13px;margin:0;color:inherit;line-height:1.7}.inner-page .service-card:nth-child(1),.inner-page .service-card:nth-child(1):hover{background:var(--blue);color:white;border-color:var(--blue)}.inner-page .service-card:nth-child(3),.inner-page .service-card:nth-child(3):hover{background:var(--acid);border-color:#bfd65b}.inner-page .service-card:nth-child(4),.inner-page .service-card:nth-child(4):hover{background:var(--ink);color:#fff;border-color:var(--ink)}.inner-page .service-card:nth-child(5),.inner-page .service-card:nth-child(5):hover{background:#f1eee5}.inner-page .service-card:nth-child(6),.inner-page .service-card:nth-child(6):hover{background:#e5edf4;color:#004b91}.inner-page .service-card h2{color:inherit}.related-links a{transition:background .2s,padding .2s}.related-links a:hover{background:var(--acid);padding-left:12px;padding-right:12px}.content-article>h1{padding-bottom:27px;border-bottom:1px solid var(--ink)}
@media(max-width:800px){.inner-page .service-card{min-height:240px;padding:23px 24px 45px}.inner-page .service-card h2{font-size:24px}}
@media(max-width:520px){.inner-page .service-card{min-height:205px;padding:22px 24px 43px}.inner-page .service-card h2{font-size:26px;margin-top:20px}.content-article>h1{padding-bottom:25px}.inner-page .service-card p{font-size:13px}.hero-work-link span{font-size:18px}}
