.about-grid { align-items: center; display: grid; gap: 86px; grid-template-columns: .9fr 1.1fr; }
.about-art { background: linear-gradient(145deg, var(--sage-soft), rgba(255,255,255,.78)); border: 1px solid rgba(105,128,99,.18); border-radius: var(--radius); box-shadow: var(--card-glow); max-width: 470px; padding: 15px; position: relative; }
.about-art::before { border: 1px solid rgba(181,31,104,.18); border-radius: inherit; content: ""; inset: 10px; pointer-events: none; position: absolute; }
.about-art img { border-radius: 16px; height: 520px; object-fit: cover; width: 100%; }
.experience-card { align-items: center; background: linear-gradient(140deg, var(--accent), var(--accent-dark)); border-radius: 14px; bottom: 42px; box-shadow: 0 16px 32px rgba(181,31,104,.3); color: var(--white); display: flex; gap: 13px; padding: 18px 24px; position: absolute; right: -38px; }
.experience-card strong { font-family: var(--display); font-size: 3rem; line-height: 1; }
.experience-card span { font-size: .67rem; font-weight: 700; letter-spacing: .12em; max-width: 85px; text-transform: uppercase; }
.about-grid p + p { margin-top: 16px; }

.fabric-section {
  background:
    radial-gradient(circle at 14% 8%, rgba(181,31,104,.1), transparent 32%),
    linear-gradient(135deg, rgba(248,223,233,.85), rgba(255,250,244,.8));
  overflow: hidden;
}
.process-story { display: grid; gap: 18px; grid-template-columns: repeat(4, 1fr); margin-top: 52px; position: relative; }
.process-story::before { background: linear-gradient(90deg, transparent, rgba(181,31,104,.28), transparent); content: ""; height: 1px; left: 8%; position: absolute; right: 8%; top: 96px; }
.process-step { background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,248,239,.62)); backdrop-filter: blur(8px); border: 1px solid rgba(181,31,104,.12); border-radius: var(--radius); box-shadow: var(--card-glow); padding: 18px 18px 28px; position: relative; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.process-step:hover { border-color: rgba(181,31,104,.24); }
.process-step:hover { box-shadow: var(--shadow); transform: translateY(-6px); }
.process-image { background: var(--sage-soft); border-radius: 16px; margin-bottom: 24px; overflow: hidden; position: relative; }
.process-image::after { background: linear-gradient(135deg, rgba(255,255,255,.4), transparent 45%); content: ""; inset: 0; pointer-events: none; position: absolute; }
.process-image img { aspect-ratio: 1 / .78; object-fit: cover; width: 100%; }
.process-step span { color: var(--accent); display: block; font-size: .7rem; font-weight: 700; letter-spacing: .15em; margin-bottom: 14px; }
.process-step p { font-size: .9rem; margin-top: 12px; }

.journey-section { padding-block: 82px; }
.journey-card { align-items: center; background: linear-gradient(135deg, rgba(249,220,233,.92), rgba(237,243,235,.9)); border: 1px solid rgba(181,31,104,.14); border-radius: var(--radius); box-shadow: var(--card-glow); display: grid; gap: 44px; grid-template-columns: .95fr 1.05fr; overflow: hidden; padding: 42px; position: relative; }
.journey-card::after { background: repeating-linear-gradient(135deg, rgba(181,31,104,.08) 0 1px, transparent 1px 18px); content: ""; height: 180px; opacity: .4; position: absolute; right: -42px; top: -48px; transform: rotate(8deg); width: 180px; }
.journey-card p { font-size: 1.02rem; }

.founder-section { padding-top: 0; }
.founder-grid { align-items: center; display: grid; gap: 70px; grid-template-columns: 1.05fr .95fr; }
.founder-note { background: linear-gradient(145deg, rgba(255,255,255,.8), rgba(255,246,249,.62)); backdrop-filter: blur(10px); border: 1px solid rgba(181,31,104,.12); border-radius: var(--radius); box-shadow: var(--card-glow); padding: 44px; position: relative; }
.founder-note::before { background: linear-gradient(180deg, var(--accent), rgba(155,193,131,.65)); border-radius: 999px; content: ""; inset: 34px auto 34px 0; position: absolute; width: 4px; }
.founder-note h2 { font-size: clamp(2rem, 4vw, 3rem); }
.founder-note p { font-size: 1.02rem; margin-top: 20px; }
.founder-note strong { color: var(--accent); display: block; font-size: .78rem; letter-spacing: .12em; margin-top: 28px; text-transform: uppercase; }
.founder-art { background: linear-gradient(145deg, var(--sage-soft), rgba(255,255,255,.8)); border: 1px solid rgba(105,128,99,.18); border-radius: 180px 180px 24px 24px; box-shadow: var(--shadow); overflow: hidden; padding: 14px; }
.founder-art img { border-radius: 166px 166px 16px 16px; height: 500px; object-fit: cover; width: 100%; }

@media (max-width: 760px) {
  .about-grid { gap: 48px; grid-template-columns: 1fr; }
  .about-art { max-width: none; }
  .process-story { grid-template-columns: 1fr 1fr; }
  .process-story::before { display: none; }
  .journey-card, .founder-grid { grid-template-columns: 1fr; }
  .journey-card, .founder-note { padding: 32px 24px; }
  .founder-art img { height: 420px; }
}
@media (max-width: 480px) {
  .experience-card { bottom: 28px; right: -5px; }
  .process-story { grid-template-columns: 1fr; }
  .founder-art img { height: 360px; }
}