/* Service detail pages: Project Management, Procurement, Logistics */
.svc-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}
.svc-hero-grid .icon{width:min(220px,100%);color:var(--bronze);margin-left:auto}
.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:2px solid var(--bronze)}
.cap{padding:34px 36px 34px 0;border-bottom:1px solid var(--line)}
.cap:nth-child(even){padding:34px 0 34px 36px;border-left:1px solid var(--line)}
.cap h3{margin-bottom:.4em}.cap p{margin-bottom:.8em}.cap .ticks{margin:0}.cap .ticks li{padding:5px 0 5px 30px}.cap .ticks li::before{top:10px;width:16px;height:10px}
.deliver{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.deliver div{background:#fff;border:1px solid var(--line);border-left:5px solid var(--bronze);padding:18px 20px;font-weight:650}
.fit{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.fit article{padding-top:18px;border-top:4px solid var(--sand)}.fit h3{margin-bottom:.3em}.fit p{margin:0}
.faq details{border-bottom:1px solid var(--line);padding:6px 0}
.faq details:first-of-type{border-top:2px solid var(--bronze)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;font-family:var(--font-display);font-stretch:108%;font-weight:700;font-size:1.15rem;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.8rem;line-height:1;color:var(--bronze);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding-bottom:18px;margin:0}
.others{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.others a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;background:#fff;border:1px solid var(--line);font-family:var(--font-display);font-stretch:108%;font-weight:720;font-size:1.25rem;text-decoration:none;color:var(--ink);transition:.2s}
.others a:hover{border-color:var(--bronze);background:var(--tint)}
@media(max-width:900px){.svc-hero-grid{grid-template-columns:1fr}.svc-hero-grid .icon{display:none}.cap-grid,.deliver,.fit,.others{grid-template-columns:1fr}.cap,.cap:nth-child(even){padding:28px 0;border-left:0}}


/* ---- advanced polish ---- */
.svc-hero-grid .icon{color:var(--sand);filter:drop-shadow(0 20px 40px rgba(0,0,0,.4));animation:float 7s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-12px)}}
.deliver div,.fit article,.others a{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s,background-color .3s}
.deliver div:hover,.others a:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(20,18,17,.12)}
.cap h3{display:flex;gap:12px;align-items:baseline}
.fit article{border-top-color:var(--bronze)}
.faq summary{color:var(--ink)}.faq summary::after{color:var(--bronze)}

.ticks.cols{columns:2;column-gap:56px}.ticks.cols li{break-inside:avoid}
@media(max-width:800px){.ticks.cols{columns:1}}