/* ==========================================================================
   About Us page — ported from auris-about-us.liquid.
   Class names namespaced (.auris-about -> .auris-aboutpage) so they cannot
   collide with the homepage brand-story section, which Shopify kept apart
   using per-section ID scoping.
   ========================================================================== */

/* ---------- auris-about-us (namespaced for WordPress) ---------- */
.auris-aboutpage{--aa-ink:#20211f;--aa-green:#173f35;--aa-cream:#f7f1e8;--aa-line:rgba(26,57,46,.16);color:var(--aa-ink);background:var(--aa-cream);padding:clamp(36px,6vw,84px) 0}
.auris-aboutpage .auris-shell{max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,4vw,48px)}
.auris-aboutpage h1,.auris-aboutpage h2{color:var(--aa-ink);margin:0;line-height:1.08;letter-spacing:-.025em}
.auris-aboutpage h1{font-size:clamp(42px,6vw,82px);max-width:760px}.auris-aboutpage h2{font-size:clamp(28px,3.5vw,48px)}
.auris-aboutpage p{line-height:1.75}
.auris-aboutpage .auris-aboutpage__hero,.auris-aboutpage .auris-aboutpage__craft{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(28px,6vw,80px)}
.auris-aboutpage .auris-aboutpage__eyebrow{margin:0 0 14px;color:var(--aa-green);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.auris-aboutpage .auris-aboutpage__lead{max-width:650px;margin-top:24px;font-size:clamp(17px,1.5vw,20px)}
.auris-aboutpage .auris-aboutpage__image,.auris-aboutpage .auris-aboutpage__placeholder{display:block;width:100%;height:auto;min-height:440px;object-fit:cover;border-radius:2px}
.auris-aboutpage .auris-aboutpage__button{display:inline-flex;align-items:center;justify-content:center;margin-top:24px;padding:14px 24px;color:#fff;background:var(--aa-green);border:1px solid var(--aa-green);text-decoration:none;font-weight:700;transition:.2s ease}
.auris-aboutpage .auris-aboutpage__button:hover{color:var(--aa-green);background:transparent}
.auris-aboutpage .auris-aboutpage__statement{padding-top:clamp(56px,8vw,110px);padding-bottom:clamp(56px,8vw,110px);text-align:center}
.auris-aboutpage .auris-aboutpage__statement p{max-width:960px;margin:0 auto;font-family:var(--font-heading-family);font-size:clamp(26px,4vw,54px);line-height:1.25}
.auris-aboutpage .auris-aboutpage__values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--aa-line);border-bottom:1px solid var(--aa-line)}
.auris-aboutpage .auris-aboutpage__value{padding:clamp(28px,4vw,52px)}.auris-aboutpage .auris-aboutpage__value + .auris-aboutpage__value{border-left:1px solid var(--aa-line)}
.auris-aboutpage .auris-aboutpage__value span{color:var(--aa-green);font-size:12px;font-weight:700}.auris-aboutpage .auris-aboutpage__value h2{margin-top:24px;font-size:clamp(22px,2.2vw,32px)}
.auris-aboutpage .auris-aboutpage__craft{padding-top:clamp(70px,10vw,140px)}.auris-aboutpage .auris-aboutpage__craft-copy .auris-richtext{margin-top:22px}
.auris-aboutpage .auris-aboutpage__closing{max-width:900px;padding-top:clamp(70px,10vw,140px);text-align:center}.auris-aboutpage .auris-aboutpage__closing .auris-richtext{margin-top:22px}
@media(max-width:749px){.auris-aboutpage .auris-aboutpage__hero,.auris-aboutpage .auris-aboutpage__craft{grid-template-columns:1fr}.auris-aboutpage .auris-aboutpage__hero-media{order:-1}.auris-aboutpage .auris-aboutpage__image,.auris-aboutpage .auris-aboutpage__placeholder{min-height:320px}.auris-aboutpage .auris-aboutpage__values{grid-template-columns:1fr}.auris-aboutpage .auris-aboutpage__value + .auris-aboutpage__value{border-left:0;border-top:1px solid var(--aa-line)}}