/* Ciqiong atelier: neutral studio surfaces, cobalt identity, restrained motion.
   Layers: header 50 (existing), character canvas 2, character controls 3. */
:root{--paper:#f1f2f4;--paper-strong:#fafafb;--paper-warm:#e4e7ed;--ink:#182130;--ink-soft:#4b5668;--ink-faint:#596576;--line:#ccd1da;--line-dark:#ccd1da;--blue:#304ed0;--blue-dark:#233cab;--signal:#304ed0;--radius:12px;--shadow:none;--font-display:var(--font-sans);--wrap:min(1320px,calc(100% - 80px));color-scheme:light dark}
body{font-size:16px;line-height:1.75;letter-spacing:.005em}
h1,h2,h3{font-weight:650!important;text-wrap:balance}
.mk-header{background:var(--paper);backdrop-filter:none;border-bottom:1px solid var(--line)}
.mk-header__inner{min-height:72px;gap:24px;grid-template-columns:1fr auto 1fr}
.mk-brand strong{font-size:17px;letter-spacing:-.025em}.mk-brand small{letter-spacing:.1em}.mk-brand__mark{width:34px;height:34px}
.mk-nav{gap:24px}.mk-header__actions{gap:16px}.mk-header__actions>.mk-btn{display:none}
.mk-header__account{white-space:nowrap}.mk-header__service{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-btn,.cq-button{border-radius:999px;box-shadow:none;min-height:48px;white-space:nowrap;padding-inline:24px}
.mk-btn:active,.cq-button:active{transform:scale(.98)}
.cq-text-link{font-weight:500;font-size:14px}.cq-actions{gap:26px;margin-top:30px}
.cq-hero{padding:32px 0 0;min-height:0;overflow:hidden}
.cq-hero__grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:28px;min-height:min(760px,calc(100svh - 104px))}
.cq-hero h1{font-size:clamp(45px,5.35vw,77px);line-height:1.17;letter-spacing:-.075em}
.cq-hero__lead{font-family:var(--font-sans);font-weight:400;font-size:18px;line-height:1.9;max-width:28em;margin-top:28px;color:var(--ink-soft)}
.cq-hero .cq-kicker{margin-bottom:24px;font-size:12px;letter-spacing:.08em}
.cq-hero__visual::before{display:none}.cq-hero__copy{padding-bottom:28px}
.cq-character{position:relative;margin:0;align-self:end;width:100%;max-width:min(620px,calc((100svh - 150px)*.8));justify-self:end}
.cq-character__stage{position:relative;aspect-ratio:4/5;isolation:isolate;overflow:hidden;border-radius:48% 48% 12px 12px;background:var(--paper-warm)}
.cq-character__fallback,.cq-character__body,.cq-character__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.cq-character__fallback{object-fit:cover;object-position:center 18%}
.cq-character__body{opacity:0;pointer-events:none;transform:translateY(26%)}.cq-character__canvas{z-index:2;opacity:0;touch-action:pan-y}
.cq-character.is-ready .cq-character__body,.cq-character.is-ready .cq-character__canvas{opacity:1}
.cq-character.is-ready .cq-character__fallback{opacity:0}
.cq-character__controls{position:absolute;z-index:3;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:6px;background:var(--paper-strong);border:1px solid var(--line);border-radius:999px;white-space:nowrap}
.cq-character__controls button{min-height:44px;border:0;border-radius:999px;background:transparent;color:var(--ink);padding:0 15px;cursor:pointer;font-size:13px}
.cq-character__controls button:hover{background:var(--paper-warm)}.cq-character__controls button:disabled{opacity:.6;cursor:wait}
.cq-character figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;line-height:1.6;color:var(--ink-soft);padding:14px 0 22px}
.cq-character figcaption strong{font-weight:500}.cq-character__stage:focus-visible{outline-offset:-5px}
.cq-principles{display:none}
.cq-section,.cq-now{padding:96px 0}.cq-now{margin-top:36px;border:0;background:var(--paper)}
.cq-now__grid{grid-template-columns:1fr 1.4fr;gap:70px}.cq-now__intro h2{font-size:clamp(30px,3.4vw,46px);max-width:12ch;line-height:1.3;letter-spacing:-.045em}
.cq-now__intro>p:last-child{font-size:15px;margin-top:24px}.cq-now__board{border-top:0}.cq-now__board>div{padding:23px 0;grid-template-columns:70px 1fr;gap:8px 22px}.cq-now__board strong{font-size:20px}.cq-now__board small{font-size:14px}
.cq-section__header{display:block;margin-bottom:42px;max-width:820px}.cq-section__header h2,.cq-portfolio h2,.cq-commerce h2,.cq-closing h2{font-size:clamp(32px,3.8vw,52px);line-height:1.27;letter-spacing:-.05em}
.cq-section__header>p,.cq-catalog__intro{margin:22px 0 0;max-width:42em;color:var(--ink-soft)}
.cq-section--ink{background:var(--paper-strong);color:var(--ink)}.cq-section--ink .cq-section__header>p{color:var(--ink-soft)}
.cq-capability-grid{border:0;background:none;grid-template-columns:1fr 1fr;gap:24px 64px}.cq-capability,.cq-capability:nth-child(n){grid-column:auto;min-height:0;padding:28px 0;background:none;border-top:1px solid var(--line)}
.cq-capability:hover{background:none;transform:none}.cq-capability>span{display:none}.cq-capability h3{margin:0 0 15px;font-size:24px}.cq-capability p{color:var(--ink-soft);max-width:35em}.cq-capability ul{margin-top:24px}.cq-capability li{border:0;padding:0 16px 0 0;color:var(--ink-soft);font-size:12px}
.cq-portfolio{background:var(--paper)}.cq-portfolio__grid{grid-template-columns:1fr 1.35fr;gap:65px}.cq-portfolio__visual img{border-radius:12px;box-shadow:none}
.cq-project-list{display:block}.cq-project{grid-template-columns:1.1fr 1.4fr auto;padding:30px 0;gap:32px;border-left:0}.cq-project>span{display:none}.cq-project h3{font-size:24px}.cq-project p{font-size:15px}.cq-project strong{font-size:12px;white-space:nowrap;font-weight:400;color:var(--ink-soft)}
.cq-project:hover{background:var(--paper-warm);color:var(--ink)}.cq-project:hover p{color:var(--ink-soft)}
.cq-method{padding-top:24px}.cq-method__steps{display:flex;gap:36px;border:0}.cq-method__steps li{display:block;flex:1;padding:24px 0;border-bottom:0;border-top:1px solid var(--line)}.cq-method__steps li>span{display:none}.cq-method__steps h3{font-size:22px}.cq-method__steps p{font-size:15px}
.cq-product-grid{gap:28px;grid-template-columns:repeat(2,minmax(0,1fr))}.cq-product-card{grid-column:auto;border:0;background:none}.cq-product-card a{display:block}.cq-product-card figure{border-radius:12px;overflow:hidden;background:var(--paper-warm)}
.cq-product-card figure img{aspect-ratio:4/3;min-height:0;height:auto;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.cq-product-card:hover figure img{transform:scale(1.025)}.cq-product-card__body{padding:24px 0 30px}.cq-product-card__body>span{display:none}.cq-product-card__body h3{font-size:27px;letter-spacing:-.03em;margin:0 0 12px;padding-top:0}.cq-product-card__body p{font-size:15px;max-width:32em}.cq-product-card__body strong{font-size:12px;color:var(--ink-soft);border:0;margin-top:14px;padding-top:0}
.cq-product-card--wide{grid-column:span 2}.cq-product-card--wide a{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.cq-product-card--wide figure{margin:0}.cq-product-card--wide figure img{aspect-ratio:4/3}.cq-product-card--wide .cq-product-card__body{padding:0}
.cq-catalog__intro span{border:0;padding:0;color:var(--ink-soft)}.cq-catalog__intro span::before{display:none}.cq-commerce{background:var(--paper-warm);color:var(--ink)}.cq-commerce p:not(.cq-kicker){color:var(--ink-soft)}.cq-commerce .cq-button{background:var(--blue);border-color:var(--blue);color:#fff}
.cq-post-grid{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line);border-left:0}.cq-post-card{padding:24px 0;border-bottom:1px solid var(--line);border-right:0;background:none;min-height:0}.cq-post-card>a{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:32px;min-height:0;padding:0}.cq-post-card h3{font-size:25px;margin:0}.cq-post-card p{font-size:13px;color:var(--ink-soft);margin:0}.cq-post-card span{font-size:13px;margin:0}.cq-post-card:hover{background:var(--paper-warm);color:var(--ink)}.cq-post-card:hover p,.cq-post-card:hover span{color:var(--ink-soft)}
.cq-closing{background:var(--paper);padding:100px 0;border-top:1px solid var(--line)}.cq-closing__inner{max-width:var(--wrap);padding-top:0;border-top:0;text-align:left}.cq-closing p{color:var(--ink-soft)}.cq-closing>.cq-wrap p:not(.cq-kicker){margin:24px 0}
.cq-footer{background:var(--paper-strong);color:var(--ink);border-top:1px solid var(--line)}.cq-footer p,.cq-footer a,.cq-footer small,.cq-footer__legal{color:var(--ink-soft)}.cq-footer__nav strong{color:var(--ink)}
.cq-footer__legal{border-color:var(--line)}.cq-footer .cq-wordmark__mark{filter:none}
.cq-reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.mk-page,.mk-article{padding-top:70px}.mk-page__head,.mk-article__head{max-width:920px;margin-bottom:52px}.mk-page__head h1,.mk-article__head h1{font-size:clamp(36px,4.8vw,64px);letter-spacing:-.05em;line-height:1.25}
.mk-article{max-width:800px;padding-top:0}.mk-article__body,.mk-content{max-width:760px;font-size:17px;line-height:1.95}.mk-article__body p,.mk-content p{margin:1.4em 0}.mk-article__body h2,.mk-content h2{font-size:28px;margin-top:2.6em}.mk-content a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.mk-article__body pre,.mk-content pre{overflow:auto;border-radius:12px;padding:24px;background:var(--paper-warm)}
.cq-footer__identity>p{color:var(--ink-soft);font-size:17px}.cq-footer__nav a{color:var(--ink-soft)}.cq-footer__nav a:hover{color:var(--ink)}.cq-wordmark--inverse{color:var(--ink)}
:root{--shop-color-base-100:var(--paper-strong);--shop-color-base-200:var(--paper);--shop-color-base-300:var(--paper-warm);--shop-color-base-content:var(--ink);--shop-color-primary:var(--blue);--shop-color-primary-content:#fff;--shop-color-secondary:var(--paper-warm);--shop-color-secondary-content:var(--ink);--shop-gray-50:var(--paper-strong);--shop-gray-100:var(--paper);--shop-gray-200:var(--line);--shop-gray-300:var(--line);--shop-gray-500:var(--ink-faint);--shop-gray-600:var(--ink-soft);--shop-gray-700:var(--ink-soft);--shop-gray-800:var(--ink);--shop-gray-900:var(--ink);--shop-border-radius:12px;--shop-border-radius-sm:8px;--shop-border-radius-lg:16px;--shop-shadow:none;--shop-shadow-sm:none}
.shop-entry__title{font-family:var(--font-sans);font-weight:650;letter-spacing:-.04em}.mk-shop-badges{color:var(--ink-soft);border-color:var(--line)}
@media(prefers-color-scheme:dark){:root{--shop-color-primary-content:#182130}}
.mk-post-card,.mk-archive{box-shadow:none;border-color:var(--line);border-radius:12px;background:var(--paper-strong)}.mk-chip{background:var(--paper-strong);border-color:var(--line);border-radius:999px;color:var(--ink)}
.mk-search-form input,.mk-content input,.mk-content textarea{background:var(--paper-strong);color:var(--ink);border:1px solid var(--line);border-radius:8px}
.cq-shop-intro{padding-block:24px 42px}.cq-shop-intro h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em}.cq-shop-intro p{max-width:40em;color:var(--ink-soft)}
@media(prefers-color-scheme:dark){:root{--paper:#161a21;--paper-strong:#1e232d;--paper-warm:#29313e;--ink:#edf0f7;--ink-soft:#b6c0d0;--ink-faint:#a3afc2;--line:#3d4757;--line-dark:#3d4757;--blue:#a4b5ff;--blue-dark:#8ea5ff;--signal:#a4b5ff}.cq-button--primary,.mk-btn--primary,.cq-commerce .cq-button{color:#182130}.mk-brand__mark{background:#e8edf8}.cq-footer .cq-wordmark__mark{background:#e8edf8}.cq-button--paper{background:var(--paper-strong);color:var(--ink);border-color:var(--line)}.mk-skip-link{background:#a4b5ff;color:#182130}}
@media(max-width:1100px){.mk-header__inner{grid-template-columns:1fr auto;min-height:72px}.mk-header__actions{gap:20px}.mk-mobile-nav{inset:72px 0 0;background:var(--paper-strong);color:var(--ink)}.mk-mobile-nav a{font-family:var(--font-sans);font-size:28px}.cq-hero__grid{grid-template-columns:1fr 1fr;gap:20px}.cq-hero h1{font-size:clamp(38px,5.4vw,59px)}.cq-hero__lead{font-size:16px}.cq-now__grid{gap:40px}}
@media(max-width:767px){:root{--wrap:calc(100% - 40px)}.mk-header__inner{gap:12px;min-height:64px}.mk-header__account{font-size:12px}.mk-header__service{display:none}.mk-brand__mark{width:30px;height:30px}.mk-brand strong{font-size:15px}.mk-brand small{font-size:9px}.mk-mobile-nav{inset:64px 0 0}.cq-hero{padding-top:38px}.cq-hero__grid{display:flex;flex-direction:column;min-height:0;gap:24px}.cq-hero__copy{width:100%;padding:0}.cq-hero h1{font-size:clamp(38px,9.7vw,62px);line-height:1.23}.cq-hero__lead{font-size:16px;max-width:30em;margin-top:20px}.cq-hero .cq-kicker{margin-bottom:18px}.cq-actions{margin-top:24px;gap:24px}.cq-character{max-width:480px;align-self:center}.cq-character figcaption{padding-bottom:0}.cq-section,.cq-now{padding:64px 0}.cq-now{margin-top:0}.cq-now__grid,.cq-portfolio__grid{grid-template-columns:1fr;gap:30px}.cq-now__intro h2{max-width:16ch;font-size:32px}.cq-now__intro>p:last-child{margin-top:18px}.cq-section__header h2,.cq-portfolio h2,.cq-closing h2{font-size:32px}.cq-capability-grid{grid-template-columns:1fr;gap:0}.cq-method__steps{display:block}.cq-method__steps li{padding:24px 0}.cq-project{grid-template-columns:1fr auto;gap:10px}.cq-project p{grid-column:1/-1;grid-row:2}.cq-project h3{font-size:22px}.cq-product-grid{grid-template-columns:1fr;gap:20px}.cq-product-card--wide{grid-column:auto}.cq-product-card--wide a{display:block}.cq-product-card--wide .cq-product-card__body{padding-top:24px}.cq-product-card__body h3{font-size:24px}.cq-post-card a{grid-template-columns:1fr;gap:12px}.cq-post-card h3{font-size:24px}.cq-closing{padding:64px 0}.mk-page,.mk-article{padding-top:40px}.mk-page__head,.mk-article__head{margin-bottom:32px}.mk-content{font-size:16px}.cq-character__controls{bottom:14px}.cq-character__controls button{padding:0 13px}}
@media(max-width:767px){.cq-actions{flex-direction:row;align-items:center}.cq-character figcaption{font-size:11px}.cq-character__controls{gap:0}.cq-character__controls button{font-size:12px}.gw-brand h1{font-size:38px;line-height:1.25}}
@media(prefers-color-scheme:dark){.gw-body button[type="submit"],.gw-body .halo-form button{color:#182130}}
@media(prefers-reduced-motion:reduce){.cq-reveal{opacity:1!important;transform:none!important;transition:none!important}.cq-product-card:hover figure img{transform:none}.cq-character__canvas{transition:none}html{scroll-behavior:auto}}

/* Image layout contracts: keep generated art from changing the surrounding grid. */
.cq-registered{font-size:.5em;line-height:0;vertical-align:super;margin-inline:2px;font-weight:500;letter-spacing:0}
.cq-portfolio__visual{aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:var(--paper-strong)}
.cq-portfolio__visual img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:inherit;box-shadow:none}
.cq-product-card figure{aspect-ratio:1/1;overflow:hidden}
.cq-product-card figure img{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:contain;object-position:center}
.shop-product-card__image{aspect-ratio:1/1;overflow:hidden}
.shop-product-card__image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.mk-article__body img,.mk-content img{height:auto;object-fit:contain}
@media(max-width:900px) and (min-width:768px){.cq-portfolio__grid{grid-template-columns:1fr;gap:30px}.cq-portfolio__copy{max-width:42em}}
/* v253 approved wordmark is independent of installed fonts. */
.mk-brand,.cq-wordmark{gap:8px}
.mk-brand .cq-brand-wordmark,.cq-footer .cq-brand-wordmark{display:block;width:228px;height:76px;object-fit:contain;max-width:none;border-radius:0}
.mk-brand .mk-brand__mark,.cq-footer .cq-wordmark__mark{width:44px;height:44px;flex-shrink:0;background:transparent;border:0;border-radius:0}
@media(prefers-color-scheme:dark){.cq-brand-wordmark{filter:brightness(0) invert(1);opacity:.94}}
@media(max-width:767px){.mk-brand{gap:5px}.mk-brand .cq-brand-wordmark{width:180px;height:60px}.mk-brand .mk-brand__mark{width:30px;height:30px}}

/* v254 complete, responsive family wordmark. */
.cq-family-lockup{display:flex;flex-direction:column;gap:4px;color:var(--ink);white-space:nowrap;line-height:1.1}
.mk-brand .cq-family-lockup strong,.cq-footer .cq-family-lockup strong{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:27px;font-weight:900;letter-spacing:-1px}
.cq-family-lockup>span{font-size:13px;font-weight:650;letter-spacing:.08em}.cq-family-studio{margin-left:5px;color:var(--ink-soft)}
.cq-family-lockup>span:before{content:"";display:inline-block;width:5px;height:5px;background:var(--blue);border-radius:50%;margin-right:7px;vertical-align:middle}
.mk-brand:has(.cq-family-lockup){gap:12px;min-height:76px}.cq-footer .cq-family-lockup{white-space:normal}.cq-family-tagline{font-size:14px;color:var(--ink-soft);margin:-12px 0 24px;line-height:1.6}
@media(max-width:767px){.mk-brand:has(.cq-family-lockup){min-height:64px;gap:8px}.mk-brand .cq-family-lockup strong{font-size:22px}.cq-family-lockup>span{font-size:11px;letter-spacing:.04em}.cq-family-lockup{gap:3px}.cq-family-tagline{font-size:12px}}