:root{--dark-tone:#222831;--darker-tone:#0a131e;--default-color:#e6e6e6;--ink-color:#49423b;--light-tone:#5d6d78;--primary-color:#5b69fc;--red-tone:#5f1f20;--very-large-breakpoint:80rem;--large-breakpoint:64rem;--medium-breakpoint:48rem;--small-breakpoint:40rem;--very-small-breakpoint:30rem}article>a:first-of-type{display:flex;flex-direction:column;gap:1rem}article>a:first-of-type>.description>*,article>a:first-of-type>h3{margin:0}article .heading{display:flex;gap:2rem;justify-content:center;margin:1rem auto}article .heading>.image-container{filter:drop-shadow(0 0 1rem black);flex-grow:0}article .heading .info{display:flex;justify-content:space-between}article .price{font-size:40px;font-weight:700;margin:0;text-align:right}article .shipping_fee{font-size:14px;margin:0;text-align:right}section#product{background:var(--dark-tone);padding-left:2rem;padding-right:2rem}section#product>article>.heading{align-items:center;line-height:1;margin:2rem 0}section#product>article>.heading>.text-container>h1,section#product>article>.heading>.text-container>h2,section#product>article>.heading>.text-container>h3,section#product>article>.heading>.text-container>h4,section#product>article>.heading>.text-container>h5,section#product>article>.heading>.text-container>h6{margin-bottom:0;margin-top:0}section#product>article>.heading>.image-container{flex-shrink:0;height:15rem}section#product>article>.heading>.image-container>img{height:100%}section#product>article>.paper{border-radius:.25rem}.article-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-evenly;list-style:none;padding:0}.article-container>li{flex:22rem;height:40rem;max-width:22rem}.article-container>li h3{text-align:center}.article-container>li .description{height:0;overflow:hidden;transition:height .25s ease}.paper .price{font-family:Old London,serif}.paper .price,.paper .shipping_fee{margin:0 0 0 auto}#heading{background:var(--light-tone)}#heading>div .image-container{margin:2rem 0}#heading>div .image-container>img{border-radius:1rem;box-shadow:0 0 1rem #000}#main_products,#other_products{background:var(--dark-tone);display:flex;flex-direction:column}#main_products>h2,#other_products>h2{margin-left:auto;margin-right:auto;padding:0 1rem;width:min(var(--large-breakpoint),100%)}#main_products>ul.article-container,#other_products>ul.article-container{align-content:center;flex:1}#main_products article a:first-of-type,#other_products article a:first-of-type{padding-bottom:1rem}#main_products article img,#other_products article img{filter:drop-shadow(0 0 1rem black)}#catalogue{background:var(--light-tone)}#catalogue>div{display:flex;gap:2rem;justify-content:center}#catalogue>div>ul.products{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));justify-content:center;list-style:none;max-width:calc(100% - 12rem);padding:0}#catalogue>div>ul.products>li{border-radius:1rem;box-shadow:inset .125rem .5rem 4rem #000;padding:2rem}#catalogue>div>ul.products>li img{filter:drop-shadow(0 0 .5rem black)}#catalogue>h2{margin-left:auto;margin-right:auto;max-width:var(--large-breakpoint);padding:0 1rem}#other_products{background:var(--darker-tone)}@media (max-width:64rem){main>section.article-container>article>.heading{flex-wrap:nowrap}}@media (max-width:48rem){#heading>div .image-container{margin:0}#heading>div .image-container>img{border-end-end-radius:0;border-end-start-radius:0}}@media (max-width:40rem){article>div{padding-left:0;padding-right:0}section#product>article{margin-top:0}section#product>article>.heading{align-items:center;flex-direction:column}#catalogue{padding-left:0;padding-right:0}#catalogue>div{flex-direction:column;gap:0}#catalogue>div>nav.filters{margin-left:auto;margin-right:auto;top:1rem;z-index:1}#catalogue>div>nav.filters>ul{flex-direction:row;justify-content:center;margin:0}#catalogue>div>nav.filters>ul>li>button{box-shadow:0 0 1rem #000}#catalogue>div>nav.filters>ul>li>button.active{box-shadow:0 0 1rem #fff}#catalogue>div>nav.filters>ul>li>button>span:not(.fa-solid){display:none}#catalogue>div>ul.products{max-width:100%}#heading>div .image-container>img{border-radius:0;mask-image:linear-gradient(transparent,#000 25%)}}@media (max-width:30rem){#catalogue>div{gap:0;margin-left:1rem;margin-right:1rem}#catalogue>div>nav.filters>ul>li>button>span:not(.fa-solid){display:none}#catalogue>div>.products{padding-left:1rem}section#product{padding-bottom:0;padding-left:0;padding-right:0}section#product>article>.heading{margin-left:1rem;margin-right:1rem}section#product>article .info{align-items:baseline;display:flex;gap:1rem}section#product>article .info>div{order:2}section#product>article .info>a.button{flex:1;order:1}section#product>article .info>a.button>span:not(.fa-solid){display:none}}