@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap");
html p { font-family: "Libre Baskerville", serif; font-weight: 400; font-size: 20px; line-height: 31px; }

@media screen and (max-width: 450px) { html p { font-size: clamp(16px, 4vw, 18px); line-height: 1.6em; } }

a { color: inherit; text-decoration: none; }

.article-content a, .team-members a { text-decoration: underline; }

h1 { font-family: "SofiaPro", sans-serif; font-weight: bold; font-size: 72px; line-height: 116%; font-feature-settings: "salt" on, "liga" on, "dlig" on; letter-spacing: -.02em; }

@media screen and (max-width: 850px) { h1 { font-size: clamp(25px, 8vw, 42px); } }

@media screen and (max-width: 450px) { h1 { font-size: clamp(25px, 8vw, 38px); line-height: 124%; } }

h2, .heading-h2 { font-family: "SofiaPro", sans-serif; font-weight: bold; font-size: 72px; line-height: 126.4%; letter-spacing: -.02em; font-feature-settings: "salt" on, "liga" on, "dlig" on; }

@media screen and (max-width: 450px) { h2, .heading-h2 { font-size: calc(min(8vw, 36px)); line-height: 124%; } }

@media screen and (max-width: 450px) { h2, .heading-h2 { font-size: calc(min(8vw, 36px)); line-height: 124%; } }

h3, .heading-h3 { font-family: "SofiaPro", sans-serif; font-weight: bold; font-size: 28px; letter-spacing: -.01em; line-height: 39px; font-feature-settings: "salt" on, "liga" on, "dlig" on; }

@media screen and (max-width: 450px) { h3, .heading-h3 { font-size: 6vw; line-height: 8vw; } }

h4, .heading-h4 { font-family: "SofiaPro", sans-serif; font-weight: 600; font-size: 20px; line-height: 28px; letter-spacing: .02em; font-feature-settings: 'pnum' on, 'lnum' on, "salt" on, "liga" on, "dlig" on; text-transform: uppercase; }

.text-xlarge-sofia { font-family: "SofiaPro", sans-serif; font-weight: 600; font-size: 52px; line-height: 124.4%; letter-spacing: -.02em; font-feature-settings: "salt" on, "liga" on, "dlig" on; }

@media screen and (max-width: 850px) { .text-xlarge-sofia { font-size: clamp(25px, 8vw, 42px); line-height: 120%; } }

@media screen and (max-width: 450px) { .text-xlarge-sofia { font-size: calc(min(8vw, 36px)); line-height: 120%; } }

.text-large-sofia { font-family: "SofiaPro", sans-serif; font-weight: 400; font-size: 24px; line-height: 132.3%; font-feature-settings: "salt" on, "liga" on, "dlig" on; }

@media screen and (max-width: 850px) { .text-large-sofia { font-size: clamp(18px, 5vw, 20px); line-height: 132.3%; } }

@media screen and (max-width: 450px) { .text-large-sofia { font-size: 20px; line-height: 132.3%; } }

.text-standard-sofia { font-family: "SofiaPro", sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; font-feature-settings: "salt" on, "liga" on, "dlig" on; }

@media screen and (max-width: 450px) { .text-standard-sofia { font-size: calc(min(5vw, 18px)); line-height: 135%; } }

html, body { margin: 0; -webkit-text-size-adjust: 100%; }

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

.header { height: 82vh; }

.header-standard { height: inherit; display: flex; flex-direction: column; justify-content: flex-end; position: relative; }

.header-standard h1 { margin: auto 0 36px 36px; width: 66%; }

.header-standard .heading-h4 { margin: 0 0 16px 40px; }

.header-standard-bg { background-color: #FFC949; }

button { border-style: none; cursor: pointer; }

.button { font-family: "SofiaPro", sans-serif; font-weight: 400; font-size: 24px; line-height: 132.3%; font-feature-settings: "salt" on, "liga" on, "dlig" on; padding: 18px 32px; border-radius: 34px; display: inline-block; transition: box-shadow .3s; }

@media screen and (max-width: 850px) { .button { font-size: clamp(18px, 5vw, 20px); line-height: 132.3%; } }

@media screen and (max-width: 450px) { .button { font-size: 20px; line-height: 132.3%; } }

.button span::after { display: inline-block; margin-bottom: -2px; margin-left: 20px; content: ' '; background-image: url("/assets/src/arrow_up_white.svg"); width: 20px; height: 20px; color: white; }

.button-black { color: #FFF; background-color: #000; }

.button-yellow { color: #000; background-color: #FFC949; }

.button-yellow span::after { background-image: url("/assets/src/arrow_up.svg"); }

.section-yellow { border-top: 1px #000 solid; background-color: #FFC949; }

.section-light-yellow { background-color: #FFE7A6; border-top: 1px #000 solid; }

.section-white { border-top: 1px #000 solid; background-color: white; }

.section-green { border-top: 1px #000 solid; background-color: #4FCB80; }

.section-purple { border-top: 1px #000 solid; background-color: #8E33AE; }

.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); }

.grid-3 > * { padding: 36px; }

.grid-3-divider > :nth-child(3n-2) { border-right: 1px #000 solid; }

.grid-3-divider > :nth-child(3n) { border-left: 1px #000 solid; }

.grid-3-divider > :nth-child(n+4) { border-top: 1px #000 solid; }

.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); }

.grid-2 > * { padding: 36px; }

.grid-2-divider > :nth-child(2n-1) { border-right: 1px #000 solid; }

.grid-2-divider > :nth-child(1n+3) { border-top: 1px #000 solid; }

.content-box-small img { margin-bottom: 8px; }

.content-box-small p:first-of-type, .content-box-small .heading-h4 { margin-top: 0; }

.content-box-small p:last-of-type { margin-bottom: 0; }

.insert-section { min-height: 180px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 36px; }

.insert-section :first-child { max-width: 50%; }

.transition-fade { transition: opacity .1s; opacity: 1; }

html.is-animating .transition-fade { opacity: 0; }

.statement-large { padding: 70px 36px 70px 36px; }

.statement-large h4 { margin: 14px 0; }

.statement-large p { font-family: "SofiaPro", sans-serif; font-weight: 600; font-size: 52px; line-height: 124.4%; letter-spacing: -.02em; font-feature-settings: "salt" on, "liga" on, "dlig" on; margin: 0; }

@media screen and (max-width: 850px) { .statement-large p { font-size: clamp(25px, 8vw, 42px); line-height: 120%; } }

@media screen and (max-width: 450px) { .statement-large p { font-size: calc(min(8vw, 36px)); line-height: 120%; } }

.simple-video { display: none; }

.use-case-container { width: inherit; margin: 0 auto; padding: 100px 0 50px; display: flex; align-items: center; flex-direction: column; max-width: 75%; }

.use-case-container .use-case-figure-group { width: inherit; box-shadow: 0 14px 55px rgba(0, 0, 0, 0.3); }

.use-case-container .use-case-figure { width: inherit; padding: 0; margin: 0; }

.use-case-container .use-case-figure video { width: inherit; }

.use-case-container .use-case-figure .active { display: block; }

.use-case-container .use-case-selector-group { margin-top: 50px; }

.use-case-container .use-case-selector { background-color: transparent; color: #FFF; font-family: "SofiaPro", sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; font-feature-settings: "salt" on, "liga" on, "dlig" on; margin: 0 16px; cursor: pointer; }

@media screen and (max-width: 450px) { .use-case-container .use-case-selector { font-size: calc(min(5vw, 18px)); line-height: 135%; } }

.use-case-container .use-case-selector.active { text-decoration: underline; }

.use-case-container .use-case-selector:hover { text-decoration: underline; }

@media screen and (max-width: 850px) { .button { padding: 14px 24px; } .grid-3 > * { padding: 28px; } .grid-2 > * { padding: 28px; } .insert-section { padding: 0 28px; min-height: 140px; } .statement-large { padding: 50px 28px; } }

@media screen and (max-width: 600px) { .header { height: 70vh; min-height: 450px; } .grid-3 { grid-template-columns: repeat(1, 1fr); } .grid-3 > * { padding: 8vw; } .grid-3-divider > :nth-child(n) { border-left: none; border-right: none; } .grid-3-divider > :nth-child(n+2) { border-top: 1px #000 solid; } .grid-2 { grid-template-columns: repeat(1, 1fr); } .grid-2 > * { padding: 8vw; } .grid-2-divider > :nth-child(2n-1) { border-right: none; } .grid-2-divider > :nth-child(n+2) { border-top: 1px #000 solid; } .button { padding: 16px 24px; } .button span::after { margin-bottom: -3px; margin-left: 13px; width: 18px; height: 18px; background-size: cover; } .insert-section { min-height: unset; flex-direction: column; align-items: flex-start; padding: 8vw; } .insert-section :first-child { margin: 0 0 1.33em 0; max-width: unset; } .insert-section p { margin-bottom: 0; } .statement-large { padding: 70px 8vw 70px 8vw; } .simple-video { display: block; width: 100%; padding: 8vw; margin: 0; } .simple-video figure { margin: 0; } .simple-video video { box-shadow: 0 14px 55px rgba(0, 0, 0, 0.3); } .use-case-container { display: none; } }

.responsive-wrap { width: 100%; height: inherit; }

.privacy-policy-text h1 { font-family: "SofiaPro", sans-serif; font-weight: 600; font-size: 52px; line-height: 124.4%; letter-spacing: -.02em; font-feature-settings: "salt" on, "liga" on, "dlig" on; }

@media screen and (max-width: 850px) { .privacy-policy-text h1 { font-size: clamp(25px, 8vw, 42px); line-height: 120%; } }

@media screen and (max-width: 450px) { .privacy-policy-text h1 { font-size: calc(min(8vw, 36px)); line-height: 120%; } }

.privacy-policy-text h2 { font-family: "SofiaPro", sans-serif; font-weight: bold; font-size: 28px; letter-spacing: -.01em; line-height: 39px; font-feature-settings: "salt" on, "liga" on, "dlig" on; }

@media screen and (max-width: 450px) { .privacy-policy-text h2 { font-size: 6vw; line-height: 8vw; } }

.privacy-policy-text ul { font-family: "Libre Baskerville", serif; font-weight: 400; font-size: 20px; line-height: 31px; }

@media screen and (max-width: 450px) { .privacy-policy-text ul { font-size: clamp(16px, 4vw, 18px); line-height: 1.6em; } }

@media screen and (min-width: 1700px) { .responsive-wrap { max-width: 1700px; margin: auto; width: 100%; } }

nav { position: absolute; top: 0; width: 100%; display: flex; align-items: center; background-color: inherit; font-family: "SofiaPro", sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; font-feature-settings: "salt" on, "liga" on, "dlig" on; }

@media screen and (max-width: 450px) { nav { font-size: calc(min(5vw, 18px)); line-height: 135%; } }

nav .nav-title { display: flex; font-weight: 700; margin-right: auto; background-color: inherit; z-index: 1; }

nav .nav-link:not(:last-child) { margin-right: 45px; }

nav .nav-items { margin-left: auto; display: flex; background-color: inherit; padding: 26px 36px; z-index: 0; }

nav .nav-title { padding: 26px 36px; display: flex; align-items: center; }

nav .nav-link a { display: flex; align-items: baseline; }

nav .notification-new-post { height: 10px; width: 10px; border-radius: 50%; background-color: #4FCB80; margin-left: 10px; }

nav #hamburger { display: none; }

@media screen and (max-width: 600px) { nav { flex-direction: column; align-items: center; } nav .nav-title { width: 100%; margin-right: 0; box-sizing: border-box; } nav .nav-title a { padding: 8vw; } nav .nav-items { margin-left: 0; flex-direction: column; position: absolute; top: -100%; transition: all 0.3s cubic-bezier(0.42, 0, 0.12, 0.98); background-color: inherit; width: 100%; padding: 0; border-bottom: 1px #000 solid; visibility: hidden; } nav .nav-link, nav .nav-title { padding: 0; } nav .nav-link { padding: 12px 8vw; } nav .nav-link:last-child { padding-bottom: 8vw; } nav #hamburger { width: 20px; height: 14px; display: block; margin: 4vw 4vw 4vw auto; padding: 4vw; cursor: pointer; background-color: unset; position: relative; } nav #hamburger div { width: inherit; height: inherit; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } nav #hamburger div > span { display: block; position: absolute; height: 2px; width: 100%; background: black; border-radius: 2px; opacity: 1; left: 0; transform: rotate(0deg); transition: 0.3s ease-in-out; } nav #hamburger div > span:nth-child(1) { top: 0; } nav #hamburger div > span:nth-child(2) { top: 7px; } nav #hamburger div > span:nth-child(3) { top: 7px; } nav #hamburger div > span:nth-child(4) { top: 14px; } nav #hamburger.open > div span:nth-child(1) { top: 7px; width: 0%; left: 50%; } nav #hamburger.open > div span:nth-child(2) { transform: rotate(45deg); } nav #hamburger.open > div span:nth-child(3) { transform: rotate(-45deg); } nav #hamburger.open > div span:nth-child(4) { top: 7px; width: 0%; left: 50%; } #nav.open .nav-items { margin-left: 0; flex-direction: column; position: absolute; top: 100%; visibility: initial; } }

.header-hero { background-color: white; position: relative; height: inherit; text-align: center; display: flex; flex-direction: column; justify-content: space-between; }

.header-hero h1 { margin-bottom: 30px; }

.header-hero p { font-family: "SofiaPro", sans-serif; font-weight: 400; font-size: 24px; line-height: 132.3%; font-feature-settings: "salt" on, "liga" on, "dlig" on; margin-bottom: 36px; }

@media screen and (max-width: 850px) { .header-hero p { font-size: clamp(18px, 5vw, 20px); line-height: 132.3%; } }

@media screen and (max-width: 450px) { .header-hero p { font-size: 20px; line-height: 132.3%; } }

.header-hero .hero-content { margin: auto 0 auto 0; }

.vision { padding: 95px 36px 90px 36px; }

.vision .heading-h4 { margin: 14px 0; }

.vision .text-xlarge-sofia { margin: 0 0 50px 0; }

.features-collage { padding: 140px 36px; width: auto; display: grid; grid-template-columns: repeat(6, 1fr); }

.features-collage > :nth-child(1) { grid-column: 2 / span 3; grid-row: 1; z-index: 1; filter: brightness(120%); }

.features-collage > :nth-child(2) { grid-column: 3 / span 3; grid-row: 1; margin-top: 40%; filter: brightness(120%); }

.features-collage > :nth-child(3) { grid-column: 1 / span 2; grid-row: 1; margin-top: 30%; width: 78%; z-index: 2; }

.features-collage > :nth-child(4) { grid-column: 5 / -1; grid-row: 1; display: flex; align-items: flex-start; justify-content: flex-end; margin-top: 30%; z-index: 3; }

.features-collage > :nth-child(4) img { width: 60%; }

.features-collage > :nth-child(5) { grid-column: 1 / span 2; grid-row: 1; height: 100%; display: flex; align-items: flex-end; }

.features-collage > :nth-child(5) img { width: 60%; margin-bottom: 20%; margin-left: 20%; }

.features-collage img { width: 100%; box-shadow: 0 14px 55px rgba(0, 0, 0, 0.3); }

.feature-grid a::after { display: inline-block; margin-bottom: -3px; margin-left: 20px; content: ' '; background-image: url("/assets/src/arrow_up.svg"); width: 20px; height: 20px; color: white; }

.feature-grid-item { pointer-events: none; transition: background-color .2s; }

.feature-grid-item:hover { background-color: #FFC949; }

.feature-grid-item a { pointer-events: auto; }

@media screen and (max-width: 850px) { .header-hero .text-subtitle { margin: 10px 8vw 4vh; } .header-hero br { display: none; } .header-hero h1 { margin-bottom: 2vh; } .header-hero .hero-content { margin: auto 0 auto 0; } .vision { padding: 50px 28px; } .vision p { margin: 28px 0; } .features-collage { padding: 50px 28px; max-width: fit-content; } }

@media screen and (max-width: 450px) { .header-hero .text-subtitle { margin: 2vh 8vw 4vh; } .header-hero h1 { margin-bottom: 2vh; } .header-hero .hero-content { margin: auto 8vw 10vh; } .vision { padding: 45px 8vw 40px 8vw; } .vision p { margin: 0 0 50px 0; } .features-collage { padding: 100px 8vw; grid-template-columns: repeat(6, 1fr); } .features-collage > :nth-child(1) { grid-column: 1 / span 5; } .features-collage > :nth-child(2) { grid-column: 2 / span 5; grid-row: 2; margin-top: 17%; } .features-collage > :nth-child(3) { grid-column: 5 / span 2; margin-top: -20%; } .features-collage > :nth-child(4) { grid-column: 1 / span 2; grid-row: 2; justify-content: flex-start; margin-top: 15%; } .features-collage > :nth-child(4) img { margin-left: 20%; } .features-collage > :nth-child(5) { grid-row: 2; z-index: 1; } .features-collage > :nth-child(5) img { margin-bottom: -40%; } .feature-grid-item p { margin-bottom: 0; } .feature-grid-item h4 { margin: 0.4em 0 0.8em; } }

#popup-bg { width: 101%; height: 101%; position: fixed; left: -1px; top: -1px; visibility: hidden; z-index: 2; transition: all .4s; }

#popup-bg.showbg { visibility: visible; }

.message-popup { opacity: 0; overflow: scroll; visibility: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.4s cubic-bezier(0.42, 0, 0.12, 0.98); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.95); z-index: 2; margin: auto; width: 800px; max-width: 850px; border: 1px #000 solid; box-shadow: 0 17px 60px rgba(0, 0, 0, 0.13); background-color: white; }

.message-popup::-webkit-scrollbar { display: none; }

.message-popup header { display: flex; justify-content: space-between; background-color: #FFC949; border-bottom: 1px #000 solid; position: relative; z-index: 1; }

.message-popup h3 { width: auto; margin: 1em 36px; }

.message-popup form { padding: 36px; }

.button-close { display: flex; padding: 36px; border-radius: 0; border: none; /* height: fit-content; */ margin: auto 0; background-color: transparent; }

.show { transform: translate(-50%, -50%) scale(1); visibility: visible; opacity: 1; }

.form { position: relative; }

.form #email { margin-bottom: 36px; }

.form #email, .form #bodytext { width: 100%; border-radius: 0; border: 1px #000 solid; min-height: 54px; background-color: #E7E7E7; padding: 16px; box-sizing: border-box; }

.form #email:focus, .form #bodytext:focus { outline: none; filter: brightness(95%); }

.form p, .form label, .form #email, .form #bodytext { font-family: "SofiaPro", sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; font-feature-settings: "salt" on, "liga" on, "dlig" on; color: #606060; }

@media screen and (max-width: 450px) { .form p, .form label, .form #email, .form #bodytext { font-size: calc(min(5vw, 18px)); line-height: 135%; } }

.form #bodytext { resize: vertical; }

.form input[type="checkbox"] { height: 20px; width: 20px; background-color: #E7E7E7; border-radius: 0; padding: 0; margin: 0; -webkit-appearance: none; appearance: none; border: 1px #000 solid; position: relative; cursor: pointer; }

.form input[type="checkbox"]:checked:after { content: ''; position: absolute; top: -1px; left: 5px; width: 7px; height: 14px; border-bottom: 1px #000 solid; border-right: 1px #000 solid; transform: rotate(45deg) skew(10deg); }

.form a { text-decoration: underline; }

.form .privacy-send { display: grid; grid-template-columns: 20px 4fr 1fr; grid-column-gap: 16px; align-items: center; margin-top: 16px; }

.form .privacy-send #privacy-check { grid-row: 2; }

.form .privacy-send .privacy-text { grid-column: 2; margin: 0; }

.form #submit:disabled { background-color: #606060; }

.button-s { font-family: "SofiaPro", sans-serif; font-weight: 400; font-size: 24px; line-height: 132.3%; font-feature-settings: "salt" on, "liga" on, "dlig" on; padding: 12px 24px; border-radius: 34px; display: inline-block; margin-left: auto; border-style: none; position: relative; }

@media screen and (max-width: 850px) { .button-s { font-size: clamp(18px, 5vw, 20px); line-height: 132.3%; } }

@media screen and (max-width: 450px) { .button-s { font-size: 20px; line-height: 132.3%; } }

.submit-text { transition: 0.3s ease-in-out; position: relative; }

.submit-background { width: 100%; position: absolute; height: 100%; left: 0; top: 0; background-color: inherit; border-radius: inherit; transition: 0.3s ease-in-out; }

.submit-loading { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: row; opacity: 0; transition: 0.3s ease-in-out; }

.submit-loading > span { background: white; border-radius: 50%; height: 12px; width: 12px; }

.show-load .submit-text { opacity: 0; transform: scale(0.1); }

.show-load .submit-loading { opacity: 1; }

.show-load .submit-loading > span { animation: submit-load-animation 1s alternate infinite cubic-bezier(0.73, 0, 0.23, 1); }

.spinner-fade-out .submit-loading { opacity: 0; }

.spinner-fade-out .submit-text { opacity: 1; transform: scale(1); }

.response-wrapper { transition: 0.3s ease-in-out; display: flex; justify-content: space-between; align-items: center; width: 100%; visibility: hidden; position: absolute; top: 0; left: 0; transform: translateY(-100%); background-color: #FFE38D; border-bottom: 1px #000 solid; width: -webkit-fill-available; }

.response-wrapper p { margin: 0; }

#response-field { max-width: 400px; padding: .8em 36px; }

#response-wrapper.response { transform: translateY(0%); visibility: visible; }

.popup-success-notification { height: 30px; padding: 8px 20px; position: absolute; top: 20px; left: 50%; transform: translate(-50%, -160%); visibility: hidden; margin: 0 auto; z-index: 10; background-color: #4FCB80; display: flex; flex-direction: row; align-items: center; border: 1px #000 solid; box-shadow: 0 14px 55px rgba(0, 0, 0, 0.3); transition: 0.3s cubic-bezier(0.14, 0.61, 0.46, 1); }

.popup-success-notification .checkmark { width: 20px; height: 20px; transform: rotate(45deg); }

.popup-success-notification .checkmark span { height: 2px; background: black; border-radius: 2px; position: absolute; }

.popup-success-notification .checkmark > span:nth-child(1) { width: 12px; top: 18px; right: 7px; }

.popup-success-notification .checkmark > span:nth-child(2) { width: 2px; height: 20px; right: 7px; }

.popup-success-notification p { margin-left: 20px; font-family: "SofiaPro", sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; font-feature-settings: "salt" on, "liga" on, "dlig" on; }

@media screen and (max-width: 450px) { .popup-success-notification p { font-size: calc(min(5vw, 18px)); line-height: 135%; } }

.popup-success-notification-show { transform: translate(-50%, 0%); visibility: visible; }

@keyframes submit-load-animation { 0% { transform: translateX(-200%); }
  100% { transform: translateX(200%); } }

@keyframes success-notification { 0% { transform: translateX(-200%); }
  100% { transform: translateX(200%); } }

@media screen and (max-width: 850px) { #popup-bg.showbg { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: #00000096; } .popup-open { overflow: hidden; } .message-popup { z-index: 10; opacity: 1; position: fixed; left: unset; top: unset; bottom: 0; transform: translate(0, 100%) scale(1); width: 100vw; max-width: 850px; max-height: 85vh; border: none; } .message-popup header { position: sticky; top: 0; display: flex; padding: 0; justify-content: space-between; z-index: 10; border-top: 1px #000 solid; } .message-popup h3 { margin: .8em 5vw; } .message-popup .button-close { padding: 3vw 5vw; } .message-popup form { padding: 5vw; } .show { transform: translate(0, 0) scale(1); bottom: 0; } .form { overflow: scroll; } .form #email { margin-bottom: 5vw; } .form #email, .form #bodytext { padding: 3vw; margin-top: 0; } .form .privacy-send { grid-row-gap: 8px; } .form .privacy-send .privacy-text { grid-column: 2 / -1; } .form .privacy-send #submit { grid-column: 3 / -1; margin-top: 8px; } .form #submit:disabled { background-color: #606060; } }

@media screen and (max-width: 450px) { .message-popup header h3 { margin: 1em 8vw; } .message-popup .button-close { padding: 8vw; } .message-popup #response-field { padding: 1em 8vw; } .message-popup form { padding: 8vw; } .message-popup .form #email { margin-bottom: 8vw; } .message-popup .form #email, .message-popup .form #bodytext { padding: 4vw; margin-top: 0; } .popup-success-notification { max-width: 70vw; padding: 12px 20px; width: fit-content; } }

footer .heading-h4 { margin: 0 0 12px 0; }

footer p, footer a { font-family: "SofiaPro", sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; font-feature-settings: "salt" on, "liga" on, "dlig" on; color: #757575; margin: 0 0 20px 0; }

@media screen and (max-width: 450px) { footer p, footer a { font-size: calc(min(5vw, 18px)); line-height: 135%; } }

footer a { text-decoration: underline; }

footer .sitemap { margin: 20px 0; }

footer .sitemap p { margin: 0; }

@media screen and (max-width: 600px) { footer > :nth-child(n+2) { border-top: 1px #000 solid; } footer a { padding: 8px 0; line-height: 1.6em; } }

.feature-heading { padding-bottom: 140px; }

.feature-section .feature-img { width: 100%; filter: brightness(120%); box-shadow: 0 14px 55px rgba(0, 0, 0, 0.3); }

.feature-section .feature-text { margin: auto 0; }

.feature-section .feature-text h4 { margin: 25px 0; }

.feature-section .feature-text p { margin: 0; }

.feature:nth-of-type(1) .feature-picture { grid-column: 1 / span 2; }

.feature:nth-of-type(1) .feature-text { grid-column: 3 / span 1; }

.feature:nth-of-type(2) div:nth-of-type(1) { grid-column: 2 / span 2; grid-row: 1; }

.feature:nth-of-type(2) div:nth-of-type(2) { grid-column: 1 / span 1; }

.feature:nth-of-type(2) div:nth-of-type(4) { grid-column: 3 / -1; margin: -60px 60px auto auto; }

.feature:nth-of-type(2) div:nth-of-type(4) img { width: 100%; filter: brightness(100%); }

.feature:nth-of-type(3) .feature-img { filter: brightness(100%); }

.feature:nth-of-type(3) div:nth-of-type(1) { grid-column: 1 / span 2; }

.feature:nth-of-type(3) div:nth-of-type(2) { grid-column: 3 / span 1; }

.feature:nth-of-type(3) div:nth-of-type(3) { grid-column: 3 / span 1; }

.feature:nth-of-type(3) div:nth-of-type(4) { grid-row: 2; width: 66%; margin: -150px auto auto 150px; }

.feature:nth-of-type(3) div:nth-of-type(4) img { filter: brightness(100%); width: 100%; }

.feature:nth-of-type(4) .feature-img { filter: brightness(100%); }

.feature:nth-of-type(4) .feature-picture { grid-column: 2 / span 2; }

.feature:nth-of-type(4) .feature-text { grid-column: 1 / span 1; grid-row: 1; }

.feature:nth-of-type(2), .feature:nth-of-type(3) { margin-bottom: 120px; }

.feature:nth-of-type(2) .feature-text, .feature:nth-of-type(3) .feature-text { margin: auto 0 0 0; }

.feature:nth-of-type(2) .feature-text h3, .feature:nth-of-type(3) .feature-text h3 { margin-bottom: 0; }

.feature:nth-of-type(2) div, .feature:nth-of-type(3) div { padding-bottom: 0; }

.feature:nth-of-type(2) div:nth-of-type(3), .feature:nth-of-type(3) div:nth-of-type(3) { padding-top: 25px; margin: 0 0 auto 0; }

.feature:nth-of-type(2) div:nth-of-type(4), .feature:nth-of-type(3) div:nth-of-type(4) { padding-top: 0; }

.feature:nth-of-type(1), .feature:nth-of-type(4) { margin-bottom: 120px; }

@media screen and (max-width: 850px) { .feature-heading { padding-bottom: 100px; } .feature { margin-bottom: 8vw !important; } .feature .feature-picture { grid-row: 1; padding-bottom: 0; } .feature .feature-text { padding-bottom: 0; } .feature div { grid-column: 1 / -1 !important; } .feature:nth-of-type(2) div:nth-of-type(4) { grid-row: 1; margin: 54% 8% auto 40%; } .feature:nth-of-type(3) div:nth-of-type(4) { grid-row: 1; width: 30%; margin: 140px 40px auto auto; } .feature:nth-of-type(4) div:nth-of-type(2) { grid-row: unset; } }

.simple-video { box-sizing: border-box; }

.simple-video video { width: 100%; }

.simple-video figcaption { margin-top: 4vw; font-family: "SofiaPro", sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; font-feature-settings: "salt" on, "liga" on, "dlig" on; color: #FFF; }

@media screen and (max-width: 450px) { .simple-video figcaption { font-size: calc(min(5vw, 18px)); line-height: 135%; } }

.article-list { padding: 0; }

.article-list .article-list-item { padding: 20px 36px 20px; border-bottom: 1px #000 solid; }

.article-list .heading-h4 { margin: 0 0 2px 0; }

.article-list h2 { margin: 0; }

.article-list p { margin: 10px 0 0 0; }

.article-list .author { display: none; }

.article-content { grid-column: 2 / -1; }

.article-content p { margin: 0 0 1em 0; }

.article-content h2:not(:first-of-type) { font-family: "SofiaPro", sans-serif; font-weight: bold; font-size: 28px; letter-spacing: -.01em; line-height: 39px; font-feature-settings: "salt" on, "liga" on, "dlig" on; margin-top: 2em; }

@media screen and (max-width: 450px) { .article-content h2:not(:first-of-type) { font-size: 6vw; line-height: 8vw; } }

.article-content .article-heading { margin: 0.6em 0; }

.article-content .article-metadata { display: flex; margin-bottom: 4em; }

.article-content .author-img { width: 45px; height: 100%; margin-right: 25px; }

.article-content .author-name { margin-top: 0.2em; margin-bottom: 0.2em; }

.article-content .author-desc { color: #606060; }

.article-content blockquote { margin: 0 auto 0 auto; width: 75%; }

.article-content blockquote p { font-family: "Libre Baskerville", serif; font-weight: 400; font-size: 30px; line-height: 1.4em; margin: 50px 0; }

@media screen and (max-width: 450px) { .article-content blockquote p { font-size: clamp(22px, 4vw, 26px); line-height: 1.4em; } }

.article-content > p:last-of-type { margin-bottom: 0; }

.article-figure { margin: 40px 0; }

.article-figure video, .article-figure img { width: 100%; }

.article-figure .article-figcaption { font-family: "Libre Baskerville", serif; font-weight: 400; font-size: 20px; line-height: 31px; text-align: center; margin-top: 20px; }

@media screen and (max-width: 450px) { .article-figure .article-figcaption { font-size: clamp(16px, 4vw, 18px); line-height: 1.6em; } }

.current { background-color: #FFC949; }

.current .author { display: block; }

@media screen and (min-width: 1700px) { .current { border-left: 1px #000 solid; } }

@media screen and (max-width: 850px) { .article-list { grid-column: 1 / -1; } .article-list .article-list-item:last-of-type { border-bottom: none; } .article-content { grid-column: 1 / -1; } }

.concept-intro { padding: 80px 45% 36px 36px; }

.concept-intro .heading-h4 { margin-block-start: 1.33em; margin-block-end: 1.33em; }

.concept-intro .title-group .section-heading { margin: 16px 0 50px 0; }

.content-box-standard h3 { margin-top: 0; }

.content-box-standard p { margin-bottom: 0; }

.grid-normalize-row-height { grid-auto-rows: 1fr; }

@media screen and (max-width: 450px) { .concept-intro { padding: 60px 8vw 8vw 8vw; } .concept-intro .title-group p { margin: 16px 0 50px 0; } .grid-normalize-row-height { grid-auto-rows: unset; } }

.reset-padding { padding: 0; }

.member-profile { display: flex; flex-direction: column; }

.member-content { padding: 36px; }

.team-member-portrait { margin-bottom: 15px; }

.member-links { margin-top: auto; width: 100%; border-top: 1px #000 solid; display: flex; flex-direction: row; }

.member-links a { line-height: 0; padding: 36px; border-right: 1px #000 solid; }

.member-links a:hover { background-color: #FFC949; }

.member-links img { width: 35px; height: 100%; }

@media screen and (max-width: 450px) { .member-links a { flex-grow: 1; padding: 36px 0; display: flex; } .member-links img { margin: 0 auto; } .member-links a:last-of-type { border-right: none; } }

/*# sourceMappingURL=main.css.map */