.jangin-challenge-hero{position:relative;isolation:isolate;--ch-bg: var(--jangin-onggi);--ch-fg: var(--jangin-warm-rice);--ch-rule: var(--jangin-rule-on-dark);--ch-cta-bg: var(--jangin-warm-rice);--ch-cta-fg: var(--jangin-onggi);--ch-cta-hover-bg: var(--jangin-gochujang);--ch-cta-hover-fg: var(--jangin-text-on-accent);background:var(--ch-bg);color:var(--ch-fg);padding:clamp(72px,10vw,120px) var(--jangin-container-padding-x)}.jangin-challenge-hero--perilla{--ch-bg: var(--jangin-perilla);--ch-fg: var(--jangin-text-on-perilla);--ch-rule: var(--jangin-rule-on-perilla);--ch-cta-bg: var(--jangin-onggi);--ch-cta-fg: var(--jangin-warm-rice)}.jangin-challenge-hero--gochujang{--ch-bg: var(--jangin-gochujang);--ch-fg: var(--jangin-text-on-accent);--ch-rule: var(--jangin-rule-on-accent);--ch-cta-bg: var(--jangin-warm-rice);--ch-cta-fg: var(--jangin-gochujang);--ch-cta-hover-bg: var(--jangin-onggi);--ch-cta-hover-fg: var(--jangin-warm-rice)}.jangin-challenge-hero--heat-check{--ch-bg: var(--jangin-gochujang);--ch-fg: var(--jangin-white);--ch-rule: rgba(255, 255, 255, .28);--ch-cta-bg: var(--jangin-white);--ch-cta-fg: var(--jangin-gochujang);--ch-cta-hover-bg: #2a0108;--ch-cta-hover-fg: var(--jangin-white)}.jangin-challenge-hero--heat-check .jangin-challenge-hero__cta:hover{border-color:var(--jangin-white)}.jangin-challenge-hero--perilla .jangin-challenge-hero__stat-label{opacity:.8}.jangin-challenge-hero .jangin-challenge-hero__bg,.jangin-challenge-hero .jangin-challenge-hero__scrim{display:block}.jangin-challenge-hero__bg,.jangin-challenge-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.jangin-challenge-hero__bg{background-size:cover;background-repeat:no-repeat}.jangin-challenge-hero__scrim{background:var(--jangin-black)}.jangin-challenge-hero--bg{padding-block:clamp(96px,13vw,168px)}.jangin-challenge-hero__inner{position:relative;max-width:1000px;margin:0 auto;text-align:center}.jangin-challenge-hero__label{margin-bottom:24px;color:var(--ch-fg);font-weight:700;-webkit-text-stroke:.4px currentColor}.jangin-challenge-hero__heading{font-family:var(--jangin-font-display);font-weight:500;font-size:clamp(36px,4.2vw,68px);line-height:1.05;letter-spacing:var(--jangin-tracking-display);color:var(--ch-fg);margin:0 auto;max-width:20ch;text-wrap:balance}.jangin-challenge-hero__standfirst{font-family:var(--jangin-font-body);font-size:clamp(16px,1.3vw,18px);line-height:1.65;letter-spacing:var(--jangin-tracking-body);color:var(--ch-fg);opacity:.82;margin:clamp(20px,2.6vw,32px) auto 0;max-width:58ch;text-wrap:pretty}.jangin-challenge-hero__date{font-family:var(--jangin-font-body);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:var(--jangin-tracking-label);line-height:1.5;color:var(--ch-fg);opacity:.78;margin:clamp(24px,3vw,34px) auto 0;max-width:40ch}.jangin-challenge-hero__actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:clamp(28px,3.4vw,40px)}.jangin-challenge-hero__cta{display:inline-flex;align-items:center;padding:14px 30px;min-height:48px;background:var(--ch-cta-bg);border:1px solid var(--ch-cta-bg);color:var(--ch-cta-fg);font-family:var(--jangin-font-body);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:var(--jangin-tracking-label);text-decoration:none;border-radius:0;cursor:pointer;transition:background var(--jangin-duration) var(--jangin-ease),border-color var(--jangin-duration) var(--jangin-ease),color var(--jangin-duration) var(--jangin-ease)}.jangin-challenge-hero__cta:hover{background:var(--ch-cta-hover-bg);border-color:var(--ch-cta-hover-bg);color:var(--ch-cta-hover-fg)}.jangin-challenge-hero__pending{font-family:var(--jangin-font-body);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:var(--jangin-tracking-label);line-height:1.55;color:var(--jangin-perilla);margin:0;max-width:54ch;text-wrap:balance}.jangin-challenge-hero__secondary{font-family:var(--jangin-font-body);font-size:14px;line-height:1.5;letter-spacing:var(--jangin-tracking-body);color:var(--ch-fg);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;padding:8px 4px;transition:opacity var(--jangin-duration) var(--jangin-ease)}.jangin-challenge-hero__secondary:hover{opacity:.7}.jangin-challenge-hero__rules-pending{font-family:var(--jangin-font-body);font-size:14px;line-height:1.55;letter-spacing:var(--jangin-tracking-body);color:var(--ch-fg);opacity:.6;margin:0;max-width:46ch}.jangin-challenge-hero__stats{list-style:none;margin:clamp(44px,6vw,72px) 0 0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:clamp(16px,3vw,36px);border-top:1px solid var(--ch-rule);padding-top:clamp(32px,4vw,44px)}.jangin-challenge-hero__stat{display:flex;flex-direction:column;gap:8px;align-items:center}.jangin-challenge-hero__stat-value{font-family:var(--jangin-font-display);font-weight:500;font-size:clamp(30px,2.6vw,40px);line-height:1;letter-spacing:var(--jangin-tracking-display);color:var(--ch-fg)}.jangin-challenge-hero__stat-label{font-family:var(--jangin-font-body);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:var(--jangin-tracking-label);line-height:1.45;color:var(--ch-fg);opacity:.68;max-width:20ch;text-align:center}@media(max-width:749px){.jangin-challenge-hero__heading{max-width:16ch}.jangin-challenge-hero__cta{width:100%;justify-content:center;text-align:center}.jangin-challenge-hero__label:before,.jangin-challenge-hero__label:after{display:none}}.jangin-challenge-hero--heat-check-deep{--ch-bg: var(--jangin-heat-check-ground);--ch-fg: var(--jangin-heat-check-ink);--ch-rule: rgba(255, 255, 255, .28);--ch-cta-bg: var(--jangin-heat-check-ink);--ch-cta-fg: var(--jangin-heat-check-ground);--ch-cta-hover-bg: var(--jangin-heat-check-cta-hover);--ch-cta-hover-fg: var(--jangin-heat-check-ink)}.jangin-challenge-hero--heat-check-deep .jangin-challenge-hero__cta:hover{border-color:var(--jangin-heat-check-ink)}.jangin-challenge-hero--lockup{--ch-u: min(1px, calc((100vw - 2 * var(--jangin-container-padding-x)) / 445));padding-top:calc(138 * var(--ch-u))}.jangin-challenge-hero--lockup .jangin-challenge-hero__stats{border-top-color:var(--jangin-heat-check-ink)}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-jangin-challenge-hero.css.map */
