@media (width<=767px){html:has(.pj-hero--mobile-native) .site-header[data-state=transparent]{background:var(--surface-inverse)}.pj-hero--mobile-native{min-height:0;padding-top:var(--header-height);background:var(--surface)}.pj-hero--mobile-native .pj-hero-photo{z-index:0;aspect-ratio:var(--pj-hero-ratio);position:relative;inset:auto}.pj-hero--mobile-native .pj-hero-media{will-change:auto;width:100%;height:100%;animation:none;position:absolute;inset:0;transform:none;object-fit:contain!important}.pj-hero--mobile-native .pj-hero-copy{min-height:0;color:var(--foreground);padding-top:1.5rem;padding-bottom:1.5rem}.pj-hero--mobile-native .pj-hero-title{overflow-wrap:break-word;font-size:32px;line-height:1.15}.pj-hero--has-phone{padding-top:calc(var(--header-height) + 2.75rem);grid-template-rows:auto minmax(min-content,1fr);display:grid}.pj-hero--has-phone .pj-phone{width:min(42vw, 205px, clamp(104px, calc((84svh - var(--header-height) - 2.75rem - 6.75rem) * 390 / 817), 205px));margin-left:auto;margin-right:5vw;position:relative;top:auto;right:auto}.pj-hero--has-phone .pj-hero-copy{min-height:0;padding-top:1.5rem}}.pj-phone__poster{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pj-phone__play{pointer-events:auto;z-index:1;border-radius:50%;width:44px;height:44px;margin:auto;position:absolute;inset:0}.othali-film{padding-top:var(--header-height)}.othali-film__frame{aspect-ratio:1080/606;width:100%;position:relative}.othali-film__video,.othali-film__poster{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.pan-navigation{color:var(--foreground);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-block:56px 64px;display:grid}.pan-link{width:fit-content;min-width:0;max-width:100%;min-height:56px;font-family:var(--font-display);letter-spacing:0;color:inherit;align-items:center;gap:20px;font-size:30px;font-weight:400;line-height:1.25;text-decoration:none;transition:opacity .2s;display:flex}.pan-link-next{text-align:right;justify-self:end}.pan-preview{aspect-ratio:4/3;border-radius:2px;flex-shrink:0;width:clamp(210px,16.6667vw,280px);display:block;overflow:hidden}.pan-preview-image{object-fit:cover;width:100%;height:100%;transition:transform .24s;display:block}.pan-name{overflow-wrap:anywhere;min-width:0}.pan-arrow{flex-shrink:0;width:26px;height:26px;transition:transform .2s}.pan-link:focus-visible{outline:2px solid var(--foreground);outline-offset:8px}.pan-link:focus-visible .pan-arrow{transform:translate(-4px)}.pan-link-next:focus-visible .pan-arrow{transform:translate(4px)}@media (hover:hover){.pan-link:hover{opacity:.75}.pan-link:hover .pan-arrow{transform:translate(-4px)}.pan-link-next:hover .pan-arrow{transform:translate(4px)}.pan-link-next:hover{opacity:1}.pan-link-next:hover .pan-preview-image{transform:scale(1.03)}}@media (width<=1023px){.pan-navigation{gap:32px;padding-block:40px 48px}.pan-link{gap:16px;font-size:26px}.pan-preview{width:clamp(160px,15.625vw + 40px,200px)}}@media (width<=767px){.pan-navigation{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:32px 40px}.pan-link{gap:16px;min-height:48px;font-size:22px}.pan-link-next{max-width:calc(100% - 32px);margin-inline-end:32px}.pan-arrow{width:24px;height:24px}.pan-preview{width:clamp(105px,32vw,135px)}.pan-link-next{gap:12px}}@media (width<=1279px){.pan-link-next{grid-template-columns:minmax(0,1fr) auto;row-gap:14px;display:grid}.pan-link-next .pan-preview{grid-column:1/-1;justify-self:end}.pan-link-next .pan-name{grid-column:1}.pan-link-next .pan-arrow{grid-column:2}}@media (width<=767px){.pan-link-next{width:calc(100% - 32px)}}@media (prefers-reduced-motion:reduce){.pan-link,.pan-arrow,.pan-preview-image{transition:none}.pan-navigation .pan-link .pan-arrow,.pan-navigation .pan-link-next .pan-preview-image{transform:none}}