/* Preview-only layout for the cost-of-growth scene. */
.approved-story #growth-costs{position:relative;display:block;min-height:calc(100svh - 76px);padding:60px 14% 85px;isolation:isolate}
.approved-story #growth-costs figure{position:absolute;inset:0 12.5%;width:75%;max-width:none;height:100%;margin:0;z-index:0}
.approved-story #growth-costs img{width:100%;height:100%;max-width:100%;max-height:none;object-fit:contain;object-position:center}
.approved-story #growth-costs figure:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 22px 8px #080808;background:radial-gradient(ellipse at top left,rgba(8,8,8,.98) 0%,rgba(8,8,8,.9) 18%,rgba(8,8,8,.55) 35%,transparent 66%);pointer-events:none}
.approved-story #growth-costs .growth-copy{position:relative;z-index:2;width:70%;max-width:700px}
.approved-story #growth-costs h2{text-align:left;margin:0;width:100%;font-size:clamp(38px,4.3vw,66px);line-height:1.1}
.approved-story #growth-costs .growth-copy p{max-width:470px;margin:22px 0 0;font-size:clamp(17px,1.5vw,22px);line-height:1.55;color:#c2c2cb}
@media(max-width:760px){.approved-story #growth-costs{min-height:90svh;padding:38px 6% 75px}.approved-story #growth-costs figure{inset:0 5%;width:90%}.approved-story #growth-costs .growth-copy{width:100%}.approved-story #growth-costs h2{font-size:clamp(30px,7vw,44px)}.approved-story #growth-costs img{object-position:center bottom}.approved-story #growth-costs figure:after{background:linear-gradient(180deg,#080808 0%,rgba(8,8,8,.88) 25%,rgba(8,8,8,.35) 48%,transparent 70%)}.approved-story #growth-costs .growth-copy p{font-size:17px;max-width:360px;margin-top:16px}}

@media(min-width:761px){
.approved-story #growth-costs{display:flex;justify-content:center;padding:65px 0 85px}
.approved-story #growth-costs .growth-stage{position:relative;width:75%;margin:auto}
.approved-story #growth-costs figure{position:relative;inset:auto;width:100%;height:auto}
.approved-story #growth-costs img{height:auto;width:100%}
.approved-story #growth-costs .growth-copy{position:absolute;left:2%;top:3%;width:70%;z-index:2}
.approved-story #growth-costs figure:after{background:radial-gradient(ellipse at top left,#080808 0%,rgba(8,8,8,.92) 24%,rgba(8,8,8,.55) 48%,transparent 78%)}
}

@media(min-width:761px){
.approved-story #growth-costs .growth-stage{margin-left:20%;margin-right:5%}
.approved-story #growth-costs .growth-copy{left:-18%;width:72%;top:3%}
}

@media(min-width:761px){.approved-story #growth-costs .growth-copy{top:calc(3% - 36px)}}

@media(min-width:761px){.approved-story #growth-costs figure{transform:translateY(72px)}}
