.about-page { background:#f8f6f2; color:#25221f; }
.about-page .lp-foot__grid { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:32px; }
.about-page .lp-foot__logo { display:block; width:170px; height:auto; max-width:100%; object-fit:contain; }
.about-page .lp-foot__grid > div:not(:first-child) { display:flex; flex-direction:column; gap:8px; }
.about-page .lp-foot__grid h4 { margin:0 0 4px; color:var(--sb-cafe-latte-200); font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.about-page .lp-foot__grid a, .about-page .lp-foot__grid span { color:var(--sb-cafe-cream); font-size:14px; line-height:1.5; }
.about-page .lp-foot__tag { margin-top:10px; color:var(--sb-cafe-latte-100); font-size:14px; }
.about-page .lp-foot__bottom { display:flex; justify-content:space-between; gap:16px; margin-top:36px; padding-top:20px; border-top:1px solid rgba(255,247,237,.16); color:var(--sb-cafe-latte-100); font-size:12px; }
.about-story { min-height:calc(100svh - 70px); display:grid; align-items:start; padding-block:clamp(88px,11vw,148px); }
.about-story__inner { width:100%; max-width:1180px !important; }
.about-story__layout { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr); gap:clamp(48px,9vw,148px); align-items:start; }
.about-story__intro { position:sticky; top:104px; padding-top:4px; }
.about-story__mark { display:block; width:48px; height:48px; margin-bottom:28px; object-fit:contain; }
.about-story__intro h1 { max-width:8ch; margin:0; color:#25221f; font-size:clamp(2.5rem,4.8vw,4.75rem); line-height:1.03; letter-spacing:-.05em; }
.about-story__intro::after { content:""; display:block; width:56px; height:1px; margin-top:34px; background:#8a7562; opacity:.65; }
.about-story__copy { max-width:680px; padding-left:clamp(28px,5vw,72px); border-left:1px solid rgba(138,117,98,.25); }
.about-story__body { display:grid; gap:24px; max-width:66ch; margin:0; color:#625b53; font-size:clamp(1rem,1.2vw,1.125rem); line-height:1.8; }
.about-story__body p:last-child { color:#25221f; font-weight:500; }
@media (max-width:700px) {
  .about-story { min-height:calc(100svh - 62px); padding-block:72px; }
  .about-page .lp-foot__grid { grid-template-columns:1fr 1fr; gap:28px 20px; }
  .about-page .lp-foot__logo { width:140px; }
  .about-page .lp-foot__bottom { flex-direction:column; gap:6px; }
  .about-story__layout { grid-template-columns:1fr; gap:40px; }
  .about-story__intro { position:static; padding-top:0; }
  .about-story__mark { width:40px; height:40px; margin-bottom:20px; }
  .about-story__intro h1 { max-width:none; font-size:clamp(2.35rem,12vw,4rem); }
  .about-story__intro::after { width:44px; margin-top:24px; }
  .about-story__copy { max-width:none; padding:28px 0 0; border-top:1px solid rgba(138,117,98,.25); border-left:0; }
  .about-story__body { gap:20px; }
}