/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   about.css — About page styles
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.about-hero {
  position: relative; min-height: 70vh;
  display: flex; align-items: flex-end;
  padding: 0 var(--pad-x) 6rem;
  background-image: url('https://decoratorsfactoryoutlet.com/wp-content/uploads/2015/01/Home-Page-Inset.jpg');
  background-size: cover; background-position: center; overflow: hidden;
}
.about-hero__overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to right,
    rgba(26,37,53,.82) 0%, rgba(26,37,53,.4) 55%, rgba(26,37,53,.2) 100%);
}
.about-hero__content { position: relative; z-index: 2; max-width: 580px; }

.about-container { max-width: 1160px; margin: 0 auto; padding: 0 var(--pad-x); }

/* Story */
.about-section { padding: 6rem 0; background: var(--warm); }
.about-split {
  display: grid; grid-template-columns: 1fr 400px;
  gap: 5rem; align-items: start;
}
.about-body h2 {
  font-size: clamp(1.8rem,2.8vw,2.6rem); line-height: 1.2;
  color: var(--heading); margin-bottom: 1.8rem;
}
.about-lead {
  font-size: .97rem; line-height: 1.85;
  color: var(--lead); margin-bottom: 1.2rem; font-weight: 400;
}
.about-body p { font-size:.85rem; line-height:1.8; color:var(--para); margin-bottom:1.1rem; }
.about-body p strong { color: var(--navy); }

.about-img-wrap {
  border-radius: 2px; overflow: hidden;
  box-shadow: 0 16px 48px rgba(26,37,53,.15); margin-bottom: 1.5rem;
}
.about-img-wrap img {
  width:100%; height:280px; object-fit:cover;
  display:block; transition:transform .6s ease;
}
.about-img-wrap:hover img { transform: scale(1.04); }

.about-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; }
.about-stat  { background:var(--navy); padding:1.4rem 1rem; text-align:center; }
.about-stat__val {
  font-family:'Cormorant Garamond',serif; font-size:2rem; font-weight:600;
  color:var(--accent); display:block; line-height:1;
}
.about-stat__label {
  font-size:.65rem; letter-spacing:.12em; text-transform:uppercase;
  color:rgba(255,255,255,.55); display:block; margin-top:.4rem;
}

/* CAD */
.cad-section { background:var(--navy); padding:5.5rem 0; }
.cad-inner {
  display:grid; grid-template-columns:80px 1fr;
  gap:3rem; align-items:start; max-width:840px;
}
.cad-icon { font-size:2.8rem; padding-top:.6rem; text-align:center; }
.cad-content h2 {
  font-size:clamp(1.8rem,2.6vw,2.4rem); line-height:1.2;
  color:var(--white); margin-bottom:1.2rem;
}
.cad-content p { font-size:.86rem; line-height:1.8; color:rgba(255,255,255,.6); margin-bottom:1rem; }

/* Rooms */
.rooms-section { padding:5.5rem 0; background:var(--cream); }
.rooms-section h2 { font-size:clamp(1.8rem,2.6vw,2.4rem); color:var(--heading); line-height:1.2; }
.rooms-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:2px; }
.room-card { background:var(--warm); padding:1.8rem 1.2rem; text-align:center; transition:background .3s; }
.room-card:hover { background:var(--navy); }
.room-card__icon { display:block; font-size:1.6rem; margin-bottom:.6rem; }
.room-card__name {
  font-family:'Cormorant Garamond',serif; font-size:.95rem;
  color:var(--heading); transition:color .3s; display:block; line-height:1.3;
}
.room-card:hover .room-card__name { color:var(--accent); }

/* Values */
.values-section { padding:5.5rem 0; background:var(--warm); }
.values-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; }
.value-card { background:var(--cream); padding:2.4rem 1.8rem; transition:background .3s; }
.value-card:hover { background:var(--navy); }
.value-card__icon { font-size:1.8rem; margin-bottom:1rem; display:block; }
.value-card__title { font-size:1.1rem; color:var(--heading); margin-bottom:.6rem; line-height:1.2; transition:color .3s; }
.value-card:hover .value-card__title { color:var(--white); }
.value-card__desc { font-size:.8rem; line-height:1.72; color:var(--para); transition:color .3s; }
.value-card:hover .value-card__desc { color:rgba(255,255,255,.55); }

/* Visit CTA */
.visit-cta { background:var(--navy); padding:5.5rem 0; }
.visit-cta__inner { display:grid; grid-template-columns:1fr auto; gap:4rem; align-items:center; }
.visit-cta__text h2 {
  font-size:clamp(1.8rem,2.6vw,2.4rem); line-height:1.2;
  color:var(--white); margin-bottom:2rem;
}
.visit-cta__details { display:flex; flex-direction:column; gap:1rem; }
.visit-detail { display:grid; grid-template-columns:80px 1fr; gap:.5rem; font-size:.85rem; }
.visit-detail__label {
  font-family:'Jost',sans-serif; font-size:.6rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--accent); font-weight:500; padding-top:2px;
}
.visit-detail span:last-child,
.visit-detail a { color:rgba(255,255,255,.65); line-height:1.65; }
.visit-cta__actions { display:flex; flex-direction:column; align-items:flex-start; gap:.4rem; }

/* Responsive */
@media (max-width:1024px) {
  .values-grid { grid-template-columns:repeat(2,1fr); }
  .rooms-grid  { grid-template-columns:repeat(4,1fr); }
}
@media (max-width:768px) {
  .about-split      { grid-template-columns:1fr; gap:3rem; }
  .about-sidebar    { order:-1; }
  .cad-inner        { grid-template-columns:1fr; gap:1.5rem; }
  .cad-icon         { display:none; }
  .rooms-grid       { grid-template-columns:repeat(2,1fr); }
  .values-grid      { grid-template-columns:1fr; }
  .visit-cta__inner { grid-template-columns:1fr; gap:2.5rem; }
}
@media (max-width:480px) {
  .about-hero { min-height:55vh; padding-bottom:3.5rem; }
}