/* Narrative overview. The archive has its own route and reading layouts. */
:root{--inverse:#111110;--on-inverse:#fafaf7;--inverse-blue:#8aaeff;--inverse-line:#646461;--inverse-soft:#1c2028}
@media(prefers-color-scheme:dark){:root{--inverse:#f4f4f1;--on-inverse:#111110;--inverse-blue:#3563d6;--inverse-line:#b5b5b2;--inverse-soft:#e5e8ed}}
.home main{max-width:none}
.home .masthead,.home .section-label,.home .footer-top{border:0}
.home .section-label h2{font:400 30px/1.2 var(--serif);letter-spacing:normal}
.home .section-label{padding:0;align-items:baseline}
.product-context{font:400 25px/1.2 var(--serif);margin-bottom:35px}
.human-opening{padding:40px 0 100px}
.human-scene{max-width:1240px}
.human-scene h1{font:400 clamp(60px,7.7vw,125px)/1.35 Boldonse,sans-serif;letter-spacing:normal}
.human-scene h1 span{display:block}
.human-scene h1 span+span{margin-left:22%}
.in-between{font:400 clamp(35px,5vw,76px)/1.1 var(--serif);letter-spacing:-.025em;margin:10px 0 0 44%}
.human-question{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:55px;align-items:start}
.human-question>p{font:400 29px/1.2 var(--serif)}
.human-question h2{font:400 clamp(30px,3vw,46px)/1.08 var(--serif);letter-spacing:-.015em}
.narrative-next{display:inline-flex;min-height:44px;align-items:center;gap:35px;font-size:21px;color:var(--blue);margin-top:35px}
.founding-response{padding:80px 0 110px;max-width:1400px;margin-inline:auto}
.response-index{display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:45px}
.response-index h2{font:400 27px var(--serif)}
.response-people{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:end}
.response-names{font:400 clamp(75px,11.5vw,180px)/.95 var(--serif);letter-spacing:-.035em}
.response-names .blue{font-size:.7em}
.response-text{padding-bottom:8px}
.response-text>p:first-child{font:400 clamp(30px,3.6vw,54px)/1.05 var(--serif);margin-bottom:25px}
.response-text>p+p{font-size:29px;max-width:350px;line-height:1.15}
.response-text>a{display:inline-block;color:var(--blue);font-size:22px;margin-top:25px;padding-block:8px}
.standards-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:end;margin-top:95px}
.standards-intro>p{font:400 clamp(28px,3.2vw,48px)/1.1 var(--serif)}
.standards-intro h3{font:400 28px/1.15 var(--serif);margin-bottom:20px}
.standards-intro a{display:inline-block;color:var(--blue);font-size:22px;margin-top:18px;padding-block:8px}
.home #operations{margin-inline:calc(-1 * var(--gutter));padding:70px clamp(12px,1.5vw,30px) 100px}
.plate-heading{display:flex;justify-content:space-between;gap:30px;align-items:baseline;padding-inline:clamp(10px,3vw,50px)}
.plate-heading h2{font:400 30px var(--serif)}
.home .technology-name{font-size:18vw;line-height:1.3;letter-spacing:normal;margin:25px 0 75px;white-space:nowrap}
.home .addition{min-height:75svh;display:flex;flex-direction:column;justify-content:center}
.plate-metadata{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:75px;font:11px/1.5 var(--mono);text-transform:uppercase}
.plate-metadata .algebra{font:400 30px/1.2 var(--serif);text-transform:none}
.home .equation{grid-template-columns:1fr .2fr 1fr .2fr 1fr;gap:12px}
.home .numeral{font-size:19vw;line-height:1.5;letter-spacing:normal!important}
.home .operator{font-size:clamp(35px,7vw,115px);padding-top:90px}
.home .dimension{font-size:11px;letter-spacing:.04em;padding-bottom:35px}
.dimension b{display:block;font:400 22px/1.2 var(--serif);margin-top:20px}
.home .process{gap:60px;padding-top:70px}
.home .process:before{top:35px;left:16%;right:16%}
.home .process li:before{top:-41px}
.home .process li:after{top:-110px;height:69px}
.home .process p{font-size:clamp(25px,2.8vw,43px);max-width:430px}
.home .process h3{border:0;padding-bottom:8px}
.home .figure-foot{margin-top:80px;border:0;padding:0}
.plate-register{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;margin-top:65px;padding-top:20px;border-top:1px solid var(--line)}
.plate-register p{font-size:25px;margin-top:14px}
.plate-reference{display:flex;justify-content:space-between;gap:30px;align-items:baseline;margin-top:55px}
.plate-reference p{font:400 36px/1.1 var(--serif)}
.plate-reference a{font-size:22px;color:var(--blue)}
.succession-paper{margin-inline:calc(-1 * var(--gutter));padding:55px var(--gutter) 65px;background:var(--inverse);color:var(--on-inverse);--ink:var(--on-inverse);--blue:var(--inverse-blue);--line:var(--inverse-line)}
.paper-binding{display:flex;justify-content:space-between;gap:30px;padding-bottom:20px;border-bottom:1px solid var(--ink)}
.paper-header{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:end;padding-top:65px}
.paper-header h2{font:400 clamp(65px,8.7vw,135px)/.95 var(--serif);letter-spacing:-.035em}
.paper-header>p{font-size:31px;line-height:1.15;padding-bottom:8px}
.paper-columns{display:grid;grid-template-columns:1fr 1fr;gap:100px;max-width:1100px;margin:70px 0 0 auto}
.paper-columns h3{font:11px/1.5 var(--mono);text-transform:uppercase;margin-bottom:25px;color:var(--blue)}
.paper-columns p{font-size:27px;line-height:1.2;margin-bottom:22px}
.paper-columns .paper-equation{font:400 40px/1.3 var(--serif);margin-top:30px}
.succession-figure{margin-top:70px}
.succession-stages{display:grid;grid-template-columns:1fr .5fr 1fr .5fr 1fr;align-items:start;gap:25px;text-align:center}
.succession-stages>div>p{font:400 clamp(55px,8vw,125px)/1.3 Boldonse,sans-serif;letter-spacing:normal}
.succession-stages .mono{display:block;margin-top:20px;line-height:1.8}
.succession-stages .transfer{font:400 35px/2.8 var(--serif);white-space:nowrap}
.succession-figure figcaption{margin-top:40px}
.paper-end{display:flex;justify-content:space-between;align-items:baseline;gap:35px;margin-top:65px}
.paper-end a{color:var(--blue);font-size:24px}
.remit{display:grid;grid-template-columns:1fr 1.2fr;gap:65px 100px;padding:110px 0 65px}
.remit-heading{padding-top:20px}
.remit-heading h2{font:400 clamp(45px,6.3vw,100px)/1.3 Boldonse,sans-serif;letter-spacing:normal;margin:25px 0}
.remit-heading>p:last-child{font-size:29px}
.remit-schedule table{margin:0 0 24px}
.remit-schedule caption{margin-bottom:30px}
.remit-schedule th,.remit-schedule td{font:400 19px/1.3 var(--serif);padding:11px 0;text-align:left;vertical-align:top}
.remit-schedule td{text-align:right;max-width:230px}
.remit-schedule .group th{font:10px/1.5 var(--mono);text-transform:uppercase;border:0;padding:30px 0 10px;color:var(--blue)}
.remit-schedule tr:not(.group)>th{padding-right:25px}
.remit-schedule>a{font-size:22px;color:var(--blue)}
.local-infrastructure{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center;margin-top:30px}
.local-infrastructure h3{font:400 29px var(--serif);margin-bottom:30px}
.local-infrastructure>div>p:not(.local-detail){font:400 clamp(45px,5.2vw,80px)/1.3 Boldonse,sans-serif;letter-spacing:normal}
.local-detail{font-size:26px;margin-top:25px}
.local-infrastructure>div>a{display:inline-block;font-size:23px;margin-top:20px;color:var(--blue)}
.local-infrastructure .storage{max-width:650px}
.ai-declaration{min-height:88svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:75px 0 90px}
.ai-declaration h2{font:400 34px var(--serif)}
.ai-declaration .display{font:400 clamp(65px,10vw,155px)/1.35 Boldonse,sans-serif;letter-spacing:normal;margin:40px 0}
.ai-declaration>a{color:var(--blue);display:inline-flex;align-items:center;min-height:44px}
.home #app{padding-top:60px}
.home #app .section-label{border:0}
.home .store{border:0;padding:12px 0}
.archive-links{display:flex;gap:35px;font-size:22px}
@media(min-width:1800px){.home main{margin-inline:var(--gutter)}.human-opening,.founding-response,.remit,.ai-declaration{max-width:1640px;margin-inline:auto}}
@media(max-width:1000px){.response-people,.standards-intro,.paper-header{gap:45px}.paper-columns{gap:50px}.remit,.local-infrastructure{gap:40px}.home .process{gap:35px}.home .process p{font-size:28px}.response-text>p+p{font-size:26px}.paper-header>p{font-size:27px}.remit-heading h2{font-size:5.8vw}.local-infrastructure>div>p:not(.local-detail){font-size:4.6vw}}
@media(max-width:600px){
.home .masthead{min-height:96px;padding-top:20px;padding-bottom:0}
.product-context{font-size:23px;margin-bottom:25px}
.human-opening{padding:30px 0 65px}
.human-scene h1{font-size:11vw;line-height:1.45}
.human-scene h1 span+span{margin-left:17%}
.in-between{font-size:34px;line-height:1;margin:20px 0 0 25%;max-width:75%}
.human-question{grid-template-columns:1fr;gap:23px;margin-top:32px}
.human-question>p{font-size:25px}
.human-question h2{font-size:32px}
.narrative-next{margin-top:20px;font-size:21px}
.founding-response{padding:40px 0 70px}
.response-index{gap:15px;margin-bottom:30px}
.response-index h2{font-size:23px}
.response-people{grid-template-columns:1fr;gap:35px}
.response-names{font-size:27vw;line-height:.95}
.response-text>p:first-child{font-size:38px;margin-bottom:18px}
.response-text>p+p{font-size:26px;max-width:290px}
.response-text>a{margin-top:14px;font-size:21px}
.standards-intro{grid-template-columns:1fr;gap:30px;margin-top:50px}
.standards-intro>p{font-size:34px}
.standards-intro h3{font-size:27px;margin-bottom:15px}
.standards-intro a{font-size:21px;margin-top:12px}
.home #operations{padding:40px 12px 70px}
.plate-heading{padding:0 10px;gap:15px}
.plate-heading h2{font-size:25px}
.plate-heading>.mono{font-size:8px;max-width:130px;text-align:right}
.home .technology-name{font-size:18vw;margin:30px 0 45px;line-height:1.3}
.home .addition{min-height:0}
.plate-metadata{font-size:8px;gap:20px;margin-bottom:45px;align-items:center}
.plate-metadata>span:first-child{max-width:170px}
.plate-metadata .algebra{font-size:24px;white-space:nowrap}
.home .equation{gap:3px!important;grid-template-columns:1fr .2fr 1fr .2fr 1fr!important}
.home .numeral{font-size:19vw!important;line-height:1.45!important}
.home .operator{font-size:33px!important;padding-top:60px!important}
.home .dimension{font-size:7px!important;min-height:70px;padding-bottom:14px!important}
.dimension b{font-size:20px;margin-top:14px}
.home .process{gap:14px!important;padding-top:50px!important}
.home .process:before{top:24px!important}
.home .process li:before{top:-34px!important}
.home .process li:after{top:-72px!important;height:38px!important}
.home .process p{font-size:19px!important}
.home .process h3{font-size:8px!important;border:0}
.home .figure-foot{margin-top:45px!important;font-size:8px!important}
.plate-register{gap:18px;margin-top:40px;padding-top:16px}
.plate-register .mono{font-size:8px}
.plate-register p{font-size:19px;line-height:1.15;margin-top:10px}
.plate-reference{flex-direction:column;gap:20px;margin-top:35px}
.plate-reference p{font-size:29px}
.plate-reference a{font-size:21px}
.succession-paper{padding-top:35px;padding-bottom:40px}
.paper-binding{gap:18px;align-items:flex-start}
.paper-binding .mono{font-size:8px}
.paper-binding>span{max-width:140px;text-align:right}
.paper-header{grid-template-columns:1fr;gap:30px;padding-top:40px}
.paper-header h2{font-size:65px}
.paper-header>p{font-size:27px;padding:0}
.paper-columns{grid-template-columns:1fr;gap:22px;margin-top:40px}
.paper-columns h3{font-size:10px;margin-bottom:20px}
.paper-columns p{font-size:24px}
.paper-columns .paper-equation{font-size:36px;margin-top:20px}
.succession-figure{margin-top:30px}
.succession-stages{gap:6px;grid-template-columns:1fr .4fr 1fr .4fr 1fr}
.succession-stages>div>p{font-size:10vw}
.succession-stages .transfer{font-size:18px;line-height:2.8}
.succession-stages .mono{font-size:7px;margin-top:15px;letter-spacing:0}
.succession-figure figcaption{font-size:8px;line-height:1.7;margin-top:30px}
.paper-end{flex-direction:column;gap:18px;margin-top:35px}
.paper-end .mono{font-size:8px}
.paper-end a{font-size:22px}
.remit{grid-template-columns:1fr;gap:35px;padding:60px 0 40px}
.remit-heading{padding:0}
.remit-heading h2{font-size:12vw;margin:20px 0}
.remit-heading>p:last-child{font-size:26px}
.remit-schedule th,.remit-schedule td{font-size:20px;padding-block:12px}
.remit-schedule caption{font-size:9px;margin-bottom:10px}
.remit-schedule .group th{padding-top:25px}
.local-infrastructure{grid-template-columns:1fr;gap:25px;margin-top:20px}
.local-infrastructure h3{font-size:27px;margin-bottom:25px}
.local-infrastructure>div>p:not(.local-detail){font-size:11vw}
.local-detail{font-size:25px;margin-top:20px}
.local-infrastructure>div>a{font-size:22px;margin-top:15px}
.ai-declaration{min-height:75svh;padding:50px 0 65px}
.ai-declaration h2{font-size:29px}
.ai-declaration .display{font-size:14vw;margin:35px 0}
.home #app{padding-top:40px}
.archive-links{flex-direction:column;gap:16px;font-size:20px}
.home .footer-top{flex-direction:column;gap:25px}
}
@media print{.human-opening,.founding-response,.remit,.ai-declaration{padding-block:30px;min-height:0}.succession-paper{background:none;color:#111110;--blue:#3563d6;--ink:#111110;--line:#b5b5b2}.human-scene h1{font-size:45px}.home .technology-name{font-size:100px}.home .numeral{font-size:90px}.home .addition{min-height:0}.ai-declaration .display{font-size:55px}.paper-columns{gap:35px}.paper-header h2{font-size:60px}.paper-end,.plate-reference{break-inside:avoid}}
.plate-reference a{display:flex;flex-direction:column;gap:15px}
.plate-reference a .mono{font-size:10px}
/* Match the process leaders to the operand centres. */
.home .process{grid-template-columns:1fr .2fr 1fr .2fr 1fr;gap:12px}
.home .process li:nth-child(1){grid-column:1}
.home .process li:nth-child(2){grid-column:3}
.home .process li:nth-child(3){grid-column:5}
.home .process:before{left:calc((100% - 48px)/6.8);right:calc((100% - 48px)/6.8)}
.home .process li:before{transform:translateX(-50%)}
.home .process li:after{left:50%}
@media(max-width:1000px) and (min-width:601px){.home .process{gap:12px}}
@media(max-width:600px){.home .process{gap:3px!important}.home .process:before{left:calc((100% - 12px)/6.8)!important;right:calc((100% - 12px)/6.8)!important}.home .process li:after{left:50%!important}}
/* The research is a paper inside the institution; the product alone changes the full field. */
.succession-paper{margin-inline:0;padding-inline:clamp(24px,4vw,70px)}
@media(max-width:600px){.succession-paper{padding-inline:22px}.paper-header h2{font-size:clamp(50px,16vw,65px)}}