/* astra1 2026-11-03 — small, purposeful editorial images and completed reading layouts. */
.detail-art{width:clamp(150px,18vw,280px);max-width:45%;float:right;margin:0 0 24px 30px;position:relative;isolation:isolate}
.detail-art img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px 18px 45px 18px;box-shadow:0 18px 35px #0005;transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s}
.detail-art:hover img{transform:translateY(-5px) rotate(-1deg);box-shadow:0 20px 40px #0007,0 0 24px #ed172620}
.detail-art figcaption{font-size:9px!important;font-weight:500;letter-spacing:.13em;color:#a8c5b7!important;margin-top:12px;line-height:1.5;max-width:27ch}
.detail-foundation .detail-art{float:none;max-width:100%;width:clamp(170px,18vw,280px);margin:24px 0 30px}
.design-foundations .foundation-grid{align-items:start}.foundation-grid article:nth-child(2) .detail-art{margin-left:auto;margin-right:auto}.foundation-grid article:nth-child(3) .detail-art{margin-left:auto}
.repair-care{display:flow-root}.repair-care>.detail-art{margin-top:45px}.repair-care>.repair-note{padding-top:45px;max-width:52ch!important}
.answers-heading>.detail-art{float:none;max-width:100%;width:230px;margin:0 0 35px}.about-study .detail-art{width:240px}
/* The old generic article cap was squeezing a two-column editorial layout. */
.subpage.blog-story>.article-body.visual-reading{max-width:none;width:100%;margin:75px 0 0}
.blog-story .reading-chapter{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7vw;align-items:start}
.blog-story .reading-copy{min-width:0}.blog-story .reading-copy p{font-size:clamp(18px,1.3vw,28px);line-height:1.8}.blog-story .reading-title h2{margin-top:18px!important}
.utility-page .article-body{font-size:clamp(18px,1.25vw,27px)}.utility-page .article-body p{max-width:65ch}.utility-page .article-body a{color:#d4e9df;text-decoration:underline;text-decoration-color:#ff2438;text-underline-offset:5px}
.case-study-page .case-story-note p{line-height:1.75;color:#b9cdc2}.case-study-page .case-story-note h2 i{color:#ff2438}.case-study-page>.case-desktop{max-width:1200px;margin:65px auto}.case-study-page>.case-desktop img{max-height:900px;object-fit:cover;object-position:top;border-radius:25px}
@media(min-width:901px){.answers-section .answers-heading{position:sticky;top:110px;align-self:start}.answers-section .answers-heading h2{font-size:clamp(40px,4vw,105px)}}
@media(max-width:900px){.blog-story .reading-chapter{grid-template-columns:1fr;gap:25px}.detail-art{width:210px}.foundation-grid article .detail-art{margin-left:0!important}.answers-section .answers-heading{position:static}}
@media(max-width:600px){.detail-art{width:44%;max-width:180px;margin:5px 0 18px 18px}.detail-art figcaption{font-size:8px!important}.detail-art img{border-radius:14px 14px 30px 14px}.detail-foundation{display:flow-root}.detail-foundation .detail-art{float:right;width:40%;margin:14px 0 18px 18px!important}.detail-foundation h3{padding-top:22px}.detail-foundation>span{display:block}.answers-heading>.detail-art{width:160px;float:right;margin:0 0 20px 18px}.answers-heading{display:flow-root}.answers-heading h2{clear:both}.repair-care>.detail-art{margin-top:28px}.subpage.blog-story>.article-body.visual-reading{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.detail-art img{transition:none!important;transform:none!important}}html.no-motion .detail-art img,body.no-motion .detail-art img{transition:none!important;transform:none!important}