/* http://themestate.com/demo/geopoint/ */
: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: calc(var(--body-sm-font-size) * 3);
  --pager-gap: var(--width-border-radius);
  --scrollbar-color: var(--color-lime);
  --scrollbar-background: var(--color-green);
  --transition-time: .5s;
  --transition-time-slow: 1.5s;
  --transition-time-fast: .2s;
  --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;
  --letter-effect-size: 3px;
  --effects-time: .3s;
  --effects-delay: .2s;
  --preheader-height: 25px;
  --header-height: 110px;
  --related-height: 280px;
  --border-width-effect: 1px;
  /* scroll */
  --scrollbar-background: var(--color-cream);
  --scrollbar-color: var(--color-bronze);
  --text-shadow: var(--letter-effect-size) var(--letter-effect-size) 0 var(--color-white-darker);
  --text-shadow-xl: 0 1px 4px rgba(var(--color-black-rgb), .1), 0 4px 16px rgba(var(--color-black-rgb), .2);

  --box-shadow-closest: 0 0 var(--letter-effect-size) rgba(var(--color-black-rgb), .05);
  --box-shadow: 0 0 var(--width-gap-lg) rgba(var(--color-black-rgb), .2);
  --box-shadow-white: 0 0 var(--width-gap-lg) rgba(var(--color-white-rgb), .2);
  --box-shadow-soft: 0 0 var(--width-gap-lg) rgba(var(--color-black-rgb), .1);
  --box-shadow-soft-hover: 0 var(--width-gap-sm) var(--width-gap) rgba(var(--color-black-rgb), .2);
  --box-shadow-lg: 0 0 var(--width-gap-lg) rgba(var(--color-black-rgb), .1);
  --box-shadow-lg-dark: 0 0 var(--width-gap-lg) rgba(var(--color-black-rgb), .3);
  --box-shadow-outline: 0 0 0 var(--letter-effect-size) rgba(var(--color-white-softer-rgb), .5);
  --box-shadow-letters: var(--letter-effect-size) var(--letter-effect-size) 0 var(--color-blue);
  --box-shadow-letters-hover: calc(var(--letter-effect-size) * 1.5) calc(var(--letter-effect-size) * 1.5) 0 rgba(var(--color-blue-rgb), .2);
  --contact-height: 300px;
  --placeholder-font: var(--body-font);
  --fields-gap: var(--width-gap);
  --input-padding: var(--width-gap-sm) !important;
  --input-outline: var(--width-border-width) solid var(--color-cream);
  --input-outline-offset: calc(0px - var(--width-border-width));
  --input-hover-outline: var(--width-border-width) solid var(--color-cream);
  --input-background: var(--color-white-softer);
  --input-border-radius: var(--width-border-radius);
  --input-color: var(--color-text);
  --input-hover-color: var(--color-text-darker);
  --checkbox-background: var(--color-white-darker);
  --checkbox-checked-background: var(--color-cream);
  --checkbox-checked-color: var(--color-bronze-dark);
}



@media only screen and (max-width: 1680px){
}
/* laptop */
@media only screen and (max-width: 1366px){
  :root{
    --header-height: 90px;
    --input-padding: 12px;
    --related-height: 260px;
  }
}
/* tablet */
@media only screen and (max-width: 1024px){
  :root{
    --related-height: 220px;
  }
}
@media only screen and (max-width: 768px){
  :root{

    --header-height: 80px;
    --fields-columns: 1;

  }
}
/* mobile */
@media only screen and (max-width: 568px){
  :root{
    --header-height: 64px;
  }
}



html{ background-color:var(--color-white);}
body {color: var(--color-black); }


html.lenis, html.lenis body {height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto !important;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-smooth iframe {pointer-events: none;}

/* NEW heading */

.holder-heading + *{margin-top: var(--width-gap);}
div[class^="heading"] .title {
  text-wrap: pretty;
}
div[class^="heading"][class*="-white"] .title {color: var(--color-white);}
div[class^="heading"][class*="-white"] .subtitle{color: var(--color-lime);}

div[class^="heading"][class*="-green"] .title {color: var(--color-green);}
div[class^="heading"][class*="-green"] .subtitle{color: var(--color-green);}

div[class^="heading"][class*="-lime"] .title {color: var(--color-lime);}
div[class^="heading"][class*="-lime"] .subtitle{color: var(--color-green);}

/* INFO article */

[class^="article"]{font: var(--article-font);}
[class^="article"][class*="-lg"]{font-size: calc(var(--article-font-size) + 2px);}
[class^="article"][class*="-sm"]{font-size: calc(var(--article-font-size) - 1px);}
.article strong, [class^="article-"] strong{font-weight: var(--article-font-strong);}
[class^="article"] a{color: var(--color-lime);font-weight: var(--article-font-strong);text-decoration: none;white-space: nowrap;text-decoration: underline;}
[class^="article"] a:is(:hover, :focus){text-decoration: none;}
[class^="article"] ul{display: flex;padding-left: var(--width-gap);flex-direction: column;gap: var(--width-gap-xs);}
[class^="article"] ul + * , [class^="article"] * + ul {margin-top: var(--width-gap);}
[class^="article"] ul > li{position: relative;padding-left: var(--width-gap-xs);}
[class^="article"] :is(h1, h2, h3, h4, h5){font: var(--h-font);color: var(--color-lime);}
[class^="article"] :is(h1, h2, h3, h4, h5) + *, [class^="article"] * + :is(h1, h2, h3, h4, h5){margin-top: var(--width-gap-lg) !important;}
[class^="article"] h1{font-size: calc(var(--h-font-size) + 16px);}
[class^="article"] h2{font-size: calc(var(--h-font-size) + 8px);}
[class^="article"] h3{font-size: calc(var(--h-font-size) + 4px);}
[class^="article"] h5{font-size: calc(var(--h-font-size) - 4px );}
[class^="article"] img.size-full{padding: var(--width-gap-xs);background-color: var(--color-white);box-shadow: var(--box-shadow-soft);outline: 1px solid var(--color-white-dark);border-radius: var(--width-border-radius);}

/* NEW btn */

:is([class^="btn"], [class^="button"], button).current {pointer-events: none;}
[class^="btn"], [class^="button"]{vertical-align: baseline;font: var(--btn-font);line-height: 1;letter-spacing: var(--btn-letter-spacing);text-transform: var(--btn-text-transform);background-color: var(--color-lime);color: var(--color-white);}
[class^="btn"]:is(:hover, :focus), [class^="button"]:is(:hover, :focus){background-color: var(--color-green);color: var(--color-white);}

:is([class^="btn"], [class^="button"], button):is([class*='--white']){
  background-color: var(--color-white);
  color: var(--color-lime);
}

:is([class^="btn"], [class^="button"], button):is([class*='--white']):is(:hover, :focus){
  color: var(--color-green);
}


/* NEW  common/header */

#header{left: 0;width: 100%;position: fixed;top: 0;z-index: 100;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);height: var(--header-height);--effects-delay: .5s;}
#header > [class^="package"]{padding-right: 0;padding-left: var(--width-gap-sm);}
body.scrollingDown #header, body.scrollingDown #header-shadow{transform: translateY(calc(0px - var(--header-height) * 1.25));transition-delay: .3s;}
#header-shadow{pointer-events: none;background-color: var(--color-black);mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, transparent 100%);display: block;left: 0;right: 0;height: calc(var(--header-height) * 1.25);z-index: 99;position: fixed;top: 0;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);pointer-events: none;opacity: 0;}
body.scrollingUp.scrolling #header-shadow{opacity: 1;}
#header a{color: var(--color-white);text-decoration: none;}
#header .content {display: flex;height: var(--header-height);align-items: center;gap: 0;justify-content: flex-start;}
#header .content > .logo{z-index: 2;position: relative;flex-shrink: 0;}
#header .content > .logo img{height: calc(var(--header-height) * .5);width: auto;-webkit-transition: var(--transition-slow);transition: var(--transition-slow);}
body.scrolling #header .content > .logo img{transition-delay: var(--effects-delay);filter: brightness(4);}
#header .content > .language-switcher > a{font: var(--btn-font);text-transform: var(--btn-text-transform);letter-spacing: var(--btn-letter-spacing);line-height: var(--header-height);display: flex;align-items: center;gap: var(--width-gap-xs);padding: 0 var(--btn-padding);text-decoration: none;color: var(--color-white);white-space: nowrap;}
#header .content > .language-switcher > a > [class^="material"]{line-height: 0;display: inline-flex;}
#header .content > .language-switcher > a:is(:hover, :focus){background-color: rgba(var(--color-lime-rgb), .5);}
#header .content > .mobile-menu > a {display: flex;height: var(--header-height);width: var(--header-height);align-items: center;justify-content: center;}
#header .content > .mobile-menu > a:is(:hover, :focus){color: var(--color-white-softer);background-color: rgba(var(--color-bronze-rgb), .5);}
#header .content > .mobile-menu > a > span{display: flex;position: relative;aspect-ratio: 1;height: 36px;pointer-events: none;}
#header .content > .mobile-menu > a > span::before, #header .content > .mobile-menu > a > span::after{content: "";width: 100%;position: absolute;height: 1px;top: 50%;background-color: var(--color-white);transition: var(--transition-fast);transform-origin: center center;}
#header .content > .mobile-menu > a > span::before{transform: translateY(-3px);}
#header .content > .mobile-menu > a:is(:hover, :focus) > span::before{transform: translateY(-5px);}
#header .content > .mobile-menu > a > span::after{transform: translateY(3px);}
#header .content > .mobile-menu > a:is(:hover, :focus) > span::after{transform: translateY(5px);}
body[mobile-menu] #header .content > .mobile-menu > a{background-color: var(--color-black);}
body[mobile-menu] #header .content > .mobile-menu > a > span::before{transform: rotate(45deg);}
body[mobile-menu] #header .content > .mobile-menu > a > span::after{transform: rotate(-45deg);}
@media only screen and (max-width: 1024px){
  #header .content > .language-switcher > a > [class^="material"]{display: none;}
}

/* NEW #language-switcher */

#language-switcher{position: fixed;inset: 0;z-index: 120;display: flex;align-items: center;justify-content: center;color: var(--color-lime);text-align: center;pointer-events: none;opacity: 0;-webkit-transition: var(--transition);transition: var(--transition);background-color: rgba(var(--color-black-rgb), .5);backdrop-filter: blur(20px);clip-path: circle(0.0% at 100% 0);visibility: hidden;}
body.language-switcher-opened{overflow-y: hidden;}
body.language-switcher-opened #language-switcher{opacity: 1;pointer-events: all;clip-path: circle(200% at 100% 0);visibility: visible;}
#language-switcher > .content{display: flex;flex-direction: column;gap: var(--width-gap);padding: var(--width-gap-lg);background-color: rgba(var(--color-green-rgb), .75);border: 1px solid var(--color-lime);}
#language-switcher > .content > nav{display: flex;gap: var(--width-gap-sm);justify-content: center;}
#language-switcher > .content > nav > .current{opacity: .25;}
@media only screen and (max-width: 768px){
  #language-switcher > .content > nav{flex-direction: column;}
  #language-switcher > .content > nav > a {justify-content: center;}
}

/* NEW common/header/menu */

#menu{display: flex;font: var(--btn-font);text-transform: var(--btn-text-transform);letter-spacing: var(--btn-letter-spacing);}
#menu .menu-item > a {display: inline-flex;padding: 0 var(--btn-padding);text-decoration: none;color: var(--color-white);white-space: nowrap;display: block;position: relative;letter-spacing: var(--btn-letter-spacing);}
#menu .menu-item > a:is(:hover, :focus){color: var(--color-white);background-color: rgba(var(--color-lime-rgb), .5);}
#menu .menu-item.current > a{color: var(--color-bronze);font-weight: var(--btn-font-strong);}
#menu > .menu-item > a {height: calc(var(--header-height) - 1px);display: inline-flex;align-items: center;}
#menu > .menu-item > .submenu{opacity: 0;overflow: hidden;top: calc(100% - var(--width-gap-xs));background-color: rgba(var(--color-black-rgb), .5);outline: 1px solid rgba(var(--color-white-rgb), .25);outline-offset: -1px;backdrop-filter: blur(8px);left: var(--width-gap-sm);transform: translateY(var(--width-gap-xs)) scale(0);-webkit-transform-origin: left top;transform-origin: left top;min-width:100%;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);clip-path: circle(0.0% at 100% 0);overflow: hidden;}
#menu > .menu-item:hover > .submenu, #menu > .menu-item > a:hover + .submenu{clip-path: circle(200% at 100% 0);opacity: 1;-webkit-transition-delay: .1s;transition-delay: .1s;-webkit-transform: translateY(0);transform: translateY(0);}
#menu > .menu-item > .submenu > .menu-item > a{padding: var(--width-gap-sm); color: var(--color-white);}
#menu > .menu-item > .submenu > .menu-item + .menu-item{border-top: 1px solid rgba(var(--color-white-rgb), .25);}
#menu > .menu-item > .submenu > .menu-item.current > a, #menu > .menu-item > .submenu > .menu-item > a:is(:hover, :focus){background-color: rgba(var(--color-bronze-rgb), .5);color: var(--color-white-softer);}

/* NEW footer */

#footer{background-color: var(--color-text);position: relative;z-index: 3;background: var(--color-white);}
#footer a{text-decoration: none;color: var(--color-lime);}
#footer a:is(:hover, :focus){color: var(--color-green);}
#footer > [class^="package"] {padding: var(--width-sections-gap);display: flex;flex-direction: column;gap: var(--width-sections-gap);min-height: 50vh;}
#footer > [class^="package"] > .content {flex-grow: 1;display: flex;flex-direction: column;align-items: center;gap: var(--width-gap);justify-content: center;}
#footer > [class^="package"] > .content > .intro{text-align: center;width: min(100%, 800px);}
#footer > [class^="package"] > .copyright{width: 100%;display: flex;justify-content: space-between;gap: var(--width-gap-lg);font: var(--usps-font);letter-spacing: var(--usps-letter-spacing);text-transform: var(--usps-text-transform);}
#footer > [class^="package"] > .holder-logo{display: flex;align-items: center;justify-content: center;}
#footer > [class^="package"] > .holder-logo > .logo > picture > img,
#footer > [class^="package"] > .content > .logo > picture > img{width: 300px;height: auto;display: block;}
#footer > [class^="package"] > .copyright > nav{display: flex;gap: var(--width-gap-sm);}
@media only screen and (max-width: 768px){
  #footer > [class^="package"] > .copyright{text-align: center;flex-direction: column-reverse;align-items: center;}
  #footer > [class^="package"] > .copyright > nav{flex-direction: column;align-items: center;}
}

/* NEW common/contact-methods */

#contact-methods {position: fixed; right: var(--width-gap-xs);bottom: var(--width-gap-xs);display: flex;flex-direction: column;z-index: 110;border-radius: var(--width-border-radius);overflow: hidden;opacity: 0;transform: translateY(100%) scale(0);transform-origin: bottom right;transition: var(--transition-fast);backdrop-filter: blur(16px);background: rgba(var(--color-white-rgb),.75);box-shadow: var(--box-shadow-soft);}
body.scrolling #contact-methods{transform: translateY(0);opacity: 1;}
#contact-methods > a{width: 72px;height: 72px;display: flex;justify-content: center;align-items: center;text-decoration: none;color: var(--color-green);}
#contact-methods > a{transition: var(--transition-fast);}
#contact-methods > a > [class^="material"]{font-size: 40px;}
#contact-methods > a:is(:hover, :focus){background-color: var(--color-lime);color: var(--color-white);}
@media only screen and (max-width: 1024px){
#contact-methods > a{width: 56px;height: 56px;}
#contact-methods > a > [class^="material"]{font-size: 28px;}
}


/* NEW drawer-tidycal */
#drawer-tidycal {position: fixed;top: 0;left: 0;overflow-y: auto;width: min(600px, calc(100vw - var(--width-sections-gap)));bottom: 0;z-index: 120;background-color: var(--color-white);padding: var(--width-gap);box-shadow: var(--box-shadow-soft);pointer-events: none;opacity: 0;transform: translateX(-100%);transition: var(--transition-fast);}
body.tidycal-opened #drawer-tidycal {pointer-events: auto;opacity: 1;transform: translateX(0);}

/* NEW common/blocks/cards */

section.cards .layout-grid-cards {gap: var(--width-sections-gap);}
section.cards .layout-grid-cards > .item{position: sticky;top: 0;display: flex;align-items: flex-start;justify-content: center;;}
section.cards .layout-grid-cards > .item > *{width: 100%;}
section.cards .layout-grid-cards > .item:has(+ .item.is-sticky) > *{filter: blur(var(--blur)) brightness(var(--brightness));transform: scale(var(--scale));transform-origin: top center;}
section.cards .layout-grid-cards > .item.is-sticky + .item:not(.is-sticky) > *{transform: scale(1.02);filter: brightness(1.05) contrast(1.05);-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);}
section.cards .layout-grid-cards > .item:nth-child(1){top: calc( var(--header-height) * 1 + var(--width-gap-xs) );--scale: .88;--brightness: .82;--blur: 7px;}
section.cards .layout-grid-cards > .item:nth-child(2){top: calc( var(--header-height) * 1 + var(--width-gap-xs) * 2 );--scale: .9;--brightness: .84;--blur: 6px;}
section.cards .layout-grid-cards > .item:nth-child(3){top: calc( var(--header-height) * 1 + var(--width-gap-xs) * 3 );--scale: .92;--brightness: .88;--blur: 5px;}
section.cards .layout-grid-cards > .item:nth-child(4){top: calc( var(--header-height) * 1 + var(--width-gap-xs) * 4 );--scale: .94;--brightness: .9;--blur: 4px;}
section.cards .layout-grid-cards > .item:nth-child(5){top: calc( var(--header-height) * 1 + var(--width-gap-xs) * 5 );--scale: .96;--brightness: .92;--blur: 3px;}
section.cards .layout-grid-cards > .item:nth-child(6){top: calc( var(--header-height) * 1 + var(--width-gap-xs) * 6 );--scale: .98;--brightness: .94;--blur: 2px;}

.card-card{--icon-size: 120px;background-color: var(--color-lime);transition: var(--transition);display: flex;align-items: stretch;flex-direction: column;padding: var(--width-gap);color: var(--color-white);transform-origin: top center;position: relative;}
.card-card picture{position: fixed;top: var(--width-gap);right: var(--width-gap);width: var(--icon-size);aspect-ratio: 1;flex-shrink: 0;}
.card-card picture > img{object-fit: contain;width: 100%;height: 100%;object-position: top right;filter: invert(1);}
.card-card > .info{display: flex;flex-direction: column;gap: var(--width-gap-sm);justify-content: flex-end;flex-grow: 1;padding-top: 20vh;}
.card-card > .info > *{margin: 0 !important;}
.card-card > .info > [class^="item-title"]{line-height: 1;}
.card-card > .info > .name{ text-wrap: balance;}
.card-card > .info > .value{font-weight: var(--item-title-font-strong);font-size: calc(var(--item-title-font-size) * 2);}
@media only screen and (max-width: 1680px){
  .card-card{--icon-size: 100px;}
  .card-card > .info > .value{font-size: calc(var(--item-title-font-size) * 1.5);}
}

@media only screen and (max-width: 1024px){
  .card-card{--icon-size: 80px;}
  .card-card > .info{padding-top: 15vh;}
}

@media only screen and (max-width: 768px){
  .card-card{--icon-size: 48px;}
  .card-card > .info{padding-top: 10vh;}
  .card-card > .info > .value{font-size: var(--item-title-font-size);}
}

/* NEW common/blocks/call_to_action */

section.call_to_action {background-color: var(--color-green);padding: 25vh 0;overflow: hidden;}
section.call_to_action > [class^="package"]{display: flex;align-items: center;height: 100%;}
section.call_to_action > [class^="package"] > .info{width: 100%;text-align: center;}
section.call_to_action > picture{position: absolute;inset: 0;--effects-delay: .5s;}
section.call_to_action > picture > img{width: 100%;height: 100%;object-fit: cover;object-position: center center;filter: brightness(.5) blur(0px);}
@media only screen and (max-width: 1024px){
  section.call_to_action {padding: 15vh 0;}
}

/* NEW common/blocks/call_to_action_phrase */

section.call_to_action_phrase {overflow: hidden;min-height: 75vh;width: 100vw;}
section.call_to_action_phrase > .background-color{position: absolute;aspect-ratio: 1;border-radius: 50%;background-color: var(--color-lime);top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);transform-origin: center center;width: calc(100vmax * 2);z-index: -1;}
section.call_to_action_phrase > [class^="package"]{display: flex;align-items: center;position: relative;min-height: 75vh;padding: var(--width-sections-gap);}

section.call_to_action_phrase picture{width: 96px; aspect-ratio: 1;margin-bottom: var(--width-gap);filter: invert(1);}

@media only screen and (max-width: 1024px){
  section.call_to_action_phrase { aspect-ratio: 1; }
}

/* NEW common/blocks/title */

section.title {--size: calc(100% / 3);position: relative;background-color: var(--color-white);color: var(--color-black);overflow: hidden;}
section.title.counter_0{background-color: var(--color-green);color: var(--color-lime);}
section.title > [class^="package"]{display: flex;width: 100%;height: 100vh;align-items: center;}
section.title.counter_0 > [class^="package"] {padding-top: var(--header-height);height: 100vh;}
section.title > [class^="package"] > .content{padding: var(--width-gap-lg);width:var(--size);}
section.title.background-position-left > [class^="package"] { justify-content: flex-end;}
section.title > .backgrounds{height: 100%;display: flex;align-items: stretch;width: calc(100% - var(--size));position: absolute;top: 0;right: 0; background-color: var(--color-green);}
section.title.background-position-left > .backgrounds{left: 0;right: auto;}
section.title > .backgrounds > picture{ flex-grow: 1; width: 50%; }
section.title > .backgrounds > picture > img{width: 100%;height: 100%;object-fit: cover;object-position: center center;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);}
section.title > .backgrounds > picture:nth-child(1){ --effects-delay: .5s; }
section.title > .backgrounds > picture:nth-child(2){ --effects-delay: 1s; }
section.title::after{display: block;content: " ";position: absolute;bottom: 0;height: var(--width-sections-gap);width: 100%;backdrop-filter: blur(48px) brightness(.99);height: var(--width-sections-gap);mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, transparent 100%);}
@media only screen and (max-width: 1440px){
  section.title{--size: 50%;}
  section.title > .backgrounds{flex-direction: column-reverse;}
  section.title > .backgrounds > picture{flex-grow: 1;width: 100%;height: 50%;}
}
@media only screen and (max-width: 992px){
  section.title{--size: 100%;}
  section.title > [class^="package"] {height: auto;}
  section.title.background-position-left > [class^="package"] {flex-direction: column;}
  section.title > [class^="package"] > .content{padding: var(--width-gap-lg);}
  section.title > .backgrounds{position: relative;flex-direction: row-reverse;width: 100%;height: 20vh;}
  section.title > .backgrounds > picture{height: 100%;}
}

/* NEW common/blocks/welcome */

section.welcome {position: relative;background-color: var(--color-green);color: var(--color-lime);overflow: hidden;}
section.welcome > [class^="package"]{display: flex;width: 100%;height: 100vh;align-items: flex-end;padding: 0;}
section.welcome > [class^="package"] > .content{padding: var(--width-sections-gap);}
section.welcome.counter_0 > [class^="package"] {padding-top: var(--header-height);}
section.welcome .words{display: flex;flex-direction: column;gap:2vmin;}
section.welcome .content > .item-title{
  --effects-delay: 1.25s;
  margin-bottom: var(--width-gap);
  color: var(--color-white);
}
section.welcome .words > .word:nth-child(1){ --effects-delay: .25s; }
section.welcome .words > .word:nth-child(2){ --effects-delay: .5s; }
section.welcome .words > .word:nth-child(3){ --effects-delay: .75s; }
section.welcome .words > .word:nth-child(4){ --effects-delay: 1s;}
section.welcome .words > .word:last-child{color: var(--color-white);}
section.welcome .words > .word {font-size: 10vmin;}
section.welcome > .icon{width: 65vmin;aspect-ratio: 1;display: block;position: absolute;right: var(--width-sections-gap);top: var(--width-sections-gap);mask-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 0%, transparent 75%);}
section.welcome > .icon::after{content: "";width: 100%;height: 100%;display: block;background: url(../images/icon-naranjatec.svg) no-repeat center center;background-size: contain;animation:spin 20s linear infinite;}
@keyframes spin { 
    100% {-webkit-transform: rotate(360deg);transform:rotate(360deg);}
}
@media only screen and (max-width: 992px){
  section.welcome > [class^="package"] > .content {padding: var(--width-gap-xl);}
  section.welcome > .icon{width: 75vmin;}
}
@media only screen and (max-width: 768px){
  section.welcome > .icon{width: 90vmin;top: 25vmin;right: 0;}

}

/* NEW common/blocks/divider */

section.divider > div > span{font: var(--h-font);font-size: 10vmin;display: block;transform: translate(-200%, 0);color: var(--color-lime);white-space: nowrap;width: auto !important;}
section.divider > div{padding: var(--width-sections-gap);overflow: hidden;}

/* NEW common/blocks/features */

section.features [class^="layout-grid"]{gap: var(--width-sections-gap);}

@media only screen and (max-width: 1366px){
  section.features [class^="layout-grid"]{gap: var(--width-gap-lg);}
}

/* NEW common/items/feature */
.card-feature{display: flex;flex-direction: column;gap: var(--width-gap);height: 100%;}
.card-feature > picture{position: relative;width: 64px;aspect-ratio: 1;}
.card-feature > picture > img{width: 100%;height: 100%;object-fit: contain;}
@media only screen and (max-width: 1366px){
  .card-feature > picture{width: 48px;}
}
@media only screen and (max-width: 768px){
  .card-feature > picture{width: 36px;}
}

/* body */

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-orange);outline: none;}
img {image-rendering: auto;}
hr {display: block;border: none;background: var(--gradient-soft);height: calc(var(--border-width-effect) * 2);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
hr + *, * + hr{margin-top: var(--width-gap) !important;}

blockquote{background-color: rgba(var(--color-gray-rgb), .15);color: var(--color-gray-dark);font: var(--item-title-font);font-weight: var(--item-title-font-weight);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);position: relative;padding: var(--width-gap-lg) 25% var(--width-gap-lg) var(--width-gap-lg);margin: 0;overflow: hidden;-webkit-box-shadow: var(--box-shadow-soft);box-shadow: var(--box-shadow-soft);}
blockquote strong{color: var(--color-gray-dark) !important;font-weight: var(--item-title-font-strong);}
blockquote::after{background-color: var(--color-orange);position: absolute;inset: 0;left: 80%;display: block;content: " ";clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%);}
blockquote + *, * + blockquote{margin-top: var(--width-gap);}
video {width: 100%;display: block;}
*:is(h1, h2, h3, h4, h5) {color: var(--color-black-soft);}
*:is(h1, h2, h3, h4, h5) strong {color: var(--color-black-dark);}
iframe{width: 100%;display: block;}
iframe.embed {width: 100%;height: auto;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
section, .card, .content{display: block;position: relative;}

address {outline: var(--width-border-width) solid var(--color-bronze);color: var(--color-bronze-dark);border-radius: var(--width-border-radius);display: block;padding: var(--width-gap-lg);font: var(--body-sm-font);
text-align: left;
text-wrap: pretty;
line-height: 1.6;
}
address + *, * + address{margin-top: var(--width-gap-lg);}

.grow{flex-grow: 1;}

[class^="material-icons-"],[class^="material-symbols-"]{pointer-events: none;}

.material-symbols-outlined{
  font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24
}




/* tns-controls */
.tns-item img {pointer-events: none !important;}
.tns-controls{display: flex;justify-content: center;gap: var(--width-gap-xs);}
.tns-controls + *, * + .tns-controls{margin-top: var(--width-gap);}
.tns-controls button{background-color: transparent;border: none;font-size: 24px;padding: 0;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color: rgba(var(--color-blue-rgb), 0);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);color: rgba(var(--color-gray-rgb), .75);-webkit-transition: var(--transition);transition: var(--transition);}
section.slider .tns-controls button{color: var(--color-white);}
.tns-controls button:hover{color: var(--color-white);background-color: rgba(var(--color-blue-rgb), .75);}
.tns-controls button:disabled{pointer-events: none;opacity: .1;}

.tns-nav {margin-top: var(--width-gap);display: flex;justify-content: center;}
.tns-nav > button{border: none;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;padding: 0;background-color: transparent;}
.tns-nav > button::before{content: " ";display: block;width: 10px;height: 10px;background-color:var(--color-yellow);-webkit-border-radius:8px;border-radius:8px;-webkit-transition: var(--transition);transition: var(--transition);}
.tns-nav > button:is(:hover,:focus)::before{background-color: var(--color-yellow-dark);}
.tns-nav > button.tns-nav-active::before{background-color: var(--color-yellow-darker);width: 14px;height: 14px;}

/* PAGER .el-pager */

.el-pager > * {font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);}
.el-pager > a{background-color: var(--color-cream-darker);text-decoration: none;color: var(--color-bronze);}
.el-pager > a:is(:hover, :focus){background-color: var(--color-black);color: var(--color-white-softer);}
.el-pager > span{background-color: var(--color-bronze);color: var(--color-white);pointer-events: none;}

/* TODO btn */
[data-toggle-related] * {pointer-events: none;}


[class^="svg-"]{display: flex;align-items: center;width: 24px;height: 24px;}
[class^="svg-"]{display: inline-flex;background-position: center center;background-repeat: no-repeat;background-size: 14px 14px;}


/* INFO: intro */

section.text [class^="article"]{text-align: justify;word-wrap: break-word;-moz-hyphens:auto;-webkit-hyphens:auto;-o-hyphens:auto;hyphens:auto;text-wrap: balance;}
section.text [class^="article"] :is(h1, h2, h3, h4, h5){text-align: left;}
section.text [class^="article"] img.size-full{margin: var(--width-gap) 0;}
@media only screen and (min-width: 1366px){
  section.text [class^="article"] img.size-full{width: calc(100% + var(--width-gap) * 4);max-width: none;-webkit-transform: translateX(calc(0px - var(--width-gap) * 2));transform: translateX(calc(0px - var(--width-gap) * 2));}
}

/* INTRO .intro */

.intro{color: var(--color-black);text-wrap: balance;}
.intro a {font-weight: bold;text-decoration: none;}
.intro.white{color: var(--color-white);}
.intro.green{color: var(--color-green);}
.intro.lime{color: var(--color-lime);}
.intro.half{width: 60%;}
.intro + *, * +  .intro{margin-top: var(--width-gap);}
div[class^="heading"]{ user-select: none;}
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; }
.intro{font-size: calc(var(--body-font-size) * 1.3);}
.intro.xs {font-size: calc(var(--body-font-size) * 1.1);}
.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: 1366px){
  .intro.half{width: 65%;}
}
@media only screen and (max-width: 1024px){
  .intro.half{width: 75%;} 
}
@media only screen and (max-width: 768px){
  .intro.half{width: 100%;}
}

.item-title{letter-spacing: calc(0px - var(--item-title-font-size) * .05); text-wrap: balance; }
.item-title + *, * + .item-title{margin-top: calc(var(--item-title-font-size) * 1);}
.item-title + :is(.subtitle), :is(.subtitle) + .item-title{margin-top: var(--width-gap-xs);}
.item-title-sm{letter-spacing: calc(0px - var(--item-title-sm-font-size) * .05);  }
.item-title-sm + *, * + .item-title-sm{margin-top: calc(var(--item-title-sm-font-size) * 1);}
.item-title-sm + :is(.subtitle), :is(.subtitle) + .item-title-sm{margin-top: var(--width-gap-xs);}
[class^="item-title"] a{text-decoration: none;}
[class^="item-title"].white {color: var(--color-white-dark);}
[class^="item-title"].white strong{color: var(--color-white);}
[class^="item-title"].gray {color: var(--color-gray-dark);}
[class^="item-title"].gray strong {color: var(--color-gray);}

/* SUBTITLE .subtitle */

.subtitle{color: var(--color-black-softer);}
.subtitle strong{color: var(--color-orange);}
.subtitle.white {color: var(--color-white-dark);}
.subtitle.white strong {color: var(--color-white);}
.subtitle.sm {font-size: calc(var(--subtitle-font-size) - 2px);}
.subtitle.xs {font-size: calc(var(--subtitle-font-size) - 4px);}

/* FIELD .field */

.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-cream);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);color: var(--color-bronze);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;}
}


/* ELEMENT #usps */

#usps{width: 100vw;--effects-delay: .1s;}
#usps .tns-item {text-align: center;font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing:  var(--usps-letter-spacing);user-select: none;line-height: var(--preheader-height);white-space: nowrap;overflow: hidden;}

/* ELEMENT empty */

div.empty{background-color: var(--color-danger);padding: var(--width-gap-sm);color: var(--color-text-danger);border-radius: var(--width-border-radius);text-align: center;font: var(--label-font);text-transform: var(--label-text-transform);letter-spacing: var(--label-letter-spacing);}





/* ELEMENT mobile-menu */

#main::after{content: " ";pointer-events: none;position: fixed;inset: 0;background:rgba(var(--color-green-rgb), .75);backdrop-filter: blur(20px);z-index: 10;opacity: 0;}
body[mobile-menu] > #main::after{opacity: 1;}
#mobile-menu{position: fixed;inset: calc(var(--header-height) + var(--preheader-height)) 0 0 0;z-index: 90;pointer-events: none;}
#mobile-menu > .content{position: absolute;inset:0; opacity: 0;overflow-y: auto;}
body[mobile-menu] #mobile-menu > .content{opacity: 1;transform: translateY(0);}
body[mobile-menu] #mobile-menu{opacity: 1;pointer-events: all;transform: translateY(0);}
#mobile-menu .menu-item + .menu-item {border-top: 1px solid var(--color-lime);}
#mobile-menu .menu-item > a {display: block;font: var(--btn-font);text-transform: var(--btn-text-transform);letter-spacing: var(--btn-letter-spacing);font-weight: var(--btn-font-strong);text-align: center;text-decoration: none;color: var(--color-lime);padding: var(--width-gap);
transition: var(--transition-fast);
}
#mobile-menu .menu-item > a:is(:hover, :focus){background-color: var(--color-lime);color: var(--color-white);}
#mobile-menu .submenu{border-top: 1px solid rgba(var(--color-white-rgb), .25);}
#mobile-menu .submenu .menu-item > a { padding: var(--width-gap-sm); background-color: rgba(var(--color-bronze-darker-rgb), .2); }
#mobile-menu > .content > nav > .menu-item:first-child {border-top: 1px solid var(--color-lime);}

#mobile-menu > .content > nav > .menu-item:last-child {border-bottom: 1px solid var(--color-lime);}


/* FORM section.form */

section.form{background-color: var(--color-white);padding: var(--width-sections-gap) 0;}

/* CONTACTMETHODS section.contact_methods */

section.contact_methods{background-color: var(--color-white);padding: var(--width-sections-gap) 0;}
section.contact_methods .layout-grid-contact-methods{gap: var(--width-gap-xl);}
section.contact_methods .layout-grid-contact-methods > .item {display: flex;align-items: stretch;}
.card-contact-method {width: 100%;user-select: none;--actions-margin-overwrite: 0;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);display: flex;flex-direction: column;gap: var(--width-gap-sm);color: var(--color-text-dark);}
.card-contact-method > .info{display: flex;flex-direction: column;gap: var(--width-gap-sm);flex-grow: 1;justify-content: center;}
.card-contact-method > .info > .item-title{font-weight: 600;}
.card-contact-method > .info > * + *{margin-top: 0;}
@media only screen and (max-width: 768px){
  .card-contact-method > .icon {width: 64px;height: 64px;}
}



/* SECTION error404 */

section.error404 .content{
  padding: calc(var(--width-sections-gap) * 5) 0
}

/* MAP section.map */
section.map{box-shadow: var(--box-shadow);}
section.map > div{background-color: var(--color-cream);position: relative;}
section.map > div::after{content: " ";display: block;inset: 0;
  background: -webkit-radial-gradient(circle at center, rgba(var(--color-cream-rgb), 0) 0%, rgba(var(--color-cream-rgb), 1) 100%);background: radial-gradient(circle at center, rgba(var(--color-cream-rgb), 0) 0%, rgba(var(--color-cream-darker-rgb), 1) 100%);z-index: 2;position: absolute;mix-blend-mode:screen;pointer-events: none;}
section.map google-maps{height: 45vh;--effects-delay: .3s;}
@media only screen and (max-width: 1366px){
  section.map google-maps{height: 40vh;}
}
@media only screen and (max-width: 568px){
  section.map google-maps{height: 30vh;}
}

/* TODO delete?  */

.card-slide{overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;user-select: none;background-color: var(--color-white);}
.card-slide::before {content: " ";display: block;position: absolute;inset: 0;background: var(--color-black);z-index: 2;mix-blend-mode: soft-light;}
.card-slide > [class^="package-"]{max-width: min(1000px, 100%);}
section.slider{background-color: var(--color-white-softer);position: relative;}
section.slider:not(.section_0) .card-slide{aspect-ratio: 3;margin:  0 auto;position: relative;}
section.slider.section_0 .card-slide{height: calc(100dvh - var(--preheader-height) - var(--header-height));}
section.slider .card-slide .cover{-webkit-filter: sepia(.25);filter: sepia(.25);-webkit-transition: var(--transition-slow);transition: var(--transition-slow);}
section.slider .tns-slide-active .card-slide .cover{-webkit-filter: sepia(.25) brightness(1.25) contrast(.75);filter: sepia(.25) brightness(1.25) contrast(.75);}
section.slider  [class^="heading-"] > .title{display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
section.slider .card-slide > .package{-webkit-transition: var(--transition);transition: var(--transition);-webkit-transform: translateY(var(--width-sections-gap));transform: translateY(var(--width-sections-gap));opacity: 0;}
section.slider .tns-slide-active .card-slide > .package{-webkit-transition-delay: .3s;transition-delay: .3s;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
section.slider .tns-controls{position: absolute;top: var(--width-gap-xs);right: var(--width-gap-xs);z-index: 10;}



/* TITLEALTERNATIVE section.title_alternative */

section.title_alternative { background-color: var(--color-black); padding: calc(var(--width-sections-gap) * 1.5) 0; overflow: hidden;}
section.title_alternative.counter_0 > [class^="package"]{padding-top: var(--header-height);}
section.title_alternative > .gallery{position: absolute;inset: 0;mix-blend-mode: soft-light;pointer-events: none;}
section.title_alternative > .gallery > .tns-outer{height: 100%;}
section.title_alternative > .gallery > .tns-outer > .tns-inner{height: 100%;}
section.title_alternative > .gallery > .tns-outer > .tns-inner > .tns-gallery{height: 100%;}
section.title_alternative > .gallery > .tns-outer > .tns-inner > .tns-gallery > picture{display: block;height: 100%;}
section.title_alternative > .gallery > .tns-outer > .tns-inner > .tns-gallery > picture > img{width: 100%;height: 100%;object-fit: cover;}
section.title_alternative > [class^="package"] > .content{padding-right: 25%;--effects-delay: .5s;}

/* TITLEPROJECT section.title_project */

section.title_project {background-color: var(--color-bronze-darker); padding: calc(var(--width-sections-gap) * 2) 0; overflow: hidden;}
section.title_project.counter_0 > [class^="package"]{padding-top: var(--header-height);}
section.title_project > picture{position: absolute;inset: 0;mix-blend-mode: multiply;}
section.title_project > picture > img{width: 100%;height: 100%;object-fit: cover;  }
section.title_project > .holder-video{position: absolute;inset: 0;z-index: 1;}
section.title_project > .holder-video > video{width: 100%;height: 100%;object-fit: cover;pointer-events: none;}
section.title_project > [class^="package"] > .content > picture.logo {display: flex;align-items: center;justify-content: center;}
section.title_project > [class^="package"] > .content > picture.logo > img{width: auto;height: auto;max-height: min(200px, 25vh);max-width: min(400px, 60vw);}

/* PROJECT section.project */

section.project {--aspect-ratio:2.5;padding: var(--width-sections-gap) 0;position: relative;background-color: var(--color-white);}
section.project > [class^="package"] +  [class^="package"] {margin-top: var(--width-gap-lg);}
section.project > [class^="package"] > .content{display: flex;flex-direction: column;gap: var(--width-gap);}
section.project > [class^="package"] > .content > header {position: relative; user-select: none;}
section.project > [class^="package"] > .content > header > picture, section.project > [class^="package"] > .content > header > .holder-video{aspect-ratio: var(--aspect-ratio);}
section.project > [class^="package"] > .content > header > .holder-video{position: absolute;inset: 0;z-index: 1;opacity: 0;display: none;transition: var(--transition);transition-behavior: allow-discrete;transition-delay: .5s;}
section.project:hover > [class^="package"] > .content > header > .holder-video{display: block; opacity: 1;}
section.project > [class^="package"] > .content > header > .holder-video > video{width: 100%;height: 100%;object-fit: cover;pointer-events: none;}
section.project > [class^="package"] > .content > header > picture > img{width: 100%;height: 100%;object-fit: cover;pointer-events: none;}
section.project > [class^="package"] > .content > header > .logo{position: absolute;inset: 0;background-color: rgba(var(--color-black-darker-rgb), .25);z-index: 3;display: flex;align-items: center;justify-content: center;}
section.project > [class^="package"] > .content > header > .logo > img{max-width: 35%;max-height: 35%;width: auto;height: auto;}
section.project > [class^="package"] > .info{display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--width-sections-gap);}
section.project > [class^="package"] > .info > .features{display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--width-gap);}
section.project > [class^="package"] > .info > .features > .item{display: flex;flex-direction: column;gap: var(--width-gap-xs);font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);color: var(--color-black-darker);}
section.project > [class^="package"] > .info > .features > .item > span{display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
section.project > [class^="package"] > .info > .features > .item::before{content: attr(data-title);color: var(--color-bronze-softer);}

/* PROJECTDETAILS section.project_details */

section.project_details {background-color: var(--color-white);padding: calc(var(--width-sections-gap) * 2) 0;}
section.project_details > [class^="package"] > .content {display: flex;flex-direction: row-reverse;gap: var(--width-sections-gap);}
section.project_details > [class^="package"] > .content > .holder-features {width: 25%;flex-shrink: 0;position: relative;}
section.project_details > [class^="package"] > .content > .holder-features > .features {position: sticky;top: calc(var(--preheader-height) + var(--width-gap-sm));display: flex;flex-direction: column;gap: var(--width-gap);}
section.project_details > [class^="package"] > .content > .holder-features > .features > .item{display: flex;flex-direction: column;gap: var(--width-gap-xs);font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);color: var(--color-black-darker);}
section.project_details > [class^="package"] > .content > .holder-features > .features > .item > span{display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
section.project_details > [class^="package"] > .content > .holder-features > .features > .item::before{content: attr(data-title);color: var(--color-bronze-softer);}
section.project_details > [class^="package"] > .content > .description{flex-grow: 1;}
@media only screen and (max-width: 1366px){
  section.project_details > [class^="package"] > .content{flex-direction: column;}
  section.project_details > [class^="package"] > .content > .holder-features{ width: 100%; }
  section.project_details > [class^="package"] > .content > .holder-features > .features{ width: 100%;display: grid;gap: var(--width-gap);grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
}

/* OK card-image */

.card-image {position: relative;display: block;overflow: hidden;}
.card-image > picture{transition: var(--transition-slow);pointer-events: none;user-select: none;aspect-ratio: .75;
background-color: var(--color-bronze);}
.card-image > picture > img{width: 100%;height: 100%;object-fit: cover;--eftects-delay: .3s;}
.card-image:is(:hover,:focus) > picture{-webkit-transform: scale(1.01);transform: scale(1.01);}

/* OK card-image */
.layout-grid-samples-featured{gap: 6px !important;grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));}
.layout-grid-samples-featured > .item:nth-child(1),
.layout-grid-samples-featured > .item:nth-child(2){grid-column: auto / span 2;grid-row: auto / span 2;}
@media only screen and (max-width: 1024px){
  .layout-grid-samples-featured{grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));}
}
.card-sample-image {position: relative;display: block;border-radius: var(--width-border-radius);overflow: hidden;}
.card-sample-image > picture{transition: var(--transition);pointer-events: none;user-select: none;aspect-ratio: 1;}
.card-sample-image > picture > img{width: 100%;height: 100%;object-fit: cover;}
.card-sample-image:is(:hover,:focus) > picture{-webkit-transform: scale(1.02);transform: scale(1.02);}

/* CARD showroom */

.card-showroom-item{user-select: none;display: flex;flex-direction: column;gap: var(--width-gap-sm);}
.card-showroom-item > .image{display: block;position: relative;overflow: hidden;aspect-ratio: 1.8;display: flex;border-radius: var(--width-border-radius);-webkit-transition: var(--transition);transition: var(--transition);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
.card-showroom-item picture img{-webkit-transition: var(--transition-slow);transition: var(--transition-slow);filter:  contrast(1) sepia(.25);}
.card-showroom-item > .image:is(:hover, :focus) picture img{-webkit-filter: contrast(1) sepia(0);filter: contrast(1) sepia(0);}
.card-showroom-item > .image > picture + picture{opacity: 0;transform: scale(1.1);z-index: 2;transition: var(--transition);}
.card-showroom-item:is(:hover, :focus) > .image > picture + picture{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.card-showroom-item > .info{display: flex;gap: var(--width-gap-xs);}
.card-showroom-item > .info > .holder-title >  [class^="item-title"]{text-decoration: none;color: var(--color-black-soft);}
.card-showroom-item > .info > .holder-title >  [class^="item-title"]:is(:hover, :focus){color: var(--color-black-darker);}

/* SECTION showroom_list */

section.showroom_list {--actions-margin-overwrite: var(--width-sections-gap);}
section.showroom_list .categories{display: flex;flex-direction: column;gap: var(--width-sections-gap);}
section.showroom_list .categories > .category:not(.opened) > [class^="layout"] > .item:nth-child(n+5){display: none;}
section.showroom_list .categories > .category:not(.opened) [toggle-category] > .less{display: none;}
section.showroom_list .categories > .category.opened [toggle-category] > .more{display: none;}

/* CARD showroom-alternative */

.card-showroom-alternative-item{user-select: none;display: flex;flex-direction: column;gap: var(--width-gap-sm);}
.card-showroom-alternative-item > .image{display: block;position: relative;overflow: hidden;aspect-ratio: 1.5;display: flex;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);-webkit-transition: var(--transition);transition: var(--transition);outline: var(--letter-effect-size) solid rgba(var(--color-pink-rgb), 0);}
.card-showroom-alternative-item > .image:is(:hover, :focus){box-shadow: var(--box-shadow-soft);}
.card-showroom-alternative-item picture img{-webkit-transition: var(--transition-slow);transition: var(--transition-slow);filter:  contrast(1) sepia(.25);}
.card-showroom-alternative-item > .image:is(:hover, :focus) picture img{-webkit-filter: contrast(1) sepia(0);filter: contrast(1) sepia(0);}
.card-showroom-alternative-item > .image > picture + picture{opacity: 0;transform: scale(1.1);z-index: 2;transition: var(--transition);}
.card-showroom-alternative-item:is(:hover, :focus) > .image > picture + picture{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.card-showroom-alternative-item > .info{display: flex;gap: var(--width-gap-sm);flex-direction: column;}
.card-showroom-alternative-item > .info > .holder-title > [class^="item-title"]{text-decoration: none;color: var(--color-black-soft);}
.card-showroom-alternative-item > .info > .holder-title > [class^="item-title"]:is(:hover, :focus){color: var(--color-black-darker);}
.card-showroom-alternative-item > .info > .price{font-weight: var(--usps-font-strong);color: var(--color-black-darker);}
.card-showroom-alternative-item > .info > .samples {display: flex;align-items: center;gap: 2px;}
.card-showroom-alternative-item > .info > .samples::after{font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);color: var(--color-yellow);margin-left: var(--width-gap-xs);}
.card-showroom-alternative-item > .info > .samples > picture{width: 28px;border-radius: 28px;display: inline-flex;align-items: center;justify-content: center;background-color: var(--color-white-softer);-webkit-border-radius: 28px;border-radius: 28px;}
.card-showroom-alternative-item > .info > .samples > picture:nth-child(n + 2){width: 24px;border-radius: 24px;margin-left: -12px;z-index: -1;}
.card-showroom-alternative-item > .info > .samples > picture:nth-child(n + 3){z-index: -2;}
.card-showroom-alternative-item > .info > .samples > picture:nth-child(n + 4){z-index: -3;}
.card-showroom-alternative-item > .info > .samples > picture:nth-child(n + 5){display: none;}
.card-showroom-alternative-item > .info > .samples > picture > img{width: calc(100% - 4px);height: calc(100% - 4px);object-fit: cover;display: block;border-radius: 50%;}

[append-before]::before { content: attr(append-before); }
[append-after]::after { content: attr(append-after); }

/* NEW .card-product */

.card-product{transition: var(--transition);outline: var(--width-border-width) solid var(--color-pink);background-color: var(--color-white-softer);outline-offset: calc(0px - var(--width-border-width));height: calc(var(--related-height) - var(--width-gap) * 2);padding: var(--width-gap-sm);border-radius: var(--width-border-radius);display: flex;flex-direction: column;justify-content: center;}
.card-product:is(:hover){outline-color: var(--color-pink-dark);}
.card-product > [class^="item-title"]{color: var(--color-pink);}
.card-product .price{font: var(--item-title-xs-font);color: var(--color-pink);}
.card-product .price del{color: var(--color-pink-softer);}

/* OK tags */

.tags{display: flex;flex-wrap: wrap;gap: var(--width-gap-xs);}
.tags > *{font: var(--label-font);text-transform: var(--label-text-transform);letter-spacing: var(--label-letter-spacing);background-color: var(--color-white-darker);color: var(--color-white-softer);text-decoration: none;padding: var(--width-gap-xs);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);user-select: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-overflow: ellipsis;max-width: 200px;overflow: hidden;white-space: nowrap;}
.tags > .featured{background-color: var(--color-pink);}
.tags > .price{background-color: var(--color-yellow-darker);}
.tags > span.price del {opacity: .25;}
.tags > span.price ins {text-decoration: none !important;}
.tags > a{background-color: var(--color-yellow-darker);}
.tags > a:is(:hover, :focus){background: var(--color-yellow-darker);color: var(--color-white-softer);}

/* CARD related */

.card-related {overflow: hidden;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);background-color: var(--color-yellow);}
.card-related picture{aspect-ratio: 1.5;transform: scale(1.02);transition: var(--transition-slow);filter: grayscale(.75);}
.card-related:is(:hover, :focus) > picture{transform: scale(1);filter: grayscale(0);}
.card-related picture > img{width: 100%;height: 100%;object-fit: cover;}

/* GALLERY section.gallery */

section:is(.image, .image_text_alternative) + section.gallery{margin-top: var(--width-gap-sm) !important;}
section.gallery{overflow: hidden;}
section.gallery [class^="layout-"] {gap: var(--width-gap);}
section.gallery .tns-ovh{overflow: visible !important;}

/* IMAGE section.image */

section:is(.gallery, .image, .image_text_alternative) + section.image{margin-top: var(--width-gap-sm) !important;}
section.image .image{display: block;position: relative;overflow: hidden;text-decoration: none;color: var(--color-white);

background-color: var(--color-bronze);
}
section.image .image > img{width: auto;margin: 0 auto;}
section.image .image > figcaption{display: block;color: var(--color-bronze);font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);padding: var(--width-gap-xs);line-height: 1;white-space: nowrap;}

/* IMAGETEXT section.image_text */

section.image_text {overflow: hidden;background-color: var(--color-white);}
section.image_text > [class^="package"] > .holder-content{padding: var(--width-gap);}
section.image_text > [class^="package"] > .holder-content > .content{background-color: var(--color-cream-soft);padding: var(--width-sections-gap);gap: var(--width-sections-gap);display: flex;align-items: center;justify-content: center;}
section.image_text.image_position_right .content {flex-direction: row-reverse;}
section.image_text .content > .image{width: 50%; aspect-ratio: 1;position: relative;}
section.image_text .content > .image > picture{position: absolute;width: 100%;height: 100%;}
section.image_text .content > .image > picture > img{width: 100%;height: 100%;object-fit: cover;user-select: none;pointer-events: none;}
section.image_text .content > .image.has-secondary {aspect-ratio: 1.5;}
section.image_text .content > .image.has-secondary > picture{height: auto;width: auto;background-color: var(--color-bronze-dark);}
section.image_text .content > .image.has-secondary > picture:nth-child(1){left: 0;right: 40%;top: 10%;bottom: 10%;z-index: 2;box-shadow: var(--box-shadow);transform: rotate(-4deg);
  --effects-delay: .4s;
}
section.image_text .content > .image.has-secondary > picture:nth-child(2){top: 0%;bottom: 0;right: 0;left: 50%;transform: rotate(0deg);--effects-delay: .25s;}
section.image_text .content > .text{width: 50%;}
section.image_text .content > .text > .info{
  --effects-delay: .6s;
}
section.image_text .content > .image{position: relative;}
section.image_text > [class^="package"] > .holder-content > .word{background-color: var(--color-cream-soft);display: flex;justify-content: center;color: var(--color-white);font: var(--h-font);text-align: center;font-size: 6vmin;letter-spacing: 3vmin;text-transform: uppercase;overflow: hidden;white-space: nowrap;}
section.image_text > [class^="package"] > .holder-content > .word > span{display: block;transform: translateY(25%);user-select: none;}
@media only screen and (max-width: 1024px){
  section.image_text .content{flex-direction: column-reverse;}
  section.image_text.image_position_right .content {flex-direction: column-reverse;}
  section.image_text .content > :is(.image, .text){width: 100%;}
}

/* IMAGETEXTALTERNATIVE section.image_text_alternative */

section:is(.gallery, .image) + section.image_text_alternative{margin-top: var(--width-gap-sm) !important;}
section.image_text_alternative + section.image_text_alternative{margin-top: 0 !important;}
section.image_text_alternative{min-height: calc(100vh - var(--preheader-height));background-color: var(--color-cream-darker);}
section.image_text_alternative > picture{position: absolute;top: 0;height: 100%;width: 50%;pointer-events: none;background-color: var(--color-cream-darker);}
section.image_text_alternative.image_position_left > picture{left: 0;}
section.image_text_alternative.image_position_right > picture{right: 0;}
section.image_text_alternative > picture > img{width: 100%;height: 100%;object-fit: cover;mix-blend-mode: multiply;}
section.image_text_alternative > [class^="package"] {min-height: calc(100vh - var(--preheader-height));display: flex;align-items: center;}
section.image_text_alternative > [class^="package"] > .content {width: 100%;display: flex;}
section.image_text_alternative.image_position_left > [class^="package"] > .content{justify-content: flex-end;width: 100%;}
section.image_text_alternative > [class^="package"] > .content > .text{width: 50%;padding: var(--width-sections-gap);}
@media only screen and (max-width: 1200px){
  section.image_text_alternative > picture{width: 30%;}
  section.image_text_alternative > picture > img{mix-blend-mode: soft-light;}
  section.image_text_alternative > [class^="package"] > .content > .text{width: 60%;}
}
@media only screen and (max-width: 768px){
  section.image_text_alternative{min-height: 0;}
  section.image_text_alternative > picture{aspect-ratio: 2;position: relative;width: 100%;left: auto;right: auto;}
  section.image_text_alternative > picture > img{mix-blend-mode: normal;}
  section.image_text_alternative > [class^="package"]{min-height: 0;}
  section.image_text_alternative > [class^="package"] > .content{flex-direction: column;}
  section.image_text_alternative > [class^="package"] > .content > .text{width: 100%;}
}

/* VIDEOTEXT section.video_text */

section.video_text{position: relative;background-color: var(--color-black);}
section.video_text > .video{position: absolute;inset: 0;display: block;pointer-events: none; background-color: var(--color-bronze);}
section.video_text > .video::after{content: "";display: block;position: absolute;inset: 0;z-index: 2;}
section.video_text.image_position_left > .video::after {left: 0;background: linear-gradient(to right, rgba(var(--color-black-rgb),0) 0%, rgba(var(--color-black-rgb), .5) 100%);}
section.video_text.image_position_right > .video::after {right: 0;background: linear-gradient(to left, rgba(var(--color-black-rgb),0) 0%, rgba(var(--color-black-rgb), .5) 100%); }
section.video_text > .video > video{width: 100%;height: 100%;object-fit: cover;display: block;pointer-events: none; --effects-delay: .3s;}
section.video_text .content{display: flex;gap: var(--width-gap-lg);padding: calc(var(--width-sections-gap) * 2.5) 0;align-items: center;}
section.video_text.image_position_left .content{justify-content: flex-end;}
section.video_text.image_position_right .content {justify-content: flex-start;}
section.video_text .content > .text{width: 55%;}
@media only screen and (max-width: 1024px){
  section.video_text > .video {width: 100%;left: 0;right: 0;bottom: 15vh;}
  section.video_text > .video::after{left: 0;right: 0;background: linear-gradient(to bottom, rgba(var(--color-black-rgb),0) 0%, var(--color-black) 100%) !important;}
  section.video_text .content > .text{width: 100%;}
  section.video_text .content{ padding: 25vh 0 var(--width-sections-gap) 0;}
}

/* OK section.video */

section.video [class^="layout-grid-videos"]{gap: var(--width-gap-lg);}
.card-youtube {display: block;aspect-ratio: 16 / 9;width: 100%;}
.card-youtube > iframe {width: 100%;height: 100%;-webkit-box-shadow: var(--box-shadow-closed), var(--box-shadow-xl);box-shadow: var(--box-shadow-outline), var(--box-shadow-lg-dark);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}

/* TEXT 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-orange-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;}
}


/* SECTION featured_links */

body .layout-grid-featured_links{gap: var(--width-gap-sm);}
body .layout-grid-featured_links > .item:nth-child(1){grid-column: auto / span 2;grid-row: auto / span 2;}
.card.featured_link {display:flex;position: relative;flex-direction: column;gap: var(--width-gap-sm);-webkit-transition: all;transition: all;aspect-ratio: 1;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);overflow: hidden;}
.card.featured_link > .image{display: block;position: relative;}
.card.featured_link > .image img{-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);user-select: none;}
.card.featured_link > a {position: absolute;inset: 0;padding: var(--gap);display: flex;align-items: center;justify-content: center;z-index: 3;font: var(--btn-font);text-transform: var(--btn-text-transform);letter-spacing: var(--btn-letter-spacing);text-decoration: none;user-select: none;background-color: rgba(var(--color-black-rgb), .8);opacity: 0;color: var(--color-yellow);-webkit-transition: var(--transition);transition: var(--transition);}
.card.featured_link > a:is(:hover, :focus) {opacity: 1;}
.card.featured_link > .info{z-index: 2;display: flex;flex-direction: column;gap: var(--width-gap-xs);position: absolute;bottom: 0;left: 0;right: 0;padding: var(--width-gap);color: var(--color-white);background: linear-gradient(to bottom,rgba(var(--color-black-rgb), 0) 0%, rgba(var(--color-black-rgb), 1) 100%);-webkit-transition: var(--transition);transition: var(--transition);}
.card.featured_link > a:is(:hover, :focus) + .info {opacity: 0;-webkit-transform: translateY(var(--width-gap));transform: translateY(var(--width-gap));}
.card.featured_link > .info > [class^="item-title"]{padding-right: 25%;}
body .layout-grid-featured_links > .item:nth-child(1) > .card.featured_link > .info > [class^="item-title"]{font-size: var(--item-title-font-size);}
.card.featured_link > .info > .intro{margin-top: 0; padding-right: 25%;}
body .layout-grid-featured_links > .item:nth-child(n+2) > .card.featured_link > .info > .intro{display: none;}
.card.featured_link > .actions{margin: 0;}
@media only screen and (max-width: 1024px){
  body .layout-grid-featured_links > .item:nth-child(1){grid-column: auto / span 2;grid-row: auto / span 1;}
  body .layout-grid-featured_links > .item:nth-child(1) > .card.featured_link {aspect-ratio: 2;}
  .card.featured_link > .image{aspect-ratio: 2;}
  .card.featured_link > .info {padding: calc(var(--width-gap) * .75);}
  .card.featured_link > .info > [class^="item-title"]{padding-right: 0;}
  .card.featured_link > .info > {padding-right: 20%;}
}
@media only screen and (max-width: 768px){
  body .layout-grid-featured_links > .item{grid-column: auto / span 2;grid-row: auto / span 1;}
  body .layout-grid-featured_links > .item:nth-child(1){grid-column: auto / span 2;grid-row: auto / span 2;}
  body .layout-grid-featured_links > .item > .card.featured_link {aspect-ratio: 2.5;}
  body .layout-grid-featured_links > .item:nth-child(1) > .card.featured_link{aspect-ratio: 1.5;}
}

/* TODO:card.post */

.card.post {display: grid;grid-template-columns: 1fr;gap: var(--width-gap);}
.card.post > .image {aspect-ratio: 1.5;overflow: hidden;overflow: hidden;-webkit-transition: var(--transition);transition: var(--transition);position: relative;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);display: block;position: relative;}
.card.post > .image:is(:hover, :focus){-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);-webkit-transform: translateY(calc(0px - var(--width-gap-xs))) scale(1.02);transform: translateY(calc(0px - var(--width-gap-xs))) scale(1.02);}
.card.post > .image::after{content: " ";display: block;position: absolute;inset: 0;opacity: 0;background: -webkit-linear-gradient(to top,  rgba(var(--color-orange-rgb),.75) 0%, rgba(var(--color-orange-rgb),0) 100%);background: linear-gradient(to top,  rgba(var(--color-orange-rgb),.75) 0%, rgba(var(--color-orange-rgb),0) 100%);mix-blend-mode:lighten;z-index: 2;transition: var(--transition);clip-path: polygon(0 0, 80% 0, 40% 100%, 0% 100%);}
.card.post > .image:is(:hover, :focus)::after{opacity: 1;}
.card.post > .image > .date{position: absolute;bottom: var(--width-gap-xs);right: var(--width-gap-xs);z-index: 2;padding: var(--width-gap-xs);line-height: 1;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);background-color: rgba(var(--color-orange-dark-rgb), .9);-webkit-transition: var(--transition);transition: var(--transition);-webkit-transform-origin: right bottom;  transform-origin: right bottom;}
.card.post > .image:is(:hover, :focus) > .date{-webkit-transition-delay: .2s;transition-delay: .2s;opacity: 0;-webkit-transform: translateY(var(--width-gap-xs)) scale(.8);transform: translateY(var(--width-gap-xs)) scale(.8);}
.card.post > .info > .intro{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;  overflow: hidden;}

/* TODO:card.post */

#restrict{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--color-white);z-index: 1;display: flex;align-items: center;justify-content: center;}
#restrict form {position: relative;z-index: 2;max-width: calc(100vw - var(--width-gap) * 2);background-color: var(--color-white);padding: var(--width-gap-lg);-webkit-box-shadow: var(--box-shadow-soft);  box-shadow: var(--box-shadow-soft);}
#restrict + #main{display: none;}

/* FAQS section.faqs */ 

section.faqs .tabs{display: flex;gap: var(--width-gap);align-items: flex-start;--effects-delay:.3s;}
section.faqs .tabs > nav {width: 35%;padding-top: var(--width-gap-sm);display: flex;flex-direction: column;gap: var(--width-gap-sm);flex-shrink: 0;position: sticky;top: var(--preheader-height);}
section.faqs .tabs > nav > a {text-decoration: none;font: var(--btn-font);font-weight: var(--btn-font-strong);text-transform: var(--btn-text-transform);letter-spacing: var(--btn-letter-spacing);color: var(--color-black-softer);user-select: none;}
section.faqs .tabs > nav > a:is(:hover, :focus, .current) {color: var(--color-bronze);}
section.faqs .tabs > .tabs_items{flex-grow: 1;}
section.faqs .tabs > .tabs_items > .tab_item{display: flex;flex-direction: column;gap: var(--width-gap-sm);}
section.faqs .tabs > .tabs_items > .tab_item:not(.current){display: none;}
section.faqs .tabs > .tabs_items > .tab_item > * {margin: 0;}
@media only screen and (max-width: 1024px){ 
  section.faqs .tabs > nav{padding-top: 0;width: 100%; display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));}
  section.faqs .tabs > nav > a{font: var(--usps-font);letter-spacing: var(--usps-letter-spacing);}
  section.faqs .tabs{flex-direction: column;}
}
@media only screen and (max-width: 568px){
}

/* TEAM section.team */

section.team{ overflow: hidden; }
section.team .tns-ovh{overflow: visible !important;}
.card-team { user-select: none;padding: var(--width-gap-xs);}
.card-team, .card-team > .info{display: flex;flex-direction: column;gap: var(--width-gap);}
.card-team > .info{gap: var(--width-gap-sm);margin-top: 0; user-select: none; text-align: center;--effects-delay: .5s;}
.card-team > .info > .position{font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);color: var(--color-bronze);margin: 0;}
.card-team > picture{aspect-ratio: .75; pointer-events: none;background-color: var(--color-bronze);display: block;

}
.card-team > picture > img{width: 100%;height: 100%;object-fit: cover;--effects-delay: .3s;}


/* PROJECTSFEATURED section.projects-featured */

section.projects_featured [class^="layout-columns"]{gap: var(--width-gap-lg);}
section.projects_featured [class^="layout-columns"] > .item{margin-bottom: var(--width-gap-lg);}
.card-project{display: flex;flex-direction: column;gap: var(--width-gap-sm);text-decoration: none;}
.card-project > picture{aspect-ratio: .75;overflow: hidden;clip-path: inset(0% 0% 0% 0%);transition: var(--transition-fast);-webkit-transition: var(--transition-fast);background-color: var(--color-bronze);}
section.projects_featured [class^="layout-columns"] > .item:is(:nth-child(1), :nth-child(4)) .card-project > picture{aspect-ratio: 1.25;}
.card-project > picture > img{width: 100%;height: 100%;object-fit: cover; transition: var(--transition-fast);-webkit-transition: var(--transition-fast);--effects-delay: .5s;}
.card-project:is(:hover, :focus) > picture > img{transform: scale(1.1);}
.card-project:is(:hover, :focus) > picture{clip-path: inset(var(--width-gap-xs) var(--width-gap-xs) var(--width-gap-xs) var(--width-gap-xs));-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow-soft);}
.card-project > .info{display: flex;flex-direction: column;gap: var(--width-gap-sm);}
@media only screen and (max-width: 1024px){ 
  .card-project > picture{aspect-ratio: 1.5;}
}
@media only screen and (max-width: 568px){
  .card-project > picture{aspect-ratio: 2 !important;}
}

/* PROJECTS section.projects */

section.projects .layout-grid-projects{gap: var(--width-gap-xs);}
section.projects .layout-grid-projects > .item:nth-child(n+25){display: none;}
@media only screen and (min-width: 1025px){ 
  section.projects .layout-grid-projects{grid-template-columns: repeat(6, 1fr);}
  section.projects .layout-grid-projects > .item:nth-child(3){grid-column: span 2;grid-row: span 2;}
  section.projects .layout-grid-projects > .item:nth-child(5){grid-column: span 1;grid-row: span 2;}
  section.projects .layout-grid-projects > .item:nth-child(5) > .card-project-image > picture{aspect-ratio: auto;}
  section.projects .layout-grid-projects > .item:nth-child(9){grid-column: span 2;grid-row: span 1;}
  section.projects .layout-grid-projects > .item:nth-child(9) > .card-project-image > picture{aspect-ratio: 2;}
  section.projects .layout-grid-projects > .item:nth-child(12){grid-column: span 2;grid-row: span 2;}
  section.projects .layout-grid-projects > .item:nth-child(13){grid-column: span 1;grid-row: span 2;}
  section.projects .layout-grid-projects > .item:nth-child(13) > .card-project-image > picture{aspect-ratio: auto;}
  section.projects .layout-grid-projects > .item:nth-child(17){grid-column: span 2;grid-row: span 1;}
  section.projects .layout-grid-projects > .item:nth-child(17) > .card-project-image > picture{aspect-ratio: 2;}  
  section.projects .layout-grid-projects > .item:nth-child(18){grid-column: span 2;grid-row: span 2;}
}
@media only screen and (min-width: 569px) and (max-width: 1024px){ 
  section.projects .layout-grid-projects{ grid-template-columns: repeat(4, 1fr);}
  section.projects .layout-grid-projects > .item:nth-child(1){grid-column: span 2;grid-row: span 2;}
  section.projects .layout-grid-projects > .item:nth-child(5){grid-column: span 1;grid-row: span 2;}
  section.projects .layout-grid-projects > .item:nth-child(10){grid-column: span 2;grid-row: span 2;}
  section.projects .layout-grid-projects > .item:nth-child(15){grid-column: span 1;grid-row: span 2;}
  section.projects .layout-grid-projects > .item:nth-child(16){grid-column: span 2;grid-row: span 2;}
  section.projects .layout-grid-projects > .item:nth-child(18){grid-column: span 1;grid-row: span 2;}
}
@media only screen and (max-width: 568px){ 
  section.projects .layout-grid-projects{ grid-template-columns: repeat(2, 1fr);}
  section.projects .layout-grid-projects > .item:nth-child(1){grid-column: span 2;grid-row: span 2;}
  section.projects .layout-grid-projects > .item:nth-child(5){grid-column: span 1;grid-row: span 2;}
  section.projects .layout-grid-projects > .item:nth-child(9){grid-column: span 2;grid-row: span 2;}
  section.projects .layout-grid-projects > .item:nth-child(14){grid-column: span 1;grid-row: span 2;}
  section.projects .layout-grid-projects > .item:nth-child(20){grid-column: span 1;grid-row: span 2;}
  section.projects .layout-grid-projects > .item:nth-child(22){grid-column: span 1;grid-row: span 2;}
}
.card-project-image{position: relative;display: flex;height: 100%;width: 100%;overflow: hidden;}
.card-project-image > picture{aspect-ratio: 1;width: 100%;height: 100%;}
.card-project-image > picture > img{width: 100%;height: 100%;object-fit: cover; transition: var(--transition-fast);-webkit-transition: var(--transition-fast);}
.card-project-image > .info{padding: var(--width-gap-xs);position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2;font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);color: var(--color-cream);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;background-color: rgba(var(--color-black-darker-rgb), .5);opacity: 0;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);-webkit-transform: translateY(var(--width-gap-xs));transform: translateY(var(--width-gap-xs));}
.card-project-image:is(:hover, :focus) > .info{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
/* section.projects .layout-grid-projects:hover .card-project-image:not(:hover) > picture > img{filter: grayscale(.75);} */


.adjacent-projects{display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--width-gap-xs);}
.adjacent-projects a{position: relative;display: block;}
.adjacent-projects a > picture {aspect-ratio:  2.5;background-color: var(--color-bronze-darker);transition: var(--transition-fast);-webkit-transition: var(--transition-fast);}
.adjacent-projects a:is(:hover, :focus) > picture {background-color: var(--color-bronze);}
.adjacent-projects a > picture > img{width: 100%;height: 100%;object-fit: cover;mix-blend-mode: soft-light;}
.adjacent-projects a > .info {position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;text-decoration: none;color: var(--color-cream);padding: var(--width-gap-sm);}
.adjacent-projects a.prev{text-align: right;}
.adjacent-projects a.next{text-align: left;}
@media only screen and (max-width: 768px){ 
  .adjacent-projects{grid-template-columns: 1fr;}
}