/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5
 * macrostructure: Ecosystem Index (About hub) + focused Long Documents (brand topics) + Partnership Field Guide (Services) · tone: Oriental quality continuity with modern manufacturing precision · anchor hue: petal-pink
 * theme: locked EPHYON custom system · enrichment: owner-approved brand facts, transparent official mark, first-party certifications, responsibility photography and Jingjing · contrast: pass (40–41)
 * nav: centred brand axis · footer: dense corporate colophon · honest: pass (46) · chrome: pass (47) · tokens: pass (48) · mobile: pass (34,49–57)
 */
.about-page,.services-landing{overflow-x:clip;background:var(--color-paper);color:var(--color-ink)}
.page-kicker{margin:0;color:var(--color-blue-deep);font-size:var(--text-sm);font-weight:800;letter-spacing:.1em}
.about-hero{display:grid;gap:var(--space-5);align-items:center;padding:clamp(var(--space-6),10vw,var(--space-8)) clamp(var(--space-3),8vw,10rem) var(--space-7)}
.about-hero h1,.services-hero h1{max-width:9ch;margin:var(--space-3) 0;font:750 clamp(3.1rem,8vw,7.8rem)/.9 var(--font-display);letter-spacing:-.085em;overflow-wrap:anywhere}
.about-hero .lede,.services-hero .lede{max-width:48ch;font-size:var(--text-lg);line-height:1.55}.about-hero figure{margin:0}.about-hero img{display:block;width:100%;height:auto;border-radius:var(--radius-md)}.about-hero figcaption{margin-top:var(--space-2);color:var(--color-muted);font-size:var(--text-sm)}
.about-statement{display:grid;gap:var(--space-4);padding:var(--space-7) clamp(var(--space-3),13vw,16rem);background:var(--color-paper-2);color:var(--color-ink)}.about-statement p:first-child{margin:0;color:var(--color-pink-deep);font-size:var(--text-sm);font-weight:800;letter-spacing:.1em}.about-statement h2,.about-cta h2{max-width:19ch;margin:0;font:750 clamp(2.2rem,5vw,5.4rem)/.98 var(--font-display);letter-spacing:-.075em}.about-statement p:last-child{max-width:58ch;margin:0;font-size:var(--text-lg);line-height:1.65}
.about-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);padding:var(--space-2)}.about-gallery figure{min-width:0;margin:0;background:var(--color-paper-2)}.about-gallery img{display:block;width:100%;height:auto;aspect-ratio:6/5;object-fit:cover}
.about-principles{padding:var(--space-8) clamp(var(--space-3),8vw,10rem)}.about-principles ol{margin:var(--space-5) 0 0;padding:0;list-style:none;border-top:2px solid var(--color-ink)}.about-principles li{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-rule)}.about-principles li>span{color:var(--color-pink-deep);font:800 1.2rem/1 var(--font-display)}.about-principles h2{margin:0 0 var(--space-2);font:750 clamp(1.8rem,3vw,3.2rem)/1 var(--font-display);letter-spacing:-.06em}.about-principles p{max-width:55ch;margin:0;color:var(--color-ink-2);line-height:1.65}
.about-cta{padding:var(--space-7) clamp(var(--space-3),13vw,16rem);background:var(--color-ink);color:var(--color-paper)}.about-cta .page-kicker{color:var(--color-gold)}.about-cta .content-button{background:var(--color-gold);color:var(--color-ink)}
.services-hero{position:relative;isolation:isolate;display:grid;min-height:clamp(34rem,52vw,48rem);align-content:end;padding:var(--space-6) clamp(var(--space-3),8vw,10rem) var(--space-8);background:var(--color-paper-2);color:var(--color-paper);overflow:hidden}.services-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,color-mix(in oklch,var(--color-ink),transparent 10%) 0%,color-mix(in oklch,var(--color-ink),transparent 52%) 45%,color-mix(in oklch,var(--color-ink),transparent 88%) 100%)}.services-hero>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.services-hero .page-kicker{color:var(--color-gold)}.services-hero .lede{color:var(--color-paper)}
.services-workflow{padding:var(--space-7) clamp(var(--space-3),8vw,10rem)}.services-workflow>header{max-width:53rem;margin-bottom:var(--space-5)}.services-workflow h2{margin:var(--space-2) 0 0;font:750 clamp(2.4rem,5vw,5.6rem)/.95 var(--font-display);letter-spacing:-.08em}.service-stages{margin:0;padding:0;list-style:none;border-top:2px solid var(--color-ink)}.service-stages li{display:grid;gap:var(--space-3);padding:var(--space-5) 0;border-bottom:1px solid var(--color-rule)}.stage-number{font:800 clamp(2.7rem,5vw,5.5rem)/.8 var(--font-display);letter-spacing:-.09em;color:var(--color-pink-deep)}.service-stages h3{margin:0 0 var(--space-2);font:750 clamp(2rem,4vw,4.4rem)/.95 var(--font-display);letter-spacing:-.075em}.service-stages p{max-width:58ch;margin:0;color:var(--color-ink-2);line-height:1.65}.service-stages a{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-3);color:var(--color-blue-deep);font-weight:800;text-decoration:none;white-space:nowrap}.stage-icon{display:grid;place-items:center;align-self:start;width:6rem;height:6rem;border-radius:50%;background:var(--color-paper-2)}.stage-icon img{max-width:4.5rem;max-height:3.5rem;object-fit:contain}.services-cta{display:grid;gap:var(--space-4);padding:var(--space-7) clamp(var(--space-3),13vw,16rem);background:var(--color-paper-2);color:var(--color-ink)}.services-cta h2{max-width:15ch;margin:0;font:750 clamp(2.2rem,5vw,5.4rem)/.98 var(--font-display);letter-spacing:-.075em}.services-cta p{max-width:56ch;margin:0;font-size:var(--text-lg);line-height:1.6}
.service-stage-primary .stage-number{color:var(--color-gold-deep)}.service-stage-primary .stage-icon{background:var(--color-gold-soft)}
.about-page a:focus-visible,.services-landing a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.about-page a:active,.services-landing a:active{transform:translateY(1px)}@media (hover:hover) and (pointer:fine){.about-gallery figure{transition:transform var(--dur-base) var(--ease-out)}.about-gallery figure:hover{transform:translateY(-2px)}.service-stages a:hover{color:var(--color-pink-deep)}}@media (min-width:60rem){.about-hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(var(--space-6),9vw,12rem)}.service-stages li{grid-template-columns:7rem minmax(0,1fr) 8rem;align-items:start}.stage-icon{justify-self:end}.services-cta{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);align-items:end}}@media (prefers-reduced-motion:reduce){.about-gallery figure{transition:none}}@media (max-width:40rem){.content-nav nav{gap:var(--space-2)}.content-nav nav a{font-size:.72rem}.about-gallery{grid-template-columns:minmax(0,1fr)}.about-principles li{grid-template-columns:3rem minmax(0,1fr)}}

/* Owner-approved brand narrative system · 2026-07-31 */
.about-slogan{margin:var(--space-4) 0 0;color:var(--color-gold-deep);font:750 clamp(1.25rem,2.2vw,2rem)/1.15 var(--font-display)}
.about-hero>figure{position:relative;min-width:0;margin:0}.about-hero>figure img{display:block;width:100%;min-height:30rem;object-fit:cover}.about-hero>figure figcaption{position:absolute;right:var(--space-3);bottom:var(--space-3);padding:.65rem .85rem;background:var(--color-ink);color:var(--color-paper);font-size:var(--text-sm);font-weight:800}
.about-hero>figure img.about-hero-mascot{height:auto;min-height:0;aspect-ratio:1/1;object-fit:contain}
.about-proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--color-gold-line);background:var(--color-gold-soft)}.about-proof-strip>div{display:grid;gap:.45rem;padding:var(--space-5) clamp(var(--space-3),4vw,var(--space-5));border-right:1px solid var(--color-gold-line)}.about-proof-strip>div:last-child{border-right:0}.about-proof-strip strong{font:800 clamp(1.8rem,3.6vw,4rem)/.95 var(--font-display);letter-spacing:-.06em}.about-proof-strip span{color:var(--color-ink-2);font-size:var(--text-sm)}
.about-timeline,.about-advantages,.about-manufacturing,.about-certificates,.about-entities{padding:clamp(var(--space-6),10vw,var(--space-8)) clamp(var(--space-3),8vw,10rem)}.about-timeline>header,.about-advantages>header,.about-manufacturing>header,.about-certificates>header,.about-entities>header{max-width:62rem;margin-bottom:var(--space-6)}.about-timeline h2,.about-advantages h2,.about-manufacturing h2,.about-certificates h2,.about-entities h2,.about-mascot h2{max-width:15ch;margin:var(--space-2) 0;font:750 clamp(2.4rem,5vw,5.8rem)/.95 var(--font-display);letter-spacing:-.075em;overflow-wrap:anywhere}.about-timeline>ol{margin:0;padding:0;list-style:none;border-top:2px solid var(--color-ink)}.about-timeline li{display:grid;grid-template-columns:minmax(5rem,.24fr) minmax(0,1fr);gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-rule)}.about-timeline time{color:var(--color-pink-deep);font:800 clamp(1.5rem,3vw,3rem)/1 var(--font-display)}.about-timeline h3{margin:0 0 var(--space-2);font:750 clamp(1.35rem,2.3vw,2.2rem)/1.05 var(--font-display)}.about-timeline p{max-width:60ch;margin:0;color:var(--color-ink-2);line-height:1.7}
.about-advantages{background:var(--color-ink);color:var(--color-paper)}.about-advantages .page-kicker{color:var(--color-gold)}.about-advantages>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--color-gold)}.about-advantages article{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-5);border-right:1px solid color-mix(in oklch,var(--color-gold),transparent 45%)}.about-advantages article:last-child{border-right:0}.about-advantages article>span{color:var(--color-gold);font-weight:800}.about-advantages h3{margin:0;font:750 clamp(1.6rem,3vw,3rem)/1 var(--font-display)}.about-advantages p{margin:0;color:color-mix(in oklch,var(--color-paper),transparent 25%);line-height:1.7}.about-advantages strong{align-self:end;color:var(--color-gold);font-size:var(--text-sm);line-height:1.6}
.about-manufacturing>header>p:last-child,.about-certificates>header>p:last-child{max-width:62ch;color:var(--color-ink-2);line-height:1.7}.base-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.base-cards article{display:grid;grid-template-rows:minmax(18rem,30vw) auto;border:1px solid var(--color-gold-line);background:var(--color-paper)}.base-cards img{width:100%;height:100%;object-fit:cover}.base-cards div{padding:var(--space-4)}.base-cards h3{margin:0 0 var(--space-2);font:750 clamp(1.5rem,2.7vw,2.7rem)/1 var(--font-display)}.base-cards p{margin:0;color:var(--color-ink-2);line-height:1.7}
.about-mascot{display:grid;grid-template-columns:minmax(15rem,.75fr) minmax(0,1fr);gap:clamp(var(--space-4),8vw,var(--space-8));align-items:center;padding:clamp(var(--space-6),9vw,var(--space-8)) clamp(var(--space-3),8vw,10rem);background:var(--color-pink-soft)}.about-mascot img{width:100%;max-height:36rem;object-fit:contain}.about-mascot p:not(.page-kicker){max-width:62ch;color:var(--color-ink-2);line-height:1.75}
.about-certificates{background:var(--color-paper-2)}.certificate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.certificate-grid figure{display:grid;grid-template-rows:18rem auto;min-width:0;margin:0;border:1px solid var(--color-rule);background:var(--color-paper)}.certificate-grid img{width:100%;height:100%;padding:var(--space-3);object-fit:contain}.certificate-grid figcaption{display:grid;gap:.35rem;padding:var(--space-3);border-top:1px solid var(--color-rule)}.certificate-grid figcaption span{color:var(--color-pink-deep);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.certificate-grid figcaption strong{font-size:var(--text-sm);line-height:1.45}
.about-entities>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--color-ink)}.about-entities article{padding:var(--space-4);border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.about-entities article:nth-child(2n){border-right:0}.about-entities article>span{color:var(--color-pink-deep);font-size:var(--text-sm);font-weight:800}.about-entities h3{margin:var(--space-2) 0;font:750 clamp(1.3rem,2.4vw,2.2rem)/1.05 var(--font-display)}.about-entities address,.about-entities article>p{max-width:48ch;margin:0;color:var(--color-ink-2);font-style:normal;line-height:1.65}.about-references{margin:0;padding:var(--space-6) clamp(var(--space-3),8vw,10rem)}
@media(max-width:64rem){.about-proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.about-proof-strip>div:nth-child(2){border-right:0}.about-proof-strip>div:nth-child(-n+2){border-bottom:1px solid var(--color-gold-line)}.about-advantages>div{grid-template-columns:1fr}.about-advantages article{border-right:0;border-bottom:1px solid color-mix(in oklch,var(--color-gold),transparent 45%)}.certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:48rem){.about-hero>figure img{min-height:22rem}.base-cards,.about-mascot,.about-entities>div{grid-template-columns:minmax(0,1fr)}.about-entities article,.about-entities article:nth-child(2n){border-right:0}.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-grid figure{grid-template-rows:15rem auto}}
@media(max-width:30rem){.about-proof-strip{grid-template-columns:minmax(0,1fr)}.about-proof-strip>div{border-right:0;border-bottom:1px solid var(--color-gold-line)}.about-timeline li{grid-template-columns:4.5rem minmax(0,1fr)}.certificate-grid{grid-template-columns:minmax(0,1fr)}}

/* Partnership field guide · brand building + service system · 2026-07-31 */
.service-promise,.service-routes,.service-journey,.service-guarantees,.service-cases,.brand-service-thesis,.brand-framework,.brand-support,.brand-cases,.brand-service-faq,.brand-service-cta{padding:clamp(var(--space-6),9vw,var(--space-8)) clamp(var(--space-3),8vw,10rem)}
.service-promise{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);align-items:start;background:var(--color-gold-soft);border-block:1px solid var(--color-gold-line)}
.service-promise>p:first-child{margin:0;color:var(--color-gold-deep);font-size:var(--text-sm);font-weight:800;letter-spacing:.1em}
.service-promise h2,.service-routes h2,.service-journey h2,.service-guarantees h2,.service-cases h2,.brand-service-thesis h2,.brand-framework h2,.brand-support h2,.brand-cases h2,.brand-service-faq h2,.brand-service-cta h2{margin:0;font:750 clamp(2.4rem,5vw,5.7rem)/.96 var(--font-display);letter-spacing:-.075em;overflow-wrap:anywhere}
.service-promise h2{max-width:15ch}.service-promise>p:last-child{max-width:58ch;margin:0;color:var(--color-ink-2);font-size:var(--text-lg);line-height:1.7}
.service-routes>header,.service-journey>header,.service-guarantees>header,.service-cases>header,.brand-framework>header,.brand-support>header,.brand-cases>header,.brand-service-faq>header{max-width:62rem;margin-bottom:var(--space-6)}
.service-routes>header h2{max-width:17ch}.service-routes>div{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);border-top:2px solid var(--color-ink)}
.service-route{display:grid;align-content:start;min-height:25rem;padding:var(--space-5);border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule);background:var(--color-paper)}
.service-route:nth-child(2n){border-right:0}.service-route>p:first-child{margin:0 0 auto;color:var(--color-pink-deep);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.service-route h3{max-width:13ch;margin:var(--space-5) 0 var(--space-3);font:750 clamp(2.2rem,4.5vw,5rem)/.94 var(--font-display);letter-spacing:-.075em;overflow-wrap:anywhere}.service-route>p:not(:first-child){max-width:52ch;margin:0;color:var(--color-ink-2);line-height:1.7}.service-route a{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--space-4);color:var(--color-blue-deep);font-weight:800;text-decoration:none;white-space:nowrap}
.service-route-svc_obm{min-height:33rem;background:var(--color-pink-soft)}.service-route-svc_obm>p:first-child,.service-route-svc_distributor>p:first-child{color:var(--color-gold-deep)}.service-route-svc_distributor{background:var(--color-gold-soft)}
.service-journey{background:var(--color-ink);color:var(--color-paper)}.service-journey>header h2{max-width:17ch}.service-journey ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--color-gold)}.service-journey li{display:grid;grid-template-columns:5.5rem 4rem minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-4) 0;border-bottom:1px solid color-mix(in oklch,var(--color-paper),transparent 75%)}.service-journey li>img{width:4.5rem;height:3.5rem;object-fit:contain;filter:saturate(.85)}.service-journey li>span{color:var(--color-gold);font:800 1rem/1 var(--font-display)}.service-journey h3{margin:0 0 .45rem;font:700 clamp(1.4rem,2.4vw,2.4rem)/1 var(--font-display)}.service-journey li p{max-width:60ch;margin:0;color:color-mix(in oklch,var(--color-paper),transparent 28%);line-height:1.7}
.service-guarantees>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr);gap:var(--space-5);align-items:end}.service-guarantees>header h2{max-width:15ch}.service-guarantees>header p{margin:0;color:var(--color-ink-2);line-height:1.7}.service-guarantees>div,.brand-support>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--color-ink)}.service-guarantees article,.brand-support article{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:var(--space-2) var(--space-3);padding:var(--space-4);border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.service-guarantees article:nth-child(2n),.brand-support article:nth-child(2n){border-right:0}.service-guarantees article>span,.brand-support article>span{grid-row:1/3;color:var(--color-gold-deep);font-weight:800}.service-guarantees h3,.brand-support h3{margin:0;font:700 clamp(1.35rem,2.3vw,2.2rem)/1.05 var(--font-display)}.service-guarantees article p,.brand-support article p{margin:0;color:var(--color-ink-2);line-height:1.7}
.service-cases,.brand-cases{background:var(--color-paper-2)}.service-cases>header h2,.brand-cases>header h2{max-width:16ch}.service-cases>div,.brand-cases>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--color-ink)}.service-cases article,.brand-cases article{display:grid;align-content:start;min-width:0;padding:var(--space-4);border-right:1px solid var(--color-rule)}.service-cases article:last-child,.brand-cases article:last-child{border-right:0}.service-cases article>span,.brand-cases article>span{color:var(--color-pink-deep);font-weight:800}.service-cases h3,.brand-cases h3{margin:var(--space-4) 0 var(--space-2);font:700 clamp(1.45rem,2.8vw,2.65rem)/1.04 var(--font-display)}.service-cases article p,.brand-cases article p{margin:0;color:var(--color-ink-2);line-height:1.72}
.service-detail-image{display:block;width:100%;height:100%;min-height:26rem;object-fit:cover}
.brand-service-page{overflow-x:clip;background:var(--color-paper);color:var(--color-ink)}
.brand-service-hero{position:relative;isolation:isolate;display:grid;min-height:clamp(38rem,60vw,55rem);align-content:end;padding:var(--space-7) clamp(var(--space-3),8vw,10rem) var(--space-8);overflow:hidden;color:var(--color-paper)}.brand-service-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(92deg,color-mix(in oklch,var(--color-ink),transparent 6%) 0%,color-mix(in oklch,var(--color-ink),transparent 32%) 48%,color-mix(in oklch,var(--color-ink),transparent 92%) 100%)}.brand-service-hero>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.brand-service-hero>div{max-width:58rem}.brand-service-hero .page-kicker{color:var(--color-gold)}.brand-service-hero h1{max-width:12ch;margin:var(--space-3) 0;font:750 clamp(3.2rem,7.5vw,8rem)/.9 var(--font-display);letter-spacing:-.085em;overflow-wrap:anywhere}.brand-service-hero .lede{max-width:47ch;color:var(--color-paper);font-size:var(--text-lg);line-height:1.65}.brand-service-hero .content-button{background:var(--color-gold);color:var(--color-ink)}
.brand-service-thesis{display:grid;grid-template-columns:minmax(13rem,.5fr) minmax(0,1fr);gap:clamp(var(--space-5),10vw,12rem);align-items:center}.brand-service-thesis>img{width:100%;max-width:25rem;aspect-ratio:1;object-fit:contain}.brand-service-thesis h2{max-width:15ch;margin:var(--space-2) 0 var(--space-4)}.brand-service-thesis div>p:last-child{max-width:58ch;margin:0;color:var(--color-ink-2);font-size:var(--text-lg);line-height:1.75}
.brand-framework{background:var(--color-pink-soft)}.brand-framework>header{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(16rem,.55fr);gap:clamp(var(--space-4),5vw,var(--space-6));align-items:end;margin-bottom:var(--space-5)}.brand-framework>header h2{width:100%;max-width:none;min-width:0;font-size:clamp(2.25rem,3.8vw,4.5rem);line-height:1.05}.brand-framework>header p{max-width:36ch;margin:0;color:var(--color-ink-2);line-height:1.75}.brand-framework ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:2px solid var(--color-ink)}.brand-framework li{display:grid;grid-template-columns:3rem 5.5rem minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-4);border-right:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.brand-framework li:nth-child(2n){border-right:0}.brand-framework li>span{color:var(--color-gold-deep);font-weight:800}.brand-framework li>img{width:4.5rem;height:3.5rem;object-fit:contain}.brand-framework h3{margin:0 0 .5rem;font:700 clamp(1.4rem,2.5vw,2.45rem)/1 var(--font-display)}.brand-framework li p{margin:0;color:var(--color-ink-2);line-height:1.7}
.brand-service-scenes{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1fr);padding:var(--space-2);gap:var(--space-2);background:var(--color-paper-2)}.brand-service-scenes figure{display:grid;grid-template-rows:minmax(24rem,38vw) auto;min-width:0;margin:0;background:var(--color-paper)}.brand-service-scenes figure:nth-child(2){grid-template-rows:minmax(18rem,30vw) auto;align-self:end}.brand-service-scenes img{width:100%;height:100%;object-fit:cover}.brand-service-scenes figcaption{display:grid;gap:.4rem;padding:var(--space-3)}.brand-service-scenes figcaption strong{font:700 clamp(1.3rem,2.4vw,2.2rem)/1 var(--font-display)}.brand-service-scenes figcaption span{color:var(--color-ink-2);line-height:1.6}
.brand-support{background:var(--color-ink);color:var(--color-paper)}.brand-support>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr);gap:var(--space-5);align-items:end}.brand-support>header h2{max-width:17ch}.brand-support>header p{margin:0;color:color-mix(in oklch,var(--color-paper),transparent 28%);line-height:1.7}.brand-support>div{border-color:var(--color-gold)}.brand-support article{border-color:color-mix(in oklch,var(--color-paper),transparent 76%)}.brand-support article>span{color:var(--color-gold)}.brand-support article p{color:color-mix(in oklch,var(--color-paper),transparent 28%)}
.brand-service-faq>header h2{max-width:15ch}.brand-service-faq>div{border-top:2px solid var(--color-ink)}.brand-service-faq details{border-bottom:1px solid var(--color-rule)}.brand-service-faq summary{min-height:64px;padding:var(--space-3) 0;font-size:var(--text-lg);font-weight:750;cursor:pointer}.brand-service-faq details p{max-width:62ch;margin:0;padding:0 0 var(--space-4);color:var(--color-ink-2);line-height:1.75}
.brand-service-page>.brand-service-faq{display:none}
.brand-service-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-5);align-items:end;background:var(--color-gold-soft);border-block:1px solid var(--color-gold-line)}.brand-service-cta h2{max-width:16ch}.brand-service-cta p{max-width:55ch;margin:var(--space-3) 0 0;color:var(--color-ink-2);line-height:1.7}.brand-service-cta .content-button{background:var(--color-ink);color:var(--color-paper)}
.brand-service-page a:focus-visible,.brand-service-page summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}

/* Hallmark · service knowledge distribution: compact process, page-specific cases and search-intent FAQs. */
.manufacturing-process,.service-case-links{padding:var(--space-6) 0;border-top:1px solid var(--color-rule)}
.service-case-links{padding-inline:0}
.manufacturing-process>header,.service-case-links>header{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);max-width:62rem;margin-bottom:var(--space-5)}
.manufacturing-process>header .page-kicker,.service-case-links>header .page-kicker{margin:0;color:var(--color-gold-deep)}
.manufacturing-process h2,.service-case-links h2{max-width:16ch;margin:0;font:750 clamp(2rem,3.8vw,4rem)/1 var(--font-display);letter-spacing:-.06em;overflow-wrap:anywhere}
.manufacturing-process>header>p:last-child,.service-case-links>header>p:last-child{max-width:55ch;margin:0;color:var(--color-ink-2);line-height:1.75}
.manufacturing-process ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:2px solid var(--color-ink)}
.manufacturing-process li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-3);min-width:0;padding:var(--space-4) var(--space-4) var(--space-4) 0;border-bottom:1px solid var(--color-rule)}
.manufacturing-process li:nth-child(2n){padding-right:0;padding-left:var(--space-4);border-left:1px solid var(--color-rule)}
.manufacturing-process li>span{color:var(--color-gold-deep);font-size:var(--text-sm);font-weight:800}
.manufacturing-process h3{margin:0 0 var(--space-2);font:700 clamp(1.2rem,1.8vw,1.65rem)/1.2 var(--font-display)}
.manufacturing-process li p{max-width:58ch;margin:0;color:var(--color-ink-2);font-size:var(--text-sm);line-height:1.7}
.service-case-links>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));border-top:2px solid var(--color-ink)}
.service-case-links a{display:grid;align-content:start;min-width:0;padding:var(--space-4);border-right:1px solid var(--color-rule);color:var(--color-ink);text-decoration:none}
.service-case-links a:first-child:not(:last-child){padding-inline-start:0}.service-case-links a:last-child:not(:first-child){padding-inline-end:0}.service-case-links a:last-child{border-right:0}.service-case-links a:only-child{padding-inline:var(--space-4)}
.service-case-links a>span{color:var(--color-gold-deep);font-size:var(--text-sm);font-weight:800;letter-spacing:.08em}
.service-case-links h3{max-width:22ch;margin:var(--space-3) 0 var(--space-2);font:700 clamp(1.45rem,2.4vw,2.35rem)/1.12 var(--font-display);letter-spacing:-.035em}
.service-case-links a p{max-width:52ch;margin:0 0 var(--space-3);color:var(--color-ink-2);line-height:1.7}
.service-case-links a b{margin-top:auto;color:var(--color-blue-deep);font-size:var(--text-sm)}
.service-faq-index>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(var(--space-4),7vw,var(--space-7));border-top:2px solid var(--color-ink)}
.service-faq-index details{min-width:0}.service-faq-index summary{line-height:1.55}.service-faq-index details p{color:var(--color-ink-2);line-height:1.75}
.service-page a:focus-visible,.service-page summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
html[lang^="zh"] .manufacturing-process h2,html[lang^="zh"] .service-case-links h2,html[lang^="zh"] .manufacturing-process h3,html[lang^="zh"] .service-case-links h3{font-family:var(--font-zh);font-weight:700;letter-spacing:var(--letter-zh-heading)}
@media(hover:hover) and (pointer:fine){.service-case-links a h3{transition:color var(--dur-fast) var(--ease-out)}.service-case-links a:hover h3{color:var(--color-pink-deep)}}
@media(max-width:48rem){.manufacturing-process ol,.service-faq-index>div{grid-template-columns:minmax(0,1fr)}.manufacturing-process li,.manufacturing-process li:nth-child(2n){padding:var(--space-4) 0;border-left:0}.service-case-links a,.service-case-links a:first-child,.service-case-links a:last-child{padding-block:var(--space-4);padding-inline:var(--space-3);border-right:0;border-bottom:1px solid var(--color-rule)}.service-case-links a:last-child{border-bottom:0}}

/* Hallmark · component: compact case link · genre: editorial · theme: locked EPHYON custom
 * states: default · hover · focus · active · disabled(n/a) · loading(n/a) · error(n/a) · success(n/a)
 * pre-emit critique: P5 H5 E5 S5 R5 V4 · contrast: pass
 * A single brand-building case should read as one concise editorial entry, not a second full page.
 */
.service-case-links.is-compact{display:grid;grid-template-columns:minmax(15rem,.72fr) minmax(0,1.28fr);gap:clamp(var(--space-4),5vw,var(--space-7));align-items:center;padding:var(--space-5) clamp(var(--space-3),8vw,10rem)}
.service-case-links.is-compact>header{align-content:start;margin:0}
.service-case-links.is-compact h2{max-width:13ch;font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.05}
.service-case-links.is-compact>div{border-top:0;border-left:2px solid var(--color-ink)}
.service-case-links.is-compact a:only-child{min-height:0;padding:var(--space-3) var(--space-4)}
.service-case-links.is-compact h3{max-width:25ch;margin:var(--space-2) 0;font-size:clamp(1.25rem,1.8vw,1.8rem)}
.service-case-links.is-compact a p{margin-bottom:var(--space-2);line-height:1.55}
@media(max-width:48rem){.service-case-links.is-compact{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.service-case-links.is-compact>div{border-top:2px solid var(--color-ink);border-left:0}.service-case-links.is-compact a:only-child{padding-inline:0}}

/* Chinese is composed as Chinese: shorter measure, calmer weight and open leading. */
html[lang^="zh"] body{font-family:var(--font-zh);line-height:1.8}
html[lang^="zh"] .services-hero h1,html[lang^="zh"] .service-promise h2,html[lang^="zh"] .service-routes h2,html[lang^="zh"] .service-journey h2,html[lang^="zh"] .service-guarantees h2,html[lang^="zh"] .service-cases h2,html[lang^="zh"] .brand-service-hero h1,html[lang^="zh"] .brand-service-thesis h2,html[lang^="zh"] .brand-framework h2,html[lang^="zh"] .brand-support h2,html[lang^="zh"] .brand-cases h2,html[lang^="zh"] .brand-service-faq h2,html[lang^="zh"] .brand-service-cta h2{font-family:var(--font-zh);font-weight:700;line-height:1.15;letter-spacing:.01em}
html[lang^="zh"] .services-hero h1{max-width:12em;font-size:clamp(2.8rem,5.5vw,6.2rem)}
html[lang^="zh"] .brand-service-hero h1{max-width:10em;font-size:clamp(3rem,6.5vw,7rem)}
html[lang^="zh"] .service-promise h2,html[lang^="zh"] .service-routes h2,html[lang^="zh"] .service-journey h2,html[lang^="zh"] .service-guarantees h2,html[lang^="zh"] .service-cases h2,html[lang^="zh"] .brand-service-thesis h2,html[lang^="zh"] .brand-framework h2,html[lang^="zh"] .brand-support h2,html[lang^="zh"] .brand-cases h2,html[lang^="zh"] .brand-service-faq h2,html[lang^="zh"] .brand-service-cta h2{max-width:16em;font-size:clamp(2.1rem,4.2vw,4.8rem)}
html[lang^="zh"] .brand-framework>header h2{width:100%;max-width:none;font-size:clamp(2.15rem,3.55vw,4.2rem);line-height:1.16}
html[lang^="zh"] .service-route h3,html[lang^="zh"] .service-journey h3,html[lang^="zh"] .service-guarantees h3,html[lang^="zh"] .service-cases h3,html[lang^="zh"] .brand-framework h3,html[lang^="zh"] .brand-support h3,html[lang^="zh"] .brand-cases h3{font-family:var(--font-zh);font-weight:700;line-height:1.3;letter-spacing:.01em}
html[lang^="zh"] .service-route h3{max-width:9em;font-size:clamp(1.9rem,3.6vw,4rem)}
html[lang^="zh"] .services-landing p,html[lang^="zh"] .brand-service-page p{max-width:45ch;line-height:1.9}
html[lang^="zh"] .page-kicker,html[lang^="zh"] .service-promise>p:first-child,html[lang^="zh"] .service-route>p:first-child{letter-spacing:.08em;text-transform:none}

@media(max-width:64rem){
  .service-promise,.service-guarantees>header,.brand-framework>header,.brand-support>header{grid-template-columns:minmax(0,1fr)}
  .brand-framework>header{gap:var(--space-3)}.brand-framework>header p{max-width:42ch}
  .service-routes>div{grid-template-columns:minmax(0,1fr)}
  .service-route,.service-route-svc_obm{min-height:22rem;border-right:0}.service-guarantees>div,.brand-support>div{grid-template-columns:minmax(0,1fr)}
  .service-guarantees article,.service-guarantees article:nth-child(2n),.brand-support article,.brand-support article:nth-child(2n){border-right:0}
  .brand-service-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-service-scenes figure:last-child{grid-column:1/-1}.brand-service-cta{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:48rem){
  .service-journey li{grid-template-columns:3.8rem 2.5rem minmax(0,1fr)}.service-journey li>img{width:3.2rem;height:2.6rem}
  .service-cases>div,.brand-cases>div,.brand-framework ol,.brand-service-scenes{grid-template-columns:minmax(0,1fr)}
  .service-cases article,.brand-cases article{border-right:0;border-bottom:1px solid var(--color-rule)}
  .brand-service-thesis{grid-template-columns:minmax(0,1fr)}.brand-service-thesis>img{max-width:16rem}
  .brand-framework li,.brand-framework li:nth-child(2n){grid-template-columns:2.4rem 4rem minmax(0,1fr);border-right:0}.brand-framework li>img{width:3.5rem;height:2.8rem}
  .brand-service-scenes figure,.brand-service-scenes figure:nth-child(2){grid-template-rows:minmax(18rem,75vw) auto}.brand-service-scenes figure:last-child{grid-column:auto}
}
@media(max-width:30rem){
  html[lang^="zh"] .brand-framework>header h2{font-size:1.9rem}
  .service-journey li{grid-template-columns:3rem minmax(0,1fr)}.service-journey li>img{display:none}.service-journey li>span{grid-row:1/3}
  .service-guarantees article,.brand-support article{grid-template-columns:2.4rem minmax(0,1fr)}
  .brand-framework li,.brand-framework li:nth-child(2n){grid-template-columns:2.2rem minmax(0,1fr)}.brand-framework li>img{display:none}
}

/* Hallmark · Ecosystem Index · About hub + focused brand topic pages · 2026-07-31 */
.about-topic-index{padding:clamp(var(--space-6),9vw,var(--space-8)) clamp(var(--space-3),8vw,10rem);background:var(--color-paper-2)}
.about-topic-index>header{max-width:64rem;margin-bottom:var(--space-6)}.about-topic-index h2,.responsibility-manifesto h2,.responsibility-direction h2{max-width:17ch;margin:var(--space-2) 0;font:750 clamp(2.5rem,5.4vw,6rem)/.96 var(--font-display);letter-spacing:-.075em;overflow-wrap:anywhere}
.about-topic-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-3);min-width:0}.about-topic{position:relative;isolation:isolate;display:grid;align-content:end;min-width:0;min-height:24rem;padding:var(--space-4);overflow:hidden;border:1px solid var(--color-gold-line);color:var(--color-ink);text-decoration:none}.about-topic>span{position:absolute;z-index:3;top:var(--space-4);left:var(--space-4);color:var(--color-gold-deep);font-size:.7rem;font-weight:800;letter-spacing:.1em}.about-topic strong{position:relative;z-index:2;max-width:15ch;margin:var(--space-4) 0 var(--space-2);font:750 clamp(1.8rem,3vw,3.2rem)/1 var(--font-display);letter-spacing:-.055em}.about-topic p{position:relative;z-index:2;max-width:45ch;margin:0;color:var(--color-ink-2);line-height:1.65}.about-topic em{position:relative;z-index:2;margin-top:var(--space-3);font-style:normal;font-weight:800}
.about-topic-story{grid-row:span 2;min-height:52rem;background:linear-gradient(150deg,var(--color-pink-soft),var(--color-paper) 64%)}.about-topic-story>img{position:absolute;top:2rem;right:-1rem;width:min(68%,27rem);height:auto;object-fit:contain}.about-topic-responsibility{color:var(--color-paper);background:var(--color-ink)}.about-topic-responsibility::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,color-mix(in oklch,var(--color-ink),transparent 92%),color-mix(in oklch,var(--color-ink),transparent 0%) 84%)}.about-topic-responsibility>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.about-topic-responsibility>span,.about-topic-responsibility em{color:var(--color-gold)}.about-topic-certifications{background:var(--color-gold-soft)}.topic-certificate-stack{position:absolute;top:3.8rem;right:1.4rem;width:13rem;height:15rem}.topic-certificate-stack img{position:absolute;width:8.5rem;height:11.5rem;padding:.6rem;border:1px solid var(--color-gold-line);background:var(--color-paper);object-fit:contain;box-shadow:0 1rem 2rem color-mix(in oklch,var(--color-ink),transparent 86%)}.topic-certificate-stack img:first-child{left:0;top:1rem;transform:rotate(-7deg)}.topic-certificate-stack img:last-child{right:0;top:0;transform:rotate(6deg)}
.about-topic:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media(hover:hover) and (pointer:fine){.about-topic{transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.about-topic:hover{transform:translateY(-3px);border-color:var(--color-gold-deep)}}
.topic-page{overflow-x:clip}.topic-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);gap:clamp(var(--space-5),9vw,11rem);align-items:center;min-height:clamp(38rem,68vw,58rem);padding:clamp(var(--space-6),10vw,var(--space-8)) clamp(var(--space-3),8vw,10rem);background:var(--color-paper-2)}.topic-hero h1{max-width:11ch;margin:var(--space-3) 0;font:750 clamp(3.2rem,7.3vw,8rem)/.91 var(--font-display);letter-spacing:-.085em;overflow-wrap:anywhere}.topic-hero .lede{max-width:52ch;color:var(--color-ink-2);font-size:var(--text-lg);line-height:1.7}.story-hero{background:linear-gradient(125deg,var(--color-pink-soft),var(--color-paper) 68%)}.story-hero>img{width:100%;max-width:32rem;height:auto;justify-self:center;filter:drop-shadow(0 1.5rem 2.5rem color-mix(in oklch,var(--color-pink-deep),transparent 80%))}
.responsibility-hero{color:var(--color-paper);background:var(--color-ink)}.responsibility-hero .page-kicker{color:var(--color-gold)}.responsibility-hero .lede{color:color-mix(in oklch,var(--color-paper),transparent 20%)}.responsibility-hero>img{width:100%;min-height:29rem;object-fit:cover}.responsibility-manifesto{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.05fr);gap:clamp(var(--space-5),10vw,12rem);padding:clamp(var(--space-6),9vw,var(--space-8)) clamp(var(--space-3),8vw,10rem);background:var(--color-gold-soft)}.responsibility-manifesto .page-kicker{grid-column:1/-1}.responsibility-manifesto h2{margin:0}.responsibility-manifesto>p:last-child{max-width:56ch;margin:0;color:var(--color-ink-2);font-size:var(--text-lg);line-height:1.8}
.responsibility-records{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-3);padding:var(--space-3);background:var(--color-paper-2)}.responsibility-records figure{display:grid;grid-template-rows:minmax(22rem,34vw) auto;grid-column:span 7;min-width:0;margin:0;background:var(--color-paper)}.responsibility-records figure:nth-child(2),.responsibility-records figure:nth-child(3){grid-column:span 5}.responsibility-records figure:nth-child(3){align-self:end}.responsibility-records figure:nth-child(4){grid-column:span 7}.responsibility-records img{width:100%;height:100%;object-fit:cover}.responsibility-records figcaption{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.45rem var(--space-2);padding:var(--space-4)}.responsibility-records figcaption span{grid-row:1/3;color:var(--color-gold-deep);font-weight:800}.responsibility-records figcaption strong{font:700 clamp(1.35rem,2.5vw,2.3rem)/1.1 var(--font-display)}.responsibility-records figcaption p{max-width:48ch;margin:0;color:var(--color-ink-2);line-height:1.65}.responsibility-direction{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.65fr);gap:clamp(var(--space-5),10vw,12rem);align-items:end;padding:clamp(var(--space-6),9vw,var(--space-8)) clamp(var(--space-3),8vw,10rem);background:var(--color-pink-soft)}.responsibility-direction h2{margin-top:var(--space-2)}.responsibility-direction>p{max-width:55ch;margin:0;color:var(--color-ink-2);font-size:var(--text-lg);line-height:1.8}
.certification-hero{grid-template-columns:minmax(0,65fr) minmax(0,35fr);gap:0;align-items:stretch;min-height:clamp(34rem,54vw,48rem);padding:0;background:var(--color-certification-paper)}.certification-hero>div:first-child{display:grid;min-width:0;align-content:center;padding:clamp(var(--space-6),8vw,var(--space-8)) clamp(var(--space-5),8vw,10rem)}.certification-hero h1{max-width:10ch;font-size:clamp(2.75rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.055em}.certification-hero-stack{position:relative;width:100%;min-height:0;overflow:hidden;background:var(--color-certification-paper)}.certification-hero-stack::before{content:none}.certification-hero-stack .certification-hero-collage{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:var(--color-certification-paper);object-fit:cover;object-position:center;box-shadow:none}.certification-note{display:grid;grid-template-columns:minmax(8rem,.3fr) minmax(0,1fr);gap:var(--space-4);padding:var(--space-5) clamp(var(--space-3),8vw,10rem);border-block:1px solid var(--color-gold-line);background:var(--color-paper)}.certification-note strong{color:var(--color-gold-deep);font-size:var(--text-sm)}.certification-note p{max-width:70ch;margin:0;color:var(--color-ink-2);line-height:1.75}.certification-page .about-certificates{background:var(--color-paper-2)}
.topic-next{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) clamp(var(--space-3),8vw,10rem);border-top:1px solid var(--color-rule);background:var(--color-ink)}.topic-next a{display:inline-flex;min-height:44px;align-items:center;color:var(--color-paper);font-weight:800;text-underline-offset:5px}.topic-next a:first-child{color:var(--color-gold)}
html[lang^="zh"] .about-topic-index h2,html[lang^="zh"] .about-topic strong,html[lang^="zh"] .topic-hero h1,html[lang^="zh"] .responsibility-manifesto h2,html[lang^="zh"] .responsibility-direction h2,html[lang^="zh"] .responsibility-records figcaption strong{font-family:var(--font-zh);font-weight:700;line-height:1.18;letter-spacing:.01em}html[lang^="zh"] .topic-hero h1{max-width:9em;font-size:clamp(3rem,6.5vw,7rem)}html[lang^="zh"] .certification-hero h1{max-width:10em;font-size:clamp(2.75rem,5vw,4.5rem);line-height:1.12}html[lang^="zh"] .about-topic-index h2,html[lang^="zh"] .responsibility-manifesto h2,html[lang^="zh"] .responsibility-direction h2{max-width:15em}html[lang^="zh"] .topic-page p,html[lang^="zh"] .about-topic-index p{line-height:1.9}
@media(max-width:64rem){.about-topic-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.about-topic-story{min-height:46rem}.topic-hero{grid-template-columns:minmax(0,1fr)}.certification-hero{grid-template-columns:minmax(0,65fr) minmax(0,35fr)}.story-hero>img{max-width:22rem}.responsibility-hero>img{min-height:24rem}.responsibility-manifesto,.responsibility-direction{grid-template-columns:minmax(0,1fr)}.responsibility-manifesto .page-kicker{grid-column:1}.certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:48rem){.about-topic-grid{grid-template-columns:minmax(0,1fr)}.about-topic-story{grid-row:auto;min-height:38rem}.about-topic{min-height:24rem}.topic-hero{min-height:auto}.certification-hero{grid-template-columns:minmax(0,1fr)}.certification-hero>div:first-child{padding:var(--space-7) var(--space-4) var(--space-6)}.certification-hero-stack{min-height:0;aspect-ratio:4/3}.responsibility-records{grid-template-columns:minmax(0,1fr)}.responsibility-records figure,.responsibility-records figure:nth-child(2),.responsibility-records figure:nth-child(3),.responsibility-records figure:nth-child(4){grid-column:1;grid-template-rows:minmax(19rem,72vw) auto}.certification-note{grid-template-columns:minmax(0,1fr)}.topic-next{flex-direction:column}.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:30rem){.about-topic-story{min-height:34rem}.about-topic-story>img{width:76%;right:-1.5rem}.certification-hero-stack{aspect-ratio:3/4}.certificate-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.about-topic{transition:none}}

/* Certificate gallery · compact, continuous and hover-slowed. */
.certificate-carousel{overflow:hidden;touch-action:pan-y}.certificate-carousel:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.certificate-carousel-viewport{position:relative;min-width:0;height:25rem;overflow:hidden}.certificate-carousel .certificate-grid{display:flex;width:max-content;min-width:0;height:100%;will-change:transform}.certificate-carousel-set{display:flex;align-items:flex-start;gap:var(--space-3);padding-right:var(--space-3)}.certificate-carousel .certificate-grid figure{display:block;flex:0 0 clamp(11.75rem,17vw,14.75rem);width:clamp(11.75rem,17vw,14.75rem);aspect-ratio:620/877;margin:0;overflow:hidden;border:1px solid var(--color-rule);background:var(--color-paper);user-select:none}.certificate-carousel .certificate-grid img{display:block;width:100%;height:100%;padding:var(--space-2);object-fit:contain}.certificate-carousel .certificate-grid figure:first-child{border-color:var(--color-gold-line)}
@media(max-width:48rem){.certificate-carousel-viewport{height:22rem}.certificate-carousel .certificate-grid figure{flex-basis:11.25rem;width:11.25rem}}
@media(prefers-reduced-motion:reduce){.certificate-carousel-viewport{overflow-x:auto}.certificate-carousel .certificate-grid{transform:none!important;will-change:auto}.certificate-carousel-set[aria-hidden="true"]{display:none}}

/* Hallmark · layout calibration: one lead brand scene, two supporting scenes, restrained four-across responsibility record. */
.brand-service-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);padding:var(--space-4)}
.brand-service-scenes figure,.brand-service-scenes figure:nth-child(2){grid-template-rows:minmax(20rem,28vw) auto;align-self:stretch}
.brand-service-scenes figure:first-child{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);grid-template-rows:minmax(26rem,34vw);grid-column:1/-1}
.brand-service-scenes figure:first-child img{grid-column:2;grid-row:1}
.brand-service-scenes figure:first-child figcaption{grid-column:1;grid-row:1;align-content:center;padding:var(--space-6)}
.brand-service-scenes figure:last-child{grid-column:auto}

.responsibility-records{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(var(--space-3),3vw,var(--space-5));padding:var(--space-5) clamp(var(--space-3),5vw,var(--space-6));background:var(--color-paper)}
.responsibility-records figure,.responsibility-records figure:nth-child(2),.responsibility-records figure:nth-child(3),.responsibility-records figure:nth-child(4){display:grid;grid-template-rows:auto auto;grid-column:auto;align-self:start;background:transparent}
.responsibility-records img{height:auto;aspect-ratio:10/7;object-fit:cover;opacity:.88}
.responsibility-records figcaption{grid-template-columns:2rem minmax(0,1fr);gap:var(--space-2);padding:var(--space-3) 0 0}
.responsibility-records figcaption span{grid-row:1/3;color:var(--color-muted);font-size:var(--text-sm)}
.responsibility-records figcaption strong{font:700 clamp(1rem,1.25vw,1.25rem)/1.25 var(--font-display)}
.responsibility-records figcaption p{font-size:var(--text-sm);line-height:1.6}

@media(max-width:64rem){.responsibility-records{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:48rem){.brand-service-scenes{grid-template-columns:minmax(0,1fr)}.brand-service-scenes figure,.brand-service-scenes figure:nth-child(2),.brand-service-scenes figure:first-child{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(18rem,75vw) auto;grid-column:1}.brand-service-scenes figure:first-child img{grid-column:1;grid-row:1}.brand-service-scenes figure:first-child figcaption{grid-column:1;grid-row:2;padding:var(--space-3)}.brand-service-scenes figure:last-child{grid-column:1}}
@media(max-width:40rem){.responsibility-records{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.responsibility-records img{max-height:15rem}}

/* Hallmark · responsibility manifesto calibration · compact two-part reading rhythm. */
.responsibility-manifesto{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:center;gap:clamp(var(--space-4),6vw,var(--space-7));padding:clamp(var(--space-4),5vw,var(--space-6)) clamp(var(--space-3),8vw,10rem)}
.responsibility-manifesto>div{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);align-content:start;min-width:0}
.responsibility-manifesto .page-kicker{grid-column:1;margin:0}
.responsibility-manifesto h2{max-width:14ch;margin:0;font-size:clamp(2rem,3.6vw,4rem);line-height:1.04;letter-spacing:-.055em}
.responsibility-manifesto>p:last-child{max-width:52ch;justify-self:start;font-size:var(--text-base);line-height:1.72}
html[lang^="zh"] .responsibility-manifesto h2{max-width:12em;line-height:1.2;letter-spacing:var(--letter-zh-heading)}
@media(max-width:64rem){.responsibility-manifesto{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.responsibility-manifesto>p:last-child{max-width:62ch}}

/* Hallmark · brand thesis media correction · intrinsic artwork follows its grid width. */
.brand-service-thesis>img{height:auto}

/* Hallmark · social responsibility hero · documentary evidence in a strict 50/50 field. */
.responsibility-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch;min-height:0;padding:0;background:var(--color-ink)}
.responsibility-hero>div{display:grid;min-width:0;align-content:center;padding:clamp(var(--space-4),4vw,var(--space-6)) clamp(var(--space-4),5vw,var(--space-7)) clamp(var(--space-5),5vw,var(--space-7))}
.responsibility-hero h1{max-width:10ch;margin:var(--space-3) 0;font-size:clamp(2.75rem,4.8vw,5.4rem);line-height:1.02;letter-spacing:-.06em}
.responsibility-hero .lede{max-width:48ch;margin:0;font-size:clamp(1rem,1.35vw,var(--text-lg));line-height:1.72}
.responsibility-hero>img{display:block;width:100%;height:100%;min-height:0;align-self:stretch;border:0;border-radius:0;background:var(--color-ink);object-fit:cover;object-position:center;box-shadow:none}
html[lang^="zh"] .responsibility-hero h1{max-width:10em;font-size:clamp(2.75rem,4.8vw,5.4rem);line-height:1.16;letter-spacing:var(--letter-zh-heading)}
@media(max-width:64rem){.responsibility-hero{grid-template-columns:minmax(0,1fr)}.responsibility-hero>div{padding:var(--space-6) var(--space-4) var(--space-5)}.responsibility-hero>img{height:auto;aspect-ratio:8/5;object-fit:contain}.responsibility-hero h1,html[lang^="zh"] .responsibility-hero h1{font-size:clamp(2.65rem,12vw,4.5rem)}}

/* Hallmark · component: certificate orbit · genre: editorial · theme: locked EPHYON custom
 * interaction: auto-step · pointer-direction · focus-pause · touch-swipe · keyboard
 * contrast: pass (40–41) · reduced-motion: manual-only
 */
.about-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.about-topic-story,.about-topic-responsibility{grid-row:auto;min-height:clamp(32rem,42vw,40rem)}
.embedded-certification{margin-top:var(--space-7);overflow:hidden;border:1px solid var(--color-gold-line);background:var(--color-certification-paper)}
.embedded-certification-hero{display:grid;grid-template-columns:minmax(0,65fr) minmax(0,35fr);min-height:clamp(30rem,44vw,38rem);align-items:stretch}
.embedded-certification-hero>div:first-child{display:grid;min-width:0;align-content:center;padding:clamp(var(--space-5),6vw,var(--space-7)) clamp(var(--space-4),5vw,var(--space-6))}
.embedded-certification-hero h2{max-width:12ch;margin:var(--space-3) 0;font:750 clamp(2.35rem,3.6vw,3.8rem)/1.06 var(--font-display);letter-spacing:-.045em;overflow-wrap:anywhere}
.embedded-certification-hero .lede{max-width:52ch;margin:0;color:var(--color-ink-2);font-size:var(--text-lg);line-height:1.7}
.embedded-certification-hero .certification-hero-stack{min-height:0}
.embedded-certificate-orbit{padding:var(--space-6) 0 var(--space-7);border-top:1px solid var(--color-gold-line);background:var(--color-paper-2)}
.embedded-certificate-orbit>header{padding-inline:clamp(var(--space-4),7vw,var(--space-7))}
.embedded-certificate-orbit>header h3{max-width:18ch;margin:var(--space-2) 0 0;font:750 clamp(2rem,4vw,3.8rem)/1.05 var(--font-display);letter-spacing:-.055em;overflow-wrap:anywhere}
html[lang^="zh"] .embedded-certification-hero h2,html[lang^="zh"] .embedded-certificate-orbit>header h3{max-width:15em;font-family:var(--font-zh);font-weight:700;line-height:1.18;letter-spacing:var(--letter-zh-heading)}
.certificate-orbit{overflow:hidden;touch-action:pan-y;cursor:ew-resize;outline:3px solid transparent;outline-offset:-3px}
.certificate-orbit:focus-visible{outline-color:var(--color-focus)}
.certificate-orbit:active{cursor:grabbing}
.certificate-orbit[data-certificate-direction="left"]{cursor:w-resize}
.certificate-orbit[data-certificate-direction="right"]{cursor:e-resize}
.certificate-orbit[data-certificate-direction="paused"]{cursor:default}
.certificate-orbit .certificate-carousel-viewport{position:relative;min-width:0;height:clamp(28rem,45vw,36rem);overflow:hidden;perspective:72rem}
.certificate-orbit .certificate-grid{position:relative;display:block;width:100%;min-width:0;height:100%;transform:none!important;will-change:auto}
.certificate-orbit .certificate-grid figure{position:absolute;top:50%;left:50%;display:block;flex:none;width:clamp(11rem,18vw,15rem);height:auto;aspect-ratio:620/877;margin:0;overflow:hidden;border:1px solid var(--color-rule);background:var(--color-paper);opacity:var(--certificate-opacity,0);z-index:var(--certificate-z,1);transform:translate(-50%,-50%) translate3d(var(--certificate-x,0),var(--certificate-y,0),0) scale(var(--certificate-scale,.48));transform-origin:center;transition:transform var(--dur-orbit-step) var(--ease-in-out),opacity var(--dur-base) var(--ease-in-out),filter var(--dur-base) var(--ease-out);will-change:transform,opacity;user-select:none}
.certificate-orbit .certificate-grid figure[data-certificate-front="true"]{border-color:var(--color-gold-line);filter:brightness(1.01) drop-shadow(0 1.25rem 1.5rem color-mix(in oklch,var(--color-ink),transparent 86%))}
.certificate-orbit .certificate-grid img{display:block;width:100%;height:100%;padding:var(--space-2);background:var(--color-paper);object-fit:contain;pointer-events:none}
@media(max-width:64rem){.embedded-certification-hero{grid-template-columns:minmax(0,1fr)}.embedded-certification-hero .certification-hero-stack{aspect-ratio:4/3}.embedded-certification-hero .certification-hero-collage{position:absolute}.certificate-orbit .certificate-carousel-viewport{height:30rem}}
@media(max-width:48rem){.about-topic-grid{grid-template-columns:minmax(0,1fr)}.about-topic-story,.about-topic-responsibility{min-height:32rem}.embedded-certification{margin-top:var(--space-6)}.embedded-certification-hero>div:first-child{padding:var(--space-6) var(--space-4) var(--space-5)}.embedded-certification-hero h2{font-size:clamp(2.4rem,11vw,3.8rem)}.embedded-certification-hero .lede{font-size:var(--text-base)}.embedded-certificate-orbit{padding:var(--space-5) 0 var(--space-6)}.embedded-certificate-orbit>header{padding-inline:var(--space-4)}.certificate-orbit .certificate-carousel-viewport{height:26rem}.certificate-orbit .certificate-grid figure{width:clamp(10.5rem,52vw,13rem)}}
@media(prefers-reduced-motion:reduce){.certificate-orbit .certificate-grid figure{transition:none}}

/* Hallmark · certificate orbit density calibration · compact stage, continuous paper field */
.certification-page .certificate-orbit{padding:var(--space-5) 0 var(--space-4)}
.certification-page .certificate-orbit>header{max-width:none;margin:0;padding-inline:clamp(var(--space-3),8vw,10rem)}
.certificate-orbit>header h2,.certificate-orbit>header h3{max-width:none;margin:var(--space-2) 0 0;font:750 clamp(2rem,3vw,2.9rem)/1.12 var(--font-display);letter-spacing:-.04em;overflow-wrap:anywhere}
.certificate-orbit .certificate-carousel-viewport{height:clamp(22rem,34vw,26rem)}
.embedded-certification{border:0;background:var(--color-certification-paper);box-shadow:none}
.embedded-certificate-orbit{padding:var(--space-5) 0 var(--space-4);border-top:0;background:var(--color-certification-paper)}
.embedded-certificate-orbit>header{max-width:none;margin:0;padding-inline:clamp(var(--space-4),5vw,var(--space-6))}
html[lang^="zh"] .certificate-orbit>header h2,html[lang^="zh"] .certificate-orbit>header h3{max-width:none;font-family:var(--font-zh);font-size:clamp(2rem,3vw,2.75rem);font-weight:700;line-height:1.18;letter-spacing:var(--letter-zh-heading)}
@media(min-width:64rem){html[lang^="zh"] .certificate-orbit>header h2,html[lang^="zh"] .certificate-orbit>header h3{white-space:nowrap}}
@media(max-width:64rem){.certificate-orbit .certificate-carousel-viewport{height:23rem}}
@media(max-width:48rem){.certification-page .certificate-orbit,.embedded-certificate-orbit{padding:var(--space-4) 0 var(--space-3)}.certification-page .certificate-orbit>header,.embedded-certificate-orbit>header{padding-inline:var(--space-3)}.certificate-orbit>header h2,.certificate-orbit>header h3,html[lang^="zh"] .certificate-orbit>header h2,html[lang^="zh"] .certificate-orbit>header h3{font-size:clamp(1.85rem,8.4vw,2.35rem);line-height:1.2}.certificate-orbit .certificate-carousel-viewport{height:20rem}.certificate-orbit .certificate-grid figure{width:clamp(9.5rem,50vw,11.5rem)}}

/* Hallmark · certificate paper treatment · frameless orbit, preserved document integrity */
.certificate-orbit .certificate-grid figure{overflow:visible;border:0;background:transparent;box-shadow:none}
.certificate-orbit .certificate-grid img{padding:0;background:transparent}
.certificate-orbit .certificate-grid figure[data-certificate-front="true"]{border-color:transparent;filter:brightness(1.01) drop-shadow(0 1rem 1.25rem color-mix(in oklch,var(--color-ink),transparent 90%))}