/* V34: scoped visual improvements; existing V33 markup and module ordering untouched. */
.ogx-v33-headline{border-radius:18px;box-shadow:0 14px 35px rgba(11,35,61,.13);border:1px solid rgba(19,57,83,.09);background:#fff;isolation:isolate}
.ogx-v33-stage{aspect-ratio:1320/540;min-height:280px;background:#0e2942}
.ogx-v33-slide,.ogx-v33-story{border-radius:0}
.ogx-v33-photo img{transition:transform .55s ease,filter .4s ease;will-change:transform}
@media(hover:hover){.ogx-v33-headline:hover .ogx-v33-slide:not([hidden]) .ogx-v33-photo img{transform:scale(1.035)}}
.ogx-v33-caption{z-index:2;gap:12px}
.ogx-v33-caption strong{font-size:clamp(26px,3.25vw,48px);line-height:1.12;letter-spacing:-.025em;text-shadow:0 2px 14px rgba(0,0,0,.24)}
.ogx-v33-visual .ogx-v33-shade{background:linear-gradient(90deg,rgba(10,33,55,.03) 5%,rgba(13,66,111,.36) 44%,rgba(16,87,139,.94) 88%)}
.ogx-v33-visual .ogx-v33-caption{right:5%;width:52%;max-height:90%;overflow:hidden}
.ogx-v33-visual .ogx-v33-kicker{font-size:clamp(17px,2.7vw,36px);color:#fff176;letter-spacing:.025em;text-shadow:0 2px 10px rgba(0,0,0,.18)}
.ogx-v33-visual .ogx-v33-summary{font-size:clamp(13px,1.35vw,18px);line-height:1.4;max-width:620px}
.ogx-v33-design .ogx-v33-shade{background:linear-gradient(0deg,rgba(4,18,34,.94),rgba(5,22,38,.65) 30%,transparent 74%)}
.ogx-v33-design .ogx-v33-caption{left:4%;bottom:6%;width:88%;max-height:84%;overflow:hidden}
.ogx-v33-design .ogx-v33-kicker{border-radius:6px;background:#d11440;padding:7px 11px;font-size:clamp(12px,1.1vw,16px)}
.ogx-v33-controls{height:56px;background:#fff;border-top:1px solid #e8edf3}
.ogx-v33-controls button{font-size:16px;color:#25425b;transition:background .18s ease,color .18s ease}
.ogx-v33-controls button:hover{background:#eef3f9}
.ogx-v33-controls button[aria-current="true"]{background:#c91841;color:white}
.ogx-v33-next{background:#c91841!important;color:#fff!important}
.ogx-v34-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:56px;border:1px solid rgba(255,255,255,.42);border-radius:12px;background:rgba(5,22,39,.56);color:#fff;font:700 38px/1 system-ui;cursor:pointer;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .2s ease,background .2s ease;backdrop-filter:blur(8px)}
.ogx-v34-prev{left:14px}.ogx-v34-forward{right:14px}
@media(hover:hover){.ogx-v33-headline:hover .ogx-v34-arrow,.ogx-v34-arrow:focus-visible{opacity:1;pointer-events:auto}.ogx-v34-arrow:hover{background:#c91841}}
@media(hover:none){.ogx-v34-arrow{opacity:1;pointer-events:auto;width:38px;height:44px;font-size:29px;background:rgba(4,23,39,.45)}}
.ogx-v34-arrow:focus-visible{outline:3px solid #fff;outline-offset:2px}
.ogx-v33-stage{touch-action:pan-y;user-select:none;-webkit-user-select:none}
@media(max-width:700px){
 .ogx-v33-headline{border-radius:13px;margin:12px 0 20px}
 .ogx-v33-stage{height:clamp(340px,105vw,480px);min-height:0;aspect-ratio:auto}
 .ogx-v33-visual .ogx-v33-shade{background:linear-gradient(0deg,rgba(7,39,66,.96),rgba(11,67,110,.7) 43%,transparent 83%)}
 .ogx-v33-visual .ogx-v33-caption{left:6%;right:6%;bottom:8%;top:auto;transform:none;width:auto;max-height:72%;align-items:flex-start;text-align:left}
 .ogx-v33-design .ogx-v33-caption{left:6%;right:6%;bottom:8%;width:auto;max-height:72%}
 .ogx-v33-caption strong,.ogx-v33-design .ogx-v33-caption strong{font-size:clamp(21px,5.5vw,28px);line-height:1.16;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
 .ogx-v33-visual .ogx-v33-kicker{font-size:clamp(16px,4.5vw,24px)}
 .ogx-v33-summary{font-size:13px;line-height:1.3;-webkit-line-clamp:2;line-clamp:2}
 .ogx-v33-controls{height:48px}
 .ogx-v34-prev{left:8px}.ogx-v34-forward{right:8px}
}
@media(prefers-reduced-motion:reduce){.ogx-v33-photo img,.ogx-v34-arrow,.ogx-v33-controls button{transition:none!important}}

/* V36: Visual headline only. Hide category and center headline + spot. */
.ogx-v33-visual .ogx-v33-kicker{display:none!important}
.ogx-v33-visual .ogx-v33-caption{top:50%;bottom:auto;transform:translateY(-50%);justify-content:center;align-items:center;text-align:center;gap:12px}
.ogx-v33-visual .ogx-v33-caption strong,.ogx-v33-visual .ogx-v33-summary{margin-inline:auto}
@media(max-width:700px){
 .ogx-v33-visual .ogx-v33-caption{left:6%;right:6%;top:auto;bottom:7%;transform:none;width:auto;max-height:70%;align-items:flex-start;text-align:left;justify-content:flex-end;gap:8px}
 .ogx-v33-visual .ogx-v33-caption strong,.ogx-v33-visual .ogx-v33-summary{margin-inline:0}
}
