.service-row{grid-template-columns:60px 38px 1fr 30px}
.service-icon{width:30px;height:30px;object-fit:contain;filter:sepia(1) saturate(5) hue-rotate(320deg) brightness(.75)}
@media (max-width:960px){.post-grid{grid-template-columns:1fr}}
@media (max-width:640px){.service-row{grid-template-columns:46px 30px 1fr 18px}.service-icon{width:26px;height:26px}}

/* Load-out board finish pass */
:root{--coral:#a83b2b;--coral-dark:#7f2c21}
.site-header{background:rgba(11,34,54,.98);color:var(--white);border-bottom:1px solid rgba(255,255,255,.14)}
.brand small{color:var(--sea)}
.brand-mark{background:var(--coral);color:var(--white)}
.site-nav{gap:0;border-left:1px solid rgba(255,255,255,.16)}
.site-nav>a,.nav-group{min-height:80px;border-right:1px solid rgba(255,255,255,.16)}
.site-nav>a,.nav-group>a{display:flex;align-items:center;padding:0 17px;color:var(--white)}
.nav-group::before,.site-nav>a::before{align-self:center;margin:0 10px 0 14px;color:var(--sea);font:800 .58rem/1 'Manrope';letter-spacing:.08em}
.nav-group::before{content:'01'}
.site-nav>a:nth-of-type(1)::before{content:'02'}
.site-nav>a:nth-of-type(2)::before{content:'03'}
.site-nav>a:nth-of-type(3)::before{content:'04'}
.site-nav>a:nth-of-type(4)::before{content:'05'}
.submenu-button{color:var(--sea);margin-right:8px}
.header-call{color:var(--white);padding-left:8px}.header-call span{color:var(--sea)}
.submenu{top:100%;left:0;border-top:4px solid var(--sea);transform:translateY(-4px)}
.submenu a:hover,.submenu a:focus{background:var(--coral)}
.menu-button span{background:var(--white)}

.service-list{position:relative;border:0;padding:18px 34px 18px 0;isolation:isolate}
.service-list::before{content:'';position:absolute;z-index:-1;left:46%;top:0;bottom:0;width:2px;background:var(--sea);transform:rotate(7deg);transform-origin:center}
.service-row{position:relative;background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--navy);margin-bottom:9px;padding:17px 16px;box-shadow:5px 5px 0 rgba(11,34,54,.08);transition:transform .2s ease,border-color .2s ease}
.service-row:nth-child(even){transform:translateX(28px)}
.service-row:nth-child(odd){transform:translateX(-4px)}
.service-row:hover{transform:translateX(12px);border-left-color:var(--coral)}

.page-intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:end;gap:clamp(40px,9vw,140px);overflow:hidden;background:linear-gradient(112deg,var(--paper) 0 72%,var(--sea) 72%);padding-top:86px;padding-bottom:76px}
.page-intro::before{content:'';position:absolute;left:0;bottom:28px;width:35%;border-top:2px dashed rgba(11,34,54,.22)}
.page-intro::after{content:'';position:absolute;left:4%;bottom:23px;width:12px;height:12px;background:var(--coral);clip-path:polygon(0 0,100% 50%,0 100%);animation:dispatch 5s ease-in-out infinite}
.page-intro-copy{max-width:820px}.page-intro p{margin-bottom:0}
.intro-manifest{position:relative;padding:24px 24px 20px;background:var(--navy);color:var(--white);box-shadow:10px 10px 0 rgba(11,34,54,.12);transform:rotate(-1deg)}
.intro-manifest::before{content:'';position:absolute;right:0;top:0;border-top:28px solid var(--coral);border-left:28px solid transparent}
.intro-manifest b,.intro-manifest span,.intro-manifest small{display:block}.intro-manifest b{color:var(--sea);font-size:.68rem;letter-spacing:.12em}.intro-manifest span{margin-top:30px;font:800 1.7rem/1 'Manrope'}.intro-manifest small{margin-top:6px;color:#dce5e8}
@keyframes dispatch{0%,100%{transform:translateX(0)}50%{transform:translateX(min(28vw,360px))}}

.service-hero>div{position:relative}.service-hero .manifest-tab{position:absolute;left:0;top:50%;margin:0;transform:translate(-38%,-50%) rotate(-90deg);background:var(--sea)}
.article>header{position:relative;width:100%;margin:0;padding:88px max(20px,calc((100% - 800px)/2)) 72px;background:linear-gradient(112deg,var(--navy) 0 82%,var(--sea) 82%);color:var(--white)}
.article>header h1{max-width:13ch}.article>header p{color:#d9e5e8}.article>header span{display:block;margin:18px 0 0;color:var(--sea)}
.article-image{margin-top:48px}
.post-grid article div{display:flex;flex-direction:column}.post-grid article h2{order:1}.post-grid article span{order:2;margin-bottom:2px}.post-grid article p{order:3}
.estimate-board{border-top:0;border-left:8px solid var(--sea);box-shadow:none}

@media (max-width:960px){
  .site-nav{background:var(--navy);border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:10px 20px 20px}
  .site-nav>a,.nav-group{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}
  .site-nav>a,.nav-group>a{padding:14px 8px}.nav-group::before,.site-nav>a::before{margin:0 10px 0 8px}.submenu{border-top:0}
  .page-intro{grid-template-columns:1fr 210px;background:linear-gradient(112deg,var(--paper) 0 68%,var(--sea) 68%)}
  .service-hero .manifest-tab{left:auto;right:24px;top:auto;bottom:24px;transform:none;margin:0}
  .article>header p{max-width:68%}
}
@media (max-width:640px){
  .page-intro{grid-template-columns:1fr;background:var(--paper);padding:58px 15px 68px;gap:30px}.intro-manifest{width:min(260px,88%);justify-self:end}.page-intro::before{width:70%}
  .service-list{padding:12px 0}.service-list::before{left:50%;transform:rotate(4deg)}.service-row:nth-child(even),.service-row:nth-child(odd),.service-row:hover{transform:none}
  .article>header{padding:62px 15px;background:var(--navy)}.article>header p{max-width:70ch}
}
@media (prefers-reduced-motion:reduce){.page-intro::after{animation:none}}