.cclo-story{--cc-ink:#202022;--cc-paper:#f3f0e9;--cc-line:#ded8cf;color:var(--cc-ink)}
.cclo-story [id]{scroll-margin-top:160px}
.blog-article:has(.cclo-story) .article-title-main{font-size:clamp(2rem,3.7vw,3.8rem);line-height:1.05}
.blog-article:has(.cclo-story) .article-title-rest{font-size:clamp(1.3rem,2.1vw,2.1rem);line-height:1.18}
.blog-article:has(.cclo-story) .article-hero-media{aspect-ratio:16/9;min-height:0;border:0;border-radius:18px;background:#202022;box-shadow:0 20px 55px #20202222}
.blog-article:has(.cclo-story) .article-hero-media::after{display:none}
.blog-article:has(.cclo-story) .article-hero-media>img{object-fit:contain}
.cclo-story .wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.cclo-story .eyebrow{font-size:12px;line-height:1.7;letter-spacing:.1em;text-transform:uppercase;font-weight:800;margin:0 0 20px}
.cclo-story h2{font:400 clamp(28px,3vw,43px)/1.16 var(--display);letter-spacing:-.025em;text-wrap:balance;margin:0 0 28px}
.cclo-story p{font-size:18px;line-height:1.85;margin:0 0 23px}
.cclo-story a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
.cclo-story a:hover{color:#a12469}
.cclo-story a:focus-visible,.cclo-story video:focus-visible{outline:3px solid #39b5df;outline-offset:5px}
.cclo-story figure{margin:0}
.cclo-story .cc-context{padding-block:20px;border-bottom:1px solid var(--cc-line);font-size:12px;display:flex;justify-content:space-between;gap:20px}
.cclo-story .intro-band{padding-block:58px;background:var(--cc-paper);border-block:1px solid var(--cc-line)}
.cclo-story .intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:76px;align-items:start}
.cclo-story .intro-grid p:last-child{margin-bottom:0}
.cclo-story .story-section{padding-block:80px}
.cclo-story .dark-band{padding-block:65px;background:var(--cc-ink);color:#fff}
.cclo-story .dark-band h2{color:#fff}
.cclo-story .dark-band p{color:#e5e2dc}
.cclo-story .dark-band .eyebrow{color:#8ed3e8}
.cclo-story .films{padding-block:80px}
.cclo-story .section-lead{max-width:820px}
.cclo-story .film{border:1px solid var(--cc-line);border-radius:16px;overflow:hidden;min-width:0}
.cclo-story .film-main{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;margin-top:32px;background:#202022;color:#fff}
.cclo-story .film-copy{padding:28px}
.cclo-story .film h3{font:400 25px/1.25 var(--display);margin:12px 0 20px;color:#fff}
.cclo-story .film p{font-size:16px;margin-bottom:20px}
.cclo-story .number{font-size:11px!important;line-height:1.6;letter-spacing:.07em;text-transform:uppercase;font-weight:800}
.cclo-story .duration{font-size:12px;color:#d4cec5}
.cclo-story video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
.cclo-story .picture-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}
.cclo-story .picture-grid img{display:block;width:100%;height:auto;border-radius:8px}
.cclo-story .picture-grid figcaption{font-size:13px;line-height:1.7;padding-top:14px;color:#716b61}
.cclo-story .ending{max-width:820px;padding-bottom:70px}
.cclo-story .signature{border-top:1px solid var(--cc-line);padding-top:24px;font-weight:800;margin-top:32px}
.cclo-story .signature small{font-weight:400;font-size:14px}
@media(max-width:850px){.cclo-story .intro-grid{grid-template-columns:1fr;gap:28px}.cclo-story .film-main{grid-template-columns:1fr}.cclo-story .film-main video{grid-row:1}.cclo-story .story-section,.cclo-story .films{padding-block:55px}}
@media(max-width:540px){.cclo-story .wrap{width:calc(100% - 36px)}.cclo-story .picture-grid{grid-template-columns:1fr}.cclo-story p{font-size:16px;line-height:1.8}.cclo-story .intro-band,.cclo-story .dark-band{padding-block:44px}.cclo-story .cc-context{display:block}.cclo-story .cc-context time{display:block;margin-top:8px}.cclo-story .film-copy{padding:22px}.blog-article:has(.cclo-story) .article-title-main{font-size:clamp(1.8rem,9vw,2.8rem)}}