:root{--parchment:#f2e8d6;--riverbed:#4a697b;--willow:#705d4d;--gorse:#c8ad62;--otter:#65493d;--reed:#7f8e73;--hearth:#9d4e3f;--ink:#2b2018;--accent:#705d4d;--rule:#2b201838;--max:640px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ink-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='t'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.4' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.94  0 0 0 0 0.88  0 0 0 0 0.76  0 0 0 0.4 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23t)'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{background:var(--parchment);color:var(--ink);margin:0;padding:0}body{-webkit-font-smoothing:antialiased;min-height:100vh;font-family:EB Garamond,Georgia,serif;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:1;opacity:.68;mix-blend-mode:multiply;background-image:radial-gradient(120px 90px at 12% 18%,#65493d1a,#0000 60%),radial-gradient(90px 140px at 85% 75%,#705d4d17,#0000 60%),radial-gradient(160px 100px at 70% 10%,#65493d0f,#0000 60%),radial-gradient(100px 100px at 25% 90%,#705d4d12,#0000 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.16  0 0 0 0 0.12  0 0 0 0 0.09  0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:2;position:relative}a{color:inherit}img{max-width:100%;display:block}.skip-link{position:absolute;left:-999px}.skip-link:focus{background:var(--parchment);z-index:1000;padding:.5rem .75rem;top:1rem;left:1rem}.inked-ink,.inked-accent{background-image:var(--ink-texture);background-blend-mode:soft-light;-webkit-text-fill-color:transparent;color:#0000;text-shadow:-.5px -.5px #fff6,.5px 1px .5px #2b201838;background-size:140px 140px;-webkit-background-clip:text;background-clip:text}.inked-ink{background-color:var(--ink)}.inked-accent{background-color:var(--accent)}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.inked-ink{color:var(--ink);-webkit-text-fill-color:unset;background:0 0}.inked-accent{color:var(--accent);-webkit-text-fill-color:unset;background:0 0}}::view-transition-group(root){animation-duration:.9s}::view-transition-image-pair(root){perspective:4000px;perspective-origin:0%}::view-transition-old(root){mix-blend-mode:normal;transform-origin:0%;backface-visibility:hidden;animation-duration:.9s;animation-timing-function:cubic-bezier(.55,.06,.3,1);animation-fill-mode:both}::view-transition-new(root){mix-blend-mode:normal;transform-origin:0%;backface-visibility:hidden;animation-duration:.9s;animation-timing-function:cubic-bezier(.55,.06,.3,1);animation-fill-mode:both}html[data-turn=forward]::view-transition-old(root){z-index:2;animation-name:leaf-turn-away}html[data-turn=forward]::view-transition-new(root){z-index:1;animation-name:page-out-of-shadow}html[data-turn=back]::view-transition-new(root){z-index:2;animation-name:leaf-turn-back}html[data-turn=back]::view-transition-old(root){z-index:1;animation-name:page-into-shadow}@keyframes leaf-turn-away{0%{filter:brightness()drop-shadow(0 0 #2b201800);transform:rotateY(0)}35%{filter:brightness(.97)drop-shadow(22px 6px 26px #2b20184d);transform:rotateY(-38deg)skewY(-.6deg)}to{filter:brightness(.7)drop-shadow(40px 10px 34px #2b201866);transform:rotateY(-92deg)}}@keyframes leaf-turn-back{0%{filter:brightness(.7)drop-shadow(40px 10px 34px #2b201866);transform:rotateY(-92deg)}65%{filter:brightness(.97)drop-shadow(22px 6px 26px #2b20184d);transform:rotateY(-38deg)skewY(-.6deg)}to{filter:brightness()drop-shadow(0 0 #2b201800);transform:rotateY(0)}}@keyframes page-out-of-shadow{0%{filter:brightness(.82)}to{filter:brightness()}}@keyframes page-into-shadow{0%{filter:brightness()}to{filter:brightness(.82)}}@media (prefers-reduced-motion:reduce){::view-transition-group(root){animation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.book{max-width:var(--max);min-height:100dvh;margin:0 auto;padding:2.75rem 1.5rem 5rem}.book:focus{outline:none}.book--home{padding-top:3.5rem}.home-wordmark{mix-blend-mode:multiply;filter:drop-shadow(0 1px #ffffff80)drop-shadow(0 1.5px 1.5px #2b201840);width:min(420px,80%);margin:0 auto 3.5rem;display:block}.home-title{margin:0}.running-header{font-variant:small-caps;letter-spacing:.05em;color:var(--willow);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:1.5rem;margin-bottom:2.75rem;padding-bottom:.65rem;font-family:Lato,sans-serif;font-size:.82rem;display:flex}.running-header a{border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s,color .2s}.running-header-mark{align-items:center;gap:.5rem;display:flex}.running-header a:hover,.running-header a:focus-visible{color:var(--accent);border-color:currentColor}.running-header .chapter-name{text-align:right;color:var(--accent);transition:color .25s}.contents-section{max-width:100%;min-height:0;padding:0}.contents-title{letter-spacing:.01em;text-align:center;margin:0 0 .4rem;font-size:clamp(1.7rem,4.5vw,2.2rem);font-weight:600}.contents-sub{text-align:center;color:var(--willow);margin:0 0 2.5rem;font-family:Lato,sans-serif;font-size:.95rem;font-style:italic}.contents-list{margin:0;padding:0;list-style:none}.contents-list li{border-top:1px solid var(--rule)}.contents-list li:last-child{border-bottom:1px solid var(--rule)}.contents-row{text-align:left;cursor:pointer;width:100%;color:inherit;transition:transform .16s var(--ease-out);background:0 0;border:none;align-items:baseline;gap:1.1rem;padding:1.05rem .15rem;font-family:inherit;text-decoration:none;display:flex}.contents-row:active{transform:scale(.98)}.contents-row .numeral{color:var(--row-accent,var(--willow));flex-shrink:0;width:2.1rem;font-family:EB Garamond,serif;font-size:1.3rem;font-style:italic}.contents-row .label{flex:1;min-width:0}.contents-row .chapter-title{font-size:1.12rem;font-weight:500;display:block}.contents-row .descriptor{color:#2b2018b3;margin-top:.15rem;font-family:Lato,sans-serif;font-size:.83rem;display:block}.contents-row .go{color:#2b2018a8;opacity:1;transition:opacity .2s ease, transform .2s var(--ease-out);flex-shrink:0;font-family:Lato,sans-serif;font-size:.78rem;font-style:italic;transform:translate(-4px)}.contents-row:focus-visible .go{opacity:1;color:var(--row-accent,var(--willow));transform:translate(0)}.contents-row:focus-visible .chapter-title{color:var(--row-accent,var(--willow))}@media (hover:hover) and (pointer:fine){.contents-row:hover .go{opacity:1;color:var(--row-accent,var(--willow));transform:translate(0)}.contents-row:hover .chapter-title{color:var(--row-accent,var(--willow))}}.contents-row:focus-visible{outline:2px solid var(--willow);outline-offset:-2px}.site-footer{text-align:center;color:#2b2018a8;margin-top:3.5rem;font-family:Lato,sans-serif;font-size:.78rem;font-style:italic}.footer-emblem{width:80px;height:80px;margin:0 auto 1.1rem;display:block}.chapter-emblem{width:100px;height:100px;margin:2.6rem auto .4rem;display:block}@media (width<=480px){.chapter-emblem{width:84px;height:84px}}.chapter-eyebrow{text-align:center;margin:0 0 .5rem;font-family:EB Garamond,serif;font-size:clamp(2.4rem,7vw,3.2rem);font-style:italic;font-weight:500;line-height:1}.chapter-heading{text-align:center;margin:0 0 2.5rem;font-size:clamp(1.7rem,4.5vw,2.2rem);font-weight:600}.vignette{flex-direction:column;align-items:center;margin:0 auto 2.75rem;display:flex}.vignette-frame{justify-content:center;align-items:center;width:200px;height:156px;display:flex}.vignette-frame img{object-fit:contain;width:100%;height:100%;-webkit-mask-image:radial-gradient(62% 62%,#000 75%,#0000 100%);mask-image:radial-gradient(62% 62%,#000 75%,#0000 100%)}.vignette-placeholder-text{text-align:center;color:#2b2018a8;margin:0;font-family:Lato,sans-serif;font-size:.72rem;font-style:italic}.vignette-caption{text-align:center;color:#2b2018ad;max-width:340px;margin-top:.7rem;font-family:Lato,sans-serif;font-size:.76rem;font-style:italic;line-height:1.4}.story-header{text-align:center;margin-bottom:2rem}.story-title{margin:0 0 .3rem;font-size:clamp(1.5rem,4vw,1.9rem);font-style:italic;font-weight:500}.story-date{letter-spacing:.03em;color:var(--willow);margin:0;font-family:Lato,sans-serif;font-size:.82rem;font-weight:400}.chapter-body p{margin:0 0 1.3rem;font-size:1.14rem;line-height:1.75}.chapter-body p.first-para:first-letter{float:left;color:var(--accent);padding:.04em .1em 0 0;font-family:EB Garamond,serif;font-size:4.1em;font-weight:600;line-height:.78}.journal-part{text-align:center;margin:2rem 0 1rem;font-size:1.05rem;font-style:italic;font-weight:500}.journal-list{margin:-.6rem 0 1.3rem;padding-left:1.6rem;font-size:1.14rem;line-height:1.75}.author-note{border-left:1px solid var(--rule);margin:2.5rem 0 0;padding:0 0 0 1.25rem;font-style:italic}.author-note-signoff{text-align:right;font-style:normal}.story-image{margin:2.5rem 0}.story-image .photo-mount{max-width:560px}.story-image figcaption{text-align:center;color:#2b2018ad;margin-top:.6rem;font-family:Lato,sans-serif;font-size:.8rem;font-style:italic}.story-image--placeholder .story-image-frame{aspect-ratio:4/3;border:1px solid var(--rule);outline:1px solid var(--rule);outline-offset:4px;background:#2b201808;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.story-image-mark{color:var(--accent);font-size:1.6rem}.story-image-plate-label{letter-spacing:.12em;text-transform:uppercase;color:#2b2018a8;font-family:Lato,sans-serif;font-size:.72rem;font-style:italic}.art-plate{margin:0}.art-plate-frame{border:1px solid var(--rule);outline:1px solid var(--rule);outline-offset:4px;background:#2b201805}.art-plate-frame img{width:100%;height:auto;display:block}.art-plate-frame--square{max-width:440px;margin:0 auto}.art-label{text-align:center;max-width:34rem;margin:1.6rem auto 0}.art-title{margin:0 0 .35rem;font-size:clamp(1.3rem,3.4vw,1.6rem);font-style:italic;font-weight:500}.art-meta{letter-spacing:.03em;color:var(--willow);margin:0 0 .2rem;font-family:Lato,sans-serif;font-size:.82rem}.art-medium{letter-spacing:.12em;text-transform:uppercase;color:#2b2018a8;margin:0 0 1rem;font-family:Lato,sans-serif;font-size:.72rem}.art-note{margin:0;font-size:1.08rem;font-style:italic;line-height:1.65}.music-record{margin:0}.music-record .art-label{margin-top:0}.music-listen{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid;margin-top:1.1rem;padding-bottom:.1rem;font-family:Lato,sans-serif;font-size:.78rem;text-decoration:none;display:inline-block}.music-listen:hover,.music-listen:focus-visible{color:var(--hearth)}.poem{max-width:28rem;margin:0 auto}.poem-title{text-align:center;margin-bottom:1.6rem}.poem-stanza{margin:0 0 1.3rem;font-size:1.12rem;line-height:1.6}.poem-line{text-indent:-1.2em;padding-left:1.2em;display:block}.poem-refrain{padding-left:1.6rem;font-style:italic}.poem-signoff{text-align:right;color:var(--willow);margin:1.8rem 0 0;font-size:.98rem;font-style:italic}.gramophone{text-align:center;max-width:34rem;margin:2.5rem auto 0}.gramophone img{mix-blend-mode:multiply;width:100%;height:auto;display:block;-webkit-mask-image:radial-gradient(#000 58%,#0000 74%);mask-image:radial-gradient(#000 58%,#0000 74%)}.gramophone-button{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.gramophone--ready .gramophone-button:hover img,.gramophone--ready .gramophone-button:focus-visible img{filter:sepia(.15)brightness(1.03)}.gramophone-caption{color:var(--willow);margin-top:.5rem;font-size:.95rem;font-style:italic}.divider{color:var(--rule);align-items:center;gap:1rem;margin:2.75rem 0;display:flex}.divider:before,.divider:after{content:"";background:var(--rule);flex:1;height:1px}.divider .leaf{color:var(--accent);font-size:1.5rem}.page-nav{justify-content:space-between;margin-top:.5rem;font-family:Lato,sans-serif;font-size:.85rem;display:flex}.page-nav a{border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}.page-nav a:hover,.page-nav a:focus-visible{border-color:currentColor}.page-nav .spacer{flex:1}.page-number{text-align:center;color:var(--willow);letter-spacing:.04em;margin-top:3rem;font-family:Lato,sans-serif;font-size:.82rem;font-style:italic}.not-found{text-align:center}.not-found p{font-family:Lato,sans-serif;font-size:1rem}.arrival-scroll{height:800vh;position:relative}.arrival-scroll--static{height:100dvh}.arrival-sticky{perspective:1400px;height:100dvh;min-height:480px;position:sticky;top:0}.arrival{background:var(--otter);width:100%;height:100%;transform-style:preserve-3d;transform-origin:0;backface-visibility:hidden;transition:transform 1.1s cubic-bezier(.65,0,.35,1);position:relative;overflow:hidden;transform:rotateY(0)}.arrival:after{content:"";z-index:25;opacity:0;pointer-events:none;background:linear-gradient(90deg,#140e0a8c 0%,#0000 45%);transition:opacity 1.1s;position:absolute;inset:0}.arrival--turning{transform:rotateY(-150deg)}.arrival--turning:after{opacity:1}.hero-video-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.hero-canvas{background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;inset:0}.hero-photo{object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.hero-title{aspect-ratio:2000/546;background-color:var(--riverbed);opacity:0;z-index:9;filter:drop-shadow(0 1px 2px #f2e8d699)drop-shadow(0 0 20px #f2e8d68c);width:39.5vw;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);display:block;position:absolute;top:calc(28.2vh - 5.4vw);right:7.5vw;transform:translateY(10px);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-title--visible{opacity:.92;transform:translateY(0)}.hero-nav-bar{z-index:10;opacity:0;pointer-events:none;height:7.4rem;transition:opacity .4s var(--ease-out) 60ms, transform .4s var(--ease-out) 60ms;background:linear-gradient(#f2e8d6eb 0%,#f2e8d6c7 60%,#0000 100%);justify-content:center;align-items:flex-start;padding:1.8rem 5% 0;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-8px)}.hero-nav-bar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-nav{text-align:center;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem 1.1rem;width:100%;display:flex}.menu-nav a{letter-spacing:.05em;text-transform:uppercase;color:var(--riverbed);white-space:nowrap;border-bottom:1px solid #0000;padding-bottom:2px;font-family:Lato,sans-serif;font-size:.78rem;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s}.menu-nav a:hover,.menu-nav a:focus-visible{color:var(--hearth);border-color:currentColor}.hero-footer-bar{z-index:8;opacity:0;pointer-events:none;height:7.4rem;transition:opacity .4s var(--ease-out) .12s, transform .4s var(--ease-out) .12s;background:linear-gradient(#0000 0%,#f2e8d6c7 40%,#f2e8d6eb 100%);justify-content:center;align-items:flex-end;padding:0 5% 1.8rem;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.hero-footer-bar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.hero-chapters-link{letter-spacing:.05em;text-transform:uppercase;color:var(--riverbed);cursor:pointer;white-space:nowrap;transition:border-color .2s ease, color .2s ease, transform .16s var(--ease-out);background:0 0;border:none;border-bottom:1px solid #0000;padding:0 0 2px;font-family:Lato,sans-serif;font-size:.78rem;font-weight:700;text-decoration:none}.hero-chapters-link:active{transform:scale(.97)}.hero-chapters-link:hover,.hero-chapters-link:focus-visible{color:var(--hearth);border-color:currentColor}@media (width<=640px){.menu-nav{justify-content:center;gap:.4rem 1rem}.menu-nav a{font-size:.78rem}.hero-title{width:min(220px,44vw);top:30vh}}@media (width<=520px){.book{padding:2rem 1.15rem 4rem}.chapter-body p.first-para:first-letter{font-size:3.3em}.vignette-frame{width:160px;height:125px}}.about-people,.about-cottage{margin-top:3rem}.about-heading{text-align:center;color:var(--accent);margin:0 0 1.4rem;font-family:EB Garamond,serif;font-size:clamp(1.4rem,3.6vw,1.7rem);font-style:italic;font-weight:500}.about-heading:after{content:"❧";opacity:.7;margin-top:.3rem;font-size:1rem;font-style:normal;display:block}.about-person{margin:0 0 1.6rem}.about-name{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem;font-family:Lato,sans-serif;font-size:.74rem;font-weight:700}.about-person p,.about-cottage p{margin:0}.about-cottage p+p{margin-top:1rem}.about-photo{width:100%;max-width:320px;margin:0 auto 2rem}.about-photo--cottage{max-width:380px}.about-person--photo{grid-template-columns:minmax(0,180px) 1fr;align-items:start;gap:1.5rem;margin-bottom:2.4rem;display:grid}.about-person--photo:nth-of-type(2n){grid-template-columns:1fr minmax(0,180px)}.about-person--photo:nth-of-type(2n) .about-person-photo{order:2}.about-person-photo{padding-top:.3rem}@media (width<=600px){.about-person--photo,.about-person--photo:nth-of-type(2n){grid-template-columns:1fr;gap:1rem}.about-person--photo:nth-of-type(2n) .about-person-photo{order:0}.about-person-photo{justify-self:center;width:100%;max-width:240px}.about-photo{max-width:280px}}.photo-mount{--print:#fbf8f1;--corner:#1f1712;transform:rotate(var(--photo-lean,0deg));filter:drop-shadow(0 1px 1px #2b201847)drop-shadow(0 5px 10px #2b201824);margin:0 auto;display:block;position:relative}.photo-mount--square{max-width:440px}@media (width<=600px){.photo-mount{width:calc(100% - 14px)}}.photo-print{--r:3.2px;padding:var(--r);background:var(--print);-webkit-mask:linear-gradient(#000 0 0) content-box, radial-gradient(var(--r), #000 98%, #0000) 0 0 / calc(2 * var(--r)) calc(2 * var(--r)) round;-webkit-mask:linear-gradient(#000 0 0) content-box, radial-gradient(var(--r), #000 98%, #0000) 0 0 / calc(2 * var(--r)) calc(2 * var(--r)) round;mask:linear-gradient(#000 0 0) content-box, radial-gradient(var(--r), #000 98%, #0000) 0 0 / calc(2 * var(--r)) calc(2 * var(--r)) round}.photo-print-inner{background:var(--print);padding:clamp(8px,2.4vw,12px)}.photo-print img{filter:sepia(.1)saturate(.94)contrast(.97);width:100%;height:auto;display:block}.photo-corners{--s:clamp(24px, 6vw, 32px);pointer-events:none;background:linear-gradient(135deg, var(--corner) 0 49.5%, transparent 50%) top left / var(--s) var(--s) no-repeat, linear-gradient(225deg, var(--corner) 0 49.5%, transparent 50%) top right / var(--s) var(--s) no-repeat, linear-gradient(45deg, var(--corner) 0 49.5%, transparent 50%) bottom left / var(--s) var(--s) no-repeat, linear-gradient(315deg, var(--corner) 0 49.5%, transparent 50%) bottom right / var(--s) var(--s) no-repeat;filter:drop-shadow(0 1px .5px #00000059);position:absolute;inset:-2px}.sound-door{z-index:1100;padding:calc(1.2rem + env(safe-area-inset-top,0px)) 16px calc(1.2rem + env(safe-area-inset-bottom,0px));transition:opacity .9s var(--ease-out);animation:sound-door-in .6s var(--ease-out);background:radial-gradient(at 50% 40%,#7a5a4bf0 0%,#65493df5 55%,#4e372efa 100%);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.sound-door--leaving{opacity:0;pointer-events:none}@keyframes sound-door-in{0%{opacity:0}}.sound-card{text-align:center;background:var(--parchment);width:100%;max-width:30rem;color:var(--otter);outline:1px solid var(--otter);outline-offset:-9px;border-radius:2px;justify-items:center;gap:.85rem;padding:2.2rem 1.6rem 1.6rem;display:grid;box-shadow:0 18px 50px #00000059}.sound-card-emblem{width:84px;height:84px;animation:sound-emblem-in 1.4s var(--ease-out)}@keyframes sound-emblem-in{0%{opacity:0;transform:rotate(-90deg)scale(.9)}}.sound-card-date{letter-spacing:.14em;text-transform:uppercase;margin:0;font-family:Lato,sans-serif;font-size:.72rem}.sound-card-weather{opacity:.85;text-wrap:balance;max-width:24rem;margin:0;font-size:1.08rem;font-style:italic}.sound-card-line{text-wrap:balance;color:var(--ink);margin:.2rem 0 .1rem;font-size:clamp(1.8rem,6.5vw,2.5rem);line-height:1.12}.sound-card-attr{letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin:-.3rem 0 0;font-family:Lato,sans-serif;font-size:.72rem}.sound-card-choices{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.4rem;display:flex}.sound-card-choices button{border:1px solid var(--hearth);cursor:pointer;border-radius:2px;min-width:9.5rem;padding:.75rem 1.2rem;font-family:EB Garamond,Georgia,serif;font-size:1.1rem;transition:background .2s}.sound-card-yes{background:var(--hearth);color:var(--parchment)}.sound-card-yes:hover{background:#8a4234}.sound-card-no{color:var(--hearth);background:0 0}.sound-card-no:hover{background:#9d4e3f14}.sound-card-foot{opacity:.7;margin:.3rem 0 0;font-family:Lato,sans-serif;font-size:.72rem}.sound-controls{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:900;flex-flow:wrap;justify-content:flex-end;align-items:center;gap:.6rem;max-width:calc(100vw - 32px);display:flex;position:fixed}.sound-panel{flex-basis:100%;order:-1}.sound-toggle{background:var(--parchment);cursor:pointer;border:none;border-radius:50%;place-items:center;width:58px;height:58px;padding:0;display:grid;box-shadow:0 1px 4px #3c281e38}.sound-toggle img{opacity:.5;width:56px;height:56px;transition:opacity .4s;animation:14s linear infinite paused sound-turn}.sound-toggle--on img{opacity:1;animation-play-state:running}@keyframes sound-turn{to{transform:rotate(360deg)}}.sound-list-button{color:var(--otter);letter-spacing:.02em;cursor:pointer;background:0 0;border:none;border-bottom:1px solid;border-radius:0;padding:0 0 .12rem;font-family:EB Garamond,Georgia,serif;font-size:1rem;font-style:italic;font-weight:500;transition:color .2s}.sound-list-button:hover{color:var(--hearth)}.sound-panel{background:var(--parchment);width:min(17rem,100vw - 32px);color:var(--otter);border:1px solid var(--otter);border-radius:2px;gap:.1rem;padding:1rem 1.1rem;display:grid;box-shadow:0 10px 30px #3c281e4d}.sound-panel-title{letter-spacing:.14em;text-transform:uppercase;margin:0 0 .4rem;font-family:Lato,sans-serif;font-size:.7rem;font-weight:700}.sound-switch{border-bottom:1px solid var(--rule);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.35rem 0;font-size:1.05rem;display:flex}.sound-switch:last-child{border-bottom:none}.sound-switch input{appearance:none;cursor:pointer;background:#65493d40;border-radius:1rem;flex:none;width:2.4rem;height:1.3rem;margin:0;transition:background .2s;position:relative}.sound-switch input:after{content:"";background:var(--parchment);border-radius:50%;width:1rem;height:1rem;transition:transform .2s;position:absolute;top:.15rem;left:.15rem}.sound-switch input:checked{background:var(--hearth)}.sound-switch input:checked:after{transform:translate(1.1rem)}.sound-toggle:focus-visible,.sound-list-button:focus-visible,.sound-switch input:focus-visible,.sound-card-choices button:focus-visible{outline:2px solid var(--gorse);outline-offset:3px}.sound-controls{transition:transform .35s var(--ease-out), opacity .35s ease}@media (width<=600px){.sound-controls{right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));flex-flow:wrap;justify-content:flex-end;align-items:center;max-width:calc(100vw - 20px)}.sound-panel{flex-basis:100%;order:-1}.sound-toggle{width:44px;height:44px}.sound-toggle img{width:42px;height:42px}.sound-list-button{font-size:.95rem}.sound-controls--tucked{opacity:0;pointer-events:none;transform:translateY(calc(100% + 24px))}.book{padding-bottom:4.5rem}}@media (prefers-reduced-motion:reduce){.sound-toggle img,.sound-card-emblem,.sound-door{animation:none}.sound-door{transition:none}}