:host{background:var( ---Background );position:relative;padding:1.5625rem!important}@media (width >= 1000px){:host{padding-inline:var( --Calculated-Section-Inline-Padding )!important}}.Wrapper{flex-direction:column;display:flex;gap:2rem;overflow:clip}.Inner-Wrapper{display:contents}@media (width >= 1000px){.Inner-Wrapper{position:relative;flex-direction:column;display:flex;min-height:31.25rem}}@media (width >= 1000px){.Overlay{position:absolute;bottom:0;left:0;height:0;width:100%;background:var( ---Background );opacity:.8;transition:height .5s ease;z-index:1;pointer-events:none}.Wrapper:hover~.Overlay{height:100%}}.Banner{position:relative;min-height:31.25rem}@media (width >= 1000px){.Banner{display:contents;height:unset}}.Banner img{position:absolute;height:100%;width:100%;object-position:center;object-fit:cover;z-index:1}.Heading{position:relative;max-width:20ch;padding:1rem;z-index:2}@media (width >= 1000px){.Heading{max-width:70%;padding:1.5rem;padding-bottom:0;width:calc(100% - 200px)}}@media (width >= 1000px){.Paragraph{position:relative;padding:1.5rem;transform:translateY(1rem);transition:.5s ease;transition-property:transform,opacity;opacity:0;z-index:2}.Wrapper:hover .Paragraph{display:block;transform:translateY(0);opacity:1;z-index:2}}.Link{padding-bottom:1.25rem}@media (width >= 1000px){.Link{margin-top:auto;position:relative;padding:1.5rem;z-index:2}}
/*# sourceMappingURL=/cdn/shop/t/164/assets/Fence-Section.css.map */