.news{display:flex;flex-direction:column-reverse;gap:var(--spacing-6);padding:var(--spacing-4)}.news-list{width:100%;display:flex;flex-direction:column}.news-list-item{padding:var(--spacing-5) 0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"content content content image" "content content content image";border-top:1px solid var(--color-grey-50)}.news-list-item:hover{text-decoration:none;cursor:pointer}.news-list-item--content{grid-area:content}.news-list-item h4{grid-area:content;font-size:var(--font-size-3);font-weight:500;transition:color .25s ease-in-out}.news-list-item img{grid-area:image;opacity:.5;transition:opacity .25s ease-in-out;background:var(--color-black);max-width:100%;height:auto}.news-list-item:hover h4{color:var(--color-grey-70)}.news-list-item:hover img{opacity:1}.news-list button{margin-top:var(--spacing-6)}.news-featured{position:relative;width:100%;height:70vh;mix-blend-mode:darken;color:var(--color-off-white);display:flex;flex-direction:column;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-6);background-size:cover}@property --gradStart{syntax: "<color>"; initial-value: rgba(0,0,0,0); inherits: false;}@property --gradEnd{syntax: "<color>"; initial-value: rgba(0,0,0,.5); inherits: false;}.bgimg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(var(--gradStart),var(--gradEnd));transition:--gradStart .3s,--gradEnd .3s;mix-blend-mode:darken}.news-featured:hover .bgimg-overlay{--gradStart: rgba(172, 149, 110, 0);--gradEnd: rgba(172, 149, 110, 1);mix-blend-mode:darken}.news-featured-content{width:80%;position:relative}.news-featured h3{font-size:var(--font-size-4);line-height:1}.news-featured .preview{font-size:var(--font-size-2);margin:var(--spacing-6) 0}.news-featured button{padding-left:0;padding-right:0}@media(min-width:768px){.news{flex-direction:row-reverse;height:80vh;max-height:64rem;padding:var(--spacing-6)}.news-list{width:50%}.news-list-item{grid-template-columns:repeat(6,1fr);grid-template-areas:"content content content . . image" "content content content . . image"}.news-featured{width:50%;height:100%}.news-featured-content{width:80%}}@media(min-width:1024px){.news{height:80vh;max-height:78rem;justify-content:space-between;padding:var(--spacing-8)}.news-list{width:40%}.news-list-item{padding:var(--spacing-7) 0}.news-featured h3{font-size:var(--font-size-4);line-height:1}.news-list button{margin-top:var(--spacing-9)}.news-featured{width:40%}.news-featured-content{width:80%}}@media(min-width:1600px){.news{padding:var(--spacing-10)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-news.css.map */