.skip-link{position:fixed;top:12px;left:12px;z-index:40;background:var(--paper);padding:12px 18px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.top nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px}
body.about-page main{max-width:1060px;padding-top:58px}
.about-introduction{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:60px;align-items:center;padding-bottom:48px;border-bottom:1px solid #a898797a}
body.about-page h1{font-size:clamp(46px,5.7vw,68px);line-height:1.06;letter-spacing:-2px;margin:16px 0 25px}
.about-copy .eyebrow{font-size:10px;letter-spacing:1.4px}
.about-copy>p:not(.eyebrow):not(.lead){font-size:15px;color:var(--sub);line-height:1.85;max-width:53ch;margin-bottom:0}
/* Preserve the full source portrait, including both shoulders and Hop’s ears. */
.founder-portrait{margin:0;min-width:0;padding:16px;border:1px solid #b1a082;border-radius:5px;background:linear-gradient(120deg,#f7f3e947,#bcab832e),url("../assets/stone-limestone-v1.jpg") center/cover;box-shadow:inset 1px 1px 1px #fffaf0,3px 5px 0 #c7b998,12px 21px 35px #5b493216}
.founder-portrait img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #b9a98b80;background:var(--paper)}
.founder-portrait figcaption{font-size:10px;line-height:1.6;text-align:center;letter-spacing:1.3px;text-transform:uppercase;color:var(--sub);margin:13px 0 1px}





.about-working{max-width:735px;margin:44px 0}
body.about-page .about-working h2{font-size:34px;line-height:1.2;letter-spacing:-.8px;margin:10px 0 21px;max-width:25ch}
.about-working>p:not(.eyebrow):not(.note){font-size:15px;line-height:1.85;color:var(--sub)}
.about-working .note{margin-top:25px;font-size:13px;max-width:65ch}
.about-invitation{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:31px 33px;background:linear-gradient(110deg,#efe7d5eb,#f7f3e9df),url("../assets/stone-sandstone-v1.jpg") center/cover;border:1px solid #b9a98b9e;border-radius:3px}
body.about-page .about-invitation h2{font-size:32px;margin:8px 0 14px;line-height:1.15}
.about-invitation p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:53ch;color:var(--sub);margin:0}
.about-actions{display:flex;flex-direction:column;gap:16px;flex-shrink:0;align-items:flex-start}
.about-actions .btn{min-height:44px;display:flex;align-items:center;gap:14px}
.about-store-link{font-size:12px;display:flex;gap:13px;align-items:center;min-height:34px}
@media(max-width:760px){.founder-portrait{padding:12px}.founder-portrait figcaption{font-size:9px;letter-spacing:1px}body.about-page main{padding-top:35px}.about-introduction{gap:30px;grid-template-columns:minmax(0,1fr) minmax(180px,.65fr);padding-bottom:34px}.about-working{margin:32px 0}.about-invitation{padding:26px;gap:22px}.about-actions{flex-shrink:1}.about-actions .btn{font-size:12px;gap:8px}.about-store-link{font-size:12px}}
@media(max-width:540px){.about-introduction{grid-template-columns:1fr;gap:25px}body.about-page h1{font-size:49px;letter-spacing:-1.5px}.about-copy .lead{font-size:17px}.about-copy>p:not(.eyebrow):not(.lead){font-size:14px}body.about-page .about-working h2{font-size:29px}.about-working>p:not(.eyebrow):not(.note){font-size:14px}.about-working .note{font-size:12px}.about-invitation{display:block;padding:25px 23px}.about-actions{margin-top:23px;gap:11px}body.about-page .about-invitation h2{font-size:30px}.about-invitation p:not(.eyebrow){font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}