:root{--detail-ink:#111;--detail-orange:#ff5b1a;--detail-gutter:clamp(22px,7.5vw,120px)}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--detail-ink);font-family:"Lingfei Sans SC","Mona Sans",sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--detail-orange);outline-offset:6px}.detail-page{padding:130px var(--detail-gutter) 140px}.detail-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:12px;color:#777;margin:20px 0 75px}.detail-breadcrumb a{text-decoration:none}.detail-breadcrumb [aria-current]{color:#111}.detail-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center;padding-bottom:100px;border-bottom:1px solid #ddd}.detail-kicker{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:.09em;font-weight:650;margin:0 0 30px}.detail-kicker i{width:8px;height:8px;border-radius:100%;background:var(--detail-orange)}.detail-hero h1{font-size:clamp(42px,5.2vw,84px);line-height:1.19;letter-spacing:-.055em;font-weight:850;max-width:11em;margin:0 0 30px}.detail-dot{color:var(--detail-orange)}.detail-summary{max-width:38em;font-size:clamp(16px,1.25vw,20px);line-height:1.95;color:#555}.detail-meta{display:flex;gap:20px;font-size:12px;margin-top:26px;color:#666}.detail-pill{display:inline-flex;gap:42px;align-items:center;border-radius:99px;padding:19px 27px;background:#111;color:#fff;font-size:14px;text-decoration:none;margin-top:35px;transition:background .3s,transform .4s}.detail-pill:hover{background:var(--detail-orange);transform:translateY(-3px)}.detail-cover{margin:0;overflow:hidden;border-radius:24px;background:#f2f1ef;aspect-ratio:1/1.08}.detail-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.detail-cover:hover img{transform:scale(1.035)}.detail-service .detail-cover img{object-fit:contain;padding:5%}.detail-body{display:grid;grid-template-columns:260px minmax(0,760px);gap:8vw;justify-content:space-between;padding:80px 0 120px}.detail-toc{align-self:start;position:sticky;top:115px}.detail-toc>p{font-size:10px;letter-spacing:.09em;margin:0 0 25px;color:#888}.detail-toc nav{display:grid}.detail-toc nav a{display:flex;gap:15px;border-top:1px solid #e6e6e6;padding:18px 0;font-size:13px;line-height:1.6;text-decoration:none;transition:color .25s}.detail-toc nav a span{color:#aaa;font-size:10px;padding-top:2px}.detail-toc nav a:hover,.detail-toc nav a[aria-current=true]{color:var(--detail-orange)}.detail-back{display:block;font-size:12px;text-decoration:none;margin-top:40px;color:#888}.detail-prose{min-width:0}.detail-prose p{font-size:17px;line-height:2.05;color:#555;margin:20px 0}.detail-prose .detail-intro{font-size:clamp(22px,2vw,28px);line-height:1.8;color:#111;margin:0 0 75px;font-weight:500}.detail-section{margin-bottom:70px;scroll-margin-top:110px}.detail-prose .detail-section-number{font-size:10px;letter-spacing:.08em;color:var(--detail-orange);margin-bottom:16px}.detail-section h2{font-size:clamp(25px,2.35vw,36px);font-weight:750;letter-spacing:-.04em;line-height:1.4;margin:0 0 22px}.detail-deliveries{list-style:none;margin:30px 0;padding:0}.detail-deliveries li{display:flex;gap:24px;padding:23px 0;border-top:1px solid #ddd;align-items:center;font-size:18px}.detail-deliveries li span:first-child{font-size:11px;color:#999}.detail-deliveries li span:last-child{margin-left:auto}.detail-faq{border-top:1px solid #ddd;padding:22px 0}.detail-faq summary{list-style:none;display:flex;justify-content:space-between;gap:25px;cursor:pointer;font-size:17px;font-weight:550}.detail-faq summary::-webkit-details-marker{display:none}.detail-faq summary span{font-size:23px;transition:transform .3s}.detail-faq[open] summary span{transform:rotate(45deg)}.detail-contact{background:#ff5b1a;border-radius:22px;padding:45px;display:flex;flex-direction:column;align-items:flex-start;color:#111}.detail-contact>span{font-size:11px;letter-spacing:.08em}.detail-contact p{font-size:clamp(32px,3.4vw,46px);font-weight:800;line-height:1.3;letter-spacing:-.05em;color:#111;margin:30px 0}.detail-contact a{display:flex;gap:60px;text-decoration:none;border-bottom:1px solid #111;padding-bottom:12px;font-size:14px}.detail-related{border-top:1px solid #ddd;padding-top:60px}.detail-related-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.detail-related-title h2{font-size:clamp(26px,3vw,42px);line-height:1.3;letter-spacing:-.045em;margin:0}.detail-related-title>a{font-size:13px;text-decoration:none;white-space:nowrap}.detail-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.detail-related-card{text-decoration:none}.detail-related-card figure{margin:0 0 23px;aspect-ratio:4/3;overflow:hidden;border-radius:18px;background:#f3f3f1}.detail-related-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.detail-service .detail-related-card img{object-fit:contain;padding:8%}.detail-related-card:hover img{transform:scale(1.045)}.detail-related-card small{font-size:10px;color:#888}.detail-related-card h3{display:flex;justify-content:space-between;gap:16px;font-size:20px;line-height:1.5;letter-spacing:-.035em}.detail-notfound{min-height:80vh;padding-top:220px}.detail-notfound h1{font-size:clamp(55px,7vw,110px);line-height:1.1;letter-spacing:-.06em}.detail-notfound>p{color:#777}.detail-notfound .detail-kicker{color:#ff5b1a}
@media(max-width:960px){.detail-page{padding-top:105px}.detail-breadcrumb{margin-bottom:45px}.detail-hero{gap:5vw}.detail-hero h1{font-size:42px}.detail-body{grid-template-columns:190px minmax(0,1fr);gap:35px}.detail-toc nav a{font-size:12px}.detail-related-grid{gap:18px}}
@media(max-width:700px){.detail-page{padding-top:100px;padding-bottom:70px}.detail-breadcrumb{font-size:10px;gap:10px;margin:0 0 40px}.detail-hero{grid-template-columns:1fr;gap:40px;padding-bottom:45px}.detail-hero h1{font-size:44px;max-width:8em}.detail-kicker{font-size:10px;margin-bottom:20px}.detail-cover{aspect-ratio:4/3;border-radius:18px}.detail-body{display:flex;flex-direction:column;padding:35px 0 55px;gap:40px}.detail-toc{position:static}.detail-toc nav{grid-template-columns:1fr 1fr;gap:0 16px}.detail-toc .detail-back{display:none}.detail-prose .detail-intro{font-size:22px;margin-bottom:50px}.detail-prose p{font-size:16px}.detail-section{margin-bottom:45px}.detail-contact{padding:28px}.detail-related{padding-top:38px}.detail-related-title{align-items:start}.detail-related-title h2{font-size:28px}.detail-related-grid{grid-template-columns:1fr;gap:28px}.detail-related-card figure{aspect-ratio:16/10}.detail-related-card h3{font-size:21px;margin:12px 0 0}.detail-related-card small{font-size:11px}.detail-related-title>a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Portraits belong to the brand story; keep the original detail-page behavior. */
.detail-service .detail-cover{position:relative;aspect-ratio:4/5;max-height:660px;background:#fff}
.detail-service .detail-cover img{object-fit:cover;padding:0}
.detail-service .detail-cover figcaption{position:absolute;bottom:14px;left:18px;padding:6px 9px;background:rgba(255,255,255,.9);color:#333;font-size:10px;letter-spacing:.08em;border-radius:3px}
.detail-hero-contents{display:block;width:fit-content;margin-top:24px;font-size:13px;text-decoration:none;text-underline-offset:6px}
.detail-hero-contents:hover{text-decoration:underline}
.detail-service .detail-related-card figure{background:#fff;aspect-ratio:4/3}
.detail-service .detail-related-card img{object-fit:cover;padding:0;object-position:center 38%}
@media(max-width:700px){.detail-service .detail-cover{aspect-ratio:4/5;max-height:440px}.detail-service .detail-hero h1{font-size:clamp(35px,10.8vw,48px);word-break:normal}.detail-service .detail-meta{line-height:1.8;flex-wrap:wrap}.detail-service .detail-deliveries li{font-size:16px;gap:14px}.detail-service .detail-related-card figure{aspect-ratio:4/3}}
.detail-service-menu{margin-top:28px;border-top:1px solid #d9d9d3;border-bottom:1px solid #d9d9d3}
.detail-service-menu>summary{display:flex;align-items:center;justify-content:space-between;padding:17px 0;list-style:none;font-size:13px;cursor:pointer}
.detail-service-menu>summary::-webkit-details-marker{display:none}
.detail-service-menu>summary>span{font-size:19px;transition:transform .35s}
.detail-service-menu[open]>summary>span{transform:rotate(45deg)}
.detail-service-menu nav a{justify-content:space-between;font-size:12px;padding:11px 0}
.detail-service-menu nav a[aria-current="page"]{color:#e24812}
.detail-service-menu nav a span{font-size:15px}
@media(min-width:701px){.detail-service .detail-toc{max-height:calc(100svh - 145px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:10px}}
@media(max-width:700px){.detail-service .detail-toc .detail-back{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;color:var(--detail-ink)}}

/* Keep the reading column cohesive on ultrawide monitors. */
@media(min-width:961px){.detail-body{width:100%;max-width:1180px;margin-inline:auto;grid-template-columns:260px minmax(0,820px);gap:clamp(64px,5vw,100px);justify-content:center}}
/* Keep the introduction and related cards together on very wide displays. */
@media(min-width:1840px){
  .detail-hero,.detail-breadcrumb,.detail-related{width:100%;max-width:1600px;margin-inline:auto}
  .detail-hero{gap:100px}
}