.ya-page .ya-hero{padding:58px 0;background:#f7f5ef}.ya-hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:60px;align-items:center}.ya-page h1{font-size:clamp(38px,4.4vw,60px);line-height:1.08;letter-spacing:-.04em;max-width:720px;margin-bottom:24px}.ya-hero-grid>div>p:not(.yc-kicker){max-width:590px;margin-bottom:28px}.ya-hero figure,.ya-image{margin:0;border-radius:22px;overflow:hidden;border:1px solid #d8ded4;box-shadow:0 20px 36px -20px #163d3040;background:#fff}.ya-hero img,.ya-image img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.ya-hero figcaption,.ya-image figcaption{padding:14px 20px;color:#435046;font-size:11px;letter-spacing:.07em;font-weight:700}.ya-outline{background:#fff;color:#173f30!important;border-color:#91a18d}.ya-identity{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;border:1px solid #d9e0d5;border-radius:20px;overflow:hidden;margin:0;background:#fff;box-shadow:0 12px 28px -18px #173f3040}.ya-identity>div{padding:26px 24px;border-right:1px solid #e1e6dd;min-width:0}.ya-identity>div:last-child{border:0}.ya-identity dt{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#795a23;font-weight:800;margin-bottom:16px}.ya-identity dd{margin:0;font-size:16px;line-height:1.6;font-weight:650;color:#223629}.ya-development{align-items:center}.ya-brief{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.ya-brief span{font-size:10px;color:#234c35;border:1px solid #bdcbbd;border-radius:999px;padding:8px 12px;background:#fff;font-weight:700}.ya-principles article{border-top:1px solid #708675;padding-top:25px}.ya-principles article>span{display:block;color:#efd491;font-size:12px;font-weight:750;margin-bottom:20px}.ya-principles p{font-size:15px;margin:0}.ya-principles h3{font-size:24px}.ya-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ya-materials a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:78px;padding:23px;border-radius:16px;border:1px solid #d6ddcf;color:#163e2b;font-weight:750;background:#fff;text-decoration:none;box-shadow:0 10px 20px -14px #173f3040;transition:transform .25s,box-shadow .25s}.ya-materials a>span:last-child{color:#84682e;font-size:22px}.ya-contact{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;text-decoration:none;padding:28px 18px;background:#fff;border:1px solid #d2dccc;border-radius:20px;box-shadow:0 5px 10px #173f3007,0 18px 30px -18px #173f303d;transition:transform .25s,box-shadow .25s}.ya-contact h3{margin:0;font-size:25px!important;color:#173f30!important}.ya-avatar{display:block;width:104px;height:104px;flex-shrink:0;border-radius:50%;border:3px solid #e3d7b8;background-color:#faf6ec;background-image:url('/wp-content/themes/yungshang-theme/assets/images/whatsapp-avatars.png');background-size:400% auto;background-position-y:30%;background-repeat:no-repeat}.ya-chat{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;background:#173f30;color:#fff;font-size:12px;font-weight:750;padding:11px 15px;min-height:42px}.ya-page .ya-avatar-note{font-size:12px;color:#5e665b;text-align:center;margin:20px 0 0}.ya-contact-section{background:#fff}.ya-address{font-style:normal;background:#f4f6f0;border:1px solid #d7e0d1;border-radius:20px;padding:32px}.ya-address strong{display:block;color:#1a3525;font-size:21px;line-height:1.4;margin-bottom:20px}.ya-address a{font-size:16px;color:#174b33;font-weight:700;overflow-wrap:anywhere}.ya-address .ya-visit-note{font-size:13px;margin:23px 0 0;padding-top:20px;border-top:1px solid #d5decf}
@media(hover:hover) and (pointer:fine){.ya-contact:hover,.ya-materials a:hover{transform:translateY(-6px);box-shadow:0 18px 32px -14px #173f3040}}
@media(max-width:1050px){.ya-hero-grid{gap:32px}.ya-identity{grid-template-columns:1fr 1fr}.ya-identity>div{border-bottom:1px solid #e1e6dd}.ya-identity>div:nth-child(2){border-right:0}.ya-identity>div:nth-child(3){border-bottom:0}.ya-materials{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ya-page .ya-hero{padding:35px 0 40px}.ya-hero-grid{grid-template-columns:1fr;gap:28px}.ya-page h1{font-size:38px}.ya-hero .yc-actions{gap:10px}.ya-hero .yc-btn{font-size:12px;padding:12px 17px;min-height:48px}.ya-page .yc-heading{text-align:left}.ya-identity>div{padding:21px 17px}.ya-identity dd{font-size:14px}.ya-principles{gap:28px}.ya-address{padding:25px}.ya-contacts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.ya-contact{padding:24px 10px;gap:15px}.ya-avatar{width:84px;height:84px}.ya-contact h3{font-size:23px!important}.ya-chat{font-size:10px;padding:10px 11px}.ya-page .ya-materials a{font-size:14px;padding:18px;min-height:70px}}
@media(max-width:420px){.ya-identity,.ya-materials{grid-template-columns:1fr}.ya-identity>div{border-right:0;border-bottom:1px solid #e1e6dd}.ya-identity>div:nth-child(3){border-bottom:1px solid #e1e6dd}.ya-page h1{font-size:35px}.ya-page .ya-address strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.ya-contact,.ya-materials a{transition:none}.ya-contact:hover,.ya-materials a:hover{transform:none}}

/* Editorial About: full-width banner, photographic story and clear chapter hierarchy. */
.ya-page .ya-hero.ya-hero-wide{position:relative;isolation:isolate;display:flex;align-items:center;min-height:600px;padding:65px 0 90px;overflow:hidden}
.ya-page .ya-hero-wide .ya-banner-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;animation:yaBannerDrift 20s ease-in-out infinite alternate}
.ya-hero-wide::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffaf34d,transparent 75%);pointer-events:none}
.ya-hero-copy{max-width:760px;padding:37px 40px;border:1px solid #e7d9bd;border-radius:26px;background:#fffdf4d9;box-shadow:0 18px 38px #634b1d0e}
.ya-page .ya-hero-wide h1{font-size:clamp(38px,4.4vw,62px);max-width:none;color:#222923;line-height:1.1}
.ya-hero-copy>p:not(.yc-kicker){max-width:600px;color:#485147;font-size:16px;line-height:1.8;margin-bottom:27px}
.ya-page .ya-hero-wide .yc-kicker{color:#806026}
.ya-banner-caption{position:absolute;right:40px;bottom:22px;border:1px solid #e3d6bd;border-radius:999px;padding:10px 18px;background:#fffdf4ed;color:#705426;font-size:10px;letter-spacing:.12em;font-weight:750}
.ya-chapters{background:#fff;border-bottom:1px solid #e7e0d4;padding:17px 0}
.ya-chapters .yc-wrap{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.ya-chapters a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 19px;border:1px solid #d9d0be;border-radius:999px;color:#344036;font-size:12px;font-weight:750;transition:background .25s,border-color .25s}
.ya-chapters a:hover{background:#f4e5bf;border-color:#b8964b}
.ya-page .ya-identity{display:grid;gap:16px;border:0;background:transparent;overflow:visible;box-shadow:none}
.ya-page .ya-identity>div{position:relative;overflow:hidden;border:1px solid #e0d8c7!important;border-radius:20px;padding:29px 24px;background:#fff;box-shadow:0 4px 8px #61491a05,0 18px 28px -24px #634a1b60}
.ya-identity>div::before{content:'';position:absolute;top:0;left:24px;right:24px;height:3px;background:#d2b36b;border-radius:0 0 4px 4px}
.ya-page .ya-inside{background:#fff;padding-top:25px}
.ya-inside .yc-heading{max-width:1080px}
.ya-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ya-story-card{display:flex;flex-direction:column;min-width:0;margin:0;border:1px solid #e2dacb;border-radius:23px;overflow:hidden;background:#fff;box-shadow:0 3px 0 #eee9df,0 15px 28px #4937190b;transition:transform .3s,box-shadow .3s}
.ya-story-image{display:block;background:#f6f3eb}
.ya-story-image img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:1/1}
.ya-story-card figcaption{display:flex;flex:1;flex-direction:column;padding:25px}
.ya-story-card .yc-number{margin-bottom:18px;color:#806026}
.ya-page .ya-story-card h3{font-size:24px;line-height:1.25;margin-bottom:16px}
.ya-story-card p{font-size:14px;line-height:1.8;margin-bottom:22px}
.ya-story-card .yc-btn{margin-top:auto;align-self:flex-start;min-height:43px;padding:10px 18px;font-size:12px}
.ya-gallery-action{text-align:center;margin-top:33px}
.ya-page .ya-brief{gap:9px}
.ya-page .ya-brief span{background:#fff;border-color:#dccfb5;color:#705426}
.ya-page .ya-materials a{border-radius:999px;border-color:#dfd5bf;color:#293c2e;background:#fff}
.ya-page .ya-address{background:#faf7ef;border-color:#e0d8c7}
.ya-page #inside-yungshang,.ya-page #company,.ya-page #development,.ya-page #working-together,.ya-page #our-team{scroll-margin-top:100px}
@keyframes yaBannerDrift{from{transform:scale(1)}to{transform:scale(1.055)}}
@media(hover:hover) and (pointer:fine){.ya-story-card:hover{transform:translateY(-6px);box-shadow:0 4px 0 #e9dfca,0 22px 35px #49371918}}
@media(max-width:1050px){.ya-gallery{gap:17px}.ya-story-card figcaption{padding:20px}.ya-page .ya-story-card h3{font-size:22px}}
@media(max-width:760px){
 .ya-page .ya-hero.ya-hero-wide{min-height:525px;padding:35px 0 75px}
 .ya-page .ya-hero-wide .ya-banner-image{object-position:62% center}
 .ya-hero-copy{max-width:none;padding:27px 22px;border-radius:23px;background:#fffdf4e8}
 .ya-page .ya-hero-wide h1{font-size:clamp(28px,7.5vw,32px);line-height:1.12}
 .ya-hero-copy>p:not(.yc-kicker){font-size:14px;line-height:1.75;margin-bottom:22px}
 .ya-page .ya-hero-wide .yc-actions{gap:9px;flex-wrap:wrap;justify-content:center}
 .ya-page .ya-hero-wide .yc-btn{font-size:11px;padding:12px 16px;min-height:44px}
 .ya-banner-caption{right:18px;left:18px;bottom:18px;text-align:center;font-size:8px;padding:10px 12px}
 .ya-chapters{padding:13px 0}.ya-chapters .yc-wrap{gap:7px}
 .ya-chapters a{flex:1 0 auto;min-height:40px;font-size:11px;padding:9px 13px}
 .ya-gallery{grid-template-columns:1fr;gap:24px}
 .ya-story-card figcaption{padding:25px 22px}
 .ya-story-card .yc-number{text-align:center}
 .ya-page .ya-story-card h3{font-size:25px}
 .ya-page .ya-brief{justify-content:center}
 .ya-page .ya-materials a{justify-content:center;font-size:13px}
 .ya-page .ya-identity dt,.ya-page .ya-identity dd{text-align:center}
 .ya-page #inside-yungshang,.ya-page #company,.ya-page #development,.ya-page #working-together,.ya-page #our-team{scroll-margin-top:80px}
}
@media(prefers-reduced-motion:reduce){.ya-page .ya-hero-wide .ya-banner-image{animation:none}.ya-story-card,.ya-chapters a{transition:none}.ya-story-card:hover{transform:none}}