Magic Colours (chapter „Magic Colours“)

.no-js .site-header{position:static;box-shadow:none}.no-js .site-header__nav-container:not([aria-hidden="false"]){display:grid}.no-js .site-header__nav-toggle{display:none}@media (min-width: 64em){.no-js .nav-primary .menu-item-has-children .sub-menu,.no-js .nav-secondary .menu-item-has-children .sub-menu{top:100%}}.no-js .nav-primary .menu-item-has-children:hover .sub-menu,.no-js .nav-primary .menu-item-has-children:focus-within .sub-menu,.no-js .nav-secondary .menu-item-has-children:hover .sub-menu,.no-js .nav-secondary .menu-item-has-children:focus-within .sub-menu{display:block}.no-js .nav-primary .menu-item-has-children:hover .sub-menu:before,.no-js .nav-primary .menu-item-has-children:focus-within .sub-menu:before,.no-js .nav-secondary .menu-item-has-children:hover .sub-menu:before,.no-js .nav-secondary .menu-item-has-children:focus-within .sub-menu:before{display:none}.no-js .nav-primary .menu-item-has-children>a,.no-js .nav-secondary .menu-item-has-children>a{padding-inline-end:0}.no-js .swiper,.no-js .swiper-wrapper{all:unset}.no-js .swiper-navigation{display:none}.no-js .swiper-wrapper{margin-block-start:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill, minmax(min( 20rem , 100%), 1fr))}