@charset "utf-8";

@font-face { font-family: "HelveticaNowDisplay"; src: local("HelveticaNowDisplay-Medium"), url("fonts/HelveticaNowDisplay-Medium.woff2") format("woff2"), url("fonts/HelveticaNowDisplay-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }

:root {
	--text-1: 0 0 0;
	--text-2: 26 26 26;
	--text-3: 51 51 51;
	--bg: 255 255 255;
	--brown: 95 39 38;
	--white: 255 255 255;
	--white: 255 255 255;

	--gap-xs: clamp(4px, 0.41vw, 8px);
	--gap-sm: clamp(8px, 0.83vw, 16px);
	--gap-md: clamp(12px, 1.25vw, 24px);
	--gap-lg: clamp(16px, 1.2vw, 32px);
	--gap-xl: clamp(20px, 2.08vw, 40px);
	--gap-xxl: clamp(24px, 2.5vw, 48px);
	--gap-xxxl: clamp(28px, 2.91vw, 56px);

	--section--gap: 70px;

	--all-fast: all 0.3s;
	--all-medium: all 0.5s;
	--all-slow: all 0.8s;
}
html {
	scroll-behavior: auto !important;
}
body.no-scroll { overflow: hidden; height: 100vh !important; }
*, ul, ol, li, a { margin: 0; padding: 0; border: none; list-style-type: none; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: helvetica-lt-pro, sans-serif; font-weight: 400; line-height: 120%; color: inherit; color: rgb(var(--text-2) / 70%); text-decoration: none; outline: 0; color: inherit; }
input,
input:not(.form-check-input):focus,
textarea,
textarea:focus,
.form-control,
.form-control:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; background: transparent; color: rgb(var(--text-2) / 70%); }
.btn-close:focus { box-shadow: none; }
.btn:focus, .form-check-input:focus { box-shadow: none; }

.form-control::placeholder { color: rgba(var(--text-2) / 20%); opacity: 1; }

button { background: transparent; outline: none; border: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; }
button:hover, button:focus { text-decoration: none; border: none; outline: 0; color: inherit; }

.form-select:focus { box-shadow: none; }

[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none; outline: none; border: none; }

a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; color: inherit; text-decoration: none; }
a:hover { color: inherit; }

body { width: 100%; font-size: 16px; line-height: 120%; width: 100%; position: relative; font-weight: 400; font-family: helvetica-lt-pro, sans-serif; color: rgb(var(--text-2) / 100%); background: #EFEFEA; z-index: 1; overflow-x: hidden; -webkit-transition: var(--all-fast); -o-transition: var(--all-fast); transition: var(--all-fast); }
body p { font-size: 20px; color: rgb(var(--text-3) / 100%); font-family: helvetica-lt-pro, sans-serif; font-weight: 400; line-height: 140%; margin-bottom: var(--gap-sm); }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "HelveticaNowDisplay"; font-weight: 400; color: rgb(var(--text-2) / 100%); }

/* TITLES */
.h1 { color: rgb(var(--brown) / 100%); font-family: "HelveticaNowDisplay"; font-size: 70px; font-style: normal; font-weight: 500; line-height: 113%; }
.h1 * { font-family: "HelveticaNowDisplay"; line-height: 100%; }
.h2 { color: rgb(var(--text-2) / 100%); font-family: "HelveticaNowDisplay"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 114%; margin-bottom: var(--gap-sm); }
.h2 * { font-family: "HelveticaNowDisplay"; line-height: 100%; }
.h3 { color: rgb(var(--brown) / 100%); font-family: orpheuspro, serif; font-size: 40px; font-style: normal; font-weight: 500; line-height: 113%; }
.h3 * { font-family: orpheuspro, serif; line-height: 100%; }
.h4 { color: rgb(var(--text-2) / 100%); font-family: orpheuspro, serif; font-size: 30px; font-style: normal; font-weight: 500; line-height: 100%; margin-bottom: var(--gap-sm); }
.h4 * { font-family: orpheuspro, serif; line-height: 100%; }
.h5 { color: rgb(var(--text-2) / 100%); font-family: "HelveticaNowDisplay"; font-size: 25px; font-style: normal; font-weight: 500; line-height: 125%; }
.h5 * { font-family: "HelveticaNowDisplay"; line-height: 100%; }

.img--box { display: flex; width: 100%; }
img, video { width: 100%; height: 100%; object-fit: cover; }


/* BUTTON CSS */
.btn-text-wrapper { display: block; position: relative; overflow: hidden; }
.btn { position: relative; overflow: hidden; display: inline-block; padding: var(--gap-xs) var(--gap-sm); border-radius: var(--gap-lg); cursor: pointer; font-weight: 400; transition: all 0.5s; }

.btn-text { display: block; transition: all 0.4s ease; font-size: 15px; color: rgba(var(--brown) / 100%); font-family: helvetica-lt-pro, sans-serif; font-weight: 500; text-transform: uppercase; line-height: 1; letter-spacing: 0.5px; margin-bottom: 0; }
.btn-text:first-child { transform: translateY(0); }
.btn-text:last-child { position: absolute; left: 0; top: 100%; transform: translateY(0); }

.btn:hover .btn-text:first-child { transform: translateY(-100%); }
.btn:hover .btn-text:last-child { transform: translateY(-100%); }

.btn--primary { border: 2px solid rgba(var(--brown) / 100%); border-radius: var(--gap-lg); border: 1px solid rgba(var(--brown) / 100%); background: rgba(var(--brown) / 0%); color: rgba(var(--brown) / 100%); padding: var(--gap-sm) var(--gap-lg) var(--gap-sm); font-size: var(--font-sm); }
.btn--primary:hover { background: rgba(var(--brown) / 100%); color: rgba(var(--brown) / 100%); }
.btn--primary:hover .btn-text { color: rgba(var(--bg) / 100%); }

.btn--secondary { border: 2px solid rgba(var(--brown) / 100%); border-radius: var(--gap-lg); border: 1px solid rgba(var(--brown) / 100%); background: rgba(var(--brown) / 100%); color: rgba(var(--brown) / 100%); padding: var(--gap-sm) var(--gap-lg) var(--gap-sm); font-size: var(--font-sm); }
.btn--secondary .btn-text { color: rgba(var(--brown) / 100%); }
.btn--secondary:hover { background: rgba(var(--brown) / 0%); border-color: rgba(var(--brown) / 100%); color: rgba(var(--brown) / 100%); }
.btn--secondary:hover .btn-text { color: rgba(var(--brown) / 100%); }

.read--more { font-size: 14px; text-transform: uppercase; color: rgb(var(--brown) / 100%); display: inline-flex; align-items: center; transition: var(--all-medium); }
.read--more:hover { color: rgb(var(--text-1) / 100%); }
.read--more img { width: 15px; height: auto; margin-left: 5px; }

@media screen and (min-width: 2048px) {
	.container { max-width: 1920px; }
}

/* BREADCRUMB */
.breadcrumb .breadcrumb-item a { color: #afafaf; }
.breadcrumb .breadcrumb-item { color: #8d8d8d; }
.breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item { font-family: "HelveticaNowDisplay"; text-transform: uppercase; font-size: 14px; }
.breadcrumb-item+.breadcrumb-item { padding-left: calc(var(--gap-xs) / 1); }
.breadcrumb-item+.breadcrumb-item::before { padding-right: calc(var(--gap-xs) / 2); }

/* FILTER TABS */
.filter--tabs { display: flex; flex-flow: row wrap; gap: var(--gap-lg); margin-bottom: var(--gap-xxxl); border-bottom: 1px solid rgba(var(--brown) / 20%); }
.filter--tabs a {color: rgb(var(--text-1) / 60%);  font-family: "HelveticaNowDisplay"; text-transform: uppercase; font-size: 15px; font-style: normal; font-weight: 500; line-height: 114%; padding: var(--gap-sm) var(--gap-xl); transition: var(--all-medium); position: relative; }
.filter--tabs a::after { content:''; position: absolute; left: 0; bottom: 0; height: 4px; width: 0px; transition: var(--all-medium); background-color: rgb(var(--brown) / 100%); }
.filter--tabs a.active {  color: rgb(var(--brown) / 100%); }
.filter--tabs a.active::after { width: 100%; }

/* SECTION TITLES */
.section--title { color: rgb(var(--brown) / 100%); font-family: orpheuspro, serif; font-size: 30px; font-style: normal; font-weight: 500; text-transform: uppercase; line-height: 100%; margin-bottom: var(--gap-md); }
.section--title * { color: rgb(var(--brown) / 100%); font-family: orpheuspro, serif; font-size: 30px; font-style: normal; font-weight: 500; text-transform: uppercase; line-height: 100%; }
.section--subtitle { color: rgb(var(--text-1) / 100%); font-family: "HelveticaNowDisplay"; font-size: 36px; font-style: normal; font-weight: 500; line-height: 116%; margin-bottom: var(--gap-xl); }
.section--subtitle * { color: rgb(var(--text-1) / 100%); font-family: "HelveticaNowDisplay"; font-size: 44px; font-style: normal; font-weight: 500; line-height: 100%; }


/* HEADER */
.header { padding: var(--gap-lg) 0; width: 100%; position: fixed; top: 0; left: 0; z-index: 2; background: #D8D8CFdd; transition: var(--all-medium); }
.header .logo { width: 200px; display: flex; transition: var(--all-medium); }
.header.show .logo { width: 185px; }
.header.active,.header.show { background: rgb(var(--white) / 100%); }

.header .hamburger { position: relative; width: 45px; display: flex; padding: 4px 0; }
.header .hamburger img { width: 100%; transition: var(--all-medium); }
.header .hamburger img:last-child { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: contain; opacity: 0; }
.header .hamburger.active img:last-child { opacity: 1; }
.header .hamburger.active img:first-child { opacity: 0; }

.mega--menu { position: fixed; left: 0;  top:90px;	width: 100%; background: #ffffff; z-index: 3; padding: calc(var(--gap-md) * 2) 0; transform: translateY(calc(-100% - var(--header-height, 150px))); }
.header.show .mega--menu { margin-top: -20px; }
.mega--menu .menu--list { display: flex; flex-flow: column wrap;  margin-bottom: 0px; }
.mega--menu .menu--list li { width: 100%; }
.menu--wrapper { display: flex; }
.menu--wrapper .menu--list { width: auto; position: relative; padding-right: 200px; margin-right: 60px; }
.menu--wrapper .menu--list:before { content: ""; position: absolute; right: 0px; top: 0px; width: 1px; height: 75px; background: rgb(var(--text-2) / 20%); }
.menu--wrapper .menu--list:last-child:before { display: none; }

.menu--wrapper .menu--list:last-child { padding-right: 0px; margin-right: 0px; }
.mega--menu .menu--list li a { width: 100%; color: rgb(var(--text-1) / 100%); justify-content: flex-start; font-size: 18px; font-style: normal; text-transform: capitalize; font-weight: 500; line-height: 1.2; padding: var(--gap-xs) 0; transition: var(--all-medium); }
.mega--menu .menu--list li a:hover { color: rgb(var(--brown) / 100%); }
.mega--menu .menu--list li:last-child a:hover,
.mega--menu .menu--list li:last-child a:focus,
.mega--menu .menu--list li:last-child a:active { color: #000; }
.button--wrapper { display: flex; flex-flow: row wrap;  gap: var(--gap-sm); margin-top: 10px; }
.mega--menu .btn--wrap--sec .menu--list { padding: 0px; } 
.mega--menu .btn--wrap--sec .menu--list:before { display: none; }
.mega--menu .btn--wrap--sec .button--wrapper .btn { padding: 10px 12px;  }
.mega--menu .btn--wrap--sec .button--wrapper .btn .btn-text { font-size: 12px; }

/* INTRO VIDEO */
.intro--video + #smooth-wrapper { padding-top: 100vh; height: 100vh; overflow: hidden; }
.intro--video { position: fixed; top: 0; left: 0; z-index: 111; width: 100%; height: 100vh; background: #D8D8CF; }
.intro--video .container { width: 100%; max-width: 100%; }
.intro--video video { width: 100%; height: 100%; object-fit: cover; }

.intro--video .unmute-btn { position: absolute; left: var(--gap-lg); bottom: var(--gap-lg); width: 40px; height: 40px; padding: var(--gap-xs); cursor: pointer; }
.intro--video .unmute-btn img { width: 100%; object-fit: contain; }
.intro--video .unmute-btn img:last-child { display: none; }
.intro--video .unmute-btn.active img:last-child { display: flex; }
.intro--video .unmute-btn.active img:first-child { display: none; }

.intro--video .play-btn {  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; border-radius: 50%; border: 0px solid #D8D8CF;  display: flex; flex-flow: row wrap; align-items: center; justify-content: center; padding: var(--gap-xs); cursor: pointer; transition: var(--all-medium); }


.video--bx:hover .play-btn { background-color:#D8D8CF ; }
.intro--video .play-btn img { width: 100%; object-fit: contain; }
.intro--video .play-btn img:last-child { display: none; }
.video--bx:hover .play-btn.active img:last-child { display: flex; }
.intro--video .play-btn.active img:first-child { display: none; }
.intro--video { text-align: center; padding: 2% 0px; display: flex; align-items:center; }
.intro--video .container { width: 85%; max-width: auto; }
.intro--video .video--bx { width: 98%; margin: 0px auto; height: 86vh; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; position: relative; }
.intro--video .skip--text--grp { display: flex; flex-flow: column wrap; justify-content: center; align-items: center; margin-top: var(--gap-md); } 
.intro--video .skip-intro { display: flex; flex-flow: row wrap; align-items: center; margin-bottom: 4px; justify-content: center; padding: 8px var(--gap-md); z-index: 2; gap: var(--gap-xs); }
.intro--video .skip-intro:hover span { color: #fff; }
.intro--video .skip-intro img { width: 18px; transition: var(--all-medium); }
.intro--video .skip-intro:hover img { filter: invert(1) grayscale(1); }
.intro--video .skip--text--grp .btn-text { font-size: 12px; }

.intro--video .form-check { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; z-index: 1; gap: var(--gap-xs); }
.intro--video .form-check-label { color: rgba(var(--text-1) / 70%); font-size: 12px; font-weight: 300; }
.intro--video .form-check-input { width: 14px; height: 14px; margin-top: 0; }
.intro--video .form-check-input:checked { border: 1px solid rgb(var(--brown) / 100%); background-color: rgb(var(--brown) / 100%); }

/* BANNER */
.home--banner { background: #D8D8CF; position: relative; width: 100%; height: 100vh; padding-top: calc(var(--header-height) * 2.5); z-index: 1; overflow: hidden; }
.home--banner .img--box { position: absolute; bottom: 0; right: 0; width: 100%; height: 75%; z-index: -1;  mask-image: url("../images/banner--video--mask.svg"); -webkit-mask-image: url("../images/banner--video--mask.svg"); mask-size: contain; -webkit-mask-size: contain; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: bottom right; -webkit-mask-position: bottom right; }
.home--banner .img--box img { object-fit: contain; object-position: right bottom; }
.home--banner .banner--title { color: rgb(var(--brown) / 100%); font-size: 70px; font-style: normal; font-weight: 500; line-height: 113%; margin-bottom: var(--gap-xl); z-index: 1;}
.home--banner .banner--subtitle { color: rgb(var(--text-2) / 100%); font-family: orpheuspro, serif; font-size: 30px; font-style: normal; font-weight: 500; line-height: 114%; margin-bottom: 0; max-width: 470px; z-index: 1; }

.home--banner .banner--content .btn { margin-top: var(--gap-xl); }

/* OUR VALUES */
.our--values { padding: calc(var(--section--gap) * 2) 0 var(--section--gap); }

.values--list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 calc(var(--gap-xxxl) * 3); margin-top: var(--gap-xxl); }
.values--list li { position: relative; opacity: 0; transform: translateY(100px); }
.values--list li:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 0; left: calc(100% + (var(--gap-xxxl) * 1.5)); width: 1px; height: 100%; background: rgba(175, 154, 132, 0.50); }
.values--list .values--box { width: 100%; display: flex; flex-flow: column wrap; align-items: flex-start; }
.values--list .values--box .img--box { height: 120px; width: auto; display: flex; margin-bottom: var(--gap-md); }
.values--list .values--box .img--box img { object-fit: contain; width: auto; }
.values--list .values--box p { font-size: 18px; color: rgb(var(--text-3) / 100%); }


/* LEADERSHIP */
.leadership { padding: var(--section--gap) 0; position: relative; }
.leadership .section--title { margin-bottom: var(--gap-xxxl); }
.leadership--list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 calc(var(--gap-xl) * 2); }
.leadership--list li { opacity: 0; transform: translateY(100px); }
.leadership--list .leadership--card { width: 100%; display: flex; flex-flow: column wrap; }
.leadership--list .leadership--card .img--box { border-radius: var(--gap-sm); aspect-ratio: 0.7; overflow: hidden; margin-bottom: var(--gap-md); }
.leadership--list .leadership--card .img--box img { transition: var(--all-medium); }
.leadership--list .leadership--card .img--box:hover img { transform: scale(1.05); }
.leadership--list .leadership--card .h4 { margin-bottom: var(--gap-xs); transition: var(--all-medium); }
.leadership--list .leadership--card:hover .h4 { color: rgb(var(--brown) / 100%); }
.leadership--list .leadership--card .h4 + p { font-size: 18px; color: rgb(var(--text-3) / 100%); margin-bottom: var(--gap-md); }
.leadership--list .leadership--card .quote { color: rgb(var(--brown) / 100%); }


/* GLOBAL OFFICE */
.global--offices { padding: var(--section--gap) 0 calc(var(--section--gap) * 2); position: relative; }
.offices--list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 110px; margin-top: var(--gap-xxxl); }
.offices--list li { position: relative; opacity: 0; transform: translateY(100px); }
.offices--list li a { display: flex; position: relative; overflow: hidden; border-radius: 10px; aspect-ratio: 1.8;   aspect-ratio: 1.8 / 1; flex-shrink: 0;  }
.offices--list li a img { width: 100%; height: 100%; object-fit: cover; }
.offices--list li a .h2 { position: absolute; bottom: 40px; left: 40px; color: rgb(var(--white) / 100%); margin-bottom: 0px; }
.offices--list li:not(:last-child)::after { content: ''; position: absolute; left: calc(100% + 55px); top: 0; width: 1px; height: 100%; background: rgba(175, 154, 132, 0.50); }
.offices--list li p { max-width: 550px; margin-bottom: var(--gap-md); }



.offices--list li a { position: relative; width: 100%; border-radius: 10px;	overflow: hidden; }
.offices--list li a::before { content: ""; display: block;	padding-top: 55.55%; }
.offices--list li a img { position: absolute; inset: 0;	width: 100%; height: 100%; object-fit: cover;}

/* GLOBAL FOOTPRINT */
.global--footprint { position: relative; overflow: hidden; z-index: 1; display: flex; }
.global--footprint .info--box { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; }
.global--footprint .info--box * { color: rgba(var(--bg) / 80%); }
.global--footprint .info--box p, .global--footprint .info--box p * { font-weight: 300; margin-bottom: 0; }
.global--footprint .left { width: 50%; background: #AF9A84; border-radius: 0 10px 10px 0; }
.global--footprint .right { width: 50%; border-radius: 10px 0 0 10px; overflow: hidden; }
.global--footprint .section--subtitle { margin-bottom: var(--gap-lg); }

.global--content { padding-right: 50px; }


/* LATEST INSIGHTS */
.latest--insights { padding: calc(var(--section--gap) * 2) 0 var(--section--gap); }
.latest--insights.inside { padding: calc(var(--section--gap) * 2 + var(--header-height)) 0 var(--section--gap); }
.latest--insights .h1 { margin-bottom: var(--gap-lg); }
.latest--insights .h4 { max-width: 90%; margin-bottom: calc(var(--gap-xxl) * 1.2); }
.latest--insights .btn { margin-bottom: var(--gap-sm); margin-top: var(--gap-xxxl);  }
.latest--insights .row { row-gap: calc(var(--gap-xxl) * 1.5); }
.insight--card { width: 100%; display: flex; flex-flow: row wrap; }
.insight--card .img--box { width: 100%; padding-bottom: 56.25%; position: relative; margin-bottom: var(--gap-md); border-radius: 10px; overflow: hidden; }
.insight--card .img--box img { position: absolute; left: 0; top: 0; transition: var(--all-slow); }
.insight--card .img--box span { position: absolute; left: calc(var(--gap-xs) / 2 * 3); bottom: calc(var(--gap-xs) / 2 * 3); background: rgba(var(--bg) / 85%); color: rgba(var(--brown) / 100%); font-size: 9px; font-weight: 400; line-height: 1; padding: 4px 6px 2px 6px; border-radius: var(--gap-xs); text-transform: uppercase; }
.insight--card:hover .img--box img { transform: scale(1.05); }
.insight--card .h5 { max-width: 480px; transition: var(--all-medium); }
.insight--card:hover .h5 { color: rgb(var(--brown) / 100%); }
.insight--card p { max-width: 480px; margin-bottom: var(--gap-lg); }
.insite--view--btn { display:flex ; justify-content: end; align-items: center;}
.insight-item a { display: flex; flex-direction: column; }
.latest--ins-home .insight-item:nth-child(n+4) { display: none; } 
.latest--insights .section--subtitle { margin-bottom: var(--gap-xxxl);}


/* FOOTER */
.footer { padding: var(--section--gap) 0 calc(var(--section--gap) / 2); position: relative; overflow: hidden; }
.footer .footer--top { margin-bottom: var(--gap-lg); }
.footer .footer--top .logo { width: 300px; margin-bottom: var(--gap-sm); }
.footer .footer--top .h5 { color: rgb(var(--brown) / 100%); font-family: orpheuspro, serif; }
.footer .footer--middle { margin-bottom: calc(var(--gap-xxxl) * 1.5); }
.footer .footer--middle .h1 { margin-bottom: var(--gap-xs); }
.footer .footer--middle .h3 { margin-bottom: 0; }

.footer .footer--end p { color: #bbbbbb; font-size: 13px; font-style: normal; font-weight: 400; line-height: 126%; margin-bottom: 0; }
.footer .footer--end p a { transition: var(--all-medium); }
.footer .footer--end p a:hover { color: rgb(var(--brown) / 100%); }
.footer .footer--icon { position: absolute; width: 50%; height: 100%; right: 0; bottom: 0; transform: translateX(200px); }
.footer .footer--icon img { object-fit: contain; object-position: bottom right; }


/* MODAL */
.team--modal { backdrop-filter: blur(10px);  }
.team--modal .modal-xl {max-width: 1500px; }
.team--modal .btn-close { position: absolute; right: var(--gap-sm); top: var(--gap-sm); }
.team--modal .modal-body { display: flex; flex-flow: row wrap; padding: var(--gap-xxxl) var(--gap-xxxl); position: relative; align-items: flex-start; }
.team--modal .modal-body .img--box { width: 28%; height: auto; border-radius: 10px; overflow: hidden; }
.team--modal .modal-body .info--box { width: 72%; padding-left: 50px;  padding-right: 15px; }
.team--modal .modal-body .info--box .h2 { font-family: orpheuspro, serif; color: rgb(var(--brown) / 100%); margin-bottom: var(--gap-xs); }
.team--modal .modal-body .info--box .quote { color: rgb(var(--brown) / 100%); background: #f3f3f3; padding: 20px; font-size: 16px!important; }
.team--modal .modal-body .info--box .h4 { font-family: helvetica-lt-pro, sans-serif; color: rgb(var(--text-3) / 100%); margin-bottom: var(--gap-xl); font-size: 24px; }

.modal-body .info--box .info--box--inside { gap: 25px; }
.info--box--left { column-count: 1!important; column-gap: 30px!important; }
.modal-xl { max-width: 1680px; }
.btn-close { color: rgba(var(--brown) / 100%); filter: none;  }
.modal-backdrop { --bs-backdrop-opacity: 0.8; }

/* insight page */
.insight-detail-section { padding: calc(var(--section--gap) * 1.1 + var(--header-height)) 0 var(--gap-xl); }
.insight-detail-section .breadcrumb { margin-bottom: var(--gap-xl); }
.insight-detail-section .banner--title { margin-bottom: var(--gap-md); }
.insight-detail-section .back--btn { display: flex; justify-content: flex-end; height: 100%; align-items: flex-end; }
.insight-detail-section .back--btn .read--more { margin-bottom: var(--gap-xl); font-size: 13px; }
.insight-detail-section .back--btn .read--more .svg { margin-right: 6px; width: 4px; }
.insight--btn--grp { display: flex; justify-content: space-between; margin-top: var(--gap-xl); }

.insight-meta { display: flex; justify-content: space-between; }
.insight-date { font-size: 16px; color: #7e7e7e; font-size: 300; font-family: helvetica-lt-pro, sans-serif; }
.insight-taxonomy { display: inline-flex; width: auto; background: rgba(var(--bg) / 85%); color: rgba(var(--brown) / 100%); font-size: 11px; font-weight: 400; line-height: 1.5; padding: calc(var(--gap-xs) / 2) var(--gap-xs); border-radius: var(--gap-xs); text-transform: uppercase; }

.insight-detail-section .img--box { aspect-ratio: 2.2; margin-bottom: var(--gap-lg); border-radius: 10px; overflow: hidden; }
.insight-detail-section .insight-content p { margin-bottom: 25px; }
.insight-detail-section .insight-content table tr td, .insight-detail-section .insight-content p, .insight-detail-section .insight-content ul li, .insight-detail-section .insight-content ol li, .insight-detail-section .insight-content a { font-size: 16px; font-weight: 300; }
.insight-detail-section .insight-content strong { font-weight: 500; }
.insight-detail-section .insight-content ul, .insight-detail-section .insight-content ol { padding-left: 20px; margin-bottom: 30px; }
.insight-detail-section .insight-content ul li, .insight-detail-section .insight-content ol li { list-style-type: disc; margin-bottom: 5px; list-style-position: outside; }

.insight-detail-section .insight-content h1, .insight-detail-section .insight-content h2, .insight-detail-section .insight-content h3, .insight-detail-section .insight-content h4, .insight-detail-section .insight-content h5, .insight-detail-section .insight-content h6, .insight-detail-section .insight-content h1 strong, .insight-detail-section .insight-content h2 strong, .insight-detail-section .insight-content h3 strong, .insight-detail-section .insight-content h4 strong, .insight-detail-section .insight-content h5 strong  { font-weight: 500; color: #000; font-family: orpheuspro, serif; }
.insight-detail-section .insight-content h1, .insight-detail-section .insight-content h1 strong { font-size: 30px; }
.insight-detail-section .insight-content h2, .insight-detail-section .insight-content h2 strong { font-size: 28px; }
.insight-detail-section .insight-content h3, .insight-detail-section .insight-content h3 strong { font-size: 26px; } 
.insight-detail-section .insight-content h4, .insight-detail-section .insight-content h4 strong { font-size: 24px; }
.insight-detail-section .insight-content h5, .insight-detail-section .insight-content h5 strong { font-size: 22px; }
.insight-detail-section .insight-content h6, .insight-detail-section .insight-content h6 strong { font-size: 20px; }

.insight-detail-section .insight-content h6 strong { font-size: 30px; font-weight: 500; color: #000; font-family: orpheuspro, serif; }
.insight-detail-section .insight-content h1, .insight-detail-section .insight-content h2, .insight-detail-section .insight-content h3, .insight-detail-section .insight-content h4, .insight-detail-section .insight-content h5, .insight-detail-section .insight-content h6 { margin-top: 25px; margin-bottom: 15px; }
.insight-detail-section .insight-content strong, .insight-detail-section .insight-content b { font-weight: 500; }
.insight-detail-section .insight-content .wp-block-image.size-full { aspect-ratio: 2.2; margin-bottom: var(--gap-md); display: flex; }
.insight-detail-section .insight-content figure { border-radius: 10px; overflow: hidden; }
.insight-detail-section .insight-content figure.wp-block-table { border-radius: 0px; }