/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}.design-service-detail h1,.design-service-detail h2,.design-service-detail h3,.design-service-detail h4{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.design-service-detail{--accent-soft:var(--tone-31b0d30b);--accent:var(--tone-a40f1049);--cn:"PingFang SC","Microsoft YaHei",var(--sans);--coral:var(--tone-e92a86ff);--dark:var(--tone-c19b7c30);--forest:var(--tone-3acd64b3);--ink:var(--tone-371e01aa);--ivory:var(--tone-e473539e);--line:var(--tone-3e7340de);--muted:var(--tone-889381ba);--paper:var(--tone-849ce789);--sage:var(--tone-f8984037);--sand:var(--tone-c03c2ab9);--sans:"Avenir Next",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--serif:Georgia,"Iowan Old Style",serif}.design-service-detail *{box-sizing:border-box}.design-service-detail{scroll-behavior:smooth;font-family:var(--cn);color:var(--ink);-webkit-font-smoothing:antialiased;background:var(--ivory);margin:0;scroll-padding-top:95px;overflow-x:clip}html[lang=en] .design-service-detail{font-family:var(--sans)}.design-service-detail .en{display:none}html[lang=en] .design-service-detail .zh{display:none!important}html[lang=en] .design-service-detail .en{display:revert}.design-service-detail a{color:inherit;text-decoration:none}.design-service-detail button{cursor:pointer;font:inherit}.design-service-detail a:focus-visible,.design-service-detail button:focus-visible,.design-service-detail summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.design-service-detail ::selection{background:var(--tone-185742d1)}.design-service-detail p{line-height:1.82}.design-service-detail .container{width:min(1240px,100% - 98px);margin-inline:auto}.design-service-detail .micro{letter-spacing:.16em;text-transform:uppercase;font:800 10px/1.5 var(--sans)}.design-service-detail .eyebrow{letter-spacing:.14em;color:var(--tone-aeacea69);text-transform:uppercase;font:800 11px/1.5 var(--sans);align-items:center;gap:11px;display:flex}.design-service-detail .eyebrow:before{content:"";background:var(--coral);flex:none;width:7px;height:7px;transform:rotate(45deg)}.design-service-detail .pill{letter-spacing:.11em;color:var(--tone-9385d65f);border:1px solid var(--tone-e720632d);font:800 10px/1.6 var(--sans);border-radius:90px;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.design-service-detail .pill:before{color:var(--tone-64c7bbfb);content:"✦"}.design-service-detail .btn{min-height:51px;font:800 12px var(--sans);border:1px solid #0000;border-radius:60px;justify-content:space-between;align-items:center;gap:29px;padding:0 22px;transition:transform .2s,background .2s;display:inline-flex}.design-service-detail .btn:hover{transform:translateY(-3px)}.design-service-detail .btn.main{color:var(--tone-d14f9016);background:var(--forest)}.design-service-detail .btn.main:hover{background:var(--tone-05beaafa)}.design-service-detail .btn.paper{color:var(--ink);background:var(--paper)}.design-service-detail .btn.outline{border-color:var(--tone-643a6349);color:var(--tone-864566e3);background:0 0}.design-service-detail .btn.white-outline{border-color:var(--tone-f54a38a7);color:var(--ink);background:0 0}.design-service-detail .small-link{-webkit-text-decoration-color:var(--coral);-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:6px;font:800 11px var(--sans);text-decoration:underline}.design-service-detail .small-link:hover{color:var(--tone-32f25f7f)}.design-service-detail .banner{height:28px;color:var(--tone-59f15679);background:var(--dark)}.design-service-detail .banner .container{letter-spacing:.12em;height:100%;font:800 9px var(--sans);justify-content:space-between;align-items:center;gap:12px;display:flex}.design-service-detail .banner b{color:var(--tone-b623f83d)}.design-service-detail .masthead{z-index:80;backdrop-filter:blur(14px);background:var(--tone-f8668880);border-bottom:1px solid var(--tone-a4b2dc2b);height:76px;position:sticky;top:0}.design-service-detail .masthead .container{align-items:center;gap:25px;height:100%;display:flex}.design-service-detail .logo{white-space:nowrap;align-items:center;gap:9px;display:flex}.design-service-detail .logo b{letter-spacing:-.095em;font:1000 29px/.95 var(--sans)}.design-service-detail .logo i{color:var(--coral);font-style:normal}.design-service-detail .logo small{letter-spacing:.1em;border-left:1px solid var(--tone-64445c81);font:850 8px/1.55 var(--sans);padding-left:12px}.design-service-detail .nav{font:800 12px var(--sans);align-items:center;gap:27px;margin-left:auto;display:flex}.design-service-detail .nav a:hover,.design-service-detail .nav .current{color:var(--tone-e8379324)}.design-service-detail .langs{border:1px solid var(--tone-07ab3afd);border-radius:30px;gap:2px;padding:3px;display:flex}.design-service-detail .langs button{width:31px;height:30px;color:var(--tone-92c46ef8);font:800 11px var(--sans);background:0 0;border:0;border-radius:20px}.design-service-detail .langs button[aria-pressed=true]{color:#fff;background:var(--forest)}.design-service-detail .talk{white-space:nowrap;color:var(--tone-d14f9016);background:var(--forest);font:800 11px var(--sans);border-radius:40px;padding:13px 18px}.design-service-detail .menu{width:40px;height:40px;color:var(--forest);border:1px solid var(--tone-0498f844);background:0 0;border-radius:50%;font-size:20px;display:none}.design-service-detail .crumbs{color:var(--tone-3631d0a8);flex-wrap:wrap;align-items:center;gap:11px;padding:23px 0 0;font-size:11px;display:flex}.design-service-detail .crumbs a:hover{color:var(--tone-333955d1)}.design-service-detail .hero{isolation:isolate;position:relative;overflow:hidden}.design-service-detail .hero:before{z-index:-1;opacity:.8;content:"";background:radial-gradient(ellipse at 86% 34%,var(--accent-soft),transparent 48%);position:absolute;inset:0}.design-service-detail .hero-grid{grid-template-columns:51% 49%;align-items:center;gap:0;min-height:650px;padding:37px 0 86px;display:grid}.design-service-detail .hero-text{z-index:3;position:relative}.design-service-detail .hero h1{letter-spacing:-.076em;max-width:720px;margin:25px 0 20px;font-size:clamp(53px,5.4vw,84px);font-weight:950;line-height:1.15}html[lang=en] .design-service-detail .hero h1{font-size:clamp(54px,5vw,77px)}.design-service-detail .hero h1 em{color:var(--tone-14c63ebb);font-style:normal}.design-service-detail .hero-lead{max-width:525px;color:var(--tone-ad00cff7);margin:0 0 26px;font-size:15px;line-height:1.95}.design-service-detail .hero-actions{flex-wrap:wrap;gap:11px;display:flex}.design-service-detail .hero-under{color:var(--tone-f78a08cf);font:700 11px/1.75 var(--sans);align-items:center;gap:9px;margin:24px 0 0;display:flex}.design-service-detail .hero-under:before{color:var(--tone-c8398d84);content:"✳";font-size:16px}.design-service-detail .art{isolation:isolate;min-width:0;height:530px;position:relative}.design-service-detail .art:before{z-index:-1;content:"";background:linear-gradient(135deg,var(--tone-a69015b0),var(--tone-06427a15));border-radius:48% 50% 45%;width:80%;height:81%;position:absolute;top:10%;left:14%;transform:rotate(15deg)}.design-service-detail .art-rot{width:74%;height:78%;box-shadow:11px 13px 0 var(--tone-7ed9904c),23px 30px 55px var(--tone-5508975b);background:var(--tone-f2e39f8a);border:10px solid var(--tone-0937a3b9);border-radius:22px;transition:transform .25s;position:absolute;top:10%;left:13%;overflow:hidden;transform:rotate(-5deg)}.design-service-detail .art:hover .art-rot{transform:rotate(-2deg)translateY(-4px)}.design-service-detail .art-bar{letter-spacing:.08em;height:36px;color:var(--tone-3533d569);background:var(--tone-13716427);border-bottom:1px solid var(--tone-90d5b7c7);font:800 9px var(--sans);justify-content:space-between;align-items:center;padding:0 15px;display:flex}.design-service-detail .art-dots{gap:5px;display:flex}.design-service-detail .art-dots i{background:var(--tone-3befa175);border-radius:50%;width:6px;height:6px}.design-service-detail .art-body{padding:20px}.design-service-detail .art-hero-label{letter-spacing:.12em;color:var(--tone-ed158939);font:850 9px var(--sans)}.design-service-detail .art-body h3{letter-spacing:-.055em;margin:10px 0 16px;font-size:25px;line-height:1.22}.design-service-detail .art-body p{color:var(--tone-e4ef79f7);font-size:11px;line-height:1.65}.design-service-detail .art-mini{grid-template-columns:1fr 1fr;gap:9px;margin:18px 0;display:grid}.design-service-detail .art-mini div{background:var(--tone-daca3d79);border:1px solid var(--tone-c531c7db);border-radius:8px;min-height:87px;padding:18px 11px;font-size:11px;font-weight:800}.design-service-detail .art-mini div:nth-child(2){border-color:var(--tone-5713dafd);background:var(--tone-13c90b8d)}.design-service-detail .art-mini small{color:var(--tone-00890c77);font:750 8px var(--sans);margin-top:10px;display:block}.design-service-detail .art-footer{color:#fff;background:var(--tone-f6ebf75f);font:800 11px var(--sans);border-radius:6px;justify-content:space-between;padding:12px 15px;display:flex}.design-service-detail .art-note{z-index:2;width:218px;box-shadow:11px 18px 38px var(--tone-8c271bc1);background:var(--tone-018ea747);border:1px solid var(--tone-05f0e3e4);padding:22px;position:absolute;bottom:3%;right:-1%;transform:rotate(7deg)}.design-service-detail .art-note .micro{color:var(--tone-6b62469e)}.design-service-detail .art-note strong{margin:14px 0 6px;font-size:17px;line-height:1.4;display:block}.design-service-detail .art-note small{color:var(--tone-2b8e0965);font:700 10px/1.6 var(--sans)}.design-service-detail .art-tag{letter-spacing:.16em;box-shadow:7px 9px 0 var(--tone-92175c4c);background:var(--tone-8a0e89f7);font:900 10px var(--sans);padding:13px 15px;position:absolute;top:3%;left:-2%;transform:rotate(-8deg)}.design-service-detail .art.variant-brand .art-rot{border-color:var(--tone-8c0b9d5a);transform:rotate(4deg)}.design-service-detail .art.variant-brand .art-body h3{letter-spacing:-.07em;font:400 43px var(--serif)}.design-service-detail .art.variant-brand .art-mini div{background:var(--tone-0caa4813)}.design-service-detail .art.variant-brand:before{background:var(--tone-18a17773)}.design-service-detail .art.variant-platform .art-rot{border-color:var(--tone-37f2700e);transform:rotate(5deg)}.design-service-detail .art.variant-platform .art-mini{grid-template-columns:1fr}.design-service-detail .art.variant-platform .art-mini div{justify-content:space-between;align-items:center;min-height:65px;padding:13px;display:flex}.design-service-detail .art.variant-platform .art-mini small{margin:0}.design-service-detail .art.variant-technical .art-rot{border-color:var(--tone-7002b84d)}.design-service-detail .art.variant-technical:before{background:var(--tone-620f3046)}.design-service-detail .art.variant-technical .art-mini div{background:var(--tone-eec52b95)}.design-service-detail .art.variant-experience .art-mini div{background:var(--tone-d0bcf77c);border:1px solid var(--tone-470f3405)}.design-service-detail .art.variant-experience .art-note{background:var(--tone-893856b5)}.design-service-detail .path{color:var(--tone-bb0c7c8f);background:var(--dark)}.design-service-detail .path .container{letter-spacing:.06em;min-height:60px;font:750 10px/1.4 var(--sans);flex-wrap:wrap;align-items:center;gap:16px;display:flex}.design-service-detail .path b{color:var(--tone-5e0095f2)}.design-service-detail .path span{color:var(--tone-62e09d5c)}.design-service-detail .path a:hover{color:var(--tone-f758a6c9)}.design-service-detail .path .divider{color:var(--tone-b56e1c4d)}.design-service-detail .section{padding:98px 0}.design-service-detail .section.warm{background:var(--tone-311d3d54)}.design-service-detail .section.sand{background:var(--tone-0f9e847c)}.design-service-detail .section.dark{color:#fff;background:var(--forest)}.design-service-detail .section-head{grid-template-columns:1.2fr .8fr;align-items:end;gap:55px;margin-bottom:38px;display:grid}.design-service-detail .section h2{letter-spacing:-.064em;margin:18px 0;font-size:clamp(35px,3.9vw,57px);font-weight:950;line-height:1.22}.design-service-detail .section h2 em{color:var(--tone-849a780e);font-style:normal}.design-service-detail .section.dark h2 em{color:var(--tone-4b65a72c)}.design-service-detail .section-head p{max-width:420px;color:var(--tone-e4a6ff16);margin:0 0 6px;font-size:14px}.design-service-detail .section.dark .section-head p{color:var(--tone-4d7bf5a9)}.design-service-detail .subhead{letter-spacing:-.03em;margin:15px 0;font-size:24px;line-height:1.35}.design-service-detail .section-summary{max-width:900px;color:var(--tone-887abea6);font-size:14px}.design-service-detail .grid{gap:14px;display:grid}.design-service-detail .grid.cols3{grid-template-columns:repeat(3,1fr)}.design-service-detail .grid.cols2{grid-template-columns:repeat(2,1fr)}.design-service-detail .card{background:var(--tone-318ec08f);border:1px solid var(--tone-eaa20276);flex-direction:column;min-height:203px;padding:27px 25px;display:flex}.design-service-detail .card:nth-child(2){background:var(--tone-79dbf795)}.design-service-detail .card:nth-child(3){background:var(--tone-8df4f08d)}.design-service-detail .card .idx{letter-spacing:.13em;color:var(--tone-831af614);font:850 10px var(--sans)}.design-service-detail .card h3{letter-spacing:-.044em;margin:32px 0 11px;font-size:21px;line-height:1.4}.design-service-detail .card p{color:var(--tone-dd965f52);margin:0;font-size:13px;line-height:1.8}.design-service-detail .grid.cols2 .card{min-height:210px}.design-service-detail .grid.cols2 .card h3{font-size:23px}.design-service-detail .perspective{grid-template-columns:.94fr 1.06fr;align-items:center;gap:55px;display:grid}.design-service-detail .perspective .section-head{margin:0;display:block}.design-service-detail .perspective .section-head p{max-width:540px;margin-top:15px;font-size:14px}.design-service-detail .quote-art{background:var(--tone-290d99ac);align-items:flex-end;min-height:360px;padding:38px;display:flex;position:relative;overflow:hidden}.design-service-detail .quote-art:after{font-family:var(--serif);color:var(--tone-bc0928c7);content:"“";font-size:275px;line-height:1;position:absolute;top:-70px;right:35px}.design-service-detail .quote-art .inner{z-index:1;position:relative}.design-service-detail .quote-art h3{letter-spacing:-.045em;max-width:410px;margin:13px 0;font-size:clamp(27px,3.3vw,45px);line-height:1.34}.design-service-detail .quote-art p{max-width:390px;color:var(--tone-e5b8fc7b);margin:0;font-size:13px}.design-service-detail .list-plain{margin:20px 0;padding:0;list-style:none}.design-service-detail .list-plain li{border-top:1px solid var(--tone-275cb5a6);align-items:flex-start;gap:16px;padding:13px 0;font-size:13px;display:flex}.design-service-detail .list-plain li:before{color:var(--tone-1a71afe0);content:"↗";font-size:17px}.design-service-detail .list-plain li:last-child{border-bottom:1px solid var(--tone-275cb5a6)}.design-service-detail .deliver-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.design-service-detail .deliver{border-top:1px solid var(--tone-5da6f2e7);min-height:140px;padding:25px 20px 20px 0}.design-service-detail .deliver .micro{color:var(--tone-8bca2e02)}.design-service-detail .deliver h3{letter-spacing:-.03em;margin:13px 0 8px;font-size:20px;line-height:1.3}.design-service-detail .deliver p{color:var(--tone-09176227);margin:0;font-size:12px}.design-service-detail .dark .deliver{border-color:var(--tone-c18446b2)}.design-service-detail .dark .deliver p{color:var(--tone-d669b6da)}.design-service-detail .dark .deliver h3{color:var(--tone-d14f9016)}.design-service-detail .choice{grid-template-columns:1fr 1fr;gap:15px;display:grid}.design-service-detail .choice article{background:var(--tone-311d3d54);border:1px solid var(--tone-eaa20276);min-height:250px;padding:34px}.design-service-detail .choice article:last-child{background:var(--tone-0df3f239)}.design-service-detail .choice article small{letter-spacing:.12em;color:var(--tone-a89906fd);font:800 10px var(--sans)}.design-service-detail .choice article h3{letter-spacing:-.045em;margin:23px 0;font-size:27px;line-height:1.28}.design-service-detail .choice article p{color:var(--tone-ef1aeda7);margin:0;font-size:13px;line-height:1.87}.design-service-detail .timeline{border-top:1px solid var(--tone-cd2fb7af);grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.design-service-detail .timeline article{padding:20px 20px 0 0}.design-service-detail .timeline b{color:var(--tone-6cf53c2e);font:850 11px var(--sans)}.design-service-detail .timeline h3{margin:16px 0 10px;font-size:20px}.design-service-detail .timeline p{color:var(--tone-85cb5157);margin:0;font-size:12px}.design-service-detail .faq{max-width:870px}.design-service-detail .faq details{border-bottom:1px solid var(--tone-d4e1bc97);padding:21px 0}.design-service-detail .faq details:first-child{border-top:1px solid var(--tone-d4e1bc97)}.design-service-detail .faq summary{cursor:pointer;letter-spacing:-.025em;justify-content:space-between;align-items:center;gap:25px;font-size:17px;font-weight:850;list-style:none;display:flex}.design-service-detail .faq summary::-webkit-details-marker{display:none}.design-service-detail .faq summary:after{color:var(--tone-7e07c7f3);content:"+";font:300 27px var(--sans)}.design-service-detail .faq details[open] summary:after{content:"−"}.design-service-detail .faq details p{max-width:770px;color:var(--tone-cf28d543);margin:14px 0 4px;font-size:13px}.design-service-detail .proof{background:var(--tone-ade2e2bb)}.design-service-detail .proof-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.design-service-detail .proof-link{color:#fff;background:var(--tone-920ad24d);flex-direction:column;justify-content:space-between;min-height:293px;padding:35px;display:flex}.design-service-detail .proof-link:nth-child(2){color:var(--ink);background:var(--tone-424ed377)}.design-service-detail .proof-link .micro{color:var(--tone-5400a9f5)}.design-service-detail .proof-link:nth-child(2) .micro{color:var(--tone-ad1f82c2)}.design-service-detail .proof-link h3{letter-spacing:-.06em;margin:24px 0 12px;font-size:34px;line-height:1.22}.design-service-detail .proof-link p{max-width:450px;color:var(--tone-d7bff398);font-size:13px}.design-service-detail .proof-link:nth-child(2) p{color:var(--tone-3f226157)}.design-service-detail .proof-link .view{text-underline-offset:5px;font:850 11px var(--sans);text-decoration:underline}.design-service-detail .proof-disclaimer{color:var(--tone-1e4f1fc5);margin:16px 0 0;font-size:11px;line-height:1.7}.design-service-detail .action{background:var(--coral);padding:80px 0}.design-service-detail .action-inner{justify-content:space-between;align-items:end;gap:50px;display:flex}.design-service-detail .action h2{letter-spacing:-.06em;max-width:810px;margin:18px 0;font-size:clamp(39px,5vw,70px);line-height:1.2}.design-service-detail .action p{max-width:640px;font-size:14px}.design-service-detail .action .btn{flex:none}.design-service-detail .related{background:var(--tone-cdbcc40c);padding:58px 0 78px}.design-service-detail .related h2{letter-spacing:-.045em;margin:0 0 23px;font-size:24px}.design-service-detail .related-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.design-service-detail .related-grid a{background:var(--tone-f27f3128);border:1px solid var(--tone-84582769);justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:19px;display:flex}.design-service-detail .related-grid a:hover{background:var(--tone-d14f9016)}.design-service-detail .related-grid a strong{font-size:16px}.design-service-detail .related-grid a span{color:var(--tone-6f41c2b6);margin-top:8px;font-size:11px;display:block}.design-service-detail .related-grid a i{color:var(--tone-9e8b3f02);font-size:22px;font-style:normal}.design-service-detail .foot{color:var(--tone-b7b11a43);background:var(--dark);padding:30px 0}.design-service-detail .foot .container{letter-spacing:.05em;font:800 10px var(--sans);justify-content:space-between;gap:25px;display:flex}.design-service-detail .foot a{color:var(--tone-24f27702)}.design-service-detail .cat-hero{color:var(--tone-889e8c2a);background:var(--dark);padding:65px 0 90px;position:relative;overflow:hidden}.design-service-detail .cat-hero:after{pointer-events:none;letter-spacing:-.1em;color:var(--tone-e0e7ba9b);content:"01";font:950 330px/1 var(--sans);position:absolute;top:-70px;right:2%}.design-service-detail .cat-hero .container{z-index:1;position:relative}.design-service-detail .cat-hero .eyebrow{color:var(--tone-75631fab)}.design-service-detail .cat-hero h1{letter-spacing:-.074em;margin:20px 0;font-size:clamp(52px,7vw,100px);line-height:1.07}.design-service-detail .cat-hero h1 em{color:var(--tone-18cd25ab);font-style:normal}.design-service-detail .cat-hero p{max-width:700px;color:var(--tone-d35a303d);font-size:15px}.design-service-detail .cat-kicker{grid-template-columns:1fr 1fr;gap:50px;margin-bottom:44px;display:grid}.design-service-detail .category{border-bottom:1px solid var(--tone-3539215a);padding:76px 0}.design-service-detail .category:nth-of-type(2n){background:var(--tone-03929664)}.design-service-detail .category h2{letter-spacing:-.045em;margin:12px 0 8px;font-size:clamp(32px,3.3vw,45px)}.design-service-detail .category p{color:var(--tone-fdcbb606);margin:0 0 26px;font-size:13px}.design-service-detail .service-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.design-service-detail .service-card{background:var(--tone-f2e39f8a);border:1px solid var(--tone-9348aa55);flex-direction:column;justify-content:space-between;min-height:180px;padding:24px;transition:transform .15s,box-shadow .15s;display:flex}.design-service-detail .service-card:hover{box-shadow:0 14px 22px var(--tone-76be679f);transform:translateY(-4px)}.design-service-detail .service-card .cardtop{letter-spacing:.07em;color:var(--tone-44df830e);font:850 10px var(--sans);justify-content:space-between;align-items:center;display:flex}.design-service-detail .service-card strong{letter-spacing:-.04em;margin-top:28px;font-size:22px;line-height:1.25;display:block}.design-service-detail .service-card span.desc{color:var(--tone-499164ec);margin-top:8px;font-size:12px;line-height:1.65;display:block}.design-service-detail .service-card.is-original{background:var(--tone-0f834743)}.design-service-detail .service-card.is-redesign{background:var(--tone-23457a2e)}@media (width<=1130px){.design-service-detail .container{width:calc(100% - 64px)}.design-service-detail .nav{gap:16px}.design-service-detail .hero-grid{grid-template-columns:52% 48%}.design-service-detail .hero h1{font-size:58px}.design-service-detail .art{transform-origin:50%;transform:scale(.86)}.design-service-detail .service-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=850px){.design-service-detail .masthead{height:67px}.design-service-detail .nav{box-shadow:0 18px 26px var(--tone-3bc42a3b);background:var(--ivory);border-bottom:1px solid var(--tone-1e9a3dc4);flex-direction:column;align-items:stretch;padding:20px 30px;display:none;position:absolute;top:67px;left:0;right:0}.design-service-detail .nav.open{display:flex}.design-service-detail .nav a{padding:10px 0}.design-service-detail .menu{display:block}.design-service-detail .langs{margin-left:auto}.design-service-detail .talk{display:none}.design-service-detail .hero-grid{flex-direction:column;align-items:stretch;min-height:0;padding:36px 0 40px;display:flex}.design-service-detail .hero h1{font-size:clamp(49px,8.7vw,78px)}html[lang=en] .design-service-detail .hero h1{font-size:clamp(47px,8vw,72px)}.design-service-detail .hero-lead{max-width:730px}.design-service-detail .art{align-self:center;width:100%;max-width:620px;height:485px;margin-top:28px;transform:none}.design-service-detail .section-head{grid-template-columns:1fr;gap:15px}.design-service-detail .section-head p{max-width:670px}.design-service-detail .perspective{grid-template-columns:1fr}.design-service-detail .perspective .section-head{margin-bottom:26px}.design-service-detail .grid.cols3,.design-service-detail .service-grid{grid-template-columns:repeat(2,1fr)}.design-service-detail .proof-row{grid-template-columns:1fr 1fr}.design-service-detail .proof-link{padding:26px}.design-service-detail .proof-link h3{font-size:28px}.design-service-detail .category{padding:64px 0}}@media (width<=600px){.design-service-detail .container{width:calc(100% - 38px)}.design-service-detail .banner{height:26px}.design-service-detail .banner .container span:last-child{display:none}.design-service-detail .logo b{font-size:25px}.design-service-detail .logo small{padding-left:8px;font-size:7px}.design-service-detail .langs button{width:29px;height:29px}.design-service-detail .masthead .container{gap:10px}.design-service-detail .crumbs{padding-top:18px;font-size:10px}.design-service-detail .hero-grid{padding:39px 0 20px}.design-service-detail .hero h1{margin:19px 0;font-size:clamp(43px,11.3vw,65px)}html[lang=en] .design-service-detail .hero h1{font-size:clamp(42px,10.5vw,57px)}.design-service-detail .hero-lead{font-size:13px;line-height:1.84}.design-service-detail .hero-actions{flex-direction:column;align-items:stretch;max-width:370px}.design-service-detail .hero-actions .btn{width:100%}.design-service-detail .hero-under{font-size:10px}.design-service-detail .art{max-width:430px;height:380px;margin:15px auto 0}.design-service-detail .art-rot{border-width:8px;border-radius:17px;width:76%;height:74%;top:12%;left:9%}.design-service-detail .art-body{padding:14px}.design-service-detail .art-body h3{font-size:19px}.design-service-detail .art-body p{font-size:10px}.design-service-detail .art-mini{gap:5px;margin:10px 0}.design-service-detail .art-mini div{min-height:65px;padding:12px 8px;font-size:10px}.design-service-detail .art-note{width:156px;padding:13px;bottom:4%;right:-1%}.design-service-detail .art-note strong{margin:7px 0;font-size:13px}.design-service-detail .art-note small{font-size:8px}.design-service-detail .art-tag{padding:9px 10px;font-size:9px;top:3%;left:0}.design-service-detail .path .container{gap:10px;min-height:55px;padding:10px 0;font-size:9px}.design-service-detail .section{padding:67px 0}.design-service-detail .section h2{font-size:clamp(35px,9vw,52px)}.design-service-detail .section-head p{font-size:13px}.design-service-detail .grid.cols3,.design-service-detail .grid.cols2,.design-service-detail .deliver-grid,.design-service-detail .proof-row,.design-service-detail .service-grid,.design-service-detail .related-grid,.design-service-detail .choice{grid-template-columns:1fr}.design-service-detail .card{min-height:0;padding:24px}.design-service-detail .card h3{margin:22px 0 9px;font-size:20px}.design-service-detail .perspective{gap:0}.design-service-detail .quote-art{min-height:260px;padding:25px}.design-service-detail .quote-art h3{font-size:29px}.design-service-detail .deliver{min-height:110px}.design-service-detail .timeline{grid-template-columns:1fr;gap:0}.design-service-detail .timeline article{border-bottom:1px solid var(--tone-c18446b2);padding:23px 0}.design-service-detail .proof-link{min-height:275px}.design-service-detail .proof-link h3{font-size:35px}.design-service-detail .action{padding:65px 0}.design-service-detail .action-inner{display:block}.design-service-detail .action h2{font-size:43px}.design-service-detail .action .btn{margin-top:22px}.design-service-detail .related{padding:50px 0}.design-service-detail .related-grid a{min-height:78px}.design-service-detail .foot .container{line-height:2;display:block}.design-service-detail .cat-hero{padding:45px 0 65px}.design-service-detail .cat-hero h1{font-size:52px}.design-service-detail .cat-kicker{grid-template-columns:1fr;gap:0}.design-service-detail .category{padding:50px 0}.design-service-detail .service-card{min-height:155px}.design-service-detail .service-card strong{font-size:22px}}@media (width<=350px){.design-service-detail .container{width:calc(100% - 28px)}.design-service-detail .logo small{display:none}.design-service-detail .hero h1{font-size:40px}html[lang=en] .design-service-detail .hero h1{font-size:39px}.design-service-detail .art{height:345px}.design-service-detail .art-rot{width:81%;left:4%}.design-service-detail .art-note{width:127px;right:-3%}.design-service-detail .art-note strong{font-size:12px}.design-service-detail .art-mini{grid-template-columns:1fr}.design-service-detail .art-mini div:nth-child(2){display:none}.design-service-detail .path .container{gap:5px}.design-service-detail .section h2{font-size:34px}}@media (prefers-reduced-motion:reduce){.design-service-detail{scroll-behavior:auto}.design-service-detail *,.design-service-detail :after,.design-service-detail :before{transition:none!important;animation:none!important}}@property --tw-font-weight{syntax:"*";inherits:false}