/* Aureon identity on the original yellow edition. */
body .nav-logo .al-lockup>img,body .b-footer .al-lockup>img{filter:none;width:40px;height:40px;object-fit:contain;transform:scale(1.1);mix-blend-mode:screen;image-rendering:pixelated}
body .nav-logo .al-lockup>span,body .b-footer .al-lockup>span{font-size:19px;letter-spacing:.2em;font-weight:500;text-transform:uppercase}
body [hidden]{display:none!important}
@media(max-width:380px){body .nav-logo .al-lockup>span{font-size:15px;letter-spacing:.12em}body .nav-logo .al-lockup>img{width:30px;height:30px}}

/* Keep the raster fallback while the active canvas handles cursor interaction. */
body .crt-signal[data-renderer="image"] .mono-character-image{visibility:visible;filter:none;animation:aureon-phosphor 8s ease-in-out infinite alternate}
body .crt-signal::after{content:"";position:absolute;inset:5%;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,#0003 2px,#0003 3px);mask-image:radial-gradient(ellipse at center,#000 35%,transparent 74%);opacity:.55}
body .mono-features-open .mono-feature-card>img.crt-bnb-art{filter:none}
@keyframes aureon-phosphor{from{filter:brightness(.97)}to{filter:brightness(1.04)}}
@media(prefers-reduced-motion:reduce){body .crt-signal .mono-character-image{animation:none}}

/* Quiet black-and-gold surfaces, with a two-color dither at the outer edges. */
:root{
  --bnb-black:#000;--bnb-surface:#060605;--bnb-raised:#0c0b08;
  --bnb-gold:#e6c678;--bnb-champagne:#d6bf86;--bnb-ivory:#e7e3d8;
  --bnb-muted:#a39e90;--bnb-subtle:#837e73;--bnb-line:#28251c;--bnb-line-hover:#685a37;
}
html,body{background:#000}
body .f-home{background:#000 url('/brand/aureon-dither-field.svg') center top / 1600px 1000px no-repeat}
body .mono-hero,body .f-directory,body .mono-features-open,body .f-faq,body .b-footer{background:transparent}
body .nav{background:#000;border-color:var(--bnb-line);backdrop-filter:none;-webkit-backdrop-filter:none}
body .nav-logo .al-lockup>span,body .b-footer .al-lockup>span{font-size:17px;letter-spacing:.16em;font-weight:450}
body .nav-burger{border-radius:2px;border-color:#403924;background:transparent}
body .nav-sheet{background:#060605}

/* Flat controls use the same geometry and ink as the artwork. */
body .btn{height:40px;padding:0 17px;border:1px solid var(--bnb-gold);border-radius:2px;background:var(--bnb-gold);color:#111008;box-shadow:none;font-size:12px;font-weight:500;letter-spacing:.01em;transition:background-color .18s,border-color .18s,color .18s}
body .btn:hover{background:#f1d58f;border-color:#f1d58f;color:#111008;box-shadow:none;transform:none}
body .btn.ghost{background:transparent;border-color:#49402c;color:var(--bnb-champagne)}
body .btn.ghost:hover{background:#100e08;border-color:var(--bnb-gold);color:var(--bnb-gold)}
body .nav .btn{height:36px;padding:0 13px;font-size:11px;font-weight:450}
body .nav .nav-cta{background:transparent;border-color:transparent;color:var(--bnb-champagne);padding:0 8px}
body .nav .nav-cta:hover{color:var(--bnb-ivory);border-color:transparent}
body .mono-hero-copy .f-actions>.btn.lg{height:44px;padding:0 19px;gap:25px;border-radius:2px;font-size:12px;font-weight:500;box-shadow:none}
body .mono-hero-copy .f-actions>.btn.lg>span{display:inline;width:auto;height:auto;border-radius:0;background:transparent;color:inherit;font-size:16px;font-weight:400}
body .mono-explore{min-height:44px;font-size:12px;font-weight:400;gap:14px;color:var(--bnb-muted)}
body .mono-explore:hover{color:var(--bnb-gold)}

/* Shorter copy and lighter type let the interactive piece lead. */
body .mono-hero-grid{min-height:580px;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:32px}
body .mono-hero-copy{padding:70px 0 64px}
body .mono-hero-copy h1{font-size:clamp(42px,4.2vw,58px);font-weight:450;line-height:1.13;letter-spacing:-.04em}
body .mono-hero-kicker{font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:.09em;margin-bottom:24px!important}
body .mono-hero-kicker>span:first-child{width:4px;height:4px;box-shadow:none}
body .mono-hero-kicker>span:last-child{margin-left:2px}
body .mono-intro{font-size:15px;font-weight:400;line-height:1.7;letter-spacing:0;margin-top:22px!important;max-width:31ch}
body .mono-hero-copy .f-actions{margin-top:29px;gap:25px}
body .mono-launch-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:25px!important;font-size:11px;line-height:1.6;color:var(--bnb-subtle)}
body .mono-launch-note>span{display:inline-flex;align-items:center;gap:7px;color:var(--bnb-champagne)}
body .mono-launch-note>span::before{content:"";width:3px;height:3px;background:var(--bnb-champagne)}
body .mono-launch-note>a{color:var(--bnb-subtle);text-decoration-color:#48402d;text-underline-offset:3px}
body .mono-launch-note>a:hover{color:var(--bnb-champagne);text-decoration:underline}
body .mono-art-caption{color:#787262;font-family:var(--mono);font-size:7px;letter-spacing:.09em}
body .f-home h2{font-size:32px;font-weight:450;line-height:1.2;letter-spacing:-.035em}
body .f-home .f-eyebrow,body .mono-features-open .mono-tag{font-family:var(--mono);font-size:8px;font-weight:400;letter-spacing:.12em;color:var(--bnb-subtle)}
body .f-home .f-section-heading{margin-bottom:27px}
body .f-home .f-section-heading .f-eyebrow{margin-bottom:15px!important}
body .f-home .f-link{font-size:12px;font-weight:400}
body .mono-hero+.f-directory{padding-top:44px;border-top:1px solid var(--bnb-line)}
body .f-home .f-market-panel{background:transparent;border:1px solid var(--bnb-line);border-radius:2px;box-shadow:none}
body .f-home .f-market-toolbar,body .f-home .market-controls,body .f-home .f-table-labels,body .f-home .f-table-footer{background:transparent}
body .f-home .f-tabs button,body .f-home .f-search,body .f-home .market-controls select,body .f-home .market-controls .btn{border-radius:2px;box-shadow:none}
body .f-home .f-tabs button.is-active{background:#171409;border-color:#4d4329;color:var(--bnb-champagne)}
body .f-home .f-search,body .f-home .market-controls select{background:#050504;border-color:#393326}
body .f-home .market-controls{padding-block:10px}
body .f-home .market-controls .btn{height:30px;font-size:11px;padding:0 11px}
body .f-home .market-message{font-size:11px;line-height:1.65;color:var(--bnb-subtle)}
body .f-home .f-empty{font-size:13px;line-height:1.7;color:var(--bnb-muted);padding-block:34px}
body .f-home .f-empty .market-empty-action{font-size:12px;font-weight:400;color:var(--bnb-champagne)}
body .f-home .f-table-labels{font-size:8px;color:var(--bnb-subtle);letter-spacing:.05em}
body .f-home .f-table-footer{font-size:10px;color:var(--bnb-subtle)}
body .mono-features-open{padding-top:64px;padding-bottom:62px}
body .mono-features-open .mono-section-intro{padding-top:32px;margin-bottom:38px;align-items:end}
body .mono-features-open .mono-section-intro>p{font-size:13px;line-height:1.7;max-width:29ch;color:var(--bnb-muted)}
body .mono-features-open .mono-feature-grid{row-gap:38px;column-gap:56px}
body .mono-features-open .mono-feature-card h3{font-size:17px;font-weight:450;letter-spacing:-.02em;line-height:1.4}
body .mono-features-open .mono-feature-card p{font-size:12px;line-height:1.75;margin-top:8px!important;max-width:29ch}
body .mono-features-open .mono-feature-index{font-family:var(--mono);font-size:7px;font-weight:400;letter-spacing:.08em;color:var(--bnb-subtle);margin-bottom:9px}
body .mono-features-open .mono-feature-index::before{display:none}
body .f-faq{padding-top:36px;padding-bottom:64px;border-top:1px solid var(--bnb-line)}
body .f-faq-list summary{font-size:14px;font-weight:450;padding:22px 0}
body .f-faq-list p{font-size:13px;line-height:1.75;color:var(--bnb-muted)}
body .b-footer{border-top:1px solid var(--bnb-line);padding-top:36px}
body .b-footer-brand p{font-size:12px;line-height:1.75;color:var(--bnb-subtle)}
body .b-footer-col{font-size:11px}
body .b-footer-col>span{font-family:var(--mono);font-size:8px;font-weight:400;letter-spacing:.07em}
@media(max-width:900px){
 body .mono-hero-grid{min-height:510px;gap:16px}
 body .mono-hero-copy h1{font-size:46px}
 body .mono-hero-copy .f-actions{gap:18px}
 body .mono-hero-copy .f-actions>.btn.lg{padding-inline:15px;gap:16px}
 body .mono-intro{font-size:14px}
 body .mono-features-open .mono-feature-grid{column-gap:32px}
}
@media(max-width:700px){
 body .f-home{background-size:1100px auto}
 body .mono-hero-grid{display:flex;min-height:0;gap:0}
 body .mono-hero-copy{padding:48px 0 0}
 body .mono-hero-copy h1{font-size:clamp(40px,10vw,54px);font-weight:450;line-height:1.13}
 body .mono-hero-kicker{font-size:8px;margin-bottom:20px!important}
 body .mono-intro{margin-top:19px!important;font-size:14px}
 body .mono-hero-copy .f-actions{margin-top:24px;gap:23px}
 body .mono-launch-note{margin-top:20px!important;font-size:10px}
 body .mono-hero-art{margin-top:22px;margin-bottom:28px}
 body .mono-art-caption{font-size:6px}
 body .mono-hero+.f-directory{padding-top:32px}
 body .f-home h2{font-size:28px}
 body .mono-features-open{padding-top:45px;padding-bottom:42px}
 body .mono-features-open .mono-section-intro{gap:14px;margin-bottom:20px}
 body .mono-features-open .mono-feature-card h3{font-size:16px}
 body .f-faq{padding-top:30px;padding-bottom:42px}
}
@media(max-width:380px){
 body .nav-logo .al-lockup>span{font-size:15px;letter-spacing:.12em}
 body .nav .btn{font-size:10px;padding-inline:10px}
 body .mono-hero-copy .f-actions{gap:18px}
 body .mono-explore{font-size:11px;gap:9px}
 body .mono-hero-copy .f-actions>.btn.lg{font-size:11px;gap:17px}
}
