/* Sunrise Glory Engineering — detailed service catalogue, v5.4.0 */
.sg-service-jump-categories a span { color: var(--orange); margin-right: 8px; }
.sg-work-onepage-list { display: grid; gap: 72px; margin-top: 66px; }
.sg-work-onepage-category { scroll-margin-top: 118px; }
.sg-work-onepage-header { display: grid; grid-template-columns: minmax(340px,.92fr) minmax(0,1.08fr); overflow: hidden; background: var(--navy); color: #fff; box-shadow: 0 20px 44px rgba(7,28,48,.1); }
.sg-work-onepage-category:nth-child(even) .sg-work-onepage-media { order: 2; }
.sg-work-onepage-media { position: relative; min-height: 410px; overflow: hidden; }
.sg-work-onepage-media:after { position: absolute; inset: 0; background: linear-gradient(140deg,rgba(7,28,48,.06) 30%,rgba(7,28,48,.75)); content: ''; }
.sg-work-onepage-media img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; transition: transform .7s var(--ease-out); }
.sg-work-onepage-category:hover .sg-work-onepage-media img { transform: scale(1.045); }
.sg-work-onepage-number { position: absolute; z-index: 1; top: 26px; left: 29px; color: #86d5f7; font-family: 'Barlow Condensed','Noto Sans TC',sans-serif; font-size: 22px; font-weight: 700; letter-spacing: .16em; }
.sg-work-onepage-icon { position: absolute; z-index: 1; right: 26px; bottom: 25px; display: grid; width: 57px; height: 57px; place-items: center; border: 1px solid rgba(255,255,255,.45); color: #9cddfa; font-size: 21px; }
.sg-work-onepage-summary { display: flex; min-height: 410px; flex-direction: column; justify-content: center; padding: 55px 60px; background: linear-gradient(145deg,#071c30 0%,#0e3858 100%); }
.sg-work-onepage-summary .work-en { margin: 0; color: #86d5f7; font-family: 'Barlow Condensed','Noto Sans TC',sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .17em; }
.sg-work-onepage-summary h2 { margin: 16px 0 0; font-family: 'Barlow Condensed','Noto Sans TC',sans-serif; font-size: clamp(48px,4.5vw,66px); font-weight: 700; letter-spacing: -.055em; line-height: .88; }
.sg-work-onepage-summary > p { max-width:620px; margin: 22px 0 0; color: #c8d8e2; font-size: 14px; line-height: 1.95; }
.sg-work-onepage-count { display: inline-flex; width: fit-content; margin-top: 30px; border-top: 1px solid rgba(255,255,255,.28); padding-top: 12px; color: #fff; font-family: 'Barlow Condensed','Noto Sans TC',sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .16em; }
.sg-work-service-detail-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 14px; }
.sg-work-service-detail { display: flex; min-height: 100%; flex-direction: column; overflow: hidden; background: #fff; box-shadow: 0 12px 26px rgba(7,28,48,.08); transition: transform .24s var(--ease-out), box-shadow .24s var(--ease-out); }
.sg-work-service-detail:hover { box-shadow: 0 18px 34px rgba(7,28,48,.15); transform: translateY(-4px); }
.sg-work-service-detail-media { position: relative; min-height: 205px; overflow: hidden; background: var(--navy); }
.sg-work-service-detail-media:after { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(7,28,48,.02),rgba(7,28,48,.7)); content:''; }
.sg-work-service-detail-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition: transform .5s var(--ease-out); }
.sg-work-service-detail:hover .sg-work-service-detail-media img { transform: scale(1.06); }
.sg-work-service-detail-media span { position:absolute; z-index:1; top:16px; left:17px; color:#c2edff; font-family:'Barlow Condensed','Noto Sans TC',sans-serif; font-size:12px; font-weight:700; letter-spacing:.16em; }
.sg-work-service-detail-body { display:flex; flex:1; flex-direction:column; padding:25px 24px 23px; }
.sg-work-service-detail-body > p { margin:0; color:var(--orange); font-family:'Barlow Condensed','Noto Sans TC',sans-serif; font-size:10px; font-weight:700; letter-spacing:.14em; line-height:1.35; text-transform:uppercase; }
.sg-work-service-detail-body h3 { margin:13px 0 0; color:var(--navy); font-size:20px; font-weight:900; letter-spacing:-.035em; line-height:1.28; }
.sg-work-service-detail-line { width:28px; height:2px; margin-top:20px; background:var(--orange); }
.sg-work-service-detail-copy { margin-top:17px; color:var(--steel); font-size:13px; line-height:1.85; }
.sg-work-service-detail-body a { display:inline-flex; align-items:center; gap:8px; width:fit-content; margin-top:auto; padding-top:22px; color:var(--navy); font-family:'Barlow Condensed','Noto Sans TC',sans-serif; font-size:11px; font-weight:700; letter-spacing:.12em; transition:color .2s var(--ease-out),gap .2s var(--ease-out); }
.sg-work-service-detail-body a:hover { gap:12px; color:var(--orange); }

/* The public catalogue contains only visitor-facing information. */
.sg-catalogue-hero-grid > div > p { max-width: 700px; }

@media (max-width:1100px) {
  .sg-work-onepage-header { grid-template-columns: minmax(280px,.85fr) minmax(0,1.15fr); }
  .sg-work-onepage-summary { padding: 44px 42px; }
  .sg-work-service-detail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .sg-work-onepage-list { gap: 44px; margin-top: 43px; }
  .sg-work-onepage-header, .sg-work-onepage-category:nth-child(even) .sg-work-onepage-header { display:block; }
  .sg-work-onepage-category:nth-child(even) .sg-work-onepage-media { order:initial; }
  .sg-work-onepage-media { min-height: 270px; }
  .sg-work-onepage-summary { min-height: auto; padding: 36px 23px 40px; }
  .sg-work-onepage-summary h2 { font-size: 48px; }
  .sg-work-onepage-summary > p { font-size: 13px; }
  .sg-work-onepage-count { margin-top: 24px; }
  .sg-work-service-detail-grid { grid-template-columns:1fr; gap:11px; margin-top:11px; }
  .sg-work-service-detail-media { min-height:220px; }
  .sg-work-service-detail-body { padding:23px 21px 22px; }
}
@media (prefers-reduced-motion:reduce) {
  .sg-work-onepage-media img,.sg-work-service-detail-media img,.sg-work-service-detail { transition:none!important; }
}