.about-nav-link{border:1px solid #bfa78f70;border-radius:30px;padding:8px 13px;white-space:nowrap}
.about-page{background:linear-gradient(135deg,#fcf7f1,#f4e8ec 45%,#faf4ea);padding-bottom:75px}
.about-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:center;padding:65px 7%;max-width:1400px;margin:auto}
.about-hero h1{font-family:var(--editorial);font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.12;color:#674751;letter-spacing:-1px;margin:22px 0}
.about-hero h1 i{font-family:var(--romantic);font-style:normal;font-size:1.2em;color:#967466}
.about-hero .about-intro{font-family:var(--serif);font-size:25px;line-height:1.45;max-width:430px;color:#71574f}
.about-portrait{margin:0;border:10px solid #ffffff9e;border-radius:160px 160px 9px 9px;overflow:hidden;box-shadow:0 25px 60px #8e69641b;background:#eee2d8;aspect-ratio:3/4;max-height:580px}
.about-portrait img{display:block;width:100%;height:100%;object-fit:contain}
.about-story{max-width:850px;margin:15px auto 0;padding:55px 60px;background:#fffaf6b5;border:1px solid #fff;border-radius:12px;box-shadow:0 18px 65px #96727512;backdrop-filter:blur(18px);color:#5f4c46}
.about-story h2{font-family:var(--editorial);font-weight:400;font-size:42px;line-height:1.2;color:#75535c;margin:0 0 25px}
.about-story p{font-size:16px;line-height:1.95;margin:0 0 23px}
.about-story .story-lead{font-family:var(--serif);font-size:26px;line-height:1.5;color:#916e5c;margin-bottom:34px}
.about-story .story-emphasis{font-family:var(--serif);font-size:29px;line-height:1.4;color:#855b66;margin:35px 0;padding:20px 0;border-top:1px solid #d8c6bb;border-bottom:1px solid #d8c6bb}
.about-story .story-closing{font-family:var(--serif);font-size:26px;text-align:center;margin-top:40px;color:#8c6a57}
.about-story .story-signature{text-align:center;line-height:2.4;margin:30px 0 0;letter-spacing:1.5px}.story-signature em{letter-spacing:0;font-family:var(--serif);font-size:22px}
.about-return{text-align:center;padding:40px 6% 0}.about-return .button{margin:0}
@media(max-width:767px){.about-hero{grid-template-columns:1fr;gap:32px;padding:45px 6% 30px}.about-hero h1{font-size:49px}.about-hero .about-intro{font-size:23px}.about-portrait{width:100%;max-width:430px;margin:auto;max-height:540px}.about-story{margin:10px 5%;padding:30px 23px}.about-story h2{font-size:34px}.about-story p{font-size:15px}.about-story .story-lead{font-size:24px}.about-story .story-emphasis{font-size:26px}.about-nav-link{width:max-content}}