.jf-tile{--copy: 52%;--photos: 54%;position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:1190 / 485;border-radius:16px;isolation:isolate;container-type:inline-size;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.jf-tile:hover{transform:translateY(-3px)}.jf-tile:focus-visible{outline:3px solid currentColor;outline-offset:4px}@media(prefers-reduced-motion:reduce){.jf-tile,.jf-tile:hover{transition:none;transform:none}}.jf-copy{position:relative;z-index:2;display:flex;height:100%;width:var(--copy);flex-direction:column;justify-content:center;padding:4.2% 2% 4.2% 4.8%}.jf-eyebrow{display:flex;align-items:center;gap:.6em;font-size:clamp(9px,1.1cqw,13px);font-weight:700;letter-spacing:.22em;text-transform:uppercase}.jf-head{margin:.35em 0 0;max-width:24ch;font-size:clamp(20px,3.1cqw,40px);font-weight:700;line-height:1;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}.jf-head span{display:block}.jf-sub{display:block;margin:.7em 0 0;max-width:34ch;font-size:clamp(11px,1.55cqw,17px);line-height:1.45}.jf-cta{display:inline-flex;width:fit-content;align-items:center;gap:.55em;margin-top:1.1em;padding:.85em 1.55em;border-radius:40px;font-size:clamp(11px,1.45cqw,17px);font-weight:700;transition:filter .2s ease}.jf-tile:hover .jf-cta{filter:brightness(.92)}.jf-photos{position:absolute;inset:0 0 0 auto;z-index:1;display:flex;width:var(--photos);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%);mask-image:linear-gradient(90deg,transparent 0%,#000 34%)}.jf-photo{position:relative;display:block;flex:1 1 0;height:100%}.jf-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 18%}.jf-table{background:#726ef0;color:#fff}.jf-table:hover{box-shadow:0 14px 34px #2a287059}.jf-table .jf-eyebrow,.jf-table .jf-head span{color:#f7f052}.jf-table .jf-sub{color:#ecebff}.jf-table .jf-cta{background:#f7f052;color:#131210}.jf-table{--photos: 70%}.jf-table .jf-photos{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 42%);mask-image:linear-gradient(90deg,transparent 0%,#000 42%)}.jf-table .jf-photo img{object-position:55% 60%;filter:contrast(1.05) brightness(.9)}.jf-wtf{font-family:var(--jf-font-wtf, "Space Grotesk", ui-sans-serif, sans-serif);--copy: 50%;--photos: 58%;background:#f2f1ee;color:#111;box-shadow:inset 0 0 0 1px #11111114}.jf-wtf:hover{box-shadow:inset 0 0 0 1px #11111114,0 14px 34px #11111124}.jf-wtf .jf-head{text-transform:none;letter-spacing:-.02em}.jf-wtf .jf-head span{color:#7a5cff}.jf-wtf .jf-sub{color:#111c}.jf-wtf .jf-cta{background:#111;color:#fff}.jf-wtf .jf-photo img{object-position:55% 30%}.jf-wtf-mark{width:clamp(44px,7cqw,84px);height:auto}.jf-sct{color:#2b1405;background:radial-gradient(120% 150% at 100% 0%,#fff4dcd9,#fff4dc00 55%),linear-gradient(115deg,#e8680f,#f58a1f 38%,#ffb44b 68%,#ffd98a)}.jf-sct:hover{box-shadow:0 14px 34px #78370a47}.jf-sct .jf-eyebrow{color:#7a2e00}.jf-sct .jf-head span{color:#fff4dc}.jf-sct .jf-sub{color:#3a1e08}.jf-sct .jf-cta{background:#1d1b1a;color:#fff4dc}.jf-sct .jf-photo img{filter:grayscale(1) sepia(.72) hue-rotate(-12deg) saturate(2.4) contrast(1.06) brightness(1.05)}.jf-ld{--copy: 48%;background:#131210;color:#fff}.jf-ld:hover{box-shadow:0 14px 34px #00000059}.jf-ld:focus-visible{outline-color:#f7f052}.jf-ld .jf-photos{top:0;right:0;bottom:0;left:40%;z-index:0;width:auto;gap:2px;-webkit-mask-image:none;mask-image:none}.jf-ld:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#131210 34%,#13121073 50%,#1312100d 68%,#13121000 82%)}.jf-ld .jf-photo img{filter:grayscale(1) contrast(1.08);object-position:50% 20%}.jf-big{font-family:var(--jf-font-body, Poppins, ui-sans-serif, sans-serif);margin:0;color:#f7f052;font-size:clamp(34px,5.8cqw,72px);font-weight:800;line-height:.86;letter-spacing:-.03em;text-transform:uppercase}.jf-big span{display:block}.jf-big .jf-echo{color:transparent;-webkit-text-stroke:1.8px #f7f052}.jf-ld .jf-sub{margin-top:1em;color:#d9d8e0}.jf-ld .jf-cta{background:#f7f052;color:#131210}@media(max-width:1000px){.jf-tile{--copy: 56%;--photos: 48%}.jf-ld{--copy: 50%}.jf-head{font-size:clamp(18px,3.3cqw,34px)}.jf-sub{max-width:28ch}}@media(max-width:720px){.jf-tile{--copy: 100%;aspect-ratio:auto}.jf-copy{height:auto;padding:26px 24px 30px}.jf-photos{position:relative;inset:auto;width:100%;height:210px;margin-bottom:-26px;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 55%,transparent 100%)}.jf-photo img{object-position:50% 12%}.jf-ld .jf-photos{inset:auto;margin-bottom:0;-webkit-mask-image:none;mask-image:none}.jf-ld:after{background:linear-gradient(0deg,#131210 34%,#13121026 70%,#13121059)}.jf-head{max-width:none;font-size:clamp(20px,6cqw,30px)}.jf-big{font-size:42px}.jf-sub{max-width:none;font-size:15px}.jf-cta{font-size:15px}.jf-eyebrow{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/joyful-stack.css.map */