/* areas.html */

    .page-head { padding: 190px 60px 80px; background: var(--navy); color: var(--cream); }
    .page-head h1 { font-size: clamp(38px, 5vw, 60px); margin-bottom: 22px; }
    .page-head .lede { max-width: 600px; }

    .acc-section { background: var(--stone); padding: 80px 60px; }
    .acc-section--alt { background: #FFFFFF; border-top: 1px solid var(--rule-l); }
    .acc-section .shell { max-width: 900px; }
    .acc-head { margin-bottom: 30px; }
    .acc-head .eyebrow-text {
      font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: var(--garnet);
    }

    .acc { border-top: 1px solid var(--rule-l); }
    .acc-item { border-bottom: 1px solid var(--rule-l); }
    .acc-h { margin: 0; }
    .acc-trigger {
      width: 100%; background: none; border: 0; cursor: pointer;
      display: flex; align-items: center; justify-content: space-between; gap: 24px;
      padding: 30px 4px; text-align: left; color: var(--navy);
      font-family: "Cormorant Garamond", serif;
      transition: color .25s;
    }
    .acc-trigger:hover { color: var(--garnet); }
    .acc-label { display: flex; align-items: baseline; gap: 20px; }
    .acc-num {
      font-family: "Inter", sans-serif; font-size: 11px; font-weight: 500;
      letter-spacing: .16em; color: var(--garnet); flex-shrink: 0;
    }
    .acc-title { font-size: clamp(22px, 2.6vw, 32px); font-weight: 500; line-height: 1.15; }

    .acc-icon { position: relative; width: 16px; height: 16px; flex-shrink: 0; }
    .acc-icon::before, .acc-icon::after {
      content: ""; position: absolute; background: var(--garnet);
      transition: transform .3s ease, opacity .3s ease;
    }
    .acc-icon::before { top: 7px; left: 0; width: 16px; height: 1.5px; }
    .acc-icon::after  { top: 0; left: 7px; width: 1.5px; height: 16px; }
    .acc-trigger[aria-expanded="true"] .acc-icon::after { transform: scaleY(0); opacity: 0; }
    .acc-trigger[aria-expanded="true"] { color: var(--garnet); }

    .acc-panel {
      max-height: 0; overflow: hidden;
      transition: max-height .4s ease;
    }
    .acc-panel-inner { padding: 4px 4px 36px; }
    .acc-panel-inner { display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; }
    .acc-panel-inner p { font-size: 14px; line-height: 1.9; color: var(--ink); opacity: .82; margin: 0; }
    .acc-panel-inner ul { list-style: none; margin: 0; align-self: start; }
    .acc-panel-inner li {
      font-size: 13px; color: var(--ink); opacity: .8;
      padding: 10px 0 10px 20px; position: relative;
      border-bottom: 1px solid var(--rule-l);
    }
    .acc-panel-inner li:first-child { padding-top: 0; }
    .acc-panel-inner li::before {
      content: ""; position: absolute; left: 0; top: 18px;
      width: 6px; height: 1px; background: var(--garnet);
    }
    .acc-panel-inner li:first-child::before { top: 8px; }

    @media (max-width: 820px) {
      .page-head { padding: 140px 22px 44px; }
      .page-head--photo { min-height: 300px; padding-bottom: 36px; }
      .acc-section { padding: 52px 22px; }
      .acc-trigger { padding: 24px 2px; gap: 16px; }
      .acc-label { gap: 14px; }
      .acc-panel-inner { grid-template-columns: 1fr; gap: 22px; padding-bottom: 30px; }
    }