/* Brand visual layer for the stage 3.2 page previews. */
:root{--ink:#1f2937;--muted:#4b5563;--paper:#faf8f5;--white:#fff;--teal:#e0040c;--teal-dark:#b50810;--lime:#fef2f2;--line:#e5ded9;--shadow:0 18px 50px #1f293712}
.site-header{background:#faf8f5ed}.site-footer{background:#f3f4f6}.hero{background:radial-gradient(ellipse at 78% 35%,#fce9e7 0,transparent 45%),var(--paper)}
.page-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 83% 28%,#fce9e7 0,transparent 42%),var(--paper)}.page-hero>.wrap{position:relative;z-index:1}.page-hero:not(:has(.about-title)) h1,.page-hero:not(:has(.about-title)) .lede{max-width:58%}
.page-hero:after{content:"";position:absolute;z-index:0;right:0;top:0;bottom:0;width:min(46%,620px);background-position:center right;background-size:contain;background-repeat:no-repeat;opacity:.76;mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%);pointer-events:none}
body:has(a[href="contact.html?service=translation"]) .page-hero:after{background-image:url("../images/visuals/translation.svg")}
body:has(a[href="contact.html?service=business-localization"]) .page-hero:after{background-image:url("../images/visuals/business-localization.svg")}
body:has(a[href="contact.html?service=chinese-language-learning"]) .page-hero:after{background-image:url("../images/visuals/mandarin-learning.svg")}
body:has(a[href="contact.html?service=china-local-experiences"]) .page-hero:after{background-image:url("../images/visuals/local-experiences.svg")}
body:has(a[href="#early-access"]) .page-hero:after{background-image:url("../images/visuals/education-exchange.svg")}
.page-hero:has(.about-title):after{display:none}
.brand{color:var(--ink)}.brand span{color:var(--teal)}.brand img{display:block;width:164px;height:auto}.site-footer .brand img{width:150px}.button,.nav .nav-cta{background:var(--teal)}.button:hover,.nav .nav-cta:hover{background:var(--teal-dark)}.button.secondary{background:transparent;border-color:var(--line);color:var(--ink)}
.steps.process{position:relative;display:grid;gap:0;max-width:960px;margin:0 auto;counter-reset:step}.steps.process:before{content:"";position:absolute;left:31px;top:35px;bottom:35px;width:2px;background:linear-gradient(var(--teal),#f6b9b9 70%,transparent)}.steps.process .step{position:relative;grid-template-columns:64px 1fr;gap:25px;padding:22px 0 27px;border:0}.steps.process .step:before{content:counter(step,decimal-leading-zero);counter-increment:step;position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;border:1px solid #f0b3b5;border-radius:50%;background:#fff;color:var(--teal);font:1.2rem var(--serif);box-shadow:0 8px 24px #1f29370e}.steps.process .step h3{font-size:1.28rem;margin:4px 0 8px}.steps.process .step p{max-width:700px;font-size:1.02rem;line-height:1.7}
.about-hero{padding:72px 0 62px}.about-title{display:grid;grid-template-columns:1.08fr .92fr;align-items:end;gap:35px;max-width:1000px;margin:0 0 24px}.about-title span:first-child{font:clamp(3.1rem,7vw,5.4rem)/.98 var(--serif);letter-spacing:-.045em}.about-title span:last-child{font:clamp(1.8rem,3.4vw,2.7rem)/1.14 var(--serif);letter-spacing:-.035em;padding:0 0 5px 26px;border-left:1px solid #e7b4b3}.about-hero .lede{max-width:780px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 0}.principle{padding:24px 0 0;border-top:2px solid #e7b4b3}.principle h3{margin:0 0 10px}.principle p{margin:0;color:var(--muted)}
.education-intro{max-width:780px}.program-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0 32px}.program-category{padding:23px;border-radius:16px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.program-category h3{margin:0 0 12px;font-size:1.12rem}.program-category ul{margin:0;padding-left:1.15rem;color:var(--muted)}.program-category li+li{margin-top:8px}.program-roadmap{counter-reset:roadmap;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 30px;list-style:none;padding:0;margin:24px 0 0}.program-roadmap li{counter-increment:roadmap;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:15px 0;border-bottom:1px solid var(--line);color:var(--muted)}.program-roadmap li:before{content:counter(roadmap,decimal-leading-zero);font:1.1rem var(--serif);color:var(--teal)}.program-note{padding:22px 24px;background:linear-gradient(110deg,#fff 0%,#fff 72%,#fef2f2 100%);border-radius:16px;border:1px solid var(--line)}
@media(max-width:1000px){.program-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.program-category:last-child{grid-column:1/-1}.program-roadmap{grid-template-columns:1fr}}
@media(max-width:820px){.page-hero:after{right:0;width:44%;opacity:.62;mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%)}.page-hero:not(:has(.about-title)) h1,.page-hero:not(:has(.about-title)) .lede{max-width:57%}.about-title{grid-template-columns:1fr;gap:14px}.about-title span:last-child{padding:0 0 0 18px}.principles{grid-template-columns:1fr}.program-categories{grid-template-columns:1fr}.program-roadmap{grid-template-columns:1fr}}
.program-heading{margin-top:54px}
.notice{border-left-color:var(--teal);background:#fef2f2}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #e0040c30;border-color:var(--teal)}:focus-visible{outline-color:var(--teal)}
body:has(a[href="#early-access"]) .page-hero:after{right:0;width:42%;opacity:.68}
@media(max-width:560px){.brand img{width:142px}.site-footer .brand img{width:138px}.page-hero:after{right:-28%;width:88%;opacity:.14}.page-hero:not(:has(.about-title)) h1,.page-hero:not(:has(.about-title)) .lede{max-width:100%}.steps.process:before{left:22px}.steps.process .step{grid-template-columns:46px 1fr;gap:17px;padding:17px 0 22px}.steps.process .step:before{width:46px;height:46px;font-size:1rem}.about-title span:first-child{font-size:3.1rem}.about-title span:last-child{font-size:1.7rem}.program-category{padding:20px}body:has(a[href="#early-access"]) .page-hero:after{right:-28%;width:88%;opacity:.14}}
.services-page-hero h1{max-width:780px!important}.services-page-hero .lede{max-width:680px!important}.services-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.services-grid .service-card{grid-column:span 2;min-height:210px;display:flex;flex-direction:column;align-items:flex-start}.services-grid .service-card:nth-child(4){grid-column:2/span 2}.services-grid .service-card:nth-child(5){grid-column:4/span 2}.service-card h2{font:1.45rem/1.18 var(--serif);margin:0 0 14px}.service-card p{margin:0 0 22px;line-height:1.65}.service-card a{margin-top:auto;font-weight:700;text-decoration:none}.service-card h2 a{position:relative;display:block;padding-right:25px}.service-card h2 a:after{content:"↗";position:absolute;right:0;top:0;font-size:.82em}
.translation-hero h1,.translation-hero .lede{max-width:58%!important}.language-strip{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px}.language-strip span{padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.91rem;font-weight:700}.seal-note{margin-top:18px;font-size:.93rem;color:var(--muted)}
.field-heading{margin:42px 0 20px}.field-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:0 0 22px}.field-card{grid-column:span 2;padding:22px 23px;border-top:2px solid #e8b3b4}.field-card:nth-child(4){grid-column:2/span 2}.field-card:nth-child(5){grid-column:4/span 2}.field-card h3{font-size:1.1rem;margin:0 0 11px;line-height:1.25}.field-card p{margin:0;line-height:1.72;color:var(--muted)}
.case-list{display:grid;gap:22px;margin-top:26px}.case-card{padding:30px 32px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.case-card h3{font:clamp(1.35rem,2.3vw,1.75rem)/1.3 var(--serif);letter-spacing:-.02em;margin:0 0 19px;max-width:900px}.case-card p{line-height:1.72;margin:0;color:var(--muted)}.case-card p+p{margin-top:12px}.case-card strong{color:var(--ink)}.selected-work-note{margin-top:28px;line-height:1.75}
.faq-list{counter-reset:faq;display:grid;gap:14px}.faq-list .article{display:grid;grid-template-columns:42px 1fr;column-gap:16px;align-items:start;padding:22px 24px}.faq-list .article:before{counter-increment:faq;content:counter(faq,decimal-leading-zero);grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fef2f2;color:var(--teal);font:1rem var(--serif)}.faq-list .article h2{font:700 1.08rem/1.45 var(--sans);letter-spacing:0;margin:4px 0 7px}.faq-list .article p{margin:0;line-height:1.7;color:var(--muted)}.translation-steps{max-width:980px}.translation-steps .step{padding-top:20px;padding-bottom:20px}
@media(max-width:820px){.services-grid,.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid .service-card,.field-card,.services-grid .service-card:nth-child(4),.field-card:nth-child(4),.services-grid .service-card:nth-child(5),.field-card:nth-child(5){grid-column:auto}.services-grid .service-card:nth-child(5),.field-card:nth-child(5){grid-column:1/-1;width:calc(50% - 10px);justify-self:center}.services-grid .service-card{min-height:200px}.translation-hero h1,.translation-hero .lede{max-width:60%!important}}
@media(max-width:560px){.services-grid,.field-grid{grid-template-columns:1fr}.services-grid .service-card,.field-card,.services-grid .service-card:nth-child(n),.field-card:nth-child(n){grid-column:1;width:auto;justify-self:stretch}.services-grid .service-card{min-height:unset}.case-card{padding:22px 21px}.faq-list .article{grid-template-columns:34px 1fr;gap:12px;padding:18px}.faq-list .article:before{width:32px;height:32px}}
@media(max-width:560px){.translation-hero h1,.translation-hero .lede{max-width:100%!important}}

/* Mandarin learning process: clear four-step layout that collapses without losing sequence. */
.learning-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:28px 0 0;counter-reset:none}
.learning-flow li{position:relative;display:flex;flex-direction:column;gap:18px;min-height:224px;padding:23px 21px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.learning-flow li:not(:last-child):after{content:"";position:absolute;z-index:2;right:-19px;top:42px;width:19px;height:2px;background:var(--teal)}
.learning-flow-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--lime);color:var(--teal);font:1rem var(--serif);font-weight:700}
.learning-flow h3{margin:0 0 9px;font-size:1.12rem;line-height:1.25}
.learning-flow p{margin:0;color:var(--muted);font-size:.97rem;line-height:1.65}

/* Product shelf reserved for future China Local Experiences packages. */
.experience-collection-intro{max-width:720px;margin-bottom:30px}
.experience-collection-card{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:34px 40px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(110deg,#fff 0%,#fff 64%,#fef2f2 100%);box-shadow:var(--shadow)}
.experience-collection-art{min-height:260px;background:url("../images/visuals/local-experiences.svg") center/contain no-repeat}
.experience-collection-copy h3{font:clamp(1.55rem,2.5vw,2rem)/1.2 var(--serif);margin:0 0 13px}
.experience-collection-copy p{max-width:480px;color:var(--muted);margin:0 0 20px}

/* Education hero: let the headline use the desktop width; keep the label legible. */
body.education-page .page-hero .education-intro{max-width:1120px}
body.education-page .page-hero .education-intro h1{max-width:100%;font-size:clamp(3rem,4.6vw,4.2rem)}
body.education-page .page-hero .education-intro .lede{max-width:680px}
body.education-page .page-hero .education-intro>.eyebrow{font-size:.92rem;letter-spacing:.11em;color:var(--teal)}
@media(max-width:980px){.learning-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-flow li:not(:last-child):after{display:none}}
@media(max-width:820px){body.education-page .page-hero .education-intro h1{font-size:clamp(2.75rem,6vw,3.6rem)}.experience-collection-card{gap:24px;padding:28px}}
@media(max-width:560px){.learning-flow{grid-template-columns:1fr;gap:13px}.learning-flow li{min-height:unset;padding:20px}.experience-collection-card{grid-template-columns:1fr;padding:23px}.experience-collection-art{grid-row:2;min-height:190px}body.education-page .page-hero .education-intro h1{font-size:2.65rem}body.education-page .page-hero .education-intro>.eyebrow{font-size:.82rem;letter-spacing:.08em}}

/* Clearer hero copy and a structured business localization project example. */
.translation-hero h1{max-width:650px!important;font-size:clamp(2.65rem,4.5vw,3.65rem)!important;letter-spacing:-.04em}
.translation-hero .eyebrow{font-size:.78rem;letter-spacing:.16em}
.entry-plan-intro{max-width:720px;margin-bottom:34px}
.entry-plan-intro h2{margin:10px 0 12px}
.entry-plan-intro p{max-width:640px;margin:0;color:var(--muted);line-height:1.7}
.entry-plan-flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0;counter-reset:entry}
.entry-plan-flow li{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:282px;padding:22px 19px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(155deg,#fff 0%,#fff 78%,#fef2f2 100%);box-shadow:var(--shadow)}
.entry-plan-number{display:grid;place-items:center;width:40px;height:40px;margin-bottom:24px;border-radius:50%;background:var(--lime);color:var(--teal);font:1rem var(--serif);font-weight:700}
.entry-plan-flow h3{margin:0 0 10px;font:1.18rem/1.22 var(--serif);letter-spacing:-.02em}
.entry-plan-flow li>p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.6}
.entry-plan-output{margin-top:auto;padding-top:17px;color:var(--ink);font-size:.9rem;line-height:1.5}
.entry-plan-output span{display:block;margin-bottom:4px;color:var(--teal);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1050px){.entry-plan-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-plan-flow li{min-height:250px}.entry-plan-flow li:nth-child(4),.entry-plan-flow li:nth-child(5){min-height:220px}}
@media(max-width:650px){.entry-plan-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.entry-plan-flow li,.entry-plan-flow li:nth-child(n){min-height:245px;padding:19px 16px}.entry-plan-number{margin-bottom:18px}}
@media(max-width:440px){.entry-plan-flow{grid-template-columns:1fr}.entry-plan-flow li,.entry-plan-flow li:nth-child(n){min-height:unset;padding:20px}.entry-plan-output{margin-top:22px}}

/* About hero: a clear lead statement with a lighter, full-width second line. */
.about-title{display:block;max-width:1120px;margin:0 0 24px}
.about-title span:first-child{display:block;font:clamp(3.5rem,7vw,6rem)/.98 var(--serif);letter-spacing:-.045em}
.about-title span:last-child{display:block;max-width:100%;padding:14px 0 0;border:0;font:clamp(1.55rem,2.65vw,2.25rem)/1.25 var(--serif);letter-spacing:-.025em}
.about-hero .lede{max-width:760px}
@media(max-width:820px){.about-title span:first-child{font-size:clamp(3rem,8vw,4.2rem)}.about-title span:last-child{font-size:clamp(1.4rem,3.4vw,1.8rem);padding-top:10px}}
@media(max-width:560px){.about-title span:first-child{font-size:3rem}.about-title span:last-child{font-size:1.45rem;line-height:1.3}}

.botcheck{display:none!important}