/* "Gentle on purpose" layouts (?gentle=1..5), see gentle-options.js */
.gx h3 { font: 400 23px/1.25 p22-mackinac-pro, "Fraunces", Georgia, serif; color: var(--teal); margin: 0 0 6px; }
.gx p { margin: 0; }
.gx .gx-i p { font-size: 15.5px; line-height: 1.6; color: #4A5656; }
.gx .gx-ico svg { width: 56px; height: 56px; display: block; }
.gx .obj { display: none !important; }
.gx-box { width: min(1200px, calc(100vw - 48px)); margin: 0 auto; }

/* 1. teal band */
.sec-calm .gx-1 { background: var(--teal) !important; }
.gx-1 h2.display { color: #FBF2E4 !important; }
.gx-1 .sub { color: rgba(251,242,228,.85) !important; }
.gx-1 .gx-box { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(251,242,228,.18); }
.gx-1 .gx-i { display: grid; grid-template-columns: 56px 1fr; gap: 20px; padding: 36px 32px 36px 0; border-bottom: 1px solid rgba(251,242,228,.18); }
.gx-1 .gx-i:not(:nth-child(3n+1)) { padding-left: 32px; border-left: 1px solid rgba(251,242,228,.18); }
.gx-1 h3 { color: #FBF2E4; }
.gx-1 .gx-i p { color: rgba(251,242,228,.78); }

/* 2 + 4. heading (or photo) left, list right */
.gx-split { display: grid !important; grid-template-columns: 1fr 1.15fr; gap: 96px; align-items: start; width: min(1200px, calc(100vw - 48px)); max-width: none !important; margin: 0 auto; }
.gx-split .head { text-align: left !important; align-items: flex-start !important; position: sticky; top: 120px; margin-bottom: 0 !important; }
.gx-split .head h2, .gx-split .head p { text-align: left !important; margin-left: 0 !important; }
.gx-split .gx-box { width: auto; margin: 0; }
.gx-split ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(31,42,43,.12); }
.gx-split li { display: grid; grid-template-columns: 56px 1fr; gap: 24px; padding: 28px 0; border-bottom: 1px solid rgba(31,42,43,.12); align-items: start; }
.sec-calm main.illo > section.gx-2, .sec-calm main.illo > section.gx-4 { overflow: visible !important; }
.gx-photo { margin-top: 28px; border-radius: 24px; overflow: hidden; aspect-ratio: 4 / 3.3; width: 100%; }
.gx-photo img { width: 100%; height: 100%; object-fit: cover; }

/* 3. won't find / will */
.gx-3 .gx-box { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.gx-col { border-radius: 24px; padding: 40px 44px; display: grid; gap: 26px; align-content: start; }
.gx-no { background: #fff; }
.gx-yes { background: #E3EFEC; }
.gx-k { font: 500 12.5px/1 "Outfit", sans-serif !important; letter-spacing: .16em; text-transform: uppercase; color: var(--rust); }
.gx-yes .gx-k { color: var(--teal); }
.gx-3 .gx-i { display: grid; grid-template-columns: 56px 1fr; gap: 20px; }

/* 5. lines that open */
.gx-5 .gx-box { width: min(900px, calc(100vw - 48px)); border-top: 1px solid rgba(31,42,43,.14); }
.gx-d { border-bottom: 1px solid rgba(31,42,43,.14); }
.gx-d summary { list-style: none; display: grid; grid-template-columns: 52px 1fr 24px; gap: 20px; align-items: center; padding: 22px 0; cursor: pointer; }
.gx-d summary::-webkit-details-marker { display: none; }
.gx-d .gx-ico svg { width: 46px; height: 46px; }
.gx-t { font: 400 32px/1.15 p22-mackinac-pro, "Fraunces", Georgia, serif; color: var(--teal); }
.gx-d summary i { width: 14px; height: 14px; border-right: 2px solid var(--rust); border-bottom: 2px solid var(--rust); transform: rotate(45deg); transition: transform .3s; justify-self: center; margin-top: -6px; }
.gx-d[open] summary i { transform: rotate(225deg); margin-top: 6px; }
.gx-d p { padding: 0 44px 26px 72px; font-size: 17px; line-height: 1.6; color: #4A5656; max-width: 36em; }

@media (max-width: 899px) {
  .gx-1 .gx-box, .gx-3 .gx-box, .gx-split { grid-template-columns: 1fr; gap: 32px; }
  .gx-1 .gx-i, .gx-1 .gx-i:not(:nth-child(3n+1)) { padding: 24px 0; border-left: 0; }
  .gx-split .head { position: static; }
  .gx-col { padding: 28px 22px; }
  .gx-t { font-size: 24px; } .gx-d p { padding-left: 0; padding-right: 0; }
}