/* ============================================================
   /imel-concept/advisory/ — Advisory interior via Cigar Projects
   Scoped to body.imel-adv. Reuses IMEL chrome, facts strip, boxes.
   Does not alter /, /businesses-brands/cigar-projects/, or homepage design.

   Desktop type:
     H1              56px (clamp 38–56)
     H2              38px (clamp 30–38)
     Body            17.5px
     Lead            19px
     Panel titles    21px serif
     Audience titles 20px sans
     Step numbers    28px
     Labels          12px
   ============================================================ */

body.imel-adv .ia-open,
body.imel-adv .ia-help,
body.imel-adv .ia-steps-sec,
body.imel-adv .ia-with{padding:76px 0}

body.imel-adv h1,
body.imel-adv h2{
  font-weight:400;
  letter-spacing:0;
}

body.imel-adv .ia-btn-line{
  background:transparent;
  border-color:var(--im-ink);
  color:var(--im-ink);
}
body.imel-adv .ia-btn-line:hover{
  background:var(--im-ink);
  border-color:var(--im-ink);
  color:#F7F5EF;
}

body.imel-adv .ia-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 14px;
}

/* ---------- Opening ---------- */
body.imel-adv .ia-open{
  background:var(--im-white);
}
body.imel-adv .ia-open-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:40px 56px;
  align-items:start;
}
body.imel-adv .ia-open-copy h1{
  margin:0 0 16px;
  font-size:clamp(38px,4.1vw,56px);
  line-height:1.16;
}
body.imel-adv .ia-lead{
  margin:0 0 14px;
  max-width:40em;
  font-size:19px;
  line-height:1.55;
}
body.imel-adv .ia-note{
  margin:0 0 24px;
  max-width:38em;
  font-size:17.5px;
  line-height:1.55;
  color:var(--im-muted);
}
body.imel-adv .ia-open-photo{margin:0}
body.imel-adv .ia-open-photo img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:cover;
  object-position:72% 58%;
}

/* ---------- Where we can help ---------- */
body.imel-adv .ia-help{
  background:var(--im-white);
}
body.imel-adv .ia-help h2{
  margin:0 0 10px;
  font-size:clamp(30px,3vw,38px);
  line-height:1.18;
}
body.imel-adv .ia-help-lead{
  margin:0 0 28px;
  max-width:42em;
  font-size:19px;
  line-height:1.5;
  color:var(--im-muted);
}
body.imel-adv .ia-help-boxes{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
}
body.imel-adv .ia-help-boxes article{
  grid-column:span 2;
  position:relative;
  padding:22px 20px 20px;
}
body.imel-adv .ia-help-boxes article:nth-child(4),
body.imel-adv .ia-help-boxes article:nth-child(5){
  grid-column:span 3;
}
body.imel-adv .ia-help-boxes p{
  font-size:17px;
  line-height:1.5;
}
body.imel-adv .ia-help-boxes .ia-num{
  margin:0 0 8px;
  font-family:var(--serif);
  font-size:18px;
  font-weight:400;
  line-height:1;
  color:var(--gold);
}
body.imel-adv .ia-help-boxes h3{
  margin:0 0 8px;
  font-family:var(--serif);
  font-size:21px;
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
  line-height:1.25;
}
body.imel-adv .ia-inline{
  font-weight:600;
  color:var(--im-ink);
}
body.imel-adv .ia-inline:hover{color:var(--gold)}

/* ---------- How we work ---------- */
body.imel-adv .ia-steps-sec{
  background:#EDE9E1;
}
body.imel-adv .ia-steps-sec h2{
  margin:0 0 28px;
  font-size:clamp(30px,3vw,38px);
  line-height:1.18;
}
body.imel-adv .ia-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid var(--im-line);
}
body.imel-adv .ia-steps article{
  padding:26px 22px 24px;
  border-left:1px solid var(--im-line);
  background:#F7F5EF;
}
body.imel-adv .ia-steps article:first-child{border-left:0}
body.imel-adv .ia-step-num{
  margin:0 0 10px;
  font-family:var(--serif);
  font-size:28px;
  font-weight:400;
  line-height:1;
  color:var(--gold);
}
body.imel-adv .ia-steps h3{
  margin:0 0 8px;
  font-family:var(--sans);
  font-size:13px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--im-ink);
}
body.imel-adv .ia-steps p:last-child{
  margin:0;
  font-size:17px;
  line-height:1.5;
  color:var(--im-ink);
}

/* ---------- Who we work with ---------- */
body.imel-adv .ia-with{
  background:var(--im-white);
}
body.imel-adv .ia-with h2{
  margin:0 0 28px;
  font-size:clamp(30px,3vw,38px);
  line-height:1.18;
}
body.imel-adv .ia-with-boxes{
  gap:14px;
}
body.imel-adv .ia-with-boxes article{
  padding:22px 20px 20px;
}
body.imel-adv .ia-with-boxes h3{
  margin:0 0 8px;
  font-family:var(--sans);
  font-size:20px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  line-height:1.25;
}
body.imel-adv .ia-with-boxes p{
  font-size:17px;
  line-height:1.5;
}

/* ---------- Close ---------- */
body.imel-adv .ia-close{
  background:var(--im-ivory);
  padding:56px 0;
  border-top:1px solid var(--im-line);
}
body.imel-adv .ia-close .ia-actions{
  flex-direction:column;
  align-items:stretch;
  flex-shrink:0;
}
body.imel-adv .ia-close .ia-actions .im-btn{
  text-align:center;
}
body.imel-adv .ia-close-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px 36px;
}
body.imel-adv .ia-close h2{
  margin:0 0 8px;
  font-size:clamp(28px,2.6vw,36px);
  line-height:1.18;
}
body.imel-adv .ia-close p{
  margin:0;
  max-width:40em;
  font-size:17.5px;
  line-height:1.5;
  color:var(--im-muted);
}
body.imel-adv .ia-close-note{
  margin:10px 0 0;
  font-size:15px;
}

@media (max-width:1100px){
  body.imel-adv .ia-close-inner{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width:1024px){
  body.imel-adv .ia-open,
  body.imel-adv .ia-help,
  body.imel-adv .ia-steps-sec,
  body.imel-adv .ia-with{padding:64px 0}
  body.imel-adv .ia-open-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  body.imel-adv .ia-open-photo{max-width:560px}
  body.imel-adv .ia-help-boxes{
    grid-template-columns:1fr 1fr;
  }
  body.imel-adv .ia-help-boxes article,
  body.imel-adv .ia-help-boxes article:nth-child(4),
  body.imel-adv .ia-help-boxes article:nth-child(5){
    grid-column:auto;
  }
}

@media (max-width:768px){
  body.imel-adv .ia-open,
  body.imel-adv .ia-help,
  body.imel-adv .ia-steps-sec,
  body.imel-adv .ia-with{padding:48px 0}
  body.imel-adv .ia-close{padding:40px 0}
  body.imel-adv .ia-steps{
    grid-template-columns:1fr;
  }
  body.imel-adv .ia-steps article{
    border-left:0;
    border-top:1px solid var(--im-line);
  }
  body.imel-adv .ia-steps article:first-child{border-top:0}
}

@media (max-width:640px){
  body.imel-adv .ia-open-photo{max-width:100%}
  body.imel-adv .ia-help-boxes{grid-template-columns:1fr}
}