[data-page="hoa"] .hero-copy { max-width: none; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap); align-items: start; }
[data-page="hoa"] .hero-copy > * { grid-column: 1 / -1; }
@media (min-width: 761px) { [data-page="hoa"] .hero { padding-bottom: 18vh; } }
[data-page="hoa"] .hero .display { font-size: clamp(54px, 8.9vw, 132px); line-height: .98; letter-spacing: -.034em; margin-bottom: 44px; white-space: nowrap; }
[data-page="hoa"] .hero .lede { grid-column: 7 / span 6; font-size: clamp(18px, 1.35vw, 20px); max-width: 27em; margin-bottom: 34px; }
[data-page="hoa"] .hero .cta-row { grid-column: 7 / span 6; margin-bottom: 0; }
[data-page="hoa"] .agenda .sheet-card { grid-column: 1 / span 7; grid-row: 1; margin-top: 0; }
@media (min-width: 761px) { [data-page="hoa"] .s-log.agenda { padding-top: 0; } }
[data-page="hoa"] .agenda .visit-notes { grid-column: 9 / span 4; grid-row: 1; }
[data-page="hoa"] .agenda .visit-h { font-size: clamp(52px, 4.9vw, 74px); max-width: 6.2em; line-height: 1.02; }
[data-page="hoa"] .agenda .sc-meta { grid-template-columns: 1fr 1fr 1fr; }
[data-page="hoa"] .agenda .sc-log li { grid-template-columns: 116px 1fr; }
[data-page="hoa"] .bid .step > .mono { display: none; }
[data-page="hoa"] .bid .step-t { margin-top: 0; }
[data-page="hoa"] .bid .step::before { top: 22px; }
[data-page="hoa"] .bid .step { padding-bottom: 46px; }
[data-page="hoa"] .bid .step:last-child { padding-bottom: 6px; }
[data-page="hoa"] .bid .steps-wrap { padding-top: clamp(64px, 11vh, 120px); }
[data-page="hoa"] .bid .steps-rule { top: calc(clamp(64px, 11vh, 120px) + 26px); }
[data-page="hoa"] .bid .closed-rail .h2 { font-size: clamp(48px, 5vw, 74px); }
@media (min-width: 761px) { [data-page="hoa"] .bid .steps-wrap { grid-column: 7 / span 5; } [data-page="hoa"] .bid .closed-fig { display: none; } }
[data-page="hoa"] .ready .trail-row { --tg: clamp(28px, 3vw, 48px); }
[data-page="hoa"] .ready .tr-ar, [data-page="hoa"] .ready .tr-n { display: none; }
[data-page="hoa"] .ready .tr-k { font-size: clamp(44px, 3.6vw, 52px); margin-top: 6px; }
[data-page="hoa"] .ready .trail-row p { font-size: 17px; max-width: 17em; }
[data-page="hoa"] .ready .trail { margin-top: clamp(52px, 8vh, 84px); }
@media (min-width: 761px) { [data-page="hoa"] .ready .lede { grid-column: 1 / span 7; } }
[data-page="hoa"] .s-faq.wide .faq-head { grid-column: 1 / -1; position: static; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap); align-items: end; margin-bottom: clamp(44px, 7vh, 72px); }
[data-page="hoa"] .s-faq.wide .faq-head .kick { grid-column: 1 / -1; margin-bottom: 26px; }
[data-page="hoa"] .s-faq.wide .faq-head .h2 { grid-column: 1 / span 8; font-size: clamp(56px, 6.2vw, 92px); line-height: 1; letter-spacing: -.036em; white-space: nowrap; }
[data-page="hoa"] .s-faq.wide .faq-head .lede { grid-column: 9 / span 4; margin: 0 0 .5em; max-width: 21em; }
[data-page="hoa"] .s-faq.wide .faq-list { grid-column: 1 / -1; }
[data-page="hoa"] .s-faq.wide .faq-item summary { font-size: clamp(24px, 1.95vw, 28px); padding: 24px 0; }
[data-page="hoa"] .s-faq.wide .faq-a { margin-left: calc((100% - 11 * var(--gap)) / 12 * 4 + 4 * var(--gap)); max-width: 34em; }
[data-page="hoa"] .foot { padding-top: 84px; background: linear-gradient(to bottom, transparent 0, var(--ground) 78px); }
@media (max-width: 1080px) {
  [data-page="hoa"] .hero .display { white-space: normal; }
  [data-page="hoa"] .hero .lede, [data-page="hoa"] .hero .cta-row { grid-column: 5 / span 8; }
  [data-page="hoa"] .agenda .sheet-card { grid-column: 1 / span 7; }
  [data-page="hoa"] .agenda .visit-notes { grid-column: 9 / span 4; }
  [data-page="hoa"] .ready .trail-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; row-gap: 40px; }
  [data-page="hoa"] .s-faq.wide .faq-head .h2 { white-space: normal; }
  [data-page="hoa"] .s-faq.wide .faq-a { margin-left: 0; }
}
@media (max-width: 760px) {
  [data-page="hoa"] .hero-copy { display: block; }
  [data-page="hoa"] .hero .display { font-size: clamp(50px, 14.2vw, 60px); line-height: 1; margin-bottom: 18px; }
  [data-page="hoa"] .hero .lede { font-size: 16px; line-height: 1.5; margin-bottom: 0; }
  [data-page="hoa"] .hero .cta-row { display: none; }
  [data-page="hoa"] .agenda .visit-notes, [data-page="hoa"] .agenda .sheet-card { grid-column: 1 / -1; }
  [data-page="hoa"] .agenda .visit-notes { grid-row: 1; }
  [data-page="hoa"] .agenda .sheet-card { grid-row: 2; margin-top: 34px; }
  [data-page="hoa"] .agenda .visit-h { font-size: clamp(48px, 12.3vw, 52px); max-width: none; }
  [data-page="hoa"] .agenda .sc-meta { grid-template-columns: 1fr 1fr; }
  [data-page="hoa"] .agenda .sc-log li { grid-template-columns: 1fr; }
  [data-page="hoa"] .s-log.agenda { padding-bottom: 24px; }
  [data-page="hoa"] .bid .closed-fig { display: none; }
  [data-page="hoa"] .bid .closed-rail .h2 { font-size: clamp(40px, 11.2vw, 46px); }
  [data-page="hoa"] .bid .steps-wrap { padding-top: 34px; }
  [data-page="hoa"] .bid .steps-rule { top: 56px; }
  [data-page="hoa"] .bid .step::before { top: 22px; }
  [data-page="hoa"] .bid .step { padding-bottom: 34px; }
  [data-page="hoa"] .ready .trail { margin-top: 36px; }
  [data-page="hoa"] .ready .trail-row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 0; row-gap: 0;
    border-top: 1px solid var(--hair-2); border-left: 0; margin-left: 0; padding-left: 0; }
  [data-page="hoa"] .ready .trail-row li { padding: 20px 14px 24px 0; border-bottom: 1px solid var(--hair-2); }
  [data-page="hoa"] .ready .trail-row li:nth-child(2n) { padding-left: 16px; padding-right: 0; border-left: 1px solid var(--hair-2); }
  [data-page="hoa"] .ready .trail-row li::before { left: 0; top: -1px; width: 24px; height: 1px; }
  [data-page="hoa"] .ready .trail-row li:nth-child(2n)::before { left: 16px; }
  [data-page="hoa"] .ready .tr-k { font: 400 30px/1.04 var(--serif); letter-spacing: -.02em; margin: 0 0 10px; }
  [data-page="hoa"] .s-log.agenda { padding-top: 6px; }
  [data-page="hoa"] .agenda .sc-meta > div:nth-child(3) { display: none; }
  [data-page="hoa"] .agenda .sc-log li[data-key] { padding-left: 14px; }
  [data-page="hoa"] .agenda .sc-log li[data-key]::before { left: 0; }
  [data-page="hoa"] .ready .trail-row p { font-size: 15.5px; line-height: 1.45; }
  [data-page="hoa"] .s-faq.wide .faq-head { display: block; margin-bottom: 30px; }
  [data-page="hoa"] .s-faq.wide .faq-head .h2 { font-size: clamp(44px, 12vw, 50px); white-space: normal; }
  [data-page="hoa"] .s-faq.wide .faq-head .lede { margin-top: 18px; }
  [data-page="hoa"] .s-faq.wide .faq-item summary { font-size: 22px; padding: 18px 0; }
  [data-page="hoa"] .foot { padding-top: 64px; background: linear-gradient(to bottom, transparent 0, var(--ground) 60px); }
}
[data-page="hoa"] .bid .step-open .step-t,
[data-page="hoa"] .bid .step-open.lit .step-t { font: 400 clamp(48px, 3.9vw, 56px)/1 var(--serif); letter-spacing: -.024em; color: var(--ink); margin: 0 0 14px;
  font-variation-settings: 'opsz' 28, 'wght' 450; transition: none; }
[data-page="hoa"] .bid .step-open .open-rule, [data-page="hoa"] .bid .step-open .stage-open { display: none; }
@media (max-width: 760px) {
  [data-page="hoa"] .bid .step-open .step-t, [data-page="hoa"] .bid .step-open.lit .step-t { font-size: 48px; margin: 0 0 10px; font-variation-settings: 'opsz' 24, 'wght' 480; }
}
@media (min-width: 1081px) {
  [data-page="hoa"] .agenda .sheet-card { grid-column: 1 / span 6; }
  [data-page="hoa"] .agenda .visit-notes { grid-column: 8 / span 5; }
  [data-page="hoa"] .agenda .visit-h { max-width: 7.6em; }
}
[data-page="hoa"] .ready .h2 em.acc-hold, [data-page="hoa"] .ready .h2 em.acc-hold * { color: var(--accent) !important; }
[data-page="hoa"] .s-faq.wide { isolation: isolate; }
[data-page="hoa"] .s-faq.wide::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%);
  border-top: 1px solid var(--hair);
  background: linear-gradient(to bottom, color-mix(in srgb, var(--ground) 95.5%, var(--ink)) 0, color-mix(in srgb, var(--ground) 95.5%, var(--ink)) calc(100% - 180px), transparent 100%); }
@media (max-width: 760px) {
  [data-page="hoa"] .bid .steps-wrap { padding-left: 32px; }
  [data-page="hoa"] .bid .steps-rule { left: 6px; }
  [data-page="hoa"] .bid .step::before { left: -29.5px; }
  [data-page="hoa"] .s-close .body { max-width: none; text-wrap: pretty; }
  [data-page="hoa"] .s-faq.wide::before { background: linear-gradient(to bottom, color-mix(in srgb, var(--ground) 95.5%, var(--ink)) 0, color-mix(in srgb, var(--ground) 95.5%, var(--ink)) calc(100% - 110px), transparent 100%); }
}