/* Shared sourced-review cards for the home rail, hub, reading pages and DS. */
.story-world {
  --story-paper:#fff;
  --story-ground:#FCF8F1;
  --story-shadow:0 1px 2px rgba(59,50,64,.04),0 12px 32px rgba(124,88,60,.09);
  --story-shadow-active:0 18px 48px rgba(59,50,64,.17);
  --story-ease:cubic-bezier(.25,.1,.25,1);
  background:var(--story-ground);
  padding-bottom:64px;
}
.story-world .story-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:1fr; gap:36px 26px; padding:22px 7px; }
.story-world .story-grid>.story-card { width:100%; margin:0; }
:is(.ds-site,.ds-home) .story-card {
  --story-card-min-height:512px;
  display:flex; min-width:0; min-height:var(--story-card-min-height); flex-direction:column; gap:16px; padding:28px;
  border-radius:28px 90px 28px 28px; background:var(--story-paper,#fff);
  box-shadow:var(--story-shadow,0 1px 2px rgba(59,50,64,.04),0 12px 32px rgba(124,88,60,.09));
  color:var(--ink); text-decoration:none; transform:rotate(var(--story-tilt,-1.2deg));
  transition:transform 260ms var(--story-ease,cubic-bezier(.25,.1,.25,1)),box-shadow 260ms var(--story-ease,cubic-bezier(.25,.1,.25,1));
}
:is(.ds-site,.ds-home) .story-card--left { border-radius:90px 28px 28px 28px; }
:is(.ds-site,.ds-home) .story-card:is(:hover,:focus-visible,:focus-within) { color:var(--ink); transform:rotate(0deg) translateY(-8px); box-shadow:var(--story-shadow-active,0 18px 48px rgba(59,50,64,.17)); }
:is(.ds-site,.ds-home) .story-card:focus-visible { outline:3px solid #56659E; outline-offset:4px; }
.story-tag { display:inline-flex; align-self:flex-start; align-items:center; min-height:30px; max-width:100%; padding:0 14px; border-radius:999px; background:var(--story-wash,var(--peach)); color:var(--ink); font:500 12.5px/1 'CoFo Sans','Segoe UI',system-ui,sans-serif; transform:rotate(var(--story-tag-tilt,-2deg)); }
:is(.ds-site,.ds-home) .story-photo { display:block; width:100%; height:150px; border-radius:18px; object-fit:cover; object-position:center; }
.story-quote { color:var(--ink); font:500 15px/1.55 'CoFo Sans','Segoe UI',system-ui,sans-serif; }
.story-footer { display:flex; align-items:center; justify-content:space-between; gap:11px; margin-top:auto; padding-top:16px; }
.story-topic { display:flex; min-width:0; align-items:center; gap:11px; }
.story-topic strong { color:var(--ink); font:500 14px/1.2 'CoFo Sans','Segoe UI',system-ui,sans-serif; }
.story-topic__initial { display:inline-flex; width:38px; height:38px; flex:none; align-items:center; justify-content:center; border-radius:50%; background:var(--story-wash,var(--peach)); color:var(--ink); font:500 15px/1 'CoFo Sans','Segoe UI',system-ui,sans-serif; }
.story-arrow { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; flex:none; border:1px solid transparent; border-radius:50%; background:transparent; color:rgba(59,50,64,.56); transition:background 180ms var(--story-ease,cubic-bezier(.25,.1,.25,1)),color 180ms var(--story-ease,cubic-bezier(.25,.1,.25,1)),border-color 180ms var(--story-ease,cubic-bezier(.25,.1,.25,1)),transform 180ms var(--story-ease,cubic-bezier(.25,.1,.25,1)); }
.story-card:is(:hover,:focus-visible,:focus-within,:active) .story-arrow { background:#fff; color:var(--ink); border-color:rgba(59,50,64,.16); }
.story-hub-actions { margin-top:30px; }
.story-breadcrumbs { padding-block:30px; margin-bottom:0; }
.story-reader { max-width:1100px; margin-inline:auto; padding:clamp(28px,4vw,56px); border-radius:32px 120px 32px 32px; background:var(--story-paper); box-shadow:var(--story-shadow); }
.story-reader--left { border-radius:120px 32px 32px 32px; }
.story-reader__header { padding-inline:14px; }
.story-reader--left .story-reader__header { padding-left:38px; }
:is(.ds-site,.ds-home) .story-reader .story-reader__title { margin:26px 0 30px; max-width:940px; font-size:clamp(36px,4.4vw,56px); font-weight:500; line-height:1.08; letter-spacing:-.035em; }
.story-reader__figure { margin:0 0 34px; }
:is(.ds-site,.ds-home) .story-reader__image { width:100%; height:auto; aspect-ratio:2/1; object-fit:cover; border-radius:18px; }
.story-reader__body { max-width:72ch; margin-inline:auto; }
.story-reader__copy { font-size:18px; line-height:1.6; }
.story-reader__narrative { font-weight:500; }
.story-reader__body>.story-topic { margin-top:24px; }
:is(.ds-site,.ds-home) .story-reader__closing { margin-top:32px; font-size:18px; font-weight:500; line-height:1.6; }
.story-reader__actions { margin-top:32px; }
.story-related { margin-top:var(--section); }
.story-related .section-head { margin-bottom:18px; }
.ds-site.a11y-high .story-world { --story-paper:#fff; --story-ground:#fff; }
.ds-site.a11y-high :is(.story-card,.story-reader) { border:1px solid #000; }
.ds-site.a11y-high .story-arrow { color:#000; }
.ds-site.a11y-large .story-quote { font-size:20px; line-height:1.65; }
@media(max-width:1100px) { .story-world .story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:780px) { :is(.ds-site,.ds-home) .story-card { --story-card-min-height:494px; padding:24px; } :is(.ds-site,.ds-home) .story-photo { height:138px; } }
@media(max-width:720px) {
  .story-world .story-grid { grid-template-columns:minmax(0,1fr); gap:32px; padding-inline:7px; }
  .story-reader { padding:28px 24px; border-radius:28px 80px 28px 28px; }
  .story-reader--left { border-radius:80px 28px 28px 28px; }
  .story-reader__header { padding-inline:0; }
  .story-reader--left .story-reader__header { padding-left:12px; }
  :is(.ds-site,.ds-home) .story-reader .story-reader__title { font-size:34px; margin-block:24px; }
  .story-reader__copy,:is(.ds-site,.ds-home) .story-reader__closing { font-size:16px; }
  .story-reader__figure { margin-bottom:28px; }
  .story-reader__actions { align-items:stretch; flex-direction:column; }
}
@media(max-width:380px) { :is(.ds-site,.ds-home) .story-reader .story-reader__title { font-size:30px; } .story-reader { padding-inline:20px; } }
@media(prefers-reduced-motion:reduce) { :is(.ds-site,.ds-home) .story-card { transition:none; } :is(.ds-site,.ds-home) .story-card:is(:hover,:focus-visible,:focus-within) { transform:rotate(var(--story-tilt,-1.2deg)); } .story-arrow { transition:none; } }


/* The content and media variants share the approved paper silhouette. */
.story-card,.story-reader{font-family:'CoFo Sans','Segoe UI',system-ui,sans-serif}
.ds-home .story-home-intro{max-width:58ch;margin:18px 0 0;font:400 16px/1.55 'CoFo Sans',sans-serif;color:#6C626D}
.story-card [hidden],.story-reader [hidden]{display:none!important}
.story-card>p{margin:0}
.story-problem{display:grid;justify-items:start;gap:8px}
.story-field-label{display:block;font:500 11px/1.3 'CoFo Sans',sans-serif;letter-spacing:.04em;color:var(--muted,#756D78)}
.story-problem .story-tag{padding-block:7px;line-height:1.3}
.story-treatment{display:grid;gap:7px;margin-top:auto}
.story-treatment strong{font:500 14px/1.4 'CoFo Sans',sans-serif;color:var(--ink,#3B3240)}
.story-source{font:400 12px/1.5 'CoFo Sans',sans-serif;color:var(--muted,#756D78)}
.story-source strong{font-weight:500}
.story-source a{text-decoration:underline;text-underline-offset:3px;color:inherit}
.story-card .story-card__link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;text-decoration:none;color:var(--ink,#3B3240);font:500 14px/1.3 'CoFo Sans',sans-serif}
.story-card :is(a,button):focus-visible,.story-reader :is(a,button):focus-visible{outline:3px solid #56659E;outline-offset:4px}
.story-card:focus-within .story-arrow{background:#fff;color:var(--ink);border-color:rgba(59,50,64,.16)}
.ds-home .story-card--home{width:360px;flex:none;scroll-snap-align:start;--story-wash:var(--peach);background:#fff;color:#3B3240}
.ds-home .v6-reviews-track{align-items:stretch}
.ds-home .story-card--home:not(.story-card--left){border-radius:28px 90px 28px 28px}
.ds-home .story-card--home.story-card--left{border-radius:90px 28px 28px 28px}
.ds-home .story-card--home,.ds-home .story-card--home *{box-sizing:border-box}
.ds-home .story-card--home .story-photo{max-width:100%}
.story-author{font:500 16px/1.4 'CoFo Sans',sans-serif;color:var(--ink,#3B3240)}
.story-reader__header>.story-author{margin:0 0 28px}
.story-reader__figure>.story-video{width:min(100%,448px);margin-inline:auto}.story-reader__figure .story-video__screen{aspect-ratio:9/16}.story-video__play small{display:block;margin-top:5px;font:400 12px/1.3 'CoFo Sans',sans-serif}
.story-reader__body>.story-treatment{margin:0 0 28px}
.story-reader__copy>p:first-child{margin-top:0}
.story-video{min-width:0;width:100%}
.story-video__screen{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:18px;background-color:#3B3240;background-size:contain;background-position:center;background-repeat:no-repeat}
.story-video__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;background:rgba(25,20,29,.4);color:#fff;font:500 14px/1.3 'CoFo Sans',sans-serif;cursor:pointer}
.story-video__play svg{box-sizing:content-box;border:1px solid rgba(255,255,255,.7);border-radius:50%;padding:12px}
.story-video__play:hover{background:rgba(25,20,29,.52)}
.story-video__play:focus-visible{outline-offset:-6px!important;outline-color:#fff!important}
.story-video__frame,.story-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.story-video__stop{margin-top:10px;padding:7px 0;border:0;background:transparent;color:var(--ink,#3B3240);font:500 13px/1.4 'CoFo Sans',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.story-video__status{margin:8px 0 0;font:400 12px/1.5 'CoFo Sans',sans-serif}
.story-video__status:empty{display:none}
/* The video cover occupies the same card envelope as the written reviews. */
:is(.ds-site,.ds-home) .story-card--video{padding:0;overflow:visible;isolation:isolate}
.story-card--video .story-video{position:relative;display:flex;flex:1;min-height:var(--story-card-min-height);border-radius:inherit}
.story-video--card .story-video__screen{display:grid;grid-template-rows:auto minmax(88px,1fr) auto;min-height:var(--story-card-min-height);width:100%;aspect-ratio:auto;padding:28px;border-radius:inherit;background-size:cover}
.story-video--card .story-video__screen::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,20,29,.38) 0%,rgba(25,20,29,.06) 34%,rgba(25,20,29,.12) 58%,rgba(25,20,29,.5) 100%);pointer-events:none}
.story-card__cover-link{position:absolute;inset:0;z-index:2;border-radius:inherit}
.story-card .story-card__cover-link:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.story-card__cover-top,.story-card__cover-bottom{position:relative;z-index:1;pointer-events:none;display:grid;gap:14px;min-width:0}
.story-card__cover-top{grid-row:1}
.story-card__cover-bottom{grid-row:3}
.story-card--video :is(.story-author,.story-quote,.story-source),.story-card--video .story-treatment strong,.story-card--video .story-field-label{color:#fff;text-shadow:0 1px 3px rgba(25,20,29,.75)}
.story-card--video :is(.story-author,.story-quote,.story-source){margin:0}
.story-card--video .story-source{font-size:11px}
.story-card--video .story-treatment{margin:0}
.story-card--video .story-tag{color:#3B3240}
.story-card__read{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;font:500 14px/1.3 'CoFo Sans',sans-serif}
.story-card__read .story-arrow{color:#fff}
.story-card:is(:hover,:focus-within) .story-card__read .story-arrow{color:#3B3240}
.story-video--card .story-video__play{position:relative;inset:auto;grid-row:2;align-self:center;justify-self:center;z-index:3;width:64px;height:64px;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(25,20,29,.6)}
.story-video--card .story-video__play svg{width:26px;height:26px;padding:0;border:0;border-radius:0}
.story-video--card .story-video__play:hover{background:rgba(25,20,29,.85)}
.story-video--card .story-video__play:focus-visible{outline-offset:4px!important}
.story-video--card .story-video__frame{z-index:4;background:#19141d}
.story-video--card .story-video__stop{position:absolute;top:16px;right:16px;z-index:5;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(25,20,29,.85);color:#fff;box-shadow:0 2px 8px rgba(25,20,29,.2)}
.story-video--card[data-playing] :is(.story-card__cover-top,.story-card__cover-bottom){visibility:hidden}
.story-video--card .story-video__status{position:absolute;inset:45% 28px auto;z-index:1;margin:0;padding:12px;background:#19141d;color:#fff;pointer-events:none}
@media(max-width:780px){.story-video--card .story-video__screen{padding:24px}}
@media(max-width:780px){.ds-home .story-card--home{width:min(360px,calc(100vw - 56px))}}