/* Inner pages follow the original site's compact photographic banner. */
.page-banner.inner-hero{background:var(--brand-deep-blue);color:var(--brand-white)}
.page-banner.inner-hero .inner-stage{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;min-height:292px;padding-block:40px;grid-template-columns:none}
.page-banner.inner-hero .inner-copy{grid-column:auto;width:65%;max-width:760px;padding:0}
.page-banner.inner-hero .inner-copy h1{font-size:3rem;font-weight:600;line-height:1.2;letter-spacing:-.045em;color:var(--brand-white)}
.page-banner.inner-hero .inner-copy p{font-size:1.075rem;line-height:1.75;max-width:720px;margin-top:16px;color:var(--brand-white)}
.page-banner.inner-hero .inner-photo-frame{inset:0;width:100%;height:100%;border:0;transform:none}
.page-banner.inner-hero .inner-photo{object-fit:cover;object-position:100% 50%;animation:bannerBreath 24s ease-in-out infinite alternate}
.page-banner.inner-hero .inner-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgb(var(--brand-deep-blue-rgb) / .95),rgb(var(--brand-deep-blue-rgb) / .84) 45%,rgb(var(--brand-deep-blue-rgb) / .24) 72%,rgb(var(--brand-deep-blue-rgb) / .06))}
[dir=rtl] .page-banner.inner-hero .inner-photo{object-position:0% 50%}
[dir=rtl] .page-banner.inner-hero .inner-backdrop:after{background:linear-gradient(270deg,rgb(var(--brand-deep-blue-rgb) / .95),rgb(var(--brand-deep-blue-rgb) / .84) 45%,rgb(var(--brand-deep-blue-rgb) / .24) 72%,rgb(var(--brand-deep-blue-rgb) / .06))}
[lang=ar] .page-banner.inner-hero .inner-copy h1{font-size:3rem;line-height:1.5;letter-spacing:0}
[lang=ar] .page-banner.inner-hero .inner-copy p{line-height:1.9}
.inner-body{padding-top:55px}
.field input:is([type=email],[type=tel],[type=date],[type=number]){direction:ltr;text-align:start}
.summary-line strong{unicode-bidi:plaintext;overflow-wrap:anywhere}
.page-enter{animation:routeArrival .45s var(--ease)}
.motion-ready .reveal{opacity:1}
@keyframes routeArrival{from{translate:0 12px}to{translate:0 0}}
@keyframes bannerBreath{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(min-width:901px) and (min-height:781px){
 .chapter-sticky{min-height:0}
 .chapter-sticky>.wrap{height:100%;min-height:0;display:flex;flex-direction:column}
 .home-products .section-top{flex:none;margin-bottom:24px}
 .home-products h2{font-size:clamp(2.5rem,3.5vw,3.8rem);max-width:720px}
 .product-rail{flex:1;min-height:0;align-items:stretch}
 .product-rail .product-card{height:100%;display:flex;flex-direction:column}
 .product-rail .product-image{flex:1;min-height:0;height:auto}
 .product-rail .product-info{flex:none;min-height:115px;padding:20px 24px}
 .rail-controls{flex:none;margin-top:18px}
 .chapter-progress{flex:0 0 3px;margin-top:16px}
}
/* Short laptop screens keep the full product row and its controls reachable. */
@media(min-width:901px) and (max-height:780px){
 .product-chapter{height:auto}
 .chapter-sticky{position:relative;top:0;height:auto;min-height:0;padding-block:50px;overflow:visible}
}
@media(max-width:900px){
 .page-banner.inner-hero .inner-copy{width:72%}
 .page-banner.inner-hero .inner-copy h1{font-size:2.75rem}
 [lang=ar] .page-banner.inner-hero .inner-copy h1{font-size:2.65rem}
}
@media(max-width:650px){
 .page-banner.inner-hero .inner-stage{min-height:230px;padding-block:32px}
 .page-banner.inner-hero .inner-copy{width:100%;max-width:none}
 .page-banner.inner-hero .inner-copy h1{font-size:2.15rem;line-height:1.2;letter-spacing:-.04em}
 .page-banner.inner-hero .inner-copy p{font-size:1rem;line-height:1.7;margin-top:14px}
 .page-banner.inner-hero .inner-backdrop:after,[dir=rtl] .page-banner.inner-hero .inner-backdrop:after{background:rgb(var(--brand-deep-blue-rgb) / .86)}
 [lang=ar] .page-banner.inner-hero .inner-copy h1{font-size:2.1rem;line-height:1.5}
 .inner-body{padding-top:32px}
}
@media(prefers-reduced-motion:reduce){.page-banner.inner-hero .inner-photo{animation:none}}