/* Infinite Upside: The Movie. The masthead shares the guide pages' night band; the poster is marketing artwork and is
   captioned as such. Shared header, footer, article and table styles come from style.css and reader-guide.css. */
.movie-page-hero{--focus:#fee599;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,500px);grid-template-areas:"copy art" "offer art";column-gap:clamp(36px,6vw,96px);row-gap:30px;align-items:start;padding:clamp(30px,4.5vw,60px) 0 clamp(44px,6vw,84px);background:var(--black);box-shadow:0 0 0 100vmax var(--black);clip-path:inset(0 -100vmax);color:var(--cream)}
.movie-page-hero::after{content:"";position:absolute;z-index:-1;right:0;top:-10%;width:60%;height:120%;background:radial-gradient(closest-side,rgba(237,191,113,.16),rgba(237,191,113,.04) 55%,transparent 75%);pointer-events:none}
.movie-page-copy{grid-area:copy;min-width:0}
.movie-page-hero .eyebrow{margin-bottom:20px;font:italic 400 18px/1.4 var(--serif);letter-spacing:0;color:var(--foil-2)}
.movie-page-hero h1{max-width:14ch;font-size:clamp(2.5rem,1.3rem + 3.6vw,4.8rem);line-height:1.02;letter-spacing:-.03em;font-weight:410;color:var(--cream)}
.movie-page-hero .guide-lede{margin-bottom:0}
.movie-page-art{grid-area:art;align-self:center;margin:0}
.movie-page-art img{display:block;width:100%;height:auto;border-radius:6px;background:#000;box-shadow:0 0 0 1px rgba(237,191,113,.22),0 40px 80px -30px rgba(0,0,0,.9)}
.movie-page-art figcaption{margin-top:12px;font:400 13.5px/1.6 var(--sans);color:var(--cream-3)}
.movie-page-offer{grid-area:offer;max-width:540px;padding:24px 26px 22px;border:1px solid rgba(237,191,113,.35);border-radius:12px;background:rgba(254,229,153,.04)}
.movie-page-offer h2{margin:0 0 10px;font:600 14px/1.4 var(--sans);letter-spacing:.02em;color:var(--foil-2)}
.movie-page-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 10px}
.movie-page-price strong{font:430 clamp(34px,3vw,44px)/1 var(--serif);color:var(--cream)}
.movie-page-price span{font:400 14px/1.5 var(--sans);color:var(--cream-3)}
.movie-page-terms{margin:0 0 18px;font:400 14.5px/1.65 var(--sans);color:var(--cream-2)}
.movie-page-offer .movie-page-buy{width:100%;max-width:340px}
.movie-page-status{margin:12px 0 0;font:400 14px/1.6 var(--sans);color:var(--cream-2)}
.movie-page-status:empty{display:none}
.movie-page-library{margin:16px 0 0;font:400 14px/1.6 var(--sans);color:var(--cream-3)}
.movie-page-offer a:not(.button){color:var(--foil-1);text-underline-offset:4px}
.movie-page-steps{margin:0 0 1.25em;padding-left:1.3em}
.movie-page-steps li{padding-left:6px}
.movie-page-steps li+li{margin-top:12px}
.movie-page-steps p{margin:0}
.movie-page-steps li::marker{font:600 16px/1 var(--sans);color:var(--gold-ink)}
.movie-page-table td[data-movie-price]{white-space:nowrap;font-weight:600}
.movie-page-bundle-price{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:18px 0 16px}
.movie-page-bundle-price strong{font:430 clamp(30px,2.4vw,38px)/1 var(--serif);color:var(--ink)}
.movie-page-bundle-price .value-tip{flex-basis:100%}
.movie-page-bundle-action{margin-top:4px}
.movie-page-questions h3{margin:30px 0 8px;font:450 clamp(21px,1.1rem + .5vw,24px)/1.3 var(--serif);color:var(--ink)}
.movie-page-questions h3:first-child{margin-top:0}
.movie-page-mini img{width:168px;border-radius:4px;-webkit-box-reflect:unset}
.movie-page-mini .button{margin-top:4px}
@media(max-width:760px){
 .movie-page-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "art" "offer";row-gap:26px;padding:24px 0 40px}
 .movie-page-art{max-width:440px}
 .movie-page-offer{max-width:none;padding:20px 18px}
 .movie-page-offer .movie-page-buy{max-width:none}
 .movie-page-table{min-width:0}
 .movie-page-table caption{padding:14px 12px}
 .movie-page-table th,.movie-page-table td{padding:12px 10px}
 .movie-page-table tbody th{width:30%}
}
@media print{
 .movie-page-hero{background:none;box-shadow:none;clip-path:none;color:#000}
 .movie-page-hero h1,.movie-page-hero .guide-lede,.movie-page-art figcaption,.movie-page-price strong,.movie-page-price span,.movie-page-terms{color:#000}
 .movie-page-offer .movie-page-buy,.movie-page-bundle-action,.movie-page-mini{display:none}
 .movie-page-bundle-price strong{color:#000}
}