.about{background:var(--color-accent);padding:var(--space-2xl) var(--gutter)}.about__inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:start}.about__heading{font-family:var(--font-heading);font-size:clamp(28px,4vw,48px);font-weight:400;line-height:1.1;letter-spacing:.08em;text-transform:lowercase;color:var(--color-white);margin-bottom:var(--space-md);opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.16,1,.3,1) .1s,transform .8s cubic-bezier(.16,1,.3,1) .1s}.about__body{font-size:15px;font-weight:300;line-height:1.7;color:var(--color-white);opacity:0;transform:translateY(0);transition:opacity .8s cubic-bezier(.16,1,.3,1) .25s}.about__body p{margin-bottom:var(--space-sm)}.about__body p:last-child{margin-bottom:0}.about__cta{margin-top:var(--space-lg);opacity:0;transform:translateY(10px);transition:opacity .8s cubic-bezier(.16,1,.3,1) .4s,transform .8s cubic-bezier(.16,1,.3,1) .4s}.about__btn{border-color:rgba(var(--color-white-rgb),.3);color:var(--color-white)}.about__btn:hover{border-color:var(--color-white);background:rgba(var(--color-white-rgb),.08)}.about__pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-md);opacity:0;transform:translateY(10px);transition:opacity .8s cubic-bezier(.16,1,.3,1) .4s,transform .8s cubic-bezier(.16,1,.3,1) .4s}.about__pill{font-family:var(--font-body);font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:lowercase;text-decoration:none;color:rgba(var(--color-white-rgb),.7);padding:8px 18px;border:1px solid rgba(var(--color-white-rgb),.2);border-radius:300px;transition:all .25s ease}.about__pill:hover{color:var(--color-white);border-color:rgba(var(--color-white-rgb),.5);background:rgba(var(--color-white-rgb),.06)}.about__image{width:100%;min-height:400px;border-radius:6px;overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity 1s cubic-bezier(.16,1,.3,1) .2s,transform 1s cubic-bezier(.16,1,.3,1) .2s}.about__image img{width:100%;height:100%;object-fit:cover}.about.is-visible .about__heading,.about.is-visible .about__cta,.about.is-visible .about__pills{opacity:1;transform:translateY(0)}.about.is-visible .about__body{opacity:.9}.about.is-visible .about__image{opacity:1;transform:translateY(0)}@media(max-width:768px){.about__inner{grid-template-columns:1fr}.about__image{min-height:300px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/about.css.map */