@charset "UTF-8";
:root{--paper:#f6f1e7;--ink:#342b23;--muted:#756557;--copper:#9e5029;--line:#d9cbbc;--night:#221d18;--gold:#dbb57b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bf793c;outline-offset:5px}header{height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:32px}.brand span,.header-right{font-size:10px;letter-spacing:1.8px}.header-right{display:flex;gap:30px;align-items:center}header button{background:transparent;border:0;font-size:12px;color:var(--ink);padding:12px 0}main{display:grid;grid-template-columns:minmax(440px,.92fr) minmax(0,1.08fr)}.map-panel{background:var(--night);color:#f4e9d5;padding:42px 42px 26px;position:sticky;top:0;align-self:start;min-height:calc(100vh - 76px);overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--gold);margin:0 0 17px}h1{font:normal clamp(44px,4.7vw,78px)/.98 Georgia,serif;letter-spacing:-2.6px;margin:0}h1 em{font-weight:normal;color:#dfb777}.dek{font:15px/1.65 Arial,sans-serif;color:#beae99;margin:22px 0 0}#orb{position:relative;width:100%;height:355px;margin:-10px 0 -8px}#orb-canvas{width:100%;height:100%;display:block}.orb-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;color:#a79780;font-size:8px;letter-spacing:3px}.orb-center i{font-style:normal;color:var(--gold);font-size:19px}#orb-points{position:absolute;inset:0}.point{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;color:#efe2ce;padding:0;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:10px;white-space:nowrap;min-width:44px;min-height:44px;justify-content:center;transition:filter .2s}.point .dot{width:11px;height:11px;background:#cfaa75;border:2px solid var(--night);border-radius:50%;box-shadow:0 0 0 1px #ab8b62}.point img{width:33px;height:33px;border-radius:50%;object-fit:cover;border:1px solid #d2b181}.point.selected .dot{background:#fff0bc;box-shadow:0 0 0 5px #bd8e5138,0 0 20px #efc46e}.point.selected img{outline:2px solid #fff0bc;outline-offset:3px}.point.selected{color:#fff4ce}.point:hover{filter:brightness(1.35)}.point span.label{padding:2px 5px;background:#221d18dd}.map-tools{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #554535;padding-bottom:16px}.legend{display:flex;gap:20px;font-size:8px;letter-spacing:1.5px;color:#c5ad89}.map-tools button,.map-footer button{background:none;border:0;color:#dcc5a5;padding:9px 0;font-size:11px}.compass{display:grid;grid-template-columns:1fr 1fr;gap:2px 17px;margin:16px 0 0}.compass button{text-align:left;background:none;border:0;color:#dfb777;padding:10px 0;font-size:18px}.compass span{font-size:9px;letter-spacing:1px;color:#bdad97;margin-left:7px}.edge-note{font-size:11px;line-height:1.5;color:#c5b39a;min-height:17px;margin:7px 0}.index{border-top:1px solid #554535;font-size:12px}.index summary{padding:17px 0;cursor:pointer;list-style:none}.index summary span{float:right}.index ol{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin:0 0 20px}.index button{background:none;border:0;color:#dbc7aa;text-align:left;padding:8px 0;font-size:11px;line-height:1.4}.map-footer{display:flex;justify-content:space-between;border-top:1px solid #554535;padding-top:8px}.reader-panel{min-width:0}.layers{display:flex;align-items:stretch;justify-content:space-around;min-height:66px;padding:0 22px;border-bottom:1px solid var(--line)}.layers button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:18px 8px;font-size:12px}.layers button[aria-pressed=true]{color:var(--copper);border-bottom-color:var(--copper)}.reader-media{position:relative;height:clamp(240px,25vw,380px);overflow:hidden;background:#d0be9f}.reader-media img{width:100%;height:100%;object-fit:cover;display:block;animation:arrive .6s ease}.image-kind{position:absolute;bottom:14px;left:22px;background:#1c191acc;color:#eee5d7;padding:6px 8px;font-size:8px;letter-spacing:1.1px}.reader-media button{position:absolute;right:18px;bottom:14px;border:0;background:#1c191acc;color:#fff;width:36px;height:36px;font-size:23px}article{padding:36px clamp(26px,4vw,68px) 16px}article .kicker{color:var(--copper);font-size:10px;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 15px}h2{font:normal clamp(33px,3.2vw,50px)/1.08 Georgia,serif;letter-spacing:-1.1px;margin:0 0 12px}.byline{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 27px}.poem{font:clamp(16px,1.36vw,20px)/1.8 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:26px 0 36px;tab-size:2}.prose{font:19px/1.8 Georgia,serif;max-width:650px}.prose p{margin:0 0 23px}.prose h3{font:normal 24px/1.2 Georgia,serif;margin:31px 0 14px}.edition,.source-note{font-size:11px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.sources{list-style:none;padding:0;font-size:12px;line-height:1.8}.sources li{margin:8px 0}.availability{display:block;color:var(--copper);font:11px/1.6 Arial,sans-serif;letter-spacing:.3px;margin:10px 0 24px}.text-action{background:transparent;border:1px solid var(--line);padding:11px 15px;color:var(--ink);font-size:12px;margin:5px 6px 14px 0}.reader-actions{margin:10px clamp(26px,4vw,68px) 0;display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid var(--line);padding-top:15px}.reader-actions button{background:none;border:0;font-size:11px;color:var(--muted);padding:10px 0}.reader-actions span{font-size:11px;color:var(--copper);padding-top:10px}.route-controls{display:flex;align-items:center;justify-content:space-between;padding:26px clamp(26px,4vw,68px) 36px;gap:10px}.route-controls button{background:none;border:0;font-size:12px;color:var(--copper);padding:10px 0}.route-controls span{font-size:10px;color:var(--muted);letter-spacing:1px}.page-footer{display:flex;justify-content:space-between;gap:20px;padding:24px 4vw;font-size:10px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line)}dialog{border:0;background:var(--paper);color:var(--ink);width:min(800px,94vw);max-height:90vh;padding:42px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#171310b8;backdrop-filter:blur(4px)}dialog .close{position:sticky;top:0;float:right;border:0;background:var(--paper);font-size:29px;width:40px;height:40px;z-index:2}dialog h2{font-size:34px}dialog p,dialog li{font-size:15px;line-height:1.8}dialog img{width:100%;height:auto;margin:15px 0}textarea{width:100%;min-height:200px;padding:15px;background:#fffaf2;border:1px solid var(--line);color:var(--ink);font:14px/1.6 Arial,sans-serif}body.focus-image .reader-media{height:auto}body.focus-image .reader-media img{height:auto;aspect-ratio:16/9;object-fit:contain}@keyframes arrive{from{opacity:.6;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}@media(min-width:1600px){#orb{height:410px}.map-panel{padding-left:65px;padding-right:65px}}@media(max-width:1000px){main{grid-template-columns:44% 56%}.map-panel{padding:30px 22px 20px}h1{font-size:49px}#orb{height:320px}.point span.label{font-size:9px}.legend{gap:10px}.compass span{letter-spacing:0;font-size:8px}.layers{padding:0 10px}.layers button{font-size:10px}article{padding:30px 25px 15px}.poem{font-size:16px}.prose{font-size:18px}}@media(max-width:720px){header{height:62px;padding:0 20px}.header-right>span{display:none}.brand span{font-size:8px;letter-spacing:1px}main{display:block}.map-panel{position:relative;padding:30px 24px 17px;min-height:0}.map-intro{position:relative;z-index:1}h1{font-size:55px;letter-spacing:-2px}.dek{font-size:13px;margin:17px 0 0}#orb{height:335px;margin:-3px auto -5px;max-width:470px}.compass{grid-template-columns:repeat(3,1fr);gap:2px 8px}.compass button{font-size:15px}.compass span{font-size:7px;display:block;margin:4px 0 0;letter-spacing:.1px}.edge-note{margin:3px 0 12px}.reader-media{height:250px}.layers{position:sticky;top:0;background:var(--paper);z-index:5;min-height:60px}.layers button{font-size:11px}.prose{font-size:19px}.poem{font-size:16px;line-height:1.85}article{padding:29px 23px 14px}h2{font-size:39px}.reader-actions{margin:10px 23px 0}.route-controls{padding:22px 23px 30px}.page-footer{flex-direction:column;padding:23px;gap:12px}dialog{padding:24px}.legend{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{header,.map-panel,.layers,.reader-actions,.route-controls,.page-footer,dialog,button,.image-kind{display:none!important}body,main,.reader-panel{display:block;background:white;color:black}.reader-media{height:220px!important;break-inside:avoid}.reader-media img{object-fit:contain}article{padding:20px 0}.prose,.poem{font-size:12pt;line-height:1.6}.sources a::after{content:' (' attr(href) ')';font-size:9pt}article h2{font-size:26pt}.edition{color:#333}p{orphans:3;widows:3}}

/* A continuous spherical spiral, with one photograph between every pair of poems. */
#orb{height:490px;margin:4px 0 2px}.point{gap:3px}.point img{width:36px;height:36px}.point .dot{width:13px;height:13px}.point span.label{font-size:10px;border-radius:3px}.image-kind{max-width:calc(100% - 86px);font-size:10px;line-height:1.6;letter-spacing:0}.image-kind a{text-decoration-thickness:1px}.reader-media img{object-position:center 44%}body.focus-image .reader-media img{max-height:650px;aspect-ratio:auto;object-fit:contain;background:#ded3c0}@media(min-width:1600px){#orb{height:520px}}@media(max-width:1000px){#orb{height:460px}.point span.label{font-size:9px}}@media(max-width:720px){#orb{height:460px;margin:7px auto}.image-kind{font-size:9px;left:14px}.point span.label{font-size:9px}}
.point:has(img) .label{position:absolute;left:calc(100% + 1px);top:50%;transform:translateY(-50%)}.point.photo-left .label{left:auto;right:calc(100% + 1px)}

/* Pacific Northwest autumn: warm paper, sunlit foliage and maple-red ink. */
:root{--paper:#fff9eb;--ink:#3c2b20;--muted:#74604d;--copper:#a7361f;--line:#dfccaa;--night:#f6d27b;--gold:#8e371e}
header{background:#fff6df}.map-panel{background:#f6d27b;color:#4b2b1a;padding-top:32px}.eyebrow{color:#82351d;font-weight:600;letter-spacing:2px}h1{font-size:clamp(43px,4.3vw,69px);line-height:1.02;letter-spacing:-2.4px}h1 em{color:#a33320}.dek{color:#684426;margin-top:18px;font-size:14px}.map-tools,.index,.map-footer{border-color:#b7834266}.legend,.compass span,.edge-note,.map-tools button,.map-footer button,.index button{color:#674225}.compass button{color:#a33320}.point{color:#5e321c}.point .dot{background:#a73b20;border-color:#f9db94;box-shadow:0 0 0 1px #9c4627}.point.selected .dot{background:#a52819;box-shadow:0 0 0 5px #fff1cbaa,0 0 15px #fff8ce}.point.selected{color:#852a1b}.point.selected img{outline-color:#a33320}.point span.label{background:#ffe9b9ed}.point img{border-color:#99502e}.point:hover{filter:brightness(1.08)}.reader-media{background:#e9c475}.image-kind{background:#302514d9;color:#fff8e7}.layers{background:#fff6e1}.layers button[aria-pressed=true]{font-weight:600}.text-action{border-color:#c79865}.page-footer{background:#fff3d3}
.music-player{margin-top:22px;padding:14px 0 12px;border-top:1px solid #b7834266;border-bottom:1px solid #b7834266;max-width:410px}.music-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.music-heading>span{font-size:9px;letter-spacing:1.5px;color:#674225}.music-heading button{border:0;border-radius:2px;background:#96321e;color:#fff9e8;min-height:38px;padding:8px 14px;font-size:12px}.music-piece{font:19px/1.3 Georgia,serif;margin:6px 0 10px}.music-piece span{font:11px Arial,sans-serif;color:#674225}.music-options{display:flex;align-items:center;gap:9px;font-size:10px;color:#674225}.music-options input[type=range]{accent-color:#a33320;min-width:45px;width:105px;cursor:pointer}.music-options output{min-width:26px}.repeat-option{display:flex;align-items:center;gap:4px;margin-left:auto}.repeat-option input{accent-color:#a33320;width:16px;height:16px}.music-player>p:last-of-type{font-size:10px;line-height:1.5;color:#674225;margin:8px 0 0;min-height:15px}.music-player input:focus-visible{outline:2px solid #a33320;outline-offset:4px}#orb{margin-top:12px}
@media(min-width:721px) and (max-width:1100px){h1{font-size:47px}.map-panel{padding-left:25px;padding-right:25px}.music-options{gap:5px}.music-options input[type=range]{width:72px}}
@media(max-width:720px){h1{font-size:54px}.map-intro{max-width:440px}.music-player{max-width:470px;margin-top:20px}.music-options input[type=range]{width:110px}.map-panel{padding-top:28px}.reader-media{height:280px}}
@media print{.music-player{display:none!important}}

.film-player{padding:26px clamp(24px,3vw,44px);background:#ffedbc;border-bottom:1px solid var(--line)}.film-player h2{font-size:33px;margin-bottom:9px}.film-player>p{font-size:13px;line-height:1.6}.film-player .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:11px}.film-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:15px 0}.film-actions label{font-size:11px}.film-actions select,.film-actions button{padding:10px 12px;border:1px solid #b77948;background:#fff8e7;color:#78351c;font:12px Arial,sans-serif;min-height:40px}.film-actions #film-start{background:#96321e;color:#fff8e7}.film-player audio{width:100%;height:40px}.film-player #film-caption{min-height:44px;font:17px/1.5 Georgia,serif}.film-player .film-links{font-size:11px}.film-video{display:block;width:100%;aspect-ratio:16/9;border:0;background:#251e14}dialog:has(.film-video){width:min(1050px,96vw);max-width:1050px}@media print{.film-player{display:none!important}}