@font-face{font-family:WorldSans;src:local('Avenir Next'),local('Avenir'),local('Arial');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9edce;color:#263c31;font-family:WorldSans,Arial,sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #df603e;outline-offset:6px}button:disabled{cursor:wait;opacity:.7}#world{position:fixed;inset:0;z-index:0;background:linear-gradient(#b7d9dc 0%,#edf0d8 55%,#9aa965 100%)}#world canvas{display:block;width:100%;height:100%}.atmosphere{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(248,246,219,.45),transparent 55%),linear-gradient(0deg,rgba(239,235,205,.45),transparent 18%,transparent 86%,rgba(248,245,223,.6))}header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;gap:36px;padding:27px 4.4vw}.brand{display:flex;align-items:center;gap:9px}.brand svg{width:38px;height:35px}.brand>span{font-size:32px;letter-spacing:-1.8px;font-weight:750}.brand-dot{font-size:12px;vertical-align:top;margin-left:3px;letter-spacing:0}.header-note{font-size:10px;letter-spacing:1.65px;margin-top:4px}nav{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:13px}nav button{font-size:13px;padding:10px 0}nav button span{margin-left:9px}nav .pill{font-size:12px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid #324c3e;border-radius:40px;padding:15px 23px;background:rgba(246,247,224,.55);font-size:14px;backdrop-filter:blur(14px);transition:background .2s,transform .2s}.pill:hover{background:#faf8e9;transform:translateY(-2px)}.pill.solid{background:#2d4939;color:#fbf6e7;border-color:#2d4939}.pill.solid:hover{background:#405f48}.pill span{font-size:18px}main{position:relative;z-index:2;pointer-events:none}section{height:140vh;position:relative;pointer-events:none}section:last-child{height:110vh}.chapter-copy{position:fixed;left:7vw;top:25vh;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .45s,transform .65s,visibility .45s;pointer-events:none;max-width:550px}section.active .chapter-copy{opacity:1;visibility:visible;transform:translateY(0)}.chapter-copy a,.chapter-copy button{pointer-events:auto}.eyebrow{display:block;font-size:10px;letter-spacing:2.1px;font-weight:600;line-height:1.8;margin-bottom:27px}.eyebrow i{display:inline-block;width:6px;height:6px;background:#dd7654;border-radius:50%;margin-right:8px}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-3.6px;line-height:.99;margin:0}h1{font-size:clamp(64px,6.7vw,110px)}h2{font-size:clamp(48px,5vw,79px)}h1 em,h2 em{font-weight:400;color:#586a45}p{font-size:14px;line-height:1.85;margin:26px 0 0;max-width:440px}.hero{top:23vh}.hero p{margin-top:25px}.text-link{display:inline-flex;align-items:center;gap:23px;font-size:13px;margin-top:28px;padding:7px 0;border-bottom:1px solid #576547}.text-link span{font-size:22px}.world-caption{position:fixed;right:7vw;bottom:15vh;font-size:10px;letter-spacing:2.7px;opacity:0;transition:opacity .4s}section.active .world-caption{opacity:1}.compact{top:21vh;max-width:400px}.compact h2{font-size:clamp(40px,4.3vw,67px)}.compact p{font-size:14px;max-width:320px}.vista,.top,.finale{top:19vh;left:50%;transform:translate(-50%,18px);text-align:center;width:90vw;max-width:1000px}section.active .vista,section.active .top,section.active .finale{transform:translate(-50%,0)}.vista h2{font-size:clamp(55px,6vw,95px)}.vista p,.top p,.finale p{margin:25px auto 0}.top{top:16vh}.top h2{font-size:clamp(40px,4.3vw,67px)}.finale{top:22vh}.finale .pill{margin-top:28px}.finale .text-link{display:flex;width:max-content;margin:18px auto}.future{display:block;font-size:10px;letter-spacing:1.5px;margin-top:24px}.journey{position:fixed;z-index:4;right:3.4vw;top:41vh;display:flex;flex-direction:column;align-items:center;gap:13px;font-size:10px}.journey-track{height:115px;width:1px;background:#526a4940}.journey-track i{display:block;width:2px;background:#344e3c;height:0}.bottom-caption{position:fixed;bottom:29px;left:4.4vw;z-index:5;display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:1.7px}.tiny-flower{font-size:27px}#motion{position:fixed;z-index:5;bottom:33px;right:4.4vw;font-size:11px;border-bottom:1px solid #576547;padding:3px 0}#listening-tag{position:fixed;z-index:3;left:66%;top:68%;display:flex;align-items:center;gap:12px;padding:11px 17px;background:#f9f5e4db;border:1px solid #ffffff88;border-radius:30px;font-size:12px;box-shadow:0 8px 25px #3347340b;backdrop-filter:blur(12px);pointer-events:none;transition:opacity .3s}#listening-tag b{font-weight:400;color:#697355;margin-left:4px}.wave{display:flex;align-items:center;gap:3px;height:23px}.wave i{background:#df7952;width:3px;height:9px;border-radius:3px;animation:wave 1.1s ease-in-out infinite alternate}.wave i:nth-child(2){height:17px;animation-delay:-.6s}.wave i:nth-child(3){height:23px;animation-delay:-.3s}.wave i:nth-child(4){height:15px;animation-delay:-.8s}@keyframes wave{to{transform:scaleY(.45)}}#demo-controls{position:fixed;z-index:10;bottom:9vh;left:50%;transform:translateX(-50%);text-align:center;min-width:320px}#demo-controls>span{font-size:10px;letter-spacing:2px;display:block;margin-bottom:13px}#demo-controls>div{display:flex;justify-content:center;gap:9px}#demo-controls small{display:block;font-size:11px;margin-top:11px;max-width:350px;line-height:1.5}.mic{width:49px;height:49px;background:#f8f4e8df;border:1px solid #6d795b;border-radius:50%;display:grid;place-items:center}.mic svg{width:22px;height:22px}.mic[aria-pressed=true]{background:#e17c52;color:white}.mic:disabled{opacity:.5;cursor:not-allowed}#caption{position:fixed;z-index:12;bottom:26vh;left:50%;transform:translateX(-50%);max-width:500px;width:max-content;text-align:center;font-size:14px;line-height:1.6;background:#fbf7e9ec;border:1px solid #ffffff8c;padding:13px 23px;border-radius:15px;box-shadow:0 10px 30px #34493615;pointer-events:none}#loading{position:fixed;z-index:30;inset:0;background:#eff0dc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:16px;transition:opacity .5s}#loading small{font-size:11px;letter-spacing:1px}.loader-orbit{font-size:50px;color:#ba7750;animation:rotate 10s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}#loading.done{opacity:0;pointer-events:none}footer{position:absolute;bottom:28px;left:26%;right:20%;display:flex;align-items:center;justify-content:center;gap:22px;font-size:10px;letter-spacing:1px;pointer-events:auto}footer button{font-size:10px}dialog{position:fixed;border:1px solid #fff8;background:#f5f2e5;color:#293f32;padding:32px 42px;border-radius:20px;width:min(580px,90vw);max-height:85dvh;box-shadow:0 20px 100px #203f3a30}dialog::backdrop{background:#314d3b60;backdrop-filter:blur(10px)}dialog h2{font-size:54px;margin:20px 0 28px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head .eyebrow{margin:0}.close{font-size:30px;line-height:1}.map-links{display:grid}.map-links button{display:flex;gap:25px;text-align:left;padding:13px 0;border-bottom:1px solid #536c3724;font-size:15px}.map-links button span{font-size:11px;color:#7c8864}details{border-bottom:1px solid #536c3724;padding:18px 0}details p{font-size:14px;margin-top:12px}summary{cursor:pointer;font-size:15px}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:#fff;padding:12px}.skip:focus{top:10px}.no-js{position:fixed;inset:0;z-index:99;background:#eff0dc;padding:20vh 15vw;font-size:24px;line-height:1.6}[hidden]{display:none!important}.error-note{padding:15px 25px!important;position:fixed!important;inset:auto!important;bottom:0!important;left:0!important;right:0!important;height:auto;font-size:14px!important}body.reduced *{animation:none!important;scroll-behavior:auto!important}.reduced .chapter-copy{transition:none}body.fallback #world{background-image:url('/assets/world/meadow-poster.png');background-size:cover;background-position:center}body.fallback .atmosphere{background:#f4f3dcaa}
@media(min-width:1600px){.hero{left:9vw}.compact{left:7vw}}@media(max-width:1000px){.header-note{display:none}nav{gap:17px}.compact{max-width:290px}.compact h2{font-size:46px}.compact p{max-width:250px;font-size:13px}.hero h1{font-size:75px}}@media(max-width:700px){header{padding:20px 6vw}.brand>span{font-size:27px}.brand svg{width:29px}nav{gap:16px}nav .pill{display:none}nav button{font-size:11px}.chapter-copy{left:7vw;top:16vh}.hero h1{font-size:63px;letter-spacing:-2.8px}.hero .eyebrow{max-width:220px;font-size:9px;margin-bottom:18px}.hero p{font-size:13px;line-height:1.65;margin-top:20px}.hero .text-link{margin-top:14px}.compact{top:14vh;max-width:85vw}.compact h2{font-size:42px;letter-spacing:-2px}.compact p{font-size:12px;line-height:1.7;margin-top:17px;max-width:300px}.eyebrow{font-size:9px;margin-bottom:15px}.vista,.top,.finale{left:50%;top:18vh}.vista h2,.finale h2{font-size:48px;letter-spacing:-2.5px}.top h2{font-size:40px;letter-spacing:-2px}.vista p,.top p,.finale p{font-size:13px}.world-caption{right:7vw;bottom:19vh;max-width:150px;line-height:1.8;font-size:8px}.journey{right:4vw;top:48vh}.bottom-caption{left:6vw;font-size:8px;bottom:21px}#motion{right:6vw;bottom:26px;font-size:10px}.tiny-flower{font-size:22px}#demo-controls{bottom:10vh;width:90vw;min-width:0}#demo-controls small{margin:9px auto 0;font-size:10px}#demo-controls>span{font-size:9px}#caption{width:85vw;max-width:430px;bottom:29vh;font-size:12px}#listening-tag{font-size:10px;padding:8px 11px}.pill{font-size:12px;padding:13px 20px}.future{font-size:8px;margin-top:12px}footer{left:10%;right:10%;bottom:85px;gap:12px;flex-wrap:wrap;font-size:8px}footer button{font-size:9px}dialog{padding:25px}dialog h2{font-size:43px}section{height:135vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}.chapter-copy{transition:none}}

.film-link{font-size:11px;margin-top:8px;padding:3px 0;border-bottom:1px solid #68795777}#film-dialog{width:min(1020px,94vw);padding:23px}#demo-film{display:block;width:100%;border-radius:10px;margin-top:20px;background:#e9edda}#film-dialog p{font-size:11px;margin:15px 0 0;max-width:none;text-align:center}

/* Deliberately paced clearing-to-clearing journey. */
section{height:190vh}section:last-child{height:110vh}.clearing-controls{position:fixed;z-index:12;right:7vw;bottom:80px;display:flex;gap:8px;align-items:center;font-size:11px}.clearing-controls button{padding:11px 15px;border:1px solid #72836466;border-radius:24px;background:#f5f2dfb3;backdrop-filter:blur(12px)}.clearing-controls button:disabled{opacity:.3;cursor:default}.atmosphere{background:linear-gradient(90deg,rgba(248,246,219,.50),transparent 48%),linear-gradient(0deg,rgba(239,235,205,.28),transparent 18%,transparent 86%,rgba(248,245,223,.4))}nav{gap:20px}#sound{white-space:nowrap}#music{white-space:nowrap}@media(max-width:900px){nav .pill{display:none}}@media(max-width:700px){section{height:190vh}nav{gap:12px}.clearing-controls{right:6vw;bottom:69px;font-size:9px}.clearing-controls button{padding:9px 11px}#demo-controls{bottom:15vh}.world-caption{bottom:22vh}#caption{bottom:35vh}.header-note{display:none}.hero{top:17vh}.compact{top:15vh}.atmosphere{background:linear-gradient(0deg,#f0edd34d,transparent 35%),linear-gradient(180deg,#edf0d999,transparent 62%)}}

@media(max-width:700px){#caption:not(:empty){top:320px;bottom:auto;font-size:11px;padding:10px 14px;}}

/* Quiet, reliably readable typography over the moving landscape. */
header{background:linear-gradient(#fffdf4f5,#fffdf4bd 75%,#fffdf400);padding-bottom:28px}
.chapter-copy{isolation:isolate;color:#233f39;max-width:510px}
.chapter-copy::before{content:"";position:absolute;z-index:-1;inset:-24px -28px;background:rgba(255,253,244,.94);border:1px solid rgba(255,255,255,.65);border-radius:24px;box-shadow:0 12px 50px #3865570a;pointer-events:none}
.chapter-copy h1 em,.chapter-copy h2 em{color:#47634e}.chapter-copy p{color:#304d43}.chapter-copy .eyebrow{color:#37574b}
.chapter-copy.vista,.chapter-copy.top,.chapter-copy.finale{max-width:790px;width:78vw}
.chapter-copy.hero{max-width:480px}.chapter-copy.compact{max-width:315px}
.atmosphere{background:linear-gradient(0deg,#f6fbef26,transparent 22%)}
@media(max-width:700px){.chapter-copy{max-width:85vw}.chapter-copy::before{inset:-15px -15px;border-radius:18px}.chapter-copy.hero,.chapter-copy.compact{max-width:85vw}.chapter-copy.vista,.chapter-copy.top,.chapter-copy.finale{width:82vw}.chapter-copy.hero h1{font-size:52px}.chapter-copy.compact h2{font-size:36px}.chapter-copy p{line-height:1.6}.chapter-copy .eyebrow{margin-bottom:12px}}
.chapter-copy.top{top:13vh;max-width:650px}.chapter-copy.top .eyebrow{margin-bottom:12px}.chapter-copy.top h2{font-size:42px;letter-spacing:-2px}.chapter-copy.top p{margin-top:13px;font-size:12px;line-height:1.6}.chapter-copy.top::before{inset:-18px -24px}
@media(max-width:700px){.chapter-copy.top{top:13vh}.chapter-copy.top h2{font-size:32px}.chapter-copy.top p{font-size:11px}.chapter-copy.top .eyebrow{font-size:8px}}

/* Smaller reading panels leave more room for the world. */
.chapter-copy.hero{max-width:350px}.chapter-copy.hero h1{font-size:clamp(50px,5vw,72px);letter-spacing:-2.7px}.chapter-copy.compact{max-width:260px}.chapter-copy.compact h2{font-size:clamp(32px,3.4vw,49px);letter-spacing:-2px}.chapter-copy::before{inset:-16px -20px;border-radius:20px}.chapter-copy p{font-size:12px;line-height:1.7;margin-top:17px}.chapter-copy .eyebrow{font-size:9px;margin-bottom:16px}.chapter-copy.vista,.chapter-copy.finale{max-width:620px}.chapter-copy.vista h2,.chapter-copy.finale h2{font-size:clamp(40px,4.5vw,66px)}.chapter-copy.top{max-width:550px}.chapter-copy.top h2{font-size:36px}.chapter-copy.top::before{inset:-14px -18px}.chapter-copy .text-link{margin-top:17px}.final-pricing{display:inline-block;margin:15px 12px 0;font-size:12px;text-decoration:underline}.nav-login{white-space:nowrap}nav{gap:17px}#pages-toggle{white-space:nowrap}
#site-pages{width:min(920px,94vw);max-height:85dvh;padding:28px 32px}#site-pages h2{font-size:40px;letter-spacing:-1.5px;margin:22px 0 10px}.directory-intro{margin:0 0 24px;font-size:13px}.site-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 28px}.page-group h3{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin:10px 0;color:#536a50}.page-group a{display:block;border-bottom:1px solid #34533e20;padding:10px 0}.page-group a:hover{color:#97614f}.page-group a span{display:block;font-size:14px}.page-group a small{display:block;font-size:11px;line-height:1.5;margin-top:4px;color:#50634e}.directory-page{min-height:100vh;background:#f5f4e8;padding:35px 7vw}.directory-main{pointer-events:auto;max-width:1100px;margin:60px auto}.directory-main h1{font-size:52px;letter-spacing:-2px}.directory-main>.site-page-grid{margin-top:40px}.directory-back{font-size:13px}
@media(max-width:1200px){.header-note{display:none}}@media(max-width:700px){header{padding:16px 5vw;align-items:flex-start}.brand>span{font-size:24px}nav{gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:220px}nav button,nav a{font-size:10px!important}nav button span{margin-left:3px}.chapter-copy.hero{max-width:290px}.chapter-copy.hero h1{font-size:46px}.chapter-copy.compact{max-width:245px}.chapter-copy.compact h2{font-size:32px}.chapter-copy.vista,.chapter-copy.finale{max-width:300px}.chapter-copy.vista h2,.chapter-copy.finale h2{font-size:36px}.chapter-copy.top{max-width:285px}.chapter-copy.top h2{font-size:29px}.chapter-copy p{font-size:11px;margin-top:12px}.chapter-copy::before{inset:-12px -14px}.chapter-copy .eyebrow{font-size:8px;margin-bottom:12px}#site-pages{padding:22px}#site-pages h2{font-size:32px}.site-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.page-group a span{font-size:12px}.page-group a small{font-size:10px}.directory-main h1{font-size:36px}}

/* Opening composition: readable copy, unfiltered foreground color. */
.atmosphere{background:none}
.chapter-copy.hero{max-width:310px}.chapter-copy.hero h1{font-size:clamp(46px,4.1vw,62px)}
.chapter-copy p{font-size:13px}.chapter-copy::before{background:rgba(255,253,242,.94)}
@media(max-width:700px){.chapter-copy.hero{top:16vh;left:8%;max-width:285px}.chapter-copy.hero h1{font-size:38px;line-height:1.02}.chapter-copy.hero p{font-size:12px}.chapter-copy.hero .eyebrow{font-size:8px;line-height:1.6}.chapter-copy.hero::before{inset:-14px -16px}.chapter-copy.hero .text-link{margin-top:12px}.hero .eyebrow{margin-bottom:10px}}

.chapter-copy.hero{max-width:275px}.chapter-copy.hero h1{font-size:clamp(42px,4.1vw,58px)}.chapter-copy.hero .eyebrow{margin-bottom:13px}.chapter-copy.hero p{margin-top:14px}

.world-caption{display:none}.hero-waitlist{display:none}#listening-tag{white-space:nowrap}.chapter-copy.hero .eyebrow{white-space:nowrap}
@media(max-width:700px){.chapter-copy.hero{top:15vh;left:8%;max-width:270px}.chapter-copy.hero h1{font-size:37px}.chapter-copy.hero p{font-size:13px}.hero-waitlist{display:inline-block;font-size:12px;text-decoration:underline;margin:12px 0 0 20px}.hero .text-link{font-size:12px}.journey{display:none}#listening-tag{font-size:10px}.chapter-copy.hero .eyebrow{font-size:8px}}

/* Centre the scenic message in the viewport while preserving its compact size. */
.chapter-copy.vista{left:50%;top:50%;max-width:380px;width:380px;text-align:center;transform:translate(-50%,calc(-50% + 18px))}
section.active .chapter-copy.vista{transform:translate(-50%,-50%)}
.chapter-copy.vista h2{font-size:41px;letter-spacing:-1.8px;line-height:1.05;white-space:nowrap}
.chapter-copy.vista p{margin-top:18px}
#demo-controls{left:7vw;bottom:12vh;transform:none;min-width:0;width:290px;padding:16px 13px;background:#fffdf2f5;border-radius:18px;border:1px solid #ffffffa6;box-shadow:0 8px 28px #243c2810}
#demo-controls>span{font-size:9px;letter-spacing:1.1px}#demo-controls small{font-size:11px}#demo-controls .pill{padding:12px 17px;font-size:12px}
#caption{left:7vw;bottom:36vh;transform:none;max-width:290px;width:290px;font-size:12px;padding:12px 16px}
@media(max-width:700px){.chapter-copy.vista{width:calc(100vw - 60px);max-width:380px}.chapter-copy.vista h2{font-size:clamp(28px,8.7vw,34px)}#demo-controls{left:5%;bottom:12vh;width:90%;padding:11px}#demo-controls>span{display:none}#demo-controls small{margin-top:7px}#caption:not(:empty){left:5%;width:90%;max-width:none;top:auto;bottom:33vh;font-size:11px}}

@media(max-width:700px){#caption:not(:empty){top:36vh;bottom:auto}body[data-chapter="6"] #caption:not(:empty){top:42vh}}

.chapter-copy.top{top:16vh;max-width:440px}.chapter-copy.top h2{font-size:34px}.chapter-copy.top::before{inset:-12px -18px}.chapter-copy.top p{max-width:390px}
@media(max-width:700px){.chapter-copy.top{top:15vh;max-width:285px}.chapter-copy.top h2{font-size:30px}}

@media(max-width:700px){#caption:not(:empty){top:37vh}}

/* The final invitation sits beside Snappy, with its links in the same reading panel. */
.chapter-copy.finale{left:7vw;top:21vh;max-width:350px;width:350px;text-align:left;transform:translateY(18px)}
section.active .chapter-copy.finale{transform:translateY(0)}
.chapter-copy.finale h2{font-size:42px;letter-spacing:-1.8px;line-height:1.05}.chapter-copy.finale p{margin-top:18px}.finale .pill{margin-top:22px}.final-pricing{margin:16px 0 0;font-size:12px;display:block;width:max-content}
footer{position:static;margin-top:22px;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 17px;font-size:11px;letter-spacing:0}footer>span{display:none}footer button{font-size:11px}footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.chapter-copy.finale{left:8%;top:15vh;width:270px;max-width:270px}.chapter-copy.finale h2{font-size:32px}.chapter-copy.finale p{font-size:12px;margin-top:12px}.finale .pill{margin-top:15px;padding:11px 17px}.final-pricing{margin-top:13px}footer{font-size:10px;gap:10px 16px;margin-top:18px}footer button{font-size:10px}}

@media(max-width:700px){body[data-chapter="6"] #caption:not(:empty){top:40vh}}

/* Less empty scrolling; controls retain a comfortable tap area on phones. */
section{height:155vh}
@media(max-width:700px){header{gap:12px;padding:12px 5vw 14px;align-items:flex-start}.brand{flex-shrink:0}nav{max-width:214px;gap:2px 10px;flex:1}nav button{font-size:11px!important;min-height:32px;padding:7px 0}nav>a{font-size:11px!important;min-height:26px;align-items:center}nav>a:not(.pill){display:inline-flex}.clearing-controls{font-size:10px}.clearing-controls button{min-height:34px;padding:9px 13px}#motion{min-height:28px;padding:6px 0}}

body[data-chapter="8"] #next-clearing{display:none}

.map-site-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;padding-top:12px;border-top:1px solid #536c3724;font-size:13px}.map-site-links a{padding:5px 0;text-decoration:underline;text-underline-offset:3px}
@media(max-width:360px){header nav>a{display:none!important}.chapter-copy.hero{top:17vh}.map-links button{padding:10px 0}.map-site-links{font-size:12px}}

/* Keep the motion setting legible over every clearing. */
#motion{min-height:36px;padding:8px 12px;border-radius:18px;background:rgba(255,253,242,.94);border:1px solid rgba(52,76,59,.16);text-decoration:none}

/* Writing copy and controls leave with their desk, before the next clearing. */
body.writing-departed #speak .chapter-copy{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility .18s}
body.writing-departed #speak .chapter-copy *{pointer-events:none}
body.writing-departed #demo-controls,body.writing-departed #caption{display:none!important}