@charset "UTF-8";

/* =====================================================
  CASE DETAIL PAGE
  ONE-EYED JACK
===================================================== */

.icz-case-detail-page{
  background:#fff;
}


/* =====================================================
  HERO
===================================================== */

.icz-case-detail-page .case-detail-hero{
  padding-top:var(--icz-section-pt);
  padding-bottom:var(--icz-section-pb-narrow);
}

.icz-case-detail-page .case-detail-hero .icz-kicker{
  letter-spacing:.22em;
  opacity:.64;
}

.icz-case-detail-page .icz-definition{
  margin-top:var(--icz-space-8);
  font-size:14px;
  line-height:1.8;
  letter-spacing:.18em;
  font-weight:400;
  color:var(--icz-ink);
}

.icz-case-detail-page .case-detail-hero__lead{
  margin-top:var(--icz-space-13);
  max-width:640px;
}


/* =====================================================
  BLOCK
===================================================== */

.icz-case-detail-page .case-detail-block{
  margin-top:var(--icz-block-gap);
}

.icz-case-detail-page .case-detail-block:first-child{
  margin-top:0;
}

.icz-case-detail-page .case-detail-label{
  margin-bottom:var(--icz-space-13);
  font-size:10px;
  line-height:1.2;
  letter-spacing:.22em;
  font-weight:400;
  color:var(--icz-ink-soft);
  opacity:.56;
}


/* =====================================================
  TEXT
===================================================== */

.icz-case-detail-page .icz-body{
  margin-top:var(--icz-space-13);
  max-width:640px;
  font-size:12px;
  line-height:1.95;
  letter-spacing:.04em;
  font-weight:400;
  color:var(--icz-ink);
}

.icz-case-detail-page .icz-body + .icz-body{
  margin-top:var(--icz-space-21);
}


/* =====================================================
  STRUCTURE TABLE
===================================================== */

.icz-case-detail-page .icz-about-structure{
  margin-top:var(--icz-space-8);
  max-width:720px;
}

.icz-case-detail-page .icz-about-structure__row{
  display:flex;
  align-items:flex-start;
  gap:var(--icz-space-21);
  padding:var(--icz-space-13) 0;
  border-bottom:1px solid var(--icz-line-soft);
}

.icz-case-detail-page .icz-about-structure__row:last-child{
  border-bottom:none;
}

.icz-case-detail-page .icz-about-structure__label{
  flex:0 0 240px;
  font-family:var(--icz-en);
  font-size:10px;
  line-height:1.6;
  letter-spacing:.12em;
  font-weight:400;
  color:var(--icz-ink-soft);
}

.icz-case-detail-page .icz-about-structure__text{
  flex:1 1 auto;
  min-width:0;
  font-size:12px;
  line-height:1.9;
  letter-spacing:.04em;
  font-weight:400;
  color:var(--icz-ink);
}


/* =====================================================
  LINK
===================================================== */

.icz-case-detail-page a{
  text-decoration:none;
  border-bottom:1px solid rgba(0,0,0,.10);
  transition:border-color var(--icz-dur) var(--icz-ease), opacity var(--icz-dur) var(--icz-ease);
}

.icz-case-detail-page a:hover{
  border-bottom-color:rgba(0,0,0,.18);
  opacity:.9;
}


/* =====================================================
  REVEAL
===================================================== */

.icz-case-detail-page .icz-reveal{
  transition-duration:1.2s;
  transition-delay:.08s;
}


/* =====================================================
  MOBILE
===================================================== */

@media (max-width:768px){

  .icz-case-detail-page .case-detail-hero{
    padding-top:var(--icz-section-pt);
    padding-bottom:var(--icz-section-pb-narrow);
  }

  .icz-case-detail-page .icz-definition{
    font-size:14px;
    line-height:1.75;
    letter-spacing:.14em;
  }

  .icz-case-detail-page .icz-body{
    font-size:12px;
    line-height:1.9;
  }

  .icz-case-detail-page .icz-about-structure__row{
    flex-direction:column;
    gap:var(--icz-space-8);
  }

  .icz-case-detail-page .icz-about-structure__label{
    flex:none;
  }

}