#home-problem{ padding-block:var(--sp-7); }
#home-problem .rail__label{ bottom:var(--sp-7); }

#home-problem .s-home-problem__brk{
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sp-5);
}
#home-problem .brk__rule{ align-self:center; }

.s-home-problem__main{
  
  --cap-line:calc(var(--fs-chapter) * .084);
  margin-top:var(--sp-6);
  align-items:start;
}

.s-home-problem__note{
  --first-base:1.063em;
  grid-row:1;
  margin-top:calc(var(--cap-line) - var(--first-base));
  padding-top:0;
}
#home-problem .s-home-problem__note .body + .body{ margin-top:var(--sp-4); }

.s-home-problem__h{ grid-row:1; }

.s-home-problem__div{
  grid-column:7;
  grid-row:1;
  justify-self:end;
  align-self:stretch;
  width:var(--hair);
  margin-block:var(--cap-line) calc(var(--sp-6) * -1);
  background:var(--line);
  transform-origin:top;
}

.s-home-problem__div.reveal--rule{ transform:scaleY(0); }
.s-home-problem__div.reveal--rule.is-in,
.is-in .s-home-problem__div.reveal--rule{ transform:none; }
html.no-js .s-home-problem__div.reveal--rule{ transform:none; }

#home-problem .s-home-problem__turn{
  margin-top:var(--sp-7);
  color:var(--fg);
  font-size:var(--fs-lede);
  line-height:var(--lh-lede);
  letter-spacing:var(--ls-lede);
  text-wrap:balance;
}

.s-home-problem__clues{
  margin-top:var(--sp-5);
  border-bottom:var(--hair) solid var(--line);
}

.s-home-problem__clue{
  border-top:var(--hair) solid var(--line);
  
  padding:var(--sp-4) 0;
  font-family:var(--ff-display);
  font-weight:var(--wt-display-lt);
  font-stretch:var(--wd-display);
  font-size:var(--fs-statement);
  line-height:1.1;
  letter-spacing:var(--ls-display);
  word-spacing:var(--ws-display);
  color:var(--fg-mut);
}

.s-home-problem__clue--weight{
  border-top-color:var(--line-strong);
  color:var(--fg);
  
  padding-top:var(--sp-6);
  padding-bottom:var(--sp-6);
  font-stretch:var(--wd-display);
  font-size:var(--fs-chapter);
  font-weight:var(--wt-display);
  line-height:var(--lh-display);
  letter-spacing:var(--ls-display);
  word-spacing:var(--ws-display);
}

.s-home-problem__foot{
  margin-top:var(--sp-5);
}
.s-home-problem__foot .c-note{
  margin-top:0;
}

.s-home-problem__brk2{
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sp-5);
  margin-top:var(--sp-7);
}
#home-problem .s-home-problem__brk2 .brk__rule{ align-self:center; }

.s-home-problem__find{
  margin-top:var(--sp-5);
  align-items:start;
}

.s-home-problem__fh{ max-width:none; }
.s-home-problem__fh .reveal--line{ max-width:none; }

.s-home-problem__fnote{
  --first-base:1.063em;
  margin-top:calc(var(--fs-chapter) * .084 - var(--first-base));
}
.s-home-problem__fdeck{
  color:var(--fg);
  max-width:var(--measure-tight);
}
.s-home-problem__fnote .body{
  margin-top:var(--sp-4);
  max-width:var(--measure-prose);
}

.s-home-problem__stand{
  margin-top:var(--sp-6);
}
#home-problem .s-home-problem__stand > .rule{ margin:0 0 var(--sp-5); }
.s-home-problem__pull{ max-width:none; }
.s-home-problem__nore{
  margin:var(--sp-5) 0 0;
  font-size:var(--fs-small);
  line-height:1.55;
  color:var(--fg);
}

@media (max-width: 1100px){
  
  .s-home-problem__h,
  .s-home-problem__note{ grid-row:auto; }
  .s-home-problem__note{
    margin-top:var(--sp-7);
    padding-top:0;
  }
  .s-home-problem__div{ display:none; }

  
  .s-home-problem__fnote{ margin-top:var(--sp-7); }
}

@media (max-width: 760px){
  .s-home-problem__main{ margin-top:var(--sp-6); }
  #home-problem .s-home-problem__turn{ margin-top:var(--sp-7); }
  .s-home-problem__clues{ margin-top:var(--sp-5); }
  .s-home-problem__clue{ padding:var(--sp-3) 0; }
  .s-home-problem__clue--weight{
    padding-top:var(--sp-5);
    padding-bottom:var(--sp-5);
  }
  .s-home-problem__foot{ margin-top:var(--sp-6); }

  .s-home-problem__brk2{ margin-top:var(--sp-7); gap:var(--sp-4); }
  .s-home-problem__find{ margin-top:var(--sp-5); }
  .s-home-problem__fnote{ margin-top:var(--sp-6); }
  .s-home-problem__stand{ margin-top:var(--sp-6); }
  #home-problem .s-home-problem__stand > .rule{ margin-bottom:var(--sp-5); }
  .s-home-problem__nore{ margin-top:var(--sp-4); }

  
  .s-home-problem__fh{ font-size:var(--fs-statement); }
  .s-home-problem__pull{ font-size:var(--fs-sub); }
}

@media (prefers-reduced-motion: reduce){
  .s-home-problem__div.reveal--rule{ transform:none !important; }
}