section.japa-hero,section.japa-hero *{box-sizing:border-box}section.japa-hero{width:100%;max-width:none;margin:0;color:#34261e;font-family:Georgia,Times New Roman,serif;background:#f8f1e7;--ivory:#f7f1e7;--ink:#34261e;--muted:#6b5a4e;--button:#d8b67d}section.japa-hero button.cta{border:0;cursor:pointer;-webkit-appearance:none;appearance:none}section.japa-hero h1,section.japa-hero h2,section.japa-hero h3,section.japa-hero p{color:inherit}section.japa-hero .hero{position:relative;min-height:clamp(500px,42vw,760px);overflow:hidden;display:flex;align-items:center;background:var(--ivory)}section.japa-hero .hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}section.japa-hero .hero__content{position:relative;z-index:2;width:min(43%,620px);margin-left:clamp(28px,5.5vw,100px);padding:25px 0}section.japa-hero .eyebrow{margin:0 0 12px;font:500 clamp(15px,.9vw,15px) Arial,sans-serif;letter-spacing:.16em}section.japa-hero h1{margin:0;font-size:clamp(40px,4vw,72px);line-height:.92;font-weight:500;letter-spacing:-.025em}section.japa-hero .tagline{margin:20px 0 14px;font-size:clamp(18px,1.45vw,25px);line-height:1.08;letter-spacing:.025em}section.japa-hero .intro{margin:0 0 19px;font-size:clamp(15px,1.05vw,19px);line-height:1.45;color:var(--muted)}section.japa-hero .meta{margin:0 0 23px;font-size:clamp(15px,1vw,17px);line-height:1.4}section.japa-hero .cta{display:inline-block;padding:14px 30px;background:var(--button);color:#2f2118;text-decoration:none;font:600 15px Arial,sans-serif;letter-spacing:.075em}@media(max-width:980px){section.japa-hero .hero{min-height:600px}section.japa-hero .hero__image{object-position:59% center}section.japa-hero .hero__content{width:47%;margin-left:34px}section.japa-hero h1{font-size:45px}}@media(max-width:680px){section.japa-hero .hero{min-height:auto;display:block;padding-top:67vw}section.japa-hero .hero__image{height:67vw;min-height:255px;object-position:72% center}section.japa-hero .hero__content{width:100%;margin:0;padding:25px 23px;background:var(--ivory)}section.japa-hero .eyebrow{font-size:13px}section.japa-hero h1{font-size:41px}section.japa-hero .tagline{font-size:19px}section.japa-hero .intro{font-size:15px}section.japa-hero .meta{font-size:14px}section.japa-hero .cta{display:block;width:100%;text-align:center;padding:15px 18px}}@media(max-width:390px){section.japa-hero h1{font-size:36px}section.japa-hero .hero__content{padding-left:20px;padding-right:20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/japa-mala-hero.css.map */