.guest-notes {
  --rule:#693646; --review-gap:clamp(26px,4vw,60px);
  background:#1c1016; border-block:1px solid var(--rule); color:var(--paper);
}
.guest-notes-inner {padding-block:clamp(22px,3vw,36px)}
.guest-notes-heading {display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 22px}
.guest-notes .eyebrow {grid-column:1/-1;font:600 10px/1.5 system-ui,sans-serif;letter-spacing:.16em;color:var(--accent)}
.guest-notes .eyebrow span {margin-right:5px}
.guest-notes h2 {font-size:clamp(27px,3vw,40px);text-wrap:balance}
.guest-notes a {text-decoration:underline;text-underline-offset:4px;text-decoration-color:#946874}
.guest-notes a:hover {color:var(--accent)}
.guest-notes-links {display:flex;align-items:center;gap:16px}
.guest-notes-source {font-size:14px}
.guest-notes-toggle {border:0;background:transparent;color:var(--soft);font:12px/1.2 system-ui,sans-serif;min-height:40px;padding:4px}
.guest-notes-toggle:hover {color:var(--accent)}
.guest-notes-display {margin-top:15px;padding-block:8px;border-top:1px solid var(--rule);container-type:inline-size}
.guest-notes-group {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--review-gap)}
.guest-notes-group[aria-hidden] {display:none}
.guest-note {min-width:0;margin:0;padding:8px 12px}
.guest-note-stars {display:block;margin-bottom:7px;color:#f4c763;font:16px/1.15 system-ui,sans-serif;letter-spacing:.12em;white-space:nowrap}
.guest-note blockquote {font:italic clamp(21px,2.1vw,30px)/1.22 var(--serif);color:var(--paper);letter-spacing:-.02em}
.guest-note figcaption {margin-top:9px;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;font:600 12px/1.5 system-ui,sans-serif}
.guest-note-occasion {color:var(--muted);font-weight:400}
@media (prefers-reduced-motion:no-preference) {
  .guest-notes[data-scrolling] .guest-notes-display {overflow:clip;mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
  .guest-notes[data-scrolling] .guest-notes-track {display:flex;width:max-content;animation:client-logos-scroll 36s linear infinite;will-change:transform}
  .guest-notes[data-scrolling] .guest-notes-group {display:flex;align-items:center;flex:none;gap:var(--review-gap);padding-inline-end:var(--review-gap)}
  .guest-notes[data-scrolling] .guest-note {flex:none;width:max(min(85cqw,22rem),calc(50cqw - var(--review-gap)));border-inline-start:1px solid var(--rule);padding-inline-start:clamp(16px,2vw,28px)}
  .guest-notes[data-paused] .guest-notes-track {animation-play-state:paused}
  @media (hover:hover) {
    .guest-notes[data-scrolling] .guest-notes-display:hover .guest-notes-track {animation-play-state:paused}
  }
  /* Make the original links visible in a stationary layout while tabbing. */
  .guest-notes[data-scrolling] .guest-notes-display:has(a:focus-visible) {mask-image:none;overflow:visible}
  .guest-notes[data-scrolling] .guest-notes-display:has(a:focus-visible) .guest-notes-track {animation:none;width:auto;display:block}
  .guest-notes[data-scrolling] .guest-notes-display:has(a:focus-visible) .guest-notes-group {display:grid;padding:0}
  .guest-notes[data-scrolling] .guest-notes-display:has(a:focus-visible) .guest-notes-group[aria-hidden] {display:none}
  .guest-notes[data-scrolling] .guest-notes-display:has(a:focus-visible) .guest-note {width:auto}
  @media (max-width:570px) {
    .guest-notes[data-scrolling] .guest-notes-track {animation-duration:30s}
    .guest-notes[data-scrolling] .guest-notes-display {mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent)}
  }
}
@media(max-width:680px) {
  .guest-notes-heading {display:block}
  .guest-notes h2 {margin:4px 0}
  .guest-notes-links {justify-content:space-between}
  .guest-notes-display {margin-top:5px}
  .guest-notes-source {font-size:13px}
}