@font-face{font-family:Tanker;src:url(//thesaltedroots.com/cdn/shop/t/19/assets/fonts/Tanker-Regular.woff2?v=131463209596232568841773613069) format("woff2"),url(//thesaltedroots.com/cdn/shop/t/19/assets/fonts/Tanker-Regular.woff?v=100978061011204269221773613069) format("woff");font-style:normal;font-weight:400;font-display:swap}.story-highlight{background:var(--story-bg, #ffffff);padding:var(--story-padding-top-desktop, 80px) var(--story-padding-right-desktop, 0px) var(--story-padding-bottom-desktop, 80px) var(--story-padding-left-desktop, 0px);margin:var(--story-margin-top-desktop, 0px) var(--story-margin-right-desktop, 0px) var(--story-margin-bottom-desktop, 0px) var(--story-margin-left-desktop, 0px);color:var(--story-body-color, #575757)}.story-highlight__inner{display:grid;grid-template-columns:minmax(280px,var(--story-image-max-width, 620px)) minmax(260px,1fr);align-items:center;gap:var(--story-gap, 80px)}.story-highlight__image{max-width:var(--story-image-max-width, 620px);width:100%;border-radius:var(--story-image-radius, 24px);overflow:hidden;background:var(--story-image-bg, #f6f6f6)}.story-highlight__image img,.story-highlight__image svg{display:block;width:100%;height:100%;object-fit:cover}.story-highlight__content{max-width:560px}.story-highlight__heading{margin:0 0 16px;font-family:"Tanker",var(--font-heading-family);font-style:var(--font-heading-style);font-weight:400;font-size:clamp(var(--story-heading-size-mobile, 34px),4vw,var(--story-heading-size-desktop, 60px));line-height:var(--story-heading-line-height, 1.06);letter-spacing:.02em;color:var(--story-heading-color, #42311f);background:var(--story-heading-bg, transparent);border:var(--story-heading-border-width, 0px) solid var(--story-heading-border-color, transparent);border-radius:var(--story-heading-border-radius, 0px);padding:var(--story-heading-padding, 0px)}.story-highlight__body{margin:0 0 32px;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:400;font-size:clamp(var(--story-body-size-mobile, 16px),3vw,var(--story-body-size-desktop, 18px));line-height:var(--story-body-line-height, 1.9);color:var(--story-body-color, #575757);background:var(--story-body-bg, transparent);border:var(--story-body-border-width, 0px) solid var(--story-body-border-color, transparent);border-radius:var(--story-body-border-radius, 0px);padding:var(--story-body-padding, 0px)}.story-highlight__actions{display:flex;gap:12px;flex-wrap:wrap}.story-highlight__button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--story-button-min-height, 56px);padding:var(--story-button-padding-vertical, 6px) var(--story-button-padding-horizontal, 30px);border-radius:var(--story-button-radius, 15px);font-size:var(--story-button-font-size, 18px);font-weight:600;line-height:2.2;text-decoration:none;border:var(--story-button-border-width, 1px) solid var(--story-button-border-color, #a35139);background:var(--story-button-bg, #a35139);color:var(--story-button-color, #ffffff);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.story-highlight__button:hover{background:var(--story-button-bg-hover, #8f4531);color:var(--story-button-color-hover, #ffffff);border-color:var(--story-button-border-hover, #8f4531);transform:translateY(-1px);box-shadow:0 10px 20px #0000001f}.story-highlight__button:focus-visible{background:var(--story-button-bg-focus, var(--story-button-bg, #a35139));color:var(--story-button-color-focus, var(--story-button-color, #ffffff));border-color:var(--story-button-border-focus, var(--story-button-border-color, #a35139));outline:var(--story-button-outline-width, 2px) solid var(--story-button-outline-color, #ffffff);outline-offset:3px}@media screen and (max-width:949px){.story-highlight__inner{grid-template-columns:1fr;gap:40px}.story-highlight__content{max-width:100%}.story-highlight__heading,.story-highlight__body,.story-highlight__actions{text-align:left}}@media screen and (max-width:599px){.story-highlight{padding:var(--story-padding-top-mobile, 48px) var(--story-padding-right-mobile, 0px) var(--story-padding-bottom-mobile, 48px) var(--story-padding-left-mobile, 0px);margin:var(--story-margin-top-mobile, 0px) var(--story-margin-right-mobile, 0px) var(--story-margin-bottom-mobile, 0px) var(--story-margin-left-mobile, 0px)}.story-highlight__image{max-width:100%}.story-highlight__heading,.story-highlight__body,.story-highlight__actions{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-story-highlight.css.map */