/* Google reviews strip. Palette and type follow experience.css. */
.reviews{position:relative;background:var(--charcoal);color:var(--linen);padding:clamp(70px,9vw,130px) var(--edge);border-top:1px solid rgba(255,247,238,.14);display:grid;gap:34px;justify-items:start}
.reviews .overline{color:var(--taupe)}
.reviews h2{font:400 clamp(58px,8vw,128px)/.86 Norwester,sans-serif;letter-spacing:-.05em;margin:22px 0 14px;text-transform:uppercase}
.reviews-count{margin:0;font:11px Norwester,sans-serif;letter-spacing:.2em;color:var(--blue);text-transform:uppercase}
.review-stage{display:grid;max-width:900px;width:100%}
.review{margin:0;grid-area:1/1;padding:0 0 6px;transition:opacity .6s ease,transform .6s ease}
.review blockquote{margin:0}
.review p{margin:0;font-size:clamp(20px,2.4vw,32px);line-height:1.4;max-width:34em}
.review figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:24px;font:11px Norwester,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe)}
.review-stars{color:var(--blue);letter-spacing:.12em;font-size:14px}
.review b{font-weight:400;color:var(--linen)}
.review-src{color:var(--taupe)}
/* With scripting: one review at a time. Without it, all reviews stack as a list. */
.js-reviews .review{opacity:0;transform:translateY(10px);visibility:hidden}
.js-reviews .review.is-on{opacity:1;transform:none;visibility:visible}
html:not(.js-reviews) .review-stage{gap:44px}
.reviews-controls{display:flex;align-items:center;gap:18px;font:11px Norwester,sans-serif;letter-spacing:.18em}
.reviews-controls button{min-width:44px;min-height:44px;padding:0 14px;background:transparent;color:var(--linen);border:1px solid rgba(255,247,238,.34);border-radius:999px;font:inherit;letter-spacing:.16em;transition:background .2s,color .2s}
.reviews-controls button:hover{background:var(--linen);color:var(--ink)}
.review-pos b{font-weight:400;color:var(--blue)}
.reviews-link{display:inline-flex;align-items:center;gap:16px;min-height:48px;padding:0 20px;border:1px solid var(--linen);border-radius:999px;font:11px Norwester,sans-serif;letter-spacing:.18em;transition:background .2s,color .2s}
.reviews-link:hover{background:var(--linen);color:var(--ink)}
@media(max-width:600px){.reviews{gap:26px}.review p{font-size:19px}.reviews-controls{gap:12px}.reviews-link{font-size:10px;padding:0 15px}}
@media(prefers-reduced-motion:reduce){.review,.reviews-controls button,.reviews-link{transition:none}}