.journal-hero{padding-top:calc(var(--journal-padding-top) * .75);padding-bottom:calc(var(--journal-padding-bottom) * .75);color:rgb(var(--color-foreground))}.journal-hero__inner{display:grid;width:min(240rem,calc(100% - 4.8rem));max-width:none;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0;border:.1rem solid rgba(var(--color-foreground),.16);background:rgb(var(--color-background))}.journal-hero__copy{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:4rem 2.4rem}.journal-hero__eyebrow{margin:0 0 1.2rem;font-size:1.1rem;font-weight:700;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.journal-hero__title{max-width:12ch;margin:0;font-family:var(--font-heading-family);font-size:clamp(3.4rem,5.2vw,6.4rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.02em;line-height:1.04}.journal-hero__introduction{max-width:46rem;margin-top:2rem;font-size:1.5rem;line-height:1.65}.journal-hero__introduction>*:first-child{margin-top:0}.journal-hero__introduction>*:last-child{margin-bottom:0}.journal-hero__button{min-width:16.8rem;margin-top:2.4rem;text-transform:uppercase}.journal-hero__media{position:relative;display:block;min-width:0;min-height:34rem;overflow:hidden;background:rgba(var(--color-foreground),.035)}.journal-hero__image,.journal-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:none;height:100%;object-fit:cover}.journal-hero__placeholder{color:rgba(var(--color-foreground),.18);background:rgba(var(--color-foreground),.035)}@media screen and (min-width:750px){.journal-hero{padding-top:var(--journal-padding-top);padding-bottom:var(--journal-padding-bottom)}.journal-hero__inner{height:clamp(44rem,30vw,52rem);grid-template-columns:minmax(30rem,35fr) minmax(0,65fr)}.journal-hero__copy{padding:clamp(3rem,3.5vw,5rem)}.journal-hero__title{max-width:none;font-size:clamp(3.6rem,3.6vw,5.4rem)}.journal-hero__introduction{margin-top:1.6rem;line-height:1.55}.journal-hero__button{margin-top:2rem}.journal-hero__media{min-height:0;border-left:.1rem solid rgba(var(--color-foreground),.16)}}@media screen and (max-width:749px){.journal-hero__inner{width:calc(100% - 3.2rem)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-islander-journal-hero.css.map */
