﻿/* Restore the original Studio's continuous colour sections while retaining the machine. */
:root{--paper:#faf2e4;--ink:#26251f;--blue:#214dc9;--yellow:#ffe36f}
main{max-width:none}
.content-section{z-index:auto;background:var(--section-paper,var(--paper))}
.scenery{z-index:1}
.scenery svg{opacity:.14;filter:saturate(.25)}
.surface,.facets{position:relative;z-index:2}
.opening-copy,.model-overview,.thesis-paper,.project-paper,.model-heading,.participation-paper,.close-paper{background:transparent}
.opening{padding:25px max(5%,calc((100% - 1440px)/2)) 65px;grid-template-columns:1fr 1fr;gap:5%;min-height:720px;align-items:start}
.opening-copy{padding:18px 0 24px;max-width:730px}
.opening h1{font-size:clamp(46px,5.7vw,84px);line-height:1.02}
.intro{font-size:19px;line-height:1.55}
.model-overview{border:0;transform:none;max-width:none;margin-top:310px;padding:0}
.overview-note{border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:16px;color:var(--ink);font-weight:700}
.model-overview h2{font-size:30px}
.model-overview h2 br{display:none}
.legend{gap:0 18px}
.legend a{font-size:12px;min-height:46px;font-weight:600;border-color:#b5afa4}
.legend span{width:26px;height:26px;border:1px solid var(--blue);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:13px}
.thesis,.projects,.model,.participation,.close{padding:100px max(5%,calc((100% - 1440px)/2));min-height:0}
.thesis{--section-paper:#fffaf2;border-top:9px solid transparent;border-image:linear-gradient(to right,#ef694c 0 28%,#ffe36f 28% 43%,#214dc9 43% 86%,#f9cfb8 86%) 1}
.thesis-paper,.project-paper,.participation-paper,.close-paper{padding:0;margin:0}
.thesis-paper{grid-template-columns:1fr 1fr;gap:7%}
.section-lead h2{font-size:clamp(40px,5.25vw,75px);margin:23px 0 28px}
.section-intro{font-size:19px;line-height:1.55}
.thesis-parts{gap:36px 30px;padding-top:10px}
.thesis-parts article{padding-top:22px}
.number{width:56px;height:56px;font-size:32px;border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}
.thesis-parts h3{font-size:24px}
.thesis-parts p{font-size:15px;line-height:1.6;color:var(--ink)}
.projects{--section-paper:#ffb9a0}
.project-paper{grid-template-columns:1fr 1fr;gap:8%}
.project-title h2{font-size:clamp(65px,8.2vw,118px);margin:22px 0 25px}
.project-title h2 span{color:var(--blue)}
.project-location{font-size:16px}
.project-copy h3{font-size:clamp(30px,3.3vw,47px);line-height:1.05}
.project-copy p{font-size:18px;line-height:1.65}
.model-heading{padding:0;margin-bottom:50px;gap:13%}
.model-heading h2{font-size:clamp(40px,5.25vw,75px);max-width:630px}
.model-heading .section-intro{max-width:none}
.facet{min-height:285px;padding:26px 27px 31px}
.facet h3{font-size:27px}
.facet p{font-size:15px;line-height:1.55}
.participation{--section-paper:#dce8ff}
.participation-paper{grid-template-columns:1fr 1.25fr;gap:10%}
.join-heading h2{font-size:clamp(40px,5.25vw,75px);margin:22px 0 25px}
.join-heading .section-intro{font-size:19px;max-width:320px}
.join-options article{padding:22px 0;grid-template-columns:40px 1fr;gap:15px}
.join-options h3{font-size:26px}
.join-options p{font-size:15px;line-height:1.5}
.close{--section-paper:var(--yellow);padding-top:45px;padding-bottom:75px}
.close h2{font-size:clamp(65px,10vw,140px);max-width:1150px}
.close-bottom p{font-size:20px;max-width:540px}
.close-bottom{margin-top:45px}
@media(max-width:1100px){
 .opening{min-height:650px}.opening h1{font-size:clamp(42px,5.7vw,60px)}.intro{font-size:17px}
 .model-overview{margin-top:280px}.legend{grid-template-columns:1fr 1fr}.legend a{font-size:10px}
 .thesis,.projects,.model,.participation,.close{padding-top:75px;padding-bottom:75px}
 .thesis-paper{grid-template-columns:1fr 1fr;gap:5%}.section-lead h2{font-size:clamp(40px,5.25vw,58px)}
 .thesis-parts{gap:30px 22px}.thesis-parts h3{font-size:22px}
 .project-title h2{font-size:75px}.project-copy p{font-size:16px}
 .facet{padding:22px 19px}.facet h3{font-size:24px}
 .participation-paper{grid-template-columns:1fr 1.25fr;gap:7%}
 .close-bottom{display:flex}.close-bottom p{font-size:18px}
}
@media(max-width:800px){
 .scenery svg{opacity:.08}
 .opening{padding:22px 6% 55px;min-height:0;display:block}
 .opening-copy{max-width:660px}.opening h1{font-size:clamp(48px,9.8vw,73px)}
 .model-overview{margin:38px 0 0;padding:0;max-width:none}
 .model-overview h2{font-size:29px}.legend a{font-size:12px}
 .thesis,.projects,.model,.participation,.close{padding:60px 6%}
 .thesis-paper,.project-paper,.participation-paper{display:block}
 .section-lead h2{font-size:48px}.section-intro{font-size:18px}
 .thesis-parts{margin-top:40px}.thesis-parts h3{font-size:25px}.thesis-parts p{font-size:16px}
 .project-title h2{font-size:80px}.project-copy h3{font-size:37px}.project-copy p{font-size:17px}
 .model-heading h2{font-size:48px}.facet{padding:21px}.facet h3{font-size:25px}
 .join-heading h2{font-size:48px}.join-heading .section-intro{max-width:none}
 .join-options h3{font-size:28px}.join-options p{font-size:16px}
 .close h2{font-size:clamp(65px,12vw,90px)}.close-bottom{display:block}
}
@media(max-width:460px){
 .opening h1{font-size:48px}.intro{font-size:17px}.legend a{font-size:11px}
 .thesis,.projects,.model,.participation,.close{padding:49px 6%}
 .section-lead h2,.model-heading h2,.join-heading h2{font-size:40px}
 .thesis-parts article{display:block}.number{margin-bottom:20px}
 .thesis-parts h3{font-size:25px}.project-title h2{font-size:70px}
 .project-copy h3{font-size:33px}.facet{padding:23px;min-height:0}.facet h3{font-size:29px}
 .join-options article{grid-template-columns:30px 1fr;gap:10px}.join-options h3{font-size:25px}
 .close h2{font-size:59px}
}
