/* Keep rotating reviews in one shared track so the footer does not jump. */
.cinematic-home .voices-grid.review-carousel{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start}
.cinematic-home .voices-grid.review-carousel>figure{grid-area:1/1;min-width:0}
.cinematic-home .voices-grid.review-carousel>figure[hidden]{display:block!important;visibility:hidden;pointer-events:none}
@media(max-width:700px){
 .cinematic-home .cinematic-hero{min-height:min(620px,calc(100svh - 85px));height:calc(100svh - 85px)}
 .cinematic-home .cinematic-services{padding-block:64px}
 .cinematic-home .cinematic-services .pillar-services-link{margin-top:30px}
 .cinematic-home .showcase-tabs button{opacity:.72}
 .cinematic-home .showcase-tabs button[aria-selected=true]{opacity:1}
 .cinematic-home .review-controls{display:grid;grid-template-columns:1fr auto 1fr 1fr;gap:8px;align-items:center}
 .cinematic-home .review-controls .quiet-button{padding:11px 8px;min-height:44px;font-size:14px}
 .cinematic-home .review-controls>span{font-size:13px;white-space:nowrap;text-align:center}
 .cinematic-home .home-footer .footer-links a{min-height:44px;font-size:14px}
 .cinematic-home .home-footer .footer-contact{max-width:100%;min-width:0}
 .cinematic-home .home-footer .footer-contact>a{max-width:100%;overflow-wrap:anywhere}
 .cinematic-home .shore-divider span{width:44px;height:44px}
 .cinematic-home .shore-divider::after{bottom:44px}
 .cinematic-home .shore-caption{font-size:13px;line-height:1.5}
}
@media(max-width:430px){
 .cinematic-home .experience-inner{grid-template-columns:86px 1px minmax(0,1fr);gap:16px}
 .cinematic-home .experience-year strong{font-size:50px}
 .cinematic-home .experience-year span{font-size:9px}
 .cinematic-home .home-experience .experience-craft{font-size:21px;line-height:1.28}
}
@media(max-width:380px){
 .cinematic-home .showcase-tabs{grid-template-columns:1fr;gap:12px}
 .cinematic-home .showcase-tabs button{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:center;min-height:56px;padding:0 0 12px}
 .cinematic-home .showcase-tabs button>span{margin:0;font-size:10px}
 .cinematic-home .showcase-tabs strong{font-size:20px}
 .cinematic-home .cinematic-section-label{gap:12px}
 .cinematic-home .cinematic-section-label h2{font-size:11px;letter-spacing:.14em}
 .cinematic-home .home-footer .footer-bottom{flex-direction:column;gap:6px;text-align:center}
}
@media(max-width:700px) and (max-height:620px){
 .cinematic-home .cinematic-hero{height:auto;min-height:480px}
}
