.ccs-journal{border-bottom:1px solid var(--line);scroll-margin-top:125px}
.ccs-journal-heading{align-items:flex-end;margin-bottom:42px}
.ccs-journal-intro{max-width:340px;padding-bottom:5px}
.ccs-journal-intro>p{line-height:1.85;margin-bottom:22px}
.ccs-journal-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/3.6);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--ink) var(--sand);padding:6px 0 20px;scroll-padding-inline:0}
.ccs-journal.is-enhanced .ccs-journal-rail{scrollbar-width:none}
.ccs-journal.is-enhanced .ccs-journal-rail::-webkit-scrollbar{display:none}
.ccs-journal-rail:focus-visible{outline:2px solid var(--blue);outline-offset:6px}
.ccs-journal-card{min-width:0;scroll-snap-align:start}
.ccs-journal-story{display:block;outline-offset:3px}
.ccs-journal-photo{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--sand);isolation:isolate}
.ccs-journal-photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.ccs-journal-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b20243d,transparent 28%,transparent 58%,#0b2024aa);pointer-events:none}
.ccs-journal-platform,.ccs-journal-watch{position:absolute;z-index:1;color:white;display:flex;align-items:center;gap:10px;left:18px;right:18px}
.ccs-journal-platform{top:18px;font:700 8px/1.5 var(--sans);letter-spacing:.14em;text-shadow:0 1px 5px #142b36}
.ccs-journal-platform svg{width:19px;height:19px}
.ccs-journal-watch{bottom:19px;font-size:11px;letter-spacing:.02em}
.ccs-journal-play{display:grid;place-items:center;width:42px;height:42px;padding-left:2px;border:1px solid #ffffffa1;border-radius:50%;font-size:12px;background:#172f3c40;transition:background .2s,color .2s}
.ccs-journal-play svg{width:14px;height:14px}
.ccs-journal-story:hover .ccs-journal-photo img,.ccs-journal-story:focus-visible .ccs-journal-photo img{transform:scale(1.035)}
.ccs-journal-story:hover .ccs-journal-play,.ccs-journal-story:focus-visible .ccs-journal-play{background:var(--paper);color:var(--ink)}
.ccs-journal-meta{display:flex;justify-content:space-between;gap:10px;margin:22px 0 10px;font:700 9px/1.6 var(--sans);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
body.classic-studio .ccs-journal-card h3{font:400 clamp(23px,2.1vw,30px)/1.2 var(--serif);letter-spacing:-.025em}
.ccs-journal-description{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 0;max-width:95%}
.ccs-journal-bottom{border-top:1px solid var(--line);padding-top:23px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.ccs-journal-note{font-size:12px;color:var(--muted)}
.ccs-journal-navigation{display:flex;align-items:center;gap:22px}
.ccs-journal-count{font:700 10px/1.5 var(--sans);letter-spacing:.08em;font-variant-numeric:tabular-nums;min-width:64px;text-align:right;white-space:nowrap}
.ccs-journal-progress{width:150px;height:2px;background:var(--line);overflow:hidden}
.ccs-journal-progress>span{display:block;height:100%;width:10%;background:var(--ink);transition:width .2s}
.ccs-journal-arrows{display:flex;gap:8px}
.ccs-journal-arrows button{border:1px solid var(--line);border-radius:50%;background:transparent;width:46px;height:46px;display:grid;place-items:center;transition:background .2s,color .2s}
.ccs-journal-arrows button:hover:not(:disabled){background:var(--ink);color:white;border-color:var(--ink)}
.ccs-journal-arrows button:disabled{opacity:.3;cursor:default}
.ccs-journal-arrows button:first-child svg{transform:rotate(180deg)}
.ccs-journal-arrows svg{width:20px;height:20px}
.ccs-journal-dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
.ccs-journal-dialog::backdrop{background:#0c1c25c9}
.ccs-journal-dialog-header{padding:22px 24px 18px;display:flex;align-items:flex-start;gap:18px;justify-content:space-between}
.ccs-journal-dialog-header .ccs-eyebrow{font-size:8px;margin-bottom:8px}
body.classic-studio .ccs-journal-dialog-header h2{font:26px/1.2 var(--serif)}
.ccs-journal-dialog-header button{width:44px;height:44px;border:1px solid var(--line);display:grid;place-items:center;background:transparent;flex:none}
.ccs-journal-embed{background:white;min-height:240px}
.ccs-journal-embed iframe{display:block;border:0;width:100%;height:min(620px,60dvh);min-height:240px}
.ccs-journal-dialog-footer{padding:18px 24px 24px}
.ccs-journal-dialog-footer p{font-size:11px;color:var(--muted);line-height:1.65;margin-bottom:12px}
body.ccs-journal-open{overflow:hidden}
@media(min-width:1600px){.ccs-journal-rail{grid-auto-columns:calc((100% - 80px)/3.6)}}
@media(max-width:1000px){.ccs-journal-rail{grid-auto-columns:calc((100% - 40px)/2.5);gap:20px}.ccs-journal-intro{max-width:290px}.ccs-journal-progress{width:100px}.ccs-journal-note{max-width:240px}}
@media(max-width:600px){.ccs-journal-heading{margin-bottom:25px}.ccs-journal-intro{max-width:100%;padding:0}.ccs-journal-intro>p{margin-bottom:18px}.ccs-journal-rail{grid-auto-columns:84%;gap:16px}.ccs-journal-meta{margin-top:18px;font-size:8px}body.classic-studio .ccs-journal-card h3{font-size:27px}.ccs-journal-description{font-size:12px}.ccs-journal-platform{font-size:8px}.ccs-journal-bottom{display:block;margin-top:5px;padding-top:18px}.ccs-journal-note{display:block;max-width:none;margin-bottom:18px;font-size:11px}.ccs-journal-navigation{gap:16px}.ccs-journal-count{text-align:left}.ccs-journal-progress{flex:1;width:auto}.ccs-journal-dialog-header{padding:18px 16px}body.classic-studio .ccs-journal-dialog-header h2{font-size:23px}.ccs-journal-dialog-footer{padding:16px}.ccs-journal{scroll-margin-top:95px}}
@media(prefers-reduced-motion:reduce){.ccs-journal-photo img,.ccs-journal-play,.ccs-journal-progress>span,.ccs-journal-arrows button{transition:none}}