.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ct-div-block,
.oxy-post-content,
.ct-text-block,
.ct-headline,
.oxy-rich-text,
.ct-link-text { max-width: 100%; }
img { flex-shrink: 0; }
body * { min-height: 1px; }
}            .oxy-testimonial {
flex-direction: row;
align-items: center;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
order: 1;
}
.oxy-testimonial .oxy-testimonial-photo {
width: 125px;                height: 125px;                margin-right: 20px;
}
.oxy-testimonial .oxy-testimonial-photo-wrap, 
.oxy-testimonial .oxy-testimonial-author-wrap, 
.oxy-testimonial .oxy-testimonial-content-wrap {
align-items: flex-start;                text-align: left;            }
.oxy-testimonial .oxy-testimonial-text {
margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author {
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author-info {
font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-icon-box {
text-align: left;                flex-direction: column;            }
.oxy-icon-box .oxy-icon-box-icon {
margin-bottom: 12px;
align-self: flex-start;            }
.oxy-icon-box .oxy-icon-box-heading {
font-size: 21px;
margin-bottom: 12px;            }
.oxy-icon-box .oxy-icon-box-text {
font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
.oxy-icon-box .oxy-icon-box-link {
margin-top: 20px;                            } .oxy-pricing-box .oxy-pricing-box-section {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
justify-content: center;            } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center;            } .oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px;
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px;
} .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
flex-direction: row;                                            }
.oxy-pricing-box .oxy-pricing-box-currency {
font-size: 28px;
}
.oxy-pricing-box .oxy-pricing-box-amount-main {
font-size: 80px;
line-height: 0.7;
}
.oxy-pricing-box .oxy-pricing-box-amount-decimal {
font-size: 13px;
}
.oxy-pricing-box .oxy-pricing-box-term {
font-size: 16px;
}
.oxy-pricing-box .oxy-pricing-box-sale-price {
font-size: 12px;
color: rgba(0,0,0,0.5);
margin-bottom: 20px;            } .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5);
} .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
justify-content: center;            }
.oxy-progress-bar .oxy-progress-bar-background {
background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
.oxy-progress-bar .oxy-progress-bar-progress-wrap {
width: 85%;        }
.oxy-progress-bar .oxy-progress-bar-progress {
background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
}
.oxy-progress-bar .oxy-progress-bar-overlay-text {
font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-progress-bar .oxy-progress-bar-overlay-percent {
font-size: 12px;
}
.ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
padding: 0px;			}
.oxy-superbox .oxy-superbox-secondary, 
.oxy-superbox .oxy-superbox-primary {
transition-duration: 0.5s;            }
.oxy-shape-divider {
width: 0px;
height: 0px;
}
.oxy_shape_divider svg {
width: 100%;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}
.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
flex-direction: row;
}
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
align-items: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container{
top: 0;
bottom: 0;
right: auto;
left: 0;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}
.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}
.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
--oxynav-animation-name: none; 
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
background-color: var(--oxynav-brand-color);
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
border: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
background: transparent;
border: 1px solid currentColor;
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
filter: invert(0) !important;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
background-color: var(--oxynav-activehover-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
color: var(--oxynav-neutral-color);   
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
color: var(--oxynav-brand-color);   
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
color: var(--oxynav-brand-color);   
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.ct-section-inner-wrap, .oxy-header-container{
max-width: 1120px;
}
body {font-family: 'helvetica-neue-lt-pro';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'corporate-a-std-urw-cond';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
}.ct-new-columns > .ct-div-block {
}.oxy-header-container {
}@media (max-width: 992px) {
.ct-columns-inner-wrap {
display: block !important;
}
.ct-columns-inner-wrap:after {
display: table;
clear: both;
content: "";
}
.ct-column {
width: 100% !important;
margin: 0 !important;
}
.ct-columns-inner-wrap {
margin: 0 !important;
}
}
.oxel_dynamicslider {
width:100%;
}
.swiper-container {
}
.oxel_dynamicslider__container {
height:400px;
}
.swiper-wrapper {
}
.swiper-slide {
}
.oxel_horizontal_divider {
margin-top:16px;
margin-bottom:16px;
width:100%;
}
.oxel_horizontal_divider:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.oxel_horizontal_divider__line {
height:2px;
background-color:color(42);
}
.oxel_horizontal_divider__icon {
color: color(42);}.oxel_horizontal_divider__icon 
>svg {width: 16px;height: 16px;}.oxel_horizontal_divider__icon {
flex-shrink: 0;
}
.oxel_horizontal_divider__icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider__icon.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider__icon.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxel_megamenu_parent:hover{
background-color:#cfd3d7;
}
.oxel_megamenu_parent {
padding-top:8px;
padding-bottom:8px;
padding-left:32px;
padding-right:32px;
position:relative;
background-color:#f9f9fa;
transition-duration:0.3s;
}
.oxel_megamenu_parent__title {
color:#374047;
}
.oxel_megamenu__wrapper {
transform:; padding-top:32px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
opacity:1;
transition-duration:0.3s;
transition-timing-function:ease-in-out;
position:relative;
width:100%;
z-index:1999;
}
.oxel_megamenu__wrapper:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__wrapper.oxy-easy-posts .oxy-posts,
.oxel_megamenu__wrapper.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.oxel_megamenu__wrapper--hidden {
transform:translateY(64px); opacity:0;
pointer-events: none;
}
.oxel_megamenu__close-icon {
color: #333333;}.oxel_megamenu__close-icon 
>svg {width: 32px;height: 32px;}.oxel_megamenu__close-icon {
position:absolute;
top:48px;
right:16px;
}
.oxel_megamenu__close-icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__close-icon.oxy-easy-posts .oxy-posts,
.oxel_megamenu__close-icon.ct-section .ct-section-inner-wrap{
display:none;
flex-direction:unset;
}
@media (max-width: 991px) {
.oxel_megamenu__close-icon {
}
.oxel_megamenu__close-icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__close-icon.oxy-easy-posts .oxy-posts,
.oxel_megamenu__close-icon.ct-section .ct-section-inner-wrap{
display:flex;
}
}
.oxel_icon_button__container:hover{
background-color:color(37);
}
.oxel_icon_button__container {
background-color:color(36);
padding-top:8px;
padding-left:16px;
padding-right:16px;
padding-bottom:8px;
transition-duration:0.3s;
}
.oxel_icon_button__container:not(.ct-section):not(.oxy-easy-posts),
.oxel_icon_button__container.oxy-easy-posts .oxy-posts,
.oxel_icon_button__container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 767px) {
.oxel_icon_button__container {
}
.oxel_icon_button__container:not(.ct-section):not(.oxy-easy-posts),
.oxel_icon_button__container.oxy-easy-posts .oxy-posts,
.oxel_icon_button__container.ct-section .ct-section-inner-wrap{
flex-wrap:wrap;
}
}
.oxel_icon_button_text {
color:color(39);
}
.oxel_icon_button_icon {
color: color(38);}.oxel_icon_button_icon 
>svg {width: 18px;height: 18px;}.oxel_icon_button_icon {
margin-right:8px;
}
.atomic-logo:hover{
opacity:1;
}
.atomic-logo {
opacity:0.8;
transition-duration:0.5s;
transition-timing-function:ease;
transition-property:all;
}
.atomic-footer-1-column {
}
.atomic-footer-1-column:not(.ct-section):not(.oxy-easy-posts),
.atomic-footer-1-column.oxy-easy-posts .oxy-posts,
.atomic-footer-1-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
@media (max-width: 767px) {
.atomic-footer-1-column {
text-align:center;
}
.atomic-footer-1-column:not(.ct-section):not(.oxy-easy-posts),
.atomic-footer-1-column.oxy-easy-posts .oxy-posts,
.atomic-footer-1-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}
.nav {
}
@media (max-width: 991px) {
.nav {
}
.nav:not(.ct-section):not(.oxy-easy-posts),
.nav.oxy-easy-posts .oxy-posts,
.nav.ct-section .ct-section-inner-wrap{
display:none;
}
}
.nav-link {
}
.nav-link:not(.ct-section):not(.oxy-easy-posts),
.nav-link.oxy-easy-posts .oxy-posts,
.nav-link.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
}
.logo-svg {
}
.corner {
height:100%;
}
.hero {
background-size: cover; background-repeat:no-repeat;
}
.wrapper {
width:100%;
}
.wrapper:not(.ct-section):not(.oxy-easy-posts),
.wrapper.oxy-easy-posts .oxy-posts,
.wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.wrapper-right {
}
.right-text-dist {
}
.column {
}
.boxed {
}
.boxed .ct-section-inner-wrap {
padding-right: 0;
padding-left: 0;
}
.background {
}
.text-big {
}
.yes-section {
}
.slide-into-view {
}
.slow-scroll {
}
.fast-scroll {
}
.medium-scroll {
transform:;}
.gradient-text {
}
.gradient-text:not(.ct-section):not(.oxy-easy-posts),
.gradient-text.oxy-easy-posts .oxy-posts,
.gradient-text.ct-section .ct-section-inner-wrap{
display:flex;
flex-wrap:wrap;
}
.cta {
font-weight:100;
min-width:8rem;
text-decoration:none;
}
.cta-wrapper {
}
.slide {
width:100%;
border-top-color:color(2);
border-right-color:color(2);
border-bottom-color:color(2);
border-left-color:color(2);
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-radius:13px;
padding-top:0.5rem;
padding-right:0.5rem;
padding-bottom:0.5rem;
padding-left:0.5rem;
max-width:50vw;
min-width:30vw;
}
.text-small {
}
.slider-headline {
}
.custom-font {
}
.text-change {
}
.highlight {
}
.section {
}
.section:not(.ct-section):not(.oxy-easy-posts),
.section.oxy-easy-posts .oxy-posts,
.section.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 1120px) {
.section {
}
.section .ct-section-inner-wrap {
padding-right: 64px;
padding-left: 64px;
}
}
@media (max-width: 991px) {
.section {
}
.section .ct-section-inner-wrap {
padding-right: 40px;
padding-left: 40px;
}
}
@media (max-width: 767px) {
.section {
}
.section .ct-section-inner-wrap {
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
}
}
@media (max-width: 479px) {
.section {
}
.section .ct-section-inner-wrap {
padding-right: 20px;
padding-left: 20px;
}
.section:not(.ct-section):not(.oxy-easy-posts),
.section.oxy-easy-posts .oxy-posts,
.section.ct-section .ct-section-inner-wrap{
display:flex;
}
}
.wrap {
padding-top:0px;
}
.wrap-inner {
}
.layer-it {
}
.col-image {
}
.col-text {
}
.text {
}
.text:not(.ct-section):not(.oxy-easy-posts),
.text.oxy-easy-posts .oxy-posts,
.text.ct-section .ct-section-inner-wrap{
flex-direction:column;
}
.col-imageR {
}
.anim-ltr-rtl {
}
.scroll-mid {
}
.scroll-fast {
background-color:color(10);
}
.parallax {
}
.scroll-slow {
}
.col-text-full {
}
.columns {
}
.columns-end {
}
.slide-content {
background-image:url(https://maho-sol.com/wp-content/uploads/2023/10/clouds-and-mountains.jpg);background-size: cover; background-repeat:no-repeat;
}
.slide-text-wrapper {
width:100%;
}
.slide-text-wrapper:not(.ct-section):not(.oxy-easy-posts),
.slide-text-wrapper.oxy-easy-posts .oxy-posts,
.slide-text-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.slide-text-wrapper-bottom {
width:100%;
align-self:stretch;
flex-grow:1;
}
.slide-text-wrapper-bottom:not(.ct-section):not(.oxy-easy-posts),
.slide-text-wrapper-bottom.oxy-easy-posts .oxy-posts,
.slide-text-wrapper-bottom.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-end;
align-content:flex-end;
justify-content:flex-end;
}
.slide-text-distance {
height:100%;
width:100%;
position:relative;
min-height:7rem;
}
.slide-text-top {
background-color:color(1);
color:color(2);
width:64%;
padding-top:0.5rem;
padding-right:0.5rem;
padding-bottom:0.5rem;
padding-left:0.5rem;
border-bottom-right-radius:0.5rem;
}
.slide-text-bottom {
background-color:color(1);
color:color(2);
min-width:60%;
padding-top:0.5rem;
padding-right:0.5rem;
padding-bottom:0.5rem;
padding-left:0.5rem;
width:100%;
max-width:100%;
border-top-left-radius:0.5rem;
}
.slider-wrap {
}
.slider-wrapper {
gap:2rem;
width:100vw;
overflow:visible;
}
.slider-wrapper:not(.ct-section):not(.oxy-easy-posts),
.slider-wrapper.oxy-easy-posts .oxy-posts,
.slider-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
gap:2rem;
}
.slide-empty-div-bottom {
width:100%;
height:100%;
min-height:100%;
max-height:100%;
position:relative;
}
.spacer-text-top {
height:100%;
min-height:3rem;
max-height:5rem;
}
.slider-section {
}
.big-font {
}
.nowrap {
}
.anim-row-top {
}
.center-nav {
}
@media (max-width: 991px) {
.center-nav {
}
}
.magnetic-button {
}
.fullscreen-menu {
}
.text-load {
}
.text-circle {
}
.circle-text {
}
.text-wrapper {
}
.text-line-wrapper {
}
.top-line {
}
.bottom-line {
}
.nav-content {
}
.hero-headline {
}
.headline-container {
}
@media (max-width: 479px) {
.headline-container {
padding-left:0px;
}
}
.row {
}
.row-wrapper {
}
.col {
}
.video {
}
.col-content {
}
.text-link {
}
.text-link-text-main {
}
.text-link-text-secondary {
}
.text-link-icon {
}
.page-footer {
}
.content-wrapper-footer {
}
.row-footer {
}
.row-footer:not(.ct-section):not(.oxy-easy-posts),
.row-footer.oxy-easy-posts .oxy-posts,
.row-footer.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 1120px) {
.row-footer {
gap:1rem;
}
.row-footer:not(.ct-section):not(.oxy-easy-posts),
.row-footer.oxy-easy-posts .oxy-posts,
.row-footer.ct-section .ct-section-inner-wrap{
gap:1rem;
}
}
@media (max-width: 991px) {
.row-footer {
gap:1rem;
}
.row-footer:not(.ct-section):not(.oxy-easy-posts),
.row-footer.oxy-easy-posts .oxy-posts,
.row-footer.ct-section .ct-section-inner-wrap{
display:flex;
gap:1rem;
}
}
@media (max-width: 767px) {
.row-footer {
gap:2rem;
}
.row-footer:not(.ct-section):not(.oxy-easy-posts),
.row-footer.oxy-easy-posts .oxy-posts,
.row-footer.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:2rem;
}
}
@media (max-width: 479px) {
.row-footer {
gap:2rem;
}
.row-footer:not(.ct-section):not(.oxy-easy-posts),
.row-footer.oxy-easy-posts .oxy-posts,
.row-footer.ct-section .ct-section-inner-wrap{
gap:2rem;
}
}
.foo-contact-link {
}
@media (max-width: 1120px) {
.foo-contact-link {
}
.foo-contact-link:not(.ct-section):not(.oxy-easy-posts),
.foo-contact-link.oxy-easy-posts .oxy-posts,
.foo-contact-link.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
}
}
@media (max-width: 991px) {
.foo-contact-link {
}
}
.foo-contact-headline {
}
.box-grow {
}
.divider {
width:100%;
height:2px;
}
.divider:not(.ct-section):not(.oxy-easy-posts),
.divider.oxy-easy-posts .oxy-posts,
.divider.ct-section .ct-section-inner-wrap{
display:block;
}
.disabled-link {
}
.footer-reveal {
}
.page-content {
}
.headline {
}
.cursor {
}
.container {
}
.grid-12 {
}
.col-2-11 {
}
.header-custom {
}
.container-nav {
}
.header-logo {
}
.section--hero-default {
}
.content-wrapper {
}
.col-centered {
gap:3rem;
}
.col-centered:not(.ct-section):not(.oxy-easy-posts),
.col-centered.oxy-easy-posts .oxy-posts,
.col-centered.ct-section .ct-section-inner-wrap{
gap:3rem;
}
@media (max-width: 991px) {
.col-centered {
}
}
.text-blend {
}
.section--tight-top {
}
.section-split-media-text {
}
.col-2-5 {
}
.media-block-wrapper {
}
.media-meta {
}
.meta-top-left {
}
.meta-bottom-right {
}
.media-block {
}
.media-image {
}
.col-1-7 {
}
.col-8-11 {
}
.content-headline {
}
.media-content-headline {
}
.media-content {
}
.media-content-wrapper {
}
.text-link-wrapper {
}
.cta-link {
}
.text-link-arrow {
}
.arrow {
}
.text-link-description {
}
.media-text {
}
.grid {
}
.section--tight {
}
.text-base-bold {
}
.col-2-7 {
}
.text-7xl {
}
.uppercase {
}
.text-center {
}
.col-centered-tight {
}
.text-scroll-reveal {
}
.text-3xl {
}
.heading {
}
.section--text-scroll {
}
.media-text--image {
}
.media-text--image-container {
}
.media-text--text-container {
}
.text-xl {
}
.text-2xl {
}
.text-link-arrow--container {
}
.text-link-group {
}
.font-weight-bold {
}
.font-bold {
}
.col-text-block {
}
.section--xs {
}
.footer-row {
}
.footer {
}
.text-lg {
}
.col-full {
}
.footer-inner-row {
}
.footer-inner-row-center {
}
.footer-contact--phone {
}
.footer-contact--mail {
}
.footer-contact--promt {
}
.footer-row--legal {
}
.text-5xl {
}
.text-4xl {
}
.section--service {
}
.section--service-inner-row {
}
.headline-text-row--headline {
}
.headline-text-row--text {
}
.section-s {
}
.section--s {
}
.row--service-filter {
}
.slider--container {
}
.slider--slide {
}
.card--container {
background-size: cover; background-repeat:no-repeat;
}
.card--inner-content {
}
.card--header {
}
.card--foter {
}
.card--title {
}
.card--label {
}
.card--link {
}
.card--more-information {
}
.card--footer {
}
.text-md {
}
.card--hidden-content {
}
.slider--controls-container {
}
.slider--controls-cta {
}
.slider--controls-cta-icon {
}
.text-base {
}
.additional-services {
}
.quote {
}
.quote--container {
}
.quotee {
}
.text-6xl {
}
.font-regular {
}
.section--full {
}
.marquee--wrapper {
}
.marquee--row {
}
.marquee--row:not(.ct-section):not(.oxy-easy-posts),
.marquee--row.oxy-easy-posts .oxy-posts,
.marquee--row.ct-section .ct-section-inner-wrap{
display:flex;
}
.marquee--row-top {
}
.marquee--row-bottom {
}
.about--introduction {
}
.about--introduction-founder {
}
.card--subtitle {
}
.section--about {
}
.content-center {
}
.text-link-arrow--additional-text {
}
.slider--row {
}
.slider--pagination {
}
.quote--image-wrapper {
}
.quote--image-scroll {
}
.section--additional-services {
}
.section--slider {
}
.headline-text--wrapper {
}
.section--marquee {
}
.arrowIcon {
}
.card--more-information-wrapper {
}
.slider--scroll-wrapper {
}
.additional-service--wrapper {
}
.additional-service--text {
}
.additional-service--text-background {
}
.marquee--svg {
}
.marquee--svg-zoom-in {
}
.headline--animation {
}
.hero--animate-svg {
}
.hero--headline-animation-svg {
}
.wrapper--headline-animation-svg {
}
.headline--animation-svg {
}
.additional-services-headline-wrapper {
}
.slider-wrapper--image-text {
}
.slide--image-text {
}
.slide--image {
}
.slide--text {
}
.slider-prev {
}
.slider-next {
}
.section--charity {
}
.slide--card {
}
.text-10xl {
}
.weight-bold {
}
.section--pin-reveal {
}
.section--pin-overlay {
}
.inline-span {
}
.text-inline {
}
.textblock--imprint {
}
.text--scrolly-telling {
}
.svg--scrolly-telling {
}
.text-justify {
}
.text-link-wrapper--large {
}
.reveal-image {
}
.reveal-image-wrapper {
}
.text-scroll-reveal--large {
}
.viceo--container {
}
.video--container {
}
.text--display-big {
}
.col-centered-tight-extra {
}
.text--xs {
}
.text-xs {
margin-bottom:0px;
}
.col-row {
}
.section--disclaimer {
}
.span-6 {
}
.span-wrapper-10 {
width:100%;
}
.col-3 {
}
.pill {
}
.flex-wrapper {
}
.calendar-wrapper {
}
.scramble {
}
.italic {
}
.section--quote {
}
@media (max-width: 479px) {
.section--quote {
}
}
.quote--product {
}
.product--desc {
}
.is-disabled {
}
.text--hyphens {
}
.strategy--steps {
}
.label--light {
} .font-light { font-weight: var(--font-weight-light); }
.font-regular { font-weight: var(--font-weight-regular); }
.font-bold { font-weight: var(--font-weight-bold); }
.text-inline { display: inline; }
.text--display-big {
font-size: var(--font-size-2xl);
font-family: var(--font-family-display);
letter-spacing: var(--letter-spacing-tight);
font-weight: var(--font-weight-regular);
line-height: var(--line-height-s);
}
.text--hyphens {
word-break: break-word;
hyphens: auto;
}
.uppercase { text-transform: uppercase; }
.italic { font-style: italic; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; } h1,
h2,
h3,
h4,
h5,
h6,
.heading {
font-family: var(--font-family-display);
letter-spacing: var(--letter-spacing-tight);
line-height: var(--line-height-xs);
}
h1 { font-size: var(--font-size-5xl); }
h2 { font-size: var(--font-size-xl); }
p {
font-weight: var(--font-weight-light);
letter-spacing: var(--letter-spacing-reset);
margin: var(--space-0);
}
.text-xs          { font-size: var(--font-size-xs); }
.text-base        { font-size: var(--font-size-base); }
.text-base-plus   { font-size: var(--font-size-base-plus); }
.text-sm          { font-size: var(--font-size-sm); }
.text-md          { font-size: var(--font-size-md); }
.text-lg          { font-size: var(--font-size-lg); }
.text-xl          { font-size: var(--font-size-xl); }
.text-2xl         { font-size: var(--font-size-2xl); }
.text-3xl         { font-size: var(--font-size-3xl); }
.text-4xl         { font-size: var(--font-size-4xl); }
.text-5xl         { font-size: var(--font-size-5xl); }
.text-6xl         { font-size: var(--font-size-6xl); }
.text-7xl         { font-size: var(--font-size-7xl); } @media only screen and (max-width: 992px) {
.text-3xl   { font-size: var(--font-size-2xl); }
.text-7xl   { font-size: var(--font-size-6xl); }
}
@media only screen and (max-width: 768px) {
.text-4xl   { font-size: var(--font-size-3xl); }
.text-7xl   { font-size: var(--font-size-5xl); }
.text--display-big {
font-size: var(--font-size-xl);
}
}
@media only screen and (max-width: 480px) {
h1 { font-size: var(--font-size-3xl); }
.text-3xl   { font-size: var(--font-size-xl); }
.text-4xl   { font-size: var(--font-size-2xl); }
.text-7xl   { font-size: var(--font-size-4xl); }
.text--display-big { font-size: var(--font-size-lg); }
} .header-custom[data-adaptive-ui] {
color: var(--ui-light-color);
}
.header-custom.is-ui-dark {
color: var(--ui-dark-color);
mix-blend-mode: normal;
-webkit-mix-blend-mode: normal;
}
.header-custom.is-ui-light {
color: var(--ui-light-color);
mix-blend-mode: normal;
-webkit-mix-blend-mode: normal;
}
.header-custom.is-ui-blend {
color: var(--ui-light-color);
mix-blend-mode: difference;
-webkit-mix-blend-mode: difference;
}
.header-custom {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
padding-block: var(--space-base);
box-sizing: border-box;
font-family: var(--font-family-display);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-sm);
letter-spacing: var(--letter-spacing-base);
font-size: var(--font-size-base-plus);
transition: transform 0.3s ease, opacity 0.3s ease, color 0.08s linear;
height: var(--size-64);
display: flex;
justify-content: center;
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
background-color: transparent;
}
.header-custom.is-glass {
background-color: rgba(18, 18, 23, 0.02);
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
}
.header-custom.is-hidden-up,
.nav--mobile-backdrop.is-hidden-up {
transform: translateY(calc(-100% - 24px));
opacity: 0;
pointer-events: none;
}
.custom-header-border {
width: 100%;
display: block;
height: 1px;
background-color: var(--pal-brand-honey);
opacity: 0;
position: fixed;
top: var(--size-64);
transition: opacity 0.25s ease;
}
.header-custom.is-glass .custom-header-border {
opacity: 0.12;
}
.container-nav {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding-inline: var(--grid-margin);
gap: var(--space-base);
flex-direction: row;
}
.header-logo {
color: currentColor;
}
.header-logo #maho-sol {
width: 100%;
max-width: var(--size-88);
color: currentColor;
}
.header-logo #maho-sol .cls-2 {
fill: currentColor;
}
.header-logo a {
color: inherit;
text-decoration: none;
}
.nav-main-custom {
display: flex;
justify-content: center;
align-items: center;
}
.nav-link-custom {
position: relative;
display: inline-flex;
align-items: center;
gap: var(--space-2xs);
margin: 0 var(--space-xs);
text-decoration: none;
color: currentColor;
transition: color 0.08s linear, filter 0.3s ease, opacity 0.3s ease;
} .nav-arrow {
transition: transform 0.3s ease;
transform: translateY(-1px) rotate(-45deg);
height: 0.64em;
}
.nav-arrow.nav-arrow--mobile {
transform: translateY(-1px) rotate(-45deg) scale(1.6);
} .nav-main-custom:hover .nav-link-custom {
filter: blur(2px);
opacity: 0.4;
}
.nav-main-custom:hover .nav-link-custom:hover {
filter: blur(0);
opacity: 1;
}
.nav-main-custom:hover .nav-link-custom:hover .nav-arrow {
transform: translateY(0px) rotate(0deg);
} .hover-underline-animation {
position: relative;
display: inline-block;
}
.nav-link-custom:hover .hover-underline-animation::after {
transform: scaleX(1);
transform-origin: bottom left;
}
.hover-underline-animation::after {
content: "";
position: absolute;
width: 100%;
transform: scaleX(0);
height: 1px;
bottom: -2px;
left: 0;
background-color: currentColor;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
.nav-controls {
display: none;
justify-content: flex-end;
align-items: center;
gap: var(--space-sm);
}
.nav-toggle-custom {
display: none;
background: none;
border: none;
font-size: var(--font-size-base);
color: currentColor;
cursor: pointer;
}
.theme-toggle,
.switch-track,
.switch-icon,
.icon,
.theme-icon {
color: currentColor;
}
.burger,
.nav-mobile-custom,
.nav--mobile-backdrop {
display: none;
}
svg#overlayShape {
display: none;
} @media only screen and (max-width: 992px) {
:root.mobile-menu-open .nav--mobile-backdrop {
opacity: 0 !important; transform: translateY(-40px);
pointer-events: none;
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
}
:root.mobile-menu-open .header-custom {
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
.header-custom {
height: auto;
backdrop-filter: none;
background-color: transparent;
border-bottom: none;
}
.nav-group,
.custom-header-border {
display: none;
}
.nav--mobile-backdrop {
height: 112px;
width: 100vw;
background-color: rgba(18, 18, 23, 0.02);
position: fixed;
top: 0;
left: 0;
z-index: 99;
display: block;
backdrop-filter: blur(24px);
transition:
opacity 0.24s ease,
transform 0.32s ease,
backdrop-filter 0.12s ease,
-webkit-backdrop-filter 0.12s ease;
will-change: opacity, transform;
margin-top: -60px;
}
.nav--mobile-backdrop.is-hidden-up {
transform: translateY(-100%);
opacity: 0;
pointer-events: none;
}
.burger {
display: flex;
flex-direction: column;
justify-content: space-between;
width: var(--size-24);
height: var(--size-16);
border: none;
background: none;
cursor: pointer;
z-index: 10001;
align-items: center;
color: currentColor;
}
.burger span {
display: block;
height: 2px;
background: currentColor;
transition: all 0.3s ease;
transform-origin: center center;
width: var(--size-24);
}
.nav-mobile-custom {
position: absolute;
top: 0;
right: 0;
width: 60vw;
height: 100vh;
display: flex;
flex-direction: column;
padding: var(--space-xl);
gap: var(--space-lg);
transition: right 0.4s ease, color 0.08s linear;
z-index: 1000;
font-size: var(--font-size-lg);
color: currentColor;
transform: translateX(100%);
}
.burger.open {
justify-content: center;
}
.burger.open span:nth-child(1) {
transform: rotate(45deg);
position: absolute;
}
.burger.open span:nth-child(2) {
opacity: 0;
}
.burger.open span:nth-child(3) {
transform: rotate(-45deg);
position: absolute;
}
.nav-mobile-list {
list-style: none;
font-family: var(--font-family-display);
padding: 0;
}
.nav-mobile-list > li {
border-bottom: solid 1px currentColor;
border-bottom-color: color-mix(in srgb, currentColor 18%, transparent);
padding: var(--space-base) 0;
}
.nav-mobile-list > li > a {
gap: var(--space-sm);
}
.nav-overlay {
position: fixed;
top: 0;
right: 0;
width: 60vw;
height: 100vh;
background-color: rgba(18, 18, 23, 0.02);
opacity: 0.08;
z-index: 10;
pointer-events: none;
backdrop-filter: blur(24px);
clip-path: url(#overlay-clip);
-webkit-clip-path: url(#overlay-clip);
transform: translateX(100%);
}
.nav-overlay.active {
pointer-events: auto;
right: 0;
}
svg#overlayShape {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
pointer-events: none;
display: inherit;
}
}
@media only screen and (max-width: 480px) {
.container-nav {
padding-inline: calc(var(--grid-margin) / 1.6);
}
.nav-mobile-custom,
.nav-overlay {
width: 80vw;
}
} #hero {
margin: 0 auto !important;
width: 100%;
}
#hero--service.hero {
color: var(--color-fg);
background-color: var(--color-bg);
}
.hero {
color: var(--color-fg-invert);
}
.hero h1 {
mix-blend-mode: overlay;
-webkit-mix-blend-mode: overlay;
text-align: center;
}
.hero.ct-section {
height: 100vh;
padding-block: var(--space-4xl);
}
.hero > .ct-section-inner-wrap > .col-centered {
justify-content: center;
align-items: center;
grid-column: 2 / -2;
}
@media only screen and (max-width: 768px) {
.hero > .ct-section-inner-wrap > .col-centered {
grid-column: 1 / -1;
}
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html.intro-lock #smooth-wrapper{
opacity: 0;
pointer-events: none;
} #smooth-wrapper{
transition: opacity 320ms ease;
}
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
margin: 0;
padding: 0;
font-family: var(--font-family-body);
font-weight: var(--font-weight-light);
line-height: var(--line-height-base);
background-color: var(--color-bg);
color: var(--color-fg);
text-rendering: optimizeLegibility;
overflow-x: hidden;
}
#smooth-wrapper,
#smooth-content {
width: 100%;
will-change: transform;
overflow-x: hidden;
}
html.is-gsap-loading,
html.is-gsap-loading body {
overflow: hidden !important;
height: 100% !important;
position: fixed;
width: 100%;
inset: 0;
touch-action: none !important;
overscroll-behavior: none;
}
html.is-gsap-loading #smooth-wrapper,
html.is-gsap-loading #smooth-content {
pointer-events: none !important;
}
:root[data-scheme="b2c"] [data-scheme-only="b2b"] { display: none; }
:root[data-scheme="b2b"] [data-scheme-only="b2c"] { display: none; }  .theme-toggle {
display: inline-block;
cursor: pointer;
user-select: none;
margin-left: var(--space-xs);
color: currentColor;
} .theme-toggle input[type="checkbox"] {
display: none;
} .switch-track {
width: 100%;
max-width: 50px;
height: 100%;
max-height: 24px;
background-color: transparent;
border-radius: 999px;
border: 1px solid currentColor;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-xs);
padding: var(--space-2xs);
transition: border-color 0.08s linear, background-color 0.08s linear, color 0.08s linear;
} .switch-label {
display: none !important;
} .switch-thumb {
display: none !important;
} .switch-icon {
width: 16px;
height: 16px;
flex: 0 0 16px;
display: grid;
place-items: center;
color: currentColor;
} .switch-icon svg {
width: 16px;
height: 16px;
display: block;
color: currentColor;
opacity: 0.35;
transition: opacity 0.25s ease, filter 0.25s ease, color 0.08s linear;
} .switch-icon svg .theme-icon,
.switch-icon svg path,
.switch-icon svg circle,
.switch-icon svg ellipse,
.switch-icon svg rect,
.switch-icon svg polygon {
fill: currentColor;
stroke: currentColor;
} .switch-track .icon-sun,
.switch-track .icon-moon {
display: block !important;
} .theme-toggle input:not(:checked) ~ .switch-track .switch-icon--moon svg {
opacity: 1;
}
.theme-toggle input:checked ~ .switch-track .switch-icon--sun svg {
opacity: 1;
} .theme-toggle:focus-within .switch-track {
outline: 2px solid currentColor;
outline-offset: 2px;
} @media (hover: hover) {
.theme-toggle:hover .switch-track .switch-icon svg {
opacity: 0.55;
}
.theme-toggle:hover input:not(:checked) ~ .switch-track .switch-icon--sun svg,
.theme-toggle:hover input:checked ~ .switch-track .switch-icon--moon svg {
opacity: 1;
}
} .footer {
background-color: var(--color-bg-invert);
color: var(--pal-brand-honey);
z-index: 10;
}
.footer > .ct-section-inner-wrap, 
.footer > .ct-section > .ct-section-inner-wrap {
padding-inline: 0 !important;
gap: 0 !important;
}
.footer-row {
padding-inline: var(--grid-margin);
grid-column: 1 / -1;
border-top: solid 1px var(--border-color-subtle);
padding-block: var(--space-5xl);
justify-content: center;
align-items: center;
display: grid;
grid-template-columns: repeat(12, 1fr);
}
.footer-inner-row {
grid-column: 2 / -2;
flex-direction: row;
justify-content: space-between;
}
.footer-inner-row-center {
justify-content: center !important;
}
.footer-row--legal {
padding-block: var(--space-xl) !important;
font-family: var(--font-family-display);
font-size: var(--font-size-base);
} .footer-contact--phone {
grid-column: 2 / span 3;
}
.footer-contact--promt {
grid-column: 5 / span 4;
justify-content: center;
align-items: center;
}
.footer-contact--mail {
grid-column: 9 / span 3;
align-items: end;
}
.contact--option * {
color: var(--pal-brand-honey);
display: flex;
justify-content: center;
align-items: center;
}
.contact--phone,
.contact--mail {
flex-direction: column;
font-size: var(--font-size-xl);
font-family: var(--font-family-display);
font-weight: var(--font-weight-light);
letter-spacing: var(--letter-spacing-base);
line-height: var(--line-height-xs);
}
.contact--phone > span,
.contact--mail > span {
border: solid 1px var(--pal-brand-honey);
width: 100%;
padding: calc(var(--space-2xs) * 1.2 ) var(--space-xs); 
margin-bottom: -1px;
display: inline-block;
overflow: hidden;
text-align: center;
}
.line-wrap {
display: block;
position: relative;
height: 100%;
}
.line-text {
display: flex;
transform: translateY(0%);
width: 100%;
text-align: center;
}
.line-text span {
display: inline-block;
transform: translateY(0%);
}
.line-text.top {
position: absolute;
top: 0;
left: 0;
}
.line-text.bottom {
position: relative;
}
.contact--label {
font-size: var(--font-size-5xl);
font-family: var(--font-family-display);
font-weight: var(--font-weight-light);
letter-spacing: var(--letter-spacing-base);
line-height: 0.8;
margin: 0 0 -6px 8px;
} .footer-contact--promt {
display: flex;
flex-direction: column;
gap: var(--space-sm);
align-items: center;
text-transform: uppercase;
font-family: var(--font-family-display);
}
.contact--line-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: var(--space-xs);
position: relative;
width: 100%;
}
.contact--line-promt {
white-space: nowrap;
font-size: var(--font-size-lg);
font-weight: var(--font-weight-light);
letter-spacing: var(--letter-spacing-base);
line-height: var(--line-height-xs);
}
.contact--line {
position: relative;
height: 1px;
background-color: var(--pal-brand-honey);
flex-grow: 0.88;
transition: 0.3s ease;
}
.footer-contact--promt:hover .contact--line {
flex-grow: 1;
} .contact--arrow-left::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%) rotate(135deg);
width: 6px;
height: 6px;
border: solid var(--pal-brand-honey);
border-width: 0 1px 1px 0;
} .contact--arrow-right::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(-45deg);
width: 6px;
height: 6px;
border: solid var(--pal-brand-honey);
border-width: 0 1px 1px 0;
} @media only screen and (max-width: 1120px) {
.nav-group.nav-group--footer {
display: flex !important;
}
}
@media only screen and (max-width: 992px) {
.footer-inner-row {
grid-column: 1 / -1;
flex-direction: row;
justify-content: space-between;
}
.footer-contact--phone {
grid-column: 1 / span 4;
}
.footer-contact--promt {
grid-column: 5 / span 4;
justify-content: center;
align-items: center;
}
.footer-contact--mail {
grid-column: 9 / span 4;
align-items: end;
}
}
@media only screen and (max-width: 768px) {
.footer-row {
grid-template-columns: repeat(4, 1fr);
padding-block: var(--space-4xl);
}
.footer-contact--phone {
grid-column: 1 / span 2;
}
.footer-contact--promt {
display: none;
}
.footer-contact--mail {
grid-column: 3 / span 2;
align-items: end;
}
.footer-contact--phone{
transform: scale(0.8);
transform-origin: left;
}
.footer-contact--mail {
transform: scale(0.8);
transform-origin: right;
}
.footer-row--legal > .footer-inner-row{
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
gap: var(--space-xs);
}
}
@media only screen and (max-width: 480px) {
.footer-contact--phone {
transform: scale(0.64);
transform-origin: left;
}
.footer-contact--mail {
transform: scale(0.64);
transform-origin: right;
}
}.floating-text {
--float-rotate: rotate(180deg);
--float-y: 0px;
position: fixed;
bottom: var(--space-xl);
transform-origin: center;
writing-mode: vertical-lr;
text-orientation: mixed;
transform: var(--float-rotate) translate3d(0, var(--float-y), 0);
font-family: var(--font-family-display);
font-weight: var(--font-weight-bold);
font-size: var(--font-size-base);
color: var(--color-fg-invert);
mix-blend-mode: normal;
-webkit-mix-blend-mode: normal;
cursor: pointer;
z-index: 999;
opacity: 1;
transition:
transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.35s ease;
will-change: transform, opacity;
}
.floating-text[data-adaptive-ui] {
transition:
transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
opacity 0.35s ease;
}
.floating-text.is-hidden-down {
--float-y: calc(100% + 32px);
opacity: 0;
pointer-events: none;
}
.floating-text.left {
left: var(--space-xl);
}
.floating-text.right {
right: var(--space-xl);
}
.floating-text__label {
display: inline-block;
}
.floating-text__icon,
.floating-text__icon.icon--sound-off {
display: none;
}
@media only screen and (max-width: 1120px) {
.floating-text {
bottom: var(--size-32);
}
.floating-text.left {
left: var(--size-20);
}
.floating-text.right {
right: var(--size-20);
}
}
@media only screen and (max-width: 768px) {
.floating-text {
bottom: var(--size-20);
}
.floating-text.left {
left: var(--size-16);
}
.floating-text.right {
right: var(--size-16);
}
.quote-popup {
padding: var(--space-xl) var(--space-2xl);
}
}
@media only screen and (max-width: 480px) {
.floating-text {
--float-rotate: rotate(0deg);
}
.floating-text__label {
display: none;
}
.floating-text__icon {
display: inline-block;
}
.quote-popup {
padding: var(--space-xl) var(--space-2xl);
}
} .marquee--wrapper {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
color: var(--color-brand-primary);
padding-block: var(--space-md);
border-block: 1px solid var(--color-fg);
}
.marquee--row {
width: 100%;
position: relative;
display: flex;
flex-direction: row;
align-items: center;
white-space: nowrap;
gap: var(--space-base);
font-family: var(--font-family-display);
font-size: var(--font-size-lg);
font-weight: var(--font-weight-regular);
letter-spacing: var(--letter-spacing-base);
line-height: var(--line-height-xs);
text-transform: lowercase;
}
.marquee--content {
display: inline-flex;
align-items: center;
flex-shrink: 0;
gap: var(--space-base);
transform-style: preserve-3d;
}
.marquee--char {
display: inline-block;
will-change: transform, filter;
transform-origin: 50% 60%;
transform-box: fill-box;
backface-visibility: hidden;
}
.marquee--svg {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.marquee--svg svg > path {
stroke: var(--color-fg);
}    .additional-service--wrapper {
position: relative;
} .additional-service--text {
position: relative;
} .marquee-line {
position: absolute;
inset: 0; display: flex;
align-items: center;
justify-content: flex-start;
overflow: hidden;
pointer-events: none; opacity: 0;
visibility: hidden;
font-family: var(--font-family-display);
font-size: var(--font-size-6xl);
letter-spacing: var(--letter-spacing-tight);
text-transform: uppercase;
white-space: nowrap;
-webkit-mask-image: linear-gradient(90deg, transparent, rgba(0,0,0,1) 6%, rgba(0,0,0,1) 94%, transparent);
-webkit-mask-composite: destination-in;
mask-image: linear-gradient(90deg, transparent, rgba(0,0,0,1) 6%, rgba(0,0,0,1) 94%, transparent);
mask-composite: intersect;
} .additional-service--wrapper.is-active .marquee-line {
opacity: 1;
visibility: visible;
}
.additional-service--wrapper.is-active .additional-service--text {
opacity: 0;
visibility: hidden;
} .marquee-track {
display: inline-flex;
white-space: nowrap; will-change: transform;
}
.marquee-item {
display: inline-flex;
align-items: baseline;
gap: var(--space-base);
padding-inline-end: var(--space-base);
white-space: nowrap; font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit;
}
.marquee-label, .marquee-tag, .marquee-sep, .marquee-icon {
font: inherit; color: inherit; letter-spacing: inherit; text-transform: inherit;
}
.marquee-icon { width: 1em; height: 1em; vertical-align: -0.1em; }
.marquee-sep {
font-variant-emoji: text;
}
@media only screen and (max-width: 992px) {
.marquee-line {
font-size: var(--font-size-4xl);
}
}
@media only screen and (max-width: 480px) {
.marquee--row > p {
font-size: var(--font-size-4xl);
}
.marquee-line {
font-size: var(--font-size-xl);
}
} .text-link-wrapper {
width: 100%;
color: var(--color-fg);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-family: var(--font-family-display);
font-size: var(--font-size-base-plus);
font-weight: var(--font-weight-bold);
letter-spacing: var(--letter-spacing-base);
line-height: var(--line-height-xs);
padding-block: var(--space-sm);
border-top: solid 1px var(--color-fg);
position: relative;
transition: all 0.24s ease-out;
}
.text-link-wrapper::after {
content: '';
position: absolute;
inset: 0;
background-color: var(--color-fg);
transform: scaleY(0);
transform-origin: center;
transition: transform 0.24s ease-out;
z-index: 0;
}
.text-link-wrapper > * {
position: relative;
z-index: 1;
}
.text-link-group {
margin-top: var(--space-xl);
width: 100%;
position: relative;
}
.is-disabled {
pointer-events: none;
opacity: 0.8;
cursor: default;
} .arrow {
transform: translateY(-2px);
transition: transform 0.24s ease-out;
}
.arrow > svg {
fill: var(--color-fg);
transition: transform 0.24s ease-out;
height: var(--size-12);
}
.text-link-arrow--container {
display: flex;
flex-direction: row;
gap: var(--space-xs);
} .text-link-wrapper:hover {
color: var(--color-bg);
border-top: solid 1px transparent;
}
.text-link-wrapper:hover .arrow > svg {
transition: transform 0.3s ease;
transform: translateY(2px) rotate(45deg);
fill: var(--color-bg);
}
.text-link-wrapper:hover::after {
transform: scaleY(1) scaleX(1.025);
} .text-link-wrapper--large {
font-size: calc(var(--font-size-base-plus) * 2);
padding-block: var(--space-md);
}
.text-link-wrapper--large .arrow > svg {
transform: scale(2);
height: calc(var(--size-12) * 2 );
margin-left: var(--space-xs);
}
.text-link-wrapper--large:hover .arrow > svg {
transition: transform 0.3s ease;
transform: translateY(4px) rotate(45deg) scale(2);
fill: var(--color-bg);
} .ct-text-block > a {
color: var(--color-fg);
text-decoration: underline;
}
.ct-text-block > a:hover {
color: var(--color-fg);
text-decoration: none;
} .card--link,
.card--subtitle {
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: var(--space-2xs);
color: var(--color-bg);
}
@media only screen and (max-width: 768px) {
.text-link-wrapper {
font-size: var(--font-size-md);
}
.text-link-arrow--additional-text {
display: none;
}
.text-link-wrapper--large {
font-size: var(--font-size-md);
padding-block: var(--space-md);
border-top-width: 1px;
}
.text-link-wrapper--large .arrow > svg {
transform: scale(1);
height: calc(var(--size-12) * 1 );
margin-left: 0;
}
.text-link-wrapper--large:hover .arrow > svg {
transition: transform 0.3s ease;
transform: translateY(2px) rotate(45deg) scale(1);
fill: currentColor;
}
}
@media only screen and (max-width: 480px) {
.text-link-group { margin-top: var(--space-l); }
} .ct-section {
padding-block: var(--space-9xl);
}
.ct-section-inner-wrap,
.ct-section > .ct-section-inner-wrap {
max-width: 100%;
width: 100%;
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: var(--grid-gap);
padding-inline: var(--grid-margin);
align-items: center;
}
.section--full > .ct-section-inner-wrap,
.section--full.ct-section > .ct-section-inner-wrap {
padding-inline: 0;
}
.content-center {
align-items: center;
}
.headline-text--wrapper {
width: 100%;
grid-template-columns: repeat(10, 1fr);
display: grid;
padding-top: var(--space-md);
border-top: solid 1px var(--border-color);
margin-top: var(--space-xl);
align-items: start;
}
.headline-text--wrapper > .heading {
grid-column: 1 / span 4;
font-size: var(--font-size-2xl);
}
.headline-text--wrapper > p {
grid-column: 6 / span 5;
} .col-full { grid-column: 1 / -1; }
.col-centered { grid-column: 2 / -2; }
.col-centered-tight { grid-column: 3 / -3; }
.col-centered-tight-extra { grid-column: 5 / -5; }
.col-text-block { grid-column: 2 / span 7; }
.span-wrapper-10 {
grid-template-columns: repeat(10, 1fr);
display: grid;
gap: var(--grid-gap);
}
.span-6 {
grid-column: 3 / -3;
}
.col-3 {
grid-column: span 3;
}
.col-row {
display: grid;
grid-auto-flow: column;
}
.col-text-block > .textblock--imprint {
gap: var(--space-lg);
} .media-text--image-container {
grid-column: 1 / span 7;
}
.media-text--text-container {
grid-column: 8 / span 4;
display: flex;
flex-direction: column;
height: 100%;
justify-content: end;
gap: var(--space-lg);
}
.media-text--image {
width: 100%;
max-height: calc(var(--size-320) * 1.75 );
object-fit: cover;
object-position: center;
}
@media only screen and (max-width: 1120px) {
.col-centered-tight  { grid-column: 2 / -2; }
.media-text--image-container { grid-column: 1 / span 7; }
.media-text--text-container { grid-column: 8 / span 5; }
.media-text--image { max-height: calc(var(--size-320) * 1.5 ); }
}
@media only screen and (max-width: 992px) {
.col-text-block { grid-column: 2 / -2; }
.headline-text--wrapper > .heading {
grid-column: 1 / span 5;
font-size: var(--font-size-3xl);
}
.headline-text--wrapper > p {
grid-column: 1 / -1;
}
.headline-text--wrapper {
margin-top: var(--space-base);
}
.col-3 {
grid-column: span 10;
}
}
@media only screen and (max-width: 768px) {
.ct-section {
padding-block: var(--space-9xl);
}
.ct-section-inner-wrap,
.ct-section > .ct-section-inner-wrap {
grid-template-columns: repeat(4, 1fr);
gap: var(--grid-gap);
}
.col-centered,
.col-centered-tight,
.col-text-block,
.media-text--image-container,
.media-text--text-container,
.headline-text--wrapper > .heading,
.headline-text--wrapper > p { grid-column: 1 / -1; }
.headline-text--wrapper {
margin-top: var(--space-sm);
}
.span-wrapper-10 {
grid-template-columns: repeat(4, 1fr);
}
.span-6 {
grid-column: 1 / -1;
}
.col-row {
grid-auto-flow: row;
}
}
@media only screen and (max-width: 480px) {
.ct-section {
padding-block: var(--space-8xl);
}
} .section--s {
padding-block: var(--space-8xl) !important;
}
.section--xs {
padding-block: var(--space-7xl) !important;
}
.section--tight {
padding: 0 !important;
}
.section--tight-top {
padding-top: 0 !important;
}
.section--s.section--tight-top {
padding-top: 0 !important;
padding-bottom: var(--space-8xl) !important;
} .section--service {
background-color: var(--color-bg);
z-index: 2;
position: relative;
}
.section--service > .ct-section-inner-wrap, 
.section--service.ct-section > .ct-section-inner-wrap {
overflow-x: hidden;
}
.headline-text-row--headline {
grid-column: 2 / span 4;
height: 100%;
}
.headline-text-row--headline > h2 {
font-size: var(--font-size-2xl);
}
.headline-text-row--text {
grid-column: 7 / span 5;
}
.row--service-filter {
width: 100%;
grid-column: 2 / -2;
flex-direction: row;
justify-content: space-between;
align-items: center;
border-bottom: solid 1px var(--border-color);
padding-block: var(--space-sm);
}
.row--service-filter > p {
margin: 0;
font-family: var(--font-family-display);
font-weight: var(--font-weight-bold);
} .section--additional-services > .ct-section-inner-wrap, 
.section--additional-services.ct-section > .ct-section-inner-wrap {
position: relative;
}
.additional-services {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: var(--space-base);
}
.additional-service--wrapper {
width: 100%;
height: 100%;
border-top: solid 1px var(--border-color); margin: 0 0 -1px 0;
position: relative;
touch-action: pan-y;
}
.additional-services-headline-wrapper {
width: 100%;
display: flex;
justify-content: space-between;
flex-direction: row;
}
.additional-service--text-background {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
transform: scaleY(0);
transform-origin: center;
transition: transform 0.24s ease-out;
}
.additional-service--text {
padding-block: var(--space-base);
width: 100%;
margin: 0;
text-align: center;
font-size: var(--font-size-6xl);
font-family: var(--font-family-display);
line-height: var(--line-height-xs);
letter-spacing: var(--letter-spacing-tight);
text-transform: uppercase;
z-index: 2;
}
.quote--image-wrapper {
width: 100vw; height: 100vh;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 0;
left: 0;
pointer-events: none;
transform-origin: center center;
overflow: hidden;
contain: layout paint size;
box-sizing: border-box;
}
.quote--image-scroll {
width: 100%; height: 100%;
object-fit: cover;
transform-origin: center center;
will-change: transform;
} .section--about {
background-color: var(--color-bg);
}
.section--about > .ct-section-inner-wrap, 
.section--about.ct-section > .ct-section-inner-wrap {
row-gap: calc(var(--grid-gap) * 4 );
}
.about--introduction {
display: flex;
flex-direction: row;
gap: var(--grid-gap);
width: 100%;
}
.about--introduction-founder {
width: 100%;
}
.about--introduction > .card--container {
width: 100%;
min-width: unset;
} @media only screen and (max-width: 1120px) {}
@media only screen and (max-width: 992px) {
.section--s {
padding-block: var(--space-7xl) !important;
}
.section--xs {
padding-block: var(--space-6xl) !important;
}
.headline-text-row--headline,
.headline-text-row--text,
.row--service-filter {
grid-column: 2 / -2;
}
.additional-service--text {
font-size: var(--font-size-4xl);
}
.section--s.section--tight-top {
padding-top: 0 !important;
padding-bottom: var(--space-7xl) !important;
}
}
@media only screen and (max-width: 768px) {
.headline-text-row--headline,
.headline-text-row--text,
.row--service-filter {
grid-column: 1 / -1;
}
.about--introduction {
flex-direction: column;
}
}
@media only screen and (max-width: 480px) {
section,
.section--s {
padding-block: var(--space-5xl) !important;
}
.section--quote.section--s.section--tight-top {
padding-top: var(--space-2xl) !important;
}
.section--s.section--tight-top {
padding-top: 0 !important;
padding-bottom: var(--space-5xl) !important;
}
.section--xs {
padding-block: var(--space-4xl) !important;
}
.additional-service--text {
font-size: var(--font-size-xl);
}
.quote--image-wrapper {
transform-origin: bottom center;
transform: translate(0rem, 6rem);
}
.quote--image-scroll {
transform-origin: bottom center;
margin: 0 auto;
justify-content: center;
}
} .cta--with-icon {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color-bg-invert);
color: var(--color-text-invert);
padding: var(--space-2xs) var(--space-xs);
line-height: var(--line-height-xs);
font-size: var(--font-size-md);
font-family: var(--font-family-display);
font-weight: var(--font-weight-bold);
gap: var(--space-sm);
border: solid 1px var(--color-border-secondary);
transition: ease 0.25s;
}
.cta--icon svg {
fill: var(--color-text-invert);
}
.cta--service-filter {
padding-bottom: calc(var(--space-2xs) + 2px );
color: var(--color-fg-invert);
cursor: pointer;
} .card--container {
width: 100%;
min-width: calc(var(--size-224) * 2 );
min-height: calc(var(--size-160) * 3.5 );
position: relative;
overflow: hidden;
}
.card--inner-content {
width: 100%;
height: 100%;
flex-grow: 1;
padding: var(--space-xl) var(--space-lg) var(--space-lg) var(--space-lg);
display: flex;
justify-content: space-between;
flex-direction: column;
color: var(--color-fg-invert);
position: absolute;
z-index: 2;
overflow: hidden;
}
.card--header,
.card--footer {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.card--title {
font-size: var(--font-size-xl);
}
.card--label {
border-radius: var(--radius-full);
padding-inline: var(--space-md);
padding-top: var(--space-2xs);
padding-bottom: calc(var(--space-2xs) + 2px );
background-color: var(--pal-theme-vs);
}
.card--label.label--light {
color: var(--pal-theme-vs);
background-color: var(--pal-brand-light-honey);
}
.card--link {
font-size: var(--font-size-sm);
font-weight: var(--font-weight-bold);
color: var(--color-fg-invert);
}
.card--hidden-content {
flex-grow: 1;
gap: var(--space-lg);
width: 100%;
height: 100%;
padding-inline: var(--space-md);
padding-block: var(--space-6xl);
color: var(--color-fg-invert);
background:
linear-gradient(0deg, rgba(18, 18, 23, 0.4), rgba(253, 253, 250, 0.02)) padding-box, 
linear-gradient(135deg, #ffe8bd40, #FDFAED05) border-box;
background-clip: padding-box, border-box;
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
position: absolute;
z-index: 0;
}
.card--service-benefits-wrapper {
display: flex;
flex-direction: column;
margin-bottom: calc(var(--space-xs) * -1);
}
.service-benefits {
display: block;
padding-block: var(--space-2xs);
width: 100%;
border-top: solid 1px var(--border-color-invert);
font-size: var(--font-size-xs-plus);
}
.card--more-information-wrapper {
max-height: calc(var(--space-md) + 2px );
}
.card--more-information {
width: var(--size-40);
height: var(--size-40);
display: flex;
justify-content: center;
align-items: center;
border-radius: var(--radius-full); 
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)) padding-box,
linear-gradient(135deg, #ffffff30, #ffffff05) border-box;
border: 1px solid transparent;
background-clip: padding-box, border-box;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 0 2rem rgba(255, 255, 255, 0.08);
color: white;
transition: transform 0.3s ease;
will-change: transform;
cursor: pointer;
}
.arrowIcon {
transform: rotate(-45deg);
} @media only screen and (min-width: 1601px) {
.card--container {
min-height: calc(var(--size-160) * 4.5 );
}
}
@media only screen and (max-width: 1120px) {}
@media only screen and (max-width: 992px) {}
@media only screen and (max-width: 768px) {
.card--container {
min-width: 100%;
}
.card--hidden-content {
padding-block: var(--space-5xl);
}
.service-benefits {
font-size: var(--font-size-xs);
}
}
@media only screen and (max-width: 480px) {
.card--hidden-content {
gap: var(--space-base-plus);
}
.card--title {
font-size: var(--font-size-lg);
}
.card--label {
border-radius: var(--radius-full);
padding-inline: var(--space-xs);
padding-top: var(--space-2xs);
padding-bottom: calc(var(--space-2xs) + 2px );
background-color: var(--pal-theme-vs);
font-size: var(--font-size-xs);
}
.card--link {
font-size: var(--font-size-base);
}
}
.slider--scroll-wrapper {
width: 100%;
position: relative;
}
.slider--container {
display: flex;
flex-direction: row;
width: 100%;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
gap: calc(var(--grid-gap) / 2 );
} 
.slider--slide {
width: auto;
flex-shrink: 0;
scroll-snap-align: start;
}
.slider--controls-container {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
gap: var(--space-xs);
margin-top: var(--space-xl);
}
.slider--pagination {
display: flex;
flex-direction: row;
gap: var(--space-xs);;
justify-content: center;
align-items: center;
height: 100%;
margin-right: var(--space-sm);
}
.slider--dot {
height: var(--space-2xs);
width: var(--space-md);
background-color: var(--color-fg);
opacity: 0.4;
border-radius: 0;
transition: opacity 0.3s ease;
cursor: pointer;
}
.slider--dot.active {
opacity: 1;
} .slider-wrapper--image-text { 
width: 100%;
position: relative; 
}
.slide--image-text { 
width: 100%;
display: grid; 
grid-template-columns: 1fr 1fr;
gap: var(--grid-gap);
align-items: center; 
}
.slide--text { 
display: flex;
justify-content: end;
align-items: flex-start;
gap: var(--space-lg);
position: relative; 
height: 100%;
}
.slide--text > .slider--controls-container {
margin-top: var(--space-0);
justify-content: left;
}
.slide--text > .slider--controls-container > .slider--pagination > .slider--dot {
background-color: var(--pal-theme-vs);
}
.slide--text > .slider--controls-container > .slider--pagination {
margin-left: var(--space-sm);
}
.slide--image { 
position: relative; 
display: flex;
flex-direction: row;
overflow:hidden;
width: 100%;
min-height: calc(var(--size-320) * 1.75 );
height: 100%;
}
.slide--image > .slide--card,
.slide--image > .slide--card > .card--container {
min-width: 100%;
width: 100%;
} .slider--controls-cta {
border: solid 1px var(--color-fg);
border-radius: var(--radius-full);
height: var(--size-40);
width: var(--size-40);
background-color: var(--color-fg);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: ease 0.3s;
} 
.slide--text > .slider--controls-container > .slider--controls-cta.disabled--control { background-color: transparent;
}
.disabled--control {
background-color: transparent;
pointer-events: none;
}
.slider--controls-cta-icon svg {
fill: var(--color-bg);
}
.slider--controls-cta.disabled--control .slider--controls-cta-icon svg {
fill: var(--color-fg);
} @media only screen and (min-width: 1601px) {
.slide--image {
min-height: calc(var(--size-160) * 4.5);
}
}
@media only screen and (max-width: 1120px) {}
@media only screen and (max-width: 992px) {}
@media only screen and (max-width: 768px) {
.slide--image-text { 
grid-template-columns: 1fr;
}
.slider--slide {
min-width: 88%;
}
}
@media only screen and (max-width: 480px) {
.slider--slide {
min-width: 100%;
}
}.quote--container {
width: 100%;
display: flex;
flex-direction: column;
gap: var(--space-xs);
}
.quote {
line-height: var(--line-height-sm);
margin: 0;
font-size: var(--font-size-xl);
}
.quote--product {
font-size: var(--font-size-xs-plus);
}
@media only screen and (max-width: 768px) {
.quote {
font-size: var(--font-size-lg);
}
.quote--container {
gap: var(--space-base);
margin-bottom: var(--space-base);
}
}
@media only screen and (max-width: 480px) {
.quote--product {
font-size: var(--font-size-xs); 
}
}#empowerToggle,
#empowerToggle * {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.quote--empower-me {
text-align: center;
font-family: var(--font-family-display);
font-size: clamp(1.5rem, 3vw, 3rem);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-xs);
letter-spacing: var(--letter-spacing-tight);
}
.quote--empower-me span {
display: block;
text-align: center;
}
.quoted--pop-up {
font-size: var(--font-size-base);
font-family: var(--font-family-body);
font-weight: var(--font-weight-regular);
line-height: var(--line-height-base);
letter-spacing: var(--letter-spacing-reset);
margin-top: var(--space-lg);
display: block;
text-transform: none;
} .quote-popup {
--quoteRippleColor: var(--color-fg, currentColor);
--rippleScale: 0.2;
--rippleOpacity: 0;
--rippleScale2: 0.2;
--rippleOpacity2: 0;
position: fixed;
top: 50%;
left: 50%;
z-index: 99;
width: 100%;
height: 100%;
max-height: calc(var(--size-320) * 1.75);
max-width: calc(var(--size-320) * 1.75);
display: flex;
justify-content: center;
align-items: center;
align-content: center;
padding: var(--space-6xl);
text-align: center;
opacity: 0;
pointer-events: none;
border-radius: var(--radius-full);
clip-path: border-box;
transform: translate(-50%, -50%);
will-change: transform, opacity, filter;
}
.quote-popup-bg {
position: fixed;
top: 50%;
left: 50%;
z-index: 98;
width: 100%;
height: 100%;
max-height: calc(var(--size-320) * 1.75);
max-width: calc(var(--size-320) * 1.75);
opacity: 0;
pointer-events: none;
background-color: rgba(255, 243, 220, 0.01);
backdrop-filter: blur(24px);
-webkit-backdrop-filter: blur(24px);
border-radius: var(--radius-full);
transform: translate(-50%, -50%);
mix-blend-mode: difference;
-webkit-mix-blend-mode: difference;
will-change: transform, opacity, filter;
} .quote-popup::before,
.quote-popup::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 34vmin;
height: 34vmin;
border-radius: 50%;
transform: translate(-50%, -50%) scale(0.2);
pointer-events: none;
will-change: transform, opacity;
background: transparent;
border: 16px solid color-mix(in oklch, var(--quoteRippleColor) 24%, transparent);
box-shadow:
0 0 56px color-mix(in oklch, var(--quoteRippleColor) 40%, transparent),
0 0 96px color-mix(in oklch, var(--quoteRippleColor) 12%, transparent),
inset 0 0 56px color-mix(in oklch, var(--quoteRippleColor) 12%, transparent);
filter: blur(8px);
mix-blend-mode: normal;
-webkit-mix-blend-mode: normal;
}
.quote-popup::before {
transform: translate(-50%, -50%) scale(var(--rippleScale));
opacity: var(--rippleOpacity);
}
.quote-popup::after {
width: 26vmin;
height: 26vmin;
border-color: color-mix(in oklch, var(--quoteRippleColor) 14%, transparent);
box-shadow:
0 0 72px color-mix(in oklch, var(--quoteRippleColor) 12%, transparent),
0 0 120px color-mix(in oklch, var(--quoteRippleColor) 8%, transparent),
inset 0 0 64px color-mix(in oklch, var(--quoteRippleColor) 8%, transparent);
transform: translate(-50%, -50%) scale(var(--rippleScale2));
opacity: var(--rippleOpacity2);
}
.quote-popup.show {
opacity: 1;
pointer-events: auto;
}
@media only screen and (max-width: 768px) {
.quote-popup {
padding: var(--space-2xl) var(--space-4xl);
}
.quote-popup-bg,
.quote-popup::before,
.quote-popup::after {
mix-blend-mode: normal;
-webkit-mix-blend-mode: normal;
}
}
@media only screen and (max-width: 480px) {
.quote-popup {
padding: var(--space-xl) var(--space-2xl);
}
.quote-popup,
.quote-popup-bg {
max-height: calc(var(--size-320) * 1.1);
max-width: calc(var(--size-320) * 1.1);
}
.quote-popup,
.quote-popup-bg,
.quote-popup::before,
.quote-popup::after {
border-radius: var(--radius-full);
}
}.book-your-seat {
width: 100%;
min-width: 100%;
height: 100%;
min-height: 110vh;
} .calendar-wrapper {
background-color: #fff;
border-radius: var(--size-0);
padding: var(--space-2xl);
border: solid 1px var(--color-fg);
}
@media only screen and (max-width: 480px) {
.calendar-wrapper {
padding: var(--space-xs);
}
}  :root { --pal-brand-light: #FDFAED;
--pal-brand-dark:  #080824;
--pal-brand-dark-shade:  #080816;
--pal-brand-accent: #ABDDF4;
--pal-brand-light-honey: #FFF3DC;
--pal-brand-honey: #FFE8BD; --pal-theme-tz: #121290;
--pal-theme-vs: #311092;
--pal-theme-na: #FF9700;
--pal-theme-op: #000000; --pal-theme-br: #000000; --pal-theme-ar: #F45831; } :root {
--color-bg: var(--_bg);
--color-bg-invert: var(--_bg-invert);
--color-fg: var(--_fg);
--color-fg-invert: var(--_fg-invert);
--color-accent: var(--_accent);
--border-color: var(--_border);
--border-color-invert: var(--_border-invert);
--border-color-subtle: var(--_border-subtle);
} :root {
--size-0: 0rem; --size-4: 0.25rem; --size-8: 0.5rem; --size-12: 0.75rem; --size-14: 0.875rem; --size-16: 1rem; --size-18: 1.125rem; --size-20: 1.25rem; --size-24: 1.5rem; --size-32: 2rem; --size-40: 2.5rem; --size-48: 3rem; --size-56: 3.5rem; --size-64: 4rem; --size-80: 5rem; --size-88: 5.5rem; --size-128: 8rem; --size-160: 10rem; --size-224: 14rem; --size-320: 20rem; } :root {
--space-0:          var(--size-0); --space-2xs:        var(--size-4); --space-xs:         var(--size-8); --space-sm:         var(--size-12); --space-base:       var(--size-16); --space-base-plus:  var(--size-18); --space-md:         var(--size-20); --space-lg:         var(--size-24); --space-xl:         var(--size-32); --space-2xl:        var(--size-40); --space-3xl:        var(--size-48); --space-3xl-plus:   var(--size-56); --space-4xl:        var(--size-64); --space-5xl:        var(--size-80); --space-6xl:        var(--size-88); --space-7xl:        var(--size-128); --space-8xl:        var(--size-160); --space-9xl:        var(--size-224); --space-10xl:       var(--size-320); }
:root {
--radius-full: var(--size-320);
} :root {
--grid-gap: var(--space-3xl);  
--grid-margin: var(--space-2xl);
} @media only screen and (max-width: 768px) {
:root {
--grid-gap: var(--space-2xl);
--grid-margin: var(--space-xl);
}
} 
@media only screen and (max-width: 480px) {
:root {
--grid-gap: var(--space-xl);
--grid-margin: var(--space-xl);
}
} :root {
--font-size-xs:        var(--size-12); --font-size-xs-plus:   var(--size-14); --font-size-base:      var(--size-16); --font-size-base-plus: var(--size-18); --font-size-sm:        var(--size-20); --font-size-md:        var(--size-24); --font-size-lg:        var(--size-32); --font-size-xl:        var(--size-40); --font-size-2xl:       var(--size-48); --font-size-3xl:       var(--size-56); --font-size-4xl:       var(--size-64); --font-size-5xl:       var(--size-80); --font-size-6xl:       var(--size-88); --font-size-7xl:       var(--size-128); } :root {
--font-family-body:    'helvetica-neue-lt-pro', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
--font-family-display: 'corporate-a-std-urw-cond', serif;
--font-weight-light:   300;
--font-weight-regular: 400;
--font-weight-bold:    700;
--letter-spacing-tight: -0.02em;
--letter-spacing-reset:  0em;
--line-height-xs: 0.88;
--line-height-s: 1;
--line-height-sm: 1.12;
--line-height-base: 1.32;
}:root[data-scheme="b2c"],
:root[data-scheme="b2c"][data-theme="none"],
:root[data-scheme="b2c"][data-theme="light"]{
--_bg: var(--pal-brand-light-honey);
--_bg-invert: var(--pal-brand-dark);
--_fg: var(--pal-theme-vs);
--_fg-invert: var(--pal-brand-light-honey);
--_accent: var(--pal-brand-accent);
--_border: var(--pal-theme-vs);
--_border-invert: var(--pal-brand-light);
--_border-subtle: color-mix(in oklch, var(--pal-brand-light) 12%, transparent);
--disclaimer-bg: var(--pal-theme-vs);
--disclaimer-fg: var(--pal-brand-light-honey);
}
:root[data-scheme="b2c"][data-theme="vs"] {
--_bg: var(--pal-brand-light-honey);
--_bg-invert: var(--pal-theme-vs);
--_fg: var(--pal-theme-vs);
--_fg-invert: var(--pal-brand-light-honey);
--_accent: var(--pal-brand-accent);
--_border: var(--pal-theme-vs);
--_border-invert: var(--pal-brand-light);
--_border-subtle: color-mix(in oklch, var(--pal-brand-light) 12%, transparent);
}
:root[data-scheme="b2b"][data-theme="none"] {
--_bg: var(--pal-brand-dark);
--_bg-invert: var(--pal-brand-dark);
--_fg: var(--pal-brand-honey);
--_fg-invert: var(--pal-brand-honey);
--_accent: var(--pal-brand-accent);
--_border: var(--pal-brand-honey);
--_border-invert: var(--pal-brand-honey);
--_border-subtle: color-mix(in oklch, var(--pal-brand-honey) 12%, transparent);
--disclaimer-bg: var(--pal-theme-vs);
--disclaimer-fg: var(--pal-brand-honey);
}
:root[data-scheme="b2b"][data-theme="light"]{
--_bg: var(--pal-brand-light-honey);
--_bg-invert: var(--pal-brand-dark);
--_fg: var(--pal-theme-vs);
--_fg-invert: var(--pal-brand-light-honey);
--_accent: var(--pal-brand-accent);
--_border: var(--pal-theme-vs);
--_border-invert: var(--pal-brand-light);
--_border-subtle: color-mix(in oklch, var(--pal-brand-light) 12%, transparent);
--disclaimer-bg: var(--pal-theme-vs);
--disclaimer-fg: var(--pal-brand-light-honey);
}
:root[data-scheme="b2b"][data-theme="vs"] {
--_bg: var(--pal-brand-honey);
--_bg-invert: var(--pal-theme-vs);
--_fg: var(--pal-theme-vs);
--_fg-invert: var(--pal-brand-honey);
--_accent: var(--pal-brand-accent);
--_border: var(--pal-theme-vs);
--_border-invert: var(--pal-brand-light);
--_border-subtle: color-mix(in oklch, var(--pal-brand-light) 12%, transparent);
}
:root[data-scheme="b2c"] {
.section--pin-overlay {
position: relative;
z-index: 2;
background-color: var(--pal-brand-light-honey);
color: var(--pal-theme-vs);
}
.text-scroll-reveal {
color: var(--pal-theme-vs);
}
}
:root[data-scheme="b2b"] {
.section--pin-overlay {
position: relative;
z-index: 2;
background-color: var(--pal-brand-dark);
color: var(--pal-brand-honey);
}
.text-scroll-reveal {
color: var(--pal-brand-honey);
}
} .text-scroll-reveal {
font-family: var(--font-family-display);
line-height: var(--line-height-sm);
font-size: var(--font-size-2xl);
font-weight: var(--font-weight-light);
letter-spacing: var(--letter-spacing-tight);
will-change: transform, opacity; 
transform: translateZ(0);
color: var(--pal-theme-vs);
z-index: 1;
}
.text-scroll-reveal span { display:inline-block; }
.text-scroll-reveal--large {
font-size: var(--font-size-5xl);
line-height: var(--line-height-s);
} .reveal-image-wrapper {
position: relative;
width: 100%;
overflow: visible;
margin: var(--space-3xl) auto;
max-width: 100%;
z-index: 0;
}
.reveal-image {
display: block;
width: 100%;
height: auto;
object-fit: cover;
max-height: calc(var(--size-320) * 2);
border-radius: var(--radius-lg);
will-change: transform;
transform-origin: center center;
position: relative;
z-index: 0;
}
@media (max-width: 768px){
.text-scroll-reveal { 
font-size: var(--font-size-lg); 
} 
}      :root { --cursor-size-inactive: var(--size-80);
--cursor-size-active:   calc(var(--cursor-size-inactive) * 6); --cursor-blur-inactive: 2px;
--cursor-blur-active:   20px; --lag-base-inactive: 0.005s;
--lag-base-active:   0.015s; --cursor-z: 10000;
--cursor-blend: exclusion;
--cursor-sat: 1.08;
--cursor-bright: 1.2; --c1: #000B56;
--c2: #FDFAED;
--c3: #FFF4A9;
--c4: #000B56;
}  :root[data-scheme="b2b"] { --cursor-blend: exclusion;
--cursor-sat: 1;
--cursor-bright: 1; --c1: #FF9700; 
--c2: #FF9700; 
--c3: #ffe8bd; 
--c4: radial-gradient(#fff 0%, #fff 40%, #ffe8bd 100%);
}
:root[data-scheme="b2b"][data-theme="vs"],
:root[data-scheme="b2b"][data-theme="light"]{ --cursor-blend: exclusion;
--cursor-sat: 1;
--cursor-bright: 1; --c1: #0033aa;
--c2: #000; 
--c3: #0033aa;
--c4: #000; 
} :root[data-scheme="b2c"] { --cursor-blend: exclusion;
--cursor-sat: 1;
--cursor-bright: 1; --c1: #3d2a10;
--c2: #000000; 
--c3: #3d2a10;
--c4: #000000;
} .fx-cursor {
position: fixed;
inset: 0;
pointer-events: none;
z-index: var(--cursor-z);
mix-blend-mode: var(--cursor-blend);
filter: saturate(var(--cursor-sat)) brightness(var(--cursor-bright));
transition: .4s ease;
} :root {
--dot-size: 12px;
--dot-stroke: 1px;
--dot-fill-alpha: 0.0;
--dot-hover-scale: 1.25; }
.fx-cursor__dot {
position: absolute;
left: 0; top: 0;
pointer-events: none;
transform: translate(var(--fx-x, 0px), var(--fx-y, 0px)) translate(-50%, -50%);
z-index: 10002; }
.fx-cursor__dot-shape {
width: calc(var(--dot-size) / 3 );
height: calc(var(--dot-size) / 3 );
box-sizing: border-box;
border: calc(var(--dot-stroke) * 3) solid #FDFAED;
border-radius: 9999px;
background: rgba(255,255,255,var(--dot-fill-alpha));
transform: scale(1); transition: transform .4s ease;
} .fx-cursor.is-hover .fx-cursor__dot-shape {
transform: scale(var(--dot-hover-scale));
width: var(--dot-size);
height: var(--dot-size);
border: var(--dot-stroke) solid #FDFAED;
} .allow-native-cursor .fx-cursor { display: none; } .fx-cursor__c {
position: absolute;
left: 0; top: 0;
border-radius: 50%;
pointer-events: none; transform: translate(var(--fx-x, 0px), var(--fx-y, 0px)) translate(-50%, -50%); width:  calc(var(--c-size, var(--cursor-size-inactive)) * var(--c-factor, 1));
height: calc(var(--c-size, var(--cursor-size-inactive)) * var(--c-factor, 1));
filter: blur(calc(var(--c-blur, var(--cursor-blur-inactive)) * var(--c-blur-factor, 1))); transition:
width  .3s ease-out,
height .3s ease-out,
filter .3s ease-out; } .fx-cursor__c.c1 {
background: var(--c1);
--lag: calc(var(--lag-base, var(--lag-base-inactive)) * 3);
--c-factor: 1;
--c-blur-factor: 3;
}
.fx-cursor__c.c2 {
background: var(--c2);
--lag: calc(var(--lag-base, var(--lag-base-inactive)) * 2);
--c-factor: 0.94;
--c-blur-factor: 2;
}
.fx-cursor__c.c3 {
background: var(--c3);
--lag: calc(var(--lag-base, var(--lag-base-inactive)) * 1);
--c-factor: 0.88;
--c-blur-factor: 1;
}
.fx-cursor__c.c4 {
background: var(--c4);
--lag: calc(var(--lag-base, var(--lag-base-inactive)) * 0.5);
--c-factor: 0.88;
--c-blur-factor: 0.12;
} .fx-cursor.is-active .fx-cursor__c {
--c-size: var(--cursor-size-active);
--c-blur: var(--cursor-blur-active);
--lag-base: var(--lag-base-active);
} @media (prefers-reduced-motion: reduce) {
.fx-cursor__c { transition: none !important; }
} html.is-locked, body.is-locked { overflow: hidden !important; height: 100%; }
#intro {
width: 100%;
height: 100%;
background-color: var(--color-bg);
color: var(--color-fg);
position: fixed;
justify-content: center;
align-items: center;
z-index: 99999;
display: flex;
padding: var(--space-6);
margin: 0 auto;
inset: 0;
box-sizing: border-box;
overflow: hidden;
}
.intro__inner {
width: 100%;
max-width: calc(var(--size-320) * 1.24 );
}
#intro-heading {
display: flex;
flex-direction: column;
font-size: var(--font-size-xl);
font-weight: var(--font-weight-light);
opacity: 0;
}
.intro__line { 
overflow: hidden; 
width: 100%; 
display: block; 
padding-block: 0.4rem;
}
.intro__line.intro__line--1 { text-align: left; }
.intro__line.intro__line--2 { text-align: right; }
.intro__word { display: inline; } 
.intro__char {
display: inline-block;
will-change: transform, opacity, filter;
transform: scale(0); 
filter: blur(24px);
opacity: 0;
transform-origin: 50% 100%;
} @media (prefers-reduced-motion: reduce) {
.intro__char { 
transform: none !important; 
filter: none !important; 
opacity: 1 !important; 
}
}
@media only screen and (max-width: 768px) {
.intro__inner {
width: 100%;
max-width: var(--size-320);
}
#intro-heading {
font-size: var(--font-size-lg);
}
.intro__line { 
padding-block: 0.2rem;
}
}
:root {
--gateway-blend: normal;
}
#gateway {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
background-color: var(--color-bg-invert);
inset: 0;
opacity: 0;
position: fixed; 
z-index: 9998;    
justify-content: center;
align-items: center;
pointer-events: none; 
}
#gateway[aria-hidden="false"] { pointer-events: auto; }
.gateway__entry {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding: var(--space-4xl);
justify-content: center;
align-items: center;
gap: var(--space-md);
}
div.gateway__wrap {
display: flex;
flex-direction: column-reverse;
align-items: center;
justify-items: center;
}
div.gateway__wrap--links {
display: flex;
flex-direction: row;
align-items: center;
justify-items: center;
gap: var(--space-sm);
}
.gateway__heading {
font-size: var(--font-size-5xl);
margin: 0;
font-weight: var(--font-weight-bold);
color: var(--pal-brand-honey);
mix-blend-mode: var(--gateway-blend);
--webkit-mix-blend-mode: var(--gateway-blend);
text-transform: uppercase;
text-align: center;
}
.gateway__subtitle {
font-size: var(--font-size-base);
color: var(--pal-brand-honey);
mix-blend-mode: var(--gateway-blend);
--webkit-mix-blend-mode: var(--gateway-blend);
}
.gateway__link {
font-family: var(--font-family-display);
font-weight: var(--font-weight-bold);
font-size: var(--font-size-base-plus);
color: var(--pal-brand-honey);
mix-blend-mode: var(--gateway-blend);
--webkit-mix-blend-mode: var(--gateway-blend);
}
.nav-link-custom.gateway__link:hover > svg.nav-arrow {
transform: rotate(0deg); 
transition: ease 0.4s;
}
.gateway__link:hover > .nav-link-custom.gateway__link .hover-underline-animation::after {
transform: scaleX(1);
transform-origin: bottom left;
}
.gateway__btn {
font-family: var(--font-family-display);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-xs);
font-size: var(--font-size-md);
padding: var(--size-8) var(--size-32);
border: solid 1px var(--pal-brand-light-honey);
border-radius: var(--radius-full);
letter-spacing: var(--letter-spacing-tight);
background-color:  transparent;
color: var(--pal-brand-light-honey);
cursor: pointer;
margin-bottom: var(--space-xs);
z-index: 2;
transition: ease-in-out 0.24s;
}
.gateway__btn:hover {
background-color: var(--pal-brand-light-honey);
color: var(--pal-theme-vs);
}    .gateway__media{
position: absolute; inset: 0;
z-index: 0; 
pointer-events: none; 
} .gateway__video, .gateway__fallback{
position: absolute; 
inset: 0;
width: 100%; 
height: 100%;
object-fit: cover; 
object-position: center;
} .gateway__video { z-index: 2; }
.gateway__fallback { z-index: 1; } .gateway__fallback{ display: none; }
.gateway__b2c,
.gateway__b2b {
opacity: 0.72;
transition: ease 0.4s;
}
.gateway__b2c:hover,
.gateway__b2b:hover {
opacity: 1;
} .gateway__heading, .gateway__subtitle, .gateway__link{ position: relative; z-index: 1; }
@media only screen and (max-width: 1024px) {
#gateway {
flex-direction: column;
}
}
@media only screen and (max-width: 768px) {
.gateway__entry {
padding-block: var(--space-xl);
padding-inline: var(--space-3xl);
}
.gateway__heading  {
font-size: var(--font-size-4xl);
}
}
@media only screen and (max-width: 480px) {
#gateway {
flex-direction: column;
}
.gateway__entry {
padding-block: var(--space-xl);
padding-inline: var(--space-xl);
}
.gateway__heading  {
font-size: var(--font-size-xl);
}
}
#scrolly-stage {
position: absolute;
inset: 0;          
} .svg--scrolly-telling {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0); transform-origin: 50% 50%;
opacity: 0;
will-change: transform, opacity;
z-index: 1;
}
.svg--scrolly-telling svg {
display: block;
width: calc(var(--size-320) * 2);
height: auto;
}
.text--scrolly-telling {
position: absolute;
bottom: 0;
left: 50%;
transform: scale(0);
opacity: 0;
z-index: 2;
}
.lazy-video {
opacity: 0;
transition: opacity 0.2s ease-out;
}
.lazy-video.is-video-ready {
opacity: 1;
}
.video--container {
width: 100%;
}
.custom--video {
width: 100%;
height: 100%;
max-height: 400px;
object-fit: cover;
}
.custom--video-charity {
width: 100%;
height: 100%;
min-height: 560px;
object-fit: cover;
}
.custom--video-cad {
width: 100%;
height: 100%;
min-height: 560px;
max-height: 640px;
object-fit: cover;
object-position: 50% 24%;
}
.custom--video-cad-fbys {
object-position: 50% 16%;
}
.custom--video-fbys {
width: 100vw;
height: 80vh;
object-fit: cover;
transform-origin: center center;
will-change: transform;
cursor: none;  
pointer-events: none;
}
.custom--video-small {
width: 100%;
height: 100%;
max-height: 160px;
object-fit: cover;
}
.custom--video-small-shift {
width: 100%;
height: 100%;
max-height: 200px;
object-fit: cover;
object-position: 50% 48%;
}
.custom--video,
.custom--video-small {
pointer-events: none !important;
user-select: none !important;
-webkit-user-select: none !important;
touch-action: none !important;
background: transparent !important;
}
.about--introduction-founder,
.product--video {
position: absolute;
width: 100%;    
height: 100%;   
object-fit: cover;
transform-origin: center;
pointer-events: none;
z-index: 0;
}
video::-webkit-media-controls {
display:none !important;
}
video::-webkit-media-controls-enclosure {
display:none !important;
}
@media only screen and (max-width: 768px) {
.custom--video-fbys {
height: 40vh;
}
}
@media only screen and (max-width: 480px) {
.custom--video.custom--video-cad-fbys {
height: var(--size-224);
}
}
.divider {
background-color: var(--color-fg);
color: var(--color-fg);
height: 1px;
width: 100%;
}.section--disclaimer {
background-color: var(--pal-brand-dark);
color: var(--pal-brand-honey);
}
.section--disclaimer .text-link-wrapper {
color: var(--pal-brand-honey);
border-top: 1px solid var(--pal-brand-honey);
}
.section--disclaimer .text-link-wrapper svg {
fill: var(--pal-brand-honey);
}
.section--disclaimer .text-link-group:hover .text-link-wrapper {
color: var(--pal-brand-dark);
border-color: transparent;
}
.section--disclaimer .text-link-group:hover .text-link-wrapper::after {
background-color: var(--pal-brand-honey);
}
.section--disclaimer .text-link-group:hover svg {
fill: var(--pal-brand-dark);
}
.flex-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
flex-direction: row;
gap: var(--space-xs);
}
.pill {
font-family: var(--font-family-display);
font-weight: var(--font-weight-bold);
line-height: var(--line-height-s);
padding: var(--size-4) var(--size-16);
border: solid 1px var(--border-color);
border-radius: var(--radius-full);
letter-spacing: var(--letter-spacing-tight);
}.scr-char {
display: inline-block;
white-space: pre;
} #soundToggle,
#soundToggle * {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
} #soundToggle .icon--sound-off {
display: none;
}
#soundToggle.is-playing .icon--sound-off {
display: none;
}
#soundToggle[data-adaptive-ui] {
transition: none;
} .sound-state {
display: inline-block;
transition: color 0.2s ease;
} #soundToggle .sound-visualizer {
position: absolute;
inset: 0;
width: 80%;
height: 50%;
pointer-events: none;
opacity: 1;
top: 64px;
} #soundToggle .sound-inner {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 480px) {
#soundToggle .icon--sound-on {
display: inline;
}
#soundToggle .icon--sound-off {
display: none;
}
#soundToggle.is-playing .icon--sound-on {
display: none;
}
#soundToggle.is-playing .icon--sound-off {
display: inline;
}
.floating-text__label,
.sound-visualizer {
display: none;
}
}:root {
--ui-dark-color: var(--pal-theme-vs);
--ui-light-color: var(--pal-brand-honey);
}
[data-adaptive-ui] {
transition: linear;
}
[data-adaptive-ui].is-ui-dark {
color: var(--ui-dark-color);
mix-blend-mode: normal;
-webkit-mix-blend-mode: normal;
}
[data-adaptive-ui].is-ui-light {
color: var(--ui-light-color);
mix-blend-mode: normal;
-webkit-mix-blend-mode: normal;
}
[data-adaptive-ui].is-ui-blend {
color: var(--ui-light-color);
mix-blend-mode: overlay;
-webkit-mix-blend-mode: overlay;
}
.product--desc {
gap: var(--space-xs);
margin-top: var(--space-sm);
}
@media only screen and (max-width: 480px) {
.product--desc {
margin-top: 0;
font-size: var(--font-size-xs-plus);
}
}