.karma-hero{display:grid;grid-template-columns:46% 54%;min-height:86vh;border-bottom:1px solid rgba(17,17,17,.08);background:#fff}.karma-hero--flip{grid-template-columns:56% 44%}.karma-hero--flip .karma-hero__media{order:-1}.karma-hero__txt{display:flex;align-items:center}.karma-hero__inner{padding:6rem clamp(3.2rem,6vw,9rem);max-width:64rem}.karma-hero__kicker{margin:0 0 1.6rem;font-size:1.1rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#8a8a8a}.karma-hero__title{margin:0 0 2.4rem;font-family:var(--font-body-family);font-weight:500;font-size:clamp(3.2rem,2.2rem + 2.8vw,6rem);line-height:1.18;letter-spacing:.06em;text-transform:none}.karma-hero__lead{margin:0 0 3.6rem;color:#1119;font-size:1.5rem;line-height:1.65;max-width:42ch}.karma-hero__lead p{margin:0}.karma-hero__ctas{display:flex;gap:1.4rem;flex-wrap:wrap}.karma-btn{display:inline-block;background:transparent;color:#111;text-decoration:none;font-size:1.2rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;padding:1.6rem 3.6rem;border:1px solid #111;border-radius:0;transition:background .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1)}.karma-btn:hover{background:#111;color:#fff}.karma-hero__media{position:relative;overflow:hidden;min-height:44vh}.karma-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}@media screen and (max-width:989px){.karma-hero,.karma-hero--flip{grid-template-columns:1fr;min-height:auto}.karma-hero__media{order:-1;min-height:52vh}.karma-hero__inner{padding:3.6rem 2rem 4rem}.karma-hero__title{margin-bottom:1.8rem}.karma-hero__lead{margin-bottom:2.6rem}.karma-btn{padding:1.4rem 2.6rem}}.karma-hero--full{display:block;position:relative;min-height:86vh}.karma-hero--full .karma-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0}.karma-hero--full .karma-hero__txt{position:relative;z-index:2;min-height:86vh;align-items:center}.karma-hero--full .karma-hero__inner{padding-bottom:0;margin-top:-5vh;max-width:56rem}.karma-hero--full .karma-hero__lead{color:#111111db;font-weight:500;letter-spacing:.03em}.karma-hero__textlink{display:inline-block;align-self:center;color:#111;text-decoration:none;font-size:1.35rem;letter-spacing:.04em;text-transform:none;border-bottom:1px solid rgba(17,17,17,.5);padding-bottom:.3rem;transition:opacity .25s}.karma-hero__textlink:hover{opacity:.55}@media screen and (max-width:989px){.karma-hero--full{min-height:0;display:block;position:relative}.karma-hero--full .karma-hero__media{position:relative;min-height:0}.karma-hero--full .karma-hero__media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(180deg,#0000,#0000009e)}.karma-hero--full .karma-hero__txt{position:absolute;left:0;right:0;bottom:0;z-index:2;min-height:0;background:transparent;align-items:flex-end}.karma-hero--full .karma-hero__inner{padding:0 2rem 2.6rem;max-width:none;width:100%;text-align:center}.karma-hero--full .karma-hero__title--logo{justify-content:center}.karma-hero--full .karma-hero__title,.karma-hero--full .karma-hero__script{color:#fff}.karma-hero--full .karma-hero__lead{color:#ffffffd9}.karma-hero--full .karma-hero__logoimg{filter:invert(1)}.karma-hero--full .karma-hero__ctas{flex-direction:column;align-items:stretch}.karma-hero--full .karma-btn{background:transparent;border-color:#fff;color:#fff;text-align:center;padding:1.7rem 2.6rem}.karma-hero__title--logo{font-size:clamp(2.7rem,8.4vw,3.6rem)}}.karma-hero--full .karma-hero__img{object-position:50% 18%}@media screen and (min-width:1400px){.karma-hero--full,.karma-hero--full .karma-hero__txt{min-height:94vh}}.karma-hero__title--logo{display:flex;align-items:center;flex-wrap:wrap;gap:.3em;font-size:clamp(3.2rem,2.4rem+2.4vw,5.6rem);line-height:1.15;letter-spacing:0;text-transform:none}.karma-hero__script{display:inline;font-family:"Parisienne",var(--font-heading-family);font-style:normal;font-weight:400;font-size:1.12em;letter-spacing:0;text-transform:none;margin:0}@media screen and (min-width:990px){.karma-hero--full .karma-hero__script{margin-left:-.12em}}.karma-hero__logoimg{display:inline-block;height:.92em;width:auto;transform:translateY(.04em)}@media screen and (max-width:989px){.karma-hero--full .karma-hero__img{position:static;width:100%;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-karma-hero.css.map */