.about-page { background:#f8f6f2; color:#25221f; }
.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-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; }
}