.about-section { position: relative; padding: 96px 10.7% 110px; background: #ffffff; }
.about-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(360px,0.8fr); align-items: center; gap: 0; }
.about-copy { max-width: 760px; margin-right: -36px; }
.about-badge { display: inline-block; margin-bottom: 22px; padding: 8px 22px; border-radius: 999px; background: #ece6d5; color: #574022; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; }
.about-title { margin-bottom: 28px; color: #111; max-width: 760px; font-size: clamp(26px, 3.5vw, 48px); line-height: 1.12; letter-spacing: -1.6px; }
.about-text { max-width: 560px; color: #5a5a5a; font-size: 16px; line-height: 1.9; }
.about-visual { position: relative; min-height: 660px; display: flex; align-items: center; justify-content: center; overflow: visible; margin-left: -12px; padding-top: 48px; }
.about-visual::before { content: ""; position: absolute; inset: 24px; background: url("../images/mandala.png") center/contain no-repeat; opacity: 0.2; }
.about-wheel { position: relative; z-index: 1; width: min(680px, 100%); filter: drop-shadow(0 24px 34px rgba(176,132,73,0.14)); }