@font-face{
  font-family:"MiSans";
  src:url("assets/fonts/MiSans-VF.woff2") format("woff2-variations");
  font-style:normal;
  font-weight:150 700;
  font-display:swap;
}
:root{
  --qt-font:"MiSans","Microsoft YaHei",Arial,sans-serif;
  --ink:#0b0e0d;--paper:#f4f6f2;--white:#fff;--muted:#717873;--line:#dfe5df;
  --green:#18cf78;--green2:#a8ffcf;--blue:#6173ff;--soft:#eef2ed;--card:#f8faf7;
  --radius:26px;--shadow:0 30px 80px rgba(10,18,13,.10);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--qt-font);font-synthesis:none;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6;overflow-x:hidden}
html,body{-ms-overflow-style:none;scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1320px,calc(100% - 56px));margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(244,246,242,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,14,13,.06)}.navin{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:.02em}.mark{width:34px;height:24px;position:relative}.mark:before,.mark:after{content:"";position:absolute;border:5px solid var(--blue);border-radius:999px;width:18px;height:10px;transform:rotate(-20deg)}.mark:after{border-color:var(--green);left:11px;top:5px}.menu{display:flex;gap:30px;align-items:center;font-size:14px}.menu a{opacity:.72}.menu a:hover,.menu .active{opacity:1}.cta{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700}.cta.green{background:var(--green);color:#06130c}.cta.outline{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.hero{min-height:770px;display:grid;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-10%;top:-20%;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(24,207,120,.21),rgba(97,115,255,.08) 42%,transparent 70%);filter:blur(8px);pointer-events:none}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#0aa75b;font-weight:800;margin-bottom:24px}.hero-grid{display:grid;grid-template-columns:1.17fr .83fr;gap:72px;align-items:center}.hero h1,.page-hero h1{font-size:clamp(58px,7vw,112px);line-height:.91;letter-spacing:-.065em;margin:0;max-width:900px;font-weight:760}.hero .lead,.page-hero .lead{font-size:19px;color:#545b57;max-width:640px;margin:30px 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.meta-row{display:flex;gap:34px;margin-top:55px}.meta strong{display:block;font-size:28px}.meta span{font-size:12px;color:var(--muted)}
.device-stage{height:520px;position:relative}.panel{position:absolute;background:#fff;border:1px solid rgba(10,14,13,.08);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.panel.main{width:92%;height:360px;right:0;top:65px}.panel.phone{width:150px;height:310px;left:0;bottom:0;border-radius:32px}.panel.side{width:230px;height:290px;right:-36px;bottom:-18px;background:#0d1210;color:#fff}.topbar{height:36px;background:#f6f8f6;border-bottom:1px solid #edf0ed;display:flex;align-items:center;gap:6px;padding:0 14px}.dot{width:7px;height:7px;border-radius:50%;background:#ccd3ce}.ui{padding:20px}.ui-row{display:grid;grid-template-columns:1.5fr .8fr;gap:16px}.ui-card{border:1px solid #e6ebe7;border-radius:14px;padding:14px;background:#fff;min-height:80px}.bars span{height:8px;border-radius:99px;background:#e8ede9;display:block;margin:10px 0}.bars span:nth-child(2){width:72%;background:#c9f6dc}.chart{height:105px;background:linear-gradient(180deg,rgba(24,207,120,.2),transparent),linear-gradient(135deg,transparent 48%,#18cf78 49%,#18cf78 51%,transparent 52%);border-radius:12px;margin-top:12px}.phone .ui-card{margin-bottom:12px}.side .ui{padding:24px}.side .num{font-size:50px;font-weight:800}.side .pill{display:inline-block;border:1px solid #38443d;padding:6px 10px;border-radius:999px;font-size:11px;color:#aeb8b1}
.section{padding:120px 0}.section.white{background:#fff}.section.dark{background:#0a0d0c;color:#fff}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:58px}.section-head h2{font-size:clamp(42px,5vw,74px);line-height:1;letter-spacing:-.055em;margin:0;max-width:820px}.section-head p{max-width:430px;color:var(--muted);margin:0}.dark .section-head p{color:#99a29c}.kicker{font-size:12px;font-weight:800;color:var(--green);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:330px;padding:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.25s;background:#fff}.service-card:hover{background:#f4fbf6}.num{font-size:12px;color:#10a65c;font-weight:800}.service-card h3{font-size:34px;letter-spacing:-.03em;margin:50px 0 12px}.service-card p{color:var(--muted);max-width:480px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.tag{font-size:12px;padding:7px 10px;background:#eef2ef;border-radius:999px}.arrow{position:absolute;right:32px;top:32px;font-size:26px;transform:rotate(-45deg)}
.case-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.case{border-radius:28px;overflow:hidden;background:#dfe4df;position:relative;min-height:530px;padding:38px;display:flex;flex-direction:column;justify-content:space-between}.case:nth-child(2){background:#d6d9ff}.case:nth-child(3){background:#111512;color:#fff}.case:nth-child(4){background:#d6f7e4}.case.wide{grid-column:1/-1;min-height:440px}.case h3{font-size:42px;letter-spacing:-.04em;line-height:1.05;margin:0;max-width:700px}.case small{font-weight:800;letter-spacing:.08em}.case-visual{height:250px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.06);padding:20px;display:grid;grid-template-columns:1fr .4fr;gap:14px;box-shadow:0 25px 60px rgba(0,0,0,.08)}.case.darkish .case-visual{background:#181f1b}.mini-nav{height:26px;border-bottom:1px solid rgba(0,0,0,.08)}.screen-block{margin-top:15px;height:150px;border-radius:12px;background:linear-gradient(135deg,#ecefec,#fff)}.screen-block.green{background:linear-gradient(135deg,#19cf78,#baf5d5)}.screen-block.blue{background:linear-gradient(135deg,#6173ff,#d9ddff)}
.principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333a36}.principle{padding:30px 22px 50px 0;border-right:1px solid #333a36}.principle:last-child{border-right:none}.principle h3{font-size:28px;line-height:1.05;margin:30px 0 16px}.principle p{color:#97a099;font-size:14px}.big-quote{font-size:clamp(48px,6vw,92px);line-height:.98;letter-spacing:-.06em;margin:0 0 70px;max-width:1100px}.big-quote em{font-style:normal;color:var(--green)}
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:26px;overflow:hidden}.step{padding:32px;min-height:260px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.step:nth-child(3n){border-right:0}.step:nth-child(n+4){border-bottom:0}.step h3{font-size:25px;margin:42px 0 10px}.step p{font-size:14px;color:var(--muted)}
.stack{display:flex;gap:10px;flex-wrap:wrap}.stack span{padding:11px 14px;background:#151a17;border:1px solid #283029;border-radius:999px;color:#c6cec9;font-size:13px}.contact-band{background:var(--green);padding:88px 0}.contact-band .inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.contact-band h2{font-size:clamp(44px,6vw,82px);line-height:.95;letter-spacing:-.055em;margin:0}.contact-band .cta{background:#0b0e0d}
footer{background:#0a0d0c;color:#fff;padding:70px 0 34px}.footgrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:60px}.footbrand{font-size:34px;font-weight:800;letter-spacing:-.04em}.footlinks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;font-size:14px;color:#aab1ac}.fine{border-top:1px solid #252a27;margin-top:55px;padding-top:22px;color:#7f8882;font-size:12px;display:flex;justify-content:space-between}
.page-hero{padding:145px 0 110px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(24,207,120,.15),transparent 70%);right:-120px;top:-210px}.page-hero h1{font-size:clamp(62px,6vw,96px)}.page-hero .lead{max-width:690px}.subnav{display:flex;gap:10px;flex-wrap:wrap}.subnav a{padding:9px 14px;border:1px solid #dce2dd;border-radius:999px;font-size:13px;background:#fff}.subnav a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.feature-row{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;padding:76px 0;border-top:1px solid var(--line)}.feature-row h2{font-size:48px;line-height:1.04;letter-spacing:-.04em;margin:0}.feature-row p{color:var(--muted)}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.check{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px}.check b{display:block;margin-bottom:4px}.check small{color:var(--muted)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:38px}.filter{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px}.filter.on{background:#0c100e;color:#fff}.case-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.case-item{border-radius:24px;background:#fff;overflow:hidden;border:1px solid var(--line)}.case-thumb{height:310px;padding:26px;background:#e8ece8}.case-thumb.blue{background:#dde1ff}.case-thumb.green{background:#d8f6e5}.mock{width:100%;height:100%;background:white;border-radius:14px;box-shadow:0 20px 45px rgba(0,0,0,.09);padding:18px}.case-info{padding:24px}.case-info h3{font-size:28px;margin:0 0 7px}.case-info p{color:var(--muted);margin:0}.case-info .tags{margin-top:18px}
.detail-hero{background:#0b0e0d;color:#fff;padding:135px 0 80px}.detail-hero h1{font-size:clamp(58px,6vw,98px);line-height:.95;letter-spacing:-.06em;max-width:1000px;margin:18px 0 36px}.detail-meta{display:flex;gap:40px;color:#9ea6a1}.hero-screen{margin-top:60px;height:600px;border-radius:28px;background:linear-gradient(135deg,#d9f7e5,#f5f7ff);padding:46px;display:grid;place-items:center}.hero-screen .browser{width:88%;height:86%;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.18);padding:20px}.browser .navline{height:34px;border-bottom:1px solid #edf0ee}.browser .heroarea{height:45%;margin-top:24px;background:linear-gradient(135deg,#eef5f0,#d9f8e6);border-radius:14px}.browser .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.browser .tiles div{height:100px;background:#f1f4f2;border-radius:12px}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}.stat{padding:30px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat b{font-size:38px}.stat span{display:block;color:var(--muted);font-size:13px}
.solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.solution{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;min-height:320px}.solution h3{font-size:32px;line-height:1.05;margin:46px 0 14px}.solution p{color:var(--muted)}.solution .result{margin-top:28px;border-top:1px solid var(--line);padding-top:18px;font-size:13px;font-weight:700}
.about-hero{background:#0b0e0d;color:#fff}.about-hero .lead{color:#a4ada7}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.manifesto{font-size:clamp(45px,5vw,72px);line-height:1.03;letter-spacing:-.05em}.about-card{background:#151a17;border:1px solid #29302c;border-radius:28px;padding:40px}.about-card p{color:#a5aea8}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value{background:#fff;border:1px solid var(--line);padding:30px;border-radius:22px}.value h3{font-size:26px}.value p{color:var(--muted);font-size:14px}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between}.article h3{font-size:26px;line-height:1.15}.article p{color:var(--muted);font-size:14px}.date{font-size:12px;color:#7c857f}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-layout h2{font-size:62px;line-height:.98;letter-spacing:-.05em}.form{background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{border:1px solid #dbe1dc;border-radius:13px;padding:15px 16px;background:#fafcf9;outline:none}.field textarea{height:140px;resize:vertical}.budget{display:flex;gap:8px;flex-wrap:wrap}.budget span{border:1px solid #dbe1dc;border-radius:999px;padding:8px 12px;font-size:12px}.contact-points{margin-top:50px;display:grid;gap:22px}.contact-points b{display:block}.contact-points span{color:var(--muted);font-size:14px}
@media(max-width:980px){.wrap{width:min(100% - 32px,900px)}.menu a:not(.cta){display:none}.hero{min-height:auto;padding:80px 0}.hero-grid,.contact-layout,.about-grid,.feature-row{grid-template-columns:1fr}.device-stage{height:430px;margin-top:20px}.section{padding:82px 0}.section-head{display:block}.section-head p{margin-top:20px}.case-grid,.case-list,.solution-grid{grid-template-columns:1fr}.case.wide{grid-column:auto}.principles{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.step:nth-child(3n){border-right:1px solid var(--line)}.step:nth-child(2n){border-right:0}.step:nth-child(n+4){border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.values,.article-grid{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr}.contact-band .inner{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:620px){.navin{height:70px}.brand span:last-child{display:none}.hero h1,.page-hero h1{font-size:54px}.hero .lead{font-size:16px}.meta-row{gap:18px;flex-wrap:wrap}.device-stage{height:350px}.panel.main{height:270px}.panel.phone{width:105px;height:220px}.panel.side{width:160px;height:210px}.service-grid{grid-template-columns:1fr}.section{padding:66px 0}.section-head h2{font-size:46px}.case{padding:26px;min-height:430px}.case h3{font-size:34px}.case-visual{height:210px}.principles{grid-template-columns:1fr}.principle{border-right:none;border-bottom:1px solid #333a36}.process{grid-template-columns:1fr}.step{border-right:0!important;border-bottom:1px solid var(--line)!important}.step:last-child{border-bottom:0!important}.feature-row h2{font-size:40px}.checklist{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.contact-layout h2{font-size:48px}.page-hero{padding:100px 0 70px}.hero-screen{height:360px;padding:18px}}

/* =========================================================
   V2 / DESKTOP SHOWPIECE LAYER
   ========================================================= */
:root{--ease:cubic-bezier(.16,1,.3,1)}
html{scroll-behavior:auto}.showpiece{background:#f2f4f0}.showpiece .wrap{width:min(1540px,calc(100% - 80px))}
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:9999;pointer-events:none}.scroll-progress i{display:block;width:100%;height:100%;background:var(--green);transform:scaleX(0);transform-origin:left center}
.page-curtain{position:fixed;inset:0;background:#0a0d0c;z-index:9998;pointer-events:none;transform:translateY(-100%)}body.page-exit .page-curtain{animation:curtainIn .55s var(--ease) forwards}@keyframes curtainIn{to{transform:translateY(0)}}
.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;z-index:9997;border-radius:50%;pointer-events:none;mix-blend-mode:difference}.cursor-dot{width:6px;height:6px;background:#fff;margin:-3px}.cursor-ring{width:42px;height:42px;border:1px solid rgba(255,255,255,.8);margin:-21px;transition:width .25s var(--ease),height .25s var(--ease),margin .25s var(--ease),background .25s}.cursor-ring.is-link{width:72px;height:72px;margin:-36px;background:rgba(255,255,255,.12)}
.nav-float{position:fixed;left:0;right:0;top:0;background:transparent;border:0;transition:background .35s,color .35s,transform .35s var(--ease)}.nav-float.is-scrolled{background:rgba(244,246,242,.78);backdrop-filter:blur(22px);border-bottom:1px solid rgba(0,0,0,.06)}.showpiece .navin{height:92px}.showpiece .menu{gap:28px}.showpiece .menu a{font-size:13px;letter-spacing:.02em}.showpiece .menu .cta{padding:12px 18px}
.hero-showpiece{height:100svh;min-height:790px;overflow:hidden;isolation:isolate;padding-top:92px}.hero-showpiece:after{display:none}.hero-show-grid{height:100%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px}.hero-copy{position:relative;z-index:3;padding-top:2vh}.display-title{font-size:clamp(74px,7.25vw,142px)!important;line-height:.82!important;letter-spacing:-.078em!important;max-width:950px!important}.title-row{display:flex;align-items:baseline;gap:.18em;overflow:hidden;padding-bottom:.08em}.title-row .accent{color:var(--green);font-size:.57em;letter-spacing:-.05em}.reveal-word{display:inline-block;transform:translateY(115%);animation:heroWord 1.15s var(--ease) forwards}.title-row:nth-child(1) .reveal-word{animation-delay:.08s}.title-row:nth-child(2) .reveal-word:nth-child(1){animation-delay:.16s}.title-row:nth-child(2) .reveal-word:nth-child(2){animation-delay:.24s}.title-row:nth-child(3) .reveal-word{animation-delay:.32s}@keyframes heroWord{to{transform:translateY(0)}}
.hero-showpiece .eyebrow{margin-bottom:34px}.hero-bottom{display:flex;gap:34px;align-items:center;margin-top:38px;max-width:700px}.hero-bottom p{font-size:14px;color:#59605c;max-width:390px;letter-spacing:.01em}.round-link{width:108px;height:108px;border-radius:50%;background:#0b0e0d;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:11px;font-weight:800;line-height:1.15;transition:transform .35s var(--ease),background .35s}.round-link b{font-size:18px}.round-link:hover{background:var(--green);color:#06130c}.round-link.light{background:#fff;color:#0b0e0d}
.hero-stage-wrap{height:min(72vh,690px);position:relative;perspective:1300px;transform-style:preserve-3d}.stage-glow{position:absolute;width:70%;aspect-ratio:1;right:5%;top:10%;border-radius:50%;background:radial-gradient(circle,#a5ffd0 0,rgba(24,207,120,.15) 38%,rgba(97,115,255,.08) 55%,transparent 72%);filter:blur(12px)}.stage-screen{position:absolute;width:84%;height:61%;right:2%;top:18%;background:#f9fbf8;border:1px solid rgba(10,14,13,.1);border-radius:20px;box-shadow:0 55px 120px rgba(9,24,15,.18);overflow:hidden;transform:rotateY(-5deg) rotateX(2deg);will-change:transform}.stage-top{height:42px;border-bottom:1px solid #e6ebe7;display:flex;align-items:center;gap:7px;padding:0 15px;font-size:9px;color:#8c958f;letter-spacing:.12em}.stage-top i{width:7px;height:7px;border-radius:50%;background:#d0d6d2}.stage-top span{margin-left:auto}.stage-body{height:calc(100% - 42px);display:grid;grid-template-columns:105px 1fr}.stage-side{border-right:1px solid #e8ece9;padding:24px 16px;display:flex;flex-direction:column;gap:12px}.stage-side b{font-size:9px;letter-spacing:.12em;margin-bottom:15px}.stage-side span{height:7px;border-radius:20px;background:#e7ebe8}.stage-side span.on{background:#18cf78;width:75%}.stage-content{padding:28px}.stage-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stage-kpis div{border:1px solid #e5eae6;border-radius:11px;padding:13px}.stage-kpis small{font-size:8px;color:#8d9690;display:block}.stage-kpis b{font-size:19px}.green-text{color:#0cad5c}.stage-chart{height:150px;margin-top:18px;border-radius:12px;background:linear-gradient(#f7faf8,#f3f7f4);color:#16b765;overflow:hidden}.stage-chart svg{width:100%;height:100%}.stage-rows{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:8px;margin-top:16px}.stage-rows span{height:42px;border-radius:9px;background:#eef2ef}.stage-phone{position:absolute;width:175px;height:350px;right:72%;bottom:4%;border-radius:32px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 36px 90px rgba(20,25,22,.22);padding:28px 15px 16px;transform:rotate(-5deg);display:flex;flex-direction:column;overflow:hidden;will-change:transform}.phone-notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:54px;height:13px;background:#0e110f;border-radius:10px}.phone-hero{height:120px;border-radius:15px;background:linear-gradient(135deg,#18cf78,#bff6d7);margin-bottom:17px}.stage-phone b{font-size:16px}.stage-phone span{height:7px;border-radius:20px;background:#e7ebe8;margin-top:8px}.stage-phone span:nth-of-type(2){width:68%}.stage-phone button{border:0;background:#0b0e0d;color:#fff;border-radius:10px;padding:11px;margin-top:auto}.floating-card{position:absolute;z-index:4;border-radius:18px;box-shadow:0 24px 70px rgba(12,24,16,.16);backdrop-filter:blur(16px);will-change:transform}.floating-card-a{right:-2%;top:8%;width:184px;padding:17px;background:rgba(8,13,10,.9);color:#fff}.floating-card-b{right:2%;bottom:9%;width:205px;padding:19px;background:rgba(255,255,255,.84);border:1px solid rgba(0,0,0,.08)}.floating-card span,.floating-card small{display:block;font-size:8px;letter-spacing:.12em;opacity:.6}.floating-card strong{display:block;font-size:22px;margin:8px 0}.hero-grid-lines{position:absolute;inset:0;z-index:-1;opacity:.38;background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,transparent,#000 30%,#000 100%)}.hero-orbit{position:absolute;right:-10vw;top:-12vw;width:55vw;height:55vw;z-index:-1}.hero-orbit i{position:absolute;inset:0;border:1px solid rgba(24,207,120,.16);border-radius:50%;animation:orbit 18s linear infinite}.hero-orbit i:nth-child(2){inset:12%;animation-duration:26s;animation-direction:reverse;border-color:rgba(97,115,255,.15)}.hero-orbit i:nth-child(3){inset:25%;animation-duration:13s}@keyframes orbit{to{transform:rotate(360deg)}}.hero-scroll{position:absolute;left:40px;bottom:36px;display:flex;align-items:center;gap:14px;transform:rotate(-90deg);transform-origin:left bottom;font-size:9px;letter-spacing:.2em;color:#69716c}.hero-scroll i{width:46px;height:1px;background:#777f79;overflow:hidden}.hero-scroll i:after{content:"";display:block;width:45%;height:100%;background:#101410;animation:scrollPulse 1.8s ease-in-out infinite}@keyframes scrollPulse{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
.marquee-band{height:94px;background:#0a0d0c;color:#fff;display:flex;align-items:center;overflow:hidden}.marquee-track{display:flex;align-items:center;gap:28px;white-space:nowrap;width:max-content;animation:marquee 28s linear infinite}.marquee-track span{font-size:34px;font-weight:760;letter-spacing:-.04em}.marquee-track i{color:var(--green);font-style:normal;font-size:18px}@keyframes marquee{to{transform:translateX(-50%)}}
.services-show{padding:170px 0 160px}.services-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:start}.services-sticky{position:sticky;top:145px}.services-sticky h2{font-size:clamp(56px,5vw,88px);line-height:.92;letter-spacing:-.06em;margin:0 0 28px}.services-sticky p{max-width:430px;color:#69706c}.service-lines{border-top:1px solid #cad1cc}.service-line{display:grid;grid-template-columns:56px 1fr 40px;gap:28px;align-items:center;min-height:210px;border-bottom:1px solid #cad1cc;position:relative;overflow:hidden}.service-line:before{content:"";position:absolute;inset:0;background:var(--green);transform:translateY(102%);transition:transform .55s var(--ease);z-index:-1}.service-line:hover:before{transform:translateY(0)}.service-line>span{font-size:12px;font-weight:800}.service-line small{font-size:10px;letter-spacing:.13em;color:#7a827d}.service-line h3{font-size:clamp(40px,4vw,66px);line-height:.9;letter-spacing:-.055em;margin:6px 0 13px}.service-line p{margin:0;color:#737a76;max-width:530px}.service-line>b{font-size:25px;transition:transform .4s var(--ease)}.service-line:hover>b{transform:rotate(45deg)}.service-line:hover small,.service-line:hover p{color:#183021}
.showcase{position:relative;background:#0a0d0c;color:#fff}.showcase-sticky{height:100svh;min-height:780px;position:sticky;top:0;overflow:hidden;display:flex;flex-direction:column}.showcase-head{height:220px;display:flex;justify-content:space-between;align-items:end;padding-bottom:34px}.showcase-head h2{font-size:clamp(45px,4.1vw,70px);line-height:.92;letter-spacing:-.055em;margin:0}.showcase-count{display:flex;align-items:end;gap:10px}.showcase-count b{font-size:58px;line-height:.8}.showcase-count span{font-size:9px;line-height:1.2;color:#89918c}.showcase-viewport{flex:1;overflow:visible}.showcase-track{height:100%;width:max-content;display:flex;align-items:flex-start;gap:22px;padding:0 max(40px,calc((100vw - 1540px)/2 + 40px)) 55px;will-change:transform}.project-shot{width:min(76vw,1240px);height:calc(100svh - 280px);min-height:500px;max-height:720px;border-radius:30px;position:relative;overflow:hidden;padding:28px;color:#0b0e0d;transform-style:preserve-3d;will-change:transform}.project-green{background:#b4f3cf}.project-blue{background:#bdc4ff}.project-black{background:#101411;color:#fff}.project-paper{background:#edf0eb}.project-meta{height:72px;display:grid;grid-template-columns:45px 1fr 35px;align-items:start;gap:20px;position:relative;z-index:2}.project-meta>span{font-size:12px;font-weight:800}.project-meta small{font-size:9px;letter-spacing:.13em;opacity:.6}.project-meta h3{font-size:28px;letter-spacing:-.045em;margin:0}.project-meta>b{font-size:23px}.project-browser{position:absolute;left:7%;right:7%;top:22%;bottom:-7%;background:#fff;border-radius:18px;box-shadow:0 35px 80px rgba(0,0,0,.16);overflow:hidden;transform:rotate(-1deg)}.browser-head{height:34px;border-bottom:1px solid #e8ece9}.browser-content{height:calc(100% - 34px);display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr auto;gap:18px;padding:35px}.browser-title{font-size:clamp(48px,5vw,85px);line-height:.82;font-weight:800;letter-spacing:-.07em;align-self:center}.browser-photo{background:linear-gradient(145deg,#0b0e0d,#284a37);border-radius:14px}.browser-data{grid-column:1/-1;display:flex;gap:30px;border-top:1px solid #e7ebe8;padding-top:15px;font-size:9px;letter-spacing:.12em}.mobile-wall{position:absolute;inset:15% 10% 0;display:flex;justify-content:center;gap:45px;align-items:end}.mobile-device{width:230px;height:430px;border-radius:36px;background:#fff;color:#0b0e0d;box-shadow:0 35px 80px rgba(0,0,0,.16);padding:36px 22px;transform:rotate(-6deg);position:relative}.mobile-device.second{transform:translateY(46px) rotate(5deg);background:#0b0e0d;color:#fff}.mobile-device i{display:block;width:55px;height:13px;background:#0b0e0d;border-radius:10px;position:absolute;top:12px;left:50%;transform:translateX(-50%)}.mobile-device.second i{background:#fff}.mobile-device b{display:block;font-size:45px;letter-spacing:-.06em;margin-top:80px}.mobile-device p{font-size:14px}.mobile-device button{position:absolute;bottom:22px;left:22px;right:22px;border:0;border-radius:12px;padding:13px;background:var(--green)}.mobile-device span{display:block;height:8px;background:#39403c;border-radius:20px;margin-top:12px}.mobile-orbit{position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.28);border-radius:50%;top:10%;z-index:-1}.data-grid{position:absolute;inset:22% 7% 7%;display:grid;grid-template-columns:1fr 1.3fr;grid-template-rows:1fr .75fr;gap:16px}.data-grid>div{border:1px solid #29312c;border-radius:16px;background:#151a17}.data-number{padding:30px}.data-number small{font-size:9px;letter-spacing:.13em;color:#7e8881}.data-number strong{display:block;font-size:clamp(70px,7vw,120px);line-height:.9;color:var(--green);letter-spacing:-.08em;margin:22px 0}.data-number span{font-size:10px;color:#a8b1ab}.data-radar{background:radial-gradient(circle,transparent 0 20%,#1b241e 21% 22%,transparent 23% 40%,#1b241e 41% 42%,transparent 43%),conic-gradient(from 45deg,#18cf7812,#18cf7844,#18cf7812)!important}.data-bars{grid-column:1/-1;display:flex;gap:14px;align-items:end;padding:26px}.data-bars i{flex:1;height:var(--h);min-height:10px;background:linear-gradient(#18cf78,#0a552f);border-radius:8px 8px 2px 2px}.admin-canvas{position:absolute;left:6%;right:6%;top:22%;bottom:-6%;background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.12);display:grid;grid-template-columns:110px 1fr;overflow:hidden}.admin-nav{background:#101410}.admin-main{padding:35px}.admin-title{font-size:35px;font-weight:800;letter-spacing:-.05em}.admin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:25px 0}.admin-cards i{height:90px;border-radius:12px;background:#e9eeea}.admin-cards i:nth-child(2){background:#bbf1cf}.admin-table{border:1px solid #e5eae6;border-radius:12px;padding:10px}.admin-table span{display:block;height:30px;border-bottom:1px solid #e9edea}.project-end{width:min(68vw,1040px);height:calc(100svh - 280px);min-height:500px;max-height:720px;display:flex;flex-direction:column;justify-content:center;padding:80px}.project-end small{font-size:10px;letter-spacing:.13em;color:#7f8882}.project-end h3{font-size:clamp(58px,6vw,100px);line-height:.88;letter-spacing:-.065em;margin:25px 0 42px}.project-end .round-link{flex:none}
.philosophy-show{padding:180px 0}.outline-text{color:transparent;-webkit-text-stroke:1px #a2aba5}.manifest-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw;border-top:1px solid #29302c;padding-top:45px}.manifest-number{display:flex;align-items:end;gap:18px}.manifest-number b{font-size:clamp(85px,9vw,150px);letter-spacing:-.08em;line-height:.8;color:var(--green)}.manifest-number span{font-size:10px;letter-spacing:.14em;color:#8f9992}.manifest-copy p{font-size:18px;color:#a7b0aa;max-width:620px;margin-top:0}.process-show{padding:160px 0}.process-animated .step{transition:background .45s var(--ease),transform .45s var(--ease)}.process-animated .step:hover{background:#0a0d0c;color:#fff;transform:translateY(-7px)}.process-animated .step:hover p{color:#97a099}.final-cta{min-height:88svh;background:var(--green);position:relative;overflow:hidden;display:grid;align-items:center}.final-inner{position:relative;z-index:2}.final-inner h2{font-size:clamp(78px,9vw,170px);line-height:.8;letter-spacing:-.078em;margin:20px 0 50px;max-width:1400px}.final-inner h2 span{color:#fff}.mega-link{display:flex;align-items:center;justify-content:space-between;border-top:2px solid #0a0d0c;border-bottom:2px solid #0a0d0c;padding:25px 0;font-size:22px;font-weight:800}.mega-link b{font-size:34px}.final-orbit{position:absolute;width:65vw;height:65vw;border:1px solid rgba(0,0,0,.16);border-radius:50%;right:-24vw;top:-24vw}.final-orbit:before,.final-orbit:after{content:"";position:absolute;border:1px solid rgba(0,0,0,.12);border-radius:50%;inset:14%}.final-orbit:after{inset:28%}
.reveal{opacity:0;transform:translateY(45px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.inview{opacity:1;transform:none}.hero-showpiece .reveal{animation:heroFade .9s .3s var(--ease) forwards}.hero-showpiece .hero-bottom.reveal{animation-delay:.6s}@keyframes heroFade{to{opacity:1;transform:none}}
@media (hover:hover){.magnetic{will-change:transform}.project-shot{transition:box-shadow .4s var(--ease)}.project-shot:hover{box-shadow:0 50px 110px rgba(0,0,0,.18)}}
@media(max-width:1100px){.cursor-dot,.cursor-ring{display:none}.showpiece .wrap{width:min(100% - 36px,960px)}.hero-showpiece{height:auto;min-height:0;padding:130px 0 80px}.hero-show-grid{grid-template-columns:1fr}.hero-stage-wrap{height:560px}.hero-copy{padding-top:0}.display-title{font-size:clamp(65px,10vw,100px)!important}.services-layout{grid-template-columns:1fr}.services-sticky{position:relative;top:auto;margin-bottom:40px}.showcase{height:auto!important}.showcase-sticky{position:relative;height:auto;min-height:0;padding:100px 0}.showcase-head{height:auto;padding-bottom:50px}.showcase-track{width:auto;display:grid;grid-template-columns:1fr;gap:24px;padding:0 18px;transform:none!important}.project-shot,.project-end{width:100%;height:650px;min-height:0}.project-end{padding:50px}.manifest-grid{grid-template-columns:1fr;gap:60px}}
@media(max-width:700px){.showpiece .navin{height:72px}.hero-showpiece{padding-top:100px}.display-title{font-size:54px!important;line-height:.88!important}.title-row .accent{font-size:.52em}.hero-bottom{align-items:flex-end}.round-link{width:88px;height:88px}.hero-stage-wrap{height:400px;margin-top:25px}.stage-screen{width:93%;right:0;height:61%}.stage-side{display:none}.stage-body{grid-template-columns:1fr}.stage-content{padding:14px}.stage-chart{height:95px}.stage-phone{width:112px;height:230px;right:70%;padding:24px 10px 10px}.phone-hero{height:72px}.stage-phone b{font-size:11px}.stage-phone button{padding:7px;font-size:10px;bottom:10px;left:10px;right:10px}.floating-card-a{width:132px}.floating-card-b{display:none}.hero-scroll{display:none}.marquee-band{height:72px}.marquee-track span{font-size:25px}.services-show{padding:100px 0}.services-sticky h2{font-size:53px}.service-line{min-height:180px;grid-template-columns:40px 1fr 25px;gap:15px}.service-line h3{font-size:42px}.showcase-head{display:block}.showcase-count{margin-top:25px}.project-shot,.project-end{height:520px;padding:18px;border-radius:20px}.project-meta{grid-template-columns:30px 1fr 22px}.project-meta h3{font-size:21px}.project-browser{left:4%;right:4%;top:25%}.browser-content{grid-template-columns:1fr;padding:20px}.browser-photo{display:none}.browser-title{font-size:55px}.mobile-wall{inset:24% 3% 0;gap:10px}.mobile-device{width:155px;height:300px;padding:25px 15px;border-radius:25px}.mobile-device b{font-size:28px;margin-top:48px}.data-grid{inset:28% 4% 5%;grid-template-columns:1fr}.data-radar{display:none}.data-bars{grid-column:auto}.admin-canvas{left:3%;right:3%;top:28%;grid-template-columns:60px 1fr}.admin-main{padding:18px}.admin-title{font-size:25px}.admin-cards i{height:60px}.project-end h3{font-size:56px}.philosophy-show{padding:110px 0}.manifest-number b{font-size:90px}.final-cta{min-height:75svh}.final-inner h2{font-size:64px}.final-orbit{width:100vw;height:100vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.reveal-word{transform:none}.marquee-track{transform:none}.showcase-track{transform:none!important}}

/* ========================================================================
   QINGTONG V3 / SHOWPIECE EDITION
   ======================================================================== */
:root{--qt-black:#080b0a;--qt-paper:#f4f6f2;--qt-green:#18cf78;--qt-line:rgba(10,14,12,.15);--qt-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:auto}.showpiece-page{background:var(--qt-paper);overflow-x:clip}.showpiece-page .wrap{width:min(100% - 72px,1520px)}
.showpiece-page .nav-showpiece .navin{width:100%;max-width:none;padding-inline:clamp(18px,2.2vw,48px)}
.nav-showpiece{position:fixed;top:0;left:0;right:0;z-index:90;background:rgba(244,246,242,.74);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(9,12,10,.08);transition:background .45s,color .45s,border-color .45s}.nav-showpiece.is-dark{background:rgba(8,11,10,.62);color:#fff;border-color:rgba(255,255,255,.12)}.nav-showpiece.is-dark .brand,.nav-showpiece.is-dark .menu>a:not(.cta){color:#fff}.nav-showpiece .cta{background:#0a0d0c;color:#fff}.nav-showpiece.is-dark .cta{background:var(--qt-green);color:#08100c}
.nav-showpiece .menu>a.cta:after{content:"↗"}
.showpiece-footer{background:#070a09;color:#fff;padding:90px 0 30px}.showpiece-footer p{color:#8f9993;max-width:450px}.showpiece-footer .footlinks a{color:#dce2de}.showpiece-footer .fine{border-color:#29302c;color:#6f7972}

/* Home WebGL brand installation */
.webgl-stage{position:relative;min-height:720px;isolation:isolate;border-radius:40px;overflow:hidden;background:radial-gradient(circle at 55% 45%,#17352a 0,#0e1713 35%,#080c0a 72%);box-shadow:0 50px 120px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08)}
.qt-webgl{position:absolute;inset:0;width:100%;height:100%;z-index:1}.webgl-fallback{position:absolute;inset:0;display:grid;place-items:center;opacity:.4}.webgl-fallback i{position:absolute;width:44%;aspect-ratio:1;border:1px solid rgba(24,207,120,.35);border-radius:50%;animation:qtFallback 10s linear infinite}.webgl-fallback i:nth-child(2){width:62%;animation-direction:reverse;animation-duration:16s}.webgl-fallback i:nth-child(3){width:82%;animation-duration:22s}@keyframes qtFallback{to{transform:rotate(360deg)}}
.webgl-hud{position:absolute;z-index:3;color:#fff;font-size:10px;letter-spacing:.18em;text-transform:uppercase;display:flex;gap:18px;align-items:center;pointer-events:none}.webgl-hud span{opacity:.48}.webgl-hud b{font-size:10px}.hud-a{left:28px;top:28px}.hud-b{right:28px;bottom:28px;writing-mode:vertical-rl;transform:rotate(180deg)}
.webgl-seed-label{position:absolute;z-index:3;left:32px;bottom:32px;display:flex;align-items:center;gap:15px;color:#fff}.webgl-seed-label>i{width:11px;height:11px;background:var(--qt-green);border-radius:50%;box-shadow:0 0 0 10px rgba(24,207,120,.08),0 0 36px var(--qt-green)}.webgl-seed-label>span{font-size:24px;line-height:1;font-weight:800}.webgl-seed-label small{display:block;margin-top:7px;font-size:8px;letter-spacing:.16em;color:#75867d;font-weight:600}
.webgl-crosshair{position:absolute;z-index:2;inset:50% auto auto 50%;width:100px;height:100px;transform:translate(-50%,-50%);opacity:.28;pointer-events:none}.webgl-crosshair i:first-child{position:absolute;left:50%;top:0;width:1px;height:100%;background:#fff}.webgl-crosshair i:last-child{position:absolute;top:50%;left:0;height:1px;width:100%;background:#fff}
.hero-showpiece .hero-stage-wrap.webgl-stage{transform:perspective(1400px) rotateY(-5deg) rotateX(2deg);transition:transform 1s var(--qt-ease)}.hero-showpiece .hero-stage-wrap.webgl-stage:hover{transform:perspective(1400px) rotateY(-1deg) rotateX(0)}

/* Services overview */
.service-hero-kinetic{min-height:100svh;background:var(--qt-black);color:#fff;position:relative;display:flex;align-items:flex-end;padding:150px 0 76px;overflow:hidden}.service-hero-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49.95%,rgba(255,255,255,.06) 50%,transparent 50.05%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 100%,100% 11vh;mask-image:linear-gradient(to bottom,black,transparent 93%)}.service-hero-inner{position:relative;z-index:2}.mega-type{margin:18px 0 45px;font-size:clamp(90px,13vw,240px);line-height:.72;letter-spacing:-.082em;font-weight:900}.mega-type>span{display:block}.mega-type .outline{color:transparent;-webkit-text-stroke:1.4px rgba(255,255,255,.68)}.mega-type .green{color:var(--qt-green);margin-left:11vw}.service-hero-foot{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);padding-top:25px}.service-hero-foot p{color:#98a19b;font-size:17px;line-height:1.75;margin:0}
.service-theatre{position:relative;background:#eef1ed;display:grid;grid-template-columns:52vw 1fr}.theatre-stage{position:relative}.theatre-stage-inner{height:100svh;position:sticky;top:0;overflow:hidden;background:#0a0d0c}.theatre-index{position:absolute;z-index:10;top:105px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:flex-start;color:#fff}.theatre-index span{font-size:10px;letter-spacing:.18em;color:#66736c}.theatre-index b{font-size:70px;line-height:.8;color:var(--qt-green)}.scene{position:absolute;inset:0;opacity:0;transform:scale(.94) rotate(-2deg);transition:opacity .8s var(--qt-ease),transform 1.1s var(--qt-ease);display:grid;place-items:center;overflow:hidden}.scene.is-active{opacity:1;transform:scale(1) rotate(0);z-index:2}.scene:before{content:"";position:absolute;inset:12% 9%;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:rotate(-18deg)}.scene-orbit-label{position:absolute;left:40px;bottom:38px;color:#65726b;font-size:10px;letter-spacing:.18em}.scene-browser{width:76%;aspect-ratio:1.18;background:#f1f2ef;border-radius:16px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.45);transform:rotate(-5deg) translateY(4%)}.scene-browser-top{height:37px;border-bottom:1px solid #d9ded9;display:flex;align-items:center;gap:7px;padding:0 14px;font-size:8px;color:#8c948f;letter-spacing:.1em}.scene-browser-top i{width:7px;height:7px;border-radius:50%;background:#c4cac5}.scene-browser-top span{margin-left:auto}.scene-browser-body{height:calc(100% - 37px);padding:34px;position:relative;background:#eef0ec;color:#0b0d0c}.scene-browser-body strong{font-size:clamp(34px,4.7vw,82px);line-height:.78;letter-spacing:-.08em;position:relative;z-index:2}.scene-web-poster{position:absolute;right:5%;top:15%;bottom:10%;width:42%;background:radial-gradient(circle at 50% 40%,#33e68f 0 8%,transparent 9%),repeating-radial-gradient(circle at 50% 50%,transparent 0 16px,rgba(12,24,18,.18) 17px 18px),#173a2a;border-radius:2px;transform:rotate(4deg)}.scene-web-nav{position:absolute;bottom:20px;left:34px;display:flex;gap:22px;font-size:7px;letter-spacing:.14em}.scene-miniapp{background:radial-gradient(circle at 50% 50%,#252f69,transparent 45%)}.scene-phone{position:absolute;width:220px;height:455px;background:#f6f7f4;border:8px solid #151916;border-radius:38px;padding:47px 20px 20px;box-shadow:0 30px 80px rgba(0,0,0,.4);color:#111}.scene-phone-notch{position:absolute;width:76px;height:19px;background:#151916;border-radius:20px;top:9px;left:50%;transform:translateX(-50%)}.scene-phone small{font-size:9px;color:#808680}.scene-phone b{display:block;font-size:38px;line-height:.9;margin-top:75px;letter-spacing:-.05em}.scene-phone button{position:absolute;bottom:20px;left:20px;right:20px;border:0;background:#7787ff;color:#fff;padding:15px;border-radius:13px;font-weight:800}.phone-one{transform:translate(-30%,-2%) rotate(-12deg)}.phone-two{transform:translate(43%,7%) rotate(9deg);background:#101411;color:#fff}.phone-two b{color:#8b99ff}.scene-timeline{display:grid;gap:12px;margin-top:55px}.scene-timeline i{height:8px;background:#26302b;border-radius:8px}.scene-timeline i:first-child{width:86%;background:#7787ff}.scene-timeline i:nth-child(2){width:62%}.scene-timeline i:nth-child(3){width:42%}.scene-phone-ring{width:600px;height:600px;border:1px solid rgba(119,135,255,.4);border-radius:50%;box-shadow:0 0 100px rgba(119,135,255,.08)}
.scene-system{background:#0a0d0c}.system-shell{width:82%;height:60%;background:#111613;border:1px solid #26302b;border-radius:18px;display:grid;grid-template-columns:68px 1fr;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.38);transform:rotate(3deg)}.system-shell aside{border-right:1px solid #26302b;display:flex;align-items:center;flex-direction:column;padding:18px 0;gap:21px}.system-shell aside b{color:#ffb448}.system-shell aside i{width:17px;height:17px;border:1px solid #475149;border-radius:5px}.system-main{padding:28px;color:#fff}.system-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:#8a948e}.system-head b{color:#ffb448}.system-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:32px 0}.system-kpis div{border:1px solid #29322d;padding:18px}.system-kpis small{display:block;color:#718078;font-size:8px}.system-kpis strong{display:block;font-size:28px;margin-top:8px}.system-chart{height:135px;color:#ffb448;border-bottom:1px solid #29322d}.system-chart svg{width:100%;height:100%}.system-table{display:grid;gap:9px;margin-top:18px}.system-table i{height:7px;background:#202924;border-radius:9px}.system-table i:nth-child(2){width:75%}.system-table i:nth-child(3){width:85%}.system-table i:nth-child(4){width:58%}
.scene-maintenance{background:radial-gradient(circle at 55% 45%,#3a1715,transparent 55%)}.code-window{width:77%;background:#0b0e0c;border:1px solid #303831;border-radius:18px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.5);transform:rotate(-4deg)}.code-top{height:48px;border-bottom:1px solid #283029;color:#7c877f;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:10px}.code-top b{color:#f06b5e}.code-window pre{margin:0;padding:30px;color:#dbe0dc;font:15px/2.05 var(--qt-font)}.code-window pre em{font-style:normal;color:#45504a;display:inline-block;width:34px}.code-window mark{background:rgba(240,107,94,.14);color:#ff988f;padding:4px 6px}
.theatre-chapters{padding:0 6vw 0 5vw}.theatre-chapter{min-height:100svh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #ccd2cd;padding:110px 0}.theatre-chapter small{font-size:10px;letter-spacing:.18em;color:#7a847e}.theatre-chapter h2{font-size:clamp(68px,7vw,128px);line-height:.8;letter-spacing:-.075em;margin:22px 0 32px}.theatre-chapter p{font-size:18px;line-height:1.75;color:#606a64;max-width:590px}.theatre-chapter ul{list-style:none;padding:0;margin:28px 0 42px;border-top:1px solid #cfd4d0}.theatre-chapter li{padding:12px 0;border-bottom:1px solid #cfd4d0;font-size:13px}.theatre-chapter>a{font-weight:850;letter-spacing:.08em;border-bottom:2px solid #0b0e0c;align-self:flex-start;padding-bottom:5px}.service-close{background:var(--qt-green);padding:150px 0 130px}.service-close h2{font-size:clamp(75px,10vw,180px);line-height:.78;letter-spacing:-.08em;margin:25px 0 55px}.service-close h2 span{color:#fff}.service-close-grid{display:flex;justify-content:space-between;align-items:flex-end;border-top:2px solid #0b0d0c;padding-top:28px}.service-close-grid p{max-width:560px;font-size:18px;line-height:1.7}

/* Individual service pages */
.service-detail-hero{min-height:100svh;background:#090c0a;color:#fff;padding:165px 0 80px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.service-detail-hero:before{content:"";position:absolute;width:48vw;height:48vw;border-radius:50%;border:1px solid color-mix(in srgb,var(--service-accent) 38%,transparent);right:-15vw;top:-14vw;box-shadow:0 0 160px color-mix(in srgb,var(--service-accent) 8%,transparent)}.service-detail-hero h1{position:relative;z-index:2;font-size:clamp(82px,10.8vw,198px);line-height:.78;letter-spacing:-.08em;margin:26px 0 48px;max-width:1500px}.service-detail-hero h1 span{color:var(--service-accent)}.service-detail-lead{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.16);padding-top:25px}.service-detail-lead p{max-width:680px;color:#99a29c;font-size:18px;line-height:1.7;margin:0}.sd-marquee{position:absolute;bottom:0;left:0;right:0;height:30px;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);color:#4e5a53;font-size:9px;letter-spacing:.18em;display:flex;align-items:center}.sd-marquee span{white-space:nowrap;animation:sdMarquee 32s linear infinite}@keyframes sdMarquee{to{transform:translateX(-50%)}}
.service-story{display:grid;grid-template-columns:50vw 1fr;background:#eef1ed}.service-story-visual{position:relative}.service-story-pin{position:sticky;top:0;height:100svh;background:#0b0e0c;overflow:hidden;display:grid;place-items:center}.ssv-label{position:absolute;z-index:5;left:34px;top:106px;color:#fff}.ssv-label>span{font-size:84px;font-weight:900;line-height:.8;color:var(--service-accent)}.ssv-label small{display:block;margin-top:10px;color:#657069;font-size:9px;letter-spacing:.18em}.ssv-canvas{width:78%;height:62%;display:grid;place-items:center;transition:transform .7s var(--qt-ease),filter .7s var(--qt-ease)}.ssv-canvas.scene-breathe{animation:ssvBreathe .65s var(--qt-ease)}@keyframes ssvBreathe{50%{transform:scale(.96) rotate(-1deg);filter:brightness(1.25)}}.ssv-progress{position:absolute;left:34px;right:34px;bottom:30px;height:2px;background:#26302b}.ssv-progress i{display:block;height:100%;width:25%;background:var(--service-accent);transition:width .7s var(--qt-ease)}
.service-story-copy{padding:0 7vw 0 6vw}.service-story-chapter{min-height:100svh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #cdd2ce;padding:105px 0}.ssc-num{font-size:11px;color:#8c9690}.service-story-chapter>small{font-size:9px;letter-spacing:.18em;color:var(--service-accent);font-weight:800;margin-top:26px}.service-story-chapter h2{font-size:clamp(64px,6.7vw,116px);line-height:.82;letter-spacing:-.075em;margin:20px 0 30px}.service-story-chapter p{font-size:18px;line-height:1.8;color:#626d66;max-width:620px}.ssc-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.ssc-tags span{border:1px solid #c5ccc7;border-radius:99px;padding:8px 12px;font-size:10px}.service-deliver{padding:150px 0;background:#f6f7f4}.service-deliver h2{font-size:clamp(72px,8.2vw,145px);line-height:.82;letter-spacing:-.075em;margin:25px 0 60px}.service-deliver h2 span{color:var(--service-accent)}.deliver-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c7cdc8;border-left:1px solid #c7cdc8}.deliver-grid>div{min-height:230px;border-right:1px solid #c7cdc8;border-bottom:1px solid #c7cdc8;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.deliver-grid b{font-size:50px;color:var(--service-accent)}.deliver-grid span{font-weight:800;font-size:17px}.service-next{padding:100px 0;background:var(--service-accent);color:#08100c}.service-next p{font-size:10px;letter-spacing:.18em}
.detail-visual-browser{width:100%;aspect-ratio:1.12;background:#f3f4f1;border-radius:18px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.45);transform:rotate(-5deg)}.dv-top{height:38px;border-bottom:1px solid #d8ddd9;display:flex;align-items:center;gap:7px;padding:0 14px}.dv-top i{width:7px;height:7px;background:#c9ceca;border-radius:50%}.dv-top span{margin-left:auto;font-size:7px;letter-spacing:.13em;color:#929a95}.dv-web{height:calc(100% - 38px);padding:28px;color:#0b0e0c;position:relative}.dv-web small{font-size:8px;letter-spacing:.16em}.dv-web strong{display:block;font-size:clamp(42px,5vw,80px);line-height:.75;letter-spacing:-.08em;margin-top:42px;position:relative;z-index:2}.dv-poster{position:absolute;right:6%;top:16%;width:42%;height:68%;background:radial-gradient(circle,#28dc83 0 10%,transparent 11%),repeating-radial-gradient(circle,rgba(20,40,30,.18) 0 1px,transparent 2px 15px),#18392b;transform:rotate(4deg)}
.detail-phone-set{position:relative;width:100%;height:100%;display:grid;place-items:center}.detail-phone{position:absolute;width:220px;height:450px;background:#f5f6f3;border:8px solid #141815;border-radius:38px;padding:42px 20px 20px;color:#0c0f0d;box-shadow:0 35px 90px rgba(0,0,0,.45)}.detail-phone>i{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:75px;height:18px;border-radius:20px;background:#141815}.detail-phone small{font-size:8px;color:#858d88}.detail-phone b{display:block;font-size:46px;line-height:.84;margin-top:85px}.detail-phone p{color:#747e77}.detail-phone button{position:absolute;left:20px;right:20px;bottom:20px;border:0;background:var(--service-accent);padding:14px;border-radius:12px;color:#fff}.detail-phone.a{transform:translateX(-31%) rotate(-12deg)}.detail-phone.b{transform:translateX(34%) rotate(10deg);background:#0d110f;color:#fff}.detail-phone.b b{color:var(--service-accent)}.detail-phone.b span{display:block;height:7px;background:#252e29;margin:12px 0;border-radius:8px}.detail-phone.b span:nth-of-type(1){width:90%;background:var(--service-accent)}.detail-phone.b span:nth-of-type(2){width:68%}.detail-phone.b span:nth-of-type(3){width:45%}
.detail-dashboard{width:100%;height:72%;display:grid;grid-template-columns:62px 1fr;border:1px solid #27312b;border-radius:16px;overflow:hidden;transform:rotate(4deg);box-shadow:0 35px 90px rgba(0,0,0,.42)}.detail-dashboard aside{border-right:1px solid #27312b;display:flex;flex-direction:column;align-items:center;padding:18px 0;gap:20px}.detail-dashboard aside b{color:var(--service-accent)}.detail-dashboard aside i{width:16px;height:16px;border:1px solid #475249;border-radius:5px}.detail-dashboard section{padding:24px;color:#fff}.dd-head{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em;color:#7c8981}.dd-head b{color:var(--service-accent)}.dd-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:26px 0}.dd-kpi span{border:1px solid #27312b;padding:15px;font-size:25px;font-weight:800}.dd-kpi small{display:block;font-size:7px;color:#738077}.dd-chart{height:135px;color:var(--service-accent)}.dd-chart svg{width:100%;height:100%}.dd-list{display:grid;gap:8px}.dd-list i{height:7px;background:#252e29;border-radius:8px}.dd-list i:nth-child(2){width:78%}.dd-list i:nth-child(3){width:58%}
.detail-code{width:100%;background:#0d100e;border:1px solid #2e3731;border-radius:18px;overflow:hidden;transform:rotate(-4deg);box-shadow:0 35px 90px rgba(0,0,0,.5)}.dc-head{height:46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #283029;padding:0 18px;font-size:9px;color:#758078}.dc-head b{color:var(--service-accent)}.detail-code pre{padding:26px;margin:0;color:#d9dedb;font:14px/2 var(--qt-font)}.detail-code pre em{font-style:normal;color:#445049;display:inline-block;width:32px}.detail-code mark{background:color-mix(in srgb,var(--service-accent) 15%,transparent);color:var(--service-accent);padding:3px 5px}

/* Case study long-scroll narrative */
.case-story-hero{min-height:100svh;background:#080b0a;color:#fff;padding:150px 0 70px;display:flex;align-items:flex-end;position:relative;overflow:hidden}.case-story-hero:after{content:"";position:absolute;width:75vw;height:75vw;border:1px solid rgba(24,207,120,.16);border-radius:50%;right:-32vw;top:-38vw}.case-story-top{display:flex;justify-content:space-between;align-items:flex-start}.case-story-id{font-size:9px;letter-spacing:.16em;color:#657069;text-align:right}.case-story-hero h1{font-size:clamp(88px,11.5vw,214px);line-height:.74;letter-spacing:-.083em;margin:60px 0 45px;position:relative;z-index:2}.case-story-hero h1>span{display:block}.case-story-hero h1 .outline{color:transparent;-webkit-text-stroke:1.3px rgba(255,255,255,.7);margin-left:9vw}.case-story-hero h1 .green{color:var(--qt-green);margin-left:25vw}.case-story-meta{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid rgba(255,255,255,.16);padding-top:22px}.case-story-meta p{max-width:600px;color:#9ba49e}.case-story-meta>div{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.case-story-meta span{border:1px solid #334039;border-radius:99px;padding:8px 12px;font-size:9px;letter-spacing:.08em}.case-scroll-cue{position:absolute;right:28px;bottom:35%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.18em;color:#5e6a63}.case-scroll-cue i{display:inline-block;height:55px;width:1px;background:#476053;margin-top:10px}
.case-cover-scroll{height:220svh;background:#111612;position:relative}.case-cover-pin{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}.case-cover-browser{width:var(--case-cover-w,72vw);height:var(--case-cover-h,74vh);border-radius:var(--case-cover-r,22px);overflow:hidden;background:#eef0eb;box-shadow:0 40px 140px rgba(0,0,0,.55);transform:rotate(var(--case-cover-rot,-4deg));transition:border-radius .1s linear}.ccb-top{height:40px;border-bottom:1px solid #d9ded9;display:flex;align-items:center;gap:7px;padding:0 15px}.ccb-top i{width:7px;height:7px;background:#c8cdc9;border-radius:50%}.ccb-top span{margin-left:auto;font-size:8px;color:#8d9590;letter-spacing:.14em}.ccb-body{display:grid;grid-template-columns:1fr 1fr;height:calc(100% - 40px);color:#0c0f0d}.ccb-copy{padding:5.2vw;display:flex;flex-direction:column}.ccb-copy small{font-size:8px;letter-spacing:.16em}.ccb-copy strong{font-size:clamp(50px,6vw,104px);line-height:.78;letter-spacing:-.08em;margin-top:auto}.ccb-copy p{font-size:9px;line-height:1.9;letter-spacing:.12em;margin:30px 0 0}.ccb-photo{background:#123c2a;position:relative;overflow:hidden}.machine-lines{position:absolute;inset:-10%;background:repeating-radial-gradient(circle at 55% 52%,transparent 0 26px,rgba(32,236,135,.16) 27px 28px);transform:rotate(-11deg)}.machine-disc{position:absolute;width:48%;aspect-ratio:1;border:2px solid #26dd84;border-radius:50%;left:28%;top:24%;box-shadow:0 0 0 16px rgba(24,207,120,.07),0 0 80px rgba(24,207,120,.22)}.machine-disc:before,.machine-disc:after{content:"";position:absolute;inset:22%;border:1px solid #35e690;border-radius:50%}.machine-disc:after{inset:43%;background:#22d880;box-shadow:0 0 50px #23d880}.case-cover-caption{position:absolute;left:7vw;bottom:25px;right:7vw;display:flex;justify-content:space-between;color:#d8ded9}.case-cover-caption span{font-size:8px;letter-spacing:.16em;color:#66756c}.case-cover-caption p{font-size:14px;text-align:right;line-height:1.5;margin:0}
.case-problem{padding:170px 0;background:#f2f4f0}.case-mega-copy{font-size:clamp(78px,9vw,165px);line-height:.82;letter-spacing:-.075em;font-weight:850;margin:25px 0 80px}.case-mega-copy em{font-style:normal;color:#979f9a;text-decoration:line-through;text-decoration-thickness:3px}.case-mega-copy span{color:var(--qt-green)}.case-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c6cdc7;border-left:1px solid #c6cdc7}.case-problem-grid>div{padding:35px;min-height:260px;border-right:1px solid #c6cdc7;border-bottom:1px solid #c6cdc7}.case-problem-grid b{font-size:34px}.case-problem-grid p{color:#66716a;line-height:1.7;max-width:350px;margin-top:70px}
.case-narrative{display:grid;grid-template-columns:22vw 1fr;background:#0b0e0c;color:#fff}.case-narrative-aside{position:relative;border-right:1px solid #29312c}.case-aside-pin{height:100svh;position:sticky;top:0;padding:110px 35px 35px;display:flex;flex-direction:column}.case-aside-pin>span{font-size:9px;letter-spacing:.18em;color:#69766e}.case-aside-pin>b{font-size:130px;line-height:.82;color:var(--qt-green);margin-top:30px}.case-aside-pin>i{height:1px;background:#354038;margin-top:auto}.case-aside-pin>small{font-size:9px;letter-spacing:.18em;color:#849087;margin-top:18px}.case-narrative-main{padding:0 8vw}.case-narrative article{min-height:100svh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #2b332e;padding:110px 0}.case-narrative article>small{font-size:9px;letter-spacing:.18em;color:#6d7a72}.case-narrative article h2{font-size:clamp(70px,8vw,145px);line-height:.8;letter-spacing:-.075em;margin:24px 0 35px}.case-narrative article p{font-size:18px;line-height:1.8;color:#9aa49d;max-width:760px}.flow-map{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:45px}.flow-map span{padding:12px 15px;border:1px solid #344039;border-radius:99px;font-size:11px}.flow-map b{color:var(--qt-green)}.type-wall{margin-top:55px;border-top:1px solid #303a34;border-bottom:1px solid #303a34;padding:25px 0;display:grid;gap:4px}.type-wall b{font-size:68px;letter-spacing:-.06em}.type-wall span{font-size:44px;color:transparent;-webkit-text-stroke:1px #54625a}.type-wall em{font-style:normal;font-size:9px;letter-spacing:.2em;color:#69756e}.product-stack{display:grid;gap:8px;margin-top:50px}.product-stack>div{border:1px solid #303934;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:.4s}.product-stack>div:hover{background:var(--qt-green);color:#07100b;transform:translateX(15px)}.product-stack small{font-size:8px;letter-spacing:.15em}.product-stack b{font-size:24px}.case-code{margin-top:45px;border:1px solid #303934;background:#0e1210}.case-code>span{display:block;border-bottom:1px solid #303934;padding:12px 18px;font-size:8px;letter-spacing:.14em;color:#6e7c73}.case-code pre{padding:25px;margin:0;color:#b9c2bc;font:14px/1.8 var(--qt-font)}
.case-green-break{min-height:100svh;display:grid;align-items:center;background:var(--qt-green);color:#08100c}.case-green-break small{font-size:9px;letter-spacing:.18em}.case-green-break p{font-size:clamp(75px,9.5vw,175px);line-height:.82;letter-spacing:-.08em;font-weight:850;margin:35px 0}.case-green-break em{font-style:normal;color:#fff}.case-green-break strong{font-weight:900;border-bottom:5px solid #07110b}.case-responsive{padding:160px 0;background:#f4f5f2}.device-gallery{height:720px;position:relative;margin-top:60px}.device-desktop{position:absolute;left:0;top:0;width:74%;height:650px;background:#121714;border:10px solid #0c0f0d;border-radius:24px;overflow:hidden;box-shadow:0 50px 100px rgba(0,0,0,.18)}.dd-bar{height:35px;background:#1d2420}.dd-hero{height:calc(100% - 35px);display:flex;align-items:center;padding:6%;background:radial-gradient(circle at 73% 50%,#36e690 0 7%,transparent 8%),repeating-radial-gradient(circle at 73% 50%,transparent 0 25px,rgba(55,229,143,.14) 26px 27px),#173828;color:#fff}.dd-hero b{font-size:86px;line-height:.78;letter-spacing:-.08em}.device-mobile{position:absolute;width:260px;height:535px;right:13%;top:120px;background:#f4f6f2;border:9px solid #101411;border-radius:40px;padding:55px 22px 22px;box-shadow:0 40px 90px rgba(0,0,0,.22);transform:rotate(7deg)}.device-mobile>i{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:90px;height:20px;background:#101411;border-radius:20px}.device-mobile b{font-size:38px;line-height:.85;display:block;margin-top:90px}.device-mobile span{display:block;height:8px;background:#d7dcd8;margin:13px 0;border-radius:10px}.device-mobile.alt{right:0;top:25px;background:#101411;color:#fff;transform:rotate(-7deg)}.device-mobile.alt small{color:#67736c}.device-mobile.alt b{color:var(--qt-green)}.device-mobile.alt button{position:absolute;bottom:22px;left:22px;right:22px;border:0;background:var(--qt-green);padding:14px;border-radius:10px}.case-outcome{padding:160px 0;background:#090c0a;color:#fff}.case-outcome h2{font-size:clamp(78px,9vw,165px);line-height:.8;letter-spacing:-.08em;margin:25px 0 70px}.case-outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #2e3732;border-top:1px solid #2e3732}.case-outcome-grid>div{min-height:310px;padding:28px;border-right:1px solid #2e3732;border-bottom:1px solid #2e3732;display:flex;flex-direction:column}.case-outcome-grid b{font-size:66px;color:var(--qt-green)}.case-outcome-grid span{font-size:20px;font-weight:800;margin-top:auto}.case-outcome-grid p{color:#7f8b83;line-height:1.6}.case-next{padding:140px 0;background:#f0f2ee}.case-next small{font-size:9px;letter-spacing:.18em}.case-next a{display:grid;grid-template-columns:1fr auto;align-items:end;border-top:2px solid #0b0e0c;margin-top:25px;padding-top:35px}.case-next h2{font-size:clamp(85px,10vw,180px);line-height:.78;letter-spacing:-.08em;margin:0}.case-next h2 span{color:var(--qt-green)}.case-next a>b{font-size:70px}

/* About manifesto */
.about-manifest-hero{min-height:100svh;background:#080b0a;color:#fff;display:flex;align-items:flex-end;padding:150px 0 70px;position:relative;overflow:hidden}.about-manifest-hero:before{content:"";position:absolute;width:65vw;height:65vw;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:-28vw;top:-30vw}.about-manifest-hero h1{font-size:clamp(110px,15vw,280px);line-height:.67;letter-spacing:-.09em;margin:45px 0}.about-manifest-hero h1>span{display:block}.about-manifest-hero h1 .outline{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.72);margin-left:18vw}.about-hero-cn{font-size:clamp(40px,4.3vw,76px);line-height:.92;letter-spacing:-.05em;color:var(--qt-green);margin:30px 0}.about-hero-meta{display:flex;justify-content:space-between;border-top:1px solid #303833;padding-top:23px;color:#89948d;font-size:11px;line-height:1.7}.about-hero-meta span{text-align:right;font-size:9px;letter-spacing:.14em}
.manifest-scroll{height:420svh;background:#eef1ed;position:relative}.manifest-pin{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}.manifest-pin:before{content:"QINGTONG";position:absolute;font-size:19vw;font-weight:900;letter-spacing:-.08em;color:rgba(10,13,11,.035);transform:rotate(-7deg)}.manifest-sentence{position:absolute;text-align:center;opacity:0;transform:translateY(70px) scale(.9);filter:blur(10px);transition:opacity .7s var(--qt-ease),transform 1s var(--qt-ease),filter .8s}.manifest-sentence.is-active{opacity:1;transform:none;filter:none}.manifest-sentence small{font-size:9px;letter-spacing:.2em;color:#7f8b84}.manifest-sentence p{font-size:clamp(95px,12vw,220px);line-height:.77;letter-spacing:-.085em;font-weight:880;margin:30px 0}.manifest-sentence em{font-style:normal;color:var(--qt-green)}.manifest-progress{position:absolute;bottom:35px;left:8vw;right:8vw;height:2px;background:#c9cfca}.manifest-progress i{display:block;height:100%;width:0;background:#0a0d0c}
.about-kinetic{background:var(--qt-green);padding:60px 0;overflow:hidden}.kinetic-row{white-space:nowrap;font-size:clamp(72px,9vw,160px);font-weight:900;letter-spacing:-.07em;line-height:.78}.kinetic-row span{display:inline-block;will-change:transform}.kinetic-row.outline{color:transparent;-webkit-text-stroke:1.3px #07110c;margin-top:20px}.about-values-v3{padding:160px 0;background:#f5f6f3}.about-value-row{display:grid;grid-template-columns:90px 1fr 1fr;align-items:start;gap:35px;border-top:1px solid #c7cdc8;padding:42px 0}.about-value-row>span{font-size:12px;color:#7d8781}.about-value-row h2{font-size:clamp(75px,8vw,140px);line-height:.8;letter-spacing:-.08em;margin:0}.about-value-row p{font-size:17px;line-height:1.8;color:#626d66;max-width:550px;padding-top:8px}.about-dont{min-height:100svh;background:#090c0a;color:#fff;display:grid;align-items:center;padding:120px 0}.about-dont small{font-size:9px;letter-spacing:.18em;color:#6a766e}.about-dont p{font-size:clamp(70px,8.5vw,155px);line-height:.83;letter-spacing:-.075em;font-weight:850}.about-dont p span{color:#f06b5e;text-decoration:line-through;text-decoration-thickness:3px}.about-sign{display:flex;align-items:center;gap:20px;border-top:1px solid #313a34;padding-top:25px}.about-sign i{width:16px;height:16px;background:var(--qt-green);border-radius:50%;box-shadow:0 0 30px var(--qt-green)}.about-sign b{font-size:24px}.about-sign span{margin-left:auto;color:#7e8a82;text-align:right}.about-end{min-height:85svh;background:var(--qt-green);display:grid;align-items:center;padding:120px 0}.about-end h2{font-size:clamp(82px,10vw,180px);line-height:.78;letter-spacing:-.08em}.about-end h2 span{color:#fff}

/* Contact ritual */
.contact-ritual-hero{min-height:100svh;background:#080b0a;color:#fff;padding:150px 0 70px;display:flex;align-items:flex-end;position:relative;overflow:hidden}.contact-ritual-hero h1{font-size:clamp(100px,14vw,260px);line-height:.68;letter-spacing:-.09em;margin:45px 0 50px;position:relative;z-index:2}.contact-ritual-hero h1>span{display:block}.contact-ritual-hero h1 .outline{color:transparent;-webkit-text-stroke:1.3px rgba(255,255,255,.68);margin-left:9vw}.contact-ritual-hero h1 .green{color:var(--qt-green);margin-left:26vw}.contact-intro{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #313a34;padding-top:25px;position:relative;z-index:3}.contact-intro p{color:#8b968f;font-size:17px;line-height:1.7}.contact-radar{position:absolute;width:68vw;height:68vw;border:1px solid rgba(24,207,120,.12);border-radius:50%;right:-30vw;top:-35vw}.contact-radar i{position:absolute;inset:16%;border:1px solid rgba(24,207,120,.1);border-radius:50%}.contact-radar i:nth-child(2){inset:32%}.contact-radar i:nth-child(3){inset:48%;background:var(--qt-green);box-shadow:0 0 80px var(--qt-green)}
.contact-brief{display:grid;grid-template-columns:28vw 1fr;background:#f1f3ef}.contact-brief-aside{position:relative;border-right:1px solid #c8cec9}.contact-brief-pin{height:100svh;position:sticky;top:0;padding:115px 36px 40px;display:flex;flex-direction:column}.contact-brief-pin>small{font-size:9px;letter-spacing:.18em;color:#7a857e}.contact-brief-pin>b{font-size:125px;line-height:.8;margin-top:30px;color:var(--qt-green)}.contact-brief-pin>p{font-size:24px;font-weight:850;letter-spacing:.05em}.brief-meter{height:2px;background:#cbd1cc;margin-top:auto}.brief-meter i{display:block;height:100%;width:20%;background:#0b0e0c;transition:width .6s var(--qt-ease)}.contact-brief-pin>span{font-size:11px;line-height:1.6;color:#7b8680;margin-top:20px}.ritual-form{padding:0 9vw 0 7vw}.ritual-step{min-height:100svh;border:0;border-bottom:1px solid #c9cfca;margin:0;padding:120px 0;display:flex;flex-direction:column;justify-content:center}.ritual-step legend{float:left;width:100%;font-size:clamp(62px,6.6vw,118px);line-height:.82;letter-spacing:-.075em;font-weight:850;margin-bottom:24px}.ritual-step legend span{display:block;font-size:11px;letter-spacing:.14em;color:var(--qt-green);margin-bottom:25px}.ritual-step>p{font-size:16px;color:#68736c;margin:0 0 40px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-grid button,.budget-orbit button{appearance:none;border:1px solid #bac2bc;background:transparent;padding:22px;text-align:left;font:700 14px/1.3 inherit;cursor:pointer;transition:.35s var(--qt-ease);border-radius:0}.choice-grid button:hover,.choice-grid button.is-selected,.budget-orbit button:hover,.budget-orbit button.is-selected{background:#0a0d0c;color:#fff;border-color:#0a0d0c;transform:translateY(-3px)}.giant-field{display:block}.giant-field textarea{width:100%;border:0;border-bottom:2px solid #0b0e0c;background:transparent;resize:none;font:600 clamp(25px,2.4vw,44px)/1.35 inherit;padding:15px 0;outline:0}.giant-field textarea::placeholder{color:#b0b7b2}.giant-field i{display:block;height:4px;background:var(--qt-green);width:0;transition:width .5s var(--qt-ease);margin-top:-4px}.giant-field:focus-within i{width:100%}.choice-grid.time{grid-template-columns:repeat(4,1fr)}.budget-orbit{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.budget-orbit button{border-radius:999px;padding:22px 28px;min-width:130px;text-align:center}.line-fields{display:grid;gap:30px}.line-fields label{display:grid;grid-template-columns:180px 1fr;align-items:end;border-bottom:1px solid #9da8a0;padding-bottom:12px}.line-fields span{font-size:11px;color:#69746d}.line-fields input{border:0;background:transparent;outline:0;font:750 28px inherit;text-align:right}.line-fields input::placeholder{color:#bec4c0}.ritual-submit{margin-top:60px;width:190px;height:190px;border-radius:50%;border:0;background:var(--qt-green);display:flex;align-items:center;justify-content:center;gap:22px;cursor:pointer;font:850 15px/1.15 inherit;transition:transform .35s var(--qt-ease),box-shadow .35s}.ritual-submit b{font-size:28px}.ritual-submit:hover{box-shadow:0 25px 60px rgba(24,207,120,.3)}.contact-last>small{margin-top:20px;color:#89938d}.contact-success{position:fixed;inset:0;z-index:150;background:var(--qt-green);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.7s var(--qt-ease);padding:40px}.contact-success.is-open{opacity:1;visibility:visible}.contact-success>div{width:min(100%,1200px)}.contact-success small{font-size:9px;letter-spacing:.18em}.contact-success h2{font-size:clamp(80px,10vw,180px);line-height:.8;letter-spacing:-.08em;margin:30px 0}.contact-success h2 span{color:#fff}.contact-success p{max-width:650px;font-size:17px;line-height:1.7}.contact-success button{margin-top:40px;border:2px solid #0a0d0c;background:transparent;padding:16px 23px;font-weight:850;cursor:pointer}

/* V3 responsive */
@media(max-width:1200px){.showpiece-page .wrap{width:min(100% - 42px,1080px)}.service-theatre,.service-story,.case-narrative,.contact-brief{grid-template-columns:1fr}.theatre-stage{height:80svh}.theatre-stage-inner{position:relative;height:80svh}.theatre-chapters{padding:0 6vw}.theatre-chapter{min-height:80svh}.service-story-visual{height:75svh}.service-story-pin{position:relative;height:75svh}.service-story-copy{padding:0 7vw}.case-narrative-aside{display:none}.contact-brief-aside{display:none}.ritual-form{padding:0 7vw}.webgl-stage{min-height:570px}.case-outcome-grid{grid-template-columns:1fr 1fr}.deliver-grid{grid-template-columns:1fr 1fr}.case-problem-grid{grid-template-columns:1fr}.device-desktop{width:80%}}
@media(max-width:760px){.showpiece-page .wrap{width:calc(100% - 28px)}.nav-showpiece .menu>a:not(.cta){display:none}.nav-showpiece .cta{font-size:9px;padding:10px 13px}.webgl-stage{min-height:390px;border-radius:22px;transform:none!important}.webgl-hud{display:none}.webgl-seed-label{left:18px;bottom:18px}.webgl-seed-label>span{font-size:18px}.service-hero-kinetic{padding:115px 0 50px}.mega-type{font-size:61px;line-height:.77}.mega-type .green{margin-left:0}.service-hero-foot{align-items:center}.service-hero-foot p{font-size:13px}.theatre-stage{height:64svh}.theatre-stage-inner{height:64svh}.theatre-index{top:82px;left:18px;right:18px}.theatre-index b{font-size:42px}.scene-browser{width:88%}.scene-browser-body{padding:18px}.scene-web-nav{left:18px}.scene-phone{width:145px;height:300px;border-width:5px;border-radius:27px;padding:32px 13px 13px}.scene-phone-notch{width:52px;height:13px}.scene-phone b{font-size:26px;margin-top:45px}.scene-phone button{left:13px;right:13px;bottom:13px;padding:9px}.scene-phone-ring{width:340px;height:340px}.system-shell{width:92%;height:58%;grid-template-columns:42px 1fr}.system-shell aside{gap:14px}.system-main{padding:13px}.system-kpis{margin:15px 0}.system-kpis div{padding:8px}.system-kpis strong{font-size:17px}.system-chart{height:82px}.code-window{width:91%}.code-window pre{font-size:9px;padding:17px}.theatre-chapter{min-height:72svh;padding:85px 0}.theatre-chapter h2{font-size:57px}.service-close{padding:95px 0}.service-close h2{font-size:59px}.service-close-grid{align-items:center}.service-detail-hero{padding:120px 0 55px}.service-detail-hero h1{font-size:58px;line-height:.83}.service-detail-lead p{font-size:14px;max-width:65%}.service-story-visual{height:58svh}.service-story-pin{height:58svh}.ssv-label{top:82px;left:18px}.ssv-label>span{font-size:42px}.ssv-canvas{width:88%;height:66%}.service-story-copy{padding:0 20px}.service-story-chapter{min-height:75svh;padding:80px 0}.service-story-chapter h2{font-size:54px}.service-story-chapter p{font-size:15px}.detail-phone{width:145px;height:305px;border-width:5px;border-radius:28px;padding:30px 13px}.detail-phone>i{width:50px;height:12px}.detail-phone b{font-size:29px;margin-top:45px}.detail-dashboard{height:75%;grid-template-columns:40px 1fr}.detail-dashboard section{padding:12px}.dd-kpi{margin:12px 0}.dd-kpi span{font-size:16px;padding:7px}.dd-chart{height:70px}.detail-code pre{font-size:9px;padding:14px}.service-deliver{padding:95px 0}.service-deliver h2{font-size:56px}.deliver-grid{grid-template-columns:1fr}.case-story-hero{padding:120px 0 50px}.case-story-hero h1{font-size:61px;margin:40px 0 30px}.case-story-hero h1 .outline,.case-story-hero h1 .green{margin-left:0}.case-story-top,.case-story-meta{display:block}.case-story-id{display:none}.case-story-meta>div{justify-content:flex-start}.case-scroll-cue{display:none}.case-cover-scroll{height:150svh}.case-cover-browser{width:92vw!important;height:67vh!important;transform:none!important;border-radius:14px!important}.ccb-body{grid-template-columns:1fr}.ccb-photo{display:none}.ccb-copy{padding:30px}.ccb-copy strong{font-size:56px}.case-cover-caption{left:18px;right:18px}.case-cover-caption p{font-size:11px}.case-problem{padding:95px 0}.case-mega-copy{font-size:55px}.case-problem-grid>div{min-height:200px;padding:23px}.case-problem-grid p{margin-top:40px}.case-narrative-main{padding:0 18px}.case-narrative article{min-height:82svh;padding:85px 0}.case-narrative article h2{font-size:55px}.case-narrative article p{font-size:15px}.type-wall b{font-size:41px}.type-wall span{font-size:30px}.product-stack b{font-size:17px}.case-green-break p{font-size:56px}.case-responsive{padding:95px 0}.device-gallery{height:590px}.device-desktop{width:100%;height:430px}.dd-hero b{font-size:50px}.device-mobile{width:170px;height:350px;border-width:6px;border-radius:28px;padding:38px 15px;right:16%;top:250px}.device-mobile.alt{right:0;top:180px}.device-mobile b{font-size:24px;margin-top:50px}.case-outcome{padding:95px 0}.case-outcome h2{font-size:56px}.case-outcome-grid{grid-template-columns:1fr}.case-outcome-grid>div{min-height:220px}.case-next{padding:90px 0}.case-next h2{font-size:58px}.about-manifest-hero{padding:120px 0 55px}.about-manifest-hero h1{font-size:72px}.about-manifest-hero h1 .outline{margin-left:0}.about-hero-cn{font-size:34px}.manifest-scroll{height:320svh}.manifest-sentence p{font-size:62px}.about-kinetic{padding:40px 0}.kinetic-row{font-size:55px}.about-values-v3{padding:95px 0}.about-value-row{grid-template-columns:40px 1fr}.about-value-row p{grid-column:2}.about-value-row h2{font-size:55px}.about-dont{padding:90px 0}.about-dont p{font-size:54px}.about-end h2{font-size:58px}.contact-ritual-hero{padding:120px 0 55px}.contact-ritual-hero h1{font-size:65px}.contact-ritual-hero h1 .outline,.contact-ritual-hero h1 .green{margin-left:0}.ritual-form{padding:0 18px}.ritual-step{min-height:80svh;padding:90px 0}.ritual-step legend{font-size:52px}.choice-grid,.choice-grid.time{grid-template-columns:1fr}.choice-grid button{padding:17px}.line-fields label{grid-template-columns:1fr;gap:10px}.line-fields input{text-align:left;font-size:22px}.ritual-submit{width:150px;height:150px}.contact-success h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){.webgl-fallback i,.sd-marquee span{animation:none!important}.manifest-sentence{transition:none}.qt-webgl{display:none}.webgl-fallback{opacity:.75}}


/* ========================================================================
   QINGTONG V4 / HOME DIRECTOR'S CUT + SECONDARY PAGE POLISH
   ======================================================================== */
.home-v4{background:#080b0a}.home-opening{height:245svh;position:relative;background:#080b0a;color:#fff}.home-opening-pin{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.home-webgl{position:absolute;inset:0;width:100%;height:100%;z-index:1;filter:saturate(1.08) contrast(1.04)}.home-webgl-fallback{z-index:0;background:radial-gradient(circle at 52% 48%,#164730 0,#0c1812 34%,#080b0a 70%)}.home-webgl-fallback i{width:34%;border-color:rgba(24,207,120,.32)}.home-webgl-fallback i:nth-child(2){width:54%}.home-webgl-fallback i:nth-child(3){width:78%}.home-grid{position:absolute;inset:0;z-index:2;opacity:.18;background:linear-gradient(90deg,transparent 0 24.9%,rgba(255,255,255,.16) 25%,transparent 25.1% 49.9%,rgba(255,255,255,.12) 50%,transparent 50.1% 74.9%,rgba(255,255,255,.16) 75%,transparent 75.1%),linear-gradient(transparent 0 24.9%,rgba(255,255,255,.1) 25%,transparent 25.1% 49.9%,rgba(255,255,255,.08) 50%,transparent 50.1% 74.9%,rgba(255,255,255,.1) 75%,transparent 75.1%);pointer-events:none}.home-vignette{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 48%,transparent 0 22%,rgba(8,11,10,.08) 47%,rgba(8,11,10,.76) 100%);pointer-events:none}.home-open-top{position:absolute;z-index:5;left:50%;top:112px;transform:translateX(-50%);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:#738078}.home-opening-copy{position:absolute;z-index:5;left:50%;top:51%;width:min(100% - 72px,1520px);transform:translate(-50%,-48%) scale(.94);opacity:0;filter:blur(16px);transition:opacity .75s var(--qt-ease),transform 1s var(--qt-ease),filter .8s var(--qt-ease);pointer-events:none}.home-opening-copy.is-active{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}.home-opening-copy small{display:block;font-size:10px;letter-spacing:.2em;color:#7c8a82;margin-bottom:28px}.home-opening-copy h1,.home-opening-copy h2{margin:0;font-weight:900;letter-spacing:-.09em;line-height:.72}.home-opening-copy h1{font-size:clamp(104px,14.4vw,275px)}.home-opening-copy h1 span,.home-opening-copy h2 span{display:block}.home-opening-copy .outline{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.72)}.home-opening-copy .green,.home-opening-copy h2 span{color:var(--qt-green)}.home-opening-copy p{max-width:500px;font-size:15px;line-height:1.75;color:#9ba69f;margin:38px 0 0}.home-act:not(:first-of-type){width:min(100% - 72px,1300px)}.home-act h2{font-size:clamp(100px,12vw,220px)}.home-act-right{text-align:right}.home-act-right p{margin-left:auto}.home-object-label{position:absolute;z-index:5;left:36px;bottom:34px;display:flex;gap:14px;align-items:center;font-weight:800;line-height:1.05}.home-object-label i{width:10px;height:10px;border-radius:50%;background:var(--qt-green);box-shadow:0 0 0 10px rgba(24,207,120,.08),0 0 30px var(--qt-green)}.home-object-label span{font-size:16px}.home-object-label small{font-size:7px;color:#6f7b74;letter-spacing:.14em}.home-scroll-index{position:absolute;z-index:6;right:35px;bottom:30px;display:grid;grid-template-columns:auto 120px auto;gap:13px;align-items:center}.home-scroll-index b{font-size:28px;color:var(--qt-green)}.home-scroll-index>i{height:1px;background:#344139;display:block}.home-scroll-index>i em{display:block;height:100%;width:0;background:var(--qt-green)}.home-scroll-index span{font-size:8px;line-height:1.3;letter-spacing:.14em;color:#65726b}.home-statement{background:#eef1ed;padding:150px 0 100px;overflow:hidden}.home-statement-meta{display:flex;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #bdc5bf;font-size:9px;letter-spacing:.16em;color:#69736d}.home-statement-copy{font-size:clamp(66px,7.2vw,138px);font-weight:850;line-height:.86;letter-spacing:-.078em;margin:85px 0 100px;max-width:1450px}.home-statement-copy span{color:var(--qt-green)}.home-statement-copy em{font-style:normal;color:transparent;-webkit-text-stroke:1.4px #0b0e0c}.home-kinetic{width:110vw;margin-left:-5vw;border-top:1px solid #c4cbc6;border-bottom:1px solid #c4cbc6;padding:18px 0;overflow:hidden;white-space:nowrap}.home-kinetic span{display:inline-block;font-size:clamp(50px,6vw,108px);line-height:.9;letter-spacing:-.06em;font-weight:900;color:#b8c0ba;will-change:transform}.home-services-tease{background:#090c0b;color:#fff;padding:120px 0 140px}.home-section-top{display:flex;justify-content:space-between;border-bottom:1px solid #303733;padding-bottom:18px;font-size:9px;letter-spacing:.15em;color:#77827b}.home-section-top a{color:#fff}.home-service-row{position:relative;display:grid;grid-template-columns:150px 1fr 300px 50px;align-items:center;min-height:215px;border-bottom:1px solid #303733;overflow:hidden;isolation:isolate}.home-service-row small{font-size:9px;letter-spacing:.15em;color:#66736c}.home-service-row h2{font-size:clamp(58px,7.4vw,135px);line-height:.75;letter-spacing:-.075em;margin:0;position:relative;z-index:3;transition:transform .55s var(--qt-ease),color .45s}.home-service-row p{font-size:12px;color:#7f8b83;position:relative;z-index:3}.home-service-row>b{font-size:30px;position:relative;z-index:3}.home-service-row:hover h2{transform:translateX(20px);color:var(--qt-green)}.hs-visual{position:absolute;right:70px;top:50%;width:310px;height:160px;transform:translateY(-50%) scale(.8) rotate(5deg);opacity:0;transition:.55s var(--qt-ease);z-index:2;pointer-events:none}.home-service-row:hover .hs-visual{opacity:1;transform:translateY(-50%) scale(1) rotate(-2deg)}.hsv-web{background:#d8f4e4;color:#07100b;padding:22px;box-shadow:0 20px 50px #0006}.hsv-web i{display:block;height:12px;border-bottom:1px solid #abc9b7}.hsv-web span{display:block;font-size:29px;line-height:.82;font-weight:900;margin-top:25px}.hsv-phone{background:radial-gradient(circle,#27366e,#141a34 65%);}.hsv-phone i{position:absolute;width:78px;height:145px;border:5px solid #ecf0ed;border-radius:17px;background:#7a89ff;left:65px;top:8px;transform:rotate(-10deg)}.hsv-phone i+ i{left:158px;top:16px;background:#111713;transform:rotate(8deg)}.hsv-system{background:#111713;border:1px solid #2d3731;padding:24px;color:#fff}.hsv-system span{font-size:55px;color:#ffb448;font-weight:900}.hsv-system i{display:inline-block;width:12%;height:35px;background:#29332d;margin:22px 4px 0}.hsv-system i:nth-of-type(2){height:62px}.hsv-system i:nth-of-type(3){height:45px}.hsv-code{background:#111;color:#c8d1cb;padding:25px;border:1px solid #333}.hsv-code code{font:16px/1.8 var(--qt-font);color:#7ee3ab}.home-work-intro{background:var(--qt-green);padding:120px 0 105px}.home-work-intro small{font-size:9px;letter-spacing:.18em}.home-work-intro h2{font-size:clamp(100px,14vw,260px);line-height:.7;letter-spacing:-.09em;margin:45px 0 60px}.home-work-intro h2 span{color:#fff}.home-work-intro p{max-width:620px;font-size:18px;line-height:1.7;margin-left:auto}.home-showcase-v4 .project-shot{width:min(88vw,1420px);height:70vh;min-height:590px}.home-proof{background:#eef1ed;padding:150px 0}.home-proof-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:12vw}.home-proof-pin{position:sticky;top:150px;align-self:start}.home-proof-pin small{font-size:9px;letter-spacing:.16em;color:#69736d}.home-proof-pin h2{font-size:clamp(74px,8vw,142px);line-height:.76;letter-spacing:-.085em;margin:30px 0}.home-proof-pin h2 span{color:var(--qt-green)}.home-proof-list article{padding:60px 0;border-top:1px solid #bdc5bf}.home-proof-list article>b{font-size:12px;color:var(--qt-green)}.home-proof-list h3{font-size:clamp(38px,4vw,68px);line-height:.95;letter-spacing:-.055em;margin:25px 0}.home-proof-list p{max-width:650px;color:#657069;font-size:15px}.home-final{min-height:85svh;display:flex;align-items:center}.home-final h2{font-size:clamp(72px,8.5vw,155px)}

/* Cases V4 */
.cases-hero-v4,.process-hero-v4{min-height:100svh;background:#080b0a;color:#fff;padding:160px 0 70px;display:flex;align-items:flex-end}.cases-hero-v4 h1,.process-hero-v4 h1,.solution-hero-v4 h1,.insights-hero-v4 h1{font-size:clamp(105px,13vw,235px);line-height:.72;letter-spacing:-.09em;margin:45px 0 70px;font-weight:900}.cases-hero-v4 h1 span,.process-hero-v4 h1 span,.solution-hero-v4 h1 span,.insights-hero-v4 h1 span{display:block}.cases-hero-v4 .outline,.process-hero-v4 .outline,.solution-hero-v4 .outline,.insights-hero-v4 .outline{color:transparent;-webkit-text-stroke:1.5px currentColor;opacity:.6}.cases-hero-v4 .green,.process-hero-v4 .green,.solution-hero-v4 .green,.insights-hero-v4 .green{color:var(--qt-green)}.cases-hero-foot,.process-hero-foot,.solution-hero-foot,.insights-hero-foot{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #333a36;padding-top:25px;color:#909a94}.cases-hero-foot p,.process-hero-foot p,.solution-hero-foot p,.insights-hero-foot p{margin:0;line-height:1.7}.cases-hero-foot span,.process-hero-foot span,.solution-hero-foot span,.insights-hero-foot span{font-size:9px;letter-spacing:.15em}.cases-index-v4{background:#eef1ed;padding:100px 0 140px}.cases-filter-v4,.insight-filter-v4{position:sticky;top:84px;z-index:8;display:flex;gap:8px;align-items:center;padding:15px 0;background:#eef1ed;border-bottom:1px solid #c3cac5;margin-bottom:55px}.cases-filter-v4 span,.insight-filter-v4 span{font-size:9px;letter-spacing:.15em;margin-right:8px}.cases-filter-v4 button,.insight-filter-v4 button{border:0;background:transparent;padding:7px 11px;border-radius:999px;font:750 10px inherit;cursor:pointer}.cases-filter-v4 .is-on,.insight-filter-v4 .is-on{background:#0b0e0c;color:#fff}.case-feature-v4{display:grid;grid-template-columns:.42fr .58fr;min-height:720px;border-top:1px solid #bfc6c1;padding:55px 0;gap:60px}.cf-meta{display:flex;flex-direction:column}.cf-meta>b{font-size:72px;line-height:.8;color:var(--qt-green)}.cf-meta small{margin-top:35px;font-size:9px;letter-spacing:.14em;color:#67716b}.cf-meta h2{font-size:clamp(47px,5vw,82px);line-height:.9;letter-spacing:-.06em;margin:35px 0 25px}.cf-meta p{max-width:430px;color:#68726c}.cf-meta>span{margin-top:auto;font-size:10px;letter-spacing:.12em;font-weight:800}.cf-art{position:relative;min-height:600px;overflow:hidden;background:#d9f5e5}.cf-art-web{display:grid;place-items:center}.cf-browser{width:82%;height:68%;background:#f3f5f1;box-shadow:0 40px 80px #214f342d;transform:rotate(-4deg);padding:30px;color:#101410}.cf-browser>i{display:block;height:18px;border-bottom:1px solid #ccd3ce}.cf-browser strong{display:block;font-size:clamp(48px,5vw,88px);line-height:.75;letter-spacing:-.08em;margin-top:50px}.cf-browser em{position:absolute;bottom:26px;left:30px;font-style:normal;font-size:8px;letter-spacing:.16em}.cf-blue .cf-art{background:#6878ff}.cf-art-app{display:grid;place-items:center}.cf-phone{position:absolute;width:210px;height:430px;border:7px solid #121713;border-radius:38px;background:#f3f5f2;padding:40px 20px;color:#0b0e0c;box-shadow:0 35px 80px #0005}.cf-phone i{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:72px;height:17px;background:#121713;border-radius:20px}.cf-phone strong{display:block;font-size:42px;margin-top:90px}.cf-phone p{font-size:12px}.cf-phone.one{transform:translateX(-55%) rotate(-10deg)}.cf-phone.two{transform:translateX(55%) rotate(8deg);background:#0f1411;color:#fff}.cf-black .cf-art{background:#0d1210}.cf-art-data{padding:70px;color:#fff}.cf-kpi small{font-size:9px;letter-spacing:.13em;color:#728079}.cf-kpi strong{display:block;color:#ffb448;font-size:150px;line-height:.9}.cf-chart{position:absolute;left:70px;right:70px;bottom:70px;height:190px;border-bottom:1px solid #364139;display:flex;align-items:end;gap:16px}.cf-chart i{width:13%;height:42%;background:#344039}.cf-chart i:nth-child(2){height:70%;background:#ffb448}.cf-chart i:nth-child(3){height:54%}.cf-chart i:nth-child(4){height:88%;background:#ffb448}.cf-chart i:nth-child(5){height:63%}.cf-paper .cf-art{background:#f7f7f2;border:1px solid #ccd2cd}.cf-art-admin{display:grid;grid-template-columns:90px 1fr;padding:45px}.cf-art-admin aside{background:#0d1210}.cf-art-admin section{padding:40px;background:#fff}.cf-art-admin section>b{font-size:35px}.cf-art-admin section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:45px 0}.cf-art-admin section>div i{height:95px;background:#edf1ed}.cf-art-admin p{height:10px;background:#e5eae6;margin:15px 0}.cases-end-v4,.process-end-v4{background:var(--qt-green);padding:130px 0}.cases-end-v4 small,.process-end-v4 small,.solution-logic-v4 small,.insight-subscribe-v4 small{font-size:9px;letter-spacing:.17em}.cases-end-v4 h2,.process-end-v4 h2,.solution-logic-v4 h2,.insight-subscribe-v4 h2{font-size:clamp(75px,9vw,165px);line-height:.8;letter-spacing:-.08em;margin:55px 0}.cases-end-v4 .mega-link,.process-end-v4 .mega-link{border-color:#0a0d0c}

/* Solutions V4 */
.solution-hero-v4,.insights-hero-v4{min-height:100svh;padding:160px 0 70px;display:flex;align-items:flex-end;background:#eef1ed}.solution-hero-foot,.insights-hero-foot{border-color:#bcc4be;color:#657069}.solution-story-v4{display:grid;grid-template-columns:30vw 1fr;background:#080b0a;color:#fff}.solution-story-v4>aside{border-right:1px solid #2a312d}.solution-pin{position:sticky;top:0;height:100svh;padding:120px 40px 40px;display:flex;flex-direction:column}.solution-pin small,.process-pin-v4 small{font-size:9px;letter-spacing:.16em;color:#67736c}.solution-pin>b,.process-pin-v4>b{font-size:130px;line-height:.78;color:var(--qt-green);margin-top:45px}.solution-pin>p,.process-pin-v4>p{font-size:23px;font-weight:850;letter-spacing:.05em}.solution-pin>i{height:2px;background:#27302b;margin-top:auto}.solution-pin>i em{display:block;width:25%;height:100%;background:var(--qt-green);transition:width .6s var(--qt-ease)}.solution-pin>span,.process-pin-v4>span{font-size:11px;line-height:1.7;color:#718078;margin-top:20px}.solution-chapters{padding:0 8vw}.solution-chapters article{min-height:100svh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #2b332f;padding:100px 0}.solution-chapters article>small{font-size:9px;letter-spacing:.15em;color:#68756d}.solution-chapters h2{font-size:clamp(68px,7vw,125px);line-height:.82;letter-spacing:-.075em;margin:35px 0}.solution-chapters h2 span{color:var(--qt-green)}.solution-chapters p{max-width:700px;color:#8f9a93;font-size:16px;line-height:1.8}.solution-combo{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:55px}.solution-combo span{border:1px solid #334039;padding:13px 18px;border-radius:999px;font-size:12px}.solution-combo b{color:var(--qt-green)}.solution-logic-v4{background:var(--qt-green);padding:130px 0}.solution-logic-v4 h2 span{color:#fff}.solution-logic-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #0a0d0c}.solution-logic-grid>div{padding:35px 30px 50px 0;border-right:1px solid #0a0d0c}.solution-logic-grid>div:last-child{border-right:0}.solution-logic-grid b{font-size:12px}.solution-logic-grid h3{font-size:35px;margin:50px 0 15px}.solution-logic-grid p{font-size:13px;max-width:250px}

/* Process V4 */
.process-story-v4{display:grid;grid-template-columns:30vw 1fr;background:#eef1ed}.process-story-v4>aside{border-right:1px solid #c4cbc6}.process-pin-v4{position:sticky;top:0;height:100svh;padding:120px 40px 40px;display:flex;flex-direction:column}.process-pin-v4>b{color:#0b0e0c}.process-line{height:2px;background:#c0c8c2;margin-top:auto}.process-line i{display:block;width:16.66%;height:100%;background:var(--qt-green);transition:width .6s var(--qt-ease)}.process-chapters-v4{padding:0 8vw}.process-chapters-v4 article{min-height:100svh;padding:100px 0;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #c5ccc7}.process-chapters-v4 article>small{font-size:9px;letter-spacing:.15em;color:#707a74}.process-chapters-v4 h2{font-size:clamp(75px,8vw,145px);line-height:.79;letter-spacing:-.085em;margin:35px 0}.process-chapters-v4 p{font-size:16px;color:#68736c;max-width:650px}.process-output{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:55px}.process-output b{font-size:9px;letter-spacing:.13em;margin-right:12px}.process-output span{padding:11px 16px;border:1px solid #aeb8b1;border-radius:999px;font-size:11px}.process-end-v4 h2 span{color:#fff}.process-end-v4 p{font-size:17px;max-width:550px}

/* Insights V4 */
.insights-editorial-v4{background:#eef1ed;padding:50px 0 140px}.insight-lead-v4{display:grid;grid-template-columns:90px 1.05fr .95fr;gap:50px;border-top:1px solid #bfc7c1;border-bottom:1px solid #bfc7c1;padding:60px 0 75px}.il-number{font-size:60px;color:var(--qt-green);font-weight:850}.il-copy small,.insight-list-v4 small{font-size:9px;letter-spacing:.14em;color:#6d7871}.il-copy h2{font-size:clamp(52px,5.5vw,94px);line-height:.87;letter-spacing:-.065em;margin:32px 0}.il-copy p{color:#657069;max-width:650px}.il-copy a{display:inline-block;margin-top:30px;font-size:10px;letter-spacing:.12em;font-weight:800}.il-art{background:#0b0e0c;color:#fff;min-height:480px;display:flex;flex-direction:column;justify-content:center;padding:55px;overflow:hidden}.il-art b{font-size:clamp(55px,6vw,100px);line-height:.76;letter-spacing:-.07em}.il-art span{font-size:100px;line-height:1;color:var(--qt-green);margin-left:auto}.insight-list-v4{display:grid;grid-template-columns:1fr 1fr}.insight-list-v4 article{min-height:420px;padding:45px 45px 35px 0;border-bottom:1px solid #bfc7c1;position:relative}.insight-list-v4 article:nth-child(odd){border-right:1px solid #bfc7c1;padding-right:55px}.insight-list-v4 article:nth-child(even){padding-left:55px}.insight-list-v4 article>b{font-size:45px;color:var(--qt-green)}.insight-list-v4 h3{font-size:clamp(33px,3.1vw,55px);line-height:.98;letter-spacing:-.045em;margin:55px 0 20px}.insight-list-v4 p{color:#68736c;max-width:520px}.insight-list-v4 article>span{position:absolute;bottom:35px;font-size:9px;letter-spacing:.14em}.insight-subscribe-v4{background:#080b0a;color:#fff;padding:130px 0}.insight-subscribe-v4 h2 span{color:var(--qt-green)}.insight-subscribe-v4 .mega-link{color:#fff;border-color:#333c36}

@media(max-width:1100px){.home-service-row{grid-template-columns:110px 1fr 220px 35px}.hs-visual{display:none}.case-feature-v4{grid-template-columns:1fr;gap:30px}.cf-meta>span{margin-top:30px}.solution-story-v4,.process-story-v4{grid-template-columns:1fr}.solution-story-v4>aside,.process-story-v4>aside{display:none}.solution-chapters,.process-chapters-v4{padding:0 7vw}.solution-logic-grid{grid-template-columns:1fr 1fr}.insight-lead-v4{grid-template-columns:70px 1fr}.il-art{grid-column:2}.home-proof-grid{gap:6vw}.home-opening-copy h1{font-size:14vw}}
@media(max-width:760px){.home-opening{height:190svh}.home-open-top{top:92px;width:calc(100% - 28px)}.home-open-top span:last-child{display:none}.home-opening-copy,.home-act:not(:first-of-type){width:calc(100% - 28px)}.home-opening-copy h1{font-size:67px;line-height:.74}.home-act h2{font-size:70px}.home-opening-copy p{font-size:12px;max-width:80%}.home-object-label{left:15px;bottom:20px}.home-scroll-index{right:15px;bottom:20px;grid-template-columns:auto 55px}.home-scroll-index span{display:none}.home-statement{padding:95px 0 60px}.home-statement-meta span:last-child{display:none}.home-statement-copy{font-size:52px;margin:55px 0}.home-service-row{grid-template-columns:55px 1fr 25px;min-height:145px}.home-service-row p{display:none}.home-service-row h2{font-size:50px}.home-service-row>b{font-size:20px}.home-work-intro{padding:90px 0}.home-work-intro h2{font-size:78px}.home-work-intro p{font-size:14px}.home-showcase-v4 .project-shot{width:92vw;height:62vh;min-height:520px}.home-proof{padding:90px 0}.home-proof-grid{grid-template-columns:1fr}.home-proof-pin{position:relative;top:0}.home-proof-pin h2{font-size:70px}.home-proof-list h3{font-size:42px}.cases-hero-v4,.process-hero-v4,.solution-hero-v4,.insights-hero-v4{min-height:88svh;padding:120px 0 45px}.cases-hero-v4 h1,.process-hero-v4 h1,.solution-hero-v4 h1,.insights-hero-v4 h1{font-size:64px;margin:35px 0 45px}.cases-hero-foot,.process-hero-foot,.solution-hero-foot,.insights-hero-foot{display:block}.cases-hero-foot span,.process-hero-foot span,.solution-hero-foot span,.insights-hero-foot span{display:block;margin-top:25px}.cases-index-v4{padding:50px 0 90px}.cases-filter-v4,.insight-filter-v4{overflow:auto;white-space:nowrap}.case-feature-v4{min-height:0;padding:40px 0}.cf-meta>b{font-size:48px}.cf-meta h2{font-size:44px}.cf-art{min-height:430px}.cf-browser{width:90%;height:68%;padding:20px}.cf-browser strong{font-size:42px}.cf-phone{width:145px;height:310px;border-width:5px;border-radius:27px;padding:28px 14px}.cf-phone strong{font-size:28px;margin-top:65px}.cf-art-data{padding:35px}.cf-kpi strong{font-size:95px}.cf-chart{left:35px;right:35px;bottom:40px;height:140px}.cf-art-admin{grid-template-columns:48px 1fr;padding:22px}.cf-art-admin section{padding:20px}.cf-art-admin section>b{font-size:22px}.cases-end-v4,.process-end-v4,.solution-logic-v4,.insight-subscribe-v4{padding:90px 0}.cases-end-v4 h2,.process-end-v4 h2,.solution-logic-v4 h2,.insight-subscribe-v4 h2{font-size:57px}.solution-chapters,.process-chapters-v4{padding:0 18px}.solution-chapters article,.process-chapters-v4 article{min-height:82svh;padding:80px 0}.solution-chapters h2,.process-chapters-v4 h2{font-size:55px}.solution-logic-grid{grid-template-columns:1fr}.solution-logic-grid>div{border-right:0;border-bottom:1px solid #0a0d0c}.insight-lead-v4{grid-template-columns:1fr;gap:20px}.il-art{grid-column:1;min-height:330px;padding:30px}.il-copy h2{font-size:45px}.insight-list-v4{grid-template-columns:1fr}.insight-list-v4 article,.insight-list-v4 article:nth-child(odd),.insight-list-v4 article:nth-child(even){padding:40px 0;min-height:360px;border-right:0}.insight-list-v4 h3{font-size:38px}}

/* Insights V4 / functional category filter */
.insight-filter-v4 button{
  min-height:44px;
  padding:9px 14px;
  transition:background-color .24s ease,color .24s ease,transform .24s var(--qt-ease)
}
.insight-filter-v4 button:hover{background:rgba(11,14,12,.08)}
.insight-filter-v4 button:active{transform:scale(.96)}
.insight-filter-v4 button.is-on,
.insight-filter-v4 button[aria-pressed="true"]{background:#0b0e0c;color:#fff}
.insight-filter-v4 button:focus-visible{outline:2px solid #0b0e0c;outline-offset:3px}
.insight-filter-status-v4{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
[data-insight-item][hidden]{display:none!important}
.insights-editorial-v4.is-filter-changing [data-insight-item]{will-change:transform,opacity}
.insight-list-v4.is-filtered{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))
}
.insight-list-v4.is-filtered:not(.has-visible-lead){border-top:1px solid #bfc7c1}
.insight-list-v4 article.is-filter-card{
  min-height:420px;
  padding:48px 44px 38px!important;
  border-right:1px solid #bfc7c1
}
.insight-list-v4 article.is-filter-card.is-filter-last{border-right:0}
@media(max-width:760px){
  .insight-filter-v4{scrollbar-width:none}
  .insight-filter-v4::-webkit-scrollbar{display:none}
  .insight-list-v4.is-filtered{grid-template-columns:1fr}
  .insight-list-v4 article.is-filter-card{
    min-height:360px;
    padding:40px 0!important;
    border-right:0
  }
}
@media(prefers-reduced-motion:reduce){
  .insight-filter-v4 button{transition:none!important}
  .insights-editorial-v4 [data-insight-item]{animation:none!important;transition:none!important}
}

/* ========================================================================
   QINGTONG V5 / HOME — AWARD-STYLE CHOREOGRAPHY PASS
   ======================================================================== */
.home-v5{background:#080b0a}
.home-v5.is-loading{overflow:hidden}
.qt-loader{position:fixed;inset:0;z-index:10050;background:#080b0a;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:5vw;transition:transform .9s var(--qt-ease),opacity .45s ease;transform-origin:top;overflow:hidden}
.qt-loader:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 49.95%,rgba(255,255,255,.06) 50%,transparent 50.05%),linear-gradient(transparent 0 49.95%,rgba(255,255,255,.05) 50%,transparent 50.05%);pointer-events:none}
.qt-loader.is-done{transform:translateY(-100%);opacity:.98}
.qt-loader-word{font-size:clamp(82px,15vw,290px);font-weight:900;letter-spacing:-.105em;line-height:.72;position:relative;z-index:2}
.qt-loader-line{height:1px;background:#26302a;margin:38px 0 18px;position:relative;z-index:2;overflow:hidden}.qt-loader-line i{display:block;height:100%;width:100%;background:var(--qt-green);transform:scaleX(0);transform-origin:left center}
.qt-loader-meta{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:2;font-size:9px;letter-spacing:.18em;color:#738078}.qt-loader-meta b{font-size:44px;line-height:.8;color:var(--qt-green);letter-spacing:-.04em}

/* Opening — the WebGL object is now the stage, not a side illustration. */
.home-v5 .home-opening{height:315svh}
.home-v5 .home-opening-pin{background:#080b0a}
.home-v5 .home-webgl{transform:scale(var(--webgl-scale,1));transform-origin:50% 50%;filter:saturate(1.12) contrast(1.08) brightness(1.06);transition:filter .3s linear;will-change:transform}
.home-v5 .home-grid{opacity:var(--grid-alpha,.11);background-size:25% 100%,100% 25%;transition:opacity .2s linear;mask-image:radial-gradient(circle at 50% 48%,black 0 42%,transparent 88%)}
.home-v5 .home-vignette{background:radial-gradient(circle at 50% 47%,transparent 0 18%,rgba(8,11,10,.12) 43%,rgba(8,11,10,.88) 100%)}
.home-ghost-type{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 1.4vw;pointer-events:none;opacity:.055;mix-blend-mode:screen;transform:translateX(var(--ghost-x,-4vw)) rotate(var(--ghost-rot,-7deg));will-change:transform}
.home-ghost-type span{font-family:var(--qt-font);font-weight:900;font-size:53vw;line-height:.6;letter-spacing:-.14em;color:#fff;-webkit-text-stroke:1px rgba(255,255,255,.3)}
.home-v5 .home-open-top{top:108px;color:#708078;mix-blend-mode:screen}
.home-v5 .home-opening-copy{top:51%;transition:none;will-change:opacity,filter,transform}
.home-v5 .home-opening-copy small{font-family:var(--qt-font);font-size:9px;letter-spacing:.2em;color:#7e8b84}
.home-master-title{position:relative}
.home-v5 .home-opening-copy h1{font-size:clamp(108px,14.7vw,286px);line-height:.68;letter-spacing:-.096em}
.home-v5 .home-master-title .hm-a{width:max-content}
.home-v5 .home-master-title .hm-b{margin-left:17vw;width:max-content}
.home-v5 .home-master-title .hm-c{margin-left:4.5vw;width:max-content;position:relative}
.home-v5 .home-master-title .hm-c:after{content:"®";position:absolute;right:-1.2em;top:.08em;font-size:.08em;letter-spacing:0;color:#8aa095}
.home-v5 .home-opening-copy p{font-size:13px;line-height:1.85;max-width:470px;color:#9aa49e;border-left:1px solid #445249;padding-left:18px}
.home-act-visual{padding-left:8vw}
.home-act-visual h2,.home-act-engineer h2,.home-act-final h2{font-size:clamp(98px,12.4vw,235px);line-height:.68;letter-spacing:-.095em}
.home-act-visual h2 span,.home-act-engineer h2 span,.home-act-final h2 span{display:block;width:max-content}
.home-act-visual .ghost-line,.home-act-engineer .ghost-line{color:transparent!important;-webkit-text-stroke:1.3px rgba(255,255,255,.5)}
.home-act-visual h2 span:nth-child(2){margin-left:10vw}
.home-act-visual h2 span:nth-child(3){margin-left:28vw}
.home-act-engineer{padding-right:7vw}
.home-act-engineer h2 span{margin-left:auto}.home-act-engineer h2 span:nth-child(2){margin-right:9vw}.home-act-engineer h2 span:nth-child(3){margin-right:20vw}
.home-act-final{text-align:center}.home-act-final h2 span{margin-left:auto;margin-right:auto}.home-act-final h2 span:nth-child(2){color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.6)}
.home-act-final p{margin-left:auto;margin-right:auto;text-align:left}
.home-axis-label{position:absolute;z-index:4;font:700 7px/1 var(--qt-font);letter-spacing:.22em;color:#56645d;pointer-events:none}.axis-x{left:50%;bottom:34px;transform:translateX(-50%)}.axis-y{right:24px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%)}
.home-v5 .home-object-label{left:34px;bottom:32px}.home-v5 .home-scroll-index{right:34px;bottom:29px}.home-v5 .home-scroll-index>i{width:130px}.home-v5 .home-scroll-index b{font-family:var(--qt-font);font-size:25px}

/* Dark-to-green transition bridge: visual and engineering collapse into one system. */
.home-bridge{height:190svh;position:relative;background:#080b0a;color:#fff;--bridge-orb-scale:1;--bridge-a-x:0vw;--bridge-b-x:0vw;--bridge-lock-opacity:0;--bridge-lock-y:42px}
.home-bridge-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:#080b0a}
.bridge-orb{position:absolute;z-index:0;width:18vmin;aspect-ratio:1;border-radius:50%;background:var(--qt-green);transform:scale(var(--bridge-orb-scale));box-shadow:0 0 90px rgba(24,207,120,.24);will-change:transform}.bridge-orb i{position:absolute;inset:-18%;border:1px solid rgba(255,255,255,.16);border-radius:50%}
.bridge-word{position:absolute;z-index:2;font-family:var(--qt-font);font-size:clamp(95px,14.2vw,270px);font-weight:900;line-height:.7;letter-spacing:-.1em;white-space:nowrap;mix-blend-mode:difference;will-change:transform}
.bridge-word-a{left:4vw;top:18%;transform:translateX(var(--bridge-a-x))}.bridge-word-b{right:2vw;bottom:16%;transform:translateX(var(--bridge-b-x));color:transparent;-webkit-text-stroke:1.4px #fff}
.bridge-lockup{position:relative;z-index:4;text-align:center;color:#07100b;opacity:var(--bridge-lock-opacity);transform:translateY(var(--bridge-lock-y));will-change:opacity,transform}.bridge-lockup small{display:block;font:750 9px/1 var(--qt-font);letter-spacing:.22em;margin-bottom:28px}.bridge-lockup strong{display:block;font-size:clamp(102px,15vw,285px);line-height:.66;letter-spacing:-.105em}.bridge-lockup span{display:block;font-size:15px;margin-top:34px;font-weight:700}
.bridge-corner{position:absolute;z-index:5;left:32px;right:32px;bottom:28px;display:flex;justify-content:space-between;color:#08100c;font:750 8px/1 var(--qt-font);letter-spacing:.18em;mix-blend-mode:multiply}

/* Typography cadence after the bridge. */
.home-v5 .home-statement{padding:175px 0 115px;background:#edf0ec}.home-v5 .home-statement-copy{font-size:clamp(70px,7.5vw,145px);line-height:.82;letter-spacing:-.083em;margin:100px 0 120px}.home-v5 .home-statement-copy em{-webkit-text-stroke:1.2px #0b0e0c}.home-v5 .home-kinetic{padding:14px 0}.home-v5 .home-kinetic span{font-family:var(--qt-font);font-size:clamp(64px,7.2vw,132px);letter-spacing:-.075em}
.home-v5 .home-services-tease{padding-top:145px;padding-bottom:165px}.home-v5 .home-service-row{min-height:235px}.home-v5 .home-service-row h2{font-size:clamp(64px,8vw,148px);letter-spacing:-.082em}.home-v5 .home-service-row:hover h2{transform:translateX(28px)}

/* Case transition — green field becomes a black curtain before horizontal work starts. */
.home-v5 .home-work-intro{height:205svh;padding:0;position:relative;background:var(--qt-green);overflow:clip;--work-curtain:100%;--work-title-y:0vh;--work-a-x:0vw;--work-b-x:0vw;--work-c-scale:1;--work-copy-opacity:1}
.home-work-pin{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.home-work-stage{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;transform:translateY(var(--work-title-y));will-change:transform}
.home-work-meta{position:absolute;left:0;right:0;top:110px;display:flex;justify-content:space-between;border-bottom:1px solid rgba(7,16,11,.28);padding-bottom:16px;font:750 8px/1 var(--qt-font);letter-spacing:.18em}
.home-v5 .home-work-intro h2{font-size:clamp(112px,15vw,285px);line-height:.63;letter-spacing:-.105em;margin:0;position:relative}.home-v5 .home-work-intro h2 span{display:block;width:max-content;will-change:transform}.home-v5 .home-work-intro .hwi-a{transform:translateX(var(--work-a-x));color:#08100c}.home-v5 .home-work-intro .hwi-b{transform:translateX(var(--work-b-x));margin-left:18vw;color:transparent;-webkit-text-stroke:1.6px #08100c}.home-v5 .home-work-intro .hwi-c{margin-left:42vw;color:#fff;transform:scale(var(--work-c-scale));transform-origin:left center}.home-v5 .home-work-intro p{position:absolute;right:0;bottom:70px;max-width:540px;font-size:14px;opacity:var(--work-copy-opacity);transition:none}
.home-work-curtain{position:absolute;z-index:8;inset:0;background:#080b0a;color:#fff;clip-path:inset(var(--work-curtain) 0 0 0);display:grid;place-items:center;will-change:clip-path}.home-work-curtain span{font-family:var(--qt-font);font-size:clamp(75px,12vw,225px);font-weight:900;letter-spacing:-.09em;line-height:.7}.home-work-curtain i{position:absolute;width:10px;height:10px;background:var(--qt-green);border-radius:50%;box-shadow:0 0 36px var(--qt-green)}

/* Horizontal work — center project owns the screen, neighbours fall away. */
.home-v5 .home-showcase-v4{background:#080b0a}.home-v5 .home-showcase-v4 .showcase-head{height:195px;transition:opacity .2s linear;opacity:max(.22,calc(1 - var(--gallery-p,0)))}
.home-v5 .home-showcase-v4 .showcase-count b{font-family:var(--qt-font);font-size:58px;color:var(--qt-green);line-height:.8}.home-v5 .home-showcase-v4 .showcase-count span{font-size:8px;letter-spacing:.16em;color:#758078}
.home-v5 .home-showcase-v4 .project-shot{width:min(90vw,1500px);height:73vh;min-height:620px;opacity:var(--case-opacity,1);filter:blur(var(--case-blur,0));transition:box-shadow .45s var(--qt-ease),opacity .18s linear,filter .18s linear;overflow:hidden}
.home-v5 .home-showcase-v4 .project-shot>div:not(.project-meta){transform:scale(var(--case-art-scale,1));transform-origin:center;transition:transform .18s linear}
.home-v5 .home-showcase-v4 .project-meta{transform:translateY(var(--case-meta-y,0));transition:transform .18s linear}.home-v5 .home-showcase-v4 .project-meta h3{font-size:clamp(28px,3vw,54px);letter-spacing:-.045em}.home-v5 .home-showcase-v4 .project-meta>span{font-family:var(--qt-font)}
.home-v5 .project-end{min-width:52vw}

/* Proof section arrives softer after the high-energy work reel. */
.home-v5 .home-proof{padding:175px 0 185px}.home-v5 .home-proof-pin h2{font-size:clamp(80px,8.4vw,152px)}.home-v5 .home-proof-list article{padding:72px 0}.home-v5 .home-proof-list h3{font-size:clamp(42px,4.4vw,76px)}
.home-v5 .home-final{min-height:100svh}.home-v5 .home-final:before{content:"QINGTONG";position:absolute;inset:auto 0 2vh;text-align:center;font-size:18vw;font-weight:900;letter-spacing:-.1em;color:rgba(255,255,255,.12);pointer-events:none}

@media(max-width:1100px){
  .home-v5 .home-opening{height:275svh}.home-v5 .home-master-title .hm-b,.home-v5 .home-master-title .hm-c{margin-left:0}.home-act-visual{padding-left:0}.home-act-visual h2 span:nth-child(2),.home-act-visual h2 span:nth-child(3),.home-act-engineer h2 span:nth-child(2),.home-act-engineer h2 span:nth-child(3){margin-left:0;margin-right:0}.home-ghost-type{opacity:.035}.home-axis-label{display:none}
  .home-bridge{height:160svh}.bridge-word{font-size:14vw}.home-v5 .home-work-intro{height:175svh}.home-v5 .home-work-intro .hwi-b{margin-left:8vw}.home-v5 .home-work-intro .hwi-c{margin-left:20vw}.home-v5 .home-showcase-v4 .showcase-head{opacity:1}
}
@media(max-width:760px){
  .qt-loader{padding:24px}.qt-loader-word{font-size:72px}.qt-loader-meta b{font-size:34px}.home-v5 .home-opening{height:225svh}.home-v5 .home-open-top{top:90px}.home-v5 .home-opening-copy{width:calc(100% - 28px)!important}.home-v5 .home-opening-copy h1{font-size:68px;line-height:.72}.home-act-visual h2,.home-act-engineer h2,.home-act-final h2{font-size:66px;line-height:.71}.home-v5 .home-opening-copy p{font-size:11px;max-width:82%;margin-top:25px}.home-v5 .home-object-label span{font-size:12px}.home-v5 .home-scroll-index{grid-template-columns:auto 64px}.home-v5 .home-scroll-index span{display:none}.home-ghost-type{display:none}
  .home-bridge{height:140svh}.bridge-word{font-size:19vw}.bridge-word-a{top:25%;left:5vw}.bridge-word-b{bottom:25%;right:4vw}.bridge-lockup strong{font-size:23vw}.bridge-lockup span{font-size:12px}.bridge-corner{left:14px;right:14px}
  .home-v5 .home-statement{padding:95px 0 70px}.home-v5 .home-statement-copy{font-size:50px;margin:60px 0 75px}.home-v5 .home-service-row{min-height:150px}.home-v5 .home-service-row h2{font-size:52px}
  .home-v5 .home-work-intro{height:145svh}.home-work-meta{top:88px}.home-work-meta span:last-child{display:none}.home-v5 .home-work-intro h2{font-size:72px;line-height:.67}.home-v5 .home-work-intro .hwi-b,.home-v5 .home-work-intro .hwi-c{margin-left:0}.home-v5 .home-work-intro p{left:0;right:auto;bottom:36px;max-width:85%;font-size:11px}.home-work-curtain span{font-size:65px}.home-v5 .home-showcase-v4 .project-shot{height:62vh;min-height:520px;opacity:1!important;filter:none!important}.home-v5 .project-end{min-width:90vw}
}
@media(prefers-reduced-motion:reduce){.qt-loader{display:none!important}.home-bridge{height:auto}.home-bridge-pin{position:relative;min-height:90svh}.bridge-orb{transform:scale(9)}.bridge-word{display:none}.bridge-lockup{opacity:1;transform:none}.home-v5 .home-work-intro{height:auto;min-height:100svh}.home-work-pin{position:relative;min-height:100svh}.home-work-curtain{display:none}.home-work-stage{transform:none}.home-v5 .home-showcase-v4 .project-shot{opacity:1!important;filter:none!important}}

/* V5 continuity refinements */
.home-v5 .nav-showpiece.is-dark:not(.is-scrolled){background:linear-gradient(to bottom,rgba(8,11,10,.58),rgba(8,11,10,0));backdrop-filter:none;-webkit-backdrop-filter:none;border-color:transparent}
.home-v5 .home-statement{padding-bottom:0}.home-v5 .home-kinetic{margin-top:105px;margin-left:-5vw;background:#080b0a;color:#fff;border:0;padding:26px 0}.home-v5 .home-kinetic span{color:#e7ece8}.home-v5 .home-services-tease{padding-top:110px}

/* =========================================================
   V6 / LUXURY MATERIAL PASS
   Shader light field · liquid bridge · mask typography
   case WebGL distortion · branded route transitions
   ========================================================= */
:root{--qt-lime:#25e58b;--qt-deep:#050807;--qt-route-ease:cubic-bezier(.76,0,.24,1)}
.home-v6{background:var(--qt-deep)}

/* Layered shader atmosphere. The procedural light field sits under the point installation. */
.qt-lightfield{position:absolute;inset:-2%;width:104%;height:104%;z-index:0;pointer-events:none;opacity:.95;filter:saturate(1.2) contrast(1.07);transform:scale(1.02);will-change:opacity,transform}
.home-v6 .home-webgl{z-index:1;mix-blend-mode:screen;filter:saturate(1.18) contrast(1.1) brightness(1.04)}
.qt-film-grain{position:absolute;inset:-60%;z-index:4;pointer-events:none;opacity:.075;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 18% 31%,rgba(255,255,255,.8) 0 .45px,transparent .65px 2.3px);background-size:7px 7px;animation:qtGrain .22s steps(2) infinite;will-change:transform}
@keyframes qtGrain{0%{transform:translate3d(-2%,1%,0)}25%{transform:translate3d(2%,-1%,0)}50%{transform:translate3d(1%,2%,0)}75%{transform:translate3d(-1%,-2%,0)}100%{transform:translate3d(0,0,0)}}
.home-v6 .home-vignette{z-index:3;background:radial-gradient(circle at 50% 46%,transparent 0 18%,rgba(5,8,7,.06) 42%,rgba(5,8,7,.56) 72%,#050807 112%)}
.home-v6 .home-grid{z-index:2;mix-blend-mode:screen}
.home-v6 .home-opening-pin:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 0 36%,rgba(120,255,186,.035) 48%,transparent 60%);transform:translateX(calc((var(--home-p,0) - .5)*18vw));will-change:transform}

/* Mask typography: each line is physically clipped rather than simply faded. */
.mask-stack>span{display:block!important;overflow:hidden;padding-bottom:.055em;margin-bottom:-.055em;clip-path:inset(0 -8% 0 -8%)}
.mask-stack>span>i{display:block;font:inherit;letter-spacing:inherit;color:inherit;-webkit-text-stroke:inherit;font-style:normal;transform:translate3d(0,calc((1 - var(--mask-p,0))*112%),0) skewY(calc((1 - var(--mask-p,0))*4deg));transform-origin:left bottom;will-change:transform}
.work-mask-stack>span>i{transform:translate3d(0,calc((1 - var(--work-mask-p,0))*118%),0) skewY(calc((1 - var(--work-mask-p,0))*5deg))}
.mask-single{overflow:hidden;line-height:.82!important;padding-bottom:.08em;margin-bottom:-.08em}
.mask-single>i{display:block;font:inherit;letter-spacing:inherit;transform:translate3d(0,115%,0) skewY(5deg);transition:transform 1.05s cubic-bezier(.16,1,.3,1);will-change:transform}
.mask-single.mask-in>i{transform:translate3d(0,0,0) skewY(0)}

/* Liquid shader bridge. It replaces the flat circle expansion with a living green membrane. */
.qt-liquid{position:absolute;z-index:0;inset:-1%;width:102%;height:102%;pointer-events:none;opacity:var(--liquid-alpha,.2);mix-blend-mode:screen;will-change:opacity}
.home-v6 .home-bridge-pin{background:#050807}
.home-v6 .bridge-orb{z-index:1;background:radial-gradient(circle at 38% 32%,#78ffb8 0,#20db7f 20%,#11b968 53%,#08733f 100%);box-shadow:0 0 140px rgba(24,207,120,.34),0 0 320px rgba(24,207,120,.12);filter:saturate(1.15)}
.home-v6 .bridge-orb:after{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle at 37% 31%,rgba(255,255,255,.42),transparent 18%);mix-blend-mode:soft-light}
.home-v6 .bridge-word{z-index:3}.home-v6 .bridge-lockup{z-index:5}.home-v6 .bridge-corner{z-index:6}

/* Work curtain gets a soft liquid edge instead of a mathematically clean wipe. */
.home-v6 .home-work-curtain{background:radial-gradient(ellipse at 50% -8%,#15211a 0,#080b0a 42%,#050807 76%);box-shadow:0 -28px 80px rgba(4,9,6,.22)}
.home-v6 .home-work-curtain:before{content:"";position:absolute;left:-8%;right:-8%;top:-38px;height:90px;background:radial-gradient(ellipse at 50% 100%,rgba(5,8,7,.98) 0 45%,transparent 46% 100%);background-size:210px 78px;filter:blur(9px);opacity:.85;animation:qtLiquidEdge 3.8s linear infinite}
@keyframes qtLiquidEdge{to{background-position:210px 0}}

/* Case distortion canvases: GPU texture is only visible around the interaction/focus field. */
.home-v6 .project-shot{isolation:isolate;--distort-alpha:0;--distort-x:50%;--distort-y:50%}
.case-distortion{position:absolute;z-index:3;inset:86px 0 0;width:100%;height:calc(100% - 86px);pointer-events:none;opacity:calc(.12 + var(--case-focus,0)*.14);transition:opacity .28s ease;mix-blend-mode:normal}
.home-v6 .project-shot:hover .case-distortion{opacity:.92}
.home-v6 .project-shot .project-meta{z-index:7}
.home-v6 .project-shot>div:not(.project-meta){position:absolute;z-index:1}
.home-v6 .project-shot.project-green .project-browser,.home-v6 .project-shot.project-blue .mobile-wall,.home-v6 .project-shot.project-black .data-grid,.home-v6 .project-shot.project-paper .admin-canvas{z-index:2}
.home-v6 .project-shot:after{content:"VIEW CASE  ↗";position:absolute;z-index:8;right:28px;bottom:25px;font:750 8px/1 var(--qt-font);letter-spacing:.18em;padding:12px 14px;border:1px solid currentColor;border-radius:999px;opacity:0;transform:translateY(14px);transition:.42s cubic-bezier(.16,1,.3,1);mix-blend-mode:difference;color:#fff}
.home-v6 .project-shot:hover:after{opacity:1;transform:none}

/* More cinematic center-card framing. */
.home-v6 .home-showcase-v4 .project-shot{box-shadow:0 calc(var(--case-focus,0)*30px) calc(var(--case-focus,0)*90px) rgba(0,0,0,.36)}
.home-v6 .home-showcase-v4 .project-shot{transform-origin:center center}
.home-v6 .showcase-viewport{perspective:1800px}

/* Premium route transition. Radial green fill starts exactly where the user clicked. */
.page-curtain.qt-route-transition{display:block;position:fixed;inset:0;z-index:10040;pointer-events:none;transform:none!important;background:transparent;overflow:hidden;color:#07100b;opacity:0;visibility:hidden;transition:visibility 0s linear .95s,opacity .01s linear .95s;--route-x:50vw;--route-y:50vh}
.qt-route-fill{position:absolute;inset:0;background:var(--green);clip-path:circle(0 at var(--route-x) var(--route-y));transition:clip-path .78s var(--qt-route-ease);will-change:clip-path}
.qt-route-fill:after{content:"";position:absolute;inset:-18%;background:radial-gradient(circle at var(--route-x) var(--route-y),rgba(255,255,255,.22),transparent 19%),repeating-radial-gradient(circle at 40% 60%,rgba(0,0,0,.035) 0 1px,transparent 2px 7px);transform:rotate(-8deg)}
.qt-route-noise{position:absolute;inset:-35%;opacity:.10;mix-blend-mode:multiply;background-image:repeating-radial-gradient(circle,rgba(0,0,0,.8) 0 .45px,transparent .6px 2.8px);background-size:7px 7px;animation:qtGrain .19s steps(2) infinite}
.qt-route-copy{position:absolute;z-index:2;left:5vw;right:5vw;top:50%;transform:translateY(-50%);overflow:hidden}.qt-route-copy small{display:block;font:800 9px/1 var(--qt-font);letter-spacing:.22em;margin-bottom:28px;transform:translateY(22px);opacity:0;transition:.5s .25s cubic-bezier(.16,1,.3,1)}.qt-route-copy strong{display:flex;gap:.04em;font-size:clamp(100px,17vw,330px);line-height:.62;letter-spacing:-.11em;font-weight:900;overflow:hidden}.qt-route-copy strong span{display:block;transform:translateY(108%) rotate(3deg);transition:transform .7s cubic-bezier(.16,1,.3,1)}.qt-route-copy strong span+span{transition-delay:.055s}.qt-route-copy em{display:block;margin-top:38px;font:800 10px/1 var(--qt-font);letter-spacing:.2em;font-style:normal;transform:translateY(20px);opacity:0;transition:.45s .4s cubic-bezier(.16,1,.3,1)}
.qt-route-index{position:absolute;z-index:2;right:35px;bottom:30px;display:flex;gap:15px;align-items:end;font:800 8px/1 var(--qt-font);letter-spacing:.18em;opacity:0;transition:opacity .4s .42s ease}.qt-route-index b{font-size:25px;line-height:.8}.qt-route-index span{opacity:.55}
body.page-exit{overflow:hidden}body.page-exit .page-curtain.qt-route-transition{opacity:1;visibility:visible;transition:none}body.page-exit .qt-route-fill{clip-path:circle(165vmax at var(--route-x) var(--route-y))}body.page-exit .qt-route-copy small,body.page-exit .qt-route-copy em{transform:none;opacity:1}body.page-exit .qt-route-copy strong span{transform:none}body.page-exit .qt-route-index{opacity:1}

/* Progressive enhancement in Chromium browsers that support cross-document View Transitions. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:qtViewOld .62s cubic-bezier(.76,0,.24,1) both}
::view-transition-new(root){animation:qtViewNew .72s cubic-bezier(.16,1,.3,1) both}
@keyframes qtViewOld{to{opacity:0;transform:scale(.985);filter:blur(7px)}}
@keyframes qtViewNew{from{opacity:0;transform:scale(1.018);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}

@media(max-width:1100px){.qt-lightfield{opacity:.72}.case-distortion{display:none}.qt-film-grain{opacity:.045}.qt-route-copy strong{font-size:17vw}}
@media(max-width:760px){.qt-lightfield{opacity:.5;filter:saturate(1.05)}.qt-liquid{display:none}.qt-film-grain{display:none}.mask-single>i{transform:none}.qt-route-copy{left:18px;right:18px}.qt-route-copy strong{font-size:22vw}.qt-route-index{right:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.qt-lightfield,.qt-liquid,.qt-film-grain,.case-distortion{display:none!important}.mask-stack>span>i,.work-mask-stack>span>i,.mask-single>i{transform:none!important}.page-curtain.qt-route-transition{display:none!important}}

/* ========================================================================
   QINGTONG FINAL V6 / REAL CASE EDITION
   Stable V6 scrolling retained; only case content + real project imagery.
   ======================================================================== */
.project-real-card{background:#121613!important}
.project-real-card .project-meta{color:#fff;text-shadow:0 1px 16px rgba(0,0,0,.2)}
.project-real-card .project-real{inset:118px 26px 26px!important;border-radius:18px;overflow:hidden;background:#e9edea;box-shadow:0 28px 80px rgba(0,0,0,.26)}
.project-real-card .project-real:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,8,6,.02),transparent 55%,rgba(4,8,6,.10));z-index:2}
.project-real-card .project-real img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.015);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1)}
.project-real-card:hover .project-real img{transform:scale(1.04);filter:saturate(1.04)}
.home-v6 .project-real-card .case-distortion{top:118px!important;left:26px!important;right:26px!important;bottom:26px!important;width:calc(100% - 52px)!important;height:calc(100% - 144px)!important;border-radius:18px;overflow:hidden;mix-blend-mode:soft-light}
.project-real-card.project-green{background:#0f3c2a!important}.project-real-card.project-paper{background:#312b27!important}.project-real-card.project-blue{background:#243a7e!important}

.case-feature-real .cf-art-real{background:#111611;min-height:600px;border-radius:2px;overflow:hidden}
.case-feature-real .cf-art-real img{width:100%;height:100%;min-height:600px;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.case-feature-real:hover .cf-art-real img{transform:scale(1.025)}
.case-feature-real.cf-paper .cf-art-real{background:#eee9e4}
.case-feature-real.cf-blue .cf-art-real{background:#e84036}
.case-feature-real.cf-green .cf-art-real{background:#e8f4ef}

.cases-more-v6{padding:110px 0 10px;border-top:1px solid #bec6c0}
.cases-more-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:48px}
.cases-more-head small{font-size:9px;letter-spacing:.16em}
.cases-more-head h2{font-size:clamp(52px,6vw,96px);line-height:.86;letter-spacing:-.065em;margin:0}
.cases-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px}
.case-archive-card{display:block;color:#0b0e0c;border-top:1px solid #c2c9c4;padding-top:18px}
.case-archive-pic{aspect-ratio:1.55/1;overflow:hidden;background:#ddd}
.case-archive-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s cubic-bezier(.16,1,.3,1)}
.case-archive-card:hover .case-archive-pic img{transform:scale(1.035)}
.case-archive-meta{display:grid;grid-template-columns:1fr auto;gap:4px 20px;align-items:end;padding:20px 0 45px}
.case-archive-meta small{grid-column:1/-1;font-size:8px;letter-spacing:.14em;color:#6b756e}
.case-archive-meta h3{font-size:clamp(31px,3.1vw,52px);letter-spacing:-.055em;margin:8px 0 0}
.case-archive-meta b{font-size:23px}

.case-real-cover{padding:0;background:#080b0a}
.case-real-cover img{width:100%;height:100%;object-fit:cover;display:block}
.case-real-overview .case-problem-grid b{letter-spacing:.08em}
.case-chapter-shot{margin:48px 0 0;overflow:hidden;background:#e9edea;max-height:620px}
.case-chapter-shot img{width:100%;height:620px;object-fit:cover;object-position:top center;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.case-narrative article:hover .case-chapter-shot img{transform:scale(1.018)}

.case-gallery-real{padding:140px 0 170px;background:#edf0eb;color:#0b0e0c}
.case-gallery-real .section-head{margin-bottom:70px}
.case-real-images{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}
.case-real-image{margin:0;background:#fff;overflow:hidden;box-shadow:0 24px 70px rgba(17,28,22,.09)}
.case-real-image.is-wide{grid-column:1/-1}
.case-real-image img{width:100%;display:block;max-height:980px;object-fit:cover;object-position:top center}
.case-real-image.is-wide img{max-height:980px}
.case-real-image:nth-child(3n+2){transform:translateY(75px)}
.case-real-image:nth-child(3n+3){margin-top:0}
.case-real-story .case-story-meta>p{max-width:720px}
.case-real-story .case-story-meta>div{flex-wrap:wrap}
.case-real-story .case-story-meta>div span{white-space:nowrap}

[data-case-cat][hidden]{display:none!important}

@media(max-width:1100px){
  .project-real-card .project-real{inset:105px 20px 20px!important}
  .home-v6 .project-real-card .case-distortion{top:105px!important;left:20px!important;right:20px!important;bottom:20px!important;width:calc(100% - 40px)!important;height:calc(100% - 125px)!important}
  .cases-more-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .project-real-card .project-real{inset:90px 14px 14px!important;border-radius:14px}
  .home-v6 .project-real-card .case-distortion{display:none!important}
  .case-feature-real .cf-art-real,.case-feature-real .cf-art-real img{min-height:390px}
  .cases-more-v6{padding-top:75px}.cases-more-head{display:block}.cases-more-head h2{font-size:55px;margin-top:18px}
  .case-archive-meta{padding-bottom:35px}.case-archive-meta h3{font-size:39px}
  .case-chapter-shot{max-height:460px}.case-chapter-shot img{height:460px}
  .case-gallery-real{padding:90px 0 110px}
  .case-real-images{grid-template-columns:1fr;gap:18px}.case-real-image.is-wide{grid-column:auto}.case-real-image:nth-child(3n+2){transform:none}
  .case-real-image img,.case-real-image.is-wide img{max-height:700px}
}

/* ========================================================================
   FINAL V6.3 / MOBILE MENU + INPUT-FIRST WHEEL MOMENTUM
   Keeps the V6 real-scroll architecture intact.
   ======================================================================== */
.mobile-menu-toggle{display:none;appearance:none;border:0;background:transparent;color:inherit;padding:0;width:48px;height:48px;border-radius:999px;align-items:center;justify-content:center;cursor:pointer;position:relative}
.mobile-menu-toggle>span{position:relative;width:22px;height:14px;display:block}
.mobile-menu-toggle>span:before,.mobile-menu-toggle>span:after{content:"";position:absolute;left:0;width:22px;height:1.5px;background:currentColor;transition:transform .48s var(--ease),top .48s var(--ease),width .35s var(--ease)}
.mobile-menu-toggle>span:before{top:2px}.mobile-menu-toggle>span:after{top:11px;width:15px;left:auto;right:0}
.mobile-menu-toggle small{position:absolute;left:50%;top:calc(100% - 6px);transform:translateX(-50%);font-size:7px;line-height:1;letter-spacing:.13em;font-weight:800;white-space:nowrap;opacity:.62}
.nav-showpiece.menu-open .mobile-menu-toggle>span:before{top:6px;transform:rotate(45deg)}
.nav-showpiece.menu-open .mobile-menu-toggle>span:after{top:6px;width:22px;transform:rotate(-45deg)}
.nav-showpiece.menu-open .mobile-menu-toggle small{opacity:0}
.mobile-menu-index,.mobile-menu-foot{display:none}

@media(max-width:760px){
  .nav-showpiece .navin{position:relative;z-index:102}
  .nav-showpiece .brand{position:relative;z-index:103}
  .nav-showpiece .mobile-menu-toggle{display:flex;z-index:103}
  .nav-showpiece .menu{
    position:fixed;inset:0;z-index:101;margin:0;padding:112px 20px 30px;
    display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
    background:#080b0a;color:#fff;overflow:auto;overscroll-behavior:contain;
    opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-14px,0);
    transition:opacity .38s ease,transform .58s var(--ease),visibility 0s linear .58s;
  }
  .nav-showpiece.menu-open{color:#fff;background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .nav-showpiece.menu-open .menu{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .38s ease,transform .58s var(--ease),visibility 0s}
  .nav-showpiece.menu-open .brand{color:#fff}
  .nav-showpiece .menu>a,.nav-showpiece .menu>a:not(.cta){
    display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:65px;
    padding:0 2px;border-bottom:1px solid rgba(255,255,255,.13);border-radius:0;background:transparent!important;color:#fff!important;
    font-size:clamp(27px,9.5vw,42px)!important;line-height:1;letter-spacing:-.05em;font-weight:700;opacity:1!important;
    transform:translateY(16px);transition:transform .52s var(--ease),opacity .35s ease,color .25s ease;
  }
  .nav-showpiece .menu>a:after{content:"↗";font-size:16px;font-weight:500;letter-spacing:0;color:var(--green)}
  .nav-showpiece .menu>a.cta{margin-top:18px;min-height:70px;padding:0 20px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#06130c!important;background:var(--green)!important;font-size:16px!important;letter-spacing:.02em;justify-content:space-between}
  .nav-showpiece .menu>a.cta:after{color:#06130c}
  .nav-showpiece.menu-open .menu>a{transform:none}
  .nav-showpiece.menu-open .menu>a:nth-child(1){transition-delay:.06s}.nav-showpiece.menu-open .menu>a:nth-child(2){transition-delay:.09s}.nav-showpiece.menu-open .menu>a:nth-child(3){transition-delay:.12s}.nav-showpiece.menu-open .menu>a:nth-child(4){transition-delay:.15s}.nav-showpiece.menu-open .menu>a:nth-child(5){transition-delay:.18s}.nav-showpiece.menu-open .menu>a:nth-child(6){transition-delay:.21s}.nav-showpiece.menu-open .menu>a:nth-child(7){transition-delay:.24s}.nav-showpiece.menu-open .menu>a:nth-child(8){transition-delay:.27s}
  body.qt-menu-open{overflow:hidden}
}

@media(prefers-reduced-motion:reduce){
  .mobile-menu-toggle>span:before,.mobile-menu-toggle>span:after,.nav-showpiece .menu,.nav-showpiece .menu>a{transition:none!important}
}

/* ========================================================================
   FINAL V6.2 / FOOTER — BRAND FINALE
   The final screen behaves like a closing title card, not a utility footer.
   ======================================================================== */
.qt-footer{position:relative;overflow:hidden;background:#060908!important;color:#fff;padding:0!important;isolation:isolate}
.qt-footer:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 82%,transparent)}
.qt-footer-aura{position:absolute;z-index:-1;width:min(54vw,880px);aspect-ratio:1;left:var(--fx,72%);top:var(--fy,18%);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(25,207,120,.18) 0,rgba(25,207,120,.055) 28%,transparent 70%);filter:blur(8px);transition:left .7s var(--ease),top .7s var(--ease);pointer-events:none}
.qt-footer-wrap{position:relative;padding-top:34px}
.qt-footer-topline{height:56px;border-top:1px solid #252c28;border-bottom:1px solid #252c28;display:flex;align-items:center;justify-content:space-between;color:#7f8982;font-size:8px;font-weight:800;letter-spacing:.16em}
.qt-footer-topline span:last-child{display:flex;align-items:center;gap:12px}.qt-footer-topline i{display:block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(25,207,120,.7)}
.qt-footer-hero{display:block;color:#fff;padding:72px 0 82px;border-bottom:1px solid #252c28;position:relative;transform:none!important}
.qt-footer-kicker{display:block;color:#849088;font-size:9px;letter-spacing:.16em;font-weight:800;margin-bottom:34px;transition:color .35s ease}
.qt-footer-title{display:block;font-size:clamp(82px,11vw,206px);font-weight:820;line-height:.72;letter-spacing:-.082em;text-transform:uppercase}
.qt-footer-title>span{display:flex;align-items:flex-end;overflow:hidden;padding-right:.06em}
.qt-footer-title>span:first-child{padding-bottom:.12em}
.qt-footer-title em{font-style:normal;color:var(--green);transition:color .45s ease}
.qt-footer-title b{font-size:.21em;line-height:1;width:1.65em;height:1.65em;display:grid;place-items:center;margin-left:auto;margin-bottom:.12em;border:1px solid #39423d;border-radius:50%;font-weight:500;letter-spacing:0;transition:background .45s var(--ease),color .45s ease,border-color .45s ease,transform .55s var(--ease)}
.qt-footer-hero:hover .qt-footer-kicker{color:#d6ded8}.qt-footer-hero:hover .qt-footer-title em{color:#86f4b9}.qt-footer-hero:hover .qt-footer-title b{background:var(--green);border-color:var(--green);color:#06110b;transform:rotate(45deg)}
.qt-footer-grid{display:grid;grid-template-columns:1.2fr 1fr .75fr;gap:clamp(45px,7vw,120px);padding:76px 0 94px;border-bottom:1px solid #252c28}
.qt-footer-grid small{display:block;color:#68726c;font-size:8px;font-weight:800;letter-spacing:.16em;margin-bottom:26px}
.qt-footer-intro p{max-width:500px!important;color:#c2cbc5!important;font-size:clamp(17px,1.28vw,23px);line-height:1.52;letter-spacing:-.025em;margin:0}
.qt-footer-nav>div{display:grid;gap:0}.qt-footer-nav a{display:flex;justify-content:space-between;gap:26px;align-items:center;color:#dde4df!important;border-bottom:1px solid #222925;padding:10px 0 12px;font-size:13px;transition:padding .35s var(--ease),color .25s ease}.qt-footer-nav a:first-child{border-top:1px solid #222925}.qt-footer-nav a span{font-size:8px;color:#667069;letter-spacing:.1em}.qt-footer-nav a:hover{padding-left:9px;color:var(--green)!important}
.qt-footer-contact p{color:#919c95!important;font-size:13px;line-height:1.7;margin:0 0 28px}.qt-footer-contact>a{display:flex;align-items:center;justify-content:space-between;color:#fff;border-top:1px solid #354039;border-bottom:1px solid #354039;padding:17px 0;font-size:10px;font-weight:800;letter-spacing:.14em}.qt-footer-contact>a span{font-size:20px;color:var(--green);transition:transform .4s var(--ease)}.qt-footer-contact>a:hover span{transform:translate(5px,-5px)}
.qt-footer-bottom{min-height:75px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:25px;color:#69736d;font-size:8px;font-weight:800;letter-spacing:.13em}.qt-footer-bottom>span:nth-child(2){text-align:center}.qt-footer-bottom button{justify-self:end;border:0;background:transparent;color:#9ca69f;font:inherit;letter-spacing:inherit;padding:15px 0;cursor:pointer}.qt-footer-bottom button b{color:var(--green);font-size:13px;margin-left:8px;display:inline-block;transition:transform .35s var(--ease)}.qt-footer-bottom button:hover b{transform:translateY(-5px)}
.qt-footer-legal{display:flex;flex-wrap:wrap;align-items:center;min-width:0;gap:6px 20px;white-space:nowrap}.qt-footer-legal>span:first-child{flex:none}.qt-footer-filings{display:flex;align-items:center;gap:16px;color:#77827b;font:inherit;line-height:inherit;letter-spacing:inherit}.qt-footer-filings a{color:inherit;transition:color .25s ease}.qt-footer-filings a:hover{color:var(--green)}
/* restrained reveal: no scroll hijacking */
.qt-footer:not(.is-in) .qt-footer-title>span{transform:translateY(26px);opacity:.15}.qt-footer:not(.is-in) .qt-footer-grid{opacity:.2;transform:translateY(24px)}
.qt-footer .qt-footer-title>span{transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .75s ease}.qt-footer .qt-footer-title>span:nth-child(2){transition-delay:.07s}.qt-footer .qt-footer-grid{transition:opacity .9s ease .12s,transform 1s cubic-bezier(.16,1,.3,1) .12s}
.qt-footer.is-in .qt-footer-title>span,.qt-footer.is-in .qt-footer-grid{transform:none;opacity:1}

@media(max-width:900px){
  .qt-footer-title{font-size:clamp(72px,13.5vw,128px)}
  .qt-footer-grid{grid-template-columns:1fr 1fr}.qt-footer-contact{grid-column:1/-1;max-width:420px}
  .qt-footer-legal{flex-direction:column;align-items:flex-start;gap:6px;white-space:normal}.qt-footer-filings{flex-wrap:wrap;gap:4px 14px}
}
@media(max-width:760px){
  .qt-footer-wrap{padding-top:18px}.qt-footer-topline{height:47px}.qt-footer-topline span:first-child{max-width:45%;line-height:1.35}.qt-footer-topline span:last-child{font-size:7px;text-align:right}
  .qt-footer-hero{padding:55px 0 64px}.qt-footer-kicker{margin-bottom:25px;font-size:7px}.qt-footer-title{font-size:clamp(58px,18vw,88px);line-height:.76;letter-spacing:-.07em}.qt-footer-title>span{display:flex}.qt-footer-title b{font-size:.23em;width:1.7em;height:1.7em;margin-bottom:.05em}
  .qt-footer-grid{grid-template-columns:1fr;gap:55px;padding:58px 0 67px}.qt-footer-contact{grid-column:auto}.qt-footer-intro p{font-size:18px!important}.qt-footer-nav a{font-size:15px;padding:13px 0}
  .qt-footer-bottom{grid-template-columns:1fr auto;min-height:138px;align-content:center;row-gap:10px}.qt-footer-bottom>span:nth-child(2){grid-column:1;grid-row:2;text-align:left;font-size:6.5px}.qt-footer-bottom button{grid-column:2;grid-row:2}.qt-footer-legal{grid-column:1/-1;grid-row:1;display:grid;gap:7px}.qt-footer-filings{flex-direction:column;align-items:flex-start;gap:3px}
}
@media(prefers-reduced-motion:reduce){.qt-footer-title>span,.qt-footer-grid,.qt-footer-title b,.qt-footer-bottom button b{transition:none!important;transform:none!important;opacity:1!important}}

/* Production inquiry states. */
.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.ritual-submit:disabled{cursor:wait;opacity:.58;transform:none!important}
.ritual-form.is-error [data-form-status]{color:#ff9f91!important}

@media(max-width:760px){
  .case-next{overflow:hidden}
  .case-next a{grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .case-next h2{min-width:0;font-size:clamp(46px,15vw,58px);overflow-wrap:anywhere;word-break:break-word}
  .case-next h2 span{display:block;font-size:clamp(34px,10vw,40px);line-height:1;margin-top:14px;white-space:nowrap;overflow-wrap:normal;word-break:normal}
  .case-next a>b{font-size:44px}
}

/* ========================================================================
   FINAL V6.4 / GLOBAL TYPOGRAPHY SYSTEM
   One shared scale for metadata, UI, reading copy and editorial display type.
   Font families, layout, colour and motion remain unchanged.
   ======================================================================== */
:root{
  --qt-type-meta:clamp(12px,calc(11.6px + .06vw),13px);
  --qt-type-caption:clamp(13px,calc(12.4px + .09vw),14px);
  --qt-type-ui:clamp(14px,calc(13.2px + .12vw),15px);
  --qt-type-body-sm:clamp(15px,calc(14.3px + .12vw),16px);
  --qt-type-body:clamp(16px,calc(15.2px + .16vw),18px);
  --qt-type-lead:clamp(18px,calc(16.9px + .32vw),22px);
  --qt-type-title-sm:clamp(27px,2.1vw,36px);
  --qt-type-title-md:clamp(34px,3.4vw,56px);
  --qt-type-title-lg:clamp(38px,4.5vw,74px);
  --qt-type-display:clamp(46px,6.1vw,100px);
  --qt-type-display-xl:clamp(48px,8vw,126px);
  --qt-type-display-mobile-fit:clamp(40px,10.8vw,50px);
  --qt-leading-meta:1.4;
  --qt-leading-body:1.72;
}

.showpiece-page{font-size:var(--qt-type-body);line-height:var(--qt-leading-body)}

/* Level 01 — metadata and supporting labels. Never smaller than 12px. */
.showpiece-page small,
.showpiece-page .eyebrow,
.showpiece-page .kicker,
.showpiece-page .home-open-top,
.showpiece-page .home-section-top,
.showpiece-page .home-statement-meta,
.showpiece-page .home-work-meta span,
.showpiece-page .home-scroll-index span,
.showpiece-page .home-axis-label,
.showpiece-page .bridge-corner,
.showpiece-page .qt-loader-meta,
.showpiece-page .webgl-hud,
.showpiece-page .scene-web-nav,
.showpiece-page .theatre-index span,
.showpiece-page .scene-browser-top span,
.showpiece-page .scene-orbit-label,
.showpiece-page .dv-top,
.showpiece-page .dv-top span,
.showpiece-page .dd-head,
.showpiece-page .dd-head b,
.showpiece-page .dc-head,
.showpiece-page .dc-head span,
.showpiece-page .dc-head b,
.showpiece-page .ssc-num,
.showpiece-page .service-next p,
.showpiece-page .code-window pre,
.showpiece-page .detail-code pre,
.showpiece-page .system-head span,
.showpiece-page .system-head b,
.showpiece-page .code-top span,
.showpiece-page .code-top b,
.showpiece-page .sd-marquee,
.showpiece-page .cases-filter-v4>span,
.showpiece-page .insight-filter-v4>span,
.showpiece-page .case-story-id,
.showpiece-page .case-scroll-cue,
.showpiece-page .case-aside-pin>span,
.showpiece-page .type-wall em,
.showpiece-page .case-code>span,
.showpiece-page .case-cover-caption span,
.showpiece-page .case-story-meta span,
.showpiece-page .about-hero-meta>span,
.showpiece-page .ritual-step legend span,
.showpiece-page .process-output b,
.showpiece-page .insight-list-v4 article>span,
.showpiece-page .cases-hero-foot>span,
.showpiece-page .solution-hero-foot>span,
.showpiece-page .process-hero-foot>span,
.showpiece-page .insights-hero-foot>span,
.showpiece-page .qt-route-copy small,
.showpiece-page .qt-route-copy em,
.showpiece-page .qt-route-index,
.showpiece-page .qt-footer-kicker,
.showpiece-page .qt-footer-topline,
.showpiece-page .qt-footer-topline span:last-child,
.showpiece-page .qt-footer-nav a span,
.showpiece-page .qt-footer-bottom,
.showpiece-page .qt-footer-bottom>span:nth-child(2){font-size:var(--qt-type-meta)!important;line-height:var(--qt-leading-meta)!important}
.showpiece-page .home-v6 .project-shot:after,
.showpiece-page.home-v6 .project-shot:after{font-size:var(--qt-type-meta)!important;line-height:1!important}

/* Level 02 — captions, chips and compact controls. */
.showpiece-page .tag,
.showpiece-page .filter,
.showpiece-page .subnav a,
.showpiece-page .stack span,
.showpiece-page .solution-combo span,
.showpiece-page .process-output span,
.showpiece-page .ssc-tags span,
.showpiece-page .flow-map span,
.showpiece-page .case-story-meta span,
.showpiece-page .case-cover-caption p,
.showpiece-page .contact-last>small,
.showpiece-page .line-fields span{font-size:var(--qt-type-caption)!important;line-height:1.45!important}

/* Level 03 — navigation, buttons and actionable text. */
.showpiece-page .cta,
.showpiece-page .round-link,
.showpiece-page .cases-filter-v4 button,
.showpiece-page .insight-filter-v4 button,
.showpiece-page .theatre-chapter>a,
.showpiece-page .il-copy a,
.showpiece-page .cf-meta>span,
.showpiece-page .choice-grid button,
.showpiece-page .budget-orbit button,
.showpiece-page .ritual-submit,
.showpiece-page .contact-success button,
.showpiece-page .qt-footer-nav a,
.showpiece-page .qt-footer-contact>a{font-size:var(--qt-type-ui)!important;line-height:1.35!important}
@media(min-width:761px){.showpiece-page .nav-showpiece .menu>a:not(.cta){font-size:var(--qt-type-ui)!important}}

/* Level 04 — readable content copy. */
.showpiece-page .home-opening-copy p,
.showpiece-page .home-work-intro p,
.showpiece-page .home-proof-list p,
.showpiece-page .home-service-row p,
.showpiece-page .theatre-chapter p,
.showpiece-page .theatre-chapter li,
.showpiece-page .service-close-grid p,
.showpiece-page .service-story-chapter p,
.showpiece-page .solution-chapters p,
.showpiece-page .solution-logic-grid p,
.showpiece-page .process-chapters-v4 p,
.showpiece-page .process-end-v4 p,
.showpiece-page .cf-meta p,
.showpiece-page .case-problem-grid p,
.showpiece-page .case-narrative article p,
.showpiece-page .case-outcome-grid p,
.showpiece-page .il-copy p,
.showpiece-page .insight-list-v4 p,
.showpiece-page .about-hero-meta p,
.showpiece-page .about-value-row p,
.showpiece-page .about-sign span,
.showpiece-page .ritual-step>p,
.showpiece-page .contact-success p{font-size:var(--qt-type-body)!important;line-height:var(--qt-leading-body)!important;text-wrap:pretty}

.showpiece-page .qt-footer-contact p{font-size:var(--qt-type-body-sm)!important;line-height:1.65!important}
.showpiece-page .qt-footer-intro p{font-size:var(--qt-type-lead)!important;line-height:1.55!important}

/* Level 05 — leads introducing a page or a major section. */
.showpiece-page .home-opening-copy p,
.showpiece-page .service-hero-foot p,
.showpiece-page .service-detail-lead p,
.showpiece-page .cases-hero-foot p,
.showpiece-page .case-story-meta>p,
.showpiece-page .solution-hero-foot p,
.showpiece-page .process-hero-foot p,
.showpiece-page .insights-hero-foot p,
.showpiece-page .contact-intro p{font-size:var(--qt-type-lead)!important;line-height:1.65!important;text-wrap:pretty}

/* Form copy stays at or above 16px to prevent mobile browser zoom. */
.showpiece-page .field input,
.showpiece-page .field select,
.showpiece-page .field textarea,
.showpiece-page .line-fields input{font-size:max(16px,var(--qt-type-body))!important;line-height:1.45!important}
.showpiece-page .field label{font-size:var(--qt-type-caption)!important;line-height:1.4!important}

/* Levels 06–10 — one heading ladder, with two editorial display tiers. */
.showpiece-page main h1{font-size:var(--qt-type-display)!important;line-height:1.27!important}
.showpiece-page main h2{font-size:var(--qt-type-title-lg)!important;line-height:1.24!important}
.showpiece-page main h3{font-size:var(--qt-type-title-sm)!important;line-height:1.3!important}

.showpiece-page .home-opening-copy h1,
.showpiece-page .home-act h2,
.showpiece-page .service-hero-kinetic .mega-type,
.showpiece-page .cases-hero-v4 h1,
.showpiece-page .process-hero-v4 h1,
.showpiece-page .solution-hero-v4 h1,
.showpiece-page .insights-hero-v4 h1,
.showpiece-page .about-manifest-hero h1,
.showpiece-page .contact-ritual-hero h1{font-size:var(--qt-type-display-xl)!important;line-height:1.22!important}

.showpiece-page .home-statement-copy,
.showpiece-page .home-work-intro h2,
.showpiece-page .home-final h2,
.showpiece-page .service-close h2,
.showpiece-page .cases-end-v4 h2,
.showpiece-page .process-end-v4 h2,
.showpiece-page .solution-logic-v4>div>h2,
.showpiece-page .solution-logic-v4 .wrap>h2,
.showpiece-page .insight-subscribe-v4 h2,
.showpiece-page .case-mega-copy,
.showpiece-page .case-green-break p,
.showpiece-page .case-outcome h2,
.showpiece-page .case-next h2,
.showpiece-page .manifest-sentence p,
.showpiece-page .about-dont p,
.showpiece-page .about-end h2,
.showpiece-page .contact-success h2{font-size:var(--qt-type-display)!important;line-height:1.27!important}

.showpiece-page .home-proof-list h3,
.showpiece-page .case-archive-meta h3,
.showpiece-page .insight-list-v4 h3{font-size:var(--qt-type-title-md)!important;line-height:1.3!important}

/* Keep every readable display block above MiSans' full glyph bounds. */
.showpiece-page .about-hero-cn{font-size:var(--qt-type-title-lg)!important;line-height:1.22!important}
.showpiece-page .ritual-step legend{line-height:1.22!important}
.showpiece-page .scene-browser-body strong{font-size:clamp(30px,3.8vw,68px)!important;line-height:1.14!important}
.showpiece-page .dv-web strong{font-size:clamp(34px,3.6vw,60px)!important;line-height:1.42!important}
.showpiece-page .ccb-copy strong{font-size:clamp(46px,5vw,88px)!important;line-height:1.05!important}
.showpiece-page .cf-browser strong{font-size:clamp(42px,4.3vw,74px)!important;line-height:1.05!important}
.showpiece-page .il-art b{font-size:clamp(48px,5vw,82px)!important;line-height:1.08!important}
.showpiece-page .bridge-lockup strong{font-size:clamp(56px,12vw,180px)!important;line-height:1.05!important;white-space:nowrap}
.showpiece-page .home-work-curtain span{line-height:1.05!important;white-space:nowrap}

/* Short desktop viewports keep the services hero inside one complete screen. */
@media(min-width:761px) and (max-height:950px){
  .showpiece-page .service-hero-kinetic{min-height:100svh;padding-top:105px;padding-bottom:32px}
  .showpiece-page .service-hero-kinetic .mega-type{margin-top:12px;margin-bottom:24px}
  .showpiece-page .service-hero-foot .round-link{width:88px;height:88px}
  .showpiece-page .cases-hero-v4,
  .showpiece-page .process-hero-v4,
  .showpiece-page .solution-hero-v4,
  .showpiece-page .insights-hero-v4{min-height:100svh;padding-top:105px;padding-bottom:32px}
  .showpiece-page .cases-hero-v4 h1,
  .showpiece-page .process-hero-v4 h1,
  .showpiece-page .solution-hero-v4 h1,
  .showpiece-page .insights-hero-v4 h1{margin-top:24px;margin-bottom:28px}
  .showpiece-page .case-story-hero{min-height:100svh;padding-top:110px;padding-bottom:36px}
  .showpiece-page .case-story-hero h1{margin-top:35px;margin-bottom:26px}
  .showpiece-page .about-manifest-hero{min-height:100svh;padding-top:95px;padding-bottom:26px}
  .showpiece-page .about-manifest-hero h1{margin-top:18px;margin-bottom:18px}
  .showpiece-page .about-hero-cn{font-size:var(--qt-type-title-md)!important;margin-top:14px;margin-bottom:14px}
  .showpiece-page .contact-ritual-hero{min-height:100svh;padding-top:100px;padding-bottom:22px}
  .showpiece-page .contact-ritual-hero h1{margin-top:20px;margin-bottom:24px}
}

@media(max-width:760px){
  .showpiece-page .home-opening-copy h1,
  .showpiece-page .service-hero-kinetic .mega-type{font-size:var(--qt-type-display-mobile-fit)!important}
  .showpiece-page.home-v6 .home-scroll-index{bottom:56px}
  .showpiece-page .home-opening-copy p,
  .showpiece-page .service-detail-lead p{max-width:100%!important}
  .showpiece-page .case-next h2 span{font-size:var(--qt-type-title-sm)!important;line-height:1!important}
}

/* ========================================================================
   FINAL V6.5 / HOME STATEMENT — BALANCED DENSITY
   Keeps the full-screen rhythm while giving the statement more visual weight.
   ======================================================================== */
.showpiece-page.home-v6 .home-statement{padding:0}
.showpiece-page.home-v6 .home-statement>.wrap{
  min-height:100svh;
  min-height:100dvh;
  padding-top:175px;
}
.showpiece-page.home-v6 .home-statement>.home-kinetic{margin-top:0}
.showpiece-page.home-v6 .home-statement-copy{
  max-width:100%;
  font-size:clamp(60px,6vw,100px)!important;
  line-height:.98!important;
  letter-spacing:-.06em;
  margin:clamp(112px,18vh,220px) 0 clamp(92px,7vw,110px);
  text-wrap:balance;
}
.showpiece-page.home-v6 .home-statement-line{
  display:block;
  width:max-content;
  max-width:100%;
  color:inherit;
}
.showpiece-page.home-v6 .home-statement-line>span{color:inherit}
.showpiece-page.home-v6 .home-statement-line>.home-statement-line-inner>span{color:inherit}
.showpiece-page.home-v6 .home-statement-line strong{color:var(--qt-green);font-weight:inherit}
.showpiece-page.home-v6 .home-statement-line--result{
  margin-top:.34em;
  margin-left:clamp(24px,4vw,64px);
}
.showpiece-page.home-v6 .home-statement-line--proof{
  margin-top:.18em;
  margin-left:0;
  width:100%;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
}
.showpiece-page.home-v6 .home-statement-copy em{
  -webkit-text-stroke:1px rgba(11,14,12,.82);
}

/* Statement motion — the copy assembles like a calibrated editorial composition. */
.showpiece-page.home-v6 .home-statement.has-statement-motion{
  --statement-orbit-x:0px;
  --statement-orbit-y:0px;
  --statement-scan-x:12%;
  position:relative;
  isolation:isolate;
}
.showpiece-page.home-v6 .home-statement.has-statement-motion:before{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:58%;
  width:min(72vw,1180px);
  aspect-ratio:1;
  border:1px solid rgba(24,207,120,.12);
  border-radius:50%;
  box-shadow:0 0 0 clamp(58px,7vw,112px) rgba(24,207,120,.025),inset 0 0 90px rgba(24,207,120,.035);
  opacity:0;
  transform:translate3d(calc(-50% + var(--statement-orbit-x)),calc(-50% + var(--statement-orbit-y)),0);
  transition:opacity 1.15s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.showpiece-page.home-v6 .home-statement.has-statement-motion:after{
  content:"";
  position:absolute;
  z-index:0;
  top:9%;
  bottom:8%;
  left:var(--statement-scan-x);
  width:1px;
  background:linear-gradient(to bottom,transparent,rgba(24,207,120,.08) 18%,rgba(24,207,120,.34) 52%,rgba(24,207,120,.08) 82%,transparent);
  box-shadow:0 0 22px rgba(24,207,120,.18);
  opacity:0;
  transform:translate3d(-50%,0,0);
  transition:opacity .85s ease;
  pointer-events:none;
}
.showpiece-page.home-v6 .home-statement.has-statement-motion.is-statement-in:before{opacity:.72}
.showpiece-page.home-v6 .home-statement.has-statement-motion.is-statement-in:after{opacity:1}
.showpiece-page.home-v6 .home-statement.has-statement-motion>.wrap,
.showpiece-page.home-v6 .home-statement.has-statement-motion>.home-kinetic{position:relative;z-index:1}
.showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-meta.reveal,
.showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-copy.reveal{opacity:1;transform:none;transition:none}
.showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-meta{position:relative;border-bottom-color:transparent}
.showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-meta:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:#bdc5bf;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 1.15s .08s cubic-bezier(.16,1,.3,1);
}
.showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-meta>span{
  opacity:0;
  transform:translate3d(0,12px,0);
  transition:opacity .55s ease,transform .75s cubic-bezier(.16,1,.3,1);
}
.showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-meta>span:last-child{transition-delay:.12s}
.showpiece-page.home-v6 .home-statement.has-statement-motion.is-statement-in .home-statement-meta:after{transform:scaleX(1)}
.showpiece-page.home-v6 .home-statement.has-statement-motion.is-statement-in .home-statement-meta>span{opacity:1;transform:none}
.showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-line{
  overflow:hidden;
  transform:translate3d(var(--statement-line-x,0px),0,0);
  will-change:transform;
}
.showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-line-inner{
  display:block;
  font-style:normal;
  opacity:0;
  transform:translate3d(0,112%,0);
  transition:opacity .32s ease,transform .95s cubic-bezier(.16,1,.3,1);
  will-change:transform;
}
.showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-line--result .home-statement-line-inner{transition-delay:.13s}
.showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-line--proof .home-statement-line-inner{
  width:100%;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  transition-delay:.26s;
}
.showpiece-page.home-v6 .home-statement.has-statement-motion.is-statement-in .home-statement-line-inner{opacity:1;transform:none}
.showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-line strong{position:relative;display:inline-block;isolation:isolate}
.showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-line strong:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  right:0;
  bottom:.015em;
  height:.055em;
  background:#0b0e0c;
  opacity:0;
  transform:scaleX(0);
  transform-origin:left center;
}
.showpiece-page.home-v6 .home-statement.has-statement-motion.is-statement-in .home-statement-line strong:after{animation:qtStatementMark .9s .58s cubic-bezier(.16,1,.3,1) forwards}
@keyframes qtStatementMark{0%{opacity:0;transform:scaleX(0)}35%{opacity:.34}100%{opacity:.18;transform:scaleX(1)}}

@media(min-width:761px) and (max-width:1100px){
  .showpiece-page.home-v6 .home-statement-copy{
    font-size:clamp(46px,6vw,60px)!important;
  }
  .showpiece-page.home-v6 .home-statement-line--result{margin-left:24px}
  .showpiece-page.home-v6 .home-statement-line--proof{margin-left:32px}
}

@media(max-width:760px){
  .showpiece-page.home-v6 .home-statement>.wrap{padding-top:82px}
  .showpiece-page.home-v6 .home-statement-copy{
    font-size:clamp(34px,9.2vw,38px)!important;
    line-height:1.13!important;
    letter-spacing:-.045em;
    margin:48px 0 64px;
    text-wrap:pretty;
  }
  .showpiece-page.home-v6 .home-statement-line--opening>span:first-child{display:block}
  .showpiece-page.home-v6 .home-statement-line--opening>.home-statement-line-inner>span:first-child{display:block}
  .showpiece-page.home-v6 .home-statement-line--opening>span:last-child{color:var(--qt-green)}
  .showpiece-page.home-v6 .home-statement-line--opening>.home-statement-line-inner>span:last-child{color:var(--qt-green)}
  .showpiece-page.home-v6 .home-statement-line--result{
    margin-top:.68em;
    margin-left:0;
  }
  .showpiece-page.home-v6 .home-statement-line--proof{
    display:block;
    width:100%;
    margin-top:.42em;
    margin-left:0;
    font-size:.72em;
    font-weight:700;
    line-height:1.28;
    letter-spacing:-.025em;
  }
  .showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-line--proof .home-statement-line-inner{display:block}
  .showpiece-page.home-v6 .home-statement-line--proof em{
    display:block;
    color:#4f5a54;
    font-weight:700;
    -webkit-text-stroke:0;
  }
  .showpiece-page.home-v6 .home-statement-line--proof>span{
    display:block;
    margin-top:.12em;
    color:#0b0e0c;
    font-size:1.12em;
    font-weight:850;
    text-align:right;
  }
  .showpiece-page.home-v6 .home-statement-line--proof>.home-statement-line-inner>span{
    display:block;
    margin-top:.12em;
    color:#0b0e0c;
    font-size:1.12em;
    font-weight:850;
    text-align:right;
  }
}

@media(prefers-reduced-motion:reduce){
  .showpiece-page.home-v6 .home-statement.has-statement-motion:before,
  .showpiece-page.home-v6 .home-statement.has-statement-motion:after,
  .showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-line strong:after{display:none!important}
  .showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-meta:after{transform:scaleX(1)!important}
  .showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-meta>span,
  .showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-line-inner{opacity:1!important;transform:none!important}
  .showpiece-page.home-v6 .home-statement.has-statement-motion .home-statement-line{transform:none!important}
}

/* FINAL V6.4 / Persistent contact + back-to-top actions. */
.qt-float-actions{
  position:fixed;
  z-index:96;
  right:clamp(14px,1.65vw,30px);
  bottom:clamp(96px,11vh,128px);
  display:grid;
  justify-items:end;
  gap:10px;
  opacity:0;
  transform:translate3d(12px,0,0);
  transition:opacity .38s ease,transform .62s cubic-bezier(.16,1,.3,1),visibility 0s;
}
.qt-float-actions.is-mounted{opacity:1;transform:none}
.qt-float-actions.is-over-footer,
body.qt-menu-open .qt-float-actions{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(12px,0,0);
}
.qt-float-contact,
.qt-float-top{
  box-shadow:0 16px 38px rgba(4,21,12,.22);
}
.qt-float-wechat{
  position:relative;
  display:grid;
  justify-items:end;
}
.qt-float-contact{
  appearance:none;
  min-width:132px;
  min-height:50px;
  padding:0 10px 0 18px;
  border:1px solid rgba(5,18,11,.16);
  border-radius:999px;
  background:var(--qt-green);
  color:#06110b;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  font-size:12px;
  line-height:1;
  font-weight:700;
  font-family:inherit;
  letter-spacing:.04em;
  white-space:nowrap;
  cursor:pointer;
  transition:transform .42s cubic-bezier(.16,1,.3,1),background-color .28s ease,box-shadow .28s ease;
}
.qt-float-contact b{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#07100b;
  color:var(--qt-green);
  font-size:15px;
  font-weight:500;
  transition:transform .42s cubic-bezier(.16,1,.3,1);
}
.qt-float-contact:hover{
  background:#86f4b9;
  box-shadow:0 18px 44px rgba(4,21,12,.28);
  transform:translateX(-4px);
}
.qt-float-contact:hover b{transform:rotate(45deg)}
.qt-float-wechat.is-open .qt-float-contact{
  background:#86f4b9;
  box-shadow:0 18px 44px rgba(4,21,12,.28);
  transform:translateX(-4px);
}
.qt-float-wechat.is-open .qt-float-contact b{transform:rotate(45deg)}
.qt-wechat-panel{
  position:absolute;
  right:0;
  bottom:calc(100% + 14px);
  width:min(270px,calc(100vw - 28px));
  padding:14px;
  border:1px solid rgba(7,18,11,.18);
  border-radius:20px;
  background:#f1f4f0;
  color:#07100b;
  box-shadow:0 26px 70px rgba(4,21,12,.26);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,12px,0) scale(.97);
  transform-origin:100% 100%;
  transition:opacity .24s ease,transform .42s cubic-bezier(.16,1,.3,1),visibility 0s linear .42s;
}
.qt-wechat-panel:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-14px;
  height:14px;
}
.qt-float-wechat.is-open .qt-wechat-panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  transition-delay:0s;
}
.qt-wechat-code{
  padding:9px;
  border:1px solid #c7d0c9;
  border-radius:12px;
  background:#fff;
}
.qt-wechat-code img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1;
  object-fit:contain;
}
.qt-wechat-copy{padding:14px 4px 2px}
.qt-wechat-copy small{
  display:block;
  color:#647068;
  font-size:8px;
  font-weight:750;
  letter-spacing:.16em;
}
.qt-wechat-copy strong{
  display:block;
  margin-top:6px;
  font-size:18px;
  letter-spacing:-.025em;
}
.qt-wechat-copy p{
  margin:7px 0 12px;
  color:#59655e;
  font-size:11px;
  line-height:1.6;
}
.qt-wechat-copy a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:11px;
  border-top:1px solid #c7d0c9;
  font-size:10px;
  font-weight:750;
}
.qt-wechat-copy a span{font-size:15px}
.qt-float-top{
  appearance:none;
  width:50px;
  height:50px;
  padding:7px 0 6px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(7,12,9,.91);
  color:#eff4f0;
  display:grid;
  place-items:center;
  align-content:center;
  gap:1px;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .3s ease,transform .45s cubic-bezier(.16,1,.3,1),visibility 0s linear .45s,background-color .25s ease,color .25s ease;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.qt-float-top>span{font-size:18px;line-height:.9;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.qt-float-top>small{font-size:7px;line-height:1;letter-spacing:.08em;font-weight:700;color:#98a29b}
.qt-float-top.is-visible,
.qt-float-top:focus-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  transition-delay:0s;
}
.qt-float-top:hover{background:var(--qt-green);color:#06110b}
.qt-float-top:hover>span{transform:translateY(-3px)}
.qt-float-top:hover>small{color:#254633}
.qt-float-contact:focus-visible,
.qt-float-top:focus-visible{
  outline:2px solid var(--qt-green);
  outline-offset:4px;
}

@media(max-width:760px){
  .qt-float-actions{
    right:12px;
    bottom:max(132px,calc(env(safe-area-inset-bottom) + 116px));
    gap:8px;
  }
  .qt-float-contact{
    min-width:56px;
    width:56px;
    min-height:56px;
    padding:0;
    border-radius:50%;
    justify-content:center;
    font-size:10px;
    line-height:1.08;
    letter-spacing:.02em;
    text-align:center;
    white-space:normal;
  }
  .qt-float-contact span{width:2.2em}
  .qt-float-contact b{display:none}
  .qt-float-contact:hover{transform:none}
  .qt-float-wechat.is-open .qt-float-contact{transform:none}
  .qt-wechat-panel{
    width:min(250px,calc(100vw - 24px));
    padding:12px;
    border-radius:18px;
  }
  .qt-wechat-code{padding:8px}
  .qt-wechat-copy{padding:12px 3px 1px}
  .qt-float-top{width:48px;height:48px;padding:0}
  .qt-float-top>small{display:none}
}

@media(prefers-reduced-motion:reduce){
  .qt-float-actions,
  .qt-float-contact,
  .qt-float-contact b,
  .qt-wechat-panel,
  .qt-float-top,
  .qt-float-top>span{transition:none!important;transform:none!important}
}

/* FINAL V6.6 / CONTACT BRIEF — one decision per viewport. */
html.contact-snap-page{
  scroll-snap-type:y mandatory;
  scroll-padding-top:0;
}
html.contact-snap-page.contact-input-active,
html.contact-snap-page.contact-footer-free,
html.contact-snap-page.contact-wheel-moving{scroll-snap-type:none}
.contact-v3-page .contact-ritual-hero,
.contact-v3-page .ritual-step,
.contact-v3-page .showpiece-footer{
  scroll-snap-align:start;
  scroll-snap-stop:always;
}
.contact-v3-page .ritual-step{
  min-height:100svh;
  padding-top:clamp(104px,14svh,150px);
  padding-bottom:clamp(44px,8svh,92px);
  position:relative;
}
.contact-v3-page .ritual-step:focus{outline:none}
.brief-next{
  align-self:flex-start;
  min-height:52px;
  margin-top:36px;
  padding:0 20px;
  border:1px solid rgba(7,16,11,.28);
  border-radius:999px;
  background:#0a0d0c;
  color:#f2f5f1;
  display:inline-flex;
  align-items:center;
  gap:28px;
  font:800 var(--qt-type-ui)/1 var(--qt-font);
  cursor:pointer;
  transition:transform .42s cubic-bezier(.16,1,.3,1),background-color .28s ease,color .28s ease;
}
.brief-next b{
  font-size:18px;
  font-weight:500;
  transition:transform .38s cubic-bezier(.16,1,.3,1);
}
.brief-next:hover{background:var(--qt-green);color:#07100b;transform:translateY(-3px)}
.brief-next:hover b{transform:translateY(3px)}
.brief-next:focus-visible{
  outline:3px solid rgba(24,207,120,.42);
  outline-offset:4px;
}

@media(max-width:760px){
  .contact-v3-page .ritual-step{
    min-height:100svh;
    padding-top:clamp(88px,13svh,108px);
    padding-bottom:clamp(28px,6svh,50px);
  }
  .contact-v3-page .ritual-step legend{font-size:clamp(44px,13vw,54px);margin-bottom:16px}
  .contact-v3-page .ritual-step legend span{margin-bottom:14px}
  .contact-v3-page .ritual-step>p{margin-bottom:24px}
  .contact-v3-page .choice-grid{gap:8px}
  .contact-v3-page .choice-grid button{min-height:48px;padding:13px 16px}
  .contact-v3-page .giant-field textarea{font-size:clamp(22px,7vw,30px)}
  .contact-v3-page .line-fields{gap:18px}
  .contact-v3-page .ritual-submit{width:124px;height:124px;margin-top:30px}
  .brief-next{min-height:48px;margin-top:28px}
}

@media(max-width:760px) and (max-height:700px){
  .contact-v3-page .ritual-step{padding-top:76px;padding-bottom:20px}
  .contact-v3-page .ritual-step legend{font-size:40px;margin-bottom:12px}
  .contact-v3-page .ritual-step>p{margin-bottom:16px}
  .contact-v3-page .line-fields{gap:12px}
  .contact-v3-page .ritual-submit{width:104px;height:104px;margin-top:18px}
  .brief-next{margin-top:20px}
}

@media(prefers-reduced-motion:reduce){
  .brief-next,
  .brief-next b{transition:none!important;transform:none!important}
}

/* Use the approved Qingtong mark instead of the temporary CSS-drawn symbol. */
.brand{
  gap:14px;
  font-size:19px;
  line-height:1
}
.brand .mark{
  width:52px;
  height:30px;
  flex:0 0 52px;
  background:url("assets/logo-mark.png") center/contain no-repeat;
  filter:none;
  transition:filter .35s cubic-bezier(.16,1,.3,1)
}
.nav-showpiece.is-dark .brand .mark,
.nav-showpiece.menu-open .brand .mark{filter:brightness(0) invert(1)}
.brand .mark::before,.brand .mark::after{content:none}
@media(max-width:620px){
  .brand{gap:10px;font-size:17px}
  .brand>span:last-child{display:inline}
  .brand .mark{width:46px;height:28px;flex-basis:46px}
}

/* Keep the opening metadata on the viewport rails instead of the centered content column. */
@media(min-width:761px){
  .showpiece-page.home-v6 .home-open-top{width:100%;max-width:none;padding-inline:clamp(18px,2.2vw,48px)}
}

/* Give the two-line showcase title enough leading and vertical room for full glyphs. */
.showpiece-page.home-v6 .home-showcase-v4 .showcase-head h2{line-height:1.24!important}
@media(min-width:1101px){
  .showpiece-page.home-v6 .home-showcase-v4 .showcase-sticky{top:84px;height:calc(100svh - 84px);min-height:696px}
  .showpiece-page.home-v6 .home-showcase-v4 .showcase-head{height:280px;flex:0 0 280px}
  .showpiece-page.home-v6 .home-showcase-v4 .showcase-track{padding-bottom:20px}
  .showpiece-page.home-v6 .home-showcase-v4 .project-shot,
  .showpiece-page.home-v6 .home-showcase-v4 .project-end{height:calc(100svh - 385px);min-height:400px}
}
@media(max-width:1100px){
  .showpiece-page.home-v6 .home-showcase-v4 .showcase-head{height:auto;min-height:0;padding-top:28px;padding-bottom:52px}
}

/* Open the two-line closing statement without changing its scale. */
.showpiece-page.home-v6 .home-final h2{line-height:1.27!important}

/* Keep the route wordmark's full MiSans glyph bounds inside its reveal mask. */
.showpiece-page .qt-route-copy strong{line-height:.9}
@media(max-width:760px){
  .showpiece-page .qt-route-copy strong{font-size:18vw}
}

/* Contact questions keep their one-screen rhythm without compressing Chinese glyphs. */
.contact-v3-page .ritual-step legend{font-size:clamp(46px,5.6vw,96px);line-height:1.22!important}
@media(max-width:760px){
  .contact-v3-page .ritual-step legend{font-size:clamp(40px,11vw,48px)}
}
@media(max-width:760px) and (max-height:700px){
  .contact-v3-page .ritual-step legend{font-size:36px}
}

/* Center the four solution logic groups inside their own desktop columns. */
@media(min-width:761px){
  .showpiece-page .solution-logic-grid>div{padding-left:0;padding-right:0}
  .showpiece-page .solution-logic-grid>div>b,
  .showpiece-page .solution-logic-grid>div>h3,
  .showpiece-page .solution-logic-grid>div>p{width:min(calc(100% - 48px),250px);margin-left:auto;margin-right:auto}
  .showpiece-page .solution-logic-grid>div>b{display:block}
}

/* PROCESS V5 / one chapter, one working schematic. */
.showpiece-page.process-v4 .process-story-v5{
  --process-ink:#0a110d;
  --process-muted:#647269;
  --process-line:rgba(10,31,19,.14);
  --process-line-strong:rgba(10,31,19,.28);
  position:relative;
  isolation:isolate;
  background:#edf1ec;
  overflow:visible;
  overflow:clip;
}
.showpiece-page.process-v4 .process-story-v5::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.022;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.showpiece-page.process-v4 .process-story-v5>aside,
.showpiece-page.process-v4 .process-chapters-v4{position:relative;z-index:2}
.showpiece-page.process-v4 .process-story-v5>aside{
  background:linear-gradient(150deg,rgba(255,255,255,.28),rgba(229,237,231,.16));
  border-color:var(--process-line);
}
.showpiece-page.process-v4 .process-pin-v4{overflow:hidden}
.showpiece-page.process-v4 .process-pin-v4::before,
.showpiece-page.process-v4 .process-pin-v4::after{
  content:"";
  position:absolute;
  border:1px solid rgba(24,207,120,.13);
  border-radius:50%;
  pointer-events:none;
}
.showpiece-page.process-v4 .process-pin-v4::before{width:32vw;aspect-ratio:1;left:-19vw;top:-16vw}
.showpiece-page.process-v4 .process-pin-v4::after{width:19vw;aspect-ratio:1;left:-11vw;top:-9vw}
.showpiece-page.process-v4 .process-pin-v4>*{position:relative;z-index:1}
.showpiece-page.process-v4 .process-pin-v4>small{
  color:#53645a;
  font-size:clamp(14px,.72vw,16px)!important;
  line-height:1.5!important;
}
.showpiece-page.process-v4 .process-pin-v4>b{
  color:var(--process-ink);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.08em;
  transition:transform .7s cubic-bezier(.16,1,.3,1),color .45s ease;
}
.showpiece-page.process-v4 .process-pin-v4>p{
  color:var(--process-ink);
  margin-top:12px;
  font-size:clamp(27px,1.45vw,32px);
  line-height:1.35;
}
.showpiece-page.process-v4 .process-pin-v4>span{
  font-size:clamp(13px,.68vw,15px);
  line-height:1.75;
}
.showpiece-page.process-v4 .process-rail-v5{display:grid;gap:2px;margin-top:32px}
.showpiece-page.process-v4 .process-rail-v5 button{
  appearance:none;
  width:100%;
  min-height:42px;
  padding:0;
  border:0;
  border-bottom:1px solid rgba(10,31,19,.08);
  background:transparent;
  color:#758179;
  display:grid;
  grid-template-columns:14px 1fr auto;
  align-items:center;
  gap:10px;
  font:700 clamp(15px,.78vw,18px)/1.2 var(--qt-font);
  text-align:left;
  cursor:pointer;
  transition:color .3s ease,transform .45s cubic-bezier(.16,1,.3,1);
}
.showpiece-page.process-v4 .process-rail-v5 button i{
  width:5px;
  height:5px;
  border:1px solid currentColor;
  border-radius:50%;
  transition:background-color .3s ease,transform .45s cubic-bezier(.16,1,.3,1),border-color .3s ease;
}
.showpiece-page.process-v4 .process-rail-v5 button em{
  font-style:normal;
  font-size:clamp(12px,.62vw,14px);
  letter-spacing:.1em;
}
.showpiece-page.process-v4 .process-rail-v5 button:hover{color:var(--process-ink);transform:translateX(4px)}
.showpiece-page.process-v4 .process-rail-v5 button[aria-current="true"]{color:var(--process-ink)}
.showpiece-page.process-v4 .process-rail-v5 button[aria-current="true"] i{
  border-color:var(--qt-green);
  background:var(--qt-green);
  transform:scale(1.8);
  box-shadow:0 0 0 4px rgba(24,207,120,.1);
}
.showpiece-page.process-v4 .process-rail-v5 button:focus-visible{outline:2px solid var(--qt-green);outline-offset:4px}
.showpiece-page.process-v4 .process-line{background:rgba(10,31,19,.13)}
.showpiece-page.process-v4 .process-line i{box-shadow:0 0 22px rgba(24,207,120,.3)}

.showpiece-page.process-v4 .process-chapters-v4{padding:0 clamp(42px,5.2vw,104px)}
.showpiece-page.process-v4 .process-chapters-v4 article{
  min-height:100svh;
  padding:clamp(92px,11svh,132px) 0 clamp(42px,6svh,72px);
  display:grid;
  grid-template-columns:minmax(340px,460px) minmax(300px,540px);
  justify-content:center;
  align-items:center;
  gap:clamp(32px,2.4vw,56px);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:var(--process-line);
}
.showpiece-page.process-v4 .process-chapters-v4 article::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:clamp(240px,28vw,520px);
  aspect-ratio:1;
  right:-12%;
  bottom:-28%;
  border:1px solid rgba(10,31,19,.035);
  border-radius:50%;
  box-shadow:0 0 0 8vw rgba(10,31,19,.018),0 0 0 16vw rgba(10,31,19,.012);
  pointer-events:none;
}
.showpiece-page.process-v4 .process-chapter-copy{
  width:min(100%,620px);
  justify-self:end;
  position:relative;
  z-index:3;
  opacity:.72;
  transform:translateY(20px);
  transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);
}
.showpiece-page.process-v4 article.is-story-active .process-chapter-copy{opacity:1;transform:none}
.showpiece-page.process-v4 .process-chapter-copy>small{
  display:block;
  color:#58685e;
  font-size:var(--qt-type-meta)!important;
  line-height:var(--qt-leading-meta)!important;
  letter-spacing:.16em;
}
.showpiece-page.process-v4 .process-chapter-copy h2{
  max-width:720px;
  margin:30px 0 28px;
  color:var(--process-ink);
  text-wrap:balance;
}
.showpiece-page.process-v4 .process-chapter-copy>p{max-width:590px;color:#5d6c63}
.showpiece-page.process-v4 .process-output{margin-top:42px}
.showpiece-page.process-v4 .process-output b{color:var(--process-ink)}
.showpiece-page.process-v4 .process-output span{
  border-color:rgba(10,31,19,.24);
  background:rgba(243,247,243,.34);
  color:#18241d;
  transition:background-color .32s ease,border-color .32s ease,transform .4s cubic-bezier(.16,1,.3,1);
}
.showpiece-page.process-v4 article.is-story-active .process-output span{background:rgba(245,248,245,.72)}
.showpiece-page.process-v4 .process-output span:hover{border-color:var(--qt-green);transform:translateY(-2px)}

.showpiece-page.process-v4 .process-chapter-visual{
  width:min(100%,540px);
  aspect-ratio:1;
  justify-self:start;
  position:relative;
  z-index:2;
  overflow:hidden;
  color:var(--process-ink);
  border:1px solid rgba(10,31,19,.18);
  background:
    radial-gradient(circle at 68% 32%,rgba(24,207,120,.14),transparent 29%),
    linear-gradient(145deg,rgba(247,250,247,.78),rgba(223,233,226,.56));
  box-shadow:inset 0 0 0 1px rgba(245,250,246,.72),0 34px 90px rgba(25,70,42,.1);
  opacity:.34;
  transform:translateY(34px) scale(.955);
  transition:opacity .75s ease,transform 1s cubic-bezier(.16,1,.3,1),box-shadow .75s ease;
}
.showpiece-page.process-v4 .process-chapter-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(10,31,19,.045) 50%,transparent 50.2%),
    linear-gradient(transparent 49.8%,rgba(10,31,19,.045) 50%,transparent 50.2%);
  pointer-events:none;
}
.showpiece-page.process-v4 .process-chapter-visual::after{
  content:"";
  position:absolute;
  z-index:4;
  top:54px;
  bottom:62px;
  left:0;
  width:1px;
  background:linear-gradient(transparent,rgba(24,207,120,.76),transparent);
  opacity:0;
  transform:translateX(0);
  pointer-events:none;
}
.showpiece-page.process-v4 article.is-story-active .process-chapter-visual{
  opacity:1;
  transform:none;
  box-shadow:inset 0 0 0 1px rgba(245,250,246,.82),0 42px 110px rgba(25,70,42,.14);
}
.showpiece-page.process-v4 article.is-story-active .process-chapter-visual::after{animation:process-panel-scan 3.8s cubic-bezier(.16,1,.3,1) .45s both}
.showpiece-page.process-v4 .process-visual-top,
.showpiece-page.process-v4 .process-visual-bottom{
  position:absolute;
  z-index:5;
  left:18px;
  right:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#4f6056;
  font-size:10px;
  letter-spacing:.08em;
}
.showpiece-page.process-v4 .process-visual-top{top:17px;padding-bottom:13px;border-bottom:1px solid rgba(10,31,19,.12)}
.showpiece-page.process-v4 .process-visual-bottom{bottom:17px;padding-top:13px;border-top:1px solid rgba(10,31,19,.12)}
.showpiece-page.process-v4 .process-visual-top b,
.showpiece-page.process-v4 .process-visual-bottom b{color:var(--process-ink);font-size:11px;letter-spacing:.05em}
.showpiece-page.process-v4 .process-schematic{position:absolute;z-index:2;inset:54px 24px 62px;width:calc(100% - 48px);height:calc(100% - 116px)}
.showpiece-page.process-v4 .process-schematic *{vector-effect:non-scaling-stroke}
.showpiece-page.process-v4 .pv-grid{fill:none;stroke:rgba(10,31,19,.055);stroke-width:1}
.showpiece-page.process-v4 .pv-line{fill:none;stroke:rgba(10,31,19,.48);stroke-width:1.25}
.showpiece-page.process-v4 .pv-ring{transform-box:fill-box;transform-origin:center}
.showpiece-page.process-v4 .pv-accent{fill:none;stroke:var(--qt-green);stroke-width:2}
.showpiece-page.process-v4 .pv-fill{fill:rgba(24,207,120,.055);stroke:none}
.showpiece-page.process-v4 .pv-node{fill:#edf2ed;stroke:#263a2e;stroke-width:1.5;transform-box:fill-box;transform-origin:center}
.showpiece-page.process-v4 .pv-node-accent{fill:var(--qt-green);stroke:#0b3c22}
.showpiece-page.process-v4 .pv-draw{stroke-dasharray:1;stroke-dashoffset:1}
.showpiece-page.process-v4 article.is-story-active .pv-draw{animation:process-draw 1.15s cubic-bezier(.16,1,.3,1) .2s forwards}
.showpiece-page.process-v4 article.is-story-active .pv-points .pv-node,
.showpiece-page.process-v4 article.is-story-active .pv-structure-nodes .pv-node,
.showpiece-page.process-v4 article.is-story-active .pv-build-ticks .pv-node,
.showpiece-page.process-v4 article.is-story-active .pv-launch-links .pv-node{animation:process-node-in .65s cubic-bezier(.16,1,.3,1) both}
.showpiece-page.process-v4 article.is-story-active .pv-points .pv-node:nth-child(2),
.showpiece-page.process-v4 article.is-story-active .pv-structure-nodes .pv-node:nth-child(2),
.showpiece-page.process-v4 article.is-story-active .pv-launch-links .pv-node:nth-child(2){animation-delay:.12s}
.showpiece-page.process-v4 article.is-story-active .pv-points .pv-node:nth-child(3),
.showpiece-page.process-v4 article.is-story-active .pv-structure-nodes .pv-node:nth-child(3),
.showpiece-page.process-v4 article.is-story-active .pv-launch-links .pv-node:nth-child(3){animation-delay:.22s}
.showpiece-page.process-v4 article.is-story-active .pv-points .pv-node:nth-child(4),
.showpiece-page.process-v4 article.is-story-active .pv-structure-nodes .pv-node:nth-child(4),
.showpiece-page.process-v4 article.is-story-active .pv-launch-links .pv-node:nth-child(4){animation-delay:.32s}
.showpiece-page.process-v4 [data-process-visual="discovery"] .pv-sweep{transform-origin:240px 240px}
.showpiece-page.process-v4 article.is-story-active [data-process-visual="discovery"] .pv-sweep{animation:process-orbit 9s linear infinite}
.showpiece-page.process-v4 article.is-story-active [data-process-visual="discovery"] .pv-ring-a{animation:process-breathe 3.6s ease-in-out infinite}
.showpiece-page.process-v4 article.is-story-active [data-process-visual="discovery"] .pv-ring-b{animation:process-breathe 3.6s ease-in-out .8s infinite reverse}
.showpiece-page.process-v4 .pv-flow{stroke-dasharray:10 12}
.showpiece-page.process-v4 article.is-story-active .pv-flow{animation:process-flow 1.2s linear infinite}
.showpiece-page.process-v4 .pv-corners{transform-origin:240px 232px}
.showpiece-page.process-v4 article.is-story-active .pv-corners{animation:process-corner-lock 2.4s ease-in-out infinite}
.showpiece-page.process-v4 .pv-build-blocks .pv-node{transform-box:fill-box;transform-origin:center bottom}
.showpiece-page.process-v4 article.is-story-active .pv-build-blocks .pv-node{animation:process-build-rise .85s cubic-bezier(.16,1,.3,1) both}
.showpiece-page.process-v4 article.is-story-active .pv-build-blocks .pv-node:nth-child(2){animation-delay:.12s}
.showpiece-page.process-v4 article.is-story-active .pv-build-blocks .pv-node:nth-child(3){animation-delay:.24s}
.showpiece-page.process-v4 article.is-story-active .pv-build-blocks .pv-node:nth-child(4){animation-delay:.36s}
.showpiece-page.process-v4 .pv-cell{fill:rgba(236,242,237,.78);stroke:rgba(10,31,19,.35);stroke-width:1;transform-box:fill-box;transform-origin:center}
.showpiece-page.process-v4 .pv-cell-on{fill:rgba(24,207,120,.12)}
.showpiece-page.process-v4 .pv-checks{fill:none;stroke:var(--qt-green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.showpiece-page.process-v4 article.is-story-active .pv-cell-on{animation:process-cell 2.2s ease-in-out infinite}
.showpiece-page.process-v4 .pv-qa-scan{transform-box:fill-box;transform-origin:center}
.showpiece-page.process-v4 article.is-story-active .pv-qa-scan{animation:process-qa-scan 2.8s cubic-bezier(.16,1,.3,1) infinite}
.showpiece-page.process-v4 .pv-launch-core{fill:rgba(24,207,120,.12);transform-box:fill-box;transform-origin:center}
.showpiece-page.process-v4 .pv-orbit{transform-origin:240px 240px}
.showpiece-page.process-v4 article.is-story-active .pv-orbit{animation:process-orbit 8s linear infinite}
.showpiece-page.process-v4 article.is-story-active .pv-launch-core{animation:process-core-pulse 2.6s ease-in-out infinite}

@keyframes process-panel-scan{0%{opacity:0;transform:translateX(0)}12%{opacity:.75}75%{opacity:.55}100%{opacity:0;transform:translateX(calc(540px - 2px))}}
@keyframes process-draw{to{stroke-dashoffset:0}}
@keyframes process-node-in{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
@keyframes process-orbit{to{transform:rotate(360deg)}}
@keyframes process-breathe{0%,100%{opacity:.4;transform:scale(.98)}50%{opacity:1;transform:scale(1.035)}}
@keyframes process-flow{to{stroke-dashoffset:-22}}
@keyframes process-corner-lock{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(.94);opacity:1}}
@keyframes process-build-rise{from{opacity:0;transform:scaleY(.18)}to{opacity:1;transform:scaleY(1)}}
@keyframes process-cell{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}
@keyframes process-qa-scan{0%{opacity:0;transform:translateY(-205px)}18%,82%{opacity:1}100%{opacity:0;transform:translateY(8px)}}
@keyframes process-core-pulse{0%,100%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}

@media(min-width:1101px) and (max-width:1350px){
  .showpiece-page.process-v4 .process-chapters-v4{padding-inline:48px}
  .showpiece-page.process-v4 .process-chapters-v4 article{grid-template-columns:minmax(285px,1fr) minmax(230px,.72fr);gap:26px}
  .showpiece-page.process-v4 .process-chapter-copy h2{font-size:clamp(58px,5.2vw,70px)!important}
  .showpiece-page.process-v4 .process-rail-v5{margin-top:22px}
  .showpiece-page.process-v4 .process-rail-v5 button{min-height:38px;font-size:14px}
}
@media(min-width:1101px) and (max-height:760px){
  .showpiece-page.process-v4 .process-pin-v4{padding-top:88px;padding-bottom:26px}
  .showpiece-page.process-v4 .process-pin-v4>b{font-size:110px;margin-top:28px}
  .showpiece-page.process-v4 .process-pin-v4>p{font-size:25px;margin-top:8px}
  .showpiece-page.process-v4 .process-rail-v5{margin-top:16px}
  .showpiece-page.process-v4 .process-rail-v5 button{min-height:32px;font-size:13.5px}
  .showpiece-page.process-v4 .process-pin-v4>span{margin-top:14px;font-size:12.5px}
}
@media(max-width:1100px){
  .showpiece-page.process-v4 .process-chapters-v4{padding-inline:clamp(34px,6vw,72px)}
  .showpiece-page.process-v4 .process-chapters-v4 article{grid-template-columns:minmax(330px,.95fr) minmax(300px,.75fr);gap:clamp(30px,5vw,60px)}
}
@media(max-width:820px){
  .showpiece-page.process-v4 .process-chapters-v4 article{
    min-height:100svh;
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(220px,300px);
    align-content:center;
    gap:28px;
  }
  .showpiece-page.process-v4 .process-chapter-visual{width:min(100%,360px);justify-self:center}
}
@media(max-width:760px){
  .showpiece-page.process-v4 .process-chapters-v4{padding-inline:18px}
  .showpiece-page.process-v4 .process-chapters-v4 article{
    min-height:100svh!important;
    padding:86px 0 38px!important;
    grid-template-rows:auto 238px;
    gap:22px;
  }
  .showpiece-page.process-v4 .process-chapters-v4 article::before{width:76vw;right:-40%;bottom:-18%}
  .showpiece-page.process-v4 .process-chapter-copy{transform:translateY(12px)}
  .showpiece-page.process-v4 .process-chapter-copy h2{font-size:clamp(48px,13.5vw,58px)!important;margin:18px 0 16px}
  .showpiece-page.process-v4 .process-chapter-copy>p{font-size:14px!important;line-height:1.75!important}
  .showpiece-page.process-v4 .process-output{margin-top:22px;gap:7px}
  .showpiece-page.process-v4 .process-output b{width:100%;margin:0 0 2px}
  .showpiece-page.process-v4 .process-output span{padding:9px 13px}
  .showpiece-page.process-v4 .process-chapter-visual{width:min(100%,300px);height:238px;aspect-ratio:auto}
  .showpiece-page.process-v4 .process-schematic{inset:46px 15px 52px;width:calc(100% - 30px);height:calc(100% - 98px)}
  .showpiece-page.process-v4 .process-visual-top,
  .showpiece-page.process-v4 .process-visual-bottom{left:13px;right:13px;font-size:8px}
  .showpiece-page.process-v4 .process-visual-top{top:12px;padding-bottom:9px}
  .showpiece-page.process-v4 .process-visual-bottom{bottom:12px;padding-top:9px}
  .showpiece-page.process-v4 .process-visual-top b,
  .showpiece-page.process-v4 .process-visual-bottom b{font-size:9px}
}
@media(max-width:760px) and (max-height:700px){
  .showpiece-page.process-v4 .process-chapters-v4 article{padding-top:72px!important;padding-bottom:26px!important;grid-template-rows:auto 180px;gap:14px}
  .showpiece-page.process-v4 .process-chapter-copy h2{font-size:42px!important;margin:12px 0}
  .showpiece-page.process-v4 .process-chapter-copy>p{font-size:13px!important;line-height:1.6!important}
  .showpiece-page.process-v4 .process-output{margin-top:14px}
  .showpiece-page.process-v4 .process-output span{padding:7px 11px}
  .showpiece-page.process-v4 .process-chapter-visual{height:180px;width:min(100%,250px)}
}
@media(prefers-reduced-motion:reduce){
  .showpiece-page.process-v4 .process-chapter-copy,
  .showpiece-page.process-v4 .process-chapter-visual,
  .showpiece-page.process-v4 .process-chapter-visual::after,
  .showpiece-page.process-v4 .process-schematic *,
  .showpiece-page.process-v4 .process-rail-v5 button,
  .showpiece-page.process-v4 .process-rail-v5 button i{animation:none!important;transition:none!important;transform:none!important}
  .showpiece-page.process-v4 .process-chapter-copy,
  .showpiece-page.process-v4 .process-chapter-visual{opacity:1!important}
  .showpiece-page.process-v4 .pv-draw{stroke-dashoffset:0!important}
}

/* Restore the case-intro screen's display scale after the global type pass. */
.showpiece-page.home-v6 .home-work-stage{isolation:isolate}
.showpiece-page.home-v6 .home-work-stage::before{
  content:"";
  position:absolute;
  z-index:0;
  width:min(72vw,1320px);
  aspect-ratio:1;
  right:-12vw;
  top:48%;
  border-radius:50%;
  background:repeating-radial-gradient(circle,transparent 0 112px,rgba(7,16,11,.16) 113px 114px);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%);
  transform:translateY(-50%);
  opacity:.72;
  pointer-events:none
}
.showpiece-page.home-v6 .home-work-stage>*{z-index:1}
.showpiece-page.home-v6 .home-work-intro h2{
  font-size:clamp(118px,12vw,230px)!important;
  line-height:.9!important;
  letter-spacing:-.095em
}
.showpiece-page.home-v6 .home-work-intro p{bottom:117px;max-width:620px}
.home-work-index{
  position:absolute;
  left:0;
  right:0;
  bottom:34px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid rgba(7,16,11,.34);
  opacity:var(--work-copy-opacity);
  transition:none
}
.home-work-index li{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:15px 18px 0;
  color:rgba(7,16,11,.76);
  font-size:13px;
  font-weight:650;
  white-space:nowrap
}
.home-work-index li:first-child{padding-left:0}
.home-work-index li+li{border-left:1px solid rgba(7,16,11,.22)}
.home-work-index b{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.12em;color:#07100b}

@media(min-width:761px) and (max-height:820px){
  .showpiece-page.home-v6 .home-work-intro h2{font-size:clamp(105px,9vw,155px)!important}
  .showpiece-page.home-v6 .home-work-intro p{bottom:82px}
  .home-work-index{bottom:18px}
}
@media(max-width:760px){
  .showpiece-page.home-v6 .home-work-intro h2{font-size:clamp(64px,18vw,78px)!important;line-height:.92!important}
  .showpiece-page.home-v6 .home-work-stage::before{width:150vw;right:-88vw;opacity:.48}
  .showpiece-page.home-v6 .home-work-intro p{bottom:174px;max-width:100%;font-size:14px!important;line-height:1.65!important}
  .home-work-index{grid-template-columns:repeat(2,minmax(0,1fr));bottom:86px}
  .home-work-index li{padding:9px 8px 0 0;font-size:11px}
  .home-work-index li:nth-child(3),.home-work-index li:nth-child(4){margin-top:8px}
  .home-work-index li:nth-child(odd){border-left:0}
}
@media(prefers-reduced-motion:reduce){
  .showpiece-page.home-v6 .home-work-stage{min-height:100svh}
  .home-work-index{opacity:1}
}

/* Domestic-search article pages: visible Chinese content, stable headings and crawlable links. */
.insight-list-v4 article{overflow:hidden}
.insight-card-hit{
  position:absolute;
  inset:0;
  z-index:5;
  color:transparent!important;
  font-size:0!important;
  text-indent:-9999px
}
.insight-list-v4 article:has(.insight-card-hit){transition:background-color .25s ease,padding-left .25s ease}
.insight-list-v4 article:has(.insight-card-hit):hover{background:rgba(24,207,120,.08)}
.insight-list-v4 article:has(.insight-card-hit):focus-within{outline:2px solid #0b0e0c;outline-offset:-3px}
.insight-detail-page{background:#eef1ed;color:#0b0e0c}
.insight-detail-hero{
  padding:155px 0 100px;
  background:
    radial-gradient(circle at 82% 24%,rgba(24,207,120,.18),transparent 32%),
    linear-gradient(180deg,#eef1ed 0%,#f6f8f5 100%);
  border-bottom:1px solid #c5ccc7
}
.insight-breadcrumb{display:flex;align-items:center;gap:10px;color:#657069;font-size:13px;margin-bottom:75px}
.insight-breadcrumb a{color:inherit}.insight-breadcrumb b{color:#0b0e0c}
.insight-detail-kicker{font-size:13px;font-weight:800;letter-spacing:.12em;color:#0f9e5e;margin-bottom:26px}
.insight-detail-hero h1{
  max-width:1250px;
  margin:0;
  font-size:clamp(58px,7.3vw,132px);
  line-height:1.08;
  letter-spacing:-.075em;
  text-wrap:balance
}
.insight-detail-lead{max-width:900px;margin:50px 0 0;font-size:clamp(19px,1.45vw,25px);line-height:1.8;color:#4f5d55}
.insight-detail-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:45px;padding-top:22px;border-top:1px solid #c5ccc7;color:#68746d;font-size:13px}
.insight-detail-content{background:#f6f8f5;padding:110px 0 130px}
.insight-detail-grid{display:grid;grid-template-columns:240px minmax(0,860px);gap:clamp(60px,9vw,150px);justify-content:center;align-items:start}
.insight-detail-grid>aside{position:sticky;top:115px;display:grid;border-top:2px solid #0b0e0c}
.insight-detail-grid>aside>small{padding:18px 0 15px;font-weight:800;letter-spacing:.1em}
.insight-detail-grid>aside>a{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:13px 0;border-top:1px solid #d2d8d4;color:#68746d;font-size:13px;line-height:1.45}
.insight-detail-grid>aside>a:hover{color:#0b0e0c}.insight-detail-grid>aside>a b{color:#12ad68;font-size:11px}
.insight-detail-copy>section{scroll-margin-top:100px;margin-bottom:92px}
.insight-detail-copy>section>small{display:block;color:#12ad68;font-size:13px;font-weight:850;letter-spacing:.12em;margin-bottom:18px}
.insight-detail-copy h2{font-size:clamp(34px,3.4vw,55px);line-height:1.25;letter-spacing:-.045em;margin:0 0 32px;text-wrap:balance}
.insight-detail-copy p{font-size:18px;line-height:2;color:#34433b;margin:0 0 24px}
.insight-detail-copy ul{margin:34px 0;padding:0;list-style:none;border-top:1px solid #cbd2cd}
.insight-detail-copy li{position:relative;padding:18px 10px 18px 30px;border-bottom:1px solid #cbd2cd;font-size:17px;line-height:1.75;color:#28372f}
.insight-detail-copy li::before{content:"";position:absolute;left:4px;top:29px;width:8px;height:8px;border-radius:50%;background:#18cf78}
.insight-detail-note{margin-top:110px;padding:46px;background:#18cf78}
.insight-detail-note b{font-size:28px}.insight-detail-note p{max-width:620px;margin:20px 0 30px;color:#153424}
.insight-detail-note a{display:inline-flex;padding:13px 18px;border:1px solid #0b0e0c;border-radius:999px;font-weight:800}
.insight-related{display:grid;grid-template-columns:1fr 1fr;background:#eef1ed;border-top:1px solid #c5ccc7;padding-top:0;padding-bottom:110px}
.insight-related a{display:flex;flex-direction:column;gap:12px;padding:38px 34px 38px 0;min-height:150px;border-bottom:1px solid #c5ccc7}
.insight-related a+a{padding-left:34px;border-left:1px solid #c5ccc7}
.insight-related small{color:#68746d}.insight-related span{font-size:22px;font-weight:750;line-height:1.4}

@media(max-width:900px){
  .insight-detail-hero{padding:120px 0 75px}
  .insight-breadcrumb{margin-bottom:48px;overflow:hidden;white-space:nowrap}
  .insight-detail-hero h1{font-size:clamp(43px,12vw,72px);line-height:1.16;letter-spacing:-.06em}
  .insight-detail-lead{margin-top:34px;font-size:18px}
  .insight-detail-content{padding:75px 0 95px}
  .insight-detail-grid{grid-template-columns:1fr;gap:45px}
  .insight-detail-grid>aside{position:relative;top:auto}
  .insight-detail-copy>section{margin-bottom:68px}
  .insight-detail-copy p{font-size:17px;line-height:1.9}
  .insight-detail-note{margin-top:75px;padding:30px 22px}
  .insight-related{grid-template-columns:1fr;padding-bottom:70px}
  .insight-related a,.insight-related a+a{padding:28px 0;border-left:0}
}

@media(prefers-reduced-motion:reduce){
  .insight-list-v4 article:has(.insight-card-hit){transition:none}
}

/* ========================================================================
   FINAL V7 / SECTION HEROES — DENSE, PAGE-SPECIFIC BRAND STAGES
   Restores the missing outline line and gives each index page its own motif.
   ======================================================================== */
.showpiece-page .editorial-hero-v7{
  position:relative;
  isolation:isolate;
  overflow:hidden
}
.showpiece-page .editorial-hero-v7::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.22;
  background:
    linear-gradient(90deg,transparent 0 24.95%,currentColor 25%,transparent 25.05% 49.95%,currentColor 50%,transparent 50.05% 74.95%,currentColor 75%,transparent 75.05%),
    linear-gradient(transparent 0 32.95%,currentColor 33%,transparent 33.05% 65.95%,currentColor 66%,transparent 66.05%);
  background-size:100% 100%;
  color:rgba(127,143,133,.18);
  mask-image:linear-gradient(to bottom,transparent 4%,#000 26%,#000 82%,transparent 100%)
}
.showpiece-page .editorial-hero-v7>.wrap{position:relative;z-index:4}
.showpiece-page .editorial-hero-v7 h1{
  position:relative;
  z-index:4;
  width:100%;
  max-width:none;
  margin:34px 0 44px!important;
  font-size:clamp(78px,10.4vw,196px)!important;
  line-height:.82!important;
  letter-spacing:-.088em!important
}
.showpiece-page .editorial-hero-v7 h1 span{position:relative;z-index:2}
.showpiece-page .cases-hero-v4 .outline,
.showpiece-page .process-hero-v4 .outline{
  color:transparent!important;
  opacity:1!important;
  -webkit-text-stroke:1.5px rgba(238,244,240,.7)!important;
  paint-order:stroke fill
}
.showpiece-page .solution-hero-v4 .outline,
.showpiece-page .insights-hero-v4 .outline{
  color:transparent!important;
  opacity:1!important;
  -webkit-text-stroke:1.5px rgba(8,15,11,.52)!important;
  paint-order:stroke fill
}
.showpiece-page .editorial-hero-v7 h1>.hero-line-v7{
  display:flex!important;
  align-items:baseline;
  gap:.18em;
  width:max-content;
  max-width:100%;
  line-height:.86!important;
  white-space:nowrap
}
.showpiece-page .editorial-hero-v7 h1>.hero-line-v7>span{display:inline-block!important;margin-left:0}
.showpiece-page .cases-hero-v4 .hero-line-v7--top{font-size:.84em}
.showpiece-page .cases-hero-v4 .hero-line-v7--bottom{margin-left:3vw}
.showpiece-page .solution-hero-v4 .hero-line-v7--top{font-size:.87em}
.showpiece-page .solution-hero-v4 .hero-line-v7--bottom{margin-left:7vw}
.showpiece-page .process-hero-v4 .hero-line-v7--top{font-size:.96em}
.showpiece-page .process-hero-v4 .hero-line-v7--bottom{margin-left:8vw;font-size:.74em}
.showpiece-page .insights-hero-v4 .hero-line-v7--top{font-size:.86em}
.showpiece-page .insights-hero-v4 .hero-line-v7--bottom{margin-left:3vw;font-size:.76em}
.showpiece-page .editorial-hero-v7 .cases-hero-foot,
.showpiece-page .editorial-hero-v7 .solution-hero-foot,
.showpiece-page .editorial-hero-v7 .process-hero-foot,
.showpiece-page .editorial-hero-v7 .insights-hero-foot{position:relative;z-index:5}
.showpiece-page .editorial-hero-v7 .cases-hero-foot p,
.showpiece-page .editorial-hero-v7 .solution-hero-foot p,
.showpiece-page .editorial-hero-v7 .process-hero-foot p,
.showpiece-page .editorial-hero-v7 .insights-hero-foot p{
  max-width:660px;
  font-size:clamp(17px,1.25vw,23px)!important;
  line-height:1.6!important
}

/* Cases: real work appears in the hero before the visitor scrolls. */
.cases-hero-previews{position:absolute;inset:0;z-index:1;pointer-events:none}
.cases-hero-previews::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#080b0a 0%,rgba(8,11,10,.92) 38%,rgba(8,11,10,.24) 78%,#080b0a 100%)
}
.cases-hero-previews figure{
  --preview-rotate:-3deg;
  position:absolute;
  right:5vw;
  top:14%;
  width:clamp(190px,20vw,370px);
  aspect-ratio:1.48;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(238,244,240,.18);
  opacity:.62;
  transform:rotate(var(--preview-rotate));
  animation:qtCasePreview 8s cubic-bezier(.16,1,.3,1) infinite alternate
}
.cases-hero-previews figure:nth-child(2){--preview-rotate:4deg;right:13vw;top:39%;animation-delay:-2.8s}
.cases-hero-previews figure:nth-child(3){--preview-rotate:-2deg;right:2vw;top:63%;animation-delay:-5.2s}
.cases-hero-previews img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3) saturate(.72) contrast(1.06)}
.cases-hero-previews>span{
  position:absolute;
  right:4vw;
  top:10%;
  z-index:2;
  color:rgba(238,244,240,.58);
  font-size:9px;
  letter-spacing:.18em
}
@keyframes qtCasePreview{
  to{transform:translate3d(0,-14px,0) rotate(var(--preview-rotate))}
}

/* Solutions: a diagnostic field frames the four recurring business signals. */
.solution-diagnostic-v7{
  position:absolute;
  z-index:1;
  right:-7vw;
  top:50%;
  width:clamp(380px,46vw,760px);
  aspect-ratio:1;
  transform:translateY(-50%);
  border:1px solid rgba(8,15,11,.16);
  border-radius:50%;
  color:#0b120e;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(8,15,11,.12) 50%,transparent calc(50% + .5px)),
    linear-gradient(transparent calc(50% - .5px),rgba(8,15,11,.12) 50%,transparent calc(50% + .5px))
}
.solution-diagnostic-v7 i{position:absolute;inset:19%;border:1px solid rgba(8,15,11,.14);border-radius:50%}
.solution-diagnostic-v7 i::after{content:"";position:absolute;inset:31%;border:1px solid rgba(24,207,120,.55);border-radius:50%;box-shadow:0 0 60px rgba(24,207,120,.12)}
.solution-diagnostic-v7::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:43%;
  height:1px;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(24,207,120,.72),transparent);
  animation:qtDiagnosticSweep 11s linear infinite
}
.solution-diagnostic-v7>b{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-size:clamp(90px,11vw,190px);line-height:.8;color:rgba(24,207,120,.2);letter-spacing:-.09em}
.solution-diagnostic-v7>small{position:absolute;left:50%;top:55%;transform:translateX(-50%);font-size:8px;letter-spacing:.18em;white-space:nowrap}
.solution-diagnostic-v7>span{position:absolute;font-size:8px;letter-spacing:.13em;color:rgba(8,15,11,.55)}
.solution-diagnostic-v7>span:nth-of-type(1){left:50%;top:5%;transform:translateX(-50%)}
.solution-diagnostic-v7>span:nth-of-type(2){right:2%;top:50%;transform:translateY(-50%)}
.solution-diagnostic-v7>span:nth-of-type(3){left:50%;bottom:5%;transform:translateX(-50%)}
.solution-diagnostic-v7>span:nth-of-type(4){left:2%;top:50%;transform:translateY(-50%)}
@keyframes qtDiagnosticSweep{to{transform:rotate(360deg)}}

/* Process: all six checkpoints remain visible as a delivery route. */
.process-route-v7{
  position:absolute;
  z-index:1;
  right:4vw;
  top:18%;
  bottom:16%;
  width:clamp(170px,15vw,270px);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:rgba(238,244,240,.58);
  pointer-events:none
}
.process-route-v7::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--qt-green),rgba(238,244,240,.12))}
.process-route-v7>span{position:relative;display:grid;grid-template-columns:15px 1fr auto;gap:13px;align-items:center;font-size:10px;letter-spacing:.12em}
.process-route-v7 i{width:15px;height:15px;border-radius:50%;border:1px solid currentColor;background:#080b0a;box-shadow:0 0 0 6px rgba(8,11,10,.72)}
.process-route-v7 span:first-child i{border-color:var(--qt-green);background:var(--qt-green);animation:qtRoutePulse 2.4s ease-in-out infinite}
.process-route-v7 b{font-weight:650}.process-route-v7 em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--qt-green)}
@keyframes qtRoutePulse{50%{transform:scale(.72);opacity:.58}}

/* Insights: a restrained publication masthead makes the archive feel edited. */
.insights-issue-v7{
  position:absolute;
  z-index:1;
  right:4vw;
  top:16%;
  width:min(31vw,520px);
  padding:20px 0 24px;
  border-top:1px solid rgba(8,15,11,.22);
  border-bottom:1px solid rgba(8,15,11,.22);
  color:#0b120e;
  pointer-events:none
}
.insights-issue-v7 small{display:block;font-size:8px;letter-spacing:.18em;text-align:right}
.insights-issue-v7 b{display:block;margin:12px 0 8px;font-size:clamp(130px,16vw,290px);line-height:.72;letter-spacing:-.1em;text-align:right;color:transparent;-webkit-text-stroke:1px rgba(8,15,11,.14)}
.insights-issue-v7 p{margin:0;text-align:right;font-size:9px;line-height:1.8;letter-spacing:.14em;color:rgba(8,15,11,.52)}

@media(min-width:761px) and (max-height:820px){
  .showpiece-page .editorial-hero-v7 h1{
    margin:22px 0 28px!important;
    font-size:clamp(74px,8.5vw,150px)!important;
    line-height:.8!important
  }
  .showpiece-page .editorial-hero-v7 .cases-hero-foot p,
  .showpiece-page .editorial-hero-v7 .solution-hero-foot p,
  .showpiece-page .editorial-hero-v7 .process-hero-foot p,
  .showpiece-page .editorial-hero-v7 .insights-hero-foot p{font-size:clamp(15px,1.15vw,19px)!important}
}

@media(max-width:760px){
  .showpiece-page .editorial-hero-v7{min-height:100svh;min-height:100dvh;padding-top:112px;padding-bottom:42px}
  .showpiece-page .editorial-hero-v7 h1{
    margin:28px 0 36px!important;
    font-size:clamp(52px,15vw,74px)!important;
    line-height:.86!important;
    letter-spacing:-.075em!important
  }
  .showpiece-page .editorial-hero-v7 h1 .outline,
  .showpiece-page .editorial-hero-v7 h1 .green{margin-left:0}
  .showpiece-page .editorial-hero-v7 h1>.hero-line-v7--bottom{margin-left:0}
  .showpiece-page .cases-hero-v4 .hero-line-v7--top{font-size:.64em}
  .showpiece-page .solution-hero-v4 .hero-line-v7--top{font-size:.8em}
  .showpiece-page .process-hero-v4 .hero-line-v7--top{font-size:.9em}
  .showpiece-page .process-hero-v4 .hero-line-v7--bottom{font-size:.64em}
  .showpiece-page .insights-hero-v4 .hero-line-v7--top{font-size:.82em}
  .showpiece-page .insights-hero-v4 .hero-line-v7--bottom{font-size:.7em}
  .showpiece-page .editorial-hero-v7 .cases-hero-foot p,
  .showpiece-page .editorial-hero-v7 .solution-hero-foot p,
  .showpiece-page .editorial-hero-v7 .process-hero-foot p,
  .showpiece-page .editorial-hero-v7 .insights-hero-foot p{font-size:15px!important}
  .cases-hero-previews figure{display:none}
  .cases-hero-previews figure:first-child{display:block;right:-14vw;top:34%;width:68vw;opacity:.35}
  .cases-hero-previews>span{display:none}
  .solution-diagnostic-v7{right:-58vw;width:112vw;opacity:.52}
  .solution-diagnostic-v7>span,.solution-diagnostic-v7>small{display:none}
  .process-route-v7{right:10px;top:24%;bottom:31%;width:34px;opacity:.5}
  .process-route-v7>span{grid-template-columns:15px auto;gap:7px}
  .process-route-v7 b{display:none}
  .insights-issue-v7{right:-18vw;top:22%;width:62vw;opacity:.46}
  .insights-issue-v7 small,.insights-issue-v7 p{display:none}
  .insights-issue-v7 b{font-size:42vw}
}

@media(prefers-reduced-motion:reduce){
  .cases-hero-previews figure,
  .solution-diagnostic-v7::after,
  .process-route-v7 span:first-child i{animation:none!important}
}