body {margin: 0; font-family: neuzeit-grotesk, sans-serif; min-height: 100vh; display: flex; flex-direction: column;}
section.agm-wrapper {display: block;width: 100%;}
section.agm-wrapper article {display: block; width: 100%;}

.container {display: flex; width: 100%;}
.left-column {flex-basis: 70%;background: url('../images/top-banner-2.png') center right / cover no-repeat; position: relative;z-index: 1;border-radius: 0 0 300px 0;}
.right-column {flex-basis: 30%;padding: 5% 5% 5% 1%;}
.img-responsive {max-width: 150px;height: auto;display: block;margin-bottom: 10%;}
.agm-text {font-weight: bold;font-size: 5.5vw;line-height: 1em;background: linear-gradient(to right, #ffffff, #F06224);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: right;white-space: pre-line;}

/*DOWNLOADS*/
.download-wrapper {position: fixed;top: 0;left: -325px;height: 100vh;width: 340px;display: flex;align-items: center;transition: left 0.3s ease;z-index: 999;}
.download-wrapper.open {left: 0;}
.download-toggle {position: absolute;left: 340px;top: 50%;transform: translateY(-50%);width: 60px;height: 170px;background-color: #fff;color: #F06224;font-weight: bold;writing-mode: vertical-rl;text-align: center;border-radius: 0 12px 12px 0;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);cursor: pointer;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 1000;transition: background 0.3s ease;}
.download-toggle:hover {background: #f0f0f0;}
.download-arrow {font-size: clamp(16px, 2vw, 20px); transform: rotate(90deg);margin-bottom: 6px;}
.download-label {font-size: clamp(16px, 2vw, 20px); transform: rotate(180deg);}
.download-panel {width: 300px;height: 100vh;background-color: #fff;box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2);overflow-y: auto;padding:90px 20px 20px 20px;font-size: 14px;}
.download-panel h3 {margin-top: 0;font-size: 30px;color: #F06224;font-weight:normal;}
.download-panel ul {list-style: none; padding-left: 0; margin: 0;}
.download-panel ul li {margin: 10px 0; display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding-bottom: 5px; color:#3D3D3D;}
.download-panel ul li:after {content: url('../images/download-arrow.png'); margin-left: 10px; width: 22px; height: 20px;}
.download-panel ul li span {flex-grow: 1;}
.download-panel ul li a {color:#39383A; text-decoration:none;}


/*WEBCAST INFO*/
.webcast-info {text-align: right;font-family: neuzeit-grotesk, sans-serif;color: #F06224;padding-top: 10%;}
.webcast-info p {font-size: clamp(16px, 2.5vw, 25px); line-height: 1.3;margin-bottom: 10%;margin-top: 10%;}
.webcast-info strong {font-size: clamp(16px, 2vw, 20px);font-weight: 600;}
.webcast-buttons {display: flex;justify-content: right;gap: 20px;flex-wrap: wrap;}
.webcast-buttons .btn {display: inline-flex;align-items: center;gap: 8px;padding: 12px 24px;background-color: #FDECD9;border-radius: 30px;font-weight: 600;color: #F06224;text-decoration: none;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);transition: background 0.3s, transform 0.2s;}
.webcast-buttons .btn span {font-size: 18px;transition: transform 0.2s;position: relative;top: 4px;left: -5px;}
.webcast-buttons .btn:hover {background-color: #e0ecff;transform: translateY(-2px);}
.webcast-buttons .btn:hover span {transform: translateY(2px);}

/*LEADERSHIP STRIP*/
section.home-leadership-row {position: relative;}
section.home-leadership-row article {padding:90px;}
section.home-leadership-row article h3 {font-size: clamp(28px, 5vw, 45px);color: #F06224;font-weight: bold;text-align: center;}
:root {--active-color: #fff; --inactive-color: #39383A;}
.tab-container {display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem;}
.tab-button {position: relative;background: none;border: none;font-size: clamp(16px, 2vw, 20px);color: var(--inactive-color);font-weight: 500;padding: 0.75rem 1rem;cursor: pointer;transition: color 0.3s ease;font-family: neuzeit-grotesk, sans-serif;}
.tab-button.active {color: #39383A; font-weight: 700;}
.tab-button.active::after {content: ">"; position: absolute; bottom: -0.3rem; left: 50%; transform: translateX(-50%); font-size: 1rem; color: var(--active-color);}
.tab-content {max-width: 1088px; margin: 0 auto; border-radius:30px; display: none; background: url("../images/tab-background.png"); background-size: cover; background-position: center; color: #fff; animation: fadeIn 0.3s ease;}
.tab-content.active {display: block;}
.tab-content .two-col {display: flex; flex-wrap: wrap;}
.tab-content .two-col .img, .tab-content .two-col .details {flex-basis: 50%; box-sizing: border-box;}
.tab-content .two-col .img {position: relative; padding: 20px;}
.tab-content .two-col .img img {position: absolute; bottom: 0; left: 50px; max-width: 100%; height: auto;}
.tab-content .two-col .img .name {background: rgba(240, 98, 36, 0.9);display: block;width: 40%;color: #fff;font-size: clamp(16px, 2.5vw, 25px);position: absolute;right: 0;bottom: 0;padding: 30px;border-radius: 30px 0 0 30px;font-weight: 600;}
.tab-content .two-col .img .name span {font-size: clamp(16px, 2vw, 20px); font-weight: normal;}
.tab-content .two-col .details {background: rgba(240, 98, 36, 0.9);min-height: 441px;border-radius: 30px 30px 30px 0;padding: 20px;}
.tab-content .two-col .details .block {display: block; width:80%; padding: 40px;}
.tab-content .two-col .details .block p {text-align: right;color: #fff;font-size: clamp(16px, 2.5vw, 25px);line-height: 1.4;}
.tab-content .two-col .details .block p a {color:#fff; text-decoration:none;}
.tab-content h2 {margin-top: 0; font-size: 2rem;}
.tab-content p {font-size: 1.1rem; line-height: 1.6;}
@keyframes fadeIn {from {opacity: 0; transform: translateY(10px);} to {opacity: 1; transform: translateY(0);} 
}



/*IMAGE AND TEXT STRIPS*/
section.child {position: relative; padding-top: 90px;padding-bottom: 90px;}
section.child article {max-width: 1400px;width: 100%;box-sizing: border-box;padding: 0 32px;margin: 0 auto;}
section.child article h3 {font-size: clamp(25px, 5vw, 45px);color: #F06224;font-weight:bold;text-align:center;}

.card-wrapper {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;max-width: 950px;margin: auto;position: relative;padding: 0px;margin: 0px;}
.card-image {flex: 1 1 50%;max-width: 1070px;position: relative;}
.card-image img {width: 100%;border-radius: 15px;display: block;}
.card-text {position: absolute;right: -40%;top: 50%;transform: translateY(-50%);background: #fff;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);border-radius: 12px;padding: 40px;width: 500px;z-index: 2;}
.card-text p {font-size: clamp(16px, 2vw, 20px);line-height: 1.3;color: #333;margin-bottom: 1em;}

.eyes-row {display:flex; flex-wrap: wrap;align-items: center;justify-content: center;max-width: 950px;margin: auto;position: relative;padding: 0px;margin: 0px;place-self: flex-end;}
.eyes-img {flex: 1 1 50%;max-width: 1070px;position: relative;}
.eyes-img img {width: 100%;border-radius: 15px;display: block;}
.eyes-text {position: absolute;left: -40%;top: 50%;transform: translateY(-50%);background: #fff;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);border-radius: 12px;padding: 40px;width: 500px;z-index: 2;}
.eyes-text p {font-size: clamp(16px, 2vw, 20px);line-height: 1.3;color: #333;margin-bottom: 1em;}

.download-link {display: inline-block;font-weight: bold;text-decoration: none;color: #F06224;margin-top: 10px;}
.download-link::before {content:url('../images/download-arrow.png');margin-right: 15px; width:18px; height:16px;}


/*FOOTER*/
footer {background: linear-gradient(to right, #F06224, #f6a57a);color: #fff;padding: 50px 60px 80px 60px;font-family: neuzeit-grotesk, sans-serif;font-size: 12px;position: relative;}
.footer-container {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.footer-center {text-align: center;flex: 1;}
.footer-center p {margin: 5px 0;font-size: 18px;}
.footer-links {display: flex;gap: 20px;font-size: 18px;}
.footer-links a {color: #fff;text-decoration: none;transition: opacity 0.2s;}
.footer-links a:hover {opacity: 0.7;}
.footer-produced {position: absolute;bottom: 50px;right: 50px;font-size: 16px;opacity: 0.6;}




/*PADDING RESETS*/
.no-padding  {padding: 0 !important;}
.no-paddingT {padding-top: 0 !important;}
.no-paddingB {padding-bottom: 0 !important;}
.no-paddingL {padding-left: 0 !important;}
.no-paddingR {padding-right: 0 !important;}

.padding-30  {padding: 30px !important;}
.padding-30L {padding-left: 30px !important;}
.padding-30R {padding-right: 30px !important;}
.padding-30T {padding-top: 30px !important;}
.padding-30B {padding-bottom: 30px !important;}

.padding-90  {padding: 90px !important;}
.padding-90L {padding-left: 90px !important;}
.padding-90R {padding-right: 90px !important;}
.padding-90T {padding-top: 90px !important;}
.padding-90B {padding-bottom: 90px !important;}

.padding-25  {padding: 25px !important;}
.padding-25L {padding-left: 25px !important;}
.padding-25R {padding-right: 25px !important;}
.padding-25T {padding-top: 25px !important;}
.padding-25B {padding-bottom: 25px !important;}

.padding-20  {padding: 20px !important;}
.padding-20L {padding-left: 20px !important;}
.padding-20R {padding-right: 20px !important;}
.padding-20T {padding-top: 20px !important;}
.padding-20B {padding-bottom: 20px !important;}

.padding-15  {padding: 15px !important;}
.padding-15L {padding-left: 15px !important;}
.padding-15R {padding-right: 15px !important;}
.padding-15T {padding-top: 15px !important;}
.padding-15B {padding-bottom: 15px !important;}

.padding-10  {padding: 10px !important;}
.padding-10L {padding-left: 10px !important;}
.padding-10R {padding-right: 10px !important;}
.padding-10T {padding-top: 10px !important;}
.padding-10B {padding-bottom: 10px !important;}

.padding-5  {padding: 5px !important;}
.padding-5L {padding-left: 5px !important;}
.padding-5R {padding-right: 5px !important;}
.padding-5T {padding-top: 5px !important;}
.padding-5B {padding-bottom: 5px !important;}

/*MARGIN RESETS*/
.no-margin  {margin: 0 !important;}
.no-marginT {margin-top: 0 !important;}
.no-marginB {margin-bottom: 0 !important;}
.no-marginL {margin-left: 0 !important;}
.no-marginR {margin-right: 0 !important;}
.no-marginTB {margin-top: 0 !important; margin-bottom: 0 !important;}

.margin-100  {margin: 100px !important;}
.margin-100L {margin-left: 100px !important;}
.margin-100R {margin-right: 100px !important;}
.margin-100T {margin-top: 100px!important;}
.margin-100B {margin-bottom: 100px!important;}

.margin-60  {margin: 60px !important;}
.margin-60L {margin-left: 60px !important;}
.margin-60R {margin-right: 60px !important;}
.margin-60T {margin-top: 60px !important;}
.margin-60B {margin-bottom: 60px !important;}

.margin-30  {margin: 30px !important;}
.margin-30L {margin-left: 30px !important;}
.margin-30R {margin-right: 30px !important;}
.margin-30T {margin-top: 30px !important;}
.margin-30B {margin-bottom: 30px !important;}

.margin-25  {margin: 25px !important;}
.margin-25L {margin-left: 25px !important;}
.margin-25R {margin-right: 25px !important;}
.margin-25T {margin-top: 25px !important;}
.margin-25B {margin-bottom: 25px !important;}

.margin-20  {margin: 20px !important;}
.margin-20L {margin-left: 20px !important;}
.margin-20R {margin-right: 20px !important;}
.margin-20T {margin-top: 20px !important;}
.margin-20B {margin-bottom: 20px !important;}

.margin-15  {margin: 15px !important;}
.margin-15L {margin-left: 15px !important;}
.margin-15R {margin-right: 15px !important;}
.margin-15T {margin-top: 15px !important;}
.margin-15B {margin-bottom: 15px !important;}

.margin-10  {margin: 10px !important;}
.margin-10L {margin-left: 10px !important;}
.margin-10R {margin-right: 10px !important;}
.margin-10T {margin-top: 10px !important;}
.margin-10B {margin-bottom: 10px !important;}

.margin-5  {margin: 5px !important;}
.margin-5L {margin-left: 5px !important;}
.margin-5R {margin-right: 5px !important;}
.margin-5T {margin-top: 5px !important;}
.margin-5B {margin-bottom: 5px !important;}




/*RESPONSIVE*/
@media (max-width: 1366px) {
.eyes-text {left: -20%;}
}

@media (max-width: 1280px) {
section.child {position: relative; padding: 40px 0px;}
section.home-leadership-row article {padding: 40px;}
.card-wrapper {flex-direction: column;}
.card-text {position: static;transform: none;width:90%;margin-top: 20px; padding:20px; z-index:0;}
.card-image {max-width: 100%;}
.eyes-row {flex-direction: column;}
.eyes-img {max-width: 100%;}
.eyes-text {position: static;transform: none;width:90%;margin-top: 20px; padding:20px;}
.tab-button {padding: 0.35rem 1rem;}
}

@media (max-width: 980px) {
.container {flex-direction: column;} 
.left-column img {display:none;}
.left-column, .right-column {flex-basis: 100%;} 
.right-column {padding: 100px 20px 20px 20px;} 
.webcast-info {padding-top: 0%;}
.download-wrapper {left: -350px;}
.download-toggle {position: fixed; top: 0; left: 0; transform: none; writing-mode: horizontal-tb; width: 100%; height: auto; border-radius: 6px 6px 0 0; padding-bottom:20px;} 
.download-label, .download-arrow {transform: rotate(0deg);} 
.download-panel {width: 100%; height: auto; left: -100%; top: auto; bottom: 40px;} 
.download-panel.open {left: 0;}
}


@media (max-width: 960px) {
.content-container,
.content-container.reverse {flex-direction: column;}
.text-overlay {position: relative !important;transform: none !important;width: 100% !important;margin: 20px 0 0 0 !important;top: auto !important;left: auto !important;right: auto !important;}
.left-image {max-width: 100% !important;}
}


@media (max-width: 768px) {
.tab-content .two-col {flex-direction: column;}
.tab-content .two-col .img, .tab-content .two-col .details {flex-basis: 100%; padding: 0 20px;}
.tab-content .two-col .img {margin-bottom: 20px; text-align: center;}
.tab-content .two-col .img img {position: static; max-width: 100%; height: auto; margin: 0 auto;}
.tab-content .two-col .img .name {position: relative; width: auto; border-radius: 20px; margin-top: 20px; display: inline-block;}
.tab-content .two-col .details {min-height: auto; border-radius: 20px;}
.tab-content .two-col .details .block {width: 100%; padding:10px;}
.tab-content .two-col .details .block p {text-align: left;}
}


@media (max-width: 600px) {
.tab-container {flex-direction: column;align-items: center;}
.tab-content {padding: 2rem 1.2rem;}

.footer-container {flex-direction: column;align-items: flex-start;}
.footer-produced {position: static;margin-top: 10px;}
.footer-center {text-align: left;}
}