.tp-page-hero__grid{display:grid;gap:2.4rem;align-items:center}@media screen and (min-width:990px){.tp-page-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5.6rem}.tp-page-hero__body{max-width:56rem}}.tp-page-hero--solo .tp-page-hero__grid{grid-template-columns:minmax(0,1fr)}.tp-page-hero--solo .tp-page-hero__body{max-width:72rem}.tp-page-hero__title{margin-bottom:1.4rem}.tp-page-hero__lead>p{margin:0 0 1.1rem}.tp-page-hero__lead>p:last-child{margin-bottom:0}.tp-page-hero__lead strong{color:var(--tp-ink);font-weight:700}.tp-surface--ink .tp-page-hero__lead strong{color:var(--tp-white)}.tp-page-hero__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2.4rem}.tp-page-hero__media{position:relative;z-index:1}@media screen and (max-width:989px){.tp-page-hero__media--image{order:-1}}.tp-page-hero__frame{position:relative;overflow:hidden;aspect-ratio:4 / 3.4;border-radius:var(--tp-r-lg);background:var(--tp-stone);box-shadow:var(--tp-shadow);transition:box-shadow .4s var(--tp-ease)}.tp-page-hero__media:hover .tp-page-hero__frame{box-shadow:var(--tp-shadow-lift)}.tp-page-hero__frame img{display:block;width:100%;height:100%;object-fit:cover}.tp-page-hero__frame--round{aspect-ratio:1;max-width:44rem;margin-inline:auto;border-radius:50%}.tp-page-hero__frame--none{aspect-ratio:auto;overflow:visible;border-radius:0;background:transparent;box-shadow:none}.tp-page-hero__frame--none img{height:auto;object-fit:contain}.tp-page-hero__media:hover .tp-page-hero__frame--none{box-shadow:none}.tp-page-hero__mascot{position:absolute;z-index:3;right:-.8rem;bottom:-1.8rem;width:clamp(9rem,13vw,14rem);height:auto;filter:drop-shadow(0 8px 18px rgba(17,17,17,.18))}.tp-page-hero__frame--round~.tp-page-hero__mascot{right:4%;bottom:-1rem}.tp-page-hero__media--mascot-only{display:flex;justify-content:flex-end;align-items:flex-end}@media screen and (max-width:749px){.tp-page-hero__media--mascot-only{display:none}}.tp-page-hero__media--mascot-only .tp-page-hero__mascot{position:static;width:clamp(14rem,40vw,18rem);margin-top:-.4rem}@media screen and (min-width:990px){.tp-page-hero__media--mascot-only{align-self:end}.tp-page-hero__media--mascot-only .tp-page-hero__mascot{width:clamp(20rem,24vw,30rem);margin-top:0}}@media(prefers-reduced-motion:reduce){.tp-page-hero__frame{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/tp-page-hero.css.map */