/* NUGGET v2 — a private bullion house at night. Black, molten gold, cream serif. The centrepiece is a live 3D nugget. */
:root{--bg:#070605;--bg2:#0e0c09;--bg3:#15120d;--line:rgba(232,186,96,.14);--line2:rgba(232,186,96,.3);--gold:#e3b65e;--gold2:#f7dc9a;--ember:#ff8a3c;--cream:#f2e9d8;--mute:#a09378;--dim:#6c624f;
  --fs:'Instrument Serif',Georgia,serif;--fb:'Inter',system-ui,sans-serif;--fm:'JetBrains Mono',ui-monospace,monospace;--w:1320px;--pad:clamp(18px,3.4vw,48px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.65 var(--fb);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}em{font-style:italic;color:var(--gold)}
.grain{position:fixed;inset:-50%;z-index:100;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1s steps(4) infinite}
@keyframes grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}}
.kick{display:flex;align-items:center;gap:10px;font:500 11.5px var(--fm);letter-spacing:.24em;color:var(--gold);margin:0 0 18px}
.kd{width:7px;height:7px;border-radius:50%;background:var(--ember);box-shadow:0 0 12px var(--ember);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.3}}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:34px;height:68px;padding:0 var(--pad);background:linear-gradient(180deg,rgba(7,6,5,.85),rgba(7,6,5,0));transition:background .3s}
.nav.solid{background:rgba(7,6,5,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font:400 27px/1 var(--fs);letter-spacing:.06em}
.dot{width:15px;height:15px;border-radius:46% 54% 41% 59%/55% 44% 56% 45%;background:radial-gradient(circle at 35% 30%,#fff3c8,var(--gold) 40%,#7a5a1e);box-shadow:0 0 16px rgba(227,182,94,.55)}
.nav nav{display:flex;gap:28px}.nav nav a{text-decoration:none;font:500 12.5px var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);transition:color .15s}.nav nav a:hover{color:var(--cream)}
.navr{margin-left:auto;display:flex;align-items:center;gap:12px}
.live{display:inline-flex;align-items:center;gap:8px;font:500 11px var(--fm);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.live i{width:7px;height:7px;border-radius:50%;background:var(--dim)}
.live.on{color:var(--gold)}.live.on i{background:var(--gold);box-shadow:0 0 10px var(--gold);animation:pulse 2s infinite}
.cachip{display:flex;align-items:center;gap:9px;border:1px solid var(--line2);background:rgba(227,182,94,.06);color:var(--cream);padding:8px 13px;border-radius:999px;cursor:pointer;font:500 12px var(--fm)}.cachip b{color:var(--gold)}.cachip:hover{border-color:var(--gold)}
.xb{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line2);color:var(--cream)}.xb:hover{border-color:var(--gold);color:var(--gold)}

/* hero */
.hero{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column}
#gl{position:absolute;inset:0;width:100%;height:100%;display:block}
.nogl .hero{background:url(/img/nugget.webp) 75% 55%/cover}
.hfall{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,6,5,.92) 0%,rgba(7,6,5,.55) 38%,rgba(7,6,5,0) 60%),linear-gradient(0deg,var(--bg) 0%,rgba(7,6,5,0) 26%)}
.hglow{position:absolute;right:8%;bottom:-20%;width:60vw;height:60vw;pointer-events:none;background:radial-gradient(closest-side,rgba(255,120,40,.22),rgba(255,120,40,.06) 55%,transparent);filter:blur(10px)}
.hin{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:var(--w);margin:0 auto;padding:84px var(--pad) 22px}
.hero h1{display:flex;flex-direction:column;font:400 clamp(56px,min(7.4vw,12.4vh),112px)/.9 var(--fs);letter-spacing:-.02em;margin:0;max-width:820px}
.hero h1 span{display:block;opacity:0;transform:translateY(28px);animation:rise 1s cubic-bezier(.2,.8,.2,1) forwards}
.hero h1 .l2{animation-delay:.12s}.hero h1 .l3{animation-delay:.24s}
.hero h1 em{background:linear-gradient(100deg,#b7832e 0%,var(--gold2) 30%,#fff2c4 45%,var(--gold) 60%,#a8752a 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s ease-in-out infinite;padding-right:.08em}
@keyframes rise{to{opacity:1;transform:none}}
@keyframes sheen{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.lede{max-width:520px;margin:22px 0 24px;font-size:17px;color:#cdbfa3;opacity:0;animation:rise 1s .4s forwards}
.ca{display:inline-flex;align-items:stretch;align-self:flex-start;border:1px solid var(--line2);background:rgba(14,12,9,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;opacity:0;animation:rise 1s .5s forwards;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.cat{padding:12px 18px}.cal{display:block;font:700 10px var(--fm);letter-spacing:.22em;color:var(--gold)}
.ca code{display:block;font:500 15px var(--fm);color:var(--cream);margin-top:3px;white-space:nowrap}
.ca button{border:0;border-left:1px solid var(--line2);background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1b1206;font:700 12px var(--fm);letter-spacing:.14em;padding:0 22px;cursor:pointer}.ca button:hover{filter:brightness(1.07)}
.pfl{display:flex;align-items:center;padding:0 18px;border-left:1px solid var(--line);font:500 12px var(--fm);color:var(--mute);text-decoration:none}.pfl:hover{color:var(--cream)}
.hbar{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr repeat(4,1fr);width:100%;max-width:var(--w);margin:0 auto 22px;padding:0 var(--pad)}
.hc{padding:18px 22px;border-top:1px solid var(--line2);border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(14,12,9,.65),rgba(14,12,9,.2))}
.hc:last-child{border-right:0}
.hc span{display:block;font:500 10.5px var(--fm);letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.hc b{display:block;font:400 30px/1.15 var(--fs);color:var(--cream);margin-top:4px;font-variant-numeric:tabular-nums;white-space:nowrap}
.hc.big b{font-size:44px;color:var(--gold2);line-height:1}
.hc small{font:500 11.5px var(--fm);color:var(--dim)}

/* marquee */
.marq{position:relative;z-index:2;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(14,12,9,.82);backdrop-filter:blur(8px);padding:13px 0}
.mq{display:flex;gap:56px;width:max-content;animation:marq 60s linear infinite;font:italic 400 23px var(--fs);color:var(--mute);white-space:nowrap}
.mq span b{font-style:normal;color:var(--gold2);font-weight:400}.mq span i{color:var(--ember);font-style:normal;margin-left:56px}
@keyframes marq{to{transform:translateX(-50%)}}

/* sections */
.sec{max-width:var(--w);margin:0 auto;padding:140px var(--pad) 20px}
.head{max-width:760px;margin-bottom:50px}
h2{font:400 clamp(44px,5.4vw,80px)/.95 var(--fs);letter-spacing:-.015em;margin:0 0 20px}
.head p,.sub,.ftext>p,.phead p{color:#bdb096;margin:0;max-width:560px}
.reveal{opacity:0;transform:translateY(36px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}

/* vault */
.totals{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line2);border-bottom:1px solid var(--line);margin-bottom:34px}
.totals div{padding:26px 26px 22px 0}.totals div+div{padding-left:26px;border-left:1px solid var(--line)}
.totals b{display:block;font:400 54px/1 var(--fs);color:var(--gold2);font-variant-numeric:tabular-nums}.totals span{font:500 12px var(--fm);letter-spacing:.06em;color:var(--mute)}
.drawers{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.dr{position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--bg2);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s}
.dr:hover{transform:translateY(-4px);border-color:var(--line2)}
.dr .ph{height:170px;background:url(/img/nugget.webp) 52% 50%/auto 230% no-repeat;position:relative}
.dr .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg2),transparent 60%)}
.dr .no{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;z-index:1;font:500 11px var(--fm);letter-spacing:.16em;color:var(--cream)}.dr .no b{color:var(--gold2)}
.dr .body{padding:0 20px 18px;margin-top:-26px;position:relative}
.dr .oz{font:400 48px/1 var(--fs);color:var(--gold2)}.dr .oz small{font:500 12px var(--fm);color:var(--mute);margin-left:6px}
.dr .usd{font:500 13px var(--fm);margin-top:6px}.dr .tier{font:italic 400 20px var(--fs);color:var(--gold)}
.dr .who{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font:500 12px var(--fm);color:var(--mute)}.dr .who b{color:var(--cream);font-weight:500}
.dr .tx{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font:500 11.5px var(--fm)}.dr .tx a{color:var(--gold);text-decoration:none}.dr .tx a:hover{text-decoration:underline}
.dr.new{border-color:var(--gold);box-shadow:0 0 50px rgba(227,182,94,.22)}
.dr.wait{border-style:dashed;display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;padding:26px;background:radial-gradient(120% 80% at 50% 120%,rgba(255,120,40,.18),transparent 60%),var(--bg2)}
.dr.wait.solo{grid-column:1/-1;min-height:380px;justify-content:center;padding:44px;border-style:solid;background:linear-gradient(90deg,var(--bg2) 34%,rgba(14,12,9,.55) 60%,rgba(14,12,9,.1)),url(/img/vault.webp) 100% 50%/66% auto no-repeat,var(--bg2)}
.dr.wait.solo h4{font-size:clamp(44px,4.6vw,68px);max-width:520px}.dr.wait.solo p{font-size:16px;max-width:440px}
@media (max-width:700px){.dr.wait.solo{background:linear-gradient(0deg,var(--bg2) 45%,rgba(14,12,9,.4)),url(/img/vault.webp) 50% 0/auto 60% no-repeat,var(--bg2);justify-content:flex-end;padding:26px}}
.dr.wait .kick{margin-bottom:10px}.dr.wait h4{font:400 40px/1 var(--fs);margin:0 0 10px}.dr.wait p{margin:0;color:var(--mute);font-size:14px}

/* furnace */
.furn{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.fimg{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line)}
.fimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 50%;transform:scale(1.04)}
.fimg::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,6,5,.96) 10%,rgba(7,6,5,.2) 55%,rgba(7,6,5,.05))}
.fover{position:absolute;z-index:1;left:30px;right:30px;bottom:28px}
.fover>span{font:500 11px var(--fm);letter-spacing:.2em;color:var(--mute)}.fover>span b{color:var(--gold)}
.fover strong{display:block;font:400 96px/1 var(--fs);color:var(--gold2);margin-top:6px;font-weight:400;text-shadow:0 0 40px rgba(255,140,50,.35)}
.fover em{display:block;font:italic 400 22px var(--fs);color:var(--cream);opacity:.85}
.gauge{position:relative;height:10px;margin:18px 0 10px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.gauge i{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:linear-gradient(90deg,#7a3a0c,var(--ember) 45%,var(--gold) 80%,var(--gold2));box-shadow:0 0 22px rgba(255,140,50,.7);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.fover small{font:500 12px var(--fm);color:var(--gold)}
.ladder{list-style:none;margin:36px 0 0;padding:0;border-top:1px solid var(--line2)}
.ladder li{display:grid;grid-template-columns:44px 1fr auto auto;gap:18px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.ladder .g{justify-self:center;border-radius:46% 54% 41% 59%/55% 44% 56% 45%;background:radial-gradient(circle at 35% 30%,#fff1c2,var(--gold) 42%,#6e4f17);box-shadow:0 0 12px rgba(227,182,94,.25)}
.ladder .n{font:400 24px var(--fs)}.ladder .w{font:500 13px var(--fm);color:var(--mute)}.ladder .v{font:500 13px var(--fm);color:var(--cream);text-align:right;min-width:150px}.ladder .v small{display:block;color:var(--dim)}
.ladder li.here{background:linear-gradient(90deg,rgba(255,138,60,.12),transparent)}.ladder li.here .n{color:var(--gold2)}
.ladder li.here .n::after{content:"  ← this hour";font:500 10px var(--fm);letter-spacing:.14em;color:var(--ember);text-transform:uppercase}

/* draw */
.two{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.two h2{font-size:clamp(40px,4.4vw,64px)}.sub{margin-bottom:26px}
.odds{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.odds li{display:grid;grid-template-columns:30px 1fr auto 74px;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font:500 13px var(--fm)}
.odds .r{color:var(--dim)}.odds .b{color:var(--mute)}.odds .c{text-align:right;color:var(--gold2);font:400 22px var(--fs)}
.odds .w{position:relative}.odds .w i{position:absolute;left:0;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--ember),var(--gold));border-radius:2px}
.look{display:flex;margin-top:22px;border:1px solid var(--line2);border-radius:14px;overflow:hidden}
.look input{flex:1;min-width:0;background:var(--bg2);border:0;color:var(--cream);font:500 13px var(--fm);padding:15px 16px;outline:none}
.look button{border:0;background:var(--gold);color:#1b1206;font:700 12px var(--fm);letter-spacing:.12em;padding:0 22px;cursor:pointer}
.lookout{margin-top:10px;font:500 13px var(--fm);color:var(--mute)}.lookout b{color:var(--gold2)}
.log{list-style:none;margin:30px 0 0;padding:0;max-height:600px;overflow:auto;border-left:1px solid var(--line2)}
.log li{position:relative;padding:2px 0 20px 24px;font-size:15px;color:#d6c9ae}
.log li::before{content:"";position:absolute;left:-4px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--dim)}
.log li.drop::before{background:var(--gold);box-shadow:0 0 12px var(--gold)}.log li.drop{color:var(--cream)}.log li a{color:var(--gold)}
.log time{display:block;font:500 11px var(--fm);color:var(--dim);letter-spacing:.08em}
.empty{color:var(--dim);font:500 13px var(--fm)}

/* method */
.pourbg{position:relative;margin-top:150px;padding:150px var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.pourbg::before{content:"";position:absolute;inset:0;background:url(/img/foundry.webp) 85% 50%/cover;opacity:.55}
.pourbg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 25%,rgba(7,6,5,.75) 60%,rgba(7,6,5,.4)),linear-gradient(0deg,var(--bg),transparent 20%,transparent 80%,var(--bg))}
.pin{position:relative;z-index:1;max-width:calc(var(--w) - 2 * var(--pad));margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}
.phead{position:sticky;top:120px;align-self:start}
.steps{list-style:none;margin:0;padding:0}
.steps li{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:26px 0;border-bottom:1px solid var(--line)}.steps li:first-child{border-top:1px solid var(--line2)}
.steps i{font:italic 400 46px/1 var(--fs);color:var(--gold)}.steps h4{font:400 30px/1.1 var(--fs);margin:0 0 8px}.steps p{margin:0;color:#bdb096}

/* proof */
.proofbox{border:1px solid var(--line);border-radius:18px;background:var(--bg2);padding:26px 30px;font:500 12.5px/2 var(--fm);color:var(--mute);word-break:break-all}
.proofbox b{color:var(--cream);font-weight:500}.proofbox a{color:var(--gold)}.proofbox .k{display:inline-block;width:160px;color:var(--dim)}

footer{max-width:var(--w);margin:150px auto 0;padding:0 var(--pad) 40px}
.fbig{font:400 clamp(64px,13vw,210px)/.85 var(--fs);letter-spacing:-.03em;color:var(--cream);border-bottom:1px solid var(--line2);padding-bottom:30px}
.frow{display:flex;gap:30px;align-items:center;padding-top:24px;font:500 12.5px var(--fm);color:var(--mute)}.frow a{text-decoration:none}.frow a:hover{color:var(--gold)}.frow span:last-child{margin-left:auto}
.brand.sm{font-size:22px;color:var(--cream)}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--gold);color:#1b1206;font:700 12px var(--fm);letter-spacing:.14em;padding:12px 20px;border-radius:10px;opacity:0;transition:.2s;z-index:120;pointer-events:none}.toast.on{opacity:1;transform:translate(-50%,0)}

@media (max-width:1100px){.hbar{grid-template-columns:repeat(3,1fr)}.hc:nth-child(4),.hc:nth-child(5){display:none}.furn,.pin{grid-template-columns:1fr}.phead{position:static}.fimg{aspect-ratio:16/11}}
@media (max-width:900px){.nav nav{display:none}.two{grid-template-columns:1fr}.totals{grid-template-columns:1fr 1fr}.totals div:nth-child(3){padding-left:0;border-left:0}
  .hero{height:auto;min-height:100svh}.hfall{background:linear-gradient(0deg,var(--bg) 8%,rgba(7,6,5,.75) 45%,rgba(7,6,5,.2) 75%)}.hin{justify-content:flex-start;padding-top:230px}}
@media (max-width:560px){.hero h1{font-size:50px}.lede{font-size:15px;margin:16px 0 18px}.kick{font-size:10px;letter-spacing:.16em}.hin{padding-top:210px}.cachip{display:none}.nav{gap:12px}.ca{flex-wrap:wrap;width:100%}.cat{flex-basis:100%}.ca code{white-space:normal;word-break:break-all;font-size:12.5px}.ca button{border-left:0;border-top:1px solid var(--line2);flex:1;padding:13px}.pfl{border-top:1px solid var(--line);padding:13px 18px}
  .hbar{grid-template-columns:1fr 1fr}.hc:nth-child(3){display:none}.hc.big{grid-column:1/-1}.hc{padding:14px 14px}.hc b{font-size:24px}.hc.big b{font-size:40px}
  .totals b{font-size:38px}.totals div,.totals div+div{padding:18px 12px 16px 0}.ladder li{grid-template-columns:34px 1fr auto}.ladder .w{display:none}.ladder .v{min-width:0}
  .steps li{grid-template-columns:56px 1fr}.proofbox .k{display:block;width:auto}.frow{flex-wrap:wrap;gap:14px}.frow span:last-child{margin-left:0}.sec{padding-top:100px}}