/*==========================================================================*/
/*=================== Declaring HTML Content ===============================*/

html {
	scroll-behavior: auto; width: 100%; margin: 0; padding: 0; scrollbar-gutter: auto !important;
}
body {
	margin: 0; padding: 0; height:100%; min-height: 100vh;  width: 100%; min-width: auto; overflow-x: hidden;  overflow-y: auto; -webkit-overflow-scrolling: touch;  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;  background: rgb(232, 232, 232); 
}
html, body{
	margin:0; padding:0;
	overflow-x:hidden; 
}

*{
	margin: 0; 
 }


::-webkit-scrollbar-track{
	border: 3px solid #fff; border-color: transparent; background-color: #424242;
}

::-webkit-scrollbar{
	width: 12px; background-color: #424242; 
}

::-webkit-scrollbar-thumb{
	background-color: #939393;	border-radius: 5px;
}
:root {
	--gold: #a07600;
    --gold-light: #E8C87A;
    --gold-dim: #8B6E2F;
    --platinum: #b0b5bc;
    --platinum-light: #C4CDD6;
    --green-deep: #0D2E1A;
    --green-mid: #1A4D2E;
    --green-bright: #2A7D4F;
    --green-accent: #48BB6E;
    --green-glow: #6FCF97;
    --cream-dark: #2C2C2C;
    --ink: #0A0A0A;
    --ink-soft: #2C2C2C;
    --muted: #7e7e7e;
    --white: #FFFFFF;
    --bg: #FFFFFF;
	--paper:#f7f4ef;
	--lime:#c2ec2e;
	--lime-dk:#9bbf1a;
	--gray:#8a8a8a;
	--mid:#444;
	--rule:rgba(0,0,0,0.09);
	--gdk:#081409;
	--bg-alt:#e2e2e2;
    --card:#ffffff;
    --lime-dim:#4a6318;
    --cream:#1c1d16;
    --cream-dim:#5c5d54;
    --thread:#a8a99c;
    --error:#c0392b;
	---dark-denim:#00008eca;
    --ink-soft:#1D2118;
    --paper-dim: #E3DEC8;
    --moss:#3A4A34;
    --teal:#2F6B63;
    --fog:#A7AF9C; 
    --line:rgba(239,234,216,0.14);
	--cr-ink:#211D18;
	--cr-canvas:#F5F1E8;
	--cr-loom:#16262B;
	--cr-loom-soft:#20363D;
	--cr-gold:#C98A2C;
	--cr-rust:#8B4A3B;
	--cr-line:rgba(33,29,24,0.12);
	--cr-muted:#6B655C;
	--cr-card:#FFFFFF;
	--panel:#FFFFFF;
	--cobalt:#1E4FD8;
	--safety:#F2B705;

	--denim-1:#1b2036;
    --denim-2:#232a49;
    --denim-3:#141728;
    --glass-bg: rgba(65, 65, 65, 0.28);
    --glass-border: rgba(255,255,255,0.12);
	--glass-blue: rgba(37, 37, 48, 0.35);

	--gallery-bg:#211E19;
	--shadow: 0 18px 40px -20px rgba(21,20,15,.35);
	--ease: cubic-bezier(.22,.61,.36,1);
	--dur-fast: 250ms;
	--dur: 320ms;
	--dur-slow: 400ms;
	--f-display:'Roboto', sans-serif;
	--f-body:'Nunito', sans-serif;
	--f-utility:'Poppins', sans-serif;
}
/* Use Only For Index/Home Page (Same as Body Color) */
.home-view{
	background: rgba(232,232,232);
}
.home-view-bg{
	background:
        repeating-linear-gradient(
			0deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.06) 1px, rgba(0,0,0,0.04) 2px,rgba(0,0,0,0.02) 3px
        ),
        repeating-linear-gradient(
            135deg,rgba(255,255,255,0.05) 0px,rgba(255,255,255,0.05) 3px,rgba(0,0,0,0.03) 3px, rgba(0,0,0,0.03) 6px
        ),
        linear-gradient(
            90deg, #00020b 0%,#00020b 100%
        );
}
.home-view-bg-01{
	background: #020720;
}

.home-view-bg-02{
	background: repeating-linear-gradient(130deg,#090909,#090909 2px,#181818 5px);
}
.clear-video{
	background: rgb(232, 232, 232);
}
.clear-hm{
	background: rgb(232, 232, 232);
}
.clear-hall{
	background: rgb(232, 232, 232);
}

/*==========================================================================*/
/*====================== General Declaration ===============================*/
p {
  font-weight: 400 !important; 
}
a:hover {
  color: #0C3289;
}
::selection {
  background: #0C3289; color: #FFF;
}
p, a, h1, h2, h4, h3 {
	color: #1B1D1D;
}
ul {
	margin: 0; padding: 0;
}
li {
	list-style: none;
}
img {
	max-width: 100%;
}
a:hover, a:focus {
	text-decoration: none; outline: none; box-shadow: none; 
}
.btn:focus, button:focus, button:active:focus, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline: none; box-shadow: none;
}
table {
  width: 100%; 
}
.form-control {
	box-shadow: none; outline: 0; 
}
 .form-control:focus {
	box-shadow: none; 
}
/* Read More Button (Black & Yellow)*/
.css-button-arrow--yellow {
  min-width: auto; height: auto; color: #fff; padding: 0px 10px; font-weight: normal; cursor: pointer; transition: all 0.3s ease; position: relative; border-radius: 25px; border: none; background-color: rgb(26, 21, 0, 0.6);  text-decoration:none; 
}
.css-button-arrow--yellow:hover {
  border-radius: 25px; background-color: #ffe35a; color:#00004d;  transition: 0.4s;
}
.css-button-arrow--yellow:hover:after {
  opacity: 1;
}
.css-button-arrow--yellow:after {
  position: absolute; opacity: 0; transition: 0.5s;
}


/*Modal Design*/
#myModal{
	background:rgb(0, 0, 0,0.75)
}
.close{
	background:none; color: #000; position:absolute; display:inline-block; line-height:0; right:0; border-style:none; z-index:100; font-size:2.4rem;
}
.close:hover{
	color:Red
}

/*==========================================================================*/
/*===================== Navigation Bar Design ==============================*/
.header-bg{
	background-color: rgb(0, 0, 0); 
}
.navbar-fixed-top{
	z-index:100;  position: fixed; top: 0; width: 100%; text-align: center; transition: transform 0.6s ease-in, opacity 0.6s ease-in, background-color 0.6s ease; will-change: transform, opacity; /* default ease-in */
}
.navbar-fixed-top-scrolled {
  	background-color: rgba(0, 0, 0, 0.90) !important; border-style: solid; border-width: 0 0 1px 0; border-color: rgba(210, 210, 210, 0.25); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); transition: transform 0.6s ease-out, opacity 0.6s ease-out; /* fast ease-out for hiding */
}

.navbar-fixed-top-scrolled {
  	background-color: rgba(0, 0, 0, 0.90) !important; border-style: solid; border-width: 0 0 1px 0; border-color: rgba(210, 210, 210, 0.25); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); transition: transform 0.6s ease-out, opacity 0.6s ease-out, background-color 0.6s ease, box-shadow 0.6s ease;
}
.navbar-hidden {
  	transform: translateY(-120%); opacity: 0; pointer-events: none;
}
.company{
	min-width:100%; display:flex; align-items:center; justify-content:space-between;
}
.header-actions{
	display:flex; align-items:center;
}
.company-name {
	color:rgba(255, 255, 255, 1); width:auto; float:left; text-align:left; /*display:inline-block;*/ 
}
.company-name:hover {
	color:rgba(255, 255, 255, 1);
}
.company-text {
	float:left; position: absolute; bottom: 0%; left: 0%; transform: translate(-0%, -0%); 
}
#first-name{
	font-family: 'Arial Narrow', Arial, sans-serif, Helvetica, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 800;
}
#last-name{
	font-family: 'Arial Narrow', Arial, sans-serif, Helvetica, sans-serif;  letter-spacing: 0.05em; text-transform: uppercase; font-weight: 400;
}
.company-logo {
	float:left;
}	

/*==========================================================================*/
/*====================== Side Bar Menu Design ==============================*/
#demo{
    overflow: visible !important; 
}
.offcanvas{
	background: rgba(0,0,0,1); height: 100vh;  z-index:1045; display: flex; flex-direction: column;
}
/* Fully solid backdrop */
.offcanvas-backdrop.show {
    opacity: 1 !important;  /* This is mandatory */
}
/* Bootstrap offcanvas backdrop */
.offcanvas-backdrop {
    background-color: rgb(0, 1, 16, 0.75); 
}
/* Fade animation support (Bootstrap uses this) */
.offcanvas-backdrop.fade {
    transition: opacity 0.4s ease;
}

/* Go Green panel */
.go-green-panel {
    position: fixed; top: 0; height: 100%; background: rgba(120,120,120,1); border-left: 5px solid rgb(140,140,140); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); z-index: 1044; cursor: pointer; transform: translateX(100%) rotate(180deg); opacity: 0; visibility: hidden; pointer-events: none; transition: transform 0.9s cubic-bezier(.4,0,.2,1), opacity 0.4s ease, visibility 0s linear 0.4s; display: flex; justify-content: center; align-items: center;
}
.go-green-panel:hover {
    background: rgba(140,140,140,1); border-left: 5px solid rgb(160, 160, 160);
}
.go-green-panel::before {
    content: ''; position: absolute; inset: 0; z-index: -1; background-image: url('/envoy/images/index/home/go_green.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; transform: rotate(180deg); 
}
.go-green-panel.is-active { 
    opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0) rotate(180deg); transition-delay: 0.15s; 
}
.gogreen-text {
	font-weight: 800; text-align: left; writing-mode: vertical-rl; text-orientation: mixed; opacity: 0.80;  mix-blend-mode: multiply; line-height: 1.0;
}
.go-green-panel:hover .gogreen-text {
	transition: opacity 0.3s ease;
}
.gogreen-slg {
    position: absolute; transform: rotate(180deg); font-weight: 400; letter-spacing: 0.06em; white-space: nowrap; color: rgba(15, 50, 15, 0.85); text-align: left; writing-mode: horizontal-tb;  /* force horizontal */  text-orientation: mixed; opacity: 0.9; /* mix-blend-mode: multiply; */
}
/* Solid letters */
.solid {
    color: #144317;
}
/* Transparent letters */
.cut {
	color: transparent;  -webkit-text-stroke: 1px #18571c;
}

/* Sidebar Menu Item start here */
.offcanvas-header,
.offcanvas-body {
    position: relative;
    z-index: 1046; /* Ensure content is above the backdrop */
}
.offcanvas-header{
	display:inline-block; text-align:right; min-height:70px;
}
.offcanvas-body {
    position: relative; flex: 1 1 auto; overflow-y: auto;  /*added 05 May 2026 */
}
#close-btn{
	display:inline-block; color:rgb(0, 0, 0)!important; background: linear-gradient(
    to right,rgba(255, 255, 255, 0.75) 50%,rgba(5, 5, 5, 0.25) 50% ); background-size: 200% 100%; background-position:left bottom;  border-style:none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity:1; font-weight:300!important; text-decoration:none; cursor: pointer; border-color:#a1a1a1; border-radius:5px;
}
#close-btn:hover{
	background-position:right bottom; color:rgba(255, 255, 255, 1)!important
}
#sidebarCollapse {
	display: flex; align-items: center; justify-content: center; color: #e4e4e4; font-weight: 600; font-family: 'Segoe UI', system-ui, Arial, sans-serif; border: none; cursor: pointer; background: linear-gradient(to right, rgba(255, 255, 255, 0.08) 50%, rgb(225, 225, 225) 50%); background-size: 210% 100%; background-position: left center; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 4px 10px rgba(0, 0, 0, 0.18); transition: background-position 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease, transform 0.3s ease, color 0.5s ease;
}
#sidebarCollapse:hover{
	background-position: right center; color: #202020; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35); transform: scale(1.04);
}
#sidebarCollapse:active{
	transform: scale(0.94); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
#sidebarCollapse:focus-visible{
	outline: 2px solid rgba(255, 255, 255, 0.85); outline-offset: 3px;
}
.sidebar {
	padding: 0px 0px; /* For Padding between sidebar and content */
}
.sidebar li{
	text-transform: uppercase;
}
.sidebar li .submenu{ 
	list-style: none; margin: 0; padding-left: .5rem; padding-right: .5rem;
}

/* CODE CHANGE START */
.sidebar .nav-link {
    color: #fff; position: relative; z-index: 1; transition: padding-left 0.3s ease;
}
.sidebar .nav-link::before {
    content: ""; position: absolute;  inset: 0; background: rgba(0,0,0,0.30);  z-index: -1;
}
.sidebar .nav-link:hover {
    color:#dadada; transition:all 1s ease;
}
.menu-caret{
	display:none!important;
}
/* CODE CHANGE END */


/* ========== Fabric Library Header (Start) ========= */
.account-btn{
	display: flex; align-items: center; justify-content: center; color: #e4e4e4; font-weight: 600; font-family: 'Segoe UI', system-ui, Arial, sans-serif; border: none; cursor: pointer; background: linear-gradient(to right, rgba(255, 255, 255, 0.08) 50%, rgb(225, 225, 225) 50%); background-size: 210% 100%; background-position: left center; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 4px 10px rgba(0, 0, 0, 0.18); transition: background-position 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease, transform 0.3s ease, color 0.5s ease; border-radius:1px; 
}
.account-btn:hover{
	background-position: right center; color: #202020; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35); transform: scale(1.04);
}
.account-btn:active{
	transform: scale(0.94); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.account-menu.is-open .account-btn{
	color: #ffffff;
}
.account-menu{
	position: relative; display:inline-block; text-decoration: none;
}
.account-caret{
	transition: transform .3s ease;
}
.account-menu.is-open .account-caret{
	transform: rotate(180deg);
}

/* Default: always hidden only work on click */
.account-dropdown{
	position:absolute; top: calc(100% + 14px); right:0; background:#000000; color:#f2f2f2; border-radius:0; box-shadow: 0 20px 45px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,0.08);  text-align:left; transform: translateY(-14px); transform-origin: top; transition: opacity .3s ease, transform .35s cubic-bezier(.22,.61,.36,1), visibility .3s ease; z-index: 500; opacity: 0 !important; visibility: hidden !important; pointer-events: none;
}
.account-dropdown::after{
	content:""; position:absolute; background:#000000; border-left:1px solid rgba(255,255,255,0.08); border-top:1px solid rgba(255,255,255,0.08); transform: rotate(45deg);
}

/* Only trigger ever open */
.account-menu.is-open .account-dropdown{
	opacity: 1 !important; visibility: visible !important; pointer-events: auto; transform: translateY(0);
}
.account-dropdown-name{
	font-weight:500; color:#ffffff;
}
.account-dropdown-divider{
	background:rgba(255,255,255,0.12); 
}
.account-dropdown-label{
	display:block; font-weight:700; letter-spacing:.05em; color:#8a8a8a;
}
.account-dropdown-link{
	display:flex; align-items:center; justify-content:flex-start; color:#d8d8d8; text-decoration:none;  text-align:left; transition: color .2s ease;
}
.account-dropdown-link i{
	flex:0 0 auto; text-align:center; color:#9a9a9a; transition: color .2s ease;
}
.account-dropdown-link:hover{
	color:#ffffff;
}
.account-dropdown-link:hover i{
	color:#ffffff;
}
/* ========== Fabric Library Header (End) ========= */


#about {
 	background: repeating-linear-gradient(30deg,#B2D6FF,#cce4ff 2px,#ffffff 4px); 
}
	#about-us{
		background: repeating-linear-gradient(30deg,#66adff,#80bbff 2px,#B2D6FF 4px);
	}
	#about-us:hover > span {
		transform: translateX(.25vw); text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
	}
	#awards-accreditation{
		background: repeating-linear-gradient(30deg,#1a85ff,#3392ff 2px,#66adff 4px);
	}
	#awards-accreditation:hover > span {
		transform: translateX(.25vw); text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
	}
	#client{
		background: repeating-linear-gradient(30deg,#005fcc,#006be6 2px,#1a85ff 4px);
	}
	#client:hover > span {
		transform: translateX(.25vw); text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
	}
	#top-executive{
		background: repeating-linear-gradient(30deg,#003c80,#004799 2px,#005fcc 4px);
	}
	#top-executive:hover > span {
		transform: translateX(.25vw); text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
	}
#library{
 	background: repeating-linear-gradient(30deg,#66adff,#80bbff 2px,#B2D6FF 4px);
}
#facility{
 	background: repeating-linear-gradient(30deg,#1a85ff,#3392ff 2px,#66adff 4px);
}
	#denim-production{
		background: repeating-linear-gradient(30deg,#005fcc,#006be6 2px,#1a85ff 4px);
	}
	#spinning-production{
		background: repeating-linear-gradient(30deg,#004799,#0053b3 2px,#0f67cc 4px);
	}
	#others-facilities{
		background: repeating-linear-gradient(30deg,#26518c,#2c5ca0 2px,#3773c8 4px);
	}
#sustainablity{
 	background: repeating-linear-gradient(30deg,#005fcc,#006be6 2px,#1a85ff 4px);
}
	#leed-platinum{
		background: repeating-linear-gradient(30deg,#004799,#0053b3 2px,#005fcc 4px);
	}
	#compliance{
		background: repeating-linear-gradient(30deg,#162e50,#1b3a64 2px,#26518c 4px);
	}
	#go-green{
		background: repeating-linear-gradient(30deg,#162e50,#1b3a64 2px,#26518c 4px);
	}
#csr{
	background: repeating-linear-gradient(30deg,#004799,#0053b3 2px,#0f67cc 4px);
}
#investor-relation{
	background: repeating-linear-gradient(30deg,#26518c,#2c5ca0 2px,#3773c8 4px);
}
#news-events{
 	background: repeating-linear-gradient(30deg,#1b3a64,#214578 2px,#2c5ca0 4px);
}
	#current-news{		
		background: repeating-linear-gradient(30deg,#10233c,#162e50 2px,#214578 4px);
	}
	#events{
		background: repeating-linear-gradient(30deg,#1b3a64,#00004d 2px,#0b1728 4px);
	}
	#training{
		background: repeating-linear-gradient(30deg,#000000,#0b1728 2px,#162e50 4px);
	}
	#newsletter{
		background: repeating-linear-gradient(30deg,#000000,#00001a 2px,#122742 4px);
	}
#career{
 	background: repeating-linear-gradient(30deg,#10243e,#162e50 2px,#1b3a64 4px);
}
#contactus{
 	background: repeating-linear-gradient(30deg,#060c14,#0c1827 2px,#172f4f 4px);
}


/*==========================================================================*/
/*======================= Footer Style Design ==============================*/
.footer {
	bottom: 0; width: 100%; height: auto; background: #383838; color:#FFFFFF!IMPORTANT; border-radius: 0% 0% 0% 0% / 100% 0% 100% 0%; position: relative;
}
.footer_class{
	margin-top:0px;
}
.footer b{
	display:inline-block; font-weight:500; padding-bottom:5px
}
.footer p{
	color:#fff;
}
#footer_row {
	margin-bottom:0px; background: rgba(0, 0, 0, 1);backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-radius: 0% 0% 0% 0% / 100% 2% 98% 0%; letter-spacing: .8px;
}
.company-footer{
	opacity: 0.25; transform: translateY(75px) scale(0.90); transition: opacity 1.2s ease-in-out, transform 1.0s cubic-bezier(0.19, 1, 0.22, 1); display: inline-block; align-items: center; justify-content: center;
}
.fully-visible {
  opacity: 1; transform: translateY(0) scale(1); transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.left-part label{
	 font-weight: 900; background-color: #ebebeb; background-image: url('/envoy/images/index/home/blue.png'); background-size: 100%; background-repeat: no-repeat; background-position: center; color: transparent;-webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; display: inline-block; filter: brightness(1.3) saturate(1.5);
}
.right-part label{
	 font-weight: 400; background-color: #ebebeb; background-image: url('/envoy/images/index/home/green1.png');
    background-size: 100%; background-repeat: no-repeat; background-position: center; color: transparent;-webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; display: inline-block; filter: brightness(1.3) saturate(1.5);
}

/* iPad/iPhone Safari: drop the filter (it breaks background-clip: text) */
@supports (-webkit-touch-callout: none) {
    .left-part label,
    .right-part label {
        filter: none;
    }
}
#footer_social a {
	opacity: 0.8; padding: 6px; border-radius: 8px; transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
}
#footer_social a:hover {
	z-index:100; transform: translateY(-4px) scale(1.08); opacity: 1; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); background-color: rgba(255, 255, 255, 0.25); -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s;/* subtle glow background */
}

.footer span{
	padding-top:5px; padding-bottom:5px; min-height:20px; display:inline-block;
}

#footer_right a{
	text-decoration:none; color:rgb(192, 192, 192);}

#footer_right a:hover{
	color:rgb(192, 192, 192);
}
#quick_links b{
	color:rgb(255, 255, 255); font-weight:600;
}
#quick_links a{
	text-decoration:none; color:rgb(192, 192, 192); line-height: 2.0;
}
#quick_links a:hover{
	color:rgb(255, 255, 255);
}

/*scroll*/
#scroll {
    position:fixed; right:10px; bottom:15px; cursor:pointer; width:40px; height:40px; background-color:#3d3d3d; text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; z-index:99;
}
#scroll span {
    position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-24px; border:8px solid transparent; border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#888888; opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";
}


/* -- Footer Social Media --*/
#social-platforms {
	position:relative; overflow:hidden;
}

.btn {
	clear:both; white-space:nowrap; font-size:.8em; display:inline-block; border-radius:5px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05); margin:5px; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s; overflow:hidden; 
}
.btn:hover {
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45);
}
.btn:focus {
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
}
.btn > span,.btn-icon > i {
	float:left; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s; line-height:1em
}
.btn > span {
	white-space:nowrap; color:#FFF; background:#b8b8b8; 
}
.btn:focus > span {
  background:#9a9a9a
}
.btn-icon > i {
	border-radius:50% 50%; position:relative; text-align:left; color:#fff; background:#212121;
}
.btn-icon > i:after {
	content:""; border:4px solid; border-color:transparent transparent transparent #222; position:absolute; right:-15px
}

.btn-facebook > i {background:#000000;} .btn-linkedin > i {background:#000000} .btn-youtube > i {background:#000000} .btn-instagram > i {background:#000000;} .btn-twitter > i {background:#000000;} .btn-webmail > i {background:#000000;} .btn-twitter:hover > i,.btn-twitter:focus > i {color:#000000} 
		
.btn-facebook:hover > i,.btn-facebook:focus > i {color:#ffffff} .btn-linkedin:hover > i,.btn-linkedin:focus > i {color:#ffffff} .btn-youtube:hover > i,.btn-youtube:focus > i {color:#ffffff} .btn-instagram:hover > i,.btn-instagram:focus > i {color:#ffffff} .btn-webmail:hover > i,.btn-webmail:focus > i {color:#ffffff}  .btn-twitter:hover > i,.btn-twitter:focus > i {color:#ffffff}
		
.btn-facebook > span {display:none} .btn-linkedin > span {display:none} .btn-youtube > span {display:none} .btn-instagram > span { display:none} .btn-twitter > span {display:none} .btn-webmail > span {display:none}

.btn-icon:hover > i,.btn-icon:focus > i {
	color:#FFF
}
.btn-icon > span {
	border-radius:0 5px 5px 0;
}

/*Facebook*/
.btn-facebook:hover > i,.btn-facebook:focus > i {
	color:#ffffff
}
.btn-facebook > span {
	 background:#ffffff;
}
/*LinkedIn*/
.btn-linkedin:hover > i,.btn-linkedin:focus > i {
	color:#ffffff
}
.btn-linkedin > span {
	background:#ffffff;
}
/*Youtube*/
.btn-youtube:hover > i,.btn-youtube:focus > i {
	color:#ffffff
}
.btn-youtube > span {
	background:#ffffff;
}
/*Instagram*/
.btn-instagram:hover > i,.btn-instagram:focus > i {
	color:#ffffff
}
.btn-instagram > span {
	background:#ffffff;
}
/*Twitter*/
.btn-twitter:hover > i,.btn-twitter:focus > i {
	color:#ffffff
}
.btn-twitter > span {
	background:#ffffff;
}

/*Webmail*/
.btn-webmail:hover > i,.btn-linkedin:focus > i {
	color:#ffffff
}
.btn-webmail > span {
	background:#ffffff;
}


/*==========================================================================*/
/*===================== Index/Home Page Design =============================*/

/* Welcome Message */
#homepagefirst{
	position: fixed; top: 0; left:0; z-index:9999; width:100%; height: 100vh; background: linear-gradient(-45deg, #a9a9a9, #fbfeff, #1a1a1a, #000000); background-size: 400% 400%; animation: gradient 6s ease; animation-iteration-count: 1; text-align: center;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
#welcome-screen{
	width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;   text-transform:uppercase; z-index:10000; background-image: linear-gradient(-225deg,#ffffff 0%,#ececec 29%,#000000 67%,#a9a9a9 100%); background-size:200% auto; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;   animation:textclip 5s linear 1; color:#fff; display:none;
}
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}
#company-title-ws{
	font-family:'Arial', sans-serif; letter-spacing:1px;
}
#company-title-ws span{
	font-family:'Arial Narrow', sans-serif; font-weight:500; letter-spacing:1px; 
}
#leed-title-ws{
	font-family:'Poppins', sans-serif; font-weight:400; letter-spacing:1px;
}

.close-btn-wlk {
	text-transform: uppercase; background: linear-gradient(135deg, rgba(255, 255, 255, 0.50) 0%,rgba(200, 200, 200, 0.50) 100%);  border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 1000px;  box-shadow: 2px 2px 2px rgba(97, 97, 97, 0.5); transition: all 0.9s ease-in-out; cursor: pointer; outline: none; position: absolute; z-index: 10;font-weight: bold; opacity: .85; left: 50%; transform: translateX(-50%); bottom: 5vh; margin: 15px; Color:rgba(0,0,0,.80); display:none; animation: fadeIn 1s ease forwards; 
}

/* Keyframes for welcome screen close button */
@keyframes fadeIn {
	from { opacity: 0; transform: translateX(-50%) translateY(20px); }	to { opacity: 0.9; transform: translateX(-50%) translateY(0); }
}
.close-btn-wlk:hover {
  	background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(46, 46, 46, 0.25) 100%); box-shadow: 3px 3px 9px rgba(197, 197, 197, 0.50); Color:rgba(238, 238, 238, 0.75); opacity: 1;
}
#welcome-screen, .close-btn-wlk {
  transition: all 0.6s ease-in-out;
}
.hide {
  opacity: 0; pointer-events: none;
}

/* Video Section */
#videosWrapper{
	max-width:100%;
}
.framehide{
	min-width: 100%; max-width:100%!important; position: absolute; top: 0; z-index:99; background: rgb(0,0,0, .75); background: linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(255,255,255,0) 25%);
}
.videoCss{
	width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; display: block; backface-visibility: hidden;  transform: translateZ(0);  transition: opacity .3s ease-in-out;  opacity: 1; z-index: 10;
}
#videosWrapper .section{
	position:relative; overflow:hidden; min-height:100vh; min-height:100dvh;  /* iOS-correct viewport height */ min-height:100svh; 
}


/* hero-overlay section */
.home-hero-overlay{
	position:absolute; inset:0; z-index:20; pointer-events:none; display:flex; align-items:flex-end; justify-content:flex-end; padding:0 6% 6% 5%; 
	background: radial-gradient(ellipse 75% 65% at 100% 100%, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0.25) 45%, rgba(0,0,0,0) 78%), linear-gradient(205deg, rgba(0,0,0,0.60) 0%, rgba(0,0,0,0.35) 35%, rgba(0,0,0,0.15) 62%, rgba(0,0,0,0) 85%);
}

.home-hero-taglines{
	position:relative; display:flex; flex-direction:column; align-items:flex-end; width:fit-content; margin-left:auto;
}
.home-hero-taglines::before, .home-hero-taglines::after{
	content:""; position:absolute; opacity:0; transition:opacity 0.9s ease 0.35s;
}
.home-hero-taglines::before{ 
	top:10px; left:10px; border-left:none; border-top:none;  border-right:none; border-bottom:none; 
}
.home-hero-taglines::after{ 
	border-left:none; border-top:none; 
}
.home-hero-taglines:has(.home-hero-line:last-child.is-visible)::before,
.home-hero-taglines:has(.home-hero-line:last-child.is-visible)::after{ 
	opacity:0.85; 
}
.hero-label{
	font-family:'Raleway', 'Poppins', sans-serif; font-weight:700; letter-spacing:4px; text-transform:uppercase; color:rgba(255,255,255,0.9); text-shadow:0 2px 10px rgba(0,0,0,0.55); opacity:0; transform:translateY(10px); transition:opacity 0.8s ease, transform 0.8s ease;
}
.hero-label em{
	font-style:normal; font-weight: 400; 
}
.home-hero-taglines:has(.home-hero-line.is-visible) .hero-label{ 
	opacity:1; transform:translateY(0); 
}
.home-hero-line{
	position:relative; opacity:0; transform:translateY(24px) translateX(6px); transition:opacity 0.9s cubic-bezier(.22,.9,.32,1), transform 0.9s cubic-bezier(.22,.9,.32,1); white-space:nowrap;	pointer-events:auto; cursor:default;
}
.home-hero-line.is-visible{ 
	opacity:1; transform:translateY(0) translateX(0); 
}
.hero-word{
	font-family:'Roboto', sans-serif; font-weight:600; line-height:1; letter-spacing:0.5px; text-transform:uppercase; color:#cbe64f; filter:drop-shadow(0 3px 16px rgba(0,0,0,0.5));	transition:filter 0.5s ease;
}
.hero-word::after{
	content:"";	-webkit-text-stroke:0; color:#cbe64f; -webkit-text-fill-color:#cbe64f;
}
.home-hero-line:hover .hero-word{
	-webkit-text-stroke-color:#eefcb0; filter:drop-shadow(0 0 20px rgba(197,234,34,0.95));
}
.home-hero-line::after{
	content:""; position:absolute; left:0; bottom:-4px; height:2px; width:100%;	background:linear-gradient(90deg, rgba(197, 234, 34, 0.95), rgba(203,230,79,0));	transform:scaleX(0); transform-origin:right center;	transition:transform 0.7s cubic-bezier(.22,.9,.32,1) 0.1s;
}
.home-hero-line:hover::after{ 
	transform:scaleX(1); 
}
@media (prefers-reduced-motion: reduce){
	.home-hero-line, .hero-label{ transition:opacity 0.4s ease; }
	.home-hero-line::after{ transition:none; }
	.home-hero-taglines::before, .home-hero-taglines::after{ transition:none; }
}


/* Scroll Indicator */
.scroll-indicator{
	position:absolute; left:50%; transform:translateX(-50%); z-index:99; pointer-events:none;
	display:flex; align-items:center; justify-content:center;
}
.scroll-indicator-line{
	position:relative; background:rgba(255,255,255,0.38); border-radius:2px; overflow:hidden; z-index: 20;
}
.scroll-indicator-line::after{
	content:"";	position:absolute; left:0; width:100%; height:45%; background:linear-gradient(180deg, transparent, #cbe64f, transparent); animation:lineSlide 1.8s ease-in-out infinite;
}
@keyframes lineSlide{
	0%{ 
		top:-45%; 
	}
	100%{ 
		top:100%; 
	}
}

/* Replay Button */
.video-replay-btn{
	position:absolute; transform:scale(0.7); border-radius:50%; background:linear-gradient(145deg, #ffffff, #d8d8d8); border:1px solid rgba(0, 0, 0, 0.15); color:#000; display:flex; align-items:center; justify-content:center; cursor:pointer; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.45s ease, transform 0.45s cubic-bezier(.34,1.56,.64,1), box-shadow 0.35s ease, background 0.35s ease; z-index:99; padding:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; box-shadow:0 4px 18px rgba(0,0,0,0.35), 0 0 0 0 rgba(0,0,0,0.2);
}
/* Pulsing glow ring behind the button */
.video-replay-btn::before{
	content:""; position:absolute; inset:-14px; border-radius:50%; border:2px solid rgba(186, 186, 186, 0.5);	opacity:0; pointer-events:none;
}
.video-replay-btn.is-visible::before{
	animation:replayPulse 2.2s ease-out infinite;
}
@keyframes replayPulse{
	0%   { transform:scale(0.75); opacity:0.6; }
	70%  { transform:scale(1.25); opacity:0; }
	100% { transform:scale(1.25); opacity:0; }
}
.video-replay-btn svg{
	filter:drop-shadow(0 1px 2px rgba(0,0,0,0.25));
}
.video-replay-btn.is-visible{
	opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,-50%) scale(1);
}
.video-replay-btn:hover{
	background: #0136b3; transform:translate(-50%,-50%) scale(1.1); box-shadow:0 6px 24px rgba(0,0,0,0.65), 0 0 20px rgba(34, 0, 255, 0.35);
}
.video-replay-btn:active{
	transform:translate(-50%,-50%) scale(0.96);
}
@media (prefers-reduced-motion: reduce){
	.video-replay-btn{ transition:none; }
	.video-replay-btn.is-visible::before{ animation:none; opacity:0.3; }
}


/* Between Bridge Section */
	.home-bridge {
		background-color: #fffefc;	background-image: radial-gradient(120% 140% at 50% -10%, rgba(217,190,122,.06), transparent 55%); border-top: 1px solid rgba(217,190,122,.28); border-bottom: 1px solid rgba(217,190,122,.28); text-align: center;
	}
	.home-bridge-inner {
		margin: 0 auto;
	}
	.home-bridge-eyebrow {
		display: inline-flex; align-items: center; font-weight: 700; letter-spacing: .32em;	text-transform: uppercase; color: var(---dark-denim); opacity: 0;	animation: bridgeFadeUp .6s ease-out .05s forwards;
	}
	.home-bridge-rule {
		display: block;  border-radius: 2px; background: var(--lime); opacity: 0; animation: bridgeFadeUp .6s ease-out .12s forwards;
	}
	.home-bridge-heading {
		font-weight: 800; letter-spacing: -.01em; line-height: 1.26; color: #14110a;	opacity: 0;	animation: bridgeFadeUp .6s ease-out .19s forwards;
	}
	.home-bridge-reg {
		font-family: 'Roboto', sans-serif; font-weight: 700; vertical-align: super; line-height: 0;
	}
	.home-bridge-year-inline {
		display: block; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #14110a;
	}
	.home-bridge-caption {
		font-weight: 800; letter-spacing: .01em; color: #8a662c; opacity: 0; animation: bridgeFadeUp .6s ease-out .26s forwards;
	}
	.home-bridge-sub {
		margin: 0 auto; line-height: 1.75; color: #5b5548; opacity: 0; animation: bridgeFadeUp .6s ease-out .33s forwards;
	}
	@keyframes bridgeFadeUp {
		from { opacity: 0; transform: translateY(14px); }
		to   { opacity: 1; transform: translateY(0); }
	}
	@media (prefers-reduced-motion: reduce) {
		.home-bridge-eyebrow,
		.home-bridge-rule,
		.home-bridge-heading,
		.home-bridge-caption,
		.home-bridge-sub {
			animation: none !important; opacity: 1 !important; transform: none !important;
		}
	}


/* Index, Home : Sustainability Section */
.has-fixed-bg {
	position: relative;	background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed;	isolation: isolate;
}
.has-fixed-bg::before {
	content: ""; position: absolute; inset: 0; z-index: 0;
}
.has-fixed-bg > * {
	position: relative;	z-index: 1;
}
/* iOS Safari (and other older mobile browsers) handle background-attachment:fixed */
@media (hover: none) and (pointer: coarse) {
	.has-fixed-bg {
		background-attachment: fixed;
	}
}
#HomePageSection1 {
	background-image:linear-gradient(rgba(0, 8, 40, 0.75), rgba(0,8,40,0.90)), url('/envoy/images/index/home/bg-st.jpg'); position:relative; /* overflow:hidden; */ width:100%
}
#section1Lines {
    position: absolute; bottom: 0; left: 0; pointer-events: none; z-index: 0;  width: 100%; height: 100%;
}
#HomePageSection1 > *:not(#section1Lines) {
    position: relative; z-index: 1;
}
.bottom-border {
    position: absolute; bottom: 0; left: 0; height: 5px; width: 100%; transform: scaleX(0);  transform-origin: left center; will-change: transform; background: linear-gradient(90deg, #3fae4a 0%, #59c467 45%, #c6f24a 100%); box-shadow: 0 0 16px rgba(198,242,74,0.55);  pointer-events: none; transition: none; z-index: 5;
}

/*==================CHANGES DONE HERE==================*/

.scroll-area{
	height: 100vh; height: 100dvh; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;  transform: translate3d(0,0,0); 
}
.middle-title {
    position: absolute; font-weight: 900; text-align: center; z-index: 1;
    opacity: 0;
    font-size: 7vw;                    /* ADD — was only ever set inline by JS; now JS scales this base value instead of overwriting it */
    transform-origin: center;          /* ADD — makes the scale shrink toward the center, matching how the old font-size shrink looked */
    will-change: transform, opacity;   /* ADD — hints the browser to composite this on its own layer */

    background:
        /* subtle fabric grain */
        repeating-linear-gradient(
            0deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.06) 1px, rgba(0,0,0,0.04) 2px, rgba(0,0,0,0.02) 3px
        ),
        /* soft diagonal weave (denim feel) */
        repeating-linear-gradient(
            135deg, rgba(255,255,255,0.05) 0px, rgba(255,255,255,0.05) 3px, rgba(0,0,0,0.03) 3px, rgba(0,0,0,0.03) 6px
        ),
        /* smooth gradient base */
        linear-gradient(
            90deg, #c6c6c6 0%, #797a7d 33.33%, #00b339 66.66%, #00872b 100%
        );
    -webkit-background-clip: text !important; background-clip: text !important; color: transparent; -webkit-text-fill-color: transparent !important; font-family: nunito, sans-serif; display: inline-block;
}

/* Special Code for Testing Start*/
#HomePageSection1 .card-green,
#HomePageSection1 .card-blue,
#HomePageSection1 .card-red,
#HomePageSection1 .card-pink {
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

#HomePageSection1 .middle-title {
    will-change: transform, opacity;
}

#HomePageSection1 .bottom-border {
    will-change: transform;
}
/* Special Code for Testing END*/


  /* toward sustainablity cards */
.card{
	position:absolute; padding:0; border-radius: 1px; opacity:0; transform: translate3d(0,0,0);    will-change: transform, opacity; transition: transform 0.5s ease-out, opacity 0.5s ease-out;    box-shadow: rgba(0, 0, 0, 0.26) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.scroll-area, .card, .middle-title{
    transform: translateZ(0); backface-visibility: hidden;
}
.card-green{ 
	background: var(--glass-bg); z-index: 2; color: rgba(255,255,255,0.72); 
}
.card-blue { 
	background: var(--glass-bg); z-index: 2; color: rgba(255,255,255,0.72); 
}
.card-red  { 
	background: var(--glass-bg); z-index: 3; color: rgba(255,255,255,0.72); 
}
.card-pink { 
	background: var(--glass-bg); z-index: 2; color: rgba(255,255,255,0.72); 
}
.card-green, .card-blue, .card-red, .card-pink{
    transition: none !important; will-change: transform, opacity; backface-visibility: hidden;   /* backdrop-filter: blur(2px) saturate(130%); -webkit-backdrop-filter: blur(2px) saturate(130%);  */  border: 1px solid var(--glass-border); overflow:hidden; position:absolute; 
}
/* thin glass */
.card::before{
    content:""; position:absolute; inset:0; border-radius:1px; background: linear-gradient(160deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0) 30%); pointer-events:none;
}
/* motto line */
.card-tag{
    position:relative; display:block; text-align: right; flex-shrink:0; text-transform: uppercase;   font-weight:350; letter-spacing:.18rem; line-height:1.0; color: var(--lime); text-shadow: 0 1px 3px rgba(0,0,0,0.5), 0 0 14px rgba(198,242,74,0.22);
}
/* main title line */
.card-text{
	text-transform: uppercase; font-weight: 350; position:absolute; z-index:2; letter-spacing:.165rem; text-align: right; pointer-events: none; background: transparent;  border-radius:0; padding:0; line-height:1.3; color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,0.7), 0 0 18px rgba(0,0,0,0.4);
}
.card-imgwrap{
    position:relative; width:100%; flex: 1 1 auto;  min-height:0; display:flex; align-items:center;  justify-content:center; overflow:hidden; border-radius: 0 0 5px 5px;
}
  /* behind overlaid title */
.card-imgwrap::before{
    content:""; position:absolute; top:0; left:0; right:0; height:55%; pointer-events:none; z-index:1;
}
.card-img{
    display:block; margin:0 auto; object-fit:contain; opacity:0.9; filter: drop-shadow(0 6px 14px rgba(0,0,0,0.35)); max-width:80%; max-height:80%; width:auto; height:auto; 
}
.card-imgwrap.is-empty{
    background: radial-gradient(circle at 50% 42%, rgba(255,255,255,0.06), transparent 65%);
}
/* Card Punch */
.card{ 
	cursor:pointer; 
}
 
.card-punch{
    position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center;   text-align:center; background: linear-gradient(155deg, rgba(20,23,40,0.92), rgba(10,12,22,0.94)); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); opacity:0;  visibility:hidden; transform: scale(0.97); transition: opacity .35s ease, transform .35s ease, visibility 0s linear .35s; pointer-events:none;
}
.card-punch p{
    margin:0; font-family:'Poppins', sans-serif; font-weight:350; font-style:italic;  line-height:1.5; color: var(--cr-canvas);
}
.card-punch em::before{
    content:"“"; color: var(--lime); font-style:normal;
}
.card-punch em::after{
    content:"”"; color: var(--lime); font-style:normal;
}
.card-punch-color{
	color: var(--lime-dk);
}
 
.card.is-active .card-punch{
    opacity:1; visibility:visible; transform: scale(1); pointer-events:auto; transition: opacity .35s ease, transform .35s ease, visibility 0s linear 0s;
}
/* Android/touch performance mode */
@media (hover: none) and (pointer: coarse) {
    #HomePageSection1 .card-img {
        filter: none !important;
    }
    #HomePageSection1 .card-tag,
    #HomePageSection1 .card-text {
        text-shadow: none !important;
    }
    #HomePageSection1 .card {
        box-shadow: none !important;
    }
}

/* Index, Home : Featured Collection */
#featured-collection{
	margin-top:0px; width:100%; 
	background:
    /* subtle fabric grain */
    repeating-linear-gradient(
      0deg,rgba(255,255,255,0.04) 0px,rgba(255,255,255,0.06) 1px,rgba(0,0,0,0.04) 2px,rgba(0,0,0,0.02) 3px
    ),
    /* soft diagonal weave (denim feel) */
    repeating-linear-gradient(
      135deg,rgba(255,255,255,0.05) 0px,rgba(255,255,255,0.05) 3px,rgba(0,0,0,0.03) 3px,rgba(0,0,0,0.03) 6px
    ),
    /* smooth blue gradient base */
    linear-gradient(
      60deg,#d1d1d1 0%,#d4d4d4 100%
    );
  	background-color: #1a2a5a; 
}
#collection-cards{
	display:grid; justify-items:center;  justify-content: center;
}
.product-card {
	padding:0; display:inline-block; background:rgba(224, 224, 224, 0.85);cursor:pointer; opacity:0; transform:translateY(20px); transition:transform .45s ease, opacity .45s ease; box-shadow:0 6px 14px rgba(0,0,0,.12);  will-change:transform, opacity; backface-visibility:hidden; float:none;	margin:0 auto;
}
.product-card.in-view {
  	opacity:1; transform:translateY(0);
}
.product-card:hover {
  	transform:translateY(-8px);  box-shadow:0 10px 18px rgba(0,0,0,.14);
}
.image-wrapper {
  	width: 100%; overflow: hidden;
}

.flip-inner {
  	width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
/* Closed 180 degree flip
.product-card:hover .flip-inner {
 	transform: rotateY(180deg); 
}*/
.front-img, .back-img {
  	position:absolute; top:0; left:0; right:0; margin:auto; height:100%; backface-visibility:hidden;
}
/* Closed 180 degree flip
.back-img {
 	transform: rotateY(180deg);
} 
*/
.product-info {
 	text-align: center;
}
.product-title {
 	color: #111; transition: color 0.3s ease;  font-family: 'nunito', sans-serif;
}
.product-card:hover .product-title {
  	color: #505050;
}
.product-sub {
  	display: inline-block; background:rgba(145, 145, 145, 0.0001); color: #333; font-family: 'raleway', sans-serif;
}
.product-card:hover .product-sub {
  	background-color: #8c8c8c; color: #fff; transform: translateY(-2px);
}

/* Tooltip text */
.tooltip-card::after {
    content: attr(data-tooltip); position: absolute;left: 50%; transform: translateX(-50%) translateY(10px); background: linear-gradient(135deg, #555555, #676767); color: #fff; border-radius: 8px; white-space: nowrap; opacity: 0; pointer-events: none; transition: all 0.3s ease; box-shadow: 0 10px 25px rgba(0,0,0,0.3); z-index: 10;  padding: 8px 14px; bottom: 22.5%; 
}
/* Tooltip arrow */
.tooltip-card::before {
    content: ""; position: absolute; left: 50%; transform: translateX(-50%) translateY(10px); border-width: 7px; border-style: solid; border-color: #ff0000 transparent transparent transparent; opacity: 0; transition: all 0.3s ease; bottom: 19%;
}

/* Show on hover */
.product-card:hover::after,
.product-card:hover::before {
    opacity: 1; transform: translateX(-50%) translateY(0);
}

/* Modal Styles for Featured Collection */
.img-grid{
	display:inline-block;
}
.text-grid{
	text-align: left; background:rgb(218, 218, 218)
}
.text-grid i{
	color: Gray;
}
.text-grid p{
	word-wrap: break-word; text-align: justify;
}


/* Index, Home : Marketing Wall Section */
.envoy-story{
    overflow:hidden; display:flex; justify-content:center; align-items:center;
}
.story-container{
    margin:auto; position:relative; font-family: 'Comfortaa', sans-serif;
}
.story-line-container{
	margin:auto;
}
.story-line{
    color:#fff; font-weight:300; line-height:1.2; text-shadow:2px 2px 4px rgba(0,0,0,.3); transition:.3s ease;
}
.story-line strong{
	font-weight:600;
}
.story-line:hover{
    transform:translateY(-3px);
}
.left{
    text-align:left;
}
.right{
    text-align:right;
}
.envoy-title{
    text-align:center; color:#fff; font-weight:500; text-shadow:3px 3px 6px rgba(0,0,0,.35);
}

/* [1]Home: About Information, [2]Home: About Us Page, [3]CSR Page, */

/* Featured Collection title fade on scroll */
#WebView {
	min-width:100%; width: 100%;
}
.gradiant-bg-0{
	background:
        repeating-linear-gradient(
			0deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.06) 1px, rgba(0,0,0,0.04) 2px,rgba(0,0,0,0.02) 3px
        ),
        repeating-linear-gradient(
            135deg,rgba(255,255,255,0.05) 0px,rgba(255,255,255,0.05) 3px,rgba(0,0,0,0.03) 3px, rgba(0,0,0,0.03) 6px
        ),
        linear-gradient(
            90deg, #d5d5d5 0%, #d5d5d5 100%
        );
}
.gradiant-bg-1{
	background: var(--paper);
}
.home-culture{
	margin-top:0px!important; min-height:100vh; background: rgb(0,99,204); background: linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,.75) 0%);
}
.Web-Main {
	background: none;  /* text-align:left; overflow-y:hidden; */
}
.Web-Text-Div{
	display:inline-block; will-change: transform, opacity;
}
#Web-Text {
	display: block; z-index: 2;
}
#Web-Text-V2 {
    display: block; z-index: 2;
}
#Web-Text-V3 {
    display: block; z-index: 2;
}

#Web-Text h1 {
	position:relative; box-sizing:border-box;
	background:
		repeating-linear-gradient(
			95deg,
			rgba(255,255,255,0.05) 0px,
			rgba(255,255,255,0.05) 1px,
			rgba(0,0,0,0.01) 2px,
			rgba(0,0,0,0.01) 3px
		),
		linear-gradient(160deg, #bcbcbc 0%, #b0b0b0 55%, #a6a6a6 100%);

	box-shadow:
		0 4px 10px rgba(0,0,0,0.2),
		inset 0 2px 5px rgba(0,0,0,0.25),
		inset 0 -1px 2px rgba(255,255,255,0.06);

	opacity:1; border-radius:1px; padding: 16px 26px; color: #5c5c5c;
	text-shadow:
		1px 1px 1px rgba(255,255,255,0.2),
		-1px -1px 1px rgba(0,0,0,0.4);
}

#Web-Text h1::before{
	content:""; position:absolute; inset:7px; border-radius:1px; pointer-events:none; border: 2px dashed #444444;
}
#Web-Text h1::after {
	content: ""; position: absolute; inset: 0; border-radius: 1px; pointer-events: none;
	border: 1px solid rgba(0,0,0,0.25);
}

 #Web-Text-V2 h1{
    text-transform: uppercase; display: inline-block; position: relative; margin: 0 auto; padding: 0 60px;
    color: #d4d5d6; font-weight: 700; font-family: 'Roboto', sans-serif; font-size: clamp(1.9rem, 4vw, 2.9rem); letter-spacing: 0.12em;
    text-shadow:
      1px 1px 1px rgba(255,255,255,0.9),
      -1px -1px 1px rgba(30,30,30,0.45),
      -2px -2px 3px rgba(30,30,30,0.15);
  }
  #Web-Text-V2 h1::before{
    content: ""; display: block; width: 48px; height: 3px; background: rgba(30,30,30,0.35); box-shadow: 1px 1px 0 rgba(255,255,255,0.85); left: 0; top: 50%; position: absolute; transform: translateY(-50%);
  }
  #Web-Text-V2 h1::after{
    content: ""; display: block; width: 48px; height: 3px; background: rgba(30,30,30,0.35);  box-shadow: 1px 1px 0 rgba(255,255,255,0.85); right: 0; top: 50%; position: absolute; transform: translateY(-50%);
  }
#Web-Text-V2 h1::before{
	content: ""; display:block; background:rgb(121, 121, 121); left:0; top:50%; position: absolute;
}
#Web-Text-V2 h1::after{
	content: ""; display:block; background:rgb(121, 121, 121); right:0; top:50%; position: absolute;
}

#white-heading{
	color:#ffffff
}
#Web-Text-V3 h1{
	text-transform: uppercase; display: inline-block;  position: relative;  font-weight: 900; font-family:  "Nunito", sans-serif; color:#a0a0a0; text-shadow: 1px 1px 1px rgba(255,255,255,0.9), -1px -1px 1px rgba(30,30,30,0.45),  -2px -2px 3px rgba(30,30,30,0.15); inset: 10;
}
#Web-Text-V3 span{
	color:#151515
}
#Web-Text-V4 h1{
	text-transform: uppercase; display: inline-block;  position: relative;  font-weight: 700;
}
#writeup-section p{
	margin-top:5px; margin-bottom:10px; word-wrap: break-word; text-align: justify; font-family: 'Nunito', sans-serif; font-weight: 100; color:#c7c7c7;
}
#writeup-section strong{
	font-weight: 600; color:#fdfff7;
}
#writeup-section-V2 p{
	margin-top:5px; margin-bottom:10px; word-wrap: break-word; text-align: justify;
}
#writeup-section-V3 p{
	margin-top:5px; margin-bottom:10px; word-wrap: break-word; text-align: justify;
}
#writeup-section-V4 p{
	margin-top:5px; margin-bottom:10px; word-wrap: break-word; text-align: justify;
}
.abt_prg{
	text-align: justify;
}
.fac_prg{
	text-align: justify;  color:#000000!important;
}

/* Image and Text Section */
.text-section-left,
.text-section-right {
    position: relative; transition: transform 1s ease, opacity 1s ease; z-index: 2; border-style:solid; border-color:#606060; border-width:1px; background: rgba(66, 66, 66, 0.25);
}
.image-section-center { 
    position: relative; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.30);
    transform: scale(0.85); transition: opacity 1s ease, transform 1s ease;  width:30%; transform-origin: center center;
    overflow: hidden;
}
.text-section-left,
.text-section-right,
.image-section-center {
    box-sizing: border-box;
}
.leed-image {
    object-fit: contain;
}

/* When showing */
.writeup-section.showing .text-section-left,
.writeup-section.showing .text-section-right {
    transform: translateX(0); opacity: 1;
}
.writeup-section.showing .image-section-center,
.writeup-section.showing .leed-image {
    transform: scale(1); opacity: 1;
}

.reg-sign{
	font-weight:normal; display:inline-block; vertical-align:top;
}

/* [1] Index, Home: Recycle Section*/
.recycle-section{
    min-height: 100vh; display: flex; flex-direction: column; justify-content: space-between; align-items: center;  position: relative;
}
.top-logo {
    text-align: center;
}
.top-logo img {
    opacity: 0; transform: translateY(30px); animation: reveal linear forwards;    animation-timeline: view(); animation-range: entry 30% cover 40%;
}
@keyframes reveal {
    to {
        opacity: 1; transform: translateY(0);
    }
}
.recycle-icon {
    text-align: center;
}
.recycle-icon img {
    object-fit: contain; display: inline-block; transform: rotate(90deg) scale(0.9); opacity: 0.6; transition: transform 2.0s ease, opacity 0.4s ease;
}
.recycle-icon img.active {
    transform: rotate(120deg) scale(1); opacity: 1; background: transparent;
}
.bottom-text {
    color: #f0f0f0; font-weight: 600; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); font-family: 'Comfortaa', serif; margin: 0;
}



/* [1] Home: Client Section*/
.Web-Clients{
  margin: auto; background: none; overflow: hidden;
}
.scroll-row-first{
  white-space: nowrap; background: #ffffff; background: linear-gradient(90deg,rgba(232, 232, 232, 1) 0%, rgb(200, 200, 200) 50%, rgba(232, 232, 232, 1) 100%);
}
.scroll-row-second{
  white-space: nowrap; background: #ffffff; background: linear-gradient(90deg,rgba(232, 232, 232, 1) 0%, rgba(200, 200, 200) 50%, rgba(232, 232, 232, 1) 100%);
}
.scroll-row-cover{
  position: relative; top: 0; left: 0; width: 100%; background: linear-gradient(  90deg, rgba(232, 232, 232, 1) 0%, rgba(200, 200, 200, 0) 25%, rgba(200, 200, 200, 0) 75%, rgba(232, 232, 232, 1) 100%); z-index: 1;
}
.scroll-content-first{
  display: flex; width: max-content; animation: scroll-left-first 120s linear infinite; animation-play-state:paused;
}
.scroll-content-second{
  display: flex; width: max-content; animation: scroll-left-second 150s linear infinite; animation-play-state:paused;
}

.items{
  display: inline-flex; align-items: center;
}
.items img{
  display: block; opacity: 0.65; 
}

/* seamless loop */
@keyframes scroll-left-first{
  from { transform: translateX(-10%); }
  to   { transform: translateX(-50%); }
}
@keyframes scroll-left-second{
  from { transform: translateX(-10%); }
  to   { transform: translateX(-50%); }
}

/* Client Logos of Index/Home Page */
.scroll-row-client{
  overflow:hidden; width:100%; background: #ffffff; background: linear-gradient(90deg,rgba(232, 232, 232, 1) 0%, rgba(230, 230, 230, 1) 50%, rgba(232, 232, 232, 1) 100%);
}
.scroll-row-client-cover{
  position: relative; top: 0; left: 0; width: 100%; background: linear-gradient(  90deg, rgb(232, 232, 232, 1) 0%, rgba(200, 200, 200, 0) 25%, rgba(200, 200, 200, 0) 75%, rgb(232, 232, 232, 1) 100%); z-index: 1; pointer-events: none;
}
.scroll-content-client{
  display:flex; width:max-content; animation: scroll-swipe-client 50s linear infinite; animation-play-state:paused;
}

/* Run when visible */
.scroll-content-first.animate,
.scroll-content-second.animate,
.scroll-content-client.animate{
  animation-play-state: running;
}
.scroll-content-client:hover{
  animation-play-state:paused;
}
.clients{
  display:flex; flex-wrap:nowrap; gap:0px;
}
.btn-client{
  flex:0 0 auto; position:relative; display:inline-block; cursor:pointer; box-shadow:rgba(0,0,0,.02) 0 1px 3px, rgba(27,31,35,.15) 0 0 0 1px; transition:.3s;
}
.btn-client:hover{
  box-shadow:rgb(38,57,77) 0 20px 30px -10px;
}
.btn-client:before{
  content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:#003166; transition:.3s;
}
.btn-client:hover:before{
  width:100%; border-radius:0px;
}

.view-page{
	width: 100%; text-align: right; margin-top: 20px;
}
.view-page a{
	text-decoration: none; color:var(--gray); font-weight: 500; transition: color 0.3s ease, padding-right 0.3s ease; display: inline-block;
}
.view-page a:hover{
	text-decoration: none; color: rgb(0, 0, 0); padding-right:10px; font-weight: 500;
}

/* seamless loop */
@keyframes scroll-swipe-client{
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } 
}


/*Home Culture Information*/

#WebView-full {
	background-image:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0,0,0,0.4)), url('/envoy/images/index/home/Background.jpg');
}
#Web-Culture{
	float:left; border-style:solid; border-color:#737373; border-width:1px; border-radius: 5px 5px 5px 5px; background: rgba(152, 152, 152,.125); opacity: 0; transform: translateX(0); transition: opacity 0.7s ease, transform 0.7s ease;
}
#Web-Culture.fade-left {
    transform: translateX(-60px);
}

#Web-Culture.fade-right {
    transform: translateX(60px);
}
#Web-Culture.visible {
    opacity: 1; transform: translateX(0);
}
#Web-Culture h3{
	color:#9fffd5; margin-bottom:20px;
}
#Web-Culture p{
	  color:#9e9e9e; text-align: justify;
}
#Web-Culture strong{
	  color:#cbcbcb; font-weight:400;
}

.tick-list {
  list-style: none; padding-left: 0; color:#ffffff
}

.tick-list li {
  position: relative; padding-left: 28px; margin-bottom: 8px;
}

.tick-list li::before {
  content: "✔"; position: absolute; left: 0; color: green; font-weight: bold;
}

/*===============================================================================*/
/*===================== General For All Page Design =============================*/
/* Hidden state: move up and fade out */
.Web-Page-Title-Hide {
	position: fixed; top: 0; left: 0; transform: translateY(-100%); opacity: 0; pointer-events: none; transition: transform 0.6s ease-out, opacity 0.6s ease-out; /* fast ease-out for hiding */
}
/* Visible state: slide down and fade in */
.Web-Page-Title {
    position: fixed; top:0; left:0; width: 100%; background-color: rgba(255, 255, 255, 0.7); z-index: 99; transition: transform 0.6s ease-in, opacity 0.6s ease-in;  /* default ease-in */
}

/* Hidden by default */
.Web-Page-Title-Hide-Spcial {
    position: fixed; top: 0; left: 0; transform: translateY(-100%); opacity: 0; pointer-events: none; transition: transform 0.6s ease-out, opacity 0.6s ease-out; /* quick hide */
}
/* Visible only when scrolling up */
.Web-Page-Title-Spcial {
    position: fixed; top:0; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0.7); z-index: 100; transition: transform 0.6s ease-in, opacity 0.6s ease-in; /* smooth show */
}

.Web-Page-Title h1{ /* Except Awards & Accreditations Page */
	text-transform: uppercase; font-weight:400; letter-spacing: .05em; color: var(--mid);
}
.Web-Page-Title-Spcial h1{ /* Except Awards & Accreditations Page */
	text-transform: uppercase; font-weight:400; letter-spacing: .05em;
}

.Web-Text-Title-Hide{ /* For Awards & Accreditations Page Only */
	display: hidden; opacity: 0;
}
.Web-Text-Title{ /* For Awards & Accreditations Page Only */
	display: block; opacity: 1;
}
#WebView-Other{
	min-width:100%;
}
#WebView-Leed{
	min-width:100%;
}

/*=============================================================================================*/
/*=============================== Vision Values Page Design ===================================*/
#Vision-Header{
	position: relative;
}
#Vision-H1-Bg{
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:0; min-height:100%; min-width:100%; background:rgb(64, 64, 64, .5);
}
#Vision-Header img{
	width:100%; opacity:1; 
}
#Vision-Header h1{
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:1; color: rgba(255, 255, 255, 0.75); font-weight: 700; font-family: 'Raleway', sans-serif; text-transform: uppercase;
}
#Vision-Text{
	padding:20px 30px 20px 30px; 
}
#Vision-Text p{
	color: rgba(0, 0, 0, 0.85); text-align: justify; font-family: 'Raleway', sans-serif;
}
.order-list{
	margin-top:-10px; margin-left:-7px;
}
.order-list li{
	list-style-type: circle; color: rgba(0, 0, 0, 0.85); font-family: 'Raleway', sans-serif;
}

/* Vision-Mision */
#Company-Advert {
    opacity: 0; padding: 0; display: flex;
}
#Company-Advert img {
	width: 100%; min-height:clamp(580px, 100vh, 100%); object-fit: cover; display: block;
}
#Company-Vision, #Company-Mission, #Company-Values {
    opacity: 0; padding:0; background: var(--paper);
}
/* Vision - from left */
#Company-Vision {
    animation: VisionFromLeft 1s ease forwards; 
}
/* Mission - from right */
#Company-Mission {
    animation: MissionFromRight 1s ease forwards;  animation-delay: 0.25s;
}
/* Values - from left */
#Company-Values {
    animation: ValuesFromLeft 1s ease forwards;  animation-delay: 0.50s;
}
/* Advert - from Right */ 
#Company-Advert {
    animation: AdvertFromRight 1s ease forwards;  animation-delay: 0.75s;
}
.seeMoreBtn{
	text-align:center; margin-top:-70px;
}
#readMoreBtn{
	padding:15px 100px; background:#000f28; color:#fff; border:none; cursor:pointer; border-radius:4px; 
}
#readMoreBtn:hover{
	background:#00173f; color:#fff; border:none; cursor:pointer; border-radius:4px; box-shadow: 0 4px 12px rgba(0, 15, 40, 0.5); 
}
#moreContent {
    max-height: 0;  overflow: hidden;  opacity: 0;  transition: max-height 0.6s ease, opacity 0.4s ease;
}
#moreContent.show {
    max-height: 5000px; opacity: 1;
}

/* Animations */
@keyframes VisionFromLeft {
    from {
        transform: translateX(-100px); opacity: 0;
    }
    to {
           transform: translateX(0); opacity: 1;
    }
}
@keyframes MissionFromRight {
    from {
        transform: translateX(100px); opacity: 0;
    }
    to {
        transform: translateX(0); opacity: 1;
    }
}
@keyframes ValuesFromLeft {
    from {
        transform: translateX(-100px); opacity: 0;
    }
    to {
        transform: translateX(0); opacity: 1;
    }
}
@keyframes AdvertFromRight {
    from {
        transform: translateX(100px); opacity: 0;
    }
    to {
        transform: translateX(0); opacity: 1;
    }
}

/*===================================================================================*/
/*===================== Fabric Library : Before Login ===============================*/
.FabricHero{
	position:relative; display:flex; flex-direction:column;
}
.FabricHero-Frame{
	position:relative; flex:1; background-color:#faf9f5; background-image: radial-gradient(rgba(30,30,30,0.07) 1px, transparent 1.4px), radial-gradient(rgba(30,30,30,0.05) 1px, transparent 1.4px); background-size:24px 24px, 37px 37px; background-position:0 0, 12px 16px; overflow:hidden; display:flex; align-items:stretch; 
}

.FabricHero-Media{
	flex:1; display:flex; align-items:flex-end; justify-content:flex-end; align-self:flex-end; min-width:0; position:relative; z-index:1;
}
.FabricHero-Media-Frame{
	position:relative; width:100%; height:100%;
}
.FabricHero-Media-Frame::after{
	content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(to bottom, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 100%);
}
.FabricHero-Media-Img{
	display:block; width:100%; height:100%; object-fit:contain;
}

.FabricHero-Content{
	position:relative; z-index:2; text-align:left; align-self:flex-end;
}
.FabricHero-Title{
	margin:0; font-weight:800; line-height:1.05; letter-spacing:-1px;
}
.FabricHero-Title span{ 
	display:block; 
}
.FabricHero-Title-Light,
.FabricHero-Title-Bold{
	position:relative;
}
.FabricHero-Title-Light{ 
	color:#242424; 
}
.FabricHero-Title-Bold{ 
	color:#0f4fa8; 
}
.FabricHero-Title-Light::before{
	content:''; position:absolute; bottom:100%; width:100vw; border-top:1.5px solid #262626; border-right:1.5px solid #262626; pointer-events:none;
}
.FabricHero-Title-Bold::before{
	content:''; position:absolute; bottom:100%; width:100vw; border-top:1.5px solid #0f4fa8; border-right:1.5px solid #0f4fa8; pointer-events:none;
}
.FabricHero-Eyebrow{
	font-weight:600; letter-spacing:4px; text-transform:uppercase; color:#5a5a5a;
}
.FabricHero-Text{
	line-height:1.75; color:#3a3a3a;
}
.FabricHero-Collections strong{ 
	color:#0f4fa8; 
}
.FabricHero-ScrollCue{
	position:absolute; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:6px; color:#5a5a5a; text-decoration:none; font-weight:700; letter-spacing:2px; text-transform:uppercase; z-index:2;
}
.FabricHero-ScrollCue:hover{ 
	color:#0f6ab4; text-decoration:none; 
}
.FabricHero-ScrollCue-Icon{
	display:flex; align-items:center; justify-content:center; border-radius:50%; animation:FabricScrollBounce 1.8s ease-in-out infinite;
}
@keyframes FabricScrollBounce{
	0%,100%{ 
		transform:translateY(0); opacity:1; 
	}
	50%{ 
		transform:translateY(6px); opacity:.55; 
	}
}
@media (prefers-reduced-motion: reduce){
	.FabricHero-ScrollCue-Icon{ 
		animation:none; 
	}
}

/* Fabric Gallery */
.FabricGallery{
	position:relative;
}
.FabricGallery-Grid{
	display:grid; gap:0px;
}
.FabricGallery-Card{
	position:relative; overflow:hidden; box-shadow:0 10px 26px rgba(15,40,70,0.14); aspect-ratio:4/3; background:#111;
}
.FabricGallery-Card img{
	width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease;
}
.FabricGallery-Card:hover img{ 
	transform:scale(1.06); 
}
.FabricGallery-Caption{
	position:absolute; left:0; right:0; bottom:0; background:linear-gradient(to top, rgba(0,0,0,0.72), rgba(0,0,0,0));
}
.FabricGallery-Caption span{
	color:#fff; letter-spacing:1px;  font-weight:700; text-transform:uppercase; font-family: 'comfortaa', sans-serif;
}

/* Library Access Instruction */
.FabricAccess{
	position:relative;  border-radius:1px; overflow:hidden;
}
.FabricAccess::before{
	content:""; position:absolute; pointer-events:none;
}
.FabricAccess-Title{
	position:relative; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:#16324f;
}
.FabricAccess-Intro{
	position:relative; line-height:1.7; color:#44586b;
}
.FabricAccess-Steps{
	position:relative; display:flex; align-items:stretch; gap:0;
}
.FabricAccess-Step{
	position:relative; flex:1; background:#f6f9fc; border:1px solid #e6eef6; border-radius:1px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.FabricAccess-Step::before{
	content:""; position:absolute; top:0; background:linear-gradient(90deg,#0f0f0f,#323232); opacity:0; transition:opacity .2s ease;
}
.FabricAccess-Step:hover{
	transform:translateY(-4px); border-color:#cfe1f3; box-shadow:0 12px 26px rgba(15,106,180,0.14);
}
.FabricAccess-Step:hover::before{ 
	opacity:1; 
}
.FabricAccess-Step-Icon{
	position:relative; display:flex; align-items:center; justify-content:center; border-radius:50%; background:linear-gradient(135deg,#2e2e2e,#0e0e0e); color:#fff; box-shadow:0 6px 14px rgba(15,106,180,0.3);
}
.FabricAccess-Step-Icon em{
	position:absolute; right:-5px; bottom:-5px;; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#fff; border:1.5px solid #0e0e0e; color:#272727; font-style:normal;  font-weight:800;
}
.FabricAccess-Step p{
	margin:0; line-height:1.55; color:#33475a;
}
.FabricAccess-Step-Arrow{
	flex:0 0 auto; display:flex; align-items:center; justify-content:center; color:#c3d3e3;
}
.FabricAccess-Actions{
	position:relative; display:flex; flex-wrap:wrap; align-items:center;
}
.FabricAccess-Btn{
	display:inline-flex; align-items:center; border-radius:2px;font-weight:700; text-decoration:none; transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.FabricAccess-Btn i{ 
	transition:transform .18s ease;
}
.FabricAccess-Btn:hover i{ 
	transform:translateX(3px); 
}
.FabricAccess-Btn em{ 
	font-weight: 350; font-style: normal;
}
.FabricAccess-Btn-Primary{
	background:linear-gradient(135deg,#2e2e2e,#0e0e0e); color:#fff; box-shadow:0 8px 20px rgba(70, 71, 71, 0.3);
}
.FabricAccess-Btn-Primary:hover{
	transform:translateY(-2px); background:linear-gradient(135deg,#434343,#1f1f1f); box-shadow:0 12px 26px rgba(72, 72, 72, 0.38); color:#fff; text-decoration:none;
}
.FabricAccess-Btn-Secondary{
	background:#fff; color:#191c1f; border:1.5px solid #c7d9ec;
}
.FabricAccess-Btn-Secondary:hover{
	transform:translateY(-2px); border-color:#363738; background:#f4f9fd; color:#363738; text-decoration:none;
}
.FabricAccess-Disclaimer{
	position:relative; margin:0; border-top:1px solid #edf1f5; line-height:1.7; color:#8091a0;
}
.FabricAccess-Disclaimer strong{ 
	color:#5a6b7a; 
}

/*==================================================================================*/
/*===================== Fabric Library : Registration Page =========================*/
	body.fabric-library-register{
		position:relative;
	}
	body.fabric-library-register::before{
		content:""; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-image:linear-gradient(rgba(0, 0, 0, 0.60), rgba(0,0,0,0.60)), url('/envoy/images/library/background/reg-bg.jpg'); background-repeat:no-repeat, no-repeat; background-position:center center, center center; background-attachment:scroll, scroll; -webkit-background-size:cover, cover; -moz-background-size:cover, cover; -o-background-size:cover, cover; background-size:cover, cover; z-index:-1;
	}
	.Registration-Section{
		font-family:'Nunito','Roboto',sans-serif;
	}
	.Registration-Section h1, .Registration-Section h2, .Registration-Section h3, .Registration-Btn{
		font-family:'Poppins',sans-serif;
	}
	@keyframes regFadeUp{
		from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:translateY(0); }
	}
	.Registration-Hero{
		margin:0 auto; text-align:center;
	}
	.Registration-Hero-Text{
		line-height:1.8; color:#e8e8e8; margin:0;
	}
	.Registration-Wrap{
		position:relative; display:flex; flex-wrap:wrap;
	}
	.Registration-Card, .Registration-Info{
		position:relative; background:#fff; border:1px solid #e6eef6; border-radius:2px; box-shadow:0 6px 18px rgba(15,50,79,0.06); animation:regFadeUp .5s ease both;
	}
	.Registration-Info{
		animation-delay:.08s;
	}
	.Registration-Title{
		position:relative; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:#16324f;  border-bottom:1px solid #edf1f5;
	}
	.Registration-Row{
		display:flex; flex-wrap:wrap;
	}
	.Registration-Group{
		flex:1 1 100%; display:flex; flex-direction:column;
	}
	.Registration-Row .Registration-Group{
		flex:1 1 0;
	}
	.Registration-Group-Title{
		flex:0 0 22%;
	}
	.Registration-Group-Name{
		flex:1 1 0;
	}
	.Registration-Label{
		font-weight:600; color:#33475a;
	}
	.Registration-Label .req{
		color:#d9534f; margin-left:2px;
	}
	.Registration-InputWrap{
		position:relative;
	}
	.Registration-InputWrap i{
		position:absolute; left:12px; top:50%; transform:translateY(-50%); color:#93a8bc; pointer-events:none; transition:color .18s ease;
	}
	.Registration-InputWrap:focus-within i{
		color:#16324f;
	}
	.Registration-Input, .Registration-Select{
		width:100%; box-sizing:border-box; color:#16324f; background:#f9fbfd; border:1px solid #d9e4ee; border-radius:2px; transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
	}
	.Registration-Input:focus, .Registration-Select:focus{
		outline:none; border-color:#7fb2e0; background:#fff; box-shadow:0 0 0 3px rgba(52,144,220,0.12);
	}
	.Registration-Input.error, .Registration-Select.error{
		border-color:#e2685f; background:#fff6f5;
	}
	label.error{
		display:block; color:#d9534f; font-weight:600;
	}
	.Registration-AccessPeriod{
		display:flex; flex-wrap:wrap; background:#f6f9fc; border:1px solid #e6eef6; border-radius:2px;
	}
	.Registration-AccessPeriod label{
		display:inline-flex; align-items:center; color:#33475a; font-weight:500; cursor:pointer;
	}
	.Registration-AccessPeriod input[type="radio"]{
		accent-color:#16324f; cursor:pointer;
	}
	.Registration-Captcha{
		display:flex; align-items:center; justify-content:space-between; background:#f7f2ea; border:1px solid #ece3d4; border-radius:2px; flex-wrap:wrap;
	}
	.Registration-Captcha-Question{
		display:flex; align-items:center; font-weight:700;
	}
	.Registration-Captcha-Question span.op{
		color:#8fbf3f;
	}
	.Registration-Captcha-Question input{
		text-align:center; font-weight:700; color:#16324f; background:#fff; border:1px solid #d9d2c2; border-radius:2px;
	}
	.Registration-Captcha-Question input:focus{
		outline:none; border-color:#7fb2e0; box-shadow:0 0 0 3px rgba(52,144,220,0.12);
	}
	.Registration-Captcha-Label{
		font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#7d7360; white-space:nowrap;
	}
	.Registration-Submit{
		display:flex; justify-content:flex-end;
	}
	.Registration-Btn{
		display:inline-flex; align-items:center; border:none; border-radius:2px; font-weight:700; color:#fff; background:linear-gradient(135deg,#2e2e2e,#0e0e0e); box-shadow:0 8px 20px rgba(70,71,71,0.3); cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
	}
	.Registration-Btn:hover{
		transform:translateY(-2px); background:linear-gradient(135deg,#434343,#1f1f1f); box-shadow:0 12px 26px rgba(72,72,72,0.38); color:#fff;
	}
	.Registration-Btn:disabled{
		opacity:.55; cursor:not-allowed; transform:none;
	}
	.Registration-Info p{
		color:#44586b; line-height:1.7;
	}
	.Registration-Info a{
		color:#0f6ab4; font-weight:700; text-decoration:none;
	}
	.Registration-Info a:hover{
		text-decoration:underline;
	}
	.Registration-List{
		list-style:none; margin:0; padding:0;
	}
	.Registration-List li{
		position:relative; color:#33475a; line-height:1.5; border-bottom:1px solid #f1f4f8;
	}
	.Registration-List li:last-child{
		border-bottom:none;
	}
	.Registration-List li::before{
		content:"\f00c"; font-family:"FontAwesome"; position:absolute; left:0; color:#8fbf3f;
	}
	.Registration-Divider{
		background:#edf1f5;
	}

/*==================================================================================*/
/*========================= Fabric Library : Login Page ============================*/

	body.fabric-library-login{
		position:relative;
	}
	body.fabric-library-login::before{
		content:""; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-image:linear-gradient(rgba(0, 0, 0, 0.60), rgba(0,0,0,0.60)), url('/envoy/images/library/background/rif-bg.jpg'); background-repeat:no-repeat, no-repeat; background-position:center center, center center; background-attachment:scroll, scroll; -webkit-background-size:cover, cover; -moz-background-size:cover, cover; -o-background-size:cover, cover; background-size:cover, cover; z-index:-1;
	}
	.Login-Section{
		font-family:'Nunito','Roboto',sans-serif;
	}
	.Login-Section h1, .Login-Section h3, .Login-Btn{
		font-family:'Poppins',sans-serif;
	}
	@keyframes loginFadeUp{
		from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:translateY(0); }
	}
	.Login-Wrap{
		position:relative; display:flex; justify-content:center;
	}
	.Login-Card{
		position:relative; width:100%; background:#fff; border:1px solid #e6eef6; border-radius:1px; box-shadow:0 6px 18px rgba(15,50,79,0.06);; animation:loginFadeUp .5s ease both;
	}
	.Login-Title{
		position:relative; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:#16324f;  border-bottom:1px solid #edf1f5; text-align:center;
	}
	.Login-Warning{
		position:relative; display:flex; align-items:center; justify-content:space-between; background:#fff6e0; border:1px solid #f0dfa8; border-radius:4px; color:#7a5f14;
	}
	.Login-Warning p{ 
		margin:0; 
	}
	.Login-Warning a{ 
		color:#16324f; font-weight:700; text-decoration:none; 
	}
	.Login-Warning a:hover{ 
		text-decoration:underline; 
	}
	.Login-Warning-Close{
		background:none; border:none; color:#7a5f14; cursor:pointer;
	}
	.Login-Group{
		display:flex; flex-direction:column;
	}
	.Login-Label{
		font-weight:600; color:#33475a;
	}
	.Login-InputWrap{ 
		position:relative; 
	}
	.Login-InputWrap i{
		position:absolute;top:50%; transform:translateY(-50%); color:#93a8bc; pointer-events:none; transition:color .18s ease;
	}
	.Login-InputWrap:focus-within i{ 
		color:#16324f; 
	}
	.Login-Input{
		width:100%; box-sizing:border-box; color:#16324f; background:#f9fbfd; border:1px solid #d9e4ee; border-radius:2px; transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
	}
	.Login-Input:focus{
		outline:none; border-color:#7fb2e0; background:#fff; box-shadow:0 0 0 3px rgba(52,144,220,0.12);
	}
	.Login-Input.error{
		border-color:#e2685f; background:#fff6f5;
	}
	label.error{
		display:block; color:#d9534f; font-weight:600;
	}
	.Login-Forgot{
		text-align:right; 
	}
	.Login-Forgot a{
		font-weight:700; letter-spacing:.3px; text-transform:uppercase; color:#0f6ab4; text-decoration:none;
	}
	.Login-Forgot a:hover{ 
		text-decoration:underline; 
	}
	.Login-Captcha{
		display:flex; align-items:center; justify-content:space-between; background:#f7f2ea; border:1px solid #ece3d4; border-radius:2px; flex-wrap:wrap;
	}
	.Login-Captcha-Question{
		display:flex; align-items:center; font-weight:700;
	}
	.Login-Captcha-Question span.op{ 
		color:#8fbf3f; 
	}
	.Login-Captcha-Question input{
		text-align:center; font-weight:700; color:#16324f; background:#fff; border:1px solid #d9d2c2; border-radius:2px;
	}
	.Login-Captcha-Question input:focus{
		outline:none; border-color:#7fb2e0; box-shadow:0 0 0 3px rgba(52,144,220,0.12);
	}
	.Login-Captcha-Label{
		font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#7d7360; white-space:nowrap;
	}
	.Login-Submit{
		display:flex; justify-content:center;
	}
	.Login-Btn{
		display:inline-flex; align-items:center; justify-content:center; width:100%;border:none; border-radius:2px; font-weight:700; color:#fff; background:linear-gradient(135deg,#2e2e2e,#0e0e0e); box-shadow:0 8px 20px rgba(70,71,71,0.3); cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
	}
	.Login-Btn:hover{
		transform:translateY(-2px); background:linear-gradient(135deg,#434343,#1f1f1f); box-shadow:0 12px 26px rgba(72,72,72,0.38); color:#fff;
	}
	.Login-Btn:disabled{
		opacity:.55; cursor:not-allowed; transform:none;
	}
	.Login-Footer{
		text-align:center; border-top:1px solid #edf1f5;
	}
	.Login-Footer p{
		margin:0; color:#44586b;
	}
	.Login-Footer a{
		color:#0f6ab4; font-weight:700; text-decoration:none;
	}
	.Login-Footer a:hover{ 
		text-decoration:underline; 
	}


/*==================================================================================*/
/*========================= Fabric Library : Login Page ============================*/
	.Forget-Section{
		font-family:'Nunito','Roboto',sans-serif;
	}
	.Forget-Section h1, .Forget-Section h3, .Forget-Btn{
		font-family:'Poppins',sans-serif;
	}
	@keyframes forgetFadeUp{
		from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:translateY(0); }
	}
	.Forget-Wrap{
		position:relative; display:flex; justify-content:center; 
	}
	.Forget-Card{
		position:relative; width:100%; background:#fff; border:1px solid #e6eef6; border-radius:1px; box-shadow:0 6px 18px rgba(15,50,79,0.06);animation:forgetFadeUp .5s ease both;
	}
	.Forget-Title{
		position:relative; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:#16324f; border-bottom:1px solid #edf1f5; text-align:center;
	}
	.Forget-Subtext{
		color:#5a6b7a; text-align:center; line-height:1.6;
	}
	.Forget-Group{
		display:flex; flex-direction:column; 
	}
	.Forget-Label{
		font-weight:600; color:#33475a;
	}
	.Forget-InputWrap{ 
		position:relative; 
	}
	.Forget-InputWrap i{
		position:absolute;top:50%; transform:translateY(-50%); color:#93a8bc;pointer-events:none; transition:color .18s ease;
	}
	.Forget-InputWrap:focus-within i{ 
		color:#16324f; 
	}
	.Forget-Input{
		width:100%; box-sizing:border-box; color:#16324f; background:#f9fbfd; border:1px solid #d9e4ee; border-radius:2px; transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
	}
	.Forget-Input:focus{
		outline:none; border-color:#7fb2e0; background:#fff; box-shadow:0 0 0 3px rgba(52,144,220,0.12);
	}
	.Forget-Input.error{
		border-color:#e2685f; background:#fff6f5;
	}
	label.error{
		display:block; color:#d9534f; font-weight:600;
	}
	.Forget-Captcha{
		display:flex; align-items:center; justify-content:space-between; background:#f7f2ea; border:1px solid #ece3d4; border-radius:2px; flex-wrap:wrap;
	}
	.Forget-Captcha-Question{
		display:flex; align-items:center; font-weight:700;
	}
	.Forget-Captcha-Question span.op{ 
		color:#8fbf3f; 
	}
	.Forget-Captcha-Question input{
		width:64px; text-align:center; font-weight:700; color:#16324f; background:#fff; border:1px solid #d9d2c2; border-radius:2px;
	}
	.Forget-Captcha-Question input:focus{
		outline:none; border-color:#7fb2e0; box-shadow:0 0 0 3px rgba(52,144,220,0.12);
	}
	.Forget-Captcha-Label{
		font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#7d7360; white-space:nowrap;
	}
	.Forget-Submit{
		display:flex; justify-content:center; 
	}
	.Forget-Btn{
		display:inline-flex; align-items:center; justify-content:center; width:100%; border:none; border-radius:2px; font-weight:700; color:#fff; background:linear-gradient(135deg,#2e2e2e,#0e0e0e); box-shadow:0 8px 20px rgba(70,71,71,0.3); cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
	}
	.Forget-Btn:hover{
		transform:translateY(-2px); background:linear-gradient(135deg,#434343,#1f1f1f); box-shadow:0 12px 26px rgba(72,72,72,0.38); color:#fff;
	}
	.Forget-Btn:disabled{
		opacity:.55; cursor:not-allowed; transform:none;
	}
	.Forget-Footer{
		text-align:center; border-top:1px solid #edf1f5;
	}
	.Forget-Footer p{
		margin:0; color:#44586b;
	}
	.Forget-Footer a{
		color:#0f6ab4; font-weight:700; text-decoration:none;
	}
	.Forget-Footer a:hover{ 
		text-decoration:underline; 
	}


/*==================================================================================*/
/*===================== Fabric Library : Reset Password Page =======================*/

	.Reset-Section{
		font-family:'Nunito','Roboto',sans-serif;
	}
	.Reset-Section h1, .Reset-Section h3, .Reset-Btn{
		font-family:'Poppins',sans-serif;
	}
	@keyframes resetFadeUp{
		from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:translateY(0); }
	}
	.Reset-Wrap{
		position:relative; display:flex; justify-content:center; 
	}
	.Reset-Card{
		position:relative; width:100%; background:#fff; border:1px solid #e6eef6; border-radius:16px; box-shadow:0 6px 18px rgba(15,50,79,0.06); animation:resetFadeUp .5s ease both;
	}
	.Reset-Title{
		position:relative; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:#16324f;  border-bottom:1px solid #edf1f5; text-align:center;
	}
	.Reset-Subtext{
		color:#5a6b7a; text-align:center; line-height:1.6;
	}
	.Reset-Group{
		display:flex; flex-direction:column; 
	}
	.Reset-Label{
		font-weight:600; color:#33475a; 
	}
	.Reset-InputWrap{ 
		position:relative; 
	}
	.Reset-InputWrap i{
		position:absolute; top:50%; transform:translateY(-50%); color:#93a8bc;pointer-events:none; transition:color .18s ease;
	}
	.Reset-InputWrap:focus-within i{ 
		color:#16324f; 
	}
	.Reset-Input{
		width:100%; box-sizing:border-box; color:#16324f; background:#f9fbfd; border:1px solid #d9e4ee; border-radius:4px; transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
	}
	.Reset-Input:focus{
		outline:none; border-color:#7fb2e0; background:#fff; box-shadow:0 0 0 3px rgba(52,144,220,0.12);
	}
	.Reset-Input.error{
		border-color:#e2685f; background:#fff6f5;
	}
	label.error{
		display:block; color:#d9534f; font-weight:600;
	}
	.Reset-Submit{
		display:flex; justify-content:center; 
	}
	.Reset-Btn{
		display:inline-flex; align-items:center; justify-content:center; width:100%;border:none; border-radius:2px; font-weight:700; color:#fff; background:linear-gradient(135deg,#2e2e2e,#0e0e0e); box-shadow:0 8px 20px rgba(70,71,71,0.3); cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
	}
	.Reset-Btn:hover{
		transform:translateY(-2px); background:linear-gradient(135deg,#434343,#1f1f1f); box-shadow:0 12px 26px rgba(72,72,72,0.38); color:#fff;
	}
	.Reset-Btn:disabled{
		opacity:.55; cursor:not-allowed; transform:none;
	}

/*=================================================================================*/
/*===================== Fabric Library: Library Home ==============================*/
.library-hero-section{
	width:100%; overflow:hidden;
}
.sub-library-hero-section{
	display:grid; justify-content: center; height:100%; background-color:#000d28;
	background-image:
		linear-gradient(rgba(236, 235, 235, 0.075) 1px, transparent 1px),
		radial-gradient(circle at 50% 0%, rgba(197, 197, 197, 0.09) 0%, rgba(235, 234, 234, 0) 60%);
	background-size: 100% 3px, 100% 100%; background-repeat: repeat, no-repeat;
}
.library-hero-tile{
	position:relative; display:block; overflow:hidden; text-decoration:none; cursor:pointer; opacity:0;	transform:translateY(18px); animation:libraryHeroTileIn 0.8s cubic-bezier(0.22,0.9,0.32,1) forwards;	animation-delay:calc(var(--i, 0) * 110ms); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 0 0 rgba(201, 162, 90, 0); transition: box-shadow 0.4s ease;
}
@keyframes libraryHeroTileIn{
	to{ opacity:1; transform:translateY(0); }
}
.library-hero-image{
	position:absolute; inset:0;	width:100%; height:100%; display:block; object-fit:cover; object-position:center center; z-index:1; transition:transform 0.5s ease; transform-origin:center center;
}
.library-hero-tile:hover{
	box-shadow:
        inset 0 0 0 1px rgba(230, 200, 140, 0.75), 0 0 26px rgba(201, 162, 90, 0.25);
}
.library-hero-tile:hover .library-hero-image,
.library-hero-tile:hover .library-hero-overlay{
	transform:scale(1.04);
}
.library-hero-overlay{
	position:absolute; left:0; right:0; bottom:0; z-index:2; background:linear-gradient(to top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.35) 55%, rgba(0,0,0,0) 100%); transition:transform 0.5s ease; transform-origin:center bottom;
}
.library-hero-caption{
	transition:transform 0.45s cubic-bezier(0.22,0.9,0.32,1);
}
.library-hero-tile:hover .library-hero-caption{
	transform:translateY(0);
}
.library-hero-category{
	position:relative; display:inline-block; color:#ffffff; font-family:'Poppins', sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:1px;
}
.library-hero-category::after{
	content:"";	position:absolute; left:0; bottom:-6px; width:0; height:2px; background:linear-gradient(90deg, #f0d98c, #c79a3d); transition:width 0.4s ease;
}
.library-hero-tile:hover .library-hero-category::after{
	width:56px;
}
.library-hero-tagline{
	color:#f1f1f1; font-family:'Nunito', sans-serif;
}
.library-hero-explore-wrap{
	opacity:0;	transform:translateY(10px); transition:opacity 0.4s ease, transform 0.45s cubic-bezier(0.22,0.9,0.32,1);
}
.library-hero-tile:hover .library-hero-explore-wrap{
	opacity:1; transform:translateY(0);
}
.library-hero-explore{
	display:inline-flex; align-items:center; gap:8px; font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#12294d; background:#ffffff;
	border-radius:999px; box-shadow:0 6px 16px rgba(0,0,0,0.25);
}
.library-hero-explore-arrow{
	transition:transform 0.3s ease;
}
.library-hero-tile:hover .library-hero-explore-arrow{
	transform:translateX(3px);
}
.library-hero-empty{
	width:100%; text-align:center;
}
@media (prefers-reduced-motion: reduce){
	.library-hero-tile{
		animation:none;	opacity:1; transform:none;
	}
	.library-hero-caption{
		transition:none; transform:none;
	}
	.library-hero-explore-wrap{
		transition:none; opacity:1;	transform:none;
	}
}


/* library eco section */
.reveal-up{
	opacity:0; transform:translateY(28px); transition:opacity 0.7s cubic-bezier(0.22,0.9,0.32,1), transform 0.7s cubic-bezier(0.22,0.9,0.32,1);
}
.reveal-up.is-visible{
	opacity:1; transform:translateY(0);
}
@media (prefers-reduced-motion: reduce){
	.reveal-up{
		opacity:1; transform:none; transition:none;
	}
}
.library-eco-section{
	background-color:#f2ecdf; background-image: repeating-linear-gradient(0deg, rgba(0,0,0,0.015) 0px, rgba(0,0,0,0.015) 1px, transparent 1px, transparent 3px), radial-gradient(circle at 50% 0%, rgba(47,93,58,0.07) 0%, rgba(0,0,0,0) 60%);	text-align:center; position:relative; overflow:hidden;
}
.library-eco-section::before,
.library-eco-section::after{
	content:""; position:absolute; left:50%; background:rgba(20,20,10,0.35); transform:translateX(-50%);
}
.library-eco-inner{
	margin:0 auto; position:relative; z-index:1;
}
.library-eco-eyebrow{
	display:inline-flex; align-items:center; font-family:'Raleway', sans-serif;	font-weight:700; letter-spacing:6px; text-transform:uppercase; color:#2f5d3a; margin:0 0 30px 0;
}
.library-eco-lead{
	font-family:'Nunito', sans-serif; line-height:1.6; color:#5c5646;
}
.library-eco-statement{
	font-family:'Poppins', sans-serif; font-weight:800; line-height:1.12;
	letter-spacing:-0.5px; color:#1c1b14; 
}
.library-eco-button{
	display:inline-flex; align-items:center; justify-content:center; width:fit-content;background:linear-gradient(135deg, #3a7249, #2f5d3a); color:#ffffff; font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:0.5px; text-decoration:none;border-radius:4px; box-shadow:0 12px 26px rgba(47,93,58,0.30); transition:background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.library-eco-button:hover,
.library-eco-button:focus{
	background:linear-gradient(135deg, #2f5d3a, #22452b); box-shadow:0 18px 34px rgba(47,93,58,0.4);
	color:#ffffff; text-decoration:none; transform:translateY(-2px);
}
.library-eco-button-arrow{
	line-height:1; transition:transform 0.3s ease;
}
.library-eco-button:hover .library-eco-button-arrow{
	transform:translateX(4px);
}


/*  Library Intro / Browse-All Section */
.library-intro-section{
	display:flex; flex-wrap:wrap; width:100%;
}
.library-intro-image-wrap{
	position:relative; overflow:hidden;
}
.library-intro-image{
	position:absolute; top:0; left:0; right:0; bottom:0; background-color:#0a0a0a;background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover;
	background-size:cover; background-attachment:scroll; -webkit-filter:saturate(1.18) contrast(1.04);
	filter:saturate(1.18) contrast(1.04); transition:transform 0.6s cubic-bezier(0.22,0.9,0.32,1);
}
.library-intro-image-wrap:hover .library-intro-image{
	transform:scale(1.06);
}
.library-intro-badge{
	position:absolute; z-index:2; background:rgba(255,255,255,0.94); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); border-radius:3px; padding:14px 20px; box-shadow:0 14px 30px rgba(0,0,0,0.22);
}
.library-intro-badge-number{
	display:block; font-family:'Poppins', sans-serif; font-weight:800; line-height:1.1;	color:#12294d;
}
.library-intro-badge-label{
	display:block; font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#6b6558; margin-top:2px;
}
.library-intro-content{
	background:#f5f5f5; display:flex; flex-direction:column;justify-content:center;box-sizing:border-box;
}
.library-intro-text{
	font-family:'Nunito', sans-serif; line-height:1.6; color:#8a8a8a; 
}
.library-intro-button{
	display:inline-flex; align-items:center; justify-content:center; gap:12px; width:fit-content;	font-family:'Raleway', sans-serif; background:linear-gradient(135deg, #1d1d1f, #020a1c);	color:#ffffff;	font-weight:600; text-decoration:none;border-radius:2px; box-shadow:0 10px 24px rgba(95, 95, 95, 0.28); transition:background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.library-intro-button:hover,
.library-intro-button:focus{
	background:linear-gradient(135deg, #424242, #000b24); box-shadow:0 16px 32px rgba(28, 28, 28, 0.38);
	color:#ffffff; text-decoration:none; transform:translateY(-2px);
}
.library-intro-arrow{
	font-size:18px; line-height:1; transition:transform 0.3s ease;
}
.library-intro-button:hover .library-intro-arrow{
	transform:translateX(4px);
}


/*  Envoy Feature Stories Strip */
.library-stories-section{
	background-color:#eae9e9; background-image:radial-gradient(circle at 50% 0%, rgba(0,0,0,0.035) 0%, rgba(0,0,0,0) 55%); 
}
.library-stories-heading{
	text-align:center; 
}
.library-stories-eyebrow{
	display:inline-block; font-family:'Raleway', sans-serif; font-weight:700;letter-spacing:5px; text-transform:uppercase; color:#2f5d3a; 
}
.library-stories-title{
	font-family:'Poppins', sans-serif; font-weight:700; color:#1c1b14; margin:0;
}
.library-stories-list{
	display:flex; flex-direction:column; 
}
.library-story-row{
	display:flex; align-items:flex-start; background:#f0f0f0; border-radius:2px;	box-shadow:0 6px 18px rgba(30,25,15,0.08); transition:transform 0.35s ease, box-shadow 0.35s ease;
}
.library-story-row.is-reversed{
	flex-direction:row-reverse;
}
.library-story-row:hover{
	transform:translateY(-6px); box-shadow:0 18px 34px rgba(30,25,15,0.16);
}
.library-story-row-media{
	position:relative; flex:0 0 16%; border-radius:5px; overflow:hidden; background-color:#e7e1d2; aspect-ratio:1/1; 
}
.library-story-row-image{
	position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat;background-position:center center; -webkit-background-size:cover; background-size:cover;-webkit-filter:saturate(1.15) contrast(1.03); filter:saturate(1.15) contrast(1.03);transition:transform 0.5s ease;
}
.library-story-row:hover .library-story-row-image{
	transform:scale(1.08);
}
.library-story-row-body{
	flex:1 1 auto;
}
.library-story-row-kicker{
	display:inline-block; font-family:'Raleway', sans-serif; font-weight:700;letter-spacing:2px; text-transform:uppercase; color:#2f5d3a; background:rgba(47,93,58,0.10);	border-radius:999px; 
}
.library-story-row-title{
	font-family:'Poppins', sans-serif; font-weight:700; color:#1c1b14;	line-height:1.3;
}
.library-story-row-details{
	font-family:'Nunito', sans-serif; line-height:1.75; color:#5c574a; margin:0; white-space:pre-line;
}
.library-stories-empty{
	text-align:center;	color:#726c5e;
}


/* Keep Explore Section */
.library-curious-section{
	display:flex; flex-wrap:wrap; width:100%;
}
.library-curious-content{
	background:#f2ecdf; display:flex; flex-direction:column;justify-content:center;box-sizing:border-box;

	flex:1 1 50%; max-width:50%;  padding:70px 70px; /* for media query */
}
.library-curious-eyebrow{
	display:inline-block; font-family:'Raleway', sans-serif; font-weight:700;letter-spacing:5px; text-transform:uppercase; color:#2f5d3a; 
	
	font-size:13px; margin:0 0 18px 0; /* for media query */
}
.library-curious-title{
	font-family:'Poppins', sans-serif; font-weight:700; color:#1c1b14; line-height:1.3;
	
	font-size:36px; margin:0 0 18px 0; /* for media query */
}
.library-curious-text{
	font-family:'Nunito', sans-serif; line-height:1.7; color:#6b6558; 
	
	font-size:15px; margin:0 0 30px 0; max-width:460px; /* for media query */
}
.library-curious-button{
	display:inline-flex; align-items:center; justify-content:center; width:fit-content;background:linear-gradient(135deg, #2c3f5c, #12294d); color:#ffffff; font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:0.5px; text-decoration:none;border-radius:2px; box-shadow:0 12px 26px rgba(18,41,77,0.30); transition:background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;

	gap:12px; font-size:15px; padding:18px 32px;/* for media query */ 
}
.library-curious-button:hover,
.library-curious-button:focus{
	background:linear-gradient(135deg, #12294d, #0c1c38); box-shadow:0 18px 34px rgba(18,41,77,0.4);
	color:#ffffff; text-decoration:none; transform:translateY(-2px);
}
.library-curious-arrow{
	line-height:1; transition:transform 0.3s ease;

	font-size:16px; /* for media query */ 
}
.library-curious-button:hover .library-curious-arrow{
	transform:translateX(4px);
}
.library-curious-image-wrap{
	position:relative; overflow:hidden;

	 flex:1 1 50%; max-width:50%; min-height:420px;  /* for media query */ 
}
.library-curious-image{
	position:absolute; top:0; left:0; right:0; bottom:0; background-color:#0a0a0a; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover;	background-size:cover; background-attachment:scroll; -webkit-filter:saturate(1.18) contrast(1.04);	filter:saturate(1.18) contrast(1.04); transition:transform 0.6s cubic-bezier(0.22,0.9,0.32,1);
}
.library-curious-image-wrap:hover .library-curious-image{
	transform:scale(1.06);
}

@media (max-width: 767px){
	.library-curious-content,
	.library-curious-image-wrap{
		flex:1 1 100%; max-width:100%;
	}
	.library-curious-content{
		padding:50px 24px;
	}
	.library-curious-image-wrap{
		min-height:280px;
	}
	.library-curious-text{
		max-width:none;
	}
}


/* Welcome Popup Section*/
.library-welcome-overlay{
	position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); display:flex; align-items:center; justify-content:center; z-index:9999;
}
.library-welcome-popup{
	position:relative; background:#ffffff; border-radius:6px; max-width:420px; width:90%; padding:35px 30px; text-align:center; box-shadow:0 10px 40px rgba(0,0,0,0.3);
}
.library-welcome-close{
	position:absolute; top:10px; right:14px; background:none; border:none; font-size:26px; line-height:1; cursor:pointer; color:#888;
}
.library-welcome-close:hover{
	color:#000;
}
.library-welcome-popup h3{
	margin:0 0 6px 0;
}
.library-welcome-name{
	font-weight:700; font-size:18px; margin:0 0 14px 0;
}
.library-welcome-message{
	margin:0; color:#555;
}


/*====================================================================================*/
/*======================= Fabric Library: Collection Page ============================*/
/* Product Showing Section */
.collection-products-section{
	background:var(--bg);
}
.collection-hero{
	position:relative; width:100%; display:flex; align-items:flex-end; overflow:hidden; background-color:#0a0a0a; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; background-size:cover; background-attachment:scroll;
}

/* Scrim: bottom fade plus a soft dark radial behind the text for contrast. */
.collection-hero-scrim{
	position:absolute; top:0; left:0; right:0; bottom:0; background-image:radial-gradient(ellipse 640px 520px at 8% 62%, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 72%),linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.62) 45%, rgba(0,0,0,0.40) 100%);background-color:rgba(4,4,2,0.30);
}
.collection-hero-inner{
	position:relative; z-index:1; width:100%; box-sizing:border-box;
}
.collection-hero-panel{
	position:relative; background:linear-gradient(155deg, rgba(10,13,18,0.58) 0%, rgba(10,13,18,0.38) 100%);	-webkit-backdrop-filter:blur(6px) saturate(1.15); backdrop-filter:blur(6px) saturate(1.15); box-shadow:0 24px 48px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.06);
}
.collection-hero-eyebrow{
	display:inline-block; font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:4px;	text-transform:uppercase; color:var(--lime); margin:0 0 12px 0; text-shadow:0 2px 10px rgba(0,0,0,0.65);
}
.collection-hero-title{
	font-family:'Poppins', sans-serif; font-weight:800; color:#ffffff; line-height:1.15; text-shadow:0 4px 18px rgba(0,0,0,0.55);
}
.collection-hero-tagline{
	font-family:'Nunito', sans-serif; color:#f2efe6; margin:0; line-height:1.6; text-shadow:0 2px 10px rgba(0,0,0,0.55);
}
/* Feature grid */
.collection-hero-features{
	display:grid; border-top:1px solid rgba(240,217,140,0.28);
}
.collection-hero-feature{
	display:flex; align-items:flex-start;
}
.collection-hero-feature-mark{
	flex:0 0 auto; border-radius:50%; background:linear-gradient(135deg, #f0d98c, #c79a3d); box-shadow:0 0 0 3px rgba(240,217,140,0.16);
}
.collection-hero-feature-text{
	font-family:'Nunito', sans-serif; line-height:1.55; color:var(--cr-canvas); text-shadow:0 2px 6px rgba(0,0,0,0.5); letter-spacing:0.35px;
}
.collection-hero-feature-text strong{
	color:#f7ecc9; font-weight:700; letter-spacing:0.35px;
}

/* Results bar */
.collection-results-bar{
	display:flex; align-items:center; justify-content:space-between; font-family:'Nunito', sans-serif;
	color:#4a4a42;
}
.collection-results-text{
	display:flex; align-items:center;
}
.collection-results-icon{
	color:#8a8474;
}
.collection-results-bar strong{
	font-weight:700; color:#1c1b14;
}
/* Home link */
.collection-home-link{
	display:inline-flex; align-items:center; flex:0 0 auto; border-radius:999px; background:#ffffff; border:1px solid rgba(20,20,10,0.12); font-family:'Raleway', sans-serif;font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:#3c3a32; text-decoration:none; transition:background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.collection-home-link:hover,
.collection-home-link:focus-visible{
	background:#12294d;	border-color:#12294d; color:#ffffff; text-decoration:none; transform:translateY(-1px);
}
/* Groups Search + Home together */
.collection-results-actions{
	display:flex; align-items:center; flex:0 0 auto;
}
.collection-search-btn{
	display:inline-flex; align-items:center; flex:0 0 auto; border-radius:999px; background:#ffffff; border:1px solid rgba(20,20,10,0.12); font-family:'Raleway', sans-serif;	font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:#3c3a32; cursor:pointer;	transition:background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.collection-search-btn:hover,
.collection-search-btn:focus-visible{
	background:#12294d; border-color:#12294d; color:#ffffff; transform:translateY(-1px);
}

/* Active filters - shows selected criteria */
.collection-active-filters{
	display:flex; align-items:center; flex-wrap:wrap;font-family:'Nunito', sans-serif; background: var(--paper);
}
.collection-active-filters-label{
	font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:1px;text-transform:uppercase; color:#8a8474; flex:0 0 auto;
}
.collection-active-filter-chip{
	display:inline-flex; align-items:center; border-radius:999px; background:#f4f1e6; border:1px solid rgba(20,20,10,0.12); color:#4a4a42; text-decoration:none;	transition:background-color 0.2s ease, border-color 0.2s ease;
}
.collection-active-filter-chip:hover,
.collection-active-filter-chip:focus-visible{
	background:#ece6d4; border-color:rgba(20,20,10,0.24); text-decoration:none;
}
.collection-active-filter-chip strong{
	color:#1c1b14; font-weight:700;
}
.collection-active-filter-chip-remove{
	display:inline-flex; align-items:center; justify-content:center; border-radius:50%;	background:rgba(20,20,10,0.14); line-height:1; color:#4a4a42;
}
.collection-active-filter-chip:hover .collection-active-filter-chip-remove,
.collection-active-filter-chip:focus-visible .collection-active-filter-chip-remove{
	background:#a8563f; color:#ffffff;
}
.collection-active-filters-clear{
	flex:0 0 auto; font-family:'Raleway', sans-serif; letter-spacing:0.6px;	text-transform:uppercase; color:#a8563f; text-decoration:underline;  font-weight:700; 
}
.collection-active-filters-clear:hover,
.collection-active-filters-clear:focus-visible{
	color:#7a3d2c;
}

/* Fabric search popup */
.collection-search-overlay{
	position:fixed; top:0; left:0; right:0; bottom:0; display:none; align-items:center; justify-content:center;
	box-sizing:border-box; background-color:#0a0a0a; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; background-size:cover; z-index:9999; 
}
.collection-search-overlay.is-open{
	display:flex;
}
.collection-search-scrim{
	position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(6,6,4,0.62);
}
/* Outer card */
.collection-search-modal{
	position:relative; z-index:1; width:100%; box-sizing:border-box;
}
/* Inner body - scrollable area  */
.collection-search-modal-body{
	max-height:90vh; overflow-y:auto; overscroll-behavior:contain; box-sizing:border-box;
}
.collection-search-close{
	position:absolute; top:0; right:0; display:inline-flex; align-items:center;justify-content:center; background:#020202; border:none; border-radius:1px; line-height:1;color:#ffffff; cursor:pointer; transition:background-color 0.3s ease; z-index:2;
}
.collection-search-close:hover{
	background:#12294d;
}
.collection-search-title{
	font-family:'Poppins', sans-serif; font-weight:700; color:#ffffff; text-shadow:0 2px 10px rgba(0,0,0,0.6); 
}
.collection-search-grid{
	display:grid;
}
.collection-search-field{
	position:relative; display:flex; flex-direction:column;
}
.sr-only{
	position:absolute; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0);white-space:nowrap; border:0;
}
/* Dark "glass" fields over the photo */
.collection-search-field select,
.collection-search-field input[type="text"]{
	font-family:'Nunito', sans-serif; color:#f5f3ec; border-radius:2px; border:1px solid rgba(255,255,255,0.32); background:rgba(10,10,10,0.55); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); box-sizing:border-box; width:100%; transition:border-color 0.3s ease, background-color 0.3s ease;
}
.collection-search-field select{
	color-scheme:dark; cursor:pointer;
}
.collection-search-field input[type="text"]::placeholder{
	color:rgba(245,243,236,0.55);
}
.collection-search-field select:hover,
.collection-search-field input[type="text"]:hover{
	border-color:rgba(255,255,255,0.5);
}
.collection-search-field select:focus,
.collection-search-field input[type="text"]:focus{
	outline:none; border-color:#f0d98c; background:rgba(10,10,10,0.72);
}
.collection-search-suggestions{
	position:absolute; top:100%; left:0; right:0; background:#1c1b14; border:1px solid rgba(255,255,255,0.18); border-radius:2px; box-shadow:0 14px 32px rgba(0,0,0,0.4); overflow-y:auto; overscroll-behavior:contain; z-index:2;
}
.collection-search-suggestion{
	display:block;	width:100%; text-align:left; color:#f5f3ec; cursor:pointer; background:none; border:none; font-family:'Nunito', sans-serif;
	
}
.collection-search-suggestion:hover,
.collection-search-suggestion.is-active{
	background:rgba(255,255,255,0.12);
}
/* Can't search empty" */
.collection-search-error{ 
	border-radius:2px; background:rgba(224,120,90,0.18); border:1px solid rgba(224,120,90,0.45); font-family:'Nunito', sans-serif; font-size:13.5px; color:#ffffff;
}
.collection-search-actions{ 
	display:flex; align-items:center; justify-content:flex-end;
}
.collection-search-submit, .collection-search-reset{ 
	display:inline-flex; align-items:center; border-radius:6px; font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:0.6px; text-transform:uppercase; cursor:pointer; text-decoration:none; border:none; transition:box-shadow 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
}
.collection-search-submit{ 
	background:#ffffff; color:#1c1b14; 
}
.collection-search-submit:hover, .collection-search-submit:focus-visible{ 
	background:#f0d98c; transform:translateY(-1px); 
}
.collection-search-reset{ 
	background:#2c5aa0; color:#ffffff; 
}
.collection-search-reset:hover, .collection-search-reset:focus-visible{ 
	background:#12294d; color:#ffffff; text-decoration:none; transform:translateY(-1px); 
}

/* Product grid */
.collection-products-grid{ 
	display:grid; box-sizing:border-box; 
}

/* Product card - swatch-style photo + label, staggered fade-in (--i), live cursor tilt (--tx/--ty). */
.collection-product-card{ 
	--i:0; --r:0deg; --oy:0px; --sx:0px; --sy:8px; position:relative; display:flex; flex-direction:column; text-decoration:none; background:none; padding:0; box-shadow:var(--sx) var(--sy) 16px rgba(20,20,10,0.14), 0 1px 3px rgba(20,20,10,0.8); box-sizing:border-box; opacity:0; transform:translateY(26px) rotate(0deg); animation:collectionCardIn 0.7s cubic-bezier(0.22,0.9,0.32,1) forwards; animation-delay:calc(var(--i) * 55ms); transition:transform 0.45s cubic-bezier(0.22,0.9,0.32,1), box-shadow 0.5s cubic-bezier(0.22,0.9,0.32,1); -webkit-transform:translateZ(0);
}
.collection-product-card.is-tilting{ 
	transition:transform 0.45s cubic-bezier(0.22,0.9,0.32,1), box-shadow 0.08s linear; 
}
/* Small per-card tilt/offset via nth-child, so the grid reads like scattered prints. */
.collection-product-card:nth-child(6n+1){ 
	--r:-1.4deg; --oy:3px; 
}
.collection-product-card:nth-child(6n+2){ 
	--r:1.1deg;  --oy:-4px; 
}
.collection-product-card:nth-child(6n+3){ 
	--r:-0.8deg; --oy:4px; 
}
.collection-product-card:nth-child(6n+4){ 
	--r:1.3deg;  --oy:-3px; 
}
.collection-product-card:nth-child(6n+5){ 
	--r:-1.1deg; --oy:2px; 
}
.collection-product-card:nth-child(6n+6){ 
	--r:0.9deg;  --oy:-2px;
}
@keyframes collectionCardIn{ 
	from{ 
		opacity:0; transform:translateY(26px) rotate(0deg); } to{ opacity:1; transform:translateY(var(--oy)) rotate(var(--r)); 
	} 
}
.collection-product-card:hover{ 
	transform:translateY(calc(var(--oy) - 6px)) rotate(0deg); z-index:2; text-decoration:none; 
}
/* --tx/--ty: live tilt from mousemove (see "swatch-tilt" JS). --mx/--my: cursor pos for the glint below. */
.collection-product-media{ 
	--tx:0deg; --ty:0deg; --mx:50%; --my:45%; position:relative; width:100%; overflow:hidden; border-radius:0; background-color:#e9e6dc; box-sizing:border-box; transform-style:preserve-3d; transform:perspective(1000px) rotateX(var(--ty)) rotateY(var(--tx)); transition:transform 0.5s cubic-bezier(0.22,0.9,0.32,1); will-change:transform; 
}
.collection-product-media.is-tilting{ 
	transition:transform 0.08s linear; 
}
.collection-product-image{ 
	display:block; width:100%; height:auto; opacity:1; filter:none; transition:transform 0.65s cubic-bezier(0.22,0.9,0.32,1); 
}
.collection-product-card:hover .collection-product-image{ 
	transform:scale(1.045); 
}
/* Soft glint that tracks the cursor, same position driving the 3D tilt above. */
.collection-product-media::before{ 
	content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:radial-gradient(circle at var(--mx) var(--my), rgba(255,255,255,0.65), rgba(255,255,255,0) 58%); mix-blend-mode:soft-light; opacity:0; transition:opacity 0.4s ease; 
}
.collection-product-card:hover .collection-product-media::before{ 
	opacity:1; 
}
.collection-product-fabrication{ 
	position:absolute; top:0; left:0; right:0; z-index:2;background:linear-gradient(to bottom, rgba(8,8,6,0.82) 0%, rgba(8,8,6,0) 100%); color:#f5efe0; opacity:0; transform:translateY(-100%); transition:opacity 0.35s ease, transform 0.35s ease;
}
.collection-product-fabrication span{ 
	display:block; font-family:'Nunito', sans-serif; letter-spacing:0.4px; line-height:1.4; text-align:center; text-transform:uppercase; 
}
.collection-product-card:hover .collection-product-fabrication{ 
	opacity:1; transform:translateY(0); 
}
/* White strip under the photo. */
.collection-product-footer{ 
	position:relative; width:100%; overflow:hidden; display:flex; align-items:center; justify-content:center; background-color: #f2f1ec;
}
.collection-product-footer::before{ 
	content:""; position:absolute; inset:0; background:linear-gradient(100deg, #343434 0%, #030303 100%); -webkit-transform:scaleX(0); transform:scaleX(0); transform-origin:left center; transition:transform 0.45s cubic-bezier(0.65,0,0.35,1); 
}
.collection-product-card:hover .collection-product-footer::before, .collection-product-card:focus-visible .collection-product-footer::before{ 
	-webkit-transform:scaleX(1); transform:scaleX(1); 
}
.collection-product-code{ 
	position:relative; z-index:1; display:inline-block; font-family:'Raleway', sans-serif;font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#1c1b14; transition:color 0.4s ease;
}
.collection-product-card:hover .collection-product-code, .collection-product-card:focus-visible .collection-product-code{ 
	color:#ffffff; 
}
/* Keyboard focus gets the same hover treatment plus a visible ring. */
.collection-product-card:focus-visible{ 
	outline:2px solid #12294d; outline-offset:6px; transform:translateY(calc(var(--oy) - 6px)) rotate(0deg); z-index:2; 
}
.collection-products-empty{ 
	text-align:center; color:#726c5e; font-family:'Nunito', sans-serif; 
}

/* Pagination bar */
.collection-pagination{ 
	display:flex; align-items:center; justify-content:center; flex-wrap:wrap;  box-sizing:border-box; 
}
.collection-pagination-page, .collection-pagination-arrow{ 
	display:inline-flex; align-items:center; justify-content:center; border-radius:10px; font-family:'Raleway', sans-serif; font-weight:700; color:#4a4a42; background:#ffffff; border:1px solid rgba(20,20,10,0.10); text-decoration:none; box-sizing:border-box; transition:border-color 0.3s ease, color 0.3s ease, background 0.3s ease;
}
a.collection-pagination-page:hover, a.collection-pagination-arrow:hover{ 
	border-color:rgba(44,90,160,0.55); color:#12294d; text-decoration:none; 
}
.collection-pagination-page.is-active{ 
	background:linear-gradient(135deg, #2c5aa0, #0f2440); border-color:transparent; color:#ffffff; 
}
.collection-pagination-arrow.is-disabled{ 
	opacity:0.4; pointer-events:none; 
}
.collection-pagination-ellipsis{ 
	display:inline-flex; align-items:center; justify-content:center; color:#a89f88; 
}

/* Reduce-motion: kill animation/transitions/tilt for users who asked for it. */
@media (prefers-reduced-motion: reduce){
	.collection-product-card{ 
		animation:none; opacity:1; transform:none; 
	}
	.collection-product-media{ 
		transform:none; 
	}
	.collection-product-card{
		 box-shadow:0 1px 3px rgba(20,20,10,0.08); 
		}
	.collection-product-card:hover .collection-product-media::before{ 
		opacity:0; 
	}
	.collection-product-card, .collection-product-media, .collection-product-image, .collection-product-media::before, .collection-product-fabrication, .collection-product-code, .collection-product-footer::before{ 
		transition:none; 
	}
}

/*====================================================================================*/
/*============================ Fabric View Page Design ===============================*/

/* Every box on this page that has a border AND a width/height tied to the shared grid (image, stamps, info card, zoom controls) */
[class^="FabricView-"], [class^="FabricView-"] *{
	box-sizing:border-box;
}

/* Breadcrumb*/
.FabricView-Breadcrumb{
	display:flex; align-items:center; justify-content:flex-end; align-self:flex-start; flex:0 0 auto;	flex-wrap:wrap; width:fit-content; background:#F5F2E8; box-shadow:0 4px 14px rgba(20,20,10,0.07); font-family:'Nunito', sans-serif;	font-weight:600; letter-spacing:0.2px; color:#8a8474;
}
.FabricView-Breadcrumb a{
	display:inline-flex; align-items:center; position:relative; color:#6b6759; text-decoration:none;
}
.FabricView-Breadcrumb a::after{
	content:""; position:absolute; left:0; right:100%; background:linear-gradient(90deg, #12294d, #e7c565); transition:right 0.2s ease;
}
.FabricView-Breadcrumb a:hover,
.FabricView-Breadcrumb a:focus-visible{
	color:#12294d;
}
.FabricView-Breadcrumb a:hover::after,
.FabricView-Breadcrumb a:focus-visible::after{
	right:0;
}
.FabricView-BreadcrumbHome i{
	color:#a5822f;
}
.FabricView-Breadcrumb > i{
	color:#c9c4b6;
}
@keyframes fabricFadeUp{
	from{ opacity:0; transform:translateY(14px); }
	to{ opacity:1; transform:translateY(0); }
}
.FabricView-NotFound{
	font-family:'Nunito', sans-serif; color:#4a4a42;
}
.FabricView-NotFound a{
	display:inline-block; color:#12294d; font-weight:700; text-decoration:underline;
}

/* Fabric View - main layout */
.FabricView-Layout{
	display:grid; grid-template-rows:var(--fabric-media-h) auto; 
	grid-template-areas: "media  stamps info" "note . info";  animation:fabricFadeUp 0.6s ease-out both; 
}
.FabricView-Media{
	grid-area:media;
}
.FabricView-Stamps{
	grid-area:stamps; height:var(--fabric-media-h); display:grid; 
}
.FabricView-Disclaimer{
	grid-area:note; margin:0; background:#12294d; border-radius:1px; box-shadow:0 8px 18px rgba(18,41,77,0.18); font-family:'Nunito', sans-serif; font-weight:600; color:#e8ecf3; display:flex; align-items:center;
}
.FabricView-Disclaimer i{
	flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;border-radius:50%; background:#e7c565; color:#12294d; 
}
.FabricView-Info{
	grid-area:info;
}

/* Zoom viewer */
.FabricView-Zoom{
	box-sizing:border-box; position:relative; width:100%; height:var(--fabric-media-h); overflow:hidden; background:#ffffff; border:1px solid rgba(20,20,10,0.08); border-radius:1px; cursor:default;touch-action:none; box-shadow:0 16px 36px rgba(20,20,10,0.02); transition:box-shadow 0.3s ease;
}
.FabricView-Zoom:hover{
	box-shadow:0 22px 46px rgba(20,20,10,0.18);
}
.FabricView-Zoom.is-zoom-enabled{
	cursor:zoom-in;
}
.FabricView-Zoom.is-zoomed{
	cursor:grab;
}
.FabricView-Zoom.is-dragging{
	cursor:grabbing;
}
.FabricView-MainImage{
	display:block; width:100%; height:100%; object-fit:contain; object-position:center; transform-origin:50% 50%;
	transition:transform 0.15s ease-out; will-change:transform; user-select:none; -webkit-user-drag:none;
}
.FabricView-MainImage.is-dragging{
	transition:none;
}
.FabricView-MediaEmpty{
	display:flex; align-items:center; justify-content:center; height:100%; font-family:'Nunito', sans-serif;	color:#8a8474; text-align:center; 
	
	font-size:14px; padding:0 24px;
} 
/* Toolbar wrapper */
.FabricView-ZoomToolbar{
	position:absolute; z-index:3; display:flex; align-items:center; 
}
.FabricView-ZoomToggleBtn{
	display:flex; align-items:center; flex:0 0 auto; border-radius:1px;	border:1px solid rgba(255,255,255,0.18); background:rgba(15,20,30,0.55); backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px); box-shadow:0 6px 18px rgba(0,0,0,0.3); color:#ffffff; font-family:'Raleway', sans-serif;font-weight:700; letter-spacing:0.3px; white-space:nowrap; cursor:pointer; transition:background-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.FabricView-ZoomToggleBtn:hover,
.FabricView-ZoomToggleBtn:focus-visible{
	background:#e7c565; color:#12294d; transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,0.28);
}
.FabricView-ZoomToggleBtn.is-active{
	background:#12294d; color:#e7c565; border-color:#12294d;
}
.FabricView-ZoomToggleBtn.is-active:hover,
.FabricView-ZoomToggleBtn.is-active:focus-visible{
	background:#0d2039; color:#e7c565;
}
.FabricView-ZoomControls{
	display:flex; align-items:stretch; border-radius:1px; overflow:hidden; background:rgba(15,20,30,0.55);	backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,0.18);	box-shadow:0 6px 18px rgba(0,0,0,0.3);
}
.FabricView-ZoomBtn{
	display:flex; align-items:center; justify-content:center; border:none; background:transparent; color:#ffffff; cursor:pointer; transition:background-color 0.18s ease, color 0.18s ease;
}
.FabricView-ZoomBtn:first-child{
	border-radius:1px 0 0 999px;
}
.FabricView-ZoomBtn:last-child{
	border-radius:0 1px 1px 0;
}
.FabricView-ZoomBtn:hover,
.FabricView-ZoomBtn:focus-visible{
	background:#e7c565; color:#12294d;
}
.FabricView-ZoomBtn:disabled{
	opacity:0.35; cursor:default; background:transparent; color:#ffffff;
}
.FabricView-ZoomLevel{
	display:flex; align-items:center; justify-content:center; color:#ffffff;	font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:0.3px; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2);
}

/* Stamps thumbnail + caption bar */
.FabricView-Stamp{
	position:relative; display:flex; flex-direction:column; width:100%; height:100%; min-height:0; padding:0; border:0; border-radius:1px; background:#ffffff; cursor:pointer; text-align:left; overflow:hidden; box-shadow:0 2px 8px rgba(20,20,10,0.06); transition:transform 0.2s ease, box-shadow 0.2s ease;
}
.FabricView-Stamp:hover,
.FabricView-Stamp:focus-visible{
	transform:translateY(-3px); box-shadow:0 10px 20px rgba(20,20,10,0.16);
}
.FabricView-Stamp img{
	display:block; width:100%; flex:1 1 auto; min-height:0; object-fit:contain; object-position:center;	background:var(--paper); border:1px solid rgba(20,20,10,0.25); transition:border-width 0.15s ease, border-color 0.15s ease;
}
.FabricView-Stamp span{
	display:block; flex:0 0 auto; background:#e4e1d8; font-family:'Raleway', sans-serif;font-weight:700; color:#4a4a42; text-align:center; transition:background-color 0.2s ease, color 0.2s ease;
}
.FabricView-Stamp:hover img,
.FabricView-Stamp:focus-visible img{
	border-color:#12294d;
}
.FabricView-Stamp.is-active img{
	border-color:#12294d;
}
.FabricView-Stamp.is-active span{
	background:#12294d; color:#ffffff;
}
.FabricView-Stamp.is-active::after{ /* Small gold "currently showing" */
	content:"\2713"; position:absolute; border-radius:50%; background:#e7c565; color:#12294d;  font-weight:900; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,0.25); z-index:2;
}

/* Info panel - a distinct info card */
.FabricView-InfoCard{
	position:relative; overflow:hidden; background:#F5F2E8; border-radius:1px; border:1px solid rgba(20,20,10,0.07); box-shadow:0 10px 30px rgba(20,20,10,0.08); 
	
	padding:22px 22px 18px 22px;  /* for Media Query */
}
.FabricView-InfoCard::before{
	content:""; position:absolute; top:0; left:0; right:0; background:#12294d;
}
.FabricView-Eyebrow{
	font-family:'Raleway', sans-serif; font-weight:800; letter-spacing:1.8px; text-transform:uppercase; color:#a5822f; 
}
.FabricView-StyleBadge{
	position:relative; color:#12294d; font-family:'Poppins', sans-serif; font-weight:800; line-height:1.15; letter-spacing:0.2px; 
}
.FabricView-StyleBadge::after{
	content:""; position:absolute; left:0; bottom:0; background:#12294d;
}
.FabricView-DetailTable{
	border-top:1px solid #eceae3; border-radius:1px; overflow:hidden;
}
.FabricView-DetailRow{
	position:relative; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eceae3; transition:background-color 0.15s ease, padding-left 0.15s ease;
}
.FabricView-DetailRow::before{
	content:""; position:absolute; left:0; top:0; bottom:0; background:linear-gradient(180deg, #12294d, #e7c565); transform:scaleY(0); transition:transform 0.2s ease;
}
.FabricView-DetailRow:nth-child(even){
	background:#f8f7f3;
}
.FabricView-DetailRow:hover{
	background:#eef2f7;
}
.FabricView-DetailRow:hover::before{
	transform:scaleY(1);
}
.FabricView-DetailLabel{
	font-family:'Raleway', sans-serif; font-weight:800; letter-spacing:1px; text-transform:uppercase; color:#a5822f; flex:0 0 auto;
}
.FabricView-DetailValue{
	font-family:'Nunito', sans-serif; color:#1c1b14; font-weight:700; text-align:right;
}
.FabricView-AskBtn{
	display:flex; align-items:center; justify-content:center; width:100%; border-radius:1px; border:none; background:linear-gradient(135deg, #12294d 0%, #1c3a68 100%); color:#ffffff; font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:0.6px; text-transform:uppercase; cursor:pointer; box-shadow:0 8px 16px rgba(18,41,77,0.22);transition:background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}
.FabricView-AskBtn:hover,
.FabricView-AskBtn:focus-visible{
	background:linear-gradient(135deg, #17335e 0%, #234a82 100%); transform:translateY(-2px); box-shadow:0 14px 26px rgba(18,41,77,0.34);
}
.FabricView-AskBtn:active{
	transform:translateY(0);
}

/* Similar Products Heading*/
.FabricView-Similar{
	grid-column:1 / -1;	position:relative; animation:fabricFadeUp 0.7s ease-out 0.1s both;
}
.FabricView-Similar::before{
	content:"";	position:absolute; top:0; left:0; right:0; background:linear-gradient(90deg, transparent, rgba(18,41,77,0.18), transparent);
}
.FabricView-SimilarHeading{
	position:relative; font-family:'Raleway', sans-serif; font-weight:800; color:#12294d;
}
.FabricView-SimilarHeading::after{
	content:""; position:absolute; background:linear-gradient(90deg, #12294d, #e7c565);
}
.FabricView-SimilarHeadingSub{
	font-family:'Nunito', sans-serif; font-weight:400; color:#8a8474;
}

/* Similar Products Card */
.FabricView-SimilarGrid{
	display:grid; 
}
.FabricView-SimilarCard{
	display:flex; flex-direction:column; background:#ffffff; border:1px solid rgba(20,20,10,0.1); border-radius:1px; overflow:hidden; text-decoration:none; transition:border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.FabricView-SimilarCard:hover,
.FabricView-SimilarCard:focus-visible{
	border-color:#12294d; box-shadow:0 16px 30px rgba(20,20,10,0.16); transform:translateY(-4px);
}
.FabricView-SimilarCardMedia{
	width:100%;	aspect-ratio:1 / 1; background:#ffffff; overflow:hidden;
}
.FabricView-SimilarCardMedia img{
	display:block; width:100%; height:100%; object-fit:contain; object-position:center; transition:transform 0.35s ease;
}
.FabricView-SimilarCard:hover .FabricView-SimilarCardMedia img{
	transform:scale(1.08);
}
.FabricView-SimilarCardNoImage{
	display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#c9c4b6;  background:#f5f3ee;
}
.FabricView-SimilarCardFooter{
	display:flex; flex-direction:column;
}
.FabricView-SimilarCardStyle{
	font-family:'Raleway', sans-serif; font-weight:700; color:#12294d;
}
.FabricView-SimilarCardComposition{
	display:inline-block; border-radius:1px; font-family:'Nunito', sans-serif; font-weight:600; color:#a5822f; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* "Ask for more information" modal */
.FabricView-InfoModalOverlay{
	position:fixed; top:0; left:0; right:0; bottom:0; display:none; align-items:center; justify-content:center;	box-sizing:border-box; z-index:9999;

	padding:20px; 
}
.FabricView-InfoModalOverlay.is-open{
	display:flex;
}
.FabricView-InfoModalScrim{
	position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(10,10,8,0.55); backdrop-filter:blur(3px);	-webkit-backdrop-filter:blur(3px);
}
@keyframes fabricModalIn{
	from{ opacity:0; transform:translateY(10px) scale(0.98); }
	to{ opacity:1; transform:translateY(0) scale(1); }
}
.FabricView-InfoModal{
	position:relative; z-index:1; width:100%; overflow-y:auto; overscroll-behavior:contain; background:#ffffff; border-radius:1px; box-shadow:0 30px 60px rgba(0,0,0,0.35); animation:fabricModalIn 0.25s ease-out both;

	max-width:600px; max-height:90vh;  /* for Media Query */
}
.FabricView-InfoModalHeader{
	display:flex; align-items:center; justify-content:space-between;background:#17b6b0; color:#ffffff; border-radius:1px 1px 0 0; font-family:'Raleway', sans-serif;
	
	font-size:17px; font-weight:700; gap:12px; padding:16px 22px;   /* for Media Query */
}
.FabricView-InfoModalHeader i{
	margin-right:6px;  /* for Media Query */
}
.FabricView-InfoModalClose{
	background:none; border:none; color:#ffffff; line-height:1; cursor:pointer; opacity:0.85;

	font-size:22px;  /* for Media Query */
}
.FabricView-InfoModalClose:hover{
	opacity:1;
}
.FabricView-InfoModalBody{
	padding:22px 24px 26px 24px;  /* for Media Query */
}
.FabricView-InfoModalLabel{
	display:block; font-family:'Raleway', sans-serif; font-weight:700; color:#1c1b14;
	
	font-size:14px; margin:0 0 8px 0;  /* for Media Query */
}
.FabricView-InfoModalStyleInput{
	display:block; width:100%; border-radius:1px; border:1px solid rgba(20,20,10,0.15); background:#eeece6; color:#4a4a42; font-family:'Nunito', sans-serif; box-sizing:border-box;

	font-size:14.5px; padding:11px 14px; margin-bottom:20px;  /* for Media Query */
}
.FabricView-InfoModalTextarea{
	display:block; width:100%; border-radius:1px; font-family:'Nunito', sans-serif; color:#1c1b14; box-sizing:border-box; resize:vertical;

	 font-size:14.5px; min-height:170px; padding:12px 14px; border:1px solid rgba(20,20,10,0.18);  /* for Media Query */
}
.FabricView-InfoModalTextarea:focus{
	outline:none; border-color:#17b6b0;
}
.FabricView-InfoModalNote{
	 font-family:'Nunito', sans-serif; color:#a8563f;

	 margin:14px 0 0 0; font-size:13.5px;  /* for Media Query */
}
.FabricView-InfoModalNote.is-success{
	color:#2f7a4f;
}
.FabricView-InfoModalActions{
	display:flex; justify-content:flex-end;
	
	margin-top:18px;  /* for Media Query */
}
.FabricView-InfoModalSubmit{
	display:inline-flex; align-items:center; border-radius:1px; border:none; background:#3fb054; color:#ffffff; font-family:'Raleway', sans-serif; font-weight:700; cursor:pointer; transition:background-color 0.2s ease;

	gap:9px; padding:12px 26px; font-size:14px;  /* for Media Query */
}
.FabricView-InfoModalSubmit:hover,
.FabricView-InfoModalSubmit:focus-visible{
	background:#2f9142;
}
.FabricView-InfoModalSubmit:disabled{
	opacity:0.7;
	cursor:default;
}


/*===================================================================================*/
/*============================= Explore Page Design =================================*/
.AdrianoTribute,
.RickshawHeritage,
.InvestmentJourney,
.FabricTags,
.IndigoScarf,
.GoGreenBanner{
	content-visibility: auto;
}
/* contain-intrinsic-size */
.AdrianoTribute{ 
	contain-intrinsic-size: auto 820px; 
}
.RickshawHeritage{ 
	contain-intrinsic-size: auto 640px; 
}
.InvestmentJourney{ 
	contain-intrinsic-size: auto 680px; 
}
.FabricTags{ 
	contain-intrinsic-size: auto 660px; 
}
.IndigoScarf{ 
	contain-intrinsic-size: auto 560px; 
}
.GoGreenBanner{ 
	contain-intrinsic-size: auto 320px; 
}

/* Adriano Goldschmied Tribute  */
.AdrianoTribute{ 
	position:relative; box-sizing:border-box;display:flex; align-items:center; background-color:#201f1d;  overflow:hidden;
}
.AdrianoTribute-Backdrop{ 
	position:absolute; inset:-5%; z-index:0; background-size:cover; background-position:center 28%; background-repeat:no-repeat; filter:blur(40px) saturate(1.05) brightness(0.78); transform:scale(1.15) translateZ(0); will-change:transform; 
}
.AdrianoTribute::before{ 
	content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background: repeating-linear-gradient( 0deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.06) 1px, rgba(0,0,0,0.04) 2px,rgba(0,0,0,0.02) 3px ), repeating-linear-gradient( 135deg,rgba(255,255,255,0.05) 0px,rgba(255,255,255,0.05) 3px,rgba(0,0,0,0.03) 3px, rgba(0,0,0,0.03) 6px ), linear-gradient( 90deg, #00020b 0%,#00020b 100% ); 
}
.AdrianoTribute-Frame{ 
	position:relative; z-index:2; width:100%; max-height:100%; margin:0 auto; display:grid;  align-items:center; 
}
.AdrianoTribute-Media{ 
	position:relative; display:flex; justify-content:center; align-items:center; height:100%; max-height:76vh;
}
.AdrianoTribute-Media-Glow{ 
	position:absolute; inset:-10%; background:radial-gradient(circle at 50% 42%, rgba(255,255,255,0.08), transparent 68%); filter:blur(26px); animation:AdrianoGlowPulse 6s ease-in-out infinite alternate; animation-play-state:paused; z-index:0; will-change:transform, opacity; transform:translateZ(0); 
}
.AdrianoTribute.is-visible .AdrianoTribute-Media-Glow{ 
	animation-play-state:running; 
}
.AdrianoTribute-Media-Img{ 
	position:relative; z-index:1; display:block; width:auto; height:auto; max-width:100%;-webkit-mask-image:radial-gradient(ellipse 82% 86% at 50% 46%, #000 45%, transparent 100%); mask-image:radial-gradient(ellipse 82% 86% at 50% 46%, #000 45%, transparent 100%);
}
@keyframes AdrianoGlowPulse{
	from{ 
		opacity:0.5; transform:scale(0.98); 
	}
	to{ 
		opacity:0.9; transform:scale(1.02); 
	}
}
.AdrianoTribute-Eyebrow{ 
	font-family:'Roboto', sans-serif; font-style:italic; font-weight:500; letter-spacing:2px; color:#c9b98a;
}
.AdrianoTribute-Title{ 
	font-family:'Roboto', sans-serif; font-weight:600; line-height:1.15; color:#f4f5f9;
}
.AdrianoTribute-Badge{ 
	display:inline-flex; align-items:center; border-radius:999px; border:1.5px dashed rgba(201,185,138,0.65); color:#e7dcb8; font-weight:600; letter-spacing:2.5px; text-transform:uppercase;
}
.AdrianoTribute-Text p{ 
	font-family:'nunito', sans-serif; line-height:1.55; color:#d7dbe8; 
}
.AdrianoTribute-Text p:last-child{ 
	margin-bottom:0; 
}
.AdrianoTribute-Text em{ 
	font-style:italic; color:#f4f5f9; 
}
.AdrianoTribute-Stitch{ 
	 background-image:linear-gradient(to right, rgba(255,255,255,0.35) 0, rgba(255,255,255,0.35) 6px, transparent 6px, transparent 12px); background-size:12px 1px; background-repeat:repeat-x;
}
.AdrianoTribute-Signature{ 
	font-family:'comfortaa', sens-serif; font-style:italic; color:#f4f5f9;
}
.AdrianoTribute-Closing{ 
	font-family:'Raleway', sens-serif; font-weight:600; color:#c9b98a; 
}
.AdrianoTribute-Brands{ 
	letter-spacing:3px; text-transform:uppercase; color:rgba(215,219,232,0.7); 
}

/* Rickshaw Heritage  */
.RickshawHeritage{ 
	background-color:#f2ecdd;
}
.RickshawHeritage-Frame{ 
	margin:0 auto; display:grid; justify-content: center; align-items:center;  min-height: 100vh;
}
.RickshawHeritage-Media{ 
	position:relative; display:flex; justify-content:center; 
}
.RickshawHeritage-Media-Frame{ 
	background:linear-gradient(150deg, #272727 0%, #000000 100%); box-shadow:0 20px 38px rgba(42,32,18,0.22), 0 4px 10px rgba(42,32,18,0.12);
}
.RickshawHeritage-Media-Mat{ 
	background:#faf6ea; border:1px solid rgba(193,68,45,0.4); 
}
.RickshawHeritage-Media-Img{ 
	display:block; width:100%; height:auto; 
}
.RickshawHeritage-Title{ 
	font-family:'Raleway', sans-serif; font-weight:800; color:#2a2620; text-transform:uppercase; letter-spacing:1px; line-height:1.28; text-align:center; 
}
.RickshawHeritage-Title span{ 
	display:block; 
}
.RickshawHeritage-Eyebrow{ 
	font-family:'Raleway', sans-serif; font-weight:600; font-style:italic; letter-spacing:0.5px; color:#4d4737; text-align:center;
}
.RickshawHeritage-Tagline{ 
	font-family:'Raleway', sans-serif; font-weight:600; letter-spacing:3px; text-transform:uppercase; text-align:center; color:#2a2620;
}
.RickshawHeritage-Text p{ 
	font-family:'Nunito', sans-serif; line-height:1.8; color:#312c22;
}
.RickshawHeritage-Text p:last-child{ 
	margin-bottom:0; 
}

/* Investment Journey  */
.InvestmentJourney{ 
	position:relative; overflow:hidden; background:linear-gradient(160deg, #0c1622 0%, #11202f 50%, #0a141e 100%); 
}
.InvestmentJourney-Denim{ 
	position:absolute; inset:0; pointer-events:none; opacity:0.5; background-image:repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0px, rgba(255,255,255,0.05) 2px, transparent 2px, transparent 5px), repeating-linear-gradient(-45deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 1px, transparent 1px, transparent 5px); 
}
.InvestmentJourney::before{ 
	content:""; position:absolute; left:0; right:0; pointer-events:none; 
}
.InvestmentJourney-Frame{ 
	position:relative; z-index:1; margin:0 auto; 
}
.InvestmentJourney-Eyebrow{ 
	font-family:'comfortaa', sans-serif; font-weight:800; letter-spacing:3px; text-transform:uppercase; color:#996600; text-align:center; opacity:0; transform:translateY(10px); transition:opacity 0.6s ease, transform 0.6s ease; 
}
.InvestmentJourney.is-visible .InvestmentJourney-Eyebrow{ 
	opacity:1; transform:translateY(0); 
}
.InvestmentJourney-Patches{ 
	display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap;
}
.InvestmentJourney-Patch{ 
	position:relative; box-sizing:border-box; background:linear-gradient(160deg, #a9784f 0%, #8a5d38 55%, #79502f 100%); box-shadow:0 18px 34px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.15); opacity:0; transform:translateY(24px); transition:opacity 0.7s ease, transform 0.7s ease; will-change:opacity, transform; border-radius:1px; 
}
.InvestmentJourney.is-visible .InvestmentJourney-Patch{ 
	opacity:1; transform:translateY(0); 
}
.InvestmentJourney-Patch::before{ 
	content:""; position:absolute; inset:7px; border-radius:1px; pointer-events:none; 
}
.InvestmentJourney-Flag{ 
	position:absolute; font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#1c2606; background:#b6f232; border-radius:999px; box-shadow:0 4px 10px rgba(0,0,0,0.3); white-space:nowrap; 
}
.InvestmentJourney-Patch-Title{ 
	font-family:'Poppins', sans-serif; font-weight:700; letter-spacing:1px; text-transform:uppercase; text-align:center; color:#2b1a0d; text-shadow:0 1px 0 rgba(255,224,180,0.35), 0 -1px 1px rgba(0,0,0,0.35); 
}
.InvestmentJourney-Patch-Subtitle{ 
	font-family:'Raleway', sans-serif; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; text-align:center; color:rgba(43,26,13,0.65);
}
.InvestmentJourney-Patch-Rule{ 
	width:60%; height:0;
}
.InvestmentJourney-Patch-Items{ 
	display:flex; justify-content:space-between; gap:10px; 
}
.InvestmentJourney-Patch-Item{ 
	flex:1; display:flex; flex-direction:column; align-items:center; text-align:center; 
}
.InvestmentJourney-Patch-Icon{ 
	position:relative; border-radius:50%; background:rgba(43,26,13,0.14); border:1.5px solid rgba(43,26,13,0.3); display:flex; align-items:center; justify-content:center; 
}
.InvestmentJourney-Patch-Icon img{ 
	width:50%; height:50%; object-fit:contain; filter:invert(85%) sepia(55%) saturate(500%) hue-rotate(-8deg) brightness(0.7) contrast(1.15); 
}
.InvestmentJourney-Check{ 
	position:absolute; border-radius:50%; background:#e3b569; border:1.5px solid #6e4423; display:flex; align-items:center; justify-content:center; color:#4a2e15;
}
.InvestmentJourney-Clock{ 
	position:absolute; border-radius:50%; background:#b6f232; border:1.5px solid #55650f; display:flex; align-items:center; justify-content:center; color:#3a4a0a; 
}
.InvestmentJourney-Patch-Item span{ 
	font-family:'Nunito', sans-serif; font-weight:700; line-height:1.3; color:#2b1a0d; white-space:nowrap; 
}
.InvestmentJourney-Patch-Note{ 
	display:block; font-family:'Nunito', sans-serif; font-weight:600;line-height:1.35; color:rgba(43,26,13,0.7); margin-top:3px; white-space:normal;
}


/* Fabric Tags  */
.FabricTags{ 
	position:relative; overflow:hidden; background-color:#e3d4ac; background-image:linear-gradient(160deg, rgba(255,255,255,0.12) 0%, rgba(0,0,0,0.04) 100%); 
}
.FabricTags-Texture{ 
	position:absolute; inset:0; pointer-events:none; opacity:0.55; will-change:opacity; 
}
.FabricTags-Frame{ 
	position:relative; z-index:1; margin:0 auto; text-align:center; 
}
.FabricTags-Eyebrow{ 
	font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#8a6329; 
}
.FabricTags-Title{ 
	font-family:'Poppins', sans-serif; font-weight:700; color:#2c2416;
}
.FabricTags-Row{ 
	display:grid; margin:0 auto; align-items:stretch; justify-content:center; 
}
.FabricTags-Card{ 
	position:relative; box-sizing:border-box; width:100%; height:100%; display:flex; flex-direction:column; background:#f7f0dd; border-radius:1px; box-shadow:0 12px 22px rgba(58,42,18,0.26); transform:rotate(var(--rot)) translateY(0); opacity:0; transition:opacity 0.7s ease, transform 0.35s ease, box-shadow 0.35s ease; will-change:opacity, transform;
}
.FabricTags.is-visible .FabricTags-Card{ 
	opacity:1; 
}
.FabricTags-Card:hover{ 
	transform:rotate(0deg) translateY(-8px) scale(1.03); box-shadow:0 18px 30px rgba(58,42,18,0.32); 
}
.FabricTags-Hole{ 
	position:absolute; top:14px; left:50%; transform:translateX(-50%); border-radius:50%; background:#1e1e1e; box-shadow:inset 0 2px 3px rgba(0,0,0,0.6); 
}
.FabricTags-IconWrap{ 
	display:flex; align-items:center; justify-content:center; flex-shrink:0; 
}
.FabricTags-IconWrap img{ 
	width:70%; height:70%; object-fit:contain; filter:invert(1) brightness(0.25) sepia(0.4) saturate(2) hue-rotate(-10deg); 
}
.FabricTags-Label{ 
	font-family:'Poppins', sans-serif; font-weight:700; letter-spacing:0.6px; text-transform:uppercase; color:#2c2416;
}
.FabricTags-Stitch{ 
	 width:70%; background-image:linear-gradient(to right, rgba(44,36,22,0.4) 0, rgba(44,36,22,0.4) 5px, transparent 5px, transparent 10px); background-size:10px 1px; background-repeat:repeat-x; 
}
.FabricTags-Values{ 
	font-family:'Courier New', monospace; font-weight:700; letter-spacing:0.3px; line-height:1.8; color:#1c1408 !important; text-align:center; margin:0; flex:1; display:flex; align-items:center; justify-content:center; 
}
@media (max-width:820px){
	.FabricTags{ padding:72px 24px; }
	.FabricTags-Row{ grid-template-columns:1fr; max-width:340px; gap:28px; }
}

/* indigo scraf */
.IndigoScarf{ 
	position:relative; overflow:hidden; background:linear-gradient(155deg, #101b2c 0%, #16233a 55%, #0c141f 100%); 
}
.IndigoScarf-Frame{ 
	margin:0 auto; display:grid; align-items:stretch; 
}
.IndigoScarf-Content{ 
	display:flex; flex-direction:column; justify-content:center; 
}
.IndigoScarf-Mark{ 
	display:flex; flex-direction:column; align-items:center; opacity:0; transform:translateY(10px); transition:opacity 0.6s ease 0.05s, transform 0.6s ease 0.05s;
}
.IndigoScarf-Eyebrow{ 
	font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#c9b98a; opacity:0; transform:translateY(10px); transition:opacity 0.6s ease, transform 0.6s ease;
}
.IndigoScarf.is-visible .IndigoScarf-Eyebrow{ 
	opacity:1; transform:translateY(0); 
}
.IndigoScarf.is-visible .IndigoScarf-Mark{ 
	opacity:1; transform:translateY(0); 
}
.IndigoScarf-Wordmark{ 
	font-family:'Poppins', sans-serif; font-weight:800; letter-spacing:1px; color:#f5f3ec; 
}
.IndigoScarf-Tagline{ 
	font-family:'Raleway', sans-serif; font-weight:600; letter-spacing:14px; text-transform:uppercase; color:rgba(245,243,236,0.75); 
}
.IndigoScarf-Subtitle{ 
	font-family:'Nunito', sans-serif; font-weight:600; color:#9fb2cf; opacity:0; transform:translateY(10px); transition:opacity 0.6s ease 0.1s, transform 0.6s ease 0.1s;  text-align: center;
}
.IndigoScarf.is-visible .IndigoScarf-Subtitle{ 
	opacity:1; transform:translateY(0); 
}
.IndigoScarf-Text{ 
	opacity:0; transform:translateY(10px); transition:opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s; 
}
.IndigoScarf.is-visible .IndigoScarf-Text{ 
	opacity:1; transform:translateY(0); 
}
.IndigoScarf-Text p{ 
	font-family:'Nunito', sans-serif; line-height:1.75; color:rgba(245,243,236,0.85); 
}
.IndigoScarf-Text p:last-child{ 
	margin-bottom:0; 
}
.IndigoScarf-Badge{ 
	display:inline-flex; align-self:flex-start; border-radius:999px; border:1.5px dashed rgba(201,185,138,0.55); color:#e7dcb8; font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; opacity:0; transform:translateY(10px); transition:opacity 0.6s ease 0.2s, transform 0.6s ease 0.2s; 
}
.IndigoScarf.is-visible .IndigoScarf-Badge{ 
	opacity:1; transform:translateY(0); 
}
.IndigoScarf-Media{ 
	position:relative; 
}
.IndigoScarf-Media-Img{ 
	position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; 
}
.IndigoScarf-Media::after{ 
	content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(16,27,44,0.4), rgba(16,27,44,0) 20%); pointer-events:none; 
}

/* Go Green Banner */
.GoGreenBanner{ 
	position:relative; overflow:hidden; display:flex; align-items:center; background:linear-gradient(115deg, #0f2417 0%, #16341f 55%, #0c1f14 100%); 
}
.GoGreenBanner-Texture{ 
	position:absolute; inset:0; pointer-events:none; opacity:0.6; background-image:
	radial-gradient(circle at 8% 20%, rgba(182,242,50,0.10), transparent 45%),
	radial-gradient(circle at 92% 80%, rgba(182,242,50,0.08), transparent 50%); 
}
.GoGreenBanner-Frame{ 
	position:relative; z-index:1; width:100%; margin:0 auto; display:flex; align-items:center;opacity:0; transform:translateY(14px); transition:opacity 0.6s ease, transform 0.6s ease; will-change:opacity, transform; 
}
.GoGreenBanner.is-visible .GoGreenBanner-Frame{ 
	opacity:1; transform:translateY(0); 
}
.GoGreenBanner-Icon{ 
	flex:0 0 auto; border-radius:50%; background:rgba(182,242,50,0.12); border:1.5px solid rgba(182,242,50,0.4); display:flex; align-items:center; justify-content:center; color:#b6f232; 
}
.GoGreenBanner-Text{ 
	flex:1 1 auto; min-width:0; 
}
.GoGreenBanner-Eyebrow{ 
	font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:#b6f232; 
}
.GoGreenBanner-Title{ 
	font-family:'Poppins', sans-serif; font-weight:700; line-height:1.25; color:#f2f7ec; 
}
.GoGreenBanner-Subtitle{ 
	font-family:'Nunito', sans-serif; font-weight:500; line-height:1.55; color:rgba(242,247,236,0.72); margin:0; 
}
.GoGreenBanner-Cta{ 
	flex:0 0 auto; display:inline-flex; align-items:center; border-radius:999px; background:#b6f232; color:#16341f; font-family:'Poppins', sans-serif; font-weight:700; letter-spacing:0.4px; text-decoration:none; white-space:nowrap; transition:background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; box-shadow:0 8px 18px rgba(182,242,50,0.25);
}
.GoGreenBanner-Cta svg{ 
	transition:transform 0.25s ease; 
}
.GoGreenBanner-Cta:hover{ 
	background:#c9ff55; transform:translateY(-2px); box-shadow:0 12px 24px rgba(182,242,50,0.35); 
}
.GoGreenBanner-Cta:hover svg{ 
	transform:translateX(3px); 
}


/* PERFORMANCE */
@media (prefers-reduced-motion: reduce){
	.AdrianoTribute-Media-Glow{ 
		animation:none !important; 
	}
	.InvestmentJourney-Eyebrow,
	.InvestmentJourney-Patch,
	.FabricTags-Card,
	.GoGreenBanner-Frame,
	.IndigoScarf-Eyebrow,
	.IndigoScarf-Mark,
	.IndigoScarf-Subtitle,
	.IndigoScarf-Text,
	.IndigoScarf-Badge{
		transition:none !important; opacity:1 !important; transform:none !important;
	}
}



/*===================================================================================*/
/*======================== AWARD ACCREDITATION PAGE Design ==========================*/
.framehide-award{
	min-width: 100%; max-width:100%!important; min-height: 100vh; position: absolute; top: 0; z-index:1; background: rgb(0,0,0, .75); background: linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(255,255,255,0) 25%);
}

/* AWARD ACCREDITATION PAGE - CAROUSEL START */
.aw-slider {
	position: relative; width: 100%; overflow: hidden; 
}
.aw-slide {
	position: absolute; inset: 0; opacity: 0; transition: opacity 1.1s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none;
}
.aw-slide.active {
	opacity: 1; pointer-events: auto;
}
.aw-slide img {
	display: block; width: 100%; height: 100%; object-fit: cover;
}
.aw-slide-overlay {
	position: absolute;	inset: 0; 
	background: linear-gradient(
			to top,	rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.2) 40%,	transparent 70%
	);
}
/* lime accent bar (kept from your original design) */
.aw-slide-accent {
	position: absolute;	bottom: 0;	left: 0; width: 0px; height: 100%; background: none; z-index: 5;
}
.aw-slide-info {
	position: absolute;	bottom: 0; left: 0;	right: 0; transform: translateY(28px); opacity: 0; transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.75s ease; z-index: 10;
}
.aw-slide.active .aw-slide-info {
	transform: translateY(0); opacity: 1; transition-delay: 0.35s;
}
.aw-slide-info h5 {
	font-weight: 300; letter-spacing: -0.01em; color: #fff;  margin: 0;
}
/* Progress bar */
.aw-progress {
	position: absolute;	bottom: 0; left: 0; right: 0;  background: rgba(255,255,255,0.15);	z-index: 20;
}
.aw-progress-fill {
	height: 100%; background: #b7b8bc;	width: 0%;	transition: width linear;
}
/* Nav arrows */
.aw-nav {
	position: absolute;	top: 50%; transform: translateY(-50%); z-index: 20; background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.18); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; backdrop-filter: blur(.1px); -webkit-backdrop-filter: blur(.1px); transition: background 0.2s, border-color 0.2s, transform 0.2s; line-height: 1;
}
.aw-nav:hover {
	background: rgba(255,255,255,0.18); border-color: rgba(255,255,255,0.4); transform: translateY(-50%) scale(1.06);
}
.aw-nav-prev { 
	left: 2.5vw; 
}
.aw-nav-next { 
	right: 2.5vw; 
}
/* Dots */
.aw-dots {
	position: absolute;	display: flex; gap: 7px; z-index: 20; align-items: center;
}
.aw-dot {
	 background: rgba(255,255,255,0.35); cursor: pointer; border: none; padding: 0; transition: background 0.3s, width 0.3s;
}
.aw-dot.active {
	background: #b8f000; width: 20px;
}
/* Counter */
.aw-counter {
	position: absolute; z-index: 20; color: rgba(255,255,255,0.5); letter-spacing: 0.08em;
}
.aw-counter strong {
	color: #fff; font-weight: 300;
}


/*Award Accreditation - Hall of Fame Section*/
.addPadding{
	background-clip: padding-box; -webkit-transition: all .5s ease-in; transition: all .5s ease-in;
}
.Hall-Fame{
	position:relative;
}
.Hall-Fame::before{
	content:""; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%;   background-image:linear-gradient(rgba(0, 0, 0, 0.75), rgba(0,0,0,0.75)), url(/envoy/images/award_accreditation/background/bg.webp); background-repeat:no-repeat, no-repeat; background-position:center center, center center; background-attachment:scroll, scroll; -webkit-background-size:cover, cover; -moz-background-size:cover, cover; -o-background-size:cover, cover; background-size:cover, cover; z-index:-1;
}

.Hall-Fame-Total{
	position: relative;	display: flex; flex-direction: column; align-items: flex-end; text-align: right; 
}
.Hall-Fame-Total-Num{
	font-family: 'Roboto', sans-serif; font-weight: 600; color: var(--lime); line-height: 1; 
}
.Hall-Fame-Total-Label{
	font-weight: 400; text-transform: none; letter-spacing: normal; color: #c8c8c8; 
}

.award-wrapper{
  	overflow: hidden; width: 100%;
}
.Award-Box{
	box-shadow: rgba(208, 230, 255, 0.3) 0px 0px 0px 3px; background:  rgba(45, 45, 45, .70); opacity: 0;  transform: translateX(70px); transition: all 0.6s ease; border-radius: 5px;
}
.Award-Box.show {
  	opacity: 1;  transform: translateX(0);
}
.fa-ul{
	margin-bottom:0px; padding-left: 0 !important; margin-left: 0 !important;
}
.fa-ul h2{
	display:inline-block; width:100%; white-space: normal; font-weight:500; color:var(--lime); text-transform: uppercase; letter-spacing: .025em;

	.fa-ul h2{
	display:inline-block; width:100%; white-space: normal; font-weight:700; text-transform: uppercase; letter-spacing: .02em;  text-shadow: 0 1.5px 0 rgba(255,255,255,.18), 0 -1.5px 2px rgba(0,0,0,.9), 0 0 10px rgba(194,236,46,.25);
}
}
.Award-Category{
	color: #c8c8c8; font-weight: 400; letter-spacing: .02em;
}
.Award-Year{
	display:inline-block; background-color: rgba(0, 0, 0, 0.05); border-style:solid; border-color: rgba(255, 255, 255, .15); color: #c8c8c8;
}
.Award-Year label {
	display: inline-block; text-align: center; width: 100%;
}
.Award-Blockquote{
	font-style:italic; color: #c8c8c8; border-left:3px solid rgba(139,139,139,.5); position: relative; display:inline-block; background: rgba(0,0,0,.15); letter-spacing: .02em; font-weight: 300;
}
.Award-Blockquote::before{
	color:#3399ff; position: absolute;
}	
.scroll-down {
	opacity: 1; -webkit-transition: all .5s ease-in 3s; transition: all .5s ease-in 3s;
}
.scroll-down {
	position: absolute; display: block; background-size: 14px auto; border-radius: 50%; z-index: 10; -webkit-animation: bounce 2s infinite 2s; animation: bounce 2s infinite 2s;  -webkit-transition: all .2s ease-in; transition: all .2s ease-in;
}
.scroll-down:before {
    position: absolute; top: calc(50% - 8px); left: calc(50% - 6px);  transform: rotate(-45deg); display: block; width: 12px; height: 12px; content: ""; border: 10px solid white; border-width: 0px 0 2px 2px;
}
@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);
	}
	60% {
		-webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);
	}
}


/*Award Accreditation - Certification/Accreditation Section*/
#Cert-Text-V2{
	padding: 60px 0 40px;
}
.Cert-Title{
	position:relative; margin:0; text-align:center; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#1a1a1a;
}
.Cert-Title::after{
	content:"";	position:absolute; left:50%; bottom:0; transform:translateX(-50%); border-radius:2px; background:var(--ink, #1a1a1a);
}
#Web-Certificate{
	position:relative; max-width:100%; overflow-x:hidden; box-shadow: 0px -30px 20px -30px rgba(0, 0, 0, 0.25), 0px 30px 20px -30px rgba(0, 0, 0, 0.25);
}
.cert-showcase{
	position: relative;
}
.cert-logo-grid{
	display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); justify-items: stretch;
}
.cert-logo-card{
	--card-radius: 1px;	position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1;	border-radius: var(--card-radius);background: linear-gradient(115deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.06) 100%), linear-gradient(160deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.05) 100%); -webkit-backdrop-filter: blur(10px) saturate(140%); backdrop-filter: blur(2px) saturate(140%); border: 2px dashed transparent; box-shadow: 0 4px 12px rgba(20,30,60,0.08); transition: box-shadow .3s ease, background .3s ease; cursor: pointer; text-decoration: none; content-visibility: auto; contain-intrinsic-size: 180px 180px;
}	
.cert-logo-card::before{
	content: ""; position: absolute; pointer-events: none;  border-top-left-radius: 1px; transition: border-color .3s ease; height:62px;
}
.cert-logo-card::after{
	content: ""; position: absolute; pointer-events: none; border-bottom-right-radius: 1px; transition: border-color .3s ease; height:62px;
}
.cert-logo-card img{
	position: relative; z-index: 1;	max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; filter: drop-shadow(0 -1px 0 rgba(255,255,255,0.55)) drop-shadow(0 3px 5px rgba(0,0,0,0.16)); transition: transform .3s ease; min-width: 100%;
}
.cert-logo-card:hover,
.cert-logo-card:focus-visible{
	background: linear-gradient(115deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.06) 100%), linear-gradient(160deg, rgba(255,255,255,0.32) 0%, rgba(255,255,255,0.12) 100%); box-shadow: 0 14px 22px rgba(20,30,60,0.16);	outline: none;
}
.cert-logo-card:hover img,
.cert-logo-card:focus-visible img{
	transform: translateY(-8px);
}
.cert-logo-card:hover::before,
.cert-logo-card:hover::after,
.cert-logo-card:focus-visible::before,
.cert-logo-card:focus-visible::after{
	border-color: var(--ink);
}
@media (prefers-reduced-motion: reduce){
	.cert-logo-card, .cert-logo-card img{ transition: none; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
	.cert-logo-card{ background: rgba(255,255,255,0.85); }
}
.no-cert-popup{
	position:absolute; z-index:3; top:50%; left:50%; transform:translate(-50%,-50%) scale(.92);		background:rgba(20,20,20,0.88); color:#fff; font-weight:400; letter-spacing:.6px; text-transform:uppercase; border-radius:4px; white-space:nowrap;	opacity:0; pointer-events:none;	transition:opacity .25s ease, transform .25s ease;
}
.no-cert-popup.show{ 
	opacity:1; transform:translate(-50%,-50%) scale(1); 
}

/* Light Box for Certificate/Accreditation */
#lightbox{
	position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100vh !important; overflow-y: auto;  overflow-x: hidden;-webkit-overflow-scrolling: touch; display: flex; align-items: safe center; justify-content: safe center; box-sizing: border-box;
}
.lb-outerContainer{
	background-color:#f0e8d6; border-radius: 1px; position: relative; margin: 0 auto; flex-shrink: 0;
}
.lb-image{
	border-radius: 1px; max-width: 100%;
}
.lb-container{
	max-height: 100vh; overflow-x: hidden; overflow-y: hidden; box-sizing: border-box;
}
.lb-dataContainer{
	display: none !important;
}

/* Top toolbar */
.lb-toolbar{
	position:absolute; z-index:10; display:flex;
}
.lb-toolbar-btn{
	padding:0; border:none; border-radius:50%; background:rgba(20,20,20,0.55); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; transition: background .2s ease;
}
.lb-toolbar-btn:hover,
.lb-toolbar-btn:focus-visible{
	background:rgba(20,20,20,0.8);	outline:none;
}

/* Full screen mode */
.lb-outerContainer:fullscreen,
.lb-outerContainer:-webkit-full-screen{
	background:#000; display:flex; align-items:center; justify-content:center; width:100vw; height:100vh;
}
.lb-outerContainer:fullscreen .lb-container,
.lb-outerContainer:-webkit-full-screen .lb-container{
	padding:0;
}
.lb-outerContainer:fullscreen .lb-image,
.lb-outerContainer:-webkit-full-screen .lb-image{
	max-width:100vw !important; max-height:88vh !important; width:auto !important; height:auto !important; object-fit:contain;
}

/* Additional Certificate Text Format */
#Web-Certificate-text{
	position:relative; max-width:100%; overflow-x:hidden;
}
.Web-Certificate-Text-Bg-V1{
	background: linear-gradient(rgba(247, 244, 239, 0.75), rgba(247, 244, 239, 0.75)), /* overlay */ url(/envoy/images/award_accreditation/background/text_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center center; box-shadow: 0px -30px 20px -30px rgba(0, 0, 0, 0.25), 0px 30px 20px -30px rgba(0, 0, 0, 0.25);
}
.Web-Certificate-Text-Bg-V2{
	background: linear-gradient(rgba(188, 188, 188, 0.75), rgba(188, 188, 188, 0.75)); box-shadow: 0px -30px 20px -30px rgba(0, 0, 0, 0.25), 0px 30px 20px -30px rgba(0, 0, 0, 0.25);
}
.fa-ul-cr {
  --icon-space: 1.3em; list-style: none;
}
.fa-ul-cr li {
  padding-left: var(--icon-space);
}
.fa-ul-cr li:before {
  content: "\f00c"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; margin-left: calc( var(--icon-space) * -1 ); width: var(--icon-space);
}


/*==================================================================================================*/
/*===================================== Client Page Design =========================================*/
.Web-Clients-Cp{
  margin: -10px; background: none; overflow: hidden;
}
.Web-Clients-Cp h4{
  color:#616161
}
.clients-cp{
	text-align:center; margin-top:5px; margin-bottom:5px;
}
.btn-client-cp{
	display: inline-block; position: relative; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; transition: all 0.3s ease-in-out; cursor: pointer;
}
.btn-client-cp:before{
	content: ''; background: #003166; display: block; position: absolute; bottom: 0px;  left: 0; width: 0; height: 5px; transition: all 0.3s ease-in-out;
}
.btn-client-cp:hover {
	background-position: 1; box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.btn-client-cp:hover::before{
	width: 100%; border-radius:5px; 
}


/* Map Section */
.overview-map{
	position: relative;
}
.map-main{
	width: 100%;
}
.overview-map,
.map-slider {
	background: #000927; 
}
.map-slider {
	position: relative; aspect-ratio: 1920 / 937; overflow: hidden; 
}
.map-slider .map {
	position: absolute;	top: 0; left: 0; width: 100%; height: 100%; background:none; opacity: 0.25; visibility: hidden;	pointer-events: none; transition: opacity 0.9s ease-in-out, visibility 0s linear 0.9s;
}
.map-slider .map.active {
	opacity: 1;	visibility: visible; pointer-events: auto; transition: opacity 0.15s ease-in-out, visibility 0s linear 0s;
}

/*================================================================================================*/
/*===================================== Top Executive Page Design ================================*/

/*Top Executive Page Information*/
#Web-Exe-Row{
	box-shadow: rgba(33, 35, 38, 0.45) 0px 10px 10px -10px;
}
#Web-Exe{
	opacity: 0; transform: translateY(80px); transition: all 0.8s ease; will-change: transform, opacity;
}
#Web-Exe.show{
    opacity: 1;
    transform: translateY(0);
}
#Web-Exe-Pic-BG{
	/* background:url(/envoy/images/top_executive/bg-img.png); background-repeat: no-repeat; background-size: cover; background-position: center center;*/ background:none
}
#Web-Exe-Pic-BG img{
	/* border-radius:50%;*/ margin:auto; box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
#Web-Exe-Details{
	 text-align: justify;
}
#Exe-Designation{
	background-color: #c8ccd1;  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; display:inline-block; color:#000; border-radius: 20px; font-weight: 400;
}

/*====================================================================================*/
/*===================== About Envoy Textiles Page Design =============================*/
/* LEFT animation */
.fade-left {
    opacity: 0;
    transform: translateX(-60px);
    transition: all 0.95s ease;
}

/* RIGHT animation */
.fade-right {
    opacity: 0;
    transform: translateX(60px);
    transition: all 0.95s ease;
}

/* WHEN VISIBLE */
.fade-left.show,
.fade-right.show {
    opacity: 1;
    transform: translateX(0);
}

/*Home Timeline Information*/
.background-section{
	position: relative; min-height: 400px; overflow: hidden; padding-bottom: 60px;
}
.background-section::before{
	content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%;	height: 100%;	background: rgb(232,232,232); z-index: 0; 
}
.Web-Timeline-Main{
	position:relative;
}
.Web-Timeline-Main::before{
	content:""; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%;   background-image:linear-gradient(rgba(0, 0, 0, 0.75), rgba(0,0,0,0.75)), url(/envoy/images/about_envoy/bg.webp); background-repeat:no-repeat, no-repeat; background-position:center center, center center; background-attachment:scroll, scroll; -webkit-background-size:cover, cover; -moz-background-size:cover, cover; -o-background-size:cover, cover; background-size:cover, cover; z-index:-1;
}
#Web-Timeline {
  	position: relative; margin: 0 auto; 
}
/* BASE */
.Web-Timeline-Border-Left,
.Web-Timeline-Border-Right {
  	position: relative;  overflow: hidden; margin-top: -3.75px; border: 4px solid transparent;
}
/* LEFT SIDE */
.Web-Timeline-Border-Left {
  	border-image: linear-gradient(90deg, #737373 20%,  #c0c0c0 50%,  transparent 70%) 1;
}
/* RIGHT SIDE */
.Web-Timeline-Border-Right {
  	border-image: linear-gradient(270deg, #737373 20%, #c0c0c0 50%, transparent 70%) 1;
}
/* TIMELINE CONTENT */
#Web-Timeline-Textarea-Left h1{
	display:inline-block; width:100%; text-align:center; font-weight:900; color:#8c8c8c;
}
#Web-Timeline-Textarea-Left Ul{
	display:inline-block; text-align: justify; hyphens: auto; -webkit-hyphens: auto; 
}
#Web-Timeline-Textarea-Left li{
	 list-style: none; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;  text-align: right; background: rgba(0, 0, 0, 0.75); border-radius: 5px 5px 5px 5px; color:rgba(170, 170, 170, 0.95); border-style: solid; border-width: 0px 4px 0px 0px; border-color: rgba(190, 190, 190, 0.95); 
}
#Web-Timeline-Textarea-Left li b{
	color:rgb(220, 220, 220); font-weight:500; text-transform: uppercase;
}
#Web-Timeline-Textarea-Right h1{
	display:inline-block; width:100%; text-align:center; font-weight:900; color:#cccccc;
}
#Web-Timeline-Textarea-Right Ul{
	display:inline-block;  text-align: justify; hyphens: auto; -webkit-hyphens: auto;
}
#Web-Timeline-Textarea-Right li{
	list-style: none; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; text-align: left; background: rgba(0, 0, 0, 0.75); border-radius: 5px 5px 5px 5px; color:rgba(170, 170, 170, 0.95); border-style: solid; border-width: 0px 0px 0px 4px; border-color: rgba(190, 190, 190, 0.95); margin-bottom: 20px; padding:25px; 
}
#Web-Timeline-Textarea-Right li b{
	color:rgb(220, 220, 220); font-weight:500; text-transform: uppercase;
}
ul.dashed-list {
    list-style: none outside none;
}
ul.dashed-list li {
    list-style-type: square;
}


/*====================================================================================*/
/*================ Facilities:Denim Production Textiles Page Design ==================*/
	.accordion {
		padding:0px 10px; text-align: justify;
	}
	.accordion-button strong{
		color:rgb(0, 7, 101)
	}


	/* hero-carousel */
	.envoy-hero-carousel {
		height: 100vh; height: 100dvh; max-height: 100vh; max-height: 100dvh; overflow: hidden; background:#00001a
	}
	.envoy-hero-carousel .carousel-inner,
	.envoy-hero-carousel .carousel-item {
		height: 100%;
	}
	.envoy-hero-carousel .carousel-item img {
		min-height:100%; object-fit: contain; transform: scale(1); filter: contrast(1.06) saturate(1.1) brightness(1.02); -webkit-user-drag: none; user-select: none; margin: 0 auto;
	}
	/* slow Ken Burns zoom  */
	.envoy-hero-carousel .carousel-item.active img {
		animation: envoyKenBurns 7s cubic-bezier(.25,.46,.45,.94) forwards;
	}
	@keyframes envoyKenBurns {
		from {  transform: scale(1);  }
		to { transform: scale(1.06);  }
	}
	.envoy-hero-carousel .carousel-item.enter-up {
		animation: envoyEnterUp .9s cubic-bezier(.16,1,.3,1) both;
	}
	.envoy-hero-carousel .carousel-item.enter-down {
		animation: envoyEnterDown .9s cubic-bezier(.16,1,.3,1) both;
	}
	.envoy-hero-carousel .carousel-item.enter-left {
		animation: envoyEnterLeft .9s cubic-bezier(.16,1,.3,1) both;
	}
	.envoy-hero-carousel .carousel-item.enter-right {
		animation: envoyEnterRight .9s cubic-bezier(.16,1,.3,1) both;
	}
	@keyframes envoyEnterUp {
		from { transform: translateY(9%); }
		to   { transform: translateY(0); }
	}
	@keyframes envoyEnterDown {
		from { transform: translateY(-9%); }
		to   { transform: translateY(0); }
	}
	@keyframes envoyEnterLeft {
		from { transform: translateX(-9%); }
		to   { transform: translateX(0); }
	}
	@keyframes envoyEnterRight {
		from { transform: translateX(9%); }
		to   { transform: translateX(0); }
	}
	/* flat tint that sits directly on the image */
	.envoy-hero-overlay {
		position: absolute; inset: 0; z-index: 4; pointer-events: none;	
	}
	/* stronger + wider top/bottom bands */
	.envoy-hero-scrim {
		position: absolute; inset: 0; z-index: 5; pointer-events: none; background: linear-gradient(to top, rgba(0,0,0,.95) 0%, rgba(0,0,0,0) 40%), linear-gradient(to bottom, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 30%);
	}
	.envoy-hero-grain {
		position: absolute; inset: 0; z-index: 5; pointer-events: none;	opacity: .05; mix-blend-mode: overlay;
	}
	/* Carousel caption */
	.envoy-hero-carousel .carousel-caption {
		position: absolute; left: 0; right: 0; bottom: 0; width: 100%; margin: 0; z-index: 0; z-index: 10; text-align: right; left: auto; display: block; width: auto;  padding: 0; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; border: none; border-radius: 0; box-shadow: none;
	}
	.envoy-hero-carousel .carousel-caption h5 {
		animation: floatIn 0.8s ease forwards;
	}
	/* RUN ANIMATION */
	@keyframes floatIn {
		0% {
			opacity: 0;
			transform: translateY(50px);
		}
		100% {
			opacity: 1;
			transform: translateY(-5px);
		}
	}
	.envoy-hero-carousel .carousel-caption .envoy-caption-title {
		margin: 0 !important; letter-spacing: -.01em !important; line-height: 1.08 !important; color: #fff !important; text-shadow: 0 8px 30px rgba(0,0,0,.65), 0 2px 8px rgba(0,0,0,.55); opacity: 0; transform: translateY(18px);	transition: opacity .55s ease .12s, transform .55s cubic-bezier(.16,1,.3,1) .12s; font-weight: 500 !important; font-family: 'raleway', sans-serif;
	}
	/* staggered reveal */
	.envoy-hero-carousel .carousel-item.active .envoy-caption-rule.is-in {
		opacity: 1;	transform: scaleX(1);
	}
	.envoy-hero-carousel .carousel-item.active .envoy-caption-title.is-in {
		opacity: 1;	transform: translateY(0);
	}

	/* indicators */
	.envoy-hero-carousel .carousel-indicators {
		z-index: 15; top: auto; left: auto; transform: none; width: auto; margin: 0; flex-direction: row; align-items: center; justify-content: flex-end;
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target] {
		position: relative; border-radius: 50%; background-color: rgba(255,255,255,.35); border: 0; opacity: 1; overflow: hidden; transition: background-color .25s ease, width .25s ease, height .25s ease, box-shadow .25s ease;
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target].active {
		background-color: rgba(217,190,122,.3); box-shadow: 0 0 12px rgba(217,190,122,.6);
	}
	.envoy-indicator-fill {
		position: absolute;	inset: 0; border-radius: 50%; background: #c1f433;	transform: scale(0); transform-origin: center;
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target].active .envoy-indicator-fill.is-filling {
		animation: envoyIndicatorFillDot linear forwards; animation-duration: var(--envoy-interval, 6000ms);
	}
	@keyframes envoyIndicatorFillDot {
		from {
			transform: scale(0);
		}
		to   {
			transform: scale(1);
		}
	}

	/* arrows */
	.envoy-hero-carousel .control-btn {
		z-index: 10; top: auto; transform: none; border-radius: 50%; background: transparent; border: 1px solid rgba(255,255,255,.4); backdrop-filter: none; -webkit-backdrop-filter: none; opacity: 1; transition: background .2s ease, transform .2s ease, border-color .2s ease;
	}
	.envoy-hero-carousel .control-btn:hover {
		background: rgba(217,190,122,.15);	border-color: #d9be7a; transform: scale(1.08);
	}
	.envoy-hero-carousel .carousel-control-prev {
		left: auto;
	}
	.envoy-hero-carousel .carousel-control-next {
		left: auto;
	}

	@media (prefers-reduced-motion: reduce) {
		.envoy-hero-carousel .carousel-item.active img {
			animation: none !important;
		}
		.envoy-hero-carousel .carousel-item {
			animation: none !important;
		}
		.envoy-caption-rule, .envoy-caption-title {
			transition: none !important; opacity: 1 !important; transform: none !important;
		}
		.envoy-indicator-fill.is-filling {
			animation: none !important;
		}
	}
	

	/* Denim Production Details */
	.Production-Facility {
		background-color: #ece2cd; box-shadow: inset 0 0 90px rgba(110, 86, 40, .16);
		background-image:
			repeating-linear-gradient(90deg, rgba(120,95,45,.06) 0px, rgba(120,95,45,.06) 1px, transparent 1px, transparent 5px),
			repeating-linear-gradient(0deg, rgba(120,95,45,.035) 0px, rgba(120,95,45,.035) 1px, transparent 1px, transparent 5px),
			radial-gradient(120% 70% at 50% 0%, rgba(255,252,244,.65), transparent 60%);
	}
	.envoy-facility-block {
		margin: 0 auto; position: relative;
	}
	.envoy-facility-heading {
		position: relative; z-index: 1;
	}
	.envoy-facility-eyebrow {
		display: inline-block; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: #0e0069;
	}
	.envoy-facility-tagline {
		margin: 0; font-weight: 800; letter-spacing: -.01em; line-height: 1.25; color: #241d10;	text-shadow: 0 1px 0 rgba(255,255,255,.55); position: relative;
	}
	.envoy-facility-tagline::after {
		content: ''; position: absolute; left: 0; bottom: 0; height: 0;
	}
	/* stats */
	.envoy-facility-stats {
		display: grid; position: relative; z-index: 1;
	}
	.envoy-stat-card {
		position: relative;	display: flex; flex-direction: column; background: repeating-linear-gradient(30deg,#10243e,#162e50 2px,#1b3a64 4px); border: 1px solid #e4d6ae;	clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);	box-shadow: 0 16px 30px rgba(74, 58, 20, .16); transition: transform .25s ease, box-shadow .25s ease;
	}
	.envoy-facility-stats .envoy-stat-card:nth-child(1) { transform: rotate(-1.3deg); }
	.envoy-facility-stats .envoy-stat-card:nth-child(2) { transform: rotate(.8deg); }
	.envoy-facility-stats .envoy-stat-card:nth-child(3) { transform: rotate(-.5deg); }
	.envoy-stat-card:hover {
		transform: translateY(-4px) rotate(0deg);
		box-shadow: 0 22px 40px rgba(74, 58, 20, .22);
	}
	/* like a swing tag */
	.envoy-stat-card::before {
		content: ''; position: absolute; border-radius: 50%; background: #ece2cd; border: 1.5px solid #c9b581; box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
	}
	.envoy-stat-number {
		font-weight: 700; letter-spacing: -.01em; color:#ece2cd;
	}
	.envoy-stat-label {
		font-weight: 500; color: #c5c5c5; line-height: 1.35;
	}
	.envoy-facility-block .fac_prg {
		position: relative;	z-index: 1; color: #2c2716;
	}

	@media (max-width: 900px) {
		.envoy-facility-stats {
			grid-template-columns: 1fr 1fr;
		}
	}
	@media (max-width: 560px) {
		.envoy-facility-block {
			padding: 48px 16px 28px;
		}
		.envoy-facility-stats {
			grid-template-columns: 1fr;
		}
		.envoy-facility-stats .envoy-stat-card:nth-child(n) { transform: none; }
	}



/* Facility Sustainable Process Section */
	.fac_header{
		text-align:center;
	}
	.fac_header span{
		display:inline-block; border-radius:999px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);color:#dcffe3;  letter-spacing:1px; 
	}
	/* grid */
	.fac_facility{
		position:relative; display:flex; flex-wrap:wrap; justify-content:center; cursor:pointer;
	}
	.fac_facility::before{
		content:""; position:absolute; top:50%; left:5%; width:90%; opacity:.35;
	}
	/* cards */
	.fac_step{
	position:relative; overflow:hidden; background:rgba(0,0,0,.15); border:1px solid rgba(255,255,255,.08);   min-height:420px; opacity:0; animation:fadeUp .5s ease forwards;  transition: transform .25s ease, border-color .25s ease, background .25s ease; will-change:auto; box-sizing:border-box;
	}
	/* glow */
	.fac_step::before{
	content:""; position:absolute; border-radius:50%; background:radial-gradient(circle,rgba(118, 208, 235, 0.35), transparent 70%); opacity:0; transition:opacity .3s ease; pointer-events:none;
	}
	.fac_step:hover{
		transform:translateY(-6px);	border-color:rgba(255,255,255,.16); background:rgba(0,0,0,.5);
	}
	.fac_step:hover::before{
	opacity:1;
	}
	/* number */
	.fac_num{
	position:absolute; top:18px; right:20px; color:rgba(255,255,255,.3); font-weight:700;
	}
	/* icon */
	.fac_icon{
	display:grid; place-items:center; position:relative;  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); 
	}
	.fac_icon::before{
		content:""; position:absolute; inset:-2px; border-style: solid; border-color: #fff;
		background: linear-gradient(transparent, transparent) padding-box, linear-gradient(135deg, transparent, transparent) border-box; animation:spin 6s linear infinite; 
	
		border-radius:24px; border-width: 2px; padding:2px; /* for media query */
	}
	.fac_icon span{
	filter: grayscale(1) brightness(1);
	}
	/* title */
	.fac_step h3{
	color:#ffffff;
	}
	/* paragraph */
	.fac_step p{
	color:var(--muted); position:relative; transition:.35s ease; color:#ffffff;
	}
	/* highlight line */
	.fac_step p::before{
	content:""; position:absolute; height:0%; background:linear-gradient(to bottom,#8cffd9,#a5ffa3); transition:.4s ease; 

	}
	/* hover effect */
	.fac_step:hover p{
	color:#dcffe3; transform:translateX(0px); text-shadow:0 0 12px rgba(255,255,255,.14);
	}
	.fac_step:hover p::before{
	height:90%;
	}
	/* tag area */
	.fac_bottom{
	position:absolute; width:100%; left:0; display:flex; justify-content:center; align-items:center;
	}
	/* minimal tag */
	.fac_tag{
	font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#7bd8ff; position:relative;
	}
	/* underline animation */
	.fac_tag::after{
	content:""; position:absolute; left:50%; bottom:0; width:0%; transform:translateX(-50%); background:linear-gradient(to right,#8cffd9,#a5ffa3); border-radius:10px; transition:.35s ease;
	}

	.fac_step:hover .fac_tag::after{
	width:100%;
	}

	/* animations */
	@keyframes spin{
		to{
			transform:rotate(360deg)
		}
	}

	@keyframes fadeUp{
		from{
			opacity:0;
			transform:translateY(30px);
		}
		to{
			opacity:1;
			transform:translateY(0);
		}
	}



/*========================================================================================*/
/*==================== Facilities: Others Facility Page Design =========================*/
.OFHeroWrap{
	display:flex; flex-direction:column; height:100vh; height:100svh;
}
.OFHeroWrap .OFHero{ 
	flex:1 1 auto; min-height:75vh; background:orangered
}
.OFHeroWrap .OFBlank{ 
	flex:0 0 auto;
}
.OFHero{
	position:relative; overflow:hidden; isolation:isolate; max-height:100vh; max-height:100svh;  display:flex; align-items:flex-end; background:#0a1420; color:#fff;
}
.OFHero__bg{
	position:absolute; inset:-4%; z-index:-4; background-size:cover; background-position:center; background-repeat:no-repeat; transform:scale(1.04); transition:transform .9s cubic-bezier(.2,.7,.2,1);
}
.OFHero.js .OFHero__bg{ 
	transform:scale(1.22); transition:transform 2.6s cubic-bezier(.16,.8,.24,1); 
}
.OFHero.js.is-in .OFHero__bg{ 
	transform:scale(1.04); 
}
.OFHero.js.is-settled .OFHero__bg{ 
	transition:transform .9s cubic-bezier(.2,.7,.2,1); 
}
.OFHero__scrim{
	position:absolute; inset:0; z-index:-3;	background:	linear-gradient(0deg, rgba(7,13,24,.97) 0%, rgba(7,13,24,.82) 24%, rgba(7,13,24,.30) 58%, rgba(7,13,24,.45) 100%),	linear-gradient(90deg, rgba(7,13,24,.70) 0%, rgba(7,13,24,.10) 50%, rgba(7,13,24,.60) 100%);
}
.OFHero__glow{
	position:absolute; left:0; top:0; z-index:-2; border-radius:50%; background:radial-gradient(circle, rgba(233,207,122,.22) 0%, rgba(201,162,39,.08) 40%, transparent 70%); mix-blend-mode:screen; opacity:0; pointer-events:none; transition:opacity .6s ease;
}
.OFHero__glow.on{ 
	opacity:1; 
}
.OFHero__frame{
	position:absolute; inset:clamp(14px,2vw,26px); z-index:1; pointer-events:none;
}
.OFHero__frame::before, .OFHero__frame::after{
	content:""; position:absolute; border-color:rgba(233,207,122,.55); border-style:solid;
}
.OFHero__frame::before{ 
	top:0; left:0;
}
.OFHero__frame::after{ 
	top:0; right:0;
}
.OFHero__shutters{ 
	display:none; 
}
.OFHero.js .OFHero__shutters{
	display:flex; position:absolute; inset:0; z-index:20; pointer-events:none;
}
.OFHero__shutters span{
	flex:1 1 0; background:#0a1420; transform-origin:top; border-right:1px solid rgba(201,162,39,.12);	transition:transform 1.05s cubic-bezier(.76,0,.24,1);
}
.OFHero__shutters span:nth-child(1){ transition-delay:.00s; }
.OFHero__shutters span:nth-child(2){ transition-delay:.07s; }
.OFHero__shutters span:nth-child(3){ transition-delay:.14s; }
.OFHero__shutters span:nth-child(4){ transition-delay:.21s; }
.OFHero__shutters span:nth-child(5){ transition-delay:.28s; }
.OFHero.is-in .OFHero__shutters span{ transform:translateY(-101%); }


.OFHero__inner{ 
	position:relative; z-index:2;
}
.OFHero__eyebrow{
	display:inline-flex; align-items:center; font-family:'Raleway', sans-serif; font-weight:700; letter-spacing:3.2px; text-transform:uppercase; color:#e9cf7a;
}
.OFHero__eyebrow-line{
	display:block; background:linear-gradient(90deg,#c9a227,#e9cf7a); transform-origin:left;
}
.OFHero__title{ 
	font-family:'Poppins', 'Raleway', sans-serif; text-transform: uppercase;
}
.OFHero__line{ 
	display:block; overflow:hidden; padding-bottom:.06em; 
}
.OFHero__line > span{ 
	display:inline-block; 
}
.OFHero__line--lead > span{
	font-weight:600; letter-spacing:.02em; line-height:1.1;
}
.OFHero__line--lead > span,
.OFHero__line--main > span{
	background:linear-gradient(100deg,#b8891a 0%,#d9b44a 22%,#e9cf7a 36%,#fff4cf 46%,#e9cf7a 56%,#c9a227 78%,#a8801c 100%); background-size:260% 100%; background-position:100% 0;-webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; filter:drop-shadow(0 6px 24px rgba(0,0,0,.55));
}
.OFHero__line--main > span{
	font-weight:700; line-height:1.05; letter-spacing:.02em;
}
.OFHero.is-in .OFHero__line--lead > span{ 
	animation:OFShine 2.4s cubic-bezier(.4,0,.2,1) 1.95s forwards; 
}
.OFHero.is-in .OFHero__line--main > span{ 
	animation:OFShine 2.4s cubic-bezier(.4,0,.2,1) 2.1s forwards; 
}
@keyframes OFShine{ 
	from{ background-position:100% 0; } 
	to{ background-position:0 0; } 
}
.OFHero__subtitle{
	font-family:'Nunito', sans-serif; line-height:1.75; color:rgba(255,255,255,.84);
}
.OFHero__cta{
	display:inline-flex; align-items:center; font-family:'Poppins', 'Raleway', sans-serif; font-weight:500; letter-spacing:2.4px; text-transform:uppercase;	color:rgba(255,255,255,.82); text-decoration:none; transition:color .3s ease;
}
.OFHero__cta:hover, .OFHero__cta:focus-visible{ 
	color:#e9cf7a; text-decoration:none; outline:none; 
}
.OFHero__cta-icon{
	position:relative; flex:0 0 auto; transition:border-color .3s ease;
}
.OFHero__cta:hover .OFHero__cta-icon{ 
	border-color:#e9cf7a; 
}
.OFHero__cta-wheel{
	position:absolute; left:50%; border-radius:2px; background:#e9cf7a; animation:OFWheel 1.8s ease-in-out infinite;
}
@keyframes OFWheel{ 
	0%{ transform:translateY(0); opacity:1; } 70%{ transform:translateY(12px); opacity:0; } 100%{ transform:translateY(0); opacity:0; } 
}
/* ---------- Entrance choreography (only when JS is present) ---------- */
.OFHero.js .OFHero__eyebrow,
.OFHero.js .OFHero__subtitle,
.OFHero.js .OFHero__cta,
.OFHero.js .OFHero__frame{
	opacity:0; transform:translateY(22px); transition:opacity .9s ease var(--d,0s), transform 1s cubic-bezier(.2,.8,.2,1) var(--d,0s);
}
.OFHero.js .OFHero__line > span{
	transform:translateY(110%); transition:transform 1.1s cubic-bezier(.2,.85,.2,1) var(--d,0s);
}
.OFHero.js .OFHero__frame{ --d:.9s; transform:scale(1.03); }
.OFHero.js .OFHero__eyebrow{ --d:1.0s; }
.OFHero.js .OFHero__line--lead > span{ --d:1.1s; }
.OFHero.js .OFHero__line--main > span{ --d:1.25s; }
.OFHero.js .OFHero__subtitle{ --d:1.5s; }
.OFHero.js .OFHero__cta{ --d:1.65s; }
.OFHero.is-in .OFHero__eyebrow,
.OFHero.is-in .OFHero__subtitle,
.OFHero.is-in .OFHero__cta,
.OFHero.is-in .OFHero__frame,
.OFHero.is-in .OFHero__line > span{ opacity:1; transform:none; }


.OFBlank{
	background:#ffffff;
}

@media(prefers-reduced-motion: reduce){
	.OFHero.js .OFHero__shutters{ display:none; }
	.OFHero .OFHero__bg, .OFHero.js .OFHero__bg{ transform:scale(1.04); transition:none; }
	.OFHero.js .OFHero__eyebrow, .OFHero.js .OFHero__subtitle, .OFHero.js .OFHero__cta,
	.OFHero.js .OFHero__frame,
	.OFHero.js .OFHero__line > span{ opacity:1; transform:none; transition:none; }
	.OFHero.is-in .OFHero__line--lead > span, .OFHero.is-in .OFHero__line--main > span{ animation:none; background-position:50% 0; }
	.OFHero__cta-wheel{ animation:none; }
}


.OFStory{ 
	position:relative; background:#0b0f16; 
}
.OFStory__progress{
	position:sticky; top:0; z-index:30; height:3px; width:100%; background:rgba(255,255,255,.08); overflow:hidden;
}
.OFStory__progress span{
	display:block; height:100%; width:100%; background:linear-gradient(90deg,#c9a227,#e9cf7a);transform-origin:left center; transform:scaleX(0); will-change:transform;
}
.OFStory__rail{
	position:fixed; top:50%; transform:translateY(-50%); z-index:25; display:flex; flex-direction:column; opacity:0; transition:opacity .4s ease; pointer-events:none;
}
.OFStory__rail.is-shown{ 
	opacity:1; pointer-events:auto; 
}
.OFStory__rail button{
	border-radius:50%; padding:0; background:transparent; cursor:pointer; transition:background-color .3s ease, border-color .3s ease, transform .3s ease;
}
.OFStory__rail button:hover{ 
	border-color:#e9cf7a; 
}
.OFStory__rail button.is-active{ 
	background:#e9cf7a; border-color:#e9cf7a; transform:scale(1.35); 
}
.OFStory__ambient{
	position:fixed; inset:0; z-index:15; pointer-events:none; background-color:#c9a227; opacity:0;mix-blend-mode:soft-light; transition:opacity .6s ease, background-color 1.1s ease;
}
.OFStory__ambient.is-shown{ 
	opacity:.14; 
}
.OFPanel{
	position:relative; min-height:100vh; min-height:100svh;	display:flex; align-items:flex-end;overflow:hidden;	content-visibility:auto; contain-intrinsic-size: 100vw 100vh;
}
.OFPanel[data-index="0"]{
	content-visibility: visible;
}
.OFPanel{
	scroll-snap-align: start;
}
.OFPanel__bg{
	position:absolute; inset:0; background-size:cover; background-position:center center; background-color:#12161f; scale:1.15; translate:0 0; transition:scale 6s cubic-bezier(.16,.8,.24,1);
}
.OFPanel.is-active .OFPanel__bg{
	scale:1.06; animation:OFDrift 16s ease-in-out infinite;	animation-delay:1.4s;
}
@keyframes OFDrift{
	0%, 100%{ translate:0 0; }
	50%{ translate:-1.1% .9%; }
}
.OFPanel__scrim{
	position:absolute; inset:0;	background:	linear-gradient(0deg, color-mix(in srgb, var(--accent, #000) 55%, transparent) 0%, transparent 40%), linear-gradient(180deg, rgba(6,10,16,.10) 0%, rgba(6,10,16,.42) 55%, rgba(6,10,16,.92) 100%);
}
.OFPanel__content{ 
	position:relative; z-index:2;
}
.OFPanel__title{
	font-family:'Raleway', sans-serif; font-weight:800;color:#fff; letter-spacing:.2px; text-shadow:0 6px 30px rgba(0,0,0,.6); opacity:0; transform:translateY(20px); transition:opacity .7s ease .08s, transform .7s ease .08s;
}
.OFPanel__desc{
	font-family:'Nunito', sans-serif; line-height:1.85; color:rgba(255,255,255,.85); margin:0; opacity:0; transform:translateY(20px); transition:opacity .7s ease .16s, transform .7s ease .16s;
}
.OFPanel.is-active .OFPanel__title,
.OFPanel.is-active .OFPanel__desc{ 
	opacity:1; transform:translateY(0); 
}


/*========================================================================================*/
/*==================== Sustainability: LEED PLATINUM Page Design =========================*/
.lion {
    display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; overflow: hidden;
}
.leed-bg{
	background:
        repeating-linear-gradient(
			0deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.06) 1px, rgba(0,0,0,0.04) 2px,rgba(0,0,0,0.02) 3px
        ),
        repeating-linear-gradient(
            135deg,rgba(255,255,255,0.05) 0px,rgba(255,255,255,0.05) 3px,rgba(0,0,0,0.03) 3px, rgba(0,0,0,0.03) 6px
        ),
        linear-gradient(
            90deg, #00020b 0%,#00020b 100%
        );
		position: relative; z-index:1;
}
.lion-bg {
    position: absolute; inset: 0;
}
.lion-eyebrow{
	font-family: 'roboto', sans-serif; color: #00020b; text-transform: uppercase; background: var(--muted); border-radius: 999px; animation: fadeUp 0.8s ease both; letter-spacing: 0.2em; padding: 0.25rem 1.5rem;
}
.lion-leed-wordmark img{
    opacity:0.95; filter:grayscale(100%) brightness(0.9); 
}
.lion > *:not(.lion-bg):not(.lion-leed-wordmark) {
    position: relative; z-index: 1;
}
.lion-title {
    font-family: 'poppins', sans-serif; line-height: 0.9; text-align: center; letter-spacing: 0.02em; position: relative; animation: fadeDown 0.8s 0.2s ease both;
}
.lion-title .line-gold {
    color: var(--cr-gold); 
}
.lion-com-type {
    font-family: 'poppins', sans-serif; line-height: 0.9; text-align: center; letter-spacing: 0.02em; position: relative; animation: fadeDown 0.8s 0.2s ease both; color: var(--platinum)
}
.lion-score-display {
	display: flex; align-items: baseline; gap: 0.5rem; animation: fadeDown 0.8s 0.3s ease both;
}
.total-score-big {
	font-family: 'Bebas Neue', sans-serif; color: var(--gold); line-height: 1;
}
.score-slash { 
	font-family: 'Bebas Neue', sans-serif; color: rgba(139,110,47,0.4); 
}
.score-total { 
	font-family: 'Bebas Neue', sans-serif; color: rgba(139,110,47,0.5); 
}
.score-label-block {
    display: none; flex-direction: column; gap: 4px; margin-left: 1rem;
}
.score-label-block .lbl {
    font-family: 'DM Mono', monospace; letter-spacing: 0.25em; color: #888; text-transform: uppercase;
}


/* Scores Section Start*/
.scores-section {
    position: relative; margin: 0 auto;
}
.scores-section::before{
	content:""; position:absolute; inset:-6% -8% auto -8%; height:75%; background: radial-gradient(55% 60% at 50% 0%, rgba(160,118,0,0.07), transparent 72%); pointer-events:none; z-index:0;
}
.leed-cmp-eyebrow{
	display:block; font-family:'DM Mono', monospace, sans-serif; letter-spacing:0.38em; text-transform:uppercase; color: var(--gold,#a07600); padding:0px 10px;
}
.section-heading {
    font-family: 'roboto', sans-serif; line-height: 1; color: #1A1A1A;  padding:0px 8px;
}
.section-heading em {
    font-style: normal; 
}


/* Leed Counter & Header */
.leed-cmp-card{
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.leed-cmp-card:hover{
	transform: translateY(-6px); box-shadow: 0 22px 40px -22px rgba(0,0,0,0.35);
}
.leed-cmp-switch{
	position:relative; display:inline-flex; background: linear-gradient(180deg, #ffffff, #f3efe0); border:1px solid rgba(160,118,0,0.20); border-radius:0; box-shadow: 0 22px 44px -22px rgba(0,0,0,0.40), inset 0 1px 0 rgba(255,255,255,0.7); max-width:100%;
}
.leed-cmp-switch-pill{
	position:absolute; top:0; left:0; background: var(--green-mid,#1A4D2E); border-radius:0; box-shadow: 0 12px 28px -8px rgba(160,118,0,0.55), inset 0 0 0 1px rgba(232,200,122,0.30); transition: transform 0.5s cubic-bezier(.22,.9,.32,1), width 0.35s ease; z-index:0;
}
.leed-cmp-tab{
	position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; border:none; background:transparent; cursor:pointer; border-radius:0; font-family:'Poppins', sans-serif; color:#5c5548; white-space:nowrap; transition: color 0.35s ease, transform 0.25s ease;
}
.leed-cmp-tab:hover{ 
	color:#2C2C2C; transform: translateY(-1px); 
}
.leed-cmp-tab:focus-visible{ 
	outline:2px solid var(--gold,#a07600); outline-offset:3px; 
}
.leed-cmp-tab-year{ 
	font-family:'Bebas Neue', sans-serif; letter-spacing:0.05em; line-height:1;
}
.leed-cmp-tab-label{ 
	letter-spacing:0.2em; text-transform:uppercase; opacity:0.65;
}
.leed-cmp-tab.active{ 
	color: var(--gold-light,#E8C87A); 
}
.leed-cmp-tab.active .leed-cmp-tab-label{ 
	opacity:0.9; 
}
.leed-cmp-tag{
	position:static; font-family:'DM Mono', monospace, sans-serif; letter-spacing:0.18em; text-transform:uppercase; color: var(--card-color, var(--green-accent)); background: rgba(0,0,0,0.05); border-radius:0;opacity:0; transform:translateY(-4px); transition:opacity .4s ease .3s, transform .4s ease .3s;
}
.leed-cmp-tag:empty{ 
	display:none; 
}
.leed-cmp-card.counted .leed-cmp-tag{ 
	opacity:0.85; transform:translateY(0); 
}
.leed-cmp-card.is-ceiling .card-bar-fill{
	background: repeating-linear-gradient(45deg, var(--card-color, var(--green-accent)) 0px, var(--card-color, var(--green-accent)) 6px, transparent 6px, transparent 12px); opacity: 0.55; 
}
.leed-cmp-card.is-ceiling .card-number{
	color: transparent; -webkit-text-stroke: 1.5px var(--card-color, var(--green-accent));
}
.leed-cmp-card.is-na{
	opacity: 0.32; cursor: default; pointer-events: none; filter: grayscale(0.6);
}
.leed-cmp-card.is-na .card-bar-fill{ 
	width:0 !important; 
}
/* Swatch for total score */
.leed-cmp-total{
	position: relative; border-radius: 0;
	background:
		radial-gradient(circle 4px at 12px 12px, #f3dfab 0%, #a07600 60%, transparent 62%),radial-gradient(circle 4px at calc(100% - 12px) 12px, #f3dfab 0%, #a07600 60%, transparent 62%), radial-gradient(circle 4px at 12px calc(100% - 12px), #f3dfab 0%, #a07600 60%, transparent 62%), radial-gradient(circle 4px at calc(100% - 12px) calc(100% - 12px), #f3dfab 0%, #a07600 60%, transparent 62%), repeating-linear-gradient(63deg, rgba(255,255,255,0.08) 0px, rgba(255,255,255,0.08) 1px, transparent 1px, transparent 3px, rgba(0,0,0,0.18) 3px, rgba(0,0,0,0.18) 4px, transparent 4px, transparent 6px), repeating-radial-gradient(circle at 1px 1px, rgba(255,255,255,0.06) 0px, rgba(255,255,255,0.06) 0.6px, transparent 0.6px, transparent 2.4px), repeating-linear-gradient(0deg, rgba(255,255,255,0.025) 0px, rgba(255,255,255,0.03) 1px, transparent 1px, transparent 2px), linear-gradient(var(--denim-3,#141728), var(--denim-3,#141728));
		display:flex; flex-direction:column; align-items:stretch;
}
.leed-cmp-total::after{
	content:""; position:absolute; left:-1px; right:-1px; z-index:2; pointer-events:none;
	background:
		linear-gradient(135deg, #e8e8e8 50%, transparent 50%) 0 0 / 16px 11px repeat-x,
		linear-gradient(-135deg, #e8e8e8 50%, transparent 50%) 0 0 / 16px 11px repeat-x;
	transform:scaleY(-1);
}
.leed-cmp-total-bottom{ 
	display:flex; align-items:center;
}
.leed-cmp-total-track{
	flex:1 1 auto; min-width:0; border-radius:0; background: rgba(255,255,255,0.10); overflow:hidden;
}
.leed-cmp-total-fill{
	height:100%; width:0%; border-radius:0; background: linear-gradient(90deg, var(--gold,#a07600), var(--gold-light,#E8C87A)); transition: width 1.4s cubic-bezier(.22,.9,.32,1);
}
.leed-cmp-total-figures{ 
	display:flex; align-items:baseline; flex:0 0 auto; justify-content:flex-end;
}
.leed-cmp-total-num{ 
	font-family:'Bebas Neue', sans-serif; line-height:1; color:#fff; font-variant-numeric:tabular-nums; text-align:right; min-width:17px;
}
.leed-cmp-total-slash{ 
	font-family:'Bebas Neue', sans-serif; color:rgba(255,255,255,0.35);
}
.leed-cmp-total-max{ 
	font-family:'Bebas Neue', sans-serif; color:rgba(255,255,255,0.55);font-variant-numeric:tabular-nums; 
}
.leed-cmp-total-label{ 
	font-family:'DM Mono', monospace; letter-spacing:0.16em; text-transform:uppercase; color:rgba(255,255,255,0.5); white-space:nowrap;
}
.leed-cmp-total-rating{ 
	flex:0 0 auto; width:auto; font-family:'DM Mono', monospace, sans-serif; letter-spacing:0.1em; text-transform:uppercase; color: var(--gold-light,#E8C87A); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  border-bottom:1px solid rgba(255,255,255,0.18); 
}


  /* Score cards grid */
.scores-grid {
    display: grid; border-radius: 4px; overflow: hidden; 
}
.scores-grid .score-card{
	position: relative; overflow: hidden; cursor: pointer; border-radius: 1px; background: var(--paper, #f7f4ef);  box-shadow: 0 10px 26px -20px rgba(0,0,0,0.30);
}
.score-card::before {
    content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 0;  transition: height 0.5s ease;
}
.score-card.counted::before { 
	height: 100%;
}
.scores-grid .card-top{
	position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; 
}
.scores-grid .card-fraction{
	position: static !important; letter-spacing: 0.02em;
}
.scores-grid .card-fraction span { 
	color: var(--card-color, #1A1A1A); 
}
.scores-grid .leed-cmp-val{
	font-weight: 700; color: #1A1A1A;
}
.scores-grid .leed-cmp-max{
	font-weight: 400; opacity: 0.5;
}
.scores-grid .card-name{
	text-transform: uppercase;  letter-spacing: 0.03em;  display: flex !important; align-items: flex-start; flex-wrap: nowrap;  line-height: 1.3;
}
.leed-cmp-icon{
	flex: 0 0 auto; color: var(--card-color, var(--green-accent));
}
.leed-cmp-name-text{
	flex: 1 1 auto; min-width: 0;
}
.scores-grid .card-number {
    font-family: 'Bebas Neue', sans-serif;  line-height: 1; color: var(--card-color, var(--green-accent)); transition: none; min-height: 1em;
}
.card-bar-track {
    background: rgba(0,0,0,0.15); overflow: hidden;
}
.card-bar-fill {
    height: 100%; background: var(--card-color, var(--green-accent)); width: 0%; transition: width 1.2s cubic-bezier(0.23, 1, 0.32, 1);
}


/* DETAILS SECTION */

.leed-bg-01{
	position:relative;
}
.leed-bg-01::before{
	content:""; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-image:linear-gradient(rgba(0, 0, 0, 0.60), rgba(0,0,0,0.60)), url(/envoy/images/sustainability/leed/bg.png); background-repeat:no-repeat, no-repeat; background-position:center center, center center; background-attachment:scroll, scroll; -webkit-background-size:cover, cover; -moz-background-size:cover, cover; -o-background-size:cover, cover; background-size:cover, cover; z-index:-1;
}
.details-section {
    display: grid; align-items: center; margin: 0 auto; min-height:100vh;
}
.details-left .big-quote {
    font-family: 'roboto', sans-serif; line-height: 1.15; letter-spacing: 0.01em;  color:white;
}
.details-left .big-quote em {
    font-style: normal; color: var(--green-accent);
}
.details-body {
	text-align: justify; 
}
.details-body p {
	color: #c8c8c8; letter-spacing: 0.035em;
}

.details-body em{
	font-style: normal; color: var(--green-accent);
}
 
/* ─── VIDEOS SECTION ─── */
.videos-section {
    margin: 0 auto; z-index: 2;
}
.videos-grid {
    display: grid; gap: 5rem; margin-top: 4rem; padding: 0 3rem;
}
.video-card {
    background: #e4e4e4; border-radius: 5px; overflow: hidden; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08),     0 20px 30px rgba(0, 0, 0, 0.08); transition: all 0.35s ease;
}
.video-card:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.12), 0 30px 40px rgba(0, 0, 0, 0.12);
}
.video-thumb {
    position: relative; aspect-ratio: 16 / 9; overflow: hidden; cursor: pointer; background: #000;
}
.video-thumb img {
    width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; opacity: 0.75;
}
.video-card:hover .video-thumb img {
    transform: scale(1.08);
}
.yt-btn {
    position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 4px solid rgba(255, 0, 0, 0.95); border-radius: 50%; background: rgba(255, 255, 255, 0.08); transition: all 0.3s ease;
} 
.yt-btn::before {
    content: ""; position: absolute; top: 50%; left: 54%; transform: translate(-50%, -50%); border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 24px solid rgb(255, 0, 0);
}
.video-card:hover .yt-btn {
    transform: translate(-50%, -50%) scale(1.12);
}
.video-info {
    text-align: center;
}
.video-info p {
    margin: 0; color: #666666;
}
/* Video Modal Overlay */
.vid-modal-overlay {
    display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.9); z-index: 9999; align-items: center; justify-content: center; padding: 20px;
}
.vid-modal-overlay.open {
    display: flex;
}
.vid-modal-box {
    position: relative; width: 100%;
}
.vid-modal-close {
    position: absolute; top: -50px; right: 0; border: none; background: none; color: #ffffff;  cursor: pointer; opacity: .8; transition: .3s;
}
.vid-modal-close:hover {
    opacity: 1;
}
/* Responsive iframe */
.vid-modal-frame {
    position: relative; padding-bottom: 56.25%; height: 0;
}
.vid-modal-frame iframe {
    position: absolute; inset: 0; width: 100%; height: 100%; border: none; border-radius: 12px;
}


  /* ─── ANIMATIONS ─── */
  @keyframes fadeDown {
    from { opacity: 0; transform: translateY(-20px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  /* @keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
  @keyframes scrollPulse {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 1; }
  } */
  @keyframes rotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
  }
  /*
  @keyframes spinBadge {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
  } */


/*========================================================================================*/
/*==================== Sustainability: GO GREEN Page Design =========================*/

.hero{
  min-height:100vh; display:flex; flex-direction:column; justify-content:flex-end; position:relative;overflow:hidden;
}
.hero-video {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;  z-index: 0;
}
.hero-vignette{
  	position:absolute; inset:0; z-index:1; background:radial-gradient(ellipse at 50% 100%,transparent 30%,rgba(8,20,9,.05) 100%)
}
.hero-overlay{
  	position:absolute; inset:0; z-index:1; background:linear-gradient(to top,rgba(8,20,9,.50) 0%,transparent 35%)
}
.hero-badge-sm{
  	position:relative; z-index:2;
}
.hero-main{
  	position:relative; z-index:2; display:flex; flex-direction:column; flex:1; justify-content:center;
}
.hero-eyebrow{
  	letter-spacing:.25em; text-transform:uppercase; color:var(--lime); font-weight:500; display:flex; align-items:center; gap:.75rem;
}
.hero-eyebrow::before{
	content:''; display:block; width:22px; height:1px; background:var(--lime); opacity:.6
}
.hero-h1{
  	font-family:'poppins',sans-serif; line-height:1; letter-spacing:.01em; color:#fff;
}
.hero-h1 .pre {
    line-height: 1;
}
.hero-h2{
  	font-family:'poppins',sans-serif; line-height:1; letter-spacing:.01em; color:#fff;
}
.hero-h2 .outline{
  	display:block; line-height: 1; color:transparent;
}
.hero-bottom{
	display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; flex-wrap:wrap; position:absolute; bottom: -20px; left:0px; right:0px;
}
.hero-quote{
  	font-family:'comfortaa',serif; font-style:italic; color: var(--green-glow); line-height:1.5;
}
.hero-stats-wrap{
	position: relative;
}
.hero-stats-heading{
	position: absolute; bottom: 100%; right: 0; margin-bottom: .6rem; color: var(--lime-dk);	text-transform: uppercase; letter-spacing: .20em; font-weight: 500; white-space: nowrap;
}
.hero-stats{
	display:flex; gap:0; border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.06)
}
.hs{
	text-align:center; border-right:1px solid rgba(255,255,255,.07);
}
.hs:last-child{
	border-right:none
}
.hs-n{
	color:var(--lime); line-height:1.2;
}
.hs-l{
	display: inline-block; letter-spacing:.10em; text-transform:uppercase; color:rgba(255,255,255,.60); margin-top:.2rem;
}
.hs-l span{
	color: var(--green-accent);
}
.hero-scroll{
  	position:absolute; display:flex; flex-direction:column; align-items:center; gap:.35rem; z-index:2;
}
.scroll-line{
	background:linear-gradient(to bottom,rgba(200,241,53,.65),transparent); animation:sdrop 2s ease-in-out infinite;
}
@keyframes sdrop{
	0%,100%{
		opacity:.3; transform:scaleY(.5) translateY(-8px)
	}
	50%
	{opacity:1; transform:scaleY(1) translateY(0)
	}
}

 /* ticker section */
.ticker{
	background:var(--green-deep); overflow:hidden; padding:.72rem 0; white-space:nowrap; position:relative;
}
.ticker::before,.ticker::after{
  	content:''; position:absolute; top:0; bottom:0; width:80px; z-index:2;
}
.ticker::before{
	left:0; background:linear-gradient(to right,var(--green-deep),transparent)
}
.ticker::after{
	right:0; background:linear-gradient(to left,var(--green-deep),transparent)
}
.ticker-track{
	display:inline-flex; animation:tick 40s linear infinite
}
.ticker-track:hover{
	animation-play-state:paused
}
.ticker span{
  	letter-spacing:.18em; text-transform:uppercase; font-weight:500; color:rgba(255,255,255,.60); padding:0 2.0rem; flex-shrink:0;
}
.ticker span::after{
	content:'|'; font-size:.50rem; vertical-align:middle; margin-left:2.2rem; opacity:.5
}
@keyframes tick{
	to{
		transform:translateX(-50%)
	}
}

 /* Score section */
.score{
	background:var(--gdk);
}
.score-head{
  	display:grid; grid-template-columns:1fr auto; align-items:end; gap:2rem; margin-bottom:clamp(2.5rem,5vw,4rem);
}
.score-h{
	font-family:'comfortaa', sans-serif; color:#fff; line-height:.8;
}
.score-h em{
	color:var(--lime-dk); font-style:normal;  letter-spacing:.15em; 
}
.score-grid{
	display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:rgba(255,255,255,.05)
}
.sc{
  	background:var(--gdk); padding:2rem 1.6rem; display:flex; flex-direction:column; gap:.35rem; transition:background .25s; cursor:default; position:relative; overflow:hidden;
}
.sc::after{
	content:''; position:absolute; inset:0; background:var(--lime); opacity:0; transition:opacity .25s
}
.sc:hover{
	background:#0e2210
}
.sc-name{
	letter-spacing:.2em; text-transform:uppercase; color:var(--green-accent);
}
.sc-track{
	position:relative;
}
.sc-slide{
	display:none;
}
.sc-slide.is-active{
	display:block; animation:scFade .4s ease;
}
@keyframes scFade{
	from{ opacity:0; transform:translateY(6px); }
	to{ opacity:1; transform:translateY(0); }
}
.sc-num{
  	font-family:'roboto',sans-serif; color:#fff; line-height:1; margin:.3rem 0;
}
.sc-num sub{
	line-height: 0; position: relative; vertical-align: baseline;
}
.sc-desc{
	color:rgba(255,255,255,.40); line-height:1.55; flex:1;
}
.sc-bar{
	background:rgba(255,255,255,.07); position:relative; overflow:visible;
}
.sc-fill{
	background:var(--lime); position:absolute; left:0; top:0; width:0; transition:width 1.6s cubic-bezier(.4,0,.2,1);
}
.sc-target{
	color:var(--lime); opacity:.75; letter-spacing:.06em;
}

.sc-nav{
	display:flex; align-items:center; 
}
.sc-arrow{
	 flex:0 0 auto; border-radius:50%; background:transparent; color:rgba(255,255,255,.75); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:background .25s,color .25s,border-color .25s,transform .2s; z-index: 10;
}
.sc-arrow:hover{
	background:var(--lime); border-color:var(--lime); color:var(--gdk);
}
.sc-arrow:active{
	transform:scale(.9);
}
.sc-arrow:disabled{
	opacity:.25; cursor:default; pointer-events:none;
}
.sc-dots{
	display:flex; z-index: 10; 
}
.sc-dot{
	border-radius:50%; background:rgba(255,255,255,.18); border:none; padding:0; cursor:pointer; transition:background .25s,transform .25s;
}
.sc-dot.is-active{
	background:var(--lime); transform:scale(1.4);
}
.sc-count{
	position:absolute; right:0; top:50%; transform:translateY(-50%); color:#9fb89a;letter-spacing:.04em; white-space:nowrap;
}

/* Fusion (Image) Section */
.fusion{
  	display:grid; gap:2px; background:#000;
}
.fu{
	position:relative; overflow:hidden
}
.fu-tall{
	grid-row:span 2;
}
.fu img{
	width:100%; height:100%; object-fit:cover; display:block; opacity:.8; transition:opacity .5s,transform .7s
}
.fu:hover img{ 
	opacity:1; transform:scale(1.04)
}
.fu-cap{
  	position:absolute; bottom:0; left:0; right:0; padding:1rem 1.3rem; background:linear-gradient(to top,rgba(0,0,0,.72) 0%,transparent 100%);
}
.fu-tag{
	letter-spacing:.16em; text-transform:uppercase; color:var(--lime); font-weight:600; 
}
.fu-title{
	font-family:'comfortaa',serif; font-style:italic; color:#fff; margin-top:-1rem;
}


/* Pillars Section*/
.pillars{
	padding:clamp(3.5rem,8vw,7rem) clamp(1.5rem,5vw,4rem); background:var(--paper)
}
.pillars-head{
  	display:grid; align-items:end; gap:2rem; margin-bottom:clamp(2.5rem,5vw,4rem);
}
.ph-sub{
	font-family:'comfortaa',serif; font-style:italic; color:var(--gray); line-height:1.6;  margin-right:10px; width:100%;
}
.pillar-wrap{
	border-top:1px solid var(--rule)
}
.pillar{
 	display:grid; border-bottom:1px solid var(--rule); position:relative;  transition:background .3s;
}
.pillar::before{
  	content:''; position:absolute; left:0; top:0; width:0; background:var(--green-deep); transition:width .5s cubic-bezier(.4,0,.2,1);
}
.pillar:hover{
	background:rgba(200,241,53,.035)
}
.p-label{
	display:flex;flex-direction:column
}
.p-ghost{
  	line-height:.85; -webkit-text-stroke:1.2px rgba(0,0,0,.16); color:transparent; transition:color .35s,-webkit-text-stroke-color .35s;
}
.pillar:hover .p-ghost{
	color:var(--green-deep);-webkit-text-stroke-color:var(--green-deep)
}
.p-name{
  	color:var(--ink); line-height:1.05; margin-top:.6rem;
}
.p-lede{
  	font-family:'roboto',serif; display:block; position:relative; font-weight:700 !important; color:var(--lime-dk) !important; 
}
.p-lede::before{
	content:''; position:absolute; left:0; border-radius:2px; background:linear-gradient(180deg,#3fae4a 0%,#59c467 50%,#c6f24a 100%);
}
.a-list{
	display:flex; flex-direction:column;
}
.a-row{
	border-radius:1px; overflow:hidden; transition:background .3s;
}
.a-head{
	display:flex; align-items:center; cursor:pointer; user-select:none; background:linear-gradient(90deg, rgba(10, 10, 10, 0.10) 0%, rgba(10, 10, 10,.020) 85%); transition:background .3s ease;
}
.a-head:hover{
	background:linear-gradient(90deg, rgba(10, 10, 10,.20) 0%, rgba(10, 10, 10,.030) 85%);
}
.a-row.is-open .a-head{
	background:linear-gradient(90deg, var(--green-deep) 0%, #12472a 100%);
}
.a-row.is-open .a-num{ 
	color:var(--paper-dim);
}
.a-row.is-open .a-title{ 
	color:var(--paper-dim); 
}
.a-row.is-open .a-icon::before,
.a-row.is-open .a-icon::after{ 
	background:#fff; 
}
.a-num{
	font-family:'roboto',sans-serif; font-weight:500; color:var(--ink); flex:0 0 auto;
}
.a-title{
	font-family:'roboto',sans-serif; font-weight:500; color:var(--ink); flex:1;
}
.a-icon{
	position:relative; flex:0 0 auto;
}
.a-icon::before,.a-icon::after{
	content:''; position:absolute; background:var(--ink); transition:transform .3s ease, opacity .2s ease;
}
.a-icon::before{
	width:100%; top:50%; left:0; transform:translateY(-50%);
}
.a-icon::after{
	height:100%; left:50%; top:0; transform:translateX(-50%);
}
.a-row.is-open .a-icon::after{
	opacity:0;
}
.a-body-wrap{
	display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s cubic-bezier(.22,.61,.36,1);
}
.a-row.is-open .a-body-wrap{
	grid-template-rows:1fr;
}
.a-body{
	overflow:hidden;
}
.a-body-inner .p-text{
	margin:0;
}
.p-text{
  	font-weight:300; color:var(--mid);
}
.mark{
  font-weight:600; padding:0 .10em; background:none
}
	
	
/*  Traceability Section  */
.trace-section{
  	min-height:100vh; display:flex; align-items:center; justify-content:center; background:#071a18; overflow:hidden;
}
.trace-inner{
  	width:100%;
}
.trace-ey{
 	font-weight:600; letter-spacing:3px; text-transform:uppercase; color:var(--lime); margin:0 0 20px;
}
.trace-h{
  	font-family:'Roboto',sans-serif;  line-height:0.95;  font-weight:400;  color:#f4f7f5; margin:0 0 24px;
}
.trace-h em{
  	font-family:'Instrument Serif',serif; font-style:italic; font-weight:400; color:var(--lime);
}
.trace-sub{
  	line-height:1.7; color:rgba(244,247,245,0.6); margin:0;
}
.trace-flow{
  	display:grid; position:relative;
}
.trace-flow::before{
 	content:'';  position:absolute;  top:0; left:0; right:0;  height:0;  background:rgba(244,247,245,0.14);
}
.tf-step{
  	padding-top:32px; position:relative;
}
.tf-step::before{
  	content:''; position:absolute; top:-1px; left:0; height:3px; background:var(--lime);
}
.tf-name{
  	font-weight:600; color:#f4f7f5; margin-bottom:10px;
}
.tf-desc{
  	line-height:1.6; color:rgba(244,247,245,0.5);
}

/* Digital Traceability Ecosystem */
.dt-section{
	position: relative;	overflow: hidden; background:
			radial-gradient(900px 520px at 12% -8%, rgba(212,255,92,.16), transparent 62%),
			radial-gradient(700px 460px at 92% 108%, rgba(212,255,92,.10), transparent 60%),
			linear-gradient(160deg, var(--green-deep, #0c2c1f) 0%, #081d15 100%);
}

.dt-section::before{
	content:""; position:absolute; inset:0;
	background-image:
			linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
			linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
	mask-image: radial-gradient(ellipse at center, #000 0%, transparent 72%);
	pointer-events:none;
}
.dt-inner{
	position:relative; margin:0 auto; 
}
.dt-head{
	text-align:center;
}

.dt-eyebrow{
	display:inline-block; letter-spacing:.14em; text-transform:uppercase; color: var(--lime, #d4ff5c); font-weight:700;
}
.dt-title{
	line-height:1.15; color: var(--paper, #f6f5ef);
}
.dt-title em{
	font-style:normal; color: var(--lime, #d4ff5c);
}
.dt-sub{
	color: rgba(246,245,239,.72); line-height:1.7;	margin:0;
}
.dt-grid{
	display:grid; position:relative;
}
.dt-card{
	position:relative; background: rgba(255,255,255,.05); border-radius:4px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); overflow:hidden; transition: transform .35s ease, border-color .35s ease, background .35s ease, box-shadow .35s ease;
}

.dt-card::before{
	content:"";	position:absolute; top:0; left:0; right:0; background: linear-gradient(90deg, transparent, var(--lime, #d4ff5c), transparent);	opacity:0; transition: opacity .4s ease;
}
.dt-card:hover{
	transform: translateY(-8px); border-color: rgba(212,255,92,.5); background: rgba(255,255,255,.08);box-shadow: 0 26px 50px rgba(0,0,0,.3);
}
.dt-card:hover::before{ 
	opacity:1; 
}
.dt-icon{
	display:flex; align-items:center; justify-content:center;  background: linear-gradient(145deg, var(--lime, #d4ff5c), #9fd93a);	color: var(--green-deep, #0c2c1f); box-shadow: 0 12px 26px rgba(212,255,92,.25), inset 0 1px 0 rgba(255,255,255,.45); transition: transform .4s ease;
}
.dt-card:hover .dt-icon{
	transform: translateY(-4px) rotate(-6deg);
}
.dt-card-title{
	position:relative; color: var(--paper, #f6f5ef); font-weight:700; line-height:1.35;
}
.dt-card-title::after{
	content:""; position:absolute; left:0; bottom:0; border-radius:3px;	background: linear-gradient(90deg, var(--lime, #d4ff5c), rgba(212,255,92,0));
}
.dt-tags{
	list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap;
}
.dt-tags li{
	position:relative; color: rgba(246,245,239,.75); line-height:1.5;cursor:default; transition: color .25s ease;
}
.dt-tags li:not(:last-child)::after{
	content:"";	position:absolute; top:50%; border-radius:50%;	background: rgba(212,255,92,.55); transform:translateY(-50%);
}
.dt-tags li:hover{
	color: var(--lime, #d4ff5c);
}

/* roadmap section */
.roadmap{
	padding:clamp(3.5rem,8vw,7rem) clamp(1.5rem,5vw,4rem); background:var(--paper)
}
.rm-h{
	color:var(--ink); line-height:1.1;
}
.rm-grid{
  	display:grid; gap:0; border:1px solid var(--rule);
}
.rmi{
  	padding:clamp(1.4rem,3vw,2.2rem); border-right:1px solid var(--rule); position:relative; overflow:hidden;  transition:background .25s;
}
.rmi:last-child{
	border-right:none
}
.rmi:hover{
	background:rgba(0,0,0,.025)
}
.rmi.finish{
	background:var(--platinum-light)
}
.rmi.now{
	background:var(--gdk)
}
.rmi.forever{
	background:var(--lime); border-right:none
}
.rm-yr{
  	font-family:'Bebas Neue',sans-serif; line-height:1; color:var(--ink);
}
.rmi.now .rm-yr{
	color:#fff
}
.rm-yr.ghost{
	-webkit-text-stroke:1px rgba(0,0,0,.14); color:transparent
}
.rm-pill{
  	display:inline-block; letter-spacing:.12em; text-transform:uppercase; padding:.18rem .65rem;  font-weight:600;
}
.rmp-now{
	background:var(--lime); color:var(--ink)
}
.rmp-next{ 
	background:var(--ink); color:#fff
}
.rmp-future{ 
	border:1px solid var(--rule); color:var(--gray)
}
.rmp-always{
	background:rgba(0,0,0,.12); color:var(--ink)
}
.rm-title{
	font-family:'Roboto',serif; line-height:1.45; color:var(--ink);
}
.rmi.now .rm-title{
	color:#fff
}
.rmi.forever .rm-title{
	color:var(--ink)
}
.rm-desc{
	color:var(--gray); line-height:1.6;
}
.rmi.now .rm-desc{
	color:rgba(255,255,255,.32)
}
.rmi.forever .rm-desc{
	color:rgba(0,0,0,.42)
}
.rm-inf{
  	font-family:'Bebas Neue',sans-serif; line-height:1; color:var(--ink);
}


/* closing section */
.closing{
  	position:relative;overflow:hidden; background:var(--gdk); padding:clamp(6rem,14vw,12rem) clamp(1.5rem,5vw,4rem); text-align:center;
}
.closing-img{
  	position:absolute; inset:0; background:url('/envoy/images/sustainability/go_green/threads.jpg') center/cover; opacity:.20;
}
.closing-z{
	position:relative; z-index:1
}
.closing-h{
  	font-family:'comfortaa',sans-serif; line-height:.8; color:#fff; margin-bottom:1.5rem;
}
.closing-h em{
  	display:block; font-family:'raleway',serif; font-style:italic; -webkit-text-stroke:1.5px rgba(255,255,255,.38); color:transparent;
}
.closing-sub{
  	color:rgba(255,255,255,.50); margin:0 auto; line-height:1.8;
}
.closing-lime{
	color:var(--lime); opacity:.85
}



/*====================================================================================*/
/*=============== Corporate Social Responsibility Page Design ========================*/
.csr{
	display:none
}
.csr-bg {
  background:
    /* subtle fabric folds (darker + softer) */
    radial-gradient(circle at 30% 40%, rgba(255,255,255,0.04), transparent 55%),
    radial-gradient(circle at 70% 60%, rgba(0,0,0,0.35), transparent 65%),

    /* tighter, darker weave */
    repeating-linear-gradient(
      75deg,#14273f 0px,#14273f 3px,#0f2238 3px,#0f2238 6px
    ),
    repeating-linear-gradient(
      -75deg,rgba(255,255,255,0.02) 0px,rgba(255,255,255,0.02) 3px, transparent 3px, transparent 6px
    ),

    /* deep indigo base */
    linear-gradient(180deg, #0a1626, #0d1f34);

  	background-blend-mode: soft-light, multiply, normal; 
	width: 100%; min-height: 30vh; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}


.csr-bg h1{
  	font-weight: 700; text-transform: uppercase; padding: 0 20px; letter-spacing: 1px;
    background: linear-gradient(90deg, #00021a, #999999, #f0f0f0);
  	background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;

  	animation: sweep 15s linear infinite;

  	/* optional depth */
  	text-shadow: 0 1px 0 rgba(255,255,255,0.4),  0 2px 4px rgba(0,0,0,0.6);
	text-align: center;
}

@keyframes sweep {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: 0% center;
  }
  0% {
    background-position: 200% center;
  }
}



.csr-overview{
    background: repeating-linear-gradient(30deg,#171717,#232528 0.16vw,#17181a 0.26vw); text-align: justify; width: 100%; padding: 0;
}

/* image container */
.csr-slider{
    position: relative; min-width: 100%;  
    /* parent gets height from image ratio */
    aspect-ratio: 16 / 9; overflow: hidden;  
}

/* images */
.colas{
    position: absolute;  width: 100%; height: 100%; object-fit: contain; opacity: 0;
    transform: scale(1); transition: opacity 1.5s ease-in-out, transform 8s ease-in-out; 
}
.overview-text{
	align-items:center; justify-content:center; display: flex;
}
.overview-text p{
	color:rgb(232, 232, 232); margin:0; width:100%; text-align:center; font-family: 'Raleway', sans-serif;
}

.colas.active {
    opacity: 1; transform: scale(1);  z-index: 1; background: transparent;
}

.csr-writeup{
	background:none; text-align: justify;  background:
        repeating-linear-gradient(
			0deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.06) 1px, rgba(0,0,0,0.04) 2px,rgba(0,0,0,0.02) 3px
        ),
        repeating-linear-gradient(
            135deg,rgba(255,255,255,0.05) 0px,rgba(255,255,255,0.05) 3px,rgba(0,0,0,0.03) 3px, rgba(0,0,0,0.03) 6px
        ),
        linear-gradient(
            90deg, #dfdfdf 0%,#dfdfdf 100%
        ); display: inline-block; min-width: 100%;
}
.csr-img{
	position: relative; float:right; justify-content: center; opacity: 0.85;
}
.csr-text{
	display:inline; flex-wrap:wrap;
}
.csr-writeup p{
	 background: none;
}
.csr-writeup Ul{
	text-align: justify; hyphens: auto; -webkit-hyphens: auto; display: inline; gap:0;
}
.csr-writeup li{
	text-align: justify; list-style: square;
}



/*====================================================================================*/
/*=============== Investor Relation Envoy Textiles Page Design =======================*/

/*Investor Relation - Desktop/Laptop/Mobile Header Section*/
.investor-menu-color{
	background:rgb(40, 40, 40); transition: top 0.95s ease, background-color 0.95s ease;
}
.investor-menu-color-added{
	background:rgba(45, 45, 45, 0.95); 
}

/*Investor Relation - Desktop/Laptop Header Section*/
.investor-header-ul {
	text-align: center; text-transform: uppercase; font-weight: 450; max-width: 100%;  position: fixed; left:0; right:0; z-index: 1; 
}
.investor-header-ul * {
  	box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease;
}
.investor-header-ul li {
  	display: inline-block; list-style: outside none none; overflow: hidden; 
}
.investor-header-ul a {
   	color: rgb(198, 198, 198); position: relative; display: inline-block; letter-spacing: .925px; margin: 0; text-decoration: none;
}
.investor-header-ul a:before,
.investor-header-ul a:after {
 	position: fixed; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; 
}
.investor-header-ul a:before {
	content: ""; background: #ffffff; top: 100%; display: block; width: 100%; 
  
}
.investor-header-ul a:after {
  	position: fixed; top: 100%; left: 0; content: attr(data-hover); color: #fff; white-space: nowrap;
}
.investor-header-ul li:hover a,
.investor-header-ul .current a {
  	transform: translateY(-100%);
}


/*Investor Relation - Sub-Header Desktop/Laptop/Mobile Device Section*/
.investor-subheader-ul {
	text-align: center; text-transform: uppercase; font-weight: 450; max-width: 100%; left:0; right:0; margin-bottom:20px;
}
.investor-subheader-ul * {
	box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; 
}
.investor-subheader-ul li {
	display: inline-block; list-style: outside none none; overflow: hidden; background:rgb(59, 59, 59);  border-radius:25px
}
.investor-subheader-ul a {
   	color: rgb(198, 198, 198); position: relative; display: inline-block; letter-spacing: .925px; margin: 0; text-decoration: none; 
}
.investor-subheader-ul a:before,
.investor-subheader-ul a:after {
 	position: fixed; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; 
}
.investor-subheader-ul a:before {
	content: ""; background: #ffffff; top: 100%; display: block; width: 100%;  
}
.investor-subheader-ul a:after {
  	position: fixed; top: 100%; left: 0; content: attr(data-hover); color: #fff; white-space: nowrap;
}
.investor-subheader-ul li:hover a,
.investor-subheader-ul .current a {
  	transform: translateY(-100%);
}


/*Investor Relation - Mobile Header Section*/
.investor-header-mob{
	top: 100px; z-index: 100; position: fixed;
}
.investor-mob-menu-btn{
	display: inline-block; min-width:100%; left:0; min-height:60px; position: fixed; padding: 5px 20px; 
}
.investor-mobile{
	position: fixed; border-radius: 5px 5px 5px 5px; background: #0a0a0a
}
.investor-header-ul-mob {
	text-align: center; text-transform: uppercase; font-weight: 450; max-width: 100%; 
}
.investor-header-ul-mob * {
  	box-sizing: border-box;  
}
.investor-header-ul-mob li {
	  list-style: outside none none; overflow: hidden;
}
.investor-header-ul-mob a {
   	color: rgb(198, 198, 198); position: relative; display: inline-block; letter-spacing: 1px; margin: 0; text-decoration: none;
}
.investor-header-ul-mob a:before,
.investor-header-ul-mob a:after {
 	position: fixed;  
}

.current-mob a{
	color: #fff; Border-style:solid; border-width:2px; border-bottom:none; border-left:none; border-right:none
}

.animate-charcter{ padding: 2px 10px; display: inline-block; border-radius:1px; animation: blinkingBackground 4s infinite;} /*Anomation on Investor Relation Special button*/

@keyframes blinkingBackground{
	0%		{ background-color: #f7933b;}
	25%		{ background-color: #1056c0;}
	50%		{ background-color: #ef0a75;}
	75%		{ background-color: #0000b3;}
	100%	{ background-color: #04a1d5;}
}


/* Investor Relation Common Pages */
.share-info-div{
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; 
}
.share-cominfo-div{
	font-family: roboto, Sans-serif; letter-spacing:0.5px; text-align: justify; 
}
.InvInfo-Box{
	box-shadow: 0px -30px 20px -20px rgba(0, 0, 0, 0.07), 0px 30px 20px -20px rgba(0, 0, 0, 0.07);
}
.InvInfo-Box-Sub-Detail{
	box-shadow: 0px -30px 20px -20px rgba(0, 0, 0, 0.07), 0px 30px 20px -20px rgba(0, 0, 0, 0.07);
}
.inv-subpage-title{
	text-align:center;
}
.inv-subpage-title-span{
	border-radius: 5px; font-weight:500; text-transform: uppercase; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; border-left: 15px solid rgb(48, 48, 48);  border-right: 8px solid rgba(48, 48, 48);  color:#ffffff;  
	display: inline-block;
	
  	background:
    /* subtle fabric grain */
    repeating-linear-gradient(
      0deg,rgba(255,255,255,0.04) 0px,rgba(255,255,255,0.06) 1px,rgba(0,0,0,0.04) 2px,rgba(0,0,0,0.02) 3px
    ),
    /* smooth blue gradient base */
    linear-gradient(
      90deg,#2d2d2d 0%,#2d2d2d 100%
    );
}  

/* Share Information Page */
 .share-info-div iframe{
	min-height:260vh;
 }

 /* [1]General Information, [2]Price Sensitive Information, [3]Material Information, [4]Principle of Disclosure of MI & PSI, [5]Report and Financial Statement, [6] Investor-IPO, [7]Non Refunded IPO, [8] Dividend: Unclaimed Stock Dividend, [9] Dividend: Dividend Distribution Policy, [10] Zero  Coupon Bond [11]EGM Page [12]AGM Page*/
 
		
.table-bordered {
	border-collapse: collapse; width: 100%; box-shadow: none; background:rgba(232,232,232,1)
}

.table-bordered th,
.table-bordered td {
	border: 1px solid #cacaca; text-align: left; box-shadow: none;
}

.Inv-table {
	table-layout: fixed; width: 100%; margin-bottom:0px; 
}
.Inv-table-head {
  border: none; border-left: 5px solid #989898; border-radius: 5px;  background: linear-gradient(135deg, #3f464f, #2b2f35); color: #ffffff; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase;

  padding: 12px 18px;

  /* smoother depth */
  box-shadow: 
    0 4px 10px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);

  /* animation */
  transition: all 0.3s ease;
}


#td_padding{
	padding-top:1.5px; padding-bottom:1.5px;
}
.Inv-table a{
	color:rgba(182, 0, 0, 0.989); text-decoration:none; 
}
.Inv-table a:active {
    color: blue;
}
.Inv-table a[tabindex]:focus {
    color:blue;
    outline: none;
}
.fa-file-pdf-o{
	color:rgb(182, 0, 0)
}
.Inv-table a:hover{
	color:#0000e2
}
.Inv-table a:hover .fa-file-pdf-o{
	color:#0000e2
}
.Inv-table .btn{
	min-width:150px!important; background:#000062; border-style:none; color:#ffffff; margin-top:-10px; margin-bottom:10px; box-shadow: none;
}
.Inv-table .btn:hover{
	min-width:150px!important; background:#0000d7;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; color:#ff9900
}
#stamp_class {
	display: flex; align-items: center; flex-wrap: wrap; 
}
#stamp {
	background:rgb(236, 235, 235); padding:5px; margin:auto;  
}

/* Investor Relation: Board Of Directors PAGE*/
.board-item{
	opacity: 0; transform: translateY(50px); transition: all 0.8s ease; will-change: transform, opacity;
}
.board-item.show{
    opacity: 1; transform: translateY(0);
}
.board-card{
    display: flex; background: rgb(240, 240, 240); border: 1px solid rgba(0,0,0,0.06); transition: 0.3s ease; backdrop-filter: blur(12px); box-shadow: 0 10px 20px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.6);
}
.board-card:hover{
    box-shadow: 0 18px 45px rgba(0,0,0,0.25);
}
.board-photo img{
    object-fit: cover; box-shadow: 0 2px 3px rgba(0,0,0,0.08);  border-radius: 8px; border: 2px solid #fff; box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}
.board-content{
    flex: 1; border-style:solid; border-color:rgba(232,232,232);
}
.board-name{
    font-weight: 700; margin: 0; color: #111;
}
.board-role{
    font-weight: 500; color: #515151;
}
.board-represent{
    display: inline-block; color: #464646; background: #c4c4c4;  border-radius: 20px;
}
.board-body{
    margin-top: 12px; color: #444;
}
.board-body br {
    line-height: 0;
}


/* Invertor Relation: Audit/Nomination & Remuneration Committee Page*/
.committee_structure{
    text-align: center;
}
/* Chairman */
.committee_chairman img{
    object-fit: cover; 
	border-radius: 8px; border: 2px solid #fff; box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}
.committee_members{
    display: grid; justify-items: center; margin: auto;
}
.committee_member img{
    object-fit: cover; 
	border-radius: 8px; border: 2px solid #fff; box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}



/* Investor Relation Share Holding Status (Only Graph Section)*/
#chartContainer{
	width: 100%; background: rgb(232, 232, 232); padding:0px 0px;
}
.sign-hide{
	z-index:0; width:100%; background: rgb(232, 232, 232);  margin-top:-50px;
}

/* Investor Relation EGM */
.Egm-Contact{
	margin-top:-30px; margin-bottom:30px!important
}

/* Investor Relation Contact Us*/
.inv-contact{
	background:#fff; background: rgba(255,255,255) url(/envoy/images/investors/background/4.png); background-repeat: no-repeat; background-size: cover; background-position: top right; background-attachment: fixed;
}
.Contact-Us-Box{
	box-shadow: 0px -30px 20px -20px rgba(0, 0, 0, 0.07), 0px 30px 20px -20px rgba(0, 0, 0, 0.07); 
}
.Contact-Us-Box h2{
	font-weight: 600;
}
.Contact-Us-Box h4{
	display:inline-block;
}

/*=========================================================================================*/
/*============================= Current News Page Design ==================================*/

/* Featured post (latest article) */
.News-Featured{
	font-family:'Raleway', sans-serif; position:relative; display:flex; flex-wrap:wrap; align-items:stretch;	background:var(--ink); border-radius:1px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.08); cursor: pointer; contain:layout paint; transition:background .4s;
}
.News-Featured:hover{
	background: var(--cr-ink);
}
.News-Featured-Media{
	position:relative; overflow:hidden; background: var(--ink); display:flex; align-items:center;justify-content:center;
}
.News-Media-Bg{
	position:absolute; inset:0px; background-size:cover; background-position:center; filter: brightness(0.85); background-repeat:no-repeat; 
}
.News-Featured-Media a{
	position:absolute; inset:0; display:block;
}
.News-Featured-Media img{
	position:block; inset:0; z-index:1; width:100%; height:100%; object-fit:contain; transition:transform .6s ease .2s, opacity .4s; opacity:0.85;
}
.News-Featured-Media.News-Placeholder{
	display:block;
}
.News-Featured-Media.News-Placeholder img{
	position:absolute; inset:0; width:100%;	height:100%; object-fit:cover; z-index:1; 
}
.News-Featured:hover .News-Featured-Media img{
	transform: scale(1.05); opacity:1;
}
.News-Featured-Body{
	display:flex; flex-direction:column; justify-content:center;
}
.News-Tag{
	display:inline-block; align-self:flex-start;  color:var(--lime); font-weight:700; letter-spacing:0.06em; text-transform:uppercase; border-radius:2px;
}
.News-Featured-Body h2{
	font-weight:800; line-height:1.3; color:#c9c9c9; letter-spacing:0.025em
}
.News-Date{
	color:#888;
}
.News-Featured-Body p{
	color:#b5b5b5; line-height:1.65;
}

/* Card grid (rest of the posts) */
.News-Grid{
	display:grid; align-items:stretch;
}
.News-Card{
	background: var(--cr-canvas); border-radius:1px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,0.06); transition:transform .3s ease; display:flex; flex-direction:column; cursor:pointer; font-family:'Raleway', sans-serif; position:relative; contain:content; content-visibility:auto; contain-intrinsic-size:320px 400px;
}
.News-Card:hover{
	transform:translateY(-0px); background: var(--paper);
}
.News-Card::after{
	content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:0 14px 28px rgba(0,0,0,0.12); opacity:0; transition:opacity .3s ease; pointer-events:none;
}
.News-Card:hover::after{
	opacity:1;
}
.News-Card-Media{
	position:relative; overflow:hidden; background: var(--ink);
}
.News-Card-Media a{
	position:absolute; inset:0; display:block;
}
.News-Card-Media img{
	position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:contain; transition:transform .6s ease .2s,  opacity .4s; opacity:0.85;
}
.News-Card:hover .News-Card-Media img{
	transform:scale(1.05); opacity:1;
}
.News-Card-Media.News-Placeholder{
	display:block;
}
.News-Card-Media.News-Placeholder img{
	position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1;
}
.News-Card-Body{
	display:flex; flex-direction:column; flex:1;
}
.News-Card-Body h3{
	font-weight:700; line-height:1.35; color:#444444; letter-spacing:0.025em
}
.News-Card-Body p{
	color:#666; line-height:1.55; margin-bottom:0; flex:1;
}

/*  Pagination, pill style  */
.News-Pagination-Wrap{
	text-align:center;
}
.News-Pagination-Mark{
	display:block; color:#888;
}
.News-Pagination-Wrap .pagination ul{
	display:inline-flex !important; gap:6px; box-shadow:none; list-style:none; margin:0; padding:0; float:none;
}
.News-Pagination-Wrap .pagination a{
	border:none; background:#f2f3f5; border-radius:10px; color:#333; font-weight:600; transition:background .2s ease, color .2s ease; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; 
}
.News-Pagination-Wrap .pagination a:hover{
	background:#dfe3ea;
}
.News-Pagination-Wrap .pagination a#active{
	background:var(--cream-dark); color:#fff; 
}

/*=========================================================================================*/
/*============================== Current News Details Page Design =========================*/

/* Main Section */
.news-paper{
	background:var(--cr-canvas); padding: 25px 25px; /* for media query */
}

/* section divider */
.section-divider{ 
	display:flex; align-items:center; border:none; 
}
.section-divider::before{ 
	content:""; background:var(--safety); flex:none;
}
.section-divider::after{ 
	content:""; flex:1; height:1px; background:var(--ink); opacity:.85; 
}
.diecut-corner{ 
	clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%); 
}

/* shells */
.content-container{ 
	margin:0 auto;
}
.news-hero-heading{
	font-family:var(--f-display); font-weight:700; line-height:1.24; color:var(--ink);letter-spacing:-.01em;
}
.publish-date-badge{
	display:inline-flex; align-items:center; font-family:var(--f-utility);font-weight:500; letter-spacing:.03em; color:var(--ink);
}

/* hero Image Section */
.gallery-shell{
    position:relative !important; left:50% !important; transform:translateX(-50%) !important; float:none !important; display:inline-block; width:fit-content; max-width:100%; 
}
.gallery-row{ 
	display:flex;
}
.gallery-hero-wrap{
	position:relative; flex:0 0 auto; width:var(--hero-w); max-width:100%; aspect-ratio:16/10; border:1px solid var(--bg-alt); border-radius:1px; overflow:hidden; cursor:zoom-in; box-shadow:var(--shadow); transition:box-shadow var(--dur) var(--ease);
}
.gallery-hero-wrap:hover{ 
	box-shadow:0 24px 54px -18px rgba(21,20,15,.5); 
}
.gallery-hero-slide{
	position:absolute; inset:0; display:flex; align-items:center; justify-content:center; opacity:0; z-index:1; transition:opacity var(--dur-slow) var(--ease); background-size:cover; background-position:center; filter: brightness(0.85); background-repeat:no-repeat; 
}
.gallery-hero-slide.is-active{ 
	opacity:1; z-index:2; 
}
.gallery-hero-slide img{ 
	width:100%; height:100%; object-fit:contain; object-position:center; display:block; 
}
.hero-counter-badge{
	position:absolute; z-index:6; font-family:var(--f-utility); font-weight:600; letter-spacing:.03em; color:#fff; background:rgba(21,20,15,.75); border-radius:2px;
}
.hero-zoom-hint{
	position:absolute; z-index:6; display:flex; align-items:center; gap:6px; font-family:var(--f-utility);  letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,.9); background:rgba(21,20,15,.5);  border-radius:2px; opacity:0; transform:translateY(6px); transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.gallery-hero-wrap:hover .hero-zoom-hint{ 
	opacity:1; transform:translateY(0); 
}

/*  prev/next arrows */
.hero-nav-btn{
	position:absolute; top:50%; z-index:7; transform:translateY(-50%); border:none; cursor:pointer;	display:flex; align-items:center; justify-content:center; background:rgba(21,20,15,.50); color:#fff; opacity:0; transition:opacity var(--dur) var(--ease), background var(--dur-fast) var(--ease), transform var(--dur) var(--ease);
}
.gallery-hero-wrap:hover .hero-nav-btn{ 
	opacity:1; 
}
.hero-nav-btn:hover{ 
	background:var(--ink-soft); transform:translateY(-50%) scale(1.08); 
}

/* right stamps image */	
.gallery-thumb-col{
	flex:0 0 auto; width:auto; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; 
}
.gallery-thumb-grid{
	flex:0 0 auto; width:auto; display:grid; align-content:center; justify-content:start;
}
.gallery-thumb{
	position:relative; display:block; box-sizing:border-box; width:calc(var(--hero-w) * 0.3) !important;aspect-ratio:23/20;	height:auto !important;	flex:0 0 auto !important; border:2px solid var(--cr-canvas); border-radius:1px; cursor:pointer;	transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), opacity var(--dur) var(--ease);
}
.gallery-thumb::after{
	content:""; position:absolute; inset:2px; border-radius:1px; pointer-events:none;
}
.gallery-thumb:hover{ 
	transform:translateY(-0px); border-color:#B9B39F; 
}
.gallery-thumb.is-current{ 
	display:none; 
}
.gallery-thumb-inner{
	position:relative; width:100%; height:100%; border-radius:2px; overflow:hidden; background:var(--gallery-bg);
}
.gallery-thumb-inner img{
	width:100%; height:100%; object-fit:contain; object-position:center; display:block;	transition:transform var(--dur-slow) var(--ease);
}
.gallery-thumb:hover .gallery-thumb-inner img{ 
	transform:scale(1.025); 
}
.gallery-thumb-number{
	position:absolute; bottom:1px; right:1px; z-index:2; font-family:var(--f-utility); font-weight:700; color:#fff; background:rgba(21,20,15,.6); border-radius:2px;
}

/* lightbox */
.editorial-lightbox{
	position:fixed; inset:0; z-index:2000; display:flex; align-items:center; justify-content:center;background:rgba(10,9,7,.92); opacity:0; visibility:hidden; transition:opacity var(--dur-slow) var(--ease), visibility 0s linear var(--dur-slow);
}
.editorial-lightbox.is-open{ 
	opacity:1; visibility:visible; transition-delay:0s; 
}
.lightbox-media{
	position:relative; display:inline-flex;
}
.lightbox-media img{
	object-fit:contain; border-radius:1px; display:block; box-shadow:0 30px 80px rgba(0,0,0,.5); transform:scale(.97); transition:transform var(--dur-slow) var(--ease); background:var(--gallery-bg)
}
.editorial-lightbox.is-open .lightbox-media img{ 
	transform:scale(1); 
}
.lightbox-close-btn{
	position:absolute; z-index:2; display:flex; align-items:center; justify-content:center; line-height:1; color:#fff; background:rgba(21,20,15,.55); border:none; cursor:pointer;	transition:opacity var(--dur-fast) var(--ease), transform var(--dur) var(--ease), background var(--dur-fast) var(--ease);  border-radius:50%;
}
.lightbox-close-btn:hover{ 
	background:var(--ink-soft); transform:rotate(90deg); 
}
.lightbox-nav-btn{
	position:absolute; top:50%; z-index:2; transform:translateY(-50%); border-radius:50%; border:none; cursor:pointer;	display:flex; align-items:center; justify-content:center; background:rgba(21,20,15,.5); color:#fff; opacity:.9; transition:opacity var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), transform var(--dur) var(--ease);
}
.lightbox-nav-btn:hover{ 
	opacity:1; background:var(--ink-soft); transform:translateY(-50%) scale(1.08); 
}
.lightbox-counter-badge{
	position:absolute; right:10px; bottom:10px;  z-index:2; font-family:var(--f-utility);  letter-spacing:.06em; color:#fff; background:rgba(21,20,15,.55); border-radius:1px; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
}
		
/* article body */
.news-article-wrap{ 
	text-align:left;
}
.news-article-wrap p{ 
	font-family:var(--f-body); font-weight:400; line-height:1.9; color:#302D26; margin:0; text-align:left; 
}

/* share button */
.share-section{
	margin:0 auto;
}
.share-section h2{ 
	font-family:var(--f-display); font-weight:700; color:var(--ink); text-align:left;
}
.share-icon-list{ 
	list-style:none; display:flex; padding:0; margin:0;
}
.share-icon-link{
	display:flex; align-items:center; justify-content:center; border:1.5px solid var(--line); color:var(--ink); background:var(--panel); box-shadow:0 4px 10px -6px rgba(21,20,15,.35); transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); text-decoration: none;
}
.share-icon-link:hover{
	color:#fff; border-color:transparent; transform:translateY(-3px) scale(1.06); box-shadow:0 12px 22px -10px rgba(21,20,15,.5);
}
.share-icon-link--facebook:hover,
.share-icon-link--twitter:hover,
.share-icon-link--linkedin:hover,
.share-icon-link--whatsapp:hover{
    background:#000;
}


/* related news */
.related-articles-header{ 
	display:flex; align-items:baseline;
}
.related-articles-header h2{ 
	font-family:var(--f-display); font-weight:700; color:var(--ink);
}
.related-articles-header span{ 
	font-family:var(--f-utility); letter-spacing:.1em; text-transform:uppercase; color:var(--muted);
}
.related-articles-list{ 
	display:grid; 
}
a.related-article-link{ 
	text-decoration:none; display:block; height:100%; 
}
.related-article-card{
	background:var(--cr-canvas); border:1px solid var(--line); position:relative; transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease); display:flex; align-items:stretch; height:100%;
}
.related-article-card:hover{ 
	transform:translateY(-3px); border-color:var(--cr-loom); box-shadow:0 16px 30px -18px rgba(21,20,15,.4); 
}
.related-article-media{ 
	aspect-ratio:4/3; overflow:hidden; background:var(--paper); border-right:1px solid var(--line);
}
.related-article-media img{ 
	width:100%; height:100%; object-fit:contain; object-position:center; display:block; transition:transform var(--dur-slow) var(--ease); 
}
.related-article-card:hover .related-article-media img{ 
	transform:scale(1.04); 
}
.related-article-content{ 
	flex:1 1 auto; min-width:0; display:flex; flex-direction:column; justify-content:center;
}
.related-article-content h3{
	font-family:var(--f-body); font-weight:700; line-height:1.5; color:var(--ink); margin:0; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;
}
.related-article-excerpt{
	font-family:var(--f-body); line-height:1.6; color:var(--muted); margin:0; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;
}
.related-article-date{
	font-family:var(--f-utility); letter-spacing:.03em; color:var(--muted); display:inline-flex; align-items:center;
}
.related-article-date::before{ 
	content:""; background:var(--cr-muted); display:inline-block; 
}

/* ================= responsive ================= */
@media (prefers-reduced-motion: reduce){
	.gallery-hero-slide, .gallery-thumb, .gallery-thumb-inner img, .gallery-hero-wrap, .hero-nav-btn,
	.editorial-lightbox, .lightbox-media img, .lightbox-close-btn, .lightbox-nav-btn,
	.related-article-card, .related-article-media img, .share-icon-link, .hero-zoom-hint{
		transition:none !important;
	}
}


/*=========================================================================================*/
/*================================ Training Page Design ===================================*/

.Training-Intro{
	text-align:center; background: repeating-linear-gradient(30deg,#060c14,#0c1827 2px,#172f4f 4px); border-radius:1px;  box-shadow:0 4px 16px rgba(0,0,0,0.06);
}
.Training-Intro-Quote{
	display:block; max-width:98%; margin:0 auto; font-style:italic; font-weight:500; line-height:1.6; color:#9a9a9a;
}
.Training-Intro-Quote i{
	color:#7c7c7c; opacity:.6;
}
.Training-Intro-Author{
	display:block; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:var(--green-glow);
}

/* Search panel */
.Training-Search-Panel{
	display:flex; align-items:center; flex-wrap:wrap; border-radius:1px;
}
.Training-Search-Label{
	display:none;
}
.Training-Search-Select-Wrap{
	position:relative; display:inline-block;  max-width:100%;
}

/* Training Native */
.Training-Native-Select{
	appearance:none; -webkit-appearance:none; -moz-appearance:none; width:100%;	border:1px solid #c7d6e8; border-radius:1px; background-color:rgb(232,232,232); color:#3e3e3e;	cursor:pointer;	transition:border-color .2s ease, box-shadow .2s ease;
}
.Training-Native-Select:hover{
	border-color:#3e3e3e;
}
.Training-Native-Select:focus{
	outline:none; border-color:#333334; box-shadow:0 0 0 3px rgba(45, 45, 45, 0.18);
}
.Training-Native-Select--enhanced{
	position:absolute; width:1px; height:1px; padding:0; margin:0; border:0; opacity:0; overflow:hidden;pointer-events:none;
}

/* Custom stylized dropdown */
.Training-Custom-Dropdown{
	display:none; position:relative;
}
.Training-Custom-Trigger{
	display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%;background:var(--card); border:1.5px solid #c7d6e8; border-radius:1px; font-weight:500; color:#303030; cursor:pointer;transition:border-color .2s ease, box-shadow .2s ease;
}
.Training-Custom-Trigger:hover{
	border-color:#303030; box-shadow:0 2px 10px rgba(15,106,180,0.12);
}
.Training-Custom-Dropdown.is-open .Training-Custom-Trigger{
	border-color:#303030; box-shadow:0 0 0 3px rgba(15,106,180,0.18);
}
.Training-Custom-Dropdown.is-open .Training-Custom-Trigger-Arrow{
	transform:rotate(180deg);
}

.Training-Custom-Options{
	position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:50; margin:0; list-style:none;background:#eaeaea; border:1px solid #dbe6f3; border-radius:1px; box-shadow:0 14px 30px rgba(15,40,70,0.18);overflow-y:auto; display:none;
}
.Training-Custom-Dropdown.is-open .Training-Custom-Options{
	display:block;
}

/* Flips upward automatically */
.Training-Custom-Dropdown.drop-up .Training-Custom-Options{
	top:auto; bottom:calc(100% + 8px);
}
.Training-Custom-Options::-webkit-scrollbar-track{
	background:transparent;
}
.Training-Custom-Options::-webkit-scrollbar-thumb{
	background:#a1a1a1; border-radius:1px;
}
.Training-Custom-Options::-webkit-scrollbar-thumb:hover{
	background:#a1a1a1;
}

.Training-Custom-Option{
	display:flex; align-items:center; border-radius:1px; color:#233a4d; cursor:pointer; transition:background .15s ease;
}
.Training-Custom-Option:hover{
	background:#c3c3c3;
}
.Training-Custom-Option .fa-check{
	color:#474747; opacity:0;
}
.Training-Custom-Option.is-selected{
	font-weight:700; color:#474747; background:#c3c3c3;
}
.Training-Custom-Option.is-selected .fa-check{
	opacity:1;
}

/* Reset button */
.Training-Reset-Btn{
	display:inline-flex; align-items:center; border-radius:1px; color:#c0392b; font-weight:700; white-space:nowrap; text-decoration:none; cursor:pointer;
}
.Training-Reset-Btn:hover{
	color:#800b01; text-decoration:none;
}

/* Training Count */
.Training-Count{
	color:#666;
}
.Training-Empty{
	color:#777; font-style:italic; 
}
.News-Card-Type{
	font-weight:600; color:var(--cream-dark); text-transform:uppercase; letter-spacing:.3px;
}

/*====================================================================================*/
/*========================= Training Details Page Design =============================*/

.training-subcategory-badge{
	display:inline-flex; align-items:center; border-radius:1px; color:var(--cream-dark); font-weight:800; letter-spacing:.4px; text-transform:uppercase;
}


/*====================================================================================*/
/*=========================== News letter Page Design =================================*/

.archive-hero{
    position:relative; z-index:1; margin:0 auto; border-bottom:1px solid var(--lime);
}
.archive-hero .eyebrow{
    display:flex; align-items:center;  text-transform:uppercase; color:var(--lime-dk);
}
.archive-hero .eyebrow::before{
    content:''; background:var(--lime-dk);

	 width:28px; height:1px; /* For Media Query */
}
.archive-hero h1{
    font-weight:400; line-height:0.92; letter-spacing:0.01em; color:var(--cream-dark);
}
.archive-hero h1 em{
    font-style:normal; color:var(--lime-dk);
}
.archive-hero p{
    line-height:1.5; color:var(--gray); margin:0;
}


/* archive section */
.archive-shelf{
    position:relative; z-index:1; margin:0 auto;
}
.shelf-grid{
    display:grid;
}
.issue-card{
    opacity:0; transform:translateY(28px); transition: opacity 0.7s ease, transform 0.7s ease;
}
.issue-card.is-visible{
    opacity:1; transform:translateY(0);
}
.issue-cover-wrap{
    position:relative; cursor:pointer; border-radius:2px; overflow:hidden; background:var(--paper-dim);aspect-ratio: auto; transform: rotate(var(--tilt, 0deg)); transition: transform 0.35s ease, box-shadow 0.35s ease; box-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
  
.issue-card:nth-child(3n+1) .issue-cover-wrap{ --tilt: -1.1deg; }
.issue-card:nth-child(3n+2) .issue-cover-wrap{ --tilt: 0.6deg; }
.issue-card:nth-child(3n)   .issue-cover-wrap{ --tilt: -0.3deg; }

.issue-cover-wrap:hover,
.issue-cover-wrap:focus-visible{
    transform: rotate(0deg) translateY(-6px); box-shadow: 0 22px 40px -18px rgba(0,0,0,0.55);
}
.issue-cover-wrap:focus-visible{
	outline:2px solid var(--lime-dk); outline-offset:3px; 
}
.issue-cover-wrap img{
    width:100%; height:100%; object-fit:contain; display:block;
}
.issue-cover-wrap::before{
    content:''; position:absolute; top:0; left:0; right:0; height:10px; z-index:2; opacity:0.5;mix-blend-mode:multiply;
}

.cover-placeholder{
    width:100%; height:100%; display:flex; align-items:center; justify-content:center; position:relative;
	background:
      	radial-gradient(120% 140% at 15% 0%, rgba(200,255,77,0.16), transparent 55%),
      	linear-gradient(160deg, var(--moss), var(--ink-soft));
    
}
.ring-stamp{
    position:absolute; z-index:3; filter:drop-shadow(0 2px 4px rgb(197, 175, 93, 0.5));
}
.issue-badge-text{
    text-anchor:middle; font-family:'Bebas Neue', sans-serif; fill:var(--paper);
}
.issue-meta{
    display:flex; align-items:baseline; justify-content:space-between;
}
.issue-meta .when{
    font-family:var(--display); letter-spacing:0.02em; color:var(--lime-dim);
}
.issue-meta .when span{ 
	color:var(--lime-dim);
}
.issue-meta .pillar-ank{
	text-decoration: none;
}
.issue-meta .pillar-tag{
    letter-spacing:0.1em; text-transform:uppercase; color:var(--paper); background:var(--lime-dk); border-radius:2px; white-space:nowrap;
}
.issue-title{
    font-family:var(--serif); font-style:italic; color:var(--cream);
}

/* Light Box of News Letter */
.nl-lightbox{
	position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center;background: rgba(9,11,7,0.72); backdrop-filter: blur(14px) saturate(1.1); -webkit-backdrop-filter: blur(14px) saturate(1.1); opacity:0; visibility:hidden; transition: opacity 0.35s ease; padding: 40px 20px; 
}
.nl-lightbox.is-open{ 
	opacity:1; visibility:visible; 
}
.nl-lightbox-panel{
	position:relative; display:flex; flex-direction:column; width:100%; background:var(--paper); color:var(--ink); border-radius:3px; overflow:hidden; box-shadow: 0 40px 90px -30px rgba(0,0,0,0.7); transform: translateY(18px) scale(0.98); transition: transform 0.4s cubic-bezier(.2,.8,.2,1);
}
.nl-lightbox.is-open .nl-lightbox-panel{ 
	transform:translateY(0) scale(1); 
}
.nl-lightbox-header{
	flex:0 0 auto; display:flex; align-items:center; justify-content:space-between;  border-bottom:1px solid rgba(18,20,15,0.1); background:var(--paper);
}
.nl-lightbox-header-text{ 
	min-width:0; 
}
.nl-lightbox-header .lb-eyebrow{ /* Not In Use */
	font-family:var(--body); letter-spacing:0.14em; text-transform:uppercase; color:var(--teal); font-size:11px; margin-bottom:4px;
}
.nl-lightbox-header h2{
    font-family:var(--serif); font-style:italic; font-weight:400; line-height:1.2; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.nl-lightbox-header h2 .lb-when{
	font-family:var(--display); font-style:normal;letter-spacing:0.03em; color:var(--ink); opacity:0.55;
}
.nl-lightbox-controls{ 
	flex:0 0 auto; display:flex; align-items:center;
}
.lb-icon-btn{
	border-radius:50%; border:1px solid rgba(18,20,15,0.14); background:transparent; color:var(--ink); cursor:pointer; display:flex; align-items:center; justify-content:center;text-decoration:none; transition: background 0.2s ease, border-color 0.2s ease;
}
.lb-icon-btn:hover{ 
	background:rgba(58,74,52,0.1); border-color:var(--teal); 
}
.lb-pdf-link{
	font-family:var(--body); font-weight:600; color:var(--teal); text-decoration:none; border-radius:2px; white-space:nowrap;
}
.lb-pdf-link:hover{ 
	text-decoration:underline; 
}
.nl-lightbox-reader{ 
	flex:1 1 auto; position:relative; background:var(--ink); overflow:hidden; 
}
.nl-lightbox-reader iframe{ 
	position:absolute; inset:0; width:100%; height:100%; border:0; 
}
.nl-lightbox-reader .cover-placeholder{ 
	position:absolute; inset:0; min-height:0; 
}
.nl-lightbox-close:hover{ 
	transform:rotate(90deg); 
}

/* Dont Want To Show Nav: CLose By Shahriar */
.nl-lightbox-nav{
	position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:44px; height:44px; border-radius:50%; border:1px solid rgba(239,234,216,0.5); background:rgba(18,20,15,0.45); color:var(--paper); cursor:pointer;  align-items:center; justify-content:center; transition: background 0.2s ease, border-color 0.2s ease;  
	display:flex;
}
.nl-lightbox-nav:hover{ 
	background:rgba(200,255,77,0.22); border-color:var(--lime); 
}
.nl-lightbox-nav.prev{ 
	left:14px; 
}
.nl-lightbox-nav.next{ 
	right:14px; 
}



/*==================================================================================*/
/*========================== Career Page Design ===================================*/

.career-page .cr-hero,
.career-page .cr-main,
.career-page .cr-why,
.career-page .cr-divisions{
	box-sizing:border-box;
}
.career-page .cr-hero *,
.career-page .cr-main *,
.career-page .cr-why *,
.career-page .cr-divisions *{
	box-sizing:border-box;
}

/* ===== Seam divider (signature motif) ===== */
.cr-seam{
	background:var(--platinum); opacity:0.25;
}

/* Career Hero */
.cr-hero{
	position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden;
	background:var(--paper); 
}
.cr-hero-media{
	position:absolute; inset:0;
}
.cr-hero-img{
	width:100%; height:100%; object-fit:cover; display:block;
}
.cr-hero-overlay{
	position:absolute; inset:0;	background:linear-gradient(180deg, rgba(0, 14, 36, 0.72) 0%, rgba(0, 14, 36,0.60) 45%, rgba(0, 14, 36,0.82) 100%);
}
.cr-hero-content{
	position:relative; z-index:2; text-align:center; width:100%
}
.cr-hero-heading{
	font-family:'Raleway',sans-serif; font-weight:800; letter-spacing:0.5px; color:#FFFFFF;
	text-transform:uppercase; line-height:1.08;
}
.cr-stitch-word{
	position:relative; color:var(--green-glow);	font-style:italic; font-weight:800;
}
.cr-hero-subtext{
	font-family:'Nunito',sans-serif; font-weight:400; line-height:1.75; color:rgba(255,255,255,0.86); margin:0;margin:0 auto;
}

/*  Layout base */
.cr-main,
.cr-why,
.cr-divisions{
	background:var(--bg-alt);
}
.cr-container{
	margin:0 auto;
}
.cr-center{
	text-align:center;
}
.cr-panel-heading{
	font-family:'Raleway',sans-serif; font-weight:800; letter-spacing:0.3px; color:var(--cr-ink); text-transform:uppercase;	
}
.cr-section-heading{
	font-family:'Raleway',sans-serif; font-weight:800; letter-spacing:0.3px; color:var(--cr-ink); text-transform:uppercase;
}

/*  Opportunities: CV & Openings */
.cr-opportunities{
	display:grid; gap:0; border-top:1px solid var(--cr-line); border-bottom:1px solid var(--cr-line);
}
.cr-cv-panel{
	border-right:1px solid var(--cr-line);
}
.cr-panel-text{
	font-family:'Nunito',sans-serif; line-height:1.75; color:var(--cr-muted);
}

/* Hang-tag email element */
.cr-tag-link{
	display:inline-block; text-decoration:none; background:none; border:none; padding:0; cursor:pointer; font:inherit;
}
.cr-tag{
	position:relative; display:inline-flex;	align-items:center; background:var(--cr-card); border:1.5px dashed var(--green-accent); border-radius:6px; font-family:'Roboto',sans-serif; color:var(--cr-ink); transition:transform 0.2s ease, box-shadow 0.2s ease; box-shadow:0 8px 22px rgba(33,29,24,0.06);
}
.cr-tag-link:hover .cr-tag{
	transform:translateY(-3px) rotate(-0.4deg);	box-shadow:0 14px 30px rgba(33,29,24,0.12);
}
.cr-tag-hole{
	position:absolute; border-radius:50%; background:var(--cr-canvas); border:1.5px dashed var(--cr-gold);
}
.cr-tag i{
	color:var(--cr-rust);
}
.cr-tag-email{
	font-weight:500; letter-spacing:0.2px;
}
.cr-panel-hint{
	font-family:'Nunito',sans-serif; color:var(--cr-muted);
}

/* Openings list */
.cr-openings-empty i{
	color:var(--cr-ink); display:inline-block;
}
.cr-openings-empty-title{
	font-family:'Roboto',sans-serif; color:var(--cr-ink);
}
.cr-openings-empty-text{
	font-family:'Nunito',sans-serif; line-height:1.7; color:var(--cr-muted); margin:0; 
}
.cr-openings-list{
	list-style:none; margin:0; padding:0;
}
.cr-opening-row{
	border-bottom:1px solid var(--cr-line);
}
.cr-opening-row:first-child{
	border-top:1px solid var(--cr-line);
}
.cr-opening-link{
	display:flex; align-items:center; justify-content:space-between;text-decoration:none; transition:padding-left 0.2s ease, background 0.2s ease;
}
.cr-opening-link:hover{
	background:rgba(201,138,44,0.06); 
}
.cr-opening-main h3{
	font-family:'Roboto',sans-serif; font-weight:500; color:var(--cr-ink);
}
.cr-opening-meta{
	font-family:'Nunito',sans-serif; color:var(--cr-muted); display:flex; flex-wrap:wrap;
}
.cr-opening-cta{
	font-family:'Comfortaa',sans-serif; text-transform:uppercase;	color:var(--cr-rust); display:inline-flex; align-items:center; gap:6px; white-space:nowrap;
}

/* Why Choose */
.cr-perks-grid{
	display:grid;
}
.cr-perk-card{
	background:var(--bg-alt); border:1px solid var(--cr-line); border-radius:10px; text-align:center; transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.cr-perk-card:hover{
	transform:translateY(-4px); box-shadow:0 14px 30px rgba(33,29,24,0.08); border-color:rgba(138, 201, 44, 0.4);
}
.cr-perk-card i{
	color:var(--cr-ink); display:inline-block;
}
.cr-perk-card h3{
	font-family:'Raleway',sans-serif; font-weight:700; color:var(--cr-ink); text-transform:uppercase; letter-spacing:0.3px;
}
.cr-perk-card p{
	font-family:'Nunito',sans-serif; line-height:1.7; color:var(--cr-muted); margin:0;
}

/* Where You Could Work */
.cr-divisions-subtext{
	font-family:'Nunito',sans-serif; color:var(--cr-muted);
}
.cr-division-chips{
	display:flex; flex-wrap:wrap; justify-content:center;
}
.cr-chip{
	display:inline-flex; align-items:center; background:rgba(211, 211, 211, 0.25); border:1px solid var(--cr-line); border-radius:40px; padding:13px 22px; font-family:'Roboto',sans-serif; color:var(--cr-ink); transition:border-color 0.2s ease, transform 0.2s ease, background 0.2s ease; 
}
.cr-chip:hover{
	border-color:var(--green-bright); background:rgba(129, 255, 226, 0.06); transform:translateY(-2px);
}
.cr-chip i{
	color:var(--cr-ink);
}

/* Email Options Modal */
.cr-modal-overlay{
	display:none; position:fixed; inset:0; background:rgba(17, 20, 21, 0.85); z-index:9999; align-items:center;
	justify-content:center; padding:20px;
}
.cr-modal-overlay.active{
	display:flex;
}
.cr-modal-box{
	background:var(--paper); border-radius:12px; border-top:3px solid var(--bg-alt); width:100%;  position:relative; box-shadow:0 24px 60px rgba(22,38,43,0.3);
}
.cr-modal-close{
	position:absolute; background:none; border:none; color:var(--cr-muted); cursor:pointer;
}
.cr-modal-close:hover{
	color:var(--cr-ink);
}
.cr-modal-title{
	font-family:'Raleway',sans-serif; font-weight:800; letter-spacing:0.3px; color:var(--cr-ink);
	text-transform:uppercase;
}
.cr-modal-text{
	font-family:'Nunito',sans-serif; color:var(--cr-muted);
}
.cr-modal-options{
	display:flex; flex-direction:column;
}
.cr-modal-option{
	display:flex; align-items:center; font-family:'Roboto',sans-serif; color:var(--cr-ink); text-decoration:none; background:var(--cr-canvas); border:1px solid var(--cr-line); border-radius:8px; padding:13px 16px; cursor:pointer; transition:background 0.2s ease, border-color 0.2s ease; width:100%; text-align:left;
}
.cr-modal-option i{
	color:var(--cr-ink); 
}
.cr-modal-option:hover{
	background:rgba(129, 129, 129, 0.1); border-color:rgba(31, 31, 31, 0.4); color:var(--cr-loom-soft)!important;
}
.cr-modal-footnote{
	font-family:'Nunito',sans-serif; line-height:1.6; color:var(--cr-muted);
}

	
/*====================================================================================*/
/*=========================== Contact Us Page Design =================================*/
.contact-us-hero{
	background:url('/envoy/images/contact_us/hero-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center; 
}
.contact-hero{
	text-align:center; position:relative; overflow:hidden;
}
.contact-hero::before{
    content:""; position:absolute; inset:0; pointer-events:none;
}
.contact-hero-title{
    letter-spacing:.03em; margin:0; line-height:1; color:var(--platinum);
}
.contact-hero-title span{
	color:var(--paper);
}

/* ---------- MAIN GRID ---------- */
.contact-wrap{
    margin:0 auto; display:grid;
}
.contact-label-row{
    display:flex; align-items:center; gap:12px; margin-bottom:30px;
}
.contact-label-title{
    font-weight:400; margin:0; color:var(--cream);
}

/* ---------- FORM ---------- */
#contactForm{
	background: var(--paper);  border:1px solid rgba(0,0,0,0.07); border-radius:10px; 
}
.contact-field{
    position:relative;
}
.contact-field input,
.contact-field textarea{
    width:100%; background:transparent; border:none; border-bottom:1px solid rgba(0,0,0,0.18); color:var(--cream);
    font-family:'Inter',sans-serif; outline:none; resize:none;  transition:border-color .25s ease;
}
.contact-field textarea{
	line-height:1.2;
}
.contact-field label{
    position:absolute; left:2px; top:10px; color:var(--cream-dim); pointer-events:none;transition:all .2s ease;
}
.contact-field input:focus ~ label,
.contact-field textarea:focus ~ label,
.contact-field input:not(:placeholder-shown) ~ label,
.contact-field textarea:not(:placeholder-shown) ~ label{
    letter-spacing:.04em; color:var(--lime-dim);
}
.contact-field-bar{
    position:absolute; bottom:0; left:0; width:0; background:var(--lime); transition:width .3s ease;
}
.contact-field input:focus ~ .contact-field-bar,
.contact-field textarea:focus ~ .contact-field-bar{
	width:100%;
}
.contact-field-err{
    display:none; color:var(--error); margin-top:6px; letter-spacing:.01em;
}
.contact-field.contact-has-error input,
.contact-field.contact-has-error textarea{
	border-color:var(--error);
}
.contact-field.contact-has-error .contact-field-err{
	display:block;
}

/* Captcha */
.contact-captcha{
    display:flex; align-items:center; gap:10px; background:var(--paper); border:1px solid rgba(0,0,0,0.06);    padding:10px 20px; margin-bottom:12px;
}
.contact-captcha-sum{
    font-family:'Bebas Neue', sans-serif; letter-spacing:.05em; color:var(--lime-dk);  white-space:nowrap;
}
.contact-captcha input{
    background:var(--bg); border:1px solid rgba(0,0,0,0.15); border-radius:6px; color:var(--cream);
    padding:8px 10px; text-align:center;
}
.contact-captcha input:focus{
	outline:none; border-color:var(--lime-dk);
}
.contact-captcha-tag{
    color:var(--cream-dim); letter-spacing:.06em; text-transform:uppercase; margin-left:auto;
}
.contact-captcha-err{
    display:none; color:var(--error); margin:-2px 0 22px;
}
.contact-captcha-err.contact-show{
	display:block;
}
.contact-submit-btn{
    appearance:none; border:none; background:var(--lime-dk); color:#f4f4f0; font-family:'Bebas Neue', sans-serif; letter-spacing:.06em; border-radius:100px; cursor:pointer;transition:transform .15s ease, background .2s ease;
}
.contact-submit-btn:hover{
	background:var(--lime-dim); transform:translateY(-1px);
}
.contact-submit-btn:active{
	transform:translateY(0);
}
.contact-form-status{
    margin-top:18px; color:var(--lime); display:none;
}
.contact-form-status.contact-show{
	display:block;
}

/* ---------- OFFICES / GRID ---------- */
.contact-office-grid{
    display:grid;
}
.contact-office.contact-office-factory{
    grid-column:1 / -1;
}
.contact-office{
    position:relative; background:var(--paper); border:1px solid rgba(0,0,0,0.07); border-radius:10px;  border-top:2px solid var(--gray); transition:border-color .2s ease; display:flex;flex-direction:column; height:100%;
}
.contact-office:hover{
	border-top-color:var(--lime);
}
.contact-office.contact-office-factory{
	border-top-color:var(--lime);
}
.contact-office-tag{
    font-family:'comfortaa', sans-serif; color:var(--ink-soft);text-transform:uppercase; font-weight: 600; margin-bottom: 10px;
}
.contact-office-address{
    margin:0 0 16px; color:var(--cream-dim); line-height:1.65; flex-grow:1;
}
.contact-office-actions{
    display:flex; gap:8px; flex-wrap:wrap; margin-top:auto; padding-top:4px;
}
.contact-office-actions button,
.contact-office-actions a{
    display:inline-flex; align-items:center; gap:5px; letter-spacing:.02em; color:var(--cream); background:var(--bg); border:1px solid rgba(0,0,0,0.1); border-radius:100px; text-decoration:none; cursor:pointer; transition:border-color .2s ease, color .2s ease; font-family:'Inter',sans-serif;
}
.contact-office-actions button:hover,
.contact-office-actions a:hover{
	border-color:var(--lime); color:var(--lime);
}
.contact-office-actions button.contact-copied{
    color:var(--lime);
    border-color:var(--lime);
}
.contact-copy-label,
.contact-copy-confirm{
    display:inline-flex; align-items:center; gap:5px;
}
.contact-copy-confirm{
	display:none;
}
.contact-copy-btn.contact-copied .contact-copy-label{
	display:none;
}
.contact-copy-btn.contact-copied .contact-copy-confirm{
	display:inline-flex;
}
.contact-office-actions svg{
	flex-shrink:0;
}
.contact-footer{
    text-align:center; padding:30px 20px 40px; color:var(--cream-dim); letter-spacing:.03em; border-top:1px solid rgba(0,0,0,0.06);
}

@media (prefers-reduced-motion: reduce){
   *{
		transition:none !important;
	}
}