/* Scope changes to the requested roles; other media and typography stay intact. */
.hero:has(.refined-benefits) .hero-inner>div,.hero .refined-benefits{max-width:100%}
.hero .refined-benefits{font-size:clamp(22px,calc((100vw - 48px)/12),64px);line-height:1.15;text-wrap:initial}
.hero .refined-benefits span{display:block;white-space:nowrap;font:inherit;letter-spacing:inherit}
html[lang=en] .hero .refined-benefits{font-size:clamp(17px,calc((100vw - 48px)/16),64px)}
/* Same perceived garment height, centered vertically; no bitmap resampling. */
#one-product .outfit-input .outfit-matched-image img{height:68%;width:100%;max-width:100%;object-fit:contain}
#one-product .vest-input .outfit-matched-image img{height:78%;width:100%}
/* One gap token for reference grids, result rails, homepage and full-case dialog. */
:root{--case-image-gap:12px}
.case-story .reference-strip,.case-story .result-scroll,#case-dialog .reference-strip,#case-dialog .result-scroll{gap:var(--case-image-gap)!important}
.case-story .reference-strip .image-open{margin:0!important;padding:0!important}
.angle-consistency{margin-top:48px}.angle-consistency h3{margin-bottom:24px;text-align:center}
.angle-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--case-image-gap)}
.angle-open{padding:0;border:0;background:none;display:block;min-width:0;width:100%}
.angle-crop{display:block;position:relative;overflow:hidden;aspect-ratio:332/444;width:100%;background:white}
.angle-crop img{position:absolute;display:block;width:var(--crop-width);height:auto!important;max-width:none!important;left:var(--crop-x);top:var(--crop-y);margin:0;padding:0;object-fit:initial}
#angle-viewer{border:0;padding:16px;width:min(94vw,620px);max-width:94vw;max-height:96dvh;background:white;color:var(--ink)}
#angle-viewer::backdrop{background:#000b}.angle-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:12px}.angle-toolbar button{min-width:44px;min-height:44px;background:none;border:0}.angle-toolbar [data-angle-close]{margin-left:auto;font-size:28px}
.angle-view-stage{width:min(100%,calc((96dvh - 105px)*.7477));margin:auto}
@media(max-width:767px){:root{--case-image-gap:8px}.angle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.angle-consistency{margin-top:32px}.angle-consistency h3{margin-bottom:20px}}
/* Native photo proportions prevent contain-letterboxing from doubling horizontal gaps. */
.case-story .reference-strip .image-open,#case-dialog .reference-strip .image-open{height:auto!important;aspect-ratio:auto!important}
.case-story .reference-strip img,#case-dialog .reference-strip img{position:static!important;width:100%!important;height:auto!important;object-fit:initial!important;transform:none!important}
#one-product .vest-input .outfit-matched-image img{width:88%}
#work.case-gallery>.case-story,#studio-work.case-gallery>.case-story{column-gap:var(--case-image-gap)}
#case-dialog .proof-pair{gap:var(--case-image-gap)}