/* cmsms stylesheet: Simplex Core modified: 12/26/25 23:42:57 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}audio, canvas, video {display: inline-block;}audio:not([controls]) {display: none;height: 0;}[hidden], template {display: none;}html {font-family: sans-serif; 	-ms-text-size-adjust: 100%; 	-webkit-text-size-adjust: 100%; }body {margin: 0;}a {background: transparent;}a:focus {outline: thin dotted;}a:active, a:hover {outline: 0;}h1 {font-size: 2em;margin: 0.67em 0;}abbr[title] {border-bottom: 1px dotted;}b, strong {font-weight: bold;font-size: 24pt;color: #00A6D6;}dfn {font-style: italic;}hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}mark {background: #ff0;color: #000;}code, kbd, pre, samp {font-family: monospace, serif;font-size: 1em;}pre {white-space: pre-wrap;}q {quotes: "\201C" "\201D" "\2018" "\2019";}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 0;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0; 	padding: 0; }button, input, select, textarea {font-family: inherit; 	font-size: 100%; 	margin: 0; }button, input {line-height: normal;}button, select {text-transform: none;}button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; 	cursor: pointer; }button[disabled], html input[disabled] {cursor: default;}input[type="checkbox"], input[type="radio"] {box-sizing: border-box; 	padding: 0; }input[type="search"] {-webkit-appearance: textfield; 	-moz-box-sizing: content-box;-webkit-box-sizing: content-box; 	box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}textarea {overflow: auto; 	vertical-align: top; }table {border-collapse: collapse;border-spacing: 0;}html {color: #222;font-size: 1em;line-height: 1.4;}hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}audio, canvas, img, svg, video {vertical-align: middle;}fieldset {border: 0;margin: 0;padding: 0;}textarea {resize: vertical;}.hidden {display: none !important;visibility: hidden;}.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}.invisible {visibility: hidden;}.cf:before, .cf:after {content: " "; 	display: table; }.cf:after {clear: both;}textarea {overflow: auto;vertical-align: top;resize: vertical}ul, ol {margin: 1em 0;padding: 0 0 0 40px}dd {margin: 0 0 0 40px}nav ul, nav ol {list-style: none;list-style-image: none;margin: 0;padding: 0}pre, code, kbd, samp {font-family: monospace, serif;_font-family: courier new, monospace;font-size: 1em}pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}q {quotes: none}q:before, q:after {content: "";content: none}small {font-size: 85%}html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}body {margin: 0;font-size: 1em;-webkit-font-smoothing: antialiased;}.container {padding-left: 10px;padding-right: 10px;}.row {width: 100%;max-width: 1440px;margin: 0 auto;position: relative;}.row:before, .row:after, .form-row:before, .form-row:after {content: " ";display: table;}.row:after, .form-row:after {clear: both;}.full {width: 100%;display: block;}.half, .third, .two-third, .quarter, .three-quarter, .fifth, .two-fifth, .three-fifth, .four-fifth {float: left;}.half {width: 50%;}.third {width: 33.33%;}.two-third {width: 66.66%;}.quarter {width: 25%;}.three-quarter {width: 75%;}.fifth {width: 20%;}.two-fifth {width: 40%;}.three-fifth {width: 60%;}.four-fifth {width: 80%}.row [class*="-col"] {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease;}@media only screen and (min-width: 768px) {.container {padding-left: 20px;padding-right: 20px;}.col, .one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col {margin-left: 3.8%;float: left;min-height: 1px;position: relative;}.row .one-col {width: 4.85%;}.row .two-col {width: 13.45%;}.row .three-col {width: 22.05%;}.row .four-col {width: 30.75%;}.row .five-col {width: 39.45%;}.row .six-col {width: 48.1%;}.row .seven-col {width: 56.75%;}.row .eight-col {width: 65.4%;}.row .nine-col {width: 74.05%;}.row .ten-col {width: 82.7%;}.row .eleven-col {width: 91.35%;}.row .twelve-col {width: 100%;margin-left: 0;}.row [class*="-col"]:first-child, .row [class*="-col"].first {margin-left: 0;}.row .offset-one {margin-left: 8.65% !important;}.row .offset-two {margin-left: 17.25% !important;}.row .offset-three {margin-left: 25.85% !important;}.row .offset-four {margin-left: 34.55% !important;}.row .offset-five {margin-left: 43.25% !important;}.row .offset-six {margin-left: 51.8% !important;}.row .offset-seven {margin-left: 60.55% !important;}.row .offset-eight {margin-left: 69.2% !important;}.row .offset-nine {margin-left: 77.85% !important;}.row .offset-ten {margin-left: 86.5% !important;}.row .offset-eleven {margin-left: 95.15% !important;}.row .push-one, .row .push-two, .row .push-three, .row .push-four, .row .push-five, .row .push-six, .row .push-seven, .row .push-eight,.row .push-nine, .row .push-ten, .row .push-eleven, .row .pull-one, .row .pull-two, .row .pull-three, .row .pull-four, .row .pull-five,.row .pull-six, .row .pull-seven, .row .pull-eight, .row .pull-nine, .row .pull-ten, .row .pull-eleven {position: relative;margin-left: 0;}.row .push-one {left: 8.65%;}.row .push-two {left: 17.25%;}.row .push-three {left: 25.85%;}.row .push-four {left: 34.55%;}.row .push-five {left: 43.25%;}.row .push-six {left: 51.8%;}.row .push-seven {left: 60.55%;}.row .push-eight {left: 69.2%;}.row .push-nine {left: 77.85%;}.row .push-ten {left: 86.5%;}.row .push-eleven {left: 95.15%;}.row .pull-one {right: 4.85%;}.row .pull-two {right: 13.45%;}.row .pull-three {right: 22.05%;}.row .pull-four {right: 30.75%;}.row .pull-five {right: 39.45%;}.row .pull-six {right: 48%;}.row .pull-seven {right: 56.75%;}.row .pull-eight {right: 65.4%;}.row .pull-nine {right: 74.05%;}.row .pull-ten {right: 82.7%;}.row .pull-eleven {right: 91.35%;}}
/* cmsms stylesheet: Simplex Layout modified: 12/26/25 23:42:57 */
@font-face {font-family: 'simplex';src: url('http://digitaltechnologies.bk.tudelft.nl/uploads/simplex/fonts/simplex.eot');src: url('http://digitaltechnologies.bk.tudelft.nl/uploads/simplex/fonts/simplex.eot?#iefix') format('embedded-opentype'),url('http://digitaltechnologies.bk.tudelft.nl/uploads/simplex/fonts/simplex.woff') format('woff'),url('http://digitaltechnologies.bk.tudelft.nl/uploads/simplex/fonts/simplex.ttf') format('truetype'),url('http://digitaltechnologies.bk.tudelft.nl/uploads/simplex/fonts/simplex.svg#simplex') format('svg');font-weight: normal;font-style: normal;}[class^="icon-"], [class*=" icon-"] {font-family: 'simplex';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-arrow-up:before {content: "\e600";}.icon-arrow-left:before {content: "\e601";}.icon-search:before {content: "\e603";}.icon-printer:before {content: "\e604";}.icon-linkedin:before {content: "\e605";}.icon-pinterest:before {content: "\e606";}.icon-youtube:before {content: "\e607";}.icon-facebook:before {content: "\e608";}.icon-google:before {content: "\e609";}.icon-twitter:before {content: "\e60a";}.icon-link:before {content: "\e602";}body {background: #fff;font-family: 'Noto Sans', sans-serif;font-size: 1em;color: #555;line-height: 1.5;}.leftaligned {margin-left: 0;}.rightaligned {margin-right: 0;}body#boxed {<!--background: #f2f2f2 url(http://digitaltechnologies.bk.tudelft.nl/uploads/simplex/images/body-background.png) repeat;--!>}body.fullwidth .row {max-width: none;}a img {border: none;}.right {float: right;}.left {float: left;}.spacing {margin: 15px;}.spacing.left {margin-right: 0;}.spacing.right {margin-left: 0;}.border {border: 2px solid #e9e9e9;}pre, code, kbd, samp {font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', monospace;color: #555;}pre code {line-height: 1.4;font-size: .8125em;}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #f1f1f1;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;}*:first-child+ html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto;}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto;}hr {border: solid #e9e9e9;border-width: 1px 0 0 0;clear: both;margin: 10px 0 30px 0;height: 0;}a {color: #00A6D6;}a.external {text-decoration: none;}a:visited {color: #e6870e;}a:hover {color: #555;transition: transform .3s ease-out;-webkit-transition: color .3s ease-out;-moz-transition: color .3s ease-out;-o-transition: color .3s ease-out;text-decoration: underline;}a:focus {outline: thin dotted;}a:hover, a:active {outline: 0;}a.external:after {content: "\e602";padding-left: 4px;font-family: 'simplex';text-decoration: none;}h1, h2 {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-weight: 700;}h3, h4, h5, h6 {font-weight: 400;}h1 {color: #00A6D6;margin: 10px 0;font-size: 2em; 	text-transform: uppercase;}h2 {color: #555;font-size: 1.75em; }h3 {color: #555;font-size: 1.5em; }h4 {color: #00A6D6;font-size: 1.375em; }h5 {font-size: 1.25em }h6 {font-size: 1.125em; }blockquote, blockquote p {font-size: 1.0625em;line-height: 1.5;color: #555;font-style: italic;font-family: Georgia, Times New Roman, serif;}blockquote {margin: 0 0 20px 0;padding: 9px 10px 10px 19px;border-left: 5px solid #f1f1f1;}blockquote cite {display: block;font-size: .941176em;color: #555;}blockquote cite:before {content: "\2014 \0020";}blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {font-family: Georgia, Times New Roman, serif;}.page-wrapper {border-top: 5px solid #00A6D6;margin-bottom: 15px;}#boxed #wrapper {margin-top: 15px;border-top: 0px solid #00A6D6;background: #fff;<!--box-shadow: 0 0 15px 0 #c6c6c6;--!>}#boxed.page-wrapper {border-top: none;}.inner-section {padding-left: 20px;padding-right: 20px;}.logo {margin-top: 20px;text-align: center;}.logo a {display: block;}.top .header {border-bottom: 1px solid #00A6D6;}.phrase span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #ddd;font-weight: 500;font-size: 1.5em; }.search {text-align: right;}input.search-input::-webkit-search-decoration, input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance: none;}.search .icon-search {margin-left: -25px;display: inline-block;height: 24px;line-height: 24px;text-align: center;width: 24px;position: relative;z-index: 10;color: #ddd;top: 3px;}.search ::-webkit-input-placeholder,.search ::-moz-placeholder,.search input[placeholder] {line-height: normal;}input.search-input {border: 1px solid #f1f1f1;line-height: normal;outline: 0;padding: 6px 0 6px .5%;font-size: .6875em; 	color: #555;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;max-width: 99.5%;}input.search-input:focus {border: 1px solid #00A6D6;box-shadow: 0 0 3px #00A6D6;-webkit-box-shadow: 0 0 3px #00A6D6;-moz-box-shadow: 0 0 3px #00A6D6;-o-box-shadow: 0 0 3px #00A6D6;}#main-menu {margin-top: 25px;}#main-menu > li {display: block;border-bottom: 1px dotted #f1f1f1;position: relative;}#main-menu > li:last-child {border-bottom: none;}#main-menu > li > a,#main-menu > li.sectionheader > span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #555;text-decoration: none;font-size: 1.0625em; 	font-weight: 700;cursor: pointer;padding: 8px 0;display: block;position: relative;}#main-menu > li.current > a,#main-menu > li.current.sectionheader > span,#main-menu > li:hover > a,#main-menu > li.sectionheader:hover > span {color: #00A6D6;}#main-menu > li > ul,#main-menu > li > ul > li > ul  {position: absolute;left: -999em;}#main-menu > li:hover > ul,#main-menu > li.active > ul,#main-menu > li > ul > li:hover > ul, #main-menu > li > ul > li.active > ul {position: relative;left: 0;}#main-menu > li > ul > li > a,#main-menu > li > ul > li.sectionheader > span,#main-menu > li > ul > li > ul > li > a, #main-menu > li > ul > li > ul > li.sectionheader > span {text-decoration: none;color: #555;text-transform: uppercase;display: block;padding: 4px 0;}#main-menu > li > ul > li:hover > a,#main-menu > li > ul > li.sectionheader:hover > span,#main-menu > li > ul > li > ul > li:hover > a,#main-menu > li > ul > li > ul > li.sectionheader:hover > span {color: #999;}#main-menu > li > ul > li > ul > li > a,#main-menu > li > ul > li > ul > li.sectionheader > span {padding-left: 15px;font-size: .875em;text-transform: none;}#main-menu > li > a i,#main-menu > li > ul > li > a i,#main-menu > li.sectionheader > span i,#main-menu > li > ul > li.sectionheader > span i {float: right;position: relative;padding-top: 6px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;}#main-menu > li:hover > a i,#main-menu > li.active > a i,#main-menu > li > ul > li:hover > a i,#main-menu > li > ul > li.active > a i,#main-menu > li.sectionheader:hover > span i,#main-menu > li.active.sectionheader > span i,#main-menu > li > ul > li.sectionheader:hover > span i,#main-menu > li > ul > li.active.sectionheader > span i {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}.content-wrapper {padding-top: 20px;}.content-top {font-family: Georgia, Times New Roman, serif;color: #555;font-style: italic;line-height: 20px;position: relative;}.content-top .title-border {content: '';height: 1px;display: block;width: 100%;border-bottom: 1px dotted #ddd;position: absolute;top: 50%;}.breadcrumb {display: inline-block;background: #fff;width: auto;padding-right: 6px;z-index: 1;position: relative;}.breadcrumb a {color: #555;display: inline-block;width: auto;background: #fff;}a.printbutton {display: none;}.content .news-summary span.heading {display: none;}.content .news-article {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dotted #e9e9e9;}.content .news-summary ul.category-list {margin: 15px 0;}.content .news-summary ul.category-list li a, .news-summary ul.category-list li span {border-radius: 4px;}.news-summary ul.category-list li span {opacity: .4;}.news-article h2 {margin: 0 0 15px 0;}.news-article h2 a {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #555;font-size: 16px;text-decoration: none;font-weight: 700;}.news-article .date {background: #00A6D6;color: #fff;display: block;float: left;width: 40px;padding: 6px;height: 40px;border-radius: 26px;text-align: center;font-family: Georgia, Times New Roman, serif;}.news-article .day {font-size: 20px;line-height: 1;padding-bottom: 2px;font-style: italic;display: block;}.news-article.month {font-size: 11px;display: block}.news-article .author, .news-article .category {font-family: Georgia, Times New Roman, serif;display: block;padding-left: 60px;font-size: 11px;font-style: italic;}.news-summary ul.category-list {margin: 15px 0 -1px 0;padding: 0;list-style: none;}.news-summary ul.category-list li {float: left;display: block;width: auto;margin-right: 5px;}.news-summary ul.category-list li a, .news-summary ul.category-list li span {display: block;color: #555;padding: 4px 8px;background: #f1f1f1;border-radius: 4px 4px 0 0;text-decoration: none;font-size: 11px;text-transform: uppercase;}.news-summary ul.category-list li a:hover {color: #00A6D6;}.news-summary .paginate {font: italic 11px/1.2 Georgia, Times New Roman, serif;}.news-summary .paginate a {padding: 0 3px;}.news-meta {background: #f1f1f1;padding: 10px;margin: 10px 0;}.more, .more a,.back, .back a,.previous a, .next a, .previous, .next {font: italic 12px/1.3 Georgia, Times New Roman, serif;color: #555;text-decoration: none;}.more a:hover, .back a:hover, .previous a:hover, .next a:hover {text-decoration: underline;}.previous, .next {padding: 6px 0;}.previous {float: left;}.next {float: right;}/* this was removed by Feras.sidebar .news-summary span.heading {position: relative;color: #555;font: normal 1em/1.25 Georgia, Times New Roman, serif;margin: 0 0 15px 0;display: block;} */.sidebar .news-summary span.heading:after {content: '';height: 1px;display: block;width: 100%;border-bottom: 1px dotted #ddd;position: absolute;top: 50%;}/* this was removed by Feras.sidebar .news-summary .heading span {display: inline-block;width: auto;background: #fff;padding-right: 6px;position: relative;z-index: 10;} */.sidebar .news-article {padding: 15px;position: relative;background: #f1f1f1;margin-bottom: 20px;border-radius: 0 0 6px 0;font-size: .8125em; }.sidebar .news-article:before {content: '';position: absolute;bottom: -15px;right: 25px;width: 10px;height: 35px;-webkit-transform: rotate(55deg) skewY(55deg);-moz-transform: rotate(55deg) skewY(55deg);-o-transform: rotate(55deg) skewY(55deg);-ms-transform: rotate(55deg) skewY(55deg);transform: rotate(55deg) skewY(55deg);background: #f1f1f1;}.lt-ie9 .sidebar .news-article:before {display: none;}.footer {position: relative;border-top: 8px solid #f1f1f1;margin: 25px 0 10px 0;padding-top: 20px;padding-bottom: 20px;}.footer:before {content: ' ';border-top: 2px dotted #fff;border-bottom: 2px dotted #fff;height: 4px;display: block;position: absolute;width: 100%;top: -8px;left: 0;}.copyright {padding-top: 15px;}.copyright-info {color: #555;font-size: .6875em; }.footer ul.social {padding: 0;margin: 0;list-style: none;text-align: center;}.footer .social li {display: inline;margin: 0;padding: 0;margin-right: 6px;}.footer .social li a {display: inline-block;text-decoration: none;font-size: 2.625em;line-height: 1;color: #555;}.footer .social li a:hover {color: #00A6D6;}.footer .social li a i {display: inline-block;}.back-top a {display: inline-block;width: 16px;height: 16px;line-height: 16px;padding: 8px;border: 5px solid #fff;text-decoration: none;color: #555;background-color: #f1f1f1;border-radius: 500px;-webkit-border-radius: 500px;-moz-border-radius: 500px;-o-border-radius: 500px;position: absolute;top: -24px;left: 50%;margin-left: -12px;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}.back-top a:hover {background-color: #00A6D6;color: #fff;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}.footer-navigation {padding-top: 15px;border-bottom: 1px solid #f1f1f1;}#footer-menu li > a,#footer-menu li.sectionheader > span {color: #555;display: block;text-decoration: none;}#footer-menu li > a:hover,#footer-menu li > a.current,#footer-menu li.sectionheader > span:hover,#footer-menu li.sectionheader > span.current {color: #00A6D6;}#footer-menu > li > a,#footer-menu > li.sectionheader > span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;text-decoration: none;display: block;}#footer-menu > li > ul > li > a,#footer-menu > li > ul > li.sectionheader > span {font-size: .875em; 	padding: 2px 0;}#footer-menu > li > ul {margin: 15px 0;}.textformatx {color: #555555 !important;font-size: 18px !important;text-align: center !important;font-weight:900;}@media screen and (min-width: 768px) {.lt-768 {display: none;}.logo {margin-top: 12px;position: relative;text-align: left;}.logo .palm {position: absolute;top: 5px;left: 45px;background: url(http://digitaltechnologies.bk.tudelft.nl/uploads/simplex/images/palm-circle.png) no-repeat;display: block;width: 48px;height: 48px;transition: transform 0.6s ease-out;-webkit-transition: -webkit-transform 0.6s ease-out;-moz-transition: -moz-transform 0.6s ease-out;-o-transition: -o-transform 0.6s ease-out;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}.logo a:hover .palm {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}nav.main-navigation {z-index: 990;height: 55px;line-height: 37px;margin-top: 20px;}#main-menu {float: right;margin-top: 0;}#main-menu > li {display: inline-block;padding: 0;margin: 0 4px;border: none;position: relative;}#main-menu > li i {display: none;}.touch-device #main-menu > li i {display: inline-block;float: none;}.touch-device #main-menu > li li i {float: left;display: inline-block;margin-right: 8px;padding-top: 2px;text-align: left;}.touch-device #main-menu > li:first-child li i {float: right;}#main-menu > li:first-child, #main-menu > li.first {margin-left: 0;}#main-menu > li:last-child, #main-menu > li.last {margin-right: 0;}#main-menu > li > a,#main-menu > li.sectionheader span {padding: 0 6px 0 10px;line-height: 37px;font-size: 1em;}#main-menu > li.parent:hover > a,#main-menu > li.sectionheader.parent:hover > span,#main-menu > li.parent.active > a,#main-menu > li.parent.active > span {color: #fff;background-color: #555;background-color: rgba(85, 85, 85, .95);}#main-menu > li > ul,#main-menu > li > ul > li > ul  {display: block;width: 260px;}#main-menu > li:hover > ul,#main-menu > li.active > ul,#main-menu > li > ul > li:hover > ul,#main-menu > li > ul > li.active > ul {height: auto;position: absolute;z-index: 9999;top: 37px;right: 0;left: auto;display: block;border-radius: 3px;}#main-menu > li:first-child:hover > ul,#main-menu > li:first-child.active > ul {right: auto;left: 0;}#main-menu > li > ul > li {position: relative;line-height: 1;margin: 0;padding-left: 10px;}#main-menu > li:first-child > ul > li {padding-right: 10px;padding-left: 0;}#main-menu > li > ul > li > a,#main-menu > li > ul > li.sectionheader > span,#main-menu > li > ul > li > ul > li > a,#main-menu > li > ul > li > ul > li.sectionheader > span {color: #fff;display: block;text-transform: none;line-height: 1.2;border-bottom: 1px dotted #858585;background-color: #555;background-color: rgba(90, 90, 90, .98);padding: 8px 12px;font-size: .875em; 		text-decoration: none;}#main-menu > li > ul > li.current > a,#main-menu > li > ul > li.current.sectionheader > span,#main-menu > li > ul > li > ul > li.current > a,#main-menu > li > ul > ul > li > li.current.sectionheader > span {color: #00A6D6;}#main-menu > li > ul > li:hover > ul,#main-menu > li > ul > li.active > ul {width: 250px;height: auto;top: 0;right: auto;left: -250px;}#main-menu > li:first-child > ul > li:hover > ul,#main-menu > li:first-child > ul > li.active > ul {left: auto;right: -250px;}.lt-ie9 #main-menu > li > ul > li:hover > ul,.lt-ie9 #main-menu > li > ul > li.active > ul {left: -247px;}#main-menu > li > ul > li:hover > ul:after,#main-menu > li > ul > li.active > ul:after {content: ' ';width: 0px;height: 0px;border-style: solid;border-width: 7px 0 7px 6px;border-color: transparent transparent transparent #555;border-color: transparent transparent transparent rgba(85, 85, 85, .95);position: absolute;right: -6px;top: 12px;}.lt-ie9 #main-menu > li:first-child > ul > li:hover > ul,.lt-ie9 #main-menu > li:first-child > ul > li.active > ul {left: auto;right: -247px;}#main-menu > li:first-child > ul > li:hover > ul:after,#main-menu > li:first-child > ul > li.active > ul:after {left: -10px;right: auto;}#main-menu li ul li a:hover,#main-menu li ul li span.sectionheader:hover {box-shadow: 0 0 5px rgba(85, 85, 85, .9);z-index: 2;}#main-menu > ul > li:last-child > a,#main-menu > ul > li.sectionheader:last-child > span,#main-menu > ul > li > ul > li:last-child > a,#main-menu > ul > li > ul > li.sectionheader:last-child > span {border-bottom: none;}.header-bottom {height: 55px;line-height: 55px;padding: 8px 0;}.phrase-text {text-align: left;}input.search-input {height: 17px;line-height: 17px;width: 100%;max-width: 320px;}input.search-input:focus {max-width: 90%;}a.printbutton {display: block;padding-left: 6px;width: 16px;height: 16px;float: right;text-decoration: none;color: #555;background-color: #fff;z-index: 1;position: relative;}a.printbutton i {display: inline-block;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;}a.printbutton:hover {color: #00A6D6;}a.printbutton:hover i {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);}.footer ul.social {text-align: left;}.footer .social li a i {display: inline-block;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-ms-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;}.footer .social li a:hover i {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);}.footer-navigation {border-bottom: none;}#footer-menu > li {float: left;display: block;position: relative;margin-left: 3.8%;width: 30.75%;}#footer-menu > li:first-child {margin-left: 0;}}@media only screen and (max-width: 780px) {.search {margin-top: 15px;}input.search-input {width: 100%;max-width: 100%;float: left;}input.search-input:focus {max-width: none;}.header-bottom {padding-top: 20px;text-align: center;line-height: inherit;padding: 20px 0;}}@media only screen and (min-width: 940px) and (max-width: 1110px) {#main-menu > li {margin: 0;}#main-menu > li > a,#main-menu > li.sectionheader span {padding: 0 6px;}}@media only screen and (min-width: 768px) and (max-width: 1050px) {.row nav.main-navigation {height: auto;float: none;display: block;margin-left: 0;width: 100%;clear: left;}#main-menu {margin-top: 15px;margin-bottom: 15px;border-bottom: 1px solid #f1f1f1;float: none;display: block;}#main-menu > li {margin: 0;bottom: -1px;text-align: center;border-bottom: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;}#main-menu > li.current {border-bottom-color: #fff;border-top-color: #00A6D6;}#main-menu > li.current > a {border-top: 1px solid #00A6D6;line-height: 45px;}#main-menu > li:first-child {border-left: 1px solid #f1f1f1;}#main-menu > li > a,#main-menu > li > span {line-height: 46px;padding-left: 12px;padding-right: 6px;}#main-menu > li:hover > ul,#main-menu > li.active > ul {top: 45px;}.header-bottom {height: auto;}.row .seven-col.phrase-text,.row .five-col.search {display: block;float: none;width: 100%;margin-left: 0;text-align: center;}}@-ms-viewport {width: device-width;}@-o-viewport {width: device-width;}@-moz-viewport {width: device-width;}@-webkit-viewport {width: device-width;}@viewport {width: device-width;}
/* cmsms stylesheet: Simplex Slideshow modified: 12/26/25 23:42:57 */
.banner {background: #fefefe;background:<!--url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);--><!--background: -moz-linear-gradient(top,  #fefefe 0%, #f1f1f1 47%, #e9e9e9 100%);--><!--background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(47%,#f1f1f1), color-stop(100%,#e9e9e9)); --><!--background: -webkit-linear-gradient(top,  #fefefe 0%,#f1f1f1 47%,#e9e9e9 100%);--><!--background: -o-linear-gradient(top,  #fefefe 0%,#f1f1f1 47%,#e9e9e9 100%); --><!--background: -ms-linear-gradient(top,  #fefefe 0%,#f1f1f1 47%,#e9e9e9 100%);--><!--background: linear-gradient(to bottom,  #fefefe 0%,#f1f1f1 47%,#e9e9e9 100%); -->}.lt-ie9 .banner {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9',GradientType=0 );}#sx-slides {position: relative;overflow: hidden;width: 100%;margin: 0 auto;position: relative;height: 380px;}#sx-slides > .sequence-canvas {height: 100%;width: 100%;margin: 0;padding: 0;list-style: none;}#sx-slides > .sequence-canvas > li {position: absolute;width: 100%;height: 100%;z-index: 1;top: -50%;}#sx-slides > .sequence-canvas > li img {height: 96%;}#sx-slides > .sequence-canvas li > * {position: absolute;-webkit-transition-property: left, bottom, right, top, -webkit-transform, opacity;-moz-transition-property: left, bottom, right, top, -moz-opacity;-ms-transition-property: left, bottom, right, top, -ms-opacity;-o-transition-property: left, bottom, right, top, -o-opacity;transition-property: left, bottom, right, top, transform, opacity;}#sx-slides .title {font-family: "Roboto Slab",Arial,sans-serif;background-color: rgba(255, 255, 255, 0.8);color: #00A6D6;font-size: 2.25em;line-height: 1.1;font-weight: 700;left: 65%;opacity: 0;bottom: 22%;z-index: 50;margin-top: 0;}#sx-slides .animate-in .title {left: 12%;opacity: 1;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}#sx-slides .animate-out .title {left: 35%;opacity: 0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}#sx-slides .subtitle {background-color: rgba(255, 255, 255, 0.8);margin-top: 0;z-index: 5;/*color: #555;*/font-family: "Roboto Slab",Arial,sans-serif;font-weight: 700;font-size: 1.8125em;left: 35%;opacity: 0;top: 72%;}#sx-slides .animate-in .subtitle {left: 20%;opacity: 1;-webkit-transition-duration: 1.3s;-moz-transition-duration: 1.3s;-ms-transition-duration: 1.3s;-o-transition-duration: 1.3s;transition-duration: 1.3s;}#sx-slides .animate-out .subtitle {left: 65%;opacity: 0;-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}#sx-slides .image {left: -10px;position: absolute;bottom: 800px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);opacity: 0;max-width: 70%;height: auto !important;max-height: 275px !important;}#sx-slides .animate-in .image {left: 14%;bottom: -49%;opacity: 1;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition-duration: 2s;-moz-transition-duration: 2s;-ms-transition-duration: 2s;-o-transition-duration: 2s;transition-duration: 2s;}#sx-slides .animate-out .image {left: -10px;bottom: -800px;opacity: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;}@media only screen and (min-width: 768px) {#sx-slides .title {font-size: 3em;}#sx-slides .animate-in .title {left: 3%;}#sx-slides .subtitle {font-size: 2.5em;}#sx-slides .animate-in .subtitle {left: 8%;}#sx-slides .image {left: auto;right: -10px;position: absolute;max-width: 70%;height: auto !important;max-height: 300px !important;}#sx-slides .animate-in .image {left: auto;right: 5%;bottom: -45%;}#sx-slides .animate-out .image {left: auto;bottom: -800px;}}@media only screen and (min-width: 1050px) {#sx-slides {height: 440px;}#sx-slides .title {font-size: 3.25em;bottom: 15%;}#sx-slides .animate-in .title {left: 8%;}#sx-slides .subtitle {font-size: 2.875em;top: 78%}#sx-slides .animate-in .subtitle {left: 12%;}#sx-slides .image {max-width: 90%;height: auto !important;max-height: 400px !important;}}
/* cmsms stylesheet: 01_MainCSS modified: 12/26/25 23:42:57 */
@font-face {font-family: 'simplex';src: url('http://digitaltechnologies.bk.tudelft.nl/uploads/simplex/fonts/simplex.eot');src: url('http://digitaltechnologies.bk.tudelft.nl/uploads/simplex/fonts/simplex.eot?#iefix') format('embedded-opentype'),url('http://digitaltechnologies.bk.tudelft.nl/uploads/simplex/fonts/simplex.woff') format('woff'),url('http://digitaltechnologies.bk.tudelft.nl/uploads/simplex/fonts/simplex.ttf') format('truetype'),url('http://digitaltechnologies.bk.tudelft.nl/uploads/simplex/fonts/simplex.svg#simplex') format('svg');font-weight: normal;font-style: normal;}[class^="icon-"], [class*=" icon-"] {font-family: 'simplex';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-arrow-up:before {content: "\e600";}.icon-arrow-left:before {content: "\e601";}.icon-search:before {content: "\e603";}.icon-printer:before {content: "\e604";}.icon-linkedin:before {content: "\e605";}.icon-pinterest:before {content: "\e606";}.icon-youtube:before {content: "\e607";}.icon-facebook:before {content: "\e608";}.icon-google:before {content: "\e609";}.icon-twitter:before {content: "\e60a";}.icon-link:before {content: "\e602";}body {background: #fff;font-family: 'Noto Sans', sans-serif;font-size: 1em;color: #555;line-height: 1.5;}.leftaligned {margin-left: 0;}.rightaligned {margin-right: 0;}body#boxed{/* background: #f2f2f2 url(...) repeat; */}body.fullwidth .row {max-width: none;}a img {border: none;}.right {float: right;}.left {float: left;}.spacing {margin: 15px;}.spacing.left {margin-right: 0;}.spacing.right {margin-left: 0;}.border {border: 2px solid #e9e9e9;}pre, code, kbd, samp {font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', monospace;color: #555;}pre code {line-height: 1.4;font-size: .8125em;}pre {padding: 10px;margin: 10px 0;overflow: auto;width: 93%;background: #f1f1f1;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-o-border-radius: 6px;}*:first-child+ html pre {padding-bottom: 20px;overflow-y: hidden;overflow: visible;overflow-x: auto;}* html pre {padding-bottom: 20px;overflow: visible;overflow-x: auto;}hr {border: solid #e9e9e9;border-width: 1px 0 0 0;clear: both;margin: 10px 0 30px 0;height: 0;}a {color: #00A6D6;}a.external {text-decoration: none;}a:visited {color: #e6870e;}a:hover {color: #555;transition: transform .3s ease-out;-webkit-transition: color .3s ease-out;-moz-transition: color .3s ease-out;-o-transition: color .3s ease-out;text-decoration: underline;}a:focus {outline: thin dotted;}a:hover, a:active {outline: 0;}a.external:after {content: "\e602";padding-left: 4px;font-family: 'simplex';text-decoration: none;}h1, h2 {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-weight: 700;}h3, h4, h5, h6 {font-weight: 400;}h1 {color: #00A6D6;margin: 10px 0;font-size: 2em; 	text-transform: uppercase;}h2 {color: #555;font-size: 1.75em; }h3 {color: #555;font-size: 1.5em; }h4 {color: #00A6D6;font-size: 1.375em; }h5 {font-size: 1.25em }h6 {font-size: 1.125em; }blockquote, blockquote p {font-size: 1.0625em;line-height: 1.5;color: #555;font-style: italic;font-family: Georgia, Times New Roman, serif;}blockquote {margin: 0 0 20px 0;padding: 9px 10px 10px 19px;border-left: 5px solid #f1f1f1;}blockquote cite {display: block;font-size: .941176em;color: #555;}blockquote cite:before {content: "\2014 \0020";}blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {font-family: Georgia, Times New Roman, serif;}.page-wrapper {border-top: 5px solid #00A6D6;margin-bottom: 15px;}#boxed #wrapper {margin-top: 15px;border-top: 0px solid #00A6D6;background: #fff;<!--box-shadow: 0 0 15px 0 #c6c6c6;--!>}#boxed.page-wrapper {border-top: none;}.inner-section {padding-left: 20px;padding-right: 20px;}.logo {margin-top: 20px;text-align: center;}.logo a {display: block;}.top .header {border-bottom: 1px solid #00A6D6;}.phrase span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #ddd;font-weight: 500;font-size: 1.5em; }.search {text-align: right;}input.search-input::-webkit-search-decoration, input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance: none;}.search .icon-search {margin-left: -25px;display: inline-block;height: 24px;line-height: 24px;text-align: center;width: 24px;position: relative;z-index: 10;color: #ddd;top: 3px;}.search ::-webkit-input-placeholder,.search ::-moz-placeholder,.search input[placeholder] {line-height: normal;}input.search-input {border: 1px solid #f1f1f1;line-height: normal;outline: 0;padding: 6px 0 6px .5%;font-size: .6875em; 	color: #555;transition: all .35s ease-in-out;-webkit-transition: all .35s ease-in-out;-moz-transition: all .35s ease-in-out;-o-transition: all .35s ease-in-out;max-width: 99.5%;}input.search-input:focus {border: 1px solid #00A6D6;box-shadow: 0 0 3px #00A6D6;-webkit-box-shadow: 0 0 3px #00A6D6;-moz-box-shadow: 0 0 3px #00A6D6;-o-box-shadow: 0 0 3px #00A6D6;}#main-menu {margin-top: 25px;}#main-menu > li {display: block;border-bottom: 1px dotted #f1f1f1;position: relative;}#main-menu > li:last-child {border-bottom: none;}#main-menu > li > a,#main-menu > li.sectionheader > span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;color: #555;text-decoration: none;font-size: 1.0625em; 	font-weight: 700;cursor: pointer;padding: 8px 0;display: block;position: relative;}#main-menu > li.current > a,#main-menu > li.current.sectionheader > span,#main-menu > li:hover > a,#main-menu > li.sectionheader:hover > span {color: #00A6D6;}#main-menu > li > ul,#main-menu > li > ul > li > ul  {position: absolute;left: -999em;}#main-menu > li:hover > ul,#main-menu > li.active > ul,#main-menu > li > ul > li:hover > ul, #main-menu > li > ul > li.active > ul {position: relative;left: 0;}#main-menu > li > ul > li > a,#main-menu > li > ul > li.sectionheader > span,#main-menu > li > ul > li > ul > li > a, #main-menu > li > ul > li > ul > li.sectionheader > span {text-decoration: none;color: #555;text-transform: uppercase;display: block;padding: 4px 0;}#main-menu > li > ul > li:hover > a,#main-menu > li > ul > li.sectionheader:hover > span,#main-menu > li > ul > li > ul > li:hover > a,#main-menu > li > ul > li > ul > li.sectionheader:hover > span {color: #999;}#main-menu > li > ul > li > ul > li > a,#main-menu > li > ul > li > ul > li.sectionheader > span {padding-left: 15px;font-size: .875em;text-transform: none;}#main-menu > li > a i,#main-menu > li > ul > li > a i,#main-menu > li.sectionheader > span i,#main-menu > li > ul > li.sectionheader > span i {float: right;position: relative;padding-top: 6px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;}#main-menu > li:hover > a i,#main-menu > li.active > a i,#main-menu > li > ul > li:hover > a i,#main-menu > li > ul > li.active > a i,#main-menu > li.sectionheader:hover > span i,#main-menu > li.active.sectionheader > span i,#main-menu > li > ul > li.sectionheader:hover > span i,#main-menu > li > ul > li.active.sectionheader > span i {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}/* combined css research and colab*//* Unified CSS *//* Hamburger button */.mobile-menu-toggle {display: none; /* hidden by default on large screens */cursor: pointer;width: 42px;height: 42px; /* enough room for 3 bars and spacing */flex-direction: column;justify-content: center;align-items: center;margin-bottom: 15px}.mobile-menu-toggle span {background: #00a6d6; /* TU Delft blue */height: 5px;width: 100%;display: block;margin: 4px 0;border-radius: 2px}/* Toggle open state for hamburger button*/.mobile-menu-toggle.open span:nth-child(1) {transform: translate(0px, 13px) rotate(45deg);}.mobile-menu-toggle.open span:nth-child(2) {opacity: 0;}.mobile-menu-toggle.open span:nth-child(3) {transform: translate(0px, -13px) rotate(-45deg);}/* Mobile nav wrapper */.mobile-nav-wrapper {display: block;}/* End of hamburger button styling */.padding_20px{padding: 20px}.padding_20px_left_right{padding-left: 20px;padding-right: 20px;}@font-face {font-weight: 400;font-style: normal;font-family: circular;src: url('chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/fonts/CircularXXWeb-Book.woff2')format('woff2');}@font-face {font-weight: 700;font-style: normal;font-family: circular;src: url('chrome-extension://liecbddmkiiihnedobmlmillhodjkdmb/fonts/CircularXXWeb-Bold.woff2')format('woff2');}.grid-container {display: grid;grid-template-columns: repeat(2, 1fr); /* Or adjust as needed */gap: 50px 50px;padding: 20px;}.tab {display: flex;text-decoration: none;background-color: #f0f0f0;padding: 10px;border-radius: 20px;transition: background-color 0.3s;}.tab:hover {background-color: #e0e0e0;}a.lab {display: block; /* Make the anchor act like a block element */text-decoration: none; /* Remove underlines */color: inherit; /* Inherit text color */width: 100%;height: 100%;}a.lab:hover {/* Add hover effects if desired */}a.lab div {width: inherit;height: inherit;}.description {display: flex;align-items: top;flex-direction: column;justify-content: flex-start;}.description p {color: #333;text-align: left;margin-top: 10px;margin-bottom: 10px;}@media (max-width: 900px) {.grid-container {grid-template-columns: 1fr;}}.tab .course-image {display: flex;align-items: center;justify-content: center;object-fit: cover;object-position: center;margin-right: 20px;margin-left: 10px;margin-top: 10px;margin-bottom: 10px;}.tab .project-image {display: flex;align-items: center;justify-content: center;object-fit: cover;object-position: center;margin-right: 20px;margin-left: 10px;margin-top: 10px;margin-bottom: 10px;}.course-image img {object-fit: cover;width: 150px;height: 150px;margin-right: 0px;margin-left: 0px;border-radius: 10px;}.project-image img {object-fit: cover;width: 150px;height: 150px;margin-right: 0px;margin-left: 0px;border-radius: 10px;}.lab-image img {object-fit: cover;width: 230px;height: 170px;margin-right: 20px;margin-left: 0px;border-radius: 10px;}/* About Us Page Specific *//* colab */.colab-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 120px;justify-content: center;text-align: center;padding-left: 50px;padding-right: 50px;}.colab-item {display: flex;flex-direction: column;align-items: center;}.colab-item a {display: flex;flex-direction: column;align-items: center;object-position: center;}.colab-item img {width: 300px;height: 300px;object-fit: cover;object-position: center;display: block;border-radius: 50%;margin-bottom: 30px;margin-left: 5%;margin-right: 5%;filter: grayscale(100%);transition: filter 0.3s ease;}.colab-item img:hover {filter: grayscale(0%);}.colab-item p {font-size: 18px;text-align: center;}.colab-item p:first-of-type {font-weight: bold;font-size: 18px;text-align: center;}.profile-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(100px, 2fr));grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));gap: 50px 50px;}.profile-item {text-align: center;}.profile-item a {display: flex;flex-direction: column;align-items: center;}.profile-item img {width: 150px;height: 180px;object-fit: cover;object-position: center;border-radius: 20%;display: block;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;filter: grayscale(100%);transition: filter 0.3s ease;}.profile-item img:hover {filter: grayscale(0%);}.profile-item p {margin-top: 0px;margin-bottom: 0px;margin-left: auto;margin-right: auto;text-decoration: none;}.profile-item p:first-of-type {margin-top: auto;font-size: 17px;font-weight: bold;text-decoration: none;}/* temporary add *//* ============================Card pagination============================ */.card-pagination {margin-top: 1rem;display: flex;justify-content: center;align-items: center;gap: 0.75rem;font-size: 0.85rem;}.card-pagination__button {padding: 0.35rem 0.9rem;border-radius: 999px;border: 1px solid #c8d1dc;background: #ffffff;cursor: pointer;font-size: 0.8rem;transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;}.card-pagination__button:hover:not([disabled]) {border-color: #00a6d6;background: #e8f6fb;}.card-pagination__button[disabled] {opacity: 0.4;cursor: default;}.card-pagination__info {color: #6b7480;}/* ============================Card modal (course/project modal)============================ *//* Backdrop */.card-modal-backdrop{position: fixed;inset: 0;background: rgba(0,0,0,.55);backdrop-filter: blur(2px);display: none;align-items: center;justify-content: center;z-index: 9999;padding: 24px;}.card-modal-backdrop--visible{ display:flex; }/* Modal container */.card-modal{width: min(1100px, calc(100vw - 48px));   /* wider */max-height: min(88vh, 900px);background: #fff;border-radius: 14px;overflow: hidden;box-shadow: 0 18px 50px rgba(0,0,0,.28);position: relative;transform: translateY(10px) scale(.98);opacity: 0;transition: transform .18s ease, opacity .18s ease;}.card-modal-backdrop--visible .card-modal{transform: translateY(0) scale(1);opacity: 1;}.card-modal__close{position:absolute;top: 10px;right: 14px;border:none;background:transparent;font-size: 26px;cursor:pointer;color:#777;z-index: 2;}.card-modal__close:hover{ color:#111; }.card-modal__content{padding: 22px 26px 22px;}/* Header */.card-modal__header{margin-bottom: 14px;}.card-modal__kicker{margin: 0 0 6px 0;font-size: 12px;letter-spacing: .06em;text-transform: uppercase;color: #6b7480;font-weight: 700;}.card-modal__title{margin: 0;color: #00A6D6;font-size: 26px;line-height: 1.2;text-transform: none; /* your old style forced uppercase; avoid shouty headers */}/* Layout: media left, content right */.card-modal__body{display: grid;grid-template-columns: 300px minmax(0, 1fr); /* image column */gap: 18px;align-items: start;}/* Media slot (keeps image aesthetic sized) */.card-modal__media{border-radius: 12px;background: #f2f4f7;overflow: hidden;min-height: 220px;           /* reserves space even if no image */max-height: 320px;display:flex;align-items:center;justify-content:center;}.card-modal__media img{width: 100%;height: 100%;object-fit: cover;           /* important: prevents giant portrait */object-position: 50% 25%;display:block;}/* Right column becomes scroll area */.card-modal__main{min-width: 0;max-height: calc(88vh - 160px);overflow: auto;padding-right: 8px; /* breathing room near scrollbar */}/* Text readability */.card-modal__text{font-size: 15px;line-height: 1.65;color: #333;}.card-modal__text p{ margin: 0 0 12px 0; }/* Video responsive */.card-modal__video iframe{width: 100%;aspect-ratio: 16/9;height: auto;border: 0;border-radius: 12px;margin-top: 14px;}/* Footer button */.card-modal__footer{margin-top: 16px;display:flex;justify-content:flex-end;}.card-modal__primary{border: none;background: #00A6D6;color: #fff;padding: 10px 16px;border-radius: 10px;cursor: pointer;font-weight: 700;}.card-modal__primary:hover{ background:#007ca3; }/* Mobile: stack media on top */@media (max-width: 820px){.card-modal__body{ grid-template-columns: 1fr; }.card-modal__media{ max-height: 240px; }.card-modal__main{ max-height: none; }}/* ============================Thesis toolbar (search + filters)============================ */.thesis-toolbar {margin: 1.25rem 0 1.5rem;padding: 0.75rem 1.25rem;background-color: #f5f7f9;border-radius: 6px;border: 1px solid #dde3ea;display: flex;flex-wrap: wrap;gap: 0.75rem;align-items: center;justify-content: space-between;}.thesis-toolbar__search {display: flex;flex-wrap: wrap;gap: 0.5rem;flex: 1 1 260px;}.thesis-toolbar__filters {display: flex;flex-wrap: wrap;gap: 0.5rem;}/* Inputs in toolbar */.thesis-input {padding: 0.45rem 0.75rem;border-radius: 4px;border: 1px solid #c8d1dc;font-size: 0.9rem;min-width: 0;background-color: #fff;box-sizing: border-box;}.thesis-input:focus {outline: none;border-color: #00a6d6;box-shadow: 0 0 0 2px rgba(0, 166, 214, 0.14);}.thesis-input--search {flex: 2 1 220px;}.thesis-input--year {flex: 0 0 120px;}/* Filter pill buttons */.thesis-pill {border-radius: 999px;border: 1px solid #c8d1dc;padding: 0.3rem 0.9rem;background: #ffffff;font-size: 0.83rem;cursor: pointer;transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;}.thesis-pill:hover {border-color: #00a6d6;background: #e8f6fb;}.thesis-pill.is-active {background: #00a6d6;color: #ffffff;border-color: #00a6d6;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02);}/* ============================Thesis cards============================ */.js-thesis-section .thesis-card {display: flex;gap: 0.9rem;padding: 0.9rem;border-radius: 6px;border: 1px solid #e1e6ee;background: #ffffff;transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease;}.js-thesis-section .thesis-card:hover {border-color: #00a6d6;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);transform: translateY(-2px);}/* Thumbnail */.js-thesis-section .thesis-card__media img {display: block;width: 72px;height: 72px;object-fit: contain;}/* Body */.js-thesis-section .thesis-card__body {flex: 1;min-width: 0;}/* Meta row: level + year */.js-thesis-section .thesis-card__meta {display: flex;gap: 0.4rem;align-items: center;margin-bottom: 0.25rem;font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.04em;color: #6b7480;}.js-thesis-section .thesis-card__level {padding: 0.1rem 0.45rem;border-radius: 999px;background: #e8f6fb;color: #007fa5;}.js-thesis-section .thesis-card__year {color: #6b7480;}/* Title / author / tags */.js-thesis-section .thesis-card__title {font-size: 0.96rem;margin: 0 0 0.25rem 0;line-height: 1.3;font-weight: 600;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.js-thesis-section .thesis-card__author {margin: 0 0 0.2rem 0;font-size: 0.85rem;font-weight: 500;color: #333333;}.js-thesis-section .thesis-card__tags {margin: 0;font-size: 0.75rem;color: #6b7480;}/* ============================Smooth scrolling + snap sections============================ */html {scroll-behavior: smooth;}@media (min-width: 768px) {html {scroll-snap-type: y proximity;}.education-snap-section {scroll-snap-align: start;min-height: 100vh;}}/* ============================Education intro + pills (centered)============================ *//* Center the whole intro section */#education-intro {text-align: center;margin-bottom: 2.5rem;}/* Banner: centered text */#education-intro .collaborate-banner {padding: 1.25rem 20px 0.5rem;border-bottom: none;margin: 0 auto 0.75rem;}#education-intro .collaborate-banner p {margin: 0 auto;max-width: 60rem;}/* Make the main "Education" heading feel like the true page title */#education-intro .collaborate-banner p:first-child strong {display: block;font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size: 2.6rem;   /* bumped from 2.1rem */color: #00A6D6;margin-bottom: 0.5rem;letter-spacing: 0.02em;}/* Subtitle */#education-intro .collaborate-banner p:nth-child(2) {font-size: 0.95rem;color: #555555;}/* Pills container: centered, no lines, subtle pill-group background */#education-intro .education-snap-nav {display: inline-flex;flex-wrap: wrap;gap: 0.6rem;margin: 0.25rem auto 0;padding: 0.5rem 0.6rem;border: none;background: #f7f9fb;border-radius: 999px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);}/* Individual pills */#education-intro .education-snap-nav a {display: inline-flex;align-items: center;justify-content: center;padding: 0.35rem 1.1rem;border-radius: 999px;border: 1px solid #d3dde8;background: #ffffff;font-size: 0.9rem;font-weight: 500;color: #555555;text-decoration: none;transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;}#education-intro .education-snap-nav a:hover {border-color: #00A6D6;background: #e8f6fb;color: #004f65;}/* Active pill (JS adds .is-active) */#education-intro .education-snap-nav a.is-active {border-color: #00A6D6;background: #00A6D6;color: #ffffff;box-shadow: 0 6px 16px rgba(0, 166, 214, 0.35);}.card-hint{opacity: 0;font-size: 0.75rem;color: #6b7280;transition: opacity 0.2s ease;}.tab:hover .card-hint,.tab:focus-within .card-hint{opacity: 1;}/* temporary add ends here*//* contact starts here*/.contact-section {margin-top: 40px;}.contact-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;margin-bottom: 40px;}.contact-card {background: #f8fafc;padding: 28px 32px;border-radius: 16px;}.contact-title {font-size: 26px;font-weight: 800;margin-bottom: 18px;color: #00a6d6;}/* Lists */.contact-list {list-style: none;padding: 0;margin: 0;}.contact-list li {margin-bottom: 14px;}.contact-role {display: block;font-size: 13px;text-transform: uppercase;letter-spacing: 0.04em;color: #6b7280;}.contact-name {font-weight: 700;display: block;}.contact-list a {color: #00a6d6;text-decoration: none;}.contact-list a:hover {text-decoration: underline;}/* Teaching group */.contact-subgroup {margin-top: 22px;}.contact-subgroup h3 {font-size: 18px;margin-bottom: 10px;}/* Address */.address-block {font-style: normal;line-height: 1.7;}/* MAP */.map-container {border-radius: 18px;overflow: hidden;height: 420px;}.map-container iframe {width: 100%;height: 100%;border: 0;}/* Responsive */@media (max-width: 900px) {.contact-grid {grid-template-columns: 1fr;}}.contact-section .address-title{font-size: 18px;font-weight: 800;display:block;margin: 0 0 10px 0;color: #2a2d34;}.contact-section .address-lines{font-size: 15px;line-height: 1.6;color: #454f62;}/* contact ends here*//* research design starts here*//* === Research hero layout === */.research-hero{display: grid;grid-template-columns: 1fr 2fr;gap: 48px;padding: 40px 20px;align-items: start;}/* Left column */.research-hero__left{max-width: 520px;}.research-hero__title{font-size: 32px;font-weight: 800;margin-bottom: 16px;}/* Make long text more readable */.research-hero__left p{font-size: 15px;line-height: 1.65;color: #444;}/* Right column */.research-hero__right{display: flex;flex-direction: column;gap: 20px;}.research-hero__header{display: flex;align-items: center;justify-content: space-between;}.research-hero__header h2{font-size: 28px;font-weight: 800;margin: 0;}/* Search styling cleanup */.research-hero .search-container{display: flex;gap: 12px;}.research-hero .search-container input{padding: 10px 12px;border-radius: 8px;border: 1px solid #ccc;}/* Cards grid refinement */.research-hero .grid-container{display: grid;grid-template-columns: repeat(2, minmax(260px, 1fr));gap: 22px;}@media (max-width: 1024px){.research-hero{grid-template-columns: 1fr;}.research-hero__left{max-width: none;}}.tab .description .card-title{font-weight: 800;font-size: 16px;margin: 10px 0 6px;}.tab .description .card-subtitle{margin: 0 0 8px;line-height: 1.45;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;   /* 2 or 3 */overflow: hidden;}.tab .description .card-year{margin: 0;font-style: italic;color: #6b7480;font-size: 0.9rem;}/* Optional hint */.tab .card-hint{opacity: 0;font-size: 0.8rem;color: #6b7280;margin-top: 6px;transition: opacity 0.2s ease;}.tab:hover .card-hint,.tab:focus-within .card-hint{opacity: 1;}/* ============================================================CARD MODAL starts here============================================================ *//* Make right column scroll cleanly */#card-modal .card-modal__main{padding-right: 14px !important;}/* Main text container: the sectioning look */#card-modal .card-modal__text{max-width: 68ch !important;font-size: 1.04rem !important;line-height: 1.9 !important;color: #1f2937 !important;background: #f8fafc !important;border: 1px solid #e5e7eb !important;border-left: 6px solid #00A6D6 !important;border-radius: 14px !important;padding: 16px 18px !important;box-shadow: 0 10px 24px rgba(0,0,0,.06) !important;position: relative !important;}/* Paragraph spacing rhythm */#card-modal .card-modal__text p{margin: 0 0 1rem 0 !important;}/* Remove the “lede” bolding */#card-modal .card-modal__text p:first-of-type{font-size: 1.12rem !important;line-height: 1.85 !important;font-weight: 400 !important;   /* NOT bold */color: #0f172a !important;}/* Remove bold styling from <strong> inside the modal */#card-modal .card-modal__text strong{font-weight: 400 !important;color: inherit !important;font-size: inherit !important;margin: 0 !important;display: inline !important;}/* Remove the fade completely (in case any earlier rule exists) */#card-modal .card-modal__text::after{content: none !important;}/* Year pill: keep it “sectioned” but not shouty */#card-modal .card-modal__text p[style*="italic"],#card-modal .card-modal__text em{display: inline-flex !important;align-items: center !important;gap: 8px !important;margin: 0 0 1rem 0 !important;padding: 0.35rem 0.75rem !important;border-radius: 999px !important;background: #e8f6fb !important;border: 1px solid rgba(0,166,214,.35) !important;color: #055e7a !important;font-style: normal !important;font-size: 0.88rem !important;font-weight: 600 !important;  /* slightly strong, not heavy */}/* Divider after the year line:(kept as nth-of-type(3) like you had, but can adjust if needed) */#card-modal .card-modal__text p:nth-of-type(3){position: relative !important;padding-top: 1rem !important;}#card-modal .card-modal__text p:nth-of-type(3)::before{content: "" !important;position: absolute !important;top: 0.35rem !important;left: 0 !important;right: 0 !important;height: 1px !important;background: rgba(15,23,42,.12) !important;}/* Links: clean and readable */#card-modal .card-modal__text a{font-weight: 600 !important;text-decoration-thickness: 2px !important;}/* Keep video spacing consistent */#card-modal .card-modal__video{margin-top: 14px !important;}/* ============================END CARD MODAL (FINAL)============================ *//* research design ends here*//* about us *//* Subtle section contrast (behind cards) */.people{position: relative;max-width: 1120px;margin: 0 auto;padding: 18px 0 34px;}.people::before{content: "";position: absolute;left: -18px;right: -18px;top: 6px;bottom: 0;background: linear-gradient(180deg, #f7fafc 0%, #f2f6fa 100%);border: 1px solid #e7edf4;border-radius: 18px;z-index: 0;}/* Keep content above the background panel */.people__bar,#people-grid{position: relative;z-index: 1;}/* Card container */.flip-card{transition: transform .15s ease, filter .15s ease;}.flip-card:hover{transform: translateY(-3px);}/* Click flip (JS) always works */.flip-card.is-flipped .flip-card__inner{transform: rotateY(180deg);}/* Faces */.flip-card__face{position: absolute;inset: 0;border-radius: 18px;overflow: hidden;backface-visibility: hidden;background: #fff;border: 1px solid rgba(0,0,0,.06);box-shadow: 0 14px 30px rgba(0,0,0,.08);}/* FRONT */.flip-card__front{display: flex;flex-direction: column;justify-content: flex-end;}.flip-card__front,.flip-card__back{pointer-events: none;}/* default: front clickable */.flip-card:not(.is-flipped) .flip-card__front{pointer-events: auto;}/* flipped: back clickable */.flip-card.is-flipped .flip-card__back{pointer-events: auto;}/* Default image behavior: premium full-bleed */.flip-card__img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 50% 20%;filter: saturate(1.05) contrast(1.02);transform: translateZ(0);}/* Gradient overlay so text is readable */.flip-card__front::after{content: "";position: absolute;inset: 0;background: linear-gradient(to top, rgba(0,0,0,.58), rgba(0,0,0,0) 62%);}.flip-card__frontText{position: relative;z-index: 1;padding: 16px 16px 18px;color: #fff;}.flip-card__name{font-weight: 800;font-size: 18px;line-height: 1.15;}.flip-card__hint{margin-top: 6px;font-size: 12px;opacity: .85;}.flip-card__name{ font-size: 16px; }.flip-card__hint{ font-size: 11px; opacity: .78; }/* BACK */.flip-card__back{transform: rotateY(180deg);padding: 18px 16px;display: flex;flex-direction: column;justify-content: space-between;background: linear-gradient(135deg, #0b2a3a, #0d3d57);color: #fff;}.flip-card__backName{font-weight: 900;font-size: 18px;line-height: 1.2;}.flip-card__role{margin-top: 8px;font-size: 14px;opacity: .92;}.flip-card__meta{margin-top: 18px;display: flex;gap: 10px;flex-wrap: wrap;}.flip-card__link{display: inline-block;padding: 10px 12px;border-radius: 12px;background: rgba(255,255,255,.12);color: #fff;text-decoration: none;border: 1px solid rgba(255,255,255,.18);}.flip-card__link:hover{background: rgba(255,255,255,.18);}/* Respect reduced motion */@media (prefers-reduced-motion: reduce){.flip-card__inner{ transition: none; }}.flip-card__keywords strong{font-size: 14px;font-weight: 600;letter-spacing: .2px;opacity: .9;}/* overall keywords text size */.flip-card__keywords{margin-top: 10px;font-size: 14px;line-height: 1.35;white-space: normal;overflow-wrap: anywhere;}/* chips using spans we add in Option B below */.flip-card__keywords .kw-chip{display: inline-block;padding: 4px 10px;border-radius: 999px;margin: 6px 6px 0 0;font-size: 13px;line-height: 1;border: 1px solid rgba(255,255,255,.18);background: rgba(255,255,255,.08);}/* If the back face has limited height, allow scrolling instead of overflowing */.flip-card__backBody{max-height: 260px;      /* tweak */overflow-y: auto;padding-right: 6px;}/* Title + filters nicely aligned */.people__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin: 10px 0 22px;flex-wrap:wrap;}.people__title{margin:0;font-size: 44px;line-height: 1.02;letter-spacing: -0.02em;}/* Filter chips */.people__filters{background: rgba(255,255,255,.7);border: 1px solid rgba(0,0,0,.06);border-radius: 999px;padding: 6px;box-shadow: 0 10px 24px rgba(0,0,0,.06);backdrop-filter: blur(6px);}.people__chip{border: 1px solid rgba(0,0,0,.12);background: transparent;border-radius: 999px;padding: 9px 14px;font-weight: 700;cursor: pointer;}.people__chip:hover{border-color:#00A6D6;box-shadow: 0 6px 16px rgba(0,0,0,.06);}.people__chip.is-active{background: #00A6D6;border-color: #00A6D6;color: #fff;box-shadow: 0 8px 18px rgba(0,166,214,.28);}/* Grid: smaller cards + more whitespace */.profile-grid#people-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 30px;align-items: stretch;}/* Make each card fill its grid cell */#people-grid .flip-card{width:100%;}/* Consistent card ratio so rows look neat */.flip-card__inner{position: relative;width: 100%;aspect-ratio: 4 / 4.7;      /* less in-your-face than 4/5 */height: auto;transform-style: preserve-3d;transition: transform .6s cubic-bezier(.2,.7,.2,1);}.flip-card.is-portrait .flip-card__img{object-fit: contain;object-position: center;background: #fff;          /* or: transparent */filter: none;}#people-grid .profile-grid{display: contents; /* flatten wrapper so children participate in #people-grid */}/* Filtering should remove the card from layout completely */#people-grid .is-hidden{display: none !important;}/* about us ends here *//* =========================================NEW STYLES For homepage========================================= *//* Variables */:root {--primary-color: #00A6D6;--text-color: #555;--bg-color: #fff;--bg-secondary: #f1f1f1;--border-color: #e9e9e9;--font-heading: 'Oswald', sans-serif;--font-body: 'Noto Sans', sans-serif;--max-width: 1200px;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;}/* Layout UtilitiesNOTE: Be careful with .container if it's used elsewhere.If your site body has class="container", this might affect it.*/.grid {display: grid;gap: var(--spacing-md);}.flex {display: flex;gap: var(--spacing-md);}/* Hero Section (New) */.hero {background: linear-gradient(135deg, var(--bg-secondary) 0%, #fff 100%);padding: var(--spacing-md) 0;border-bottom: 1px solid var(--border-color);}.hero-content {text-align: center;}.hero h2 {color: var(--primary-color);font-size: 2rem;margin-bottom: 0.25rem;}.hero h3 {font-size: 1.2rem;font-weight: 400;margin-bottom: 1.5rem;}.hero-carousel::-webkit-scrollbar {height: 8px;}.hero-carousel::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 4px;}.hero-carousel::-webkit-scrollbar-thumb {background: #ccc;border-radius: 4px;}.hero-carousel::-webkit-scrollbar-thumb:hover {background: var(--primary-color);}/* Carousel Card */.hero-card {flex: 0 0 280px;height: 200px;position: relative;border-radius: 8px;overflow: hidden;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;}.hero-card:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);}.card-image {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}.card-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}.hero-card:hover .card-image img {transform: scale(1.1);}.card-content {position: absolute;bottom: 0;left: 0;width: 100%;padding: 1rem;background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);z-index: 2;text-align: left;color: #fff;display: flex;flex-direction: column;justify-content: flex-end;height: 100%;}.hero-card h4 {font-size: 1.1rem;margin-bottom: 0.25rem;color: #fff;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);}.hero-card p {font-size: 0.85rem;color: rgba(255, 255, 255, 0.9);margin-bottom: 0;line-height: 1.2;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);}/* Main Content Areas (New) */.main-content-area {padding: var(--spacing-lg) 0;}.content-grid {display: grid;grid-template-columns: 2fr 1fr;gap: var(--spacing-lg);}@media (max-width: 768px) {.content-grid {grid-template-columns: 1fr;}}/* Sidebar Widgets (New) */.sidebar-widget {background: var(--bg-secondary);padding: var(--spacing-md);border-radius: 4px;border-left: 4px solid var(--primary-color);}.sidebar-heading {border-bottom: 1px dotted var(--border-color);margin-bottom: 1rem;padding-bottom: 0.5rem;display: block;font-weight: bold;}.category-list li {display: inline-block;margin: 0.2rem;}.category-list a {background: #fff;padding: 0.25rem 0.5rem;border-radius: 4px;font-size: 0.9rem;color: var(--text-color);}.category-list a:hover {color: var(--primary-color);}/* Footer (New Classes) */.site-footer {background: var(--bg-secondary);padding: var(--spacing-lg) 0;margin-top: var(--spacing-lg);border-top: 5px solid var(--primary-color);}.footer-inner {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}.hero-carousel{display: flex;gap: 1.2rem;overflow-x: auto !important;overflow-y: hidden !important;flex-wrap: nowrap !important;-webkit-overflow-scrolling: touch;scrollbar-width: none; /* Firefox */position: relative;}.hero-carousel::-webkit-scrollbar{display: none; /* Chrome/Safari */}.hero-carousel .hero-card{flex: 0 0 280px;   /* IMPORTANT: fixed-ish width so it actually overflows */max-width: 280px;}/* =========================HOME LAYOUT (alias Home-final)========================= *//* =========================================================Home-Final (page alias: Home-Final)========================================================= *//* Don’t use the default 2fr/1fr content layout on this page */.page-Home-Final .content-grid{display: block !important;}/* Top section layout */.page-Home-Final .home-top{padding: 24px 0 12px;}.page-Home-Final .home-top-grid{display: grid;grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);gap: 26px;align-items: start;}.page-Home-Final .home-top-left,.page-Home-Final .home-top-right{min-width: 0;}/* Right: stack image then news */.page-Home-Final .home-top-right{display: grid;gap: 16px;}/* Image */.page-Home-Final .home-top-media{border-radius: 18px;overflow: hidden;box-shadow: 0 14px 34px rgba(0,0,0,.10);}.page-Home-Final .home-top-media img{width: 100%;height: auto;display: block;object-fit: cover;}/* News */.page-Home-Final .home-news{width: 100%;padding: 0;background: transparent;border: 0;}/* Cards sizing */.page-Home-Final .home-news .news-card,.page-Home-Final .home-news .news-card-item{width: 100%;max-width: 100%;box-sizing: border-box;}/* Hide news thumbnail images on Home-Final */.page-Home-Final .home-news .news-card-image{display: none !important;}/* Compact news typography */.page-Home-Final .home-news .news-card-content{padding: 14px 16px !important;}.page-Home-Final .home-news .news-card-title{font-size: 16px !important;line-height: 1.3 !important;margin: 0 0 10px !important;}/* Body */.page-Home-Final .home-body{padding: 18px 0 42px;}.page-Home-Final .home-body-full{max-width: none !important;margin: 0 !important;}/* Mobile */@media (max-width: 950px){.page-Home-Final .home-top-grid{grid-template-columns: 1fr;}}.page-Home-Final .home-top-left{min-width: 0;}.page-Home-Final .home-intro-card{width: 100%;max-width: none;box-sizing: border-box;background: #fff;border-radius: 18px;padding: 28px 32px;border: 1px solid rgba(0,0,0,.06);box-shadow: 0 12px 30px rgba(0,0,0,.08);}/* defensive: if WYSIWYG inserted something with max-width */.page-Home-Final .home-intro-card *{max-width: none;}/* =========================Home-Final: Latest news strip + Intro title========================= */.page-Home-Final .home-strip{padding: 10px 0 18px;}.page-Home-Final .home-latest-news{display: grid;grid-template-columns: auto 1fr;gap: 14px;align-items: center;padding: 12px 14px;border-radius: 14px;background: #fff;border: 1px solid rgba(0,0,0,.06);box-shadow: 0 10px 22px rgba(0,0,0,.05);}.page-Home-Final .home-latest-news__label{font-weight: 700;font-size: 14px;letter-spacing: .02em;text-transform: uppercase;opacity: .75;white-space: nowrap;}.page-Home-Final .home-latest-news__row{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-width: 0;}.page-Home-Final .home-latest-news__title{font-size: 16px;font-weight: 600;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.page-Home-Final .home-latest-news__cta{flex: 0 0 auto;text-decoration: none;padding: 8px 12px;border-radius: 999px;border: 1px solid rgba(0,0,0,.12);font-weight: 600;}.page-Home-Final .home-intro-title{margin: 0 0 12px;font-size: 28px;line-height: 1.1;text-align: center;font-weight: 700;}/* Mobile */@media (max-width: 900px){.page-Home-Final .home-latest-news{grid-template-columns: 1fr;gap: 6px;}.page-Home-Final .home-latest-news__row{flex-wrap: wrap;justify-content: flex-start;}}/* HERO: Latest news strip */.page-Home-Final .hero .home-news-strip{display: inline-flex;align-items: center;gap: 12px;margin: 10px auto 0;padding: 10px 14px;border-radius: 999px;background: #fff;border: 1px solid rgba(0,0,0,.08);box-shadow: 0 10px 22px rgba(0,0,0,.06);max-width: min(900px, 100%);}.page-Home-Final .hero .home-news-strip__label{font-size: 12px;font-weight: 800;letter-spacing: .06em;text-transform: uppercase;color: #6b7480;white-space: nowrap;}.page-Home-Final .hero .home-news-strip__link{display: inline-flex;align-items: center;gap: 10px;text-decoration: none;min-width: 0;}.page-Home-Final .hero .home-news-strip__title{font-size: 14px;font-weight: 700;color: #111;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 52ch;}.page-Home-Final .hero .home-news-strip__cta{font-size: 12px;font-weight: 800;color: #00A6D6;padding: 6px 10px;border-radius: 999px;border: 1px solid rgba(0,166,214,.35);background: #e8f6fb;white-space: nowrap;}.page-Home-Final .hero .home-news-strip__arrow{color: #00A6D6;font-weight: 900;}.page-Home-Final .hero .home-news-strip__link:hover .home-news-strip__title{text-decoration: underline;}.page-Home-Final .hero .home-news-strip__link:hover .home-news-strip__cta{background: #00A6D6;color: #fff;border-color: #00A6D6;}.page-Home-Final .home-intro .dt-leadin{font-style: italic;font-weight: 600;font-size: 1.05em;color: inherit;letter-spacing: 0.01em;}/* =========================Home: Compact DT pillars========================= */.page-Home-Final .dt-pillars{margin-top: 26px;}.page-Home-Final .dt-pillars__grid{display: grid;grid-template-columns: 1fr 1fr;gap: 18px;margin-bottom: 16px;}.page-Home-Final .dt-pillar{background: #fff;border-radius: 18px;padding: 18px 18px;border: 1px solid rgba(0,0,0,.06);box-shadow: 0 12px 24px rgba(0,0,0,.08);}.page-Home-Final .dt-pillar__title{margin: 0 0 8px;font-size: 18px;font-weight: 800;color: #111;}.page-Home-Final .dt-pillar__desc{margin: 0 0 10px;line-height: 1.65;color: #2b2b2b;}/* details/summary looks like a small link, not a huge block */.page-Home-Final .dt-pillar__more summary{cursor: pointer;font-weight: 700;color: #00A6D6;list-style: none;}.page-Home-Final .dt-pillar__more summary::-webkit-details-marker{display: none;}.page-Home-Final .dt-pillar__more summary::after{content: " →";}.page-Home-Final .dt-pillar__more[open] summary::after{content: " ←";}.page-Home-Final .dt-pillar__moreBody{margin-top: 10px;padding-top: 10px;border-top: 1px solid rgba(0,0,0,.08);color: #2b2b2b;line-height: 1.7;}/* Overall chips block */.page-Home-Final .dt-overall{background: #fff;border-radius: 18px;padding: 16px 18px;border: 1px solid rgba(0,0,0,.06);box-shadow: 0 12px 24px rgba(0,0,0,.08);}.page-Home-Final .dt-overall__head{display: grid;grid-template-columns: auto 1fr;gap: 12px;align-items: baseline;margin-bottom: 10px;}.page-Home-Final .dt-overall__title{margin: 0;font-size: 16px;font-weight: 900;color: #111;}.page-Home-Final .dt-overall__text{margin: 0;color: #2b2b2b;line-height: 1.6;}/* Chips: dense but clean */.page-Home-Final .dt-overall__chips{display: flex;flex-wrap: wrap;gap: 8px;}.page-Home-Final .dt-chip{display: inline-flex;align-items: center;padding: 7px 10px;border-radius: 999px;border: 1px solid rgba(0,0,0,.10);background: #f8fafc;font-weight: 700;font-size: 13px;color: #111;}/* Responsive */@media (max-width: 950px){.page-Home-Final .dt-pillars__grid{grid-template-columns: 1fr;}.page-Home-Final .dt-overall__head{grid-template-columns: 1fr;}}/* =========================HOME: Overall section cleanup========================= */.page-Home-Final .dt-overall{margin-top: 16px;padding: 14px 18px;border-radius: 18px;background: #fff;border: 1px solid rgba(0,0,0,.06);box-shadow: 0 12px 26px rgba(0,0,0,.06);}/* Header row: "Overall" + sentence */.page-Home-Final .dt-overall__head{display: flex;align-items: baseline;gap: 14px;flex-wrap: wrap;margin-bottom: 10px;}.page-Home-Final .dt-overall__title{margin: 0;font-size: 16px;font-weight: 800;color: #111;letter-spacing: .01em;text-transform: none;}.page-Home-Final .dt-overall__text{margin: 0;font-size: 15px;line-height: 1.5;color: #444;}/* Chips layout */.page-Home-Final .dt-overall__chips{display: flex;flex-wrap: wrap;gap: 10px;}/* Chip style: lighter + tighter */.page-Home-Final .dt-chip{display: inline-flex;align-items: center;padding: 7px 12px;border-radius: 999px;font-size: 13px;font-weight: 600;color: #222;background: #f7fafc;                 /* subtle tint */border: 1px solid rgba(0,0,0,.10);   /* light outline */box-shadow: none;                     /* remove “heavy” look */}/* Remove hover effects if you dislike them */.page-Home-Final .dt-chip:hover{background: #f7fafc;border-color: rgba(0,0,0,.10);box-shadow: none;}.hero > .container,.home-top > .container,.home-body > .container{max-width: 1440px !important;margin: 0 auto !important;}/* Main Content ends here *//* Compact news in sidebar (home) */.news-mini{padding: 14px 14px;border-radius: 14px;border: 1px solid rgba(0,0,0,.06);background: #fff;box-shadow: 0 10px 22px rgba(0,0,0,.06);margin-bottom: 12px;}.news-mini__title{margin: 0 0 10px;font-size: 16px;line-height: 1.35;}.news-mini__link{text-decoration: none;color: inherit;}.news-mini__cta{display: inline-block;padding: 8px 12px;border-radius: 999px;text-decoration: none;border: 1px solid rgba(0,0,0,.12);font-weight: 700;font-size: 13px;}.page-home .content-grid{grid-template-columns: 1fr;}.page-home .sidebar{margin-top: 22px;}/* news starts here *//* Browserbite Style News Page CSS */.news-page-container {max-width: 1200px;margin: 0 auto;padding: 4rem 1rem;font-family: 'Noto Sans', sans-serif;}/* Header Section: Title + Search */.news-header-section {display: flex;justify-content: space-between;align-items: center;margin-bottom: 3rem;flex-wrap: wrap;gap: 2rem;}.news-title h1 {font-size: 2.5rem;font-weight: 700;color: #1a1a1a;line-height: 1.2;max-width: 600px;margin: 0;}.news-search-box {display: flex;align-items: center;border: 1px solid #e0e0e0;border-radius: 50px;padding: 0.5rem;background: #fff;width: 100%;max-width: 400px;}.news-search-box input {border: none;outline: none;padding: 0.5rem 1rem;font-size: 1rem;flex: 1;border-radius: 50px 0 0 50px;}.news-search-box button {background: #1a1a1a;color: #fff;border: none;padding: 0.75rem 1.5rem;border-radius: 50px;cursor: pointer;font-weight: 500;transition: background 0.3s ease;}.news-search-box button:hover {background: #333;}/* Filter Tabs */.news-filters {display: flex;gap: 2rem;border-bottom: 1px solid #e0e0e0;margin-bottom: 3rem;overflow-x: auto;padding-bottom: 0.5rem;}.filter-tab {background: none;border: none;font-size: 1rem;color: #555;cursor: pointer;padding-bottom: 0.5rem;position: relative;white-space: nowrap;font-weight: 500;}.filter-tab.active {color: #1a1a1a;font-weight: 700;}.filter-tab.active::after {content: '';position: absolute;bottom: -0.6rem;/* Adjust to align with border-bottom */left: 0;width: 100%;height: 2px;background: #1a1a1a;}/* =========================Home structured blocks========================= */.dt-home-block{margin-top: 26px;}.dt-home-grid{display: grid;grid-template-columns: 1.15fr 1fr;gap: 26px;align-items: center;}.dt-home-grid--reverse{grid-template-columns: 1fr 1.15fr;}.dt-home-text{background: #fff;border-radius: 18px;padding: 24px 24px;border: 1px solid rgba(0,0,0,.06);box-shadow: 0 14px 28px rgba(0,0,0,.08);}.dt-home-h2{margin: 0 0 12px;font-size: 30px;line-height: 1.1;font-weight: 800;text-transform: uppercase;letter-spacing: .3px;color: #00a6d6;}.dt-home-h3{margin: 0 0 10px;font-size: 18px;font-weight: 800;letter-spacing: .2px;}.dt-home-text p{margin: 0;line-height: 1.75;color: #2b2b2b;}.dt-home-media{border-radius: 18px;overflow: hidden;box-shadow: 0 16px 34px rgba(0,0,0,.10);}.dt-home-media img{display: block;width: 100%;height: 100%;max-height: 360px;object-fit: cover;}/* Toggle area */.dt-home-toggle-wrap{background: #f7fbfd;border-radius: 18px;padding: 22px;border: 1px solid rgba(0,0,0,.06);}.dt-home-toggle-row{display: flex;gap: 10px;flex-wrap: wrap;margin-bottom: 14px;}.dt-pill{appearance: none;border: 1px solid rgba(0,0,0,.12);background: #fff;border-radius: 999px;padding: 10px 14px;font-weight: 700;cursor: pointer;}.dt-pill.is-active{border-color: rgba(0,166,214,.35);box-shadow: 0 10px 22px rgba(0,166,214,.14);}.dt-home-lines{margin: 6px 0 14px;}.dt-home-line{margin: 0 0 8px;line-height: 1.7;color: #2b2b2b;}.dt-home-line__label{font-weight: 800;}.dt-home-line--bridge{margin-top: 10px;font-weight: 700;}/* Reveal cards */.dt-home-reveal{margin-top: 10px;}.dt-info-card{background: #fff;border-radius: 16px;padding: 18px 18px;border: 1px solid rgba(0,0,0,.06);box-shadow: 0 12px 24px rgba(0,0,0,.08);}.dt-info-card h3{margin: 0 0 10px;font-size: 17px;letter-spacing: .2px;}.dt-info-card p{margin: 0;line-height: 1.75;}/* Overall center section */.dt-home-center{text-align: center;background: #fff;border-radius: 18px;padding: 26px 26px;border: 1px solid rgba(0,0,0,.06);box-shadow: 0 14px 28px rgba(0,0,0,.08);}.dt-home-center h3{margin: 0 0 10px;font-size: 18px;font-weight: 800;letter-spacing: .2px;}.dt-home-center p{margin: 0 auto;max-width: 95ch;line-height: 1.75;color: #2b2b2b;}/* Responsive */@media (max-width: 950px){.dt-home-grid,.dt-home-grid--reverse{grid-template-columns: 1fr;}.dt-home-media img{max-height: 320px;}}/* News Grid */.news-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 2rem;}.news-card {background: #fff;border: 1px solid #f0f0f0;border-radius: 12px;overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;display: flex;flex-direction: column;}.news-card:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);}.news-card-image {height: 220px;overflow: hidden;background: #f9f9f9;}.news-card-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}.news-card:hover .news-card-image img {transform: scale(1.05);}.news-card-content {padding: 1.5rem;flex: 1;display: flex;flex-direction: column;}.news-card-meta {font-size: 0.85rem;color: #666;margin-bottom: 0.5rem;text-transform: uppercase;letter-spacing: 0.5px;}.news-card-title {font-size: 1.25rem;font-weight: 700;color: #1a1a1a;margin-bottom: 0.75rem;line-height: 1.4;}.news-card-tags {display: flex;gap: 0.5rem;margin-top: auto;flex-wrap: wrap;}.news-tag {background: #f5f5f5;color: #555;padding: 0.25rem 0.75rem;border-radius: 4px;font-size: 0.8rem;font-weight: 500;}@media (max-width: 768px) {.news-header-section {flex-direction: column;align-items: flex-start;}.news-search-box {max-width: 100%;}.news-grid {grid-template-columns: 1fr;}}/* Modal Styles */.news-modal-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 10000;display: flex;justify-content: center;align-items: center;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;}.news-modal-overlay.active {opacity: 1;visibility: visible;}.news-modal-content {background: #fff;width: 90%;max-width: 800px;max-height: 90vh;overflow-y: auto;border-radius: 8px;padding: 2rem;position: relative;transform: scale(0.8);opacity: 0;transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);}.news-modal-overlay.active .news-modal-content {transform: scale(1);opacity: 1;visibility: visible;/* Ensure visibility is set */}.news-modal-close {position: absolute;top: 1rem;right: 1rem;background: none;border: none;font-size: 2rem;cursor: pointer;color: #555;line-height: 1;z-index: 10;transition: color 0.2s;}.news-modal-close:hover {color: #000;}.news-modal-body img {max-width: 100%;height: auto;border-radius: 4px;margin-bottom: 1rem;}.news-modal-title {font-size: 2rem;margin-bottom: 1rem;line-height: 1.2;}.news-modal-meta {font-size: 0.9rem;color: #777;margin-bottom: 1.5rem;border-bottom: 1px solid #eee;padding-bottom: 1rem;}/* news ends here */.content-wrapper {padding-top: 20px;}.content-top {font-family: Georgia, Times New Roman, serif;color: #555;font-style: italic;line-height: 20px;position: relative;}.content-top .title-border {content: '';height: 1px;display: block;width: 100%;border-bottom: 1px dotted #ddd;position: absolute;top: 50%;}.breadcrumb {display: inline-block;background: #fff;width: auto;padding-right: 6px;z-index: 1;position: relative;}.breadcrumb a {color: #555;display: inline-block;width: auto;background: #fff;}a.printbutton {display: none;}.more, .more a,.back, .back a,.previous a, .next a, .previous, .next {font: italic 12px/1.3 Georgia, Times New Roman, serif;color: #555;text-decoration: none;}.more a:hover, .back a:hover, .previous a:hover, .next a:hover {text-decoration: underline;}.previous, .next {padding: 6px 0;}.previous {float: left;}.next {float: right;}.sidebar .news-summary span.heading {position: relative;color: #555;font: normal 1em/1.25 Georgia, Times New Roman, serif;margin: 0 0 15px 0;display: block;}.sidebar .news-summary span.heading:after {content: '';height: 1px;display: block;width: 100%;border-bottom: 1px dotted #ddd;position: absolute;top: 50%;}.sidebar .news-summary .heading span {display: inline-block;width: auto;background: #fff;padding-right: 6px;position: relative;z-index: 10;}.sidebar .news-article {padding: 15px;position: relative;background: #f1f1f1;margin-bottom: 20px;border-radius: 0 0 6px 0;font-size: .8125em; }.sidebar .news-article:before {content: '';position: absolute;bottom: -15px;right: 25px;width: 10px;height: 35px;-webkit-transform: rotate(55deg) skewY(55deg);-moz-transform: rotate(55deg) skewY(55deg);-o-transform: rotate(55deg) skewY(55deg);-ms-transform: rotate(55deg) skewY(55deg);transform: rotate(55deg) skewY(55deg);background: #f1f1f1;}.lt-ie9 .sidebar .news-article:before {display: none;}/* staff profiles grid */.grid-container-staff {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 20px;padding: 20px;}.grid-item-staff {text-align: center;}.portrait-staff {width: 150px;height: 150px;border-radius: 50%;object-fit: cover;}.name-staff {font-weight: bold;margin-top: 10px;}.title-staff {margin-top: 5px;}.footer {position: relative;border-top: 8px solid #f1f1f1;margin: 25px 0 10px 0;padding-top: 20px;padding-bottom: 20px;}.research-banner img{width:50%;float:right;margin-left:50px;}.research-projects img{width:50%;float:right;margin-left:50px;}/*.collaborate-banner img{width:70%;float:right;margin-left:50px;}*/.research-banner p strong {font-size:24pt;color:#00A6D6;}.research-banner p{font-size:12pt;margin:20px;}.research-container {column-count: 2;column-gap: 20px;}.research-project-container {border-bottom: 1px solid #ccc; /* Add a separator at the bottom of each project */padding: 10px 0; /* Adjust padding for spacing */}.research-project img{width:20%;float:left;margin-left:5px;margin-right:20px;margin-top:0px;padding-top: 0px;}.research-project p strong{font-size:18pt;color:#00A6D6;}.research-project p{font-size:12pt;}.collaborate-banner {/* Your existing styles for collaborate-banner */}.image-container img {width: 20%;height: auto;max-width: 100%;margin: 10px; /* Adjust margin as needed */}/*.image-container {display: flex;flex-wrap: wrap;justify-content: space-around;margin-top: 20px; /* Adjust the margin as needed */}*/    .logo-container img {width: 30%;height: auto; /* Maintain aspect ratio */max-width: 150px; /* Set maximum width for scaling */margin-bottom: 20px; /* Adjust the margin between images */}.logo-container {display: flex;flex-wrap: wrap;justify-content: space-around;margin-top: 20px; /* Adjust the margin as needed */}.image-container img {width: 20%;height: auto; /* Maintain aspect ratio */max-width: 200px; /* Set maximum width for scaling */margin-bottom: 20px; /* Adjust the margin between images */}.circle-container {display: flex;justify-content: space-between;align-items: flex-start;}.circle {width: 100px;height: 100px;border-radius: 50%;position: relative;overflow: hidden;display: flex;flex-direction: column;align-items: center;}.circle img {width: 100%;height: 100%;object-fit: cover;mask: url('path/to/mask-image.png');border-radius: 50%;}.circle-text {text-align: center;margin-top: 2px; /* Adjust the margin as needed */}.footer:before {content: ' ';border-top: 2px dotted #fff;border-bottom: 2px dotted #fff;height: 4px;display: block;position: absolute;width: 100%;top: -8px;left: 0;}.copyright {padding-top: 15px;}.copyright-info {color: #555;font-size: .6875em; }.footer ul.social {padding: 0;margin: 0;list-style: none;text-align: center;}.footer .social li {display: inline;margin: 0;padding: 0;margin-right: 6px;}.footer .social li a {display: inline-block;text-decoration: none;font-size: 2.625em;line-height: 1;color: #555;}.footer .social li a:hover {color: #00A6D6;}.footer .social li a i {display: inline-block;}.back-top a {display: inline-block;width: 16px;height: 16px;line-height: 16px;padding: 8px;border: 5px solid #fff;text-decoration: none;color: #555;background-color: #f1f1f1;border-radius: 500px;-webkit-border-radius: 500px;-moz-border-radius: 500px;-o-border-radius: 500px;position: absolute;top: -24px;left: 50%;margin-left: -12px;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}.back-top a:hover {background-color: #00A6D6;color: #fff;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}.footer-navigation {padding-top: 15px;border-bottom: 1px solid #f1f1f1;}#footer-menu li > a,#footer-menu li.sectionheader > span {color: #555;display: block;text-decoration: none;}#footer-menu li > a:hover,#footer-menu li > a.current,#footer-menu li.sectionheader > span:hover,#footer-menu li.sectionheader > span.current {color: #00A6D6;}#footer-menu > li > a,#footer-menu > li.sectionheader > span {font-family: 'Oswald', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;text-transform: uppercase;text-decoration: none;display: block;}#footer-menu > li > ul > li > a,#footer-menu > li > ul > li.sectionheader > span {font-size: .875em; 	padding: 2px 0;}#footer-menu > li > ul {margin: 15px 0;}.textformatx {color: #555555 !important;font-size: 18px !important;}@media screen and (min-width: 768px) {.lt-768 {display: none;}.logo {margin-top: 12px;position: relative;text-align: left;}.logo .palm {position: absolute;top: 5px;left: 45px;background: url(http://digitaltechnologies.bk.tudelft.nl/uploads/simplex/images/palm-circle.png) no-repeat;display: block;width: 48px;height: 48px;transition: transform 0.6s ease-out;-webkit-transition: -webkit-transform 0.6s ease-out;-moz-transition: -moz-transform 0.6s ease-out;-o-transition: -o-transform 0.6s ease-out;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;}.logo a:hover .palm {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}nav.main-navigation {z-index: 990;height: 55px;line-height: 37px;margin-top: 20px;}#main-menu {float: right;margin-top: 0;}#main-menu > li {display: inline-block;padding: 0;margin: 0 4px;border: none;position: relative;}#main-menu > li i {display: none;}.touch-device #main-menu > li i {display: inline-block;float: none;}.touch-device #main-menu > li li i {float: left;display: inline-block;margin-right: 8px;padding-top: 2px;text-align: left;}.touch-device #main-menu > li:first-child li i {float: right;}#main-menu > li:first-child, #main-menu > li.first {margin-left: 0;}#main-menu > li:last-child, #main-menu > li.last {margin-right: 0;}#main-menu > li > a,#main-menu > li.sectionheader span {padding: 0 6px 0 10px;line-height: 37px;font-size: 1em;}#main-menu > li.parent:hover > a,#main-menu > li.sectionheader.parent:hover > span,#main-menu > li.parent.active > a,#main-menu > li.parent.active > span {color: #fff;background-color: #555;background-color: rgba(85, 85, 85, .95);}#main-menu > li > ul,#main-menu > li > ul > li > ul  {display: block;width: 260px;}#main-menu > li:hover > ul,#main-menu > li.active > ul,#main-menu > li > ul > li:hover > ul,#main-menu > li > ul > li.active > ul {height: auto;position: absolute;z-index: 9999;top: 37px;right: 0;left: auto;display: block;border-radius: 3px;}#main-menu > li:first-child:hover > ul,#main-menu > li:first-child.active > ul {right: auto;left: 0;}#main-menu > li > ul > li {position: relative;line-height: 1;margin: 0;padding-left: 10px;}#main-menu > li:first-child > ul > li {padding-right: 10px;padding-left: 0;}#main-menu > li > ul > li > a,#main-menu > li > ul > li.sectionheader > span,#main-menu > li > ul > li > ul > li > a,#main-menu > li > ul > li > ul > li.sectionheader > span {color: #fff;display: block;text-transform: none;line-height: 1.2;border-bottom: 1px dotted #858585;background-color: #555;background-color: rgba(90, 90, 90, .98);padding: 8px 12px;font-size: .875em; 		text-decoration: none;}#main-menu > li > ul > li.current > a,#main-menu > li > ul > li.current.sectionheader > span,#main-menu > li > ul > li > ul > li.current > a,#main-menu > li > ul > ul > li > li.current.sectionheader > span {color: #00A6D6;}#main-menu > li > ul > li:hover > ul,#main-menu > li > ul > li.active > ul {width: 250px;height: auto;top: 0;right: auto;left: -250px;}#main-menu > li:first-child > ul > li:hover > ul,#main-menu > li:first-child > ul > li.active > ul {left: auto;right: -250px;}.lt-ie9 #main-menu > li > ul > li:hover > ul,.lt-ie9 #main-menu > li > ul > li.active > ul {left: -247px;}#main-menu > li > ul > li:hover > ul:after,#main-menu > li > ul > li.active > ul:after {content: ' ';width: 0px;height: 0px;border-style: solid;border-width: 7px 0 7px 6px;border-color: transparent transparent transparent #555;border-color: transparent transparent transparent rgba(85, 85, 85, .95);position: absolute;right: -6px;top: 12px;}.lt-ie9 #main-menu > li:first-child > ul > li:hover > ul,.lt-ie9 #main-menu > li:first-child > ul > li.active > ul {left: auto;right: -247px;}#main-menu > li:first-child > ul > li:hover > ul:after,#main-menu > li:first-child > ul > li.active > ul:after {left: -10px;right: auto;}#main-menu li ul li a:hover,#main-menu li ul li span.sectionheader:hover {box-shadow: 0 0 5px rgba(85, 85, 85, .9);z-index: 2;}#main-menu > ul > li:last-child > a,#main-menu > ul > li.sectionheader:last-child > span,#main-menu > ul > li > ul > li:last-child > a,#main-menu > ul > li > ul > li.sectionheader:last-child > span {border-bottom: none;}.header-bottom {height: 55px;line-height: 55px;padding: 8px 0;}.phrase-text {text-align: left;}input.search-input {height: 17px;line-height: 17px;width: 100%;max-width: 320px;}input.search-input:focus {max-width: 90%;}a.printbutton {display: block;padding-left: 6px;width: 16px;height: 16px;float: right;text-decoration: none;color: #555;background-color: #fff;z-index: 1;position: relative;}a.printbutton i {display: inline-block;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;}a.printbutton:hover {color: #00A6D6;}a.printbutton:hover i {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);}.footer ul.social {text-align: left;}.footer .social li a i {display: inline-block;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s;-moz-transition: -moz-transform 250ms ease-out 0s;-ms-transition: -moz-transform 250ms ease-out 0s;-o-transition: -o-transform 250ms ease-out 0s;transition: transform 250ms ease-out 0s;}.footer .social li a:hover i {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);}.footer-navigation {border-bottom: none;}#footer-menu > li {float: left;display: block;position: relative;margin-left: 3.8%;width: 30.75%;}#footer-menu > li:first-child {margin-left: 0;}}@media only screen and (max-width: 768px) {.search {margin-top: 15px;}input.search-input {width: 100%;max-width: 100%;float: left;}input.search-input:focus {max-width: none;}.header-bottom {padding-top: 20px;text-align: center;line-height: inherit;padding: 20px 0;}/* Mobile hamburger menu */.mobile-menu-toggle {display: flex;}.main-navigation {display: none;flex-direction: column;background: #fff;padding: 1em;}.mobile-nav-wrapper.open .main-navigation {display: flex;}}@media only screen and (min-width: 940px) and (max-width: 1110px) {#main-menu > li {margin: 0;}#main-menu > li > a,#main-menu > li.sectionheader span {padding: 0 6px;}}@media only screen and (min-width: 768px) and (max-width: 1050px) {.row nav.main-navigation {height: auto;float: none;display: block;margin-left: 0;width: 100%;clear: left;}#main-menu {margin-top: 15px;margin-bottom: 15px;border-bottom: 1px solid #f1f1f1;float: none;display: block;}#main-menu > li {margin: 0;bottom: -1px;text-align: center;border-bottom: 1px solid #f1f1f1;border-right: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;}#main-menu > li.current {border-bottom-color: #fff;border-top-color: #00A6D6;}#main-menu > li.current > a {border-top: 1px solid #00A6D6;line-height: 45px;}#main-menu > li:first-child {border-left: 1px solid #f1f1f1;}#main-menu > li > a,#main-menu > li > span {line-height: 46px;padding-left: 12px;padding-right: 6px;}#main-menu > li:hover > ul,#main-menu > li.active > ul {top: 45px;}.header-bottom {height: auto;}.row .seven-col.phrase-text,.row .five-col.search {display: block;float: none;width: 100%;margin-left: 0;text-align: center;}}@-ms-viewport {width: device-width;}@-o-viewport {width: device-width;}@-moz-viewport {width: device-width;}@-webkit-viewport {width: device-width;}@viewport {width: device-width;}