.archive-hero{background-size:cover;background-position:center;max-width:var(--max-width-site);margin:auto;& .inside-hero{width:100%;padding-left:2.5rem;margin:auto;height:32.5rem;position:relative;& .archive-hero-content{width:39.688rem;background-color:var(--primary1);color:var(--on-primary1,var(--base-3));padding:2.5rem;position:absolute;bottom:-2.25rem;display:flex;flex-direction:column;margin:0 auto;& p{flex:1;margin-bottom:0 !important}}}}@media only screen and (min-width:1600px){.archive-hero{background-size:cover;& .inside-hero{max-width:calc(100% - 30rem)}}}@media only screen and (max-width:500px){.archive-hero{background-size:cover;background-position:center;.inside-hero{max-width:var(--page-max-width);width:100%;padding:1.25rem 2.5rem;margin:0 auto;height:32.5rem;position:relative;.archive-hero-content{width:21.688rem;background-color:var(--primary1);color:var(--on-primary1,var(--base-3));padding:2.5rem;position:absolute;bottom:-2.25rem;display:flex;flex-direction:column;margin-left:auto;h1{font-size:2.2rem}p{flex:1}}}}}