@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap');

:root {
  --primary-color: #192b4f; /* Blue 100 */
  --secondary-color: #D59A2A; /* Golden 100 */
  --secondary-light: #E2D2AE; /* Cream 200 */
  --bg-color: #FCFAF7; /* Background 100 */
  --text-main: #4A5568; /* Grey 100 */
  --text-muted: #4A5568; /* Grey 100 */
  --white: #ffffff;
  --danger-color: #dc3545;
  --border-color: #e0e0e0;
  --scale: 1;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--bg-color);
  color: var(--text-main);
  line-height:1.6;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  color: var(--primary-color);
  font-weight: 600;
  line-height: 1.2;
}

h1 { font-size: clamp(2rem, 5vw, 3rem); }
h2 { font-size: clamp(1.5rem, 4vw, 2.4rem); }
h3 { font-size: clamp(1.2rem, 3vw, 1.8rem); }

p {
  font-size: 1rem;
  /* NO letter-spacing applied to Inter per rules */
}

a {
  text-decoration: none;
  color: inherit;
}

/* Layout Utilities */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.text-center { text-align: center; }
.text-gold { color: var(--secondary-color); }
.italic { font-style: italic; }
.flex{display:flex; align-items:center;}

/* Buttons */
.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 1rem;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.btn--primary {
  background-color: var(--primary-color);
  color: var(--white);
}

.btn--primary:hover {
  background-color: #162a42;
}

.btn--outline {
  background-color: transparent;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.btn--outline:hover {
  background-color: var(--primary-color);
  color: var(--white);
}

.btn-loader {
  display: none;
}

.btn.loading .btn-text {
  visibility: hidden;
}

.btn.loading .btn-loader {
  display: inline-flex;
  position: absolute;
}

.spinner {
  width: 18px;
  height: 18px;
  animation: spin 0.8s linear infinite;
  stroke: var(--white);
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Forms */
.form-row {
  margin-bottom: 1.5rem;
  text-align: left;
}

.form-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: var(--text-main);
}

.required {
  color: var(--danger-color);
  margin-left: 4px;
}

.form-control {
  width: 100%;
  padding: 0.75rem 1rem;
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background-color: var(--white);
  transition: border-color 0.3s ease;
}

.form-control:focus {
  outline: none;
  border-color: var(--secondary-color);
}

.form-control.error {
  border: 1px solid var(--danger-color);
}

.form-error {
  font-size: 0.75rem;
  color: var(--danger-color);
  margin-top: 0.25rem;
  min-height: 1rem;
}

/* Header */
.site-header {
	background-color: #192B4F;
	padding:0 40px; 
	position:fixed; top:0; left:0;
	width:100%; height:76px;  
	z-index:200;
	flex-direction:column;
	isolation:isolate;
	box-sizing:border-box;
	box-shadow:0 2px 20px rgba(0, 0, 0, 0.2);
}

.site-header .header-container{
	flex-direction:row; justify-content:space-between;
	padding:16px 0;
	width:100%; max-width:1360px; height:76px;
}
.logo-wrapper {
  flex-direction: row;
  gap: 10px;
  height:76px;
  position: relative;
  width: 120px;
  flex-shrink: 0;
}

.logo-img-wrapper {
  position: absolute; top:8px;
  width: 120px; height:120px;
  border-radius: 100px;
  z-index:6;
}

.logo-img {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  object-fit: contain;
}

.logo-text-wrapper {
  display: none; /* As per Figma dump: "display: none" on Link */
  align-items: center;
  gap: 10px;
}

.logo-text-main {
  display: flex;
  align-items: baseline;
}

.logo-prince {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 25.6px;
  line-height: 26px;
  color: #192B4F;
}

.logo-bespoke {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #C7A86D;
  margin-left: 6px;
}

.logo-est {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 9.6px;
  line-height: 14px;
  text-transform: uppercase;
  color: #4A5568;
  border-left: 1px solid rgba(28, 42, 62, 0.12);
  padding-left: 10px;
}
.main-nav{flex-direction:row; gap:24px; height:23px; margin:0 auto;}
.nav-item {
  flex-direction: column;
  justify-content: center;
  padding: 0 10px;
  gap: 6px;
  height: 23px;
}
.nav-link {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 125%;
  letter-spacing: 0.26px; /* 2% of 13px */
  text-transform: uppercase;
  color: #FCFAF7;
  white-space: nowrap;
  transition: color 0.3s ease;
  cursor:pointer;
}
.nav-link:hover, .nav-item:hover .nav-link{color:#C7A86D;}
.nav-indicator{
  width: 0px;
  height: 1px;
  background: #C7A86D;
  transition: width 0.3s ease;
}

.nav-item:hover .nav-indicator,
.nav-link:hover + .nav-indicator {
  width: 100%;
}
.nav-item .icon{width:18px; height:18px; margin-left:4px; transition:transform 0.3s ease;}
.nav-item:hover .icon{transform: rotate(180deg);}
.header-btn {
	flex-direction:row; justify-content:center; gap:8px;
	padding:11.5px 16px;  
	width:247px; height:40px;
	background: #C5A059;
	border:1px solid #C5A059; border-radius:2px;
	cursor:pointer;
	transition:all 0.3s ease;
}
.header-btn span {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 125%;
  letter-spacing: 0.26px; /* 2% of 13px */
  text-align: center;
  text-transform: uppercase;
  color: #192B4F;
  white-space: nowrap;
}

.header-btn svg{transition:transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);}
.header-btn:hover{
	background:linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), #C5A059 !important;
	border-color:#DFCE9F !important;
}
.header-btn:hover svg{transform:translate(3px, -3px);}
/* Parent Menu */
.nav-has-submenu{position:relative;}

/* Sub Menu */
.submenu{
    position:absolute;
    top:calc(100% + 20px);
    left:50%;
    transform:translateX(-50%);
    width:255px;
    padding:15px;
    margin:0;
    list-style:none;
    background:linear-gradient(
        135deg,
        #08152f 0%,
        #0f2248 100%
    );
    border:1px solid #c8a24f;
	box-shadow: inset 0 0 0 1px #c8a24f;
    border-radius:12px;
    box-shadow:0 15px 40px rgba(0,0,0,.35);
    opacity:0;
    visibility:hidden;
    transition:.35s ease;
    z-index:999;
}

/* Gold Pointer */
.submenu::before{
    content:"";
    position:absolute;
    top:-9px;
    left:50%;
    width:16px;
    height:16px;
    background:#0f2248;
    border-top:1px solid #c8a24f;
    border-left:1px solid #c8a24f;
    transform:translateX(-50%) rotate(45deg);
}

.nav-has-submenu:hover .submenu{
    opacity:1;
    visibility:visible;
    top:calc(100% + 10px);
}

/* Menu Item */
.submenu li{margin:0;}

.submenu li + li{border-top:1px solid rgba(200,162,79,.3);}
.submenu li a{
    display:flex; align-items:center; gap:1px;
    padding:8px;
    text-decoration:none;
    color:#fff;
    transition:.3s;
}
.submenu li a:hover{background:rgba(200,162,79,.08);}
.submenu-icon{
    width:40px;
    text-align:center;
    font-size:18px;
    color:#c8a24f;
}
.submenu-text{
    flex:1;
    font-size:14px;
    line-height:1.3;
    text-transform:uppercase;
    color:#fff;
}

/* mobile toggal icon */
.mobile-toggle{
    display:none;
    background:none;
    border:none;
    cursor:pointer;
    padding:0;
    width:32px;
    height:24px;
    flex-direction:column;
    justify-content:space-between;
}

.mobile-toggle span{
    display:block;
    width:100%;
    height:2px;
    background:#fff;
    transition:.3s;
}
/* Hamburger Animation */
.mobile-toggle.active span:nth-child(1){
    transform:translateY(11px) rotate(45deg);
}

.mobile-toggle.active span:nth-child(2){
    opacity:0;
}

.mobile-toggle.active span:nth-child(3){
    transform:translateY(-11px) rotate(-45deg);
}

/*==============
home page 
===============*/

/* Hero Section */
.hero-section {
  max-width: 100%;
  margin: 0 auto;
  min-height: auto;
  padding: 130px 40px 50px 40px;
  gap: 10px;
  opacity: 1;
  background-color: #F7F3EC;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.hero-container {
  flex-direction: row;
  justify-content: space-between;
  gap: 107px;
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
}

.hero-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  width: 652px;
  flex: none;
}

.hero-text-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
  width: 100%;
}

.hero-subtitle {
  flex-direction: row;
  padding: 0px;
  gap: 16px;
}

.subtitle-line {
  flex: none;
  width: 56px;
  height: 1px;
  background: #D59A2A;
}

.hero-subtitle span {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #D59A2A;
  letter-spacing: 0; /* Forced to 0 per strict typography rules */
}

.hero-title {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size:52px;
  line-height: 1.1;
  color: #192B4F;
  margin: 0;
}

.hero-title .text-gold.italic {
  font-style: italic;
  color: #D59A2A;
}

.hero-description {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 180%;
  color: #4A5568;
  letter-spacing: 0; /* Forced to 0 per strict typography rules for Inter font */
  max-width: 576px;
  margin: 0;
}

.hero-actions-stats {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  width: 100%;
}

.hero-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.btn-hero-primary {
  flex-direction: row;
  justify-content: center;
  padding: 12px 16px;
  gap: 8px;
  width: 307px;
  height: 48px;
  background: #192B4F;
  border: 1px solid #192B4F;
  border-radius: 2px;
  cursor: pointer;
  transition: background 0.3s ease, border-color 0.3s ease;
}

.btn-hero-primary span {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
  color: #FCFAF7;
  letter-spacing: 0;
}
.btn-hero-primary svg{transition:transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);}
.btn-hero-primary:hover{background:#192B4F; border-color:#D59A2A;}
.btn-hero-primary:hover svg{transform:translate(3px, -3px);}
.btn-hero-text{
  flex-direction:row;
  width: 317px;
  height: 46px;
  padding: 14px 28px;
  gap: 12px;
  opacity: 1;
  border-radius: 2px;
  text-decoration: none;
}

.btn-hero-text span {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 125%;
  text-align: center;
  text-transform: uppercase;
  color: #192B4F;
  letter-spacing: 0; /* Forced to 0 per strict typography rules for Inter font */
}

.text-btn-line {
  width: 24px;
  height: 1px;
  background: #192B4F;
}
.hero-stats{flex-direction:row; gap:40px; height:57.27px;}
.hero-stat-item{display:flex; flex-direction:column; justify-content:flex-start;}
.stat-number{
	font-family:'Playfair Display', serif; font-weight:400;
	font-style:italic; font-size:30px; line-height:36px;
	color:#192B4F;
	text-transform:uppercase;
}
.stat-label{
	font-family:'Inter', sans-serif; font-weight:400;
	font-size:11.52px; line-height:17.28px;
	color:#4A5568;
	text-transform:uppercase;
}
.stat-divider{width:1px; height:40px; background:rgba(28, 42, 62, 0.12);}
.hero-right {
  width: calc(601px * var(--scale));
  height: calc(737px * var(--scale));
  position: relative;
  flex: none;
  transition: all 0.3s ease;
}

.hero-images-wrapper {
  position: absolute;
  width: 492px;
  height: 634px;
  left: calc(109px * var(--scale));
  top: 0px;
  background: rgba(255, 255, 255, 0.00001);
  box-shadow: 0px 40px 80px -30px rgba(23, 55, 94, 0.35);
  border-radius: 2px;
  transform: scale(var(--scale));
  transform-origin: top left;
  transition: all 0.3s ease;
}

.hero-img-bg-container {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  overflow: hidden;
}

.hero-img-gradient {
  position: absolute;
  width: 394px;
  height: 509px;
  left: -1px;
  top: 41.12px;
  background: linear-gradient(45deg, rgba(23, 55, 94, 0.1) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
}

.hero-img-large {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-img-overlap-1 {
  box-sizing: border-box;
  position: absolute;
  width: 259.81px;
  height: 331.19px;
  left: -108.5px;
  top: 389.2px;
  background: rgba(255, 255, 255, 0.00001);
  border: 6px solid #FCFAF7;
  box-shadow: 0px 30px 60px -25px rgba(23, 55, 94, 0.35);
  border-radius: 2px;
  z-index: 2;
  overflow: hidden;
}

.hero-img-medium {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-img-overlap-2 {
  box-sizing: border-box;
  position: absolute;
  width: 176px;
  height: 128px;
  left: -92.5px;
  top: 32.38px;
  background: rgba(255, 255, 255, 0.00001);
  border: 5px solid #FCFAF7;
  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  z-index: 2;
  overflow: hidden;
}

.hero-img-small {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.atelier-notes-card{
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding:12px 20px 1px;
  gap:6px;
  position: absolute;
  width:280px;
  height:162px;
  left:180px;
  top:590px;
  background: rgba(252, 250, 247, 0.95);
  border: 1px solid rgba(28, 42, 62, 0.12);
  border-radius: 2px;
  z-index: 3;
}

.atelier-notes-title {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 11.2px;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #D59A2A;
}

.atelier-notes-text {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 16.8px;
  line-height: 23px;
  letter-spacing: 0.08px;
  color: #192B4F;
  margin: 0;
}

/* Common Section Styles */
.section-padding {
  padding: 6rem 0;
}

.section-header {
  text-align: center;
  margin-bottom: 4rem;
}

.section-header h2 {
  margin-bottom: 1rem;
}

.section-header p {
  color: var(--text-muted);
  max-width: 600px;
  margin: 0 auto;
}

/* Map Section */
.map-section .map-container {
  text-align: center;
}
.map-container img {
  max-width: 100%;
  border-radius: 8px;
}

/* Gallery Section */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
}

.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.gallery-item img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  transition: transform 0.5s ease;
  display: block;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

/* Fabric House Section */
.fabric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 3rem;
  align-items: center;
  text-align: center;
}

.fabric-item {
  font-family: 'Playfair Display', serif;
  font-size: 1.5rem;
  color: var(--primary-color);
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.fabric-item:hover {
  opacity: 1;
}

/* Global Reach Section */
.cities-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 2rem;
  text-align: center;
}

.city-item h4 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.city-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  background-color: var(--secondary-light);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color);
}

/* Trunk Shows Section */
.trunk-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.trunk-item {
  position: relative;
}

.trunk-item img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 4px;
}

.trunk-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem;
  background: linear-gradient(to top, rgba(13, 27, 42, 0.9), transparent);
  color: var(--white);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* Testimonial Section */
.testimonial-section {
  display: flex;
  align-items: center;
  gap: 4rem;
  background-color: var(--white);
  padding: 4rem;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.testimonial-img {
  flex-shrink: 0;
  width: 250px;
  height: 300px;
  object-fit: cover;
  border-radius: 4px;
}

.testimonial-content h3 {
  margin-bottom: 1rem;
}

.testimonial-author {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* Newsletter Section */
.newsletter-section {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.newsletter-form {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Footer */
.footer-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.footer-separator {
  width: 100%;
  height:106px;
  background: url('../../assets/images/footer_separation.webp') center/cover no-repeat;
  flex-shrink: 0;
}

/* ==========================================================================
   FOOTER (PART 10)
   ========================================================================== */

.site-footer {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 0 0 0;
  width: 100%;
  background: linear-gradient(180deg, #081B3C 0%, #192B4F 100%);
  box-shadow: 0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
}

.footer-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 48px;
  width: 100%;
  max-width: 1360px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.footer-top {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 40px;
  border-bottom: 2px solid rgba(252, 250, 247, 0.1);
  position: relative;
  gap: 40px;
}

.footer-brand-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 384px;
  gap: 24px;
}

.footer-logo {
  position: relative;
  height: 42px;
  display: block;
  width: 100%;
}

.footer-logo-prince {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size: 34px;
  line-height: 125%;
  letter-spacing: -0.64px;
  vertical-align: middle;
  color: #F7F3EC;
  position: absolute;
  left: 0;
  top: -8px;
}

.footer-logo-bespoke {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  letter-spacing: 0.08px;
  vertical-align: middle;
  color: #C5A059;
  position: absolute;
  left: 100px; /* Increased to add a gap */
  top: 3px;
}

.footer-brand-desc {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29.6px;
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  color: rgba(252, 250, 247, 0.7);
  margin: 0;
  width: 100%;
}

.footer-links-container {
  display: flex;
  flex-direction: row;
  gap: 40px;
  margin-left: 40px;
  flex-wrap: wrap;
}

.footer-link-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 184px;
  gap: 12px;
}

.footer-col-title {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11.2px;
  line-height: 16.8px;
  letter-spacing: 3.58px;
  text-transform: uppercase;
  color: #D59A2A;
  margin: 0;
}

.footer-col-line {
  width: 32px;
  height: 1px;
  background-color: #C5A059;
  margin-bottom: 8px;
}

.footer-link-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-link-list a {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15.2px;
  line-height: 22.8px;
  letter-spacing: 0.08px;
  color: #FCFAF7;
  text-decoration: none;
  transition: opacity 0.3s ease;
  display:flex;
  gap:4px;
  align-items:center;
}

.footer-link-list a:hover {
  opacity: 0.7;
}

.footer-watermark {
  position: absolute;
  right: -24px;
  top: -27px;
  width: 240px;
  height: 245px;
  opacity: 0.05;
  border-radius: 300px;
  pointer-events: none;
}

.footer-watermark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 32px 0;
  position: relative;
}

.footer-bottom-text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: #D59A2A;
  margin: 0;
}

.footer-bottom-text.text-right {
  text-align: right;
}

.footer-image-frame {
  position: relative;
  width: 100%;
  max-width:100%;
  margin:0 auto;
  display: flex;
}

.footer-bg-img {
  width: 100%;
  height: auto;
  display: block;
}

.footer-image-frame-logo {
  position: absolute;
  right: 7%;
  top:34%;
  width:7%;
  aspect-ratio: 87 / 89;
  border-radius: 50%;
  overflow: hidden;
}

.footer-image-frame-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* home >> TrustStrip Section */
.trust-strip {
  box-sizing: border-box;
  width: 100%;
  height:148px;
  background: #E2D2AE;
  border-top: 1.99167px solid #E0C798;
  border-bottom: 1.99167px solid #E0C798;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.trust-strip-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
}
.trust-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  gap: 8px;
  width: 326.54px;
  height: 80.82px;
  text-align: center;
}
.trust-item:not(:first-child){border-left:1.99167px solid #C7A86D;}
.trust-label{
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 125%;
  text-align: center;
  text-transform: uppercase;
  color: #C28716;
  letter-spacing: 0; /* Forced to 0 per strict typography rules in design-rules.md */
}

.trust-value {
  font-family: 'Playfair Display', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 0; /* Forced to 0 per strict typography rules in design-rules.md */
  color: #192B4F;
}

/* Global Bespoke Section */
.global-bespoke-section {
  box-sizing: border-box;
  width: 100%;
  padding:64px 40px;
  background-color: #F7F3EC;
  overflow: hidden;
}

.global-bespoke-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  gap: 40px;
}

.global-bespoke-left {
  width: 598px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.section-eyebrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 16px;
  margin-bottom: 24px;
}

.eyebrow-i {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #D59A2A;
}

.eyebrow-line {
  width: 55.98px;
  height: 1px;
  background: #D59A2A;
}

.eyebrow-text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16.8px;
  text-transform: uppercase;
  color: #D59A2A;
  letter-spacing: 0; /* Forced to 0 per strict typography rules for Inter font */
}

.global-bespoke-title {
  font-family: 'Playfair Display', serif;
  font-style: normal;
  font-weight: 400;
  font-size:50px;
  line-height:110%;
  letter-spacing: -0.56px;
  color: #192B4F;
  margin: 0 0 24px 0;
}

.global-bespoke-paragraph {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16.8px;
  line-height: 31.08px;
  color: #4A5568;
  letter-spacing: 0; /* Forced to 0 per strict typography rules for Inter font */
  margin: 0 0 20px 0;
}
.global-bespoke-list{
	margin-left:24px;
	font-size:15px;
}
.global-bespoke-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 31.99px;
  margin-top: 32px;
}

.global-bespoke-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  gap: 8px;
  width: 307px;
  height: 48px;
  background: #192B4F;
  border: 1px solid #192B4F;
  border-radius: 2px;
  cursor: pointer;
  transition: background 0.3s ease, border-color 0.3s ease;
}

.global-bespoke-btn span {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 125%;
  text-align: center;
  text-transform: uppercase;
  color: #FCFAF7;
  letter-spacing: 0; /* Forced to 0 per strict typography rules */
}

.global-bespoke-btn svg {
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.global-bespoke-btn:hover {
  background: #192B4F;
  border-color: #D59A2A;
}

.global-bespoke-btn:hover svg {
  transform: translate(3px, -3px);
}

.global-bespoke-continents {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 7px;
}

.globe-icon {
  flex-shrink: 0;
}

.continents-text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 125%;
  text-align: center;
  text-transform: uppercase;
  color: #4A5568;
  letter-spacing: 0; /* Forced to 0 per strict typography rules */
}

.global-bespoke-right {
  flex: 1;
  max-width: 699.58px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.global-routes-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 699.58px;
  background: linear-gradient(135deg, #FCFAF7 0%, #FBF8F4 12.5%, #F9F6F1 25%, #F8F5EF 37.5%, #F7F3EC 50%, #F6F1E8 58.33%, #F4EFE5 66.67%, #F3EDE1 75%, #F2EBDD 83.33%, #F0E9DA 91.67%, #EFE7D6 100%);
  border: 1px solid rgba(28, 42, 62, 0.12);
  box-shadow: 0px 30px 80px -40px rgba(23, 55, 94, 0.3);
  border-radius: 2px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.global-routes-card:hover {
  transform: translateY(-4px);
  box-shadow: 0px 40px 90px -30px rgba(23, 55, 94, 0.4);
}

.global-routes-img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 2px;
}

/* ==========================================================================
   Services / The Wardrobe Section Styles
   ========================================================================== */
.services-section {
  box-sizing: border-box;
  width: 100%;
  padding:50px 48px;
  background-color: #FCFAF7;
  display: flex;
  justify-content: center;
  align-items: center;
}

.services-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1400px;
  gap:48px;
}

.services-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  gap: 48px;
}

.services-header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 454px;
  width: 100%;
}

.services-eyebrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.services-eyebrow-i {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.08px;
  color: #D59A2A;
}

.services-eyebrow-line {
  width: 55.98px;
  height: 1px;
  background: #D59A2A;
}

.services-eyebrow-text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0; /* Forced to 0 per strict typography rules for Inter font */
  text-transform: uppercase;
  color: #D59A2A;
}

.services-title {
  font-family: 'Playfair Display', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 50px;
  line-height:110%;
  letter-spacing: -0.56px;
  color: #192B4F;
  margin: 0;
}

.services-header-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 18px;
  max-width: 907px;
  width: 100%;
}

.services-vertical-line {
  width: 1px;
  height: 80px;
  background: #D59A2A;
  flex-shrink: 0;
}

.services-description {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29.6px;
  letter-spacing: 0; /* Forced to 0 per strict typography rules for Inter font */
  color: #4A5568;
  margin: 0;
  max-width: 870px;
}

/* Wardrobe Cards Grid */
.wardrobe-grid-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 32px;
}
.wardrobe-grid-row{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width:100%;
  gap:32px;
}
.wardrobe-card {
	width:432px; height:560px;
	position:relative;
	background-color:#F7F3EC;
	border-radius:2px;
	overflow:hidden;
	/*cursor: pointer;*/ /* issue in home page 6 products section */
}
.wardrobe-card-inner {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.wardrobe-card-img {
  position: absolute;
  width: 432px;
  height: 575px;
  left: 0px;
  top: -11px;
  object-fit: cover;
  border-radius: 2px;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.wardrobe-card-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.95) 100%);
  border-radius: 2px;
  pointer-events: none;
  opacity: 0.56;
  transition: opacity 0.4s ease;
}

.wardrobe-card-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 24px 24px 48px;
  gap: 0px;
  position: absolute;
  width: 100%;
  min-height: 136.79px;
  height: auto;
  left: 0px;
  bottom: 0px;
  box-sizing: border-box;
  z-index: 5;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.wardrobe-card-meta {
  display: flex;
  flex-direction: column-reverse; /* Places title above subtitle/category */
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 100%;
  max-width: 380px;
  height: auto;
}

.wardrobe-card-category {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight:500;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  letter-spacing: 0.08px;
  color: #C7A86D;
  text-transform: none; /* Mixed-casing per spec */
  margin: 0;
}

.wardrobe-card-title {
  font-family: 'Playfair Display', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 36px;
  line-height: 38.4px;
  text-align: center;
  letter-spacing: -0.32px;
  color: #F7F3EC;
  margin: 0;
}

.wardrobe-card-desc {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  text-align: center;
  color: #F7F3EC;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0 16px;
  transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease, padding 0.4s ease;
}

.wardrobe-card-link {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  color: #C7A86D;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 10px 24px;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 2px;
  transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease, background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.wardrobe-card-link svg {
  transition: transform 0.3s ease;
}

.wardrobe-card-link svg path {
  stroke: #C7A86D;
  transition: stroke 0.3s ease;
}

.wardrobe-card-link:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(199, 168, 109, 0.3) !important;
  color: #C7A86D !important;
}

.wardrobe-card-link:hover svg {
  transform: translate(2px, -2px);
}

.wardrobe-card-link:hover svg path {
  stroke: #C7A86D !important;
}

.wardrobe-card-arrow {
  display: none; /* Hidden per layout specifications */
}

/* Card Hover Interactions */
.wardrobe-card:hover .wardrobe-card-img {
  transform: scale(1.05) translateY(-5px);
}

.wardrobe-card:hover .wardrobe-card-overlay {
  opacity: 1; /* Black gradient overlay comes on hover */
}

.wardrobe-card:hover .wardrobe-card-desc {
  max-height: 250px;
  opacity: 0.85;
  padding-top: 36px;
  padding-bottom: 36px;
}

.wardrobe-card:hover .wardrobe-card-link {
  max-height: 38px;
  opacity: 1;
  padding: 10px 24px;
}

/* ==========================================================================
   Process / Heritage Mills Section Styles
   ========================================================================== */
.process-section {
  box-sizing: border-box;
  width: 100%;
  padding:50px 48px;
  background: linear-gradient(180deg, #F7F3EC 0%, #F6F3ED 11.11%, #F4F2EE 22.22%, #F3F2EF 33.33%, #F1F1F1 44.44%, #F0F1F2 55.56%, #EEF0F3 66.67%, #EDF0F4 77.78%, #EBEFF5 88.89%, #EAEFF6 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.process-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width:1360px;
  gap:48px;
}

.process-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 768px;
  gap: 24px;
}

.process-eyebrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  position: relative;
}

.process-eyebrow-i {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.08px;
  color: #D59A2A;
}

.process-eyebrow-line {
  width: 55.98px;
  height: 1px;
  background: #D59A2A;
}

.process-eyebrow-text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11.2px;
  line-height: 16.8px;
  letter-spacing: 0; /* Locked at 0 per strict typography rules for Inter font */
  text-transform: uppercase;
  color: #D59A2A;
}

.process-title {
  font-family: 'Playfair Display', serif;
  font-style: normal;
  font-weight: 400;
  font-size:50px;
  line-height:110%;
  letter-spacing: -0.56px;
  color: #192B4F;
  margin: 0;
}

.process-description {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height:26px;
  letter-spacing: 0; /* Locked at 0 per strict typography rules for Inter font */
  color: #4A5568;
  margin: 0;
  max-width: 576px;
}

/* Heritage Mills Grid */
.cloth-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  gap: 0;
}

.cloth-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 48px 24px;
  width: calc(100% / 3);
  max-width: 453.33px;
  background: transparent;
  transition: all 0.3s ease;
  /*cursor: pointer;*/ /* home page Our Fabric Houses section issue */
  border: none;
}

/* Row 1 cards: height 163.5px */
.cloth-card-loro {
  height: 163.5px;
  border: none;
}

.cloth-card-zegna {
  height: 163.5px;
  border-top: none;
  border-bottom: none;
  border-left: 1px solid;
  border-right: 1px solid;
  border-image: linear-gradient(360deg, rgba(47, 69, 113, 0.7) -0.18%, rgba(47, 69, 113, 0) 95.54%) 1;
}

.cloth-card-drago1 {
  height: 163.5px;
  border: none;
}

/* Row 2 cards: height 164.5px */
.cloth-card-reda {
  height: 164.5px;
  border-left: none;
  border-right: none;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-image: linear-gradient(270.02deg, rgba(47, 69, 113, 0.7) 0.11%, rgba(47, 69, 113, 0) 100.07%) 1;
}

.cloth-card-marzoni {
  height: 164.5px;
  border: 1px solid rgba(47, 69, 113, 0.5); /* #2F457180 */
}

.cloth-card-drago2 {
  height: 164.5px;
  border-left: none;
  border-right: none;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-image: linear-gradient(270.02deg, rgba(47, 69, 113, 0) 0.11%, rgba(47, 69, 113, 0.7) 100.07%) 1;
}

/* Row 3 cards: height 163.5px */
.cloth-card-dormeuil {
  height: 163.5px;
  border: none;
}

.cloth-card-scabal {
  height: 163.5px;
  border-top: none;
  border-bottom: none;
  border-left: 1px solid;
  border-right: 1px solid;
  border-image: linear-gradient(360deg, rgba(47, 69, 113, 0) -0.18%, rgba(47, 69, 113, 0.7) 95.54%) 1;
}

.cloth-card-vbc {
  height: 163.5px;
  border: none;
}

.cloth-card-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
  text-align: center;
}

.cloth-card-title {
  font-family: 'Playfair Display', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 38.4px;
  letter-spacing: 0;
  color: #192B4F;
  margin: 0;
  transition: transform 0.3s ease, color 0.3s ease;
}

.cloth-card-meta {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.cloth-card-subtitle {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: 0; /* Locked at 0 per strict typography rules for Inter font */
  text-transform: uppercase;
  color: #D59A2A;
}

/* Card hover states */
.cloth-card:hover {
  background-color: #e3e7ea;
}

.cloth-card:hover .cloth-card-title {
  color: #D59A2A;
  transform: translateY(-2px);
}


/* ==========================================================================
   THE GLOBAL CIRCUIT SECTION (PART 6)
   ========================================================================== */

.circuit-section {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  /*padding:50px 48px;*/
  padding:50px 40px 0;
  width: 100%;
  background: #FCFAF7;
}

.circuit-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  /*gap:48px;*/
  width: 100%;
  max-width:1360px;
}

.circuit-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0;
  gap: 48px;
  width: 100%;
  align-self: stretch;
}

.circuit-title-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 23.99px;
  width: 454px;
}

.circuit-eyebrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 16px;
  width: 100%;
}

.eyebrow-num {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #D59A2A;
}

.eyebrow-line {
  width: 55.98px;
  height: 1px;
  background: #D59A2A;
}

.eyebrow-text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  text-transform: uppercase;
  color: #D59A2A;
}

.circuit-title {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size:50px;
  line-height:110%;
  color: #192B4F;
  margin: 0;
}

.circuit-title .accent-text {
  color: #D59A2A;
  font-style: italic;
}

.circuit-desc-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 18px;
  width: 925px;
  height: 80px;
}

.para-line {
  width: 1px;
  height: 80px;
  background: #D59A2A;
  flex-shrink: 0;
}

.para-desc {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29.6px;
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  color: #4A5568;
  margin: 0;
}

/* Grid & Cards */
.circuit-grid {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: center;
  padding: 0;
  width: 100%;
}
.circuit-grid.home{padding:48px 0;}

/* Grid Dividers for Sharp 90-deg Corners & Crisp Gradients */
.grid-divider-v {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(180deg, rgba(224, 199, 152, 0) 0%, #E0C798 15%, #E0C798 85%, rgba(224, 199, 152, 0) 100%);
  z-index: 10;
  pointer-events: none;
}

.grid-divider-v.v-1 {
  left: 33.333%;
}

.grid-divider-v.v-2 {
  left: 66.666%;
}

.grid-divider-h {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 0.5px);
  height: 1px;
  background: linear-gradient(90deg, rgba(224, 199, 152, 0) 0%, #E0C798 15%, #E0C798 85%, rgba(224, 199, 152, 0) 100%);
  z-index: 10;
  pointer-events: none;
}
.location-card {
	position:relative;
	box-sizing:border-box;
	display:flex; flex-direction:column; align-items:flex-start; gap:16px;
	/*padding:32px 24px;  */
	padding:24px 16px;
	isolation:isolate;
	width:calc(100% / 3); max-width:453.33px;
	background:transparent;
	overflow:hidden;
	transition:background-color 0.4s ease;
	/* cursor:pointer;*/ /* issue in trunk 6 iamge on home page */
}

/* Individual Location Card Borders & Heights */
.location-card-london {
  height: 237.5px;
  border: none;
}

.location-card-dubai {
  height: 238px;
  border: none;
}

.location-card-lagos {
  height: 237.5px;
  border: none;
}

.location-card-newyork {
  height: 238px;
  border: none;
}

.location-card-singapore {
  height: 237.5px;
  border: none;
}

.location-card-nairobi {
  height: 238px;
  border: none;
}

.location-card-content {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  height: 100%;
}

.location-country-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  width: 100%;
}

.location-pin-icon {
  flex-shrink: 0;
}

.location-country {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  text-transform: uppercase;
  color: #D59A2A;
}

.location-details-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.location-city {
  font-family: 'Playfair Display', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38.4px;
  letter-spacing: 0px;
  color: #192B4F;
  margin: 0;
}

.location-season-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  width: 100%;
}

.calendar-icon {
  flex-shrink: 0;
}

.location-season {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  color: #D59A2A;
}

.location-separator {
  display: block;
  width: 40px;
  height: 1px;
  min-height: 1px;
  background-color: #E0C798;
  opacity: 1;
  transform: rotate(0deg);
  margin-top: 4px;
  flex-shrink: 0;
  z-index: 1;
}

.location-desc {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13.6px;
  line-height: 22.44px;
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  color: #4A5568;
  margin: 0;
  max-width: 260px;
  z-index: 2;
}

.location-bg-img {
  position: absolute;
  width: 223px;
  height: 240px;
  right: 0;
  top: 0;
  opacity: 0.45;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.6s ease, filter 0.6s ease;
}

/* Card Hover Interactions */
.location-card:hover {
  background-color: #F7F3EC;
}

.location-card:hover .location-bg-img {
  opacity: 1;
  filter: saturate(2.5) brightness(0.8) contrast(1.1);
}

/* Footer Button */
.circuit-footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.btn-circuit-invite {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 16px;
  gap: 10px;
  width: 336px;
  height: 48px;
  border: 1px solid #C5A059;
  border-radius: 2px;
  background: transparent;
  color: #C5A059;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px; /* 125% of 14px */
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}

.btn-circuit-invite:hover {
  background: #C5A059;
  color: #FCFAF7;
}

/* ==========================================================================
   TRUNK SHOWS SCHEDULE SECTION (PART 7)
   ========================================================================== */

.shows-section {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 80px 40px;
  width: 100%;
  background: linear-gradient(135deg, #EAF0F7 0%, #ECF0F5 7.14%, #EEF1F4 14.29%, #F0F1F2 21.43%, #F1F2F1 28.57%, #F3F2EF 35.71%, #F5F3EE 42.86%, #F7F3EC 50%, #F8F5EF 62.5%, #F9F6F1 75%, #FBF8F4 87.5%, #FCFAF7 100%);
}
.shows-container{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 64px;
  width: 100%;
  max-width: 1360px;
}
.shows-header{
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0;
  gap: 48px;
  width: 100%;
}
.shows-header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 24px;
  width: 454px;
}
.shows-eyebrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 16px;
  width: 100%;
  height: 28px;
}
.shows-eyebrow-num {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #D59A2A;
}
.shows-eyebrow-line{
  width: 56px;
  height: 1px;
  background-color: #D59A2A;
  flex-shrink: 0;
}
.shows-eyebrow-text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  text-transform: uppercase;
  color: #D59A2A;
}
.shows-title {
  font-family: 'Playfair Display', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 56px;
  line-height: 61.6px;
  letter-spacing: -0.56px;
  color: #192B4F;
  margin: 0;
}
.shows-title .accent-text{color:#D59A2A; font-style:italic;}
.shows-desc-block{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 18px;
  width: 925px;
  height: 80px;
}

.shows-para-line {
  width: 1px;
  height: 80px;
  background-color: #D59A2A;
  flex-shrink: 0;
}

.shows-para-desc {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 29.6px;
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  color: #4A5568;
  margin: 0;
}

.shows-grid {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 24px;
  width: 100%;
}

.shows-card {
  position: relative;
  width: 322px;
  height: 410px;
  border-radius: 0px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.shows-card-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.shows-card-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(23, 55, 94, 0.85) 0%, rgba(23, 55, 94, 0.15) 50%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
  transition: background 0.4s ease;
}

.shows-card-content {
  position: absolute;
  left: 24px;
  bottom: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  width: calc(100% - 48px);
  z-index: 5;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.shows-card-date {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11.2px;
  line-height: 16.8px;
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  text-transform: uppercase;
  color: #E2D2AE;
}

.shows-card-city {
  font-family: 'Playfair Display', serif;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 38.4px;
  letter-spacing: -0.32px;
  color: #FCFAF7;
  margin: 0;
}

.shows-card-location {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  opacity: 0.8;
  transition: opacity 0.4s ease;
}

.shows-card-country {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12.48px;
  line-height: 18.72px;
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  text-transform: uppercase;
  color: #FCFAF7;
}

.shows-card-icon {
  flex-shrink: 0;
}

/* Hover Interactions */
.shows-card:hover .shows-card-bg {
  transform: scale(1.08);
}

.shows-card:hover .shows-card-overlay {
  background: linear-gradient(0deg, rgba(23, 55, 94, 0.95) 0%, rgba(23, 55, 94, 0.25) 50%, rgba(0, 0, 0, 0) 100%);
}

.shows-card:hover .shows-card-content {
  transform: translateY(-4px);
}

.shows-card:hover .shows-card-location {
  opacity: 1;
}

/* ==========================================================================
   THE FOUNDER SECTION (PART 8)
   ========================================================================== */

.founder-section {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding:50px 48px 40px 48px;
  width: 100%;
  background: #FCFAF7;
  position: relative;
  z-index: 2;
}

.founder-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: 48px;
  width: 100%;
  max-width: 1360px;
  position: relative;
}

.founder-img-block {
  position: relative;
  width: 476px;
  height: 596px;
  flex-shrink: 0;
  box-shadow: 0px 40px 80px -40px rgba(23, 55, 94, 0.4);
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.00001);
}

.founder-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2px;
  display: block;
}

.founder-badge {
  box-sizing: border-box;
  position: absolute;
  width: 241.06px;
  height: 103.59px;
  right: -24px;
  bottom: -28px;
  background: #FCFAF7;
  border: 1px solid rgba(28, 42, 62, 0.12);
  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 28px;
  z-index: 10;
}

.founder-badge-title {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11.2px;
  line-height: 16.8px;
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  text-transform: uppercase;
  color: #D59A2A;
  margin-bottom: 12px;
}

.founder-badge-name {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 28.8px;
  line-height: 28.8px;
  color: #192B4F;
  margin: 0;
  transform: rotate(-4deg);
  transform-origin: left center;
  display: inline-block;
}

.founder-info-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  max-width: 692px;
}

.founder-eyebrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  height: 28px;
}

.founder-eyebrow-num {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #D59A2A;
}

.founder-eyebrow-line {
  width: 56px;
  height: 1px;
  background-color: #D59A2A;
  flex-shrink: 0;
}

.founder-eyebrow-text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  text-transform: uppercase;
  color: #D59A2A;
}

.founder-title {
  font-family: 'Playfair Display', serif;
  font-style: normal;
  font-weight: 400;
  font-size:50px;
  line-height:110%;
  letter-spacing: -0.56px;
  color: #192B4F;
  margin: 0;
}

.founder-title .accent-text {
  color: #D59A2A;
  font-style: italic;
}

.founder-desc-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 576px;
}

.founder-para-desc {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26.4px;
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  color: #4A5568;
  margin: 0;
}

.founder-stats {
  display: flex;
  flex-direction: row;
  gap: 48px;
  margin-top: 16px;
  width: 100%;
  max-width: 448px;
}

.founder-stat-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 128px;
}

.founder-stat-val {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 30px;
  line-height: 36px;
  color: #192B4F;
}

.founder-stat-lbl {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 11.2px;
  line-height: 16.8px;
  letter-spacing: 0; /* Locked at 0 per Guidelines */
  text-transform: uppercase;
  color: #4A5568;
}

/* ==========================================================================
   FINAL CTA SECTION (PART 9)
   ========================================================================== */

.final-cta-section {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding:40px 48px 56px 48px;
  width: 100%;
  background: #FCFAF7;
}

.cta-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  gap: 34px;
  width: 100%;
  max-width: 1360px;
}

.cta-eyebrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  height: 28px;
}

.cta-eyebrow-num {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  color: #D59A2A;
}

.cta-eyebrow-line {
  width: 56px;
  height: 1px;
  background-color: #D59A2A;
  flex-shrink: 0;
}

.cta-eyebrow-text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 3.58px;
  text-transform: uppercase;
  color: #D59A2A;
}

.cta-title {
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-size:50px;
  line-height:110%;
  text-align: center;
  color: #192B4F;
  margin: 0;
  max-width:1004px;
}

.cta-title .accent-text {
  color: #D59A2A;
  font-style: italic;
}

.cta-desc {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16.8px;
  line-height: 31.08px;
  text-align: center;
  letter-spacing: 0.08px;
  color: #4A5568;
  margin: 0;
  max-width: 576px;
}

.cta-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
}

.cta-btn {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 8px;
  background: #192B4F;
  border: 1px solid #192B4F;
  border-radius: 2px;
  width: auto;
  min-width: 362px;
  height: 48px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.cta-btn .btn-text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12.48px;
  line-height: 20.59px;
  text-align: center;
  letter-spacing: 2.75px;
  text-transform: uppercase;
  color: #FCFAF7;
}

.cta-btn-icon {
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}

.cta-btn:hover {
  background: #192B4F;
  border-color: #D59A2A;
}

.cta-btn:hover .cta-btn-icon {
  transform: translate(3px, -3px);
}

.cta-text-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  gap: 12px;
  background: transparent;
  border: none;
  cursor: pointer;
  height: 49px;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12.48px;
  line-height: 20.59px;
  text-align: center;
  letter-spacing: 2.75px;
  text-transform: uppercase;
  color: #192B4F;
  transition: color 0.3s ease;
}

.cta-text-btn:hover {
  color: #D59A2A; /* Text changes to gold/yellow on hover */
}

.cta-text-btn-line {
  width: 24px;
  height: 1px;
  background-color: #D59A2A;
  transition: width 0.3s ease, background-color 0.3s ease;
}

.cta-text-btn:hover .cta-text-btn-line {
  width: 36px;
  background-color: #D59A2A;
}

.cta-contact {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
}

.cta-contact-icon {
  flex-shrink: 0;
}

.cta-contact-text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 11.52px;
  line-height: 17.28px;
  text-align: center;
  letter-spacing: 2.88px;
  text-transform: uppercase;
  color: #4A5568;
}

/* ==========================================================================
   ANIMATIONS (AOS)
   ========================================================================== */

.aos {
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-duration: 0.8s;
  will-change: opacity, transform;
}

.aos-fade-up {
  transform: translateY(40px);
}

.aos-fade-left {
  transform: translateX(-40px);
}

.aos-fade-right {
  transform: translateX(40px);
}

.aos-zoom-in {
  transform: scale(0.95);
}

/* When visible */
.aos.is-visible {
  opacity: 1;
  transform: translate(0) scale(1);
}

/* Delays */
.aos-delay-100 { transition-delay: 0.1s; }
.aos-delay-200 { transition-delay: 0.2s; }
.aos-delay-300 { transition-delay: 0.3s; }
.aos-delay-400 { transition-delay: 0.4s; }
.aos-delay-500 { transition-delay: 0.5s; }

/* ================
About us page 
================= */
.about-section{background:#F7F3EC; overflow:hidden;}
.about-inner{/*min-height:750px;*/}
.about-content{
    width:50%; min-width:652px;
    padding-left:max(40px, calc((100vw - 1360px) / 2)); padding-right:118px;
}
.about-content .hero-text-block{margin-bottom:48px;}
.about-image{flex:1; height:100%;}
.about-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* Heritage Section */
.heritage-section{
    background:#121D2F;
    padding:50px 48px;
    position:relative;
    overflow:hidden;
}
.heritage-container{
    max-width:1360px;
    margin:0 auto;
    justify-content:space-between;
    align-items:center;
    gap:48px;
    position:relative;
}
.heritage-gallery{width:620px; flex-shrink:0;}
.gallery-main{
    height:315px;
    overflow:hidden;
    box-shadow:0 8px 12px 6px rgba(0,0,0,.15),
               0 4px 4px rgba(0,0,0,.30);
}
.gallery-main img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s ease;
}
.gallery-row{margin-top:10px; gap:10px;}
.gallery-small{
    flex:1;
    height:200px;
    overflow:hidden;
    box-shadow:0 8px 12px 6px rgba(0,0,0,.15),
               0 4px 4px rgba(0,0,0,.30);
}
.gallery-small img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s ease;
}
.gallery-main:hover img, .gallery-small:hover img{transform:scale(1.08);}

/* Heritage Section >> Content */
.heritage-content{
    max-width:694px;
    position:relative;
    z-index:2;
}
.section-eyebrow{
    align-items:center;
    gap:16px;
    margin-bottom:24px;
}
.eyebrow-line{
    width:56px;
    height:1px;
    background:#D59A2A;
}
.section-eyebrow span{
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:500;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#D59A2A;
}
.heritage-title{
    font-family:'Playfair Display',serif;
    font-size:50px;
    line-height:110%;
    font-weight:400;
    color:#FCFAF7;
    margin:0 0 32px;
}
.heritage-title span{
    display:block;
    color:#D59A2A;
    font-style:italic;
}
.heritage-content p{
    font-family:'Inter',sans-serif;
    font-size:16px;
    line-height:1.8;
    color:#B8BBB0;
    margin:0 0 16px;
}
.heritage-quote{
    align-items:center;
    gap:16px;
    margin-top:32px;
}
.quote-line{
    width:56px;
    height:1px;
    background:#D59A2A;
}
.heritage-quote span{
    font-family:'Playfair Display',serif;
    font-size:18px;
    font-style:italic;
    color:#D59A2A;
}

/* Heritage Section >> Watermark */
.heritage-watermark{
    position:absolute;
    right:-140px;
    top:20px;
    pointer-events:none;
}
.heritage-watermark img{width:220px;}

/* timeline section */
.timeline-section{
    background:#121D2F;
    padding:0 48px 50px;
    position:relative;
}

.timeline-line{
    height:1px;
    background:#C7A86D;
    width:100%;
}
.timeline-wrapper{
    max-width:1360px;
    margin:0 auto; margin-top:-12px;
    display:flex;
    justify-content:space-between;
}
.timeline-item{
    flex:1;
    text-align:center;
    position:relative;
}
.timeline-marker{
    width:24px;
    height:48px;
    margin:0 auto;
    position:relative;
}
.timeline-marker:before{
    content:"";
    width:24px;
    height:24px;
    border:1px solid #D59A2A;
    border-radius:50%;
    position:absolute;
    top:0;
    left:0;
}

.timeline-marker span{
    width:10px;
    height:10px;
    background:#D59A2A;
    border-radius:50%;
    position:absolute;
    top:7px;
    left:7px;
}

.timeline-marker::after{
    content:"";
    width:1px;
    height:24px;
    background:#D59A2A;
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
}

.timeline-item h3{
    font-family:'Playfair Display',serif;
    font-size:56px;
    line-height:1.1;
    font-style:italic;
    font-weight:400;
    color:#D59A2A;
    margin:0 0 16px;
}

.timeline-item h4{
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    color:#FCFAF7;
    margin:0 0 16px;
}

.timeline-item p{
    max-width:260px;
    margin:0 auto;
    font-family:'Inter',sans-serif;
    font-size:14px;
    line-height:1.55;
    color:#B8BBB0;
}
.timeline-item{transition:.35s ease;}
.timeline-item:hover{transform:translateY(-8px);}
.timeline-item:hover h3{color:#eab54d;}
.timeline-item:hover .timeline-marker span{transform:scale(1.25);}
.timeline-marker span{transition:.35s ease;}

/* the founder vision section */
.founder-section.about{background:#F7F3EC; overflow:hidden; padding:0;}
.founder-section.about .founder-container{
    display:flex;
    justify-content:flex-start;
    width:100%; max-width:100%;
}
.founder-section.about .founder-image{width:44%; height:800px;}
.founder-section.about .founder-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.founder-section.about .founder-info-content{
    width:48%;
    padding:50px 40px 50px 60px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

/* owner journey section */
.trust-strip.trust-strip-founder{
    background:#121D2F;
    border-top:1px solid #C49B4D;
    border-bottom:1px solid #C49B4D;
}
.trust-strip.trust-strip-founder .founder-trust-item{gap:24px; flex-shrink:0; flex-direction:row; padding:0;}
.trust-strip.trust-strip-founder .founder-trust-item .trust-icon{
    width:54px; height:54px;
    justify-content:center;
    flex-shrink:0;
}
.trust-strip.trust-strip-founder .founder-trust-item .trust-icon img{max-width:100%; max-height:100%; object-fit:contain;}
.trust-strip.trust-strip-founder .founder-trust-item .trust-content{display:flex; flex-direction:column; align-items:flex-start;}
.trust-strip.trust-strip-founder .trust-value{
    font-size:48px;
    line-height:1;
    color:#B88E4F;
    margin-bottom:8px;
}
.trust-strip.trust-strip-founder .trust-label{font-size:12px; color:#F7F3EC;}

/* Hover Effect */
.founder-trust-item{transition:transform .35s ease;}
.founder-trust-item:hover{transform:translateY(-6px);}
.trust-icon img{transition:transform .4s ease;}
.founder-trust-item:hover .trust-icon img{transform:scale(1.08);}

/*  CLIENTELE SECTION */
.clientele-section {
    padding:50px 48px;
    background: #FCFAF7;
}
.clientele-container {
    max-width: 1360px;
    margin: 0 auto;
}
.clientele-header {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 48px;
}
.clientele-eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom:16px;
}
.clientele-eyebrow-num {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-style: italic;
    color: #D59A2A;
}
.clientele-eyebrow-line {
    width: 56px;
    height: 1px;
    background: #D59A2A;
}
.clientele-eyebrow-text {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: #D59A2A;
}
.clientele-title {
    margin: 0 0 24px;
    font-family: 'Playfair Display', serif;
    font-size: 50px;
    line-height:110%;
    font-weight: 400;
    color: #192B4F;
}
.clientele-title span {
    color: #D59A2A;
    font-style: italic;
}
.clientele-description {
    margin: 0;
    font-size: 16px;
    line-height: 1.9;
    color: #4A5568;
}
.clientele-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}
.clientele-card {
    background: #F8F4EE;
    border: 1px solid #EFE5D5;
    padding: 32px;
    transition: all .35s ease;
    position: relative;
    overflow: hidden;
}
.clientele-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 3px;
    background: #D59A2A;
    transition: .4s;
}
.clientele-card:hover::before {
    left: 0;
}

.clientele-card:hover {
    transform: translateY(-8px);
    border-color: #D59A2A;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
}
.clientele-icon {
    width: 48px;
    height: 48px;
    border: 1px solid #EFE5D5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    color: #C5A059;
    font-size: 18px;
    transition: .35s;
}
.clientele-card:hover .clientele-icon {
    border-color: #D59A2A;
    transform: rotate(5deg);
}
.clientele-card h3 {
    margin: 0;
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
    color: #1B2A4D;
    min-height: 62px;
}
.clientele-divider {
    height: 1px;
    background: #EFE5D5;
    margin: 24px 0;
}
.clientele-card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #5A5A5A;
}

/*why choose */
.bespoke-difference-section{
    padding:50px 48px;
}
.bespoke-difference-container{
    max-width:1360px;
    margin:0 auto;
}
.bespoke-difference-header{
    text-align:center;
    margin-bottom:48px;
}
.bespoke-difference-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}
.bespoke-difference-card{
    position:relative;
    padding:40px;
    background:linear-gradient(114deg,#F7F3EC 0%,#F7F1E9 100%);
    border:1px solid #EEE4D3;
    transition:.35s ease;
    overflow:hidden;
}
.bespoke-difference-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}
.bespoke-difference-number{
    position:absolute;
    top:20px;
    right:25px;
    font-family:'Playfair Display',serif;
    font-size:72px;
    font-weight:700;
    color:#EEE2CB;
    line-height:1;
    z-index:1;
}
.bespoke-difference-icon{
    width:56px;
    height:56px;
    background:#1B2A4D;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#C9A56B;
    font-size:22px;
    margin-bottom:20px;
    position:relative;
    z-index:2;
}
.bespoke-difference-icon::after{
    content:'';
    position:absolute;
    width:8px;
    height:8px;
    right:-3px;
    bottom:-3px;
    background:#C9A56B;
}
.bespoke-difference-tag{
    font-size:14px;
    font-weight:600;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#D59A2A;
    margin-bottom:8px;
}
.bespoke-difference-heading{
    font-family:'Playfair Display',serif;
    font-size:28px;
    line-height:1.35;
    color:#1B2A4D;
    margin-bottom:16px;
}
.bespoke-difference-divider{
    display:block;
    width:40px;
    height:1px;
    background:#C9A56B;
    margin-bottom:20px;
}
.bespoke-difference-card p{
    font-size:16px;
    line-height:1.85;
    color:#4A5568;
    margin:0;
}
.bespoke-difference-card:hover .bespoke-difference-icon{
    transform:rotate(8deg);
}

/* our team */
.pb-team-section{background:#121D2F; padding:50px 48px;}
.pb-team-header{
    max-width:1360px;
    margin:0 auto 48px;
    text-align:center;
}
.pb-team-eyebrow{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
    margin-bottom:24px;
}
.pb-team-roman{
    font-family:'Playfair Display',serif;
    font-style:italic;
    font-size:18px;
    color:#D59A2A;
}
.pb-team-line{
    width:56px;
    height:1px;
    background:#D59A2A;
}
.pb-team-label{
    color:#D59A2A;
    font-size:14px;
    letter-spacing:3px;
    text-transform:uppercase;
    font-weight:500;
}
.pb-team-title{
    font-family:'Playfair Display',serif;
    font-size:50px;
    line-height:110%;
    color:#FCFAF7;
    margin:0 0 16px;
}
.pb-team-description{
    max-width:900px;
    margin:auto;
    color:#B8BBB0;
    font-size:16px;
    line-height:1.8;
}
.pb-team-slider{
    max-width:1360px;
    margin:auto;
    overflow:hidden;
    padding-left:40px;
}
.pb-team-slider .swiper-slide{width:250px;}
.pb-team-slider .swiper-slide-active{width:420px;}
.pb-team-card{
    position:relative;
    height:450px;
    border:2px solid #AD7D39;
    border-radius:12px;
    overflow:hidden;
    transition:.4s;
}
.pb-team-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}
.pb-team-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(18,29,47,0.95) 0%,
        rgba(18,29,47,0.35) 45%,
        rgba(18,29,47,0) 100%
    );
}
.pb-team-content{
    position:absolute;
    left:24px;
    right:24px;
    bottom:24px;
    z-index:2;
}
.pb-team-content h3{
    color:#fff;
    font-family:'Playfair Display',serif;
    font-size:26px;
    line-height:1.2;
    margin:0 0 10px;
}
.pb-team-content span{
    color:#D59A2A;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:12px;
}
.pb-team-card:hover{
    transform:translateY(-10px);
    border-color:#D59A2A;
}
.pb-team-card:hover img{transform:scale(1.08);}
.swiper-pagination{position:relative; margin-top:40px;}
.swiper-pagination-bullet{background:#D59A2A !important;}

/* team gril section */
.girlWithoutPhotoDiv{padding:0px 48px 50px;}
.girlWithoutPhoto{
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}
.pb-team-girl{
    /*width:300px;*/
	width:100%; max-width:350px;
    padding:24px 16px;
    border:2px solid #AD7D39;  border-radius:10px;
    text-align:center;   
    box-sizing:border-box;
}
.pb-team-girl h3{
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
}
.pb-team-girl span{
    color: #ffffff;
    font-size:14px; font-weight:500; letter-spacing:1px;
    display:block;
	text-transform:uppercase;
}

/* cta */
.pb-final-cta{
    padding:50px 48px;
    background:#FCFAF7;
}

.pb-final-container{
    max-width:1100px;
    margin:auto;
    text-align:center;
}

.pb-final-eyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    margin-bottom:35px;
}

.pb-final-roman{
    font-family:'Playfair Display',serif;
    font-style:italic;
    color:#D59A2A;
    font-size:18px;
}

.pb-final-line{
    width:60px;
    height:1px;
    background:#D59A2A;
}

.pb-final-label{
    font-size:13px;
    letter-spacing:4px;
    color:#D59A2A;
    text-transform:uppercase;
    font-family:'Inter',sans-serif;
}

.pb-final-title{
    font-family:'Playfair Display',serif;
    font-size:50px;
    line-height:110%;
    color:#192B4F;
    font-weight:400;
    max-width:900px;
    margin:0 auto 32px;
}
.pb-final-title span{color:#D59A2A;}
.pb-final-text{
    max-width:650px;
    margin:0 auto 48px;
    font-size:17px;
    line-height:1.9;
    color:#4A5568;
}

.pb-final-actions{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    margin-bottom:36px;
}

/* Text Link Button */

.pb-link-btn{
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    color:#192B4F;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:12px;
    position:relative;
    padding-bottom:5px;
}

.pb-link-btn::after{
    content:"";
    width:30px;
    height:1px;
    background:#D59A2A;
    transition:.4s;
}

.pb-link-btn:hover::after{
    width:60px;
}

/* Main CTA */
.pb-primary-btn{
    position:relative;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:16px 34px;
    text-decoration:none;
    background:#192B4F;
    border:1px solid #192B4F;
    color:#fff;
    letter-spacing:2px;
    text-transform:uppercase;
    font-size:12px;
    transition:.4s;
    z-index:1;
}

.pb-primary-btn::before{
    content:"";
    position:absolute;
    left:-100%;
    top:0;
    width:100%;
    height:100%;
    background:#D59A2A;
    transition:.5s ease;
    z-index:-1;
}

.pb-primary-btn:hover::before{
    left:0;
}

.pb-primary-btn:hover{
    border-color:#D59A2A;
}

.pb-primary-btn i{
    transition:.4s;
}

.pb-primary-btn:hover i{
    transform:translateX(6px);
}

.pb-contact-line{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#4A5568;
}
.pb-contact-line i{color:#D59A2A; font-size:22px; margin-right:4px;}
.contact-separator{
    color:#c8a24f;
    font-size:18px;
    margin:0 8px;
}

/*=================
service page - men
========================*/
.service-hero-section{
    position: relative;
    padding:110px 40px;
    background: url('../../assets/images/service-herobanner-bg.webp') center center/cover no-repeat;
}
.colelction-header{text-align:center;}
.colelction-header span.brands-subtitle{
	font-family: 'Cormorant Garamond';
	font-style: italic;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	letter-spacing: 1.1px;
	color: #412D20;
	padding-bottom:24px;
}
.colelction-header .clientele-description{margin:36px auto 0 auto; width:65%;}
.founder-section.bespoke-piece-section .founder-image{width:52%; height:650px;}
.founder-section.bespoke-piece-section .founder-info-content{width:calc(48% - 48px); gap:12px; padding:0 60px 0 0;}
.founder-title{color:#2B4471;}
.piece-subtitle{
    font-family:'Cormorant Garamond', serif;
    font-size:22px;
    font-style:italic;
    letter-spacing:1px;
    color:#412D20;
    margin-bottom:12px;
}
.piece-features{margin-top:32px;}
.piece-features .feature-item{gap:16px; margin-bottom:8px; /*text-transform:uppercase;*/}
.piece-features .feature-line{width:24px; height:1px; background:#D59A2A; flex-shrink:0;}
.founder-section.bespoke-piece-section .piece-cta{
    margin-top:40px;
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:14px 0;
    border-top:.5px solid #C5A059;
    border-bottom:.5px solid #C5A059;
    text-decoration:none;
    color:#BF861B;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:14px;
    transition:.35s ease;
}
.founder-section.bespoke-piece-section .piece-cta:hover{gap:20px; color:#192B4F;}
.founder-section.bespoke-piece-section .piece-cta:hover svg path{stroke:#192B4F;}
.founder-section.bespoke-piece-section .piece-cta svg path{transition:.35s ease;}

.founder-section.bespoke-piece-section.reverse-layout .founder-container{flex-direction:row-reverse;}
.founder-section.bespoke-piece-section.reverse-layout .founder-info-content{padding:0 0 0 60px;}

/* Materials & Craftsmanship section */
.materials-craftsmanship-section{
    position: relative;
    width: 100%;
    max-height:462px;
    background-image:
        linear-gradient(
            rgba(0,0,0,0.60),
            rgba(0,0,0,0.60)
        ),
        url('../../assets/images/materials-craftsmanship-bg.webp');
		background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
	justify-content:center;
}

.materials-overlay{
    position: relative;
    max-height:462px;
    flex-direction: column;
    justify-content:center;
    text-align:center;
    padding:50px 48px;
}

.materials-label{
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 3.584px;
    text-transform: uppercase;
    color: #D59A2A;
    margin-bottom: 20px;
}
.materials-title{
    margin:0;
    /*max-width:560px;*/ max-width:100%;
    font-family:'Cormorant Garamond', serif; font-weight:600; font-style:italic;    
    font-size:68px; line-height:100%;
    letter-spacing:1.24px;
    color: #F8F4ED;
}
.materials-title span{color:#C9A96E;}
.materials-divider{
    width: 60px;
    height: 1px;
    background: rgba(201,169,110,0.6);
    margin: 30px 0;
}
.materials-description{
    margin: 0;
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.8px;
    color: rgba(248,244,237,0.7);
}

/* febric type */
.materials-grid-section{
    background:#0E1218;
    padding:80px;
}

.materials-grid-container{
    max-width:1120px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
}
.material-card{
    display:flex;
    flex-direction:column;
    gap:32px;
}
.material-card:not(:first-child) .material-content{border-left:1px solid rgba(248,244,237,0.08);}
.material-content{
    min-height:158px;
    padding:28px 40px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}
.material-line{
    width:24px;
    height:1px;
    background:#C9A96E;
    margin-bottom:28px;
}
.material-content h3{
    margin:0;
    font-family:'Cormorant Garamond', serif;
    font-size:26px;
    line-height:1.1;
    font-weight:400;
    letter-spacing:.66px;
    color:#F8F4ED;
}
.material-content p{
    margin:12px 0 0;
    font-family:'Jost', sans-serif;
    font-size:11px;
    line-height:16px;
    font-weight:300;
    letter-spacing:.88px;
    text-transform:uppercase;
    color:rgba(248,244,237,.4);
    max-width:180px;
}
.material-image{
    height:180px;
    overflow:hidden;
    position:relative;
}
.material-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(25,43,79,.15);
    transition:.4s ease;
}
.material-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .7s ease;
}
.material-card:hover .material-image img{transform:scale(1.08);}
.material-card:hover .material-image::after{background:rgba(25,43,79,.05);}

/*=================
service page - women
========================*/
.service-hero-section.women{background:url('../../assets/images/women-service-herobanner-bg.webp') center center/cover no-repeat}
.materials-description.women{width:60%;}

/*===============
Process page 
================*/
.clientele-section.process{margin-top:76px; background:#F7F3EC;}
.process-step-section{
    padding:0 80px;
    background:#F7F3EC;
}
.process-step-container{
    max-width:1160px;
    margin:0 auto;
    display:flex;
    border-bottom:1px solid rgba(198,161,91,.08);
	justify-content: space-between;
}
.process-step-content{
    width:calc(50% - 64px);
    padding:0;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.process-number{
    font-family:'Cormorant Garamond', serif;
    font-weight:300;
    font-size:120px;
    line-height:1;
    color:#E8CB95;
    margin-bottom:10px;
}
.clientele-section.process .process-title{
    font-size:40px;
    color:#2B4471;
}

.process-divider{
    width:32px;
    height:1px;
    background:rgba(198,161,91,.4);
    margin:18px 0 28px;
}
.clientele-section.process .process-description{max-width:450px;}
.process-bottom-line{
    position:absolute;
    left:64px;
    bottom:0;
    width:1px;
    height:32px;
    background:linear-gradient(
        180deg,
        rgba(198,161,91,.3) 0%,
        rgba(198,161,91,0) 100%
    );
}

.process-step-image{
    width:50%;
    overflow:hidden;
}

.process-step-image img{
    width:100%;
    height:100%;
    min-height:381px;
    object-fit:cover;
    display:block;
}

/* Hover */
.process-step-image img{
    transition:transform .8s ease;
}

.process-step-container:hover .process-step-image img{
    transform:scale(1.05);
}

/* =================
contact us page 
==========*/
.service-hero-section.contatcHero{background: url('../../assets/images/contact-us-hero-banenr.webp') center center/cover no-repeat; padding:140px 40px;}
.zoom-consultation-section{
    padding:50px 48px;
    background:#FCFAF7;
}

.zoom-consultation-container{
    max-width:1360px;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:60px;
}

.zoom-consultation-image{
    width:50%;
}

.zoom-consultation-image img{
    width:100%;
    display:block;
    object-fit:cover;
}

.zoom-consultation-content{
    width:50%;
}

.zoom-consultation-content .founder-title{
    margin:20px 0 24px;
    max-width:650px;
}
.zoom-consultation-content .accent-text{display:block; font-style:italic;}
.zoom-features{margin-top:32px;}
.zoom-feature-item{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:28px;
}
.zoom-icon{
    width:52px;
    height:52px;
    border:1px solid #C5A059;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#C5A059;
    flex-shrink:0;
}
.zoom-feature-content h4{
	font-family: 'Inter', sans-serif;
    margin:0 0 4px;
    font-size:14px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#192B4F;
}

.zoom-feature-content p{
	font-family: 'Inter', sans-serif;
    margin:0;
    font-size:13px;
    color:#697383;
}

.zoom-consultation-content .piece-cta{
    margin-top:35px;
    display:inline-flex;
}

/*Upcoming Trunkshows Section */
.contact-trunkshows-section{
    background:#0F2243;
    padding:50px 40px;
}

.contact-trunkshows-section .contact-container{
    max-width:1360px;
    margin:0 auto;
}

.contact-section-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 60px;
}
.contact-eyebrow-wrap{
    position:relative;
    display:inline-flex;
    align-items:center;
    margin-bottom:20px;
}

.contact-eyebrow-wrap::before{
    content:"";
    width:40px;
    height:1px;
    background:#C9A96E;
    margin-right:12px;
}

.contact-eyebrow{
    font-family:'Inter', sans-serif;
    font-size:14px;
    font-weight:500;
    letter-spacing:3.5px;
    text-transform:uppercase;
    color:#D59A2A;
}

.contact-section-heading .clientele-title{
    color:#fff;
    margin-bottom:18px;
}

.contact-section-heading .clientele-title span{
    color:#C9A84C;
    font-style:italic;
}

.contact-section-heading .founder-para-desc{
    color:rgba(255,255,255,.75);
}

/* GRID */

.trunkshow-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/* CARD */

.trunkshow-card{
    border:1px solid rgba(201,168,76,.12);
    overflow:hidden;
    background:#16253E;
}

/* IMAGE */
.trunkshow-image{
    height:340px;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}
.london-bg{background:url("../../assets/images/trunkshow-london.webp") center center/cover no-repeat;}
.dubai-bg{background:url("../../assets/images/trunkshow-dubai.webp") center center/cover no-repeat;}
.italy-bg{background:url("../../assets/images/trunkshow-italy.webp") center center/cover no-repeat;}
.trunkshow-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        0deg,
        rgba(5,5,5,.92) 0%,
        rgba(5,5,5,.45) 50%,
        rgba(5,5,5,.2) 100%
    );
}

/* LABEL */
.trunkshow-label{
    position:absolute;
    top:24px;
    right:24px;
    z-index:2;
    padding:9px 16px;
    background:rgba(8,8,8,.6);
    border:1px solid rgba(201,168,76,.35);
    font-family:'Jost',sans-serif;
    font-size:9px;
    font-weight:500;
    letter-spacing:2.8px;
    text-transform:uppercase;
    color:#C9A84C;
}

/* CITY */
.trunkshow-city-info{
    position:relative;
    z-index:2;
    padding:24px;
}
.trunkshow-hotel{
    display:block;
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:500;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#D59A2A;
    margin-bottom:10px;
}
.trunkshow-city-info h3{
    margin:0;
    font-family:'Playfair Display',serif;
    font-size:56px;
    font-weight:400;
    line-height:1.1;
    color:#FCFAF7;
}

/* card FOOTER */
.trunkshow-footer{
    background:#16253E;
    padding:28px 24px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}
.trunkshow-meta{
    display:flex;
    flex-direction:column;
    gap:10px;
}
.trunkshow-meta-item{
    display:flex;
    align-items:center;
    gap:10px;
    font-family:'Inter',sans-serif;
    font-size:12px;
    font-weight:300;
    letter-spacing:1px;
    color:#F5EFE0;
}
.trunkshow-meta-item i{
    color:#C9A84C;
}
.trunkshow-btn{
    min-width:190px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    padding:13px 16px;
    background:#C5A059;
    font-family:'Inter',sans-serif;
    font-size:12px;
    font-weight:600;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#192B4F;
    text-decoration:none;
    transition:.3s;
}
.trunkshow-btn:hover{
    background:#d3ae68;
}

/* VIEW ALL */
.view-all-trunkshows{
    text-align:center;
    margin-top:60px;
    display:flex;
    justify-content:center;
}

.trunkshow-text-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:14px 28px;
    border-radius:2px;
    text-decoration:none;
    transition:.3s ease;
}

.trunkshow-text-btn span:first-child{
    font-family:'Inter', sans-serif;
    font-weight:400;
    font-size:14px;
    line-height:125%;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#C5A059;
}

.trunkshow-btn-line{
    width:24px;
    height:1px;
    background:#C5A059;
    transition:.3s ease;
}

.trunkshow-text-btn:hover{
    opacity:.8;
}

.trunkshow-text-btn:hover .trunkshow-btn-line{
    width:40px;
}
/* contact form section */
.contact-form-section{
    background:#F7F3EC;
    padding:50px 48px 0;
}
.contact-form-wrap{
    display:grid;
    grid-template-columns:1fr 520px;
    gap:80px;
    align-items:start;
	max-width: 1360px;
  margin: auto;
}
.contact-feature-list{margin-top:40px;}
.contact-feature-item{
    padding:20px 0;
    border-bottom:1px solid rgba(197,160,89,.2);
}
.contact-feature-item h4{
    margin-bottom:6px;
    color:#192B4F;
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:1px;
}
.contact-feature-item p{
    color:#697383;
    font-size:14px;
}
.contact-form-card{
    background:#fff;
    padding:36px;
    border:1px solid rgba(173,131,52);
}
.form-group{margin-bottom:16px;}
.form-group label{
    display:block;
    /*margin-bottom:10px;*/
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#8F6109;
}
.form-group input, .form-group textarea{
    width:100%;
    border:none;
    border-bottom:1px solid #ddd;
    padding:12px 0;
    background:none;
}

.contact-form-card .btn{
	background: #C5A059;
	border: 1px solid #C5A059;
}
.contact-form-card .btn:hover{background-color: #192B4F; color:#fff;}
.contact-form-card .wpcf7-not-valid-tip{font-size:12px;}

/* contact us >> last section */
.contact-benefits-section{
    background:#F7F3EC;
    padding:50px 48px;
}

.contact-benefits-wrap{
    background:#F0EDE8;
    border:1px solid #D1C7B7;
    padding:28px 32px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:32px;
	max-width:1360px; margin:auto;
}

.contact-benefit-item{
    flex:1;
    max-width:260px;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
}

.contact-benefit-icon{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#D59A2A;
    font-size:28px;
}

.contact-benefit-item h3{
    margin:0;
    font-family:'Inter', sans-serif;
    font-weight:600;
    font-size:15px;
    line-height:140%;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:#192B4F;
}

.contact-benefit-item p{
    margin:0;
    font-family:'Inter', sans-serif;
    font-weight:400;
    font-size:12px;
    line-height:135%;
    color:#697383;
}

.contact-benefit-divider{
    width:1px;
    height:74px;
    background:#C3B3A1;
    flex-shrink:0;
}

.prince-icon{
    border:2px solid #D59A2A;
    border-radius:50%;
    font-family:'Playfair Display', serif;
    font-size:20px;
    font-weight:500;
}

/* ====================================
   BRAND CONTENT
==================================== */
.brand-content{justify-content:center; width:calc(56% - 60px);}
.brand-content-inner{
    max-width:100%;
    display:flex;
    flex-direction:column;
    gap:24px;
}
.brand-heading{
    display:flex;
    flex-direction:column;
    gap:16px;
}
.brand-title{
    margin:0;
    font-family:'Playfair Display', serif;
    font-weight:400;
    font-size:50px;
    line-height:110%;
    color:#2B4471;
}
.brand-divider{
    width:48px;
    height:1px;
    background:#D59A2A;
}

.brand-description{
    margin:0;
    font-family:'Inter', sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:26px;
    letter-spacing:.08px;
    color:#4A5568;
}

.brand-signature-box{
    border-left:1px solid #D59A2A;
    padding-left:20px;
}

.brand-signature-title{
    display:block;
    margin-bottom:8px;
    font-family:'Inter', sans-serif;
    font-weight:500;
    font-size:14px;
    line-height:17px;
    letter-spacing:3.584px;
    text-transform:uppercase;
    color:#D59A2A;
}

.brand-signature-text{
    margin:0;
    font-family:'Cormorant Garamond', serif;
    font-style:italic;
    font-weight:400;
    font-size:18px;
    line-height:145%;
    letter-spacing:.5px;
    color:#192B4F;
}

/* LOGO SIDE  */
.brand-logo-box{
    justify-content:center;
	width:44%;
}

.brand-logo-box img{
    max-width:100%;
    max-height:220px;
    object-fit:contain;
}
.lastChild{padding-bottom:64px;}

/*=================
Trank show page 
=================*/
.trunkShowHero{background:#F7F3EC; padding:64px 40px; margin-top:76px;}
.contact-section-heading.trunkShowHeading .clientele-title{color:#192B4F;}
.contact-section-heading.trunkShowHeading .founder-para-desc{color:#4A5568;}
.trankImage{bottom:0; top:unset; width:auto; height:100%;}
.grid-divider-h.v-1{top:calc((100%/7) - 0.5px);}
.grid-divider-h.v-2{top:calc(((100%/7) - 0.5px)*2);}
.grid-divider-h.v-3{top:calc(((100%/7) - 0.5px)*3);}
.grid-divider-h.v-4{top:calc(((100%/7) - 0.5px)*4);}
.grid-divider-h.v-5{top:calc(((100%/7) - 0.5px)*5);}
.grid-divider-h.v-6{top:calc(((100%/7) - 0.5px)*6);}