.dsp-main { width:100%; max-width:100%; margin:0; padding:0; min-width:0; }
.dsp-story {
--dsp-ink:#111; --dsp-line:rgba(17,17,17,.2); --dsp-gap:20px; --dsp-font:11px;
width:100%; max-width:100%; min-width:0; padding:20px; margin:0;
background:#fff; color:var(--dsp-ink); font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
font-size:var(--dsp-font)!important; font-weight:400; line-height:1.55;
letter-spacing:0!important; text-transform:uppercase; -webkit-text-size-adjust:100%;
-webkit-font-smoothing:antialiased; container-type:inline-size;
}
.dsp-story *, .dsp-story *::before, .dsp-story *::after { box-sizing:border-box; }
.dsp-story [hidden] { display:none!important; }
.dsp-story :is(h1,h2,h3,p,a,span,figcaption,button) {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
font-size:var(--dsp-font)!important; font-weight:400!important; line-height:1.55;
letter-spacing:0!important; text-transform:uppercase; color:inherit;
}
.dsp-story :is(h1,h2,h3,p,figure) { padding:0; margin:0; }
.dsp-story :is(h1,h2) { margin-bottom:20px; }
.dsp-story p + p { margin-top:16px; }
.dsp-story :is(a,a:visited,a:hover,a:focus) { color:var(--dsp-ink); background:transparent; box-shadow:none; text-decoration:none; }
.dsp-story :is(a,button):focus-visible { outline:1px solid currentColor; outline-offset:5px; }
.dsp-story :is(.dsp-hero,.dsp-figure,picture) { display:block; min-width:0; max-width:100%; }
.dsp-story .dsp-image {
display:block; width:100%; max-width:100%; height:auto; max-height:none; margin:0;
border:0; border-radius:0; object-fit:contain; transform:none!important; filter:none!important;
}
.dsp-story .dsp-intro { max-width:800px; margin:0 auto; padding:88px 24px 80px; text-align:center; }
.dsp-story .dsp-copy { max-width:800px; margin:0 auto; padding:64px 24px; text-align:center; overflow-wrap:anywhere; }
.dsp-story .dsp-section { width:100%; min-width:0; margin:0 0 var(--dsp-gap); }
.dsp-story .dsp-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--dsp-gap); align-items:start; }
.dsp-story .dsp-pair > div:only-child { grid-column:1/-1; }
.dsp-story .dsp-section--split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--dsp-gap); align-items:center; }
.dsp-story .dsp-section--split .dsp-copy { padding:40px clamp(20px,4vw,80px); }
.dsp-story .dsp-section--split.dsp-section--reverse .dsp-figure { order:2; }
.dsp-story .dsp-section--split > .dsp-copy:only-child { grid-column:1/-1; }
.dsp-story .dsp-section--split > .dsp-figure:only-child { grid-column:1/-1; }
.dsp-story figcaption { margin-top:12px; text-align:center; overflow-wrap:anywhere; }
.dsp-story .dsp-media-link { display:block; }
.dsp-story .dsp-cta { display:inline-flex; align-items:center; justify-content:center; min-height:44px; margin-top:20px; }
.dsp-story .dsp-cta > span:first-child {
padding-bottom:3px;
background-image:linear-gradient(currentColor,currentColor);
background-repeat:no-repeat;
background-position:left bottom;
background-size:100% 1px;
transition:background-size .24s cubic-bezier(.2,.7,.2,1), background-position .24s cubic-bezier(.2,.7,.2,1);
}
.dsp-story .dsp-video { position:relative; width:100%; }
.dsp-story video { display:block; width:100%; height:auto; max-width:100%; background:#000; object-fit:contain; }
.dsp-story .dsp-video-play {
appearance:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
display:grid; place-items:center; width:64px; height:64px; padding:6px;
margin:0; border:0; border-radius:0; background:transparent!important; color:#fff!important;
cursor:pointer; box-shadow:none!important; mix-blend-mode:difference;
}
.dsp-story .dsp-video-play svg { display:block; width:48px; height:48px; fill:none; stroke:currentColor; stroke-width:1; }
.dsp-story .dsp-video-play:focus-visible { outline:1px solid #fff; outline-offset:4px; }
.dsp-story .dsp-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.dsp-story .dsp-video-error { padding:12px; text-align:center; }
.dsp-story .dsp-video-error a { text-decoration:underline; text-underline-offset:4px; }
.dsp-story .dsp-navigation { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; padding:36px 0 16px; margin-top:40px; border-top:1px solid var(--dsp-line); }
.dsp-story .dsp-navigation > div:last-child { text-align:right; }
.dsp-story .dsp-navigation a { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; }
@media(hover:hover) and (pointer:fine) {
.dsp-story .dsp-cta:hover > span:first-child { background-position:right bottom; background-size:0 1px; }
.dsp-story .dsp-navigation a:hover { text-decoration:underline; text-underline-offset:5px; }
}
@media(max-width:900px) { .dsp-story .dsp-intro { padding-block:56px; } .dsp-story .dsp-copy { padding-block:44px; } }
@media(max-width:600px) {
.dsp-story { --dsp-font:10px; --dsp-gap:12px; padding:12px; }
.dsp-story .dsp-intro { padding:40px 10px; }
.dsp-story .dsp-copy { padding:32px 10px; }
.dsp-story .dsp-pair,.dsp-story .dsp-section--split { grid-template-columns:minmax(0,1fr); }
.dsp-story .dsp-section--split.dsp-section--reverse .dsp-figure { order:0; }
.dsp-story .dsp-section--split .dsp-copy { padding:24px 10px; }
.dsp-story .dsp-navigation { gap:8px; padding-top:20px; margin-top:28px; }
.dsp-story .dsp-navigation a { gap:5px; }
}
@container(max-width:600px) {
.dsp-story > * { --dsp-font:10px; }
.dsp-story .dsp-pair,.dsp-story .dsp-section--split { grid-template-columns:minmax(0,1fr); }
.dsp-story .dsp-section--split.dsp-section--reverse .dsp-figure { order:0; }
}
@media(prefers-reduced-motion:reduce) { .dsp-story *, .dsp-story *::before,.dsp-story *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }