/* Editable values preserve the original layout at 100%. */
:root{--game-bg:#25332c;--game-text:#eae7dd;--game-copy:#d3d7c8;--closing-bg:#d4d8ba;--muted:#43533f;--fine-text:#354333;--heading-scale:1;--body-scale:1;--body-leading:1;--side-spacing:1;--section-spacing:1;--image-radius:0px;--wash-strength:1;--wash-size:1;--gutter:calc(clamp(22px,4vw,72px) * var(--side-spacing))}
.game{background:var(--game-bg);color:var(--game-text)}
.game-intro>p,.process p{color:var(--game-copy)}
.closing{background:var(--closing-bg)}
.link-note,.text-cta:disabled,.pictures .section-line,.picture-selector button,.capture-note,footer p{color:var(--muted)}
.film-note,.closing .link-note,.closing .text-cta:disabled{color:var(--fine-text)}
.look-link:hover{background:var(--red);filter:brightness(.85)}
.cover-picture,.selected-picture>img,.film-frame{border-radius:var(--image-radius)}
h1{font-size:calc(clamp(34px,3.9vw,72px) * var(--heading-scale))}
h2{font-size:calc(clamp(43px,5.12vw,92px) * var(--heading-scale))}
.closing-main h2{font-size:calc(clamp(52px,7vw,132px) * var(--heading-scale))}
.film-description h2{font-size:calc(clamp(32px,3.4vw,64px) * var(--heading-scale))}
.process h3{font-size:calc(23px * var(--heading-scale))}
.opening-side>p:first-child,.closing-main>div>p:first-child{font-size:calc(18px * var(--body-scale));line-height:calc(1.5 * var(--body-leading))}
.game-intro>p{font-size:calc(18px * var(--body-scale));line-height:calc(1.6 * var(--body-leading))}
.process p,.selected-picture figcaption p,.film-description>p{font-size:calc(16px * var(--body-scale));line-height:calc(1.5 * var(--body-leading))}
.pictures-heading>p{font-size:calc(17px * var(--body-scale));line-height:calc(1.6 * var(--body-leading))}
.opening-copy{padding-top:calc(48px * var(--section-spacing));padding-bottom:calc(68px * var(--section-spacing))}
.game{padding-top:calc(29px * var(--section-spacing));padding-bottom:calc(45px * var(--section-spacing))}
.game-intro{padding-top:calc(64px * var(--section-spacing));padding-bottom:calc(58px * var(--section-spacing))}
.pictures{padding-top:calc(34px * var(--section-spacing));padding-bottom:calc(75px * var(--section-spacing))}
.pictures-heading{margin-top:calc(56px * var(--section-spacing));margin-bottom:calc(46px * var(--section-spacing))}
.film-description{padding-top:calc(40px * var(--section-spacing));padding-bottom:calc(40px * var(--section-spacing))}
.closing{padding-top:calc(35px * var(--section-spacing));padding-bottom:calc(80px * var(--section-spacing))}
.closing-main{padding-top:calc(65px * var(--section-spacing))}
.ground-wash{background:var(--paper)}
@media(max-width:1000px){.opening-side>p:first-child{font-size:calc(17px * var(--body-scale))}}
@media(max-width:680px){
  :root{--gutter:calc(20px * var(--side-spacing))}
  h1{font-size:calc(clamp(24px,calc((100vw - 40px)/13.45),42px) * var(--heading-scale))}
  h2{font-size:calc(clamp(29px,8.15vw,55px) * var(--heading-scale))}
  .closing-main h2{font-size:calc(clamp(30px,11.1vw,74px) * var(--heading-scale))}
  .film-description h2{font-size:calc(clamp(30px,10.5vw,52px) * var(--heading-scale))}
  .process h3{font-size:calc(22px * var(--heading-scale))}
  .opening-side>p:first-child{font-size:calc(18px * var(--body-scale))}
  .game-intro>p,.closing-main>div>p:first-child{font-size:calc(16px * var(--body-scale))}
  .opening-copy{padding-top:calc(33px * var(--section-spacing));padding-bottom:calc(42px * var(--section-spacing))}
  .game{padding-top:calc(24px * var(--section-spacing));padding-bottom:calc(31px * var(--section-spacing))}
  .game-intro{padding-top:calc(39px * var(--section-spacing));padding-bottom:calc(35px * var(--section-spacing))}
  .pictures{padding-top:calc(24px * var(--section-spacing));padding-bottom:calc(40px * var(--section-spacing))}
  .pictures-heading{margin-top:calc(39px * var(--section-spacing));margin-bottom:calc(29px * var(--section-spacing))}
  .film-description{padding-top:calc(28px * var(--section-spacing));padding-bottom:calc(29px * var(--section-spacing))}
  .closing{padding-top:calc(24px * var(--section-spacing));padding-bottom:calc(45px * var(--section-spacing))}
  .closing-main{padding-top:calc(42px * var(--section-spacing))}
}