.section-build-your-box{margin:0}.build-box{width:100%}.build-box__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;position:relative}.build-box-header{position:absolute;top:0;left:0;right:0;padding:50px 30px;text-align:center;z-index:1;width:100%;max-width:510px;margin:0 auto}.build-box__caption{font-size:10px;font-family:"Rexton, Medium";color:#f8f2eb;margin-bottom:20px}.build-box__heading{font-family:"Instrument Serif, Regular";color:#f8f2eb;margin:0}.build-box__heading.h1{font-size:35px;line-height:40px}.build-box__item{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none}.build-box__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.build-box__background-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.build-box__background--placeholder{background:#d7d5b8}.build-box__content{position:relative;z-index:2;width:min(100%,310px);min-height:240px;padding:30px 35px;background:#f8f2eb;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .45s ease,box-shadow .45s ease}.build-box__item:hover .build-box__content{transform:translateY(-5px)}.build-box__content .svg-wrapper-left{position:absolute;left:-11px;width:30px;height:100%;z-index:1;top:0}.build-box__content .svg-wrapper-right{position:absolute;right:-11px;width:30px;height:100%;z-index:1;top:0}.build-box__content .svg-wrapper svg path{fill:#f8f2eb}.build-box__eyebrow{margin-bottom:15px;font-size:10px;line-height:13px;text-transform:uppercase;color:#010426;font-family:"Rexton, Medium"}.build-box__title{max-width:270px;margin:0;font-size:35px;line-height:40px;color:#010426;font-family:"Instrument Serif, Regular"}.build-box-button{background-color:#010426;border:solid 1px #010426;color:#f8f2eb;border-radius:50px;box-shadow:none;outline:none;font-size:9px;font-family:Albert Sans,sans-serif;text-transform:uppercase;letter-spacing:3px;min-height:24px;display:flex;align-items:center;justify-content:center;padding:0 10px;cursor:pointer;width:100%;margin-top:20px;max-width:197px}.build-box__item--1 .build-box__hover-image{left:15%;top:27%}.build-box__item--2 .build-box__hover-image{right:28%;top:34%}@media screen and (min-width:750px){.build-box-header{padding:80px 20px 20px;max-width:700px}.build-box__item{padding-top:110px}.build-box__heading.h1{font-size:35px;line-height:40px}.build-box-button{min-height:34px;font-size:10px}}@media screen and (min-width:990px){.build-box-header{max-width:900px}.build-box__heading.h1{font-size:45px;line-height:50px}.build-box__item{padding-top:150px}}@media screen and (max-width:749px){.build-box__grid{grid-template-columns:1fr}.build-box__item{min-height:520px}.build-box__item--1{align-items:flex-end;padding-bottom:30px}.build-box__item--2{align-items:flex-start;padding-top:30px}.build-box__content{width:min(60%,310px);padding:25px 28px;min-height:170px}.build-box__title{font-size:25px;line-height:30px}.build-box__item--2 .build-box__hover-image{right:0;top:24%}}.build-box__hover-image-left{position:absolute;z-index:4;left:var(--hover-1-left-desktop);top:var(--hover-1-top-desktop);width:150px;height:auto;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}.build-box__item:hover .build-box__hover-image-left{opacity:1}.build-box__hover-image-right{position:absolute;z-index:4;left:var(--hover-2-left-desktop);top:var(--hover-2-top-desktop);width:150px;height:auto;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}.build-box__item:hover .build-box__hover-image-right{opacity:1}.build-box__hover-image-img{display:block;width:100%;height:100%;object-fit:contain}@media screen and (max-width:749px){.build-box__hover-image-left,.build-box__hover-image-right{opacity:0;visibility:hidden}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/build-your-box.css.map */