/* Page-specific styles for premium/industrial-commercial.html only. Shared
   hero/section/footer/nav grammar lives in premium.css. */
.hero{padding:100px 0 120px;}
.h1{font-size:clamp(36px,4.6vw,58px);max-width:820px;margin-bottom:32px;}
.h1 em{color:var(--accent);}
.lead{font-size:18px;max-width:560px;margin-bottom:40px;}
.sec-heading{font-size:clamp(26px,3vw,36px);max-width:640px;margin-bottom:20px;}
.sec-body{font-size:15.5px;line-height:1.65;color:var(--dark-secondary);max-width:520px;margin-bottom:56px;}

.model{display:flex;flex-direction:column;align-items:center;gap:22px;padding:24px 0 8px;}
.model-stage{font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--dark-ink);}
.model-arrow{color:var(--dark-soft);font-size:14px;}
.model-boundary{border-top:1px solid var(--accent);border-bottom:1px solid var(--accent);padding:14px 40px;position:relative;text-align:center;}
.model-parties{font-size:16px;font-weight:500;color:var(--dark-ink);letter-spacing:.01em;}
.model-coord{position:absolute;top:50%;left:100%;transform:translateY(-50%);margin-left:16px;font-family:"Source Serif 4",serif;font-style:italic;font-size:14px;color:var(--accent-soft);white-space:nowrap;}

/* Below this, "C2E coordinates" no longer fits beside the box — drop it
   under the bottom border line instead, centered, with room reserved
   so it doesn't collide with the arrow that follows. */
@media(max-width:700px){
  .model-boundary{margin-bottom:40px;}
  .model-coord{top:100%;left:auto;right:0;transform:none;margin:12px 0 0;white-space:normal;}
}

.failure{max-width:600px;margin-top:44px;border-left:1px solid var(--accent);padding-left:24px;}
.failure-lead{font-family:"Source Serif 4",serif;font-style:italic;font-size:19px;font-weight:500;color:var(--accent-strong);margin-bottom:14px;}
.failure-body{font-size:15px;line-height:1.65;color:var(--dark-secondary);margin-bottom:14px;}
.failure-foot{font-size:15px;font-weight:600;color:var(--dark-ink);}

.situations{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;}
.situation-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px;}
.situation-num{font-family:"Source Serif 4",serif;font-style:italic;font-size:15px;color:var(--accent);flex-shrink:0;}
.situation-q{font-size:17px;font-weight:500;line-height:1.5;}
.situation-a{font-size:14px;line-height:1.6;color:var(--ink-secondary);}

/* Who's running your project */
.lead-body{font-size:15.5px;line-height:1.65;color:var(--dark-secondary);max-width:560px;margin-bottom:32px;}
.lead-byline{font-size:13.5px;color:var(--dark-secondary);border-top:1px solid var(--dark-hair);padding-top:20px;max-width:600px;}
.lead-byline strong{color:var(--dark-ink);font-weight:600;}

@media(max-width:800px){
  .situations{grid-template-columns:1fr;row-gap:36px}
}