/* Fluid case-study layout; retain the Figma screenshot crops. */
.sub-root{height:auto}
.sub-root [data-node-id]{max-width:100%}
.sub-root main{width:calc(100% - 96px);overflow:visible}
.sub-root .case-header{width:calc(100% - 96px);margin:0 48px;padding:56px 0 24px;flex-shrink:0}
.sub-root .case-header .brand,.sub-root .case-header .resume{font-weight:700}
.sub-root .case-footer{width:calc(100% - 96px);margin:0 48px;border-top:1px solid var(--rule);flex-shrink:0}
.sub-root [data-layout="metadata"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,430px)}
.sub-root [data-layout="metadata"]>div{width:100%;min-width:0;align-self:stretch}
.sub-root [data-layout="context-row"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.sub-root [data-layout="context-row"]>div,.sub-root [data-layout="context-row"] p{width:100%;min-width:0}
.sub-root [data-layout="impact-row"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sub-root [data-layout="outcome-row"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sub-root [data-layout="outcome-row"]>div,.sub-root [data-layout="outcome-row"] p{width:100%;min-width:0}
.sub-root [data-layout="review-grid"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.sub-root [data-layout="review-grid"]>div{width:100%;min-width:0}
.sub-root [data-layout="review-grid"]>div>div{width:100%;min-width:0}
.sub-root [data-layout="comparison-arrow"]{overflow:visible}
.sub-root [data-layout="comparison-arrow"] img{max-width:none}
.sub-root .bubble-pending{opacity:.25;transform:translateY(8px)}
@media(max-width:1400px){.sub-root [data-node-id="258:1557"]{gap:32px}}
@media(max-width:1300px){
  .sub-root{padding-inline:16px}
  .sub-root [data-layout="metadata"]{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,35%)}
  .sub-root [data-layout="metadata"] p{white-space:normal}
  .sub-root [data-layout="review-screen"]{aspect-ratio:377/366;height:auto}
  .sub-root [data-node-id="198:13902"]{width:53.3156%;height:100%;left:22.2812%;transform:none}
  .sub-root [data-node-id="198:13764"]{padding:6.366%}
  .sub-root [data-node-id="198:13911"]{width:93.313%;height:auto}
}
@media(max-width:1460px){
  .sub-root [data-layout="gallery-comparison"]{gap:24px}
  .sub-root [data-layout="comparison-group"]{flex:0 1 350px;min-width:0}
  .sub-root [data-layout="comparison-group"]>div{width:100%;height:auto}
  .sub-root [data-layout="comparison-group"]>.sub-94,.sub-root [data-layout="comparison-group"]>.sub-102{width:auto}
  .sub-root [data-node-id="258:1563"]{flex-basis:716px}
  .sub-root [data-layout="comparison-double"]{width:100%;gap:16px}
  .sub-root [data-layout="comparison-double"]>div{flex:1;min-width:0}
  .sub-root [data-layout="phone-screen"]{width:100%;height:auto}
}
@media(max-width:1000px){
  .sub-root{padding-inline:0}
  .sub-root main{width:calc(100% - 80px)}
  .sub-root .case-header,.sub-root .case-footer{width:calc(100% - 80px);margin-inline:40px}
  .sub-root [data-layout="metadata"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sub-root [data-layout="metadata"]>div{border-right:0}
  .sub-root [data-layout="metadata"]>div:nth-child(odd){border-right:1px solid var(--rule)}
  .sub-root [data-layout="context-row"]{gap:32px}
  .sub-root [data-layout="review-grid"]{grid-template-columns:1fr;gap:24px}
  .sub-root [data-layout="review-grid"]>div{border-right:0}
  .sub-root [data-layout="review-grid"]>div>div{display:grid;grid-template-columns:377px minmax(0,1fr);gap:24px}
  .sub-root [data-layout="review-grid"]>div>div>div:first-child{padding-bottom:0}
}
@media(max-width:760px){
  .sub-root{gap:40px}
  .sub-root main{width:calc(100% - 48px);gap:56px}
  .sub-root .case-header,.sub-root .case-footer{width:calc(100% - 48px);margin-inline:24px}
  .sub-root .case-header{padding-top:30px;padding-bottom:18px}
  .sub-root [data-node-id]{min-width:0;white-space:normal}
  .sub-root h1{font-size:34px;line-height:42px}
  .sub-root h2{font-size:28px;line-height:38px}
  .sub-root .sub-24,.sub-root .sub-117{width:100%;min-width:0}
  .sub-root [data-layout="context-row"],.sub-root [data-layout="impact-row"],.sub-root [data-layout="outcome-row"]{grid-template-columns:1fr;gap:24px}
  .sub-root [data-layout="review-grid"]>div>div{display:flex;flex-direction:column;gap:24px}
  .sub-root [data-layout="review-grid"]>div{border-top:0}
  .sub-root [data-layout="review-screen"]{width:100%}
  .sub-root [data-layout="review-screen"] [data-layout="phone-screen"]{max-width:307px}
  .sub-root [data-layout="gallery-comparison"]{flex-direction:column;gap:28px}
  .sub-root [data-layout="comparison-group"],.sub-root [data-node-id="258:1563"]{flex:none;width:100%;max-width:350px}
  .sub-root [data-layout="comparison-double"]{flex-direction:column;gap:24px}
  .sub-root [data-layout="comparison-double"]>div{flex:none;width:100%}
  .sub-root [data-layout="comparison-arrow"]{transform:rotate(90deg);margin:8px auto}
  .sub-root [data-layout="metadata"]>div{padding-inline:12px}
}
@media(prefers-reduced-motion:reduce){.sub-root .bubble-pending{transform:none}}