/* Unified desktop, tablet and phone layouts. */
img{max-width:100%} .wrap,.header-inner{min-width:0} .button{min-height:44px} button,a{-webkit-tap-highlight-color:transparent} dialog{max-width:calc(100vw - 32px)}
@media(min-width:1200px){.wrap{width:min(1180px,calc(100% - 80px))}.menu-toggle{display:none}nav{display:flex}.header-inner{min-height:82px}}
@media(min-width:768px) and (max-width:1199px){.wrap{width:calc(100% - 64px)}.section{padding:60px 0}.concept-hero{height:460px}.concept-copy{max-width:52%;width:520px}.concept-copy h1,.concept-careers h1{font-size:34px}.concept-careers .concept-copy{max-width:52%}.new-products,.news-grid,.daily-grid,.capability-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-product>img{height:280px}.service-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.platform-matrix{grid-template-columns:1fr}.matrix-photo{height:300px}.matrix-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-section{grid-template-columns:1fr}.large-products{gap:22px}.large-product-image{height:300px}.large-products>article>div:last-child{padding:25px}.large-products h3{font-size:28px}.summary-system{grid-template-columns:1fr;gap:14px}.summary-system>span{text-align:center;transform:rotate(90deg)}.summary-system>article{display:grid;grid-template-columns:75px 1fr;text-align:left;column-gap:20px}.summary-system img{grid-row:span 2;margin:0}.summary-system h3{margin-bottom:8px}.center-layout,.concept-split{gap:30px}.company-pair h3{font-size:21px}.career-role{padding:32px}.role-details{gap:30px}.role-heading h3{font-size:29px}}
@media(max-width:1199px){.header-inner{width:calc(100% - 40px);min-height:78px;justify-content:space-between;gap:14px}.menu-toggle{display:block;background:none;border:0;font-size:27px;color:var(--navy);width:44px;height:44px;margin-left:auto}.header-contact{display:none}header nav{display:none;position:absolute;left:0;right:0;top:78px;background:white;padding:16px 24px;box-shadow:0 16px 20px #252b4312;max-height:calc(100dvh - 78px);overflow-y:auto}header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}header nav a{padding:13px 0;font-size:14px;min-height:48px}.detail-nav{top:78px}}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}.section{padding:46px 0}h2,.section-heading h2{font-size:28px}.concept-hero{height:auto;display:flex;flex-direction:column}.concept-hero>img{position:static;order:2;height:240px;object-position:right center}.concept-hero:after{display:none}.concept-hero>.wrap{order:1;height:auto;padding:36px 0 25px;display:block}.concept-copy,.concept-careers .concept-copy{width:100%;max-width:100%}.concept-copy h1,.concept-careers h1{font-size:29px}.concept-copy>p:not(.eyebrow){font-size:14px}.concept-split,.center-layout,.company-pair,.large-products,.solution-panel,.page-feature,.photo-copy,.platform-explainer,.shared-layout,.two-paths,.long-care-layout{grid-template-columns:1fr}.new-products,.matrix-bottom,.capability-grid,.daily-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-grid{grid-template-columns:1fr}.news-grid article>img{height:230px}.service-strip{grid-template-columns:1fr 1fr;gap:20px}.service-strip a{border:0}.matrix-main{grid-template-columns:1fr;padding:25px}.platform-matrix{grid-template-columns:1fr}.matrix-photo{height:260px}.solution-tabs{gap:8px;flex-wrap:wrap}.solution-tabs button{min-height:44px;padding:8px 14px}.news-row{grid-template-columns:1fr;gap:20px}.news-row>a{height:230px}.contact-section>.wrap,.footer-grid{grid-template-columns:1fr}.contact-section h2{font-size:28px}.contact-phone{font-size:28px}.footer-bottom{flex-wrap:wrap;gap:14px}.inline-care,.summary-bottom,.career-contact{display:block}.inline-care a,.career-contact .button{margin-top:24px}.career-intro{display:block}.career-values{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.career-values span{font-size:14px}.career-role{padding:26px 22px}.role-heading{flex-wrap:wrap;gap:17px}.role-heading>div{flex:1 1 calc(100% - 65px);min-width:0}.role-heading .button{margin-left:53px;margin-right:auto}.role-heading h3{font-size:26px}.role-number{font-size:37px}.role-details{grid-template-columns:1fr;gap:25px}.role-details ul{font-size:14px}.career-contact{padding:27px}.career-contact>div>a{font-size:28px}.detail-nav{overflow-x:auto}.detail-nav>.wrap{width:max-content;min-width:100%;padding:0 20px;gap:25px}.detail-nav a{white-space:nowrap}.filters{flex-wrap:wrap;gap:10px}.filter{min-height:44px}.new-hero{height:auto;min-height:540px}.new-hero .wrap{padding-top:55px;padding-bottom:45px}.new-hero h1{font-size:38px}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.brand b{font-size:17px}.brand-logo{width:34px;height:34px}.capability-grid,.daily-grid,.tool-grid,.new-products{grid-template-columns:1fr}.concept-copy h1,.concept-careers h1{font-size:26px}.actions{flex-wrap:wrap}.contact-phone,.career-contact>div>a{font-size:24px}}

.keep-word{white-space:nowrap}.solution-photo>img[src*="home-children-12"]{object-position:center center}

.mini-program-entry{display:flex;align-items:center;gap:26px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px 32px;margin-top:20px}.mini-program-entry img{width:150px;height:auto;flex-shrink:0}.mini-program-entry b{font-size:24px;color:var(--blue)}.mini-program-entry p{font-size:14px;margin:8px 0}.mini-program-entry small{font-size:12px;color:var(--muted)}.footer-mini-program{display:flex;gap:22px;align-items:center;padding:24px 0 32px}.footer-mini-program img{width:120px;height:auto;border-radius:6px;background:white}.footer-mini-program b{font-size:17px}.footer-mini-program span,.footer-mini-program small{display:block;color:#bbc0cf;font-size:12px;margin-top:6px}
@media(max-width:767px){.mini-program-entry{padding:22px 18px;gap:16px}.mini-program-entry img{width:125px}.mini-program-entry b{font-size:19px}.mini-program-entry p{font-size:13px}.mini-program-entry small{font-size:11px}.footer-mini-program img{width:115px}}
@media(max-width:359px){.mini-program-entry{flex-direction:column;text-align:center}.mini-program-entry img{width:150px}}

.matrix-mini-program{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ebe7f6;border-radius:8px;padding:28px 22px}.matrix-mini-program .category{margin-bottom:9px}.matrix-mini-program h3{font-size:24px;margin-bottom:17px;color:var(--blue)}.matrix-mini-program img{width:210px;height:auto;background:#fff;border-radius:8px}.matrix-mini-program p{font-size:14px;margin:17px 0 4px}.matrix-mini-program small{font-size:11px;color:var(--muted)}
@media(max-width:1199px) and (min-width:768px){.platform-matrix:has(.matrix-mini-program){grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.platform-matrix:has(.matrix-mini-program) .matrix-main{grid-template-columns:1fr;gap:24px}.matrix-mini-program img{width:190px}}
@media(max-width:767px){.matrix-mini-program{padding:28px 20px}.matrix-mini-program img{width:200px}.matrix-mini-program h3{font-size:23px}}

.solution-products .large-product-image{padding:0;height:auto;aspect-ratio:1.25;overflow:hidden;background:#e5e5e5}.solution-products .large-product-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.solution-products>article{background:#e5e5e5}.solution-products>article>div:last-child{background:white}
@media(max-width:767px){.solution-products .large-product-image{aspect-ratio:1.05}}

/* Product portrait composition matching the supplied reference. */
.solution-products .large-product-image{position:relative;aspect-ratio:1.52;background:#e5e5e5}.solution-products .large-product-image img{position:absolute;top:0;left:0;width:100%;height:155%;max-width:100%;object-fit:contain;object-position:center top}.solution-products>article{background:#e5e5e5}
@media(max-width:767px){.solution-products .large-product-image{aspect-ratio:1.38}.solution-products .large-product-image img{height:150%}}

.solution-products .large-product-image img{height:145%}
.solution-products .large-product-image:has(img[src*="175634604"]) img{height:128%}
@media(max-width:767px){.solution-products .large-product-image img{height:140%}.solution-products .large-product-image:has(img[src*="175634604"]) img{height:125%}}

.optics-poster{width:100%;background:#a8dadd}.optics-poster>img{display:block;width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.optical-choice{gap:30px}.optical-choice>article{position:relative;padding:38px;border:1px solid #d6cbe9;border-top:6px solid #64519e;background:linear-gradient(135deg,#ede7f9,#faf8ff);border-radius:12px}.optical-choice>article.choice-hua{border-color:#c8dfe9;border-top-color:#247f99;background:linear-gradient(135deg,#e2f1f7,#f7fcff)}.choice-state{display:inline-block;padding:7px 18px;border-radius:30px;background:#64519e;color:white;font-weight:600;font-size:20px;margin-bottom:23px}.choice-hua .choice-state{background:#247f99}.optical-choice h3{font-size:39px;color:#49318a;margin:0 0 17px;line-height:1.35}.optical-choice h3>span{font-size:22px;font-weight:400;margin-right:12px}.choice-hua h3{color:#206b83}.optical-choice .category{font-size:14px;margin-bottom:22px}.optical-choice p,.optical-choice li{font-size:15px}.optical-choice button{font-size:14px;font-weight:600;margin-top:10px}.optical-choice ul{border-top:1px solid #cec4e2;padding-top:18px}.choice-hua ul{border-color:#c1dbe5}
@media(max-width:767px){.optical-choice{gap:22px}.optical-choice>article{padding:29px 25px}.optical-choice h3{font-size:34px}.optical-choice h3>span{font-size:20px}.choice-state{font-size:18px}.optical-choice p,.optical-choice li{font-size:14px}}

.homework-layout>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#f3f1f6;border-radius:9px}

.adult-half-products .large-product-image img{height:132%}
@media(max-width:767px){.adult-half-products .large-product-image img{height:132%}}

.adult-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.adult-service-grid article{display:grid;grid-template-columns:48% minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:250px}.adult-service-grid article>img{height:100%;width:100%;object-fit:cover}.adult-service-grid article>div{padding:28px 25px;align-self:center}.service-step-number{display:block;font-size:25px;line-height:1.2;color:#aa98ca;margin-bottom:15px}.adult-service-grid h3{font-size:23px;margin:0 0 12px}.adult-service-grid p{font-size:14px;margin:0;line-height:1.9}
@media(min-width:768px) and (max-width:1000px){.adult-service-grid{gap:18px}.adult-service-grid article{grid-template-columns:45% minmax(0,1fr);min-height:230px}.adult-service-grid article>div{padding:23px 18px}.adult-service-grid h3{font-size:21px}.adult-service-grid p{font-size:13px}}
@media(max-width:767px){.adult-service-grid{grid-template-columns:1fr;gap:20px}.adult-service-grid article{grid-template-columns:43% minmax(0,1fr);min-height:210px}.adult-service-grid article>div{padding:23px 20px}.adult-service-grid h3{font-size:22px}.adult-service-grid p{font-size:13px}.service-step-number{font-size:23px;margin-bottom:12px}}

.home-carousel{position:relative;background:#272143;touch-action:pan-y}.home-carousel .carousel-slide[hidden]{display:none!important}.home-carousel .new-hero{height:580px}.event-slide{height:580px;display:flex;align-items:center;justify-content:center;background:#202238}.event-slide>img{width:100%;height:100%;object-fit:contain;display:block}.carousel-controls{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;border-radius:30px;padding:4px 13px;background:#16182b8c;z-index:2}.carousel-controls button{border:0;color:white;background:transparent;cursor:pointer;flex-shrink:0}.carousel-prev,.carousel-next{width:34px;height:36px;font-size:29px;line-height:1}.carousel-controls .carousel-dot{width:10px;height:10px;background:#ffffff6b;border-radius:50%;padding:0}.carousel-controls .carousel-dot.active{background:#fff;box-shadow:0 0 0 3px #ffffff25}.carousel-pause{font-size:15px;width:32px;height:36px}.carousel-controls button:focus-visible{outline:2px solid white;outline-offset:5px}.home-carousel:focus-visible{outline:2px solid var(--coral);outline-offset:-2px}
@media(min-width:768px) and (max-width:1199px){.home-carousel .new-hero,.event-slide{height:540px}}
@media(max-width:767px){.home-carousel .new-hero{height:580px;min-height:580px}.event-slide{height:580px}.carousel-controls{bottom:14px}.event-slide>img{height:auto;max-height:100%;object-fit:contain}.home-carousel .new-hero .wrap{padding-bottom:65px}}
