/* generated by notes/tools/valley.py: the valley's colours in the entrance's four lights */
:root{--v-sky-top:#B9CFDC;--v-sky-low:#E7EEF1;--ground:#2C4050;--on-ground:#EEF3F5;--v-lit:#ded290;--v-sun:#FFFDF4;--v-lit-edge:#2C4050;--v-hill-3:#CDD9DF;--v-hill-2:#B9C9D1;--v-hill-1:#A3B8C0;--v-hill-0:#8FA9AC;--v-00:#9baf9c;--v-01:#d0caab;--v-02:#7d968a;--v-hedge-0:#3f5757;--v-row-0:#30484a;--v-10:#a7b9aa;--v-11:#d4d0b6;--v-12:#8ea49a;--v-hedge-1:#556a6b;--v-row-1:#4d6365;--v-20:#b3c3b7;--v-21:#d7d6c1;--v-22:#9fb2ab;--v-hedge-2:#6a7e7e;--v-row-2:#6b7d7f;--v-30:#beccc3;--v-31:#dbdbcb;--v-32:#aebeb9;--v-hedge-3:#7d8f90;--v-row-3:#849497}
html[data-light=dawn]{--v-sky-top:#BDB9D8;--v-sky-low:#F6D6C0;--ground:#3A3048;--on-ground:#F6EEF2;--v-lit:#efc796;--v-sun:#FFF3DD;--v-lit-edge:#3A3048;--v-hill-3:#E3C2C4;--v-hill-2:#D6AFBB;--v-hill-1:#C49AA8;--v-hill-0:#A98CA6;--v-00:#b79ca6;--v-01:#e8c6aa;--v-02:#9685a0;--v-hedge-0:#4b3f5c;--v-row-0:#55415e;--v-10:#c1a5aa;--v-11:#eac9ae;--v-12:#a592a5;--v-hedge-1:#615269;--v-row-1:#6f596e;--v-20:#cbafae;--v-21:#eccbb1;--v-22:#b59faa;--v-hedge-2:#776676;--v-row-2:#89717d;--v-30:#d4b7b2;--v-31:#eecdb4;--v-32:#c2aaaf;--v-hedge-3:#8a7781;--v-row-3:#9f868b}
html[data-light=dusk]{--v-sky-top:#222C50;--v-sky-low:#E38A68;--ground:#201A2F;--on-ground:#F1E9EF;--v-lit:#d28c6b;--v-sun:#FFD9B0;--v-lit-edge:#F1E9EF;--v-hill-3:#C98470;--v-hill-2:#B87572;--v-hill-1:#A0626D;--v-hill-0:#7C4E66;--v-00:#6c4b67;--v-01:#b5716a;--v-02:#4b3b5f;--v-hedge-0:#2a2038;--v-row-0:#241a30;--v-10:#7f5567;--v-11:#bc756a;--v-12:#634860;--v-hedge-1:#422e3e;--v-row-1:#432c39;--v-20:#925f67;--v-21:#c47969;--v-22:#7c5462;--v-hedge-2:#593b44;--v-row-2:#613e42;--v-30:#a36867;--v-31:#ca7c69;--v-32:#915f63;--v-hedge-3:#6e474a;--v-row-3:#7c4e4a}
html[data-light=night]{--v-sky-top:#060B15;--v-sky-low:#172339;--ground:#0D141F;--on-ground:#DAE2EA;--v-lit:#57677f;--v-sun:#E8EEF2;--v-lit-edge:#DAE2EA;--v-hill-3:#34445C;--v-hill-2:#2D3C53;--v-hill-1:#263449;--v-hill-0:#1F2C3F;--v-00:#1e2c40;--v-01:#2a3950;--v-02:#172334;--v-hedge-0:#0a1019;--v-row-0:#42556f;--v-10:#1d2b3f;--v-11:#27354c;--v-12:#172335;--v-hedge-1:#0c121d;--v-row-1:#3b4d66;--v-20:#1c293e;--v-21:#243249;--v-22:#172336;--v-hedge-2:#0d1521;--v-row-2:#34455e;--v-30:#1b283d;--v-31:#212f45;--v-32:#172336;--v-hedge-3:#0f1725;--v-row-3:#2e3e56}
.v-b0 .v-t0 .v-ground{fill:var(--v-00)}
.v-b0 .v-t1 .v-ground{fill:var(--v-01)}
.v-b0 .v-t2 .v-ground{fill:var(--v-02)}
.v-b0 .v-hedge{fill:var(--v-hedge-0)}.v-b0 .v-rows{stroke:var(--v-row-0)}.v-hill-0{fill:var(--v-hill-0)}
.v-b1 .v-t0 .v-ground{fill:var(--v-10)}
.v-b1 .v-t1 .v-ground{fill:var(--v-11)}
.v-b1 .v-t2 .v-ground{fill:var(--v-12)}
.v-b1 .v-hedge{fill:var(--v-hedge-1)}.v-b1 .v-rows{stroke:var(--v-row-1)}.v-hill-1{fill:var(--v-hill-1)}
.v-b2 .v-t0 .v-ground{fill:var(--v-20)}
.v-b2 .v-t1 .v-ground{fill:var(--v-21)}
.v-b2 .v-t2 .v-ground{fill:var(--v-22)}
.v-b2 .v-hedge{fill:var(--v-hedge-2)}.v-b2 .v-rows{stroke:var(--v-row-2)}.v-hill-2{fill:var(--v-hill-2)}
.v-b3 .v-t0 .v-ground{fill:var(--v-30)}
.v-b3 .v-t1 .v-ground{fill:var(--v-31)}
.v-b3 .v-t2 .v-ground{fill:var(--v-32)}
.v-b3 .v-hedge{fill:var(--v-hedge-3)}.v-b3 .v-rows{stroke:var(--v-row-3)}.v-hill-3{fill:var(--v-hill-3)}
@keyframes v-drift-0{from{transform:translateX(-440px)}to{transform:translateX(980px)}}
.v-s0{animation:v-drift-0 140s linear -43.4s infinite paused}
@keyframes v-drift-1{from{transform:translateX(-800px)}to{transform:translateX(520px)}}
.v-s1{animation:v-drift-1 190s linear -115.2s infinite paused}
@keyframes v-drift-2{from{transform:translateX(-1110px)}to{transform:translateX(390px)}}
.v-s2{animation:v-drift-2 110s linear -81.4s infinite paused}
/* The valley under the pages that are read, and on its own page. Still unless the reader chooses Moving. */
.valley{position:relative;display:block;height:clamp(9.5rem,25vw,17rem);margin-bottom:-1px;overflow:hidden;background:linear-gradient(var(--v-sky-top),var(--v-sky-low) 34%);text-decoration:none}
.valley-svg{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none}
.v-rows{fill:none;stroke-width:1;vector-effect:non-scaling-stroke;stroke-opacity:.34}
.v-b3 .v-rows{stroke-opacity:.2}.v-b2 .v-rows{stroke-opacity:.26}
.v-shadow{fill:var(--ground);opacity:0;filter:url(#v-soft)}
html[data-motion=moving] .v-shadow{opacity:.2;animation-play-state:running}
html[data-motion=moving][data-light=night] .v-shadow{opacity:.34}
.valley.is-away .v-shadow{animation-play-state:paused}
.v-fore{fill:var(--ground)}
.v-shadows,.v-fore,.v-hill,.v-sun{pointer-events:none}
.valley-svg .v-field.is-lit .v-ground{fill:var(--v-lit);stroke:var(--v-lit-edge);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.valley-svg .v-field.is-lit .v-rows{stroke-opacity:.5}
.valley:focus-visible{outline:none}
.valley:focus-visible::after{content:"";position:absolute;inset:6px;z-index:3;border:3px solid var(--on-ground);outline:3px solid var(--ground);border-radius:2px}
html[data-landscape=off] .valley,html[data-landscape=off] .you-are-here{display:none}
.valley-end{padding:0;border-top:0;max-width:none;background:var(--ground);color:var(--on-ground)}
.valley-floor{position:relative;max-width:78rem;margin:0 auto;padding:1.75rem var(--space) 3rem}
.valley-end .meta,.valley-end .subscribe label,.valley-end nav a{color:inherit}
.valley-end .subscribe input[type=email]{background:transparent;color:inherit;border-color:currentColor}
.valley-end .subscribe input[type=email]:focus-visible,.valley-end a:focus-visible,.valley-end button:focus-visible{outline-color:var(--on-ground)}
.valley-end .subscribe button,.valley-end .subscribe button:hover{background:var(--on-ground);color:var(--ground);border-color:var(--on-ground)}
.valley-end a:active{color:inherit}
.valley-end nav a{justify-content:center}
.valley-end .subscribe .meta a{display:inline;min-height:0}
.valley-end .invitation{margin-bottom:1.5rem}
.valley-end .invitation>*{min-width:0;max-width:100%}.valley-end .invitation a{overflow-wrap:anywhere}
/* On essays the top band lights this piece's crest; the entrance's own pointing colour. */
.landscape-range .lit{fill:url(#lit-fade)}.landscape-range .lit-a{stop-color:var(--lit);stop-opacity:.55}.landscape-range .lit-b{stop-color:var(--lit);stop-opacity:0}
.landscape-range .crest{fill:none;stroke:var(--lit);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.landscape-range .crest-case{fill:none;stroke:var(--l0);stroke-opacity:.5;stroke-width:5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.you-are-here{width:100%}
/* The valley's own page: the drawing is the band; every field opens its piece; the land rolls into the page. */
.valley-band .valley{height:clamp(17rem,48vw,66vh);margin-bottom:0}
.valley-band .v-fore{fill:var(--paper)}
.v-sun{position:absolute;z-index:0;width:2.2rem;height:2.2rem;margin:-1.1rem 0 0 -1.1rem;border-radius:50%;background:var(--v-sun);left:70%;top:14%}
html[data-light=dawn] .v-sun{left:18%;top:27%}html[data-light=dusk] .v-sun{left:79%;top:27%}
html[data-light=night] .v-sun{left:26%;top:12%;width:1.3rem;height:1.3rem;margin:-.65rem 0 0 -.65rem}
html[data-weather=rain] .v-sun,html[data-weather=snow] .v-sun,html[data-weather=fog] .v-sun{display:none}
.valley-band .v-field{cursor:pointer;outline:none}
.valley-band .v-field:hover .v-ground{fill:var(--v-lit)}
.valley-readout{position:absolute;z-index:2;left:var(--space);bottom:.7rem;margin:0;padding:.35rem .7rem;border-radius:2px;background:var(--ground);color:var(--on-ground);font-size:var(--small);line-height:1.3;max-width:calc(100% - 2*var(--space))}
.valley-readout:empty{display:none}
.valley-note{max-width:40rem}
.room-valley .writing-index{padding-top:2.5rem}
.room-valley .index-year a.is-lit span{text-decoration:underline;text-decoration-thickness:2px}
@media(forced-colors:active){.valley,.you-are-here{display:none}.valley-end,.valley-floor{background:Canvas;color:CanvasText}}
@media print{.valley,.valley-end,.you-are-here{display:none!important}}