/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5
 * genre: beauty-led brand editorial · macrostructure: Photographic Brand Hero + Ecosystem Index
 * theme: locked EPHYON pink/gold system · enrichment: approved hero, transparent official mark, original Jingjing, responsibility photography and certification previews
 * nav: N2 centered-logo · footer: Ft6 corporate directory · contrast: pass (40–41)
 * slop: pass (42–45) · honest/chrome/tokens/icons: pass (30,46–48) · mobile: pass (34,49–57)
 */
:root{--color-pink-soft:oklch(95% .035 350);--color-gold-deep:oklch(56% .13 78);--color-gold-soft:oklch(94% .045 84);--color-gold-line:oklch(76% .09 80);--dur-certifications:72s;--space-marquee-half-gap:8px}
html,body{overflow-x:clip}
.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);min-height:calc(100svh - 70px);padding:clamp(4.5rem,7vw,7rem) clamp(1.25rem,6vw,7rem) clamp(6rem,10vw,9rem);overflow:hidden;background:var(--color-paper)}
.hero-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.home-hero::after{content:none}
.hero-message{position:relative;z-index:2;grid-column:1;align-self:center;max-width:46rem}
.hero-message>p:first-child,.brand-path header>p,.product-focus>div>p:first-child,.brand-growth header>p:first-child,.manufacturing-note>div>p:first-child,.quality-band>div>p,.footer-label{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hero-message h1{margin:.8rem 0 1.5rem;font:750 clamp(3.2rem,5.4vw,6.6rem)/.9 var(--font-display);letter-spacing:-.07em}
html[lang^="zh"] .hero-message h1{font-size:var(--text-zh-hero);line-height:1.08;letter-spacing:var(--letter-zh-heading)}
.hero-message h1,.brand-path h2,.product-focus h2,.brand-growth h2,.quality-band h2,.manufacturing-note h3{min-width:0;overflow-wrap:anywhere}
.hero-message h1 strong{color:var(--color-gold-deep);font-weight:750}
.hero-lede{max-width:42rem;color:var(--color-ink-2);font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.7}
.hero-actions{display:flex;align-items:center;gap:.75rem;margin-top:2rem;flex-wrap:wrap}
.primary-action,.hero-secondary-action,.hero-actions button,.brand-growth button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.2rem;border:1px solid var(--color-ink);background:var(--color-ink);color:var(--color-paper);font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}
.hero-secondary-action,.hero-actions button{background:transparent;color:var(--color-ink)}
.hero-principle{position:absolute;z-index:3;right:clamp(1.25rem,5vw,6rem);bottom:1.4rem;display:grid;gap:.25rem;padding:.75rem 1rem;border:1px solid color-mix(in oklch,var(--color-paper),transparent 42%);background:color-mix(in oklch,var(--color-paper),transparent 12%)}
.hero-principle span{color:var(--color-gold-deep);font:800 .7rem/1 var(--font-display)}.hero-principle p{margin:0;color:var(--color-ink-2);font-size:.68rem;line-height:1.5}
.proof-ribbon{display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(1.25rem,6vw,7rem);background:var(--color-gold-soft);border-block:1px solid var(--color-gold-line)}
.proof-ribbon>div{display:grid;align-content:center;gap:.3rem;min-width:0;padding:1.7rem clamp(1rem,2.2vw,2.4rem);border-right:1px solid var(--color-gold-line)}.proof-ribbon>div:first-child{border-left:1px solid var(--color-gold-line)}.proof-ribbon strong{min-width:0;color:var(--color-gold-deep);font:750 clamp(1.08rem,1.65vw,1.8rem)/1.05 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.035em;overflow-wrap:anywhere}.proof-ribbon span{color:var(--color-ink-2);font-size:.68rem;font-weight:700;letter-spacing:.04em}
.brand-path{display:grid;grid-template-columns:minmax(18rem,.78fr) 1fr;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,8vw,8rem) clamp(1.25rem,8vw,10rem);background:var(--color-ink);color:var(--color-paper)}
.brand-path header{position:sticky;top:7rem;align-self:start}.brand-path h2,.product-focus h2,.brand-growth h2,.quality-band h2{margin:.8rem 0 1.4rem;font:750 clamp(2.8rem,5.4vw,6.4rem)/.93 var(--font-display);letter-spacing:-.07em}.brand-path header>p:last-child{max-width:32rem;color:color-mix(in oklch,var(--color-paper),transparent 28%);line-height:1.7}
.brand-path ol{margin:0;padding:0;list-style:none;border-top:1px solid color-mix(in oklch,var(--color-gold),transparent 50%)}.brand-path li{display:grid;grid-template-columns:3.5rem 1fr;gap:1rem;padding:1.7rem 0;border-bottom:1px solid color-mix(in oklch,var(--color-gold),transparent 50%)}.brand-path li>span{color:var(--color-gold);font-weight:800}.brand-path strong{font:750 clamp(1.6rem,2.5vw,2.7rem)/1 var(--font-display)}.brand-path li p{max-width:34rem;margin-bottom:0;color:color-mix(in oklch,var(--color-paper),transparent 28%);line-height:1.6}.brand-path>a{grid-column:2;width:max-content;color:var(--color-gold);font-weight:800;text-underline-offset:6px}
.product-focus{display:grid;grid-template-columns:minmax(20rem,1.1fr) minmax(18rem,.72fr);gap:clamp(3rem,8vw,9rem);align-items:center;padding:clamp(5rem,8vw,8rem) clamp(1.25rem,8vw,10rem);background:var(--color-pink-soft)}
.product-visual{position:relative;min-height:34rem;border:1px solid var(--color-gold-line);background:var(--color-paper)}
.product-visual>span{position:absolute;z-index:70;top:1.25rem;left:1.25rem;color:var(--color-gold-deep);font-size:.66rem;font-weight:800;letter-spacing:.1em;pointer-events:none}
.product-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:3rem;filter:drop-shadow(0 30px 32px color-mix(in oklch,var(--color-pink-deep),transparent 78%))}
/* Hallmark · component: product orbit · genre: beauty-led brand editorial · theme: locked EPHYON pink/gold
 * pre-emit critique: P5 H5 E5 S5 R5 V4 · contrast: pass (40–41) · mobile: pass (34, 49–57)
 */
.product-orbit{isolation:isolate;overflow:hidden;touch-action:pan-y;cursor:ew-resize;outline:3px solid transparent;outline-offset:3px}
.product-visual.product-orbit{border:0;background:transparent}
.product-orbit:focus-visible{outline-color:var(--color-focus)}
.product-orbit-stage{position:absolute;inset:0;overflow:hidden;perspective:70rem}
.product-orbit-item{position:absolute;top:50%;left:50%;width:clamp(10rem,43%,18rem);height:84%;margin:0;opacity:var(--orbit-opacity,.5);z-index:var(--orbit-z,1);transform:translate(-50%,-50%) translate3d(var(--orbit-x,0),var(--orbit-y,0),0) scale(var(--orbit-scale,.6));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;cursor:pointer}
.product-orbit .product-orbit-item img{position:static;width:100%;height:100%;padding:0;object-fit:contain;transform:scale(var(--product-fit,1));filter:drop-shadow(0 24px 22px color-mix(in oklch,var(--color-pink-deep),transparent 78%));pointer-events:none}
.product-orbit-item.is-narrow{--product-fit:1.18}
.product-orbit-item[data-orbit-front="true"]{filter:brightness(1.02)}
.product-orbit[data-orbit-direction="left"]{cursor:w-resize}.product-orbit[data-orbit-direction="right"]{cursor:e-resize}.product-orbit[data-orbit-direction="paused"]{cursor:default}
.product-focus>div:last-child>p:last-of-type{max-width:34rem;color:var(--color-ink-2);line-height:1.75}.product-focus .primary-action{margin-top:1.5rem}
.brand-evidence{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,6vw,7rem);background:var(--color-paper-2)}.brand-evidence>header{display:grid;grid-template-columns:minmax(0,1fr);max-width:68rem;margin:0 0 clamp(3rem,6vw,6rem)}.brand-evidence>header>p:first-child,.brand-signature .signature-copy>p:first-child,.responsibility-copy>p:first-child,.credentials-preview>header>p:first-child{margin:0;color:var(--color-gold-deep);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brand-evidence h2,.brand-signature h2,.responsibility-story h2,.credentials-preview h2{min-width:0;max-width:16ch;margin:.8rem 0 1.4rem;font:750 clamp(2.8rem,5.4vw,6.2rem)/.95 var(--font-display);letter-spacing:-.07em;overflow-wrap:anywhere}.brand-evidence>header>p:last-child{max-width:62ch;margin:0;color:var(--color-ink-2);font-size:var(--text-lg);line-height:1.65}
.evidence-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-2)}.evidence-gallery figure{position:relative;grid-column:span 4;min-width:0;min-height:19rem;margin:0;overflow:hidden;background:var(--color-paper)}.evidence-gallery .evidence-wide{grid-column:span 6}.evidence-gallery img{width:100%;height:100%;object-fit:cover}.evidence-gallery figcaption{position:absolute;right:var(--space-2);bottom:var(--space-2);left:var(--space-2);padding:.7rem .8rem;background:color-mix(in oklch,var(--color-ink),transparent 16%);color:var(--color-paper);font-size:.72rem;font-weight:800;letter-spacing:.04em}
.brand-signature{display:grid;grid-template-columns:minmax(12rem,.55fr) minmax(20rem,1fr) minmax(15rem,.7fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,9rem);background:var(--color-gold-soft);border-block:1px solid var(--color-gold-line)}.signature-logo{display:grid;place-items:center;aspect-ratio:1;background:var(--color-paper);border:1px solid var(--color-gold-line);border-radius:50%}.signature-logo img{width:88%;height:88%;object-fit:contain;border-radius:50%}.signature-copy>p:last-of-type{max-width:58ch;color:var(--color-ink-2);line-height:1.75}.signature-copy>a{display:inline-flex;margin-top:var(--space-3);color:var(--color-ink);font-weight:800;text-underline-offset:5px;white-space:nowrap}.signature-mascot img{width:100%;max-height:29rem;object-fit:contain;filter:drop-shadow(0 22px 24px color-mix(in oklch,var(--color-gold-deep),transparent 78%))}
.brand-growth{display:grid;grid-template-columns:minmax(20rem,.9fr) 1.1fr;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,8vw,8rem) clamp(1.25rem,8vw,10rem);background:var(--color-paper)}.brand-growth header>p:first-child{color:var(--color-gold-deep)}.brand-growth header>p:last-of-type{max-width:39rem;color:var(--color-ink-2);line-height:1.75}.brand-growth header>button{margin-top:1.5rem;background:var(--color-gold-deep);border-color:var(--color-gold-deep)}
.brand-growth ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--color-gold-line)}.brand-growth li{display:grid;grid-template-columns:3.4rem minmax(9rem,.45fr) 1fr;gap:1rem;padding:1.65rem 0;border-bottom:1px solid var(--color-gold-line);align-items:start}.brand-growth li>span{color:var(--color-gold-deep);font-size:.72rem;font-weight:800}.brand-growth li strong{font:750 clamp(1.35rem,2vw,2rem)/1.05 var(--font-display)}.brand-growth li p{margin:0;color:var(--color-ink-2);line-height:1.6}
.manufacturing-note{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:end;margin-top:clamp(1rem,3vw,3rem);padding:clamp(2rem,4vw,3.5rem);background:var(--color-ink);color:var(--color-paper);border-top:4px solid var(--color-gold-deep)}.manufacturing-note>div>p:first-child{color:var(--color-gold)}.manufacturing-note h3{margin:.6rem 0 .8rem;font:750 clamp(1.9rem,3vw,3.5rem)/1 var(--font-display);letter-spacing:-.055em}.manufacturing-note>div>p:last-child{max-width:48rem;margin:0;color:color-mix(in oklch,var(--color-paper),transparent 30%);line-height:1.65}.manufacturing-note button{background:transparent;border-color:var(--color-gold);color:var(--color-gold)}
.responsibility-story{display:grid;grid-template-columns:minmax(20rem,.75fr) minmax(0,1.25fr);gap:clamp(3rem,7vw,8rem);padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,9rem);background:var(--color-ink);color:var(--color-paper)}.responsibility-copy{align-self:start;position:sticky;top:7rem}.responsibility-copy>p:first-child{color:var(--color-gold)}.responsibility-copy>p:last-child{max-width:58ch;color:color-mix(in oklch,var(--color-paper),transparent 28%);font-size:var(--text-lg);line-height:1.7}.responsibility-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.responsibility-gallery figure{min-width:0;margin:0}.responsibility-gallery figure:nth-child(even){margin-top:var(--space-6)}.responsibility-gallery img{display:block;width:100%;aspect-ratio:10/7;object-fit:cover}.responsibility-gallery figcaption{padding:var(--space-2) 0;color:var(--color-gold);font-size:.72rem;font-weight:800}
.credentials-preview{padding:clamp(5rem,9vw,9rem) 0;background:var(--color-paper-2)}.credentials-preview>header,.credentials-preview>a{margin-inline:clamp(1.25rem,7vw,9rem)}.credentials-preview>header{display:grid;grid-template-columns:minmax(0,1fr);max-width:70rem}.credentials-preview>header>p:last-child{max-width:62ch;color:var(--color-ink-2);font-size:var(--text-lg);line-height:1.65}.credentials-marquee{max-width:100%;margin-top:var(--space-6);overflow:hidden;border-block:1px solid var(--color-rule);background:var(--color-paper)}.credentials-marquee:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.credentials-marquee-track{display:flex;gap:var(--space-3);width:max-content;animation:credential-scroll var(--dur-certifications) linear infinite;will-change:transform}.credentials-marquee-set{display:flex;gap:var(--space-3);padding-block:var(--space-3)}.credentials-marquee figure{display:grid;grid-template-rows:20rem auto;flex:0 0 clamp(13.5rem,19vw,17rem);min-width:0;margin:0;border:1px solid var(--color-rule);background:var(--color-paper)}.credentials-marquee img{width:100%;height:100%;padding:var(--space-3);object-fit:contain}.credentials-marquee figcaption{display:grid;gap:.35rem;padding:var(--space-3);border-top:1px solid var(--color-rule);font-size:.72rem;line-height:1.45}.credentials-marquee figcaption span{color:var(--color-pink-deep);font-size:.65rem;font-weight:800;letter-spacing:.06em}.credentials-marquee figcaption strong{font-weight:800}.credentials-marquee:hover .credentials-marquee-track,.credentials-marquee:focus-within .credentials-marquee-track{animation-play-state:paused}.credentials-preview>a{display:inline-flex;margin-top:var(--space-5);color:var(--color-ink);font-weight:800;text-underline-offset:5px;white-space:nowrap}
@keyframes credential-scroll{to{transform:translateX(calc(-50% - var(--space-marquee-half-gap)))}}
.quality-band{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,8rem);padding:clamp(4.5rem,7vw,7rem) clamp(1.25rem,8vw,10rem);background:var(--color-gold-soft);border-block:1px solid var(--color-gold-line)}.quality-band ol{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;border-top:1px solid var(--color-gold-line)}.quality-band li{display:grid;grid-template-columns:3rem 1fr;padding:1.2rem 0;border-bottom:1px solid var(--color-gold-line);font-weight:800}.quality-band li:nth-child(odd){padding-right:1.2rem}.quality-band li:nth-child(even){padding-left:1.2rem;border-left:1px solid var(--color-gold-line)}.quality-band li span{color:var(--color-gold-deep)}.quality-band>a{grid-column:2;width:max-content;color:var(--color-ink);font-weight:800;text-underline-offset:5px}
.partnership-rail{position:fixed;z-index:42;right:0;top:48%;display:grid;transform:translateY(-50%);box-shadow:0 12px 35px color-mix(in oklch,var(--color-ink),transparent 82%)}.partnership-rail button{display:grid;grid-template-columns:1.5rem 1fr;gap:.5rem;align-items:center;width:11.5rem;min-height:58px;padding:.8rem;border:0;border-bottom:1px solid color-mix(in oklch,var(--color-paper),transparent 72%);background:var(--color-gold-deep);color:var(--color-paper);font-size:.72rem;font-weight:800;text-align:left;cursor:pointer}.partnership-rail button:last-child{background:var(--color-ink)}.partnership-rail span{opacity:.65}
.partnership-backdrop{position:fixed;z-index:70;inset:0;background:color-mix(in oklch,var(--color-ink),transparent 35%);backdrop-filter:blur(4px)}
.partnership-drawer{position:fixed;z-index:71;right:0;top:0;width:min(48rem,100%);height:100dvh;overflow:auto;padding:clamp(1.25rem,4vw,3rem);background:var(--color-paper);box-shadow:-20px 0 60px color-mix(in oklch,var(--color-ink),transparent 70%)}
.drawer-head{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;padding-bottom:1.25rem;border-bottom:1px solid var(--color-gold-line)}.drawer-head p{margin:0;color:var(--color-gold-deep);font-size:.68rem;font-weight:800;letter-spacing:.1em}.drawer-head h2{margin:.35rem 0 0;font:750 clamp(2rem,4vw,3.8rem)/1 var(--font-display);letter-spacing:-.06em}.drawer-close{width:46px;height:46px;border:1px solid var(--color-rule);background:transparent;color:var(--color-ink);font-size:2rem;cursor:pointer}.drawer-tabs{display:grid;grid-template-columns:1fr 1fr;margin:1.5rem 0}.drawer-tabs button{min-height:48px;padding:.75rem;border:1px solid var(--color-gold-line);background:transparent;color:var(--color-ink);font-weight:800;cursor:pointer}.drawer-tabs button[aria-selected="true"]{background:var(--color-gold-deep);color:var(--color-paper)}.drawer-intro{display:grid;grid-template-columns:8rem 1fr;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--color-pink-soft);border-left:3px solid var(--color-gold-deep)}.drawer-intro img{width:100%;height:6.5rem;object-fit:contain}.drawer-intro p{margin:0;color:var(--color-ink-2);font-size:.82rem;line-height:1.55}.drawer-panel form{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem}.drawer-panel label{display:grid;gap:.4rem;color:var(--color-ink-2);font-size:.72rem;font-weight:700}.drawer-panel input,.drawer-panel textarea,.drawer-panel select{width:100%;min-height:46px;padding:.65rem .75rem;border:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-ink)}.drawer-panel textarea{resize:vertical}.drawer-panel .wide,.drawer-panel .form-button,.drawer-panel .form-status{grid-column:1/-1}.drawer-panel .form-button{min-height:50px;border:0;background:var(--color-ink);color:var(--color-paper);font-weight:800;cursor:pointer}.drawer-panel .form-status{margin:0;color:var(--color-muted);font-size:.72rem;line-height:1.5}.drawer-panel .honeypot{position:absolute;left:-9999px}
.drawer-head{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;padding-bottom:1.25rem;border-bottom:1px solid var(--color-gold-line)}.drawer-head p{margin:0;color:var(--color-gold-deep);font-size:.68rem;font-weight:800;letter-spacing:.1em}.drawer-head h2{margin:.35rem 0 0;font:750 clamp(2rem,4vw,3.8rem)/1 var(--font-display);letter-spacing:-.06em}.drawer-close{width:46px;height:46px;border:1px solid var(--color-rule);background:transparent;color:var(--color-ink);font-size:2rem;cursor:pointer}.drawer-tabs{display:grid;grid-template-columns:1fr 1fr;margin:1.5rem 0}.drawer-tabs button{min-height:48px;padding:.75rem;border:1px solid var(--color-gold-line);background:transparent;color:var(--color-ink);font-weight:800;cursor:pointer}.drawer-tabs button[aria-selected="true"]{background:var(--color-gold-deep);color:var(--color-paper)}.drawer-intro{display:grid;grid-template-columns:8rem 1fr;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--color-pink-soft);border-left:3px solid var(--color-gold-deep)}.drawer-intro img{width:100%;height:6.5rem;object-fit:contain}.drawer-intro p{margin:0;color:var(--color-ink-2);font-size:.82rem;line-height:1.55}.drawer-trust{margin-bottom:1.5rem;padding:1.15rem 0;border-block:1px solid var(--color-gold-line);background:var(--color-gold-soft)}.drawer-trust>header{display:grid;gap:.35rem;padding:0 1rem 1rem}.drawer-trust>header p{margin:0;color:var(--color-gold-deep);font-size:.66rem;font-weight:800;letter-spacing:.1em}.drawer-trust h3{max-width:22em;margin:0;color:var(--color-ink);font:750 clamp(1.2rem,2vw,1.55rem)/1.2 var(--font-display);letter-spacing:-.025em}.drawer-trust ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0 1rem;list-style:none;border-top:1px solid var(--color-gold-line)}.drawer-trust li{display:grid;grid-template-columns:1.8rem minmax(0,1fr);gap:.65rem;min-width:0;padding:1rem .85rem 0;border-right:1px solid var(--color-gold-line)}.drawer-trust li:first-child{padding-left:0}.drawer-trust li:last-child{padding-right:0;border-right:0}.drawer-trust li>span{color:var(--color-gold-deep);font-size:.66rem;font-weight:800;line-height:1.4}.drawer-trust li>div{display:grid;align-content:start;gap:.45rem;min-width:0}.drawer-trust li strong{font-size:.82rem;line-height:1.35}.drawer-trust li p{margin:0;color:var(--color-ink-2);font-size:.7rem;line-height:1.55}.drawer-trust li small{color:var(--color-gold-deep);font-size:.62rem;font-weight:750;line-height:1.5}.drawer-panel form{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem}.drawer-panel label{display:grid;gap:.4rem;color:var(--color-ink-2);font-size:.72rem;font-weight:700}.drawer-panel input,.drawer-panel textarea,.drawer-panel select{width:100%;min-height:46px;padding:.65rem .75rem;border:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-ink)}.drawer-panel textarea{resize:vertical}.drawer-panel .wide,.drawer-panel .form-button,.drawer-panel .form-status{grid-column:1/-1}.drawer-panel .form-button{min-height:50px;border:0;background:var(--color-ink);color:var(--color-paper);font-weight:800;cursor:pointer}.drawer-panel .form-status{margin:0;color:var(--color-muted);font-size:.72rem;line-height:1.5}.drawer-panel .honeypot{position:absolute;left:-9999px}
.drawer-panel input,.drawer-panel textarea,.drawer-panel select{outline:2px solid transparent;outline-offset:1px}.drawer-panel input:hover,.drawer-panel textarea:hover,.drawer-panel select:hover{border-color:var(--color-gold-deep)}.drawer-panel input:focus-visible,.drawer-panel textarea:focus-visible,.drawer-panel select:focus-visible{border-color:var(--color-gold-deep);outline:2px solid var(--color-focus);outline-offset:1px}
body.has-partnership-drawer{overflow:hidden}
.global-footer{padding:clamp(4rem,8vw,8rem) clamp(1.25rem,6vw,7rem) 1.5rem;background:var(--color-ink);color:var(--color-paper)}.footer-brand{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center;padding-bottom:3rem;border-bottom:1px solid color-mix(in oklch,var(--color-gold),transparent 45%)}.footer-brand .brand{color:var(--color-paper)}.footer-brand p{justify-self:end;max-width:26rem;margin:0;color:var(--color-gold);font:750 clamp(1.3rem,2.4vw,2.6rem)/1.1 var(--font-display);text-align:right}.footer-contact{display:grid;grid-template-columns:repeat(3,max-content) 1fr;gap:1rem 2rem;align-items:start;padding:2.2rem 0;border-bottom:1px solid color-mix(in oklch,var(--color-gold),transparent 45%)}.footer-contact .footer-label{grid-column:1/-1;color:var(--color-gold)}.footer-contact>a,.footer-contact>span{color:var(--color-paper);font-size:.78rem;text-decoration:none}.footer-contact nav{justify-self:end;display:flex;gap:1.5rem}.footer-contact nav a{color:var(--color-paper);font-size:.78rem}.footer-locations{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,4vw,4rem);padding:3rem 0}.footer-locations article{display:grid;align-content:start;gap:.6rem}.footer-locations .footer-label{min-height:2.2rem;color:var(--color-gold)}.footer-locations strong{font-size:.76rem;line-height:1.5}.footer-locations address{color:color-mix(in oklch,var(--color-paper),transparent 32%);font-size:.7rem;font-style:normal;line-height:1.6}.footer-bottom{display:flex;justify-content:space-between;gap:2rem;padding:1.2rem 0;border-top:1px solid color-mix(in oklch,var(--color-gold),transparent 45%);font-size:.68rem}.footer-bottom>div{display:flex;gap:1rem;flex-wrap:wrap}.footer-bottom a{color:var(--color-paper)}.global-footer .compliance{padding:1rem 0 0;color:color-mix(in oklch,var(--color-paper),transparent 45%)}
[hidden]{display:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
button:active,.primary-action:active,.hero-secondary-action:active{filter:brightness(.88)}button:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:64rem){.home-hero{grid-template-columns:minmax(0,1fr);min-height:max(46rem,100svh);padding:5rem 1.25rem 7rem}.hero-banner-image{position:absolute;inset:0;width:100%;height:100%;margin:0;object-position:68% center}.hero-message{grid-column:1;align-self:start;max-width:36rem}.hero-principle{right:1rem;bottom:4.5rem}.proof-ribbon{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.proof-ribbon>div:nth-child(3){border-left:1px solid var(--color-gold-line)}.proof-ribbon>div:nth-child(-n+2){border-bottom:1px solid var(--color-gold-line)}.brand-path,.product-focus,.brand-growth,.quality-band{grid-template-columns:minmax(0,1fr)}.brand-path header{position:static}.brand-path>a,.quality-band>a{grid-column:1}.brand-growth ol{margin-top:1rem}.manufacturing-note{grid-template-columns:minmax(0,1fr);align-items:start}.footer-locations{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.footer-contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.footer-contact nav{grid-column:1/-1;justify-self:start}.partnership-rail{top:auto;right:0;bottom:0;left:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);transform:none}.partnership-rail button{width:100%;min-height:56px}.global-footer{padding-bottom:6rem}}
@media(max-width:44rem){.hero-message h1{font-size:clamp(2.8rem,13vw,4.4rem)}html[lang^="zh"] .hero-message h1{font-size:clamp(2.7rem,12vw,4rem)}.hero-lede{max-width:30ch}.hero-principle{max-width:13rem}.proof-ribbon{padding:0 1rem}.proof-ribbon>div{padding:1.25rem .8rem}.proof-ribbon strong{font-size:1.05rem}.brand-path h2,.product-focus h2,.brand-growth h2,.quality-band h2{font-size:clamp(2.45rem,12vw,4rem)}.product-visual{min-height:29rem}.product-visual img{padding:1.5rem}.brand-growth li{grid-template-columns:2.5rem minmax(0,1fr)}.brand-growth li p{grid-column:2}.manufacturing-note{gap:1.5rem}.manufacturing-note button{white-space:nowrap}.quality-band ol{grid-template-columns:minmax(0,1fr)}.quality-band li:nth-child(odd),.quality-band li:nth-child(even){padding:1.05rem 0;border-left:0}.drawer-panel form{grid-template-columns:minmax(0,1fr)}.drawer-panel .wide,.drawer-panel .form-button,.drawer-panel .form-status{grid-column:1}.drawer-intro{grid-template-columns:6.5rem minmax(0,1fr)}.drawer-trust ol{grid-template-columns:minmax(0,1fr)}.drawer-trust li,.drawer-trust li:first-child,.drawer-trust li:last-child{padding:1rem 0;border-right:0;border-bottom:1px solid var(--color-gold-line)}.drawer-trust li:last-child{border-bottom:0}.footer-brand{grid-template-columns:minmax(0,1fr)}.footer-brand p{justify-self:start;text-align:left}.footer-contact,.footer-locations{grid-template-columns:minmax(0,1fr)}.footer-locations .footer-label{min-height:auto}.footer-bottom{display:grid}.partnership-rail button{font-size:.65rem}.global-footer{padding-bottom:7rem}}

html[lang^="zh"] .drawer-trust h3,html[lang^="zh"] .drawer-trust li strong{font-family:var(--font-zh);font-weight:700;letter-spacing:var(--letter-zh-heading)}
@media(max-width:64rem){.evidence-gallery figure,.evidence-gallery .evidence-wide{grid-column:span 6}.brand-signature{grid-template-columns:minmax(10rem,.55fr) minmax(0,1fr)}.signature-mascot{grid-column:1/-1}.signature-mascot img{max-height:22rem}.responsibility-story{grid-template-columns:minmax(0,1fr)}.responsibility-copy{position:static}}
@media(max-width:44rem){.brand-evidence h2,.brand-signature h2,.responsibility-story h2,.credentials-preview h2{font-size:clamp(2.35rem,11vw,3.8rem)}.evidence-gallery{grid-template-columns:minmax(0,1fr)}.evidence-gallery figure,.evidence-gallery .evidence-wide{grid-column:1;min-height:16rem}.brand-signature{grid-template-columns:minmax(0,1fr)}.signature-logo{max-width:14rem}.signature-mascot{grid-column:1}.responsibility-gallery{grid-template-columns:minmax(0,1fr)}.responsibility-gallery figure:nth-child(even){margin-top:0}.credentials-marquee figure{grid-template-rows:17rem auto;flex-basis:13.5rem}}
html[lang^="zh"] body{font-family:var(--font-zh);line-height:1.8}
html[lang^="zh"] .hero-message h1{max-width:8em;font-family:var(--font-zh);font-size:var(--text-zh-hero);font-weight:700;line-height:1.08;letter-spacing:var(--letter-zh-heading)}
html[lang^="zh"] .brand-path h2,html[lang^="zh"] .product-focus h2,html[lang^="zh"] .brand-growth h2,html[lang^="zh"] .quality-band h2,html[lang^="zh"] .brand-evidence h2,html[lang^="zh"] .brand-signature h2,html[lang^="zh"] .responsibility-story h2,html[lang^="zh"] .credentials-preview h2{max-width:12em;font-family:var(--font-zh);font-size:var(--text-zh-section);font-weight:700;line-height:1.15;letter-spacing:var(--letter-zh-heading)}
html[lang^="zh"] .manufacturing-note h3{font-family:var(--font-zh);font-size:var(--text-zh-subheading);font-weight:700;line-height:1.16;letter-spacing:var(--letter-zh-heading)}
html[lang^="zh"] .brand-growth li strong{font-family:var(--font-zh);font-weight:700;line-height:1.18;letter-spacing:var(--letter-zh-heading)}
html[lang^="zh"] .drawer-head h2{font-family:var(--font-zh);font-size:var(--text-zh-subheading);font-weight:700;line-height:1.12;letter-spacing:var(--letter-zh-heading)}
html[lang^="zh"] .hero-lede,html[lang^="zh"] .brand-path p,html[lang^="zh"] .product-focus p,html[lang^="zh"] .brand-growth p,html[lang^="zh"] .brand-evidence p,html[lang^="zh"] .brand-signature p,html[lang^="zh"] .responsibility-story p,html[lang^="zh"] .credentials-preview p{max-width:34em;line-height:1.9}
html[lang^="zh"] .hero-message>p:first-child,html[lang^="zh"] .brand-path header>p:first-child,html[lang^="zh"] .product-focus>div>p:first-child,html[lang^="zh"] .brand-growth header>p:first-child,html[lang^="zh"] .brand-evidence>header>p:first-child,html[lang^="zh"] .signature-copy>p:first-child,html[lang^="zh"] .responsibility-copy>p:first-child,html[lang^="zh"] .credentials-preview>header>p:first-child{letter-spacing:.08em}

/* Hallmark · Ecosystem Index · concise topic routing · 2026-07-31 */
.home-brand-index{display:grid;grid-template-columns:minmax(18rem,.58fr) minmax(0,1.42fr);gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,9rem);background:var(--color-paper-2)}
.home-brand-index>header{align-self:start;position:sticky;top:7rem}.home-brand-index>header>p:first-child,.home-brand-route>span{margin:0;color:var(--color-gold-deep);font-size:.7rem;font-weight:800;letter-spacing:.12em}.home-brand-index h2{max-width:12ch;margin:.8rem 0 1.4rem;font:750 clamp(2.8rem,5.4vw,6.2rem)/.95 var(--font-display);letter-spacing:-.07em;overflow-wrap:anywhere}.home-brand-index>header>p:last-child{max-width:34rem;color:var(--color-ink-2);font-size:var(--text-lg);line-height:1.7}
.home-brand-index-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:var(--space-3);min-width:0}.home-brand-route{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}.home-brand-route strong{position:relative;z-index:2;max-width:15ch;margin:var(--space-5) 0 var(--space-2);font:750 clamp(1.8rem,3vw,3.1rem)/1 var(--font-display);letter-spacing:-.055em;overflow-wrap:anywhere}.home-brand-route p{position:relative;z-index:2;max-width:46ch;margin:0;color:var(--color-ink-2);line-height:1.65}.home-brand-route em{position:relative;z-index:2;margin-top:var(--space-3);font-style:normal;font-weight:800}.home-brand-route>span{position:absolute;z-index:3;top:var(--space-4);left:var(--space-4)}
.home-brand-route>.route-cover{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.route-story{grid-row:span 2;min-height:54rem;background:var(--color-blue-deep);color:var(--color-paper)}.route-story::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,color-mix(in oklch,var(--color-ink),transparent 100%) 34%,color-mix(in oklch,var(--color-ink),transparent 14%) 76%,var(--color-ink) 100%)}.route-story>span{color:var(--color-gold)}.route-story strong,.route-story p,.route-story em{max-width:20rem;color:var(--color-paper)}.route-story em{color:var(--color-gold)}
.route-responsibility{color:var(--color-paper);background:var(--color-ink)}.route-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 5%) 74%,var(--color-ink) 100%)}.route-responsibility>span{color:var(--color-gold)}.route-responsibility strong{max-width:13ch}.route-responsibility em{color:var(--color-gold)}
.route-certifications{background:var(--color-gold-soft)}.route-certifications::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,color-mix(in oklch,var(--color-paper),transparent 100%) 24%,color-mix(in oklch,var(--color-paper),transparent 4%) 75%,var(--color-paper) 100%)}.route-certifications strong{max-width:13ch}
.home-brand-route:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media(hover:hover) and (pointer:fine){.home-brand-route{transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.home-brand-route:hover{transform:translateY(-3px);border-color:var(--color-gold-deep)}}
.home-brand-route:active{transform:translateY(1px)}
html[lang^="zh"] .home-brand-index h2{max-width:none;white-space:nowrap;font-family:var(--font-zh);font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.18;letter-spacing:var(--letter-zh-heading)}html[lang^="zh"] .home-brand-route strong{font-family:var(--font-zh);font-size:var(--text-zh-card);font-weight:700;line-height:1.18;letter-spacing:var(--letter-zh-heading)}html[lang^="zh"] .home-brand-index p,html[lang^="zh"] .home-brand-route p{line-height:1.9}
@media(max-width:64rem){.home-brand-index{grid-template-columns:minmax(0,1fr)}.home-brand-index>header{position:static}.home-brand-index-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.route-story{min-height:47rem}}
@media(max-width:44rem){.home-brand-index-grid{grid-template-columns:minmax(0,1fr)}.home-brand-route{min-height:24rem}.home-brand-route.route-story{grid-row:auto;min-height:37rem}.home-brand-index h2{font-size:clamp(2.45rem,12vw,4rem)}}
@media(prefers-reduced-motion:reduce){.home-brand-route,.product-orbit-item{transition:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.credentials-marquee{overflow-x:auto}.credentials-marquee-track{animation:none;will-change:auto}.credentials-marquee-set[aria-hidden="true"]{display:none}}

/* Hallmark · Russian homepage calibration: P5 H5 E5 S5 R5 V4
 * Cyrillic needs more measure than the compact English display face. Preserve
 * the editorial scale by reallocating columns before reducing type size.
 */
html[lang="ru"] .hero-message h1{max-width:14ch;font-family:var(--font-body);font-size:var(--text-ru-hero);font-weight:750;line-height:1.02;letter-spacing:-.052em;overflow-wrap:normal}
html[lang="ru"] .brand-path h2,html[lang="ru"] .product-focus h2,html[lang="ru"] .brand-growth h2,html[lang="ru"] .quality-band h2,html[lang="ru"] .brand-evidence h2,html[lang="ru"] .brand-signature h2,html[lang="ru"] .responsibility-story h2,html[lang="ru"] .credentials-preview h2,html[lang="ru"] .home-brand-index h2{max-width:22ch;font-family:var(--font-body);font-size:var(--text-ru-section);font-weight:750;line-height:1.08;letter-spacing:-.04em;overflow-wrap:normal}
html[lang="ru"] .home-brand-route strong,html[lang="ru"] .brand-growth li strong,html[lang="ru"] .brand-path strong{font-family:var(--font-body);letter-spacing:-.025em;overflow-wrap:normal}
@media(min-width:64.0625rem){
  html[lang="ru"] .home-brand-index{grid-template-columns:minmax(25rem,.82fr) minmax(0,1.18fr);gap:clamp(2.5rem,4vw,5rem)}
  html[lang="ru"] .home-brand-index h2{max-width:17ch}
  html[lang="ru"] .product-focus{grid-template-columns:minmax(22rem,1fr) minmax(25rem,1fr);gap:clamp(2.5rem,5vw,6rem)}
  html[lang="ru"] .brand-growth{grid-template-columns:minmax(25rem,1fr) minmax(26rem,1.08fr);gap:clamp(2.5rem,5vw,6rem)}
  html[lang="ru"] .brand-path{grid-template-columns:minmax(25rem,.95fr) minmax(26rem,1.05fr);gap:clamp(2.5rem,5vw,6rem)}
  html[lang="ru"] .quality-band{grid-template-columns:minmax(25rem,1fr) minmax(26rem,1fr);gap:clamp(2.5rem,5vw,6rem)}
}
@media(max-width:48rem){
  html[lang="ru"] .hero-message h1,html[lang="ru"] .brand-path h2,html[lang="ru"] .product-focus h2,html[lang="ru"] .brand-growth h2,html[lang="ru"] .quality-band h2,html[lang="ru"] .brand-evidence h2,html[lang="ru"] .brand-signature h2,html[lang="ru"] .responsibility-story h2,html[lang="ru"] .credentials-preview h2,html[lang="ru"] .home-brand-index h2{max-width:none}
}
/* Homepage rail inherits the global three-route structure while retaining the form drawer. */
.partnership-rail{top:50%;right:0;bottom:auto;left:auto;display:flex;grid-template-columns:none;flex-direction:column;width:auto;transform:translateY(-50%)}
.partnership-rail>button{display:grid;grid-template-columns:none;grid-template-rows:auto minmax(0,1fr);place-items:center;gap:.45rem;width:3.4rem;min-height:7rem;padding:.65rem .4rem;text-align:center}
.partnership-rail>button:nth-child(2){background:var(--color-ink)}
.partnership-rail>button:nth-child(3){background:var(--color-gold);color:var(--color-ink)}
.partnership-rail>button strong{font-size:.67rem;letter-spacing:.08em;line-height:1;white-space:nowrap;writing-mode:vertical-rl}
.partnership-rail .partnership-contact-card{display:grid;width:min(19rem,calc(100vw - 5rem));min-height:0;padding:var(--space-4);text-align:left}
.partnership-rail .partnership-contact-card[hidden]{display:none}
.partnership-rail .partnership-contact-card>button{display:grid;grid-template:none;width:2rem;min-height:2rem;padding:0;background:var(--color-paper);color:var(--color-ink);text-align:center}
@media(max-width:64rem){.partnership-rail{top:auto;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));transform:none}.partnership-rail>button{grid-template-columns:auto auto;grid-template-rows:1fr;width:100%;min-height:54px;padding:.55rem var(--space-2)}.partnership-rail>button strong{font-size:.65rem;letter-spacing:.03em;writing-mode:horizontal-tb}.partnership-rail .partnership-contact-card{top:auto;right:var(--space-3);bottom:calc(100% + var(--space-2));left:var(--space-3);width:auto;transform:none}.global-footer{padding-bottom:5rem}}
.drawer-panel .form-status.is-success{color:var(--color-ink);font-size:.82rem}.drawer-panel .form-status.is-error{color:var(--color-pink-deep);font-size:.78rem}

/* Precise, font-independent close icon for both partnership forms. */
.drawer-close{position:relative;display:grid;flex:0 0 44px;width:44px;height:44px;padding:0;place-items:center;border:1px solid var(--color-gold-line);border-radius:50%;background:var(--color-paper);color:var(--color-ink);font-size:0;line-height:0;cursor:pointer;appearance:none;transition:border-color var(--dur-fast) ease,background-color var(--dur-fast) ease,color var(--dur-fast) ease}
.drawer-close::before,.drawer-close::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:1.5px;border-radius:999px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.drawer-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.drawer-close:hover{border-color:var(--color-gold-deep);background:var(--color-gold-soft);color:var(--color-gold-deep)}