/* About Us follows the main site's established palette and editorial rhythm. */
.hy-about .hy-about-page{--about-ink:#314d4b;--about-body:#69766c;--about-line:#dedfd5;--about-rose:#b57467;background:#fbf9f5;color:var(--about-ink)}
.hy-about-page figure{margin:0;min-width:0}
.hy-about-page .eyebrow{font-size:10px;font-weight:500;line-height:1.6;letter-spacing:2px;color:#7b8476}
.hy-about-page h1,.hy-about-page h2,.hy-about-page h3{font-family:var(--hy-serif,'Noto Serif TC',serif);font-weight:500;color:var(--about-ink)}
.hy-about-page h2{font-size:30px;line-height:1.7;letter-spacing:.5px;margin:14px 0 24px}
.hy-about-page .hy-about-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:64px;padding-bottom:64px}
.hy-about-page .hy-about-intro h1{font-size:clamp(34px,3.35vw,48px);line-height:1.65;letter-spacing:1px;margin:20px 0 22px}
.hy-about-page .hy-about-intro h1 span{color:var(--about-rose)}
.hy-about-page .hy-about-intro>p:not(.eyebrow){font-size:13px;line-height:2.2;color:var(--about-body);max-width:480px;margin-top:14px}
.hy-about-page .hy-about-intro .hy-about-lead{font-size:12px;letter-spacing:1px;color:var(--about-ink)}
.hy-about-page .underlined{color:var(--about-ink);border-color:#b9c2b6;line-height:1.8;transition:color .2s,border-color .2s}
.hy-about-page .underlined:hover{color:#a45e50;border-color:#a45e50}
.hy-about-page .hy-about-intro>.underlined{margin-top:26px}
.hy-about-page .hy-about-hero-photo{position:relative;height:490px;overflow:hidden;border-radius:140px 6px 6px 6px}
.hy-about-page .hy-about-hero-photo img{height:100%;width:100%;object-fit:cover;object-position:48% center}
.hy-about-page .hy-about-hero-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#16312caa)}
.hy-about-page .hy-about-hero-photo figcaption{position:absolute;bottom:23px;left:27px;right:22px;color:white;font-size:11px;letter-spacing:.5px;z-index:1}
.hy-about-page .hy-about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--about-line);border-bottom:1px solid var(--about-line)}
.hy-about-page .hy-about-values>span{display:flex;align-items:center;justify-content:center;gap:20px;margin:22px 0;font-family:var(--hy-serif,'Noto Serif TC',serif);font-size:19px;letter-spacing:3px}
.hy-about-page .hy-about-values>span+span{border-left:1px solid var(--about-line)}
.hy-about-page .hy-about-values small{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:1.6px;color:#7b8476}
.hy-about-page .hy-about-section{padding-top:86px;padding-bottom:86px}
.hy-about-page .hy-about-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.hy-about-page .hy-about-copy{max-width:480px}
.hy-about-page .hy-about-copy>p:not(.eyebrow){font-size:13px;line-height:2.2;color:var(--about-body);margin-top:16px}
.hy-about-page .hy-about-copy>.underlined{margin-top:25px}
.hy-about-page .hy-about-editorial-image{overflow:hidden;border-radius:5px;background:#f6ede8}
.hy-about-page .hy-about-editorial-image img{width:100%;height:auto;object-fit:contain}
.hy-about-page .hy-about-resources{background:#f0f1e9;border-block:1px solid #e5e6dc}
.hy-about-page .hy-about-resources .section-heading h2{font-size:30px;line-height:1.7;margin-bottom:0}
.hy-about-page .hy-about-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px;margin-top:36px}
.hy-about-page .hy-about-resource-grid>a{display:flex;flex-direction:column;align-items:flex-start;padding:26px 0 30px;border-top:1px solid #d3d8c9;min-width:0;color:var(--about-ink)}
.hy-about-page .hy-about-number{font-size:9px;letter-spacing:1.5px;color:#7b8476}
.hy-about-page .hy-about-resource-grid h3{font-size:19px;line-height:1.8;margin:17px 0 22px;transition:color .2s}
.hy-about-page .hy-about-resource-link{display:flex;justify-content:space-between;width:100%;font-size:11px;color:#69766c;line-height:1.8}
.hy-about-page .hy-about-resource-link>span{font-size:17px;color:#a87564;transition:transform .2s}
.hy-about-page .hy-about-resource-grid>a:hover h3{color:#a45e50}
.hy-about-page .hy-about-resource-grid>a:hover .hy-about-resource-link>span{transform:translate(2px,-2px)}
.hy-about-page .hy-about-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:26px}
.hy-about-page .hy-about-partner{border-top:1px solid var(--about-line)}
.hy-about-page .hy-about-copy .hy-about-partner-name{font-size:11px;color:#9b6c5c;letter-spacing:.5px}
.hy-about-page .hy-about-partner-image{border-radius:6px 90px 6px 6px;overflow:hidden}
.hy-about-page .hy-about-partner-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.hy-about-page .hy-about-contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:45px;padding-bottom:52px;margin-bottom:85px;border-top:1px solid var(--about-line)}
.hy-about-page .hy-about-contact h2{margin-bottom:0}
.hy-about-page .hy-about-contact>div>p:not(.eyebrow){font-size:13px;line-height:2.2;color:var(--about-body)}
.hy-about-page .hy-about-contact a{display:inline-flex;align-items:center;gap:28px;font-size:clamp(15px,1.65vw,21px);border-bottom:1px solid #b9c2b6;padding:12px 0 8px;margin-top:10px;overflow-wrap:anywhere}
.hy-about-page .hy-about-contact a:hover{color:#a45e50}
@media(max-width:1050px){.hy-about-page .hy-about-hero,.hy-about-page .hy-about-split{gap:42px}.hy-about-page .hy-about-hero-photo{height:460px}.hy-about-page .hy-about-resource-grid{gap:0 24px}.hy-about-page .hy-about-resource-grid h3{font-size:17px}}
@media(max-width:767px){.hy-about-page .shell{padding-left:24px;padding-right:24px}.hy-about-page .hy-about-hero{grid-template-columns:1fr;gap:34px;padding-top:40px;padding-bottom:36px}.hy-about-page .hy-about-intro h1{font-size:34px;margin-top:17px}.hy-about-page .hy-about-intro>p:not(.eyebrow){max-width:none}.hy-about-page .hy-about-hero-photo{height:340px;border-top-left-radius:95px}.hy-about-page .hy-about-values>span{flex-direction:column;gap:7px;margin:18px 0;font-size:17px;letter-spacing:2px}.hy-about-page .hy-about-values small{font-size:8px;letter-spacing:1px}.hy-about-page .hy-about-section{padding-top:54px;padding-bottom:54px}.hy-about-page .hy-about-split{grid-template-columns:1fr;gap:30px}.hy-about-page .hy-about-copy{max-width:none}.hy-about-page h2{font-size:26px;margin-bottom:20px}.hy-about-page .hy-about-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-top:28px}.hy-about-page .hy-about-resource-grid>a{padding-top:22px;padding-bottom:25px}.hy-about-page .hy-about-resource-grid h3{font-size:17px;min-height:61px;margin:13px 0 15px}.hy-about-page .hy-about-community .hy-about-copy{grid-row:1}.hy-about-page .hy-about-contact{grid-template-columns:1fr;gap:26px;padding-top:42px;padding-bottom:0;margin-bottom:58px}.hy-about-page .hy-about-contact a{gap:14px;font-size:18px}.hy-about-page .hy-about-partner-image{border-top-right-radius:65px}}
@media(prefers-reduced-motion:reduce){.hy-about-page a,.hy-about-page h3,.hy-about-page .hy-about-resource-link>span{transition:none}}
@media(max-width:767px){.hy-about-page .hy-about-resources .section-heading h2{font-size:26px}.hy-about #hy-site-header #nav{background:#fbf9f5;border-bottom:1px solid #dedfd5}.hy-about #hy-site-header #nav a{color:#314d4b}}
