/* About page styling. Scoped so the shared site styles remain unchanged. */
.about-page{overflow:hidden}
.about-hero{max-width:1500px;margin:0 auto;padding:76px 8% 88px;display:grid;grid-template-columns:.82fr 1.18fr;gap:7%;align-items:center}
.about-eyebrow{margin:0 0 17px;color:#a18459;font-size:9px;font-weight:700;letter-spacing:2px}
.about-hero h1{margin:0 0 22px;color:#302f29;font:600 clamp(50px,6vw,78px)/1.02 'Playfair Display',Georgia,serif;letter-spacing:-2.4px}
.about-hero h1 em{color:#a4875c;font-weight:500}
.about-lead{max-width:490px;margin:0 0 13px;color:#555249;font-size:16px;line-height:1.75}
.about-intro{max-width:470px;margin:0;color:#827d72;font-size:12px;line-height:1.9}
.about-cta{display:inline-flex;align-items:center;gap:14px;margin-top:27px;padding:15px 19px;background:#30342d;color:#fff;font-size:11px;font-weight:600;transition:background .18s ease}
.about-cta:hover{background:#4b5144}
.about-cta span{font-size:15px}
.about-hero-art{position:relative;min-width:0;height:clamp(320px,38vw,500px);overflow:hidden;border-radius:48% 48% 3px 3px;background:#eee8dc;box-shadow:0 22px 55px #55452a22}
.about-hero-art img{display:block;width:100%;height:100%;object-fit:cover}
.about-image-note{position:absolute;right:17px;bottom:17px;max-width:235px;padding:13px 16px;background:#fbfaf7ed;border:1px solid #e8e2d8;color:#4d493f;font:italic 16px 'Playfair Display',Georgia,serif}
.about-image-note span{display:block;margin-bottom:6px;color:#9a825d;font:700 8px 'DM Sans',Arial,sans-serif;letter-spacing:1.3px}
.about-ribbon{padding:18px 5%;border-block:1px solid #e8e2d8;color:#827d72;text-align:center;font-size:9px;letter-spacing:1.2px}
.about-story{padding:78px 10%;background:#f0ede6;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.about-story-heading h2,.about-contact h2{margin:11px 0 0;color:#302f29;font:600 clamp(32px,4vw,47px)/1.12 'Playfair Display',Georgia,serif;letter-spacing:-1px}
.about-story-copy{max-width:570px;border-left:1px solid #d8d0c2;padding-left:30px;color:#706c62;font-size:13px;line-height:1.9}
.about-story-copy p{margin:0 0 15px}
.about-story-copy p:last-child{margin-bottom:0}
.about-values{padding:72px 8% 82px;background:#fbfaf7}
.about-values-heading{text-align:center;margin:0 auto 32px}
.about-values-heading h2{margin:10px 0;color:#302f29;font:600 clamp(30px,3.5vw,40px)/1.15 'Playfair Display',Georgia,serif}
.about-values-grid{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.about-value-card{min-height:190px;padding:25px 27px;background:#fff;border:1px solid #e6dfd3}
.about-value-card span{color:#a18459;font-size:9px;font-weight:700;letter-spacing:1.4px}
.about-value-card h3{margin:18px 0 8px;color:#302f29;font:600 23px/1.2 'Playfair Display',Georgia,serif}
.about-value-card p{max-width:420px;margin:0;color:#807a70;font-size:12px;line-height:1.8}
.about-contact{padding:68px 8%;background:#eae6dc}
.about-contact-inner{max-width:1060px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:35px}
.about-contact h2{font-size:37px}
.about-contact-copy{max-width:510px;margin:13px 0 0;color:#777267;font-size:12px;line-height:1.8}
.about-contact-card{min-width:min(100%,330px);padding:23px 26px;background:#fbfaf7;border:1px solid #e1d9cb}
.about-contact-card p{margin:0 0 9px;color:#a18459;font-size:8px;font-weight:700;letter-spacing:1.5px}
.about-contact-card strong{display:block;margin-bottom:9px;color:#302f29;font:600 20px 'Playfair Display',Georgia,serif}
.about-contact-card a{color:#70634d;font-size:11px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.about-footer{background:#30342d;color:#f5f2ea;padding:38px 6%;text-align:center}
.about-footer .logo{display:inline-block;color:#d3bc96}
.about-footer .logo b{color:#fff}
.about-footer p{margin:12px 0;color:#c9c1b2;font:italic 14px 'Playfair Display',Georgia,serif}
.about-footer nav{display:flex;justify-content:center;gap:22px;margin:20px 0;color:#d1ccbf;font-size:10px}
.about-footer small{color:#aaa99e;font-size:9px}
@media(max-width:900px){.about-hero{padding:62px 7%;grid-template-columns:1fr;gap:35px}.about-hero-art{height:clamp(300px,55vw,450px);border-radius:38% 38% 3px 3px}.about-story{padding:64px 8%;gap:35px}.about-contact-inner{align-items:flex-start;flex-direction:column}.about-contact-card{width:100%}}
@media(max-width:720px){.about-hero{padding:48px 6% 58px}.about-hero h1{font-size:clamp(45px,12vw,64px);letter-spacing:-1.5px}.about-lead{font-size:15px}.about-hero-art{height:320px;border-radius:43% 43% 3px 3px}.about-ribbon{font-size:7px;line-height:1.8;letter-spacing:.7px}.about-story{grid-template-columns:1fr;padding:55px 7%;gap:20px}.about-story-copy{padding-left:19px}.about-values{padding:55px 6% 62px}.about-values-grid{grid-template-columns:1fr}.about-value-card{min-height:160px;padding:22px}.about-contact{padding:54px 6%}.about-contact h2{font-size:32px}.about-footer nav{flex-wrap:wrap;gap:14px}}
@media(prefers-reduced-motion:reduce){.about-cta{transition:none}}
