.design-comparison{margin:40px 0 56px;color:var(--studio-ink,#33262c)}
.design-comparison-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.75fr);gap:32px;align-items:center}
.design-comparison figure{margin:0;min-width:0}
.design-comparison-stage{display:grid;place-items:center;aspect-ratio:4/3;background:var(--studio-petal,#f4ecef);overflow:hidden}
.design-comparison-stage img{display:block;width:100%;height:100%!important;max-height:none!important;object-fit:contain!important;grid-area:1/1}
.design-comparison figcaption{margin-top:12px;font-size:.875rem;line-height:1.65;max-width:72ch}
.design-comparison h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15;margin:0 0 18px}
.design-comparison p{max-width:65ch;line-height:1.75}
.design-comparison-controls{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 16px}
.design-comparison-controls button{min-height:48px;padding:11px 16px;font:inherit;font-size:.9rem;color:#4c2133;border:1px solid #9c7c89;background:transparent;border-radius:3px;cursor:pointer}
.design-comparison-controls button:hover{background:#eee1e7}
.design-comparison-controls button[aria-pressed=true]{background:#4c2133;border-color:#4c2133;color:#fff}
.design-comparison-controls button:focus-visible,.design-comparison a:focus-visible{outline:3px solid #4c2133;outline-offset:4px}
.design-comparison [hidden]{display:none!important}
.design-comparison-status{min-height:1.6em;font-size:.85rem}
.design-comparison ::selection{background:#4c2133;color:white}
.growth-proof{margin:32px auto;max-width:1120px;padding:24px;color:#33262c}
.growth-proof h2{font:400 clamp(1.8rem,3vw,2.7rem)/1.2 'Cormorant Garamond',Georgia,serif;margin:0 0 18px}
.growth-proof p{line-height:1.75;max-width:72ch}
.growth-proof-pictures{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}
.growth-proof figure{margin:0;min-width:0}
.growth-proof img{display:block;width:100%;height:auto!important;max-height:440px;object-fit:contain!important;background:#f4ecef}
.growth-proof figcaption{margin-top:10px;line-height:1.6;font-size:.9rem}
.growth-proof nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}
.growth-proof a{color:#4c2133;text-decoration:underline;text-underline-offset:4px}
.growth-proof a:focus-visible{outline:3px solid #4c2133;outline-offset:4px}
.growth-proof details{margin-top:20px;border-top:1px solid #ddced4;padding-top:16px}
.growth-proof summary{cursor:pointer;min-height:48px;align-content:center;font-weight:500}
.growth-film-library{margin-top:32px}
.growth-film-library>summary{min-height:48px;cursor:pointer;padding:16px 0;font-size:1.1rem;border-top:1px solid #ddced4}
.growth-film-library[open]>summary{margin-bottom:24px}
@media(max-width:700px){.design-comparison-layout{grid-template-columns:minmax(0,1fr);gap:24px}.design-comparison-stage{aspect-ratio:1/1}.design-comparison-controls{margin-top:16px}.growth-proof{padding:24px 22px}.growth-proof-pictures{gap:20px;grid-template-columns:minmax(0,1fr)}.growth-proof img{max-height:420px}.growth-proof nav a{min-height:48px;align-content:center}}
@media(prefers-reduced-motion:reduce){.design-comparison *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Allow the existing film grid to shrink within narrow mobile gutters. */
.media-film{min-width:0}.media-film a{overflow-wrap:anywhere}