/* ============================================================
   ABOUT.CSS — about section (home + about page)
   ============================================================ */

.about{background:var(--ivory);position:relative;overflow:hidden;}
.about-grid{display:grid;grid-template-columns:0.95fr 1.05fr;gap:72px;align-items:center;}
.about-visual{position:relative;}
.about-visual .arch-frame{margin-bottom:26px;position:relative;}
.about-visual .arch{
  aspect-ratio:4/5;
  background:linear-gradient(160deg,#7c1d14,#2b0d06 75%);
}
.about-visual .arch img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  transition:transform .6s var(--ease);
}
.about-visual .arch:hover img{transform:scale(1.05);}
.about-visual .arch::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top, rgba(0,0,0,.5), transparent 55%);
}
/* 25+ — large floating text outside the arch-frame, no circle.
   z-index keeps it above the photo, its gradient overlay and the diya */
.about-visual .badge{
  position:absolute;bottom:-34px;right:-12px;z-index:5;
  display:flex;flex-direction:column;align-items:center;
  text-align:center;line-height:1;
  transform:rotate(-4deg);
  transition:transform .5s var(--ease);
  filter:drop-shadow(0 16px 26px rgba(0,0,0,.4));
}
.about-visual .badge:hover{transform:rotate(0deg) scale(1.05);}
.about-visual .badge .n{
  font-family:var(--font-serif);font-size:clamp(64px, 7vw, 104px);font-weight:700;line-height:.85;
  background:linear-gradient(100deg, var(--gold-light) 15%, var(--saffron) 55%, #e8ad68 90%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 6px 26px rgba(217,140,60,.28);
}
.about-visual .badge .n em{font-style:italic;font-weight:500;}
.about-visual .badge .t{
  margin-top:10px;font-size:10px;text-transform:uppercase;letter-spacing:.26em;
  color:var(--gold-light);font-weight:700;line-height:1.5;
}
.about-copy p{color:var(--ink-soft);font-size:16.5px;margin-bottom:20px;max-width:54ch;}
.about-copy p:last-of-type{margin-bottom:0;}
.about-copy .sig{
  margin-top:26px;font-family:var(--font-serif);font-style:italic;
  color:var(--gold-light);font-size:22px;
}
.about-copy .sig small{display:block;font-family:var(--font-body);font-style:normal;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-top:4px;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:980px){
  .about-grid{grid-template-columns:1fr;gap:48px;}
  .about-visual{max-width:440px;width:100%;margin:0 auto;}
}
@media (max-width:560px){
  .about-visual .badge{right:-6px;bottom:-28px;}
  .about-visual .badge .n{font-size:56px;}
  .about-visual .badge .t{font-size:8px;letter-spacing:.18em;}
}