.article-hero{width:100vw;height:100%;min-height:150svh;position:relative;overflow:hidden}.article-hero .article-hero-img{width:100%;height:100%;position:absolute;top:0;left:0}.article-hero .article-hero-overlay{background-color:#14131380;width:100%;height:100%;position:absolute;top:0;left:0}.article-content{padding:4rem 0 8rem}.article-hero-header h1{position:relative}.article-hero .container{color:var(--base-100);padding-top:35svh;position:relative}.article-hero .container .article-content,.article-details.article-details-1 .container,.article-details.article-details-2 .container,.article-details.article-details-3 .container,.article-details.article-details-4 .container,.article-details.article-details-5 .container,.article-details.article-details-6 .container,.article-details.article-details-7 .container,.article-details.article-details-8 .container{gap:2rem;display:flex;position:relative}.article-col:first-child{flex:2}.article-col:nth-child(2){flex:3}.article-hero .article-content .article-col:nth-child(2){flex-direction:column;gap:4rem;display:flex}.article-hero .article-content .article-col:nth-child(2) h3{width:85%;margin-bottom:1.5rem}.article-details{width:100vw;height:100%;color:var(--base-350);position:relative;overflow:hidden}.article-details h2{color:var(--base-350);text-transform:uppercase;letter-spacing:.1em;font-size:1.2rem;font-weight:400}.article-details h3{width:85%;color:var(--base-100);margin-bottom:1.5rem;font-size:1.8rem;line-height:1.4}.article-details h3:last-of-type{margin-bottom:1.5rem}.article-details-img{aspect-ratio:3/4;border-radius:2rem;width:75%;margin:4rem 0 1.5rem;overflow:hidden}.article-details-img img{opacity:.85;object-fit:cover;width:100%;height:100%}.article-details-1{padding-top:4rem}.article-details:last-child{padding-bottom:4rem}@media (max-width:1000px){.article-details:not(.article-details-1){padding-top:2rem}.article-hero .container .article-content,.article-details .container{flex-direction:column;gap:1rem}.article-details-img,.article-hero .article-content .article-col:nth-child(2) h3,.article-details h3{width:100%}.article-details h2{margin-bottom:1.5rem}}