.beacon-about{--color-text: #20221f;--color-bg: #b9b3af;--color-bg-overlay: #131312;--color-text-preview: #b3ac99;--color-title-preview: #923538;--page-padding: 1rem 2rem;--preview-padding: 0 2rem 1rem;font-size:18px;text-transform:uppercase;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:acumin-pro,sans-serif;font-weight:300;overflow-x:hidden;line-height:1.5;position:relative;width:100%}.oh{position:relative;overflow:hidden}.oh__inner{will-change:transform;display:inline-block}.unbutton{font:inherit;cursor:pointer;background:none;border:0;margin:0;padding:0}.unbutton:focus{outline:none}.beacon-about .content{z-index:1;line-height:1;position:relative;width:100%}.beacon-about.preview-open .content{pointer-events:none}.beacon-about .content__item{width:100%;max-width:500px;margin:0;padding:calc(3rem + 5vh) 2rem 4rem}.beacon-about .content__item:nth-child(2n){padding-top:calc(3rem + 15vh)}.beacon-about .content__item-img-wrap{width:100%;aspect-ratio:.75;cursor:pointer;will-change:transform;position:relative;overflow:hidden}.beacon-about .content__item-img{width:100%;height:100%;will-change:transform;background-position:50%;background-size:cover}.beacon-about .content__item-title{margin:0 0 .5rem;font-family:kudryashev-d-excontrast-sans,sans-serif;font-size:clamp(2rem,3.25vw,1.85rem);font-weight:300}.beacon-about .content__item-title .oh__inner{padding-top:.75vw;line-height:1.2}.beacon-about .content__item-caption{margin-top:.75rem}.beacon-about .content__overlay{width:150vmax;height:150vmax;pointer-events:none;will-change:transform;z-index:3;position:fixed;top:calc(50% - 75vmax);left:calc(50% - 75vmax);background:none;transform:rotate(45deg)}.beacon-about .overlay__inner{background:var(--color-bg-overlay);width:100%;height:100%;position:relative}.beacon-about .preview{height:100vh;width:100%;pointer-events:none;z-index:4;color:var(--color-text-preview);display:grid;position:fixed;top:0;left:0}.beacon-about .preview__item{opacity:0;pointer-events:none;grid-gap:1rem;will-change:clip-path;grid-template:"title" "subtitle" "meta" "box-left" "box-right" "." 1fr / 100%;grid-area:1/1/-1/-1;padding-top:2rem;display:grid}.beacon-about .preview__item--current{opacity:1;pointer-events:auto}.beacon-about .preview__item-img-outer{width:60vw;max-width:800px;grid-area:1/1/-1/-1;place-self:center;aspect-ratio:.7;width:33vw;transform:rotate(45deg)}.beacon-about .preview__item-img-wrap{width:100%;height:100%;will-change:transform;position:relative;overflow:hidden}.beacon-about .preview__item-img{width:100%;height:100%;will-change:transform;background-position:50%;background-size:cover}.beacon-about .preview__item-title{will-change:transform;grid-area:title;place-self:center;margin:0;padding-top:1vw;font-family:kudryashev-d-excontrast-sans,sans-serif;font-size:clamp(3rem,24vw,17rem);font-weight:300;line-height:1}.beacon-about .preview__item-subtitle{color:var(--color-title-preview);grid-area:subtitle;justify-self:center;margin:0;font-weight:300;position:relative}.beacon-about .preview__item-meta{grid-area:meta;justify-self:center;position:relative}.beacon-about .preview__item-box{padding:var(--preview-padding);max-width:450px;will-change:transform;text-align:center;justify-self:center;position:relative}.beacon-about .preview__item-box--right{grid-area:box-right}.beacon-about .preview__item-box--left{grid-area:box-left}.beacon-about .preview__item-box-title{color:var(--color-title-preview);margin:0;font-weight:400}.beacon-about .preview__item-box-desc{will-change:transform,opacity}.beacon-about .preview__back{cursor:pointer;z-index:300;opacity:0;pointer-events:none;will-change:transform,opacity;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.beacon-about.preview-open .preview__back{pointer-events:auto}.beacon-about .preview__back svg{pointer-events:none;stroke:var(--color-text-preview);stroke-width:1px;transition:stroke .3s}@media screen and (min-width:53em){.beacon-about{overflow:hidden}.beacon-about .content{height:100vh;align-content:center;align-items:center;display:flex}.beacon-about .content__item{height:100%;width:25%;max-width:none}.beacon-about .preview__item{grid-template:"title title title" 1fr "box-left subtitle box-right" "box-left meta box-right" "box-left . box-right" / 30% 1fr 30%;padding-top:0}.beacon-about .preview__item-title{grid-row:1 / span 4}.beacon-about .preview__item-box--right{text-align:right;justify-self:end}.beacon-about .preview__item-box--left{text-align:left;justify-self:start}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/beacon-about.css.map */