/* Otorixa showcase images: reserve native ratio, retain the full composition on every screen. */
.p9-picture{display:block;min-width:0;width:100%}
.p9-picture img,.ox-figure.p9-figure img{display:block;width:100%;max-width:100%;height:auto!important;aspect-ratio:1586/992!important;object-fit:contain!important;border-radius:18px;background:#081321}
.p9-figure{min-width:0;margin:0}
.p9-figure.p9-wide{width:100%;max-width:1200px;margin:28px auto 36px}
.p9-figure figcaption{font-size:12px;line-height:1.75;margin:12px 0 0;color:var(--color-muted,#a8b3c6)}
.p9-figure figcaption a{color:var(--accent,#00c2ff);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.p9-figure a:focus-visible{outline:2px solid var(--accent,#00c2ff);outline-offset:4px}
.p9-card-media{margin:0 0 22px;min-width:0}
.p9-card-media img{border:1px solid rgba(142,168,220,.2);border-radius:12px}
@media(min-width:1101px){.ox-hero-grid:has(>.p9-hero){grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:40px}}
@media(max-width:780px){.ox-hero .p9-figure{max-width:none}.p9-picture img,.ox-figure.p9-figure img{border-radius:12px}.p9-figure figcaption{font-size:12px!important}.p9-figure.p9-wide{margin-top:22px;margin-bottom:28px}}

/* P11: readable HTML context accompanies the artwork on small screens. */
.p11-scope{margin:12px 0 0;text-align:left;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.p11-scope summary{cursor:pointer;color:var(--color-ink,#eaf3ff);padding:9px 0;min-height:44px;box-sizing:border-box}
.p11-scope summary:focus-visible{outline:2px solid var(--accent,#00c2ff);outline-offset:3px}
.p11-scope p{margin:8px 0}.p11-scope ul{padding-left:22px;margin:8px 0}
.p11-scope li{margin:5px 0}