.spellbound-feature{--sf-ink: #19141f;--sf-paper: #e7dded;--sf-purple: #b4a0d7;--sf-cream: #ebe8d6;--sf-body-copy: #574b61;--sf-gold: #ceb879;--sf-panel: radial-gradient(ellipse at 48% 42%, #faf7fc, #eee7f3);--sf-bg: var(--sf-paper);--sf-text: var(--sf-ink);--sf-eyebrow: var(--sf-body-copy);--sf-copy: var(--sf-body-copy);--sf-accent: #6e5a80;--sf-note: #557629;--sf-signoff: #557629;--sf-frame-bg: #19121f;--sf-video-bg: #21172d;--sf-focus: #7b487f;--sf-control-bg: #19141fb3;--sf-control-fg: #f3edf7;font-family:urw-din,Arial,sans-serif;font-size:16px;line-height:1.55;font-synthesis:none;-webkit-font-smoothing:antialiased}.spellbound-feature *{box-sizing:border-box}.spellbound-feature :is(h2,h3,p,figure){margin:0}.spellbound-feature :is(h2,h3){font-family:espiritu,Georgia,serif;font-weight:400;letter-spacing:-.035em;color:inherit;word-break:normal}.spellbound-feature img,.spellbound-feature video,.spellbound-feature svg{max-width:100%}.spellbound-feature a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}.spellbound-feature [hidden]{display:none!important}.spellbound-feature [data-theme]{color:var(--sf-text);background:var(--sf-bg)}.spellbound-feature [data-theme=plum]{--sf-bg: radial-gradient(ellipse at 76% 52%, #493451 0, #2e2039 36%, #23172f 72%);--sf-text: #eee8dc;--sf-eyebrow: #d7cbe0;--sf-copy: #eee8dc;--sf-accent: #c4acd9;--sf-note: #c9dda9;--sf-signoff: #ccedb6;--sf-focus: #ccedb6}.spellbound-feature [data-theme=black]{--sf-bg: #0c0c0c;--sf-text: #ece5d8;--sf-eyebrow: #ccedb6;--sf-copy: #c9c1cd;--sf-accent: #c4acd9;--sf-note: #c9dda9;--sf-signoff: #ccedb6;--sf-frame-bg: #141016;--sf-video-bg: #141016;--sf-focus: #ccedb6}.spellbound-feature [data-theme=paper]{--sf-bg: var(--sf-paper)}.spellbound-feature [data-theme=lavender]{--sf-bg: #c9b8dc;--sf-text: #221729;--sf-eyebrow: #4a3a58;--sf-copy: #3b2f45;--sf-accent: #5c3f78;--sf-note: #3f5a1f;--sf-signoff: #3f5a1f}.spellbound-feature .sf-eyebrow{color:var(--sf-eyebrow);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.16em;text-transform:uppercase}.spellbound-feature .sf-body{color:var(--sf-copy)}.spellbound-feature .sf-body>:first-child{margin-top:0}.spellbound-feature .sf-body>:last-child{margin-bottom:0}.spellbound-feature .sf-body p{margin:0 0 1em}.spellbound-feature .sf-body strong{font-weight:600}.spellbound-feature :is(a,button,summary){-webkit-tap-highlight-color:transparent}.spellbound-feature :is(a,button,summary):focus:not(:focus-visible){outline:none;box-shadow:none}.spellbound-feature :is(a,button):focus-visible{outline:3px solid var(--sf-focus);outline-offset:4px}.spellbound-feature .sf-placeholder{display:block;width:100%;height:auto;aspect-ratio:2 / 3;background:#d9cfe2;fill:#8d7d9c}.spellbound-feature .sf-empty{margin:0;padding:24px;text-align:center;font-size:14px;color:var(--sf-copy)}.spellbound-feature .sf-media{--sf-media-max: 360px;isolation:isolate}.spellbound-feature .sf-media-inner{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;gap:32px;max-width:1320px;margin:0 auto;padding:0 24px;text-align:center}.spellbound-feature .sf-media-copy{width:100%;max-width:490px}.spellbound-feature .sf-media h2{margin:14px 0 18px;font-size:clamp(42px,11vw,60px);line-height:1.03;text-wrap:balance}.spellbound-feature .sf-media h2 em{color:var(--sf-accent);font-style:normal}.spellbound-feature .sf-media .sf-body{max-width:410px;margin:0 auto;font-size:16px;line-height:1.65}.spellbound-feature .sf-media-note{margin-top:16px;font-size:15px;line-height:1.6;color:var(--sf-note)}.spellbound-feature .sf-media-signoff{display:block;margin-top:14px;font-size:12px;letter-spacing:.03em;color:var(--sf-signoff)}.spellbound-feature .sf-media-visual{width:100%;max-width:min(var(--sf-media-max),100%);min-width:0;justify-self:center}.spellbound-feature .sf-media[data-media-position=left] .sf-media-visual{order:-1}.spellbound-feature .sf-media-frame{position:relative;width:100%}.spellbound-feature .sf-media-image{display:block;width:100%;height:auto}.spellbound-feature .sf-media-video{display:block;width:100%;height:auto;aspect-ratio:9 / 16;object-fit:contain;background:var(--sf-video-bg);border-radius:14px;box-shadow:0 18px 50px #100b1926}.spellbound-feature .sf-media-visual[data-frame=gold-tilt] .sf-media-frame{padding:10px;border:1px solid var(--sf-gold);outline:1px solid #ceb87950;outline-offset:7px;background:var(--sf-frame-bg);transform:rotate(-2deg);box-shadow:0 18px 45px #0004}.spellbound-feature .sf-media-visual[data-frame=gold-tilt] .sf-media-video,.spellbound-feature .sf-media-visual[data-frame=gold-tilt] .sf-placeholder{border-radius:0;box-shadow:none}.spellbound-feature .sf-playback{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--sf-control-bg);color:var(--sf-control-fg);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .15s}.spellbound-feature .sf-playback:hover{background:#19141fe6}.spellbound-feature .sf-playback:focus-visible{outline:2px solid var(--sf-control-fg);outline-offset:2px}.spellbound-feature .sf-playback svg{width:16px;height:16px;fill:currentColor;pointer-events:none}.spellbound-feature .sf-playback .sf-play-icon{display:none;margin-left:2px}.spellbound-feature .sf-playback[data-playing=false] .sf-play-icon{display:block}.spellbound-feature .sf-playback[data-playing=false] .sf-pause-icon{display:none}.spellbound-feature .sf-media-visual[data-frame=gold-tilt] .sf-playback{right:20px;bottom:20px}@media(min-width:760px){.spellbound-feature .sf-media-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);padding:0 6%;text-align:left}.spellbound-feature .sf-media-copy{max-width:570px}.spellbound-feature .sf-media[data-media-position=right] .sf-media-copy{justify-self:end}.spellbound-feature .sf-media[data-media-position=left] .sf-media-copy{justify-self:start}.spellbound-feature .sf-media h2{margin:22px 0 26px;font-size:clamp(48px,5.6vw,84px);line-height:1.01}.spellbound-feature .sf-media .sf-body{max-width:450px;margin:0;font-size:18px;line-height:1.7}.spellbound-feature .sf-media-note{margin-top:22px;font-size:17px}.spellbound-feature .sf-media-visual[data-frame=gold-tilt] .sf-media-frame{transform:rotate(-3deg)}}.spellbound-feature .sf-cards{--sf-cols: 3}.spellbound-feature .sf-cards-inner{max-width:1450px;margin:0 auto;padding:0 20px}.spellbound-feature .sf-cards-heading{max-width:800px;margin:0 auto 30px;text-align:center}.spellbound-feature .sf-cards h2{margin:12px 0;font-size:clamp(35px,8vw,56px);line-height:1.1;letter-spacing:-.025em}.spellbound-feature .sf-cards h2 em{color:var(--sf-accent);font-style:normal}.spellbound-feature .sf-cards-heading .sf-body{font-size:17px}.spellbound-feature .sf-cards-grid{display:grid;gap:28px}.spellbound-feature .sf-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:18px;align-items:center;min-width:0}.spellbound-feature .sf-card-image{aspect-ratio:1 / 1;overflow:hidden;border-radius:18px;background:var(--sf-panel)}.spellbound-feature .sf-card-image img,.spellbound-feature .sf-card-image .sf-placeholder{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:transparent}.spellbound-feature .sf-card-label{margin-bottom:6px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--sf-copy)}.spellbound-feature .sf-card h3{margin-bottom:9px;font-size:clamp(23px,6.5vw,32px);line-height:1.1}.spellbound-feature .sf-card .sf-body{font-size:14px;line-height:1.5}@media(min-width:760px){.spellbound-feature .sf-cards-inner{padding:0 5%}.spellbound-feature .sf-cards-heading{margin-bottom:38px}.spellbound-feature .sf-cards-grid{grid-template-columns:repeat(var(--sf-cols),minmax(0,1fr));gap:32px 28px}.spellbound-feature .sf-card{display:block}.spellbound-feature .sf-card-copy{padding-top:22px}.spellbound-feature .sf-card-label{font-size:11px}.spellbound-feature .sf-card h3{font-size:34px}.spellbound-feature .sf-card .sf-body{max-width:300px;font-size:16px}}.spellbound-feature .sf-terms{max-width:1440px;margin:0 auto;padding-left:24px;padding-right:24px;color:var(--sf-copy);background:var(--sf-paper);font-size:13px;line-height:1.7;scroll-margin-top:180px}.spellbound-feature .sf-terms:focus-visible{outline:2px solid #574374;outline-offset:-2px}.spellbound-feature .sf-terms h2{margin-bottom:8px;font:600 14px/1.4 urw-din,Arial,sans-serif;letter-spacing:0;color:var(--sf-ink)}.spellbound-feature .sf-terms .sf-body{font-size:inherit}.spellbound-feature .sf-terms .sf-body p{max-width:1000px}.spellbound-feature .sf-terms .sf-body strong{font-weight:600;color:var(--sf-ink)}@media(min-width:760px){.spellbound-feature .sf-terms{padding-left:6%;padding-right:6%}}.spellbound-feature.sf-terms-section{background:var(--sf-paper)}@media(prefers-reduced-motion:reduce){.spellbound-feature *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/spellbound-feature.css.map */