.about-home{font-size:12px;font-weight:700;color:var(--ink);text-decoration:none}
.about-main{max-width:1220px;margin:0 auto;padding:0 5%}
.about-hero{padding:100px 0 82px;max-width:880px}
.about-hero h1{font:600 clamp(44px,6.2vw,78px)/1.08 var(--serif);letter-spacing:-.05em;margin:22px 0}
.about-hero h1 em,.about-story h2 em,.about-values h2 em{color:var(--red);font-weight:600}
.about-hero>p,.about-values>p{font-size:15px;line-height:1.9;color:#67685e;max-width:740px}
.about-signature{display:inline-block;margin-top:17px;padding:13px 18px;border-left:3px solid var(--red);background:#f8eeee;color:#a20c1c;font:600 15px var(--serif)}
.about-story{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);gap:9%;align-items:center;padding:45px 0 100px}
.about-photo-wrap{position:relative;padding:0 15px 15px 0}
.about-photo-wrap img{display:block;width:100%;height:440px;object-fit:cover;border-radius:22px;box-shadow:12px 13px 0 #f2c9c9}
.about-photo-wrap span{position:absolute;left:-10px;bottom:0;padding:12px 16px;background:var(--paper);color:var(--red);font-size:10px;font-weight:800;letter-spacing:.12em;box-shadow:0 5px 18px #25271f12}
.about-story h2{font:600 clamp(36px,4vw,52px)/1.08 var(--serif);letter-spacing:-.045em;margin:17px 0 30px}
.about-timeline{list-style:none;margin:0;padding:0;border-left:1px solid #e5c2c2}
.about-timeline li{display:grid;grid-template-columns:70px 1fr;gap:17px;padding:0 0 25px 22px;position:relative}
.about-timeline li:last-child{padding-bottom:0}
.about-timeline li:before{content:"";position:absolute;left:-5px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #f8eeee}
.timeline-year{font-weight:800;color:var(--red);font-size:14px}
.about-timeline h3{font:600 18px var(--serif);margin:0 0 6px}
.about-timeline p{font-size:12px;line-height:1.7;color:#77766b;margin:0}
.about-values{text-align:center;background:#f8eeee;border-radius:24px;padding:65px 7%;margin-bottom:75px}
.about-values .eyebrow{justify-content:center}
.about-values h2{font:600 clamp(30px,4vw,46px)/1.2 var(--serif);letter-spacing:-.04em;margin:17px 0}
.about-values>p{margin:0 auto 25px}
@media(max-width:760px){.about-main{padding:0 6%}.about-hero{padding:65px 0 45px}.about-hero h1{font-size:46px}.about-hero>p{font-size:13px}.about-story{grid-template-columns:1fr;gap:42px;padding:20px 0 65px}.about-photo-wrap{max-width:520px}.about-photo-wrap img{height:300px}.about-story h2{font-size:40px}.about-values{padding:48px 7%;margin-bottom:55px}.about-values h2{font-size:34px}.about-home{font-size:10px}}
@media(max-width:430px){.about-header .brand-logo{width:76px;height:42px}.about-home{max-width:100px;text-align:right}.about-timeline li{grid-template-columns:58px 1fr;gap:10px;padding-left:17px}.about-timeline h3{font-size:16px}.about-values h2{font-size:29px}}