@scope(.curiosities-showcase){:scope{margin-top:-13px;padding-top:60px;padding-bottom:50px;background:var(--black);-webkit-mask-image:url(//www.crafthousecoffee.co.uk/cdn/shop/t/68/assets/divider-white.svg?v=163282069070812872851769771958),linear-gradient(#fff,#fff);mask-image:url(//www.crafthousecoffee.co.uk/cdn/shop/t/68/assets/divider-white.svg?v=163282069070812872851769771958),linear-gradient(#fff,#fff);-webkit-mask-size:auto 17px,100% calc(100% - 10px);mask-size:auto 17px,100% calc(100% - 10px);-webkit-mask-position:top center,center 10px;mask-position:top center,center 10px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;color:var(--white);--max-width: 1720px;@media(min-width:1728px){padding-top:130px}}.section-header{margin:0 auto 30px;max-width:726px;text-align:center;@media(min-width:1024px){margin-bottom:60px}@media(min-width:1512px){margin-bottom:100px}@media(min-width:1728px){margin-bottom:123px}p{font-size:16px;line-height:1.4;@media(min-width:1512px){font-size:18px}@media(min-width:1728px){font-size:20px}}}.section-title{font-size:40px;font-weight:700;line-height:1.06;text-wrap:balance;@media(min-width:1512px){font-size:50px}@media(min-width:1728px){font-size:60px}}.section-grid{@media(min-width:1024px){display:grid;grid-template-columns:593fr 292fr;gap:30px 57px}@media(min-width:1366px){grid-template-columns:1106fr 647fr}@media(min-width:1728px){grid-template-columns:1106fr 497fr;gap:135px 116px}}.section-video{@media(min-width:1024px){grid-column:1;grid-row:1}}.section-video__inner{position:relative;display:grid;border-radius:10px;overflow:hidden;display:none;&.is-active{display:grid}}.section-button{position:relative;grid-column:1;grid-row:1;-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;border-radius:0}button.section-button{cursor:pointer}.video-element{grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:16/9}.section-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.section-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-play-button{width:120px;height:auto;@media(min-width:768px){width:140px}@media(min-width:1024px){width:120px}@media(min-width:1280px){width:146px}@media(min-width:1366px){width:176px}}.curiosities-showcase__tab-labels{display:flex;justify-content:center;justify-self:center;gap:10px;margin-bottom:34px;@media(min-width:1024px){margin-bottom:45px}@media(min-width:1280px){margin-bottom:55px}@media(min-width:1366px){margin-bottom:60px}@media(min-width:1512px){margin-bottom:70px}}.curiosities-showcase__tab-label{position:relative;padding:9px 15px;font-size:24px;font-weight:700;text-align:center;opacity:.45;color:inherit;background:none;border-radius:0;border:0;cursor:pointer;transition:all .4s;@media(min-width:1280px){font-size:28px}@media(min-width:1728px){min-width:140px;font-size:34px}&:before{content:"";position:absolute;top:50%;left:50%;width:100%;aspect-ratio:141/80;background:url(//www.crafthousecoffee.co.uk/cdn/shop/t/68/assets/curiosities-showcase-tab-active.svg?v=104082183235216091161784557420) no-repeat center;background-size:contain;opacity:0;transform:translate(-50%,-50%);transition:all .4s}&:hover{opacity:.75}&.is-active{opacity:1;&:before{opacity:1}}}.section-tabs{@media(min-width:1024px){grid-column:2;grid-row:1}}.curiosities-showcase__tab-blocks{padding:14px;overflow:hidden}.curiosities-showcase__tab-block{display:none;gap:22px;opacity:0;text-align:center;transition:opacity .4s,transform .4s,display 0s;@media(min-width:1024px){text-align:left}&.is-active{display:grid;opacity:1;transition:opacity .4s,transform .4s,display .4s allow-discrete;@starting-style{opacity:0;transform:translateY(10px)}}}.curiosities-showcase__tab-block-inner{p{font-size:16px;line-height:1.4;@media(min-width:1512px){font-size:18px}@media(min-width:1728px){font-size:20px}}}.section-timeline-container{display:none;grid-column:span 2;margin-top:60px;@media(min-width:1024px){margin-top:0}&.is-active{display:block}}.section-timeline{width:100%;border-bottom:5px solid var(--white);@media(min-width:768px){mask-image:linear-gradient(to right,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 80%,transparent 100%)}}.curiosities-showcase__timeline-item{display:flex;justify-content:center;width:100%;height:auto;min-height:130px;text-align:center;@media(min-width:768px){width:320px}@media(min-width:1024px){min-height:150px}@media(min-width:1280px){width:380px}@media(min-width:1366px){width:436px}@media(min-width:1512px){width:456px;min-height:195px}@media(min-width:1728px){width:536px;min-height:207px}}.curiosities-showcase__timeline-item-button{display:grid;align-items:start;position:relative;margin:0;padding:0;height:100%;background:none;color:var(--white);font-family:inherit;font-size:16px;line-height:1.4;border-radius:0;border:0;cursor:pointer;@media(min-width:1512px){font-size:18px}@media(min-width:1728px){font-size:20px}&:before{content:"";position:absolute;top:0;left:50%;width:5px;height:100%;background:var(--white);transform:translate(-50%)}}.curiosities-showcase__timeline-item__inner{position:relative;margin-bottom:10px;padding-bottom:15px;background:var(--black);max-width:400px;@media(min-width:1512px){padding-bottom:30px}}.curiosities-showcase__timeline-item-time{margin-bottom:10px;font-weight:700}.curiosities-showcase-pagination{display:flex;gap:13px;margin-top:30px;justify-content:center;@media(min-width:768px){justify-content:flex-start}}.curiosities-showcase-pagination-button{position:relative;width:40px;aspect-ratio:1;background:var(--white);border-radius:100%;overflow:hidden;border:0;cursor:pointer;z-index:1;text-indent:-99999px;transition:all .4s;&:before{content:"";position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-10px;width:20px;height:2px;background:var(--black)}&:after{content:"";position:absolute;top:50%;left:50%;width:15px;height:15px;border-top:2px solid var(--black);border-right:2px solid var(--black);transform:translate(-50%,-50%) rotate(45deg)}&.swiper-button-disabled{opacity:.25;cursor:default}}.curiosities-showcase-pagination-button--prev{&:after{transform:translate(-50%,-50%) rotate(225deg)}}.swiper-wrapper{height:auto}&.is-playing{.section-button{opacity:0;transition:all .4s;pointer-events:none}}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/section-curiosities-showcase.css.map */