@charset "UTF-8";
@font-face{font-family:'Space Grotesk';src:url('fonts/space-grotesk-latin.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/cormorant-garamond-italic-latin.woff2') format('woff2');font-style:italic;font-weight:300 700;font-display:swap}
:root{--paper:#f6f5f1;--ink:#050505;--color:var(--ink);--surface:var(--paper);--line:color-mix(in srgb,currentColor 30%,transparent);--pad:clamp(22px,4vw,72px);--mono:'Courier New',Courier,monospace;--sans:Arial,Helvetica,sans-serif;--serif:'Cormorant Garamond',Georgia,serif;--head:76px;--foot:72px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--color);font:20px/1.45 var(--mono);transition:background-color .45s,color .45s}body.ink{--color:var(--paper);--surface:var(--ink)}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;border-radius:0;background:none}button:disabled{opacity:.3;cursor:default}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}img{max-width:100%;display:block}figure,p{margin:0}h1,h2,h3{margin:0;font-family:var(--sans);font-weight:800;letter-spacing:-.065em;line-height:.97}h2{font-size:clamp(48px,5.7vw,96px)}h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}i{font-style:normal}em{font-family:var(--serif);font-weight:400}.mono,.scene-kicker,.pull-label,.excerpt-label{font:13px/1.5 var(--mono);letter-spacing:.035em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-100px;z-index:200;padding:15px;background:var(--ink);color:var(--paper);font-size:16px}.skip:focus{top:10px;left:10px}
.masthead{height:var(--head);margin:0 var(--pad);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:35px;position:relative;z-index:20}.wordmark{position:relative;font:700 13px/1.05 var(--sans);letter-spacing:-.035em;text-decoration:none;padding-right:22px}.wordmark-dot{position:absolute;right:0;bottom:0;font-size:12px}.mast-note{font:12px/1.4 var(--mono);max-width:210px}.masthead nav{margin-left:auto;display:flex;gap:26px;align-items:center;font-size:14px}.masthead nav a{text-decoration:none}.masthead nav a:hover{text-decoration:underline}.index-toggle{font-size:14px;padding:10px 0}.index-toggle span{margin-left:8px;font-size:22px}
#stage{position:relative}.scene{padding:24px var(--pad);background:var(--surface);color:var(--color);scrollbar-width:thin;scrollbar-color:#888 transparent}.scene-kicker{display:flex;justify-content:space-between;gap:25px;flex-shrink:0;margin-bottom:24px}.scene-kicker span:last-child{text-align:right}.enhanced{overflow:hidden}.enhanced #stage{height:calc(100svh - var(--head) - var(--foot));min-height:0;overflow:hidden}.enhanced .scene{position:absolute;inset:0;display:none;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.enhanced .scene.active{display:flex;z-index:2}.enhanced .scene.leaving{display:flex;z-index:1;animation:page-out .55s ease both;pointer-events:none}.enhanced .scene.arriving{animation:page-in .75s cubic-bezier(.22,.7,.12,1) both}.scene-copy{font:20px/1.45 var(--mono);max-width:46ch;letter-spacing:-.035em}.scene-copy+.scene-copy{margin-top:16px}.scene-writing{min-width:0;position:relative}.scene-writing h2{margin-bottom:25px}.pull-label{margin-bottom:12px}.underlink{font:15px/1.45 var(--mono);text-decoration:underline;text-underline-offset:6px;padding:0;display:inline-block}.scene-writing>.underlink{margin-top:24px}.spread-layout{display:grid;grid-template-columns:1fr 1.18fr;gap:5vw;align-items:center;flex:1;min-height:min-content}.spread-layout.reverse{grid-template-columns:1.18fr 1fr}.book-art{min-width:0;min-height:min-content;display:flex;flex-direction:column;justify-content:center;align-self:stretch}.book-art>button{padding:0;display:block;height:auto;min-height:min-content;flex:none;width:100%;overflow:visible}.book-art img{object-fit:contain;width:100%;height:auto;min-height:0;max-height:none;flex-shrink:0}.book-art figcaption{font:13px/1.4 var(--mono);margin-top:12px;flex-shrink:0}.book-art>button:hover img{filter:contrast(1.04)}
.stage-footer{height:var(--foot);display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);margin:0 var(--pad);position:relative;z-index:25;font:13px var(--mono)}#motion-toggle{padding:10px 0;min-width:88px;text-align:left;font-size:13px}.progress{display:flex;align-items:center;gap:6px;flex:1;max-width:245px}.progress button{height:38px;flex:1;position:relative;padding:0;min-width:8px}.progress button:after{content:'';height:2px;position:absolute;left:0;right:0;top:18px;background:currentColor;opacity:.35}.progress button[aria-current]:after{height:5px;top:16px;opacity:1}.page-status{display:flex;gap:7px;align-items:center}.page-status #page-name{margin-left:12px;font-size:12px;max-width:230px}.page-controls{display:flex;gap:24px;margin-left:auto;align-items:center}.page-controls button{min-height:44px;padding:7px 6px}.page-controls #previous{font-size:26px}.page-controls #next{font:15px var(--mono);display:flex;gap:22px;align-items:center}.page-controls #next span{font-size:28px}
/* The original 480px chat presentation: header, message, input in the same order and proportions. */
.opening-center{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:360px}.chat-window{width:min(480px,100%);background:#0a0a0a;border:1px solid #ffffff10;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 80px #ffffff05;font-family:'Space Grotesk',var(--sans)}.chat-header{padding:18px 20px 14px;border-bottom:1px solid #ffffff10}.chat-header-left{display:flex;align-items:center;gap:14px}.chat-hamburger{display:flex;flex-direction:column;gap:6px;width:20px;flex-shrink:0}.chat-hamburger span{height:2.5px;background:#fff;border-radius:2px}.chat-hamburger span:first-child{width:20px}.chat-hamburger span:last-child{width:14px}.chat-title-block{display:flex;align-items:baseline;gap:4px;line-height:1}.chat-title-the,.chat-title-is{font-size:14px;font-weight:400;color:#888}.chat-title-model{font-size:22px;font-weight:700;letter-spacing:.02em}.chat-title-the-2{font-size:14px;color:#ffffff59}.chat-title-massage{font-size:22px;font-weight:400;color:#ffffff73}.chat-body{padding:32px 20px;min-height:180px;display:flex;align-items:flex-start}.chat-messages{width:100%}.chat-bubble{font:italic 400 20px/1.5 var(--serif);letter-spacing:normal;color:#fff;opacity:.9}.cursor{display:inline-block;width:2px;height:1.1em;background:currentColor;margin-left:2px;vertical-align:text-bottom;animation:cursor-blink 1s step-end 7}.chat-input-row{display:flex;align-items:center;gap:10px;padding:12px 16px 18px;border-top:1px solid #ffffff0a}.chat-plus-btn{width:32px;height:32px;border-radius:50%;border:1.5px solid #ffffff26;display:flex;align-items:center;justify-content:center;color:#ffffff66;font-size:20px;font-weight:300;flex-shrink:0}.chat-input-field{flex:1;display:flex;justify-content:space-between;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:9px 16px;font:14px var(--mono);color:#aaa;text-decoration:none}.chat-input-field:hover{border-color:#777;color:#fff}.opening-enter{margin-top:26px}.opening.active .chat-window{animation:chat-enter .8s ease both}
.project-layout{grid-template-columns:1.15fr .85fr;gap:6vw}.project-layout h2{font-size:clamp(58px,5.5vw,96px)}.project-object{height:100%;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;padding-bottom:48px}.project-object img{height:100%;width:100%;object-fit:contain;max-height:calc(100svh - 275px);z-index:2;transform:rotate(-7deg)}.project-object figcaption{position:absolute;bottom:0;right:0;left:0;font:13px/1.4 var(--mono);text-align:center}.object-asterisk{position:absolute;font:500px/.7 var(--sans);left:-20px;top:20px;color:#f6f5f1;z-index:0;opacity:.14}.proposition.active .object-asterisk{animation:asterisk-turn 2s ease-out both}
.midnight-layout{display:flex;flex-direction:column;flex:1;min-height:0}.clock-art{font:700 clamp(100px,15vw,220px)/.85 var(--sans);letter-spacing:-.07em;display:flex;align-items:center;justify-content:space-between;position:relative;flex-shrink:0;padding:10px 0 24px;border-bottom:1px solid var(--line)}.clock-art b{font-weight:400;transform:translateY(-.06em)}.clock-caption{font:13px/1.5 var(--mono);letter-spacing:0;max-width:150px;margin:0 0 0 40px;align-self:flex-end}.midnight-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:5vw;align-items:center;flex:1;min-height:0;padding-top:25px}.midnight h2{font-size:clamp(45px,4.8vw,76px);margin-bottom:18px}.midnight .scene-copy{font-size:19px;max-width:49ch}.greeting-art .evening-greeting{background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:25px 10px;color:#fff;min-height:240px}.evening-greeting svg{width:72px;height:72px;flex-shrink:0}.evening-greeting>span{font:clamp(30px,3.2vw,52px)/1.35 Georgia,serif;letter-spacing:-.035em;text-align:center}.midnight.active .clock-art>span:first-child{animation:clock-register 1s ease both}.midnight.active .clock-art>span:nth-child(3){animation:clock-register 1.25s ease both}
.data-transform{display:flex;align-items:center;gap:12px;max-width:390px;margin-top:26px;font-size:20px}.data-transform svg{width:100%;min-width:50px;height:50px;fill:none;stroke:currentColor;stroke-width:2}.environment.active .data-transform path{stroke-dasharray:500;animation:trace-line 1.5s ease-out both}.assistance h2{font-size:clamp(45px,4.65vw,75px)}.assistance .scene-copy{max-width:40ch}.loop-art{font:900 clamp(50px,6vw,100px)/.67 var(--sans);letter-spacing:-.075em;position:relative;max-width:350px;margin-bottom:34px;transform:rotate(-7deg);isolation:isolate}.loop-art span{display:block}.loop-art span:nth-child(2){margin-left:14%;opacity:.5}.loop-art span:nth-child(3){margin-left:5%;opacity:.18}.loop-art b{position:absolute;right:-30px;top:10px;font-size:145px;font-weight:400}.acceleration h2{font-size:clamp(45px,4.6vw,78px);margin-bottom:18px}.acceleration.active .loop-art span{animation:type-register 1.5s ease-out both}.acceleration.active .loop-art span:nth-child(2){animation-delay:.12s}.acceleration.active .loop-art span:nth-child(3){animation-delay:.24s}
.sequence-layout{display:flex;flex-direction:column;gap:25px;flex:1;min-height:min-content}.media-score{display:flex;justify-content:space-between;align-items:center;gap:20px;font:800 clamp(25px,3.4vw,60px)/1 var(--sans);letter-spacing:-.06em;flex-shrink:0;padding:8px 0 23px;border-bottom:1px solid var(--line)}.media-score>span{position:relative}.media-score>span:after{content:'';position:absolute;left:-5px;right:-5px;height:2px;background:currentColor;top:50%;transform:rotate(-9deg)}.media-score strong{background:var(--ink);color:var(--paper);padding:12px 20px;display:flex;gap:30px}.sequence.active .media-score>span{animation:media-register 1.5s ease both}.sequence.active .media-score strong{animation:model-register 1.5s ease both}.sequence-bottom{display:grid;grid-template-columns:1fr 1.18fr;gap:5vw;align-items:center;flex:1;min-height:min-content}.sequence h2{font-size:clamp(44px,4.7vw,80px)}.sequence .book-art img{max-height:none}.sequence .media-score{display:flex;flex-wrap:wrap;gap:13px;justify-content:space-between;font-size:23px;margin:25px 0;padding:18px 0;border-top:1px solid var(--line)}.sequence .media-score strong{font-size:42px;width:100%;justify-content:space-between;margin-top:5px;padding:10px 16px}.closing-quote{display:inline-block;margin-left:.13em}.sequence .scene-copy{max-width:51ch}.eye{width:250px;height:100px;margin-bottom:23px;overflow:visible}.pupil{transform:translate(var(--look-x,0px),var(--look-y,0px));transition:transform .35s ease-out}.dreamscape h2{font-size:clamp(45px,5.2vw,85px)}.dreamscape.active .eye{animation:eye-open 1.6s ease both;transform-origin:center}
.form-layout{display:flex;flex-direction:column;gap:24px;flex:1;min-height:0}.type-collision{display:grid;grid-template-columns:1fr 1fr;gap:22px;flex:none;min-height:0;align-items:center}.type-collision figure{min-height:0;min-width:0}.type-collision button{padding:0;width:100%;height:auto;display:block}.type-collision img{height:auto;width:100%;object-fit:contain}.form.active .type-collision figure:first-child{animation:letter-enter 1.5s ease both}.form.active .type-collision figure:last-child{animation:letter-enter 1.8s ease both}.form-bottom{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:5vw;flex-shrink:0}.form-bottom h2{font-size:clamp(43px,5.1vw,85px)}.form-bottom .scene-copy{max-width:54ch}.form-bottom .underlink{margin-top:17px}
.making-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:6vw;align-items:center;flex:1;min-height:0}.making h2{font-size:clamp(55px,6.3vw,100px);margin-bottom:28px}.making .scene-copy{margin-bottom:24px}.decision{min-width:0;border-top:1px solid var(--line);padding-top:17px}.decision>.mono{margin-bottom:18px;font-size:13px}.decision-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);gap:0}.decision-tabs button{padding:12px 8px;font:13px var(--mono);flex:1;min-width:70px}.decision-tabs button[aria-selected=true]{background:var(--paper);color:var(--ink)}#decision-panel{position:relative;padding:25px 0 22px;min-height:290px}.decision-letter{position:absolute;right:0;top:0;font:700 180px/1 var(--sans);opacity:.12;pointer-events:none}.decision-label{font-size:12px;margin-bottom:18px}#decision-panel blockquote{font:italic 400 clamp(27px,2.7vw,45px)/1.12 var(--serif);letter-spacing:-.02em;margin:0 0 22px;position:relative}#decision-panel .decision-explanation{font:17px/1.45 var(--mono)}#decision-panel img{width:auto;max-height:210px;max-width:100%;margin:auto}#decision-panel .underlink{margin-top:12px}.evidence-note{font:13px/1.4 var(--mono);border-top:1px solid var(--line);padding-top:14px;color:#bbb}
.film-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 12px;flex-shrink:0}.film-heading h2{font-size:clamp(40px,4.4vw,72px)}.film-heading .mono{font-size:13px;text-align:right;max-width:260px}.film-introduction{font:17px/1.45 var(--mono);max-width:80ch;margin-bottom:18px;flex-shrink:0}.film-screen{flex:1;min-height:180px;position:relative;overflow:hidden;background:#000;display:flex;justify-content:center}.film-screen video{max-width:100%;width:100%;height:100%;object-fit:contain}.film-play{position:absolute;inset:0;display:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:#0005;color:#fff;font:14px var(--mono);letter-spacing:.05em}.enhanced .film-play:not([hidden]){display:flex}.film-play[hidden]{display:none}.play-circle{display:grid;place-items:center;width:76px;height:76px;padding-left:5px;border:1px solid #fff;border-radius:50%;font:26px var(--sans);background:#0008}.film-meta{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding-top:14px;align-items:center;flex-shrink:0}.quality-label{display:flex;gap:8px;align-items:center}.quality-label select{font:13px var(--mono);background:var(--ink);color:var(--paper);border:1px solid #888;padding:6px}.film-screen #film-error{position:absolute;left:20px;right:20px;bottom:20px;padding:15px;background:#111;color:#fff;font-size:16px}
.closing-layout{grid-template-columns:1.12fr 1fr}.closing-layout h2{font-size:clamp(48px,5.1vw,85px)}.solid-action{display:flex;justify-content:space-between;gap:20px;background:var(--color);color:var(--surface);padding:17px 20px;font:17px var(--mono);text-decoration:none;margin-top:28px}.solid-action:hover{filter:brightness(.85)}.closing-links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;margin:22px 0}.edition-note{font-size:13px}.closing-layout .book-art img{object-fit:contain;object-position:center}.continue-about{display:inline-block;font:14px/1.5 var(--mono);margin-top:25px;text-underline-offset:5px}.experience.leaving-for-about{opacity:0;transition:opacity .55s ease;pointer-events:none}html:has(.experience.leaving-for-about){background:var(--paper)}
dialog{color:var(--ink);background:var(--paper);border:0;margin:auto;padding:26px 32px;max-width:calc(100vw - 30px);max-height:calc(100svh - 30px)}dialog::backdrop{background:#000d}.dialog-bar{display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:1px solid #14141444;padding-bottom:15px}.dialog-bar button{font:15px var(--mono);padding:10px 0 10px 16px}.index-dialog{width:900px}.index-dialog h2{font-size:64px;margin:25px 0}.index-dialog nav{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin-bottom:25px}.index-dialog nav a{display:flex;gap:20px;padding:13px 0;border-top:1px solid #14141433;text-decoration:none;font-size:16px;line-height:1.3}.index-dialog nav a span{font-size:13px;align-self:center}.spread-dialog{width:1300px;height:calc(100svh - 30px);display:none;flex-direction:column}.spread-dialog[open]{display:flex}.spread-dialog>img{width:100%;height:0;flex:1;min-height:0;object-fit:contain;padding-top:18px}.spread-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;font-size:15px}.spread-bottom button{padding:5px 18px;font-size:28px}.no-script{padding:25px var(--pad);border:1px solid}.experience:not(.enhanced) .scene{display:flex;flex-direction:column;min-height:800px}.experience:not(.enhanced) .scene[data-theme=ink]{--surface:var(--ink);--color:var(--paper)}.experience:not(.enhanced) .scene[data-theme=paper]{--surface:var(--paper);--color:var(--ink)}.experience:not(.enhanced) .stage-footer{display:none}.experience:not(.enhanced) .book-art img{height:500px}.experience:not(.enhanced) .project-object img{height:500px}
@keyframes page-in{from{clip-path:inset(0 0 0 100%);transform:translateX(20px)}to{clip-path:inset(0);transform:translateX(0)}}@keyframes page-out{to{opacity:0;transform:translateX(-3%)}}@keyframes chat-enter{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes cursor-blink{50%{opacity:0}}@keyframes asterisk-turn{from{transform:rotate(-90deg) scale(.7)}to{transform:rotate(0) scale(1)}}@keyframes clock-register{from{translate:0 35px;opacity:0}to{translate:0;opacity:1}}@keyframes trace-line{from{stroke-dashoffset:500}to{stroke-dashoffset:0}}@keyframes type-register{from{translate:-35px 25px;filter:blur(3px)}to{translate:0;filter:blur(0)}}@keyframes media-register{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes model-register{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes eye-open{from{transform:scaleY(.05)}to{transform:scaleY(1)}}@keyframes letter-enter{from{transform:translateY(80%)}to{transform:translateY(0)}}
.motion-paused *{animation:none!important;transition:none!important}.motion-paused .pupil{transform:none}.motion-paused .cursor{opacity:1}
@media(min-width:1600px){.scene-copy{font-size:23px}.scene{padding-top:30px;padding-bottom:30px}.scene-kicker{margin-bottom:35px}.project-layout h2{font-size:96px}.greeting-art img{max-height:330px}.midnight .scene-copy{font-size:22px}.loop-art{margin-bottom:45px}.film-introduction{font-size:20px}}
@media(max-width:1100px){.mast-note{display:none}.page-status #page-name{display:none}.scene-copy{font-size:18px}.spread-layout,.making-grid{gap:4vw}.midnight .scene-copy{font-size:18px}.project-layout h2{font-size:60px}.scene-kicker{font-size:12px}.scene-writing h2{margin-bottom:20px}.decision-tabs button{font-size:12px}.film-meta{gap:12px;font-size:12px}.film-heading .mono{font-size:12px}.film-introduction{font-size:16px}.clock-caption{max-width:100px;margin-left:25px}}
@media(max-height:680px) and (min-width:761px){:root{--head:64px;--foot:62px}.scene{padding-top:18px;padding-bottom:20px}.scene-kicker{margin-bottom:18px}.spread-layout{align-items:start;min-height:410px}.project-layout h2{font-size:58px}.project-object img{max-height:360px}.book-art img{max-height:none}.midnight-bottom{min-height:300px}.clock-art{font-size:145px}.form-layout{min-height:430px}.making-grid{min-height:430px}.film-screen{min-height:230px}.scene-copy{font-size:18px}.sequence-bottom{min-height:330px}.opening-center{min-height:320px}}
@media(max-width:760px){:root{--pad:22px;--head:74px;--foot:70px}.masthead{gap:15px}.wordmark{font-size:11px;flex-shrink:0}.masthead nav{gap:16px;font-size:13px}.masthead nav>a:first-child{font-size:0}.masthead nav>a:first-child:before{content:'Book';font-size:13px}.masthead nav>a:first-child span{display:none}.masthead nav>a:nth-child(2){display:none}.masthead nav>a:nth-child(3){font-size:0}.masthead nav>a:nth-child(3):before{content:'About';font-size:13px}.index-toggle{font-size:0}.index-toggle span{font-size:25px;margin:0}.scene{padding-top:20px;padding-bottom:32px}.scene-kicker{font-size:12px;gap:20px;margin-bottom:28px}.scene-kicker span:last-child{max-width:135px}.stage-footer{gap:12px;font-size:12px}.stage-footer .progress{display:none}#motion-toggle{font-size:12px;min-width:83px}.page-status{font-size:12px;margin-left:auto;gap:5px}.page-controls{gap:14px;margin-left:10px}.page-controls #next{font-size:14px;gap:12px}.page-controls #previous{font-size:24px}.page-controls #next span{font-size:24px}.scene-copy,.midnight .scene-copy{font-size:18px;line-height:1.45;letter-spacing:-.045em;max-width:100%}.underlink{font-size:15px}.spread-layout,.spread-layout.reverse,.project-layout,.closing-layout{display:flex;flex-direction:column;gap:30px;align-items:stretch;min-height:0;flex:none}.spread-layout.reverse .scene-writing{order:-1}.scene-writing h2{font-size:clamp(46px,13.3vw,75px);margin-bottom:24px}.scene-writing>.underlink{margin-top:22px}.book-art{align-self:stretch;flex:none}.book-art>button{flex:none;display:block}.book-art img{height:auto;max-height:none;width:100%;object-fit:contain}.book-art figcaption{font-size:13px}.project-layout h2{font-size:clamp(49px,14vw,78px)}.project-object{overflow:hidden;height:380px;min-height:380px;padding-bottom:50px;align-self:stretch}.project-object img{height:100%;max-height:100%;max-width:100%;width:100%}.project-object figcaption{font-size:12px}.object-asterisk{font-size:380px;left:-20px;top:25px;max-width:100%;overflow:hidden}.project-layout{gap:34px}.chat-header{padding:18px 16px 14px}.chat-header-left{gap:10px}.chat-title-block{gap:3px}.chat-title-model,.chat-title-massage{font-size:20px}.chat-title-the,.chat-title-is,.chat-title-the-2{font-size:12px}.chat-body{padding:32px 20px;min-height:180px}.opening-center{min-height:350px}.chat-bubble{font-size:20px}.clock-art{font-size:clamp(73px,24vw,150px);padding:15px 0 22px;flex-wrap:wrap;justify-content:center;gap:3px}.clock-caption{font-size:13px;max-width:none;width:100%;text-align:center;margin:22px 0 0}.midnight-layout{flex:none;min-height:auto}.midnight-bottom{display:flex;flex-direction:column;gap:28px;align-items:stretch;padding-top:28px}.midnight h2{font-size:52px}.greeting-art img{max-height:none}.data-transform{margin-top:26px}.assistance h2{font-size:48px}.loop-art{font-size:70px;margin-top:18px;margin-bottom:42px;max-width:300px}.loop-art b{right:0;font-size:125px}.acceleration h2{font-size:55px}.sequence-layout{flex:none;min-height:auto;gap:30px}.media-score{font-size:22px;gap:10px;flex-wrap:wrap;justify-content:flex-start}.media-score strong{width:100%;justify-content:space-between;margin-top:12px;font-size:65px;padding:10px 15px}.sequence-bottom{display:flex;flex-direction:column;gap:30px;align-items:stretch}.sequence h2{font-size:48px}.sequence .book-art img{max-height:none}.eye{width:210px;height:90px;margin-bottom:28px}.form-layout{flex:none;min-height:auto}.type-collision{min-height:0;max-height:none;gap:20px;grid-template-columns:1fr;flex:none;margin:0}.type-collision img{height:auto}.form-bottom{display:block}.form-bottom h2{font-size:48px;margin-bottom:25px}.form-bottom .scene-copy{font-size:18px}.making-grid{display:block;flex:none;min-height:auto}.making h2{font-size:58px}.making .scene-copy{font-size:18px}.decision{margin-top:35px;padding-top:22px}.decision-tabs button{font-size:12px;padding:12px 5px}.decision>.mono{font-size:13px}.decision-label{font-size:12px}#decision-panel blockquote{font-size:35px}#decision-panel .decision-explanation{font-size:17px}#decision-panel{min-height:300px}.evidence-note{font-size:13px}.film-heading{display:block}.film-heading h2{font-size:45px}.film-heading .mono{text-align:left;margin-top:16px;font-size:12px}.film-introduction{font-size:18px;margin:10px 0 25px}.film-screen{flex:none;aspect-ratio:16/9;min-height:0;width:100%}.film-screen video{display:block;width:100%;height:100%}.film-meta{flex-wrap:wrap;gap:22px;font-size:13px;padding-top:22px}.film-meta p{width:100%}.film-play{font-size:12px}.play-circle{width:56px;height:56px;font-size:22px}.closing-layout .scene-writing{order:-1}.closing-layout h2{font-size:52px}.solid-action{font-size:16px;padding:16px}.closing-links{font-size:14px;gap:20px}.edition-note{font-size:13px}.index-dialog{padding:20px}.index-dialog h2{font-size:46px}.index-dialog nav{display:block}.index-dialog nav a{font-size:16px}.spread-dialog{padding:15px}.spread-bottom{font-size:13px;flex-wrap:wrap;gap:14px}.spread-bottom button{padding:5px 10px}.dialog-bar{gap:15px}.dialog-bar .mono{font-size:12px}.dialog-bar button{font-size:14px}.spread-dialog>img{min-height:150px}.document .masthead nav{font-size:12px}}
@media(max-width:360px){:root{--pad:16px}.media-score strong{font-size:50px}.masthead nav{gap:12px}.wordmark{font-size:10px}.stage-footer{gap:6px}#motion-toggle{min-width:75px}.page-controls{gap:7px;margin-left:8px}.chat-title-model,.chat-title-massage{font-size:17px}.chat-title-the,.chat-title-is,.chat-title-the-2{font-size:11px}.scene-kicker{font-size:12px;gap:10px}.scene-kicker span:last-child{max-width:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.pupil{transform:none!important}}

/* Desktop compositions share a height-aware canvas; phones retain the readable flow. */
.scene-frame{display:contents}
.fitted .masthead,.fitted .stage-footer{width:min(calc(100% - 32px),var(--frame-content-width));margin-inline:auto}
.fitted .scene{padding:0;overflow:hidden}
.fitted .scene-frame{position:absolute;left:50%;top:50%;width:1440px;height:720px;padding:24px 58px;display:flex;flex-direction:column;transform:translate(-50%,-50%) scale(var(--scene-scale,1));transform-origin:center}
.fitted .scene-kicker{font-size:14px;margin-bottom:24px;flex:none}
.fitted .scene-copy{font-size:23px;line-height:1.45}
.fitted .scene-writing h2{font-size:82px;margin-bottom:25px}
.fitted .spread-layout,.fitted .sequence-bottom,.fitted .making-grid{gap:72px;min-height:0;align-items:center;grid-template-rows:minmax(0,1fr)}
.fitted .book-art{height:100%;min-height:0;justify-content:center}
.fitted .book-art>button{height:0;min-height:0;flex:1;overflow:visible}
.fitted .book-art img{height:100%;width:100%;max-height:none;object-fit:contain}
.fitted .book-art figcaption{font-size:14px}
.fitted .project-layout{gap:86px}
.fitted .project-object{min-height:0;padding-bottom:48px}
.fitted .project-object img{max-height:100%;height:100%;width:100%}
.fitted .object-asterisk{font-size:500px}
.fitted .midnight-layout,.fitted .midnight-bottom{min-height:0}
.fitted .clock-art{font-size:180px;padding:10px 0 24px}
.fitted .clock-caption{font-size:14px;max-width:150px;margin-left:40px}
.fitted .midnight-bottom{gap:72px;padding-top:25px}
.fitted .midnight h2{font-size:69px;margin-bottom:18px}
.fitted .midnight .scene-copy{font-size:23px}
.fitted .greeting-art .evening-greeting{flex:none;height:auto;min-height:240px}
.fitted .evening-greeting>span{font-size:46px}
.fitted .assistance h2{font-size:67px}
.fitted .loop-art{font-size:87px;line-height:.67;margin-bottom:30px}
.fitted .acceleration h2{font-size:66px;margin-bottom:18px}
.fitted .sequence-layout{min-height:0;gap:25px}
.fitted .sequence h2{font-size:68px}
.fitted .sequence .media-score{font-size:23px;margin:20px 0;padding:14px 0}
.fitted .sequence .media-score strong{font-size:42px}
.fitted .dreamscape h2{font-size:75px}
.fitted .eye{width:250px;height:100px;margin-bottom:23px}
.fitted .form-layout{min-height:0;gap:24px}
.fitted .type-collision{display:flex;flex:1;min-height:0;max-height:none;gap:22px;justify-content:center;align-items:stretch}
.fitted .type-collision figure{height:100%;max-width:calc(50% - 11px);aspect-ratio:1734/1449;flex:0 1 auto}
.fitted .type-collision button,.fitted .type-collision img{height:100%;width:100%;object-fit:contain}
.fitted .form-bottom{grid-template-columns:1fr 1.3fr;gap:72px;flex:none}
.fitted .form-bottom h2{font-size:73px}
.fitted .form-bottom .scene-copy{font-size:23px}
.fitted .making h2{font-size:90px}
.fitted .making .scene-copy{font-size:23px}
.fitted #decision-panel{min-height:290px}
.fitted #decision-panel blockquote{font-size:39px}
.fitted .film-heading h2{font-size:64px}
.fitted .film-heading .mono{font-size:14px}
.fitted .film-introduction{font-size:23px;margin-bottom:18px}
.fitted .film-screen{min-height:0}
.fitted .film-meta{font-size:14px;gap:20px}
.fitted .closing-layout h2{font-size:74px;margin-bottom:20px}
.fitted .closing-layout .scene-copy{font-size:23px}
.fitted .solid-action{margin-top:20px;padding:15px 20px}
.fitted .closing-links{margin:16px 0}
.fitted .continue-about{margin-top:16px}

.fitted #decision-panel .decision-explanation{font-size:23px}
