/* ============================================================
   ABOUT
   ============================================================ */
.about {
  padding:110px 0;
  background:linear-gradient(135deg, #fff 0%, var(--off-white) 55%, rgba(249,221,214,.35) 100%);
  position:relative; overflow:hidden;
}
.about-watermark {
  position:absolute; right:-40px; bottom:-50px;
  font-family:var(--f-disp); font-size:clamp(100px,14vw,200px);
  font-weight:900; color:rgba(28,21,18,.03);
  pointer-events:none; user-select:none; letter-spacing:-.04em;
  white-space:nowrap; z-index:0;
}

.about-in {
  display:grid; grid-template-columns:1fr 1fr;
  gap:90px; align-items:center;
  position:relative; z-index:1;
}

/* Image panel */
.about-img-wrap {
  position:relative; aspect-ratio:3/4;
  background:var(--gold-lt);
  border:1.5px solid var(--text);
  border-radius:2px; overflow:hidden;
}
.about-img-wrap img {
  width:100%; height:100%;
  object-fit:cover; display:block;
}

.about-badge {
  position:absolute; bottom:-18px; right:-18px;
  width:114px; height:114px; border-radius:50%;
  background:var(--gold);
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  text-align:center; gap:3px;
}
.badge-n { font-family:var(--f-disp); font-size:34px; font-weight:900; color:#fff; line-height:1; }
.badge-l { font-size:8.5px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.8); line-height:1.35; }

/* Text panel */
.about-h2 {
  font-family:var(--f-disp);
  font-size:clamp(38px,3.6vw,58px);
  font-weight:900; color:var(--text); line-height:1.05;
  letter-spacing:-.025em; margin-top:16px; margin-bottom:26px;
}
.about-h2 em { font-style:italic; color:var(--gold); }

.about-p {
  font-size:14px; line-height:1.85;
  color:var(--muted); margin-bottom:22px;
}

/* Feature grid */
.feat-grid {
  display:grid; grid-template-columns:1fr 1fr;
  gap:10px; background:transparent; border:none;
  margin-top:44px;
}
.feat {
  padding:22px 20px; background:#fff;
  border:1.5px solid var(--text);
  transition:background .28s;
}
.feat:hover { background:var(--gold-lt); }
.feat-ico  { font-size:18px; margin-bottom:9px; }
.feat-name { font-size:13px; font-weight:500; color:var(--text); margin-bottom:4px; letter-spacing:.01em; }
.feat-desc { font-size:12px; color:var(--muted); line-height:1.55; }