/* Global Reset & Base Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Playfair Display', serif;
  background-color: #fdfcf9; /* Warm off-white for elegance */
  color: #3a3a3a; /* Dark grey for primary text */
  line-height: 1.7;
  font-size: 16px; 
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Common Section Styling */
.section { /* Applied to most content sections */
  padding: 4rem 1.5rem; /* Generous padding */
  margin-bottom: 3.5rem; /* Slightly more space between sections */
  position: relative; /* For potential absolute elements */
  overflow: hidden; /* To contain any overflowing elements like subtle patterns */
}

.section:last-of-type {
  margin-bottom: 0;
}

/* Headings */
h1.hero-text { /* This is now removed as the slogan is part of the logo image */
  display: none; 
}

.hero-subtext {
    font-size: clamp(1.2rem, 2.5vw, 1.8rem);
    color: #f0f0f0;
    margin-top: 10px;
    font-weight: 400;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

section h2 { /* Main section titles */
  font-size: clamp(2.5rem, 5.5vw, 3.5rem); /* Bolder, larger */
  text-align: center;
  margin-bottom: 3rem; /* More space */
  font-weight: 700;
  font-style: italic;
  color: #b08d57; /* Sophisticated gold/bronze accent */
  position: relative;
  padding-bottom: 15px;
}

section h2::after { /* Enchanting underlin */
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background-color: #8c6f40; /* Darker gold */
    border-radius: 2px;
}

h3 { /* Sub-section headings */
  font-size: clamp(1.6rem, 3.2vw, 2.2rem); /* Bolder */
  font-style: italic;
  color: #2c2c2c; /* Darker color for h3 within light sections */
  margin-bottom: 1.25rem;
  font-weight: 700; /* Bolder */
}

/* Paragraph & List Styling */
p {
  font-size: clamp(1.05rem, 2.5vw, 1.18rem); /* Increased base paragraph size slightly */
  margin-bottom: 1.6rem; /* More space after paragraphs */
  color: #555; /* Readable grey */
  line-height: 1.8;
}

ul {
  list-style-position: outside;
  padding-left: 25px; 
  margin-bottom: 1.8rem; /* More space */
}

ul li {
  margin-bottom: 0.85rem;
  color: #555;
  font-size: clamp(1rem, 2.4vw, 1.15rem);
}

/* Text Block common styling */
.text-block { /* General text container */
  max-width: 800px; /* Slightly wider */
  margin-left: auto;
  margin-right: auto;
}

.text-block.about-intro-text { /* Specific for the intro about text */
  text-align: center;
}

/* Brand Mission/Vision specific styling */
.brand-mission-vision {
    margin-top: 3rem;
    background-color: #f7f3ed;
    padding: 2.5rem;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.brand-mission-vision h3 {
    color: #b08d57;
    text-align: center;
    margin-bottom: 1rem;
    font-size: clamp(1.4rem, 2.8vw, 1.8rem);
    font-weight: 600;
}

.brand-mission-vision p, .brand-mission-vision ul {
    text-align: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.brand-mission-vision ul {
    list-style: none; /* Remove default bullet */
    padding-left: 0;
    margin-top: 1.5rem;
}

.brand-mission-vision ul li {
    background-color: #fdfcf9;
    padding: 0.75rem 1.5rem;
    margin-bottom: 0.75rem;
    border-left: 4px solid #b08d57; /* Vibrant accent */
    border-radius: 5px;
    font-style: italic;
    font-weight: 500;
    color: #4a4a4a;
}


/* Links & Buttons */
a {
  color: #b08d57; 
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: #8c6f40; 
  text-decoration: underline; /* Add underline on hover for clarity */
}

.cta-button { 
  display: inline-block;
  margin-top: 40px; /* More space */
  background-color: #b08d57;
  color: white !important; 
  padding: 16px 40px; /* Larger button */
  text-decoration: none;
  border-radius: 8px; /* Slightly more rounded */
  font-weight: 600; /* Bolder */
  font-size: clamp(1.05rem, 2.2vw, 1.15rem);
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.8px; /* More spacing */
  box-shadow: 0 4px 10px rgba(0,0,0,0.2); /* Subtle shadow */
}

.cta-button:hover {
  background-color: #8c6f40;
  text-decoration: none;
  transform: translateY(-3px); /* More pronounced lift */
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

/* Header Section (Hero) */
.hero-section {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/hero-banner.jpg'); /* Adjusted opacity for vibrancy */
  background-size: cover; 
  background-position: center; 
  min-height: 95vh; /* Taller hero */
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  position: relative;
}

/* .logo style is now removed from here, as the logo is moved to #about section */
.logo {
  display: none; /* Hide the logo from the hero section */
}

/* Main Content Area */
main {
  width: 90%;
  max-width: 1300px; /* Wider main content */
  margin: 0 auto;
  padding: 1.5rem 0; 
}

/* About Section (Intro Text) */
#about .about-intro-text p {
  line-height: 1.9; 
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.about-heading-container {
    display: flex;
    align-items: center;
    justify-content: center; /* Center the container itself */
    gap: 20px; /* Space between logo and text */
    margin-bottom: 2rem; /* Space below the heading container */
    flex-wrap: wrap; /* Allow wrapping on smaller screens */
}

.about-heading-container h2 {
    margin: 0; /* Remove default margin from h2 within this container */
    flex-grow: 1; /* Allow h2 to grow */
    text-align: left; /* Align text within its flexible space */
    max-width: 500px; /* Limit h2 width to keep logo floating */
    padding-bottom: 15px; /* Maintain underline padding */
}
.about-heading-container h2::after { /* Adjust underline for new position */
    left: 0;
    transform: translateX(0);
}


.about-section-logo {
    max-width: 250px; /* Adjust size of logo in about section */
    height: auto;
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.2)); /* Subtle shadow */
    flex-shrink: 0; /* Prevent logo from shrinking */
    margin-right: 20px; /* Space to the right of logo */
}

@media (max-width: 768px) {
    .about-heading-container {
        flex-direction: column; /* Stack logo and text */
        text-align: center; /* Center content when stacked */
    }
    .about-heading-container h2 {
        text-align: center; /* Center h2 text when stacked */
        max-width: 100%; /* Allow h2 to take full width */
    }
    .about-heading-container h2::after {
        left: 50%; /* Center underline again when stacked */
        transform: translateX(-50%);
    }
    .about-section-logo {
        margin-right: 0; /* Remove right margin when stacked */
        margin-bottom: 20px; /* Add bottom margin when stacked */
    }
}


/* Brand Essence Section */
#brand-essence {
  background-color: #f7f3ed; /* A slightly different warm off-white */
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 5rem; /* More space at bottom */
}

#brand-essence h2 {
  margin-bottom: 3.5rem; 
}

.essence-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem; /* More gap */
}

.essence-visual-block img {
  border-radius: 10px; /* More rounded */
  box-shadow: 0 15px 40px rgba(0,0,0,0.15); /* More prominent shadow */
  max-width: 750px; 
  width: 100%;
}

.essence-text-block {
  max-width: 900px; /* Wider text block for essence */
  text-align: left;
}

.essence-text-block .essence-intro {
  font-size: clamp(1.15rem, 2.7vw, 1.25rem);
  font-style: italic;
  color: #4a4a4a;
  text-align: center;
  margin-bottom: 2.5rem;
  font-weight: 500;
}

.essence-text-block .pillar {
  margin-bottom: 2.5rem; /* More space */
  padding-left: 2rem; /* More padding */
  border-left: 5px solid #b08d57; /* Bolder gold accent line */
  background-color: #fdfcf9; /* Subtle background for each pillar */
  padding: 1.5rem 2rem 1rem 2rem;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.essence-text-block .pillar:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.essence-text-block .pillar h3 {
  color: #8c6f40; 
  margin-bottom: 0.75rem;
}

.essence-text-block .pillar p {
  color: #555;
  margin-bottom: 0; 
}

.essence-text-block .essence-conclusion {
  font-weight: 600; 
  color: #3a3a3a;
  text-align: center;
  margin-top: 3rem; /* More space */
  font-style: italic;
  font-size: clamp(1.1rem, 2.6vw, 1.2rem);
}

@media (min-width: 992px) {
  .essence-content-wrapper {
    flex-direction: row;
    align-items: flex-start;
  }
  .essence-visual-block {
    flex: 1.1; /* Image slightly larger */
    max-width: none;
  }
  .essence-text-block {
    flex: 1;
    padding-left: 4rem; /* More space text from image */
    max-width: none;
  }
}

/* Fashion Offerings Section */
#fashion-offerings {
    /* No distinct background, uses body */
}

.fashion-shop-visual {
    margin-bottom: 3.5rem; /* Space between main visual and grid */
    text-align: center;
}

.fashion-shop-visual img {
    max-width: 1000px; /* Allow shop image to be quite large */
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.section-intro-text {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 3.5rem auto;
    font-size: clamp(1.1rem, 2.7vw, 1.25rem);
    color: #555;
    line-height: 1.8;
}

.fashion-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2.5rem; /* More gap */
}

.fashion-item {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
}

.fashion-item:hover {
    transform: translateY(-7px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

.fashion-item img {
    width: 100%;
    height: 400px; /* Taller images */
    object-fit: cover;
    border-bottom: 1px solid #eee;
}

.fashion-item h3 {
    font-size: clamp(1.4rem, 2.8vw, 1.8rem);
    margin: 1.5rem 1rem 0.75rem 1rem;
    color: #8c6f40;
}

.fashion-item p {
    font-size: clamp(0.95rem, 2.2vw, 1.05rem);
    padding: 0 1.5rem 1.5rem 1.5rem;
    color: #666;
    margin-bottom: 0;
}

/* Beauty Line Section */
#beauty-line {
  background-color: #efebe5; /* A distinct, elegant background */
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.beauty-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}

.beauty-text-block {
  max-width: 900px;
  text-align: left;
}

.beauty-text-block .beauty-intro {
  font-size: clamp(1.15rem, 2.7vw, 1.25rem);
  font-style: italic;
  color: #4a4a4a;
  text-align: center;
  margin-bottom: 2.5rem;
  font-weight: 500;
}

.beauty-text-block h3 {
  color: #2c2c2c;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid #b08d57;
  padding-bottom: 0.5rem;
  display: inline-block;
}

.beauty-text-block ul {
  list-style-type: '🌟 '; /* Enchanting bullet point */
  padding-left: 30px;
}
.beauty-text-block ul li {
    background: none;
    border: none;
    padding: 0;
    margin-bottom: 0.75rem;
    color: #555;
    font-style: normal;
    font-weight: normal;
}

.beauty-text-block .beauty-conclusion {
  font-weight: 600;
  color: #b08d57; /* Gold for emphasis */
  text-align: center;
  margin-top: 3rem;
  font-style: italic;
  font-size: clamp(1.15rem, 2.8vw, 1.3rem);
}

.beauty-visual-block img {
  border-radius: 10px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
  max-width: 750px; /* Slightly larger image */
  width: 100%;
}

@media (min-width: 992px) {
  .beauty-content-wrapper {
    flex-direction: row-reverse; /* Image on right */
    align-items: flex-start;
  }
  .beauty-text-block {
    flex: 1;
    padding-right: 4rem;
  }
  .beauty-visual-block {
    flex: 0.8;
  }
}

/* Empowerment & Training Section */
#empowerment-training {
    /* Uses default body background */
}

.empowerment-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}

.empowerment-text-block {
  max-width: 900px;
  text-align: left;
}

.empowerment-text-block .empowerment-intro {
  font-size: clamp(1.15rem, 2.7vw, 1.25rem);
  font-style: italic;
  color: #4a4a4a;
  text-align: center;
  margin-bottom: 2.5rem;
  font-weight: 500;
}

.empowerment-text-block h3 {
  color: #2c2c2c;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid #b08d57;
  padding-bottom: 0.5rem;
  display: inline-block;
}

.empowerment-text-block ul {
    list-style-type: '✅ '; /* Engaging bullet point */
    padding-left: 30px;
}

.empowerment-text-block ul li {
    margin-bottom: 0.75rem;
    color: #555;
    background: none;
    border: none;
    padding: 0;
}

.empowerment-text-block .empowerment-quote {
  font-weight: 600;
  color: #b08d57;
  text-align: center;
  margin-top: 3rem;
  font-style: italic;
  font-size: clamp(1.15rem, 2.8vw, 1.3rem);
  padding: 1.5rem;
  background-color: #f7f3ed;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.empowerment-visual-block img {
  border-radius: 10px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
  max-width: 700px;
  width: 100%;
}

@media (min-width: 992px) {
  .empowerment-content-wrapper {
    flex-direction: row; /* Image on left */
    align-items: flex-start;
  }
  .empowerment-text-block {
    flex: 1;
    padding-left: 4rem;
  }
  .empowerment-visual-block {
    flex: 0.9;
  }
}

/* Digital Strategy Section */
#digital-strategy {
  background-color: #efebe5; /* Consistent with other accent background */
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.digital-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}

.digital-text-block {
  max-width: 900px;
  text-align: left;
}

.digital-text-block .digital-intro {
  font-size: clamp(1.15rem, 2.7vw, 1.25rem);
  font-style: italic;
  color: #4a4a4a;
  text-align: center;
  margin-bottom: 2.5rem;
  font-weight: 500;
}

.digital-text-block h3 {
  color: #2c2c2c;
  margin-top: 2rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid #b08d57;
  padding-bottom: 0.5rem;
  display: inline-block;
}

.digital-text-block ul {
    list-style-type: '✨ '; /* Enchanting bullet point */
    padding-left: 30px;
}

.digital-text-block ul li {
    margin-bottom: 0.75rem;
    color: #555;
    background: none;
    border: none;
    padding: 0;
}

.digital-text-block .digital-quote {
  font-weight: 600;
  color: #b08d57;
  text-align: center;
  margin-top: 3rem;
  font-style: italic;
  font-size: clamp(1.15rem, 2.8vw, 1.3rem);
  padding: 1.5rem;
  background-color: #f7f3ed;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.digital-visual-block img {
  border-radius: 10px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.15);
  max-width: 750px; /* Adjusted to allow new image to be larger */
  width: 100%;
}

@media (min-width: 992px) {
  .digital-content-wrapper {
    flex-direction: row-reverse; /* Image on right */
    align-items: flex-start;
  }
  .digital-text-block {
    flex: 1;
    padding-right: 4rem;
  }
  .digital-visual-block {
    flex: 0.8;
  }
}

/* Market Footprint Section */
#market-footprint {
  background-color: #f7f3ed; 
  text-align: center;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 5rem;
}

#market-footprint h2 {
    margin-bottom: 3.5rem;
}

.content-wrapper {
  display: flex;
  flex-direction: column; 
  align-items: center;
  gap: 3rem; /* More gap */
  max-width: 1200px; 
  margin: 1.5rem auto 0 auto; 
}

.visual-block {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 650px; /* Larger map */
  width: 100%;
}

.visual-block img {
  border-radius: 10px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.15); /* More prominent shadow */
  width: 100%;
  object-fit: contain; 
  max-height: 500px; 
}

.text-block.footprint-text {
  flex: 1;
  text-align: left; 
  padding: 0;
  border-radius: 8px;
}

.text-block.footprint-text h3 {
  border-bottom: 3px solid #b08d57; /* Thicker accent */
  padding-bottom: 0.8rem;
  margin-bottom: 1.5rem;
  display: inline-block; 
  color: #2c2c2c; 
  font-size: clamp(1.5rem, 3vw, 2rem);
}

.text-block.footprint-text p {
  color: #555;
  margin-bottom: 1.2rem;
}

@media (min-width: 992px) {
  #market-footprint .content-wrapper {
    flex-direction: row; 
    align-items: flex-start; /* Align to top */
  }
  #market-footprint .visual-block {
    order: 2; 
    padding-left: 3rem;
  }
  #market-footprint .text-block.footprint-text {
    order: 1; 
    max-width: 60%; /* Give more space to text block with columns */
  }
}

/* Launch Info & Connect Prompt Section */
#launch-info {
  background-color: #fcf6ef; /* A slightly more distinct light background */
  text-align: center;
  margin-top: 4rem; /* More margin */
  border-radius: 12px; /* More rounded */
  box-shadow: 0 10px 30px rgba(0,0,0,0.08); /* Soft shadow */
  padding: 4rem 2.5rem; /* More padding */
}

#launch-info .launch-text-block { 
  max-width: 850px; /* Wider text block */
  margin: 0 auto; 
}

#launch-info .launch-text-block h3 { 
   margin-top: 3rem; /* More space */
   color: #b08d57; 
   font-size: clamp(1.8rem, 3.5vw, 2.3rem); /* Bolder */
   position: relative;
   padding-bottom: 10px;
}

#launch-info .launch-text-block h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #8c6f40;
    border-radius: 1.5px;
}

#launch-info .launch-text-block p {
  color: #555; 
  font-size: clamp(1.05rem, 2.5vw, 1.18rem);
}

#launch-info .launch-text-block ul {
  text-align: left; 
  display: inline-block; 
  margin-bottom: 2rem; /* More space */
  color: #555;
  list-style-type: '⭐ '; /* Enchanting bullet */
  padding-left: 30px;
}
#launch-info .launch-text-block ul li {
  color: #555;
  margin-bottom: 0.8rem;
  font-size: clamp(1rem, 2.4vw, 1.15rem);
}

#launch-info .connect-prompt {
  margin-top: 3rem; /* More space */
}

#launch-info .connect-prompt h3 {
  color: #2c2c2c; 
  margin-bottom: 1rem;
}

/* Contact Section */
#contact {
  background-color: #f9f9f9; 
  text-align: center;
}

.contact-details { 
  font-size: clamp(1.1rem, 2.6vw, 1.25rem); /* Larger contact details */
  line-height: 2; /* More leading */
  margin-top: 1.5rem;
}

.contact-details p {
  margin-bottom: 1.2rem; 
  color: #3a3a3a;
}

.contact-details a {
  font-weight: 700; /* Bolder links */
  font-style: normal;
  transition: color 0.3s ease, text-decoration 0.3s ease;
}
.contact-details a:hover {
    color: #8c6f40;
    text-decoration: underline;
}

/* Footer */
footer {
  background-image: linear-gradient(rgba(40, 40, 40, 0.75), rgba(40, 40, 40, 0.75)), url('images/footer-bg.png'); /* Corrected to .png */
  background-size: cover;
  background-position: center;
  padding: 4.5rem 2rem; 
  text-align: center;
  color: #f8f8f8; 
  font-size: 0.98rem;
  font-style: normal; 
}

footer p {
  margin-bottom: 0.9rem;
  color: #f8f8f8;
}

footer a {
  color: #f0e0c0; 
  font-weight: 500;
}

footer a:hover {
  color: #ffffff;
}

/* Responsive Tweaks */
@media (max-width: 1024px) {
  main {
      width: 95%;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 15px; 
  }
  .hero-section {
    min-height: 80vh; /* Shorter on smaller screens */
  }
  
  section h2 {
    font-size: clamp(2.2rem, 5vw, 2.8rem); 
    margin-bottom: 2.5rem;
  }
  
  h3 {
    font-size: clamp(1.4rem, 3.5vw, 1.8rem); 
  }

  section {
    padding: 3rem 1rem;
    margin-bottom: 3rem;
  }
  
  .fashion-shop-visual img {
      max-width: 100%;
      height: auto;
  }
  .fashion-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
    gap: 2rem;
  }
  .fashion-item img {
    height: 350px; 
  }

  /* Adjustments for flex sections on smaller screens */
  .essence-content-wrapper, .beauty-content-wrapper, .empowerment-content-wrapper, .digital-content-wrapper, #market-footprint .content-wrapper {
    flex-direction: column; /* Stack columns */
    gap: 2.5rem;
  }

  .essence-visual-block, .essence-text-block, 
  .beauty-visual-block, .beauty-text-block, 
  .empowerment-visual-block, .empowerment-text-block,
  .digital-visual-block, .digital-text-block,
  #market-footprint .visual-block, #market-footprint .text-block.foot-text {
      padding: 0; /* Remove specific column padding when stacked */
      max-width: 100%;
      text-align: center; /* Center text when stacked if needed */
  }

  .essence-text-block .pillar {
      padding-left: 1.5rem;
  }

  .beauty-text-block .beauty-intro, .empowerment-text-block .empowerment-intro, .digital-text-block .digital-intro {
      text-align: center;
  }
  .beauty-text-block h3, .empowerment-text-block h3, .digital-text-block h3, #market-footprint .text-block.foot-text h3 {
      display: block; /* Allow border to span full width */
      width: fit-content; /* Make border fit content again */
      margin-left: auto;
      margin-right: auto;
      text-align: center;
  }
}

@media (max-width: 480px) {
  .hero-subtext {
      font-size: 1rem !important;
  }
  /* The .logo itself is hidden in hero, about-section-logo is used */
  .cta-button {
      padding: 12px 30px;
      font-size: 1rem;
  }
  
  section h2 {
    font-size: clamp(1.8rem, 5vw, 2.2rem);
  }
  h3 {
    font-size: clamp(1.3rem, 4vw, 1.6rem);
  }

  p, ul, .contact-details {
    font-size: 0.95rem; 
  }

  .fashion-grid {
    grid-template-columns: 1fr; 
    gap: 1.5rem;
  }
  .fashion-item img {
    height: 300px; 
  }

  footer {
    padding: 3.5rem 1rem;
  }
  #market-footprint .content-wrapper,
  #digital-strategy .content-wrapper { /* Added for responsiveness */
    flex-direction: column; 
  }
  #market-footprint .visual-block, #market-footprint .text-block.footprint-text,
  #digital-strategy .visual-block, #digital-strategy .text-block { /* Added for responsiveness */
    width: 100%;
    max-width: 100%;
    padding-right: 0; 
    padding-left: 0; 
  }
}