/* 服務項目頁面：pageHero 使用 style.css 共用樣式 */
.serviceListSection{background:#f7f6f2}
.serviceIntro{max-width:780px;margin:0 auto 58px;text-align:center}
.serviceIntro>span{display:block;margin-bottom:14px;color:var(--gold);font-family:Oswald,sans-serif;font-size:13px;letter-spacing:.26em}
.serviceIntro h2{margin:0 0 20px;color:var(--dark);font-size:clamp(31px,3vw,46px);line-height:1.3;letter-spacing:.02em}
.serviceIntro p{margin:0;color:#6c7072;font-size:16px;line-height:1.95}
.serviceListGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.serviceListCard{min-width:0;background:#fff;border:1px solid #e3e0d8;transition:transform .38s var(--ease),box-shadow .38s var(--ease),border-color .38s var(--ease)}
.serviceListCard:hover{transform:translateY(-10px);border-color:transparent;box-shadow:0 24px 55px rgba(28,30,31,.12)}
.serviceListCard>a{display:flex;height:100%;flex-direction:column}
.serviceListImage{position:relative;overflow:hidden;aspect-ratio:16/10;background:#d9d8d3}
.serviceListImage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(17,19,20,.35));pointer-events:none}
.serviceListImage img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}
.serviceListCard:hover .serviceListImage img{transform:scale(1.07)}
.serviceNo{position:absolute;z-index:2;right:18px;bottom:10px;color:rgba(255,255,255,.95);font-family:Oswald,sans-serif;font-size:54px;font-weight:500;line-height:1;letter-spacing:.02em}
.serviceListInfo{position:relative;display:flex;flex:1;flex-direction:column;padding:30px 30px 28px}
.serviceListInfo:before{content:"";position:absolute;top:0;left:30px;width:44px;height:3px;background:var(--gold);transform:translateY(-1px);transition:width .35s var(--ease)}
.serviceListCard:hover .serviceListInfo:before{width:82px}
.serviceListInfo>span{display:block;min-height:20px;margin-bottom:11px;color:var(--gold);font-family:Oswald,sans-serif;font-size:11px;letter-spacing:.14em}
.serviceListInfo h2{margin:0 0 13px;color:var(--dark);font-size:25px;line-height:1.35;letter-spacing:.03em}
.serviceListInfo p{margin:0 0 24px;color:#707477;font-size:15px;line-height:1.85}
.serviceListInfo b{display:inline-flex;align-items:center;gap:14px;margin-top:auto;color:var(--dark);font-family:Oswald,sans-serif;font-size:12px;font-weight:500;letter-spacing:.16em}
.serviceListInfo b i{color:var(--gold);font-family:Arial,sans-serif;font-size:16px;font-style:normal;transition:transform .3s var(--ease)}
.serviceListCard:hover .serviceListInfo b i{transform:translateX(7px)}
@media(max-width:1024px){.serviceListGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.serviceIntro{margin-bottom:45px}}
@media(max-width:640px){.serviceListSection{padding-top:72px;padding-bottom:72px}.serviceIntro{margin-bottom:34px;text-align:left}.serviceIntro h2{font-size:30px}.serviceIntro p{font-size:15px}.serviceListGrid{grid-template-columns:1fr;gap:20px}.serviceListImage{aspect-ratio:16/9}.serviceListInfo{padding:25px 22px 24px}.serviceListInfo:before{left:22px}.serviceListInfo h2{font-size:23px}.serviceNo{right:15px;font-size:46px}}
@media(hover:none){.serviceListCard:hover{transform:none;box-shadow:none;border-color:#e3e0d8}.serviceListCard:hover .serviceListImage img{transform:none}}