/* assets/css/pages/reviews.css */

/* --- sticky filter --- */
.rev-filter{position:sticky;top:64px;z-index:10;background:rgba(20,20,20,.85);backdrop-filter:blur(10px);padding-block:1rem;border-bottom:1px solid var(--color-line)}
.rev-pills{display:flex;gap:.6rem;flex-wrap:wrap}
.rev-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;border:1px solid var(--color-line);border-radius:var(--radius-pill);font-size:var(--fs-300);color:var(--color-ivory-soft);transition:border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast)}
.rev-pill i{font-style:normal;font-family:var(--font-mono);font-size:var(--fs-200);opacity:.7}
.rev-pill:hover{border-color:var(--color-rust);color:var(--color-rust-glow)}
.rev-pill.is-active{background:var(--color-rust);border-color:var(--color-rust);color:var(--color-ivory)}
.rev-pill.is-active i{opacity:.85}

/* --- rating summary --- */
.rev-summary{display:flex;align-items:baseline;gap:1rem 1.4rem;flex-wrap:wrap;margin-bottom:2.6rem;padding-bottom:1.6rem;border-bottom:1px solid var(--color-line)}
.rev-summary__avg{font-family:var(--font-display);font-size:clamp(2.4rem,1.6rem + 2.5vw,3.6rem);line-height:1;color:var(--color-rust)}
.rev-summary__stars{color:var(--color-rust);letter-spacing:3px;font-size:var(--fs-500)}
.rev-summary__meta{color:var(--color-ivory-soft);font-size:var(--fs-300)}

/* --- section subheads (All view) --- */
.rev-subhead{margin-bottom:1.6rem}
.rev-subhead h2{font-family:var(--font-display);font-size:var(--fs-600);line-height:1;margin-top:.3rem}
.rev-subhead--gap{margin-top:3.4rem}

/* --- letters (testimonial wall) --- */
.rev-masonry{columns:3;column-gap:1.4rem}
.rev-letter{position:relative;break-inside:avoid;background:var(--color-ivory);color:#2a2a2a;padding:2rem 1.8rem 1.5rem;border-radius:4px;margin-bottom:1.4rem;box-shadow:0 14px 30px rgba(0,0,0,.4);transition:transform .3s var(--ease-out-expo),box-shadow .3s}
.rev-letter:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(0,0,0,.5)}
.rev-letter::before{content:"\201C";position:absolute;top:.4rem;right:1.1rem;font-family:var(--font-display);font-weight:600;font-size:4.5rem;line-height:1;color:rgba(192,74,32,.16)}
.rev-letter__stars{color:var(--color-rust);letter-spacing:3px;font-size:var(--fs-300);margin-bottom:.7rem}
.rev-letter blockquote{position:relative;font-family:var(--font-display);font-size:var(--fs-500);line-height:1.45;quotes:"\201C""\201D"}
.rev-letter blockquote::before{content:open-quote}.rev-letter blockquote::after{content:close-quote}
.rev-letter figcaption{margin-top:1.1rem;padding-top:.85rem;border-top:1px solid rgba(0,0,0,.1)}
.rev-letter__name{font-family:var(--font-script);font-size:var(--fs-600);color:#1c1c1c;line-height:1}
.rev-letter figcaption span:not(.rev-letter__name){display:block;margin-top:.15rem;color:#7a7a7a;font-size:var(--fs-200)}

/* --- video testimonials (thumbnail cards) --- */
.rev-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.rev-video__frame{position:relative;aspect-ratio:9/16;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-line);background:linear-gradient(160deg,var(--color-surface),var(--color-bg-deep))}
.rev-video__frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:transparent}
.rev-video__scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(18,18,18,.9) 4%,rgba(18,18,18,.1) 46%,transparent 70%);pointer-events:none;transition:opacity var(--dur-fast)}
.rev-video__tag{position:absolute;top:.8rem;left:.8rem;font-size:var(--fs-200);letter-spacing:.16em;text-transform:uppercase;color:var(--color-ivory);background:rgba(0,0,0,.42);padding:.25rem .6rem;border-radius:var(--radius-pill);backdrop-filter:blur(4px)}
.rev-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(192,74,32,.94);color:#fff;border:none;cursor:pointer;padding-left:3px;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .25s var(--ease-out-expo),background var(--dur-fast)}
.rev-video__frame:hover .rev-video__play{transform:translate(-50%,-50%) scale(1.09);background:var(--color-rust-glow)}
.rev-video__cap{position:absolute;left:1rem;right:1rem;bottom:.95rem;z-index:2;color:var(--color-ivory);font-weight:600;line-height:1.2}
.rev-video__cap span{display:block;margin-top:.15rem;color:var(--color-rust-glow);font-size:var(--fs-200);font-weight:400}
.rev-video.is-playing .rev-video__play,.rev-video.is-playing .rev-video__scrim,.rev-video.is-playing .rev-video__cap,.rev-video.is-playing .rev-video__tag{opacity:0;pointer-events:none}

@media (max-width:900px){.rev-videos{grid-template-columns:1fr 1fr}.rev-masonry{columns:2}}
@media (max-width:560px){.rev-videos{grid-template-columns:1fr}.rev-masonry{columns:1}}