.wellsaid.sc-copy {
  --wellsaid-ink: #e7dcc3;
  --wellsaid-serif: Georgia, 'Times New Roman', serif;
  inset: 0; max-width: none; text-align: left; color: var(--wellsaid-ink);
  /* Keep the room inside the copy's opacity group so glass can blur it. */
  background: #20241f url('/wellsaid-room.webp') center / cover no-repeat;
  font-family: var(--sc-font-text);
}
.wellsaid__brand { position: absolute; top: 12%; left: 50%; translate: -50% 0; width: 38%; text-align: center; }
.wellsaid__brand h2 { margin: 0; font: 400 clamp(24px, 2vw, 32px)/1.15 var(--wellsaid-serif); }
.wellsaid__brand p { margin: 6px 0 0; color: #d4c8ae; font: 400 15px/1.5 var(--wellsaid-serif); text-wrap: balance; }
.wellsaid__daily { display: contents; }
.wellsaid__centre { position: absolute; top: 46%; left: 50%; translate: -50% -50%; width: 42%; text-align: center; }
.wellsaid__question { margin: 0; font: 400 clamp(32px, 3.5vw, 56px)/1.12 var(--wellsaid-serif); letter-spacing: -.025em; text-wrap: balance; }
.wellsaid__footer { position: absolute; bottom: 12%; left: 50%; translate: -50% 0; text-align: center; }
.wellsaid__footer .card__link { margin: 0; color: #d8cb9c; font-weight: 400; font-size: 14px; white-space: nowrap; }
.wellsaid__card:focus-visible { outline: 2px solid var(--wellsaid-ink); outline-offset: 5px; }
.wellsaid__slot { position: absolute; width: 26%; height: 32%; pointer-events: none; }
.wellsaid__slot:nth-child(odd) { left: 3%; }
.wellsaid__slot:nth-child(even) { right: 3%; }
.wellsaid__slot:nth-child(-n+2) { top: 7%; }
.wellsaid__slot:nth-child(n+3) { bottom: 9%; }
.wellsaid__card {
  position: absolute; left: var(--x); top: var(--y); translate: calc(-1 * var(--x)) calc(-1 * var(--y));
  box-sizing: border-box; width: min(100%, 370px);
  margin: 0; padding: 18px 22px; border: 1px solid transparent; border-radius: 20px;
  background: rgb(12 12 12 / .16);
  -webkit-backdrop-filter: blur(18px) brightness(.78);
  backdrop-filter: blur(18px) brightness(.78);
  box-shadow: 0 8px 24px #0002, inset 0 1px 1px #fff1, inset 0 -1px 1px #0003;
  pointer-events: auto;
}
/* A masked one-pixel rim catches alternating highlights without tinting the glass. */
.wellsaid__card::before {
  content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; pointer-events: none;
  background: linear-gradient(125deg, #f1dfb478, #e8ddc520 28%, #100f0c55 48%, #ddc48e55 72%, #f3e2be24);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.wellsaid__name { display: block; margin: 0; color: #d4c8b1; font: 400 13px/1.4 var(--sc-font-text); }
.wellsaid__card blockquote { margin: 10px 0 0; font: italic 400 clamp(15px, calc(1.25vw - 2px), 19px)/1.35 var(--wellsaid-serif); overflow-wrap: anywhere; }
@supports not (backdrop-filter: blur(1px)) { .wellsaid__card { background: rgb(20 20 20 / .86); } }
@media (max-width: 1100px), (max-height: 800px) {
  .wellsaid__brand { top: 8%; width: 75%; }
  .wellsaid__centre { top: 28%; translate: -50% 0; width: min(80%, 660px); }
  .wellsaid__question { font-size: clamp(30px, 4vw, 40px); }
  .wellsaid__slot { top: 46% !important; bottom: 15% !important; height: auto; width: 36%; }
  .wellsaid__slot:nth-child(odd) { left: 22%; }
  .wellsaid__slot:nth-child(even) { right: 3%; }
  .wellsaid__slot:nth-child(n+3) { display: none; }
  .wellsaid__footer { bottom: 7%; }
}
@media (max-width: 860px) {
  .wellsaid__slot:nth-child(odd) { left: 5%; }
  .wellsaid__slot:nth-child(even) { right: 5%; }
  .wellsaid__slot { width: 43%; bottom: 17% !important; }
  .wellsaid__footer { bottom: 11%; }
}
@media (max-width: 600px) {
  .wellsaid.sc-copy { background-position: 72% center; }
  [data-sc-waypoint='wellsaid'] img { object-position: 72% center; }
  .wellsaid__brand { top: 9%; width: 88%; }
  .wellsaid__brand h2 { font-size: 24px; }
  .wellsaid__brand p { font-size: 13px; }
  .wellsaid__daily { display: flex; flex-direction: column; gap: 18px; position: absolute; top: 29%; left: 5%; width: 90%; }
  .wellsaid__centre { position: static; translate: none; width: 100%; }
  .wellsaid__question { font-size: clamp(28px, 7.5vw, 34px); }
  .wellsaid__slot { position: static; width: 100%; height: auto; }
  .wellsaid__slot:nth-child(n+2) { display: none; }
  .wellsaid__card { position: relative; left: auto; top: auto; translate: none; width: 100%; padding: 18px 20px; }
  .wellsaid__card blockquote { font-size: 17px; }
}
@media (max-width: 600px) and (max-height: 740px) {
  .wellsaid__brand { top: 6%; }
  .wellsaid__brand h2 { font-size: 22px; }
  .wellsaid__daily { top: 25%; gap: 14px; }
  .wellsaid__question { font-size: 27px; }
  .wellsaid__card { padding: 14px 16px; }
  .wellsaid__card blockquote { font-size: 15px; line-height: 1.4; }
}
@media (max-height: 650px) and (min-aspect-ratio: 3/2) {
  .wellsaid__brand { left: 26%; top: 8%; width: 42%; }
  .wellsaid__brand h2 { font-size: 23px; }
  .wellsaid__brand p { font-size: 12px; }
  .wellsaid__centre { left: 26%; top: 37%; width: 40%; }
  .wellsaid__question { font-size: 27px; }
  .wellsaid__footer { left: 26%; bottom: 22%; }
  .wellsaid__slot { left: auto !important; right: 4% !important; top: 8% !important; bottom: 20% !important; width: 44%; }
  .wellsaid__slot:nth-child(n+2) { display: none; }
}
