.section-main-article .section-hero{display:flex;flex-direction:column;background-color:var(--colour-tertiary);color:var(--colour-primary);padding:.5rem;overflow:hidden}.section-main-article .section-hero .hero-image{position:relative}.section-main-article .section-hero .hero-image .c-btn{position:absolute;top:1rem;left:1rem;z-index:10;padding:.25rem .5rem;background-color:var(--colour-primary);color:var(--colour-tertiary);border-radius:1rem;text-decoration:none;font-size:.75rem;font-family:var(--font-family-base);font-weight:400;letter-spacing:.025em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem;border:1px solid transparent;transition:all var(--transition-duration) var(--transition-timing) 0s}.section-main-article .section-hero .hero-image .c-btn svg{height:.75rem;width:.75rem}.section-main-article .section-hero .hero-image .c-btn:hover,.section-main-article .section-hero .hero-image .c-btn:focus{border-color:var(--colour-tertiary)}.section-main-article .section-hero .hero-image img{aspect-ratio:1;object-fit:cover;height:100%;max-height:100%}.section-main-article .section-hero .content{padding:1.5rem}.section-main-article .section-hero .content .time{margin-bottom:2.5rem}.section-main-article .section-hero .content .time .date{opacity:.5}.section-main-article .section-hero .content .snippet-layout-author{display:flex;align-items:center;gap:1rem}.section-main-article .section-hero .content .snippet-layout-author img{height:3rem;width:3rem;object-fit:cover;border:2px solid var(--colour-primary);border-radius:1.5rem}.section-main-article .section-hero .content .snippet-layout-author span{line-height:1;white-space:nowrap}.section-main-article .section-hero .content .snippet-layout-author .author-details{display:flex;flex-direction:column;gap:.25rem}.section-main-article .section-hero .content .snippet-layout-author .author-name{font-weight:500}.section-main-article .footer{--spacing: 3rem;max-width:44rem;margin:var(--spacing) auto;display:flex;flex-direction:column;gap:var(--spacing)}.section-main-article .snippet-layout-author{display:flex;gap:1rem}.section-main-article .snippet-layout-author img{margin:0!important;height:3rem;width:3rem;object-fit:cover;border:2px solid var(--colour-primary);border-radius:1.5rem}.section-main-article .snippet-layout-author span{line-height:1}.section-main-article .snippet-layout-author .author-details{display:flex;flex-direction:column;gap:.75rem}.section-main-article .snippet-layout-author .author-name{font-weight:500}.section-main-article .section-content{display:flex;flex-direction:column;align-items:center;margin-inline:auto;text-align:start;max-width:56.25rem}.section-main-article .section-content *:not(img,video,iframe,li,span,button,a,.swiper,svg,div:has(img)){max-width:44rem;width:100%}.section-main-article .section-content div.images{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.section-main-article .section-content h2,.section-main-article .section-content h3,.section-main-article .section-content h4,.section-main-article .section-content h5{font-family:var(--font-family-heading);font-weight:400;line-height:1.25;padding-top:1rem;margin-bottom:2rem}.section-main-article .section-content h2{font-size:1.75rem;margin-bottom:1.5rem}.section-main-article .section-content h3{font-size:1.5rem;margin-bottom:1.5rem}.section-main-article .section-content h4{font-size:1.375rem}.section-main-article .section-content h5{font-size:1.25rem}.section-main-article .section-content h6{font-size:.875rem;font-family:var(--font-family-base);font-weight:400;letter-spacing:.025em;text-transform:uppercase}.section-main-article .section-content *:is(>img,>video,>iframe,p img,p iframe){display:block;margin:2.5rem 0}.section-main-article .section-content div>img{margin-left:0!important;margin-right:0!important}.section-main-article .tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.section-main-article .tags a{font-size:.875rem;padding:.25rem .375rem;background-color:var(--colour-primary);color:var(--colour-tertiary);font-weight:500;text-decoration:none;border-radius:var(--border-radius-xs);text-transform:capitalize}.section-main-article .product-grid{display:flex;align-items:stretch;gap:1rem}.section-main-article .product-grid>div{flex:240px 1 0;max-width:340px}.section-main-article .product-grid .rating{display:none}.section-main-article .product-list{width:100%;max-width:44rem}.section-main-article .swiper{overflow:visible}.section-main-article .swiper-nav{position:relative;display:flex;align-items:center;justify-content:flex-end;margin-top:1rem;gap:1rem}.section-main-article .swiper-nav button{position:relative;inset:auto;height:2rem;width:2rem;display:flex;align-items:center;top:auto;right:auto;left:auto;transform:none;border-radius:1rem;color:var(--colour-tertiary)}.section-main-article .swiper-nav button svg{height:.875rem;width:.875rem;fill:currentColor}@media (min-width: 768px){.section-main-article .section-hero{flex-direction:row;align-items:stretch;max-height:50rem}.section-main-article .section-hero .hero-image{max-width:50%}.section-main-article .section-hero .content{padding:2.5rem}.section-main-article .section-content h2{font-size:2.5rem}.section-main-article .section-content h3{font-size:2rem}}@media (min-width: 1024px){.section-main-article .section-hero{padding:1rem;max-height:60rem}.section-main-article .section-hero .content .excerpt{margin-bottom:3rem;font-size:1.25rem}.section-main-article .section-content div.images{gap:2.5rem}.section-main-article .section-content *:is(>img,>video,>iframe,p img,p iframe){margin:4rem 0}.section-main-article .swiper-nav button{justify-content:center;background-color:var(--colour-quaternary);color:var(--colour-white)}}@media (min-width: 1280px){.section-main-article .section-hero .content{padding:5rem;max-width:44rem;display:flex;flex-direction:column;justify-content:center}.section-main-article .footer{--spacing: 4rem}.section-main-article .product-grid{justify-content:center}}@media (max-width: 1023.98px){.section-main-article .product-grid{overflow-x:auto}.section-main-article .swiper-nav button.swiper-button-next{justify-content:flex-end}.section-main-article .swiper-nav button.swiper-button-prev{justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/469/assets/section-main-article.css.map */