/* Frame the supplied actual photographs without regenerating the storefronts. */
.opening-story .storefront-comparison{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:12px;align-items:start;margin-top:38px;text-align:center}
.opening-story .storefront-comparison article{padding:0;min-width:0;overflow:hidden;border:3px solid #fff5e5;border-radius:14px;background:#fff5e5;box-shadow:5px 7px 0 #173e23}
.storefront-comparison .case-tag{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:15px 17px;background:#173e23;color:#fff;font-size:22px;line-height:1.3}
.case-tag .case-stage{font-size:15px;letter-spacing:.05em;color:#fff5e5}
.storefront-comparison .storefront-photo{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:#dfe3d9;border-block:2px solid #173e23}
.storefront-photo img{display:block;position:absolute;height:auto;max-width:none;margin:0}
/* Before: center the vacant doorway and rental sign; crop map controls and adjacent shop. */
.storefront-before img{width:268%;left:-49.5%;top:-45.2%}
/* After: center the real shop sign, opening banner and entrance. */
.storefront-after img{width:100%;left:0;top:-45.5%}
.storefront-photo:focus-visible{outline:5px solid #ffeb00;outline-offset:-5px}
.storefront-comparison .case-caption{padding:22px 12px 24px}
.opening-story .storefront-comparison h3{font-size:32px;line-height:1.25;margin:0 0 8px;color:#173e23}
.opening-story .storefront-comparison p{font-size:21px;line-height:1.45;margin:0;color:#435343}
.opening-story .storefront-comparison .conversion-after{border:4px solid #ffeb00;box-shadow:5px 7px 0 #173e23,0 0 0 3px #d40010}
.storefront-comparison .conversion-after .case-tag{background:#d40010;color:white}
.storefront-comparison .conversion-after .case-caption{background:#d40010;color:#fff}
.opening-story .storefront-comparison .conversion-after h3{font-size:24px;color:white;margin-bottom:8px}
.opening-story .storefront-comparison .case-revenue{display:flex;justify-content:center;align-items:baseline;gap:6px;color:#ffeb00;line-height:1.1;white-space:nowrap}
.storefront-comparison .case-revenue strong{font-family:var(--display-font);font-size:clamp(48px,6.8vw,76px);letter-spacing:-.06em;text-shadow:2px 3px 0 #79000b}
.storefront-comparison .case-revenue span{font-size:26px;color:#ffeb00}
.storefront-comparison .case-transition{align-self:center;font-family:var(--display-font);font-size:48px;line-height:1;color:#ffeb00;text-shadow:2px 3px 0 #173e23}
@media(max-width:600px){
 .opening-story .storefront-comparison{grid-template-columns:1fr;gap:16px;margin-top:36px}
 .storefront-comparison .case-tag{font-size:24px;padding:14px}
 .storefront-comparison .case-transition{transform:rotate(90deg);font-size:42px;justify-self:center}
 .opening-story .storefront-comparison h3{font-size:34px}
 .opening-story .storefront-comparison p{font-size:22px}
 .storefront-comparison .case-revenue strong{font-size:66px}
 .storefront-comparison .case-caption{padding:20px 10px}
}