/* Horizontal review ribbon on the work preview. */
.reviews{background:var(--deep);overflow:clip;--review-gap:16px;--review-width:324px;--review-speed:48}
.reviews-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:60px}
.reviews-heading h2{margin-top:24px;font-size:clamp(48px,5.1vw,74px)}
.reviews-heading h2 em{color:var(--gold)}
.reviews-intro{max-width:38ch;color:var(--cream);padding-bottom:3px}
.reviews-disclosure{color:var(--muted);font-size:14px;line-height:1.6;max-width:38ch}
.reviews-toolbar{margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.reviews-controls{display:flex;gap:10px;align-items:center;flex:none;min-height:46px}
.reviews-controls .button{min-height:46px;padding:12px 18px;gap:9px;font-size:13px}
.reviews-controls .reviews-step{width:46px;padding:12px}
.reviews-controls .icon{width:20px;height:20px}
.reviews-controls [hidden]{display:none}
.reviews-hint{font-size:12px;color:var(--muted);max-width:36ch;text-align:right}
.reviews-window{margin-top:27px;padding-block:4px 14px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-inline:24px}
.reviews-window::-webkit-scrollbar{display:none}
.reviews-window:focus-visible{outline-offset:-2px}
@media(min-width:701px){.reviews-window{mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent)}}
.reviews-track{display:flex;width:max-content;padding-left:max(56px,calc((100vw - 1280px)/2));contain:layout paint}
.reviews-sequence{display:flex;gap:var(--review-gap);padding:0 var(--review-gap) 0 0;margin:0;list-style:none;width:max-content}
.review-card{width:var(--review-width);flex:none;min-height:218px;padding:24px;display:flex;flex-direction:column;border:1px solid #ffffff16;border-radius:18px;background:#151515;transition:border-color 180ms}
.review-label{font-size:12px;line-height:1.5;color:var(--gold);letter-spacing:.025em}
.review-card blockquote{margin:18px 0 20px;font:400 21px/1.4 Newsreader,Georgia,serif;letter-spacing:-.01em;text-wrap:pretty}
.review-attribution{margin-top:auto;padding-top:12px;font-size:12px;line-height:1.5;color:var(--muted)}
.reviews-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:22px;color:var(--muted);font-size:14px}
.reviews-bottom .text-link{color:var(--gold)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){.review-card:hover{border-color:var(--gold)}}
@media(max-width:1100px){.reviews-track{padding-left:36px}.reviews-heading{gap:36px}.reviews-hint{max-width:27ch}}
@media(max-width:700px){
  .reviews{--review-gap:12px;--review-width:min(80vw,284px);--review-speed:44;padding-block:60px}
  .reviews-heading{grid-template-columns:1fr;gap:19px}
  .reviews-heading h2{font-size:clamp(36px,9.6vw,48px);margin-top:18px}
  .reviews-intro{max-width:38ch}
  .reviews-disclosure{margin-top:0;font-size:13px}
  .reviews-toolbar{margin-top:20px;flex-direction:row;align-items:center;gap:14px}
  .reviews-controls{gap:8px}
  .reviews-hint{text-align:right;max-width:22ch}.reviews-window{margin-top:16px}
  .reviews-track{padding-left:24px}.review-card{padding:20px;min-height:218px}
  .review-card blockquote{font-size:20px;line-height:1.4;margin:14px 0 16px}
  .reviews-bottom{flex-direction:column;align-items:flex-start;gap:0;margin-top:18px}
}
@media(max-width:360px){
  .reviews-track{padding-left:20px}
  .reviews-controls{gap:7px}.review-card{min-height:218px;padding:18px}
  .review-card blockquote{font-size:19px}
}
