.kajyn-hero{position:relative;min-height:calc(100vh - var(--header-height, 80px));min-height:calc(100dvh - var(--header-height, 80px));padding:0 0 32px;overflow:hidden;background:radial-gradient(circle at top center,rgba(255,255,255,.08),transparent 34%),linear-gradient(180deg,#0b0b0b,#000 54%,#060606);color:#fff}.kajyn-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.kajyn-hero__scene{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.74;filter:grayscale(1) contrast(1.04) brightness(.76);transform:scale(1.02)}.kajyn-hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#00000014,#00000061 54%,#000000bd),linear-gradient(180deg,#00000042,#0000001a 20%,#00000057)}.kajyn-hero__inner{position:relative;z-index:1;display:grid;gap:clamp(4rem,7vw,7rem);align-content:start;min-height:calc(100vh - var(--header-height, 80px) - 56px);min-height:calc(100dvh - var(--header-height, 80px) - 56px);padding-top:var(--kajyn-page-header-gap)}.kajyn-hero__intro{display:flex;flex-direction:column;align-items:center;max-width:92rem;margin:0 auto;text-align:center}.kajyn-hero__brand{margin:0 0 var(--kajyn-page-title-follow-gap);color:#fffffff0;font-size:var(--kajyn-page-brand);font-weight:700;line-height:1;letter-spacing:var(--kajyn-page-brand-tracking);text-transform:uppercase}.kajyn-hero__eyebrow{margin:0 0 var(--kajyn-page-support-follow-gap);font-size:var(--kajyn-page-eyebrow);font-weight:600;line-height:1;letter-spacing:var(--kajyn-tracking-nav-wide);text-transform:uppercase;opacity:.7}.kajyn-hero__title{width:min(100%,68rem);max-width:68rem;margin:0;color:#ffffff47;display:grid;gap:.07em;justify-items:center;font-size:var(--kajyn-page-title);font-weight:700;line-height:.98;letter-spacing:-.03em;text-transform:uppercase;text-shadow:0 10px 30px rgba(0,0,0,.28)}.kajyn-hero__title-line{display:block}.kajyn-hero__body{max-width:52rem;margin-top:var(--kajyn-page-title-follow-gap);color:#ffffffbd;font-size:var(--kajyn-page-support);line-height:1.55}.kajyn-hero__body p{margin:0}.kajyn-hero__grid{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr));margin:-1.2rem auto 0}.kajyn-hero__card-copy--nowrap{width:100%;max-width:100%;white-space:nowrap;text-align:center}.kajyn-hero__card-socials{display:flex;width:100%;gap:1.1rem;justify-content:center;margin-top:.6rem}.kajyn-hero__card-social-icon{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;color:#fff6}.kajyn-hero__card-social-icon svg{width:100%;height:100%}@media screen and (min-width:750px){.kajyn-hero{padding:0 0 36px}.kajyn-hero__inner{gap:clamp(5rem,8vw,9rem);padding-top:var(--kajyn-page-header-gap-tight)}.kajyn-hero__grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:1.6rem}.kajyn-hero__grid[data-cards="1"] .kajyn-hero__card,.kajyn-hero__grid[data-cards="1"] .kajyn-hero__card--disabled{flex:0 1 min(100%,48rem);border-top:1px solid rgba(255,255,255,.08)}.kajyn-hero__grid[data-cards="1"] .kajyn-hero__card-title{font-size:clamp(2.2rem,3vw,3.2rem)}.kajyn-hero__grid[data-cards="1"] .kajyn-hero__card-copy{font-size:clamp(1.3rem,1.4vw,1.6rem)}.kajyn-hero__grid[data-cards="2"] .kajyn-hero__card,.kajyn-hero__grid[data-cards="2"] .kajyn-hero__card--disabled{flex:0 1 50%;border-top:1px solid rgba(255,255,255,.08)}.kajyn-hero__grid[data-cards="3"] .kajyn-hero__card,.kajyn-hero__grid[data-cards="3"] .kajyn-hero__card--disabled{flex:0 1 calc(100% / 3);border-top:1px solid rgba(255,255,255,.08)}.kajyn-hero__body{margin-top:.72em}}@media screen and (max-width:749px){.kajyn-hero{padding:0 0 24px}.kajyn-hero__grid .kajyn-hero__card{min-height:11.8rem;align-content:center;justify-items:center;gap:.55rem;padding:1.3rem 1.4rem 1.1rem;border:1px solid var(--kajyn-mobile-card-border-strong);border-radius:0;background:var(--kajyn-mobile-card-surface-strong);text-align:center}.kajyn-hero__grid .kajyn-hero__card:not(:last-child){border-bottom:1px solid var(--kajyn-mobile-card-divider)}.kajyn-hero__grid .kajyn-hero__card-title{font-size:2.2rem;line-height:.98}.kajyn-hero__grid .kajyn-hero__card-copy{max-width:34ch;width:100%;font-size:1.24rem;line-height:1.24;text-align:center}.kajyn-hero__grid .kajyn-hero__card--disabled{opacity:1;background:var(--kajyn-mobile-card-surface)}.kajyn-hero__grid .kajyn-hero__card--disabled .kajyn-hero__card-title{color:var(--kajyn-mobile-card-disabled-title)}.kajyn-hero__grid .kajyn-hero__card--disabled .kajyn-hero__card-copy,.kajyn-hero__grid .kajyn-hero__card-status{color:var(--kajyn-mobile-card-muted)}.kajyn-hero__grid .kajyn-hero__card-status{margin-top:.14rem;font-size:.84rem}.kajyn-hero__scene{object-position:center;opacity:.68;filter:grayscale(1) contrast(1.02) brightness(.72);transform:scale(1.06)}.kajyn-hero__bg:after{background:radial-gradient(circle at center,#0000000f,#0000003d 48%,#00000094),linear-gradient(180deg,#00000029,#00000014 18%,#00000042)}.kajyn-hero__inner{gap:1.8rem;min-height:calc(100vh - var(--header-height, 80px) - 40px);min-height:calc(100dvh - var(--header-height, 80px) - 40px);padding-top:var(--kajyn-page-header-gap-mobile)}.kajyn-hero__brand{margin-bottom:var(--kajyn-page-title-follow-gap-mobile);font-size:clamp(2.6rem,7.6vw,3.6rem);letter-spacing:.065em}.kajyn-hero__eyebrow{margin-bottom:var(--kajyn-page-support-follow-gap-mobile);max-width:none;font-size:.72rem;letter-spacing:.17em;line-height:1;white-space:nowrap}.kajyn-hero__title{width:min(100%,28rem);max-width:28rem;gap:.05em;font-size:clamp(2.35rem,7.2vw,3.4rem);color:#ffffff47;letter-spacing:-.03em}.kajyn-hero__body{max-width:none;margin-top:.38rem;font-size:.98rem;line-height:1.2;color:#ffffffad;white-space:nowrap}.kajyn-hero__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.2rem}.kajyn-hero__card:first-child{grid-column:1 / -1}.kajyn-hero__grid[data-cards="2"] .kajyn-hero__card:not(:first-child),.kajyn-hero__grid[data-cards="2"] .kajyn-hero__card--disabled:not(:first-child){grid-column:1 / -1}}@media screen and (max-width:389px){.kajyn-hero__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/kajyn-hero.css.map */
