:root{--paper:#f6f6f2;--white:#fff;--ink:#1a1c1e;--muted:#6b6f71;--line:#dedfda;--blue:#2459e8;--dark:#171b21;--max:1320px;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.2;letter-spacing:-.055em}h1{font-size:clamp(43px,5.5vw,82px)}h2{font-size:clamp(30px,3.4vw,50px)}h3{font-size:25px}.wrap{width:min(var(--max),calc(100% - 96px));margin:auto}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:22px;color:var(--muted)}.accent{color:var(--blue)}.muted{color:var(--muted)}.small{font-size:13px}.lead{font-size:18px;line-height:1.9;max-width:610px;color:var(--muted);margin-top:28px}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.site-header{height:90px;position:sticky;top:0;z-index:50;background:#f6f6f2f0;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;height:100%;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:132px;height:46px;object-fit:contain;mix-blend-mode:multiply}.brand small{border-left:1px solid #cdd0cb;padding-left:12px;font-size:11px;line-height:1.5;letter-spacing:.05em}.nav{display:flex;align-items:center;gap:25px;margin-left:auto}.nav a{font-size:14px;position:relative;white-space:nowrap;padding:12px 0}.nav a[aria-current=page]:after{content:'';height:2px;background:var(--ink);position:absolute;left:0;right:0;bottom:0}.nav a:hover{color:var(--blue)}.header-contact{border:1px solid #adb0ac;border-radius:40px;padding:9px 19px;font-size:13px;white-space:nowrap}.menu-toggle{display:none;background:none;border:0;font-size:15px;padding:10px}.hero{padding:90px 0 70px}.hero-split{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.hero h1 em{font-style:normal;color:#74797b}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-top:40px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:14px 23px;border-radius:40px;border:1px solid var(--ink);background:var(--ink);color:white;font-size:14px;transition:transform .25s,background .25s}.btn:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.btn.light{background:white;color:var(--ink);border-color:white}.btn.outline{background:transparent;color:inherit;border-color:#b6b9b5}.text-link{font-size:14px;border-bottom:1px solid #a8aaa5;padding-bottom:5px}.arrow{font-size:20px;line-height:1}.section{padding:90px 0;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:45px}.section-heading p{max-width:470px;color:var(--muted);align-self:end}.section-index{font-family:monospace;color:var(--muted);font-size:12px;margin-bottom:22px}.caption{font-size:12px;color:var(--muted);margin-top:12px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:55px 1fr 1.1fr 30px;gap:20px;padding:27px 0;border-bottom:1px solid var(--line);align-items:center;transition:padding .25s,color .25s}.service-row:hover{padding-left:14px;color:var(--blue)}.service-row h3{font-size:24px}.service-row p{font-size:14px;color:var(--muted)}.service-row .num{font-size:12px;color:var(--muted)}.visual-stage{position:relative;min-height:500px;background:#e9eae5;overflow:hidden;border-radius:4px;display:flex;align-items:center;justify-content:center}.window{background:#fff;border:1px solid #dbddd7;border-radius:9px;box-shadow:0 18px 50px #1b231414;overflow:hidden}.window-bar{height:34px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #e9eae6;padding:0 12px;font-size:9px;color:#747979;letter-spacing:.04em}.dot{width:5px;height:5px;background:#c7cac5;border-radius:50%}.window-bar span:last-child{margin-left:auto}.web-preview{width:80%;transform:rotate(-4deg) translate(-5%,-3%)}.web-preview img{width:100%;height:275px;object-fit:cover;object-position:top}.preview-note{padding:15px 20px;font-size:13px;display:flex;justify-content:space-between}.mini-phone{position:absolute;right:5%;bottom:6%;width:180px;background:#f8f8f5;border:5px solid #23262a;border-radius:27px;box-shadow:0 22px 45px #1d272733;transform:rotate(7deg);padding:15px 12px}.speaker{width:40px;height:5px;background:#23262a;border-radius:6px;margin:0 auto 16px}.mini-phone .logo{width:100%;margin:6px 0 15px;mix-blend-mode:multiply}.avatar{width:42px;height:42px;border-radius:50%;background:#e5e9ee;display:grid;place-items:center;color:#596474;font-size:16px}.mini-phone h4{margin:8px 0 2px;font-size:16px;font-weight:500}.mini-phone p{font-size:9px;color:#6b7071}.mini-phone .phone-block{margin-top:15px;background:#2459e8;color:#fff;border-radius:5px;text-align:center;padding:7px;font-size:10px}.float-label{position:absolute;top:30px;left:30px;background:#fff;border:1px solid #d8dcd4;padding:7px 11px;font-size:11px;border-radius:30px;z-index:2}.flow-band{display:grid;grid-template-columns:repeat(5,1fr);margin-top:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flow-band>div{padding:20px 10px 20px 0;position:relative}.flow-band>div:not(:last-child):after{content:'→';position:absolute;right:22px;top:25px;color:#a9ada7}.flow-band small{display:block;color:var(--muted);font-size:10px;margin-bottom:6px;letter-spacing:.1em}.flow-band strong{font-weight:500;font-size:16px}.dark{background:var(--dark);color:#f5f6f2;border-color:var(--dark)}.dark .eyebrow,.dark .muted,.dark .caption,.dark .section-index,.dark .section-heading p{color:#9fa5ad}.product-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.product-panel .product-logo{width:220px;background:white;border-radius:3px;margin-bottom:25px}.product-panel h2{line-height:1.35}.product-panel .lead{color:#b6bbc2}.diagram{display:grid;grid-template-columns:1fr 1fr;gap:15px}.diagram-box{min-height:140px;border:1px solid #414751;background:#20252e;padding:23px;border-radius:5px}.diagram-box:first-child{grid-column:span 2;background:#f3f4f0;color:#1a1c1e}.diagram-box small{font-size:10px;letter-spacing:.15em;color:#9ba6b6;display:block;margin-bottom:17px}.diagram-box:first-child small{color:#68717b}.diagram-box strong{font-weight:500;font-size:21px}.diagram-box p{font-size:12px;color:#9fa5ad;margin-top:8px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.case-item .case-media{height:290px;overflow:hidden;background:#e8e9e4;padding:25px 22px 0;position:relative}.case-item img{width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:0 12px 25px #0001;transition:transform .7s}.case-item:hover img{transform:translateY(-12px)}.case-item h3{font-size:23px;margin-top:20px}.case-item p{font-size:13px;color:var(--muted);margin-top:8px}.case-item .case-meta{display:flex;align-items:center;justify-content:space-between}.case-item.gold .case-media{background:#322a21}.case-item.gold img{object-fit:cover;object-position:center;box-shadow:none}.article-tease{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.scene-mini{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#e9ece6;padding:35px}.chat-bubble{background:white;border-radius:14px 14px 14px 0;padding:20px;font-size:14px;line-height:1.8}.chat-bubble.reply{background:#dbe8d0;grid-column:2;transform:translateY(-5px)}.chat-bubble.card{grid-column:span 2;display:flex;gap:15px;align-items:center}.chat-bubble.card img{width:90px}.cta{padding:70px 0;background:#e7e9e2}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{font-size:clamp(28px,3vw,43px)}.footer{padding:55px 0 22px;background:#f6f6f2}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer-brand{font-size:22px;font-weight:500}.footer-phone{font-size:clamp(25px,3vw,38px);font-weight:500;letter-spacing:-.03em}.footer small{font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;font-size:13px}.footer-bottom{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:40px;padding-top:20px;color:var(--muted);font-size:11px}.footer-bottom a{margin-right:12px}.plain-button{background:none;color:inherit;border:0;padding:0;font-size:13px;border-bottom:1px solid #979c94}.page-top{padding:70px 0}.page-top h1{max-width:980px}.page-top .lead{max-width:700px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:32px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.two-col>div{min-width:0}.benefits{margin:0;padding:0;list-style:none}.benefits li{border-bottom:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:40px 1fr;gap:12px}.benefits li span{font-size:12px;color:var(--muted)}.benefits h3{font-size:22px;margin-bottom:8px}.benefits p{font-size:14px;color:var(--muted)}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{border-top:1px solid var(--line);padding-top:22px}.step small{color:var(--muted)}.step h3{font-size:21px;margin:24px 0 13px}.step p{font-size:14px;color:var(--muted)}.editorial{max-width:830px;margin:auto}.editorial p{font-size:17px;line-height:2;margin-top:20px}.editorial h2{margin-top:65px;margin-bottom:20px;font-size:34px}.editorial blockquote{margin:35px 0;border-left:3px solid var(--blue);padding:10px 0 10px 25px;font-size:24px;line-height:1.7}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{font-size:19px;cursor:pointer}.faq p{max-width:800px;color:var(--muted);margin:16px 0 0;line-height:1.9}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:35px 0}.tabs button{border:1px solid #bfc4bc;background:transparent;padding:11px 23px;border-radius:30px;color:var(--ink);font-size:14px}.tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.scene-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;min-height:420px}.scene-copy h3{font-size:34px;line-height:1.4;margin:15px 0}.scene-copy p{color:var(--muted);max-width:500px}.scene-copy blockquote{margin:26px 0;padding:20px 24px;background:#fff;border-left:2px solid var(--blue);font-size:16px;line-height:1.9}.chat-window{background:#eceeea;max-width:440px;margin:auto;width:100%;border:1px solid #d6dbd2;border-radius:8px;padding:20px 25px;box-shadow:0 20px 40px #262d1610}.chat-window .chat-top{border-bottom:1px solid #d5d9d0;padding-bottom:15px;font-size:13px;text-align:center;margin-bottom:25px}.chat-window .message{padding:16px;background:#d4e6c6;margin-left:24px;border-radius:9px 0 9px 9px;font-size:14px}.shared-card{display:block;background:white;border:1px solid #e2e4de;margin:12px 0 20px 24px;border-radius:6px;padding:17px}.shared-card .shared-title{font-size:17px;font-weight:500}.shared-card .shared-body{display:flex;gap:15px;margin-top:12px}.shared-card img{width:65px;height:65px;object-fit:contain}.shared-card p{font-size:11px;color:#767d73}.shared-card .shared-foot{border-top:1px solid #eee;margin-top:15px;padding-top:8px;font-size:10px;color:#87907f}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.journey>div{background:#fff;border:1px solid var(--line);padding:26px;position:relative}.journey>div:not(:last-child):after{content:'↗';position:absolute;right:17px;top:20px;color:var(--blue)}.journey small{font-size:11px;color:var(--muted)}.journey h3{font-size:22px;margin:32px 0 15px}.journey p{font-size:13px;color:var(--muted)}.demo-shell{border:1px solid #3b424d;background:#1e232c;border-radius:9px;overflow:hidden}.demo-head{border-bottom:1px solid #3b424d;padding:17px 23px;display:flex;justify-content:space-between;font-size:12px;color:#adb5c3}.demo-tabs{display:flex;gap:0;border-bottom:1px solid #3b424d}.demo-tabs button{flex:1;padding:15px 6px;color:#aeb8c5;border:0;border-bottom:2px solid transparent;background:transparent;font-size:13px}.demo-tabs button[aria-selected=true]{color:white;border-color:#7195ff;background:#282f3a}.demo-panel{padding:35px;min-height:330px}.demo-card{max-width:340px;background:#f8f8f4;border-radius:8px;color:#1c2328;margin:auto;padding:25px}.demo-card .profile-row{display:flex;justify-content:space-between;align-items:center}.demo-card h3{font-size:26px}.demo-card p{font-size:12px;color:#6f777c;margin-top:10px}.demo-card .demo-line{border-top:1px solid #d9ded6;margin-top:18px;padding-top:16px}.demo-card .demo-links{display:flex;gap:7px;margin-top:20px}.demo-card .demo-links span{font-size:11px;padding:7px;background:#e9ece5;border-radius:4px}.demo-product{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-product img{height:165px;width:100%;object-fit:cover;border-radius:4px}.demo-metric{font-size:34px;margin:22px 0;letter-spacing:-.04em}.screen-full{background:#e5e7e0;padding:40px;border-radius:5px}.screen-full img{width:100%;height:auto;box-shadow:0 20px 35px #0001}.contact-form{padding:35px;background:white;border:1px solid var(--line)}.contact-form label{font-size:14px;display:block;margin-bottom:20px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #b9c0b5;background:#f7f8f4;padding:12px;margin-top:8px;border-radius:0;color:var(--ink)}.contact-form textarea{min-height:130px;resize:vertical}.contact-form .result{font-size:14px;white-space:pre-wrap;margin-top:20px;padding:15px;background:#f0f3eb}.mono{font-family:monospace;letter-spacing:.08em;font-size:11px}.tag-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.tag{font-size:12px;border:1px solid #ced3c9;padding:5px 12px;border-radius:25px}.intro-logo{width:290px;mix-blend-mode:multiply;margin-bottom:28px}.story-label{display:inline-block;border:1px solid var(--line);font-size:12px;padding:6px 12px;border-radius:20px;margin-bottom:25px}.page-enter{animation:page-in .5s ease both}.page-leaving main{opacity:0;transform:translateY(-7px);transition:opacity .16s,transform .16s}@keyframes page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.2s}::view-transition-new(root){animation-duration:.3s}.mio-share-dialog{border-radius:8px!important}.mio-share-dialog button{border-radius:25px!important;background:#f0f2ec!important;color:#1a1c1e!important}.mio-share-card{border-radius:4px!important}.mio-share-dialog input{border-radius:3px!important}
@media(min-width:1500px){.hero{padding-top:110px}.visual-stage{min-height:550px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.nav{gap:16px}.nav a{font-size:12px}.brand small{display:none}.header-contact{padding:9px 13px}.hero-split{gap:30px}.visual-stage{min-height:430px}.mini-phone{width:155px}.product-panel{gap:40px}.case-item .case-media{height:240px}.scene-panel{gap:30px}.journey>div{padding:20px}}
@media(max-width:800px){.site-header{height:75px}.header-inner{gap:14px}.brand img{width:122px}.header-contact{margin-left:auto}.menu-toggle{display:block}.nav{position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:0 28px;display:grid;gap:0;max-height:0;overflow:hidden;visibility:hidden;transition:max-height .35s ease,padding .35s,visibility .35s;border-bottom:1px solid var(--line)}.nav.open{max-height:550px;padding:20px 28px;visibility:visible}.nav a{font-size:17px;padding:13px 0;border-bottom:1px solid #e3e5de}.nav a[aria-current=page]:after{display:none}.nav a[aria-current=page]{color:var(--blue)}.hero{padding:50px 0}.hero-split,.product-panel,.article-tease,.two-col,.scene-panel{grid-template-columns:1fr}.hero h1{font-size:54px}.visual-stage{margin-top:15px;min-height:460px}.lead{font-size:16px;max-width:520px}.section{padding:60px 0}.section-heading{gap:25px;grid-template-columns:1fr}.section-heading p{max-width:600px}.flow-band{grid-template-columns:repeat(5,1fr);gap:5px}.flow-band strong{font-size:13px}.flow-band>div:not(:last-child):after{display:none}.service-row{grid-template-columns:25px 1fr 25px;gap:15px}.service-row p{grid-column:2;grid-row:2}.service-row .arrow{grid-column:3;grid-row:1}.service-row h3{font-size:22px}.case-grid{grid-template-columns:1fr 1fr}.case-item:last-child{grid-column:span 2}.case-item:last-child .case-media{height:320px}.step-grid,.journey{grid-template-columns:1fr 1fr}.cta-inner{align-items:start;flex-direction:column}.page-top{padding:45px 0}.page-top h1{font-size:48px}.demo-shell{margin-top:15px}.two-col{gap:35px}.footer-top{flex-direction:column}.scene-panel{gap:30px}.chat-window{margin-top:10px}.screen-full{padding:20px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.hero h1{font-size:43px;line-height:1.22}.page-top h1{font-size:40px}.header-contact{font-size:11px;padding:8px 11px}.brand img{width:105px}.menu-toggle{font-size:13px;padding:8px 0}.visual-stage{min-height:350px}.web-preview{width:85%;transform:rotate(-4deg) translate(-3%,-6%)}.web-preview img{height:210px}.mini-phone{width:133px;padding:10px;border-width:4px;right:4%;bottom:5%}.mini-phone h4{font-size:14px}.mini-phone .phone-block{margin-top:10px}.mini-phone .logo{margin-bottom:8px}.speaker{margin-bottom:8px}.float-label{left:15px;top:15px;font-size:9px}.flow-band{grid-template-columns:repeat(3,1fr);margin-top:30px}.flow-band>div{padding:15px 0}.flow-band strong{font-size:14px}.actions{gap:18px}.btn{padding:12px 20px;font-size:13px}.case-grid{grid-template-columns:1fr}.case-item:last-child{grid-column:auto}.case-item .case-media,.case-item:last-child .case-media{height:290px}.journey{gap:10px}.journey>div{padding:18px 15px}.journey h3{font-size:19px}.journey p{font-size:12px}.step-grid{gap:20px}.step h3{font-size:19px}.demo-panel{padding:20px}.demo-tabs button{font-size:11px}.scene-copy h3{font-size:29px}.tabs{gap:7px}.tabs button{padding:9px 15px;font-size:13px}.chat-window{padding:17px}.chat-window .message{margin-left:10px}.shared-card{margin-left:10px}.contact-form{padding:22px}.scene-mini{padding:20px;gap:10px}.chat-bubble{padding:15px;font-size:12px}.editorial p{font-size:16px}.editorial blockquote{font-size:21px}.footer-bottom{gap:12px}.product-panel .product-logo{width:190px}.intro-logo{width:235px}.diagram-box{padding:18px}.diagram-box strong{font-size:18px}.diagram-box p{font-size:11px}.screen-full{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}::view-transition-group(*){animation:none!important}}
/* V3: larger image-led compositions and quieter editorial hierarchy. */
:root{--paper:#f7f7f4;--ink:#17181c;--muted:#747579;--line:#e4e4df;--max:1400px}
.site-header{height:102px;border-bottom:0;background:#f7f7f4f2}.brand img{width:151px;height:53px}.brand small{display:none}.nav{gap:29px}.nav a{font-size:15px;font-weight:500}.header-contact{background:var(--ink);border-color:var(--ink);color:white;font-size:14px;padding:12px 23px}.header-inner{gap:32px}.nav a[aria-current=page]:after{height:1px;bottom:5px}.section{padding:110px 0}.section-heading{margin-bottom:62px;grid-template-columns:1.25fr 1fr}.section-heading h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.055em}.section-heading p{font-size:17px;line-height:1.9;max-width:470px}.clay-home-hero{padding:60px 0 44px}.clay-home-hero .hero-split{grid-template-columns:1.1fr 1fr;gap:10px;min-height:570px}.clay-home-hero h1{font-size:clamp(49px,5.1vw,82px);font-weight:500;line-height:1.24;letter-spacing:-.065em}.clay-home-hero .eyebrow{margin-bottom:30px;font-size:10px}.clay-home-hero .lead{font-size:18px;line-height:1.9;margin-top:30px}.clay-home-hero .actions{margin-top:36px}.sculpture-hero{margin:0;position:relative;min-width:0}.sculpture-hero img{width:110%;height:auto;max-width:none;transform:translateX(-4%);mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 94%,transparent),linear-gradient(0deg,transparent 0%,#000 12%,#000 87%,transparent);mask-composite:intersect}.sculpture-hero figcaption{font:9px/1.5 monospace;letter-spacing:.12em;color:#8c8b88;text-align:right;padding-right:20px;margin-top:5px}.hero-bottom{margin-top:26px;border-top:0;padding-top:20px}.hero-bottom p{font-size:13px;line-height:1.8;color:#77787b}.scroll-cue{display:flex;gap:22px;align-items:center;font-size:12px}.scroll-cue span{border:1px solid #b8b9b4;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:20px}.work-section{border-top:0;padding-top:75px}.clay-work-grid{grid-template-columns:1fr 1fr;gap:55px 30px}.clay-work-grid .case-item{min-width:0}.clay-work-grid .case-item .case-media{height:460px;padding:0;border-radius:13px;position:relative;isolation:isolate;background:#e5e7e1}.project-category{position:absolute;top:30px;left:32px;font-size:11px;letter-spacing:.1em;z-index:2}.project-screen{position:absolute;inset:82px 36px 48px;border-radius:6px;overflow:hidden;box-shadow:0 30px 55px #0002;transform:perspective(1200px) rotateY(-3deg) rotateX(3deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.case-item:hover .project-screen{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-8px)}.clay-work-grid .case-item img{width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:none;transform:none}.project-open{position:absolute;right:23px;bottom:20px;background:#ffffffdb;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:21px;color:#17181c;opacity:0;transform:translateY(8px);transition:.25s}.case-item:hover .project-open,.case-item:focus-visible .project-open{opacity:1;transform:none}.clay-work-grid .case-item h3{font-size:28px;margin-top:22px;letter-spacing:-.04em}.clay-work-grid .case-item p{font-size:15px;margin-top:9px}.clay-work-grid .case-mrhua .case-media{background:#e0c9bd}.case-shanhe .case-media{background:#203938!important;color:#e8eee4}.case-shanhe .project-screen{inset:85px 27px 48px}.case-shanhe img{object-fit:contain!important;background:#101b21}.case-kangzhi .case-media{background:#d9e2ef!important}.case-tunjoo .case-media{background:#383229!important;color:#e6d4af}.case-tunjoo .project-screen{inset:0;transform:none;box-shadow:none;border-radius:0}.case-tunjoo .project-screen img{object-fit:cover;object-position:center;opacity:.85}.case-tunjoo .project-category{background:#2d241bc9;padding:7px 12px;border-radius:25px}.case-tunjoo:hover .project-screen{transform:scale(1.035)}.service-section{background:#eeefeb;border-top:0}.service-section .service-row{padding:32px 0}.service-section .service-row:hover{padding-left:14px}.service-section .service-row h3{font-size:26px}.service-row p{font-size:15px}.dark .product-panel h2{font-size:clamp(34px,3.6vw,54px)}.case-cover{padding-bottom:70px}.case-hero-screen{padding:55px;border-radius:12px;background:#e0c9bd;overflow:hidden}.case-hero-screen img{width:100%;height:auto;box-shadow:0 25px 55px #0002;border-radius:5px}.case-hero-screen.case-shanhe{background:#203938}.case-hero-screen.case-kangzhi{background:#d9e2ef;max-height:1200px;overflow:auto}.detail-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail-image-pair figure{margin:0}.detail-image-pair img{width:100%;height:660px;object-fit:cover;border-radius:10px}.detail-image-pair figcaption{font-size:13px;margin-top:16px;color:var(--muted)}.partner-orbit{background:#e9edf3;padding:50px;border-radius:12px;min-height:360px;display:flex;flex-direction:column;justify-content:center}.orbit-small{font-size:12px;color:#7c8591;margin-bottom:35px}.partner-orbit strong{font-size:32px;font-weight:500;line-height:1.5;letter-spacing:-.05em}.orbit-types{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.orbit-types span{padding:8px 13px;background:#f7f8fa;border-radius:30px;font-size:12px}.orbit-bottom{border-top:1px solid #c6d0de;padding-top:25px;margin-top:35px;font-size:16px}.orbit-bottom i{font-style:normal;color:#8394ab;margin:0 16px}.partner-orbit p{font-size:14px;color:#7c8591;margin-top:25px;line-height:1.9}.partner-intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-bottom:70px}.partner-statement>p{font-size:29px;line-height:1.7;letter-spacing:-.035em}.partner-intro figure{margin:0}.partner-intro img{width:100%;mix-blend-mode:multiply;border-radius:12px}.partner-intro-line{display:flex;justify-content:space-between;gap:30px;margin-bottom:45px}.partner-intro-line p{font-size:14px;color:var(--muted)}.partner-stage-list{border-top:1px solid var(--line)}.partner-stage{display:grid;grid-template-columns:65px 1.15fr 1fr;gap:35px;padding:55px 0;border-bottom:1px solid var(--line)}.partner-number{font-size:15px;color:#8a8b8e;line-height:2}.partner-stage h2{font-size:31px;line-height:1.5;max-width:540px;letter-spacing:-.045em}.partner-stage .eyebrow{font-size:12px;letter-spacing:.05em;margin-bottom:17px;color:#7b8491}.partner-stage p{font-size:16px;line-height:1.95;color:var(--muted)}.stage-service{display:inline-block;font-size:12px;padding:7px 15px;background:#eaece6;border-radius:25px;margin-top:24px}.partner-support{border-top:1px solid #48505a}.partner-support>div{padding:27px 0;border-bottom:1px solid #48505a}.partner-support small{font-size:10px;letter-spacing:.1em;color:#84909e}.partner-support h3{font-size:24px;margin-top:15px}.partner-support p{font-size:14px;line-height:1.9;color:#a8b0bb;margin-top:12px}.page-top{padding-top:80px;padding-bottom:80px}.page-top h1{font-weight:500}.page-top .breadcrumb{margin-bottom:45px}.cta{background:#eceee8;padding:90px 0}.footer{padding-top:65px}
@media(min-width:1600px){.clay-home-hero h1{font-size:82px}.clay-home-hero .hero-split{min-height:620px}.clay-work-grid .case-item .case-media{height:500px}}
@media(max-width:1100px){.nav{gap:19px}.nav a{font-size:13px}.brand img{width:140px}.header-inner{gap:20px}.header-contact{font-size:12px;padding:10px 18px}.clay-home-hero h1{font-size:55px}.clay-home-hero .hero-split{min-height:480px}.clay-home-hero .lead{font-size:16px}.clay-work-grid .case-item .case-media{height:360px}.project-screen{inset:67px 22px 36px}.case-shanhe .project-screen{inset:67px 18px 36px}.partner-stage{grid-template-columns:40px 1fr 1fr;gap:25px}.partner-stage h2{font-size:27px}.detail-image-pair img{height:500px}}
@media(max-width:800px){.site-header{height:78px}.nav{top:78px}.nav a{font-size:17px}.header-contact{font-size:12px}.clay-home-hero{padding-top:45px}.clay-home-hero .hero-split{grid-template-columns:1fr;gap:12px}.clay-home-hero h1{font-size:61px;max-width:660px}.clay-home-hero .lead{font-size:17px}.sculpture-hero{width:min(600px,100%);margin:auto}.sculpture-hero img{width:100%;transform:none}.hero-bottom{margin-top:5px}.section{padding:75px 0}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:38px}.section-heading p{font-size:16px}.section-heading h2{font-size:42px}.clay-work-grid{gap:35px 20px}.clay-work-grid .case-item:last-child{grid-column:auto}.clay-work-grid .case-item .case-media,.clay-work-grid .case-item:last-child .case-media{height:300px}.project-screen{inset:65px 18px 34px}.case-shanhe .project-screen{inset:65px 15px 34px}.project-category{top:23px;left:22px;font-size:10px}.clay-work-grid .case-item h3{font-size:24px}.clay-work-grid .case-item p{font-size:13px}.project-open{opacity:1;transform:none;right:14px;bottom:12px;width:30px;height:30px;font-size:17px}.partner-intro{grid-template-columns:1fr;gap:25px}.partner-intro figure{max-width:550px;margin:auto}.partner-stage{grid-template-columns:35px 1fr;gap:20px}.partner-stage>div:last-child{grid-column:2}.partner-stage h2{max-width:none;font-size:29px}.partner-stage p{font-size:15px}.partner-stage .eyebrow{margin-bottom:12px}.partner-intro-line{flex-direction:column;gap:0}.partner-statement>p{font-size:25px}.case-hero-screen{padding:26px}.detail-image-pair{gap:20px}.detail-image-pair img{height:400px}.page-top{padding:50px 0}.partner-orbit{padding:35px;min-height:300px}.partner-orbit strong{font-size:29px}}
@media(max-width:480px){.brand img{width:119px}.header-contact{padding:9px 15px;font-size:11px}.header-inner{gap:14px}.clay-home-hero{padding-top:42px}.clay-home-hero h1{font-size:43px;line-height:1.3;letter-spacing:-.06em}.clay-home-hero .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:22px}.clay-home-hero .lead{font-size:15px;line-height:1.9;margin-top:23px}.clay-home-hero .lead br{display:none}.clay-home-hero .actions{margin-top:27px}.sculpture-hero figcaption{font-size:7px;padding-right:5px}.hero-bottom{padding-top:10px}.hero-bottom p{font-size:11px}.scroll-cue{font-size:11px;gap:12px}.scroll-cue span{width:32px;height:32px}.section-heading h2{font-size:34px}.clay-work-grid{grid-template-columns:1fr;gap:35px}.clay-work-grid .case-item .case-media,.clay-work-grid .case-item:last-child .case-media{height:320px;border-radius:9px}.project-screen{inset:65px 22px 38px}.case-shanhe .project-screen{inset:65px 16px 38px}.clay-work-grid .case-item h3{font-size:26px;margin-top:17px}.clay-work-grid .case-item p{font-size:13px}.work-section{padding-top:35px}.service-section .service-row h3{font-size:22px}.service-section .service-row p{font-size:14px}.case-hero-screen{padding:15px;border-radius:8px}.case-cover{padding-bottom:40px}.detail-image-pair{grid-template-columns:1fr;gap:30px}.detail-image-pair img{height:460px}.partner-statement>p{font-size:21px}.partner-stage{padding:35px 0;gap:15px;grid-template-columns:25px 1fr}.partner-stage h2{font-size:25px}.partner-stage p{font-size:14px}.partner-number{font-size:12px}.partner-orbit{padding:28px}.partner-orbit strong{font-size:26px}.partner-intro{padding-bottom:45px}.page-top .breadcrumb{margin-bottom:30px}.cta{padding:60px 0}}

/* Three horizontal bars rotate into three vertical bars when expanded. */
.menu-toggle{width:44px;height:44px;flex:0 0 44px;padding:10px;border-radius:50%;color:var(--ink)}
.menu-icon{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:20px;margin:auto;transform:rotate(0deg);transition:transform .4s cubic-bezier(.22,.8,.25,1)}
.menu-icon>span{display:block;width:24px;height:2px;flex:0 0 2px;background:currentColor;border-radius:2px}
.menu-toggle[aria-expanded="true"] .menu-icon{transform:rotate(90deg)}
@media(prefers-reduced-motion:reduce){.menu-icon{transition:none}}

/* Larger MioShow mark, with compact spacing on narrow phones. */
.brand img{width:190px;height:66px}
@media(max-width:1100px){.brand img{width:166px;height:58px}.header-inner{gap:16px}.nav{gap:14px}.nav a{font-size:13px}}
@media(max-width:900px) and (min-width:801px){.header-inner{gap:12px}.nav{gap:10px}.header-contact{padding:10px 14px}.brand img{width:150px}}
@media(max-width:800px){.brand img{width:150px;height:56px}.header-inner{gap:12px}}
@media(max-width:360px){.brand img{width:140px;height:52px}.header-inner{gap:6px}.header-contact{padding:9px 12px}}