#continuous-stage>.stage{position:fixed;inset:0;pointer-events:none}#continuous-stage .encounter,#continuous-stage .controls,#continuous-stage .copy,#junction-sign{pointer-events:auto}#continuous-world{position:fixed;inset:0;z-index:8;pointer-events:none}#continuous-world canvas{display:block;width:100%;height:100%}.continuous-ready:not(.static) .vehicle{opacity:0!important}.static #continuous-stage>.stage{position:relative;height:auto}.building{pointer-events:none}#junction-sign{position:absolute;right:5vw;bottom:25%;z-index:21;display:flex;gap:15px;align-items:center;width:235px;min-height:70px;background:#7c3655;color:#fff;border-color:#7c3655;text-align:left;border-radius:2px 20px;font-size:17px}#junction-sign b{font-size:35px;font-weight:400}#junction-sign[hidden]{display:none}.static #junction-sign{position:relative;right:auto;bottom:auto;order:11;margin:30px auto}.junction-outro{margin-bottom:30px}.junction-outro button{background:#862e51;color:#fff}.vertical-active #journey,.vertical-active .outro,.vertical-active .site-footer{display:none}.vertical-active #continuous-stage .copy,.vertical-active #continuous-stage .controls,.vertical-active #continuous-stage .encounter,.vertical-active #continuous-stage .road-note,.vertical-active #continuous-stage .progress,.vertical-active #junction-sign{visibility:hidden!important}.vertical-active .sky-moon,.vertical-active .distant-train{display:none!important}.vertical-active:not(.junction-turning) #continuous-stage .landscape,.vertical-active:not(.junction-turning) #continuous-stage .poetry{visibility:hidden!important}
#vertical-street{--route-ground:82vh;height:680svh;min-height:680svh;overflow:clip;pointer-events:none}#vertical-street[hidden]{display:none}#vertical-street button,#vertical-street a{pointer-events:auto}.forest-backdrop{position:fixed;inset:0;z-index:1;pointer-events:none;backface-visibility:hidden;background:radial-gradient(ellipse at 70% 20%,#ead0d966,transparent 55%),linear-gradient(#f9eee7 45%,#e8e6d9 85%,#f4e8de)}.forest-road{position:absolute;top:var(--route-ground);left:0;right:0;height:clamp(28px,5vh,45px);z-index:12;background:#ead8c9d9;border-top:1px solid #986e7340;border-bottom:1px solid #986e7330}.forest-road:after{content:'';position:absolute;top:50%;inset-inline:0;height:1px;background:repeating-linear-gradient(90deg,#95677965 0 30px,transparent 30px 90px)}.forest-viewport{position:fixed;inset:0;z-index:6;overflow:hidden;pointer-events:none}.street-objects{position:absolute;inset:0;will-change:transform}.street-object{position:absolute;left:var(--object-x);bottom:calc(100% - var(--route-ground) + 16px);width:clamp(165px,17vw,245px);transform:translateX(-50%);padding:0;border:0;border-radius:0;background:none;min-height:0}.street-object[data-object="experimenter"]{width:clamp(200px,23vw,330px)}.street-object[data-object="discuter"]{width:clamp(235px,28vw,400px)}.street-object img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 8px #46304414)}.street-object>span{position:absolute;left:50%;top:2px;transform:translate(-50%,-100%);display:flex;align-items:center;gap:12px;justify-content:space-between;min-height:44px;max-width:280px;width:max-content;padding:8px 9px 8px 16px;background:#fcf6f0f5;border:1px solid #862e5155;border-radius:30px;font-size:14px;box-shadow:0 5px 18px #45304013}.street-object>span b{display:grid;place-items:center;flex:0 0 26px;height:26px;background:#862e51;color:white;border-radius:50%;font-size:22px;font-weight:400}.street-object:hover>span,.street-object:focus-visible>span{background:white;border-color:#862e51}.static-stop-copy{display:none}.vertical-heading{position:fixed;top:98px;left:5vw;z-index:15;max-width:470px;padding:8px 24px 20px 0;background:radial-gradient(ellipse at 20% 35%,#fcf6f0ed 35%,#fcf6f000 75%);pointer-events:none}.vertical-heading h1{font:400 clamp(29px,3.3vw,44px)/1.1 Georgia,serif;letter-spacing:-.02em;margin:9px 0 12px}.vertical-heading .eyebrow{font-size:10px}.street-lead{font-size:14px;line-height:1.6;margin:0;max-width:420px}.street-hint{font-size:11px;letter-spacing:.025em;margin:12px 0 0}.branch-controls{position:fixed;right:3vw;bottom:18px;z-index:18;display:flex;gap:7px;max-width:72vw}.branch-controls button{max-width:24vw;min-height:44px;padding:9px 13px;background:#fcf6f0f2;font-size:11px;line-height:1.3}.branch-controls button[aria-current="step"]{background:#862e51;color:white;border-color:#862e51}#journey-map{position:fixed;left:3vw;bottom:20px;z-index:19;display:none;gap:5px;padding:3px;background:#fcf6f0ee;border-radius:30px}#journey-map.map-visible{display:flex}#journey-map button{font-size:10px;min-height:40px;padding:7px 11px;border-color:transparent}#journey-map button[aria-current="page"]{border-color:#862e5144}#journey-map button:hover{background:#862e5115}.street-end{position:absolute;left:calc(650vw - min(235px,43vw));bottom:calc(100% - var(--route-ground) + 20px);width:min(470px,86vw);padding:26px;background:#fcf6f0f5;border:1px solid #862e5133;border-radius:4px 25px;will-change:transform;box-shadow:0 10px 35px #4530400f}.street-end h2{font:32px/1.15 Georgia,serif;margin:0 0 12px}.street-end p{font-size:15px;line-height:1.6}.street-links{display:grid;gap:8px}.street-links a{display:block;min-height:44px;padding:10px 0;color:#862e51;text-decoration:none;line-height:1.4}.street-links a:hover{text-decoration:underline}.street-end button{font-size:13px;margin-top:16px}#street-bubble{width:min(620px,92vw);max-height:88svh;padding:28px}#bubble-close{float:right;font-size:13px}#bubble-image{display:block;width:200px;height:165px;object-fit:contain;margin:30px auto 12px}#street-bubble h2{font:34px/1.15 Georgia,serif}#street-bubble p{font-size:16px;line-height:1.7}#street-bubble .street-links a{border-bottom:1px solid #862e5125}.junction-turning{overflow:hidden}.junction-turning .vertical-heading,.junction-turning .branch-controls,.junction-turning .forest-viewport{visibility:hidden}
@media(max-width:700px){.vertical-heading{top:92px;left:5vw;max-width:90vw;padding-right:0}.vertical-heading h1{font-size:30px;margin-top:6px;margin-bottom:8px}.street-lead{font-size:12px;max-width:340px}.street-hint{font-size:10px;margin-top:7px}.street-object{width:40vw;bottom:calc(100% - var(--route-ground) + 22px)}.street-object[data-object="experimenter"]{width:49vw}.street-object[data-object="discuter"]{width:57vw}.street-object>span{font-size:11px;max-width:54vw;gap:7px;padding-left:12px}.street-object>span b{flex-basis:24px;height:24px}.branch-controls{left:3vw;right:3vw;bottom:12px;max-width:none;gap:5px}.branch-controls button{flex:1;max-width:32vw;font-size:10px;padding:8px 7px}#journey-map{top:70px;bottom:auto;left:auto;right:3vw;padding:0;background:#fcf6f0e8}#journey-map button{font-size:9px;min-height:28px;padding:3px 7px}.vertical-active header{height:70px}.tools{gap:4px}.tools #menu-open{font-size:10px;padding:8px}#junction-sign{width:170px;right:4vw;font-size:14px;padding:10px}.street-end{padding:22px}.street-end h2{font-size:27px}.street-end p,.street-links a{font-size:13px}#street-bubble{padding:22px}#street-bubble h2{font-size:29px}}
.forest-static #continuous-stage,.forest-static #continuous-world{display:none}.forest-static #vertical-street{height:auto;min-height:100svh;padding:115px 24px 100px;background:#f9eee7}.forest-static .forest-backdrop{display:none}.forest-static .vertical-heading{position:relative;top:auto;left:auto;max-width:740px;margin:0 auto 25px;background:none}.forest-static .street-hint{display:none}.forest-static .forest-viewport,.forest-static .street-objects{position:relative;inset:auto;overflow:visible;transform:none!important}.forest-static .forest-stop{max-width:740px;margin:0 auto 28px;padding:25px;background:#fcf6f0;border:1px solid #862e5125;border-radius:4px 22px}.forest-static .street-object{position:relative;left:auto!important;bottom:auto;width:100%;transform:none;display:flex;align-items:center;gap:25px}.forest-static .street-object img{height:200px;width:45%;object-fit:contain}.forest-static .street-object>span{position:relative;top:auto;left:auto;transform:none;width:auto;max-width:none;font-size:16px}.forest-static .static-stop-copy{display:block;font-size:16px;line-height:1.7}.forest-static .street-end{position:relative;left:auto;bottom:auto;transform:none!important;width:100%;max-width:740px;margin:30px auto}.forest-static .branch-controls{display:none}@media(max-width:700px){.forest-static .street-object{display:block}.forest-static .street-object img{width:100%;height:210px;margin-bottom:15px}.forest-static .street-object>span{max-width:none;justify-content:center;width:100%}.forest-static .street-links a{font-size:15px}}@media(prefers-reduced-motion:reduce){#vertical-street *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

#forest-title:focus{outline:none}@media(max-width:700px){body:not(.forest-static) .street-object{bottom:calc(100% - var(--route-ground) + 112px)}}@media(max-width:360px){.brand{font-size:12px;letter-spacing:.10em}.brand small{font-size:6px;max-width:104px;line-height:1.4}.tools #menu-open{max-width:84px;line-height:1.35}.tools select{padding-inline:6px}}

/* Illustrated stops: a grounded clearing, one invitation, one shared marker. */
.street-object{--stop-tint:#e7c58e;width:clamp(220px,23vw,320px);isolation:isolate;bottom:calc(100% - var(--route-ground) + 24px)}
.street-object[data-object="experimenter"]{--stop-tint:#d9b6cf;width:clamp(270px,30vw,430px)}
.street-object[data-object="discuter"]{--stop-tint:#c6d2ae;width:clamp(310px,36vw,510px)}
.street-object .stop-object-image{position:relative;z-index:1;width:100%;max-height:31vh;object-fit:contain;filter:drop-shadow(0 3px 0 #fff2) drop-shadow(0 10px 9px #45243e38);transition:transform .24s ease,filter .24s ease;transform-origin:50% 95%}
.stop-clearing{position:absolute;z-index:-1;width:135%;height:47%;left:-17.5%;bottom:-22px;overflow:visible;pointer-events:none;filter:drop-shadow(0 5px 4px #60384520)}
.clearing-ground{fill:var(--stop-tint);stroke:#785d6940;stroke-width:1}
.clearing-path{fill:#ecdac2;opacity:.86}
.clearing-line{fill:none;stroke:#fff4;stroke-width:3;stroke-linecap:round}
.street-object>.stop-invitation{display:grid;grid-template-columns:1fr 28px;gap:5px 12px;left:50%;top:-16px;width:max-content;max-width:min(340px,80vw);min-width:210px;min-height:78px;padding:15px 17px 13px 25px;border:1px solid #9c677f88;border-radius:3px 17px 5px 13px;transform:translate(-50%,-100%) rotate(-2deg);background:#fff4df;box-shadow:3px 5px 0 #773d591e,0 10px 24px #45243e1f;text-align:left;transition:transform .24s ease,background .24s ease}
.street-object[data-object="experimenter"]>.stop-invitation{transform:translate(-50%,-100%) rotate(1.4deg);background:#fae8ef}
.street-object[data-object="discuter"]>.stop-invitation{background:#eff2e1}
.stop-invitation .stop-number{position:absolute;left:-17px;top:-13px;display:grid;place-items:center;width:40px;height:49px;padding-bottom:7px;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%);background:#862e51;color:#fff9ef;font:600 14px/1 Arial,sans-serif;transform:rotate(-5deg)}
.stop-question{font:400 clamp(20px,1.65vw,25px)/1.15 Georgia,serif;grid-column:1;max-width:255px}
.stop-subtitle{grid-column:1;font-size:11px;line-height:1.35;letter-spacing:.01em;color:#654554}
.stop-arrow{grid-column:2;grid-row:1/3;align-self:center;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#862e51;color:#fff;font-size:19px}
.street-object:focus-visible{outline:3px solid #862e51;outline-offset:8px;border-radius:12px}
.street-object:is(:hover,:focus-visible)>.stop-invitation{transform:translate(-50%,calc(-100% - 5px)) rotate(0);background:#fffcf5}
.street-object:is(:hover,:focus-visible) .stop-object-image{transform:translateY(-5px) rotate(-.5deg);filter:drop-shadow(0 3px 0 #fff5) drop-shadow(0 15px 10px #45243e42)}
#street-bubble{border-radius:5px 28px 5px 20px;background:linear-gradient(145deg,#fff3dd,#fcf6f0 58%);border-top:7px solid #d3ad72}
#street-bubble[data-stop="2"]{background:linear-gradient(145deg,#f6d9e8,#fcf6f0 58%);border-top-color:#b77599}
#street-bubble[data-stop="3"]{background:linear-gradient(145deg,#e2e9ce,#fcf6f0 58%);border-top-color:#87996d}
#street-bubble .bubble-kicker{font-size:12px;color:#862e51;letter-spacing:.035em;margin:18px 0 8px}
#street-bubble h2{margin-top:8px}

/* Six illustrated pages of the same fieldbook. Existing destinations are retained. */
.tools #menu-open.fieldbook-toggle{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 16px 9px 12px;border:1px solid #862e5155;border-radius:3px 14px 3px 10px;background:#e9bfd1;color:#442133;box-shadow:3px 3px 0 #862e5118}
.fieldbook-toggle svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.tools #menu-open.fieldbook-toggle:hover{background:#f2d0df}
#site-menu.fieldbook{width:min(990px,94vw);max-height:92svh;padding:36px 38px 26px 52px;border:1px solid #a7718666;border-radius:6px 28px 8px 10px;box-shadow:8px 8px 0 #c69aaf,14px 15px 0 #6d3b5670,0 24px 100px #23131d66;background:radial-gradient(ellipse at 5% 0,#f1d4df80,transparent 45%),repeating-linear-gradient(0deg,#71445203 0 1px,transparent 1px 4px),linear-gradient(90deg,#e6c8cf 0 12px,#8d5d7450 12px 13px,#f8ecd9 13px 24px,#fff7e9 25px)}
#site-menu .menu-close{position:sticky;top:0;z-index:3;min-height:44px;padding:8px 13px;background:#fff7e9f5;border-color:#a7778966;font-size:12px;box-shadow:0 3px 10px #74475a14}
.fieldbook-kicker{margin:0 95px 9px 0;color:#862e51;font-size:10px!important;text-transform:uppercase;letter-spacing:.16em;line-height:1.5}
#site-menu #menu-title{font:400 clamp(30px,3.2vw,45px)/1.08 Georgia,serif;letter-spacing:-.025em;margin:0 90px 11px 0}
#menu-intro{font-size:14px;line-height:1.5;margin:0 0 24px;max-width:580px;color:#654554}
#site-menu .hub-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:17px 24px;margin:25px 0 23px}
#site-menu .fieldbook-entry{--entry-paper:#e9bdd0;--entry-angle:-1.2deg;position:relative;display:grid;grid-template-columns:104px 1fr;align-items:center;gap:12px;padding:18px 34px 18px 12px;min-height:146px;background:var(--entry-paper);border:1px solid #67435620;border-radius:4px 15px 6px 10px;box-shadow:3px 5px 0 #7a4c5e14;transform:rotate(var(--entry-angle));transition:transform .2s ease,box-shadow .2s ease;color:#382532;text-decoration:none}
#site-menu .fieldbook-entry:nth-child(2){--entry-paper:#e1e4c9;--entry-angle:1deg}
#site-menu .fieldbook-entry:nth-child(3){--entry-paper:#e9d1aa;--entry-angle:.8deg}
#site-menu .fieldbook-entry:nth-child(4){--entry-paper:#d9c8df;--entry-angle:-.8deg}
#site-menu .fieldbook-entry:nth-child(5){--entry-paper:#d0dfd3;--entry-angle:-.7deg}
#site-menu .fieldbook-entry:nth-child(6){--entry-paper:#edd1cb;--entry-angle:1.2deg}
#site-menu .fieldbook-entry::before{content:'';position:absolute;left:calc(50% - 23px);top:-7px;width:47px;height:15px;background:#fffae8a3;transform:rotate(-3deg);border-inline:1px solid #fff6}
#site-menu .fieldbook-entry::after{content:none}
.entry-art{display:grid;place-items:center;align-self:stretch;min-width:0;background:radial-gradient(ellipse,#fff6 15%,transparent 70%)}
.entry-art img{width:120%;height:112px;object-fit:contain;filter:drop-shadow(0 5px 3px #66475a25);pointer-events:none}
.fieldbook-entry:nth-child(1) .entry-art img{width:145%}
.fieldbook-entry:nth-child(4) .entry-art img{width:137%}
.entry-copy{display:flex;flex-direction:column;gap:7px;position:relative;z-index:1;min-width:0}
.entry-number{font-size:10px;color:#704455;letter-spacing:.12em}
.entry-title{font:400 23px/1.1 Georgia,serif;overflow-wrap:anywhere}
.entry-description{font-size:11px;line-height:1.5}
.entry-arrow{position:absolute;right:13px;bottom:13px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #72455755;border-radius:50%;font-size:16px;color:#6c2948}
#site-menu .fieldbook-entry:is(:hover,:focus-visible){transform:translateY(-4px) rotate(0);box-shadow:4px 9px 0 #7a4c5e20;color:#382532;outline:2px solid #862e51;outline-offset:4px}
#site-menu .menu-home{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-underline-offset:4px;color:#653d50}
.forest-static .street-object{width:100%;bottom:auto}
.forest-static .street-object .stop-object-image{max-height:none;width:45%;height:220px}
.forest-static .stop-clearing{display:none}
.forest-static .street-object>.stop-invitation{position:relative;top:auto;left:auto;transform:none;max-width:100%;min-width:0;width:55%;flex:1}
@media(max-width:700px){
 body:not(.forest-static) .street-object{width:49vw;left:calc(var(--object-x) - 12vw);bottom:calc(100% - var(--route-ground) + 119px)}
 body:not(.forest-static) .street-object[data-object="experimenter"]{width:65vw}
 body:not(.forest-static) .street-object[data-object="discuter"]{width:74vw}
 .street-object .stop-object-image{max-height:25vh}
 .street-object>.stop-invitation{max-width:80vw;min-width:205px;top:-13px;padding:13px 13px 12px 23px;gap:5px 9px}
 .stop-question{font-size:21px;max-width:225px}.stop-subtitle{font-size:10px}
 .stop-invitation .stop-number{width:33px;height:43px;left:-13px;font-size:12px}
 .stop-clearing{width:124%;left:-12%;height:45%;bottom:-22px}
 .tools #menu-open.fieldbook-toggle{gap:6px;padding:7px 9px;max-width:none;font-size:10px}
 .fieldbook-toggle svg{width:21px;height:21px}
 #site-menu.fieldbook{width:94vw;max-height:94svh;padding:23px 20px 16px 30px;box-shadow:5px 5px 0 #c69aaf,0 24px 100px #23131d66;background:repeating-linear-gradient(0deg,#71445203 0 1px,transparent 1px 4px),linear-gradient(90deg,#e6c8cf 0 7px,#8d5d7450 7px 8px,#f8ecd9 8px 17px,#fff7e9 18px)}
 #site-menu #menu-title{font-size:32px;margin-right:60px;clear:both;padding-top:12px}
 .fieldbook-kicker{padding-top:11px;font-size:9px!important;margin-right:75px}
 #menu-intro{font-size:12px;margin-bottom:20px}
 #site-menu .hub-menu-links{grid-template-columns:1fr;gap:18px;margin:24px 0 17px}
 #site-menu .fieldbook-entry{grid-template-columns:88px 1fr;min-height:135px;padding:13px 27px 13px 8px;gap:9px}
 .entry-art img{height:100px}.entry-title{font-size:22px}.entry-description{font-size:11px}
 #site-menu .menu-close{padding:7px 10px;font-size:11px}
 .forest-static .street-object .stop-object-image{width:100%;height:210px}
 .forest-static .street-object>.stop-invitation{width:100%;margin-top:22px;max-width:none}
}
@media(max-width:360px){.tools #menu-open.fieldbook-toggle{max-width:101px;font-size:9px}.fieldbook-toggle svg{width:18px}.stop-question{font-size:19px}#site-menu .fieldbook-entry{grid-template-columns:69px 1fr}.entry-title{font-size:20px}.entry-art img{height:90px}}
@media(min-width:701px) and (max-height:700px){.street-object .stop-object-image{max-height:26vh}.street-object>.stop-invitation{min-height:65px;padding-block:10px}.stop-question{font-size:21px}.street-object{left:calc(var(--object-x) + 5vw)}}
@media(prefers-reduced-motion:reduce){.fieldbook-entry,.street-object *{transition:none!important;animation:none!important}}
.forest-static .street-object *{transition:none!important}
.street-object:focus-visible{outline:none}
.street-object:focus-visible>.stop-invitation{outline:3px solid #862e51;outline-offset:5px}
.entry-title{overflow-wrap:normal;hyphens:auto}
.entry-art img,.fieldbook-entry:nth-child(1) .entry-art img,.fieldbook-entry:nth-child(4) .entry-art img{max-width:100%}
.vertical-heading{width:min(440px,34vw);max-width:none;padding:18px 23px 18px 20px;background:repeating-linear-gradient(0deg,#71445204 0 1px,transparent 1px 4px),linear-gradient(115deg,#fff8ed,#f8ecdf);border:1px solid #b47f9655;border-left:3px solid #862e51;border-radius:3px 19px 5px 12px;box-shadow:4px 5px 0 #b98fa323,0 7px 25px #53304412;color:#34202c}
.vertical-heading h1{margin:7px 0 12px}
.vertical-heading .street-lead{font-size:15px;line-height:1.55;max-width:none}
.vertical-heading .street-hint{font-size:12px;line-height:1.45;color:#654554;margin-top:12px;letter-spacing:0}
.forest-static .vertical-heading{width:auto;border:0;border-left:3px solid #862e51;box-shadow:none;padding:12px 20px;background:#fff8ed}
@media(max-width:700px){.vertical-heading{left:3vw;top:106px;width:94vw;max-width:none;padding:10px 12px}.vertical-heading h1{font-size:28px;line-height:1.1;margin:4px 0 6px}.vertical-heading .eyebrow{font-size:10px;line-height:1.3}.vertical-heading .street-lead{font-size:12px;line-height:1.45}.vertical-heading .street-hint{font-size:10px;line-height:1.4;margin-top:7px}.forest-static .vertical-heading{top:auto;left:auto;width:auto}}
@media(min-width:701px) and (max-height:700px){.vertical-heading{top:94px;padding:13px 18px;width:min(430px,32vw)}.vertical-heading h1{font-size:35px;margin:5px 0 8px}.vertical-heading .street-lead{font-size:14px}.vertical-heading .street-hint{font-size:11px;margin-top:9px}}
@media(max-width:360px){body:not(.forest-static) .street-object{--approach-length:94px;bottom:calc(100% - var(--route-ground) + 94px)}}
@media(max-width:700px){body:not(.forest-static) .street-object::before{content:'';position:absolute;z-index:-2;left:42%;bottom:calc(-1 * var(--approach-length,119px));width:32%;height:calc(var(--approach-length,119px) + 13px);background:linear-gradient(105deg,#d7bca2,#eddbc6 50%,#d9bfa8);clip-path:polygon(7% 0,74% 0,55% 23%,64% 39%,95% 66%,100% 100%,0 100%,10% 72%,32% 45%,28% 28%)}}
.mobilab-forest-scenery .mobilab-forest-asset--lamp{transform:translateX(-50%) scaleX(var(--forest-flip,1)) translateZ(.1px);backface-visibility:visible;will-change:transform}
@media(max-width:360px){#site-menu.fieldbook{padding-right:16px;padding-left:26px}#site-menu .fieldbook-entry{grid-template-columns:58px 1fr;padding-right:20px}.entry-title{font-size:19px}.entry-description{font-size:10.5px}.entry-arrow{right:7px;bottom:8px;width:22px;height:22px}.entry-copy{padding-bottom:14px}}
/* Spacious reading panels: real activity photographs, developed copy and visual links. */
#detail.encounter-reader,#street-bubble.encounter-reader{width:min(1140px,94vw);max-width:1140px;max-height:92svh;padding:0;border-radius:5px 28px 5px 20px;overflow:auto;overscroll-behavior:contain;background:#fcf6f0;border-top:6px solid #b77599;scrollbar-gutter:stable}
.encounter-reader .reader-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;background:#fcf6fffa;background:#fcf6f0fa;border-bottom:1px solid #862e5122;backdrop-filter:blur(10px)}
.encounter-reader .reader-label{font:11px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.11em;color:#654554}
.encounter-reader .reader-bar button{float:none;font-size:13px;flex:none;min-height:44px;background:#fff9f3}
.encounter-reader .reader-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:32px;padding:28px}
.encounter-reader .reader-photo{position:sticky;top:93px;margin:0;min-width:0;transform:rotate(-1deg);padding:10px;background:#fffaf3;box-shadow:0 6px 22px #4e293b17;border:1px solid #d6b8c1}
#street-bubble.encounter-reader #bubble-image,#detail.encounter-reader #detail-photo{display:block;width:100%;height:auto;aspect-ratio:800/535;object-fit:cover;margin:0;border-radius:2px}
.encounter-reader figcaption{padding:12px 3px 4px;font:11px/1.5 Arial,sans-serif;color:#70545f}
.encounter-reader .reader-body{min-width:0;padding:0 3px 6px}
#street-bubble.encounter-reader h2,#detail.encounter-reader h2{font:400 clamp(29px,3vw,43px)/1.1 Georgia,serif;margin:9px 0 21px;letter-spacing:-.025em;overflow-wrap:break-word}
#street-bubble.encounter-reader p,#detail.encounter-reader p{font:16px/1.65 Arial,sans-serif;margin:0 0 18px;color:#45303b}
#street-bubble.encounter-reader .bubble-kicker,#detail.encounter-reader .eyebrow{font:11px/1.4 Arial,sans-serif;color:#862e51;margin:0 0 8px;padding:0}
.encounter-reader h3{font:400 23px/1.25 Georgia,serif;margin:25px 0 11px;color:#34202c}
.encounter-reader .reader-more{margin-top:30px;padding-top:22px;border-top:1px solid #862e5133}
#street-bubble .reader-cards,#detail .reader-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#street-bubble .reader-cards a,#detail .reader-cards a{display:flex;flex-direction:column;padding:0;overflow:hidden;min-width:0;border:1px solid #b98ba050;background:#f4e3e9;border-radius:3px 18px 3px 12px;text-decoration:none;color:#522b40;transition:background .18s ease,box-shadow .18s ease}
#street-bubble .reader-cards a:nth-child(2),#detail .reader-cards a:nth-child(2){background:#e9ecd9}
.reader-cards a>img{display:block;width:100%;height:auto;aspect-ratio:800/535;object-fit:cover}
.reader-card-copy{display:flex;flex-direction:column;gap:9px;padding:16px;flex:1}
.reader-card-title{font:400 21px/1.17 Georgia,serif}
.reader-card-description{font:13px/1.5 Arial,sans-serif;color:#604955}
.reader-card-arrow{font:22px/1 Arial,sans-serif;align-self:flex-end;margin-top:auto}
.reader-cards a:hover{box-shadow:0 5px 16px #633d5222}
.reader-cards a:focus-visible{outline:3px solid #862e51;outline-offset:3px}
@keyframes forest-arrival{from{opacity:0}to{opacity:1}}
.vertical-active:not(.junction-turning):not(.forest-static) .vertical-heading,.vertical-active:not(.junction-turning):not(.forest-static) .forest-viewport,.vertical-active:not(.junction-turning):not(.forest-static) .branch-controls{animation:forest-arrival .55s ease-out both}
@media(max-width:760px){
 #detail.encounter-reader,#street-bubble.encounter-reader{width:96vw;max-height:94svh;border-radius:4px 20px 4px 14px}
 .encounter-reader .reader-bar{padding:8px 14px;gap:8px}
 .encounter-reader .reader-label{font-size:9px}
 .encounter-reader .reader-layout{grid-template-columns:1fr;gap:20px;padding:16px}
 .encounter-reader .reader-photo{position:relative;top:auto;transform:none;padding:6px}
 #street-bubble.encounter-reader p,#detail.encounter-reader p{font-size:15px;line-height:1.65}
 #street-bubble.encounter-reader h2,#detail.encounter-reader h2{font-size:32px}
 #street-bubble .reader-cards,#detail .reader-cards{grid-template-columns:1fr}
 #street-bubble .reader-cards a,#detail .reader-cards a{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1fr)}
 .reader-cards a>img{height:100%;aspect-ratio:auto;object-fit:cover}
 .reader-card-copy{padding:13px;gap:7px}.reader-card-title{font-size:21px}.reader-card-description{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.vertical-active:not(.junction-turning) .vertical-heading,.vertical-active:not(.junction-turning) .forest-viewport,.vertical-active:not(.junction-turning) .branch-controls{animation:none}.reader-cards a{transition:none}}
