/* =========================================================
   SkyerWorks — All-work page (work/index.html)
   Builds on brand.css + home.css (header, cards, footer, dock).
   ========================================================= */
.wp-wrap{max-width:1320px}

/* hero */
.wp-hero{position:relative;isolation:isolate;padding:clamp(48px,8vw,104px) 0 clamp(24px,3vw,36px)}
.wp-hero .hero-bg{inset:-140px 0 0}
.wp-title{margin:16px 0 0;font-size:clamp(50px,8.4vw,112px);line-height:.98;letter-spacing:-.015em}
.wp-title .ln{display:block;overflow:hidden;padding:0 .06em .1em 0;margin-bottom:-.1em}
.wp-title .ln>span{display:inline-block;animation:lineUp 1.15s var(--ease) both;animation-delay:var(--d,0s)}
.wp-hero .lede{margin:24px 0 0;max-width:58ch}

/* filters + grid */
.wp-work{padding:0 0 clamp(64px,8vw,112px)}
.wp-bar{padding:8px 0 0}
.wp-featured{margin-top:clamp(28px,3.5vw,44px)}
.wp-featured .wk-meta{gap:8px 14px}
.wp-grid{margin-top:clamp(20px,2vw,24px)}
.wp-grid .work-body{padding:24px 26px 28px}
.wp-work .work-note{margin:26px 4px 0}
.wk-card .wk-meta .wk-cat{flex-basis:100%;order:3}
@media (min-width:1080px){
  .wp-grid{gap:28px}
  .wp-grid .wk-fname{font-size:clamp(38px,3.2vw,48px)}
}

/* closing call to action (dark panel, same as the homepage contact) */
.wp-cta .panel-dark{padding:clamp(64px,8vw,112px) 0}
.wp-cta-grid{display:grid;gap:30px;align-items:end}
.wp-cta .h2{margin-top:16px;font-size:clamp(44px,6vw,80px)}
.wp-cta .lede{margin:20px 0 0;color:#C3D5D8}
@media (min-width:960px){
  .wp-cta-grid{grid-template-columns:minmax(0,1.2fr) auto;gap:clamp(40px,6vw,96px)}
  .wp-cta-btns{justify-content:flex-end}
}