.cooperation-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(32px, 6vw, 100px); margin-top: 44px; }
.cooperation-option { display: flex; flex-direction: column; align-items: flex-start; border-top: 1px solid #ffffff40; padding-top: 24px; }
.cooperation-option p { max-width: 580px; margin: 0 0 28px; font-size: clamp(17px, 1.3vw, 20px); line-height: 1.65; color: #e2e0db; }
.cooperation-option .button { margin-top: auto; font-size: 16px; letter-spacing: normal; text-align: left; }
.dialog--cooperation { width: min(980px, calc(100% - 48px)); height: min(880px, calc(100dvh - 64px)); max-height: calc(100dvh - 64px); overflow: hidden; }
.dialog--cooperation[open] { display: flex; flex-direction: column; }
.cooperation-dialog__header { position: relative; flex-shrink: 0; padding: 32px 80px 28px 40px; border-bottom: 1px solid #dedbd5; }
.cooperation-dialog__header .section-label { margin: 0 0 14px; }
.cooperation-dialog__header h2 { font-size: clamp(32px, 4.4vw, 56px); line-height: 1.08; letter-spacing: normal; }
.cooperation-dialog__scroll { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 30px 40px 42px; }
.cooperation-dialog__text { max-width: 760px; margin-inline: auto; font-size: 17px; line-height: 1.7; }
.cooperation-dialog__text h3 { margin: 32px 0 14px; font: 400 clamp(24px, 2.4vw, 30px)/1.2 var(--serif); letter-spacing: normal; }
.cooperation-dialog__text p, .cooperation-dialog__text p:last-child { max-width: none; margin: 0 0 18px; }
.cooperation-dialog__text ul, .cooperation-dialog__text ol { padding-left: 24px; margin: 0 0 22px; }
.cooperation-dialog__text li { padding-left: 4px; margin-bottom: 10px; }
.cooperation-dialog__text a { color: #235e8e; text-decoration: none; overflow-wrap: anywhere; }
.cooperation-dialog__text a:hover { color: #102e49; text-decoration: none; }
.cooperation-dialog__scroll:focus-visible { outline: 2px solid #8b7660; outline-offset: -4px; }
@media (max-width: 760px) {
  .cooperation-options { grid-template-columns: 1fr; margin-top: 32px; gap: 32px; }
  .dialog--cooperation { width: 100%; max-width: none; height: 100dvh; max-height: 100dvh; margin: 0; }
  .cooperation-dialog__header { padding: 28px 66px 22px 22px; }
  .cooperation-dialog__header .dialog__close { top: 16px; right: 10px; }
  .cooperation-dialog__scroll { padding: 24px 22px 32px; }
  .cooperation-dialog__text { font-size: 16px; }
}