/* ============================================================
   /imel-concept/logistics/ — Cigar Logistics interior
   Scoped to body.imel-log. Reuses IMEL chrome, facts strip, boxes.
   Does not alter /, /businesses-brands/cigar-logistics/, or homepage design.

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

body.imel-log .il-open,
body.imel-log .il-built,
body.imel-log .il-steps-sec,
body.imel-log .il-serve{padding:76px 0}

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

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

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

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

/* ---------- Built for premium cigars ---------- */
body.imel-log .il-built{
  background:var(--im-white);
}
body.imel-log .il-built-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:36px 56px;
  align-items:start;
  margin-bottom:28px;
}
body.imel-log .il-built h2{
  margin:0 0 16px;
  font-size:clamp(30px,3vw,38px);
  line-height:1.18;
}
body.imel-log .il-built-copy{
  max-width:44em;
}
body.imel-log .il-built-copy > p:not(.im-label){
  margin:0 0 16px;
  font-size:17.5px;
  line-height:1.58;
}
body.imel-log .il-built-copy > p:not(.im-label):last-child{margin:0}
body.imel-log .il-built-photo{margin:0}
body.imel-log .il-built-photo img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:cover;
  object-position:50% 42%;
}

body.imel-log .il-service-boxes{
  gap:14px;
}
body.imel-log .il-service-boxes article{
  padding:22px 20px 20px;
}
body.imel-log .il-service-boxes h3,
body.imel-log .il-serve-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-log .il-service-boxes p,
body.imel-log .il-serve-boxes p{
  font-size:17px;
  line-height:1.5;
}

/* ---------- How it works ---------- */
body.imel-log .il-steps-sec{
  background:#EDE9E1;
}
body.imel-log .il-steps-sec h2{
  margin:0 0 28px;
  font-size:clamp(30px,3vw,38px);
  line-height:1.18;
}
body.imel-log .il-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid var(--im-line);
  background:transparent;
}
body.imel-log .il-steps article{
  padding:26px 22px 24px;
  border-left:1px solid var(--im-line);
  background:#F7F5EF;
}
body.imel-log .il-steps article:first-child{border-left:0}
body.imel-log .il-step-num{
  margin:0 0 10px;
  font-family:var(--serif);
  font-size:28px;
  font-weight:400;
  line-height:1;
  color:var(--gold);
}
body.imel-log .il-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-log .il-steps p:last-child{
  margin:0;
  font-size:17px;
  line-height:1.5;
  color:var(--im-ink);
}

/* ---------- Who we serve ---------- */
body.imel-log .il-serve{
  background:var(--im-white);
}
body.imel-log .il-serve h2{
  margin:0 0 10px;
  font-size:clamp(30px,3vw,38px);
  line-height:1.18;
}
body.imel-log .il-serve-lead{
  margin:0 0 28px;
  max-width:40em;
  font-size:19px;
  line-height:1.5;
  color:var(--im-muted);
}
body.imel-log .il-serve-boxes{
  gap:14px;
}
body.imel-log .il-serve-boxes article{
  padding:22px 20px 20px;
}

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

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

@media (max-width:1024px){
  body.imel-log .il-open,
  body.imel-log .il-built,
  body.imel-log .il-steps-sec,
  body.imel-log .il-serve{padding:64px 0}
  body.imel-log .il-open-grid,
  body.imel-log .il-built-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  body.imel-log .il-open-photo,
  body.imel-log .il-built-photo{max-width:560px}
  body.imel-log .il-steps{
    grid-template-columns:1fr 1fr;
  }
  body.imel-log .il-steps article:nth-child(3){border-left:0}
  body.imel-log .il-steps article:nth-child(n+3){
    border-top:1px solid var(--im-line);
  }
}

@media (max-width:768px){
  body.imel-log .il-open,
  body.imel-log .il-built,
  body.imel-log .il-steps-sec,
  body.imel-log .il-serve{padding:48px 0}
  body.imel-log .il-close{padding:40px 0}
  body.imel-log .il-built-grid{margin-bottom:22px}
}

@media (max-width:640px){
  body.imel-log .il-open-photo,
  body.imel-log .il-built-photo{max-width:100%}
  body.imel-log .il-steps{grid-template-columns:1fr}
  body.imel-log .il-steps article{
    border-left:0;
    border-top:1px solid var(--im-line);
  }
  body.imel-log .il-steps article:first-child{border-top:0}
}