:root{--night:#11110f;--paper:#ece8de;--muted:#b0afa6;--amber:#f59e0b;--rule:#ffffff30;--display:'Josefin Sans',sans-serif;--body:'Source Sans 3',sans-serif;--mono:'JetBrains Mono',monospace;--large:clamp(3.2rem,8.3vw,7.8rem);--reading:1.125rem;--small:.6875rem}
*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--paper);font:var(--reading)/1.6 var(--body);min-height:100svh}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button,a{ -webkit-tap-highlight-color:transparent}button{transition:background .18s ease-out,color .18s ease-out,transform .18s ease-out}button:active:not(:disabled){transform:scale(.97)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:5px}[hidden]{display:none!important}a{color:inherit}h1,h2,p{margin:0}h1,h2{font-family:var(--display);font-weight:600;line-height:1.04}h1:focus{outline:none}button svg{pointer-events:none}
.scene-image{position:fixed;inset:0;z-index:-1;background:var(--night)}.scene-image:after{content:'';position:absolute;inset:0;background:#080907bf}.scene-image img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(.42);opacity:.65;transition:opacity .22s ease-out}.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1600px;margin:auto;padding:1.4rem 5vw;border-bottom:1px solid var(--rule)}.wordmark{font:var(--small)/1.5 var(--mono);letter-spacing:.16em;text-decoration:none}.wordmark span{display:none;font-size:var(--small);letter-spacing:.02em;color:var(--muted);margin-top:.2rem}.tools{display:flex;gap:1.5rem}.text-button{background:none;border:0;color:inherit;padding:.6rem 0;min-height:44px;font:var(--small)/1.5 var(--mono);letter-spacing:.025em;text-align:left;text-decoration:none}.text-button:hover{color:var(--amber)}.tools #note-count{margin-left:.5rem;color:var(--amber)}.eyebrow{font:var(--small)/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.small-line{display:inline-block;width:25px;height:2px;background:var(--amber);vertical-align:middle;margin-right:.7rem}
.opening{max-width:1500px;min-height:calc(100svh - 90px);margin:auto;padding:3.5rem 7vw 1.5rem;display:grid;grid-template-columns:1fr;align-content:center;gap:2.5rem;position:relative}.opening h1{font-size:var(--large);letter-spacing:-.05em;margin:2rem 0 1.4rem;line-height:.95}.opening h1 span{color:var(--amber)}.opening-deck{font-size:var(--reading);line-height:1.5;max-width:36ch}.primary{border:1px solid var(--amber);background:var(--amber);color:var(--night);padding:.95rem 1.25rem;font:var(--small)/1.5 var(--mono);min-height:48px;display:inline-flex;justify-content:space-between;align-items:center;gap:2rem}.primary:hover{background:var(--paper);border-color:var(--paper)}.opening .primary{margin-top:2rem;min-width:255px}.resume{display:block;margin-top:.5rem}.opening-instruction{font:var(--small)/1.8 var(--mono);color:var(--muted);margin-top:1.5rem;max-width:44ch}.opening-message{border-top:2px solid var(--amber);border-bottom:1px solid var(--rule);background:#11110fe8;max-width:345px;align-self:center;margin-bottom:2.5rem}.message-top{display:flex;align-items:center;gap:.6rem;padding:1rem 1.15rem;border-bottom:1px solid var(--rule);font:var(--small)/1.5 var(--mono);color:var(--muted)}.message-top>span:last-child{margin-left:auto;color:var(--paper)}.signal-dot{display:inline-block;width:6px;height:6px;background:var(--amber);border-radius:50%;flex-shrink:0}.opening-message>p{padding:1.5rem 1.15rem;font-size:var(--reading)}.message-bottom{padding:0 1.15rem 1rem;display:flex;justify-content:space-between;color:var(--muted);font:var(--small)/1.5 var(--mono)}.message-bottom>span:last-child{color:var(--amber)}.opening-foot{display:flex;justify-content:space-between;gap:1rem;grid-column:1/-1;font:var(--small)/1.5 var(--mono);color:var(--muted);border-top:1px solid var(--rule);padding-top:1rem}
.experience{max-width:1500px;margin:auto;padding:1.6rem 6vw 0}.scene-top{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--rule);padding-bottom:1rem}.scene-top #scene-number{color:var(--amber)}.stage{display:grid;gap:2rem;margin:2rem 0;align-items:start}.scene-copy{max-width:800px}.scene-copy h1{font-size:var(--large);letter-spacing:-.045em;margin:1.4rem 0 1.8rem;max-width:10ch}.scene-prose{max-width:50ch}.scene-prose p{margin:0 0 1rem;color:#dddacf;line-height:1.7}.scene-prose p:last-child{color:var(--paper)}.read-full{display:block;margin-top:.6rem;text-decoration:underline;text-underline-offset:6px;color:var(--muted)}.phone{background:#171817ee;border:1px solid #a3a3965e;width:100%;max-width:350px;justify-self:start;position:relative}.phone-status{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid #ffffff1c;font:var(--small)/1.5 var(--mono);color:var(--muted)}.phone-contact{display:flex;align-items:center;gap:.9rem;padding:1rem;border-bottom:1px solid var(--rule)}.contact-symbol{width:34px;height:34px;border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;font:var(--small)/1.5 var(--mono);color:var(--amber)}.phone-contact>div>span{font-size:var(--reading);font-weight:600}.phone-contact p{font:var(--small)/1.6 var(--mono);color:var(--muted);margin-top:.2rem}.phone-content{padding:1.2rem 1rem .4rem;min-height:140px}.phone-content .message{border-left:2px solid var(--amber);padding:.6rem .9rem;background:#ffffff06;margin-bottom:1rem;font-size:var(--reading);line-height:1.5}.message .sent-time{display:block;font:var(--small)/1.5 var(--mono);color:var(--muted);margin-top:.7rem}.phone-content video{width:100%;display:block;margin-bottom:.8rem}.video-note{font:var(--small)/1.5 var(--mono);color:var(--muted);margin:.4rem 0 1rem}.choices{padding:.7rem 1rem 1rem;display:grid;gap:.65rem}.choice{border:1px solid #a3a39670;background:none;color:var(--paper);padding:.7rem .8rem;min-height:48px;text-align:left;font:var(--small)/1.6 var(--mono);display:flex;justify-content:space-between;gap:1rem}.choice:after{content:'↗';color:var(--amber)}.choice:hover{border-color:var(--amber);color:var(--amber)}.choice.chosen{background:var(--amber);border-color:var(--amber);color:var(--night)}.choice.chosen:after{content:'✓';color:var(--night)}.reply-result{background:#ffffff08;border-top:1px solid var(--rule);margin:0 1rem;padding:.8rem;font-size:var(--reading);line-height:1.5}.phone-foot{font:var(--small)/1.5 var(--mono);color:var(--muted);border-top:1px solid #ffffff1c;padding:1rem}
.story-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border-top:2px solid #ece8de8c;margin-top:2rem;padding:1.2rem 0}.behind{display:flex;align-items:center;gap:.7rem;font:var(--small)/1.5 var(--mono);background:none;color:var(--paper);border:1px solid var(--rule);padding:.8rem;min-height:48px}.behind:hover,.behind[aria-pressed=true]{color:var(--amber);border-color:var(--amber)}.lens-icon{color:var(--amber);font-size:var(--reading);line-height:1}.key-hint{border:1px solid var(--rule);padding:.15rem .3rem;color:var(--muted);display:none}.next{background:none;border:0;color:var(--paper);font:var(--small)/1.5 var(--mono);padding:.8rem 0;min-height:48px;display:flex;gap:1.5rem}.next:hover:not(:disabled){color:var(--amber)}.scene-progress{display:flex;gap:3px;order:3;width:100%;justify-content:space-between}.progress-step{height:30px;flex:1;background:none;color:var(--muted);border:0;border-top:2px solid #ffffff25;font:var(--small)/1.5 var(--mono);padding:.5rem 0}.progress-step[aria-current=step]{color:var(--amber);border-color:var(--amber)}.progress-step.visited{border-color:#ffffff8a}.story-footer{display:flex;gap:1.5rem;flex-wrap:wrap;border-top:1px solid var(--rule);padding:1rem 0 1.5rem;font:var(--small)/1.6 var(--mono);color:var(--muted)}.clock{display:flex;flex-direction:column;gap:.2rem}.clock b{color:var(--paper);font-weight:400}.art-credit{width:100%;max-width:44ch;align-self:center;font:var(--small)/1.6 var(--mono)}
.archive{max-width:54ch}.archive>p:first-child{color:#6b6960;border-top:2px solid #11110f;padding-top:1rem}.archive #archive-prose{margin:1rem 0}.archive #archive-prose p{margin-bottom:1rem}.archive .signal{border-left:2px solid var(--amber);padding-left:1rem}.chair-plan{margin:1.5rem 0}.chair-plan svg{width:100%;max-width:400px;color:#5a5952}.chair-plan text{font:11px var(--mono);fill:currentColor}.chair-plan .eyebrow{color:#6b6960}.in-archive{background:var(--paper);color:var(--night)}.in-archive .scene-image{background:var(--paper)}.in-archive .scene-image img{opacity:.07;filter:grayscale(1)}.in-archive .scene-image:after{background:#ece8de80}.in-archive .masthead,.in-archive .scene-top,.in-archive .story-footer{border-color:#11110f38}.in-archive .eyebrow,.in-archive .art-credit,.in-archive .clock{color:#68675d}.in-archive .clock b{color:var(--night)}.in-archive .story-controls{border-color:#11110f80}.in-archive .behind{color:var(--night);border-color:#11110f40}.in-archive .behind[aria-pressed=true]{border-color:#a65d00}.in-archive .key-hint{color:#68675d;border-color:#11110f40}.in-archive .next{color:var(--night)}.in-archive .progress-step{border-color:#11110f40;color:#69675f}.in-archive .progress-step[aria-current=step]{color:#8a5000;border-color:#8a5000}.in-archive .phone{color:var(--paper)}.in-archive #scene-number{color:#875000}.in-archive .read-full{color:#68675d}.in-archive .text-button:hover{color:#935800}
.object-space{margin:1rem 0 2rem;max-width:860px;padding:1.5rem;border:1px solid var(--rule);background:#11110fcc}.object-space h2{font-size:var(--reading);font-family:var(--body);font-weight:600;margin:.5rem 0}.object-space>p{max-width:58ch;margin:.6rem 0 1rem}.object-space button{margin-top:.8rem}.object-space .eyebrow{color:var(--amber)}.object-space input[type=range],.contact input{width:100%;accent-color:var(--amber);margin:1.5rem 0;height:40px;cursor:pointer}.in-archive .object-space{background:#ffffff50;border-color:#11110f40}.comparison{position:relative;height:200px;overflow:hidden;margin-top:1rem}.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.7}.comparison img:last-child{filter:grayscale(1) blur(7px);clip-path:inset(0 0 0 var(--compare,50%))}.object-meta{display:flex;justify-content:space-between;font:var(--small)/1.5 var(--mono)}.receipt-stack{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0}.receipt{background:var(--paper);color:var(--night);font:var(--small)/1.9 var(--mono);padding:1rem;min-width:120px;border-bottom:3px solid var(--amber)}.capsules{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0}.capsule{background:none;border:1px solid var(--rule);color:inherit;padding:.5rem;min-height:44px;font:var(--small)/1.5 var(--mono)}.capsule.selected{background:var(--amber);color:var(--night)}.drive-pattern{font:var(--small)/1.9 var(--mono);word-break:break-all;color:var(--amber);letter-spacing:.1em;margin:1rem 0}.in-archive .drive-pattern{color:#935800}.contact{border-top:2px solid var(--amber);padding:2rem 0;max-width:800px}.contact h2{font-size:var(--large);letter-spacing:-.04em;margin:.7rem 0 1.2rem}.contact>p{margin-bottom:1.2rem}.reach-labels{display:flex;justify-content:space-between;gap:1rem;font:var(--small)/1.5 var(--mono);color:var(--muted)}.reach-labels output{color:var(--amber)}.contact .primary{margin-top:1.3rem}.contact-moment{display:flex;align-items:center;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--rule)}.contact-count{font:600 var(--large)/1 var(--display);color:var(--amber)}.ending{margin-top:2rem}.ending h2{margin:1rem 0}.ending p{margin:1rem 0;max-width:55ch}.ending-links{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.ending-links .primary{margin-top:0}
dialog{border:0;padding:0;max-width:none;width:100%;max-height:100dvh;min-height:100dvh;background:var(--paper);color:var(--night);margin:0}dialog::backdrop{background:#000b}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 6vw;border-bottom:2px solid var(--night);position:sticky;top:0;background:var(--paper);z-index:2}.dialog-head .eyebrow{color:#625f56}.dialog-close{color:var(--night)}.reader-body{padding:2rem 7vw 5rem;max-width:820px;margin:auto;font:var(--reading)/1.85 var(--body)}.reader-body p,.reader-body blockquote{margin:0 0 1.5rem}.reader-body blockquote{border-left:2px solid var(--amber);padding-left:1rem}.reader-body img,.reader-body video{display:block;width:100%;max-height:500px;object-fit:contain}.reader-body figure{margin:2rem 0}.reader-body figcaption{font:var(--small)/1.6 var(--mono);margin-top:.8rem;color:#625f56}.notebook-dialog h2{font-size:var(--large);letter-spacing:-.045em;margin:2rem 6vw 1rem}.notebook-intro{margin:0 6vw 2rem}.notebook-dialog #notebook-body{margin:0 6vw 2rem;max-width:740px}.notebook-entry{padding:1.3rem 0;border-top:1px solid #11110f40}.notebook-entry h3{font:var(--small)/1.5 var(--mono);letter-spacing:.1em;color:#68675d;margin:0 0 .7rem}.notebook-entry p{font-size:var(--reading)}.notebook-dialog .primary{margin:0 6vw 1rem}.privacy-note{margin:0 6vw 3rem;font:var(--small)/1.5 var(--mono);color:#68675d}.load-status{padding:1rem 6vw;color:var(--amber)}.load-status:empty{display:none}
@media(min-width:700px){.wordmark span{display:block}.opening{grid-template-columns:minmax(0,1fr) 300px;gap:3rem}.opening-message{margin-top:10rem}.stage{grid-template-columns:minmax(0,1fr) 310px;gap:5vw}.phone{margin-top:4.8rem}.key-hint{display:inline-block}.story-controls{flex-wrap:nowrap}.scene-progress{order:0;width:auto;flex:1;max-width:340px;margin:0 2rem}.story-footer{flex-wrap:nowrap}.art-credit{width:auto;margin-left:auto;text-align:right}.object-space{padding:2rem}.opening-instruction{margin-top:2rem}dialog{width:min(900px,94vw);min-height:0;max-height:90dvh;margin:auto;border:1px solid #11110f}.notebook-dialog h2{margin:2rem 3rem 1rem}.notebook-dialog #notebook-body,.notebook-intro{margin-left:3rem;margin-right:3rem}.notebook-dialog .primary,.privacy-note{margin-left:3rem;margin-right:3rem}.dialog-head{padding:1rem 3rem}.reader-body{padding:2rem 3rem 4rem}}
@media(min-width:1100px){.opening{padding-top:5rem;padding-bottom:2rem;grid-template-columns:minmax(0,1fr) 345px}.opening-copy{padding:1rem 0 3rem}.opening-message{margin-right:1rem}.experience{padding-top:2rem}.stage{gap:8vw;grid-template-columns:minmax(0,1fr) 345px}.scene-copy h1{font-size:clamp(4rem,7.3vw,7rem)}.opening-foot{margin-top:1rem}}
@media(max-width:380px){.masthead{gap:.5rem}.tools{gap:.75rem}.wordmark{letter-spacing:.08em}.behind{max-width:215px}.key-hint{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}button:active:not(:disabled){transform:none}}
.story-controls{position:sticky;bottom:0;z-index:5;background:#11110ff5}
.in-archive .story-controls{background:#ece8def5}