/* About page only; shared header, footer and contacts retain their existing CSS. */
.about-main{flex:1;width:min(1120px,calc(100% - 48px));margin:0 auto;padding:44px 0 34px}
.about-story{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:60px;align-items:center}
.about-eyebrow{margin:0 0 16px;color:#85664d;font:600 10px/1.6 var(--font-sans);letter-spacing:.2em}
.about-story h1{margin:0 0 22px;color:#40281c;font:500 clamp(32px,3.2vw,46px)/1.2 var(--font-serif);letter-spacing:-.025em}
.about-story h1 span{display:block}
.about-introduction{max-width:570px;margin:0;color:#705947;font:400 14px/1.95 var(--font-sans)}
.about-visual{width:min(100%,360px);margin:0 0 0 auto;padding:12px;background:#fcf8f1;border:1px solid #ddcab36e;border-radius:10px;box-shadow:0 5px 23px #49312608}
.about-visual img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:4px}
.about-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0 0}
.about-feature{padding:23px 24px;background:#fcf8f1;border:1px solid #ddcab380;border-radius:10px;box-shadow:0 3px 14px #49312603}
.about-feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:15px;border-radius:50%;background:#efe3d0;color:#6c482f}
.about-feature-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.about-feature h2{margin:0 0 10px;color:#493126;font:500 20px/1.3 var(--font-serif)}
.about-feature p{margin:0;color:#76604c;font:400 12px/1.9 var(--font-sans)}
.about-closing{margin:27px 0 0;text-align:center;color:#7b5b40;font:500 italic 23px/1.5 var(--font-serif)}
.about-page .mobile-drawer-link[aria-current=page]{color:#493126;background:#eadbc6;border-radius:4px}
@media(max-width:900px){.about-main{width:min(680px,calc(100% - 40px));padding-top:34px}.about-story{grid-template-columns:1fr;gap:26px}.about-story h1{font-size:40px}.about-visual{width:min(100%,330px);margin-inline:auto}.about-features{gap:12px}.about-feature{padding:20px 17px}.about-feature h2{font-size:19px}}
@media(max-width:600px){.about-main{width:calc(100% - 36px);padding:32px 0 28px}.about-story{gap:24px}.about-story h1{font-size:33px;line-height:1.25;margin-bottom:18px}.about-eyebrow{margin-bottom:12px}.about-introduction{font-size:13px;line-height:1.95}.about-visual{width:min(100%,300px);padding:10px}.about-features{grid-template-columns:1fr;margin-top:24px;gap:12px}.about-feature{display:grid;grid-template-columns:38px minmax(0,1fr);gap:5px 14px;padding:19px}.about-feature-icon{width:38px;height:38px;margin:0;grid-row:1/3}.about-feature h2{font-size:20px;margin:2px 0 3px}.about-feature p{font-size:12px}.about-closing{font-size:21px;margin-top:24px}}
/* Keep text clear of the existing floating contact rail while scrolling. */
@media(min-width:601px) and (max-width:900px){.about-feature:last-child{padding-inline-end:54px}}
@media(max-width:600px){.about-feature{padding-inline-end:54px}}
