/* Build 33: scoped fixes from mobile review, plus real expandable testimonial. */
/* Preserve masthead and existing homepage designs. Hero greeble scale now matches. */
.rbh-interior .rbh-play-page .rbh-play-hero::before {
 background-size:auto 280px !important;
 background-position:center center !important;
}
/* One white image frame only. The outer clip supplies the rounded angled silhouette. */
.rbh-interior .rbh-play-page .rbh-hero-frame {
 border:0!important; padding:5px!important; background:#fff!important;
 box-shadow:none!important; -webkit-clip-path:url(#rbh-hero-rounded)!important;
 clip-path:url(#rbh-hero-rounded)!important;
}
.rbh-interior .rbh-play-page .rbh-hero-frame .rbh-play-hero-open,
.rbh-interior .rbh-play-page .rbh-hero-frame .rbh-play-hero-open img {
 border:0!important; border-radius:0!important;
 -webkit-clip-path:none!important;clip-path:none!important;
 outline:0!important;
}
.rbh-interior .rbh-play-page .rbh-hero-frame .rbh-play-hero-open {background:transparent!important;}
/* Solid dark offset title shadow matching the homepage's substantial outlines. */
.rbh-interior .rbh-play-page .rbh-hero h1 .rbh-play-line {
 -webkit-text-stroke:2px #070707!important;
 text-shadow:2px 2px 0 #060606,3px 3px 0 #060606,4px 4px 0 #060606,5px 5px 0 #060606,6px 6px 0 #060606!important;
}
/* All yellow title ribbons fill the usable panel width, while the 2x4 red tile
   projects outside exactly as before. No clipping; no red brick redesign. */
.rbh-interior .rbh-play-page .rbh-play-panel > .rbh-ribbon {
 display:block!important; width:calc(100% - 29px)!important; max-width:none!important;
 margin:0 0 19px 28px!important;
 padding:8px 15px 9px 15px!important;
 font-size:clamp(25px,2.65vw,35px)!important;
 line-height:1.1!important;
 white-space:nowrap!important;
}
.rbh-interior .rbh-play-page .rbh-play-panel > .rbh-ribbon:before {
 left:-27px!important; width:28px!important; background-image:url('/assets/ribbon-brick-vertical.png')!important;
}
/* Rounded viewer, a caption you can tap the photo to hide/show, and swipe arrows. */
.lightbox {padding:58px 13px 35px;gap:6px;touch-action:pan-y;}
.lightbox .lightbox-figure {margin:0;display:flex;flex-direction:column;align-items:center;max-width:calc(100vw - 95px);max-height:calc(100dvh - 90px);min-width:0;}
.lightbox .lightbox-figure img {width:auto;max-width:100%;max-height:calc(100dvh - 190px);object-fit:contain;border:5px solid white;border-radius:8px;cursor:pointer;}
.lightbox .lightbox-caption {color:#f4f4f5;background:rgba(24,25,28,.94);font:500 clamp(13px,3.3vw,17px)/1.4 Arial,Helvetica,sans-serif;text-align:center;padding:12px 15px;max-width:100%;border-radius:0 0 10px 10px;white-space:pre-wrap;}
.lightbox .lightbox-caption[hidden] {display:none;}
.lightbox .lightbox-prev,.lightbox .lightbox-next {border:0;background:transparent;color:#ffe400;-webkit-text-stroke:2px #000;filter:drop-shadow(1px 2px 1px #000);font-size:clamp(23px,4vw,34px);padding:14px 4px;cursor:pointer;flex:none;z-index:3;}
.lightbox .lightbox-prev[hidden],.lightbox .lightbox-next[hidden]{display:none;}
.lightbox-close{z-index:5;}
/* Keep a long real quote compact by default; expanding reveals approved wording. */
.rbh-testimonial .rbh-quote-text[hidden] {display:none!important;}
.rbh-page .rbh-testimonial .rbh-quote-text {display:block;white-space:pre-line;}
.rbh-page .rbh-quote-toggle {display:inline-block;max-width:100%;padding:4px 2px;border:0;background:none;color:#ffe400;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:clamp(12px,2.8vw,15px);font-weight:800;}
.rbh-page .rbh-testimonial blockquote cite {font-style:normal;font-weight:800;color:#ffdc32;margin-top:6px;}
@media(max-width:700px){
 .rbh-interior .rbh-play-page .rbh-play-panel > .rbh-ribbon {
   width:calc(100% - 21px)!important; margin:0 0 15px 20px!important;
   padding:6px 8px 7px 9px!important; font-size:clamp(19px,4.85vw,26px)!important;
 }
 .rbh-interior .rbh-play-page .rbh-play-panel > .rbh-ribbon:before{left:-20px!important;width:21px!important;}
 .rbh-interior .rbh-play-page .rbh-hero h1 .rbh-play-line {
  -webkit-text-stroke:1.45px #080808!important;
  text-shadow:2px 2px 0 #060606,3px 3px 0 #060606,4px 4px 0 #060606!important;
 }
 .lightbox{padding:50px 5px 25px;gap:1px;}
 .lightbox .lightbox-figure{max-width:calc(100vw - 62px);}
 .lightbox .lightbox-figure img{border-width:3px;max-height:calc(100dvh - 175px);}
 .lightbox .lightbox-prev,.lightbox .lightbox-next{font-size:22px;padding:10px 1px;}
}