.bfx{--sun:#FFC423;--ink:#0B0B0C;--lx:68%;--ly:50%;--lw:min(560px,44vw);
  position:relative;overflow:hidden;isolation:isolate;min-height:clamp(540px,64vh,660px);background:#07070A;
  color:#fff;font-family:var(--body,"Figtree",system-ui,sans-serif);touch-action:pan-y}


.bfx-world{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.bfx-wall{position:absolute;inset:-25% -12%;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:10px;padding:10px;
  transform:rotate(-8deg) scale(1.15)}
@keyframes bfx-drift{from{transform:rotate(-8deg) scale(1.15) translate3d(0,0,0)}to{transform:rotate(-8deg) scale(1.15) translate3d(-6%,-10%,0)}}
.bfx-tile{position:relative;display:grid;place-items:center;aspect-ratio:3/2;border-radius:8px;background:#ECECEC;pointer-events:auto}
.bfx-tile img{opacity:0;transition:opacity .6s ease}.bfx-tile img.is-in{opacity:1}
.bfx-tile img{width:86%;height:auto;mix-blend-mode:multiply}
.bfx-tag{position:absolute;left:7px;top:7px;padding:4px 7px;border-radius:3px;background:var(--sun);color:#111;font:800 11px/1 var(--body,system-ui)}
.bfx-glare .bfx-wall{filter:blur(6px) saturate(.4) brightness(.55) contrast(.8);opacity:.75}
.bfx-glare .bfx-tag{background:#d9a300}
.bfx-sun{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 84% 14%,#fff 0,#FFF3C4 3%,rgba(255,214,90,.95) 8%,rgba(255,196,35,.75) 16%,rgba(255,140,0,.38) 30%,rgba(255,120,0,.12) 48%,transparent 66%),
    radial-gradient(circle at 63% 47%,rgba(255,196,35,.22) 0,rgba(255,196,35,.22) 3.2%,transparent 3.6%),
    radial-gradient(circle at 52% 62%,transparent 0,transparent 6%,rgba(255,196,35,.16) 6.4%,rgba(255,196,35,.16) 7%,transparent 7.4%),
    radial-gradient(circle at 44% 74%,rgba(255,160,40,.14) 0,rgba(255,160,40,.14) 1.6%,transparent 1.9%),
    linear-gradient(222deg,transparent 30%,rgba(255,214,90,.10) 38%,transparent 46%);
  }
@keyframes bfx-flare{50%{opacity:.82;filter:brightness(1.12)}}

.bfx-shade{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(7,7,10,.94) 0,rgba(7,7,10,.82) 30%,rgba(7,7,10,.25) 58%,transparent 72%)}
.bfx-clear{z-index:1;
  -webkit-mask-image:var(--lens);mask-image:var(--lens);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:var(--lw) auto;mask-size:var(--lw) auto;
  -webkit-mask-position:var(--mx,60%) var(--my,40%);mask-position:var(--mx,60%) var(--my,40%)}
.bfx-clear .bfx-wall{filter:saturate(1.3) contrast(1.06)}

.bfx-clear::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(118deg,transparent 0 28%,rgba(255,255,255,.22) 34%,transparent 41%,transparent 58%,rgba(255,255,255,.12) 62%,transparent 66%)}

.bfx-clear::after{content:"";position:absolute;inset:0;background:var(--tint) no-repeat;background-size:var(--lw) calc(var(--lw) * var(--fr));background-position:var(--mx,60%) var(--my,40%)}
.bfx-frame{position:absolute;z-index:2;left:0;top:0;width:var(--lw);height:auto;pointer-events:none;
  transform:translate(var(--mx,60vw),var(--my,200px));filter:drop-shadow(0 18px 22px rgba(0,0,0,.6))}


.bfx-in{position:relative;z-index:3;max-width:1440px;margin:0 auto;padding:clamp(32px,5vw,72px) clamp(16px,3vw,40px);pointer-events:none}
.bfx-copy{max-width:640px;pointer-events:none}
.bfx-copy a{pointer-events:auto;cursor:pointer}
.bfx-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:7px 14px 7px 12px;border-radius:999px;
  background:var(--sun);color:#111;font:700 13px/1 var(--body,system-ui)}
.bfx-dot{width:8px;height:8px;border-radius:50%;background:#111;animation:bfx-pulse 1.8s infinite}
@keyframes bfx-pulse{70%{box-shadow:0 0 0 9px rgba(255,196,35,0)}0%{box-shadow:0 0 0 0 rgba(255,196,35,.7)}}
.bfx-h{margin:0;font:800 clamp(30px,3.6vw,52px)/1.02 var(--body,system-ui);letter-spacing:-.025em;color:#fff}
.bfx-h span{display:block}
.bfx-big{display:flex;align-items:flex-end;gap:12px;margin:18px 0 0}
.bfx-upto,.bfx-off{font:800 clamp(18px,2vw,26px)/1.02 var(--body,system-ui);padding-bottom:.55em}
.bfx-num{display:inline-flex;align-items:flex-start;color:var(--ink);font:900 clamp(110px,13vw,200px)/.82 var(--body,system-ui);
  letter-spacing:-.065em;font-variant-numeric:tabular-nums;filter:drop-shadow(0 0 30px rgba(255,170,0,.35))}

.bfx-dig{display:inline-block;height:.82em;overflow:hidden}
.bfx-reel{display:flex;flex-direction:column;will-change:transform}
.bfx-reel span{display:block;height:.82em;line-height:.82;color:var(--sun)}
.bfx-pc{font-size:.42em;line-height:1;margin:.05em 0 0 .04em;letter-spacing:0;color:#fff}
.bfx-sub{margin:14px 0 0;max-width:30em;font:500 16px/1.5 var(--body,system-ui);color:#C9CBC6}
.bfx-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:22px}
.bfx-btn{display:inline-flex;align-items:center;height:54px;padding:0 32px;border-radius:4px;background:var(--sun);color:#111;
  font:800 16px/1 var(--body,system-ui);text-decoration:none;box-shadow:0 0 0 0 rgba(255,196,35,.5),0 12px 30px -8px rgba(255,170,0,.55);transition:transform .15s ease}
.bfx-btn:hover{transform:translateY(-2px)}
.bfx-chips{display:flex;flex-wrap:wrap;gap:8px}
.bfx-chip{display:inline-grid;place-items:center;min-width:54px;height:38px;padding:0 10px;border-radius:4px;background:transparent;border:1.5px solid rgba(255,196,35,.75);
  color:var(--sun);font:800 14px/1 var(--body,system-ui);text-decoration:none;transition:background .15s ease,color .15s ease}
.bfx-chip:hover{background:var(--sun);color:#111}
.bfx a:focus-visible{outline:3px solid #fff;outline-offset:3px}
.bfx-hint{position:absolute;z-index:3;right:clamp(16px,3vw,40px);top:18px;margin:0;font:600 12px/1 var(--body,system-ui);color:#8A8D88;
  transition:opacity .4s ease}
.bfx.is-used .bfx-hint{opacity:0}
.bfx-hint-t{display:none}
@media(pointer:coarse){.bfx-hint-m{display:none}.bfx-hint-t{display:inline}}

@media(max-width:899px){
  .bfx{--lw:84vw;min-height:0;cursor:auto}
  .bfx-in{padding-top:calc(84vw * var(--fr) + 128px)!important;padding-bottom:30px}
  .bfx-sun{background:radial-gradient(circle at 88% 6%,#fff 0,#FFF3C4 3%,rgba(255,214,90,.9) 9%,rgba(255,196,35,.62) 19%,rgba(255,140,0,.3) 36%,transparent 60%),
    radial-gradient(circle at 30% 36%,rgba(255,196,35,.18) 0,rgba(255,196,35,.18) 4%,transparent 4.6%)}
  .bfx-shade{background:linear-gradient(180deg,transparent 0,transparent 30%,rgba(7,7,10,.86) 46%,rgba(7,7,10,.94) 100%)}
  .bfx-wall{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;inset:-10% -30% 30% -30%}
  .bfx-eyebrow{margin-bottom:12px}
  .bfx-h{font-size:clamp(28px,8vw,36px)}
  .bfx-big{margin-top:10px;gap:8px}
  .bfx-num{font-size:clamp(104px,31vw,150px)}
  .bfx-upto,.bfx-off{font-size:18px}
  .bfx-sub{font-size:15px;margin-top:10px}
  .bfx-act{flex-direction:column;align-items:stretch;gap:12px}
  .bfx-btn{justify-content:center;height:56px}
  .bfx-chips{flex-wrap:nowrap;justify-content:space-between}
  .bfx-chip{flex:1 1 0;min-width:0}
  .bfx-hint{left:auto;right:16px;top:calc(84vw * var(--fr) + 64px);bottom:auto;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
}
@media(prefers-reduced-motion:reduce){.bfx-wall,.bfx-dot,.bfx-sun{animation:none}}

.be-home .bfx~.campaign{display:none!important}


.bfx-pick{position:absolute;z-index:4;left:0;top:0;display:flex;align-items:center;gap:10px;max-width:min(92vw,520px);
  padding:9px 10px 9px 9px;border-radius:999px;background:rgba(10,10,12,.86);border:1px solid rgba(255,196,35,.45);
  color:#fff;text-decoration:none;font:600 13px/1.2 var(--body,system-ui);white-space:nowrap;cursor:pointer;
  transform:translate(calc(var(--mx,60vw) + var(--lw) / 2 - 50%),calc(var(--my,200px) + var(--lw) * var(--fr) + 14px));
  background:rgba(10,10,12,.94);box-shadow:0 10px 30px -10px rgba(0,0,0,.7)}
.bfx-pick[hidden]{display:none}
.bfx-pick-t{flex:none;padding:4px 7px;border-radius:999px;background:var(--sun);color:#111;font-weight:800;font-size:12px}
.bfx-pick-n{overflow:hidden;text-overflow:ellipsis;min-width:0}
.bfx-pick-p{flex:none;color:var(--sun);font-weight:800}
.bfx-pick-go{flex:none;padding:5px 10px;border-radius:999px;background:#fff;color:#111;font-weight:800;font-size:12px}
.bfx-pick:hover .bfx-pick-go{background:var(--sun)}
.bfx-pick.is-swap .bfx-pick-n,.bfx-pick.is-swap .bfx-pick-p,.bfx-pick.is-swap .bfx-pick-t{animation:bfx-swap .3s ease}
@keyframes bfx-swap{from{opacity:0;transform:translateY(4px)}}
@media(max-width:899px){.bfx-pick{font-size:12px;gap:8px}.bfx-hint{display:none}}


.bfx-frame{transition:opacity .18s ease,scale .25s cubic-bezier(.2,.9,.3,1.3)}
.bfx.is-swapping .bfx-frame{opacity:0;scale:.92}
.bfx-pairs{position:absolute;z-index:5;right:clamp(16px,3vw,40px);bottom:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;max-width:min(560px,52%)}
.bfx-pairs-l{color:#C9CBC6;font:600 12px/1 var(--body,system-ui);margin-right:2px}
.bfx-sw{display:grid;place-items:center;width:66px;height:42px;padding:5px;border-radius:8px;border:1.5px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.07);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.bfx-sw img{width:100%;height:auto}
.bfx-sw:hover{transform:translateY(-2px);border-color:rgba(255,196,35,.6)}
.bfx-sw.is-on{border-color:var(--sun);background:rgba(255,196,35,.14)}
.bfx-sw:focus-visible{outline:2px solid var(--sun);outline-offset:2px}
.bfx-wear{flex-basis:100%;text-align:right;color:#C9CBC6;font:500 12px/1.3 var(--body,system-ui);text-decoration:none}
.bfx-wear b{color:#fff;font-weight:700}.bfx-wear span{color:var(--sun);font-weight:800}.bfx-wear i{font-style:normal;color:#C9CBC6}
.bfx-wear:hover b{text-decoration:underline;text-underline-offset:3px}
@media(max-width:899px){
  .bfx-pairs{left:16px;right:16px;top:12px;bottom:auto;max-width:none;justify-content:center;gap:6px}
  .bfx-pairs-l,.bfx-wear{display:none}
  .bfx-sw{width:58px;height:36px}
  .bfx-in{padding-top:calc(84vw * var(--fr) + 168px)!important}
}


.bfx-zoom{position:absolute;inset:0;transform:scale(1.045);transform-origin:var(--cx,60%) var(--cy,40%)}
.bfx-sunref{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(circle at 84% 14%,rgba(255,250,225,.75) 0,rgba(255,214,120,.35) 7%,rgba(255,180,60,.12) 18%,transparent 34%)}
.bfx-shine{position:absolute;z-index:3;left:0;top:0;width:var(--lw);height:calc(var(--lw) * var(--fr));pointer-events:none;
  transform:translate(var(--mx,60vw),var(--my,200px));
  -webkit-mask-image:var(--frame);mask-image:var(--frame);-webkit-mask-size:100% 100%;mask-size:100% 100%;
  background:linear-gradient(105deg,transparent 0 40%,rgba(255,255,255,.55) 47%,rgba(255,240,200,.25) 50%,transparent 57%) no-repeat;
  background-size:260% 100%;background-position:var(--shx,50%) 0;opacity:.55}
.bfx-shadow{position:absolute;z-index:1;left:0;top:0;width:var(--lw);height:calc(var(--lw) * .18);pointer-events:none;border-radius:50%;
  background:radial-gradient(closest-side,rgba(0,0,0,.5),rgba(0,0,0,.22) 50%,rgba(0,0,0,.08) 75%,transparent);
  transform:translate(var(--mx,60vw),calc(var(--my,200px) + var(--lw) * var(--fr) + 26px)) scale(.85)}
.bfx.is-swapping .bfx-shine{opacity:0}
@media(prefers-reduced-motion:reduce){.bfx-zoom{transform:none}}


.bfx-grab{position:absolute;z-index:4;left:0;top:0;width:calc(var(--lw) + 48px);height:calc(var(--lw) * var(--fr) + 48px);
  transform:translate(calc(var(--mx,60vw) - 24px),calc(var(--my,200px) - 24px));touch-action:none;pointer-events:none;border-radius:40px}
@media(pointer:coarse){.bfx-grab{pointer-events:auto;cursor:grab}}


.bfx-tagme{position:absolute;z-index:5;left:0;top:0;display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 10px;border-radius:999px;
  background:var(--sun);color:#111;font:800 13px/1 var(--body,system-ui);white-space:nowrap;pointer-events:none;
  box-shadow:0 8px 20px -6px rgba(0,0,0,.55);
  transform:translate(calc(var(--mx,60vw) + var(--lw) / 2 - 50%),calc(var(--my,200px) - 34px));
  transition:opacity .35s ease}
.bfx-tagme::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:var(--sun);transform:translateX(-50%) rotate(45deg);border-radius:2px}
.bfx-tagme svg{animation:bfx-nudge 1.6s ease-in-out infinite}
@keyframes bfx-nudge{0%,100%{transform:translateX(0)}35%{transform:translateX(-4px) rotate(-8deg)}70%{transform:translateX(4px) rotate(6deg)}}
.bfx-tagme-t{display:none}
@media(pointer:coarse){.bfx-tagme-m{display:none}.bfx-tagme-t{display:inline}}
.bfx.is-used .bfx-tagme{opacity:0}
.bfx .bfx-hint{display:none}
@media(prefers-reduced-motion:reduce){.bfx-tagme svg{animation:none}}


.bfx-glare{contain:strict}
.bfx-glare .bfx-wall{will-change:transform}
.bfx-frame,.bfx-shine,.bfx-shadow,.bfx-pick,.bfx-tagme{will-change:transform}


@media(min-width:900px){.bfx-pairs{top:18px;bottom:auto}.bfx-wear{order:-1}}


.bfx-ring{position:absolute;z-index:3;left:0;top:0;border-radius:9px;pointer-events:none;
  box-shadow:0 0 0 3px #FFC423,0 0 18px 2px rgba(255,196,35,.65);transition:transform .25s ease,width .25s ease,height .25s ease}
.bfx-ring[hidden]{display:none}
@media(min-width:900px){.bfx-pairs{padding:10px 12px;border-radius:12px;background:rgba(8,8,10,.72)}.bfx-wear{text-align:right}}


.bfx-pairs.is-single .bfx-wear{flex-basis:auto}
@media(max-width:899px){.bfx-pairs.is-single{display:none}}


@media(min-width:900px){
  .bfx-pick{transform:none;left:auto;right:clamp(16px,3vw,40px);top:auto;bottom:22px;padding:10px 12px 10px 10px;font-size:14px}
  .bfx-pick-go{padding:7px 14px;font-size:13px}
}


.bfx-lenscv{position:absolute;z-index:1;left:0;top:0;pointer-events:none;transform:translate(var(--mx,60vw),var(--my,200px));will-change:transform}
.bfx.has-lenscv .bfx-clear{visibility:hidden;-webkit-mask-image:none;mask-image:none}
.bfx-dot{animation:none}


.bfx-eyebrow{display:flex;align-items:center;gap:12px;padding:0;margin:0 0 22px;border-radius:0;background:none;color:#fff;
  font:600 13px/1 var(--body,system-ui);letter-spacing:.02em}
.bfx-eyebrow::before{content:"";width:32px;height:2px;background:var(--sun)}
.bfx-dot{display:none}
.bfx-h{font-weight:600;font-size:clamp(28px,3vw,44px);line-height:1.08;letter-spacing:-.02em}
.bfx-h span{color:#BFC1BC}
.bfx-big{display:grid;grid-template-columns:auto auto;grid-template-areas:"upto upto" "num off";justify-content:start;align-items:end;column-gap:14px;margin-top:26px}
.bfx-upto{grid-area:upto;padding:0;margin-bottom:6px;font:500 15px/1 var(--body,system-ui);color:#BFC1BC;letter-spacing:.02em}
.bfx-num{grid-area:num;font-weight:300;letter-spacing:-.05em;filter:none}
.bfx-pc{font-weight:300;color:var(--sun);font-size:.38em;margin-top:.1em}
.bfx-off{grid-area:off;padding:0 0 .9em;font:500 15px/1.2 var(--body,system-ui);color:#BFC1BC;max-width:none;letter-spacing:.02em}
.bfx-sub{color:#9A9D98;font-size:15px;margin-top:18px}
.bfx-act{gap:14px 26px;margin-top:28px}
.bfx-btn{height:50px;padding:0 30px;border-radius:2px;box-shadow:none;font-weight:700;letter-spacing:.01em}
.bfx-btn:hover{transform:none;background:#FFD24D}
.bfx-chips{gap:0;align-items:center;flex-wrap:wrap}
.bfx-chips-l{margin-right:12px;color:#8A8D88;font:500 13px/1 var(--body,system-ui)}
.bfx-chip{min-width:0;height:auto;padding:6px 10px;border:0;border-radius:0;background:none;color:#fff;font:600 14px/1 var(--body,system-ui);
  position:relative}
.bfx-chip+.bfx-chip::before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;background:#3A3A40;transform:translateY(-50%)}
.bfx-chip:hover{background:none;color:var(--sun)}
@media(max-width:899px){
  .bfx-h{font-size:clamp(26px,7vw,32px)}
  .bfx-num{font-size:clamp(110px,34vw,150px)}
  .bfx-act{flex-direction:column;align-items:stretch}
  .bfx-chips{justify-content:center}
  .bfx-chips-l{flex-basis:100%;text-align:center;margin:4px 0 6px}
  .bfx-chip{flex:0 0 auto;padding:8px 12px;font-size:15px}
}
.bfx-big{column-gap:4px}.bfx-off{padding-bottom:1.1em;margin-left:-.2em}
@media(min-width:900px){.bfx-num{font-size:clamp(120px,13vw,210px)}}


.bfx-h{font-weight:800;font-size:clamp(30px,3.6vw,52px);line-height:1.02;letter-spacing:-.025em}
.bfx-h span{color:#fff}
.bfx-num{font-weight:800;letter-spacing:-.06em}
.bfx-pc{font-weight:800;color:#fff;font-size:.42em}
.bfx-upto,.bfx-off{font:700 clamp(17px,1.8vw,24px)/1.05 var(--body,system-ui);color:#fff;letter-spacing:0}
.bfx-off{padding-bottom:.55em;margin-left:6px}
@media(max-width:899px){.bfx-h{font-size:clamp(28px,7.6vw,34px)}.bfx-num{font-size:clamp(100px,30vw,140px)}.bfx-upto,.bfx-off{font-size:17px}}
.bfx-big{display:flex;align-items:flex-end;gap:12px;margin-top:18px}
.bfx-upto,.bfx-off{padding-bottom:.55em;margin:0}