.delivery-intro { padding:70px 0 45px; }
.delivery-intro h1 { font-size:56px; line-height:1.1; font-weight:550; }
.delivery-intro h1 span { color:#8e9eaf; }
.delivery-intro>p { max-width:650px; font-size:17px; margin:24px 0; }
.delivery-path { display:flex; flex-wrap:wrap; gap:18px; font-size:12px; color:#a8c3da; padding-top:25px; border-top:1px solid #ffffff17; }
.delivery-path b { color:#eac18a; font-weight:400; }
.delivery-layout { display:grid; grid-template-columns:270px 1fr; gap:70px; align-items:start; }
.delivery-index { position:sticky; top:115px; padding:20px 0; }
.delivery-index>span { color:#7896ae; font-size:10px; }
.delivery-index>a { display:flex; gap:12px; align-items:center; padding:18px 0; border-bottom:1px solid #ffffff13; font-size:12px; color:#b7c3d2; }
.delivery-index small { color:#eac18a; font-size:10px; }
.delivery-index>a>span { margin-left:auto; }
.delivery-group { padding:35px 0 45px; border-top:1px solid #ffffff16; scroll-margin-top:100px; }
.delivery-group h2 { font-size:32px; font-weight:550; line-height:1.2; max-width:540px; }
.delivery-group>p { margin:18px 0; max-width:650px; font-size:15px; }
.delivery-group ul { padding-left:18px; color:#c2cbd7; font-size:13px; line-height:2; }
.delivery-service-links { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }
.delivery-service-links a { border:1px solid #2b4359; border-radius:5px; padding:8px 11px; color:#9bceee; font-size:11px; }
.delivery-service-links a:hover { background:#0088e815; }
.delivery-group-bottom { display:flex; justify-content:space-between; gap:20px; font-size:11px; color:#e6c494; padding-top:10px; }
.relationship-projects { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.relationship-project { overflow:hidden; border:1px solid #ffffff15; border-radius:8px; background:#111a26; }
.relationship-project>img { width:100%; aspect-ratio:1.8; height:auto; object-fit:cover; display:block; }
.relationship-project>div { padding:20px; }
.relationship-project small { color:#91a3b7; font-size:10px; }
.relationship-project h3 { font-size:20px; line-height:1.2; margin:10px 0; display:flex; justify-content:space-between; }
.relationship-project p { font-size:12px; }
.delivery-infrastructure { padding:40px 0 80px; }
.delivery-infrastructure h2 { font-size:40px; line-height:1.15; font-weight:550; }
.delivery-infrastructure p { max-width:650px; margin:24px 0; }
.portfolio-partnership { padding-top:35px; padding-bottom:45px; border-top:1px solid #ffffff13; }
.portfolio-context { margin-bottom:20px; padding:12px 16px; border-left:2px solid #e6c494; background:#ffffff05; font-size:13px; color:#b7c9dd; }
.portfolio-partnership h2 { font-size:28px; font-weight:550; }
.portfolio-partnership>p { font-size:14px; max-width:730px; margin:18px 0; }
.delivery-links { display:flex; flex-wrap:wrap; gap:9px; margin-top:22px; }
.delivery-links>a { color:#a9cbe2; border:1px solid #ffffff20; padding:10px 13px; border-radius:5px; font-size:11px; }
.delivery-links>a:hover { border-color:#0088e8; background:#0088e812; }
.delivery-links>a>span { margin-left:12px; color:#e6c494; }
.dialog-service-links { margin-top:25px; padding-top:20px; border-top:1px solid #ffffff15; }
.dialog-service-links>a { display:inline-block; margin:5px 10px 5px 0; color:#a9cbe2; font-size:12px; }
.project-story-image { width:100%; max-height:550px; object-fit:cover; display:block; border-radius:8px; }
.project-story-heading { display:flex; justify-content:space-between; align-items:center; gap:30px; margin:35px 0; }
.project-story-heading h2 { font-size:32px; font-weight:550; }
.ongoing-partnership { padding:32px 0; border-block:1px solid #ffffff16; margin:35px 0; }
.ongoing-partnership h2 { font-size:30px; font-weight:550; }
.ongoing-partnership>p { margin-top:20px; max-width:800px; }
.project-story-nav { display:flex; justify-content:space-between; gap:20px; color:#b7d6eb; font-size:13px; }
@media(max-width:800px) { .delivery-layout { grid-template-columns:1fr; gap:20px; }.delivery-index { position:static; display:flex; flex-wrap:wrap; gap:8px; }.delivery-index>span { flex-basis:100%; }.delivery-index>a { border:1px solid #ffffff17; border-radius:4px; padding:9px; font-size:10px; }.delivery-index small,.delivery-index>a>span { display:none; }.relationship-projects { grid-template-columns:1fr; }.delivery-intro h1 { font-size:40px; }.delivery-intro { padding-top:40px; }.delivery-group h2 { font-size:28px; }.delivery-group-bottom { flex-wrap:wrap; }.project-story-heading { flex-direction:column; align-items:start; }.delivery-infrastructure h2 { font-size:32px; } }
