/* https://multibank.cmsmasters.net/modern/ */
:root {
  /* EDIT: Settings */
  --actions-gap: 16px;
  --actions-margin: 32px;
  --breadcrumb-gap: 16px;
  --card-logo-aspect-ratio: 1.3;
  --card-logo-img-max-width:  min(180px, 75%);
  --card-logo-img-max-height:  min(60px, 75%);
  --card-logo-shadow: 0 2px 4px rgba(0, 0, 0, .25);
  --pager-btn-size: 48px;
  --pager-gap: 16px;
  --scrollbar-color: var(--color-purple-medium);
  --scrollbar-background: var(--color-purple-soft);
  --transition-time: .3s;
  --transition-time-slow: 1s;
  --transition-time-fast: .1s;
  --transition: all var(--transition-time) ease-in-out;
  --transition-slow: all var(--transition-time-slow) ease-in-out;
  --transition-fast: all var(--transition-time-fast) ease-in-out;
 
  --effects-time: .5s;

  --header-height: 100px;

  --border-width-effect: 3px;
  /* scroll */
  --scroll-position-bar-background: var(--color-background);
  --scroll-position-bar-color: var(--color-light_grey);


  --box-shadow:  0 var(--width-gap-xs) 6px 0 rgba(var(--color-text-rgb), .25), 0 var(--width-gap-xs) 36px 0 rgba(var(--color-text-rgb), .15);
  --box-shadow-soft:  0 var(--width-gap-xs) 24px 0 rgba(var(--color-text-rgb), .1), 0 var(--width-gap-xs) 48px 0 rgba(var(--color-text-rgb), .05);
  --box-shadow-white:  0 var(--width-gap-xs) 6px 0 rgba(var(--color-white-rgb), .25), 0 var(--width-gap-xs) 36px 0 rgba(var(--color-white-rgb), .15);
  --contact-height: 100px;

  --placeholder-font: var(--font-input);
  --fields-gap: var(--width-gap-fields);
  --fields-columns: 2;
  --input-padding: 14px;
  --input-outline: 2px solid var(--color-purple-soft);
  --input-hover-outline: 2px solid var(--color-purple-medium);
  --input-background: var(--color-gray);
  --input-border-radius: calc(var(--width-border-radius) - 1px);
  --input-hover-shadow: 0 0 32px 0 rgba(var(--color-purple), 1);
  --input-color: var(--color-purple-medium);
  --input-hover-color: var(--color-purple);
  --checkbox-background: var(--color-purple-medium);
  --checkbox-checked-background: var(--color-purple-soft);
  --checkbox-checked-color: var(--color-purple);
}
@media only screen and (max-width: 1680px){
}
/* laptop */
@media only screen and (max-width: 1366px){
  :root{
    --header-height: 90px;
    --input-padding: 12px;
  }
}
/* tablet */
@media only screen and (max-width: 1024px){
}
@media only screen and (max-width: 768px){
  :root{
    --header-height: 80px;
    --fields-columns: 1;
    --input-outline: 1px solid var(--color-purple-soft);
    --input-hover-outline: 1px solid var(--color-purple-medium);
  }
}
/* mobile */
@media only screen and (max-width: 568px){
  :root{
    --header-height: 70px;
    --input-padding: 10px;
  }
}












/* body */
body {background: var(--color-white);color: var(--color-text);}
p {margin: 0;}
p + * {margin-top: var(--width-gap-xs);}
a {color: var(--color-pink);-webkit-transition: var(--transition);transition: var(--transition);text-decoration-style: dotted;text-underline-offset: var(--width-border-width);}
a:is(:hover,:focus) {color: var(--color-purple);outline: none;}
img {image-rendering: auto;}
hr {display: block;border: none;background-color: var(--color-purple-soft);height: var(--border-width-effect);}
hr + *, * + hr{margin-top: var(--width-gap);}
address {padding: var(--width-gap-sm) var(--width-gap);color: var(--color-text);border-top: var(--border-width-effect) solid var(--color-purple-soft);border-bottom: var(--border-width-effect) solid var(--color-purple-soft);}
address + *, * + address{margin-top: var(--width-gap);}
blockquote{border-radius: var(--width-border-radius);outline: var(--width-border-width) solid var(--color-purple-soft);font: var(--item-title-font);font-size: calc(var(--item-title-font-size) - 4px);padding: var(--width-gap) var(--width-gap-lg);margin: 0;color: var(--color-purple-medium);}
blockquote strong{color: var(--color-purple) !important;}
blockquote + *, * + blockquote{margin-top: var(--width-gap);}
*:is(h1, h2, h3, h4, h5) {color: var(--color-text);}
*:is(h1, h2, h3, h4, h5) strong {color: var(--color-purple);}
section, .card, .content{display: block;position: relative;}



/* INFO: btn */
[data-toggle-related] * {pointer-events: none;}
/* INFO: btn */
[class^="btn"]{vertical-align: baseline;font: var(--font-btn);letter-spacing: var(--btn-letter-spacing);text-transform: var(--btn-text-transform);}
[class^="btn"][class*="-default"] {background-color: var(--color-pink);color: var(--color-white);}
[class^="btn"][class*="-default"]:is(:hover,:focus) {background-color: var(--color-white);color: var(--color-pink);-webkit-transform: translateY(calc(0px - var(--width-gap-xs)));transform: translateY(calc(0px - var(--width-gap-xs)));-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);}
[class^="btn"][class*="-whitelines"] {background-color: transparent;color: var(--color-purple-soft);outline: 2px solid var(--color-purple-soft);outline-offset: -1px;}
[class^="btn"][class*="-whitelines"]:is(:hover,:focus){outline-color: var(--color-white);color: var(--color-white);-webkit-transform: translateY(calc(0px - var(--width-gap-xs)));transform: translateY(calc(0px - var(--width-gap-xs)));-webkit-box-shadow: var(--box-shadow-white);box-shadow: var(--box-shadow-white);}
[class^="btn"][class*="-purplelines"] {background-color: transparent;color: var(--color-purple);outline: 2px solid var(--color-purple);outline-offset: -1px;}
[class^="btn"][class*="-purplelines"]:is(:hover,:focus){outline-color: var(--color-purple);background-color: var(--color-purple);color: var(--color-white);}
[class^="btn"][class*="-post"] {outline: 1px solid var(--color-purple); color: var(--color-purple);}
[class^="btn"][class*="-post"]:is(:hover,:focus) {outline: 1px solid var(--color-pink); background-color: var(--color-pink); color: var(--color-white);}
.article{color: var(--color-text-extra-soft);}
.article strong{color: var(--color-purple);}
.article.lg{font-size: calc(var(--body-font-size) * 1.2);}
/* INFO: intro */
.intro{font-size: calc(var(--body-font-size) * 1.4);color: var(--color-text-soft);}
.intro.white{color: var(--color-purple-soft);}
.intro.half{width: 60%;}
.intro.sm {font-size: calc(var(--body-font-size) * 1.3);}
.intro.lg {font-size: calc(var(--body-font-size) * 1.5);}
.intro + *, * +  .intro{margin-top: var(--width-gap);}
div[class^="heading"] + .intro {margin-top: var(--width-gap-sm);}
.intro.centered{ max-width: min(100%, var(--width-layout-xs)); margin-left: auto; margin-right: auto; text-align: center; }
@media only screen and (max-width: 1366px){
  .intro.half{width: 65%;}
}
@media only screen and (max-width: 1024px){
  .intro.half{width: 75%;}
  .intro{font-size: calc(var(--body-font-size) * 1.3);}
  .intro.sm {font-size: calc(var(--body-font-size) * 1.2);}
  .intro.lg {font-size: calc(var(--body-font-size) * 1.4);}
}
@media only screen and (max-width: 768px){
  .intro.half{width: 100%;}
}
/* INFO: arrow-btn */
.arrow-btn{text-decoration: none;font-weight: 600;display: inline-flex;position: relative;align-items: center;color: var(--color-orange);font-size: calc(var(--body-font-size) - 2px);letter-spacing: 1px;}
.arrow-btn::after{font-family: 'Material Icons Outlined';content: "\e5df";color: var(--color-gray-c);-webkit-transition: var(--transition);transition: var(--transition);}
.arrow-btn:is(:hover,:focus)::after{-webkit-transform: translateX(var(--width-gap-xs));transform: translateX(var(--width-gap-xs));color: var(--color-orange-c);}
/* INFO: subtitle */
div[class^="heading"][class*="-white"] .title {color: var(--color-purple-soft);}
div[class^="heading"][class*="-white"] .title strong{color: var(--color-white);}
/* INFO: subtitle */
.subtitle{color: var(--color-purple-medium);}
.subtitle strong{color: var(--color-text);}
.subtitle.sm {font-size: calc(var(--subtitle-font-size) - 2px);}
/* INFO: fields */
.field-type-textarea, .field-type-checkbox, .field-type-info{grid-column: auto / span 2;}
.field-type-info {padding: var(--width-gap-sm);max-height: 150px;background-color: var(--color-gray);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);color: var(--color-text-soft);font-size: calc(var(--body-font-size) - 3px);overflow-y: auto;}
.field > label + * {margin-top: var(--width-gap-xs);}
@media only screen and (max-width: 768px){
  .field-type-textarea, .field-type-checkbox, .field-type-info{grid-column: auto / span 1;}
}
/* TODO: header */
#header{left: 0;width: 100%;position: sticky;top: 0;z-index: 100;-webkit-transition: var(--transition);transition: var(--transition);background-color: var(--color-white);height: var(--header-height);}
#header::after{position: absolute;-webkit-transition: var(--transition);transition: var(--transition);background-color: var(--color-purple-soft);height: var(--width-border-width);left: 0;right: 0;content:  " ";}
body:is(.scrollingUp, .scrollingDown) #header{background-color: rgba(var(--color-white-rgb), .85);}
body.scrollingUp #header::after{background-color: var(--color-pink);}
#header .content {display: flex;height: var(--header-height);align-items: center;gap: var(--width-gap);justify-content: space-between;}
#header .content > .logo > picture {position: relative;}
#header .content > .logo img{height: calc(var(--header-height) * .3);width: auto;}
#menu{display: flex;}
#menu .menu-item > a {text-decoration: none;color: var(--color-text-extra-soft);white-space: nowrap;display: block;}
#menu .menu-item:is(:hover, :focus, .current) > a {background-color: var(--color-purple);color: var(--color-white);}
#menu .menu-item:is(:hover, :focus){z-index: 2;}
#menu > .menu-item > a{line-height: var(--header-height);display: block;padding: 0 var(--width-gap-sm);}
#menu > .menu-item > .submenu{opacity: 0;-webkit-transform-origin: right top;transform-origin: right top;-webkit-transform: translateY(var(--width-gap-xs)) scale(.5);transform: translateY(var(--width-gap-xs)) scale(.5);top: calc(100% - var(--width-gap-xs));right: var(--width-border-width);-webkit-transition: var(--transition-fast);transition: var(--transition-fast);-webkit-box-shadow: 0 0 0 var(--width-border-width) var(--color-purple);box-shadow: 0 0 0 var(--width-border-width) var(--color-purple);}
#menu > .menu-item:hover > .submenu, #menu > .menu-item > a:focus + .submenu{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
#menu > .menu-item > .submenu:hover{-webkit-box-shadow: 0 0 0 var(--width-border-width) var(--color-gray), var(--box-shadow-soft);;box-shadow: 0 0 0 var(--width-border-width) var(--color-gray), var(--box-shadow-soft);}
#menu > .menu-item > .submenu > .menu-item > a{padding: var(--width-gap-sm);background-color: var(--color-white);}
#menu > .menu-item > .submenu > .menu-item > a:is(:hover, :focus){background-color: var(--color-purple);color: var(--color-white);}
@media only screen and (max-width: 768px){
  #header .content > .logo img{height: calc(var(--header-height) * .25);}
}
/* OK: mobile menu related */
#header .mobile-menu-show{text-decoration: none;display: flex;align-items: center;justify-content: center;background-color: pink;width: calc( var(--header-height) * .65 );height: calc( var(--header-height) * .65 );-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);background-color: var(--color-gray);-webkit-box-shadow: 0 0 0 1px var(--color-purple-soft);box-shadow: 0 0 0 1px var(--color-purple-soft);}
#header .mobile-menu-show::after{font-size: 24px;font-family: 'Material Icons Outlined';content: "\e5d2";}
#header .mobile-menu-show:is(:hover, :focus),
body[mobile-menu] #header .mobile-menu-show{background-color: var(--color-pink);color: var(--color-white);-webkit-box-shadow: 0 0 0 var(--width-border-width) var(--color-gray);box-shadow: 0 0 0 4px var(--color-gray);}
body[mobile-menu] #header .mobile-menu-show::after{content: "\e5cd";}
#main{-webkit-transition: var(--transition-fast);transition: var(--transition-fast);}
#main::after{content: " ";pointer-events: none;position: fixed;inset: 0;background-color: rgba(var(--color-purple-rgb), .95);z-index: 10;opacity: 0;-webkit-transition: var(--transition);transition: var(--transition);}
body[mobile-menu] > #main::after{opacity: 1;}
body[mobile-menu] > #main > *:not(#header){-webkit-filter: blur(3px);filter: blur(3px);}
#mobile-menu{position: fixed;inset: calc(var(--header-height) + var(--width-border-width)) 0 0 0;z-index: 100;pointer-events: none;}
#mobile-menu > .content{padding: var(--width-padding-package);position: absolute;inset:0; opacity: 0;transform: translateY(var(--width-sections-gap));transition: var(--transition);overflow-y: auto;}
body[mobile-menu] #mobile-menu > .content{opacity: 1;transform: translateY(0);}
body[mobile-menu] #mobile-menu{transition-delay: .3s;opacity: 1;pointer-events: all;transform: translateY(0);}
#mobile-menu .menu-item + .menu-item {margin-top: var(--width-gap-sm);}
#mobile-menu .menu-item > a {display: block;font: var(--h-font);font-size: calc(var(--h-font-size) - 4px);font-weight: var(--h-font-strong);text-decoration: none;color: var(--color-white);}
#mobile-menu .menu-item.current > a {color: var(--color-pink);}
#mobile-menu .submenu{padding: var(--width-gap-sm) 0;}
#mobile-menu .submenu .menu-item > a {font-size: calc(var(--h-font-size) - 10px);color: var(--color-purple-medium);}
/* OK: footer */
#footer{background-color: var(--color-gray);}
#footer .content{padding: var(--width-gap-lg) 0;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: var(--width-gap-lg);}
#footer .content > .slogan{color: var(--color-purple-medium);}
#footer .content > .slogan strong{color: var(--color-purple);}
#footer .content > nav{display: flex;align-items: center;}
#footer .content > nav > a + a::before{content: "/";margin: var(--width-gap-sm);pointer-events: none;color: var(--color-text-extra-soft);}
#footer .content > nav > a{text-decoration: none;font-weight: var(--body-font-strong);}
#footer .content > .copyright{font-weight: var(--body-font-strong);color: var(--color-text-extra-soft);}
@media only screen and (max-width: 1024px){
  #footer .content > .copyright{width: 100%;text-align: right;}
}
/*
#footer .package > .content > .info{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--width-sections-gap);}
#footer .package > .content > .info > .column{display: flex;flex-direction: column;gap: var(--width-gap);}
#footer .package > .content > .info > .column > .logo{width: min(100%, 200px);}
#footer .package > .content > .info > .column > .item-title{color: var(--color-white);}
#footer .package > .content > .info > .column > nav{display: grid;grid-template-columns: 1fr;grid-gap: var(--width-gap-sm);}
#footer .package > .content > .info > .column > nav > a {text-decoration: none;color: var(--color-text-d);font-size: calc(var(--item-title-font-size) - 2px);font-weight: 600;line-height: 1.2;}
#footer .package > .content > .info > .column > nav > a:is(:hover, :focus) {color: var(--color-white);}
@media only screen and (max-width: 1024px){
  #footer .package > .content > .info{grid-template-columns: repeat(2, 1fr);}
  #footer .package > .content > .info > .column:nth-child(1){grid-column: 1 / 2 span;}
}
@media only screen and (max-width: 768px){
  #footer .package > .content > .info{grid-template-columns: 1fr;}
  #footer .package > .content > .info > .column{text-align: center;}
  #footer .package > .content > .info > .column > .logo {margin-left: auto;margin-right: auto;}
  #footer .package > .content > .info > .column:nth-child(1){grid-column: 1 / 1;}
}
*/


/* OK: .card.feature */
.card.feature {display: grid;grid-template-columns: 1fr;grid-gap: var(--width-gap-sm);}
.card.feature > .item-title strong{color: var(--color-purple);}
.card.feature > .image{aspect-ratio: 2;position: relative;}
.card.feature > .image > picture > img{-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);-webkit-box-shadow: 0 0 0 var(--border-width-effect) var(--color-gray);box-shadow: 0 0 0 var(--border-width-effect) var(--color-gray);}
/* OK: .card.contact-methods */
.card.contact-methods{background-color: var(--color-gray);padding: var(--width-gap);border-radius: var(--width-border-radius);display: grid;grid-template-columns: 1fr;grid-gap: var(--width-gap-sm);}
.card.contact-methods > .item {display: flex;align-items: flex-start;gap: var(--width-gap-sm);}
.card.contact-methods > .item > span{color: var(--color-text);font-size: 24px;user-select: none;}
.card.contact-methods > .item > .info > .name{font: var(--label-font);color: var(--color-text-extra-soft);}
.card.contact-methods > .item > .info > .desc{font-size: calc(var(--body-font-size));}
.card.contact-methods > .item > .info > .desc a{font-weight: var(--body-font-strong);}
/* OK: section.book_meeting */
section.book_meeting {background-color: var(--color-purple);overflow: hidden;}
section.book_meeting .content {padding: var(--width-sections-gap) 0;display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: var(--width-gap-lg);}
section.book_meeting .content > .form > form{padding: var(--width-gap);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);background-color: var(--color-white);-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);}
@media only screen and (max-width: 1024px){
  section.book_meeting .content{grid-template-columns: 1fr;}
}
/* OK: section.form */
section.form.has-background {background-color: var(--color-text);overflow: hidden;}
section.form > picture{opacity: 1;mix-blend-mode:multiply;}
section.form.has-background {padding: var(--width-sections-gap) 0;}
section.form.has-background .form{padding: var(--width-gap);background-color: var(--color-white);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);-webkit-box-shadow: 0 0 0 var(--width-border-width) var(--color-purple-soft), var(--box-shadow-white);box-shadow: 0 0 0 var(--width-border-width) var(--color-purple-soft), var(--box-shadow-white);}
/* OK: section.call_to_action */
section.call_to_action {background-color: var(--color-purple-soft);overflow: hidden;z-index: 5;}
section.call_to_action .content {padding: var(--width-sections-gap) 0;}
section.call_to_action .content > .info{display: grid;grid-template-columns: 1fr;grid-gap: var(--width-gap-sm);}
section.call_to_action > picture{opacity: .75;mix-blend-mode: multiply;}
section.call_to_action > picture::after{content: " ";inset: 0;position: absolute;display: block;z-index: 2;background: -webkit-radial-gradient(circle at center, rgba(255,255,255,.9) 25%, rgba(255,255,255,0) 150%);background: radial-gradient(circle at center, rgba(255,255,255,.9) 25%, rgba(255,255,255,0) 150%);}
section.call_to_action .logo{width: min(40%, 250px);margin: 0 auto var(--width-gap) auto;}
/* OK: section.title */
section.title {padding: var(--width-sections-gap) 0 var(--width-sections-gap) 0;background-color: var(--color-purple);overflow: hidden;}
section.title > .cover{left: 35%;}
section.title > .cover::after{position: absolute;inset: 0;content: " ";z-index: 2;background: -webkit-linear-gradient(90deg, var(--color-purple) 0%,rgba(var(--color-purple-soft-rgb), 0) 50%);background: linear-gradient(90deg, var(--color-purple) 0%,rgba(var(--color-purple-soft-rgb), 0) 50%);}
section.title .content > .info{width: 55%;}
@media only screen and (max-width: 1366px){
  section.title > .cover{left: 50%;}
  section.title .content > .info{width: 60%;}
}
@media only screen and (max-width: 1024px){
  section.title.has-background {padding-top: 20vh;}
  section.title .content > .info{width: 100%;}
  section.title > .cover{left: 0;bottom: inherit;height: 20vh;}
  section.title > .cover::after{background: -webkit-linear-gradient(to top, var(--color-purple) 0%,rgba(var(--color-purple-soft-rgb), .25) 100%);background: linear-gradient(to top, var(--color-purple) 0%,rgba(var(--color-purple-soft-rgb), .25) 100%);}
}
@media only screen and (max-width: 568px){
  section.title.has-background {padding-top: 30vh;}
  section.title > .cover{height: 30vh;}
}
/* OK: section.featured_pages */
section.featured_pages{overflow: hidden;}
body .layout-grid-pages{grid-gap: var(--width-gap-xs);}
.card.page {aspect-ratio: 1.75;overflow: hidden;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);background-color: var(--color-text);}
.card.page > picture{overflow: hidden;}
.card.page picture{-webkit-transition: var(--transition-slow);transition: var(--transition-slow);}
.card.page:is(:hover, :focus) picture{-webkit-transform: scale(1.02);transform: scale(1.02);-webkit-filter: contrast(1.25);filter: contrast(1.25);}
.card.page > a {position: absolute;inset: 0;z-index: 2;color: var(--color-white);text-decoration: none;display: flex;align-items: flex-end;justify-content: flex-start;padding: var(--width-gap);font: var(--item-title-font);}
.card.page > a::before {content: " ";position: absolute;inset: 0;background-color: var(--color-purple);background: linear-gradient(45deg, var(--color-purple) 0%, rgba(var(--color-purple-soft-rgb),0) 100%);z-index: -1;-webkit-transition: var(--transition);transition: var(--transition);}
.card.page > a:is(:hover, :focus)::before{opacity: .75;}
.card.page > a > span{position: relative;padding-right: calc(var(--width-gap) + 20%);-webkit-transition: var(--transition);transition: var(--transition);}
.card.page > a:is(:hover, :focus) > span{-webkit-transform: translateX(var(--width-gap));transform: translateX(var(--width-gap));}
.card.page > a > span::before{color: rgba(var(--color-white-rgb), .5);opacity: 0;position: absolute;-webkit-transform: translate(calc(0px - var(--width-gap) * 2), 0);transform: translate(calc(0px - var(--width-gap) * 2), 0);left: 0;font-family: 'Material Icons Outlined';content: "\e8e4";-webkit-transition: var(--transition);transition: var(--transition);}
.card.page > a:is(:hover, :focus) > span::before{opacity: 1;-webkit-transform: translate(calc(0px - var(--width-gap)), 0);transform: translate(calc(0px - var(--width-gap)), 0);}
@media only screen and (max-width: 1024px){
  .card.page {aspect-ratio: 3;}
  .card.page > a:is(:hover, :focus) > span{-webkit-transform: translate(0);transform: translate(0);}
  .card.page > a > span::before{display: none;;}
}
@media only screen and (max-width: 768px){
  .card.page {aspect-ratio: 2;}
}
@media only screen and (max-width: 568px){
  .card.page {aspect-ratio: 1;}
}
/* OK: section.image_text */
section.image_text .content{display: flex;gap: var(--width-gap-lg);}
section.image_text.image_position_right .content {flex-direction: row-reverse;}
section.image_text .content > :is(.image, .text){width: 50%;}
section.image_text .content > .image{position: relative;}
section.image_text .content > .image > picture, section.image_text .content > .text > .info {position: sticky;top: calc(var(--header-height) + var(--width-gap));}
section.image_text .content > .image > picture > img{-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);-webkit-box-shadow: var(--width-gap-xs) var(--width-gap-sm) 0 rgba(var(--color-purple-soft-rgb), .25);box-shadow: var(--width-gap-xs) var(--width-gap-sm) 0 rgba(var(--color-purple-soft-rgb), .25);}
@media only screen and (max-width: 1024px){
  section.image_text .content{flex-direction: column;}
  section.image_text.image_position_right .content {flex-direction: column-reverse;}
  section.image_text .content > :is(.image, .text){width: 100%;}
  section.image_text .content > .image > picture > img{-webkit-box-shadow: 0 var(--width-gap-sm) 0 calc(0px - var(--width-gap-xs)) rgba(var(--color-purple-soft-rgb), .5);box-shadow: 0 var(--width-gap-sm) 0 calc(0px - var(--width-gap-xs)) rgba(var(--color-purple-soft-rgb), .5);}
}
/* OK: section.image_text_full_width */
section.image_text_full_width{overflow: hidden;background-color: var(--color-gray);}
section.image_text_full_width .content{display: flex;align-items: stretch;}
section.image_text_full_width.image_position_right .content {flex-direction: row-reverse;}
section.image_text_full_width .content > :is(.image, .text){width: 50%;}
section.image_text_full_width .content > .image{position: relative;min-height: 50vmin;}
section.image_text_full_width .content > .text{padding: var(--width-sections-gap);align-self: center;}
section.image_text_full_width .content > .text > .info{width: min(100%, 550px);margin:  0 auto;}
@media only screen and (max-width: 1024px){
  section.image_text_full_width .content{flex-direction: column;}
  section.image_text_full_width.image_position_right .content {flex-direction: column-reverse;}
  section.image_text_full_width .content > :is(.image, .text){width: 100%;}
  section.image_text_full_width .content > .text{padding: var(--width-sections-gap) var(--width-padding-package);}
}
/* OK: section.text */
section.text{overflow: hidden;}
section.text .article hr{position: relative;background-color: transparent;}
section.text .article hr::after{display: block;content: " ";position: absolute;height: var(--width-border-width);width: 100vw;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: var(--color-purple-soft)}
section.text .article blockquote{margin-left: calc(0px - var(--width-gap-lg));margin-right: calc(0px - var(--width-gap-lg));}
@media only screen and (max-width: 768px){
  section.text .article blockquote{margin-left: 0;margin-right: 0;}
}
/* OK: section.list_posts */
section.list_posts{background-color: var(--color-gray);}
section.list_posts .content{padding: var(--width-sections-gap) 0;}
.card.post{background-color: var(--color-white);-webkit-box-shadow: var(--box-shadow-soft);box-shadow: var(--box-shadow-soft);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
.card.post > .image{display: block;position: relative;aspect-ratio: 1.5;overflow: hidden;-webkit-border-radius: var(--width-border-radius) var(--width-border-radius) 0 0;border-radius: var(--width-border-radius) var(--width-border-radius) 0 0;}
.card.post > .image > picture{-webkit-transition: var(--transition);transition: var(--transition);}
.card.post > .image:is(:hover, :focus) > picture{-webkit-transform: scale(1.02);transform: scale(1.02);-webkit-filter: contrast(1.25);filter: contrast(1.25);}
.card.post > .info{padding: var(--width-gap);display: grid;grid-template-columns: 1fr;grid-gap: var(--width-gap-sm);}
.card.post > .info > .date{display: flex;align-items: center;gap: var(--width-gap-xs);color: var(--color-text-soft);}
@media only screen and (max-width: 1024px){
  .card.post > .info{grid-gap: 0;}
  .card.post > .info > .date > span{
    display: none;
  }
}
@media only screen and (max-width: 768px){
  .card.post > .image{aspect-ratio: 2;}
}
/* OK: section.team */
body .layout-grid-team{grid-gap: var(--width-gap-lg);}
@media only screen and (max-width: 1024px){
  body .layout-grid-team{grid-gap: var(--width-gap);}
}
@media only screen and (max-width: 768px){
  body .layout-grid-team{grid-gap: var(--width-gap-xs);}
}
.card.member {position: relative;--color-text: var(--color-white);}
.card.member > .image{display: block;position: relative;aspect-ratio: .75;overflow: hidden;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
.card.member > .image::after{display: block;position: absolute;inset: 0;content: " ";z-index: 2;background: -webkit-linear-gradient(to top, var(--color-purple) 0%,rgba(var(--color-purple-soft-rgb), 0) 50%);background: linear-gradient(to top, var(--color-purple) 0%,rgba(var(--color-purple-soft-rgb), 0) 50%);mix-blend-mode: multiply;}
.card.member > .info{position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;padding: var(--width-gap);display: grid;grid-template-columns: 1fr;grid-gap: var(--width-gap-xs);background: linear-gradient(to top, rgba(var(--color-text-rgb),.5) 0%,rgba(var(--color-text-rgb), 0) 100%);}
.card.member > .info > .item-title{color: var(--color-text);line-height: 1.2;}
a.card.member{transition: all;}
a.card.member > .image > picture, a.card.member > .info{-webkit-transition: var(--transition-slow);transition: var(--transition-slow);}
a.card.member:is(:hover,:focus) > .image > picture{-webkit-filter: contrast(1.4) grayscale(.75);filter: contrast(1.4) grayscale(.75);-webkit-transform: scale(1.05);transform: scale(1.05);}
a.card.member:is(:hover,:focus) > .info{-webkit-filter: blur(8px);filter: blur(8px);opacity: 0;}
a.card.member > .hover{pointer-events: none;position: absolute;bottom: 0;left: 0;right: 0;padding: var(--width-gap);color: var(--color-white);font: var(--item-title-sm-font);text-align: center;z-index: 2;-webkit-transform: translateY(var(--width-gap));transform: translateY(var(--width-gap));-webkit-transition: var(--transition);transition: var(--transition);-webkit-filter: blur(8px);filter: blur(8px);opacity: 0;}
a.card.member:is(:hover, :focus) > .hover{-webkit-transition-delay: var(--transition-time-slow);transition-delay: var(--transition-time-slow);opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);-webkit-filter: blur(0);filter: blur(0);}
@media only screen and (max-width: 1024px){
  .card.member > .image{aspect-ratio: .8;}
}
/* OK: section.team */
.card.links{display: grid; grid-template-columns: 1fr; grid-gap: var(--width-gap-sm);}
.card.links > .item-title-sm{color: var(--color-purple-medium);}
.card.links > .item-title-sm > strong{color: var(--color-purple);}
.card.links nav{display: grid; grid-template-columns: 1fr; grid-gap: var(--width-gap-xs);}
.card.links nav > a {font-weight: var(--body-font-strong);text-decoration: none;}
/* OK: section.welcome */
section.welcome {overflow: hidden;background-color: var(--color-purple);background-color: var(--color-purple);}
section.welcome .content{height: calc( 100vh - var(--header-height) );display: flex;align-items: flex-end;}
section.welcome .content > .info{padding: var(--width-sections-gap) 0 var(--width-padding-package) 0;}
section.welcome > .tns-outer{position: absolute;inset: 0 0 0 25%;/*mix-blend-mode: multiply;*/}
section.welcome > .tns-outer::after{z-index: 2;position: absolute;inset: 0;content: " ";display: block;background: -webkit-linear-gradient(to right, #FFF 0%,rgba(var(--color-purple-soft-rgb), 0) 100%);background: linear-gradient(to right, #FFF 0%,rgba(var(--color-purple-soft-rgb), 0) 100%);background: -webkit-linear-gradient(to right,var(--color-purple) 0%,rgba(var(--color-purple-soft-rgb), 0) 100%);background: linear-gradient(to right, var(--color-purple) 0%,rgba(var(--color-purple-soft-rgb), 0) 100%);}
section.welcome .tns-item{height: calc( 100vh - var(--header-height) );position: relative;overflow: hidden;}
.card.mini-post{padding: var(--width-gap-sm);background-color: var(--color-white);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);display: flex;align-items: center;gap: var(--width-gap-sm);text-decoration: none;background-color: var(--color-purple-soft);color: var(--color-text-soft);}
.card.mini-post:is(:hover, :focus){background-color: var(--color-white);}
.card.mini-post > .image{overflow: hidden;aspect-ratio: 1;width: 80px;position: relative;background-color: var(--color-purple-soft);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
.card.mini-post > .info > .name{font-size: calc(var(--body-font-size) + 4px);font-weight: var(--body-font-strong);color: var(--color-purple);}
.card.mini-post > .info > .date{display: flex;align-items: center;gap: var(--width-gap-xs);font-size: calc(var(--body-font-size) - 2px);color: var(--color-purple-medium);}
body .layout-grid-welcome-news{grid-gap: var(--width-gap-xs);padding: var(--width-gap-xs);background-color: rgba(var(--color-purple-soft-rgb), .5);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
@media only screen and (max-width: 1024px){
  section.welcome > .tns-outer{inset: 0 0 0 0;}
  section.welcome > .tns-outer::after{background: -webkit-linear-gradient(to top, var(--color-purple) 0%,rgba(var(--color-purple-soft-rgb), 0) 100%);background: linear-gradient(to top, var(--color-purple) 0%,rgba(var(--color-purple-soft-rgb), 0) 100%);}
}
@media only screen and (max-width: 768px){
  .card.mini-post > .image{width: 64px;}
  .layout-grid-welcome-news > .item:nth-child(n+3){display: none;}
}