.bf{--night:#07091a;--night2:#10152f;--panel:#151b3a;--gold:#ecca7c;--gold2:#fbeec4;--gold3:#b68a3e;--plum:#5d365f;--ink:#f6f3ea;--mute:#b9bdd6;--line:rgba(236,202,124,.22);--gut:16px;position:relative;background:var(--night);color:var(--ink);font-family:var(--font-body--family);font-size:16px;line-height:1.35;overflow:clip}
.bf *{box-sizing:border-box}
.bf h1,.bf h2,.bf h3,.bf p{margin:0;color:inherit}
.bf a{color:inherit;text-decoration:none}
.bf__wrap{max-width:1320px;margin:0 auto;padding:44px var(--gut)}
.bf-gold{background:linear-gradient(105deg,var(--gold3) 0%,var(--gold) 28%,var(--gold2) 50%,var(--gold) 72%,var(--gold3) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:bf-shine 5s linear infinite}
@keyframes bf-shine{to{background-position:-220% 0}}
.bf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.bf-head__kick{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.bf-head h2{font-family:var(--font-heading--family);font-size:clamp(32px,8.5vw,56px);line-height:1;text-transform:uppercase;letter-spacing:-.01em}
.bf-head__link{flex:none;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--line);padding:10px 0 2px}
.bf-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border:0;background:linear-gradient(105deg,var(--gold3),var(--gold) 35%,var(--gold2) 55%,var(--gold) 75%,var(--gold3));background-size:220% 100%;color:#14100a!important;font-family:var(--font-body--family);font-size:18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background-position .6s,transform .2s}
.bf-btn:hover{background-position:-120% 0}.bf-btn:active{transform:scale(.98)}
.bf :focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
.bf-hero{isolation:isolate;background:radial-gradient(120% 60% at 75% 30%,rgba(93,54,95,.62),transparent 65%),radial-gradient(110% 60% at 10% 60%,rgba(23,30,60,.95),transparent 70%),var(--night)}
bf-stars{position:absolute;inset:0;z-index:-1;display:block;pointer-events:none}bf-stars canvas{width:100%;height:100%;display:block}
.bf-hero__grid{max-width:1320px;margin:0 auto;padding:calc(var(--header-height,76px) + 8px) var(--gut) 34px;display:grid;grid-template-areas:'head' 'stage' 'act';gap:6px}
.bf-hero__head{grid-area:head;display:flex;align-items:center;justify-content:space-between;gap:12px}
.bf-hero h1{font-family:var(--font-heading--family);font-size:clamp(44px,13.4vw,112px);line-height:.86;text-transform:uppercase;letter-spacing:-.015em}
.bf-deal{flex:none;text-align:right;transform:perspective(600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,-10deg));transition:transform .25s ease-out;transform-style:preserve-3d}
.bf-deal small{display:block;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.bf-deal strong{display:block;font-family:var(--font-heading--family);font-weight:700;font-size:clamp(70px,23vw,190px);line-height:.86;letter-spacing:-.04em;filter:drop-shadow(1px 1px 0 #8e6a2c) drop-shadow(1px 1px 0 #6f5220) drop-shadow(2px 2px 0 #4a3714) drop-shadow(0 12px 22px rgba(236,202,124,.28))}
.bf-hero__sub{display:none}
.bf-stage{grid-area:stage;position:relative;min-width:0}
bf-coverflow{display:block;position:relative;height:clamp(230px,66vw,520px);perspective:900px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.bf-cf__track{position:absolute;inset:0;transform-style:preserve-3d}
.bf-cf__item{position:absolute;left:50%;top:0;width:68%;max-width:500px;height:100%;display:flex;align-items:center;justify-content:center;will-change:transform,opacity;-webkit-user-drag:none}
.bf-cf__item img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 22px 26px rgba(0,0,0,.6))}
.bf-cf__floor{position:absolute;left:12%;right:12%;bottom:-2px;height:34px;border-radius:50%;background:radial-gradient(closest-side,rgba(236,202,124,.34),transparent);pointer-events:none}
.bf-cf__info{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;text-align:center;font-size:17px;transition:opacity .2s}
.bf-cf__name{font-family:var(--font-heading--family);font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bf-cf__nav{display:none}
.bf-price{white-space:nowrap}.bf-price s{color:var(--mute);margin-right:6px;font-size:.88em}.bf-price b{color:var(--gold);font-weight:700}
.bf-hero__act{grid-area:act;display:grid;gap:12px;margin-top:6px}
.bf-count{display:flex;align-items:center;justify-content:center;gap:12px}
.bf-count__label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);max-width:80px;line-height:1.1}
bf-countdown{display:flex;gap:6px}
.bf-count__c{min-width:50px;padding:6px 4px 5px;text-align:center;border:1px solid var(--line);background:rgba(16,21,47,.72)}
.bf-count__c b{display:block;font-family:var(--font-heading--family);font-size:24px;line-height:1;font-variant-numeric:tabular-nums}
.bf-count__c i{display:block;font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.bf-piece{position:absolute;z-index:-1;fill:none;stroke:var(--gold);stroke-width:1.5;opacity:.5;animation:bf-float 11s ease-in-out infinite;pointer-events:none}
.bf-piece--1{width:46px;top:17%;left:-10px}.bf-piece--2{width:30px;top:48%;right:8px;animation-delay:-4s}.bf-piece--3{width:38px;bottom:17%;left:9%;animation-delay:-7s}
.bf-piece--4{width:24px;top:30%;left:46%;animation-delay:-2s}
@keyframes bf-float{0%,100%{transform:translateY(0) rotate3d(1,1,.2,0deg)}50%{transform:translateY(-22px) rotate3d(1,1,.2,160deg)}}
.bf-ribbon{position:relative;z-index:2;overflow:hidden;background:linear-gradient(90deg,var(--gold3),var(--gold),var(--gold2),var(--gold),var(--gold3));color:#14100a;transform:rotate(-1.2deg) scale(1.03);margin:0 0 -8px}
.bf-ribbon__t{display:flex;width:max-content;padding:9px 0;animation:bf-mq 28s linear infinite;font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.bf-ribbon__t span{padding:0 22px;white-space:nowrap}
.bf-ribbon__t span::after{content:'✦';margin-left:44px}
@keyframes bf-mq{to{transform:translateX(-50%)}}
.bf-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bf-tile{position:relative;display:block;aspect-ratio:1/.92;overflow:hidden;background:var(--panel);border:1px solid var(--line);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out}
.bf-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.bf-tile:hover img{transform:scale(1.07)}
.bf-tile::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(7,9,26,.94) 8%,rgba(7,9,26,.12) 62%)}
.bf-tile__t{position:absolute;z-index:1;left:12px;right:10px;bottom:10px}
.bf-tile h3{font-family:var(--font-heading--family);font-size:22px;line-height:1;text-transform:uppercase}
.bf-tile span{display:block;margin-top:4px;color:var(--gold);font-size:14px;letter-spacing:.04em}
.bf-tabs{position:sticky;top:0;z-index:5;display:flex;gap:6px;margin:0 calc(var(--gut)*-1) 16px;padding:10px var(--gut);background:rgba(7,9,26,.9);backdrop-filter:blur(8px)}
.bf-tab{flex:1;min-height:58px;background:transparent;border:1px solid var(--line);color:var(--ink);cursor:pointer;font-family:var(--font-heading--family);font-size:26px;line-height:1;transition:background .25s,color .25s}
.bf-tab small{display:block;margin-top:3px;font-family:var(--font-body--family);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.bf-tab[aria-selected=true]{background:var(--gold);border-color:var(--gold);color:#14100a}.bf-tab[aria-selected=true] small{color:#3b2e15}
.bf-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px}
.bf-grid.is-collapsed>.bf-card:nth-child(n+9){display:none}
.bf-more{width:100%;margin-top:20px;min-height:50px;background:transparent;border:1px solid var(--gold);color:var(--gold);font-family:var(--font-body--family);font-size:16px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.bf-card{position:relative;display:flex;flex-direction:column;min-width:0}
.bf-card__m{position:relative;display:block;aspect-ratio:1;background:radial-gradient(90% 80% at 50% 40%,#232b55,var(--panel));overflow:hidden;transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out}
.bf-card__m--tall{aspect-ratio:4/5}
.bf-card__m img{width:100%;height:100%;object-fit:contain;transition:transform .5s;display:block}
.bf-card__m--tall img{object-fit:cover}
.bf-card:hover .bf-card__m img{transform:scale(1.06)}
.bf-badge{position:absolute;z-index:2;top:8px;left:8px;padding:4px 8px 3px;background:var(--gold);color:#14100a;font-family:var(--font-heading--family);font-size:17px;font-weight:700;line-height:1}
.bf-card__t{margin-top:9px;font-family:var(--font-heading--family);font-size:17px;line-height:1.08;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bf-card__f{font-size:13px;color:var(--mute);margin-top:3px}
.bf-card__b{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:7px;font-size:16px}
.bf-card__save{display:block;font-size:13px;color:var(--gold)}
.bf-add{flex:none;width:44px;height:44px;display:grid;place-items:center;background:transparent;border:1px solid var(--gold);color:var(--gold);cursor:pointer;font-size:24px;line-height:1;transition:background .2s,color .2s}
.bf-add:hover{background:var(--gold);color:#14100a}.bf-add[disabled]{opacity:.55;cursor:wait}
.bf-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--gut)*-1);padding:0 var(--gut) 6px;scroll-padding:var(--gut);scrollbar-width:none}
.bf-rail::-webkit-scrollbar{display:none}
.bf-rail>.bf-card{flex:0 0 62%;scroll-snap-align:start}
.bf-compose{display:grid;gap:8px}
.bf-compose__c{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:12px 16px;background:linear-gradient(100deg,rgba(93,54,95,.72),var(--panel));border:1px solid var(--line);transition:border-color .2s}
.bf-compose__c:hover{border-color:var(--gold)}
.bf-compose__c h3{font-family:var(--font-heading--family);font-size:21px;line-height:1.05}
.bf-compose__c span{font-size:14px;color:var(--mute)}
.bf-compose__c b{flex:none;font-family:var(--font-heading--family);font-size:25px;color:var(--gold)}
.bf-trust{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px;border-top:1px solid var(--line);padding-top:26px}
.bf-trust h3{font-family:var(--font-heading--family);font-size:19px;color:var(--gold);line-height:1.1}.bf-trust p{font-size:14px;color:var(--mute);margin-top:4px}
bf-sticky{position:fixed;z-index:30;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:7px 12px calc(7px + env(safe-area-inset-bottom));background:rgba(7,9,26,.96);border-top:1px solid var(--gold);color:var(--ink);transform:translateY(110%);transition:transform .3s;font-family:var(--font-body--family)}
bf-sticky.is-on{transform:none}
bf-sticky a{flex:none;min-height:44px;padding:0 16px;display:flex;align-items:center;background:var(--gold);color:#14100a;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:15px;text-decoration:none}
.bf-sticky__l{font-size:14px;line-height:1.1}.bf-sticky__l b{display:block;color:var(--gold);font-size:17px}
@supports (animation-timeline:view()){.bf-reveal{animation:bf-rise linear both;animation-timeline:view();animation-range:entry 0% entry 42%}@keyframes bf-rise{from{opacity:0;transform:translateY(28px)}}}
@media (min-width:750px){.bf{--gut:32px}.bf__wrap{padding-block:72px}.bf-tiles{grid-template-columns:repeat(3,1fr);gap:12px}.bf-tile{aspect-ratio:1.45}.bf-tile h3{font-size:32px}.bf-grid{grid-template-columns:repeat(4,1fr);gap:30px 18px}.bf-rail>.bf-card{flex-basis:27%}.bf-compose{grid-template-columns:repeat(3,1fr);gap:12px}.bf-trust{grid-template-columns:repeat(4,1fr)}.bf-tabs{top:var(--header-height,0);justify-content:center}.bf-tab{flex:0 1 220px}bf-sticky{display:none}.bf-card__t{font-size:21px}}
@media (min-width:990px){.bf-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:'head stage' 'act stage';align-items:center;min-height:min(86vh,820px);gap:10px 36px}.bf-hero__head{flex-direction:column;align-items:flex-start;align-self:end;gap:14px}.bf-deal{text-align:left}.bf-hero h1{font-size:clamp(70px,7vw,112px)}.bf-deal strong{font-size:clamp(130px,13vw,190px)}.bf-hero__sub{display:block;font-size:20px;color:var(--mute);max-width:44ch}.bf-hero__act{align-self:start;justify-items:start}.bf-count{justify-content:flex-start}.bf-btn{min-width:310px}bf-coverflow{height:clamp(420px,58vh,560px)}.bf-cf__item{width:58%}.bf-cf__info{font-size:20px}.bf-cf__name{font-size:25px}.bf-cf__nav{display:grid;place-items:center;position:absolute;z-index:200;top:44%;width:48px;height:48px;border:1px solid var(--line);background:rgba(7,9,26,.7);color:var(--gold);font-size:24px;cursor:pointer}.bf-cf__nav--p{left:0}.bf-cf__nav--n{right:0}}
@media (prefers-reduced-motion:reduce){.bf *,bf-sticky{animation:none!important;transition:none!important}}
