:root{color-scheme:light;--ink:#342e43;--muted:#514653;--accent:#75445e;--line:#dfcdd2;--paper:#fff5e8;--pink:#ffc2cb;--berry:#f4b3c2;--mint:#c1e9d2;--grape:#b7e0c0;--mist:#c6e6f2;--lavender:#d9c7e7;--apricot:#f6e2c8;--blue:#bed7f3;--yellow:#ffe8a3;--serif:Georgia,"Songti SC","STSong",serif;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:10;background:white;padding:1rem}.skip-link:focus{top:1rem}.section-wrap{width:min(100%,1440px);margin-inline:auto;padding-inline:clamp(1.25rem,5.5vw,5rem)}
.site-header{max-width:1440px;margin:auto;padding:1.1rem clamp(1.25rem,5.5vw,5rem);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:2rem;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;width:max-content;max-width:100%}.company-wordmark{display:block;width:176px;height:44px;object-fit:cover;object-position:center;mix-blend-mode:multiply}.main-nav{display:flex;align-items:center;justify-content:center;gap:1.5rem;font-size:.82rem;white-space:nowrap}.language-switch{display:flex;gap:.5rem;align-items:center;font-size:.75rem;white-space:nowrap;color:var(--muted)}.language-switch a{padding:.4rem .12rem;min-height:32px;display:inline-flex;align-items:center}.language-switch [aria-current]{color:var(--ink);font-weight:700;border-bottom:1px solid var(--ink)}.system-login{display:inline-flex;gap:1.2rem;align-items:center;padding:.85rem 1.05rem;background:var(--ink);color:white;border-radius:2px;white-space:nowrap;font-size:.8rem}.system-login:hover{background:var(--accent);color:white}
.hero{padding-top:clamp(3rem,6vw,5.5rem);display:grid;grid-template-columns:1.1fr 1fr;gap:3.5rem}.hero-copy{align-self:center;padding-bottom:1rem}.eyebrow{font-size:.7rem;letter-spacing:.13em;font-weight:600;color:var(--accent);margin:0 0 1.6rem;line-height:1.6;display:flex;align-items:center;gap:.8rem}.tiny-line{width:30px;height:1px;background:currentColor}.hero h1{font-family:var(--serif);font-size:clamp(3.4rem,5.5vw,5.4rem);line-height:1.19;letter-spacing:-.055em;font-weight:400;margin:0}.hero em,.company-heading em{font-weight:400;color:var(--accent);font-style:normal}html[lang=en] .hero em,html[lang=en] .company-heading em{font-style:italic}.hero-description{margin:1.8rem 0;color:var(--muted);font-size:.94rem;line-height:1.95;max-width:29rem}.primary-link{display:inline-flex;align-items:center;gap:2.5rem;background:var(--accent);color:white;padding:1rem 1.3rem;font-size:.8rem;border-radius:2px}.primary-link:hover{background:#532637;color:white}.brand-panel{position:relative;background:#e9e4dc;min-height:500px;display:flex;flex-direction:column;justify-content:space-between;padding:1.7rem;isolation:isolate;overflow:hidden}.panel-caption,.panel-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.6rem;letter-spacing:.13em;z-index:1}.panel-bottom{font-size:.8rem;letter-spacing:.04em}.panel-bottom>span:last-child{font-size:1.6rem}.brand-art{position:absolute;inset:0;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 65% 50%,#fbfaf7 0%,#ebe4dc 60%,#e2d8d0 100%)}.art-ring{position:absolute;width:340px;height:440px;border:1px solid #ac968655;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-28deg)}.ring-two{transform:translate(-50%,-50%) rotate(28deg);width:300px;height:400px}.art-disc{position:absolute;width:260px;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#d6c2b5,#f6f1e9 60%,#bfa390);left:50%;top:49%;transform:translate(-50%,-50%);box-shadow:20px 30px 65px #7d5f4820,inset 1px 1px 4px #fff}.art-line{height:1px;background:#ad938733;position:absolute;left:0;right:0;top:50%}.logo-surface{position:relative;margin:auto -0.2rem;z-index:1;mix-blend-mode:multiply}.logo-surface img{display:block;width:100%;height:auto}
.expertise-section,.company-section{padding-top:6rem;padding-bottom:6rem}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:4rem;margin-bottom:2.8rem}h2{font-family:var(--serif);font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.4;font-weight:400;letter-spacing:-.03em;margin:0}.section-note{max-width:22rem;font-size:.9rem;line-height:1.9;color:var(--muted);margin:0}.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.expertise-card{padding:2rem 1.7rem;border:1px solid var(--line);background:#fffefa;display:flex;flex-direction:column;min-width:0}.card-number{font-size:.63rem;letter-spacing:.1em;color:var(--accent)}h3{font-size:1.25rem;font-weight:500;line-height:1.45;margin:1.8rem 0 1rem}.expertise-card p,.process-grid p,.company-detail>p{font-size:.88rem;line-height:1.95;color:var(--muted);margin:0 0 1.5rem}.card-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--line)}.card-tags span{font-size:.65rem;color:var(--muted)}.card-tags span+span:before{content:'·';margin-right:.6rem}
.approach-section{background:#eeece6;padding:5rem 0}.process-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.process-grid li{border-top:1px solid #c9c2b8;padding-top:1.4rem;min-width:0}.step-number{font-family:var(--serif);font-size:2rem;color:#9c8f84}.process-grid h3{font-size:1rem;margin:1.5rem 0 .75rem}.process-grid p{margin:0}.company-section{display:grid;grid-template-columns:1fr 1.15fr;gap:5rem}.company-detail .company-intro{font-size:1.14rem;color:var(--ink);line-height:1.9}details{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:1.5rem;cursor:pointer;padding:1.3rem 0;font-size:.88rem;line-height:1.6;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:1.2rem;color:var(--accent);flex-shrink:0}details[open] summary span{transform:rotate(45deg)}
.site-footer{border-top:1px solid var(--line);padding-top:2.5rem;padding-bottom:1.5rem}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.footer-brand .company-wordmark{width:155px;height:42px}.footer-top p{font-family:var(--serif);font-size:1.1rem;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.25rem;font-size:.65rem;color:var(--muted)}
@media(max-width:1100px){.site-header{grid-template-columns:auto 1fr auto;gap:.5rem 1.5rem}.wordmark{grid-column:1/3;grid-row:1}.system-login{grid-column:3;grid-row:1}.main-nav{grid-row:2;grid-column:1/3;justify-content:flex-start;padding-top:.5rem}.site-header>.language-switch{grid-column:3;grid-row:2;justify-self:end}.hero{gap:2rem}.brand-panel{min-height:460px}.section-heading{gap:2rem}.section-note{max-width:19rem}.company-section{gap:3rem}.process-grid{gap:1.25rem}}
@media(max-width:760px){.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:1rem}.hero h1{font-size:clamp(3.5rem,10vw,5rem)}.brand-panel{min-height:390px;max-width:100%}.logo-surface{width:min(100%,450px);align-self:center}.section-heading{display:block}.section-note{margin-top:1.5rem;max-width:36rem}.expertise-grid{grid-template-columns:1fr}.expertise-card{padding:1.7rem}.expertise-card h3{margin-top:1rem}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.company-section{grid-template-columns:1fr;gap:2rem}.expertise-section,.company-section{padding-block:4rem}.approach-section{padding-block:4rem}.footer-top{flex-wrap:wrap}.footer-top p{flex-basis:100%;order:3;margin:0}.hero-description{max-width:35rem}}
@media(max-width:520px){.site-header{gap:.3rem .75rem;padding-top:.65rem;padding-bottom:.65rem}.wordmark .company-wordmark{width:140px;height:38px}.system-login{padding:.7rem .85rem;font-size:.75rem;gap:.8rem}.language-switch{font-size:.7rem}.main-nav{gap:1.25rem;font-size:.75rem;padding-top:0}.main-nav a[href="#approach"]{display:none}.hero{padding-top:2.8rem}.hero h1{font-size:clamp(2.75rem,14.5vw,3.6rem)}.hero-description{font-size:.88rem}.brand-panel{min-height:330px;padding:1.3rem}.panel-caption{font-size:.5rem;letter-spacing:.05em}.art-ring{width:260px;height:330px}.ring-two{width:220px;height:290px}.art-disc{width:200px}.process-grid{gap:1.5rem 1rem}.process-grid h3{font-size:.92rem}.process-grid p{font-size:.8rem}.footer-top{gap:1rem}.footer-brand .company-wordmark{width:135px;height:36px}.section-heading{margin-bottom:2rem}.eyebrow{font-size:.65rem}}
/* Reference palette, 2026-09-17: paired pastel fields, not pale text on pale backgrounds. */
.site-header{background:var(--paper)}
.system-login{background:var(--lavender);color:var(--ink)}.system-login:hover{background:var(--apricot);color:var(--ink)}
.primary-link{background:var(--pink);color:var(--ink)}.primary-link:hover{background:var(--berry);color:var(--ink)}
.brand-panel{background:var(--mint);border-radius:2rem}
.brand-art{background:linear-gradient(90deg,var(--berry) 0%,var(--berry) 50%,var(--mint) 50%,var(--mint) 100%)}
.art-ring{border-color:#fff5e899}.art-disc{background:var(--paper);box-shadow:none}.art-line{display:none}
.panel-caption,.panel-bottom{color:var(--ink)}
.expertise-card{border-color:transparent;border-radius:.5rem}
.expertise-card:nth-child(1){background:var(--mint)}.expertise-card:nth-child(2){background:var(--grape)}.expertise-card:nth-child(3){background:var(--mist)}
.card-tags{border:0;padding:.8rem;margin-top:auto;border-radius:.2rem}
.expertise-card:nth-child(1) .card-tags{background:var(--berry)}.expertise-card:nth-child(2) .card-tags{background:var(--mist)}.expertise-card:nth-child(3) .card-tags{background:var(--grape)}
.approach-section{background:var(--lavender)}
.process-grid li{border:0;background:var(--apricot);padding:1.5rem;border-radius:.35rem}
.step-number{color:var(--accent)}

.site-footer{background:var(--blue);border-top-color:transparent}.footer-bottom{border-top-color:#342e4326}.footer-top p{color:var(--ink)}

/* Typography: natural Chinese spacing, stable phrase breaks, clear reading sizes. */
.main-nav{font-size:.875rem}.language-switch,.system-login{font-size:.8125rem}.hero-description,.section-note,.expertise-card p,.process-grid p,.company-detail>p,.contact-detail>p,.contact-info dd{font-size:1rem;line-height:1.8;letter-spacing:0}.eyebrow{font-size:.75rem;letter-spacing:.06em}.card-number{font-size:.7rem;letter-spacing:.04em}.card-tags span{font-size:.75rem}.panel-caption{font-size:.65rem;letter-spacing:.04em}.footer-bottom{font-size:.75rem}summary{font-size:1rem}.hero h1{letter-spacing:-.025em}h2{letter-spacing:0}.hero em{white-space:nowrap}html[lang=zh-CN] .hero h1{font-family:inherit;font-weight:500;font-size:clamp(2rem,4vw,3.6rem);line-height:1.45;letter-spacing:0}html[lang=zh-CN] h2{font-family:inherit;font-weight:500;line-height:1.5;font-size:clamp(1.75rem,2.6vw,2.5rem)}html[lang=zh-CN] .eyebrow{letter-spacing:.03em}.section-heading>div{min-width:0}.section-note{flex-shrink:0}
@media(max-width:760px){html[lang=zh-CN] .hero h1{font-size:clamp(2rem,7.8vw,3.5rem)}}
@media(max-width:520px){.main-nav,.system-login{font-size:.8125rem}.hero-description,.section-note,.expertise-card p,.process-grid p,.company-detail>p,.contact-detail>p,.contact-info dd{font-size:.9375rem}.process-grid{grid-template-columns:1fr}.process-grid h3{font-size:1.0625rem;margin-top:.75rem}.panel-caption{font-size:.6rem}html[lang=zh-CN] .hero h1{font-size:clamp(2rem,8vw,2.6rem)}}
/* Four capabilities and six delivery stages retain balanced rows in both languages. */
.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.expertise-card:nth-child(4){background:var(--apricot)}.expertise-card:nth-child(4) .card-tags{background:var(--lavender)}
@media(max-width:1100px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.expertise-grid{grid-template-columns:1fr}}
@media(max-width:520px){.process-grid{grid-template-columns:1fr}}
.management-section{padding-bottom:6rem}.management-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.management-grid article{background:var(--mint);padding:1.75rem;border-radius:.5rem;min-width:0}.management-grid article:nth-child(2){background:var(--mist)}.management-grid article:nth-child(3){background:var(--apricot)}.management-grid h3{margin:0 0 1rem;font-size:1.125rem}.management-grid p{font-size:1rem;line-height:1.8;color:var(--muted);margin:0}
@media(max-width:760px){.management-section{padding-bottom:4rem}.management-grid{grid-template-columns:1fr}.management-grid p{font-size:.9375rem}}
.management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-grid article:nth-child(4){background:var(--lavender)}
@media(max-width:760px){.management-grid{grid-template-columns:1fr}}
/* Paired colors own substantial areas, rather than a narrow decorative tag. */
.expertise-card{display:grid;grid-template-rows:2fr 3fr;padding:0;overflow:hidden;background:var(--mint)}.capability-heading,.capability-body{padding:1.65rem 1.75rem;min-width:0}.capability-heading{display:flex;flex-direction:column;justify-content:center}.capability-heading h3{margin:.85rem 0 0}.capability-body{display:flex;flex-direction:column;background:var(--berry)}.expertise-card:nth-child(2){background:var(--grape)}.expertise-card:nth-child(2) .capability-body{background:var(--mist)}.expertise-card:nth-child(3){background:var(--blue)}.expertise-card:nth-child(3) .capability-body{background:var(--yellow)}.expertise-card:nth-child(4){background:var(--lavender)}.expertise-card:nth-child(4) .capability-body{background:var(--apricot)}.expertise-card:nth-child(n) .card-tags{background:transparent;border-top:1px solid #342e4326;padding:.85rem 0 0;border-radius:0}
.approach-section{padding:0}.approach-section>.section-wrap{display:grid;grid-template-columns:2fr 3fr;padding-inline:0}.approach-section .section-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2rem;margin:0;padding:3.5rem clamp(1.75rem,4vw,4rem);background:var(--lavender)}.approach-section .section-note{max-width:none;margin:0;flex-shrink:1}.approach-section .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;padding:3rem clamp(1.75rem,3vw,3rem);background:var(--apricot)}.approach-section .process-grid li{padding:1.2rem 0 0;border-radius:0;background:transparent;border-top:1px solid #342e4333}.approach-section .process-grid h3{margin:.85rem 0 .65rem}
@media(max-width:1000px){.approach-section>.section-wrap{grid-template-columns:1fr}.approach-section .section-heading{padding:3rem clamp(1.25rem,5.5vw,5rem)}.approach-section .process-grid{padding:2.5rem clamp(1.25rem,5.5vw,5rem)}}
@media(max-width:520px){.capability-heading,.capability-body{padding:1.4rem}.approach-section .process-grid{grid-template-columns:1fr;gap:1.5rem}}
/* Product category controls: native disclosures work with touch, keyboard and no JS. */
.product-category[open]>summary span{transform:none}
.products-section{padding-block:5rem 0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:start}.product-category{--product-top:var(--lavender);--product-bottom:var(--apricot);border:0;border-radius:1rem;overflow:hidden;background:var(--product-bottom);min-width:0}.product-lips{--product-top:var(--berry);--product-bottom:var(--mint)}.product-face{--product-top:var(--blue);--product-bottom:var(--yellow)}.product-category>summary{display:grid;grid-template-columns:1fr;gap:0;padding:0;position:relative;color:var(--ink);background:var(--product-top)}.product-category>summary span{color:inherit;transform:none;font-size:inherit;flex-shrink:1}.product-category>summary:focus-visible{outline:3px solid var(--accent);outline-offset:-5px}.product-category .product-icon{display:flex;align-items:center;justify-content:center;height:112px;font-size:3rem;background:var(--product-top);transition:transform .2s}.product-category>summary:hover .product-icon{transform:translateY(-3px)}.product-heading{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 1.25rem 1.5rem;gap:.45rem;min-height:130px}.product-category .product-kicker{font-size:.75rem;letter-spacing:.12em}.product-category .product-name{font-size:1.5rem;font-weight:600;line-height:1.4}.product-category .product-teaser{font-size:.9375rem;line-height:1.6}.product-category .product-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;padding:1.2rem 1.4rem;background:var(--product-bottom);font-size:.9375rem;font-weight:600;line-height:1.5}.product-category .product-toggle{font-size:1.4rem;font-weight:400}.product-category .product-close{display:none}.product-category[open] .product-close{display:inline}.product-category[open] .product-open{display:none}.product-category[open] .product-toggle{transform:rotate(45deg)}.product-content{padding:0 1.4rem 1.4rem}.product-types{list-style:none;padding:0;margin:0}.product-types li{border-top:1px solid #342e4326;padding:1.15rem 0}.product-types li:last-child{padding-bottom:0}.product-types h3{font-size:1.0625rem;font-weight:600;margin:0 0 .5rem}.product-types p{font-size:1rem;line-height:1.8;color:var(--muted);margin:0}
@media(max-width:1100px){.main-nav{gap:1rem}.main-nav a[href="#approach"]{display:none}}
@media(max-width:760px){.product-grid{grid-template-columns:1fr}.product-heading{min-height:0}.products-section{padding-top:4rem}.product-category>summary{grid-template-columns:88px minmax(0,1fr)}.product-category .product-icon{height:auto;min-height:126px;font-size:2.75rem}.product-heading{text-align:left;align-items:flex-start;padding:1.4rem 1rem 1.4rem 0}.product-category .product-action{grid-column:1/-1;min-height:60px;padding-block:1rem}.product-category .product-name{font-size:1.3rem}.main-nav{gap:.8rem;font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.product-category .product-icon{transition:none}}
/* Hand-drawn category artwork has a fixed box to avoid layout shifts on loading. */
.product-category .product-icon{height:208px;padding:1rem 1.5rem .5rem}.product-icon img{display:block;width:184px;height:184px;object-fit:contain}
@media(max-width:760px){.product-category>summary{grid-template-columns:112px minmax(0,1fr)}.product-category .product-icon{height:auto;min-height:132px;padding:.75rem .35rem .75rem .75rem}.product-icon img{width:96px;height:112px}}
/* Readable system-style body copy, matching the user's native-app reference. */
.business-card-body p,.hero-description,.section-note,.expertise-card p,.process-grid p,.company-detail>p,.management-grid p,.product-types p,.product-category .product-teaser,.card-tags span,.contact-detail>p,.contact-info dt,.contact-info dd{font-family:"PingFang SC",-apple-system,BlinkMacSystemFont,"Helvetica Neue","Microsoft YaHei",sans-serif;font-weight:500;color:#242424;letter-spacing:0}
/* Reference-inspired navigation typography, scoped away from the logo and app. */
.site-header .main-nav,.site-header .language-switch,.site-header .system-login{font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:500;letter-spacing:0;line-height:1.5}
.site-header .main-nav{font-size:.9rem;gap:clamp(.65rem,1.3vw,1.2rem);color:#666}
.proposal-invite{display:grid;grid-template-columns:1.25fr 1fr;gap:0;margin-top:5rem}.proposal-invite-copy{background:#e7d1dd;padding:clamp(2rem,5vw,4rem);border-radius:20px 0 0 20px}.proposal-invite h2{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,3vw,3.3rem);margin:0 0 1.5rem}.proposal-invite-copy>p:not(.eyebrow){font-size:1rem;line-height:1.9;max-width:28rem;color:#624f5b}.proposal-invite .primary-link{margin-top:1rem;border-radius:8px;font-size:.95rem;gap:1.5rem}.proposal-invite small{display:block;margin-top:1rem;color:#786471;font-size:.75rem}.proposal-invite-art{background:#d9e3d2;border-radius:0 20px 20px 0;padding:3rem;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;overflow:hidden}.proposal-invite-art>span{font-size:.75rem;letter-spacing:.2em}.proposal-invite-art strong{font:500 clamp(3rem,5vw,5.4rem)/1.05 Georgia;color:#627052;letter-spacing:-.04em}.invite-chip{font-size:.65rem;letter-spacing:.15em;border-top:1px solid #62705244;padding-top:1.5rem;margin-top:1rem}.proposal-invite-art i{font-weight:400}@media(max-width:850px){.site-header{gap:1rem}.site-header .main-nav{flex-wrap:wrap;white-space:normal}.proposal-invite{grid-template-columns:1fr}.proposal-invite-copy{border-radius:18px 18px 0 0}.proposal-invite-art{border-radius:0 0 18px 18px;padding:2rem}.proposal-invite-art strong{font-size:3rem}.proposal-invite .primary-link{line-height:1.6}}@media(max-width:520px){.proposal-invite{margin-top:3rem}.proposal-invite-art{display:none}.proposal-invite-copy{border-radius:18px}}
.site-header .main-nav a{display:inline-flex;align-items:center;min-height:40px;transition:color .15s ease}
.site-header .main-nav a:hover,.site-header .main-nav a:focus-visible{color:#111}
.site-header .language-switch{font-size:.875rem;color:#666}.site-header .language-switch [aria-current]{font-weight:500;color:#111}
.site-header .system-login{font-size:.9375rem;color:#222}
@media(max-width:1100px){.site-header .main-nav a[href="#approach"]{display:none}}
@media(max-width:760px){.site-header .main-nav{font-size:.9375rem;gap:1rem}.site-header .language-switch{font-size:.8125rem}}
@media(max-width:420px){.site-header .main-nav{font-size:.875rem;gap:.75rem}.site-header .system-login{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.site-header .main-nav a{transition:none}}
/* The signature sits beneath the central wordmark, leaving all corners clear. */
.brand-panel{container-type:inline-size}
.brand-tagline{position:absolute;left:1.3rem;right:1.3rem;top:calc(50% + clamp(2rem,9cqi,4.5rem));z-index:3;margin:0;text-align:center;font-family:"Songti SC","Noto Serif CJK SC","STSong",serif;font-size:clamp(.8125rem,3.6cqi,1.25rem);font-weight:400;line-height:1.6;letter-spacing:.24em;text-indent:.24em;color:#29232c;pointer-events:none}
html[lang=en] .brand-tagline{font-family:Georgia,"Times New Roman",serif;font-size:clamp(.8125rem,3.2cqi,1.125rem);font-style:italic;letter-spacing:.035em;text-indent:.035em}
/* One finite center-origin sequence; each frame uses one solid reference color. */
.brand-motion-trigger{position:absolute;inset:0;z-index:4;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.brand-motion-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:-7px}.brand-motion-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.brand-ripples{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:inherit}.ripple-wave{position:absolute;left:var(--ripple-center-x,50%);top:var(--ripple-center-y,49%);width:var(--ripple-size,260px);aspect-ratio:1;border:1px solid #6d777529;border-radius:50%;box-shadow:0 1px 1px #fff5e880,inset 0 1px 1px #fff5e880;opacity:0;transform:translate(-50%,-50%) scale(.04);pointer-events:none}.ripple-wave::after{content:"";position:absolute;inset:3px;border:1px solid #fff5e860;border-radius:50%}
.logo-surface{mix-blend-mode:normal;z-index:3}.panel-caption,.panel-bottom{z-index:3}.logo-surface>img{opacity:0}.brand-color-logo{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.brand-color-wash{fill:#000000}
.brand-panel.is-rippling .logo-surface{animation:brand-logo-return 10.8s linear both,brand-logo-opacity 10.8s linear both;transform-origin:50% 50%;will-change:transform,opacity}.brand-panel.is-rippling .ripple-wave{animation:brand-water-ripple 5.4s cubic-bezier(.2,.35,.4,1) both;animation-delay:var(--wave-delay)}
.brand-panel.is-rippling .brand-color-wash{animation:brand-solid-colors 5.4s linear 2 both}
/* Growth and opacity have separate tracks, so fading never interrupts the scale curve. */
@keyframes brand-logo-return{0%{transform:translate(0,0) scale(1);animation-timing-function:cubic-bezier(.4,0,.6,1)}12%{transform:translate(var(--brand-center-x,0px),var(--brand-center-y,0px)) scale(.015);animation-timing-function:cubic-bezier(.3,0,.3,1)}94%,100%{transform:translate(0,0) scale(1)}}
@keyframes brand-logo-opacity{0%,4%{opacity:1}12%{opacity:0}25%,100%{opacity:1}}
@keyframes brand-water-ripple{0%{transform:translate(-50%,-50%) scale(.04);opacity:0}12%{opacity:.7}45%{opacity:.38}75%{opacity:.12}100%{transform:translate(-50%,-50%) scale(2.5);opacity:0}}
/* A single solid fill interpolates as a whole; never a multicolour gradient. */
@keyframes brand-solid-colors{0%{fill:#000000}12%,14%{fill:#ffc2cb}22%{fill:#fff5e8}30%{fill:#f4b3c2}38%{fill:#c1e9d2}46%{fill:#b7e0c0}54%{fill:#c6e6f2}62%{fill:#d9c7e7}70%{fill:#f6e2c8}78%{fill:#bed7f3}86%{fill:#ffe8a3}94%,100%{fill:#000000}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-panel.is-rippling .logo-surface,.brand-panel.is-rippling .ripple-wave,.brand-panel.is-rippling .brand-color-wash{animation:none!important;will-change:auto}.brand-panel .logo-surface{transform:none!important;opacity:1!important}.brand-ripples{display:none}}
.contact-section{padding-bottom:6rem}.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:3rem;border-radius:1rem;background:var(--lavender)}.contact-panel .eyebrow{margin-bottom:1rem}.contact-detail{align-self:center;min-width:0}.contact-detail>p{margin:0}.contact-info{display:grid;gap:1.25rem;margin:1.75rem 0 0}.contact-info dt{font-size:.8125rem;font-weight:500;color:var(--accent);margin-bottom:.4rem}.contact-info dd{margin:0;overflow-wrap:anywhere}.contact-info a{text-decoration:underline;text-underline-offset:.2em}.main-nav{flex-wrap:wrap;row-gap:.6rem}@media(max-width:760px){.contact-section{padding-bottom:4rem}.contact-panel{grid-template-columns:1fr;gap:1.5rem;padding:1.75rem}}
.company-detail .company-full-name{font-size:clamp(1.125rem,1.7vw,1.5rem);font-weight:600;line-height:1.6;color:var(--ink);margin:0 0 1.25rem;overflow-wrap:anywhere}.footer-company-name{min-width:0;line-height:1.8;overflow-wrap:anywhere}.footer-bottom>a{flex-shrink:0}
/* Service options follow the same type scale and paired pastel palette. */
.business-section{padding-top:6rem}.business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.business-card{--service-heading:var(--berry);--service-body:var(--mint);display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:1rem;background:var(--service-body)}.business-card:nth-child(2){--service-heading:var(--blue);--service-body:var(--yellow)}.business-card:nth-child(3){--service-heading:var(--lavender);--service-body:var(--apricot)}.business-card:nth-child(4){--service-heading:var(--grape);--service-body:var(--mist)}.business-card-heading{background:var(--service-heading);padding:1.75rem 2rem;min-height:8.5rem}.business-card-heading h3{font-size:1.25rem;font-weight:500;line-height:1.5;margin:.75rem 0 0}.business-card-body{padding:1.75rem 2rem;flex:1}.business-card-body p{font-size:1rem;line-height:1.8;margin:0}.site-header .main-nav{min-width:0}@media(max-width:760px){.business-section{padding-top:4rem}.business-grid{grid-template-columns:1fr;gap:1.25rem}.business-card-heading{padding:1.5rem;min-height:0}.business-card-body{padding:1.5rem}}@media(max-width:520px){.business-card-body p{font-size:.9375rem}}
