/* === Reset & Base === */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --color-bg: #FFF8F0;
  --color-bg-warm: #FFF1E0;
  --color-text: #2D2A26;
  --color-text-light: #6B6560;
  --color-accent: #E07A5F;
  --color-accent-hover: #C4603F;
  --color-accent-soft: #F2CCC3;
  --color-card-bg: #FFFFFF;
  --color-tag-bg: #FDEBD3;
  --color-tag-text: #B85C38;
  --font-heading: 'DM Serif Display', serif;
  --font-body: 'Inter', sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  background-color: var(--color-bg);
  color: var(--color-text);
  line-height: 1.6;
}

/* === Navigation === */
.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  background: rgba(255, 248, 240, 0.95);
  backdrop-filter: blur(10px);
  z-index: 100;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

.nav-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-logo {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  color: var(--color-accent);
  text-decoration: none;
}

.nav-links {
  list-style: none;
  display: flex;
  gap: 2rem;
}

.nav-links a {
  text-decoration: none;
  color: var(--color-text-light);
  font-size: 0.9rem;
  font-weight: 500;
  transition: color 0.2s;
}

.nav-links a:hover {
  color: var(--color-accent);
}

/* === Hero === */
.hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6rem 2rem 4rem;
  background: linear-gradient(160deg, var(--color-bg) 0%, var(--color-bg-warm) 100%);
  position: relative;
  overflow: hidden;
}

/* Desi-inspired paisley corner — top right */
.hero::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 400px;
  height: 400px;
  opacity: 0.12;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M100 10c-30 0-55 20-65 50-8 25 0 55 20 72s50 20 72 5c20-14 33-40 30-67C154 35 130 10 100 10zm0 20c20 0 38 15 43 35 5 22-3 45-22 55-18 10-40 8-53-5s-18-35-10-55C65 42 82 30 100 30z' fill='%23E07A5F'/%3E%3Ccircle cx='100' cy='75' r='12' fill='%23E07A5F'/%3E%3Cpath d='M100 55c-5 0-10 4-12 10-2 5 0 12 5 15s12 4 15 0 5-10 3-16c-2-5-6-9-11-9z' fill='%23E07A5F'/%3E%3Cpath d='M70 120c10 15 30 20 50 15' stroke='%23E07A5F' fill='none' stroke-width='2'/%3E%3Cpath d='M60 140c15 15 40 20 60 10' stroke='%23E07A5F' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

/* Desi-inspired motif — bottom left */
.hero::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: -40px;
  width: 300px;
  height: 300px;
  opacity: 0.1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='80' stroke='%23E07A5F' fill='none' stroke-width='1.5'/%3E%3Ccircle cx='100' cy='100' r='60' stroke='%23E07A5F' fill='none' stroke-width='1'/%3E%3Ccircle cx='100' cy='100' r='40' stroke='%23E07A5F' fill='none' stroke-width='1'/%3E%3Ccircle cx='100' cy='100' r='20' stroke='%23E07A5F' fill='none' stroke-width='1'/%3E%3Cpath d='M100 20 L100 180 M20 100 L180 100 M35 35 L165 165 M165 35 L35 165' stroke='%23E07A5F' fill='none' stroke-width='0.8'/%3E%3Ccircle cx='100' cy='20' r='4' fill='%23E07A5F'/%3E%3Ccircle cx='100' cy='180' r='4' fill='%23E07A5F'/%3E%3Ccircle cx='20' cy='100' r='4' fill='%23E07A5F'/%3E%3Ccircle cx='180' cy='100' r='4' fill='%23E07A5F'/%3E%3Ccircle cx='35' cy='35' r='3' fill='%23E07A5F'/%3E%3Ccircle cx='165' cy='165' r='3' fill='%23E07A5F'/%3E%3Ccircle cx='165' cy='35' r='3' fill='%23E07A5F'/%3E%3Ccircle cx='35' cy='165' r='3' fill='%23E07A5F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  transform: rotate(15deg);
}

.hero-content {
  max-width: 700px;
  text-align: center;
}

.hero-greeting {
  font-size: 1.1rem;
  color: var(--color-accent);
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.hero-name {
  font-family: var(--font-heading);
  font-size: 3.5rem;
  color: var(--color-text);
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

.hero-title {
  font-size: 1.25rem;
  color: var(--color-accent);
  font-weight: 500;
  margin-bottom: 1.5rem;
}

.hero-bio {
  font-size: 1.05rem;
  color: var(--color-text-light);
  line-height: 1.8;
  margin-bottom: 2rem;
}

.hero-cta {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

/* === Buttons === */
.btn {
  display: inline-block;
  padding: 0.75rem 1.75rem;
  border-radius: 50px;
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 500;
  transition: all 0.2s;
}

.btn-primary {
  background: var(--color-accent);
  color: #fff;
}

.btn-primary:hover {
  background: var(--color-accent-hover);
  transform: translateY(-1px);
}

.btn-secondary {
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

.btn-secondary:hover {
  background: var(--color-accent);
  color: #fff;
  transform: translateY(-1px);
}

/* === Sections === */
.section-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 5rem 2rem;
}

.section-title {
  font-family: var(--font-heading);
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 0.75rem;
  color: var(--color-text);
}

.section-subtitle {
  text-align: center;
  color: var(--color-text-light);
  margin-bottom: 3rem;
  font-size: 1.05rem;
}

/* === About Me === */
.about-me {
  background: var(--color-bg);
  position: relative;
  overflow: hidden;
}

/* Chai cup — right side */
.about-me::before {
  content: '';
  position: absolute;
  top: 30px;
  right: 40px;
  width: 160px;
  height: 160px;
  opacity: 0.2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3C!-- saucer --%3E%3Cellipse cx='90' cy='170' rx='65' ry='12' fill='%23E07A5F'/%3E%3Cellipse cx='90' cy='167' rx='55' ry='8' fill='%23fff'/%3E%3C!-- cup body --%3E%3Cpath d='M50 100 Q48 145 60 160 Q75 172 105 172 Q120 172 130 160 Q142 145 140 100 Z' fill='%23E07A5F'/%3E%3Cpath d='M55 105 Q53 140 65 155 Q78 165 102 165 Q116 165 125 155 Q137 140 135 105 Z' fill='%23fff'/%3E%3C!-- handle --%3E%3Cpath d='M140 115 Q165 118 165 138 Q165 158 140 155' stroke='%23E07A5F' fill='none' stroke-width='5' stroke-linecap='round'/%3E%3C!-- steam --%3E%3Cpath d='M75 95 Q72 75 80 60 Q88 45 82 30' stroke='%23E07A5F' fill='none' stroke-width='2' stroke-linecap='round' opacity='0.5'/%3E%3Cpath d='M95 92 Q92 70 100 55 Q108 40 102 25' stroke='%23E07A5F' fill='none' stroke-width='2' stroke-linecap='round' opacity='0.4'/%3E%3Cpath d='M115 95 Q112 78 118 63 Q124 48 118 35' stroke='%23E07A5F' fill='none' stroke-width='2' stroke-linecap='round' opacity='0.3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

/* Stacked books — bottom left */
.about-me::after {
  content: '';
  position: absolute;
  bottom: 10px;
  left: 25px;
  width: 200px;
  height: 200px;
  opacity: 0.18;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'%3E%3C!-- standing book 1 tall --%3E%3Crect x='20' y='40' width='18' height='140' rx='2' fill='%23E07A5F'/%3E%3Crect x='23' y='45' width='12' height='130' rx='1' fill='%23fff' opacity='0.25'/%3E%3Cline x1='29' y1='55' x2='29' y2='80' stroke='%23fff' stroke-width='1' opacity='0.4'/%3E%3C!-- standing book 2 medium --%3E%3Crect x='42' y='60' width='20' height='120' rx='2' fill='%23E07A5F' opacity='0.85'/%3E%3Crect x='45' y='65' width='14' height='110' rx='1' fill='%23fff' opacity='0.25'/%3E%3Cline x1='52' y1='75' x2='52' y2='95' stroke='%23fff' stroke-width='1' opacity='0.4'/%3E%3C!-- standing book 3 tallest --%3E%3Crect x='66' y='30' width='16' height='150' rx='2' fill='%23E07A5F' opacity='0.7'/%3E%3Crect x='69' y='35' width='10' height='140' rx='1' fill='%23fff' opacity='0.25'/%3E%3C!-- standing book 4 short --%3E%3Crect x='86' y='80' width='22' height='100' rx='2' fill='%23E07A5F' opacity='0.9'/%3E%3Crect x='89' y='85' width='16' height='90' rx='1' fill='%23fff' opacity='0.25'/%3E%3Cline x1='97' y1='95' x2='97' y2='115' stroke='%23fff' stroke-width='1' opacity='0.4'/%3E%3C!-- standing book 5 leaning slightly --%3E%3Crect x='110' y='45' width='17' height='135' rx='2' fill='%23E07A5F' opacity='0.75' transform='rotate(3 118 112)'/%3E%3Crect x='113' y='50' width='11' height='125' rx='1' fill='%23fff' opacity='0.25' transform='rotate(3 118 112)'/%3E%3C!-- one book leaning against the row --%3E%3Crect x='130' y='55' width='16' height='130' rx='2' fill='%23E07A5F' opacity='0.6' transform='rotate(12 138 120)'/%3E%3Crect x='133' y='60' width='10' height='120' rx='1' fill='%23fff' opacity='0.2' transform='rotate(12 138 120)'/%3E%3C!-- shelf line --%3E%3Cline x1='10' y1='180' x2='175' y2='180' stroke='%23E07A5F' stroke-width='2' opacity='0.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.about-grid {
  max-width: 700px;
}

.about-text p {
  color: var(--color-text-light);
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 1rem;
}

.about-text p:last-child {
  margin-bottom: 0;
}

/* === Design Process === */
.process {
  background: var(--color-bg);
  position: relative;
  overflow: hidden;
}

.process::before {
  content: '';
  position: absolute;
  top: -30px;
  right: -30px;
  width: 200px;
  height: 200px;
  opacity: 0.07;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 90 Q25 70 25 45 Q25 20 50 10 Q75 20 75 45 Q75 70 50 90z' stroke='%23E07A5F' fill='none' stroke-width='1.2'/%3E%3Cpath d='M50 75 Q35 60 35 45 Q35 28 50 22 Q65 28 65 45 Q65 60 50 75z' stroke='%23E07A5F' fill='none' stroke-width='0.8'/%3E%3Ccircle cx='50' cy='45' r='5' fill='%23E07A5F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.process-track {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  margin-top: 2rem;
  flex-wrap: wrap;
}

.process-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 170px;
  flex: 0 0 auto;
}

.process-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--color-bg-warm);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  color: var(--color-accent);
  transition: transform 0.2s, background 0.2s;
}

.process-icon svg {
  width: 32px;
  height: 32px;
}

.process-step:hover .process-icon {
  transform: scale(1.1);
  background: var(--color-accent-soft);
}

.process-label {
  font-family: var(--font-heading);
  font-size: 1.1rem;
  margin-bottom: 0.4rem;
  color: var(--color-text);
}

.process-desc {
  font-size: 0.85rem;
  color: var(--color-text-light);
  line-height: 1.5;
}

.process-connector {
  width: 40px;
  height: 2px;
  background: var(--color-accent-soft);
  margin-top: 32px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .process-track {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .process-connector {
    width: 2px;
    height: 30px;
    margin-top: 0;
  }

  .process-step {
    max-width: 250px;
  }
}

/* === Case Studies === */
.work {
  background: var(--color-bg-warm);
  position: relative;
  overflow: hidden;
}

/* Repeating jali / jaali lattice pattern across work section */
.work::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.07;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M40 0 C40 22 22 40 0 40 C22 40 40 58 40 80 C40 58 58 40 80 40 C58 40 40 22 40 0z' fill='%23E07A5F'/%3E%3C/svg%3E");
  background-size: 80px 80px;
  pointer-events: none;
}

.case-studies-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

.case-card {
  background: var(--color-card-bg);
  border-radius: 16px;
  padding: 2rem;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}

.case-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.case-tag {
  display: inline-block;
  background: var(--color-tag-bg);
  color: var(--color-tag-text);
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.3rem 0.8rem;
  border-radius: 20px;
  margin-bottom: 1rem;
}

.case-title {
  font-family: var(--font-heading);
  font-size: 1.3rem;
  margin-bottom: 0.75rem;
}

.case-summary {
  color: var(--color-text-light);
  font-size: 0.95rem;
  line-height: 1.7;
  margin-bottom: 1rem;
}

.case-link {
  color: var(--color-accent);
  font-weight: 500;
  font-size: 0.9rem;
}

/* === Skills === */
.skills {
  position: relative;
  overflow: hidden;
}

/* Mehndi-inspired vine pattern — top left */
.skills::before {
  content: '';
  position: absolute;
  top: 20px;
  left: -20px;
  width: 280px;
  height: 280px;
  opacity: 0.08;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M30 180 Q50 140 40 100 Q30 60 60 40 Q90 20 100 60 Q110 20 140 40 Q170 60 160 100 Q150 140 170 180' stroke='%23E07A5F' fill='none' stroke-width='1.5'/%3E%3Ccircle cx='60' cy='40' r='5' fill='%23E07A5F'/%3E%3Ccircle cx='140' cy='40' r='5' fill='%23E07A5F'/%3E%3Ccircle cx='100' cy='60' r='6' fill='%23E07A5F'/%3E%3Cpath d='M80 80 Q100 70 120 80' stroke='%23E07A5F' fill='none' stroke-width='1'/%3E%3Cpath d='M70 110 Q100 95 130 110' stroke='%23E07A5F' fill='none' stroke-width='1'/%3E%3Cpath d='M60 140 Q100 120 140 140' stroke='%23E07A5F' fill='none' stroke-width='1'/%3E%3Ccircle cx='40' cy='100' r='3' fill='%23E07A5F'/%3E%3Ccircle cx='160' cy='100' r='3' fill='%23E07A5F'/%3E%3Ccircle cx='100' cy='150' r='4' fill='%23E07A5F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

/* Lotus motif — bottom right */
.skills::after {
  content: '';
  position: absolute;
  bottom: -30px;
  right: -20px;
  width: 220px;
  height: 220px;
  opacity: 0.07;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M100 140 Q80 100 100 60 Q120 100 100 140z' fill='%23E07A5F'/%3E%3Cpath d='M100 140 Q60 110 70 60 Q90 90 100 140z' fill='%23E07A5F'/%3E%3Cpath d='M100 140 Q140 110 130 60 Q110 90 100 140z' fill='%23E07A5F'/%3E%3Cpath d='M100 140 Q40 120 40 80 Q70 100 100 140z' fill='%23E07A5F'/%3E%3Cpath d='M100 140 Q160 120 160 80 Q130 100 100 140z' fill='%23E07A5F'/%3E%3Ccircle cx='100' cy='55' r='4' fill='%23E07A5F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.skills-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
  margin-top: 2rem;
}

.skill-group {
  background: var(--color-card-bg);
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}

.skill-group-title {
  font-family: var(--font-heading);
  font-size: 1.15rem;
  margin-bottom: 1rem;
  color: var(--color-accent);
}

.skill-list {
  list-style: none;
}

.skill-list li {
  padding: 0.4rem 0;
  color: var(--color-text-light);
  font-size: 0.95rem;
  border-bottom: 1px solid rgba(0,0,0,0.04);
}

.skill-list li:last-child {
  border-bottom: none;
}

/* === Experience Timeline === */
.experience {
  background: var(--color-bg-warm);
  position: relative;
  overflow: hidden;
}

/* Paisley vine — top left of experience */
.experience::before {
  content: '';
  position: absolute;
  top: 10px;
  left: -30px;
  width: 200px;
  height: 200px;
  opacity: 0.08;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M100 180 Q60 150 50 100 Q40 50 80 30 Q120 10 140 50 Q160 90 130 130 Q100 170 100 180z' stroke='%23E07A5F' fill='none' stroke-width='1.5'/%3E%3Cpath d='M100 160 Q70 140 65 100 Q60 60 90 45 Q120 30 130 60 Q140 90 120 120 Q100 150 100 160z' stroke='%23E07A5F' fill='none' stroke-width='1'/%3E%3Ccircle cx='90' cy='70' r='5' fill='%23E07A5F'/%3E%3Ccircle cx='110' cy='90' r='3' fill='%23E07A5F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

/* Small rangoli-inspired dots pattern */
.experience::after {
  content: '';
  position: absolute;
  bottom: 20px;
  right: 30px;
  width: 250px;
  height: 250px;
  opacity: 0.1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='3' fill='%23E07A5F'/%3E%3Ccircle cx='50' cy='30' r='2.5' fill='%23E07A5F'/%3E%3Ccircle cx='50' cy='70' r='2.5' fill='%23E07A5F'/%3E%3Ccircle cx='30' cy='50' r='2.5' fill='%23E07A5F'/%3E%3Ccircle cx='70' cy='50' r='2.5' fill='%23E07A5F'/%3E%3Ccircle cx='36' cy='36' r='2' fill='%23E07A5F'/%3E%3Ccircle cx='64' cy='36' r='2' fill='%23E07A5F'/%3E%3Ccircle cx='36' cy='64' r='2' fill='%23E07A5F'/%3E%3Ccircle cx='64' cy='64' r='2' fill='%23E07A5F'/%3E%3Ccircle cx='50' cy='15' r='1.5' fill='%23E07A5F'/%3E%3Ccircle cx='50' cy='85' r='1.5' fill='%23E07A5F'/%3E%3Ccircle cx='15' cy='50' r='1.5' fill='%23E07A5F'/%3E%3Ccircle cx='85' cy='50' r='1.5' fill='%23E07A5F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.timeline {
  max-width: 600px;
  margin: 2rem auto 0;
}

.timeline-item {
  padding: 1.5rem 0;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

.timeline-item:last-child {
  border-bottom: none;
}

.timeline-date {
  font-size: 0.85rem;
  color: var(--color-accent);
  font-weight: 500;
  margin-bottom: 0.25rem;
}

.timeline-role {
  font-family: var(--font-heading);
  font-size: 1.15rem;
  margin-bottom: 0.2rem;
}

.timeline-company {
  color: var(--color-text-light);
  font-size: 0.95rem;
}

.timeline-desc {
  color: var(--color-text-light);
  font-size: 0.85rem;
  margin-top: 0.4rem;
  line-height: 1.5;
  opacity: 0.85;
}

/* === Education === */
.education {
  position: relative;
  overflow: hidden;
}

/* Diya / lamp motif — center background */
.education::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 300px;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cellipse cx='100' cy='140' rx='50' ry='15' stroke='%23E07A5F' fill='none' stroke-width='1.5'/%3E%3Cpath d='M70 140 Q60 100 80 70 Q100 40 120 70 Q140 100 130 140' stroke='%23E07A5F' fill='none' stroke-width='1.5'/%3E%3Cpath d='M100 70 L100 40 M95 45 Q100 30 105 45' stroke='%23E07A5F' fill='none' stroke-width='1'/%3E%3Ccircle cx='100' cy='30' r='6' fill='%23E07A5F'/%3E%3Cpath d='M85 100 Q100 90 115 100' stroke='%23E07A5F' fill='none' stroke-width='0.8'/%3E%3Cpath d='M80 115 Q100 105 120 115' stroke='%23E07A5F' fill='none' stroke-width='0.8'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

/* Small paisley — right side */
.education::after {
  content: '';
  position: absolute;
  top: 10px;
  right: 20px;
  width: 150px;
  height: 150px;
  opacity: 0.07;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 90 Q25 70 25 45 Q25 20 50 10 Q75 20 75 45 Q75 70 50 90z' stroke='%23E07A5F' fill='none' stroke-width='1.2'/%3E%3Cpath d='M50 75 Q35 60 35 45 Q35 28 50 22 Q65 28 65 45 Q65 60 50 75z' stroke='%23E07A5F' fill='none' stroke-width='0.8'/%3E%3Ccircle cx='50' cy='45' r='5' fill='%23E07A5F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.edu-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  margin-top: 2rem;
}

.edu-item {
  text-align: center;
}

.edu-degree {
  font-family: var(--font-heading);
  font-size: 1.15rem;
  margin-bottom: 0.3rem;
}

.edu-school {
  color: var(--color-text-light);
  font-size: 0.95rem;
}

.edu-note {
  color: var(--color-accent);
  font-size: 0.85rem;
  font-weight: 500;
  margin-top: 0.3rem;
}

/* === Brands === */
.brands {
  position: relative;
  overflow: hidden;
}

.brands-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2.5rem 3.5rem;
  margin-top: 2.5rem;
}

.brand-item {
  font-family: var(--font-heading);
  font-size: 1.4rem;
  color: var(--color-text);
  opacity: 0.55;
  transition: opacity 0.3s;
  white-space: nowrap;
  animation: brandFloat 4s ease-in-out infinite;
}

.brand-item:nth-child(1) { animation-delay: 0s; }
.brand-item:nth-child(2) { animation-delay: 0.7s; }
.brand-item:nth-child(3) { animation-delay: 1.4s; }
.brand-item:nth-child(4) { animation-delay: 2.1s; }
.brand-item:nth-child(5) { animation-delay: 2.8s; }
.brand-item:nth-child(6) { animation-delay: 3.5s; }

.brand-item:hover {
  opacity: 0.85;
}

@keyframes brandFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

/* === Footer === */
.footer {
  background: var(--color-text);
  color: #fff;
  position: relative;
  overflow: hidden;
}

/* Subtle mandala in footer — left corner */
.footer::before {
  content: '';
  position: absolute;
  top: -50px;
  left: -50px;
  width: 250px;
  height: 250px;
  opacity: 0.08;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='90' stroke='%23fff' fill='none' stroke-width='1'/%3E%3Ccircle cx='100' cy='100' r='70' stroke='%23fff' fill='none' stroke-width='1'/%3E%3Ccircle cx='100' cy='100' r='50' stroke='%23fff' fill='none' stroke-width='1'/%3E%3Cpath d='M100 10 Q130 50 100 100 Q70 50 100 10z' fill='%23fff'/%3E%3Cpath d='M100 190 Q130 150 100 100 Q70 150 100 190z' fill='%23fff'/%3E%3Cpath d='M10 100 Q50 130 100 100 Q50 70 10 100z' fill='%23fff'/%3E%3Cpath d='M190 100 Q150 130 100 100 Q150 70 190 100z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

/* Rangoli star — right corner */
.footer::after {
  content: '';
  position: absolute;
  bottom: -40px;
  right: -40px;
  width: 220px;
  height: 220px;
  opacity: 0.06;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpolygon points='100,10 120,80 190,80 135,120 155,190 100,150 45,190 65,120 10,80 80,80' stroke='%23fff' fill='none' stroke-width='1'/%3E%3Cpolygon points='100,30 115,80 170,80 125,110 140,170 100,140 60,170 75,110 30,80 85,80' stroke='%23fff' fill='none' stroke-width='0.8'/%3E%3Ccircle cx='100' cy='100' r='10' stroke='%23fff' fill='none' stroke-width='1'/%3E%3Ccircle cx='100' cy='100' r='4' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

.footer .section-title {
  color: #fff;
}

.footer-text {
  text-align: center;
  color: rgba(255,255,255,0.7);
  margin-bottom: 2rem;
  font-size: 1.05rem;
}

.footer-links {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}

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

.footer .btn-secondary {
  color: #fff;
  border-color: rgba(255,255,255,0.3);
}

.footer .btn-secondary:hover {
  background: rgba(255,255,255,0.1);
  color: #fff;
}

.footer-copy {
  text-align: center;
  font-size: 0.8rem;
  color: rgba(255,255,255,0.4);
}

/* === Responsive === */
@media (max-width: 768px) {
  .hero-name {
    font-size: 2.5rem;
  }

  .nav-links {
    gap: 1rem;
  }

  .nav-links a {
    font-size: 0.8rem;
  }

  .section-container {
    padding: 3rem 1.25rem;
  }

  .case-studies-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .hero-name {
    font-size: 2rem;
  }

  .nav-container {
    padding: 0.75rem 1rem;
  }

  .hero {
    padding: 5rem 1.25rem 3rem;
  }
}

/* === Extra Motifs === */
.motif {
  position: absolute;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Process section — paisley top-left, small mandala bottom-right */
.motif-process-1 {
  top: 10px;
  left: -20px;
  width: 160px;
  height: 160px;
  opacity: 0.08;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 90 Q25 70 25 45 Q25 20 50 10 Q75 20 75 45 Q75 70 50 90z' stroke='%23E07A5F' fill='none' stroke-width='1.2'/%3E%3Cpath d='M50 75 Q35 60 35 45 Q35 28 50 22 Q65 28 65 45 Q65 60 50 75z' stroke='%23E07A5F' fill='none' stroke-width='0.8'/%3E%3Ccircle cx='50' cy='45' r='5' fill='%23E07A5F'/%3E%3C/svg%3E");
}

.motif-process-2 {
  bottom: 15px;
  right: 20px;
  width: 140px;
  height: 140px;
  opacity: 0.07;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23E07A5F' fill='none' stroke-width='1'/%3E%3Ccircle cx='50' cy='50' r='28' stroke='%23E07A5F' fill='none' stroke-width='0.8'/%3E%3Ccircle cx='50' cy='50' r='16' stroke='%23E07A5F' fill='none' stroke-width='0.8'/%3E%3Cpath d='M50 10 L50 90 M10 50 L90 50' stroke='%23E07A5F' fill='none' stroke-width='0.5'/%3E%3Ccircle cx='50' cy='10' r='2.5' fill='%23E07A5F'/%3E%3Ccircle cx='50' cy='90' r='2.5' fill='%23E07A5F'/%3E%3Ccircle cx='10' cy='50' r='2.5' fill='%23E07A5F'/%3E%3Ccircle cx='90' cy='50' r='2.5' fill='%23E07A5F'/%3E%3C/svg%3E");
}

/* Work section — extra paisley right side */
.motif-work-1 {
  top: 50%;
  right: 15px;
  width: 180px;
  height: 180px;
  opacity: 0.06;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M100 180 Q60 150 50 100 Q40 50 80 30 Q120 10 140 50 Q160 90 130 130 Q100 170 100 180z' stroke='%23E07A5F' fill='none' stroke-width='1.5'/%3E%3Cpath d='M100 160 Q70 140 65 100 Q60 60 90 45 Q120 30 130 60 Q140 90 120 120 Q100 150 100 160z' stroke='%23E07A5F' fill='none' stroke-width='1'/%3E%3Ccircle cx='90' cy='70' r='5' fill='%23E07A5F'/%3E%3Ccircle cx='110' cy='90' r='3' fill='%23E07A5F'/%3E%3C/svg%3E");
}

/* Skills section — mehndi dots center */
.motif-skills-1 {
  top: 50%;
  left: 50%;
  width: 250px;
  height: 250px;
  opacity: 0.04;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='5' fill='%23E07A5F'/%3E%3Ccircle cx='100' cy='70' r='3.5' fill='%23E07A5F'/%3E%3Ccircle cx='100' cy='130' r='3.5' fill='%23E07A5F'/%3E%3Ccircle cx='70' cy='100' r='3.5' fill='%23E07A5F'/%3E%3Ccircle cx='130' cy='100' r='3.5' fill='%23E07A5F'/%3E%3Ccircle cx='79' cy='79' r='2.5' fill='%23E07A5F'/%3E%3Ccircle cx='121' cy='79' r='2.5' fill='%23E07A5F'/%3E%3Ccircle cx='79' cy='121' r='2.5' fill='%23E07A5F'/%3E%3Ccircle cx='121' cy='121' r='2.5' fill='%23E07A5F'/%3E%3Ccircle cx='100' cy='45' r='2' fill='%23E07A5F'/%3E%3Ccircle cx='100' cy='155' r='2' fill='%23E07A5F'/%3E%3Ccircle cx='45' cy='100' r='2' fill='%23E07A5F'/%3E%3Ccircle cx='155' cy='100' r='2' fill='%23E07A5F'/%3E%3Ccircle cx='62' cy='62' r='1.5' fill='%23E07A5F'/%3E%3Ccircle cx='138' cy='62' r='1.5' fill='%23E07A5F'/%3E%3Ccircle cx='62' cy='138' r='1.5' fill='%23E07A5F'/%3E%3Ccircle cx='138' cy='138' r='1.5' fill='%23E07A5F'/%3E%3C/svg%3E");
}

/* Experience section — extra lotus mid-left */
.motif-exp-1 {
  top: 40%;
  left: -10px;
  width: 150px;
  height: 150px;
  opacity: 0.07;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M100 140 Q80 100 100 60 Q120 100 100 140z' fill='%23E07A5F'/%3E%3Cpath d='M100 140 Q60 110 70 60 Q90 90 100 140z' fill='%23E07A5F'/%3E%3Cpath d='M100 140 Q140 110 130 60 Q110 90 100 140z' fill='%23E07A5F'/%3E%3Cpath d='M100 140 Q40 120 40 80 Q70 100 100 140z' fill='%23E07A5F'/%3E%3Cpath d='M100 140 Q160 120 160 80 Q130 100 100 140z' fill='%23E07A5F'/%3E%3Ccircle cx='100' cy='55' r='4' fill='%23E07A5F'/%3E%3C/svg%3E");
}

/* Education section — extra jali pattern */
.motif-edu-1 {
  bottom: 10px;
  left: 20px;
  width: 160px;
  height: 160px;
  opacity: 0.06;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M40 0 C40 22 22 40 0 40 C22 40 40 58 40 80 C40 58 58 40 80 40 C58 40 40 22 40 0z' fill='%23E07A5F'/%3E%3C/svg%3E");
  background-size: 40px 40px;
  background-repeat: repeat;
}

/* === Case Card Link === */
.case-card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.case-card-link:hover .case-link {
  text-decoration: underline;
}