/* This unpublished feature only; the current C/LOG shell is preserved. */
.chroma-story .chroma-cover .mag-cover-shade{background:linear-gradient(0deg,#000d,transparent 58%),linear-gradient(180deg,#0004,transparent 25%)}
.chroma-story .chroma-cover .mag-cover-media img{object-position:center}
.chroma-story .mag-cover-copy h1{font-size:clamp(36px,4.3vw,64px);line-height:1.35;letter-spacing:.015em;max-width:1050px;margin:16px 0 22px;text-wrap:balance}
.chroma-story .chroma-intro,.chroma-story .chroma-split-copy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.chroma-story .chroma-intro h2,.chroma-story .chroma-split-copy h3{margin:0;text-wrap:balance}
.chroma-story .draft-heading h2{text-wrap:balance}
.chroma-story .chroma-wide{margin-bottom:40px}
.chroma-story .chroma-dark{background:#1a1a1a;color:#fff;border:0}
.chroma-story .chroma-dark .draft-heading h2{color:#fff}
.chroma-story .chroma-dark .draft-label{color:#ef7167}
.chroma-story .chroma-dark figcaption{color:#c9c9c9}
.chroma-story .chroma-gray{background:#f2f2f2}
.chroma-story .chroma-color-grid,.chroma-story .chroma-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.chroma-story .chroma-color-grid{margin-top:32px}
.chroma-story .chroma-color-card{min-width:0;background:#fff;align-self:stretch}
.chroma-story .chroma-color-card figure{margin-bottom:0}
.chroma-story .chroma-color-card figcaption{padding-inline:24px}
.chroma-story .chroma-card-copy{padding:24px}
.chroma-story .chroma-card-copy .draft-label{margin-bottom:10px}
.chroma-story .chroma-card-copy h3{margin:0 0 16px;font-size:24px}
.chroma-story .chroma-card-copy>p:not(.draft-label){font-size:17px;line-height:2.05;margin:0}
.chroma-story .chroma-color-note{margin-top:32px}
.chroma-story .chroma-photo-pair figure{min-width:0}
.chroma-story .chroma-photo-pair img{width:100%;height:auto}
.chroma-story .chroma-gray .draft-note{background:#fff}
@media(min-width:761px) and (max-width:1100px){
 .chroma-story .chroma-intro,.chroma-story .chroma-split-copy{grid-template-columns:1fr;gap:24px}
 .chroma-story .chroma-color-grid,.chroma-story .chroma-photo-pair{gap:24px}
 .chroma-story .chroma-card-copy h3{font-size:22px}
}
@media(max-width:1100px){
 .chroma-story .chroma-cover{height:auto;min-height:0;max-height:none}
 .chroma-story .chroma-cover .mag-cover-media{position:relative;inset:auto;aspect-ratio:1920/1279}
 .chroma-story .chroma-cover .mag-cover-copy{position:relative;inset:auto;max-width:none;padding:36px 48px 44px}
 .chroma-story .chroma-cover .mag-cover-shade{bottom:auto;aspect-ratio:1920/1279;background:linear-gradient(180deg,#0006,transparent 25%)}
 .chroma-story .chroma-cover .mag-cover-media img{object-fit:contain}
}
@media(max-width:760px){
 .chroma-story .chroma-cover .mag-cover-copy{padding:28px 26px 40px}
 .chroma-story .mag-cover-copy h1{font-size:clamp(29px,7.8vw,43px);line-height:1.4;margin:16px 0}
 .chroma-story .chroma-intro,.chroma-story .chroma-split-copy,.chroma-story .chroma-color-grid,.chroma-story .chroma-photo-pair{grid-template-columns:1fr;gap:24px}
 .chroma-story .chroma-wide{margin-bottom:28px}
 .chroma-story .chroma-split-copy{gap:18px}
 .chroma-story .chroma-card-copy{padding:20px}
 .chroma-story .chroma-color-card figcaption{padding-inline:20px}
 .chroma-story .chroma-card-copy>p:not(.draft-label){font-size:16px;line-height:2}
 .chroma-story .chroma-photo-pair figure{margin-bottom:8px}
 .chroma-story .chroma-photo-pair{margin-bottom:24px}
}