.entry-bento { display: grid; grid-template-columns: 1.2fr 1fr; column-gap: 64px; align-items: center; padding-block: 50px 36px; }
.entry-bento__kind { color: var(--blue-deep); font-weight: 700; margin-bottom: 24px; }
.entry-bento__title { font-size: clamp(2.7rem, 5.3vw, 4rem); letter-spacing: -.035em; margin-bottom: 26px; max-width: 13ch; }
.entry-bento__intro { font-size: 1.15rem; max-width: 48ch; margin-bottom: 25px; }
.entry-bento__case { color: var(--muted); max-width: 49ch; }
.mounted-plate { margin: 0; background: #fff; padding: 28px; border: 2px solid var(--edge); border-radius: var(--curve); }
.mounted-plate__image { background: #f7f9ff; }
.mounted-plate__caption { padding: 22px 2px 0; font-size: 1rem; line-height: 1.5; color: var(--muted); }
.mounted-plate__caption strong { display: block; margin-bottom: 4px; font-size: 1.05rem; color: var(--ink); }
.entry-bento__plate { transform: rotate(1deg); }
.bill-bento { display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap: 18px; margin-block: 20px 60px; }
.bill-bento__lead { grid-column: span 8; background: var(--blue); color: #fff; padding: 32px; border-radius: var(--curve); }
.bill-bento__lead h2 { max-width: 20ch; }
.bill-bento__lead p { max-width: 56ch; }
.bill-bento__lead a { color: #fff; }
.bill-bento__side { grid-column: span 4; border-radius: var(--curve); padding: 30px; background: var(--wash); }
.bill-bento__side p { margin-bottom: .6rem; }
.bill-bento__piece { grid-column: span 4; padding: 30px; background: var(--quiet); border-radius: var(--curve); }
.bill-bento__piece p { color: var(--muted); margin-bottom: .4rem; }
.bill-bento__piece h3 { font-size: 1.35rem; }
.room-intro { display: grid; grid-template-columns: 1fr 1.1fr; gap: 64px; padding-block: 30px; }
.room-intro__body { max-width: 64ch; }
.briefing-index { margin-top: 36px; padding: 30px 0; }
.briefing-index__groups { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 32px; margin-top: 26px; }
.briefing-index__links { list-style: none; margin: 0; padding: 0; }
.briefing-index__links li { margin: 0; border-bottom: 1px solid var(--edge); }
.briefing-index__links a { display: flex; align-items: center; min-height: 54px; padding-block: 9px; }
@media (max-width: 900px) {
  .entry-bento { gap: 32px; }
  .mounted-plate { padding: 19px; }
  .bill-bento__lead, .bill-bento__side { grid-column: span 6; }
  .bill-bento__piece { grid-column: span 6; }
  .room-intro { gap: 32px; }
  .briefing-index__groups { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .entry-bento { grid-template-columns: 1fr; padding-top: 32px; gap: 25px; }
  .entry-bento__title { font-size: 2.65rem; max-width: 13ch; }
  .entry-bento__kind { margin-bottom: 18px; }
  .entry-bento__intro { font-size: 1.08rem; }
  .entry-bento__plate { transform: none; }
  .bill-bento { gap: 14px; margin-bottom: 30px; }
  .bill-bento__lead, .bill-bento__side, .bill-bento__piece { grid-column: 1 / -1; padding: 25px; }
  .room-intro { grid-template-columns: 1fr; gap: 14px; }
  .briefing-index__groups { grid-template-columns: 1fr; gap: 28px; }
}
