#about-story.about-story-ready {padding:0;background:var(--tnvd-surface)}
#about-story .ar-surface {padding:40px 28px;background:var(--tnvd-surface);color:var(--tnvd-ink);font:400 18px/1.5 Circe,Arial,sans-serif}
#about-story .ar-surface * {box-sizing:border-box}
#about-story .ar-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:32px;max-width:1100px;margin:auto}
#about-story figure {margin:0;min-width:0;overflow:hidden;border:1px solid var(--tnvd-line);border-radius:18px;background:var(--tnvd-raised)}
#about-story .ar-photo-button {position:relative;display:block;width:100%;padding:0;border:0;background:var(--tnvd-raised);color:var(--tnvd-raised)}
#about-story .ar-photo-button img {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
#about-story .ar-expand {position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#272e32cc}
#about-story .ar-expand svg {width:18px;height:18px}
#about-story figcaption {padding:17px 20px;font-size:15px;line-height:1.4;color:var(--tnvd-muted)}
#about-story figcaption strong {display:block;margin-bottom:3px;color:var(--tnvd-ink);font-size:17px;font-weight:700}
#about-story .ar-copy {min-width:0}
#about-story .ar-company {margin:0 0 12px;color:var(--tnvd-link);font-size:13px;font-weight:700;line-height:1.45;letter-spacing:.045em}
#about-story h2 {margin:0 0 19px;font-size:34px;line-height:1.15;font-weight:700;color:var(--tnvd-ink)}
#about-story .ar-lead {margin:0;font-size:21px;line-height:1.45}
#about-story .ar-location {margin:17px 0 0;color:var(--tnvd-muted);font-size:17px;line-height:1.5}
#about-story .ar-brands {display:flex;flex-wrap:wrap;gap:8px 17px;margin:25px 0 0;padding:20px 0 0;border-top:1px solid var(--tnvd-line);list-style:none;font-size:18px;font-weight:700;line-height:1.4;color:var(--tnvd-ink)}
#about-story .ar-brands li {margin:0;padding:0}
#about-story .ar-brands li:last-child {font-style:normal}
#about-story .ar-surface.ar-photo-right figure {order:2}
#about-story .ar-surface.ar-photo-right .ar-copy {order:1}
#about-story .ar-surface.ar-photo-right .ar-layout {grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
#about-story dialog {max-width:620px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:18px;border:1px solid var(--tnvd-line);border-radius:18px;background:var(--tnvd-raised);color:var(--tnvd-ink);font:400 17px/1.45 Circe,Arial,sans-serif}
#about-story dialog::backdrop {background:#171e22c9}
#about-story .ar-dialog-head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
#about-story .ar-dialog-head strong {font-weight:700;font-size:19px}
#about-story .ar-close {display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1px solid var(--tnvd-line);border-radius:10px;background:var(--tnvd-surface);color:var(--tnvd-link)}
#about-story .ar-close svg {width:22px;height:22px}
#about-story dialog img {display:block;width:100%;height:auto;border-radius:10px}
@media(min-width:900px) {#about-story .ar-surface {padding:48px 44px}}
@media(max-width:620px) {
 #about-story .ar-surface {padding:28px 20px}
 #about-story .ar-layout,#about-story .ar-surface.ar-photo-right .ar-layout {grid-template-columns:minmax(0,1fr);gap:25px}
 #about-story figure {max-width:450px;width:100%;margin:auto}
 #about-story .ar-copy {order:-1!important}
 #about-story .ar-surface.ar-photo-right figure {order:0}
 #about-story h2 {font-size:29px;margin-bottom:16px}
 #about-story .ar-lead {font-size:20px}
 #about-story .ar-company {font-size:12px}
 #about-story .ar-brands {margin-top:20px;padding-top:17px;gap:8px 16px;font-size:17px}
}
@media(max-width:370px) {
 #about-story .ar-surface {padding:25px 16px}
 #about-story h2 {font-size:28px}
 #about-story .ar-lead {font-size:19px}
}
#about-story .ar-seo {--ar-seo-size:18px;padding:34px 28px 40px;border-top:1px solid var(--tnvd-line);background:var(--tnvd-raised);color:var(--tnvd-ink);font:400 var(--ar-seo-size)/1.65 Circe,Arial,sans-serif}
#about-story .ar-seo-inner {max-width:1100px;margin:auto}
#about-story .ar-seo-label {margin:0 0 20px;color:var(--tnvd-muted);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}
#about-story .ar-seo-copy p {margin:0 0 20px}
#about-story .ar-seo-copy p:last-child {margin-bottom:0}
#about-story .ar-seo-copy h3 {margin:26px 0 12px;color:var(--tnvd-ink);font-size:23px;line-height:1.3;font-weight:700}
#about-story .ar-seo-copy a {color:var(--tnvd-link);text-decoration:underline;text-underline-offset:3px}
@media(min-width:900px) {#about-story .ar-seo {padding-inline:44px}}
@media(max-width:620px) {#about-story .ar-seo {padding:28px 20px 32px}#about-story .ar-seo-copy h3 {font-size:22px}}
@media(max-width:370px) {#about-story .ar-seo {padding-inline:16px}}

#about-story .ar-copy h2 {text-align:left}
#about-story .ar-seo-copy {max-width:none;font:inherit}
#about-story .ar-seo-copy p {font-size:inherit;line-height:inherit;font-weight:400}
body:has(#about-entry-dialog[open]) {overflow:hidden}