/* The approved compositions own their native masks and projected registration. */
.hero-offers .approved-poster-hero{position:relative;display:block;aspect-ratio:3/4;isolation:isolate;width:100%;overflow:hidden}
.hero-offers .approved-poster-hero[data-hero-composition="square"]{aspect-ratio:1}
.hero-offers .approved-poster-hero canvas,.hero-offers .approved-poster-hero .approved-hero-props{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;margin:0;max-width:none;pointer-events:none}
.hero-offers .approved-poster-hero canvas{z-index:0}
.hero-offers .approved-poster-hero .approved-hero-props{z-index:1}
.hero-offers .approved-shared-phone-hero{grid-column:1/-1;position:relative;isolation:isolate;display:block;width:min(100%,960px);aspect-ratio:960/920;margin:0 auto;overflow:hidden}
.hero-offers .approved-shared-phone-hero canvas,.hero-offers .approved-phone-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;margin:0;pointer-events:none}
.hero-offers .approved-shared-phone-hero canvas{z-index:1}
.hero-offers .approved-shared-phone-hero[data-hero-ready="true"] .approved-phone-fallback{visibility:hidden}
.hero-offers .approved-social-offer{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.hero-offers .approved-social-offer .offer-label{grid-row:auto;width:min(100%,320px)}
.hero-offers .existing-digital-edition{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px;margin:32px auto 0;font:16px/1.5 var(--sp-type-metadata);color:var(--paper)}
.hero-offers .existing-digital-edition h3{font:400 22px/1.2 var(--sp-type-label);margin:0}
.hero-offers .existing-digital-edition button,.hero-offers .existing-digital-edition a{min-height:44px;display:inline-flex;align-items:center;padding:8px 12px;color:inherit;background:transparent;border:1px solid currentColor;font:inherit;text-decoration:none}
.hero-offers .existing-digital-edition button:disabled{opacity:.55;cursor:not-allowed}
.hero-offers .existing-digital-edition :focus-visible{outline:3px solid var(--paper);outline-offset:4px}
@media(max-width:540px){.hero-offers .approved-social-offer .offer-heading{font-size:19px}.hero-offers .approved-social-offer .offer-label{grid-row:auto}.hero-offers .existing-digital-edition h3{flex-basis:100%;text-align:center}}
@media(forced-colors:active){.hero-offers .existing-digital-edition :is(button,a){color:ButtonText;border-color:ButtonText}}
/* New format names stay in readable flow, without painting over archive ink. */
.hero-offers .approved-social-offer .edition-paper{display:flex;flex-direction:column;gap:10px;color:var(--paper)}
.hero-offers .approved-social-offer .edition-paper .edition-paper__title{position:static;inset:auto;transform:none;width:auto;margin:0;font:400 20px/1.25 var(--sp-type-label);color:inherit;white-space:normal}
.hero-offers .approved-social-offer .edition-paper .edition-paper__hit{position:static;inset:auto;transform:none;display:flex;justify-content:center;align-items:center;min-height:44px;width:100%;height:auto;color:inherit;padding:8px}
.hero-offers .approved-social-offer .edition-paper .edition-paper__action{position:static;inset:auto;transform:none;width:auto;font:700 14px/1.4 var(--sp-type-metadata);color:inherit;white-space:normal}

/* Approved phone render only; keep the existing figure box and surrounding grid. */
.hero-offers .approved-shared-phone-hero .approved-phone-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;margin:0;pointer-events:none;visibility:hidden}
.hero-offers .approved-shared-phone-hero[data-phone-frame="video"] .approved-phone-loop{visibility:visible}
.hero-offers .approved-shared-phone-hero[data-phone-frame="video"] .approved-phone-fallback{visibility:hidden}
.hero-offers .approved-phone-loop-toggle{position:absolute;right:8px;bottom:8px;z-index:2;min-height:44px;padding:8px 12px;border:1px solid currentColor;background:#08121a;color:var(--paper);font:14px/1.4 var(--sp-type-metadata);cursor:pointer}
.hero-offers .approved-phone-loop-toggle[hidden]{display:none}
.hero-offers .approved-phone-loop-toggle:focus-visible{outline:3px solid var(--paper);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.hero-offers .approved-shared-phone-hero .approved-phone-loop,.hero-offers .approved-phone-loop-toggle{display:none}.hero-offers .approved-shared-phone-hero .approved-phone-fallback{visibility:visible}}

/* Tight approved full-motion canvas. A fixed CSS gutter keeps every pose clear. */
.hero-offers .approved-shared-phone-hero{aspect-ratio:auto;padding:0 5px;box-sizing:border-box;background:#08121a}
.hero-offers .approved-shared-phone-hero .approved-phone-fallback{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1632/1800}
.hero-offers .approved-shared-phone-hero .approved-phone-loop{inset:0 5px;width:calc(100% - 10px);height:100%;aspect-ratio:1632/1800}

/* Source-alpha phone only. Preserve the exact native crop and full-width geometry. */
.hero-offers .approved-shared-phone-hero[data-phone-alpha="packed-v1"]{background:transparent}
.hero-offers .approved-shared-phone-hero[data-phone-alpha="packed-v1"] .approved-phone-alpha-canvas{inset:0 5px;width:calc(100% - 10px);height:100%;aspect-ratio:1632/1800;visibility:hidden}
.hero-offers .approved-shared-phone-hero[data-phone-alpha="packed-v1"][data-phone-frame="canvas"] .approved-phone-alpha-canvas{visibility:visible}
.hero-offers .approved-shared-phone-hero[data-phone-alpha="packed-v1"][data-phone-frame="canvas"] .approved-phone-fallback{visibility:hidden}
.hero-offers .approved-shared-phone-hero .approved-phone-alpha-carrier{position:absolute;inset:0 5px;width:calc(100% - 10px);height:100%;opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){
 .hero-offers .approved-shared-phone-hero[data-phone-alpha="packed-v1"] :is(.approved-phone-alpha-canvas,.approved-phone-alpha-carrier){display:none}
 .hero-offers .approved-shared-phone-hero[data-phone-alpha="packed-v1"] .approved-phone-fallback,
 .hero-offers .approved-shared-phone-hero[data-phone-alpha="packed-v1"][data-phone-frame="canvas"] .approved-phone-fallback{visibility:visible}
}