/* A continuous desktop stage, including the bibliography and final conversation. */
.single-stage-site{--site-gutter:clamp(24px,5vw,88px);--site-header-height:100px}
.single-stage-site .retired-header{visibility:hidden!important;pointer-events:none!important}
.site-header{position:fixed;z-index:12;top:0;left:var(--site-gutter);right:var(--site-gutter);height:var(--site-header-height);display:grid;grid-template-columns:1fr auto 1fr;gap:30px;border-bottom:1px solid #ffffff18;background:transparent;pointer-events:none}
.site-header>*{pointer-events:auto}.site-header .brand{justify-self:start;font-size:27px;white-space:nowrap;position:relative}
.site-header nav{font-size:13px;gap:30px;position:relative;white-space:nowrap}
.site-header nav a{padding-block:13px}.site-header nav a span{margin-left:4px;color:var(--cyan)}
.site-independence{justify-self:end;margin:0;font:10px var(--mono);color:#9ba4ad;white-space:nowrap;position:relative}
.site-independence>span{color:var(--cyan);margin-right:10px}
.single-stage-site .frame>header{height:var(--site-header-height)}
.single-stage-site .bridge-route{display:none}
.single-stage-site .skip{z-index:16}
.hello-continue{display:inline-flex;align-items:center;gap:24px;margin:36px auto 0;padding:13px 0;border:0;border-bottom:1px solid #a7dce037;background:transparent;color:#98b5bd;font:12px var(--mono);pointer-events:auto}
.hello-continue span{color:var(--cyan);font-size:18px}
.single-stage-site .software-options button{font-size:12px;min-height:36px}
.single-stage-site :is(.software-chapter-nav,.chapter-nav,.closing-nav) select{appearance:none;color:#c3d5db;background-color:var(--bg);border:0;border-bottom:1px solid #aacbd22a;border-radius:0;padding:10px 28px 10px 12px;font:12px var(--mono);width:260px;max-width:28vw;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#91b8bf 50%),linear-gradient(135deg,#91b8bf 50%,transparent 50%);background-position:calc(100% - 15px) 17px,calc(100% - 11px) 17px;background-size:4px 4px;background-repeat:no-repeat}
.single-stage-site .scroll-cue{font-size:11px}
.single-stage-site .scroll-study .blackout{display:none}
.single-stage-site .software-stage-count::before{content:'CHAPTER ';color:#70818e}

.reading.closing-study{height:580svh;min-height:0;padding:0;background:var(--bg);position:relative;z-index:4}
.reading.closing-study>.closing-stage{position:sticky;top:0;height:100svh;min-height:650px;isolation:isolate;overflow:hidden;background:var(--bg);opacity:var(--closing-presence,0)}
.closing-in-progress .scroll-study>.stage{position:fixed;inset:0;height:100svh;opacity:var(--research-departure,1);z-index:3}
.closing-in-progress .reading.closing-study>.closing-stage{position:fixed;inset:0;z-index:4;background:transparent}
.closing-in-progress .closing-chapter.active,.closing-in-progress .closing-footer{opacity:var(--closing-copy-presence,0);transition:none}
.closing-in-progress .closing-art{opacity:var(--publication-art-presence,0);transition:none}
.closing-in-progress .closing-stage>.anime-festival{opacity:var(--closing-copy-presence,0)}
.publication-bridge-copy{position:absolute;top:73%;left:5vw;right:5vw;text-align:center;opacity:var(--publication-message,0);pointer-events:none;z-index:1}
.publication-bridge-copy>p{font:9px var(--mono);letter-spacing:1.7px;color:#8aa5b1;margin:0 0 16px}
.publication-bridge-copy h2{font-size:32px;line-height:1.15;font-weight:450;letter-spacing:-.04em;margin:0;color:#dce8e9}
.publication-bridge-copy h2 span{color:var(--cyan);text-shadow:0 0 21px #a7dce02a}
.publication-families{position:absolute;inset:0;pointer-events:none}
.publication-families button{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;white-space:nowrap;text-align:left;background:#000000c9;border:0;border-bottom:1px solid #a7dce04d;padding:9px 0 10px;color:#cde9ec;font:13px var(--mono);letter-spacing:1px}
.publication-families button>span{color:var(--cyan);margin-left:12px}
.publication-families small{display:block;font:8px var(--mono);letter-spacing:.7px;color:#8ba4ae;margin-top:7px}
.publication-families button:hover{color:#fff;border-bottom-color:var(--cyan)}
.single-stage-site .chapter .annotation{font-size:11px;color:#8f96a1;max-width:320px}
.closing-chapter{position:absolute;inset:var(--site-header-height) var(--site-gutter) 125px;margin:0!important;padding:0!important;border:0!important;visibility:hidden;opacity:0;transform:translateY(8px);transition:none;display:block;background:transparent;pointer-events:none;z-index:2}
.closing-chapter.active{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .2s,transform .28s}
.closing-art-departure{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.closing-art-departure[hidden]{display:none}
.closing-copy{position:absolute;top:50%;transform:translateY(-50%);left:0;width:31%;max-width:450px}
.closing-copy h2{font-size:clamp(43px,3.65vw,62px);line-height:1.075;letter-spacing:-.055em;font-weight:450;margin:0 0 27px;color:#e0e4e5;position:relative}
.closing-copy h2 span{color:#959ca6}
.closing-kicker,.closing-copy :is(.publications-kicker,.bottom-explainer-eyebrow,.giving-explainer-eyebrow,.enquiry-eyebrow){font:10px/1.6 var(--mono);letter-spacing:1.2px;color:#9bafb9;margin:0 0 25px}
.closing-copy :is(.publications-intro,.giving-explainer-copy,.bottom-explainer-main){font-size:16px;line-height:1.85;letter-spacing:0;color:#a4acb5;margin:0;max-width:390px}
.closing-copy .bottom-explainer-main span{color:var(--cyan)}
.closing-copy .bottom-explainer-company{font-size:14px;line-height:1.85;color:#8da0ab;margin-top:23px;max-width:360px}
.closing-copy .publications-heading{display:block;margin:0}
.closing-copy .publications-intro{margin-top:25px}
.closing-art{position:absolute;left:35vw;right:2vw;top:calc(var(--site-header-height) + 10px);bottom:130px;pointer-events:none;z-index:0;transition:opacity .4s}
.closing-art canvas{position:absolute;inset:0;width:100%;height:100%}
.closing-art-label{position:absolute;left:40%;right:2%;top:26px;display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);letter-spacing:.8px;color:#7c98a4;pointer-events:none}
.closing-art-label span:last-child{color:#a0c5cb}
.closing-resource-links{display:grid;gap:0;margin-top:27px;max-width:400px}
.closing-resource-links button{position:relative;text-align:left;border:0;border-bottom:1px solid #a7dce027;background:none;padding:16px 30px 16px 0;color:#cbdfe3;font-size:14px}
.closing-resource-links small{display:block;font:10px/1.7 var(--mono);color:#8c9fa9;margin-top:6px}
.closing-resource-links b{position:absolute;right:2px;top:19px;font-weight:400;color:var(--cyan)}
.closing-resource-links button:hover{color:var(--cyan);border-bottom-color:#a7dce090}
.closing-studio-notes{position:absolute;left:41%;right:2%;bottom:12px}
.closing-studio-notes .bottom-explainer-fields{display:flex;gap:35px;margin:0 0 24px;padding:0;border:0}
.closing-studio-notes .bottom-explainer-fields h3{font-size:11px;margin-bottom:5px}
.closing-studio-notes .bottom-explainer-fields p{font-size:12px;line-height:1.6;max-width:220px}
.closing-studio-notes .publications-support{margin:0;padding-top:18px;border-top:1px solid #ffffff20;grid-template-columns:.9fr 1fr 1fr;gap:24px}
.closing-studio-notes .publications-support-heading .publications-kicker{margin-bottom:8px;font-size:9px}
.closing-studio-notes .publications-support-heading h3{font-size:17px;line-height:1.35;margin-bottom:6px}
.closing-studio-notes .publications-support-heading>p:last-child{font-size:10px}
.closing-studio-notes .publications-support-item{padding:0}
.closing-studio-notes .publications-support-item h4{font-size:14px;margin-bottom:8px}
.closing-studio-notes .publications-support-item p{font-size:12px;line-height:1.7}
.closing-stage[data-scene="studio"] .closing-art{bottom:340px}
.closing-chapter.bottom-explainer::before{display:none}
.closing-chapter .giving-explainer-split{position:absolute;left:41%;right:2%;top:44%;padding:0}
.closing-chapter .giving-explainer-value{font-size:clamp(78px,7vw,115px);margin-bottom:20px;text-shadow:0 0 35px #000000}
.closing-chapter .giving-explainer-share h3{font-size:15px;line-height:1.6}
.closing-stage[data-scene="giving"] .closing-art{opacity:.65}
.closing-chapter.enquiry{display:block}
.closing-chapter .enquiry-form{position:absolute;top:50%;transform:translateY(-50%);left:43%;right:2%;padding:0}
.closing-chapter .enquiry-intro>p:not(.enquiry-eyebrow){font-size:15px;max-width:365px;line-height:1.85}
.closing-chapter .enquiry-email{font-size:13px;margin-top:30px}
.closing-chapter .enquiry-field textarea{min-height:116px;max-height:180px;resize:none}
.closing-chapter .enquiry-field label{font-size:12px}
.closing-stage[data-scene="contact"] .closing-art{left:4vw;right:66vw;top:60%;bottom:100px;opacity:.22}
.closing-footer{position:absolute;left:var(--site-gutter);right:var(--site-gutter);bottom:0;padding-bottom:25px;z-index:3}
.closing-caption{display:flex;justify-content:space-between;padding:0 210px 22px 0;font:10px var(--mono);color:#8d9ba6;letter-spacing:.15px;gap:20px}
.closing-caption span:last-child{color:#a1aeb8}
.closing-footer-line{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff1b;padding:14px 210px 0 0;font:9px var(--mono);color:#70818e}
.closing-footer-line::before{content:'';position:absolute;top:-1px;left:0;width:100%;height:1px;background:#a7dce080;transform:scaleX(var(--closing-progress,0));transform-origin:left}
.closing-nav{display:flex;align-items:center;gap:12px}
.closing-nav button{padding:8px;border:0;background:none;color:var(--cyan);font-size:17px;cursor:pointer}
.closing-nav button:disabled{color:#46515b;cursor:default}
.closing-counter b{font-weight:400;color:#b6d4dd}
.closing-footer select:focus-visible{outline:1px solid var(--cyan);outline-offset:5px}

.library-dialog{position:fixed;inset:0;z-index:15;background:#000000;display:grid;place-items:center;padding:40px var(--site-gutter) 120px}
.library-dialog[hidden]{display:none}
.library-surface{width:100%;height:100%;max-width:1380px;max-height:880px;display:flex;flex-direction:column;min-height:0;border:1px solid #a7dce037;background:#000000;box-shadow:0 30px 120px #0008;padding:32px 40px 0;border-radius:8px;position:relative}
.library-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:20px;flex-shrink:0}
.library-heading .closing-kicker{font-size:9px;margin-bottom:12px}
.library-heading h2{font-size:38px;margin:0;letter-spacing:-.045em}
.library-close{display:flex;align-items:center;gap:23px;font:12px var(--mono);background:none;border:0;padding:14px 2px;color:#bad5dc}
.library-close span{font-size:24px;font-weight:300}
.library-tabs{display:flex;gap:32px;border-bottom:1px solid #ffffff24;flex-shrink:0}
.library-tabs button{padding:14px 0 17px;border:0;border-bottom:1px solid transparent;background:none;font:12px var(--mono);color:#849ca8}
.library-tabs button[aria-selected="true"]{color:#d2e9ed;border-bottom-color:var(--cyan)}
.library-tabs span{font-size:9px;color:#7f9daa;margin-left:9px}
.library-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 14px 35px 0;scrollbar-color:#536c76 #000000;scrollbar-width:thin}
.library-panel[hidden]{display:none}
.library-panel{padding:12px 0 0;outline-offset:-2px}
.library-panel .publications-bibliography{border:0}
.library-panel :is(.publications-bibliography,.research-disclosure)>summary{display:none}
.library-panel .publications-entry:first-child{border-top:0}
.library-panel .publications-entry{grid-template-columns:155px 1fr;padding:22px 0}
.library-panel .publications-sources{margin:20px 0 0;gap:32px}
.library-panel .publications-source{border:0}
.library-panel .publications-source-note{font-size:13px}
.library-panel .research-disclosure{margin:0;border:0}
.library-panel .notebook-heading{margin:20px 0 32px;padding:0}
.library-panel .notebook-heading h3{font-size:26px}
.library-panel .notebook-heading p{font-size:13px}
.library-panel .index-tools{margin-top:15px}
.library-panel .index-filters button{font-size:12px}
.library-panel .source-note{font-size:10px;max-width:900px}
.library-panel .research-links{margin-top:20px}
.single-stage-site .anime-festival-reading{display:none}
.closing-chapter .anime-heading{position:relative}
.closing-chapter .anime-copy-mark{right:-25px}

@media(max-height:800px){
 .single-stage-site{--site-header-height:80px}
 .site-header nav{gap:25px}
 .closing-chapter{bottom:108px}
 .closing-copy{width:33%}
 .closing-copy h2{font-size:42px;margin-bottom:21px}
 .closing-copy :is(.publications-kicker,.bottom-explainer-eyebrow,.giving-explainer-eyebrow,.enquiry-eyebrow){margin-bottom:19px;font-size:9px}
 .closing-copy :is(.publications-intro,.giving-explainer-copy,.bottom-explainer-main){font-size:14px;line-height:1.8}
 .closing-copy .bottom-explainer-company{font-size:13px;margin-top:19px}
 .closing-resource-links{margin-top:19px}
 .closing-resource-links button{padding-block:12px;font-size:13px}
 .closing-resource-links small{font-size:9px}
 .closing-art{bottom:106px}
 .closing-art-label{top:20px;font-size:8px}
 .closing-stage[data-scene="studio"] .closing-art{bottom:305px}
 .closing-studio-notes{bottom:10px;left:41%;right:0}
 .closing-studio-notes .bottom-explainer-fields{margin-bottom:18px}
 .closing-studio-notes .publications-support{gap:20px}
 .closing-studio-notes .publications-support-item p{font-size:11px}
 .closing-chapter .giving-explainer-value{font-size:86px}
 .closing-chapter .enquiry-intro>p:not(.enquiry-eyebrow){font-size:14px}
 .closing-chapter .enquiry-message-field{margin-top:23px}
 .closing-chapter .enquiry-actions{margin-top:20px}
 .closing-footer{padding-bottom:16px}
 .closing-caption{padding-bottom:14px;font-size:9px}
 .closing-footer-line{padding-top:8px}
 .library-dialog{padding-top:25px;padding-bottom:115px}
 .library-surface{padding:25px 32px 0}
 .library-heading h2{font-size:32px}
 .library-heading{padding-bottom:15px}
 .hello-continue{margin-top:23px}
 .publication-bridge-copy h2{font-size:27px}
 .publication-bridge-copy>p{font-size:8px;margin-bottom:13px}
}
@media(max-width:1250px){.site-independence{display:none}.site-header{grid-template-columns:1fr auto}.closing-counter{display:none}}
@media(prefers-reduced-motion:reduce){.closing-chapter,.closing-chapter.active,.closing-art{transition:none;transform:none}.closing-copy,.closing-chapter .enquiry-form{transform:translateY(-50%)}.single-stage-site .hello-continue{transition:none}}

/* The intelligence sequence is a longer chapter on the same stage. */
.closing-chapter.atelier-sequence{position:absolute;display:grid;width:auto;height:auto;grid-template-columns:minmax(290px,.8fr) minmax(0,1.6fr);gap:5%}
.closing-chapter.atelier-sequence .atelier-sequence-visual{height:100%;max-height:680px}
.closing-stage[data-scene="atelier"]>.closing-art{visibility:hidden}
.closing-stage[data-scene="studio"] .closing-art{bottom:245px}
.closing-studio-notes{bottom:35px}
.site-header nav{gap:25px}
.single-stage-site :is(.software-chapter-nav,.chapter-nav,.closing-nav) select{text-overflow:ellipsis}
@media(max-height:800px){.closing-stage[data-scene="studio"] .closing-art{bottom:210px}.closing-studio-notes{bottom:30px}.site-header nav{gap:23px}}

.closing-chapter.roadmap-sequence{position:absolute;display:grid;width:auto;height:auto;grid-template-columns:minmax(290px,.9fr) minmax(0,1.5fr);gap:6%}
.closing-stage[data-scene="roadmap"]>.closing-art{visibility:hidden}

.publication-families button.highlighted{color:#f1f7f5;border-bottom-color:#a7dce0;text-shadow:0 0 16px #a7dce045}
.publication-families button.highlighted small{color:#b5d0d5}