.story-flow { position: relative;}.story-flow__svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; overflow: visible;}.story-flow__path { fill: none; stroke: #b5a08b; stroke-width: 2; stroke-dasharray: 25 13; stroke-linecap: round;}.story-hero,.story-products,.story-item,.story-item__media,.story-item__content { position: relative; z-index: 1;}.flow-point { position: absolute; width: 1px; height: 1px; pointer-events: none;}.story-hero { position: relative; min-height: 320px;}.flow-point--hero-start { top: 70px; right: 140px;}.flow-point--hero-end { bottom: 20px; left: 180px;}.story-item__media { position: relative;}.story-item--left .flow-point { right: -30px; top: 55%;}.story-item--right .flow-point { left: -30px; top: 55%;} .bricks-button {font-size: var(--fs-button); font-family: "Gobold"; font-weight: 700; padding-top: 0.7em; padding-right: 1.5em; padding-bottom: 0.7em; padding-left: 1.5em} .brxe-container {width: 1360px; padding-right: clamp(2rem, 1.5385rem + 2.0513vw, 4rem);; padding-left: clamp(2rem, 1.5385rem + 2.0513vw, 4rem);} .woocommerce main.site-main {width: 1360px} #brx-content.wordpress {width: 1360px} body {font-family: "Bricolage Grotesque Condensed"; font-style: normal; font-weight: 300} h1, h2, h3, h4, h5, h6 {font-family: "Gobold"; font-weight: 700} h1 {font-family: "Gobold"; font-weight: 700} .bricks-type-hero {font-family: "Bricolage Grotesque"; font-weight: 300}