/* Case essays: the accepted editorial direction, with uncropped source photography. */
.dc-hero{padding-top:30px;padding-bottom:48px}
.dc-hero .breadcrumbs{margin-bottom:52px}
.dc-hero h1{font-size:clamp(20px,2vw,28px);line-height:1.5;font-weight:600;color:#117f96;margin-bottom:28px}
.dc-opening{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;align-items:end}
.dc-opening h2{font-size:clamp(36px,4.5vw,64px);line-height:1.4;max-width:12em}
.dc-opening>p{font-size:18px;max-width:33em}
.dc-cover{padding:0 max(6vw,calc((100vw - 1320px)/2))}
.dc-photo{margin:0;min-width:0}
.editorial-inner .dc-photo img{height:auto;object-fit:contain}
.dc-photo figcaption{font-size:14px;line-height:1.8;color:#486765;margin-top:14px;max-width:48em}
.dc-cover .dc-photo img{max-height:660px;background:#f1f5f4}
.dc-role{display:grid;grid-template-columns:1fr 2fr;gap:8vw;padding-top:48px;padding-bottom:64px}
.dc-role h2{font-size:24px}
.dc-role p{max-width:43em}
.dc-service-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:24px}
.dc-service-links a{font-size:15px;text-decoration:underline;text-underline-offset:7px;text-decoration-color:#92bf2e}
.dc-chapter{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:center;border-top:1px solid #123d3d26}
.dc-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.5;margin-bottom:26px}
.dc-copy p{max-width:38em;margin-top:20px}
.dc-tinted{background:#edf5f7;grid-template-columns:1.1fr 1fr;border-top:0}
.dc-tinted .dc-photo{grid-column:1;grid-row:1}
.dc-tinted .dc-copy{grid-column:2;grid-row:1}
.dc-text-chapter .dc-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 8vw;grid-column:1/-1}
.dc-text-chapter h2{grid-row:1/3}.dc-text-chapter p{grid-column:2;margin-top:0;margin-bottom:20px}
.dc-observation{background:#123d3d;color:white;position:relative;overflow:hidden}
.dc-observation>div{max-width:880px;position:relative;z-index:1}
.dc-observation h2{max-width:20em;margin-bottom:28px}
.dc-observation p{font-size:18px;max-width:42em}
.dc-observation-mark{position:absolute;right:5%;bottom:32px;width:90px;height:110px;border-right:12px solid #14a4c7;border-bottom:12px solid #92bf2e}
.dc-next{padding-bottom:50px}.dc-next>p{margin-top:24px;max-width:40em}
.dc-next .dc-service-links a{font-size:19px;text-decoration:none}
.dc-related{padding-top:32px}
.dc-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.dc-related-grid img{aspect-ratio:16/10;height:auto;object-fit:cover}
.dc-related-grid p{font-size:13px;margin:18px 0 8px}
.dc-related a:hover h3,.dc-service-links a:hover{color:#117f96}
html:lang(en) .dc-opening h2{letter-spacing:-.025em;font-size:clamp(36px,4.1vw,59px)}
@media(max-width:900px){.dc-opening{gap:36px}.dc-opening>p{font-size:16px}.dc-chapter{gap:32px}.dc-copy p{font-size:16px}}
@media(max-width:600px){
 .dc-hero{padding-top:24px;padding-bottom:32px}.dc-hero .breadcrumbs{margin-bottom:32px}
 .dc-opening,.dc-role,.dc-chapter,.dc-text-chapter .dc-copy{grid-template-columns:1fr;gap:28px}
 .dc-hero h1{font-size:20px;margin-bottom:24px}.dc-opening h2,html:lang(en) .dc-opening h2{font-size:36px}
 .dc-cover{padding:0 6vw}.dc-photo figcaption{font-size:13px}
 .dc-role{padding-top:32px;padding-bottom:44px;gap:18px}.dc-role h2{font-size:23px}
 .dc-tinted .dc-copy,.dc-tinted .dc-photo,.dc-text-chapter h2,.dc-text-chapter p{grid-column:auto;grid-row:auto}
 .dc-text-chapter .dc-copy{gap:0}.dc-text-chapter p{margin-top:20px;margin-bottom:0}
 .dc-copy h2{font-size:29px}.dc-observation p{font-size:16px}
 .dc-observation-mark{width:45px;height:48px;border-width:7px;right:6vw;bottom:16px}
 .dc-related-grid{grid-template-columns:1fr;gap:32px}
}

.dc-opening h2>span{display:block}