/* C08 composition slots only; whole accepted C02 page.css is loaded unchanged first. */
main.sf082 .sf-a51__hero-lead>p {margin:0;}
main.sf082 .sf082-infographic {padding:0;border:0;background:transparent;box-shadow:none;}
main.sf082 .sf082-infographic svg {display:block;width:100%;height:auto;}
main.sf082 .sf082-infographic figcaption {margin-top:var(--sf-space-4);}
main.sf082 .sf082-diagram-mobile {display:none;}
main.sf082 .sf082-reading a:not(.button) {color:var(--sf-color-neutral);text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:var(--sf-touch-target);max-width:100%;}
main.sf082 .sf082-reading a:not(.button):hover {color:var(--sf-color-white);}
main.sf082 .sf082-final {margin-top:var(--sf-space-5);}
main.sf082 .sf082-final .button {white-space:normal;max-width:100%;text-align:left;}

/* Type2 media art direction; accepted body/card/typography/dependencies unchanged. */
main.sf082 .sf-a51__hero-canvas {min-height:clamp(660px,46vw,820px);}
main.sf082 .sf-a51__hero-copy {width:64%;max-width:784px;}
main.sf082 .sf-a51__hero-media img {object-position:50% 50%;object-fit:cover;}
main.sf082 .sf-a51__hero-canvas::after {background:linear-gradient(90deg,rgba(38,36,35,.9),rgba(38,36,35,.78) 46%,rgba(38,36,35,0) 72%),linear-gradient(0deg,var(--sf-color-dark),rgba(38,36,35,0) 15%);}
main.sf082 .sf082-project-card>img {object-fit:contain;object-position:center;min-height:0;height:auto;align-self:center;}
@media(max-width:1119px){
 main.sf082 .sf-a51__hero-canvas {min-height:0;padding-bottom:54vw;}
 main.sf082 .sf-a51__hero-copy {width:100%;}
 main.sf082 .sf-a51__hero-media img {width:100%;left:0;bottom:0;height:54vw;object-fit:cover;object-position:100% 50%;mask-image:linear-gradient(180deg,transparent,black 24%,black 86%,transparent);}
 main.sf082 .sf-a51__hero-canvas::after {background:linear-gradient(0deg,var(--sf-color-dark),rgba(38,36,35,0) 8%,rgba(38,36,35,0) 38%,var(--sf-color-dark) 68%);}
}
@media(max-width:700px){
 main.sf082 .sf-a51__hero-canvas {padding-bottom:72vw;}
 main.sf082 .sf-a51__hero-media img {height:72vw;}
}

main.sf082 .sf-a51__hero-lead[data-sf-type="lead"] {width:88%;}
@media(max-width:1119px){main.sf082 .sf-a51__hero-lead[data-sf-type="lead"] {width:100%;}}

/* Same Article TOC layout/controller. Adapt only infographic art to available article field. */
main.sf082 .sf082-infographic {container-type:inline-size;container-name:c08-figure;}
@container c08-figure (max-width:820px){
 main.sf082 .sf082-diagram-desktop {display:none;}
 main.sf082 .sf082-diagram-mobile {display:block;width:min(100%,440px);margin-inline:auto;}
}

/* Reuse the accepted C02 compact card state when TOC leaves a narrow article field. */
main.sf082 .sf082-reading {container-type:inline-size;container-name:c08-article;}
@container c08-article (max-width:980px){
 main.sf082 .sf077-card {grid-template-columns:1fr;}
 main.sf082 .sf077-card>img {height:auto;min-height:0;aspect-ratio:1.78;}
 main.sf082 .sf077-card-copy {padding:var(--sf-space-4);}
}
