/* A cool, shaded room frames the luminous garden. */
.app {
  --room-wall:#454d40; --wall-wash:#74795c; --ceiling:#293b35;
  --floor:#a39b75; --wood:#77664a; --wood-light:#c8b58b; --wood-dark:#262c26;
  --forest-period-filter:brightness(1.07) saturate(1.11);
  --furniture-filter:brightness(.86) saturate(.99) contrast(1.07);
  --light:#fff7c9; --sun-opacity:.5; --light-opacity:.34;
}
.app[data-period="dawn"] {
  --room-wall:#3d4944; --wall-wash:#69715e; --ceiling:#283831;
  --floor:#8d967e; --wood:#69674d; --wood-light:#bcba92; --wood-dark:#242d29;
  --forest-period-filter:brightness(.95) saturate(.98);
}
.app[data-period="morning"],.app[data-period="afternoon"] {
  --light:#fff7c9; --sun-opacity:.53; --light-opacity:.37;
}
.app[data-period="noon"] {
  --light:#ffffe0; --sun-opacity:.55;
  --forest-period-filter:brightness(1.13) saturate(1.09);
}
.app[data-period="sunset"] {
  --room-wall:#514b3d; --wall-wash:#927957; --ceiling:#333b30;
  --floor:#b89b66; --wood:#886841; --wood-light:#dab280; --wood-dark:#2d2a24;
  --forest-period-filter:brightness(1.02) saturate(1.22) sepia(.04);
  --light:#ffdc98; --sun-opacity:.57;
}
.app[data-period="dusk"] {
  --room-wall:#343f43; --wall-wash:#676a5d; --ceiling:#243337;
  --floor:#7c887a; --wood:#656352; --wood-light:#acaa89; --wood-dark:#212d30;
  --furniture-filter:brightness(.82) saturate(.98);
}
.app[data-period="night"] {
  --room-wall:#263942; --wall-wash:#596357; --ceiling:#1c2f36;
  --floor:#657b77; --wood:#4b615a; --wood-light:#9ca58d; --wood-dark:#152730;
  --furniture-filter:brightness(.72) saturate(.94);
  --forest-period-filter:brightness(.48) saturate(.85) hue-rotate(12deg);
}
.app[data-season="summer"] {
  --forest-deep:#123e31; --forest-mid:#479257; --forest-far:#a6c890;
  --forest-ground:#416e46; --sky:#eaf2c4;
}
.app[data-season="spring"] {
  --forest-deep:#2a5941; --forest-mid:#729e59; --forest-far:#c4dcb3;
  --forest-ground:#79a16c;
}
.app[data-season="autumn"] {
  --forest-deep:#3b5838; --forest-mid:#798d46; --forest-far:#d0c792;
}
.app[data-season="winter"] {
  --forest-deep:#204d4b; --forest-mid:#508677; --forest-far:#a9cfcb;
}
.scenery-shade {
  background:linear-gradient(90deg,transparent 29%,rgba(14,32,27,.03) 46%,rgba(11,25,24,.17)),
    linear-gradient(180deg,rgba(11,22,20,.22),transparent 27%,transparent 76%,rgba(16,29,23,.22));
}
.f-summer-detail { display:none; }
.app[data-season="summer"] .f-summer-detail { display:inline; }
.app[data-season="summer"] #f-winter-bedding { display:none; }
.backdrop .room-scene { filter:contrast(1.09) saturate(1.05); }
.room-scene #summer-airlight { opacity:calc(var(--sun-opacity) * .65); }
.room-scene #summer-wall-light { opacity:calc(var(--sun-opacity) * .72); }
.room-scene #summer-dust circle { animation:summer-dust 14s ease-in-out infinite alternate; }
.room-scene #summer-dust circle:nth-child(2n) { animation-duration:19s; animation-delay:-7s; }
.room-scene #summer-dust circle:nth-child(3n) { animation-duration:17s; animation-delay:-4s; }
.room-scene #blind-cord { transform-box:view-box; transform-origin:704px 271px; animation:blind-breeze 9s ease-in-out infinite alternate; }
.room-scene #summer-leaf-shadows { animation:summer-shadows 12s ease-in-out infinite alternate; }
@keyframes blind-breeze { from{transform:rotate(-.8deg)} to{transform:rotate(1.1deg)} }
@keyframes summer-shadows { from{transform:translate(-3px,1px)} to{transform:translate(4px,-1px)} }
@keyframes summer-dust {
  from { transform:translate(-5px,9px); opacity:.18; }
  55% { opacity:.65; }
  to { transform:translate(12px,-10px); opacity:.25; }
}
/* Quiet page furniture leaves the illustration as the focal point. */
.page-nav { background:rgba(24,40,33,.55); border-color:rgba(234,235,206,.2); box-shadow:0 4px 20px #14221826; }
.hello-copy { color:#e2e8d8; letter-spacing:1.3px; }
.panel h1 { text-shadow:0 2px 18px #18251d4d; }
.button-primary { background:rgba(222,230,206,.88); color:#34493b; }
/* Rotate in the fan's local circle, then project the whole head into side view. */
.room-scene #f-fan-blades { transform-box:view-box; transform-origin:0px 0px; }
.app[data-season="summer"] #f-fan-blades { transform-origin:0px 0px; }
/* Raise the writing above the right-hand bedding; keep the floor open. */
@media(min-width:1101px) and (min-height:600px) {
  .stage { top:-4.5vh; }
}
@media(max-width:620px) {
  .scenery-shade {
    background:linear-gradient(180deg,rgba(20,24,23,.1),rgba(20,24,23,.2) 22%,rgba(20,24,23,.32) 64%,transparent 84%,rgba(20,24,23,.18));
  }
}
@media(max-width:620px) and (min-height:740px) {
  .app[data-page="home"] .stage { top:-64px; }
  .panel-home { justify-content:flex-start; padding-top:12px; }
  .panel-home h1 { font-size:48px; line-height:1.38; margin-bottom:23px; }
  .panel-home .hello-copy { margin-bottom:20px; }
}