.dl-article-hero{width:100%;position:relative;overflow:hidden}.dl-article-hero__container{position:relative;width:100%;height:100vh;max-height:1080px;min-height:600px}.dl-article-hero__image-desktop,.dl-article-hero__image-mobile{position:absolute;top:0;left:0;width:100%;height:100%;margin:0}.dl-article-hero__image-desktop img,.dl-article-hero__image-mobile img{width:100%;height:100%;object-fit:cover;object-position:center}.dl-article-hero__image-mobile{display:none}.dl-article-hero__header{position:absolute;top:50%;right:5%;transform:translateY(-47%);width:450px;max-width:95%;padding:2rem}.dl-article-hero__category{margin-bottom:1.5rem}.dl-article-hero__category p{font-family:var(--header-font-family);font-size:.875rem;text-align:center;letter-spacing:.1em;color:#666;margin:0}.dl-article-hero__title{margin-bottom:1.5rem}.dl-article-hero__title h1{font-family:var(--h1-font-family);font-size:2.5vw;font-weight:700;text-align:center;line-height:1.2;margin:0 0 1rem;color:#000}.dl-article-hero__title p{font-size:1.125rem;text-align:center;line-height:1.6;color:#333;margin:0}.dl-article-hero__author h2{font-family:var(--accent-font-family);font-size:1.8rem;text-align:center;line-height:1.8}.dl-article-hero__author p{font-family:var(--header-font-family);font-size:.875rem;text-align:center}.dl-article-hero__table-of-contents{height:100%;flex:1 1 auto;display:grid;grid-template-columns:repeat(2,auto);gap:1rem;position:relative;padding-top:1.5rem;border-top:1px solid #e0e0e0}.dl-article-hero__table-of-contents header{position:sticky;top:0}.dl-article-hero__table-of-contents header h3{font-family:var(--header-font-family);font-weight:700;font-size:.8em;text-transform:uppercase}.dl-article-hero__table-of-contents footer{max-height:40vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-thumb:horizontal{background:transparent}::-webkit-scrollbar-track{background-color:transparent}.dl-article-hero__table-of-contents footer a{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.dl-article-hero__table-of-contents footer a aside{width:25px;height:25px;font-family:var(--header-font-family);font-size:.7em;text-align:center;padding:.35rem;border-radius:50%}.dl-article-hero__table-of-contents footer a p{width:80%}@media screen and (min-width:768px)and (max-width:1023px){.dl-article-hero__header{right:3%;width:350px;padding:2rem}.dl-article-hero__title h1{font-size:3.7vw}.dl-article-hero__title p{font-size:1rem}}@media screen and (max-width:767px){.dl-article-hero__container{height:100vh;max-height:800px;min-height:500px}.dl-article-hero__image-desktop{display:none}.dl-article-hero__image-mobile{display:block}.dl-article-hero__header{position:absolute;top:12%;left:47%;right:auto;transform:translate(-47%);width:90%;max-width:400px;padding:1.5rem;text-align:center}.dl-article-hero__category p{font-size:.75rem}.dl-article-hero__title h1{font-size:7vw;margin-bottom:.75rem}.dl-article-hero__title p{font-size:1rem;line-height:1.5}.dl-article-hero__table-of-contents{display:none}}@media screen and (min-width:1440px){.dl-article-hero__header{right:10%;width:450px;padding:3.5rem}.dl-article-hero__title h1{font-size:3vw}}.dl-article-hero-section[data-header-position=left] .dl-article-hero__header{left:5%;right:auto}.dl-article-hero-section[data-header-position=center] .dl-article-hero__header{left:50%;right:auto;transform:translate(-50%,-50%)}@media(prefers-reduced-motion:reduce){.dl-article-hero__header{transition:none}}@media(prefers-contrast:high){.dl-article-hero__header{background-color:#fff;border:2px solid black}.dl-article-hero__title h1,.dl-article-hero__title p{color:#000}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/dl-article-hero.css.map */