/*!
Theme Name: VNYL
Theme URI: http://www.vnyl.nl
Description: 
Author: Boom Bliksem
Author URI: https://www.boombliksem.nl
Version: 1.0
Tags: mobile-first, responsive-layout
*/:root{--color-black: #090C0C;--color-black-rgb: 9,12,12;--color-green-dark: #182020;--color-green-dark-rgb: 24,32,32;--color-green-grey: #434C4C;--color-green-grey-rgb: 67,76,76;--color-green-light: #557676;--color-green-light-rgb: 85,118,118;--color-white: #ffffff;--color-white-rgb-rgb: 255,255,255}@font-face{font-family:'Poppins';src:url("fonts/Poppins-Regular.woff2") format("woff2");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:'Poppins';src:url("fonts/Poppins-Italic.woff2") format("woff2");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:'Poppins';src:url("fonts/Poppins-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:'Poppins';src:url("fonts/Poppins-SemiBoldItalic.woff2") format("woff2");font-weight:600;font-display:swap;font-style:italic}@font-face{font-family:'Poppins';src:url("fonts/Poppins-Bold.woff2") format("woff2");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:'Poppins';src:url("fonts/Poppins-BoldItalic.woff2") format("woff2");font-weight:700;font-display:swap;font-style:italic}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes fadeInPan{from{opacity:0;transform:translateX(2rem)}to{opacity:1;transform:translateX(0)}}@keyframes wiggle{0%{transform:translateY(0)}35%{transform:translateY(-6.25%)}65%{transform:translateY(12.5%)}100%{transform:translateY(0)}}@keyframes backgroundWiggleReverse{0%{background-position:center top 50%}35%{background-position:center top 37.5%}65%{background-position:center top 75%}100%{background-position:center top 50%}}@keyframes vnylCaseOrbit{0%{transform:scale(1) rotate3d(0, 0, 0, 0deg)}50%{transform:scale(1.1) rotate3d(-2, -1, -1, -10deg)}100%{transform:scale(1) rotate3d(0, 0, 0, 0deg)}}@keyframes vnylCaseCoverSlideInOut{0%{transform:translateX(35%)}25%{transform:translateX(35%)}30%{transform:translateX(0)}75%{transform:translateX(0)}80%{transform:translateX(35%)}100%{transform:translateX(35%)}}@keyframes vnylCaseCoverShine{0%{background-position:-100% 0, 0 0}25%{background-position:-100% 0, 0 0}50%{background-position:200% 0, 0 0}100%{background-position:200% 0, 0 0}}@keyframes vnylCaseOrbitAlt{0%{transform:scale(1) rotate3d(0, 0, 2, 35deg)}50%{transform:scale(1.1) rotate3d(0, 0, 2, 50deg)}100%{transform:scale(1) rotate3d(0, 0, 2, 35deg)}}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{font-family:'Poppins', sans-serif;font-size:10px;font-weight:400;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:1.8rem;background:var(--color-black);color:var(--color-white)}main{position:relative;z-index:1}*,*:before,*:after{box-sizing:border-box}::-moz-selection{background:var(--color-green-light);color:var(--color-white);text-shadow:none}::selection{background:var(--color-green-light);color:var(--color-white);text-shadow:none}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}h1{font-size:3.6rem;font-weight:600;margin:0 0 2rem 0}h2{font-size:2.4rem;font-weight:600;margin:0 0 1rem}h2.wp-block-heading:before{display:inline-block;vertical-align:middle;position:relative;margin-top:-2px;margin-left:-20px;margin-right:10px;content:"";width:8px;height:8px;background-color:var(--color-white);border-radius:2px;pointer-events:none;transform:rotate(45deg)}h3{font-size:2.1rem;font-weight:600;margin:1rem 0}h1.has-text-align-center,h2.has-text-align-center,h3.has-text-align-center,h4.has-text-align-center,h5.has-text-align-center,h6.has-text-align-center{text-align:center}strong{font-weight:600}p{margin:0 0 2rem 0}p.has-text-align-center{text-align:center}ol,ul{margin:0 0 2rem 0;padding-left:2rem}a{color:var(--color-white);text-decoration:underline;text-decoration-color:var(--color-white);text-underline-offset:2px;transition:all 0.2s ease-in-out}a:hover{color:var(--color-green-light);text-decoration-color:var(--color-green-light);text-underline-offset:3px}input[type="text"],input[type="search"]{background:var(--color-green-dark);border:1px solid var(--color-green-dark);border-radius:3px;padding:0.925rem 1rem;line-height:1;outline:0;color:var(--color-white);transition:all 0.2s ease-in-out}input[type="text"]:hover,input[type="search"]:hover{border-color:var(--color-green-grey)}input[type="text"]:focus,input[type="search"]:focus{border-color:var(--color-green-light)}input[type="search"]::-webkit-search-cancel-button{filter:invert(100%)}::placeholder{color:var(--color-green-grey);opacity:1}::-ms-input-placeholder{color:var(--color-green-grey)}button{position:relative;display:inline-block;z-index:1;vertical-align:middle;background:transparent;color:var(--color-white);border-radius:0;line-height:1;white-space:nowrap;text-transform:uppercase;font-size:1.4rem;padding:1.3rem 2rem;text-decoration:none;border:none;box-shadow:none;overflow:hidden;outline:0}.button{display:inline-block;background:var(--color-green-light);border:1px solid var(--color-green-light);color:var(--color-white);border-radius:6.4rem;font-size:1.5rem;line-height:1;font-weight:600;padding:1.55rem 3rem;text-decoration:none;transition:all 0.2s ease-in-out}.button:hover,.button:focus{background:var(--color-green-grey);border-color:var(--color-green-grey);color:var(--color-white)}.button--ghost{background-color:transparent;border-color:var(--color-white);font-weight:400}.button--ghost:hover{background:var(--color-green-light);border-color:var(--color-green-light)}.button--arrow:after{position:relative;right:0;margin-top:-1px;display:inline-block;vertical-align:middle;content:"";width:16px;height:16px;background:transparent url(images/arrow-default-white.svg) no-repeat center center/100% auto;margin-left:0.5rem;transition:right 0.2s ease-in-out}.button--arrow:hover:after,.button--arrow:focus:after{right:-0.5rem}input{transition:all 0.2 ease-in-out}.wrapper{width:calc(100% - 4rem);margin-right:auto;margin-left:auto}.site-header{position:fixed;top:0;left:0;z-index:100;width:100%;background-color:transparent;transition:background 0.2s ease-in-out, backdrop-filter 0.2s ease-in-out}.header__container-top{position:fixed;z-index:101;bottom:4rem;left:0;width:100%;opacity:0;pointer-events:none}body.header-search-visible.header-nav-visible .header__container-top{opacity:1;pointer-events:initial}.header__container{position:relative;display:flex;justify-content:center;padding:2rem}.header__logo{align-self:center}.header__logo svg{width:auto;height:48px;transition:all 0.2s ease-in-out}body.sticky-header .site-header{background-color:rgba(var(--color-black-rgb), 0.9)}.header__nav-toggle{position:absolute;z-index:200;right:2rem;top:0;bottom:0;margin:auto;width:48px;height:48px;background:transparent;text-align:center}.header__nav-toggle .background{position:absolute;top:6px;left:6px;z-index:1;display:block;width:36px;height:36px;background-color:var(--color-white);border-radius:3px;opacity:0;pointer-events:none;transition:opacity 0.2s ease-in-out;transform:rotate(45deg)}.header__nav-toggle span{position:absolute;z-index:2;top:0;left:12px;right:12px;height:1px;width:24px;background:var(--color-white);transition:top 0.2s ease-in-out, transform 0.2s ease-in-out}.header__nav-toggle span:nth-child(1){top:13px}.header__nav-toggle span:nth-child(2){top:23px;opacity:1}.header__nav-toggle span:nth-child(3){top:33px}.header__nav-toggle:before,.header__nav-toggle:after{display:none}.header__nav-toggle--active .background{opacity:1}.header__nav-toggle--active span{background:var(--color-black)}.header__nav-toggle--active span:nth-child(1){top:23px;transform:rotate(45deg)}.header__nav-toggle--active span:nth-child(2){opacity:0}.header__nav-toggle--active span:nth-child(3){top:23px;transform:rotate(-45deg)}.header__navigation{position:fixed;z-index:100;top:0;left:0;width:100%;height:100vh;background:rgba(var(--color-black-rgb), 0);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:all 0.2s ease-in-out, opacity 0s linear}.header__navigation .menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:4rem 0;justify-content:center;height:100%;opacity:0;transition:opacity 0.2s ease-out 0.2s}.header__navigation .menu-item{font-size:1.8rem;font-weight:600;position:relative}.header__navigation .menu-item:after{display:block;position:absolute;content:"";left:0;right:0;margin:auto;bottom:-2rem;width:4px;height:4px;background-color:var(--color-white);border-radius:1px;pointer-events:none;opacity:0;transform:rotate(45deg);transition:opacity 0.2s ease-out 0.2s}.header__navigation .menu-item:nth-child(1):after{transition-delay:0.3s}.header__navigation .menu-item:nth-child(2):after{transition-delay:0.4s}.header__navigation .menu-item:nth-child(3):after{transition-delay:0.5s}.header__navigation .menu-item:nth-child(4):after{transition-delay:0.6s}.header__navigation .menu-item:nth-child(5):after{transition-delay:0.6s}.header__navigation .menu-item:last-child:after{display:none}.header__navigation .menu-item a{text-decoration-color:transparent}.header__navigation .menu-item--shop{margin-top:1.2rem}.header__navigation .menu-item--shop a{background-color:transparent;border:1px solid var(--color-white);color:var(--color-white);border-radius:6.4rem;font-size:1.5rem;line-height:1;font-weight:400;padding:1.2rem 3rem;text-decoration:none;transition:all 0.2s ease-in-out}.header__navigation .menu-item--shop a:after{position:relative;right:0;margin-top:-1px;display:inline-block;vertical-align:middle;content:"";width:16px;height:16px;background:transparent url(images/arrow-default-white.svg) no-repeat center center/100% auto;margin-left:0.5rem;transition:right 0.2s ease-in-out}.header__navigation .menu-item--shop a:hover,.header__navigation .menu-item--shop a:focus{background:var(--color-green-light);border-color:var(--color-green-light);color:var(--color-white)}.header__navigation .menu-item--shop a:hover:after,.header__navigation .menu-item--shop a:focus:after{right:-0.5rem}.header__navigation .scroll-to-top{display:none}.header__navigation-search{position:absolute;bottom:4rem;left:0;width:100%;text-align:center}.header__nav-search-toggle{width:48px;height:48px;cursor:pointer;padding:12px}.header__nav-search-toggle svg{width:24px;height:auto}.header__nav-search-toggle svg path{transition:all 0.2s ease-in-out}.header__nav-search-toggle--active{opacity:0;pointer-events:none}.searchform{margin:0;padding:0 2rem}.searchform label{display:none}.searchform input[type="search"]{padding-right:48px;width:100%}.searchform button{position:absolute;top:0;bottom:0;right:0;margin:auto;width:48px;height:48px;cursor:pointer;background:transparent url(images/search-default-white.svg) no-repeat center center/50% auto}.searchform__container{position:relative}body.is-frontpage .header__navigation .menu-item--home{display:none}body.header-nav-visible .site-header{background-color:transparent}body.header-nav-visible .header__navigation{opacity:1;pointer-events:initial;background:rgba(var(--color-black-rgb), 0.9)}body.header-nav-visible .header__navigation .menu{opacity:1}body.header-nav-visible .header__navigation .menu-item:after{opacity:1}.headervisual{width:100%;position:relative}.headervisual--home{background:var(--color-green-dark);height:calc(100vh - 3.4rem)}.headervisual--home .headervisual__image{position:absolute;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.headervisual--home .vnyl-case{transform:scale(1) rotate3d(0, 0, 0, 0deg);animation:vnylCaseOrbit 9s ease-in-out infinite}.headervisual--home .vnyl-case .cover{--vnylCaseCoverDuration: 13.5s;transform:translateX(35%);animation:vnylCaseCoverSlideInOut var(--vnylCaseCoverDuration) ease-in-out infinite}.headervisual--home .vnyl-case .cover:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;--shine-deg: 45deg;background-repeat:no-repeat;background-position:-100% 0, 0 0;background-image:linear-gradient(var(--shine-deg), transparent 20%, transparent 40%, rgba(68,68,68,0.2) 50%, rgba(68,68,68,0.2) 55%, transparent 70%, transparent 100%);background-size:250% 250%, 100% 100%;animation:vnylCaseCoverShine var(--vnylCaseCoverDuration) ease-in-out infinite}.headervisual .scroll-to-content-button{position:absolute;z-index:10;bottom:-2.4rem;left:0;right:0;margin:auto;display:block;width:48px;height:48px;cursor:pointer}.headervisual .scroll-to-content-button span{position:relative;z-index:2;display:block;text-indent:-999em;width:100%;height:100%;background:transparent url(images/arrow-slim-down-white.svg) no-repeat center top 75%/50% auto;transition:background 0.2s ease-in-out}.headervisual .scroll-to-content-button:after{content:"";display:block;position:absolute;top:0;z-index:1;width:48px;height:48px;border-radius:3px;background:var(--color-green-grey);transform:rotate(45deg)}.headervisual .scroll-to-content-button:hover span{animation:wiggle 0.4s linear forwards}.headervisual__content{position:relative;z-index:2;height:100%;width:100%;max-width:calc(100% - 12rem);display:flex;align-items:flex-end;margin:0 auto}.headervisual__content #hero{width:100%}.headervisual__content #hero .wp-block-group__inner-container{margin-bottom:8rem}.headervisual__content #hero p{margin-bottom:0}.headervisual__content #hero p strong{font-size:3.6rem}.headervisual__content #hero p .fade{display:block;opacity:0;animation:fadeIn 0.3s ease-in-out forwards 0.3s}.headervisual__content #hero p .fade:nth-child(2){animation-delay:0.5s}.headervisual__content #hero p .fade:nth-child(3){animation-delay:0.6s}.headervisual__content #hero p .fade:nth-child(4){animation-delay:0.7s}.headervisual__content #hero p .fade:nth-child(5){animation-delay:0.8s}.headervisual__content #hero p .button{margin-bottom:1rem}.headervisual__content #hero p .button:last-child{margin-bottom:0}.headervisual__content #hero .wp-block-image{margin:1.5rem auto 4rem;opacity:0;transform:translateX(2rem);animation:fadeInPan 0.4s ease-in-out forwards 0.1s}.headervisual__content #hero .wp-block-image img{display:block;width:auto;height:40px}.headervisual__content #hero .button{display:block;text-align:center}.vnyl-case{position:relative;width:calc(100vw - 8rem);height:auto;aspect-ratio:705 / 710;box-shadow:0 3px 21px rgba(var(--color-black-rgb), 0.25)}.vnyl-case .outlines{opacity:0.35}.vnyl-case .outlines--front{position:absolute;width:100%;height:100%;z-index:3;transform:perspective(9999px) translateZ(30px)}.vnyl-case .outlines--back{position:absolute;width:100%;height:100%;z-index:1;opacity:0.175;transform:perspective(9999px) translateZ(-30px)}.vnyl-case .cover{height:93%;width:94%;position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;margin:auto}.vnyl-case .cover img{display:block;width:auto;height:100%}.vnyl-case__outline{border:0.33px solid var(--color-white)}.vnyl-case__outside-border{position:absolute;z-index:1;width:100%;height:100%;border-radius:3%}.vnyl-case__inside-border{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;margin:auto;width:95%;height:auto;aspect-ratio:1 / 1;border-radius:0.8%}.vnyl-case__hinge-l1,.vnyl-case__hinge-l2{position:absolute;z-index:1;left:0;width:2.55%;height:7%}.vnyl-case__hinge-l1{top:5%}.vnyl-case__hinge-l2{bottom:5%}.vnyl-case__bridge-l1,.vnyl-case__bridge-l2,.vnyl-case__bridge-r1,.vnyl-case__bridge-r2{position:absolute;z-index:1;width:2.55%;height:0.4%}.vnyl-case__bridge-l1,.vnyl-case__bridge-l2{left:0}.vnyl-case__bridge-r1,.vnyl-case__bridge-r2{right:0}.vnyl-case__bridge-l1,.vnyl-case__bridge-r1{top:33%}.vnyl-case__bridge-l2,.vnyl-case__bridge-r2{bottom:33%}.vnyl-case__bridge-t1,.vnyl-case__bridge-t2,.vnyl-case__bridge-t3,.vnyl-case__bridge-t4,.vnyl-case__bridge-b1,.vnyl-case__bridge-b2,.vnyl-case__bridge-b3,.vnyl-case__bridge-b4{position:absolute;z-index:1;width:0.4%;height:2.9%}.vnyl-case__bridge-t1,.vnyl-case__bridge-t2,.vnyl-case__bridge-t3,.vnyl-case__bridge-t4{top:0}.vnyl-case__bridge-b1,.vnyl-case__bridge-b2,.vnyl-case__bridge-b3,.vnyl-case__bridge-b4{bottom:0}.vnyl-case__bridge-t1,.vnyl-case__bridge-b1{left:5%}.vnyl-case__bridge-t2,.vnyl-case__bridge-b2{left:35%}.vnyl-case__bridge-t3,.vnyl-case__bridge-b3{right:35%}.vnyl-case__bridge-t4,.vnyl-case__bridge-b4{right:5%}.vnyl-case__lock-r1,.vnyl-case__lock-r2{position:absolute;z-index:1;right:0;width:2.55%;height:4.25%}.vnyl-case__lock-r1 .shape1,.vnyl-case__lock-r2 .shape1{position:absolute;z-index:1;top:0;bottom:0;left:0;margin:auto;width:51%;height:50%}.vnyl-case__lock-r1 .shape2,.vnyl-case__lock-r2 .shape2{position:absolute;z-index:1;top:0;bottom:0;right:0;margin:auto;width:51%;height:100%}.vnyl-case__lock-r1{top:5%}.vnyl-case__lock-r2{bottom:5%}main{margin-top:88px}.site-footer{background:var(--color-black);color:var(--color-white);position:relative;width:100%;text-align:center;padding:8rem 2rem;display:flex;flex-direction:column;gap:2rem}.footer__content{display:flex;flex-direction:column;gap:2rem}.footer__logo svg{width:auto;height:48px;margin-bottom:1rem}.footer__logo #logo-shape{transition:opacity 0.2s ease-in-out,transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition-delay:0.1s}.footer__logo.animate-in-start #logo-shape{opacity:0;transform:translateY(1rem)}.footer__logo.animate-in #logo-shape{opacity:1;transform:translateY(0)}.footer__logo-slogan{font-size:1.2rem}.social__list{list-style:none;margin:0;padding:0;display:flex;justify-content:center}.social__item{margin:0;width:48px;height:48px}.social__item a{display:block;width:100%;height:100%}.social__item a:hover span{background-color:var(--color-green-light)}.social__item span{display:block;width:100%;height:100%;background:var(--color-white) center no-repeat;text-indent:-999em;border-radius:50%;transition:all 0.2s ease-in-out}.social__item--instagram a span{background-image:url(images/social/instagram-black.svg);background-size:50% auto}.footer__bar{font-size:1.5rem}.footer__bar-content{display:flex;flex-direction:column;gap:2rem}.footer__navigation{width:100%}.footer__navigation .menu{list-style:none;margin:0;padding:0}.footer__navigation .menu-item:last-child{margin-bottom:0}.footer__navigation-links{margin-bottom:0;width:100%}.footer__navigation-links .menu{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:5px}.footer__navigation-links ul li{margin:0;padding:0}.footer__made-by{font-size:1rem;color:var(--color-green-grey)}.footer__made-by a{color:var(--color-green-grey);text-decoration-color:var(--color-green-grey)}.footer__made-by a:hover{color:var(--color-white);text-decoration-color:var(--color-white)}.boombolt__companyname{text-transform:uppercase;font-weight:600}.article-header .byline{font-size:1.5rem;color:var(--color-green-grey)}.entry-content{padding:0 20px}.entry-content--home{padding:0}.entry-content p strong{font-weight:700}.entry-content p.more a:after{position:relative;right:0;margin-top:-1px;display:inline-block;vertical-align:middle;content:"";width:16px;height:16px;background:transparent url(images/arrow-default-white.svg) no-repeat center center/100% auto;margin-left:0.5rem;transition:right 0.2s ease-in-out}.entry-content p.more a:hover:after,.entry-content p.more a:focus:after{right:-0.5rem}.breadcrumbs{background:var(--color-green-dark);color:var(--color-green-grey);padding:1.5rem 2rem;margin-top:8rem;border-radius:3px;font-size:1.5rem;line-height:1.2}.breadcrumbs a{color:var(--color-green-grey);text-decoration-color:var(--color-green-grey)}.breadcrumbs a:hover{color:var(--color-white);text-decoration-color:var(--color-white)}.breadcrumbs__list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:0 2rem}.breadcrumbs__item{position:relative}.breadcrumbs__item:after{display:block;position:absolute;content:"";top:0;bottom:0;margin:auto;right:-1.25rem;width:4px;height:4px;background-color:var(--color-green-grey);border-radius:1px;pointer-events:none;transform:rotate(45deg)}.breadcrumbs__item:last-child:after{display:none}.wp-block-group{position:relative}.wp-block-group h2.wp-block-heading{font-size:3.6rem}.wp-block-group h2.wp-block-heading:before{display:none}.wp-block-group#body{z-index:2}.wp-block-group#body .wp-block-group__inner-container{padding:0 0 8rem 0}.wp-block-group#body .wp-block-columns{gap:8rem}.wp-block-group#body .wp-block-column p:last-child{margin-bottom:0}.wp-block-group#body .wp-block-image img{display:block;width:50vw;height:auto;margin:auto}.wp-block-group#body:after{content:"";position:absolute;bottom:-61px;left:0;right:0;margin:auto;width:122px;height:122px;background:url(images/text-circle-vnyl.svg) no-repeat center center/100% auto;animation:rotate 18s linear infinite}.wp-block-group#usp{z-index:1;background:var(--color-green-grey);margin-left:-2rem;width:calc(100% + 4rem)}.wp-block-group#usp .wp-block-group__inner-container{padding:8rem 2rem}.wp-block-group#usp p:last-child{margin-bottom:0}.wp-block-group#usp .wp-block-columns{margin:4rem auto}.wp-block-group#usp .wp-block-column{font-size:1.5rem}.wp-block-group#usp .wp-block-column h3{margin:0 0 1rem 0;font-size:2.4rem;line-height:1}.wp-block-group#usp .wp-block-column:before{position:relative;display:block;content:"";width:9.6rem;height:9.6rem;margin:0 auto 2rem;background:transparent url(images/logo-vnyl-shape-white.svg) no-repeat center 50%/50% auto;border:1px solid var(--color-white);border-radius:6px}.wp-block-group#usp .wp-block-column.animate-in-start{opacity:0;transition:opacity 0.2s ease-in-out}.wp-block-group#usp .wp-block-column.animate-in-start:before{background-position:center calc(50% + 2rem);border-color:rgba(var(--color-white-rgb), 0);transition:background 0.2s ease-in-out, border 0.2s ease-in-out 0.2s}.wp-block-group#usp .wp-block-column.animate-in{opacity:1}.wp-block-group#usp .wp-block-column.animate-in:before{background-position:center 50%;border-color:rgba(var(--color-white-rgb), 1)}.wp-block-group#gallery{z-index:1;background:var(--color-green-dark);margin-left:-2rem;width:calc(100% + 4rem);overflow:hidden}.wp-block-group#gallery .wp-block-group__inner-container{padding:8rem 2rem}.wp-block-group#gallery h2.wp-block-heading{margin-bottom:8rem}.wp-block-group#gallery p:last-child{margin-bottom:0}.wp-block-group#gallery .wp-block-gallery{padding:0;margin:0 auto 4rem}.wp-block-group#gallery .wp-block-gallery .wp-block-image{padding:0;margin:0}.wp-block-group#specs .wp-block-group__inner-container{padding:8rem 2rem calc(8rem + 3.5rem + 2.5rem + 3rem + 3.5rem)}.wp-block-group#specs h2.wp-block-heading{margin-bottom:calc(4rem + 2.5rem + 3rem)}.wp-block-group#specs .specs{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%}.wp-block-group#specs .specs .spec{position:absolute;display:inline-block;margin:auto;width:fit-content;text-align:center}.wp-block-group#specs .specs .spec--left-center{bottom:-3rem;left:0;right:0;transform:translateY(100%)}.wp-block-group#specs .specs .spec--center-onethird{top:35%;left:0;right:0;transform:translateY(-50%)}.wp-block-group#specs .specs .spec--center-center{top:50%;left:0;right:0;transform:translateY(-50%)}.wp-block-group#specs .specs .spec--center-twothird{top:65%;left:0;right:0;transform:translateY(-50%)}.wp-block-group#specs .specs .spec--right-top{top:-3rem;left:0;right:0;transform:translateY(-100%)}.wp-block-group#specs .specs .spec--right-bottom{display:none}.wp-block-group#specs .specs .spec--center-bottom{bottom:calc(-3rem - 2.5rem - 3rem);left:0;right:0;pointer-events:none;transform:translateY(100%)}.wp-block-group#specs .specs .spec--highlight{background:var(--color-green-light);padding:0.5rem 1rem}.wp-block-group#specs.animate-in-start .spec{opacity:0;transition:opacity 0.2s ease-in-out}.wp-block-group#specs.animate-in .spec{opacity:1}.wp-block-group#specs.animate-in .spec:nth-child(2){transition-delay:0.2s}.wp-block-group#specs.animate-in .spec:nth-child(2){transition-delay:0.3s}.wp-block-group#specs.animate-in .spec:nth-child(3){transition-delay:0.4s}.wp-block-group#specs.animate-in .spec:nth-child(4){transition-delay:0.5s}.wp-block-group#specs.animate-in .spec:nth-child(6){transition-delay:0.6s}.wp-block-group#specs.animate-in .spec:nth-child(7){transition-delay:0.7s}.wp-block-group#specs.animate-in .spec:nth-child(8){transition-delay:0.8s}.wp-block-group#vinyllovers{position:relative;z-index:1;background:var(--color-green-dark);margin-left:-2rem;width:calc(100% + 4rem);height:50vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.wp-block-group#vinyllovers h2.wp-block-heading{position:relative;z-index:3;margin-bottom:2rem;text-align:center;text-shadow:0 4px 8px rgba(var(--color-black-rgb), 0.25)}.wp-block-group#vinyllovers h2.wp-block-heading:before{display:block;content:"";width:72px;height:64px;margin:0 auto 2rem;background:transparent url(images/logo-vnyl-shape-white.svg) no-repeat center center/auto 100%;transform:none;border-radius:0}.wp-block-group#vinyllovers p{position:relative;z-index:3;text-align:center}.wp-block-group#vinyllovers p:last-child{margin-bottom:0}.wp-block-group#vinyllovers .animation-container{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.wp-block-group#vinyllovers .animation-container .vnyl-case{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;margin:auto;transform:scale(1) rotate3d(0, 0, 2, 35deg);animation:vnylCaseOrbitAlt 18s ease-in-out infinite}.wp-block-group#vinyllovers .animation-container:after{position:absolute;content:"";z-index:2;bottom:0;left:0;width:100%;height:50%;mask:linear-gradient(transparent, black, black);backdrop-filter:blur(4px)}.wp-block-group#vinyllovers.animate-in-start h2.wp-block-heading:before{opacity:0;transform:translateY(2rem);transition:all 0.2s ease-in-out 0.2s}.wp-block-group#vinyllovers.animate-in h2.wp-block-heading:before{opacity:1;transform:translateY(0)}.wp-block-group#shop{z-index:1;background:var(--color-green-grey);margin-left:-2rem;width:calc(100% + 4rem)}.wp-block-group#shop .wp-block-group__inner-container{padding:8rem 2rem}.wp-block-group#shop p:last-child{margin-bottom:0}.wp-block-group#shop .wp-block-columns{flex-direction:column;align-items:center;gap:3rem}.wp-block-group#shop .wp-block-column:nth-child(1):after{display:block;content:"";width:2.4rem;height:2.4rem;margin:3rem auto 0;background:transparent url(images/arrow-default-white.svg) no-repeat center center/100% auto;transform:rotate(90deg)}.wp-block-group#shop .button:hover{background-color:var(--color-black)}.wp-block-columns{display:flex;flex-direction:column;gap:2rem}.wp-block-gallery{position:relative}.wp-block-gallery .swiper{overflow:visible !important}.wp-block-gallery .swiper{list-style:none;margin:0;padding:0;display:flex;height:auto}.wp-block-gallery .swiper .wp-block-image{position:relative}.wp-block-gallery .swiper .wp-block-image img{display:block;width:100%;height:auto;filter:grayscale(0);transition:filter 0.2s ease-in-out}.wp-block-gallery .swiper .wp-block-image.swiper-slide-visible img{filter:grayscale(1)}.wp-block-gallery .swiper .wp-block-image .wp-element-caption{position:absolute;bottom:2rem;left:2rem;background:rgba(var(--color-black-rgb), 0.85);border-radius:3px;padding:1rem;width:calc(100% - 4rem);font-size:1.5rem}.wp-block-gallery .swiper .wp-block-image .wp-element-caption a{font-weight:bold;text-decoration-color:transparent}.wp-block-gallery .swiper .wp-block-image .wp-element-caption a:hover{text-decoration-color:var(--color-green-light)}.wp-block-gallery .swiper .wp-block-image:nth-child(even) .wp-element-caption{bottom:auto;top:2rem}.wp-block-gallery .swiper-container-initialized .swiper .wp-block-image{display:block}.wp-block-gallery .swiper-pagination{display:flex;gap:1rem;position:absolute;background:var(--color-green-grey);left:0;top:-4rem;width:100%}.wp-block-gallery .swiper-pagination .swiper-pagination-bullet{position:relative;display:block;width:100%;height:1px;background:transparent;transition:background 0.2s ease-in-out}.wp-block-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color-green-light)}.wp-block-gallery .swiper-nav{display:none}@media only screen and (min-width: 1024px){:root{--column-gap: 20px;--column-width1: calc((100vw - (var(--column-gap) * 8)) / 9);--column-width2: calc((2 * var( --column-width1)) + (1 * var(--column-gap)));--column-width3: calc((3 * var( --column-width1)) + (2 * var(--column-gap)));--column-width4: calc((4 * var( --column-width1)) + (3 * var(--column-gap)));--column-width5: calc((5 * var( --column-width1)) + (4 * var(--column-gap)));--column-width6: calc((6 * var( --column-width1)) + (5 * var(--column-gap)));--column-width7: calc((7 * var( --column-width1)) + (6 * var(--column-gap)));--column-width8: calc((8 * var( --column-width1)) + (7 * var(--column-gap)));--column-width9: calc((9 * var( --column-width1)) + (8 * var(--column-gap)))}.wrapper{width:100%;max-width:var(--column-width5)}.site-header{backdrop-filter:blur(0)}.header__container-top{position:relative;bottom:auto;left:auto;background:var(--color-black);padding:0.8rem 0;opacity:1;pointer-events:initial;margin-top:-64px;transition:margin 0.2s ease-in-out}body.header-search-visible .header__container-top{margin-top:0}body.header-search-visible .header__navigation{padding-top:64px}body.header-search-visible .header__navigation-search{top:64px}.header__container{padding-top:4rem;padding-bottom:4rem;transition:padding 0.2s ease-in-out}.header__logo svg{height:64px}body.sticky-header .site-header{backdrop-filter:blur(2px)}body.sticky-header .header__container{padding-top:1rem;padding-bottom:1rem}body.sticky-header .header__logo svg{height:48px}body.sticky-header .header__navigation .menu-item:not(.menu-item--shop){opacity:0;pointer-events:none}body.sticky-header .header__navigation .menu-item--shop{margin-right:0}body.sticky-header .header__navigation-search{opacity:0;pointer-events:none}body.sticky-header .scroll-to-top{opacity:1;pointer-events:initial}.header__nav-toggle{display:none}.header__navigation{backdrop-filter:none;opacity:1;pointer-events:initial;bottom:0;right:0;max-width:var(--column-width9);margin:auto;height:auto;transition:none}.header__navigation .menu{position:relative;z-index:1;opacity:1;transition:none;flex-direction:row;justify-content:left;gap:0 3.6rem;transition:none}.header__navigation .menu-item{opacity:1;transition:opacity 0.2s ease-in-out}.header__navigation .menu-item--last-on-desktop:after{display:none}.header__navigation .menu-item--shop{margin-top:0;margin-left:auto;margin-right:calc(48px + 1.5rem);transition:margin 0.2s ease-in-out}.header__navigation .menu-item:after{opacity:1;left:auto;right:-2rem;margin:auto;top:0;bottom:0;transition:none}.header__navigation .scroll-to-top{position:absolute;z-index:2;top:0;bottom:0;margin:auto;display:block;width:48px;height:48px;background:transparent url(images/arrow-slim-down-white.svg) no-repeat center center/50% auto;pointer-events:none;cursor:pointer;opacity:0;transition:opacity 0.2s ease-in-out, background 0.2s ease-in-out;transform:rotate(180deg)}.header__navigation .scroll-to-top span{display:none}.header__navigation .scroll-to-top:hover{animation:backgroundWiggleReverse 0.4s linear forwards}.header__navigation-search{z-index:2;left:auto;right:0;top:0;bottom:0;margin:auto;width:auto;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity 0.2s ease-in-out}.header__nav-search-toggle:hover svg path{fill:var(--color-green-light)}.header__nav-search-toggle--active{opacity:1;pointer-events:initial}.header__nav-search-toggle--active svg path{fill:var(--color-green-light)}.searchform{max-width:var(--column-width9);margin:auto}.searchform input[type="search"]{width:var(--column-width3)}.searchform__container{display:flex;justify-content:flex-end}.headervisual__content{max-width:var(--column-width3)}.headervisual__content #hero .wp-block-group__inner-container{padding-left:4rem;padding-right:4rem}.headervisual__content #hero p .button{display:inline-block;margin-right:1rem;margin-bottom:0}.headervisual__content #hero p .button:last-child{margin-right:0}.vnyl-case{max-width:var(--column-width5);box-shadow:0 6px 48px rgba(var(--color-black-rgb), 0.25)}.vnyl-case .outlines--front{transform:perspective(9999px) translateZ(60px)}.vnyl-case .outlines--back{transform:perspective(9999px) translateZ(-60px)}.vnyl-case__outline{border-width:0.75px}main{margin-top:144px}.entry-content{padding:0}.site-footer{gap:4rem 0}.footer__content{flex-direction:row;justify-content:space-between;align-items:center;width:var(--column-width7);margin:auto}.footer__logo{text-align:left}.footer__bar-content{flex-direction:row;justify-content:space-between;align-items:center;width:var(--column-width7);margin:auto}.footer__copyright{order:1;flex-shrink:0;text-align:left}.footer__made-by{order:2;flex-shrink:0}.footer__navigation{order:3;flex-shrink:0;width:auto}.breadcrumbs{max-width:var(--column-width5)}.breadcrumbs__list{gap:0 3rem}.breadcrumbs__item:after{right:-1.75rem}.wp-block-group#body{margin-left:calc(var(--column-width2) * -1);width:var(--column-width9)}.wp-block-group#body .wp-block-group__inner-container{padding-bottom:16rem}.wp-block-group#body .wp-block-column:nth-child(1){order:2;width:var(--column-width4);display:flex;justify-content:center;align-self:center}.wp-block-group#body .wp-block-column:nth-child(2){order:1;width:var(--column-width5)}.wp-block-group#body .wp-block-image img{width:var(--column-width2)}.wp-block-group#usp{margin-left:calc((((var(--vw, 1vw) * 100) - var(--column-width5)) / 2) * -1);width:calc(var(--vw, 1vw) * 100)}.wp-block-group#usp .wp-block-group__inner-container{padding-top:16rem;padding-bottom:16rem;padding-left:0;padding-right:0;width:var(--column-width9);margin:auto}.wp-block-group#usp .wp-block-columns{margin-bottom:0}.wp-block-group#usp .wp-block-column{flex-basis:25%;padding-left:1rem;padding-right:1rem}.wp-block-group#usp .wp-block-column.animate-in-start:nth-child(2){transition-delay:0.2s}.wp-block-group#usp .wp-block-column.animate-in-start:nth-child(2):before{transition:background 0.2s ease-in-out 0.2s, border 0.2s ease-in-out 0.4s}.wp-block-group#usp .wp-block-column.animate-in-start:nth-child(3){transition-delay:0.4s}.wp-block-group#usp .wp-block-column.animate-in-start:nth-child(3):before{transition:background 0.2s ease-in-out 0.4s, border 0.2s ease-in-out 0.6s}.wp-block-group#usp .wp-block-column.animate-in-start:nth-child(4){transition-delay:0.6s}.wp-block-group#usp .wp-block-column.animate-in-start:nth-child(4):before{transition:background 0.2s ease-in-out 0.6s, border 0.2s ease-in-out 0.8s}.wp-block-group#gallery{margin-left:calc((((var(--vw, 1vw) * 100) - var(--column-width5)) / 2) * -1);width:calc(var(--vw, 1vw) * 100)}.wp-block-group#gallery .wp-block-group__inner-container{padding-left:0;padding-right:0;width:var(--column-width9);margin:auto}.wp-block-group#gallery h2.wp-block-heading{margin-bottom:4rem;padding-right:calc(var(--column-gap) + var(--column-width2))}.wp-block-group#specs .specs .spec--left-center{left:-5rem;top:50%;right:auto;bottom:auto;transform:translateX(-100%) translateY(-50%)}.wp-block-group#specs .specs .spec--left-center:before{content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:4rem;transform:translateX(calc(100% + 1rem));margin:auto;height:1px;background:var(--color-green-light)}.wp-block-group#specs .specs .spec--right-top{left:auto;right:-5rem;top:5%;transform:translateX(100%)}.wp-block-group#specs .specs .spec--right-top:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:4rem;transform:translateX(calc(-100% - 1rem));margin:auto;height:1px;background:var(--color-green-light)}.wp-block-group#specs .specs .spec--right-bottom{display:inline-block;right:-5rem;bottom:5%;transform:translateX(100%)}.wp-block-group#specs .specs .spec--right-bottom:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:4rem;transform:translateX(calc(-100% - 1rem));margin:auto;height:1px;background:var(--color-green-light)}.wp-block-group#specs .specs .spec--center-bottom{bottom:-3rem}.wp-block-group#vinyllovers{margin-left:calc((((var(--vw, 1vw) * 100) - var(--column-width5)) / 2) * -1);width:calc(var(--vw, 1vw) * 100)}.wp-block-group#vinyllovers .wp-block-group__inner-container{padding-left:0;padding-right:0;width:var(--column-width5);margin:auto}.wp-block-group#shop{margin-left:calc((((var(--vw, 1vw) * 100) - var(--column-width5)) / 2) * -1);width:calc(var(--vw, 1vw) * 100)}.wp-block-group#shop .wp-block-group__inner-container{padding-left:0;padding-right:0;width:var(--column-width5);margin:auto}.wp-block-group#shop .wp-block-columns{flex-direction:row;gap:3rem;justify-content:center;margin-bottom:0}.wp-block-group#shop .wp-block-column:nth-child(1){display:flex;align-items:center;gap:3rem}.wp-block-group#shop .wp-block-column:nth-child(1):after{margin-top:0;transform:rotate(0deg)}.wp-block-group#shop p{letter-spacing:-0.05rem}.wp-block-columns{flex-direction:row}.wp-block-gallery .swiper-pagination{left:auto;right:0;top:-6.6rem;width:var(--column-width2)}.wp-block-gallery .swiper-nav{display:flex;position:absolute;gap:calc(1rem + 1.7rem);right:0.85rem;bottom:calc(-8rem - 0.85rem)}.swiper-button-next,.swiper-button-prev{z-index:10;bottom:-2.4rem;left:0;right:0;margin:auto;display:inline-block;width:48px;height:48px;cursor:pointer}.swiper-button-next .swiper-navigation-icon,.swiper-button-prev .swiper-navigation-icon{display:none}.swiper-button-next:before,.swiper-button-prev:before{position:relative;z-index:2;content:"";display:block;text-indent:-999em;width:100%;height:100%;background:transparent url(images/arrow-default-black.svg) no-repeat center center/50% auto}.swiper-button-next:after,.swiper-button-prev:after{content:"";display:block;position:absolute;top:0;z-index:1;width:48px;height:48px;border-radius:3px;background:var(--color-white);transform:rotate(45deg);transition:background 0.2s ease-in-out}.swiper-button-next:hover:after,.swiper-button-prev:hover:after{background-color:var(--color-green-light)}.swiper-button-next.swiper-button-disabled:after,.swiper-button-prev.swiper-button-disabled:after{background-color:var(--color-green-grey)}.swiper-button-prev:before{transform:rotate(180deg)}}@media only screen and (min-width: 1280px){:root{--column-width1: calc((1280px - (var(--column-gap) * 8)) / 9)}}