/* ==========================================================================
   Our Story page — ported from auris-brand-story.liquid.
   Namespaced (.auris-story -> .auris-storypage) so it cannot collide with
   the reusable story card block, and .page-width / .rte renamed to avoid
   clashing with the theme's global container and rich-text classes.
   ========================================================================== */

.auris-storypage{--ink:#20211f;--green:#173f35;--cream:#f7f1e8;color:var(--ink);background:var(--cream);padding-bottom:clamp(80px,12vw,160px)}
.auris-storypage .auris-storypage__wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,4vw,48px)}.auris-storypage h1,.auris-storypage h2{margin:0;line-height:1.08;letter-spacing:-.025em}.auris-storypage p{line-height:1.75}
.auris-storypage .auris-storypage__hero-media{position:relative;min-height:min(760px,82vh);display:flex;align-items:flex-end;overflow:hidden}.auris-storypage .auris-storypage__hero-image,.auris-storypage .auris-storypage__hero-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.auris-storypage .auris-storypage__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,16,.78),rgba(10,20,16,.25))}.auris-storypage .auris-storypage__hero-copy{position:relative;z-index:1;width:100%;padding-top:120px;padding-bottom:clamp(52px,8vw,100px);color:#fff}.auris-storypage .auris-storypage__hero-copy>p{margin:0 0 16px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.auris-storypage .auris-storypage__hero-copy h1{max-width:800px;color:#fff;font-size:clamp(46px,7vw,96px)}.auris-storypage .auris-storypage__hero-copy .auris-richtext{max-width:650px;margin-top:24px;font-size:clamp(17px,1.5vw,21px)}
.auris-storypage .auris-storypage__chapter{display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;gap:clamp(24px,5vw,70px);padding-top:clamp(72px,10vw,140px)}.auris-storypage .auris-storypage__chapter--reverse .auris-storypage__chapter-copy{order:3}.auris-storypage .auris-storypage__chapter--reverse .auris-storypage__chapter-media{order:2}.auris-storypage .auris-storypage__chapter-number{align-self:start;padding-top:6px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.15em}.auris-storypage .auris-storypage__eyebrow{margin:0 0 14px;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.auris-storypage .auris-storypage__chapter h2{color:var(--ink);font-size:clamp(32px,4.5vw,58px)}.auris-storypage .auris-storypage__chapter-copy .auris-richtext{margin-top:22px}.auris-storypage .auris-storypage__image,.auris-storypage .auris-storypage__placeholder{display:block;width:100%;min-height:500px;height:auto;object-fit:cover}.auris-storypage .auris-storypage__quote{padding-top:clamp(80px,12vw,170px);padding-bottom:clamp(20px,4vw,60px)}.auris-storypage blockquote{max-width:1000px;margin:0 auto;color:var(--green);font-family:var(--font-heading-family);font-size:clamp(30px,5vw,66px);line-height:1.2;text-align:center}.auris-storypage .auris-storypage__button{display:inline-flex;margin-top:24px;padding:14px 24px;color:#fff;background:var(--green);border:1px solid var(--green);text-decoration:none;font-weight:700}.auris-storypage .auris-storypage__button:hover{color:var(--green);background:transparent}
@media(max-width:749px){.auris-storypage .auris-storypage__hero-media{min-height:680px}.auris-storypage .auris-storypage__overlay{background:linear-gradient(0deg,rgba(10,20,16,.82),rgba(10,20,16,.22))}.auris-storypage .auris-storypage__chapter{grid-template-columns:1fr}.auris-storypage .auris-storypage__chapter-number{display:none}.auris-storypage .auris-storypage__chapter--reverse .auris-storypage__chapter-copy,.auris-storypage .auris-storypage__chapter--reverse .auris-storypage__chapter-media{order:initial}.auris-storypage .auris-storypage__chapter-media{order:-1}.auris-storypage .auris-storypage__image,.auris-storypage .auris-storypage__placeholder{min-height:340px}}
/* Closing CTA — added for WordPress; the Shopify section ended with a button
   inside the last chapter, which reads oddly without the chapter grid. */
.auris-storypage__closing {
  padding-block: clamp(40px, 6vw, 76px);
  text-align: center;
}