.opinion-band{position:relative;isolation:isolate;margin-block:28px 30px;padding-block:24px 28px;color:#fff;background:#d71935;box-shadow:0 0 0 100vmax #d71935;clip-path:inset(0 -100vmax)}
.opinion-band:before{content:'“';position:absolute;inset-inline-end:4%;top:-70px;font:300px Georgia,serif;line-height:1;opacity:.08;pointer-events:none;z-index:-1}
.opinion-band-inner{position:relative}
.editorial-home .opinion-band .editorial-heading{margin-bottom:18px}
.editorial-home .opinion-band .editorial-heading h2{color:#fff;padding-bottom:0}
.editorial-home .opinion-band .editorial-heading h2:after{content:none}
.opinion-band-kicker{font-size:12px;opacity:.85;margin-bottom:2px}
.editorial-home .opinion-band .section-more{color:#fff}
.editorial-home .opinion-band .section-more span{background:#ffffff20;color:#fff}
.opinion-band-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.opinion-band-card{min-width:0}
.opinion-band-link{display:block;height:100%;color:#fff}
.opinion-band-link:hover{color:#fff}
.opinion-band-portrait{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#102d3c,#213f4e);border-radius:9px}
.opinion-band-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .25s}
.opinion-band-link:hover .opinion-band-portrait img{transform:scale(1.035)}
.opinion-band-initial{display:grid;place-items:center;height:100%;font-size:80px;font-weight:700;color:#ffffff60}
.opinion-band-quote{position:absolute;inset-inline-end:12px;bottom:-22px;font:100px Georgia,serif;line-height:1;color:#fff;opacity:.65}
.opinion-band-copy{position:relative;margin:-25px 10px 0;z-index:1}
.opinion-band-author{display:inline-block;max-width:100%;padding:4px 10px;background:#fff;color:#d71935;font-size:14px;line-height:1.6;font-weight:700;overflow-wrap:anywhere;border-radius:4px 4px 0 0}
.opinion-band-copy h3{margin:0;padding:10px 12px;background:#102d3c;color:#fff;font-family:var(--font-text);font-size:17px;font-weight:700;line-height:1.65;border-radius:0 4px 6px 6px}
.opinion-band-empty{font-size:15px}
@media(max-width:1000px){.opinion-band-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.opinion-band-portrait{aspect-ratio:16/10}}
@media(max-width:600px){.opinion-band{padding-block:20px 22px;margin-block:24px}.opinion-band-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-block:0 8px;scrollbar-width:thin;scrollbar-color:#ffffff60 transparent}.opinion-band-card{flex:0 0 min(250px,85%);scroll-snap-align:start}.opinion-band-portrait{aspect-ratio:4/3}.opinion-band-copy h3{font-size:16px}.opinion-band-author{font-size:14px}.opinion-band-kicker{font-size:11px}}
@media(prefers-reduced-motion:reduce){.opinion-band-portrait img{transition:none}}

/* Eight articles, four visible at a time on desktop. */
.opinion-band-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#ffffff60 transparent}
.opinion-band-card{flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start}
.opinion-slider-controls{display:flex;gap:8px;justify-content:flex-end;margin:-4px 0 14px;direction:rtl}
.opinion-slider-controls[hidden]{display:none}
.opinion-slider-controls button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #ffffff60;border-radius:50%;background:#ffffff15;color:#fff;font:22px Arial,sans-serif}
.opinion-slider-controls button:hover:not(:disabled){background:#ffffff30}
.opinion-slider-controls button:disabled{opacity:.35;cursor:default}
@media(max-width:1000px){.opinion-band-grid{gap:20px}.opinion-band-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:600px){.opinion-band-grid{gap:14px}.opinion-band-card{flex-basis:min(250px,85%)}.opinion-slider-controls{margin-bottom:10px}.opinion-slider-controls button{width:30px;height:30px;font-size:20px}}

/* Titles sit directly on the red opinion band. */
.opinion-band-copy h3{background:transparent;color:#fff;padding:9px 0 0;border-radius:0}

/* Four recent opinions in a static grid, with wide portraits. */
.opinion-band-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;overflow:visible;padding-bottom:0;scroll-snap-type:none}
.opinion-band-portrait{aspect-ratio:16/9}
@media(max-width:1000px){.opinion-band-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.opinion-band-portrait{aspect-ratio:16/9}}
@media(max-width:600px){.opinion-band-grid{grid-template-columns:1fr;gap:20px}.opinion-band-portrait{aspect-ratio:16/9}}

/* Join the opinion and video backgrounds without a white gap. */
.editorial-home .opinion-band{margin-block-end:0}
.editorial-home .opinion-band+.editorial-video.video-showcase{margin-block-start:0}

/* White dots concentrated on the top and sides, fading before the titles. */
.opinion-band:after{content:"";position:absolute;inset-block:0;inset-inline:calc(50% - 50vw);z-index:-1;pointer-events:none;background-image:url(opinion-white-dots-wide.svg);background-position:center;background-size:100% 100%;background-repeat:no-repeat;opacity:.22}

/* Place the decorative quotation mark at the bottom left. */
.opinion-band:before{inset-inline-end:auto;left:18px;right:auto;top:auto;bottom:-65px;line-height:1}

/* Quotation marks on author portraits sit at the upper left. */
.opinion-band-quote{inset-inline-end:auto;left:12px;right:auto;top:10px;bottom:auto}

/* Keep the large quotation in the outer left margin, clear of the cards. */
.opinion-band:before{content:"";inset-inline-end:auto;left:calc(50% - 50vw + 24px);right:auto;top:auto;bottom:16px;width:110px;height:88px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%2080%22%3E%3Cg%20fill%3D%22white%22%3E%3Cpath%20d%3D%22M43%204H9C4%204%200%208%200%2013v29c0%205%204%209%209%209h18C24%2064%2015%2068%204%2072v8c24-5%2039-18%2039-43z%22%2F%3E%3Cpath%20transform%3D%22translate%2857%200%29%22%20d%3D%22M43%204H9C4%204%200%208%200%2013v29c0%205%204%209%209%209h18C24%2064%2015%2068%204%2072v8c24-5%2039-18%2039-43z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;opacity:.18;pointer-events:none}
@media(max-width:600px){.opinion-band:before{left:calc(50% - 50vw + 8px);bottom:12px;width:70px;height:56px;opacity:.12}}

/* Fixed-size round dots avoid stretching the wide SVG over tall mobile cards. */
@media(max-width:1000px){
 .opinion-band:after{background-image:radial-gradient(circle,#fff 1px,transparent 1.4px);background-size:10px 10px;background-repeat:repeat;background-position:left top;opacity:.18;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 220px),linear-gradient(to right,#000,transparent 70px,transparent calc(100% - 70px),#000);mask-image:linear-gradient(to bottom,#000,transparent 220px),linear-gradient(to right,#000,transparent 70px,transparent calc(100% - 70px),#000)}
}