@charset "UTF-8";

/* =====================================================
  COMRADE PAGE
  quiet / minimal / archive / unified system
===================================================== */

/* =========================
  BASE
========================= */

.page-comrade{
  background:#fff;
}


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

.page-comrade .icz-section:first-child{
  padding-top:var(--icz-space-89);
  padding-bottom:var(--icz-space-34);
}

.page-comrade .icz-kicker{
  letter-spacing:.22em;
  opacity:.68;
}

.page-comrade .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);
}

.page-comrade .icz-definition span{
  display:block;
}

.page-comrade .icz-body{
  margin-top:var(--icz-space-13);
  max-width:640px;
}


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

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

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

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


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

.page-comrade .icz-body{
  font-size:12px;
  line-height:1.95;
  letter-spacing:.04em;
  color:var(--icz-ink);
}

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


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

.page-comrade .icz-about-structure{
  margin-top:var(--icz-space-8);
}

.page-comrade .icz-about-structure__row{
  display:flex;
  flex-wrap:wrap;
  gap:var(--icz-space-8) var(--icz-space-21);
  padding:var(--icz-space-13) 0;
  border-bottom:1px solid var(--icz-line-soft);
}

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

.page-comrade .icz-about-structure__text{
  flex:1 1 auto;
  font-size:12px;
  line-height:1.9;
  letter-spacing:.04em;
  color:var(--icz-ink);
}


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

.page-comrade .icz-code{
  margin-top:var(--icz-space-13);
  padding:var(--icz-space-21);

  background:rgba(0,0,0,.02);
  border:1px solid rgba(0,0,0,.05);
  backdrop-filter:blur(.4px);

  font-size:10px;
  line-height:1.8;
  letter-spacing:.03em;
  color:rgba(17,17,17,.68);

  overflow:auto;
}


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

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

.page-comrade a:hover{
  border-bottom-color:rgba(0,0,0,.6);
}


/* =========================
  SP
========================= */

@media (max-width:767px){

  .page-comrade .icz-section:first-child{
    padding-top:var(--icz-space-55);
    padding-bottom:var(--icz-space-21);
  }

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

  .page-comrade .icz-definition{
    margin-top:var(--icz-space-8);
    font-size:14px;
    line-height:1.75;
    letter-spacing:.14em;
  }

  .page-comrade .icz-body{
    margin-top:var(--icz-space-13);
    font-size:12px;
    line-height:1.9;
  }

  .page-comrade .icz-about-structure__row{
    flex-direction:column;
    gap:var(--icz-space-8);
    padding:var(--icz-space-13) 0;
  }

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

  .page-comrade .icz-code{
    padding:var(--icz-space-13);
    font-size:10px;
    line-height:1.75;
  }

}


/* =====================================================
  REVEAL (COMRADE ONLY)
  slightly slower / quieter
===================================================== */

.page-comrade .icz-reveal{
  transition-duration:1.35s;
  transition-delay:.08s;
}

.page-comrade .icz-reveal.is-visible{
  transition-delay:.08s;
}

.page-comrade .icz-reveal:nth-child(2){
  transition-delay:.14s;
}

.page-comrade .icz-reveal:nth-child(3){
  transition-delay:.20s;
}

.page-comrade .icz-reveal:nth-child(4){
  transition-delay:.26s;
}