.service-page{--service-muted:#94968c;background:var(--bg);color:var(--text)}
.service-nav{display:flex;justify-content:space-between;align-items:center;padding:26px 5%;border-bottom:1px solid #8882}.service-nav>a:last-child{font-size:12px;color:var(--dim)}.service-nav .identity img{filter:invert(1) grayscale(1)}html[data-theme=light] .service-nav .identity img{filter:none}
.service-page main{max-width:1300px;margin:auto;padding:0 5%}.service-hero{padding:55px 0 80px}.service-breadcrumb{font-size:10px;color:var(--dim);display:inline-block;margin-bottom:65px}.service-hero .section-index{margin-bottom:24px}.service-hero h1{font-size:clamp(35px,5.7vw,76px);font-weight:400;line-height:1.2;letter-spacing:-2px;max-width:950px;margin:0 0 30px}.service-lead{font-size:16px;line-height:1.9;color:var(--service-muted);max-width:640px}.service-cta{display:inline-flex;align-items:center;gap:36px;background:#e4e6da;color:#31392b;border-radius:40px;padding:17px 24px;margin-top:22px;font-size:13px}.service-cta:hover{background:#cbd4bc}
.service-showcase{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center;margin-bottom:100px}.service-art{min-width:0}.service-art>.project-cover{position:relative;aspect-ratio:1.07;overflow:hidden;border-radius:26px;container-type:inline-size}.service-art .cover-arrow{display:none}.service-audience h2,.service-section h2,.service-contact h2{font-size:clamp(27px,3vw,43px);font-weight:400;line-height:1.35;letter-spacing:-1px;margin:0 0 30px}.service-audience .section-index{margin-bottom:23px}.service-audience ul{list-style:none;padding:0}.service-audience li{padding:16px 0;border-bottom:1px solid #8882;color:var(--service-muted);font-size:13px}.service-note{font-size:10px;line-height:1.8;color:var(--dim);margin-top:25px}
.service-section{padding:65px 0;border-top:1px solid #8883}.service-section>.section-index{margin-bottom:23px}.service-features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.service-features>div>span{color:#a4b091;font-size:11px}.service-features h3{font-size:21px;font-weight:400;margin:24px 0 15px}.service-features p,.service-boundary{font-size:14px;line-height:1.9;color:var(--service-muted)}.service-process{display:grid;grid-template-columns:1fr 1.4fr;gap:50px}.service-process ol{list-style:none;padding:0;margin:0}.service-process li{display:flex;gap:25px;border-bottom:1px solid #8882;padding:22px 0;align-items:baseline}.service-process li:first-child{padding-top:0}.service-process li>span{font-size:11px;color:#9ba78c}.service-process li p{font-size:14px;line-height:1.9;color:var(--service-muted);margin:0}.service-boundary{max-width:800px;margin-bottom:35px}.service-section details{border-top:1px solid #8882;padding:22px 0}.service-section summary{cursor:pointer;font-size:15px}.service-section details p{font-size:13px;line-height:1.9;max-width:800px;color:var(--service-muted)}
.service-contact{padding:65px;border-radius:28px;background:#e5e8dc;color:#333d2c;margin:25px 0 70px}.service-contact .section-index{margin-bottom:25px}.service-contact>a{font-size:clamp(17px,3vw,34px);border-bottom:1px solid #abb39c;padding-bottom:10px;display:inline-block;overflow-wrap:anywhere}.service-footer{background:transparent!important;color:var(--dim);display:flex;justify-content:space-between;gap:25px;padding:30px 5%;font-size:11px;border-top:1px solid #8882}
.service-art .cover-development .dev-window{width:84%;left:7%;top:23%}.service-art .dev-title{height:5cqw}.service-art .dev-title span{font-size:1.2cqw}.service-art .dev-body{padding:5cqw 4cqw 18cqw}.service-art .dev-body>span{font-size:1.7cqw}.service-art .dev-body>strong{font-size:9cqw}.service-art .dev-code{position:static;margin-top:4cqw;font-size:1.6cqw}.service-art .dev-component{width:60%}.service-art .dev-component>div{font-size:1.8cqw}.service-art .dev-component small{font-size:1cqw}
@media(max-width:767px){.service-nav{padding:20px 5%}.service-hero{padding:30px 0 50px}.service-breadcrumb{margin-bottom:40px}.service-hero h1{letter-spacing:-1px;font-size:38px}.service-lead{font-size:14px}.service-showcase{grid-template-columns:1fr;gap:35px;margin-bottom:55px}.service-features{grid-template-columns:1fr;gap:25px}.service-features h3{margin:15px 0 10px}.service-process{grid-template-columns:1fr;gap:15px}.service-section{padding:40px 0}.service-contact{padding:35px 22px;margin:20px 0 45px;border-radius:20px}.service-footer{font-size:9px}.service-audience li{font-size:12px}}
.service-hero h1{text-wrap:balance;max-width:1100px;font-size:clamp(35px,5vw,68px)}
html:not([data-theme="light"]) .service-contact{background:#1d2019;color:#e0e6d5;border:1px solid #333a2c}
html:not([data-theme="light"]) .service-contact>a{border-color:#46503a}
html[data-theme="light"] .service-page{--service-muted:#74796b}
.service-cta{background:#d7d1c4;color:#27241f}.service-cta:hover{background:#eee7d9}
.service-features>div>span,.service-process li>span{color:#b2a695}
.service-contact{background:#e8e4dc;color:#34312b}
html:not([data-theme="light"]) .service-contact{background:#1e1e1c;color:#e8e5dc;border-color:#353530}
html:not([data-theme="light"]) .service-contact>a{border-color:#4b473e}
.service-page{--service-muted:#92918b}html[data-theme="light"] .service-page{--service-muted:#78756e}
.service-nav,.service-footer,.service-section,.service-audience li,.service-process li,.service-section details{border:0}
.service-section details{padding:20px 24px;background:#88888808;border-radius:14px;margin:8px 0}
.service-features>div{padding:25px;background:#88888808;border-radius:18px}
.service-process li{padding:24px 0}
.service-contact,html:not([data-theme="light"]) .service-contact{border:0}
.service-contact>a,html:not([data-theme="light"]) .service-contact>a{border:0}
.service-showcase{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:8%;align-items:center}.service-audience{min-width:0}.service-art{width:100%}
.service-gallery{padding:15px 0 80px}.gallery-heading{margin-bottom:36px}.gallery-heading .section-index{margin-bottom:23px}.gallery-heading h2{font-size:clamp(28px,3vw,43px);font-weight:400;letter-spacing:-1px;line-height:1.35;margin:0 0 20px}.gallery-heading>p:last-child{font-size:13px;color:var(--service-muted);line-height:1.8}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.study-scene{aspect-ratio:1.4;border-radius:22px;position:relative;overflow:hidden;container-type:inline-size;background:#d5d0c5;color:#39372f}.study-copy{padding:24px 2px}.study-copy>span{font-size:10px;color:var(--dim)}.study-copy h3{font-size:23px;font-weight:400;line-height:1.4;margin:15px 0 12px;letter-spacing:-.5px}.study-copy p{font-size:13px;color:var(--service-muted);line-height:1.9;max-width:440px}
.scene-desktop{position:absolute;left:9%;top:18%;width:72%;height:66%;padding:4cqw;background:#eeece5;border-radius:1.7cqw;box-shadow:0 2cqw 5cqw #403b3020;transform:rotate(-4deg)}.scene-desktop>div{font-size:1.3cqw;letter-spacing:.1em}.scene-desktop i{float:right;font-size:1cqw;color:#859174;font-style:normal}.scene-desktop strong{font-size:3.4cqw;display:block;margin:5cqw 0 3cqw;font-weight:400}.scene-desktop>span{font-size:1.3cqw;color:#8e887b}.scene-desktop>b{display:block;font-size:7cqw;font-weight:400;color:#b54548;margin-top:2cqw}
.scene-mobile{position:absolute;right:7%;top:28%;height:66%;width:22%;background:#f4f1e9;border:.8cqw solid #2c2c2b;border-radius:3.3cqw;transform:rotate(8deg);padding:2cqw 1cqw;text-align:center;box-shadow:0 2cqw 4cqw #302b2320}.scene-mobile>i{position:absolute;top:1cqw;left:32%;width:36%;height:1.5cqw;background:#222;border-radius:2cqw}.scene-mobile>span{display:block;text-align:left;font-size:.9cqw}.scene-mobile>strong{display:block;font-size:1.8cqw;margin-top:4cqw}.scene-mobile>b{display:grid;place-items:center;margin:4cqw auto 2cqw;background:#b54548;color:#fff;width:8cqw;height:8cqw;border-radius:50%;font-size:4cqw}.scene-mobile small{font-size:1cqw;color:#7f8c71}
.scene-network{background:#7b343b}.scene-modes{position:absolute;top:22%;left:15%;width:70%;display:flex;padding:1cqw;background:#ece9e1;border-radius:2cqw;gap:1cqw}.scene-modes span{flex:1;text-align:center;font-size:2.3cqw;padding:2cqw;border-radius:1.3cqw;color:#9a9284}.scene-modes .selected{background:#fff;color:#9e3a40}.scene-node{position:absolute;left:15%;top:48%;width:70%;padding:3cqw;background:#eeeae2;border-radius:2cqw;display:flex;align-items:center;gap:3cqw}.scene-node>span{font-size:5cqw;color:#9f514c}.scene-node>div{font-size:2.5cqw}.scene-node small{display:block;font-size:1.2cqw;margin-top:1cqw;color:#9c9284}.scene-node>b{margin-left:auto;font-size:3cqw;font-weight:400}
.scene-travel{padding:8cqw;background:#c5c4b7}.scene-travel span,.scene-travel small{font-size:1.2cqw;letter-spacing:.1em;color:#7b7b6c}.scene-travel strong{display:block;font-size:7cqw;line-height:1.15;font-weight:400;margin:4cqw 0}.scene-travel>div{font-size:1.7cqw;margin-bottom:3cqw}.scene-travel i{font-style:normal;margin:0 2cqw;color:#8f907b}
.scene-design{background:#494f50}.scene-design>div{position:absolute;inset:15% 8%;display:flex;background:#e6e6df;border-radius:2cqw;overflow:hidden;transform:rotate(-3deg)}.scene-design aside{background:#d7d9d0;width:24%;padding:4cqw 2cqw;font-size:1.4cqw;line-height:3;color:#8b9283}.scene-design>div>div{padding:5cqw 3cqw;flex:1}.scene-design span{font-size:1.3cqw;color:#909486}.scene-design strong{display:block;font-size:4cqw;font-weight:400;margin:3cqw 0}.scene-design section{display:flex;gap:1.5cqw}.scene-design section i{height:10cqw;flex:1;background:#d0d4c7;border-radius:1cqw}.scene-design section i:nth-child(2){background:#beaaa0}.scene-design section i:nth-child(3){background:#c9c5b8}
.scene-monitor{padding:7cqw;background:#b5bbb0}.scene-monitor>span{font-size:1.2cqw;color:#6f7967;letter-spacing:.1em}.scene-monitor>div{display:flex;gap:2cqw;margin-top:5cqw}.scene-monitor b{flex:1;font-weight:400;font-size:2cqw;padding:3cqw 1cqw;background:#e0e3d9;border-radius:1.4cqw;text-align:center}.scene-monitor svg{height:18cqw;width:100%;margin-top:4cqw;fill:none;stroke:#65785b;stroke-width:1.5}.scene-monitor small{font-size:1.4cqw;color:#75806b}
.scene-steps{display:flex;flex-direction:column;justify-content:center;gap:2cqw;padding:6cqw}.scene-steps>div{display:flex;align-items:center;gap:3cqw;padding:2.5cqw;background:#e6e1d6;border-radius:1.5cqw}.scene-steps span{font-size:1.4cqw;color:#a18572}.scene-steps strong{font-size:2.8cqw;font-weight:400}
@media(max-width:767px){.service-showcase{grid-template-columns:1fr;gap:35px}.study-grid{grid-template-columns:1fr;gap:20px}.service-gallery{padding:0 0 45px}.study-copy h3{font-size:21px}.study-copy p{font-size:12px}}
.study-theme-network{background:#7b343b}.study-theme-design{background:#494f50}.scene-design{position:absolute;inset:0}.study-theme-steps{background:#c8c0b2}.study-theme-travel{background:#c5c4b7}.study-theme-monitor{background:#b5bbb0}
.service-nav-links{display:flex;align-items:center;gap:28px;font-size:12px;color:var(--dim)}.service-nav-links a:hover{color:var(--text)}
.service-footer{flex-wrap:wrap}.service-footer .language-switch{margin-top:0;padding-top:20px}