/* parts/reviews.php. The page can set (defaults = light pages, brand kit):
   --p-fg, --p-muted text · --p-arrow-bg/--p-arrow-fg arrows · --p-bleed carousel bleed
   --p-vid reel placeholder · --p-card/--p-card-line review card background/border */
.revs{display:flex;flex-direction:column;gap:16px;color:var(--p-fg,var(--ink-900))}
.revs__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.revs h2{margin:0;font:400 28px/1.22 var(--font-sans);text-wrap:pretty}
.revs h2 strong{font-weight:600}

.parrows{display:none;gap:8px;flex:none}
.parrows button{all:unset;cursor:pointer;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--p-arrow-bg,var(--navy-900));color:var(--p-arrow-fg,var(--cream-100))}
.parrows button:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px}

.revs__track{--b:var(--p-bleed,16px);display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding:0 var(--b);margin:0 calc(-1 * var(--b));padding:0 var(--b)}
.revs__track::-webkit-scrollbar{display:none}

.revs__vid{all:unset;box-sizing:border-box;cursor:pointer;position:relative;flex:none;width:150px;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:var(--p-vid,var(--navy-700));scroll-snap-align:start}
.revs__vid:focus-visible{outline:2px solid var(--orange-500);outline-offset:2px}
.revs__vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.revs__vid span{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;box-sizing:border-box;border-radius:50%;background:transparent;border:2px solid var(--cream-100);color:var(--cream-100);display:grid;place-items:center;pointer-events:none}
/* Player overlay (added by parts.js on tap) */
.vidov{position:fixed;inset:0;z-index:80;background:rgba(2,16,37,.88);display:grid;place-items:center;padding:16px}
.vidov__frame{position:relative;height:min(82%,760px);aspect-ratio:9/16;max-width:100%;border-radius:20px;overflow:hidden;background:#000}
.vidov iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vidov__yt{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);padding:12px 16px;border-radius:999px;background:var(--cream-100);color:var(--ink-900);font:600 14px/1 var(--font-sans);text-decoration:none;white-space:nowrap}
.vidov__x{all:unset;cursor:pointer;position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:var(--cream-100);color:var(--ink-900);display:grid;place-items:center}

.revs__card{flex:none;width:280px;margin:0;padding:20px;border-radius:20px;background:var(--p-card,var(--cream-200));border:1px solid var(--p-card-line,transparent);color:var(--ink-900);display:flex;flex-direction:column;justify-content:space-between;gap:20px;scroll-snap-align:start}
.revs__body{display:flex;flex-direction:column;gap:12px}
.revs__mark{font:600 30px/.6 var(--font-serif);color:var(--orange-700);height:16px}
.revs__card blockquote{margin:0;font:400 15px/1.5 var(--font-sans);text-wrap:pretty;white-space:pre-line;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}
.revs__body.is-open blockquote{-webkit-line-clamp:unset;display:block}
.revs__card button{all:unset;cursor:pointer;align-self:flex-start;font:600 14px/1 var(--font-sans);color:var(--orange-700)}
.revs__card figcaption{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid rgba(11,26,51,.14)}
.revs__card figcaption b{font:600 14px/1.2 var(--font-sans)}
.revs__card figcaption span{font:400 14px/1.2 var(--font-sans);color:var(--ink-600)}

@media (min-width:768px){
  .revs h2{font-size:36px}
  .parrows{display:flex}
  .revs__track{--b:var(--p-bleed,32px);gap:16px}
  .revs__vid{width:200px}
  .revs__card{width:340px;padding:24px}
  .revs__card blockquote{font-size:16px}
}
@media (min-width:1280px){
  .revs h2{font-size:44px}
  .revs__track{--b:var(--p-bleed,0px)}
  .revs__vid{width:220px}
  .revs__card{width:360px}
  .revs__card blockquote{font-size:17px}
}