.header .brand{width:82px;height:82px;flex:0 0 82px}.header .brand img{width:100%;height:100%;object-fit:contain}.hero-image .home-hero-final{object-position:center 58%}.story-hero-image .story-hero-final{object-position:center 48%}.blog-landing-hero{display:grid;grid-template-columns:.92fr 1.08fr;min-height:650px;background:#fff}.blog-landing-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,7vw,8rem)}.blog-landing-copy h1{font-size:clamp(3.4rem,6.5vw,6.5rem)}.blog-landing-image{min-height:650px;position:relative;overflow:hidden}.blog-landing-image img{object-position:center 55%}.blog-landing-image:after{content:"Skin education · Made understandable";position:absolute;bottom:2rem;left:0;background:var(--pink);color:var(--blue2);padding:1rem 1.35rem;font:1.05rem var(--serif)}
@media(max-width:1000px){.header .brand{width:74px;height:78px;flex-basis:74px}.blog-landing-hero{grid-template-columns:1fr}.blog-landing-image{min-height:500px}}
@media(max-width:640px){.header .brand{width:62px;height:66px;flex-basis:62px}.blog-landing-copy{padding-top:4rem;padding-bottom:4rem}.blog-landing-image{min-height:390px}.blog-landing-image:after{bottom:1rem;font-size:.9rem}.story-hero-image .story-hero-final{object-position:center 44%}}