@charset "UTF-8";
/*
Theme Name: M A S T E R
Theme URI: https://envyus.com.au
Author: EnvyUs
Author URI: https://envyus.com.au
Description: Web Design Adelaide
Version: broucek-v2-2019v1
License: GNU General Public License
Text Domain: broucek
broucek WordPress Theme © Nov 2022
*/
/* brand tokens — see BUILD-PLAN.md Part 2 */
:root {
  --envy-emerald: #14B37D;
  --envy-orange: #E37835;
  --envy-cream: #E8E6DE;
  --envy-black: #000000;
  --envy-purple: #753BBD;
  --envy-blue: #1D2858;
  --envy-magenta: #C61DD3;
  --envy-slate: #263137;
}
.parrafo {
  color: #303030;
}
.humo {
  color: #f7f7f7;
}
.bg-humo {
  background-color: #f7f7f7 !important;
}
.ceniza {
  color: #cfcfd0;
}
.bg-ceniza {
  background-color: #cfcfd0 !important;
}
.gris {
  color: #7e7e81;
}
.bg-gris {
  background-color: #7e7e81 !important;
}
.sombra {
  color: #565658;
}
.bg-sombra {
  background-color: #565658 !important;
}
.carbon {
  color: #202020;
}
.bg-carbon {
  background-color: #202020 !important;
}
.kournikova {
  color: var(--envy-orange);
}
.bg-kournikova {
  background-color: var(--envy-orange);
}
.mauvelous {
  color: #f287b7;
}
.bg-mauvelous {
  background-color: #f287b7;
}
.wattle {
  color: #d5e15b;
}
.bg-wattle {
  background-color: #d5e15b;
}
.rosebud {
  color: #f8aa9e;
}
.bg-rosebud {
  background-color: #f8aa9e;
}
.crema {
  color: var(--envy-cream);
}
.text-cream {
  color: var(--envy-cream) !important;
}
.bg-crema {
  background-color: var(--envy-cream);
}
.verde {
  color: var(--envy-emerald);
}
.bg-verde {
  background-color: var(--envy-emerald);
}
.sangre {
  color: var(--envy-orange);
}
.bg-sangre {
  background-color: var(--envy-orange);
}
/* Backgrounds */
.bg-curve {
  background-image: url("img/bg-curve.png") !important;
  background-repeat: no-repeat;
}
.bg-curve-light {
  background-image: url("img/bg-curve-light.png") !important;
  background-repeat: no-repeat;
}
.bg-white, .bg-light, .bg-humo, .bg-ceniza, .bg-mauvelous, .bg-wattle, .bg-rosebud, .bg-crema, .bg-kimberly-light {
  color: #212529;
}
/* web fonts */
@font-face {
  font-family: "blennyblack";
  src: url("fonts/blenny-black-webfont.woff2") format("woff2"), url("fonts/blenny-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.text-display {
  font-family: "ivypresto-headline", serif;
}
.text-body-serif {
  font-family: "argent-cf", serif;
}
.text-prose {
  font-family: "argent-cf", serif;
  font-weight: 400;
}
.text-drama {
  font-family: "argent-cf", serif;
  font-weight: 700;
}
.text-benny {
  font-family: "blennyblack", sans-serif;
}
.text-bureau {
  font-family: "argent-cf", serif;
}
html {
  font-size: 62.5%;
}
body {
  font-family: "argent-cf", serif;
  font-weight: 300;
  font-size: 1.8rem;
  background-color: var(--envy-black);
  color: var(--envy-cream);
}
@media screen and (max-width: 768px) {
  html {
    font-size: 60.5%;
  }
}
@media screen and (max-width: 576px) {
  html {
    font-size: 58.5%;
  }
}
p {
  margin: 0 0 0.6em 0;
}
strong {
  font-family: "argent-cf", serif;
  font-weight: 700;
}
blockquote p {
  font-size: 2rem;
  font-weight: 500;
  text-align: left;
  border-left: 5px solid #000;
  color: #000;
  margin-bottom: 3rem;
  padding-left: 3rem;
  margin-top: 3rem;
  bottom: 0;
}
a:link {
  color: inherit;
  text-decoration: none;
}
a:visited {
  color: inherit;
}
a:hover {
  color: var(--envy-cream) !important;
  text-decoration: none;
}
*:focus {
  outline: none !important;
}
::selection {
  background: #d5e15b;
  /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #d5e15b;
  /* Gecko Browsers */
}
h1 {
  font-family: "ivypresto-headline", serif;
  font-size: 4.8rem;
}
h2 {
  font-family: "ivypresto-headline", serif;
  font-size: 4.8rem;
}
h3 {
  font-family: "ivypresto-headline", serif;
  font-size: 4.2rem;
}
h4 {
  font-family: "ivypresto-headline", serif;
  font-size: 3.4rem;
}
h5 {
  font-family: "ivypresto-headline", serif;
  font-size: 2.7rem;
}
h6 {
  font-family: "ivypresto-headline", serif;
  font-size: 2.4rem;
}
p {
  margin: 0 0 0.6em 0;
}
/*

███████╗ ██████╗ ███╗   ██╗████████╗                          
██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝                          
█████╗  ██║   ██║██╔██╗ ██║   ██║                             
██╔══╝  ██║   ██║██║╚██╗██║   ██║                             
██║     ╚██████╔╝██║ ╚████║   ██║                             
╚═╝      ╚═════╝ ╚═╝  ╚═══╝   ╚═╝                             
                                                              
 █████╗ ██╗    ██╗███████╗███████╗ ██████╗ ███╗   ███╗███████╗
██╔══██╗██║    ██║██╔════╝██╔════╝██╔═══██╗████╗ ████║██╔════╝
███████║██║ █╗ ██║█████╗  ███████╗██║   ██║██╔████╔██║█████╗  
██╔══██║██║███╗██║██╔══╝  ╚════██║██║   ██║██║╚██╔╝██║██╔══╝  
██║  ██║╚███╔███╔╝███████╗███████║╚██████╔╝██║ ╚═╝ ██║███████╗
╚═╝  ╚═╝ ╚══╝╚══╝ ╚══════╝╚══════╝ ╚═════╝ ╚═╝     ╚═╝╚══════╝
                                                              
fontawesome */
.fa-instagram, .fa-twitter, .fa-facebook-f, .fa-envelope, .fa-search, .fa-times, .fa-google-plus-g, .fa-linkedin-in, .fa-phone-alt, .fa-bars, .fa-youtube {
  color: #000;
  font-size: 1.5rem;
  margin-right: 10px;
}
.fa-instagram:hover, .fa-twitter:hover, .fa-facebook-f:hover, .fa-envelope:hover, .fa-search:hover, .fa-times:hover, .fa-google-plus-g:hover, .fa-linkedin-in:hover, .fa-phone-alt:hover, .fa-bars:hover, .fa-youtube:hover {
  color: var(--envy-orange);
  margin-right: 10px;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  transition-duration: 0.4s;
}
#social-icons-darkmode .fa-facebook-f, #social-icons-darkmode .fa-twitter, #social-icons-darkmode .fa-instagram, #social-icons-darkmode .fa-linkedin-in, #social-icons-darkmode .fa-phone-alt, #social-icons-darkmode .fa-envelope, #social-icons-darkmode .fa-bars, #social-icons-darkmode .fa-youtube {
  font-size: 1.5rem;
  color: #000;
}
#social-icons-darkmode .fa-facebook-f:hover, #social-icons-darkmode .fa-twitter:hover, #social-icons-darkmode .fa-instagram:hover, #social-icons-darkmode .fa-linkedin-in:hover, #social-icons-darkmode .fa-phone-alt:hover, #social-icons-darkmode .fa-envelope:hover, #social-icons-darkmode .fa-bars:hover, #social-icons-darkmode .fa-youtube:hover {
  color: var(--envy-orange);
}
#social-icons-lightmode .fa-facebook-f, #social-icons-lightmode .fa-twitter, #social-icons-lightmode .fa-instagram, #social-icons-lightmode .fa-linkedin-in, #social-icons-lightmode .fa-phone-alt, #social-icons-lightmode .fa-envelope, #social-icons-lightmode .fa-bars, #social-icons-lightmode .fa-youtube {
  font-size: 1.5rem;
  color: var(--envy-cream);
}
#social-icons-lightmode .fa-facebook-f:hover, #social-icons-lightmode .fa-twitter:hover, #social-icons-lightmode .fa-instagram:hover, #social-icons-lightmode .fa-linkedin-in:hover, #social-icons-lightmode .fa-phone-alt:hover, #social-icons-lightmode .fa-envelope:hover, #social-icons-lightmode .fa-bars:hover, #social-icons-lightmode .fa-youtube:hover {
  color: var(--envy-orange);
}
.fa-expand {
  font-size: 1.5rem;
}
.fa-bars, .fa-times {
  color: #000;
  font-size: 2.1rem;
  margin-right: 10px;
}
.fa-bars:hover, .fa-times:hover {
  color: #333;
  margin-right: 10px;
  -webkit-transform: translateY(2px);
  transform: translateY(0px);
  transition-duration: 0.4s;
}
.fa-bars:active, .fa-times:active {
  color: var(--envy-orange);
}
#social-icons-darkmode div {
  border-right: 2px solid var(--envy-orange);
  padding: 0 6px 0 12px;
}
#social-icons-darkmode div:first-child {
  border-right: 2px solid var(--envy-orange);
  padding: 0 6px 0 0;
}
#social-icons-darkmode div:last-child {
  border-right: 0px solid green;
  padding: 0 6px 0 12px;
}
#social-icons-lightmode div {
  border-right: 2px solid var(--envy-orange);
  padding: 0 6px 0 12px;
}
#social-icons-lightmode div:first-child {
  border-right: 2px solid var(--envy-orange);
  padding: 0 6px 0 0;
}
#social-icons-lightmode div:last-child {
  border-right: 0px solid green;
  padding: 0 6px 0 12px;
}
/* GENERAL */
.section-title {
  font-family: "ivypresto-headline", serif;
  font-size: 6rem;
  line-height: 1;
  font-style: normal;
  text-transform: uppercase;
}
.hero-title {
  font-family: "ivypresto-headline", serif;
  font-size: 9.3rem;
  line-height: 1;
  text-transform: none;
}
.projects-nav-title {
  font-family: "ivypresto-headline", serif;
  font-size: 4.2rem;
  line-height: 1;
  font-style: normal;
  text-transform: none;
}
.footer-hero-title {
  font-family: "ivypresto-headline", serif;
  font-size: 11rem;
  line-height: 0.9;
  text-transform: uppercase;
}
.sub-title {
  font-family: "ivypresto-headline", serif;
  font-size: 3.6rem;
  line-height: 1;
  font-style: normal;
  text-transform: uppercase;
}
/* MODAL MENU */
.modal-menu {
  font-family: "ivypresto-headline", serif;
  font-size: 13rem;
  line-height: 1;
}
@media screen and (max-width: 1440px) {
  .modal-menu {
    font-size: 11rem;
  }
}
@media screen and (max-width: 1280px) {
  .modal-menu {
    font-size: 9rem;
  }
}
@media screen and (max-width: 992px) {
  .projects-nav-title {
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .modal-menu {
    font-size: 8rem;
  }
  .projects-nav-title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 576px) {
  .modal-menu {
    font-size: 6rem;
  }
  .projects-nav-title {
    font-size: 1.8rem;
  }
}
#content-projects ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/*

███╗   ██╗ █████╗ ██╗   ██╗
████╗  ██║██╔══██╗██║   ██║
██╔██╗ ██║███████║██║   ██║
██║╚██╗██║██╔══██║╚██╗ ██╔╝
██║ ╚████║██║  ██║ ╚████╔╝ 
╚═╝  ╚═══╝╚═╝  ╚═╝  ╚═══╝  

Swiper Navigation */
.swiper-button-prev {
  color: rgba(255, 255, 255, 0.8) !important;
  padding-left: 0px;
}
.swiper-button-next {
  color: rgba(255, 255, 255, 0.8) !important;
  padding-right: 0px !important;
}
.swiper-button-disabled {
  color: rgba(0, 0, 0, 0.1) !important;
}
.swiper-custom .swiper-button-prev {
  color: rgba(255, 255, 255, 0.7) !important;
  padding-left: 0px;
}
.swiper-custom .swiper-button-next {
  color: rgba(255, 255, 255, 0.7) !important;
  padding-right: 20px !important;
}
.swiper-custom .swiper-button-disabled {
  color: rgba(0, 0, 0, 0.03) !important;
}
/* Swiper Pagination*/
.swiper-pagination-bullet {
  opacity: 0.6;
  background: rgba(255, 255, 255, 0.6);
  width: 12px;
  height: 12px;
  position: inherit;
}
.swiper-pagination-bullet-active {
  opacity: 0.1;
  background: var(--envy-cream);
  position: inherit;
}
/* Swiper Scroll */
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: relative;
  left: 0%;
  bottom: 0px;
  z-index: 50;
  height: 9px !important;
  width: 75%;
  margin: 0px auto;
}
.swiper-scrollbar-drag {
  opacity: 1 !important;
  background-color: rgba(255, 255, 255, 0.7);
}
/*

███████╗██╗  ██╗
██╔════╝╚██╗██╔╝
█████╗   ╚███╔╝ 
██╔══╝   ██╔██╗ 
██║     ██╔╝ ██╗
╚═╝     ╚═╝  ╚═╝
                
*/
/* FX Swiper Kenburns */
.swiper-scale-effect .swiper-slide-cover {
  transition: 26.5s ease-out;
  transform: scale(1.1);
}
.swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover {
  transform: scale(1.3);
}
/* FX Img Filters */
.img-brightness {
  filter: brightness(80%);
}
.img-contrast {
  filter: contrast(1.3);
}
/* 

 ██████╗ ██████╗ ███╗   ██╗████████╗███████╗███╗   ██╗████████╗
██╔════╝██╔═══██╗████╗  ██║╚══██╔══╝██╔════╝████╗  ██║╚══██╔══╝
██║     ██║   ██║██╔██╗ ██║   ██║   █████╗  ██╔██╗ ██║   ██║   
██║     ██║   ██║██║╚██╗██║   ██║   ██╔══╝  ██║╚██╗██║   ██║   
╚██████╗╚██████╔╝██║ ╚████║   ██║   ███████╗██║ ╚████║   ██║   
 ╚═════╝ ╚═════╝ ╚═╝  ╚═══╝   ╚═╝   ╚══════╝╚═╝  ╚═══╝   ╚═╝   
                                                               
Swiper Content*/
.swiper-headline {
  font-family: "ivypresto-headline", serif;
  font-size: 7.2rem;
  z-index: 99999;
  line-height: 1;
}
.swiper-description {
  font-family: "argent-cf", serif;
  font-size: 2.1rem;
  line-height: normal;
  color: var(--envy-cream);
}
@media screen and (max-width: 1200px) {
  .swiper-headline {
    font-size: 6rem;
  }
  .swiper-description {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 992px) {
  .swiper-headline {
    font-size: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .swiper-headline {
    font-size: 5.1rem;
  }
}
@media screen and (max-width: 576px) {
  .swiper-headline {
    font-size: 4.8rem;
    line-height: 1.1;
  }
}
/* 

██████╗  █████╗ ███╗   ██╗███╗   ██╗███████╗██████╗ 
██╔══██╗██╔══██╗████╗  ██║████╗  ██║██╔════╝██╔══██╗
██████╔╝███████║██╔██╗ ██║██╔██╗ ██║█████╗  ██████╔╝
██╔══██╗██╔══██║██║╚██╗██║██║╚██╗██║██╔══╝  ██╔══██╗
██████╔╝██║  ██║██║ ╚████║██║ ╚████║███████╗██║  ██║
╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═══╝╚═╝  ╚═══╝╚══════╝╚═╝  ╚═╝
                                                    
Swiper Banner Slider */
#block-swiper-banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  height: fit-content;
  overflow: hidden;
  width: 100%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-banner {
  width: 100vw;
  height: 60vh;
  /*min-height: 480px;
    max-height: 720;*/
  margin: 0;
  padding: 0;
  background-color: #f1f1f1;
}
/* keeps the proportion between image and video */
#block-swiper-banner .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 60vh;
  /*min-height: 480px;
    max-height: 720;*/
}
#block-swiper-banner .swiper-slide-cover img {
  object-fit: cover;
  width: 100%;
  height: 60vh;
  /*min-height: 480px;
    max-height: 720;*/
}
#block-swiper-banner .swiper-slide-cover video {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 60vh;
  /*min-height: 480px;
    max-height: 720;*/
}
@media only screen and (max-width: 992px) {
  /* keeps the proportion between image and video */
  .swiper-banner {
    height: 60vh;
    min-height: 480px;
    max-height: 600;
  }
  #block-swiper-banner .swiper-slide img {
    height: 60vh;
    min-height: 480px;
    max-height: 600;
  }
  #block-swiper-banner .swiper-slide-cover video {
    height: 60vh;
    min-height: 480px;
    max-height: 600;
  }
}
/* 

 █████╗ ██████╗ ██╗  ██╗ ██████╗  ██████╗
██╔══██╗██╔══██╗██║  ██║██╔═══██╗██╔════╝
███████║██║  ██║███████║██║   ██║██║     
██╔══██║██║  ██║██╔══██║██║   ██║██║     
██║  ██║██████╔╝██║  ██║╚██████╔╝╚██████╗
╚═╝  ╚═╝╚═════╝ ╚═╝  ╚═╝ ╚═════╝  ╚═════╝
                                         
Swiper Ad Hoc Slider */
#block-swiper-adhoc .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  height: fit-content;
  overflow: hidden;
  width: 100%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-adhoc {
  width: 100vw;
  height: 60vh;
  min-height: 480px;
  max-height: 960px;
  margin: 0;
  padding: 0;
  background-color: #f1f1f1;
}
/* keeps the proportion between image and video */
#block-swiper-adhoc .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 60vh;
  min-height: 480px;
  max-height: 960px;
}
#block-swiper-adhoc .swiper-slide-cover video {
  object-fit: cover;
  width: 100%;
  height: 60vh;
  min-height: 480px;
  max-height: 960px;
}
#block-swiper-adhoc .w-adhoc-col {
  width: 50%;
}
@media only screen and (max-width: 1400px) {
  #block-swiper-adhoc .w-adhoc-col {
    width: 60%;
  }
}
@media only screen and (max-width: 1200px) {
  #block-swiper-adhoc .w-adhoc-col {
    width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  /* keeps the proportion between image and video */
  .swiper-adhoc {
    height: 33vh;
    min-height: 320px;
  }
  #block-swiper-adhoc .swiper-slide img {
    height: 33vh;
    min-height: 320px;
  }
  #block-swiper-adhoc .swiper-slide-cover video {
    height: 33vh;
    min-height: 320px;
  }
}
/* 

 ██████╗██╗   ██╗███████╗████████╗ ██████╗ ███╗   ███╗
██╔════╝██║   ██║██╔════╝╚══██╔══╝██╔═══██╗████╗ ████║
██║     ██║   ██║███████╗   ██║   ██║   ██║██╔████╔██║
██║     ██║   ██║╚════██║   ██║   ██║   ██║██║╚██╔╝██║
╚██████╗╚██████╔╝███████║   ██║   ╚██████╔╝██║ ╚═╝ ██║
 ╚═════╝ ╚═════╝ ╚══════╝   ╚═╝    ╚═════╝ ╚═╝     ╚═╝
                                                                      
Swiper Custom Slider */
#block-swiper-custom .swiper-slide {
  text-align: center;
  height: auto;
  overflow: hidden;
  width: 100%;
}
.swiper-custom {
  width: 100vw;
}
.swiper-custom-image {
  position: relative;
  display: inline-block;
}
.swiper-custom-position {
  margin-bottom: -100px;
}
.swiper-custom-icon-constraint {
  padding: 0;
}
@media only screen and (max-width: 992px) {
  .swiper-custom {
    height: 800px;
  }
  .swiper-custom-image {
    margin-top: 270px !important;
  }
  .swiper-custom-stripe {
    padding-bottom: 170px;
  }
}
@media only screen and (max-width: 768px) {
  .swiper-custom {
    height: 680px;
  }
}
@media only screen and (max-width: 576px) {
  .swiper-custom {
    height: 600px;
  }
}
/* 

██████╗ ██████╗  ██████╗      ██╗███████╗ ██████╗████████╗███████╗
██╔══██╗██╔══██╗██╔═══██╗     ██║██╔════╝██╔════╝╚══██╔══╝██╔════╝
██████╔╝██████╔╝██║   ██║     ██║█████╗  ██║        ██║   ███████╗
██╔═══╝ ██╔══██╗██║   ██║██   ██║██╔══╝  ██║        ██║   ╚════██║
██║     ██║  ██║╚██████╔╝╚█████╔╝███████╗╚██████╗   ██║   ███████║
╚═╝     ╚═╝  ╚═╝ ╚═════╝  ╚════╝ ╚══════╝ ╚═════╝   ╚═╝   ╚══════╝
                                                                  
Projects Custom Slider */
#block-swiper-projects .swiper-slide {
  text-align: center;
  font-size: 18px;
  overflow: hidden;
  width: 100%;
  height: auto;
}
#block-swiper-projects .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.swiper-projects {
  width: 100vw;
}
#launcherMenu {
  cursor: pointer;
  display: inline-block;
  transform-origin: center center;
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), color 0.25s ease;
}
#launcherMenu.is-active {
  transform: rotate(90deg);
}
@media (max-width: 575.98px) {
  #launcherMenu {
    position: relative;
    font-size: 28px;
    margin-top: -4px;
    margin-bottom: -4px;
  }
  #launcherMenu::after {
    content: "";
    position: absolute;
    inset: -12px;
  }
  #launcherMenu.fa-times::before {
    content: "";
    display: block;
    width: 0.6875em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 2l16 16M18 2L2 18' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 0.6875em 0.6875em no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 2l16 16M18 2L2 18' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 0.6875em 0.6875em no-repeat;
  }
}
#grid-block-text-reveal {
  transform: translate(0px, 0px);
  transition-duration: 0.2s;
}
#grid-block-text-reveal:hover {
  transform: translate(0px, -3px);
  transition-duration: 1s;
  color: #000;
}
#grid-block-text-reveal:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(90deg, #00a651, #8dc63f);
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
#grid-block-text-reveal:hover::before {
  visibility: visible;
  transform: scaleX(1);
}
/* flexible-content products fx */
.voila {
  display: inline-block;
  text-align: left;
  opacity: 1;
  overflow: hidden;
  position: relative;
  border-radius: 0px;
  border: 0px;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.1);
}
.voila:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 50%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  -webkit-transition-property: center, opacity;
  transition-property: center, opacity;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.voila img {
  display: block;
  max-width: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: scale(1.1);
  filter: brightness(100%);
}
#voila-button {
  border-width: 10px;
  background: red;
}
.voila .details {
  font-family: "ivypresto-headline", serif;
  font-size: 2.1rem;
  text-transform: uppercase;
  text-align: center;
  padding: 20px;
  position: absolute;
  top: 40%;
  left: 0;
  z-index: 3;
  width: 100%;
}
.voila .details span {
  display: block;
  opacity: 0;
  position: relative;
  top: 160px;
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.voila:focus:before, .voila:focus span, .voila:hover:before, .voila:hover span {
  opacity: 1;
}
.voila:focus:before, .voila:hover:before {
  top: 0%;
  height: 100%;
}
.voila:focus span, .voila:hover span {
  top: 0;
}
.voila:focus .title, .voila:hover .title {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.voila:focus .info, .voila:hover .info {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
/* //end flexible-content products fx */
/* Newspaper Cols FX */
.newspaper {
  column-count: 2;
  column-gap: 4rem;
  column-rule: 0px solid #efefef;
}
.newspaper .newspaper-title {
  column-span: all;
}
@media only screen and (max-width: 768px) {
  .newspaper {
    column-count: 1;
    column-gap: 0rem;
    column-rule: 0px solid #efefef;
  }
}
/* 

 ██████╗ ███████╗ █████╗ ██████╗                                
██╔════╝ ██╔════╝██╔══██╗██╔══██╗                               
██║  ███╗███████╗███████║██████╔╝                               
██║   ██║╚════██║██╔══██║██╔═══╝                                
╚██████╔╝███████║██║  ██║██║                                    
 ╚═════╝ ╚══════╝╚═╝  ╚═╝╚═╝                                    
                                                                
██████╗  █████╗ ██████╗  █████╗ ██╗     ██╗      █████╗ ██╗  ██╗
██╔══██╗██╔══██╗██╔══██╗██╔══██╗██║     ██║     ██╔══██╗╚██╗██╔╝
██████╔╝███████║██████╔╝███████║██║     ██║     ███████║ ╚███╔╝ 
██╔═══╝ ██╔══██║██╔══██╗██╔══██║██║     ██║     ██╔══██║ ██╔██╗ 
██║     ██║  ██║██║  ██║██║  ██║███████╗███████╗██║  ██║██╔╝ ██╗
╚═╝     ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝╚══════╝╚═╝  ╚═╝╚═╝  ╚═╝
                                                                
██╗  ██╗███████╗██████╗  ██████╗                                
██║  ██║██╔════╝██╔══██╗██╔═══██╗                               
███████║█████╗  ██████╔╝██║   ██║                               
██╔══██║██╔══╝  ██╔══██╗██║   ██║                               
██║  ██║███████╗██║  ██║╚██████╔╝                               
╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝ ╚═════╝                                
                                                                
GSAP Parallax Hero  */
:root {
  --hero-height: 56.25vw;
  /* This makes the height proportional to 2560x1440 aspect ratio */
}
@media only screen and (max-width: 576px) {
  :root {
    --hero-height: 35vh;
  }
}
#hero {
  height: var(--hero-height);
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
#content-projects {
  height: fit-content;
}
.layer {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: var(--hero-height);
  position: fixed;
  z-index: -1;
}
.layer-bg {
  border: 0px solid red;
}
/* Mouse animation */
.mouse {
  width: 100px;
  position: fixed;
  bottom: 6rem;
  opacity: 1;
}
.mouse-icon {
  width: 25px;
  height: 45px;
  border: 2px solid #dfdfdf;
  border-radius: 15px;
  cursor: pointer;
  position: relative;
  text-align: center;
}
.mouse-wheel {
  height: 6px;
  margin: 2px auto 0;
  display: block;
  width: 3px;
  background-color: #dfdfdf;
  border-radius: 50%;
  -webkit-animation: 1.6s ease infinite wheel-up-down;
  -moz-animation: 1.6s ease infinite wheel-up-down;
  animation: 1.6s ease infinite wheel-up-down;
}
.mouse-neg {
  width: auto;
  position: fixed;
  bottom: 6rem;
  opacity: 0.8;
}
.mouse-icon-neg {
  width: 25px;
  height: 45px;
  border: 2px solid #000;
  border-radius: 15px;
  cursor: pointer;
  position: relative;
  text-align: center;
}
.mouse-wheel-neg {
  height: 6px;
  margin: 2px auto 0;
  display: block;
  width: 3px;
  background-color: #000;
  border-radius: 50%;
  -webkit-animation: 1.6s ease infinite wheel-up-down;
  -moz-animation: 1.6s ease infinite wheel-up-down;
  animation: 1.6s ease infinite wheel-up-down;
}
@-webkit-keyframes wheel-up-down {
  0% {
    margin-top: 20px;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    margin-top: 2px;
    opacity: 0;
  }
}
@-moz-keyframes wheel-up-down {
  0% {
    margin-top: 20px;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    margin-top: 2px;
    opacity: 0;
  }
}
@keyframes wheel-up-down {
  0% {
    margin-top: 20px;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    margin-top: 2px;
    opacity: 0;
  }
}
/*

 ██████╗ ███████╗ █████╗ ██████╗                    
██╔════╝ ██╔════╝██╔══██╗██╔══██╗                   
██║  ███╗███████╗███████║██████╔╝                   
██║   ██║╚════██║██╔══██║██╔═══╝                    
╚██████╔╝███████║██║  ██║██║                        
 ╚═════╝ ╚══════╝╚═╝  ╚═╝╚═╝                        
                                                    
████████╗ ██████╗  ██████╗  ██████╗ ██╗     ███████╗
╚══██╔══╝██╔═══██╗██╔════╝ ██╔════╝ ██║     ██╔════╝
   ██║   ██║   ██║██║  ███╗██║  ███╗██║     █████╗  
   ██║   ██║   ██║██║   ██║██║   ██║██║     ██╔══╝  
   ██║   ╚██████╔╝╚██████╔╝╚██████╔╝███████╗███████╗
   ╚═╝    ╚═════╝  ╚═════╝  ╚═════╝ ╚══════╝╚══════╝
                                                    
███╗   ███╗███████╗███╗   ██╗██╗   ██╗              
████╗ ████║██╔════╝████╗  ██║██║   ██║              
██╔████╔██║█████╗  ██╔██╗ ██║██║   ██║              
██║╚██╔╝██║██╔══╝  ██║╚██╗██║██║   ██║              
██║ ╚═╝ ██║███████╗██║ ╚████║╚██████╔╝              
╚═╝     ╚═╝╚══════╝╚═╝  ╚═══╝ ╚═════╝               
                                                    
GSAP Toggle Menu */
.main-tool-bar, .main-tool-bar2 {
  background: transparent;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--envy-cream);
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  transition: background-color 0.35s ease, height 0.3s ease;
}
.main-tool-bar--scrolled, .main-tool-bar2--scrolled {
  height: 40px;
}
.main-tool-bar--filled, .main-tool-bar--menu-open, .main-tool-bar2--filled, .main-tool-bar2--menu-open {
  background-color: var(--envy-emerald);
}
/*

██╗     ██╗███╗   ██╗██╗  ██╗███████╗    ███████╗██╗  ██╗
██║     ██║████╗  ██║██║ ██╔╝██╔════╝    ██╔════╝╚██╗██╔╝
██║     ██║██╔██╗ ██║█████╔╝ ███████╗    █████╗   ╚███╔╝ 
██║     ██║██║╚██╗██║██╔═██╗ ╚════██║    ██╔══╝   ██╔██╗ 
███████╗██║██║ ╚████║██║  ██╗███████║    ██║     ██╔╝ ██╗
╚══════╝╚═╝╚═╝  ╚═══╝╚═╝  ╚═╝╚══════╝    ╚═╝     ╚═╝  ╚═╝
                                                         
Links FX */
ul.wpb_page_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wpb_page_list li {
  margin: 9px 0;
}
ul.wpb_page_list a {
  box-shadow: inset 0 0 0 0 #f287b7;
  color: #f287b7;
  transition: color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
  padding: 3px !important;
}
ul.wpb_page_list a:hover {
  box-shadow: inset 280px 0 0 0 #f287b7;
  color: var(--envy-cream) !important;
}
li.current_page_item {
  border-bottom: 0px dotted #f287b7;
}
/* 

███████╗███████╗ █████╗ ██████╗  ██████╗██╗  ██╗
██╔════╝██╔════╝██╔══██╗██╔══██╗██╔════╝██║  ██║
███████╗█████╗  ███████║██████╔╝██║     ███████║
╚════██║██╔══╝  ██╔══██║██╔══██╗██║     ██╔══██║
███████║███████╗██║  ██║██║  ██║╚██████╗██║  ██║
╚══════╝╚══════╝╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝╚═╝  ╚═╝
                                                
██╗  ██╗████████╗███╗   ███╗██╗         ███████╗
██║  ██║╚══██╔══╝████╗ ████║██║         ██╔════╝
███████║   ██║   ██╔████╔██║██║         ███████╗
██╔══██║   ██║   ██║╚██╔╝██║██║         ╚════██║
██║  ██║   ██║   ██║ ╚═╝ ██║███████╗    ███████║
╚═╝  ╚═╝   ╚═╝   ╚═╝     ╚═╝╚══════╝    ╚══════╝
                                                


/* BANNER CTA */
.bannercta-bg-height {
  height: 480px;
}
@media only screen and (max-width: 576px) {
  .bannercta-bg-height {
    height: 320px;
  }
}
/*

██╗███╗   ██╗████████╗███████╗██████╗  █████╗  ██████╗████████╗██╗ ██████╗ ███╗   ██╗
██║████╗  ██║╚══██╔══╝██╔════╝██╔══██╗██╔══██╗██╔════╝╚══██╔══╝██║██╔═══██╗████╗  ██║
██║██╔██╗ ██║   ██║   █████╗  ██████╔╝███████║██║        ██║   ██║██║   ██║██╔██╗ ██║
██║██║╚██╗██║   ██║   ██╔══╝  ██╔══██╗██╔══██║██║        ██║   ██║██║   ██║██║╚██╗██║
██║██║ ╚████║   ██║   ███████╗██║  ██║██║  ██║╚██████╗   ██║   ██║╚██████╔╝██║ ╚████║
╚═╝╚═╝  ╚═══╝   ╚═╝   ╚══════╝╚═╝  ╚═╝╚═╝  ╚═╝ ╚═════╝   ╚═╝   ╚═╝ ╚═════╝ ╚═╝  ╚═══╝
                                                                                     
██████╗ ██╗      ██████╗  ██████╗██╗  ██╗███████╗                                    
██╔══██╗██║     ██╔═══██╗██╔════╝██║ ██╔╝██╔════╝                                    
██████╔╝██║     ██║   ██║██║     █████╔╝ ███████╗                                    
██╔══██╗██║     ██║   ██║██║     ██╔═██╗ ╚════██║                                    
██████╔╝███████╗╚██████╔╝╚██████╗██║  ██╗███████║                                    
╚═════╝ ╚══════╝ ╚═════╝  ╚═════╝╚═╝  ╚═╝╚══════╝                                    
                                                                                     
██████╗ ███████╗██╗   ██╗███████╗ █████╗ ██╗                                         
██╔══██╗██╔════╝██║   ██║██╔════╝██╔══██╗██║                                         
██████╔╝█████╗  ██║   ██║█████╗  ███████║██║                                         
██╔══██╗██╔══╝  ╚██╗ ██╔╝██╔══╝  ██╔══██║██║                                         
██║  ██║███████╗ ╚████╔╝ ███████╗██║  ██║███████╗                                    
╚═╝  ╚═╝╚══════╝  ╚═══╝  ╚══════╝╚═╝  ╚═╝╚══════╝                                    
                                                                                     
Interactions */
#grid-block-text-reveal, #grid-block-text-reveal .textofx {
  transform: translate(0px, 0px);
  transition-duration: 0.2s;
}
#grid-block-text-reveal:hover {
  transform: translate(0px, -6px);
  transition-duration: 1s;
}
#textofx {
  transform: translate(0px, 0%);
  transition-duration: 0.2s;
  opacity: 1;
}
#textofx:hover {
  transform: translate(0px, 0px);
  transition-duration: 1s;
  opacity: 1;
  z-index: 9999999;
}
/*#textofx {
    transform: translate(0px, -40%);
    transition-duration: 0.2s;
    z-index: 9999999;

    position: absolute;
    width: 100%;
    height: 100%;
}
#textofx:hover {
    transform: translate(0px, 0px);
    transition-duration: 1s;
}*/
/*#grid-block-text-reveal:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(90deg, #ffffff, #000);
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}
#grid-block-text-reveal:hover::before {
    visibility: visible;
    transform: scaleX(1);
}*/
/*#grid-block-text-reveal-img {
    transform: translate(0px, 0px);
    transition-duration: 0.2s;
}
#grid-block-text-reveal-img img {
    filter: grayscale(100%) !important;
}

#grid-block-text-reveal-img:hover {
    transform: translate(0px, -6px);
    transition-duration: 1s;
}
#grid-block-text-reveal-img img:hover {
    filter: grayscale(0%) !important;
}
*/
/*

 ██████╗ ██╗   ██╗ ██████╗ ████████╗███████╗
██╔═══██╗██║   ██║██╔═══██╗╚══██╔══╝██╔════╝
██║   ██║██║   ██║██║   ██║   ██║   █████╗  
██║▄▄ ██║██║   ██║██║   ██║   ██║   ██╔══╝  
╚██████╔╝╚██████╔╝╚██████╔╝   ██║   ███████╗
 ╚══▀▀═╝  ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝
                                            
Quote */
.quote {
  border-radius: 24px;
  border: 6px solid #d5e15b;
  padding: 24px;
}
/* Hamburger icon animation - https://mdbootstrap.com/docs/jquery/navigation/hamburger-menu/ */
.navbar-toggler {
  color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0) !important;
}
.animated-icon1, .animated-icon2, .animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
/* Icon 1 */
.animated-icon1, .animated-icon2, .animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.animated-icon1 span {
  background: #000;
}
.animated-icon2 span {
  background: var(--envy-cream);
}
.animated-icon3 span {
  background: var(--envy-cream);
}
.animated-icon1 span:nth-child(1) {
  top: 0px;
}
.animated-icon1 span:nth-child(2) {
  top: 10px;
}
.animated-icon1 span:nth-child(3) {
  top: 20px;
}
.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/* Icon 3*/
.animated-icon2 span:nth-child(1) {
  top: 0px;
}
.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
  top: 10px;
}
.animated-icon2 span:nth-child(4) {
  top: 20px;
}
.animated-icon2.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}
.animated-icon2.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.animated-icon2.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.animated-icon2.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
}
/* Icon 4 */
.animated-icon3 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.animated-icon3 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.animated-icon3 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.animated-icon3.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}
.animated-icon3.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.animated-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 8px;
}
/* //end Hamburger icon animation */
/* NINJAFORMS  */
/*
Styling all field labels
*/
.field-wrap label {
  display: none;
}
.nf-field-element input, .nf-field-element select, .nf-field-element textarea {
  background-color: transparent !important;
  color: var(--envy-cream);
  padding: 5px 15px;
  border-radius: 18px !important;
  border: 2px solid var(--envy-orange);
  font-family: "argent-cf", serif;
}
.field-wrap > div input[type="checkbox"], .field-wrap button, .field-wrap input[type="button"], .field-wrap input[type="submit"] {
  padding: 5px 15px;
  border-radius: 18px !important;
  border: 2px solid var(--envy-orange);
  float: right;
  font-family: "chivo", sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  color: var(--envy-cream) !important;
  text-transform: uppercase;
  transition: color 0.2s ease, background-color 0.2s ease;
}
.nf-field-container .field-wrap .nf-element::placeholder {
  font-family: "argent-cf", serif;
  font-weight: 700;
  letter-spacing: 3px;
  color: var(--envy-cream) !important;
  text-transform: uppercase;
}
.nf-form-fields-required {
  display: none;
}
.nf-field-element {
  margin-bottom: -12px !important;
}
.field-wrap input[type=submit] {
  margin-top: -8px !important;
}
.field-wrap textarea {
  font-family: "argent-cf", serif !important;
  letter-spacing: 1px;
}
.nf-error-msg, .ninja-forms-req-symbol {
  color: var(--envy-orange) !important;
  padding-top: 12px;
}
/* CONTACT PAGE */
#contactForm .nf-field-container .field-wrap .nf-element::placeholder {
  color: #000 !important;
}
#contactForm .nf-field-element input, #contactForm .nf-field-element select, #contactForm .nf-field-element textarea {
  color: #000;
  font-family: "argent-cf", serif;
}
#contactForm .field-wrap > div input[type="checkbox"], #contactForm .field-wrap button, #contactForm .field-wrap input[type="button"], #contactForm .field-wrap input[type="submit"] {
  font-family: "chivo", sans-serif;
  font-weight: 700;
  color: #000 !important;
}
/* VIDEO.JS: its white player UI in cream (video-js.css loads before style.css) */
.video-js {
  color: var(--envy-cream);
}
.video-js .vjs-big-play-button {
  border-color: var(--envy-cream);
}
.video-js .vjs-play-progress, .video-js .vjs-volume-level {
  background-color: var(--envy-cream);
}
/* Phase 1 — the-work page grid + footer. See BUILD-PLAN.md Part 3. */
.work-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .work-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .work-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1440px) {
  .work-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.work-grid .voila-card {
  aspect-ratio: 1;
  min-width: 0;
}
.work-grid .voila-card a {
  display: block;
  height: 100%;
  text-decoration: none;
}
.work-grid .voila-card a:focus-visible {
  outline: 3px solid var(--envy-orange);
  outline-offset: 4px;
}
.work-grid .voila {
  height: 100%;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-color: var(--envy-black);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.work-grid .voila:hover, .work-grid .voila-card:focus-within .voila {
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
}
.work-grid .voila:before {
  content: "";
  position: absolute;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.work-grid .voila:hover:before, .work-grid .voila-card:focus-within .voila:before {
  opacity: 1;
}
.work-grid .voila img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  filter: brightness(100%) contrast(100%);
  transition: transform 0.75s cubic-bezier(0.25, 1, 0.5, 1), filter 0.75s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
}
.work-grid .voila:hover img, .work-grid .voila-card:focus-within .voila img {
  transform: scale(1.07);
  filter: brightness(88%) contrast(105%);
}
.work-grid .voila .details {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(20px, 3vw, 36px);
  z-index: 3;
  pointer-events: none;
  text-align: center;
}
.work-grid .voila .details span {
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  font-size: clamp(2rem, calc(1.6116504854rem + 1.0355987055vw), 3.6rem);
  line-height: 1.1;
  text-transform: none;
  color: var(--envy-cream);
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.7);
  opacity: 0;
  top: auto !important;
  transform: translateY(16px);
  transition: opacity 0.45s cubic-bezier(0.25, 1, 0.5, 1), transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform, opacity;
  max-width: 90%;
}
.work-grid .voila:hover .details span, .work-grid .voila-card:focus-within .voila .details span {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .work-grid .voila, .work-grid .voila:before, .work-grid .voila img, .work-grid .voila .details span {
    transition: none !important;
  }
  .work-grid .voila:hover img, .work-grid .voila-card:focus-within .voila img {
    transform: none !important;
  }
  .work-grid .voila:hover .details span, .work-grid .voila-card:focus-within .voila .details span {
    transform: none !important;
  }
}
#footer .container-work {
  padding-inline: clamp(20px, 1.9vw, 40px);
}
.footer-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "chat" "cta" "logo" "contact";
  row-gap: clamp(3.2rem, calc(2.7145631068rem + 1.2944983819vw), 5.2rem);
  border-top: 3px solid var(--envy-orange);
  padding-top: clamp(2.4rem, calc(2.3514563107rem + 0.1294498382vw), 2.6rem);
}
.footer-chat {
  grid-area: chat;
}
.footer-cta {
  grid-area: cta;
}
.footer-logo {
  grid-area: logo;
}
.footer-contact {
  grid-area: contact;
}
@media (min-width: 1200px) {
  .footer-main {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "chat logo" "cta contact";
    column-gap: 4rem;
    row-gap: clamp(2.4rem, calc(1.8174757282rem + 1.5533980583vw), 4.8rem);
  }
  .footer-chat, .footer-logo {
    align-self: last baseline;
  }
  .footer-cta, .footer-contact {
    align-self: end;
  }
}
#footer .footer-logo svg {
  display: block;
  width: clamp(20rem, calc(18.5194174757rem + 3.9482200647vw), 26.1rem);
  height: auto;
}
#footer .footer-address {
  margin-top: clamp(1.8rem, calc(1.6058252427rem + 0.5177993528vw), 2.6rem);
}
.footer-legal-row {
  border-top: 3px solid var(--envy-emerald);
  padding-top: 1.2rem;
}
.footer-legal-sep {
  margin: 0 10px;
  color: var(--envy-cream);
  opacity: 0.6;
}
#footer #privacy-menu ul, #footer #footer-menu ul {
  margin: 0 !important;
}
#footer #privacy-menu .menu-item a {
  font-family: "argent-cf", serif;
  font-weight: 400;
  font-size: 14px;
}
#footer #footer-menu .menu-item a {
  font-family: "argent-cf", serif;
  font-weight: 700;
  font-size: 14px;
}
#footer #privacy-menu .menu-item a, #footer #footer-menu .menu-item a {
  padding: 0 !important;
}
#footer .footer-hero-title {
  display: block;
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  font-size: clamp(4.8rem, calc(3.7805825243rem + 2.7184466019vw), 9rem);
  line-height: 0.86;
  letter-spacing: -0.03em;
  text-transform: none;
  color: var(--envy-emerald);
}
#footer .sub-title {
  font-family: "argent-cf", serif;
  font-weight: 400;
  font-size: clamp(2rem, calc(1.7087378641rem + 0.7766990291vw), 3.2rem);
  line-height: 1.14;
  text-transform: none;
  max-width: 15em;
  margin: 0 0 clamp(2.4rem, calc(1.8417475728rem + 1.4886731392vw), 4.7rem);
  color: var(--envy-cream);
}
.btn-outline-envy {
  font-family: "chivo", sans-serif;
  font-weight: 600;
  font-size: clamp(1.6rem, calc(1.5029126214rem + 0.2588996764vw), 2rem);
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--envy-cream);
  text-decoration: none !important;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
  border: 2px solid var(--btn-colour, var(--envy-orange));
  border-radius: 999px;
  padding: clamp(0.7rem, calc(0.663592233rem + 0.0970873786vw), 0.85rem) clamp(2.4rem, calc(2.1330097087rem + 0.71197411vw), 3.5rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}
.btn-outline-envy:hover, .btn-outline-envy:focus-visible {
  background-color: var(--btn-colour, var(--envy-orange));
  color: var(--envy-black) !important;
}
.btn-outline-envy--cream {
  --btn-colour: var(--envy-cream);
}
.btn-outline-envy--emerald {
  --btn-colour: var(--envy-emerald);
}
#footer .footer-address-title {
  font-family: "argent-cf", serif;
  font-weight: 700;
  font-size: clamp(1.6rem, calc(1.5029126214rem + 0.2588996764vw), 2rem);
  line-height: 0.92;
  color: var(--envy-cream);
  margin-bottom: clamp(0.4rem, calc(0.3029126214rem + 0.2588996764vw), 0.8rem);
}
#footer .footer-address-body {
  font-family: "argent-cf", serif;
  font-weight: 300;
  font-size: clamp(1.5rem, calc(1.4029126214rem + 0.2588996764vw), 1.9rem);
  line-height: 1.48;
  color: var(--envy-cream);
}
#footer .footer-address-body strong {
  font-family: "argent-cf", serif;
  font-weight: 700;
  color: var(--envy-orange);
}
#footer .footer-copyright {
  font-family: "argent-cf", serif;
  font-weight: 400;
  font-size: 14px;
  color: var(--envy-cream);
}
#footer .footer-credit {
  font-family: "argent-cf", serif;
  font-weight: 700;
  font-size: 14px;
  color: var(--envy-cream);
}
#footer .footer-acknowledgment {
  font-family: "argent-cf", serif;
  font-weight: 300;
  font-size: clamp(1.5rem, calc(1.427184466rem + 0.1941747573vw), 1.8rem);
  line-height: 1.2;
  text-align: center;
  text-wrap: balance;
  color: var(--envy-cream);
  margin-block: clamp(3.2rem, calc(2.8601941748rem + 0.9061488673vw), 4.6rem) clamp(1.6rem, calc(1.4300970874rem + 0.4530744337vw), 2.3rem);
}
/* Header/hero scroll treatment. See BUILD-PLAN.md Part 4. Bar and heading are position:fixed
   and shrink continuously with raw scroll (myscripts.js, no pin/spacer) — the page never
   freezes, so the grid (real document flow right after the block) is visible and rising the
   whole time as the block's own real height shrinks in step. Once the title reaches its final,
   fully-visible small pose, myscripts.js switches the heading from fixed to absolute (positioned
   within the now-settled block) — a one-off, analytically-computed swap with no visual jump —
   so it becomes real in-flow content that scrolls away normally underneath #header like anything
   else, rather than staying fixed forever. #header is given the bar's own colour once (opaque),
   which is what keeps it reading as green at rest and is the real masking layer the heading
   passes behind once released. */
body.admin-bar #header, body.admin-bar .internal-hero-bar, body.admin-bar .internal-hero-heading {
  top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar #header, body.admin-bar .internal-hero-bar, body.admin-bar .internal-hero-heading {
    top: 46px;
  }
}
@media screen and (max-width: 600px) {
  body.admin-bar #wpadminbar {
    position: fixed;
  }
}
.header-logo-col {
  position: absolute;
  top: 2rem;
  left: 0;
  display: flex;
  align-items: center;
  height: 26px;
  padding-left: 16px;
}
@media (min-width: 576px) {
  .header-logo-col {
    padding-left: 26.9px;
  }
}
@media (min-width: 768px) {
  .header-logo-col {
    padding-left: 62.5px;
  }
}
#navbar-brand svg {
  width: 140px;
  height: auto;
}
@media (min-width: 576px) {
  #navbar-brand svg {
    width: 180px;
  }
}
#coolMenuContainer {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
@media (min-width: 768px) {
  #coolMenuContainer {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
}
#header #cool-menu .menu-item a:hover, #header #cool-menu .menu-item a:focus-visible, #header #ikonos a:hover i, #header #ikonos a:focus-visible i, #header #launcherMenu:hover {
  color: var(--envy-cream) !important;
}
#header.main-tool-bar--menu-open #ikonos {
  display: none !important;
}
html {
  overflow-anchor: none;
  scroll-behavior: auto !important;
}
.internal-hero-block--text {
  position: relative;
  height: clamp(220px, 17.552vw, 337px);
  background-color: var(--envy-black);
  overflow-anchor: none;
}
.internal-hero-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: clamp(220px, 17.552vw, 337px);
  z-index: 5;
  will-change: height;
}
.internal-hero-heading {
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 6;
  margin: 0;
  white-space: nowrap;
  text-align: center;
  text-transform: lowercase;
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  line-height: 1.14;
  letter-spacing: -0.05em;
  font-size: clamp(64px, 25.5vw, 490px);
  will-change: font-size, top;
}
.internal-hero-heading--light {
  color: var(--envy-cream);
}
.internal-hero-heading--dark {
  color: var(--envy-black);
}
@media (prefers-reduced-motion: reduce) {
  .internal-hero-bar {
    position: absolute;
    height: clamp(220px, 17.552vw, 337px);
  }
  .internal-hero-heading {
    position: absolute;
    top: 100px;
    font-size: clamp(48px, 19vw, 380px);
  }
}
/* Utility pages (404 and Search results) — Phase 13 consistency pass. See BUILD-PLAN.md Part 5. */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.utility-hero, .not-found-page {
  background: var(--envy-black);
  color: var(--envy-cream);
  padding-top: clamp(8rem, calc(6.5436893204rem + 3.8834951456vw), 14rem);
  padding-bottom: clamp(6rem, calc(5.0291262136rem + 2.5889967638vw), 10rem);
  text-align: center;
}
.utility-hero__inner, .not-found-inner {
  max-width: 96rem;
  margin-inline: auto;
}
.utility-hero__display, .not-found-code {
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  font-size: clamp(9.6rem, calc(6.5902912621rem + 8.0258899676vw), 22rem);
  line-height: 0.9;
  letter-spacing: -0.03em;
  color: var(--envy-emerald);
  margin: 0;
}
.utility-hero__kicker {
  font-family: "chivo", sans-serif;
  font-weight: 600;
  font-size: clamp(1.4rem, calc(1.3029126214rem + 0.2588996764vw), 1.8rem);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--envy-cream);
  margin: 0 0 clamp(1.2rem, calc(1.0058252427rem + 0.5177993528vw), 2rem);
}
.utility-hero__title, .not-found-title {
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  font-size: clamp(2.8rem, calc(2.2174757282rem + 1.5533980583vw), 5.2rem);
  line-height: 1.08;
  color: var(--envy-cream);
  margin: 0 0 clamp(1.6rem, calc(1.4058252427rem + 0.5177993528vw), 2.4rem);
  overflow-wrap: anywhere;
}
.utility-hero__title-query {
  color: var(--envy-emerald);
}
.utility-hero__count {
  font-family: "argent-cf", serif;
  font-weight: 400;
  font-size: clamp(1.5rem, calc(1.427184466rem + 0.1941747573vw), 1.8rem);
  color: var(--envy-cream);
  opacity: 0.85;
  margin: 0 0 clamp(2.4rem, calc(2.1087378641rem + 0.7766990291vw), 3.6rem);
}
.utility-hero__text, .not-found-text {
  font-family: "argent-cf", serif;
  font-weight: 300;
  font-size: clamp(1.6rem, calc(1.5029126214rem + 0.2588996764vw), 2rem);
  line-height: 1.5;
  color: var(--envy-cream);
  max-width: 56rem;
  margin: 0 auto;
}
.utility-hero__search, .not-found-search {
  margin: clamp(3.2rem, calc(2.8116504854rem + 1.0355987055vw), 4.8rem) auto 0;
}
.utility-hero__actions, .not-found-actions {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: clamp(2.4rem, calc(1.8174757282rem + 1.5533980583vw), 4.8rem);
  flex-wrap: wrap;
  margin-top: clamp(3.6rem, calc(3.1145631068rem + 1.2944983819vw), 5.6rem);
}
.utility-hero__actions-divider {
  color: var(--envy-emerald);
  font-size: 1.4rem;
  opacity: 0.6;
  user-select: none;
}
@media (max-width: 480px) {
  .utility-hero__actions-divider {
    display: none;
  }
}
.utility-hero__link {
  font-family: "chivo", sans-serif;
  font-weight: 600;
  font-size: clamp(1.5rem, calc(1.427184466rem + 0.1941747573vw), 1.8rem);
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--envy-cream) !important;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  transition: color 0.25s ease;
}
.utility-hero__link .utility-hero__link-arrow {
  display: inline-block;
  color: var(--envy-emerald);
  font-size: 1.2em;
  line-height: 1;
  transition: transform 0.25s ease;
}
.utility-hero__link:hover, .utility-hero__link:focus-visible {
  color: var(--envy-emerald) !important;
}
.utility-hero__link:hover.utility-hero__link--prev .utility-hero__link-arrow, .utility-hero__link:focus-visible.utility-hero__link--prev .utility-hero__link-arrow {
  transform: translateX(-4px);
}
.utility-hero__link:hover.utility-hero__link--next .utility-hero__link-arrow, .utility-hero__link:focus-visible.utility-hero__link--next .utility-hero__link-arrow {
  transform: translateX(4px);
}
.search-form--unified {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 58rem;
  height: clamp(5.2rem, calc(4.9087378641rem + 0.7766990291vw), 6.4rem);
  margin: 0 auto;
  padding: 0.5rem 0.6rem 0.5rem clamp(2rem, calc(1.8058252427rem + 0.5177993528vw), 2.8rem);
  border: 2px solid var(--envy-emerald);
  border-radius: 999px;
  background-color: transparent;
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
}
.search-form--unified:focus-within {
  box-shadow: 0 0 0 3px rgba(20, 179, 125, 0.35);
}
.search-form--unified .search-form__field {
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: "argent-cf", serif;
  font-size: clamp(1.6rem, calc(1.5029126214rem + 0.2588996764vw), 2rem);
  color: var(--envy-cream);
}
.search-form--unified .search-form__field::placeholder {
  font-family: "argent-cf", serif;
  font-weight: 400;
  color: var(--envy-cream);
  opacity: 0.55;
}
.search-form--unified .search-form__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  height: 100%;
  padding: 0 clamp(1.8rem, calc(1.6058252427rem + 0.5177993528vw), 2.6rem);
  background-color: var(--envy-emerald);
  color: var(--envy-black) !important;
  border: none !important;
  border-radius: 999px;
  font-family: "chivo", sans-serif;
  font-weight: 600;
  font-size: clamp(1.3rem, calc(1.2514563107rem + 0.1294498382vw), 1.5rem);
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.2s ease, transform 0.15s ease;
}
.search-form--unified .search-form__submit .search-form__submit-icon {
  display: inline-block;
  stroke: var(--envy-black);
}
.search-form--unified .search-form__submit:hover, .search-form--unified .search-form__submit:focus-visible {
  opacity: 0.9;
  transform: scale(1.02);
  outline: none;
}
.search-form--unified .search-form__submit:active {
  transform: scale(0.98);
}
@media (max-width: 480px) {
  .search-form--unified .search-form__submit-text {
    display: none;
  }
  .search-form--unified .search-form__submit {
    padding: 0 1.6rem;
  }
}
.search-results {
  background: var(--envy-black);
  color: var(--envy-cream);
  padding-bottom: clamp(8rem, calc(6.5436893204rem + 3.8834951456vw), 14rem);
}
.search-results__section {
  padding-block: clamp(3rem, calc(2.2718446602rem + 1.9417475728vw), 6rem);
}
.search-results__heading {
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  font-size: clamp(2.8rem, calc(2.3145631068rem + 1.2944983819vw), 4.8rem);
  line-height: 1.05;
  color: var(--envy-cream);
  margin: 0 0 clamp(2.4rem, calc(1.8174757282rem + 1.5533980583vw), 4.8rem);
}
.search-pages-list {
  max-width: 1320px;
  margin: 0 auto;
  padding-inline: clamp(24px, 5.1vw, 100px);
}
.search-page-item {
  padding: clamp(2.4rem, calc(2.1087378641rem + 0.7766990291vw), 3.6rem) 0;
  border-bottom: 1px solid rgba(232, 230, 222, 0.15);
}
.search-page-item:first-child {
  border-top: 1px solid rgba(232, 230, 222, 0.15);
}
.search-page-item__title {
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  font-size: clamp(2.2rem, calc(1.9572815534rem + 0.6472491909vw), 3.2rem);
  line-height: 1.15;
  margin: 0 0 0.8rem;
}
.search-page-item__link {
  color: var(--envy-cream);
  text-decoration: none;
  transition: color 0.2s ease;
}
.search-page-item__link:hover, .search-page-item__link:focus-visible {
  color: var(--envy-emerald) !important;
}
.search-page-item__excerpt {
  font-family: "argent-cf", serif;
  font-weight: 300;
  font-size: clamp(1.6rem, calc(1.5514563107rem + 0.1294498382vw), 1.8rem);
  line-height: 1.6;
  color: var(--envy-cream);
  opacity: 0.9;
  margin: 0;
}
.logo-marquee {
  --marquee-gap: 70px;
  --marquee-duration: 60s;
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: var(--envy-black);
  padding: 40px 0;
}
@media (min-width: 768px) {
  .logo-marquee {
    --marquee-gap: 120px;
    padding: 80px 0;
  }
}
.logo-marquee__header {
  padding-inline: clamp(20px, 4.3vw, 83px);
  margin-bottom: clamp(32px, 5vw, 60px);
}
.logo-marquee__title {
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  font-size: clamp(3.2rem, calc(2.4233009709rem + 2.071197411vw), 6.4rem);
  line-height: 1.14;
  letter-spacing: -0.03em;
  color: var(--envy-cream);
  text-align: left;
  margin: 0;
}
.logo-marquee__title--left {
  text-align: left;
}
.logo-marquee__title--center {
  text-align: center;
}
.logo-marquee__title--right {
  text-align: right;
}
.logo-marquee__viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.logo-marquee__wrap {
  display: flex;
  user-select: none;
  overflow: hidden;
  gap: var(--marquee-gap);
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .logo-marquee__wrap {
    margin-bottom: 50px;
  }
}
.logo-marquee__wrap:last-child {
  margin-bottom: 0;
}
.logo-marquee__wrap:hover .logo-marquee__list, .logo-marquee__wrap:focus-within .logo-marquee__list {
  animation-play-state: paused;
}
.logo-marquee__wrap--reverse .logo-marquee__list {
  animation-direction: reverse;
  animation-delay: -3s;
}
.logo-marquee__list {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-around;
  gap: var(--marquee-gap);
  min-width: 100%;
  animation: logo-marquee-scroll var(--marquee-duration) linear infinite;
  will-change: transform;
}
@keyframes logo-marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--marquee-gap)));
  }
}
.logo-marquee__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.logo-marquee__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 12px;
  border-radius: 6px;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.logo-marquee__link:focus-visible {
  outline: 2px solid var(--envy-orange);
  outline-offset: 4px;
}
.logo-marquee__item img {
  width: 120px;
  height: 55px;
  object-fit: contain;
  transition: transform 0.25s ease;
}
@media (min-width: 768px) {
  .logo-marquee__item img {
    width: 175px;
    height: 80px;
  }
}
.logo-marquee__link:hover img, .logo-marquee__item:hover img {
  transform: scale(1.05);
}
@media (prefers-reduced-motion: reduce) {
  .logo-marquee__list {
    animation: none;
  }
  .logo-marquee__list--clone {
    display: none;
  }
  .logo-marquee__wrap {
    overflow-x: auto;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
  }
}
.statement-ticker {
  --ticker-accent: var(--envy-emerald, #14B37D);
  --ticker-bg: var(--envy-black, #000000);
  --ticker-color: var(--envy-cream, #E8E6DE);
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: var(--ticker-bg, var(--envy-black, #000000));
  color: var(--ticker-color, var(--envy-cream, #E8E6DE));
  padding: clamp(48px, 6vw, 96px) 0;
}
.home-hero-reel + .statement-ticker {
  padding-top: clamp(150px, 19.58vw, 380px);
}
.statement-ticker__wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  user-select: none;
  touch-action: pan-y pinch-zoom;
  padding-left: clamp(24px, 5.1vw, 100px);
}
.statement-ticker__track {
  display: flex;
  align-items: center;
  width: max-content;
  will-change: transform;
}
.statement-ticker__item {
  display: inline-flex;
  align-items: center;
  gap: clamp(20px, 2.5vw, 42px);
  width: clamp(290px, 78vw, 1200px);
  margin-right: clamp(40px, 5vw, 90px);
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
  opacity: 0.35;
  transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.statement-ticker__item.is-active {
  opacity: 1;
}
.statement-ticker__link {
  display: inline-flex;
  align-items: center;
  gap: clamp(20px, 2.5vw, 42px);
  text-decoration: none;
  color: inherit !important;
  border-radius: 8px;
  transition: opacity 0.25s ease;
}
.statement-ticker__link:hover {
  opacity: 0.9;
  color: inherit !important;
}
.statement-ticker__link:hover .statement-ticker__star-svg {
  transform: scale(1.2);
}
.statement-ticker__link:focus-visible {
  outline: 2px solid var(--envy-orange, #E37835);
  outline-offset: 6px;
}
.statement-ticker__glyph {
  display: inline-flex;
  align-items: center;
  gap: clamp(2px, 0.3vw, 6px);
  flex-shrink: 0;
  align-self: stretch;
}
.statement-ticker__star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(28px, 7.72vw, 148px);
  height: clamp(28px, 7.72vw, 148px);
  color: var(--ticker-accent, var(--envy-emerald, #14B37D));
  flex-shrink: 0;
  transform-origin: center center;
  will-change: transform;
}
.statement-ticker__star-svg {
  width: 100%;
  height: 100%;
  display: block;
  transform-origin: center center;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.statement-ticker__divider {
  display: inline-block;
  width: 2px;
  align-self: stretch;
  min-height: clamp(64px, 8.03vw, 154px);
  background-color: var(--ticker-accent, var(--envy-emerald, #14B37D));
  flex-shrink: 0;
  border-radius: 1px;
}
.statement-ticker__text {
  font-family: "argent-cf", serif;
  font-weight: 300;
  font-size: clamp(2rem, calc(1.1504854369rem + 2.2653721683vw), 5.5rem);
  line-height: 1.14;
  color: var(--ticker-color, var(--envy-cream, #E8E6DE));
  margin: 0;
  white-space: normal;
}
@media (prefers-reduced-motion: reduce) {
  .statement-ticker__item {
    opacity: 1 !important;
  }
}
/* Home hero — video reel (BUILD-PLAN.md Part 5, Phase 5). "Envyus" title deliberately straddles
   the video's own bottom edge — half sits on the video, half bleeds onto whatever sits directly
   underneath it (the Statement Ticker's black section) — visible in that split state from the
   very first paint, confirmed with the user. This is NOT the "the work" hero's scroll-shrink/
   crossbar mechanism: nothing here shrinks or scrubs with scroll position ("we don't need shrink
   effect on the home page", confirmed with the user). #header's own transparent-at-rest /
   green-once-scrolled behaviour lives in js/myscripts.js's separate body.home-gated IIFE, not
   here.

   .home-hero-reel__frame/__title are position:fixed by default. js/myscripts.js's own
   home-hero-reel IIFE does two things: (a) on load/resize, sets the title's `top` so its
   typographic BASELINE (not the line-box centre, and not the line-box edge) lands exactly on the
   frame's own real rendered bottom edge — pinned at any viewport size, not just one window shape
   — so it always reads like "envyus" sitting on the video with only true descenders (the "y")
   dipping into the ticker below, matching Figma's own node 190:1653, whose bounding box bottom
   (y=1424 at the 1920px reference) lands exactly on the Statement Ticker row's own top (also
   y=1424) — a deliberate designer alignment, not a coincidence; (b) the instant the visitor
   scrolls at all, it swaps both to position:absolute at the same live scroll-anchored coordinates
   (the same analytical fixed->absolute conversion "the work" hero's release() uses) so they
   become real in-flow content and scroll away normally instead of staying stuck fixed forever.
   This is NOT a scroll effect the visitor perceives — nothing animates or resizes, it's a
   one-time, invisible position-mode swap — but it is load-bearing for the text to render at all:
   font-size above roughly 350-400px silently fails to paint (confirmed in a real browser, not
   just automated testing) whenever it visually overlaps another element WHILE position:absolute
   or position:relative-with-negative-margin. position:fixed does not hit this bug, and —
   critically — text painted correctly once while fixed stays correctly painted after switching to
   absolute (confirmed live). This is likely the real reason "the work" hero's heading has always
   used position:fixed rather than absolute from the start.

   Baseline math needs the font's real ascent/descent, which varies by copy, font, and size — a
   fixed ratio guessed from one screenshot would drift for any other title text or breakpoint. So
   myscripts.js measures it live via Canvas2D `measureText().actualBoundingBox{Ascent,Descent}`
   against the title's own computed font/size, then sets `top` to the frame's bottom edge minus
   that measured baseline-from-box-top offset — this file only sets `top` to a rough pre-JS/no-JS
   fallback (title is opacity:0 until the reveal animation runs anyway, so this is never seen in
   the normal case) and a plain `translateX(-50%)` for horizontal centring; myscripts.js owns the
   real vertical value entirely. This also carries over the earlier fix for a ~8px gap between the
   frame's real bottom edge and the reel's reserved height (both now come from one measurement of
   the frame's own rendered width, not `window.innerWidth`, which ignores the scrollbar).

   `.home-hero-reel__title` is a SIBLING of `.home-hero-reel__frame` in the markup (not nested
   inside it) — it used to be nested, which silently clipped away the bled-past-the-edge part of
   the title once released to `position: absolute`: at that point `.home-hero-reel__frame`
   becomes the title's containing block (its own parent, now also absolute-positioned), so
   frame's `overflow: hidden` (needed to crop the video itself) clipped anything the title drew
   outside frame's own box. While both are `position: fixed` this never showed up, since a
   `position: fixed` descendant's containing block is the viewport, not a non-transformed
   ancestor — the bug only appeared after the fixed->absolute release. Keeping title a sibling
   means its containing block is always `.home-hero-reel` (this rule, `position: relative`),
   which has no `overflow: hidden` of its own. */
.home-hero-reel {
  position: relative;
  width: 100%;
  background-color: var(--envy-black);
}
.home-hero-reel__frame {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1.7777777778;
  overflow: hidden;
  z-index: 1;
}
.home-hero-reel__video, .home-hero-reel__reduced-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-hero-reel__reduced-poster {
  display: none;
}
.home-hero-reel__reduced-poster--only {
  display: block;
}
.home-hero-reel__title {
  position: fixed;
  top: 48vw;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 2;
  margin: 0;
  width: 100%;
  text-align: center;
  color: var(--envy-cream);
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  text-transform: lowercase;
  white-space: nowrap;
  letter-spacing: -0.05em;
  line-height: 1.14;
  font-size: clamp(64px, 31.25vw, 600px);
  opacity: 0;
  margin-top: 24px;
  transition: opacity 0.7s ease-out, margin-top 0.7s ease-out;
}
.home-hero-reel__title.is-visible {
  opacity: 1;
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  .home-hero-reel__title {
    opacity: 1 !important;
    margin-top: 0 !important;
    transition: none;
  }
}
/* Home page "Work" section (BUILD-PLAN.md/BUILD-LOG.md — extracted from the old hard-coded
   includes/portfolio.php include into its own featured_work flexible_content layout). Tiles are
   curated projects, not a category query — index 0 is desktop-only full-width hero (updated
   Figma, node 256:30, 2026-09-23 — was rows of 2, tiles read too big); at 1024px+ the other 3
   sit in a row below it, below that all 4 tiles are equal and share one grid (2x2 tablet, 1-col
   mobile — see .featured-work-tile--full's @media (min-width: 1024px) block, 2026-09-23).
   Deliberately not reusing .voila (that's a hover-reveal card; this design shows the caption
   statically) or .section-title (wrong size for this spec). */
.featured-work {
  background-color: var(--envy-black);
  padding-block: clamp(4rem, calc(3.0291262136rem + 2.5889967638vw), 8rem);
}
.featured-work__container {
  max-width: 1920px;
  margin-inline: auto;
  padding-inline: clamp(20px, 2.2vw, 42px);
}
.featured-work__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1.6rem, calc(1.4058252427rem + 0.5177993528vw), 2.4rem);
  margin-bottom: clamp(2.4rem, calc(2.0116504854rem + 1.0355987055vw), 4rem);
}
.featured-work__title {
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  color: var(--envy-cream);
  font-size: clamp(4.8rem, calc(3.7805825243rem + 2.7184466019vw), 9rem);
  line-height: 0.92;
  margin: 0;
  opacity: 0;
  translate: 0 24px;
  transition: opacity 0.7s ease-out, translate 0.7s ease-out;
}
.featured-work__title.is-visible {
  opacity: 1;
  translate: 0 0;
}
@media (prefers-reduced-motion: reduce) {
  .featured-work__title {
    opacity: 1;
    translate: none;
    transition: none;
  }
}
.featured-work__cta {
  font-family: "chivo", sans-serif;
  font-weight: 600;
  font-size: clamp(1.6rem, calc(1.5029126214rem + 0.2588996764vw), 2rem);
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--envy-cream) !important;
  text-decoration: none !important;
  text-align: center;
  white-space: nowrap;
  border: 2px solid var(--envy-orange);
  border-radius: 999px;
  padding: clamp(0.7rem, calc(0.663592233rem + 0.0970873786vw), 0.85rem) clamp(2.4rem, calc(2.1330097087rem + 0.71197411vw), 3.5rem);
  display: inline-flex;
  align-items: center;
  transition: background-color 0.25s ease, color 0.25s ease;
}
.featured-work__cta:hover, .featured-work__cta:focus-visible {
  background-color: var(--envy-orange);
  color: var(--envy-black) !important;
}
.featured-work__tiles {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(24px, 2.5vw, 48px);
}
@media (min-width: 640px) {
  .featured-work__tiles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .featured-work__tiles {
    grid-template-columns: repeat(3, 1fr);
  }
}
.featured-work__row {
  display: contents;
}
.featured-work-tile {
  display: block;
  text-decoration: none !important;
  color: inherit;
}
.featured-work-tile__image {
  overflow: hidden;
  aspect-ratio: 1;
}
.featured-work-tile__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  filter: brightness(100%) contrast(100%);
  transition: transform 0.75s cubic-bezier(0.25, 1, 0.5, 1), filter 0.75s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
}
.featured-work-tile:hover .featured-work-tile__image img, .featured-work-tile:focus-visible .featured-work-tile__image img {
  transform: scale(1.07);
  filter: brightness(88%) contrast(105%);
}
@media (prefers-reduced-motion: reduce) {
  .featured-work-tile__image img {
    transition: none !important;
  }
  .featured-work-tile:hover .featured-work-tile__image img, .featured-work-tile:focus-visible .featured-work-tile__image img {
    transform: none !important;
  }
}
@media (min-width: 1024px) {
  .featured-work-tile--full {
    grid-column: 1 / -1;
    margin-bottom: calc(clamp(20px, 4.17vw, 80px) - clamp(24px, 2.5vw, 48px));
  }
  .featured-work-tile--full .featured-work-tile__image {
    aspect-ratio: 2.6436781609;
  }
}
.featured-work-tile__caption {
  margin-top: clamp(16px, 1.3vw, 25px);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.5em;
  row-gap: 4px;
}
.featured-work-tile__headline {
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  color: var(--envy-cream);
  font-size: clamp(2rem, calc(1.6116504854rem + 1.0355987055vw), 3.6rem);
  line-height: 1.1;
}
.featured-work-tile__meta {
  display: inline-flex;
  align-items: baseline;
  gap: 0.4em;
}
.featured-work-tile__accent {
  font-family: "blennyblack", sans-serif;
  color: var(--envy-orange);
  font-size: clamp(1.8rem, calc(1.4601941748rem + 0.9061488673vw), 3.2rem);
  line-height: 1;
}
.featured-work-tile__description {
  font-family: "argent-cf", serif;
  font-weight: 300;
  text-transform: capitalize;
  color: var(--envy-cream);
  font-size: clamp(1.4rem, calc(1.1572815534rem + 0.6472491909vw), 2.4rem);
}
/* Home page "capabilities" rows (creative / strategy / brand / design / digital / web), the
   section directly below Featured Work — shares its black background so the two blend into one
   continuous panel, matching the single background rectangle in the Figma home page frame. */
.capabilities-list {
  background-color: var(--envy-black);
  padding-block: clamp(2rem, calc(1.5145631068rem + 1.2944983819vw), 4rem);
}
.capabilities-list__container {
  max-width: 1920px;
  margin-inline: auto;
  padding-inline: clamp(20px, 16.6%, 320px);
}
.capabilities-list__heading {
  margin: 0 0 clamp(3.2rem, calc(2.4233009709rem + 2.071197411vw), 6.4rem);
  color: var(--envy-cream);
  width: fit-content;
  margin-inline: auto;
  font-family: "ivypresto-headline", serif;
  font-size: clamp(5.6rem, calc(-0.8077669903rem + 17.0873786408vw), 32rem);
  font-weight: 700;
  line-height: 0.83;
  letter-spacing: -0.05em;
  opacity: 0;
  translate: 0 24px;
  transition: opacity 0.7s ease-out, translate 0.7s ease-out;
}
.capabilities-list__heading.is-visible {
  opacity: 1;
  translate: 0 0;
}
.capabilities-list__heading-line {
  display: block;
}
.capabilities-list__heading-line--creative {
  padding-inline-start: 0.642em;
}
.capabilities-list__heading-dot {
  color: var(--envy-emerald);
}
.capabilities-list__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: clamp(12px, 1.25vw, 24px);
  align-items: center;
  padding-block: clamp(8px, 1vw, 18px);
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: calc(var(--row-index, 0) * 90ms);
}
.capabilities-list__row.is-visible {
  opacity: 1;
}
@media (max-width: 640px) {
  .capabilities-list__row {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .capabilities-list__heading {
    opacity: 1;
    translate: none;
    transition: none;
  }
  .capabilities-list__row {
    opacity: 1;
    transition: none;
  }
  .capabilities-list__word {
    transform: none;
    transition: none;
  }
}
.capabilities-list__word {
  justify-self: end;
  text-align: right;
  white-space: nowrap;
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  text-transform: lowercase;
  color: var(--envy-cream);
  font-size: clamp(6.4rem, calc(5.040776699rem + 3.6245954693vw), 12rem);
  line-height: 1.1;
  letter-spacing: -0.03em;
  transform: translateX(-2.5em);
  transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: calc(var(--row-index, 0) * 90ms);
}
.capabilities-list__row.is-visible .capabilities-list__word {
  transform: translateX(0);
}
@media (max-width: 640px) {
  .capabilities-list__word {
    justify-self: start;
    text-align: left;
  }
}
.capabilities-list__slash {
  font-family: "blennyblack", sans-serif;
  color: var(--envy-emerald);
  margin-inline-start: 0.15em;
}
.capabilities-list__services {
  font-family: "argent-cf", serif;
  font-weight: 400;
  color: var(--envy-cream);
  font-size: clamp(1.8rem, calc(1.3631067961rem + 1.1650485437vw), 3.6rem);
  line-height: 1.05;
}
/* "we create" page (BUILD-PLAN.md Part 5, Phase 6) — 4-row alternating giant-word/paragraph
   section, Figma node 190:315. Same black background as the hero/logo-marquee sections either
   side of it on this page, so the panel reads continuous. Scroll-reveal borrows the exact
   pattern from .capabilities-list (scss/_capabilities-list.scss): row opacity fade + the word's
   own entrance, both staggered per row via --row-index, driven by js/myscripts.js.

   Row layout corrected against real Figma pixel data (get_design_context on 190:315, not the
   earlier eyeballed 5.1vw inset): each row is a fixed word column (511px at the 1920 reference)
   + a 24px gap + a paragraph column (725px), the pair together (1260px) matching the divider's
   own width (1259px) almost exactly — i.e. the row's content is sized to fit the columns, not
   spread across the full container via `justify-content: space-between` (that was the bug: a
   too-wide container, ~100px inset, gave `space-between` far more room than Figma's ~320px/16.6%
   inset intends, so the word and paragraph ended up strung out at opposite edges of the
   viewport). CSS grid with a fixed fr ratio (511:725) keeps both columns' widths consistent
   across all 4 rows regardless of word length — Figma uses the same fixed-width box for
   "websites" and "brand" alike, not a shrink-to-fit label. */
.alternating-rows {
  background-color: var(--envy-black);
  padding-block: clamp(2rem, calc(1.5145631068rem + 1.2944983819vw), 4rem);
}
.alternating-rows__container {
  max-width: 2400px;
  margin-inline: auto;
  padding-inline: clamp(20px, 16.6%, 320px);
}
.alternating-rows__row {
  display: grid;
  grid-template-columns: minmax(0, 0.705fr) minmax(0, 1fr);
  column-gap: clamp(12px, 1.25vw, 24px);
  align-items: center;
  padding-block: clamp(2.4rem, calc(1.8174757282rem + 1.5533980583vw), 4.8rem);
  border-bottom: 1px solid var(--row-divider-colour, #E37835);
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: calc(var(--row-index, 0) * 90ms);
}
.alternating-rows__row.is-visible {
  opacity: 1;
}
@media (max-width: 640px) {
  .alternating-rows__row {
    grid-template-columns: 1fr;
    row-gap: 12px;
  }
}
.alternating-rows__row--right {
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.705fr);
}
.alternating-rows__row--right .alternating-rows__word {
  order: 2;
  text-align: right;
}
.alternating-rows__row--right .alternating-rows__paragraph {
  order: 1;
}
@media (max-width: 640px) {
  .alternating-rows__row--right {
    grid-template-columns: 1fr;
  }
  .alternating-rows__row--right .alternating-rows__word, .alternating-rows__row--right .alternating-rows__paragraph {
    order: 0;
    text-align: left;
  }
}
.alternating-rows__word {
  margin: 0;
  color: var(--envy-cream);
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  text-transform: lowercase;
  line-height: 1;
  letter-spacing: -0.03em;
  font-size: clamp(4rem, calc(2.0582524272rem + 5.1779935275vw), 12rem);
  --word-enter-x: -2.5em;
  transform: translateX(var(--word-enter-x));
  transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1);
  transition-delay: calc(var(--row-index, 0) * 90ms);
}
.alternating-rows__row.is-visible .alternating-rows__word {
  transform: translateX(0);
}
.alternating-rows__row--right .alternating-rows__word {
  --word-enter-x: 2.5em;
}
@media (max-width: 640px) {
  .alternating-rows__row--right .alternating-rows__word {
    --word-enter-x: -2.5em;
  }
}
.alternating-rows__paragraph {
  color: var(--envy-cream);
  font-family: "argent-cf", serif;
  font-weight: 300;
  font-size: clamp(1.6rem, calc(1.4058252427rem + 0.5177993528vw), 2.4rem);
  line-height: 1.5;
}
.alternating-rows--accent .alternating-rows__row {
  display: block;
  border-bottom: 0;
  max-width: max(calc(100% * 7 / 12), clamp(28rem, calc(18.1941747573rem + 26.1488673139vw), 68.4rem));
  margin-bottom: clamp(4rem, calc(3.0291262136rem + 2.5889967638vw), 8rem);
}
.alternating-rows--accent .alternating-rows__row:last-child {
  margin-bottom: 0;
}
@media (max-width: 640px) {
  .alternating-rows--accent .alternating-rows__row {
    max-width: none;
  }
}
.alternating-rows--accent .alternating-rows__row--left {
  margin-inline-end: auto;
}
.alternating-rows--accent .alternating-rows__row--right {
  grid-template-columns: unset;
  margin-inline-start: auto;
}
.alternating-rows--accent .alternating-rows__row--right .alternating-rows__word {
  order: 0;
  text-align: left;
}
.alternating-rows--accent .alternating-rows__row--right .alternating-rows__paragraph {
  order: 0;
}
@media (max-width: 640px) {
  .alternating-rows--accent .alternating-rows__row--right {
    margin-inline-start: 0;
  }
}
.alternating-rows--accent .alternating-rows__word {
  text-transform: none;
  font-size: clamp(3.2rem, calc(2.4233009709rem + 2.071197411vw), 6.4rem);
  margin-bottom: clamp(1.6rem, calc(1.4058252427rem + 0.5177993528vw), 2.4rem);
}
.alternating-rows--accent .alternating-rows__word::after {
  content: ".";
  color: var(--row-divider-colour, #E37835);
}
.alternating-rows--accent .alternating-rows__paragraph {
  position: relative;
  padding-left: clamp(20px, 2vw, 45px);
}
.alternating-rows--accent .alternating-rows__paragraph::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background-color: var(--row-divider-colour, #E37835);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.9s cubic-bezier(0.25, 1, 0.5, 1) 0.15s;
}
.alternating-rows--accent .alternating-rows__row {
  opacity: 1;
  transition: none;
}
.alternating-rows--accent .alternating-rows__word {
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease;
  transition-delay: 0s;
}
.alternating-rows--accent .alternating-rows__paragraph {
  opacity: 0;
  transform: translateY(1.5rem);
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.3s, opacity 0.8s ease 0.3s;
}
.alternating-rows--accent .alternating-rows__row.is-visible .alternating-rows__word, .alternating-rows--accent .alternating-rows__row.is-visible .alternating-rows__paragraph {
  opacity: 1;
  transform: none;
}
.alternating-rows--accent .alternating-rows__row.is-visible .alternating-rows__paragraph::before {
  transform: scaleY(1);
}
@media (prefers-reduced-motion: reduce) {
  .alternating-rows__row, .alternating-rows--accent .alternating-rows__word, .alternating-rows--accent .alternating-rows__paragraph {
    opacity: 1;
    transition: none;
  }
  .alternating-rows__word, .alternating-rows--accent .alternating-rows__paragraph {
    transform: none;
    transition: none;
  }
  .alternating-rows--accent .alternating-rows__paragraph::before {
    transform: none;
    transition: none;
  }
}
/* About page team "shoe grid" (BUILD-PLAN.md Phase 7, Figma 190:868). Each member is a CSS
   emerald circle with a transparent shoe cut-out on top. On hover/focus/tap the shoes step
   away and a purple circle takes the cell with the name and Instagram-style stacked
   roles (Phase 7 amendment: designer kept this original motion, new text only). "More" then
   grows an orange circle out of the button with the job title and bio (Figma 349:30/349:105);
   closing shrinks it back into More, onto the purple circle (one step back), and the shoes
   return once the member is no longer hovered, focused or tapped.
   Cut-outs keep Figma's 800px frame, so the circle geometry below (measured from that frame)
   lines up with every image.

   Motion: the entrance animates the individual `scale`/`translate` properties on the circle and
   .team-grid__feet; the idle shuffle animates `rotate`/`translate` on the img; the hover swap
   transitions `transform`/`opacity` on the img and reveal. Separate properties/elements, so
   none of them cancel each other. Hidden states only apply once js/myscripts.js has added
   .is-armed, so no-JS still shows the grid. */
.team-grid {
  background-color: var(--envy-black);
  padding-block: clamp(6rem, calc(5.0291262136rem + 2.5889967638vw), 10rem);
}
.team-grid__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(8px, 1.35vw, 26px);
  max-width: 1641px;
  margin-inline: auto;
  padding-inline: clamp(16px, 7.24vw, 139px);
  box-sizing: content-box;
}
@media (max-width: 640px) {
  .team-grid__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.team-grid__member {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1;
  -webkit-tap-highlight-color: transparent;
  pointer-events: none;
}
@media (max-width: 640px) {
  .team-grid__member {
    max-width: 42rem;
    justify-self: center;
  }
}
.team-grid__circle, .team-grid__reveal {
  position: absolute;
  left: 11.125%;
  top: 10%;
  width: 79.75%;
  aspect-ratio: 1;
  border-radius: 50%;
}
.team-grid__circle {
  background-color: var(--envy-emerald);
  pointer-events: auto;
  cursor: pointer;
}
.team-grid__feet {
  position: absolute;
  inset: 0;
  transform-origin: 50% 92%;
}
.team-grid__shoes {
  display: block;
  width: 100%;
  height: 100%;
  transform-origin: 30% 92%;
  filter: drop-shadow(0 0.6rem 0.8rem rgba(0, 0, 0, 0.25));
  transition: transform 0.55s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease 0.15s;
}
.team-grid__reveal {
  container-type: inline-size;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--envy-purple);
  color: var(--envy-cream);
  text-align: center;
  opacity: 0;
  transform: scale(0.6);
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease;
}
.team-grid__name, .team-grid__roles, .team-grid__more {
  display: block;
  opacity: 0;
  translate: 0 0.6em;
  transition: opacity 0.3s ease, translate 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.team-grid__name {
  max-width: 84%;
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  font-size: clamp(2.4rem, 17cqi, 7.2rem);
  line-height: 0.9;
  letter-spacing: -0.03em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0.08em;
}
.team-grid__roles {
  max-width: 78%;
  margin-top: 0.3em;
  font-family: "argent-cf", serif;
  font-weight: 300;
  font-size: clamp(1.2rem, 6.6cqi, 2.8rem);
  line-height: 1.05;
  text-wrap: balance;
}
.team-grid__role {
  display: block;
}
.team-grid__role::after {
  content: " /";
  content: " /" / "";
}
.team-grid__more {
  margin-top: 9cqi;
  font-size: clamp(1.1rem, 4.7cqi, 2rem);
  padding: 0.43em 1.65em;
  pointer-events: none;
  transition: opacity 0.3s ease, translate 0.5s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.25s ease, color 0.25s ease;
}
.team-grid:not(.is-armed):not(.is-visible) .team-grid__more {
  display: none;
}
.team-grid__detail {
  container-type: inline-size;
  position: absolute;
  left: 51%;
  top: 49.875%;
  width: max(79.75%, min(34rem, 100vw - 3.2rem));
  aspect-ratio: 1;
  translate: calc(-50% + var(--nudge, 0px)) -50%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--envy-orange);
  color: var(--envy-cream);
  text-align: center;
  clip-path: circle(0% at var(--origin-x, 50%) var(--origin-y, 79%));
  visibility: hidden;
  pointer-events: none;
  transition: clip-path 0.45s cubic-bezier(0.5, 0, 0.75, 0) 0.12s, visibility 0s linear 0.6s;
}
.team-grid__close {
  position: absolute;
  top: calc(8.5% - 1rem);
  left: 50%;
  translate: -50% 0;
  display: block;
  padding: 1rem;
  border: 0;
  border-radius: 50%;
  background: none;
  line-height: 0;
  cursor: pointer;
}
.team-grid__close img {
  display: block;
  transition: rotate 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.team-grid__close:hover img, .team-grid__close:focus-visible img {
  rotate: 90deg;
}
.team-grid__close:focus {
  outline: none;
}
.team-grid__close:focus-visible {
  outline: 2px solid var(--envy-cream);
  outline-offset: -0.4rem;
}
.team-grid__detail-body {
  box-sizing: border-box;
  width: 76%;
  max-height: 100%;
  padding: 14cqi 0 10cqi;
}
.team-grid .team-grid__title {
  margin: 0 0 0.375em;
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  font-size: clamp(2rem, 7.5cqi, 3.2rem);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  color: inherit;
}
.team-grid__bio {
  max-width: 95.6%;
  margin-inline: auto;
  font-family: "argent-cf", serif;
  font-weight: 300;
  font-size: clamp(1.4rem, 4.7cqi, 2rem);
  line-height: 1.1;
  text-wrap: pretty;
}
.team-grid__bio p {
  margin: 0;
}
.team-grid__bio p + p {
  margin-top: 0.6em;
}
.team-grid__close, .team-grid__title, .team-grid__bio {
  opacity: 0;
  translate: 0 0.6em;
  transition: opacity 0.15s ease, translate 0.3s ease;
}
.team-grid__close {
  translate: -50% 0;
  scale: 0.6;
  transition: opacity 0.15s ease, scale 0.3s ease;
}
.team-grid__member:has(:focus-visible) .team-grid__circle, .team-grid__member.is-active .team-grid__circle {
  background-color: var(--envy-purple);
  transition: background-color 0s linear 0.75s;
}
.team-grid__member:has(:focus-visible) .team-grid__shoes, .team-grid__member.is-active .team-grid__shoes {
  transform: translateY(14%) rotate(6deg) scale(0.9);
  opacity: 0;
  transition: transform 0.45s cubic-bezier(0.5, 0, 0.75, 0), opacity 0.3s ease 0.1s;
}
.team-grid__member:has(:focus-visible) .team-grid__reveal, .team-grid__member.is-active .team-grid__reveal {
  opacity: 1;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s, opacity 0.25s ease 0.15s;
}
.team-grid__member:has(:focus-visible) .team-grid__name, .team-grid__member:has(:focus-visible) .team-grid__roles, .team-grid__member:has(:focus-visible) .team-grid__more, .team-grid__member.is-active .team-grid__name, .team-grid__member.is-active .team-grid__roles, .team-grid__member.is-active .team-grid__more {
  opacity: 1;
  translate: 0 0;
}
.team-grid__member:has(:focus-visible) .team-grid__more, .team-grid__member.is-active .team-grid__more {
  pointer-events: auto;
}
.team-grid__member:has(:focus-visible) .team-grid__name, .team-grid__member.is-active .team-grid__name {
  transition-delay: 0.32s;
}
.team-grid__member:has(:focus-visible) .team-grid__roles, .team-grid__member.is-active .team-grid__roles {
  transition-delay: 0.42s;
}
.team-grid__member:has(:focus-visible) .team-grid__more, .team-grid__member.is-active .team-grid__more {
  transition-delay: 0.52s, 0.52s, 0s, 0s;
}
@media (hover: hover) {
  .team-grid__member:hover .team-grid__circle {
    background-color: var(--envy-purple);
    transition: background-color 0s linear 0.75s;
  }
  .team-grid__member:hover .team-grid__shoes {
    transform: translateY(14%) rotate(6deg) scale(0.9);
    opacity: 0;
    transition: transform 0.45s cubic-bezier(0.5, 0, 0.75, 0), opacity 0.3s ease 0.1s;
  }
  .team-grid__member:hover .team-grid__reveal {
    opacity: 1;
    transform: scale(1);
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s, opacity 0.25s ease 0.15s;
  }
  .team-grid__member:hover .team-grid__name, .team-grid__member:hover .team-grid__roles, .team-grid__member:hover .team-grid__more {
    opacity: 1;
    translate: 0 0;
  }
  .team-grid__member:hover .team-grid__more {
    pointer-events: auto;
  }
  .team-grid__member:hover .team-grid__name {
    transition-delay: 0.32s;
  }
  .team-grid__member:hover .team-grid__roles {
    transition-delay: 0.42s;
  }
  .team-grid__member:hover .team-grid__more {
    transition-delay: 0.52s, 0.52s, 0s, 0s;
  }
}
.team-grid .team-grid__member.is-open {
  z-index: 2;
}
.team-grid .team-grid__member.is-open .team-grid__circle {
  background-color: var(--envy-orange);
  transition: background-color 0s linear 0.6s;
}
.team-grid .team-grid__member.is-open .team-grid__shoes {
  transform: translateY(14%) rotate(6deg) scale(0.9);
  opacity: 0;
}
.team-grid .team-grid__member.is-open .team-grid__reveal {
  opacity: 0;
  transition: opacity 0s linear 0.6s;
}
.team-grid .team-grid__member.is-open .team-grid__more {
  pointer-events: none;
}
.team-grid .team-grid__member.is-open .team-grid__detail {
  clip-path: circle(50% at 50% 50%);
  visibility: visible;
  pointer-events: auto;
  transition: clip-path 0.6s cubic-bezier(0.65, 0, 0.35, 1), visibility 0s;
}
.team-grid .team-grid__member.is-open .team-grid__close, .team-grid .team-grid__member.is-open .team-grid__title, .team-grid .team-grid__member.is-open .team-grid__bio {
  opacity: 1;
  translate: 0 0;
  transition: opacity 0.35s ease 0.35s, translate 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.35s;
}
.team-grid .team-grid__member.is-open .team-grid__close {
  translate: -50% 0;
  scale: 1;
  transition: opacity 0.3s ease 0.3s, scale 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s;
}
.team-grid .team-grid__member.is-open .team-grid__bio {
  transition-delay: 0.45s;
}
.team-grid .team-grid__member.is-closing .team-grid__circle, .team-grid .team-grid__member.is-closing .team-grid__reveal {
  transition: none;
}
.team-grid .team-grid__member.is-closing .team-grid__shoes {
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.35s, opacity 0.3s ease 0.35s;
}
.team-grid.is-visible .team-grid__shoes {
  animation: team-grid-shuffle calc(1.4s + var(--tempo, 0) * 0.2s) ease-in-out calc(1.1s + var(--i, 0) * 0.15s) 1;
}
.team-grid.is-armed:not(.is-visible) .team-grid__circle {
  scale: 0;
}
.team-grid.is-armed:not(.is-visible) .team-grid__feet {
  opacity: 0;
}
.team-grid.is-visible .team-grid__circle {
  animation: team-grid-pop 500ms cubic-bezier(0.34, 1.56, 0.64, 1) calc(var(--ring, 0) * 120ms) both;
}
.team-grid.is-visible .team-grid__feet {
  animation: team-grid-step-in 600ms cubic-bezier(0.25, 1, 0.5, 1) calc(var(--ring, 0) * 120ms + 180ms) both;
}
@keyframes team-grid-pop {
  from {
    scale: 0;
  }
  to {
    scale: 1;
  }
}
@keyframes team-grid-step-in {
  0% {
    opacity: 0;
    translate: 0 -30%;
  }
  55% {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }
  80% {
    scale: 1.03 0.95;
  }
  100% {
    opacity: 1;
    translate: 0 0;
    scale: 1;
  }
}
@keyframes team-grid-shuffle {
  0%, 100% {
    rotate: 0deg;
    translate: 0 0;
  }
  22% {
    rotate: -1.6deg;
    translate: 0 -1.2%;
  }
  34% {
    rotate: 0deg;
    translate: 0 0;
  }
  58% {
    rotate: 0.9deg;
    translate: 0.6% 0;
  }
  72% {
    rotate: 0deg;
    translate: 0 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .team-grid.is-armed:not(.is-visible) .team-grid__circle {
    scale: 1;
  }
  .team-grid.is-armed:not(.is-visible) .team-grid__feet {
    opacity: 1;
  }
  .team-grid .team-grid__circle, .team-grid .team-grid__feet, .team-grid .team-grid__shoes {
    animation: none !important;
  }
  .team-grid .team-grid__shoes, .team-grid .team-grid__reveal, .team-grid .team-grid__name, .team-grid .team-grid__roles, .team-grid .team-grid__more, .team-grid .team-grid__detail, .team-grid .team-grid__title, .team-grid .team-grid__bio {
    transition: none !important;
    transform: none !important;
    translate: none !important;
  }
  .team-grid .team-grid__detail {
    translate: calc(-50% + var(--nudge, 0px)) -50% !important;
  }
  .team-grid .team-grid__close {
    transition: none !important;
  }
}
/* Contact page form (BUILD-PLAN.md Phase 8, Figma 190:1014) — the `form` layout's `outline`
   style. Ninja Forms markup, restyled in place. The !important flags below only override the
   sitewide Ninja Forms rules in _vendors.scss, which are themselves !important. */
.contact-form {
  --form-border: #C61DD3;
  background-color: var(--envy-black);
  padding-block: clamp(4rem, calc(3.2233009709rem + 2.071197411vw), 7.2rem) clamp(8rem, calc(6.786407767rem + 3.2362459547vw), 13rem);
  padding-inline: 20px;
}
.contact-form__inner {
  max-width: 832px;
  margin-inline: auto;
}
.contact-form__title {
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  font-size: clamp(3.6rem, calc(2.9203883495rem + 1.8122977346vw), 6.4rem);
  color: var(--envy-cream);
  margin-bottom: 2rem;
}
.contact-form__description {
  font-family: "argent-cf", serif;
  font-weight: 300;
  font-size: clamp(1.6rem, calc(1.5029126214rem + 0.2588996764vw), 2rem);
  color: var(--envy-cream);
  margin-bottom: 4rem;
}
.contact-form nf-fields-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 2rem;
}
.contact-form nf-field {
  flex: 0 0 100%;
}
.contact-form nf-field:has(.recaptcha-container), .contact-form nf-field:has(.turnstile-container) {
  flex: 1 1 auto;
}
.contact-form nf-field:has(.submit-container) {
  flex: 0 0 auto;
  margin-left: auto;
}
.contact-form .nf-field-container {
  margin-bottom: 1.5rem;
}
.contact-form .textarea-container {
  margin-top: 0.7rem;
  margin-bottom: 3.5rem;
}
.contact-form .nf-field-element {
  margin-bottom: 0 !important;
}
.contact-form .nf-field-element input.nf-element, .contact-form .nf-field-element textarea {
  display: block;
  width: 100%;
  height: clamp(5.2rem, calc(4.7388349515rem + 1.2297734628vw), 7.1rem);
  padding: 0 clamp(2rem, calc(1.7815533981rem + 0.5825242718vw), 2.9rem);
  border: 2px solid var(--form-border);
  border-radius: 999px !important;
  font-family: "argent-cf", serif;
  font-weight: 400;
  font-size: clamp(1.6rem, calc(1.4058252427rem + 0.5177993528vw), 2.4rem);
  letter-spacing: 0;
  color: var(--envy-cream);
  transition: box-shadow 0.2s ease;
}
.contact-form .nf-field-element input.nf-element:focus, .contact-form .nf-field-element textarea:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--form-border);
}
.contact-form .nf-field-element input.nf-element::placeholder, .contact-form .nf-field-element textarea.nf-element::placeholder {
  font-family: "argent-cf", serif;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: capitalize;
  color: #F5F5F5 !important;
  opacity: 1;
}
.contact-form .nf-field-element textarea {
  height: clamp(20rem, calc(16.9660194175rem + 8.0906148867vw), 32.5rem);
  padding-block: clamp(1.6rem, calc(1.454368932rem + 0.3883495146vw), 2.2rem);
  border-radius: 26px !important;
  resize: vertical;
}
.contact-form .nf-error .nf-field-element input.nf-element, .contact-form .nf-error .nf-field-element textarea {
  border-color: var(--form-border);
}
.contact-form .nf-error-msg, .contact-form .ninja-forms-req-symbol {
  color: var(--form-border) !important;
  font-family: "argent-cf", serif;
  font-size: clamp(1.3rem, calc(1.227184466rem + 0.1941747573vw), 1.6rem);
  padding-top: 0.8rem;
}
.contact-form .recaptcha-container .nf-field-element, .contact-form .turnstile-container .nf-field-element, .contact-form .submit-container .nf-field-element {
  display: flex;
}
.contact-form .submit-container .nf-field-element {
  justify-content: flex-end;
}
.contact-form .field-wrap input[type="button"], .contact-form .field-wrap input[type="submit"], .contact-form .field-wrap button, .contact-form .ninja-forms-field.nf-element[type="button"], .contact-form .ninja-forms-field.nf-element[type="submit"] {
  float: none;
  width: auto;
  height: auto;
  min-width: 178px;
  margin-top: 0 !important;
  padding: clamp(0.7rem, calc(0.663592233rem + 0.0970873786vw), 0.85rem) clamp(2.4rem, calc(2.1330097087rem + 0.71197411vw), 3.5rem);
  border: 2px solid var(--form-border);
  border-radius: 999px !important;
  background-color: transparent;
  font-family: "chivo", sans-serif;
  font-weight: 600;
  font-size: clamp(1.6rem, calc(1.5029126214rem + 0.2588996764vw), 2rem);
  line-height: 1;
  letter-spacing: 0.12em;
  color: var(--envy-cream) !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.contact-form .field-wrap input[type="button"]:hover, .contact-form .field-wrap input[type="button"]:focus-visible, .contact-form .field-wrap input[type="submit"]:hover, .contact-form .field-wrap input[type="submit"]:focus-visible, .contact-form .field-wrap button:hover, .contact-form .field-wrap button:focus-visible, .contact-form .ninja-forms-field.nf-element[type="button"]:hover, .contact-form .ninja-forms-field.nf-element[type="button"]:focus-visible, .contact-form .ninja-forms-field.nf-element[type="submit"]:hover, .contact-form .ninja-forms-field.nf-element[type="submit"]:focus-visible {
  background-color: transparent !important;
  color: var(--envy-cream) !important;
  outline: none;
}
.contact-form .nf-form-errors .nf-error-msg {
  padding-top: 0;
}
.contact-form .nf-response-msg {
  font-family: "argent-cf", serif;
  font-weight: 300;
  font-size: clamp(1.8rem, calc(1.654368932rem + 0.3883495146vw), 2.4rem);
  color: var(--envy-cream);
}
@media (max-width: 767px) {
  .contact-form nf-field:has(.recaptcha-container), .contact-form nf-field:has(.turnstile-container), .contact-form nf-field:has(.submit-container) {
    flex: 0 0 100%;
  }
}
/* single project pages (single-projects.php): cream intro, black content, slate prev/next */
.project-intro {
  background-color: var(--envy-cream);
  color: var(--envy-black);
  margin-bottom: 80px;
}
.project-intro #grid-block-text-reveal:before {
  background-image: none;
  background-color: var(--reveal-colour);
}
#content-projects {
  background-color: var(--envy-black);
  color: var(--envy-cream);
}
#navigation-fx {
  background-color: var(--envy-slate);
}
/* content layout (flexible-content.php): a reading page, e.g. the privacy policy */
.content-block {
  background-color: var(--envy-black);
  color: var(--envy-cream);
  padding-block: clamp(6rem, calc(4.5436893204rem + 3.8834951456vw), 12rem);
  padding-inline: clamp(24px, 5.1vw, 100px);
}
.content-block:first-child {
  padding-top: clamp(8rem, calc(7.0291262136rem + 2.5889967638vw), 12rem);
}
.content-block__inner {
  font-size: clamp(1.7rem, calc(1.627184466rem + 0.1941747573vw), 2rem);
  max-width: 1320px;
  margin-inline: auto;
}
@media (min-width: 992px) {
  .content-block__inner--image-start, .content-block__inner--image-end {
    max-width: 128rem;
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: clamp(4rem, calc(3.0291262136rem + 2.5889967638vw), 8rem);
    align-items: center;
  }
  .content-block__inner--image-end {
    grid-template-columns: 7fr 5fr;
  }
  .content-block__inner--image-end .content-block__media {
    order: 2;
  }
}
.content-block__media {
  margin-bottom: clamp(4rem, calc(3.2233009709rem + 2.071197411vw), 7.2rem);
}
.content-block__media img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 992px) {
  .content-block__inner--image-start .content-block__media, .content-block__inner--image-end .content-block__media {
    margin-bottom: 0;
  }
}
.content-block__body h2, .content-block__body h3 {
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  font-size: clamp(2.8rem, calc(2.3145631068rem + 1.2944983819vw), 4.8rem);
  line-height: 1.05;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--envy-cream);
  margin: clamp(4rem, calc(3.2233009709rem + 2.071197411vw), 7.2rem) 0 clamp(1.6rem, calc(1.4058252427rem + 0.5177993528vw), 2.4rem);
}
.content-block__body h3 {
  font-size: clamp(2rem, calc(1.6116504854rem + 1.0355987055vw), 3.6rem);
  line-height: 1.1;
}
.content-block__title, .content-block__body > :first-child {
  margin-top: 0;
}
.content-block__title, .content-block__text > .content-block__body:first-child > h1:first-child, .content-block__text > .content-block__body:first-child > h2:first-child, .content-block__text > .content-block__body:first-child > h3:first-child {
  font-family: "ivypresto-headline", serif;
  font-weight: 700;
  color: var(--envy-cream);
  font-size: clamp(3.6rem, calc(2.9203883495rem + 1.8122977346vw), 6.4rem);
  line-height: 1;
  letter-spacing: -0.01em;
  text-transform: none;
  margin: 0 0 clamp(2.4rem, calc(2.0116504854rem + 1.0355987055vw), 4rem);
}
.content-block__title strong, .content-block__body h1 strong, .content-block__body h2 strong, .content-block__body h3 strong, .content-block__body h4 strong {
  font-family: inherit;
  font-weight: inherit;
}
.content-block__body p, .content-block__body li {
  font-family: "argent-cf", serif;
  font-weight: 300;
  font-size: clamp(1.7rem, calc(1.627184466rem + 0.1941747573vw), 2rem);
  line-height: 1.55;
}
.content-block__body p, .content-block__body ul, .content-block__body ol {
  margin: 0 0 1em;
}
.content-block__body ul, .content-block__body ol {
  padding-left: 1.2em;
}
.content-block__body li {
  margin-bottom: 0.4em;
}
.content-block__body li::marker {
  color: var(--envy-emerald);
}
.content-block__body strong {
  font-weight: 700;
}
.content-block__body a:link, .content-block__body a:visited {
  color: var(--envy-emerald);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.content-block__body > :last-child {
  margin-bottom: 0;
}
.content-block__link {
  margin-top: clamp(2.4rem, calc(2.2058252427rem + 0.5177993528vw), 3.2rem);
}
body, html {
  margin: 0;
  padding: 0;
  z-index: -9 !important;
}
html {
  overflow-x: hidden;
}
.container-xxl {
  max-width: 1500px;
  padding: 0 80px;
}
@media only screen and (max-width: 1440px) {
  .container-xxl {
    max-width: 1500px;
    padding: 0 40px;
  }
}
.container-work {
  width: 100%;
  max-width: 2400px;
  margin-inline: auto;
  padding-inline: clamp(24px, 5.1vw, 100px);
}
li {
  list-style-position: outside;
}
#container-broucek {
  margin-top: 0px;
  padding: 0;
  background-color: var(--envy-cream);
}
#spacer-top {
  height: 130px;
  transition: 0.6s;
  background-color: transparent;
}
#sidebar {
  margin-top: 100px;
}
.separator {
  border-top: 1px solid #efefef;
}
/*

██╗      ██████╗  ██████╗  ██████╗ ███████╗
██║     ██╔═══██╗██╔════╝ ██╔═══██╗██╔════╝
██║     ██║   ██║██║  ███╗██║   ██║███████╗
██║     ██║   ██║██║   ██║██║   ██║╚════██║
███████╗╚██████╔╝╚██████╔╝╚██████╔╝███████║
╚══════╝ ╚═════╝  ╚═════╝  ╚═════╝ ╚══════╝
                                           
Logos */
#logo-change {
  position: relative;
  transition: 0.6s;
  width: 220px;
  height: auto !important;
  padding: 6px 12px;
}
.logo-constraint {
  width: auto;
  height: 100px;
}
.logo-constraint-footer {
  height: auto;
  width: 220px !important;
}
.logo-constraint-social {
  height: auto;
  width: 36px !important;
}
#logo-footer {
  position: relative;
  max-width: 240px !important;
}
@media screen and (max-width: 768px) {
  .spacer-top-home {
    height: 160px;
  }
  .logo-constraint {
    height: 90px;
  }
}
@media screen and (max-width: 576px) {
  .spacer-top-home {
    height: 150px;
  }
  .logo-constraint {
    height: 80px;
  }
}
/* 

██████╗ ██╗   ██╗████████╗████████╗ ██████╗ ███╗   ██╗███████╗
██╔══██╗██║   ██║╚══██╔══╝╚══██╔══╝██╔═══██╗████╗  ██║██╔════╝
██████╔╝██║   ██║   ██║      ██║   ██║   ██║██╔██╗ ██║███████╗
██╔══██╗██║   ██║   ██║      ██║   ██║   ██║██║╚██╗██║╚════██║
██████╔╝╚██████╔╝   ██║      ██║   ╚██████╔╝██║ ╚████║███████║
╚═════╝  ╚═════╝    ╚═╝      ╚═╝    ╚═════╝ ╚═╝  ╚═══╝╚══════╝

Buttons */
.btn-slider {
  color: var(--envy-cream);
  background-color: red;
  border-color: var(--envy-cream);
}
.btn-slider:hover {
  color: #d5e15b;
  background-color: var(--envy-cream);
  border-color: var(--envy-cream);
}
.btn-outline-light {
  font-family: "chivo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--envy-cream);
  background-color: transparent;
  border: 2px solid var(--envy-cream);
  border-radius: 40px;
  padding: clamp(0.7rem, calc(0.663592233rem + 0.0970873786vw), 0.85rem) clamp(2.4rem, calc(2.1330097087rem + 0.71197411vw), 3.5rem);
  font-size: clamp(1.6rem, calc(1.5029126214rem + 0.2588996764vw), 2rem);
  line-height: 1;
}
.btn-outline-light:hover {
  color: rgba(0, 0, 0, 0.6);
  background-color: var(--envy-cream);
  border-color: var(--envy-cream);
}
.btn-outline-dark {
  font-family: "chivo", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(0, 0, 0, 0.6);
  background-color: transparent;
  border: 2px solid rgba(0, 0, 0, 0.6);
  border-radius: 40px;
  padding: clamp(0.7rem, calc(0.663592233rem + 0.0970873786vw), 0.85rem) clamp(2.4rem, calc(2.1330097087rem + 0.71197411vw), 3.5rem);
  font-size: clamp(1.6rem, calc(1.5029126214rem + 0.2588996764vw), 2rem);
  line-height: 1;
}
.btn-outline-dark:hover {
  color: var(--envy-cream);
  background-color: rgba(0, 0, 0, 0.6);
  border-color: rgba(0, 0, 0, 0.6);
}
#header {
  position: fixed;
  width: 100%;
  z-index: 999;
}
/*

███╗   ██╗ █████╗ ██╗   ██╗██████╗  █████╗ ██████╗ 
████╗  ██║██╔══██╗██║   ██║██╔══██╗██╔══██╗██╔══██╗
██╔██╗ ██║███████║██║   ██║██████╔╝███████║██████╔╝
██║╚██╗██║██╔══██║╚██╗ ██╔╝██╔══██╗██╔══██║██╔══██╗
██║ ╚████║██║  ██║ ╚████╔╝ ██████╔╝██║  ██║██║  ██║
╚═╝  ╚═══╝╚═╝  ╚═╝  ╚═══╝  ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝
                                                   
Navbar */
#navbar-fx {
  transition: 0.4s;
  width: 100%;
  top: 0;
  z-index: 99;
  background-color: transparent;
}
.navbar-custom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}
#navfloatingbox {
  border: 0px solid blue;
  color: var(--envy-cream);
  z-index: 101;
}
/* 
██╗███╗   ███╗ █████╗  ██████╗ ███████╗
██║████╗ ████║██╔══██╗██╔════╝ ██╔════╝
██║██╔████╔██║███████║██║  ███╗█████╗  
██║██║╚██╔╝██║██╔══██║██║   ██║██╔══╝  
██║██║ ╚═╝ ██║██║  ██║╚██████╔╝███████╗
╚═╝╚═╝     ╚═╝╚═╝  ╚═╝ ╚═════╝ ╚══════╝
*/
img, svg {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
img.alignright {
  float: right !important;
  margin: 0 0 1em 1em !important;
}
img.alignleft {
  float: left !important;
  margin: 10px 1em 1em 0 !important;
}
img.aligncenter {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
a img.alignright {
  float: right !important;
  margin: 0 0 1em 1em !important;
}
a img.alignleft {
  float: left !important;
  margin: 0 1em 1em 0 !important;
}
a img.aligncenter {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.wp-caption {
  width: 100% !important;
  height: auto;
}
.shadow-cool {
  box-shadow: -24px -24px #f287b7;
}
/* Menu

███╗   ███╗███████╗███╗   ██╗██╗   ██╗
████╗ ████║██╔════╝████╗  ██║██║   ██║
██╔████╔██║█████╗  ██╔██╗ ██║██║   ██║
██║╚██╔╝██║██╔══╝  ██║╚██╗██║██║   ██║
██║ ╚═╝ ██║███████╗██║ ╚████║╚██████╔╝
╚═╝     ╚═╝╚══════╝╚═╝  ╚═══╝ ╚═════╝

*/
/* MENU ITEMS */
.menu-item a, .menu-item a:link, .menu-item a:visited {
  font-family: "ivypresto-headline", serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.1;
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
  display: block;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 9px !important;
  padding-right: 9px !important;
  font-weight: normal;
}
.menu-item a:hover {
  color: var(--envy-cream) !important;
  text-decoration: none;
  background-color: #f287b7;
}
.menu-item a:active {
  color: #f287b7;
  text-decoration: none;
}
.menu-item.current-menu-item > a {
  color: #f287b7;
}
.menu-item.current-menu-ancestor > a {
  color: #f287b7;
}
.navbar-nav .dropdown-menu {
  position: static;
  left: 0;
  left: auto;
}
.dropdown-menu {
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  margin-top: 0px;
  text-align: left;
  list-style: none;
  background: #f287b7;
  background-clip: padding-box;
  border: 0px solid rgba(0, 0, 0, 0.5);
  border-radius: 0.25rem;
  color: var(--envy-cream) !important;
}
.dropdown-item {
  color: var(--envy-cream) !important;
  padding: 9px 15px !important;
}
.dropdown-item.hover, .dropdown-item:hover {
  text-decoration: none;
  background-color: #f287b7 !important;
}
.dropdown-item.active, .dropdown-item:active {
  color: #f287b7 !important;
  text-decoration: none;
  background-color: #f287b7;
}
/* COOL MENU */
#cool-menu ul, .cool-menu ul {
  display: flex;
  margin-left: 0 !important;
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
}
#cool-menu .menu-item a {
  color: #000;
  text-align: center;
  font-family: "IvyPresto Headline", "ivypresto-headline", serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.14;
  /* 114% = 20.52px */
  text-transform: none;
  padding: 3px 12px !important;
  margin: 0 !important;
  letter-spacing: 0;
}
#cool-menu .menu-item a:hover {
  background: transparent;
}
#cool-menu .menu-item a:active {
  color: #000;
}
#cool-menu .menu-item a:link {
  color: #000 !important;
}
#cool-menu .menu-item.current-menu-item > a {
  color: #cfcfd0 !important;
}
#cool-menu .menu-item.current-menu-ancestor > a {
  color: #cfcfd0 !important;
}
@media only screen and (max-width: 1024px) {
  #cool-menu ul, .cool-menu ul {
    display: inline;
  }
  #cool-menu .menu-item a {
    line-height: 1.2;
    padding: 5px 8px 0 8px !important;
  }
}
@media only screen and (max-width: 575.98px) {
  #cool-menu {
    margin-right: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  #cool-menu .menu-item a {
    font-size: 22px;
    padding: 6px 4px !important;
  }
}
/* PRIVACY MENU */
#privacy-menu ul, .privacy-menu ul {
  display: flex !important;
  margin-left: 0 !important;
  padding: 0;
  list-style-type: none;
}
#privacy-menu .menu-item a {
  font-family: "argent-cf", serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: normal;
  color: var(--envy-cream);
  text-transform: capitalize;
  padding: 0 12px !important;
  margin: 0 !important;
}
#privacy-menu .menu-item a:hover {
  color: var(--envy-orange) !important;
  background: transparent;
}
#privacy-menu .menu-item a:active {
  color: var(--envy-cream);
}
#privacy-menu .menu-item a:link {
  color: var(--envy-cream) !important;
}
#privacy-menu .menu-item.current-menu-item > a {
  color: var(--envy-cream) !important;
}
#privacy-menu .menu-item.current-menu-ancestor > a {
  color: var(--envy-cream) !important;
}
/* FOOTER MENU */
#footer-menu ul, .footer-menu ul {
  display: flex !important;
  margin-left: 0 !important;
  padding: 0;
  list-style-type: none;
  float: right;
}
#footer-menu .menu-item a {
  font-family: "argent-cf", serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: normal;
  color: var(--envy-cream);
  text-transform: none;
  padding: 0 12px !important;
  margin: 0 !important;
}
#footer-menu .menu-item a:hover {
  color: var(--envy-orange) !important;
  background: transparent;
}
#footer-menu .menu-item a:active {
  color: var(--envy-cream);
}
#footer-menu .menu-item a:link {
  color: var(--envy-cream) !important;
}
#footer-menu .menu-item.current-menu-item > a {
  color: var(--envy-cream) !important;
}
#footer-menu .menu-item.current-menu-ancestor > a {
  color: var(--envy-cream) !important;
}
.iconbox {
  border-top: 1px solid var(--envy-cream);
  padding: 15px 0;
}
/* Cards */
.card {
  border-radius: 0;
}
.card-body {
  padding-top: 140px;
  padding-bottom: 140px;
  border: 0px solid #000;
}
/*

 █████╗  ██████╗ ██████╗ ██████╗ ██████╗ ██████╗ ██╗ ██████╗ ███╗   ██╗
██╔══██╗██╔════╝██╔════╝██╔═══██╗██╔══██╗██╔══██╗██║██╔═══██╗████╗  ██║
███████║██║     ██║     ██║   ██║██████╔╝██║  ██║██║██║   ██║██╔██╗ ██║
██╔══██║██║     ██║     ██║   ██║██╔══██╗██║  ██║██║██║   ██║██║╚██╗██║
██║  ██║╚██████╗╚██████╗╚██████╔╝██║  ██║██████╔╝██║╚██████╔╝██║ ╚████║
╚═╝  ╚═╝ ╚═════╝ ╚═════╝ ╚═════╝ ╚═╝  ╚═╝╚═════╝ ╚═╝ ╚═════╝ ╚═╝  ╚═══╝

*/
.accordion-title {
  font-family: "ivypresto-headline", serif;
  font-size: 3.6rem !important;
}
.accordion-item {
  background-color: var(--envy-cream);
  border: 0px solid green;
  padding: 6px;
}
.accordion-button:focus {
  outline: none;
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  background-color: var(--envy-cream);
  color: #000;
}
.accordion-button {
  border-radius: 0rem;
}
.accordion-item:first-of-type .accordion-button {
  border-radius: 0rem;
}
.accordion-button {
  background-color: var(--envy-cream);
  color: #000;
}
.accordion-button:not(.collapsed)::after {
  transform: rotate(-90deg) !important;
}
.accordion-button:not(.collapsed) {
  box-shadow: 0px 0px 0px red;
}
.accordion-button::after {
  display: none;
}
.accordion-item:last-of-type .accordion-header-fx {
  border: none !important;
}
.accordion-body {
  margin: 0 0px;
}
.plusMinus {
  position: absolute;
  right: 20px;
  top: 18px;
  transform: rotate(0deg);
  width: 25px;
  height: 25px;
  background-image: url("img/accordion+.png");
  background-size: cover;
}
.plusMinus.rotate {
  transform: rotate(90deg);
  background-image: url("img/accordion-.png");
  transition: 0.5s;
}
/* PAGINATION */
.navigation li {
  display: inline;
  color: #d5e15b;
  text-decoration: none;
}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {
  background-color: #d5e15b;
  border-radius: 3px;
  cursor: pointer;
  padding: 9px 6px 6px 9px;
  margin: 0 6px;
  color: var(--envy-cream);
}
.navigation li a:hover, .navigation li.active a {
  background-color: #d5e15b;
}
.text-black, .text-black h5 {
  color: #000;
}
.text-white h2 {
  color: var(--envy-cream);
}
.link-repeat {
  display: inline-flex;
}
/*

██████╗ ██████╗ ███████╗██╗   ██╗    ███╗   ██╗███████╗██╗  ██╗████████╗
██╔══██╗██╔══██╗██╔════╝██║   ██║    ████╗  ██║██╔════╝╚██╗██╔╝╚══██╔══╝
██████╔╝██████╔╝█████╗  ██║   ██║    ██╔██╗ ██║█████╗   ╚███╔╝    ██║   
██╔═══╝ ██╔══██╗██╔══╝  ╚██╗ ██╔╝    ██║╚██╗██║██╔══╝   ██╔██╗    ██║   
██║     ██║  ██║███████╗ ╚████╔╝     ██║ ╚████║███████╗██╔╝ ██╗   ██║   
╚═╝     ╚═╝  ╚═╝╚══════╝  ╚═══╝      ╚═╝  ╚═══╝╚══════╝╚═╝  ╚═╝   ╚═╝   
                                                                        
██████╗ ██████╗  ██████╗      ██╗███████╗ ██████╗████████╗              
██╔══██╗██╔══██╗██╔═══██╗     ██║██╔════╝██╔════╝╚══██╔══╝              
██████╔╝██████╔╝██║   ██║     ██║█████╗  ██║        ██║                 
██╔═══╝ ██╔══██╗██║   ██║██   ██║██╔══╝  ██║        ██║                 
██║     ██║  ██║╚██████╔╝╚█████╔╝███████╗╚██████╗   ██║                 
╚═╝     ╚═╝  ╚═╝ ╚═════╝  ╚════╝ ╚══════╝ ╚═════╝   ╚═╝                 
                                                                        
PROJECT NAVIGATION */
#navigation-fx a:link {
  color: var(--envy-cream);
}
#navigation-fx a:visited {
  color: var(--envy-cream);
}
#navigation-fx a:hover {
  color: var(--envy-cream);
}
#navigation-fx a:active {
  color: var(--envy-cream);
}
.navigation {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  float: left !important;
  width: 100% !important;
  height: auto;
  margin: 25px 0 10px 0 !important;
  background-color: rgba(222, 184, 135, 0);
}
.navigation-bottom {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  float: left !important;
  width: 100% !important;
  height: auto;
  margin: 0px 0 150px 0 !important;
  background-color: rgba(255, 0, 0, 0.3);
}
.nav-previous {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  position: relative;
  float: left;
  width: 45%;
  height: auto;
  margin: 0 0 0 0;
  border-top: rgba(255, 255, 255, 0.5) 0.1px solid;
  border-bottom: rgba(255, 255, 255, 0.5) 0.1px solid;
}
.nav-previous-text {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  position: relative;
  float: left;
  width: 45%;
  height: auto;
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  text-align: right;
}
.nav-previous-inner {
  position: absolute;
  width: 100%;
  height: 100%;
}
.nav-previous-inner-thumb {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  position: absolute;
  float: left;
  width: 100%;
  height: auto;
  margin: 0 0 0px 0;
}
.nav-previous-inner-content {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  position: absolute;
  float: left;
  width: 100%;
  height: auto;
  margin: 0 0 0px 0;
  padding: 20% 0 0 0;
}
.nav-center {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  position: relative;
  float: left;
  width: 10%;
  margin: 0 0 0 0;
  text-align: center;
}
.nav_center_up {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  position: relative;
  float: left;
  width: 100%;
  height: 240px;
  margin: 0 0 0px 0;
  text-align: center;
}
.nav_center_down_projects {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin: 9px 0 0px 0;
  text-align: center;
}
.nav_center_down_posts {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  margin: 0 0 0px 0;
  text-align: center;
}
.nav-next {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  position: relative;
  float: right;
  width: 45%;
  height: auto;
  margin: 0 0 0 0;
  text-align: right;
  border-top: rgba(255, 255, 255, 0.5) 1px solid;
  border-bottom: rgba(255, 255, 255, 0.5) 0.1px solid;
}
.nav-next-text {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  position: relative;
  float: left;
  width: 45%;
  height: auto;
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  text-align: left;
}
.nav-next-inner {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* OTHER STYLES */
.project-rectangle {
  width: 25%;
  height: 6px;
}
/* CAJAS NAVIGATION - HOVER THUMBNAIL */
.image-hover-text-container {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  transition: all 0.2s linear;
}
.image-hover-image {
  display: block;
}
/* Make the image round */
.image-hover-image img {
  border-radius: 0%;
  width: 100%;
}
.image-hover-text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  opacity: 0;
  cursor: default;
  transition: opacity 0.2s linear;
}
.image-hover-text:hover {
  opacity: 1;
}
.image-hover-text-bubble {
  position: relative;
  box-sizing: border-box;
  top: 0;
  left: 0;
  right: 100%;
  height: 100%;
  text-align: center;
  background: var(--envy-cream);
  border-radius: 0%;
  margin: 0 auto;
  padding: 0px;
  overflow: hidden;
  font-size: 17px;
  text-align: center;
  word-wrap: break-word;
}
.image-hover-text .image-hover-text-title {
  font-size: 25px;
  display: block;
}
/* END CAJAS NAVIGATION - HOVER THUMBNAIL */
/* END CAJAS NAVIGATION
   ----------------------------- */
/* Infoblock */
#infoblockColumns div {
  border-right: 2px solid #000;
  padding: 0 12px 0 48px;
}
#infoblockColumns div:first-child {
  border-right: 2px solid #000;
  padding: 0 12px 0 18px;
}
#infoblockColumns div:last-child {
  border-right: 0px solid green;
  padding: 0 12px 0 48px;
}
@media only screen and (max-width: 1199px) {
  #infoblockColumns div {
    border-right: 2px solid #000;
    padding: 0 12px 0 48px;
  }
  #infoblockColumns div:first-child {
    border-right: 2px solid #000;
    padding: 0 12px 0 48px;
  }
  #infoblockColumns div:nth-child(3) {
    border-right: 0px solid #000;
    padding: 0 12px 0 48px;
  }
}
@media only screen and (max-width: 991px) {
  #infoblockColumns div:first-child {
    border-right: 2px solid #000;
    padding: 0;
  }
  #infoblockColumns div:nth-child(2) {
    border-right: 0px solid #000;
    padding: 0;
  }
  #infoblockColumns div:nth-child(3) {
    border-right: 2px solid #000;
    padding: 0;
  }
  #infoblockColumns div:nth-child(4) {
    border-right: 0px solid #000;
    padding: 0;
  }
  #infoblockColumns div:last-child {
    border-right: 0px solid green;
    padding: 0;
  }
}
@media only screen and (max-width: 575px) {
  #infoblockColumns div:nth-child(1) {
    border-right: 0px dotted #000;
    padding: 0;
  }
  #infoblockColumns div:nth-child(2) {
    border-right: 0px dotted #000;
    padding: 0;
  }
  #infoblockColumns div:nth-child(3) {
    border-right: 0px dotted #000;
    padding: 0;
  }
  #infoblockColumns div:nth-child(4) {
    border-right: 0px dotted #000;
    padding: 0;
  }
}
/* Footer */
.capricho {
  padding-left: 200px;
}
@media only screen and (max-width: 1200px) {
  .capricho {
    padding-left: 0px;
  }
}
/*

██████╗ ██████╗  ██████╗      ██╗███████╗ ██████╗████████╗███████╗                            
██╔══██╗██╔══██╗██╔═══██╗     ██║██╔════╝██╔════╝╚══██╔══╝██╔════╝                            
██████╔╝██████╔╝██║   ██║     ██║█████╗  ██║        ██║   ███████╗                            
██╔═══╝ ██╔══██╗██║   ██║██   ██║██╔══╝  ██║        ██║   ╚════██║                            
██║     ██║  ██║╚██████╔╝╚█████╔╝███████╗╚██████╗   ██║   ███████║                            
╚═╝     ╚═╝  ╚═╝ ╚═════╝  ╚════╝ ╚══════╝ ╚═════╝   ╚═╝   ╚══════╝                            
                                                                                              
████████╗███████╗███████╗████████╗██╗███╗   ███╗ ██████╗ ███╗   ██╗██╗ █████╗ ██╗     ███████╗
╚══██╔══╝██╔════╝██╔════╝╚══██╔══╝██║████╗ ████║██╔═══██╗████╗  ██║██║██╔══██╗██║     ██╔════╝
   ██║   █████╗  ███████╗   ██║   ██║██╔████╔██║██║   ██║██╔██╗ ██║██║███████║██║     ███████╗
   ██║   ██╔══╝  ╚════██║   ██║   ██║██║╚██╔╝██║██║   ██║██║╚██╗██║██║██╔══██║██║     ╚════██║
   ██║   ███████╗███████║   ██║   ██║██║ ╚═╝ ██║╚██████╔╝██║ ╚████║██║██║  ██║███████╗███████║
   ╚═╝   ╚══════╝╚══════╝   ╚═╝   ╚═╝╚═╝     ╚═╝ ╚═════╝ ╚═╝  ╚═══╝╚═╝╚═╝  ╚═╝╚══════╝╚══════╝
                                                                                              
Projects
Testimonials*/
.qMarkOpen {
  width: 100px;
  padding-bottom: 100px;
}
.qMarkClose {
  width: 100px;
  padding-top: 100px;
  transform: rotate(180deg);
}
@media only screen and (max-width: 576px) {
  .qMarkOpen {
    width: 50px;
    padding-top: 40px;
    padding-bottom: 0;
    border: 0px solid #000;
  }
  .qMarkClose {
    width: 50px;
    padding-top: 120px;
    transform: rotate(180deg);
    border: 0px solid #000;
  }
}

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