@font-face{font-family:Newsreader;src:url("/assets/fonts/newsreader.6e4f2958c3a7.woff2") format("woff2");font-style:normal;font-weight:400 600;font-display:swap} @font-face{font-family:"Instrument Serif";src:url("/assets/fonts/instrument-serif.5eb09b5ac0e2.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap} @font-face{font-family:"Instrument Serif";src:url("/assets/fonts/instrument-serif-italic.5a51946dfffa.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap} body{font-family:Newsreader,"Iowan Old Style","Palatino Linotype",Palatino,Charter,Georgia,serif;font-optical-sizing:auto;font-size:19px;line-height:1.6} h1,h2,h3,.display,.wordmark{font-family:"Instrument Serif",Georgia,serif;font-weight:400;line-height:1.04;text-wrap:balance} p{text-wrap:pretty}h1,h2,h3,p{margin:0}h1{font-size:clamp(3.25rem,6.6vw,6rem);letter-spacing:-.025em}h2{font-size:2.2rem}h3{font-size:1.8rem} .mono,.eyebrow,.site-header,.site-footer,.room-nav,.chapter-rail,.piece-meta,.draft,.back,.end-nav{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.75rem;line-height:1.6;font-weight:400} .eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.muted{color:var(--muted)} @media(max-width:600px){body{font-size:17px}h1{font-size:3.5rem}.mono,.eyebrow,.site-header,.site-footer,.room-nav,.chapter-rail,.piece-meta,.draft,.back,.end-nav{font-size:.75rem}} *{box-sizing:border-box}html{--ground:#100f0d;--ink:#e9e4d8;--muted:#9a938a;--accent:#e0862d;--rule:#2a2723;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;color-scheme:dark;background:var(--ground);--header-height:64px;scroll-padding-top:calc(var(--header-height) + 16px)} html[data-theme=light]{--ground:#f4efe6;--ink:#1a1815;--muted:#6b655c;--accent:#94520e;--rule:#d9d2c5;color-scheme:light} body{margin:0;background:var(--ground);color:var(--ink);min-width:280px}::selection{background:var(--accent);color:var(--ground)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}a:hover{color:var(--accent)}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{cursor:pointer}img{max-width:100%;height:auto;display:block}svg{display:block}.filter-def{position:absolute;overflow:hidden}.site-header,.site-footer,main{width:min(1040px,calc(100% - 96px));margin-inline:auto}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);gap:16px}.brand{min-height:44px;display:flex;align-items:center;gap:12px;text-decoration:none}.brand svg{width:20px;height:20px;color:var(--accent)}.brand span{letter-spacing:.09em}.header-right{display:flex;align-items:center;gap:36px}.location{color:var(--muted);font-size:.75rem}.lights{border:0;background:transparent;padding:10px 0 10px 16px;min-height:44px}.lights span{margin-right:8px;font-size:17px}.lights:hover{color:var(--accent)}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-100px;z-index:10;padding:12px;background:var(--ground)}.skip:focus{top:12px}main:focus{outline:0}.site-footer{border-top:1px solid var(--rule);margin-top:80px;padding:25px 0 36px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted)}.site-footer a{text-decoration:none;white-space:nowrap}.site-footer a span{color:var(--accent);margin-left:8px}.back{display:inline-flex;min-height:44px;align-items:center;color:var(--muted);text-decoration:none;margin:22px 0 36px}.back span{color:var(--accent);margin-right:12px}.prose{max-width:65ch;margin-inline:auto;overflow-wrap:break-word}.prose p{margin-bottom:1.3em}.prose a{color:var(--accent)}.prose img{margin:2rem auto}.prose hr{border:0;border-top:1px solid var(--rule);margin:2.3rem 0}.prose h2{margin:2rem 0 .5rem}.prose strong{font-weight:600}.piece-header{max-width:760px;margin:12px auto 52px}.piece-header h1{margin:20px 0}.piece-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted)}.piece-meta a{color:var(--accent)}.subtitle{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.75rem;color:var(--muted)}.draft{color:var(--muted);border-bottom:1px solid var(--rule);padding-bottom:20px;margin-bottom:24px}.original-note{border-top:1px solid var(--rule);padding-top:24px;margin-top:48px;color:var(--muted);font-size:1rem}.end-nav{border-top:1px solid var(--rule);margin:56px auto 0;padding-top:22px;display:flex;justify-content:space-between;gap:24px;max-width:65ch}.end-nav a{color:var(--accent);text-decoration:none}.about .piece-header,.about .prose{max-width:650px}.about .piece-header .eyebrow{max-width:420px}.about .prose p:first-child{font-size:1.6rem;line-height:1.4}.not-found .piece-header{margin-top:64px}.not-found .piece-header svg{width:48px;height:48px;margin-bottom:28px;color:var(--accent)}.not-found .prose{margin-bottom:100px}.not-found .signature{margin:32px 0;color:var(--muted)} @media(max-width:700px){.site-header,.site-footer,main{width:calc(100% - 40px)}.site-header{height:76px}.location{display:none}.brand span{font-size:.7rem}.site-footer{margin-top:48px;align-items:flex-start;font-size:.7rem}.site-footer a{font-size:.7rem}.piece-header{margin:0 auto 36px}.piece-header h1{font-size:clamp(2.8rem,10vw,4rem)}.back{margin:12px 0 24px}.end-nav{font-size:.7rem}.prose{max-width:100%}.about .piece-header .eyebrow{font-size:.65rem}} .door-hero{padding:52px 0 46px}.door-hero .eyebrow{display:flex;justify-content:space-between}.wordmark{font-size:clamp(5rem,12.6vw,9.6rem);letter-spacing:-.04em;margin:24px 0 28px;line-height:.94;white-space:nowrap}.wordmark em{font-weight:400}.start-heading{display:flex;align-items:center;gap:20px;margin-bottom:0}.start-heading h2{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);white-space:nowrap}.start-heading:after{content:"";height:1px;background:var(--rule);width:100%}.doors{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;list-style:none;margin:0;padding:0}.doors li{border-bottom:1px solid var(--rule);container-type:inline-size}.door-link{padding:26px 30px 26px 34px;display:block;text-decoration:none;position:relative;min-height:173px}.door-link .number{position:absolute;left:0;top:29px;color:var(--muted);font:12px var(--mono)}.door-link h3{font-size:2rem;line-height:1.1;margin-bottom:10px;max-width:390px}.door-link p{font-size:17px;color:var(--muted);line-height:1.45}.door-link .arrow{position:absolute;right:0;top:27px;font:20px var(--mono);color:var(--accent)}.door-link:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}.rooms-index{display:flex;gap:40px;margin-top:36px;align-items:baseline}.rooms-index .eyebrow{white-space:nowrap}.room-nav{display:flex;gap:24px;flex-wrap:wrap;align-items:baseline;list-style:none;padding:0;margin:0}.room-nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:14px}.room-nav sup{font-size:10px;color:var(--muted);margin-left:5px}.room-nav .about-link{margin-left:auto}.home .site-footer{margin-top:40px}.room-links{border-top:1px solid var(--rule);padding-top:28px;margin-top:40px} .chapter-rail{display:flex;flex-wrap:wrap;gap:12px 28px;padding:18px 0;margin-top:30px;border-block:1px solid var(--rule)}.chapter-rail a{color:var(--muted);text-decoration:none}.chapter-rail a:hover{color:var(--accent)}.chapter{content-visibility:auto;contain-intrinsic-size:auto 3200px}.chapter h2{scroll-margin-top:30px}.room-story .prose h2{font-size:2.7rem;margin:50px 0 12px}.room-story .prose section:first-child h2{margin-top:0}.progress{position:fixed;top:var(--header-height);left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:5;display:none}@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:scroll()){.progress{display:block;animation:read-progress linear both;animation-timeline:scroll(root)}@keyframes read-progress{to{transform:scaleX(1)}}}} .room-lyrics{--ground:#000;--ink:#f2f2f2;--muted:#8a8a8a;--rule:#252525;--accent:#e0862d;background:var(--ground);color:var(--ink)}html[data-theme=light] .room-lyrics{--ground:#f4efe6;--ink:#1a1815;--muted:#6b655c;--rule:#d9d2c5;--accent:#94520e}.room-lyrics .brand span{filter:url(#spike);font-family:"Instrument Serif",Georgia,serif;font-size:1.5rem;letter-spacing:-.03em}.metal-wordmark{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(4.5rem,10vw,8.5rem);line-height:1;filter:url(#spike);text-align:center;letter-spacing:-.05em;margin:30px 0 42px}.room-lyrics .track-number{font:12px/1.8 var(--mono);color:var(--muted)}.lyric-piece .piece-header{text-align:center;max-width:680px}.lyric-piece .piece-header h1{font-size:3.5rem}.lyric-piece .piece-meta{justify-content:center}.lyric-piece .prose{max-width:44ch;text-align:center;white-space:pre-line;line-height:1.45}.lyric-piece .prose p{margin-bottom:1.5rem}.lyric-piece .metal-wordmark{font-size:4rem;margin:0 auto 40px} @container(max-width:390px){.door-link h3{font-size:1.8rem}} @media(max-width:700px){.door-hero{padding:32px 0}.door-hero .eyebrow{font-size:.65rem}.wordmark{white-space:normal;font-size:clamp(4.4rem,15.8vw,7rem);line-height:.92;max-width:500px;margin:28px 0 22px}.wordmark em{display:block}.doors{grid-template-columns:1fr;gap:0}.door-link{min-height:0;padding:22px 28px 22px 32px}.door-link h3{font-size:1.85rem}.door-link p{font-size:16px}.door-link .number{top:25px}.door-link .arrow{top:22px}.rooms-index{display:block;margin-top:28px}.rooms-index .eyebrow{margin-bottom:15px}.room-nav{gap:12px 24px}.chapter-rail{gap:12px 20px;font-size:11px}.metal-wordmark{margin:20px 0 35px}.lyric-piece .piece-header h1{font-size:2.6rem}} .doors li{&:has(a:focus-visible){border-color:var(--accent)}} .family-photos{margin-top:48px;padding-top:24px;border-top:1px solid var(--rule)} .poem-piece .prose{white-space:pre-line} @media(max-width:700px){.room-lyrics .brand span{font-size:18px;line-height:1;white-space:nowrap}.room-lyrics .header-right{gap:12px;flex-shrink:0}.room-lyrics .lights{white-space:nowrap}} .door-hero{display:grid;grid-template-columns:.95fr 1.25fr;align-items:center;gap:30px;padding:48px 0 56px} .door-intro{position:relative;z-index:1} .door-hero .eyebrow{display:block} .home .wordmark{white-space:normal;font-size:clamp(4.8rem,8.5vw,7rem);line-height:.9;letter-spacing:-.045em;margin:24px 0 28px} .home .wordmark em{display:block} .door-description{font-size:1.2rem;color:var(--muted);line-height:1.5} .enter-link{display:inline-flex;align-items:center;gap:28px;margin-top:28px;min-height:44px;font:12px var(--mono);text-decoration:none} .enter-link span{color:var(--accent);font-size:20px} .desk-art{margin:0;position:relative} .editorial-art{width:100%;height:auto;background:#100f0d;border:1px solid var(--rule)} .desk-art img{aspect-ratio:1.1;object-fit:cover;object-position:65% center} .desk-art figcaption{font:11px var(--mono);color:var(--muted);padding-top:12px;text-align:right} .start-heading{justify-content:space-between;margin-bottom:8px;gap:16px} .start-heading:after{display:none} .start-heading .eyebrow{font-size:10px;letter-spacing:.06em} .piece-art{margin:32px 0 0} .piece-art img{aspect-ratio:1.8;object-fit:cover} .about-art{margin:30px 0 0} .about-art img{aspect-ratio:2;object-fit:cover;object-position:center 55%} .reading-thread{max-width:65ch;margin:48px auto 0;padding:28px 0 0;border-top:1px solid var(--rule)} .reading-thread>.eyebrow{font-size:11px;margin-bottom:14px} .reading-thread>p:not(.eyebrow){color:var(--muted);font-size:1.05rem;line-height:1.5;margin-bottom:16px} .reading-thread>a{color:var(--accent);text-decoration:none;display:inline-block;padding:8px 0} .reading-thread+a{margin-top:28px} @media(max-width:700px){ .door-hero{grid-template-columns:1fr;gap:24px;padding:32px 0 38px} .home .wordmark{font-size:clamp(4.8rem,17vw,6.7rem);max-width:none;margin:22px 0} .door-description{font-size:1.1rem} .enter-link{margin-top:12px} .desk-art img{aspect-ratio:1.5;object-position:center} .desk-art figcaption{font-size:10px} .start-heading .eyebrow{font-size:9px;white-space:nowrap} .piece-art img{aspect-ratio:1.5} .about-art img{aspect-ratio:1.5} .reading-thread{margin-top:36px} } @media print{.desk-art,.piece-art,.about-art,.reading-thread,.enter-link{display:none}.door-hero{display:block}} @media(max-width:700px){ } @media print{} .deeper-thought{margin:36px 0 0;border-block:1px solid var(--rule)} .deeper-thought>summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;list-style:none;cursor:pointer;color:var(--accent);font:14px/1.5 var(--mono)} .deeper-thought>summary::-webkit-details-marker{display:none} .deeper-thought>summary:after{content:'+';font-size:26px} .deeper-thought[open]>summary:after{content:'−'} .deeper-thought[open]>summary{margin-bottom:12px} .deeper-thought>summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px} .deeper-thought>summary:hover{text-decoration:underline;text-underline-offset:5px} .post-date{font:12px/1.6 var(--mono);color:var(--muted);border-bottom:1px solid var(--rule);padding-bottom:20px;margin-bottom:24px} .story-scene,.door-flavah{display:none} html[data-flavah=on] .with-scenes .story-scene{display:block} .story-scene{margin:3rem 0;break-inside:avoid} .scene-open{position:relative;display:block;width:100%;padding:7px;background:var(--ground);border:1px solid var(--muted);box-shadow:4px 4px 0 var(--rule);text-align:left;aspect-ratio:1.5} .prose .scene-open img{margin:0;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;border:0} .scene-number,.scene-enlarge{position:absolute;bottom:12px;background:var(--ground);color:var(--ink);padding:4px 8px;font:10px var(--mono)} .scene-number{left:12px}.scene-enlarge{right:12px;color:var(--accent)} html[data-flavah=on] .with-scenes .prose{max-width:760px} html[data-flavah=on] body:not(.room-lyrics) .piece-art{border:1px solid var(--muted);padding:7px;box-shadow:4px 4px 0 var(--rule)} html[data-flavah=on] body:not(.room-lyrics) .piece-art img{aspect-ratio:1.5;object-fit:contain;border:0} html[data-flavah=on] .with-scenes .chapter h2{border-top:1px solid var(--muted);padding-top:30px} html[data-flavah=on] .home .door-flavah{display:block;margin:22px 0} html[data-flavah=on] .home .door-flavah img{width:100%;aspect-ratio:1.9;object-fit:cover;image-rendering:auto} html[data-flavah=on] .home .door-link{padding-bottom:26px} .art-viewer{width:min(1100px,calc(100vw - 32px));max-height:calc(100svh - 32px);padding:48px 20px 20px;background:var(--ground);color:var(--ink);border:1px solid var(--muted);overflow:auto} .art-viewer::backdrop{background:rgb(0 0 0 / .9)} .viewer-close{position:absolute;top:7px;right:16px;border:0;background:none;min-height:44px;font:12px var(--mono)} .viewer-image{width:100%;max-height:68svh;object-fit:contain} .viewer-caption{display:flex;gap:20px;align-items:baseline;justify-content:space-between;margin-top:16px;color:var(--muted);font-size:1rem} .viewer-caption p{margin:0}.viewer-caption span{white-space:nowrap;font:11px var(--mono)} .art-viewer nav{display:flex;justify-content:space-between;gap:24px;margin-top:16px} .art-viewer nav button{border:1px solid var(--rule);background:none;padding:12px 16px;font:12px var(--mono);min-height:44px} .art-viewer nav button:disabled{opacity:.35;cursor:default} html:has(.art-viewer[open]){overflow:hidden} @media(prefers-reduced-motion:no-preference){.scene-open{transition:border-color .18s,box-shadow .18s}.scene-open:hover{border-color:var(--accent);box-shadow:6px 6px 0 var(--rule)}} @media(max-width:700px){ .header-right{gap:17px}.lights{padding-left:0;font-size:10px}.lights span{margin-right:4px;font-size:14px}.brand{gap:8px}.brand span{letter-spacing:.02em} .story-scene{margin:2.5rem 0}.scene-open{padding:4px;box-shadow:3px 3px 0 var(--rule)} .art-viewer{padding:44px 12px 16px}.viewer-image{max-height:65svh}.viewer-caption{font-size:.9rem} } @media(max-width:350px){.header-right{gap:10px}.brand svg{width:16px}.brand span{font-size:10px}} @media print{.story-scene,.art-viewer,.door-flavah{display:none!important}} html[data-flavah=on] .with-scenes .story-scene.reader-only{display:none} .icon-defs{position:absolute;overflow:hidden} .ui-icon{display:inline-block;width:1em;height:1em;min-width:1em;vertical-align:-.15em;flex-shrink:0;pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} .end-nav a,.viewer-close{display:inline-flex;align-items:center;gap:.6em} :is(a,button,input,select,textarea,[tabindex]){-webkit-tap-highlight-color:transparent} html[data-input=pointer] :is(a,button,input,select,textarea,[tabindex]):focus{outline:none} .site-footer a,.end-nav a,.episode-read{min-height:44px;display:inline-flex;align-items:center} @media(prefers-reduced-motion:no-preference){ @view-transition{navigation:auto} .site-header{view-transition-name:site-header} ::view-transition{pointer-events:none} ::view-transition-group(root){animation-duration:280ms} ::view-transition-old(root){animation:180ms ease-out both page-away;mix-blend-mode:normal} ::view-transition-new(root){animation:280ms cubic-bezier(.22,.75,.25,1) both page-arrive;mix-blend-mode:normal} ::view-transition-group(site-header){z-index:2;animation:none} ::view-transition-old(site-header){animation:none;opacity:0} ::view-transition-new(site-header){animation:none;mix-blend-mode:normal} @keyframes page-away{to{opacity:0}} @keyframes page-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} } @media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}} @media print{html,html[data-theme=light],.room-lyrics{--ground:#fff;--ink:#000;--muted:#444;--accent:#000;--rule:#bbb;color-scheme:light}body{font-size:11pt}.site-header,.lights,.back,.chapter-rail,.progress,.end-nav,.room-links,.skip,.metal-wordmark{display:none}main,.site-footer{width:100%}.piece-header{margin:0 0 24px}.piece-header h1{font-size:32pt}.prose{max-width:100%}.prose a{color:#000}.prose img{max-height:300px;object-fit:contain;break-inside:avoid}.chapter{content-visibility:visible}.site-footer{margin-top:30px;padding:12px 0}.site-footer a{display:none}h2,h3{break-after:avoid}p{orphans:3;widows:3}}