.km-playground-hero-wrapper{--km-hero-height-offset: 0px}body:has(#header-group>.header-section>#header-component) .km-playground-hero-wrapper:first-child{--km-hero-height-offset: var(--header-group-height, 0)}.km-playground-hero{--km-hero-desktop-cap: 36rem;display:block;position:relative;isolation:isolate;min-height:calc(var(--km-hero-min-height, var(--section-height-medium)) - var(--km-hero-height-offset));overflow:clip;max-width:100%;background-color:var(--color-background, var(--km-pink, #ffdde5))}.km-playground-hero[data-shopify-visual-preview]{min-height:560px}.km-playground-hero__split{display:grid;grid-template-columns:1fr;min-height:inherit}.km-playground-hero__media,.km-playground-hero__panel{position:relative;min-width:0}.km-playground-hero__panel{display:flex;align-items:center;order:1;container-type:inline-size;container-name:km-hero-panel;background-color:var(--color-background, var(--km-pink, #ffdde5));color:var(--color-foreground, var(--km-ink, #111111))}.km-playground-hero__content{width:100%;max-width:34rem;min-width:0;padding:clamp(1.5rem,5vw,2.25rem) var(--page-margin, 1.25rem) 1.5rem}.km-playground-hero__eyebrow{margin:0 0 var(--padding-sm, .5rem);font-family:var(--font-accent--family);letter-spacing:.14em;text-transform:uppercase;color:var(--color-foreground-muted, var(--color-foreground))}.km-playground-hero__heading{margin:0;display:grid;gap:.08em;min-width:0;font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);font-size:clamp(1.85rem,8.4vw,2.6rem);line-height:.98;letter-spacing:-.02em;text-transform:uppercase}.km-playground-hero__heading-line{display:block;white-space:nowrap;overflow-wrap:normal;max-width:100%}.km-playground-hero__text{margin-block-start:var(--padding-md, .85rem);max-width:32ch;font-size:clamp(.95rem,3.6vw,1.05rem);line-height:1.45;color:var(--color-foreground)}.km-playground-hero__text>:first-child{margin-block-start:0}.km-playground-hero__text>:last-child{margin-block-end:0}.km-playground-hero__button{margin-block-start:clamp(1.1rem,4vw,1.6rem);display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding-inline:1.35rem;border-radius:var(--km-radius-pill, 999px);background-color:var(--km-ink, #111111);color:var(--km-bg, #fffdf8);border:var(--km-border-width, 1.5px) solid var(--km-ink, #111111);font-family:var(--font-accent--family);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:transform var(--animation-speed, .2s) var(--animation-easing, ease),background-color var(--animation-speed, .2s) var(--animation-easing, ease),color var(--animation-speed, .2s) var(--animation-easing, ease)}.km-playground-hero__button:hover{background-color:transparent;color:var(--km-ink, #111111)}.km-playground-hero__button:focus-visible{outline:2px solid var(--km-ink, #111111);outline-offset:3px}.km-playground-hero__button[aria-disabled=true]{opacity:.55;pointer-events:none}.km-playground-hero__media{order:2;width:100%;max-width:100%;aspect-ratio:4 / 5;overflow:hidden;background-color:color-mix(in srgb,var(--km-pink, #ffdde5) 70%,#ffffff)}.km-playground-hero__picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.km-playground-hero__image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.km-playground-hero__placeholder{display:grid;place-content:center;gap:.35rem;width:100%;height:100%;min-height:16rem;padding:2rem;background:radial-gradient(circle at 20% 20%,rgb(255 255 255 / .55),transparent 42%),linear-gradient(145deg,var(--km-pink, #ffdde5),var(--km-lilac, #e8deff) 55%,var(--km-butter, #fff0ac));color:var(--km-ink, #111111);text-align:center}.km-playground-hero__placeholder-mark{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(1.6rem,6vw,2.2rem);letter-spacing:-.02em;line-height:1}.km-playground-hero__placeholder-tag{font-family:var(--font-accent--family);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}@media screen and (min-width:900px){.km-playground-hero{min-height:min(calc(var(--km-hero-min-height, var(--section-height-medium)) - var(--km-hero-height-offset)),var(--km-hero-desktop-cap));height:min(calc(var(--km-hero-min-height, var(--section-height-medium)) - var(--km-hero-height-offset)),var(--km-hero-desktop-cap))}.km-playground-hero__split{grid-template-columns:minmax(0,42fr) minmax(0,58fr);height:100%;min-height:0}.km-playground-hero__panel{order:0;min-height:0}.km-playground-hero__media{order:0;aspect-ratio:auto;min-height:0;height:100%}.km-playground-hero__content{max-width:28rem;padding-inline:clamp(1.25rem,4.5cqi,4.75rem);padding-block:clamp(2rem,5vw,4.5rem)}.km-playground-hero__heading{font-size:clamp(1.55rem,9.6cqi,3.35rem)}.km-playground-hero__text{margin-block-start:1.15rem;max-width:34ch;font-size:1.05rem}.km-playground-hero__button{margin-block-start:1.75rem;min-height:3rem;padding-inline:1.55rem}.km-playground-hero__button:hover{transform:translateY(-1px)}}@media screen and (min-width:1200px){.km-playground-hero{--km-hero-desktop-cap: 34rem}}@media screen and (min-width:1920px){.km-playground-hero{--km-hero-desktop-cap: 30rem}.km-playground-hero__content{padding-block:clamp(2rem,3.5vw,3.25rem)}.km-playground-hero__heading{font-size:clamp(2.2rem,2.2vw,2.85rem)}}@media(prefers-reduced-motion:reduce){.km-playground-hero__button{transition:none}.km-playground-hero__button:hover{transform:none}}@media screen and (max-width:899px){.km-playground-hero{min-height:0;height:auto}.km-playground-hero__media{aspect-ratio:auto;width:100%;max-width:100%;height:min(52svh,26rem);max-height:none}.km-playground-hero__heading{font-size:clamp(1.7rem,6.2vw,2.55rem)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/km-playground-hero.css.map */