/* Hands of Gold - Black & Gold Friday 2026 landing page. Everything is scoped to .bf-page. */
.bf-page{--bf-ink:#060606;--bf-panel:#101113;--bf-panel-2:#17181b;--bf-text:#f2f0ea;--bf-soft:#c4c4bd;--bf-gold:#dcc28e;--bf-gold-hi:#f4e3bd;--bf-gold-lo:#a98a52;--bf-line:rgba(220,194,142,.32);
  --bf-serif:"Bodoni Moda","Didot","Bodoni MT",Georgia,"Times New Roman",serif;--bf-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  display:block;padding:0!important;background:#060606!important;color:var(--bf-text);font-family:var(--bf-sans);line-height:1.55;overflow-x:clip}
html body.hog-system-v1 main.bf-page,.bf-section,.bf-terms{background-color:#060606!important}
html body.hog-system-v1 main.bf-page .bf-band{background-color:var(--bf-panel)!important}
.bf-page *{box-sizing:border-box}
.bf-wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.bf-page h1,.bf-page h2,.bf-page h3{font-family:var(--bf-serif);color:var(--bf-text);margin:0;letter-spacing:0}
.bf-page section{scroll-margin-top:90px}
.bf-eyebrow{margin:0 0 12px;color:var(--bf-gold);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.bf-section{padding:72px 0}
.bf-section-head{max-width:720px;margin-bottom:36px}
.bf-section-head h2{font-size:clamp(32px,4.4vw,50px);line-height:1.08;font-weight:800}
.bf-section-head p:not(.bf-eyebrow){margin:14px 0 0;color:var(--bf-soft);font-size:17px}

/* Buttons */
.bf-page a.bf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.bf-page a.bf-btn-gold{background:var(--bf-gold);color:#08090b!important}
.bf-page a.bf-btn-gold:hover{background:var(--bf-gold-hi);transform:translateY(-1px)}
.bf-page a.bf-btn-line{border:1px solid var(--bf-gold);color:var(--bf-gold-hi)!important;background:rgba(6,6,6,.55)}
.bf-page a.bf-btn-line:hover{background:#1c1a15}
.bf-page a:focus-visible,.bf-page button:focus-visible,.bf-page input:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Hero */
.bf-hero{position:relative;isolation:isolate;padding:clamp(56px,9vw,112px) 0 clamp(52px,7vw,84px);border-bottom:1px solid var(--bf-line)}
.bf-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/images/holographic-gold-silver-20261019.webp') center/cover no-repeat}
.bf-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(6,6,6,.96) 0%,rgba(6,6,6,.88) 48%,rgba(6,6,6,.45) 100%),linear-gradient(0deg,#060606 0%,rgba(6,6,6,0) 30%)}
.bf-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:48px;align-items:end}
.bf-page .bf-hero h1{font-size:clamp(54px,9.2vw,118px);line-height:.96;font-weight:900}
.bf-hero h1 span{display:block}
.bf-hero h1 .bf-foil{background:linear-gradient(100deg,#b9975a 0%,#f7e9c6 34%,#cfae6f 58%,#f4e3bd 80%,#a98a52 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.bf-lede{margin:24px 0 0;max-width:600px;font-size:clamp(18px,2.1vw,22px);line-height:1.42;color:var(--bf-text)}
.bf-lede strong{color:var(--bf-gold-hi);font-weight:700}
.bf-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.bf-clock{padding:24px;border:1px solid var(--bf-line);border-radius:14px;background:rgba(6,6,6,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bf-clock-label{margin:0 0 14px;color:var(--bf-gold);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.bf-clock-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}
.bf-clock-row div{display:flex;flex-direction:column;align-items:center;margin:0;padding:10px 4px;border-radius:8px;background:#17181b}
.bf-clock-row dd{order:1;margin:0;font-family:var(--bf-serif);font-size:38px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--bf-text)}
.bf-clock-row dt{order:2;color:var(--bf-soft);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.bf-clock-note{margin:14px 0 0;color:var(--bf-soft);font-size:13.5px;line-height:1.45}

/* Bonus ingots: each tier is a gold bar that grows with the spend */
.bf-ingots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end;margin:0;padding:0;list-style:none}
.bf-ingot{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 22px 20px;border-radius:12px 12px 6px 6px;color:#0b0a07;
  background:linear-gradient(162deg,#f7e9c6 0%,#dcc28e 38%,#b9975a 72%,#e8d3ab 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -3px 0 rgba(90,66,26,.45)}
.bf-ingot:nth-child(1){min-height:220px}.bf-ingot:nth-child(2){min-height:270px}.bf-ingot:nth-child(3){min-height:320px}.bf-ingot:nth-child(4){min-height:370px}
.bf-ingot-mark{position:absolute;top:18px;left:22px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.72}
.bf-ingot strong{display:block;font-family:var(--bf-serif);font-size:clamp(46px,5.4vw,68px);font-weight:900;line-height:1}
.bf-ingot-card{display:block;margin-top:4px;font-size:13px;font-weight:700}
.bf-ingot-spend{display:block;margin-top:14px;padding-top:12px;border-top:1px solid rgba(40,28,8,.42);font-size:15px;font-weight:700}
.bf-ingot-note{margin:22px 0 0;max-width:760px;color:var(--bf-soft);font-size:15px}
.bf-ingot-note a{color:var(--bf-gold-hi)}

/* Extras */
.bf-band{background:var(--bf-panel);border-block:1px solid rgba(255,255,255,.08)}
.bf-extras{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--bf-line)}
.bf-extra{display:flex;flex-direction:column;padding:28px 28px 8px 0}
.bf-extra+.bf-extra{padding-left:28px;border-left:1px solid var(--bf-line)}
.bf-extra-big{font-family:var(--bf-serif);font-size:48px;font-weight:900;line-height:1;color:var(--bf-gold-hi)}
.bf-page .bf-extra h3{margin-top:12px;font-family:var(--bf-sans);font-size:19px;font-weight:700;line-height:1.3}
.bf-extra p{margin:8px 0 16px;color:var(--bf-soft);font-size:15px}
.bf-page .bf-extra a{margin-top:auto;color:var(--bf-gold-hi);font-weight:700;font-size:15px;text-underline-offset:3px}

/* Pieces */
.bf-pieces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bf-piece{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:var(--bf-panel)}
.bf-piece-photo{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#171a1d}
.bf-page .bf-piece-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.bf-piece-copy{display:flex;flex:1;flex-direction:column;padding:16px}
.bf-page .bf-piece h3{font-family:var(--bf-sans);font-size:15px;font-weight:600;line-height:1.35}
.bf-page .bf-piece h3 a{color:var(--bf-text);text-decoration:none}
.bf-page .bf-piece h3 a:hover{color:var(--bf-gold-hi)}
.bf-piece-meta{margin:6px 0 12px;color:var(--bf-soft);font-size:13px}
.bf-page .bf-piece-price{margin:auto 0 0;color:var(--bf-text)!important;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}
.bf-piece-earn{margin:4px 0 14px;color:var(--bf-gold-hi);font-size:13px;font-weight:600}
.bf-piece-links{display:flex;flex-wrap:wrap;gap:8px}
.bf-page .bf-piece-links a{flex:1;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.bf-page .bf-piece-view{border:1px solid var(--bf-gold);color:var(--bf-gold-hi)!important}
.bf-page .bf-piece-view:hover{background:#1c1a15}
.bf-page .bf-piece-buy{background:var(--bf-gold);color:#08090b!important}
.bf-page .bf-piece-buy:hover{background:var(--bf-gold-hi)}
.bf-more{margin:26px 0 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:var(--bf-soft);font-size:14px}

/* Schedule */
.bf-days{margin:0;padding:0;list-style:none;border-top:1px solid var(--bf-line)}
.bf-day{display:grid;grid-template-columns:172px 170px minmax(0,1fr);gap:20px;align-items:baseline;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.bf-day-date{font-family:var(--bf-serif);font-size:25px;white-space:nowrap;font-weight:800;color:var(--bf-gold-hi);line-height:1.15}
.bf-day-hours{color:var(--bf-soft);font-size:14px}
.bf-day-what strong{display:block;font-size:17px;font-weight:700}
.bf-day-what span{color:var(--bf-soft);font-size:15px}

/* Sign up + financing */
.bf-duo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:stretch}
.bf-card{padding:32px;border:1px solid var(--bf-line);border-radius:14px;background:var(--bf-panel-2)}
.bf-page .bf-card h2{font-size:clamp(28px,3.4vw,38px);line-height:1.1;font-weight:800}
.bf-card>p{margin:12px 0 0;color:var(--bf-soft);font-size:15.5px}
.bf-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.bf-field{display:block;font-size:13px;font-weight:600;color:var(--bf-text)}
.bf-field-wide{grid-column:1/-1}
.bf-field small{font-weight:400;color:var(--bf-soft)}
.bf-page .bf-field input{display:block;width:100%;min-height:48px;margin-top:6px;padding:11px 13px;border:1px solid #6d6e70;border-radius:8px;background:#08090b;color:#fff;font:400 16px var(--bf-sans)}
.bf-page .bf-field input:focus{border-color:var(--bf-gold)}
.bf-consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0;color:var(--bf-soft);font-size:13px;line-height:1.45}
.bf-consent input{flex:0 0 auto;width:18px;height:18px;margin-top:1px;accent-color:#dcc28e}
.bf-consent a{color:var(--bf-gold-hi)}
.bf-honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.bf-page .bf-submit{width:100%;min-height:52px;border:0;border-radius:10px;background:var(--bf-gold);color:#08090b;font:700 16px var(--bf-sans);cursor:pointer}
.bf-page .bf-submit:hover{background:var(--bf-gold-hi)}
.bf-page .bf-submit:disabled{opacity:.6;cursor:default}
.bf-form-status{min-height:20px;margin:10px 0 0;font-size:14px}
.bf-form-status.is-error{color:#ffb7b7}
.bf-done{margin-top:20px;padding:20px;border:1px solid var(--bf-gold);border-radius:10px}
.bf-done strong{display:block;font-family:var(--bf-serif);font-size:24px;color:var(--bf-gold-hi)}
.bf-done p{margin:6px 0 0;color:var(--bf-text);font-size:15px}
.bf-finance{display:grid;gap:10px;margin-top:20px}
.bf-page a.bf-finance-link{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 16px;border:1px solid var(--bf-gold);border-radius:8px;color:var(--bf-gold-hi)!important;font-weight:700;font-size:15px;text-decoration:none}
.bf-page a.bf-finance-link:hover{background:#1c1a15}
.bf-card>p.bf-fine-note{margin:14px 0 0;color:var(--bf-soft);font-size:12.5px;line-height:1.5}

/* Terms */
.bf-terms{padding:0 0 64px}
.bf-terms details{border-top:1px solid rgba(255,255,255,.14);padding-top:18px}
.bf-terms summary{cursor:pointer;color:var(--bf-gold-hi);font-weight:700;font-size:15px}
.bf-terms ul{margin:14px 0 0;padding-left:18px;max-width:880px;color:var(--bf-soft);font-size:13.5px;line-height:1.6}
.bf-terms li{margin-bottom:6px}
.bf-terms a{color:var(--bf-gold-hi)}

/* The page changes by date. Without JavaScript it stays in the "before" stage. */
.bf-page .bf-only-live,.bf-page .bf-only-early,.bf-page .bf-only-ended,.bf-page .bf-only-live-inline{display:none!important}
[data-bf-stage="live"] .bf-page .bf-only-live{display:block!important}
[data-bf-stage="live"] .bf-page .bf-only-live-inline{display:inline-flex!important}
[data-bf-stage="early"] .bf-page .bf-only-early{display:block!important}
[data-bf-stage="ended"] .bf-page .bf-only-ended{display:block!important}
[data-bf-stage="ended"] .bf-page .bf-actions.bf-only-ended{display:flex!important}
[data-bf-stage="live"] .bf-page .bf-hide-live,[data-bf-stage="ended"] .bf-page .bf-hide-live,
[data-bf-stage="early"] .bf-page .bf-hide-early,[data-bf-stage="ended"] .bf-page .bf-hide-ended{display:none!important}
[data-bf-stage="live"] .bf-duo,[data-bf-stage="ended"] .bf-duo{grid-template-columns:minmax(0,1fr)}

@media (max-width:980px){
  .bf-hero-grid{grid-template-columns:1fr;gap:32px}
  .bf-clock{max-width:420px}
  .bf-pieces{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bf-duo{grid-template-columns:1fr}
}
@media (max-width:760px){
  .bf-section{padding:52px 0}
  .bf-ingots{grid-template-columns:1fr;gap:10px}
  .bf-ingot,.bf-ingot:nth-child(n){min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:18px;border-radius:10px}
  .bf-ingot-mark{display:none}
  .bf-ingot strong{grid-column:1;grid-row:1;font-size:46px}
  .bf-ingot-card{grid-column:1;grid-row:2}
  .bf-ingot-spend{grid-column:2;grid-row:1/3;margin:0;padding:0 0 0 14px;border-top:0;border-left:1px solid rgba(40,28,8,.42);max-width:92px;font-size:14px;line-height:1.25}
  .bf-extras{grid-template-columns:1fr}
  .bf-extra,.bf-extra+.bf-extra{padding:24px 0;border-left:0;border-bottom:1px solid var(--bf-line)}
  .bf-day{grid-template-columns:1fr;gap:4px;padding:18px 0}
  .bf-card{padding:22px}
}
@media (max-width:520px){
  .bf-actions a.bf-btn{width:100%}
  .bf-fields{grid-template-columns:1fr}
  .bf-pieces{gap:10px}
  .bf-piece-copy{padding:12px}
  .bf-piece-links{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.bf-page a.bf-btn{transition:none}.bf-page a.bf-btn-gold:hover{transform:none}}