body,html{height:100vh;width:100vw}.interactable{pointer-events:auto!important}body{overflow:hidden}div,div>*{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}ul{flex-grow:1;margin:0;padding:0}li{list-style:none}li *{padding:0 .5rem}h1{font-size:1.5rem;margin-top:0}h1,h3{font-family:Segoe UI,sans-serif;margin-bottom:0}h3{font-size:1rem;margin-top:.5rem}h4{font-family:Segoe UI,sans-serif;font-size:.9rem;margin-bottom:0;margin-top:3px}p{font-size:1rem;margin-block-end:0;margin-block-start:2px}input,select{border:.05rem solid}input,select,summary{font-family:Segoe UI,sans-serif}summary{color:#fff;margin:20px 0}::-webkit-input-placeholder{color:#b8b8b8;font-style:italic}:-ms-input-placeholder{color:#b8b8b8;font-style:italic}::placeholder{color:#b8b8b8;font-style:italic}.hidden{display:none!important}.slider{-webkit-appearance:none;background:#d3d3d3;background-color:#5a5a5a!important;border-radius:5px;height:10px;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;width:100%}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f5f5f5;border-radius:50%;cursor:pointer;height:10px;width:10px}.slider::-moz-range-thumb{background:#f5f5f5;border-radius:50%;cursor:pointer;height:10px;width:10px}html{scroll-behavior:smooth}body{background-color:#2e2e2e;color:#fff;font-family:Segoe UI,sans-serif;font-size:1rem;margin:0;max-width:100vw;overflow-y:auto;padding:0}p{text-align:justify}a{text-decoration:none}h2{border-bottom:2px solid #fff;font-size:40px;margin:2rem 0 0;padding:1rem 0}h2,h3{font-family:Montserrat,sans-serif;font-weight:400}h3{font-size:30px}.landing-page{align-items:center;display:flex;flex-direction:column;overflow-y:auto}.landing-page,.video{height:100vh;width:100vw}.video{position:absolute;top:0}footer{align-items:center;display:flex;flex-direction:column}.some-page-wrapper{display:flex;margin-top:1rem;width:100%;z-index:3}.row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.column{display:flex;flex-basis:100%;flex:1;flex-direction:column}.first-column{height:100px}.second-column{display:flex;height:100px;justify-content:center}.third-column{display:flex;height:100px;justify-content:flex-end;padding-right:2rem}.central-alignment{align-items:center}.central-alignment,.end-alignment{display:flex;flex-direction:column}.end-alignment{align-items:flex-end}.p-inset{margin:2rem 25vw 1rem}.clusters{display:flex;flex-wrap:wrap;justify-content:center;padding:0 10%}.student-cluster{align-items:center;display:flex;margin:2rem}hr{background-color:#777;border-width:0;color:#777;height:2px;width:10vw}.gap{background-color:rgba(255,255,255,0);height:5px;width:1rem}.offset-title-left{padding-left:2rem;text-align:right;width:40vw}.offset-title-right{padding-right:2rem;width:40vw}.large-text{font-size:large}.de-emphasised{color:#777}.text-center{margin:2rem}.contained-text{padding:3rem 5rem;width:35vw}.link{color:#fff;font-style:italic;font-weight:700}.link:hover{color:#777}.icon-button{align-items:center;background-color:rgba(171,171,171,.7);border:0;border-radius:50%;color:#ececec;display:flex;height:3rem;justify-content:center;margin:.5rem;transition:background-color 1s;width:3rem}.icon-button:hover{background-color:rgba(0,133,113,.7);color:#fff}.main-button{border-radius:10rem;color:#fff;display:flex;font-size:1rem;height:fit-content;letter-spacing:.15rem;margin-top:.5rem;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-transform:uppercase;transition:all .3s;width:fit-content;z-index:1}.main-button:after{background-color:#00d1b2;width:100%;z-index:-2}.main-button:after,.main-button:before{border-radius:10rem;bottom:0;content:"";height:100%;left:0;position:absolute}.main-button:before{background-color:#008571;transition:all .3s;width:0;z-index:-1}.main-button:hover{color:#fff}.main-button:hover:before{width:100%}.logo{background:url(images/iob.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:80vh;max-width:900px;min-height:200px;min-width:200px;width:80vw;z-index:3}#IAAC-logo{background:url(images/IaaC_r.png);background-position:50%;background-repeat:no-repeat;background-size:contain;margin-right:1.5rem}#CIL-logo,#IAAC-logo{height:7rem;width:7rem}#CIL-logo{background:url(images/CIL_r.png);background-position:50%;background-repeat:no-repeat;background-size:contain}#decodeCreative-logo{background:url(images/decode_creative_r.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:7rem;width:7rem}#explore{background:url(images/explore_icon.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.approach-diagram{background:url(images/studio_methodology_diagram.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:45vh;margin-bottom:2rem;max-width:1300px;width:80vw}.map-diagram{background:url(images/map.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:50vw}.methodology-diagram{background:url(images/clusters-02.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:30vw;width:30vw}.cluster-icon-urban-morphology{background:url(images/210409_MaCT5_icons-02.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:4rem;margin-right:1.5rem;width:4rem}.cluster-icon-ecology{background:url(images/210409_MaCT5_icons-03.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:4rem;margin-right:1.5rem;width:4rem}.cluster-icon-energy{background:url(images/210409_MaCT5_icons-04.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:4rem;margin-right:1.5rem;width:4rem}.cluster-icon-economy{background:url(images/210409_MaCT5_icons-06.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:4rem;margin-right:1.5rem;width:4rem}.cluster-icon-mobility{background:url(images/210409_MaCT5_icons-05.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:4rem;margin-right:1.5rem;width:4rem}@media only screen and (max-width:600px){.clusters{justify-content:flex-start;padding:0}.p-inset{margin:2rem 2rem 1rem}.contained-text,.offset-title-left,.offset-title-right{width:auto}.approach-diagram{height:20vh;width:100vw}.methodology-diagram{height:40vh;width:70vw}.map-diagram{height:50vh;width:100vw}}