.sm-edit.sm-celebration.sm-bf-depth{position:relative;isolation:isolate;container-type:inline-size;box-sizing:border-box;width:100%;aspect-ratio:auto;height:auto;min-height:min(var(--bf-height,560px),46vw);padding:0!important;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 36%,#bd944521,transparent 52%),radial-gradient(ellipse at 90% 100%,#8d28382b,transparent 45%),var(--sm-bg,#090909)}.sm-bf-depth>.sm-edit__wrap{position:relative;z-index:2;box-sizing:border-box;max-width:none;width:100%;padding:3cqw 5cqw;display:flex;flex-direction:column;align-items:center;gap:2.2cqw;text-align:center}.sm-bf-depth .sm-edit__eyebrow{margin:0!important;font-size:min(var(--sm-label),1.05cqw);letter-spacing:.24em;line-height:1.4;color:var(--sm-highlight,var(--bf-highlight));gap:.8cqw}.sm-bf-depth .sm-edit__flag{width:1.7cqw;height:1.05cqw;min-width:0;flex-shrink:0}.sm-bf-depth__stage{width:100%;perspective:1100px}.sm-bf-depth h1.sm-bf-depth__title{position:relative;display:inline-grid;max-width:100%;margin:0!important;font-family:var(--sm-font);font-weight:900;line-height:1.13;letter-spacing:-.045em;font-size:min(calc(var(--sm-h)*1.7),10.4cqw);transform:rotateX(calc(12deg + var(--bf-ry,0deg))) rotateY(var(--bf-rx,0deg));transform-style:preserve-3d;transition:transform .22s ease-out;overflow:visible;text-wrap:balance}.sm-bf-depth__title>span{grid-area:1/1;display:block}.sm-bf-depth__back{color:#8c6124;transform:translate3d(0,var(--bf-depth),-10px);text-shadow:0 1px #b48b42,0 2px #a17a35,0 3px #92682c,0 4px #805820,0 5px #714b1e,0 6px #573a17,0 18px 20px #000,0 30px 48px #000;pointer-events:none}.sm-bf-depth__face{position:relative;color:#e4c482;background:linear-gradient(115deg,#ad7932 0%,#f3d993 18%,var(--bf-highlight) 28%,#c4903d 42%,#f6dda1 56%,var(--bf-highlight) 63%,#c69743 76%,#f5d591 100%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #fff0c0);animation:bf-depth-glint 5s ease-in-out 3}.sm-bf-depth .sm-celebration__text{margin:0!important;max-width:65%;font-size:min(var(--sm-body),1.45cqw);line-height:1.6;color:var(--sm-ink)}.sm-bf-depth .sm-edit__cta{margin:0;min-height:0;border-radius:100px;padding:1.05cqw 2.1cqw;font-size:min(var(--sm-button),1.3cqw);line-height:1.4;background:var(--bf-button,#8d2838);color:var(--sm-button-text,#fff7e8);border:1px solid #c39b56;box-shadow:0 8px 30px #0008,inset 0 1px #ffffff24;gap:1.5cqw}.sm-bf-depth .sm-edit__cta svg{width:2.1cqw;height:2.1cqw}.sm-bf-depth .sm-edit__cta:hover{filter:brightness(1.12);box-shadow:0 8px 35px #8d28384d}.sm-bf-depth .sm-edit__cta:focus-visible{outline:2px solid var(--bf-highlight);outline-offset:5px}.sm-bf-depth__halo{position:absolute;width:70%;height:55%;left:15%;top:8%;border:1px solid #bd944522;border-radius:50%;transform:rotate(-13deg);box-shadow:0 0 70px #bd944508,inset 0 0 70px #bd944508;pointer-events:none;z-index:0}.sm-bf-depth__halo:after{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;border:1px solid #bd94451c;border-radius:50%;transform:rotate(24deg)}.sm-bf-depth__frame{position:absolute;top:1.4cqw;right:1.4cqw;bottom:1.4cqw;left:1.4cqw;border:1px solid #bd944540;pointer-events:none;z-index:1}.sm-bf-depth__frame:before,.sm-bf-depth__frame:after{content:"";position:absolute;width:3cqw;height:3cqw;border-color:#d4b270;border-style:solid}.sm-bf-depth__frame:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.sm-bf-depth__frame:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.sm-bf-depth .sm-celebration__canvas{z-index:1}@keyframes bf-depth-glint{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media(max-width:749px){.sm-bf-depth>.sm-edit__wrap{gap:2.5cqw;padding:4cqw 6cqw}.sm-bf-depth .sm-edit__eyebrow{font-size:min(var(--sm-label-m),2cqw);letter-spacing:.13em}.sm-bf-depth .sm-edit__flag{width:3cqw;height:1.9cqw}.sm-bf-depth h1.sm-bf-depth__title{font-size:min(calc(var(--sm-hm)*1.2),9.3cqw)}.sm-bf-depth .sm-celebration__text{font-size:min(var(--sm-body-m),2.6cqw);max-width:85%;line-height:1.4}.sm-bf-depth .sm-edit__cta{font-size:min(var(--sm-button-m),2.7cqw);padding:2cqw 4cqw;gap:3cqw;min-height:36px}.sm-bf-depth .sm-edit__cta svg{width:4cqw;height:4cqw}.sm-bf-depth__back{transform:translate3d(0,calc(var(--bf-depth)*.5),-5px);text-shadow:0 1px #b48b42,0 2px #805820,0 3px #573a17,0 10px 15px #000}}@media(prefers-reduced-motion:reduce){.sm-bf-depth__face{animation:none}.sm-bf-depth h1.sm-bf-depth__title{transition:none;transform:none}}.sm-bf-depth[data-bf-depth=false] .sm-bf-depth__face{animation:none}@media(forced-colors:active){.sm-bf-depth__face{-webkit-text-fill-color:CanvasText;background:none;filter:none}.sm-bf-depth__back{display:none}}.sm-bf-depth>.sm-edit__wrap{gap:clamp(12px,1.7cqw,24px);padding:28px 5cqw}.sm-bf-depth .sm-celebration__canvas{contain:strict}.sm-bf-depth.is-motion-paused .sm-bf-depth__face{animation-play-state:paused}@media(max-width:749px){.sm-edit.sm-celebration.sm-bf-depth{min-height:var(--bf-height-m,200px)}.sm-bf-depth>.sm-edit__wrap{padding:18px 6cqw;gap:10px}.sm-bf-depth .sm-edit__eyebrow{font-size:10px}.sm-bf-depth .sm-celebration__text{font-size:12px}.sm-bf-depth .sm-edit__cta{font-size:12px;min-height:40px;padding:8px 16px}}.sm-bf-depth[data-bf-depth=true] .sm-bf-depth__stage{animation:bf-title-breathe 4.8s ease-in-out infinite;transform-origin:50% 55%}.sm-bf-depth h1.sm-bf-depth__title{transform:rotateX(calc(10deg + var(--bf-ry,0deg))) rotateY(var(--bf-rx,0deg)) translate3d(var(--bf-tx,0px),var(--bf-ty,0px),0);transition:transform .3s ease-out}.sm-bf-depth__face{background-image:linear-gradient(112deg,#85501f,#ddb76c 15%,#fff3c9 27%,#c7933f 40%,#fff7da 52%,#b57b2d 67%,#f8d58c 83%,#fff0bd);animation:bf-depth-glint 6s ease-in-out infinite;-webkit-text-stroke:.35px #e8c47e}.sm-bf-depth__back{text-shadow:0 1px #c89f51,0 2px #b58a40,0 3px #9d7330,0 4px #895f26,0 5px #77501d,0 6px #644018,0 7px #553415,0 8px #442811,0 16px 16px #000,0 28px 36px #000a}@keyframes bf-title-breathe{0%,to{transform:translateY(2px) scale(.97) rotate(-.4deg)}50%{transform:translateY(-5px) scale(1.035) rotate(.4deg)}}.sm-bf-depth.is-motion-paused .sm-bf-depth__stage,.sm-bf-depth.is-motion-paused .sm-bf-depth__face{animation-play-state:paused}.sm-bf-depth.is-motion-disabled .sm-bf-depth__stage,.sm-bf-depth.is-motion-disabled .sm-bf-depth__face{animation:none}@media(max-width:749px){.sm-bf-depth[data-bf-depth=true] .sm-bf-depth__stage{animation-duration:6s}.sm-bf-depth__face{animation:none}}@media(prefers-reduced-motion:reduce){.sm-bf-depth[data-bf-depth=true] .sm-bf-depth__stage,.sm-bf-depth__face{animation:none}.sm-bf-depth h1.sm-bf-depth__title{transform:none;transition:none}}.sm-bf-depth h1.sm-bf-depth__title{font-size:min(var(--bf-title-size,180px),12.4cqw);line-height:1.04;letter-spacing:-.045em;max-width:100%;overflow-wrap:anywhere}.sm-bf-depth__word{display:inline}.sm-bf-depth>.sm-edit__wrap{padding:42px 5cqw;gap:clamp(18px,2cqw,30px)}.sm-bf-depth .sm-celebration__text{max-width:560px;font-size:clamp(12px,1.1cqw,16px)}.sm-bf-depth .sm-edit__eyebrow{font-size:clamp(10px,1cqw,13px)}@media(max-width:749px){.sm-edit.sm-celebration.sm-bf-depth{background:radial-gradient(ellipse at 50% 40%,#bd944523,transparent 57%),radial-gradient(ellipse at 50% 100%,#8d28382a,transparent 45%),var(--sm-bg,#090909)}.sm-bf-depth>.sm-edit__wrap{padding:30px 8cqw 28px;gap:20px}.sm-bf-depth h1.sm-bf-depth__title{font-size:min(var(--bf-title-size-m,86px),22cqw);line-height:.98;letter-spacing:-.045em}.sm-bf-depth__word{display:block}.sm-bf-depth__word+.sm-bf-depth__word{margin-top:.06em}.sm-bf-depth__stage{perspective:750px}.sm-bf-depth[data-bf-depth=true] .sm-bf-depth__stage{animation-name:bf-mobile-breathe;animation-duration:5.5s}.sm-bf-depth .sm-edit__eyebrow{font-size:10px;letter-spacing:.22em}.sm-bf-depth .sm-celebration__text{font-size:12px;line-height:1.55;max-width:30ch}.sm-bf-depth .sm-edit__cta{min-height:44px;width:min(100%,280px);justify-content:center;font-size:13px;padding:12px 20px}.sm-bf-depth__halo{width:80%;height:65%;left:10%;top:13%;transform:rotate(-23deg)}.sm-bf-depth__frame{top:10px;right:10px;bottom:10px;left:10px}}@keyframes bf-mobile-breathe{0%,to{transform:translateY(2px) scale(.98)}50%{transform:translateY(-3px) scale(1.025)}}@media(prefers-reduced-motion:reduce){.sm-bf-depth[data-bf-depth=true] .sm-bf-depth__stage{animation:none}}.sm-bf-depth.is-motion-disabled[data-bf-depth] .sm-bf-depth__stage,.sm-bf-depth.is-motion-disabled .sm-bf-depth__face{animation:none}.sm-bf-depth h1.sm-bf-depth__title{font-size:min(var(--bf-title-size,180px),10.5cqw);font-weight:800;letter-spacing:-.025em;line-height:1.12;width:max-content;max-width:100%}.sm-bf-depth__title>.sm-bf-depth__back,.sm-bf-depth__title>.sm-bf-depth__face{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:.24em;row-gap:.12em}.sm-bf-depth .sm-bf-depth__word{display:block;margin:0;min-width:0}.sm-bf-depth__back{transform:translate3d(0,calc(var(--bf-depth)*.65),-6px);text-shadow:0 1px #b58a40,0 2px #9d7330,0 3px #895f26,0 4px #644018,0 5px #442811,0 12px 18px #000a}.sm-bf-depth__face{-webkit-text-stroke:.15px #e8c47e}.sm-bf-depth>.sm-edit__wrap{gap:clamp(22px,2.6cqw,38px)}@media(max-width:749px){.sm-bf-depth h1.sm-bf-depth__title{font-size:min(var(--bf-title-size-m,86px),20cqw);line-height:1.1;letter-spacing:-.02em}.sm-bf-depth__title>.sm-bf-depth__back,.sm-bf-depth__title>.sm-bf-depth__face{flex-direction:column;flex-wrap:nowrap;gap:.1em}.sm-bf-depth>.sm-edit__wrap{gap:24px}.sm-bf-depth__back{transform:translate3d(0,calc(var(--bf-depth)*.4),-4px);text-shadow:0 1px #b58a40,0 2px #895f26,0 3px #644018,0 8px 14px #000a}}.sm-bf-depth h1.sm-bf-depth__title{font-size:min(calc(var(--bf-title-size,180px)*1.18),12cqw);font-weight:900;line-height:1.06;letter-spacing:-.025em}.sm-bf-depth>.sm-edit__wrap{padding-inline:4cqw}.sm-bf-depth__title>.sm-bf-depth__back,.sm-bf-depth__title>.sm-bf-depth__face{column-gap:.24em}.sm-bf-depth__face{background-image:linear-gradient(112deg,#986120,#e6bd66 16%,#fff8de 27%,#d1a14a,#fff7d4 51%,#b77d29 66%,#f9d982 82%,#fff2bc);filter:drop-shadow(0 1px 0 #fff2c3) drop-shadow(0 0 12px #d3a64c25);-webkit-text-stroke:.25px #f0ce88}.sm-bf-depth__back{text-shadow:0 1px #d2aa60,0 2px #ba8f43,0 3px #a47a34,0 4px #8d6428,0 5px #734f1e,0 6px #503315,0 14px 20px #000c}@media(max-width:749px){.sm-bf-depth h1.sm-bf-depth__title{font-size:min(calc(var(--bf-title-size-m,86px)*1.15),22.5cqw);line-height:1.05}.sm-bf-depth>.sm-edit__wrap{padding:26px 6cqw;gap:20px}.sm-bf-depth__face{filter:drop-shadow(0 1px 0 #fff2c3)}.sm-bf-depth__back{text-shadow:0 1px #c59a4f,0 2px #a47a34,0 3px #734f1e,0 9px 15px #000b}}@media(forced-colors:active){.sm-bf-depth__face{background:none;filter:none;-webkit-text-stroke:0;-webkit-text-fill-color:CanvasText}}.sm-bf-depth__title>.sm-bf-depth__middle{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:.24em;row-gap:.12em;color:#b38436;pointer-events:none;transform:translate3d(0,calc(var(--bf-depth)*.38),0);text-shadow:0 1px #edca7d,0 2px #a7762b,0 3px #80531e}.sm-bf-depth__title>.sm-bf-depth__face{transform:translateZ(8px)}.sm-bf-depth__title>.sm-bf-depth__back{transform:translate3d(var(--bf-shadow-x,0px),calc(var(--bf-depth)*.85),-12px);text-shadow:0 1px #c39346,0 2px #a6752c,0 3px #895b22,0 4px #71491a,0 5px #573713,0 6px #42280e,0 18px 22px #000c;transition:transform .3s ease-out}.sm-bf-depth.is-pointer-active .sm-bf-depth__face{animation:none;background-position:var(--bf-light,50%) 50%}@keyframes bf-title-breathe{0%,to{transform:translateY(2px) scale(.98) rotate(-.35deg)}50%{transform:translateY(-5px) scale(1.035) rotate(.35deg)}}@media(max-width:749px){.sm-bf-depth__title>.sm-bf-depth__middle{flex-direction:column;flex-wrap:nowrap;gap:.1em;transform:translate3d(0,calc(var(--bf-depth)*.2),0);text-shadow:0 1px #dcb566,0 2px #80531e}.sm-bf-depth__title>.sm-bf-depth__face{transform:translateZ(3px)}.sm-bf-depth__title>.sm-bf-depth__back{transform:translate3d(0,calc(var(--bf-depth)*.5),-6px);text-shadow:0 1px #b38436,0 2px #895b22,0 3px #573713,0 10px 16px #000c}}@media(prefers-reduced-motion:reduce){.sm-bf-depth__title>.sm-bf-depth__back{transition:none}}@media(forced-colors:active){.sm-bf-depth__middle{display:none!important}}.sm-bf-depth h1.sm-bf-depth__title{font-size:min(calc(var(--bf-title-size,180px)*1.35),13.2cqw)}.sm-bf-depth>.sm-edit__wrap{padding-inline:3cqw}@media(max-width:749px){.sm-bf-depth h1.sm-bf-depth__title{font-size:min(calc(var(--bf-title-size-m,86px)*1.3),24cqw)}.sm-bf-depth>.sm-edit__wrap{padding-inline:4cqw}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/bf4-celebration-depth.css.map */