/* Content refinements. No film height, stage, poster, canvas or scroll timing changes. */
#film .revision-audience{font:500 clamp(16px,1.4vw,20px)/1.4 'Geist',sans-serif;max-width:55ch;margin:18px auto 10px;text-wrap:balance;color:inherit;opacity:1}
#film .ch:first-child > p{max-width:64ch;font-size:clamp(15px,1.35vw,19px);line-height:1.5;margin-block:10px 18px}
#film .ch-cta{gap:10px}
#film .ch-cta .bm-free{max-width:56ch;font-size:14px;line-height:1.45;opacity:.9;text-wrap:balance}
#film .revision-example{font-size:15px;color:inherit;text-underline-offset:5px;text-decoration:underline;margin-top:3px}
.revision-tasks{padding-block:clamp(48px,7vw,100px);position:relative;z-index:2}
.revision-task-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
.revision-task-grid article{border:1px solid #8a826943;border-radius:22px;padding:clamp(24px,3vw,40px);background:#f4f0e7e6}
.revision-task-grid h3{font-size:clamp(22px,2vw,29px);line-height:1.18;margin:20px 0 14px;font-weight:500}
.revision-task-grid p{font-size:17px;line-height:1.55;margin:0;max-width:44ch}
.revision-number{font:500 13px/1.2 'Geist',sans-serif;letter-spacing:.1em;color:#847657}
html body #failures .fail__b{display:block!important;font-size:16px;line-height:1.55;opacity:.88}
html body #failures .fail__m{display:block!important;border-top:1px solid #b5ac942e;margin-top:18px;padding-top:15px;font-size:17px;line-height:1.5}
.fail__m::before{content:attr(data-label);display:block;font:500 11px/1.5 'Geist',sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;opacity:.65}
.revision-sources{margin-top:18px;font-size:13px;line-height:1.6}
.revision-sources summary{cursor:pointer;list-style:revert;text-decoration:underline;text-underline-offset:4px}
.revision-sources a{display:block;color:inherit;margin-top:10px}
html body #failures > p,.revision-fails-note{display:block!important;font-size:15px;line-height:1.6;max-width:85ch;margin:32px auto 0;opacity:.8}
.revision-place-result{order:10!important;max-width:75ch;margin:32px auto 0;text-align:center;font-size:clamp(18px,1.8vw,24px);line-height:1.5}
html body main#top > #method{display:block!important;order:8!important;height:auto!important;padding-block:80px}
html body #method .pin__stage{position:relative!important;height:auto!important;min-height:0;display:block!important}
#method .pin__side{max-width:760px;margin:0 auto 40px;padding:0 24px}
html body #method .pin__deck{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));position:relative!important;max-width:1280px;gap:20px;padding:0 32px;margin:auto}
html body #method .step{position:relative!important;inset:auto!important;opacity:1!important;filter:none!important;transform:none!important;pointer-events:auto!important;display:block!important;border:1px solid #84765b33;border-radius:20px;padding:28px;background:#f4f0e7}
#method .step__n{position:static;font-size:24px;color:#847657}
#method .pin__ticks{display:none}
.revision-output{border-top:1px solid #84765b33;padding-top:20px;margin-top:24px;font-size:16px;line-height:1.55}
.revision-method-note{max-width:85ch;margin:32px auto 0;padding-inline:24px;font-size:16px;line-height:1.6}
.revision-campaign{padding-block:clamp(60px,8vw,120px)}
.revision-campaign h2{max-width:18ch;margin:22px 0;font-size:clamp(36px,4.5vw,68px);line-height:1.05}
.revision-campaign .lead{max-width:65ch}
.revision-campaign ul{display:grid;grid-template-columns:1fr 1fr;gap:16px 36px;max-width:920px;padding:28px 0;list-style:none}
.revision-campaign li{border-top:1px solid #84765b33;padding-top:18px;line-height:1.5}
.revision-campaign > p{max-width:75ch;font-size:18px;line-height:1.55}
.revision-campaign .pill{margin-top:20px}
html body main#top > #campaign{order:9!important}
html body main#top > #formats{order:10!important}
html body main#top > #answers{order:11!important}
html body main#top > #about{order:12!important}
html body main#top > #talk{order:13!important}
.revision-scope,.revision-payment{max-width:85ch;margin:28px auto 0;text-align:center;font-size:16px;line-height:1.6}
.revision-payment{border-top:1px solid #b5ac9438;padding-top:24px}
.revision-case-status,.revision-concept{font-size:14px;line-height:1.5;margin-top:20px;opacity:.75}
.revision-faq{min-width:0;width:100%;display:block}
.revision-faq details{border-bottom:1px solid #84765b44;padding:22px 0}
.revision-faq summary{cursor:pointer;list-style:none;font-size:clamp(18px,1.8vw,23px);line-height:1.35;padding-right:32px;position:relative}
.revision-faq summary::after{content:'+';position:absolute;right:3px;top:0;font-size:25px;font-weight:300}
.revision-faq details[open] summary::after{content:'−'}
.revision-faq p{font-size:17px;line-height:1.6;max-width:65ch;margin:18px 0 0}
.revision-faq summary:focus-visible,.revision-sources summary:focus-visible{outline:2px solid #ae9164;outline-offset:5px}
html body #talk .revision-free{display:block!important;text-align:center;margin-top:24px}
@media(max-width:900px){
 .revision-task-grid{grid-template-columns:1fr}
 html body #method .pin__deck{grid-template-columns:1fr;padding:0 20px}
 .revision-campaign ul{grid-template-columns:1fr}
 #film .revision-audience{font-size:16px;max-width:36ch;margin:12px auto 8px}
 #film .ch:first-child > p{font-size:14px;line-height:1.4;max-width:42ch;margin:8px auto 14px}
 #film .ch-cta .bm-free{font-size:12px;max-width:37ch}
 #film .revision-example{font-size:13px}
}
@media(max-height:730px){#film .ch:first-child h1{font-size:clamp(32px,5.8vw,68px)}#film .revision-audience{margin-top:8px}#film .ch-cta{gap:7px}}
html body #situation .hero__type > p.lead{display:block!important}
html body #legend .revision-visible-label{display:block!important;font-size:14px;line-height:1.5;margin:0 0 22px;opacity:.8}
html body .revision-audience{font-family:'Geist',sans-serif!important}
@media(max-width:900px){
 html body #film .chapters .ch:first-child > p{font-size:16px!important;line-height:1.45!important;margin:14px auto 18px!important;max-width:42ch}
 html body #film .chapters .ch:first-child .revision-audience{font-size:16px!important;line-height:1.35!important;margin:12px auto 0!important}
 html body #film .ch-cta{margin-top:0!important}
 html body .nav__end a.pill{max-width:175px;font-size:12px;padding-inline:16px;white-space:normal;text-align:center}
}
@media(max-height:730px) and (max-width:900px){
 html body #film .chapters .ch:first-child h1{font-size:36px!important;line-height:1.02!important;margin-bottom:10px!important}
 html body #film .chapters .ch:first-child > p{font-size:14px!important;line-height:1.4!important;margin:10px auto 12px!important}
 html body #film .chapters .ch:first-child .revision-audience{font-size:15px!important;margin-top:8px!important}
}
/* After the existing film finishes, give the task cards and Situation their actual height. */
html.film-done body #film{height:auto!important;min-height:100dvh}
html.film-done body #film .film__stage{height:auto!important;min-height:100dvh}
html.film-done body #film #situation.film__page{position:relative!important;inset:auto!important;height:auto!important;min-height:100dvh}
html.film-done body #situation .hero{min-height:100dvh;height:auto!important}
html body #legend .pk-copy .revision-visible-label{display:block!important;color:inherit;font-size:14px;line-height:1.5;opacity:.8;margin:12px 0 24px}
html body #film .film__page #project-tasks{padding-top:80px}
html.film-done body #film .film__stage{padding:0!important;display:block!important}
html body #talk .wrap > p.tag{display:block!important;max-width:60ch;margin:24px auto 0;text-align:center;line-height:1.5}
@media(min-width:900px){html body .menu a[href="#method"]{display:inline-flex!important}}
html body #failures .fail__m::before{position:static!important;width:auto!important;height:auto!important;background:none!important;border:0!important;flex:none!important}
html body #method .step{grid-area:auto!important;width:auto!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;align-self:stretch}
html body #method .step__n{display:block!important;opacity:1!important;margin:0 0 18px!important}
html body #method .pin__deck{width:100%!important;box-sizing:border-box}
