.auth-story,.auth-form{padding-top:45px;padding-bottom:45px;padding-inline:10%}
.rating-placeholder{color:var(--stone);font-size:31px;line-height:1.5}
.media-placeholder:nth-child(4){background:var(--bone)}
.media-placeholder:nth-child(5){background:var(--ink);color:var(--paper)}
.placeholder-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--stone)}
.placeholder-mark{font-size:30px;font-weight:400}
.placeholder-center small{font-size:13px}
.review-rail::-webkit-scrollbar{display:none}
.box-group{height:100%;display:flex;align-items:center;justify-content:center;gap:5px;padding:40px 18px 18px;transition:transform .35s}
.box-crop{position:relative;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply;width:32%;height:auto;aspect-ratio:168/302;background:transparent}
.box-crop img{position:absolute;max-width:none;height:auto;width:270%;left:-84%;top:-168%}
.boxes-3 .box-crop{width:27%;height:auto}
.boxes-4 .box-crop{width:22%;height:auto}
.boxes-5 .box-crop{width:18%;height:auto}
.reel-placeholder{flex:0 0 calc((100% - 72px)/5);aspect-ratio:9/16;position:relative;overflow:hidden;scroll-snap-align:start;background:linear-gradient(145deg,var(--bone),var(--ink));color:var(--paper);min-width:170px}
.reel-placeholder:nth-child(2n){background:linear-gradient(145deg,var(--bone),var(--ink))}
.reel-placeholder:nth-child(3){background:linear-gradient(145deg,var(--ink),var(--ink))}
.reel-top{position:absolute;top:16px;left:15px;right:15px;font-size:13px;display:flex;justify-content:space-between}
.reel-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
.play-outline{width:46px;height:46px;border:1px solid color-mix(in srgb,var(--paper) 56%,transparent);border-radius:50%;display:grid;place-items:center;font-size:26px;padding-left:3px}
.reel-center p{font-size:13px;margin:16px 0 0}
.reel-center small{font-size:13px;color:color-mix(in srgb,var(--paper) 69%,transparent)}
.testimonials{display:grid;grid-template-columns:1fr 2fr;gap:6%;width:70%;max-width:1320px;margin:56px auto 0;overflow:hidden}
.review-intro h2{font-size:22px;line-height:1.5}
.review-rail{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.review-placeholder{flex:0 0 49%;aspect-ratio:1;background:linear-gradient(125deg,var(--bone) 30%,var(--bone) 30%,var(--bone) 60%,var(--bone) 60%);padding:20px;display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start}
.review-placeholder>span{font-size:42px;line-height:1}
.review-placeholder>div{text-align:center;color:var(--stone)}
.review-placeholder p{font-size:13px}
.review-placeholder small{font-size:13px;color:var(--stone)}
dialog{border:0;padding:45px;max-width:480px;width:calc(100% - 36px);color:var(--ink);background:var(--paper)}
dialog::backdrop{background:color-mix(in srgb,var(--ink) 66%,transparent)}
dialog h2{font-size:32px}
.dialog-close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px}
.reveal{opacity:1}
.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}
.motion-ready .reveal.is-visible{opacity:1;transform:none}
@media (max-width:1050px){
 .testimonials{width:84%}
}
@media (max-width:700px){
 .reel-placeholder{flex-basis:57%;min-width:0}
 .testimonials{width:90%;grid-template-columns:1fr;gap:20px;margin-top:34px}
 .review-intro h2{font-size:22px}
 .review-placeholder{flex-basis:64%}
 .detail-photo,.detail-photo img{height:360px;max-height:360px}
}
@media (prefers-reduced-motion:reduce){
 .motion-ready .reveal{opacity:1;transform:none;transition:none}
}
.boxes-3 .box-crop img{top:-171%}
.boxes-4 .box-crop img{top:-165%}
.boxes-5 .box-crop img{top:-157%}
.box-group .box-crop img{width:285.714%;height:auto;left:-91.667%;top:-117.219%;transform:none}