/* Original photographic hero, upgraded to 4K with framing focused on the T-shaped building. */
.osk-video-framed .osk-hero-video{object-fit:cover;object-position:20% 100%;background:#172428}
.osk-video-framed.osk-video-hero{align-items:flex-start}
.osk-video-framed.osk-video-hero::after{background:linear-gradient(180deg,rgba(6,18,23,.62),rgba(6,18,23,.28)45%,rgba(6,18,23,0)80%)}
.osk-video-framed .osk-hero-copy{padding-top:clamp(88px,14svh,130px);padding-bottom:0}
@media(max-width:700px){
 .osk-video-framed .osk-hero-video{object-position:19% 100%;top:auto;bottom:0;height:100%;max-height:calc((100vw - var(--osk-contact-rail))*2)}
 .osk-video-framed .osk-hero-copy{padding-top:64px}
 .osk-video-framed.osk-video-hero::after{background:linear-gradient(180deg,rgba(6,18,23,.8),rgba(6,18,23,.5)38%,rgba(6,18,23,0)70%)}
}
@media(max-width:700px) and (max-height:750px){
 .osk-video-framed .osk-hero-copy{padding-top:24px}
 .osk-video-framed h1,html[lang="en"] .osk-video-framed h1{font-size:30px}
 .osk-video-framed p:not(.osk-location){font-size:15px;margin-block:16px 14px;line-height:1.5}
}
/* Phones show the complete landscape shot; desktop retains the overlaid hero. */
@media(max-width:700px){
 .osk-video-framed.osk-video-hero{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#fff;overflow:visible;isolation:auto}
 .osk-video-framed.osk-video-hero::after{display:none}
 .osk-video-framed .osk-hero-video{position:static;inset:auto;z-index:auto;order:0;display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain;object-position:center;background:#edf0ef}
 .osk-video-framed .osk-video-toggle{position:static;inset:auto;z-index:1;order:1;align-self:flex-end;min-height:40px;margin:0 18px;padding:8px 0;background:transparent;color:#425b65;font-size:13px}
 .osk-video-framed .osk-hero-copy{position:static;z-index:auto;order:2;width:calc(100% - 36px);margin:auto;padding:8px 0 28px}
 .osk-video-framed h1,html[lang="en"] .osk-video-framed h1{font-size:30px;color:#202829;line-height:1.2;margin:0}
 .osk-video-framed p:not(.osk-location){font-size:16px;line-height:1.6;color:#465256;margin:18px 0 20px;max-width:none}
 .osk-home .osk-video-framed .osk-action{background:#202f33;color:#fff}
 .osk-video-framed .osk-hero-whatsapp{color:#215745;font-size:15px}
 .osk-hero-actions{gap:20px}
}