/*
Theme Name: Held
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Held
Author: #
Author URI: #
Version: 1.0
*/

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/Inter-Medium.eot');
    src: url('assets/fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter-Medium.woff2') format('woff2'),
        url('assets/fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/Inter-SemiBold.eot');
    src: url('assets/fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/Inter-Regular.eot');
    src: url('assets/fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter-Regular.woff2') format('woff2'),
        url('assets/fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/Inter-Bold.eot');
    src: url('assets/fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter-Bold.woff2') format('woff2'),
        url('assets/fonts/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


html {scroll-behavior: smooth;}
/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
a, button, input[type="submit"] { -moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;-webkit-transition: all .2s ease-in;transition: all .2s ease-in}
a,abbr,acronym,address,area,b,bdo,big,blockquote,body,button,caption,cite,code,col,colgroup,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,i,images,ins,kbd,label,legend,li,map,object,ol,p,param,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;vertical-align:baseline}
:focus {outline: currentcolor dashed .25rem;outline-offset: .25rem;}
:focus:not(:focus-visible) {outline: 0; }
a:focus,a{color:#1c1c1c;text-decoration:none}
a:hover{text-decoration:underline;text-decoration-thickness: 2px;text-underline-offset: 4px;}
abbr,acronym,dfn{border-bottom:1px dotted;cursor:help}
code,pre{font-size:1em}
del{text-decoration:line-through}
dfn{font-style:italic;font-weight:700}
dt{font-weight:700}
dd{margin:0 0 1em 10px}
fieldset{border:0}
fieldset p{margin:0 0 5px}
img{border:0;vertical-align:bottom}
ins{text-decoration:none}
hr{margin:0 0 .5em}
input:focus,textarea:focus,button:focus{outline:none}
input[type=submit],button{cursor:pointer}
input[type=text],input[type=password],input[type=file],input[type=submit],textarea{-webkit-appearance:none;border-radius:0;-webkit-border-radius:0}
ul,li{padding:0;margin:0;list-style: none}
img{max-width:100%;height:auto}
table {border-collapse: collapse;}
table th,table td {padding: 10px;border: 1px solid #1c1c1c;}
blockquote {border-left: 5px solid #1C1C1C;padding-left: 30px;color:unset !important;font-family: unset !important;font-size: unset !important;}
blockquote:not(:last-child) {margin-bottom: 30px;}
.gallery:not(:last-child),
.single-post ol:not(:last-child),
.single-post ul:not(:last-child),
.single-post table:not(:last-child),
p:not(:last-child) {margin-bottom: 30px;}
body {background:#E5E1CE;color: #1A1A1A;font: 300 16px/140% 'Inter', Arial, Sans-Serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.gallery:not(:last-child) {margin-bottom: 30px !important;}
:after,
:before,
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.left {float: left}
.right {float: right}
.clearer-block:after{display:table;content:'';clear:both}
.h1,
h1 {font-size: 48px;line-height: 120%;font-weight: normal;letter-spacing: -4%;}
.h2,
h2 {font-size: 40px;line-height: 120%;font-weight: normal;letter-spacing: -4%;}

.h3,
h3 {font-size: 32px;line-height: 120%;font-weight: normal;letter-spacing: -2%;}
.h4,
h4 {font-size: 24px;line-height: 120%;font-weight: 600;letter-spacing: -2%;}
.tx-large {font-size: 20px;line-height: 140%;font-weight: normal;}

#skip a {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;transition: none;} 
#skip a:focus {width:auto;height: auto;margin: 0 auto;display: inline-block;z-index: 999;overflow: visible;left: 0;right: 0;background: #1c1c1c;padding: 10px 20px;width: 230px;text-align: center;}
.admin-bar #skip a:focus {top: 32px;}

#gform_wrapper_2 .ginput_container_fileupload,
.gform_button:focus,
.gform_button,
.btn:focus,
.btn {background: transparent;font: normal 16px/120% 'Inter', Arial, sans-serif;padding: 8px 12px;position: relative;display: inline-block;border: 1px solid #1c1c1c;color: #1c1c1c;text-align: center;border-radius: 100px !important;overflow: hidden;text-transform: uppercase;letter-spacing: 4%;}



.gform_button:hover,
.btn.active,
.btn:hover {color: #E5E1CE;text-decoration: none;background: #1c1c1c;}
.btn-white {border-color: #BFB687;color: #E5E1CE;}
.btn-white:hover {background: #BFB687;color: #1c1c1c;}

.fade-in {
    opacity: 0;
    transition: opacity .5s ease-out;
}
.fade-in.animated {
    opacity: 1;
    transform: translateY(0);
}
.fade-in-up {
    opacity: 0;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    transform: translateY(100px);
}
.fade-in-up.animated {
    opacity: 1;
    transform: translateY(0);
}
.fade-in-left {
    opacity: 0;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    transform: translateX(-100px);
}
.fade-in-left.animated {
    opacity: 1;
    transform: translateX(0);
}
.fade-in-right {
    opacity: 0;
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
    transform: translateX(100px);
}
.fade-in-right.animated {
    opacity: 1;
    transform: translateX(0);
}
.delay-200 {
    transition-delay: 0.2s;
}
.delay-300 {
    transition-delay: 0.3s;
}
.delay-400 {
    transition-delay: 0.4s;
}
.delay-500 {
    transition-delay: 0.5s;
}
.delay-600 {
    transition-delay: 0.6s;
}
.delay-700 {
    transition-delay: 0.7s;
}
.delay-800 {
    transition-delay: 0.8s;
}
.delay-900 {
    transition-delay: 0.9s;
}
.delay-1000 {
    transition-delay: 1s;
}
.delay-1500 {
    transition-delay: 1.5s;
}

.eyebrow {font-size: 16px;line-height: 120%;display: block;text-transform: uppercase;letter-spacing: 4%;margin-bottom: 24px}

/* Containers */
.overflow {overflow: hidden;}
#page {position: relative;overflow: hidden;}

.container {max-width: 100%;padding: 0 48px;margin: 0 auto;position: relative;z-index: 2;width: 100%;}

.flex-box {display: flex;flex-wrap: wrap;}

/* Header */
#header {width: 100%;z-index: 999;;position: fixed;transition: all 0.5s ease-in-out;left: 0;right: 0;top: 0;background: transparent;background: #E5E1CE;}

#header .inner {padding: 42px 50px 42px;max-width: 100%;margin: 0 auto;transition: all 0.5s ease-in-out;}
#header.fixed .inner {padding-block: 20px;}
.admin-bar #header {top: 32px;}
#header .logo {position: relative;z-index: 2;}
#header .logo img {opacity: 1;transition: all 0.3s ease-in-out;}
#header .logo img:last-child {opacity: 0;position: absolute;top: 0;left: 0;}
#header .container {max-width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;height: 100%;padding: 0;}
#header .menu-dropdown {position: relative;}
#header .menu-holder {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;width: 100%;}
#header .menu-holder .menu {display: flex;flex-wrap: wrap;align-items: center;gap: 24px;margin-right: 76px;}
#header .menu-holder .menu li a {color: #1C1C1C;position: relative;letter-spacing: 0;text-transform: uppercase;line-height: 120%;letter-spacing: 4%;}
#header .menu-holder .menu li.separator:before {content: '·';color: #1C1C1C;}
#header .menu-holder .menu>li.current-menu-ancestor>a,
#header .menu-holder .menu>li.current-menu-item>a,
#header .menu-holder .menu>li>a:hover {color: #cda17e;text-decoration: none;}
#header .menu-holder .menu>.menu-item-has-children>a {padding-right: 20px;}
#header .menu-holder .menu>.menu-item-has-children>a:after {position: absolute;content: '';border: 6px solid transparent;border-top: 6px solid #1c1c1c;top: 15px;right: 0;}

#header .menu-holder .menu>.menu-item-has-children.hovered>a:after,
#header .menu-holder .menu>.menu-item-has-children.open>a:after {border: 6px solid transparent;border-bottom: 6px solid #1c1c1c;top: 9px;}
#header .menu-holder .menu>.menu-item-has-children>.sub-menu {position: absolute;top: 100%;right: 0;transition: all 0.3s ease-in-out;opacity: 0;visibility: hidden;width: 1321px;padding: 66px 64px 76px;background: #ffffff;max-width: 100%;display: flex;flex-wrap: wrap;align-items: flex-start;gap: 64px;border-radius: 10px;margin-top: 10px;}
#header .menu-holder .menu>.menu-item-has-children>.sub-menu>li {width: calc(33.332% - 42.667px);}
#header .menu-holder .sub-menu::before {width: 100%;position: absolute;content: '';height: 40px;bottom: 100%;left: 0;}
#header .menu-holder .menu>li>.sub-menu>li>a {font-size: 16px;text-transform: uppercase;}
#header .menu-holder .menu>li>.sub-menu ul {border-top: 1px solid #1c1c1c;display: block;margin-top: 10px;}
#header .menu-holder .menu>li>.sub-menu li li {margin: 7px 0;}
#header .menu-holder .menu>li>.sub-menu li li a {font-weight: 500;font-size: 20px;}
#header .menu-holder .menu>.menu-item-has-children.hovered>.sub-menu,
#header .menu-holder .menu>.menu-item-has-children.open>.sub-menu {opacity: 1;visibility: visible;}
#header .menu-button{ display:none;}
#header.white {background: transparent;}
#header.white .menu-holder .menu li.separator:before,
#header.white .menu-holder .menu li a {color: #E5E1CE;}
#header.white .menu-holder .menu li a:hover {color: #cda17e;}
#header.white .logo img:first-child {opacity: 0;}
#header.white .logo img:last-child {opacity: 1;}
#header.white .btn {border-color: #BFB687;color: #E5E1CE;}
#header.white .btn:hover {background: #BFB687;color: #1c1c1c;}

/* Content*/
#content {position: relative;z-index: 2;background: #E5E1CE;}

.bg-black {background: #1c1c1c;color: #E5E1CE;}
.bg-black a {color: #E5E1CE;}
.bg-coral {background: #CDA17E;}
.bg-brown {background: #BDA98D;}
p a:not(.btn) {text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 4px;}
p a:not(.btn):hover {text-decoration: none;}
p a[href*=".doc"]:before,
p a[href*=".docx"]:before,
p a[href*=".pdf"]:before {content: '';width: 16px;height: 16px;display: inline-block;background-image: url(assets/img/file.svg);background-repeat: no-repeat;background-size: contain;margin-right: 8px;position: relative;top: 1px;}
.banner {position: relative;z-index: 2;padding: 150px 0 48px;height: 100vh;min-height: 400px;color: #E5E1CE;text-align: left;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;}
.banner video,
.banner img {position: absolute;width: 100%;height: 100%;object-fit: cover;z-index: -1;top: 0;left: 0;}
.banner:after {position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;z-index: 0;background: #241D1580;}
.banner h1:not(:last-child),
.banner .text-h:not(:last-child){margin-bottom: 24px;}
.banner .text-h:last-child {min-height: 105px;}
.banner h1,
.banner .text-h {max-width: 804px;}
.no-img.banner::after {display: none;}
.banner .buttons {display: flex;gap: 8px;}

section {position: relative;}
.banner.no-img + section:not(.bg-black):not(.bg-coral):not(.bg-brown):before,
.banner + section ~ section:not(.bg-black):not(.bg-coral):not(.bg-brown):before {position: absolute; content: ''; width: 0;height: 1px; left: 0; top: 0;background: #BFB687;transition: all 1s ease-in-out;}
.banner.no-img + section.animated:not(.bg-black):not(.bg-coral):not(.bg-brown):before,
.banner + section ~ section.animated:not(.bg-black):not(.bg-coral):not(.bg-brown):before {width: 100%;right: 0;}
.banner.no-img {height: auto;min-height: 0;color: #1c1c1c;}


.right-hand-column {width: calc(50% - 12px);margin-left: auto;}


.title-with-text {padding: 48px 0;}
.title-with-text h2 {max-width: calc(50% - 12px);}
.title-with-text .flex-box {align-items: flex-end;margin-top: 48px;}
.title-with-text .img-h {margin-bottom: 24px;width: 100%;aspect-ratio: 16/9;}
.title-with-text .img-h img {width: 100%;height: 100%;object-fit: cover;clip-path: inset(100% 0 0 0);transition: all 1s ease-in-out;}
.title-with-text .img-h.animated img {clip-path: inset(0);}
.title-with-text .bottom-cta {margin-top: 24px;}
.title-with-text.case-study h2 {margin-bottom: 24px;}
.title-with-text.case-study .flex-box {gap: 24px;row-gap: 0}
.title-with-text.case-study .flex-box .col {width: calc(50% - 12px);}
.title-with-text.case-study .text-h {display: none;padding-bottom: 24px;}
.title-with-text.case-study .info .eyebrow {margin-bottom: 0;}
.title-with-text.case-study .info {row-gap: 24px;}
.title-with-text.case-study .flex-box {margin-top: 0;}

.accordion-section {padding: 48px 0;}
.accordion-section .text {margin-bottom: 24px;margin-top: 48px;}
.accordion-section h2 {margin-bottom: 24px;max-width: calc(50% - 12px);}
.accordion {padding-top: 24px;position: relative;padding-bottom: 24px;}
.accordion:not(:last-child)::after {position: absolute;content: '';width:0;height: 1px;left: 0;bottom: 0;background: #1c1c1c;transition: all 0.5s ease-in-out;}
.accordion:not(:last-child).animated::after {width: 100%;right: 0;}
.accordion:last-child {margin-bottom: -24px;}
.accordion .title {font-size: 16px;line-height: 120%;display: flex;align-items: flex-start;justify-content: space-between;padding-right: 12px;cursor: pointer;text-transform: uppercase;letter-spacing: 4%;}
.accordion .title:after {content: '';width: 16px;height: 16px;display: block;background-image: url(assets/img/add.svg);background-repeat: no-repeat;background-position: center;background-size: 100%;}
.accordion.open .title:after {background-image: url(assets/img/remove.svg);background-repeat: no-repeat;background-position: center;background-size: 100%;}
.accordion .collapse-content {display: none;}
.accordion .collapse-content .inner {padding: 24px 0 0;}
.accordion-section .bottom-buttons {margin-top: 48px;}


.services-list {padding: 140px 0;background: #1c1c1c;}
.services-list .eyebrow {color: #FBF4E9;border-top-color: #FBF4E9;margin-bottom: 48px;}
.services-list .flex-box{gap: 12px;position: relative;}
.services-list .service-item {display: block;position: relative;width: calc(33.332% - 8px);height: 294px;border-radius: 20px;overflow: hidden;}
.services-list .service-item img {width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 1;}
.services-list .service-item:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: #fff;opacity: 0.75;transition: all 0.3s ease;z-index: 2;}
.services-list .service-item:hover:before {background: #FFA616;opacity: 0.8;}
.services-list .service-item:after {position: absolute;content: '';width: 64px;height: 64px;top: 35px;right: 32px;background: url(assets/img/exclude.svg) no-repeat center;background-size: 100%;z-index: 3;}
.services-list .service-item .title {padding: 32px 30px;position: absolute;bottom: 0;left: 0;z-index: 3;font-size: 38px;font-weight: bold;text-transform: uppercase;max-width: 400px;line-height: 95%;}


@keyframes ticker-first {
  0% {transform: translate(0, 0);}
  50% {transform: translate(-100%, 0);}
  60% {opacity: 1;visibility: visible;}
  100% {transform: translate(-200%, 0);opacity: 0;visibility: hidden;}
}
@keyframes ticker {
  0% {transform: translate(100%, 0);}
  50% {transform: translate(0, 0);}
  100% {transform: translate(-100%, 0);}
}

.full-image {width: 100%;position: relative;}
.full-image .img-h {aspect-ratio: 16/7;width: 100%;max-height: 550px;}
.full-image .img-h img {width: 100%;height: 100%;object-fit: cover;}

.logos-grid .flex-box{justify-content: center;gap: 100px;row-gap: 65px;align-items: center;}
.logos-grid .logo-h {display: block;}
.logos-grid .logo-h a{display: block;}
.logos-grid img {transition: all 0.3s ease-in-out;}
.logos-grid a:hover img {transform: scale(1.1);}

.text-block {margin-bottom: 120px;}
.text-block h4{margin-bottom: 15px;}
.page-content h4 + ul,
.entry-content h4 + ul {margin-top: 20px; }
.page-content .text-block ul li{margin-bottom: 15px;}
.page-content .text-block ul li:before {position: absolute;content: '\00B7';z-index: 2;left: -21px;top: -2px;width: 10px;font-family: monospace;}
.text-block .text {margin-left: auto;max-width: 944px;width: 60%;}

.quote {padding: 48px 0;}
.quote strong {font-weight: 600;}
.quote .quote-author {margin-top: 24px;}

.bg-coral + section:before,
.bg-brown + section:before,
.bg-black + section:before {display: none;}

.page-content ul,
.entry-content ul {list-style:disc;margin:0 0 25px 18px}
.page-content ol ul,
.entry-content ol ul,
.page-content ul ol,
.entry-content ul ol,
.page-content ol ol,
.entry-content ol ol,
.page-content ul ul,
.entry-content ul ul {margin-top: 1em;}
.page-content ol li,
.page-content ul li,
.entry-content ol li,
.entry-content ul li {list-style: inherit;margin-bottom: 30px;position: relative;}
.page-content ol li,
.entry-content ol li {padding-left: 10px;}

.page-content ul ul,
.entry-content ul ul {list-style:circle;}
.page-content ul ul ul,
.entry-content ul ul ul {list-style: square;}

.page-content ol,
.entry-content ol {list-style:decimal;margin:0 0 30px 15px}
.page-content ol li,
.entry-content ol li {list-style: inherit;}

.entry-content .h3,
.entry-content .h4,
.entry-content h3,
.entry-content h4 {margin-bottom: 30px;}

.text-with-image.image-right .img-h {order: 2;}
.text-with-image.image-right .text-h {order: 1;}
.text-with-image h2 {margin-bottom: 50px;}
.text-with-image .img-h {aspect-ratio: 3/2;max-height:500px;}
.text-with-image .img-h img {width: 100%;height: 100%;object-fit: cover;}
.text-with-image .bottom-cta {margin-top: 40px;display: flex;gap: 40px;}



.grid-box {padding: 48px 0 24px;}
.grid-box .eyebrow{margin-bottom: 24px;}
.grid-box .flex-box {gap: 24px;margin-top: 48px;}
.grid-box .box {width: calc(50% - 12px);display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;aspect-ratio: 2/1;position: relative;min-height: 185px;position: relative;}
.grid-box .box .text {position: relative;width: 100%;z-index: 1;padding-bottom: 24px;}
.grid-box .box .text:after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;pointer-events: none;background: #1c1c1c;transition: all 0.7s ease-in-out;}
.grid-box .box .text.animated:after {width: 100%;right: 0;}
.grid-box .box:nth-child(even) .text.animated:after {transition-delay: 300ms;}
.grid-box .number {color: #2F382F;font-size: 64px;line-height: 120%;font-weight: normal;display: block;letter-spacing: -4%;margin-bottom: 24px;}
.grid-box strong {font-weight: 600}
.grid-box.bg-black .number {color: #C8D0C8;}
.grid-box.bg-black .box .text.animated:after {background: #BFB687;}
.grid-box .box:last-child .text:after {display: none;}
.grid-box .box:empty {display: none;}
@media (min-width: 768px){
    .grid-box .box:nth-last-child(2) .text:after {display: none;}
    .grid-box .box:empty {display: block;}
}



.contact-us {padding: 48px 0;}
.contact-us h2,
.contact-us .eyebrow{margin-bottom: 48px;}
.contact-us h4 {margin-bottom: 24px;}
.contact-us .buttons {gap: 8px;}

.job {padding: 48px 0;gap: 24px;}
.job::before {position: absolute;content: '';width: 0;height: 1px;left: 0;top: 0;background: #1c1c1c;transition: all 1s ease-in-out;}
.job.animated::before {width: 100%;right: 0;}
.job h4 {margin-bottom: 24px;}
.job .flex-box {gap: 24px;}
.job .col {width: calc(50% - 12px);}
.job .eyebrow {margin-bottom: 0;}
.job .col .flex-box {margin-bottom: 24px;}
.job .title + a {text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 4px;}
.job .title + a::after {content: '';width: 16px;height: 16px;display: inline-block;background-image: url(assets/img/external-link-black.svg);background-repeat: no-repeat;background-size: contain;margin-left: 8px;position: relative;top: 1px;}
.job .title + a:hover {text-decoration: none;}

.team-section {padding: 48px 0;}
.team-section h2{margin-bottom: 48px;}
.team-section .flex-box {gap: 24px;}
.team-section .profile {width: calc(50% - 12px);cursor: pointer;}
.team-section .profile .img-h {margin-bottom: 24px;aspect-ratio:1;}
.team-section .profile .img-h img {width: 100%;height: 100%;object-fit: cover;transition: all 1s ease-in-out;clip-path: inset(100% 0 0 0);}
.team-section .profile .img-h.animated img {clip-path: inset(0);}
.team-section .profile:nth-child(2n) .img-h.animated img {transition-delay: 300ms;}
.team-section .profile .name {font-weight: 600;display: flex;align-items: flex-start;justify-content: space-between;}
.team-section .profile .name:after {content: '';width: 16px;height: 16px;display: block;background-image: url(assets/img/add.svg);background-repeat: no-repeat;background-position: center;background-size: 100%;}
.team-section .profile.open .name:after {background-image: url(assets/img/remove.svg);background-repeat: no-repeat;background-position: center;background-size: 100%;}
.team-section .description {padding-top: 24px;display: none;}


.buildings {padding: 48px 0;}
.buildings h2{margin-bottom: 48px;}
.buildings .flex-box {gap: 24px;}
.buildings .building {width: calc(50% - 12px);cursor: pointer;}
.buildings .building .img-h {margin-bottom: 24px;aspect-ratio:3/2;}
.buildings .building .img-h img {width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease-in-out;clip-path: inset(100% 0 0 0);}
.buildings .building .text {opacity: 0;transition: all 0.4s ease-in-out;transition-delay: 300;}
.buildings .building.animated .img-h img {clip-path: inset(0);}
.buildings .building.animated .text {opacity: 1;}
.buildings .building:nth-child(2n).animated .img-h img {transition-delay: 300ms;}
.buildings .building .name {font-weight: 600;display: flex;align-items: flex-start;justify-content: space-between;}
.buildings .building .name:after {content: '';width: 16px;height: 16px;display: block;background-image: url(assets/img/add.svg);background-repeat: no-repeat;background-position: center;background-size: 100%;}
.buildings .building.open .name:after {background-image: url(assets/img/remove.svg);background-repeat: no-repeat;background-position: center;background-size: 100%;}
.buildings .description {padding-top: 24px;display: none;}
.buildings .category {font-size: 16px;text-transform: uppercase;letter-spacing: 4%;}
.buildings .filters {align-items: center;gap: 16px 32px;flex-wrap: wrap;margin-bottom: 48px;}
.buildings .filters .eyebrow {margin-bottom: 0;}
.buildings .categories {display: flex;flex-wrap: wrap;gap: 16px 24px;}
.buildings .category-filter {background: transparent;border: 0;padding: 0;cursor: pointer;display: inline-flex;align-items: center;gap: 12px;font: 300 16px/120% 'Inter', Arial, sans-serif;text-transform: uppercase;letter-spacing: 4%;color: #1C1C1C;transition: opacity 0.3s ease-in-out;}
.buildings .category-filter:before {content: '';flex: 0 0 12px;width: 12px;height: 12px;border: 1px solid #1C1C1C;background: transparent;transition: background 0.3s ease-in-out;}
.buildings .category-filter:hover {opacity: 0.6;}
.buildings .category-filter.active {cursor: default;}
.buildings .category-filter.active:before {background: #1C1C1C;}

.gallery {margin-bottom: 160px;}
.gallery .eyebrow{margin-bottom: 80px;}
.gallery .flex-box {gap: 10px;}
.gallery .media-item {width: calc(25% - 7.5px);position: relative;aspect-ratio: 1/1;overflow:hidden;border-radius: 10px;}
.page-template-pt-landing .gallery {padding-bottom: 80px;}
.page-template-pt-landing .gallery .flex-box {display: grid;grid-template-columns: repeat(4, 1fr);}
.page-template-pt-landing .gallery .media-item {width: auto;}
.page-template-pt-landing .gallery .media-item:first-child {grid-column: span 2;grid-row: span 2;}
.gallery .media-item img {width:100%;height:100%;object-fit:cover;cursor:pointer}
.gallery .media-item .hover {position: absolute;width: 100%;height: 100%;background: rgb(0 0 0 / 55%);left: 0;top: 0;color: #fff;text-transform: uppercase;font-size: 18px;line-height: 110%;padding: 40px;display: flex;align-items: center;justify-content: center;align-content: center;text-align: center;transition:all .3s linear;opacity: 0;visibility: hidden;}
.gallery .media-item:hover .hover {opacity: 1;visibility: visible;cursor: pointer;}
.gallery .tile {position: relative;overflow: hidden;height: 100%;}
.gallery .slide-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transform: translateX(-100%); transform: translateX(-100%);transition: transform 0.4s linear;} 
.gallery .slide-image.active {transform: translateX(0%);-webkit-transform: translateX(0%); animation: slide-left 1.5s linear;}
@keyframes slide-left {
  0% {
    transform: translateX(100%);
  }
  25% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(0%); 
  }
}
@-webkit-keyframes slide-left {
  0% {
    transform: translateX(100%);
  }
  25% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(0%); 
  }
}

.experience {padding: 48px 0;}
.experience .flex-box {margin-top: 48px;gap: 24px;}
.experience .item {width: calc(50% - 12px);}
.experience .img-h {margin-bottom: 24px;aspect-ratio: 3/2;overflow: hidden;}
.experience .img-h img {width: 100%;height: 100%;object-fit: cover;clip-path: inset(100% 0 0 0);transition: clip-path 1s ease-in-out;}
.experience .item.animated .img-h img {clip-path: inset(0);}
.experience .item strong {font-weight: 600;}
.experience .category {font-size: 16px;line-height: 120%;display: block;text-transform: uppercase;letter-spacing: 4%;}
.experience .btn {margin-top: 48px;}
.load-more-h {text-align: center;margin-top: 48px;}
.load-more-h .btn {min-width: 200px;display: inline-block;}


.cta-grid {padding: 48px 0;}
.cta-grid .flex-box {margin: 48px -24px 0;}
.cta-grid .cta-item {width: 50%;padding: 0 24px;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;padding-top: 40vh}
.cta-grid .cta-item h4 {margin-bottom: 24px;}
.cta-grid .cta-item .btn {margin-top: 24px;}
.cta-grid .cta-item:nth-child(2n) {border-left: 1px solid #BFB687;}


.form-section {padding: 48px 0;}
.form-section .flex-box {margin-top: 48px;}


/* Pagination */
.navigation {text-align: center; text-transform: uppercase; color: #76777A;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.navigation a {color: #76777A;}
.navigation a:hover {color: #f26228;}
.navigation .separatop {width: 1px;height: 37px;background: #231F20;display: inline-block;margin: 0 25px;}
.navigation a[href=""] {pointer-events: none;opacity: 0.2;}

/* Form */
.form-content {padding: 70px 0;}
.no-label .gfield_label,
.gform_validation_container,
.gform_required_legend,
.gform_validation_errors {
    display: none;
}
       
/* Footer */
.site-footer {padding: 48px 0;background: #2F382F;position: fixed;bottom: 0;left: 0;right: 0;z-index: 1;}
.site-footer .flex-box {justify-content: space-between;align-items: center;}
.site-footer .social {display: flex;flex-wrap: wrap;align-items: center;gap: 24px;justify-content: flex-end;order: 2;}
.site-footer .social svg path {transition: all 0.3s ease;}
.site-footer .social a:hover svg path {fill: #FFA616;}
.site-footer .contacts-h {margin-bottom: 100px;}
.site-footer .right-col {order: 1;}
.site-footer .right-col .email {text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;}
.site-footer .menu-h {margin-bottom: 48px;width: calc(50% - 12px);margin-left: auto;}
.site-footer .menu-h .menu:not(:last-child) {margin-bottom: 24px;}
.site-footer .menu-h>ul {display:flex;flex-wrap: wrap;gap: 24px;}
.site-footer .menu-h a{font-size: 20px;display: inline-block;line-height: 140%;text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 5px;}
.site-footer .menu-h>ul>li>a[href="#"] {pointer-events: none;}
.site-footer .menu-h>ul>li {width: calc(50% - 12px);}
.site-footer .menu-h>ul>li li {margin-bottom: 1px;}
.site-footer .menu-h>ul>li .copyright {display: block;}
.site-footer .menu-h>ul>li>a {font-size: 16px;text-transform: uppercase;text-decoration: none;}
.site-footer .menu-h li.external a:after {width: 16px;height: 16px;display: inline-block;content: '';background: url(assets/img/external-link-light.svg) no-repeat center;background-size: contain;margin-left: 8px;vertical-align: middle;}
.site-footer a{color: #E5E1CE;}
.site-footer .copyright{color: #E5E1CE;font-size: 20px;line-height: 140%;display: none;margin-top: 1px;}
.site-footer a:hover{color: #cda17e;text-decoration: none;}
.social-mobile,
.address-mobile,
.contact-us-mobile {display: none;}
.site-footer .address-mobile {color: #E5E1CE;}
.site-footer .phone,
.site-footer .mail,
.site-footer .linkedin {display: inline-flex !important;gap: 8px;align-items: center;}
.site-footer .phone:before {width: 16px;height: 16px;display: inline-block;content: '';background: url(assets/img/phone.svg) no-repeat center;background-size: contain;}
.site-footer .mail:before {width: 16px;height: 16px;display: inline-block;content: '';background: url(assets/img/mail.svg) no-repeat center;background-size: contain;}
.site-footer .linkedin:before {width: 16px;height: 16px;display: inline-block;content: '';background: url(assets/img/linkedin.svg) no-repeat center;background-size: contain;}

/*Slider*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:flex;margin-left:auto;margin-right:auto}
.slick-vertical .slick-track {display: block;}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;min-height:1px}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;}
.slick-arrow.slick-hidden{display:none}
.slick-arrow:focus {outline: currentColor dashed .25rem; outline-offset: .25rem;}
.slick-arrow:focus:not(:focus-visible) {outline: 0; }
.slick-dots {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 8px;line-height: 12px;margin: 20px 0 0 !important;padding: 0;}
.slick-dots li {list-style: none !important;}
.slick-dots button {border: none;text-indent: -9999px;background: transparent;width: 16px;height: 16px;border-radius: 50%;border: 2px solid #ffa616;}
.slick-dots .slick-active button {background: #ffa616;}
.slider .slick-arrow {position: absolute;right: 40%;margin-right: 40px;top: 40px;background: transparent;text-indent: -9999px;font-size: 0;line-height: 0;width: 29px;height: 29px;border-radius: 50%;z-index: 5;border: none;background: rgba(0,0,0,.15) }
.slider .slick-arrow.slick-prev {margin-right: 83px;transform: scaleX(-1);}
.slider .slick-arrow:after {position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;z-index: 2;border: 2px solid white;border-radius: 50%;transition: all 0.3s ease-in-out;}
.slider .slick-arrow:before {position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;background: #fff;mask-image: url(assets/img/arrow-right.svg);mask-size: 14px;mask-position: center;mask-repeat: no-repeat;z-index:3;transition: all 0.3s ease-in-out;}
.slider .slick-arrow:hover:after {border-width: 15px;}
.slider .slick-arrow:hover:before {background: #001837;}

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
img.alignright {display:inline;margin:10px 20px 25px;padding:0px}
img.alignleft {display:inline;margin:10px 25px 20px 0;padding:0px}
.alignright {float:right}
.alignleft {float:left}

/* Comments */
#comments_wrap ol {list-style:none}
#comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-weight:bold}

/* Captions */
.wp-caption {padding-top:4px;font-style: italic;font-weight: normal;}
.wp-caption.alignright {margin: 0 0 25px 30px;}
.wp-caption.alignleft {margin: 0 30px 25px 0;}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

#header li.title,
#header .close-li, #header .close-sub, #header .open-sub {
    display: none;
}


.lightboxpreview{transition:all .3s linear;padding-top:60%;cursor:pointer;background-size:cover}
.lightbox-content{max-height:75vh;height:75vh;width:100%;max-width:1000px}
.lightbox-close{cursor:pointer;margin-left:auto;position:absolute;right:-30px;top:-30px;color:#fff;font-size:2rem;font-weight:700;line-height:1}
.modal_inner_image{min-height:400px;z-index:1000}
.modal-content{width:100%}
.modalscale{transform:scale(0);opacity:0}
.lightbox-container,.lightbox-btn,.lightbox-image-wrapper,.lightbox-enabled{transition:all .4s ease-in-out}

.lightbox-container{width:100vw;height:100vh;position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6);z-index:9999;opacity:0;pointer-events:none;visibility: hidden;}
.lightbox-container.active{opacity:1;pointer-events:all;visibility: visible;}
.lightbox-image-wrapper{display:flex;transform:scale(0);align-items:center;justify-content:center;max-width:90vw;max-height:90vh;position:relative}
.lightbox-container.active .lightbox-image-wrapper{transform:scale(1)}
.lightbox-btn,#close{color:#fff;z-index:9999999;cursor:pointer;position:absolute;font-size:50px;text-indent: -9999px;}
.lightbox-btn:focus{outline:none}
.lightbox-btn {width: 50px;height: 50px;mask-image: url(assets/img/arrow_outward.svg);mask-repeat: no-repeat;mask-size: 50px;background-color: #fff;}
.lightbox-btn.left {transform: scaleX(-1);}
#close {width: 50px;height: 50px;mask-image: url(assets/img/add.svg);mask-repeat: no-repeat;mask-size: 50px;background-color: #fff;transform: rotate(45deg);}
.left{left:50px}
.right{right:50px}
#close{top:50px;right:50px}
.lightbox-image{width:100%;-webkit-box-shadow:5px 5px 20px 2px rgba(0,0,0,0.19);box-shadow:5px 5px 20px 2px rgba(0,0,0,0.19);max-height:95vh;object-fit:cover}
@keyframes slideleft {
33%{transform:translateX(-300px);opacity:0}
66%{transform:translateX(300px);opacity:0}
}
.slideleft{animation-name:slideleft;animation-duration:.5s;animation-timing-function:ease}
@keyframes slideright {
33%{transform:translateX(300px);opacity:0}
66%{transform:translateX(-300px);opacity:0}
}
.slideright{animation-name:slideright;animation-duration:.5s;animation-timing-function:ease}

/*Add back in indent on blockquote to 50px */
blockquote {
    padding-left: 50px !important;
    font-style: oblique;
}

/* Remove bottom margin on paragraph when followed by ul or ol */
p:not(:last-child):has(+ ul),
p:not(:last-child):has(+ ol) {
    margin-bottom: 10px;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.gform_wrapper h2 {text-transform: uppercase;}
.gform_wrapper .gform_required_legend,.gform_wrapper .gform_validation_errors{display:none}
.gform_wrapper .gfield_validation_message{display:block;font-size:14px;color:#D70004;font-weight: 500;line-height: 140%;margin-top: 5px;letter-spacing: 0;}
.mac .gform_wrapper .gfield_validation_message{margin-top: 8px;}
.gfield_error input {border-color: #D70004 !important;}
.gform_wrapper .gfield_required,
.gform_wrapper .gform_validation_container{display:none}
.gform_wrapper .gfield_required{color:#D70004}
.gform_wrapper .label-show .gfield_label{display:block;}
.gform_wrapper .gfield_label{display:block;font-size: 16px;line-height: 120%;display: block;text-transform: uppercase;letter-spacing: 4%;margin-bottom: 24px}
.gform_wrapper .ginput_complex{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px}
.gform_wrapper .ginput_complex .gform-grid-col{width:100%}
.gform_wrapper .ginput_complex .gform-field-label,.gform_wrapper .ginput_complex .gf_clear{display:none}
.gform_wrapper .ginput_complex .ginput_full{width:100%}
.gform_wrapper .gform_fields{position: relative;}
.gform_wrapper .gfield{width:100%;margin-bottom:24px;}
.gform_wrapper .gfield--type-checkbox {position: absolute;top: 0;right: 0;}
.gform_wrapper .gfield--type-textarea{width:100%;max-width: 100%;}
.gform_wrapper .gfield.gfield--type-html{margin-bottom:16px}
.gform_wrapper .gfield input[type=text],.gform_wrapper .gfield input[type=email],.gform_wrapper .gfield input[type=password],.gform_wrapper .gfield input[type=phone],.gform_wrapper .gfield input[type=tel],.gform_wrapper .gfield select,.gform_wrapper .gfield .custom-select .selected-item,.gform_wrapper .gfield textarea{font-family:'Inter', Arial, sans-serif;font-size: 20px;line-height: 28px;border: none;color: #1c1c1c;-webkit-appearance:none;appearance:none;border-radius: 0;padding: 0 0px 24px;width:100%;border-bottom: 1px solid #1c1c1c;font-weight: normal;background: transparent;}

.gform_wrapper .gfield.border input {border: 2px solid #1c1c1c;padding-inline: 10px !important;}

.gform_wrapper .gfield input[type=text]::placeholder,.gform_wrapper .gfield input[type=email]::placeholder,.gform_wrapper .gfield input[type=password]::placeholder,.gform_wrapper .gfield input[type=phone]::placeholder,.gform_wrapper .gfield input[type=tel]::placeholder,.gform_wrapper .gfield select::placeholder,.gform_wrapper .gfield .custom-select .selected-item::placeholder,.gform_wrapper .gfield textarea::placeholder{font-family:'Inter', Arial, sans-serif;font-size:20px;line-height:28px;color:#1c1c1c;font-weight: normal;opacity: 0.6;}
.gform_wrapper .gfield .custom-select{position:relative}
#gform_wrapper_2 .gfield .ginput_preview_list,
.gform_wrapper .gfield .gform_fileupload_rules,
.gform_wrapper .gfield .custom-select select{display:none}
.gform_wrapper .gfield .custom-select .selected-item{cursor:pointer}
.gform_wrapper .gfield .custom-select .selected-item:after{position:absolute;content:'';width:15px;height:28px;background-size:15px;background-position:right center;background-repeat:no-repeat;right:0;top:0;transition:all 0.3s ease;background-image:url(assets/img/arrow-down.svg)}
.gform_wrapper .gfield .custom-select .selected-item.arrowanim:after{transform:scaleY(-1)}
.gform_wrapper .gfield .custom-select .all-items{position:absolute;top:100%;font-size:16px;line-height:24px;border:1px solid #1c1c1c;border-top:none;color:rgba(0,0,0,0.6);z-index:5;background:#E5E1CE;-webkit-appearance:none;appearance:none;border-radius:0;padding:12px 12px;width:100%;opacity:1;visibility:visible;transition:all 0.3s ease}
@media screen and (min-width: 768px) {
    .gform_wrapper .gfield .custom-select .all-items{font-size:18px;line-height:26px;padding:8px 15px}
}
.gform_wrapper .gfield .custom-select .all-items.all-items-hide{opacity:0;visibility:hidden}
.gform_wrapper .gfield .custom-select .all-items .item{cursor:pointer}
.gform_wrapper .gfield .custom-select .all-items .item:not(:last-child){padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #1c1c1c}
.gform_wrapper .gfield .custom-select .all-items .item:hover{font-weight:500}
.gform_wrapper .gfield select{background-size:19px;background-position:right 10px center;background-repeat:no-repeat}
.gform_wrapper .gfield .gfield_required_text{margin-left:5px;text-transform:lowercase;color:#1c1c1c}
.gform_wrapper .gfield textarea{height:52px;}
.gform_wrapper .gfield input[type=checkbox]{position:absolute;left:-9999px}
.gform_wrapper .gfield input[type=checkbox] + label{display:block;position:relative;padding-left:30px;cursor:pointer;font-size:20px;line-height:28px;text-align:left}
.gform_wrapper .gfield input[type=checkbox] + label:after{position:absolute;content:'';width: 18px;height: 18px;top: 8px;border: 3px solid #1c1c1c;border-radius:2px;left:0}
.mac .gform_wrapper .gfield input[type=checkbox] + label:after {top: 4px}
.gform_wrapper .gfield input[type=checkbox] + label a{font-weight:700}
.gform_wrapper .gfield input[type=checkbox]:checked + label:before{position:absolute;content:'';left: 4px;top: 12px;width: 10px;height: 10px;background: #1c1c1c;}
.mac .gform_wrapper .gfield input[type=checkbox]:checked + label:before {top: 8px;}
.gform_wrapper .gfield input[type=radio]{position:absolute;left:-9999px}
.gform_wrapper .gfield input[type=radio] + label{display:block;position:relative;padding-left:30px;cursor:pointer}
.gform_wrapper .gfield input[type=radio] + label:after{position:absolute;content:'';width:20px;height:20px;top:0;border:1px solid #1c1c1c;border-radius:50%;left:0}
.gform_wrapper .gfield input[type=radio]:checked + label:before{position:absolute;content:'';left:4px;top:4px;border-radius:50%;width:14px;height:14px;background:#1c1c1c}
.gform_wrapper .gfield_radio .gchoice:not(:last-child){margin-bottom:10px}
.gform_wrapper .gfield_checkbox{display:flex;flex-wrap:wrap;gap:40px;row-gap: 24px;}
.gform_wrapper .gfield_checkbox .gchoice{width:100%;}
.gform_wrapper .gform_button_select_files{position: absolute;opacity: 0;width: 100%;;max-width:370px;top: 0;height: 95px;}
.validation_message--hidden-on-empty ,
.gfield_fileupload_filesize,
.gfield_fileupload_progress  {display: none;}


.gfield .ginput_preview_list {font-size: 16px;}
.gfield .ginput_preview_list .gform_delete_file {margin-left: 10px;background: transparent; font-size: 14px;border: none;}
.gfield .ginput_preview_list .gform_delete_file .dashicons,
.gfield .ginput_preview_list .gform_delete_file .dashicons-before:before {font-size: 14px;}

.gform_wrapper .gform_drop_instructions{border-radius:20px;border:2px dotted #e6e6e6;padding:30px 9px;display:flex;order:1;max-width:370px;justify-content:center;margin-bottom:20px; font-size: 17px;margin-top: 20px;}
.gform_wrapper .gform_drop_instructions:after{content:"to upload";order:3;margin-left:5px}
.gform_wrapper .gform_drop_instructions:before{content:"browse";order:2;font-weight:600;margin-left:5px}
.gform_wrapper .file-name-display{
    position: absolute;
    right: 166px;
    color: #1c1c1c;
    white-space: nowrap;
    margin-right: 15px;
}
.gform_wrapper .gform_footer{margin-top:43px;}
.gform_confirmation_wrapper{font-size:32px;line-height:40px}





.side-panel {position: fixed;inset: 0;z-index: 1000;visibility: hidden;opacity: 0;transition: opacity 0.4s ease-in-out, visibility 0s linear 0.4s;}
.side-panel.open {visibility: visible;opacity: 1;transition: opacity 0.4s ease-in-out;}
.side-panel-overlay {position: absolute;inset: 0;background: rgba(26,26,26,0.5);cursor: pointer;}
.side-panel-inner {position: absolute;top: 0;right: 0;width: 88%;max-width: 880px;height: 100%;background: #1a1a1a;color: #E5E1CE;display: flex;flex-direction: column;justify-content: space-between;gap: 48px;padding: 48px;overflow-y: auto;transform: translateX(100%);transition: transform 0.5s cubic-bezier(0.23,1,0.32,1);}
.side-panel.open .side-panel-inner {transform: translateX(0);}
.side-panel-head {display: flex;align-items: flex-start;justify-content: space-between;gap: 24px;}
.side-panel-head .side-close {flex: 0 0 40px;width: 40px;height: 32px;padding: 0;border-radius: 32px;border: 1px solid #BFB687;background: transparent;position: relative;cursor: pointer;transition: background 0.3s ease-in-out;}
.side-panel-head .side-close:hover {background: #BFB687;}
.side-panel-head .side-close:before,
.side-panel-head .side-close:after {content: '';position: absolute;top: 50%;left: 50%;width: 12px;height: 1px;background: #E5E1CE;}
.side-panel-head .side-close:before {transform: translate(-50%,-50%) rotate(45deg);}
.side-panel-head .side-close:after {transform: translate(-50%,-50%) rotate(-45deg);}
.side-panel-head .side-close:hover:after,
.side-panel-head .side-close:hover:before {background: #1a1a1a;}
.side-panel .eyebrow {margin-bottom: 0;}
.side-panel .contact-row {display: flex;flex-wrap: wrap;gap: 24px;}
.side-panel .contact-row:first-child {margin-bottom: 24px;padding-bottom: 24px;border-bottom: 1px solid #BFB687;align-items: flex-end;}
.side-panel .contact-row:nth-child(2) .contact-col {margin-bottom: 24px;padding-bottom: 24px;border-bottom: 1px solid #BFB687;}
.side-panel .contact-col {width: calc(50% - 12px);display: flex;flex-direction: column;align-items: flex-start;}
.side-panel .contact-link {display: inline-flex;align-items: center;gap: 8px;color: #E5E1CE;text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;}
.side-panel .contact-link:hover {text-decoration: none;}
.side-panel .external:after {width: 16px;height: 16px;display: inline-block;content: '';background: url(assets/img/external-link-light.svg) no-repeat center;background-size: contain;;}
.side-panel .phone:before {width: 16px;height: 16px;display: inline-block;content: '';background: url(assets/img/phone.svg) no-repeat center;background-size: contain;}
.side-panel .mail:before {width: 16px;height: 16px;display: inline-block;content: '';background: url(assets/img/mail.svg) no-repeat center;background-size: contain;}
.side-panel .linkedin:before {width: 16px;height: 16px;display: inline-block;content: '';background: url(assets/img/linkedin.svg) no-repeat center;background-size: contain;}

.side-panel .contact-row-social {margin-top: 48px;}

@media screen and (max-width: 1024px) {
    .right-hand-column {width: 100%;margin-left: 0;}
    .site-footer .menu-h {width: 100%;margin-left: 0;}
    .container {padding: 0 25px;}
    body.overflow .logo img{opacity: 0 !important;}
    body.overflow .logo img:last-child{opacity: 1 !important;}
     #header .menu-dropdown {background: transparent;width: auto;max-width: none;padding: 0;}
    #header .menu-holder {display: block;position: fixed;top: 0;left: 0;width: 100%;background: #1a1a1a;transform: translate(0, -100%);-webkit-transform: translate(0, -100%);transition: all 0.4s ease-in;height: 100vh;overflow: auto;padding: 148px 16px 48px;}
    #header .open .menu-holder {transform: translate(0, 0); -webkit-transform: translate(0, 0);}
    #header .menu-button {width: 40px;display: flex;border: 1px solid #1c1c1c;background: none;padding: 0;z-index: 5;height: 32px;position: relative;border-radius: 100px;}
    .humb{display:block;width: 12px;height: 1px;background:#1c1c1c;transform: translateY(-50%);-webkit-transition:transform 0 300ms;transition:transform 0 300ms;text-indent:-9999px;position: absolute;z-index: 9999;top: 50%;left: 0;right: 0;margin: 0 auto;}
    .humb::before,.humb::after{display:block;position:absolute;content:"";z-index:-1;width: 12px;height: 1px;background:#1c1c1c}
    .humb::before{bottom: 4px;transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1)}
    .humb::after{top: 4px;transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);}
    .open .humb{background:none !important}
    .open .humb::after{left: 0;top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition:top 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);}
    .open .humb::before{left: 0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);transition:bottom 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);}
    .menu-button:hover{border-bottom:0;outline:none}
    #header .menu-holder .menu {width: 100%;display: block;border-top: 1px solid #E5E1CE;margin-bottom: 48px;margin-right: 0;}
    #header .menu-holder .menu>li {border-bottom: 1px solid #E5E1CE;padding: 24px 0;}
    #header .menu-holder .menu>li.separator {display: none;}
    #header .menu-holder .menu>li>a {font-size: 20px;line-height: 130%;text-transform: uppercase;color: #E5E1CE}
    #header:not(.white) .open .menu-button,
    #header.white .menu-button {border: 1px solid #BFB687;}
    #header:not(.white) .open .humb,
    #header:not(.white) .open .humb:before,
    #header:not(.white) .open .humb:after,
    #header.white .humb,
    #header.white .humb:before,
    #header.white .humb:after {background: #E5E1CE;}
    #header .btn {color: #E5E1CE !important;border-color: #BFB687 !important;}
}
@media screen and (max-width: 767px) {
    .container {padding: 0 16px;}
    #page {padding-bottom: 0 !important;}
    h1, .h1 {font-size: 32px;line-height: 120%;}
    h2, .h2 {font-size: 32px;line-height: 120%;}
    h3, .h3 {font-size: 24px;line-height: 120%;}
    h4, .h4 {font-size: 20px;line-height: 120%;}
    #header .inner {padding: 48px 16px;}
    #header.fixed .inner {padding: 16px;}
    .side-panel-inner {width: 100%;max-width: none;padding: 100px 16px 48px;gap: 32px;}
    .side-panel .contact-row {gap: 0;}
    .side-panel .contact-row .contact-col:first-child{padding-bottom: 24px;margin-bottom: 24px;border-bottom: 1px solid #BFB687;}
    .side-panel .contact-col {width: 100%;}
    .tx-large {font-size: 16px;line-height: 140%;}
    .team-section .profile,
    .job .col,
    .title-with-text.case-study .flex-box .col,
    .buildings .building,
    .experience .item {width: 100%;}
    .experience .img-h {aspect-ratio: 1;}
    .cta-grid .flex-box {gap: 24px;margin: 48px 0 0;}
    .cta-grid .cta-item {width: 100%;padding: 0;}
    .cta-grid .cta-item:not(:first-child) {border-top: 1px solid #BFB687;border-left: none;padding-top: 24px;}
    .site-footer {position: static !important;}
    .site-footer .menu-h>ul>li p,
    .site-footer .menu-h>ul>li a {font-size: 16px;}
    .site-footer .menu-h>ul>li {width: 100%;}
    .grid-box .box {width: 100%;}
    .grid-box .number {font-size: 40px;line-height: 120%;}
    .title-with-text h2,
    .accordion-section h2 {max-width: 100%;}
    .title-with-text.case-study .text-h {padding-top: 24px;padding-bottom: 0;}
    .title-with-text.case-study .btn {margin-top: 24px;}
    .buildings .profile .img-h img,
    .team-section .profile .img-h img {transition: all 0.7s ease-in-out;}
    .buildings .profile:nth-child(2n) .img-h.animated img,
    .team-section .profile:nth-child(2n) .img-h.animated img {transition-delay: 0;}
    .site-footer .container>a {display: block;}
    .site-footer .container>a img {width: 100%;}
    .social-mobile,
    .address-mobile,
    .contact-us-mobile {display: block;}
}