/* ==========================================================================
   Page-specific exception CSS — agentic-workflows
   Scope: hero media adaptation, case-study pending slot, closing CTA.
   Not reusable template CSS. Depends on css/tokens.css only.
   ========================================================================== */

/* ---------- page rhythm: 120px top/bottom on every content section (hero + chrome exempt) ---------- */
#workflow-candidate-grid,#workshop-method-plan,#case-study-proof,#what-we-build,#closing-workshop-cta{padding-block:120px}
@media (max-width:600px){#workflow-candidate-grid,#workshop-method-plan,#case-study-proof,#what-we-build,#closing-workshop-cta{padding-block:80px}}

/* ---------- section seams: border-top only where the section above shares the same ground ----------
   hero (ink) > candidates (paper) > method (deep) > cases (paper) > related (paper) > closing (wash) > footer (sage)
   related-solutions is now the template's warm #f7f4ef ground, distinct from white cases above, so no seam anywhere. */
#workflow-candidate-grid,#workshop-method-plan,#case-study-proof,#closing-workshop-cta{border-top:0}
#closing-workshop-cta::before{content:none}

/* ---------- hero-workshop-offer (adapts dark-device-demo-hero) ---------- */
/* Taller banner so the IN / DONE trays at the bottom of the image stay in frame. */
.aw-hero{--hero-h:clamp(680px,62vw,940px);--hero-copy-width:min(620px,100%)}
.aw-hero .dark-device-demo-hero__photo{-webkit-mask-image:none;mask-image:none}
.aw-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 100%}
.aw-hero .dark-device-demo-hero__scrim{
  background:linear-gradient(to right,rgba(24,24,24,.94) 0%,rgba(24,24,24,.86) 26%,rgba(24,24,24,.55) 42%,rgba(24,24,24,.12) 58%,rgba(24,24,24,0) 68%);
}
.aw-hero__title{font-family:var(--display);font-weight:var(--display-weight);font-size:var(--fs-standard-section);line-height:var(--lh-tight);color:var(--on-dark);margin:0;text-wrap:balance;text-shadow:0 2px 24px rgba(24,24,24,.55)}
@media (max-width:960px){
  .aw-hero .dark-device-demo-hero__photo{aspect-ratio:3/2}
  .aw-hero__title{text-shadow:none}
}
@media (max-width:600px){.aw-hero__title{font-size:40px}}

/* ---------- closing-workshop-cta (upgraded source design, cream finish) ---------- */
.aw-close{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--section-padding-y);background:var(--wash);color:var(--ink)}
.aw-close::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--deep) 0%,var(--gold) 50%,var(--deep) 100%)}
.aw-close__in{width:var(--shell);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:center}
.aw-close__lead{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.aw-close__title{color:var(--deep)}
.aw-close__lede{color:var(--ink)}
.aw-close__cta{
  position:relative;display:inline-flex;align-items:center;gap:14px;margin-top:10px;padding:20px 34px;
  background:var(--deep);color:var(--paper);
  font-family:var(--display);font-size:var(--fs-standard-lede);letter-spacing:.06em;text-transform:uppercase;line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 22px 40px -18px rgba(13,86,48,.75),0 8px 16px -10px rgba(24,24,24,.5);
  outline:1px solid var(--gold);outline-offset:6px;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),outline-offset .3s var(--ease);
}
.aw-close__cta:hover{color:var(--paper);transform:translateY(-3px);outline-offset:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 30px 50px -18px rgba(13,86,48,.8),0 12px 22px -10px rgba(24,24,24,.55)}
.aw-close__cta-arrow{color:var(--gold);transition:transform .3s var(--ease)}
.aw-close__cta:hover .aw-close__cta-arrow{transform:translateX(6px)}
.aw-close__panel{position:relative;background:var(--paper);padding:clamp(26px,3vw,40px);box-shadow:0 30px 60px -36px rgba(24,24,24,.45)}
.aw-close__panel::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--gold)}
.aw-close__panel-title{padding-bottom:18px;border-bottom:1px solid var(--rule);font-family:var(--display);font-size:var(--fs-content-card-title);font-weight:400;line-height:var(--lh-tight);color:var(--deep)}
.aw-close__outcome{display:grid;grid-template-columns:36px minmax(0,1fr);gap:2px 14px;padding:15px 0;border-bottom:1px solid var(--rule)}
.aw-close__outcome:last-child{border-bottom:0;padding-bottom:0}
.aw-close__outcome-num{grid-row:span 2;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--bronze);padding-top:4px}
.aw-close__outcome-title{font-size:18px;font-weight:700;line-height:1.3;color:var(--ink)}
.aw-close__outcome-body{font-size:15px;line-height:1.4;color:var(--grey-mid)}
@media (max-width:960px){.aw-close__in{grid-template-columns:1fr}}
@media (max-width:600px){.aw-close__cta{width:100%;justify-content:center;padding:18px 20px}}
@media (prefers-reduced-motion:reduce){.aw-close__cta,.aw-close__cta-arrow{transition:none}}