.oc-customer-case{border:1px solid var(--border-subtle);background:var(--surface-white);border-radius:20px;justify-content:space-between;align-items:center;gap:32px;margin:24px 0 48px;padding:28px;display:flex}.oc-customer-case h2{letter-spacing:-.03em;max-width:32ch;margin:8px 0;font-size:max(24px,min(2.4vw,32px));font-weight:500;line-height:1.15}.oc-customer-case p{color:var(--text-body);margin:8px 0;font-size:14px;line-height:1.4}.oc-customer-case a{min-height:44px;color:var(--text-heading);text-underline-offset:5px;flex-shrink:0;align-items:center;display:inline-flex}@media (max-width:720px){.oc-customer-case{padding:24px;display:block}.oc-customer-case a{margin-top:12px}}.oc-home .oc-customer-case-opening{z-index:1;border-color:var(--border-subtle);background:#fff;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:max(24px,min(4vw,56px));width:calc(100% - 64px);max-width:1216px;margin:32px auto 48px;padding:max(24px,min(4vw,48px));display:grid;position:relative}.oc-customer-case-number strong{letter-spacing:-.04em;color:var(--dusk-iris);margin:12px 0;font-size:max(64px,min(8vw,112px));font-weight:500;line-height:1.05;display:block}.oc-customer-case-opening .oc-customer-case-detail h2{max-width:24ch;margin:0 0 16px;font-size:max(26px,min(3vw,38px))}.oc-customer-case-opening a{gap:12px;margin-top:12px;font-weight:500}.oc-customer-case-opening a:focus-visible{outline-offset:5px;outline:2px solid}@media (max-width:640px){.oc-home .oc-customer-case-opening{grid-template-columns:1fr;gap:24px;width:calc(100% - 32px);margin:24px auto 32px}.oc-customer-case-opening .oc-customer-case-detail h2{max-width:24ch}}body .oc-home .oc-platform-opening{width:min(960px,100% - 48px);padding:96px 0 0}body .oc-home .oc-platform-opening>h2{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body .oc-home .oc-platform-opening .oc-platform-film-slot,body .oc-home .oc-platform-opening .oc-platform-film-frame:not(.oc-platform-intro){aspect-ratio:16/9}body .oc-home .oc-cinematic-hero{padding-top:0;padding-bottom:96px}body .oc-home .oc-cinematic-hero .ocl-wave{height:80px}body .oc-home .oc-cinematic-layout{margin-top:32px;margin-bottom:16px}body .oc-home #main-content>.oc-platform-context{text-align:center;width:calc(100% - 48px);margin:24px auto 48px}@media (max-width:640px){body .oc-home .oc-platform-opening{width:calc(100% - 32px);padding-top:80px}body .oc-home .oc-cinematic-hero{padding-bottom:72px}body .oc-home .oc-cinematic-hero .ocl-wave{height:56px}}
.oc-skip-link{z-index:10000;color:#fff;background:#000;border-radius:999px;padding:12px 20px;text-decoration:underline;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.oc-skip-link:focus{outline-offset:3px;outline:3px solid #7c81ab;transform:none}