/* Preserve the full portrait frame instead of letterboxing it in a wide tile. */
body[data-page=home].khaph-home-clarity #sobre .about-videos{width:100%;max-width:420px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
body[data-page=home].khaph-home-clarity #sobre .about-videos video{display:block;width:100%;height:auto;max-height:none;aspect-ratio:9/16;object-fit:cover;border-radius:12px;background:#d9d2c6}
@media(min-width:1000px){
 body[data-page=home].khaph-home-clarity #sobre{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(40px,6vw,90px);align-items:start}
 body[data-page=home].khaph-home-clarity #sobre>.section-index,body[data-page=home].khaph-home-clarity #sobre>h2,body[data-page=home].khaph-home-clarity #sobre>.statement-grid,body[data-page=home].khaph-home-clarity #sobre>.availability-note{grid-column:1}
 body[data-page=home].khaph-home-clarity #sobre .statement-grid{grid-template-columns:1fr;gap:22px}
 body[data-page=home].khaph-home-clarity #sobre .about-videos{grid-column:2;grid-row:1/5;justify-self:end;align-self:center;margin-top:0}
}
.khaph-dev-film{position:relative;display:block;isolation:isolate;width:100%;max-width:1040px;margin:30px 0 54px;padding:0;overflow:hidden;border:1px solid #1112;border-radius:14px;background:#dfe8e8;color:#fff;text-align:start;cursor:pointer;font:inherit}
.khaph-dev-film>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:cover;transition:transform .35s ease}
.khaph-dev-film::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#071113c9);pointer-events:none;z-index:0}
.khaph-dev-film-play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:64px;height:64px;transform:translate(-50%,-50%);border:1px solid #ffffffc0;border-radius:50%;background:#0c181e7a;color:#fff;backdrop-filter:blur(8px);z-index:1}
.khaph-dev-film-play svg{width:25px;height:25px;margin-inline-start:3px}
.khaph-dev-film-caption{position:absolute;inset:auto 24px 21px;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:18px;font-family:Manrope,'Noto Sans Arabic',Arial,sans-serif}
.khaph-dev-film-caption>strong{font-size:clamp(17px,2.1vw,27px);font-weight:600;line-height:1.35}
.khaph-dev-film-caption>span{display:flex;align-items:center;gap:16px;font-size:12px;line-height:1.6;white-space:nowrap}
.khaph-dev-film-caption small{font-size:11px;font-variant-numeric:tabular-nums;border-inline-start:1px solid #ffffff65;padding-inline-start:16px}
.khaph-dev-film:focus-visible{outline:3px solid #df5b18;outline-offset:5px}
.khaph-web-film-modal[hidden]{display:none!important}
.khaph-web-film-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#070b0ff0;padding:50px 24px}
.khaph-web-film-modal>video{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 100px);aspect-ratio:16/9;object-fit:contain;background:#000}
.khaph-web-film-modal>.modal-close{position:absolute;top:18px;inset-inline-end:20px;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff65;border-radius:50%;background:#171c22;color:#fff;font-size:30px;line-height:1;cursor:pointer}
@media(hover:hover){.khaph-dev-film:hover>img{transform:scale(1.015)}}
@media(max-width:600px){
 body[data-page=home].khaph-home-clarity #sobre .about-videos{gap:12px;max-width:400px}
 .khaph-dev-film{margin:22px 0 34px;border-radius:10px}
 .khaph-dev-film-play{width:48px;height:48px;inset-block-start:43%}
 .khaph-dev-film-play svg{width:20px;height:20px}
 .khaph-dev-film-caption{inset:auto 13px 12px;display:block}
 .khaph-dev-film-caption>strong{display:block;font-size:16px}
 .khaph-dev-film-caption>span{margin-top:3px;gap:10px;font-size:10px}
 .khaph-dev-film-caption small{font-size:10px;padding-inline-start:10px}
 .khaph-web-film-modal{padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){.khaph-dev-film>img{transition:none}}