/* Visible search headings and compact menu-based project guides. */
.cinema-heading{top:22%}
.cinema-heading .hero-wordmark{font-size:clamp(54px,9vw,140px);font-weight:750;line-height:1;letter-spacing:-.045em;color:#fff;margin:0;max-width:none}
.cinema-heading #hero-title{font-size:clamp(22px,2.1vw,30px);font-weight:500;letter-spacing:-.025em;line-height:1.3;max-width:940px;margin:18px auto 0;color:#fff;text-wrap:balance}
.project-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:18px 0;margin:0 0 30px;border-block:1px solid var(--line);font-size:16px}
.project-navigation>span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--body)}
.project-navigation a{padding:4px 0}
.project-navigation a:hover,.project-navigation [aria-current="page"]{text-decoration:underline;text-underline-offset:7px}
.footer-links .project-navigation{border:0;padding:0;margin:0 0 12px;gap:7px 18px;font-size:14px;max-width:430px;justify-content:flex-end}
.footer-links .project-navigation>span{width:100%}
.business-overview{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-bottom:38px}
.business-overview h2,.quotation-intro h2{font-size:clamp(28px,3vw,40px);margin-bottom:22px}
.business-overview img{width:100%;height:auto;border:1px solid var(--line)}
.business-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.business-cases article{padding:27px;background:var(--soft)}
.planning-number{font-size:14px;display:block;margin-bottom:20px;color:var(--body)}
.business-cases h3{font-size:25px;line-height:1.25;margin-bottom:18px}
.business-cases p{font-size:17px;margin-bottom:16px}
.planning-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding-inline-start:25px;margin:30px 0}
.planning-steps li{padding-inline-start:6px}
.planning-steps h3{font-size:25px;margin-bottom:15px}
.planning-steps p{font-size:17px}
.quotation-intro{max-width:920px;margin-bottom:40px}
.pricing-equipment{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start}
.pricing-equipment section{padding:28px;background:var(--soft)}
.pricing-equipment h2,.quote-scope h2{font-size:27px;margin-bottom:18px}
.pricing-equipment ul,.quote-scope ul,.quote-scope ol{padding-inline-start:23px;margin:20px 0}
.pricing-equipment li+li,.quote-scope li+li{margin-top:12px}
.quote-scope{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.quote-scope>section{padding:30px;background:var(--soft);min-width:0}
.quote-scope p+.note{margin-top:24px}
.installation-title{font-size:clamp(28px,3vw,38px);margin-bottom:20px}
.installation-lead{max-width:950px;margin-bottom:25px}
@media(max-width:800px){
 .cinema-heading{top:26%}
 .cinema-heading #hero-title{font-size:clamp(21px,3.4vw,27px);max-width:650px}
 .project-navigation{gap:10px 20px;font-size:16px}
 .business-overview,.pricing-equipment,.quote-scope{grid-template-columns:1fr;gap:28px}
 .business-cases,.planning-steps{grid-template-columns:1fr;gap:20px}
 .footer-links .project-navigation{justify-content:flex-start}
 .business-overview h2,.quotation-intro h2{font-size:30px}
 .quote-scope>section{padding:25px}
}
@media(max-width:520px){
 .cinema-heading #hero-title{font-size:22px;max-width:350px;margin-top:20px}
 .project-navigation{gap:8px 18px}
 .project-navigation>span{width:100%}
 .footer-links .project-navigation{font-size:14px;gap:6px 14px}
 .business-cases article{padding:24px}
}