/* 598 Home Hero v3 — scoped aliases for package class names inside .hero.hero-v3 */
.hero.hero-v3{height:520px;position:relative;isolation:isolate;overflow:hidden;background:var(--paper,#FAF8F3);color:#26352F}
.hero.hero-v3 .hero-bg,.hero.hero-v3 .hero-overlay,.hero.hero-v3 .shell.hero-content,.hero.hero-v3 .hero-copy,.hero.hero-v3 .hero-kicker,.hero.hero-v3 .hero-script-text,.hero.hero-v3 .hero-industries{display:none!important}
.hero.hero-v3 .scene,.hero.hero-v3 .scene img,.hero.hero-v3 .shade{position:absolute;inset:0;width:100%;height:100%}
.hero.hero-v3 .scene img{object-fit:cover;object-position:center;display:block;max-width:none}
.hero.hero-v3 .shade{background:linear-gradient(90deg,rgba(250,248,243,.9),rgba(250,248,243,.65) 30%,rgba(250,248,243,.08) 58%,transparent 72%);pointer-events:none}
.hero.hero-v3 .content{position:relative;z-index:1;width:560px;margin-left:8%;padding-top:36px;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif}
.hero.hero-v3 h1{margin:0;width:430px}
.hero.hero-v3 h1 img{display:block;width:100%;height:auto;max-width:100%}
.hero.hero-v3 .subtitle{font-size:17px;line-height:1.8;margin:16px 0 17px}
.hero.hero-v3 .industries{display:flex;width:400px;margin:0 0 22px}
.hero.hero-v3 .industries>div{display:flex;flex-direction:column;align-items:center;width:33.333%;gap:3px;position:relative;color:#96743C;font-size:16px}
.hero.hero-v3 .industries>div+div:before{content:"";position:absolute;left:0;top:12px;width:1px;height:44px;background:#B89A6380}
.hero.hero-v3 .industries img{width:42px;height:42px;max-width:none}
.hero.hero-v3 .actions{display:flex;gap:12px}
.hero.hero-v3 .actions a{min-height:48px;padding:10px 22px;border:1px solid #96743C;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:17px;white-space:nowrap;text-decoration:none;color:inherit}
.hero.hero-v3 .actions a.primary{background:#26352F;color:#fff;border-color:#26352F}
.hero.hero-v3 .actions a.primary img{filter:brightness(0) invert(1)}
.hero.hero-v3 .actions a.secondary{background:rgba(250,248,243,.94);color:#96743C}
.hero.hero-v3 .actions a:focus-visible{outline:3px solid #26352F;outline-offset:4px}
.hero.hero-v3 .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}
@media(min-width:1600px){.hero.hero-v3 .content{margin-left:max(8%,calc((100vw - 1400px)/2))}}
@media(max-width:1100px) and (min-width:601px){
.hero.hero-v3{height:500px}
.hero.hero-v3 .scene img{object-position:65% center}
.hero.hero-v3 .content{width:470px;margin-left:5%;padding-top:36px}
.hero.hero-v3 h1{width:370px}
.hero.hero-v3 .subtitle{font-size:15px}
.hero.hero-v3 .industries{width:340px}
.hero.hero-v3 .actions a{font-size:15px;padding:10px 16px}
.hero.hero-v3 .shade{background:linear-gradient(90deg,rgba(250,248,243,.94),rgba(250,248,243,.78) 40%,rgba(250,248,243,.15) 70%,transparent)}
}
@media(max-width:600px){
.hero.hero-v3{display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible}
.hero.hero-v3 .scene{position:relative;inset:auto;display:block;flex:none;width:100%;height:320px}
.hero.hero-v3 .scene img{position:static;display:block;object-fit:cover;object-position:center;width:100%;height:100%;max-width:none}
.hero.hero-v3 .shade{inset:auto;top:260px;height:60px;width:100%;background:linear-gradient(180deg,transparent,#FAF8F3);pointer-events:none}
.hero.hero-v3 .content{padding:20px 24px 26px;margin:0;width:100%;background:#FAF8F3}
.hero.hero-v3 h1{width:min(100%,340px);margin:0 auto}
.hero.hero-v3 .subtitle{font-size:15px;line-height:1.75;margin:16px 0 18px}
.hero.hero-v3 .desktop-break{display:none}
.hero.hero-v3 .industries{width:100%;margin-bottom:18px}
.hero.hero-v3 .industries img{width:38px;height:38px}
.hero.hero-v3 .industries>div{font-size:14px}
.hero.hero-v3 .actions{gap:10px;width:100%}
.hero.hero-v3 .actions a{flex:1;padding:9px 8px;font-size:14px;gap:6px;min-height:46px;min-width:0}
.hero.hero-v3 .actions img{width:20px;height:20px}
}
@media(max-width:360px){
.hero.hero-v3 .content{padding:18px 14px 22px}
.hero.hero-v3 .scene{height:260px}
.hero.hero-v3 .shade{top:200px;height:60px}
.hero.hero-v3 h1{width:100%;max-width:100%}
.hero.hero-v3 .subtitle{font-size:14px;margin:12px 0 14px}
.hero.hero-v3 .industries{margin-bottom:14px}
.hero.hero-v3 .industries>div{font-size:12px;gap:2px}
.hero.hero-v3 .industries img{width:34px;height:34px}
.hero.hero-v3 .industries>div+div:before{height:40px;top:10px}
.hero.hero-v3 .actions{gap:8px}
.hero.hero-v3 .actions a{font-size:12px;padding:8px 6px;gap:4px;min-height:44px}
.hero.hero-v3 .actions img{width:18px;height:18px}
}