
/* BEREAUX artist showcase: namespaced styles for the existing Edition North website. */
:root{--bx-gold:#c7a477;--bx-goldbright:#e5c99e;--bx-ivory:#f2e6d8;--bx-red:#9e2937;--bx-bg:#0b0a0b;}
.bx-page{background:var(--bx-bg);color:var(--bx-ivory);font-family:inherit}
.bx-page .site-header{background:rgba(11,10,11,.94)}
.bx-page .nav-links a.active-bx{color:var(--bx-goldbright)}
.bx-topline{font-size:10px;letter-spacing:.27em;color:var(--bx-gold);display:flex;align-items:center;gap:17px;font-weight:600}
.bx-topline::before{content:'';width:29px;height:1px;background:var(--bx-gold)}
.bx-hero{overflow:hidden;position:relative;border-bottom:1px solid rgba(202,162,112,.25);background:radial-gradient(circle at 68% 50%,rgba(136,39,47,.17),transparent 38%),#0d0c0c}
.bx-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:7vw;align-items:center;min-height:690px;padding-top:104px;padding-bottom:86px}
.bx-overline{font-size:11px;text-transform:uppercase;letter-spacing:.3em;color:var(--bx-gold)}
.bx-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(60px,7.5vw,118px);line-height:.87;letter-spacing:-.055em;font-weight:400;margin:25px 0 32px}
.bx-hero h1 span{display:block;font-style:italic;color:#c0a286}
.bx-hero h1 strong{display:block;font-weight:400;color:#932737}
.bx-lede{max-width:540px;color:#d4c9bd;line-height:1.8;font-size:16px}
.bx-hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:37px}
.bx-button{display:inline-flex;align-items:center;justify-content:center;gap:23px;background:var(--bx-goldbright);color:#1d1411;padding:16px 23px;text-decoration:none;font-size:11px;letter-spacing:.16em;font-weight:700;transition:background .2s,transform .2s}
.bx-button:hover{background:#fae4bc;transform:translateY(-2px)}
.bx-button-outline{background:transparent;color:var(--bx-ivory);border:1px solid rgba(218,174,129,.6)}
.bx-button-outline:hover{background:rgba(239,204,152,.08);color:#fff}
.bx-hero-art{justify-self:center;position:relative;max-width:490px;width:100%;padding:22px}
.bx-hero-art::before{content:'';position:absolute;inset:0;border:1px solid rgba(211,168,124,.28);transform:translate(13px,-12px)}
.bx-hero-art img{display:block;width:100%;height:auto;box-shadow:0 18px 100px #000a}
.bx-art-caption{font-size:9px;letter-spacing:.24em;color:#c2a789;display:flex;justify-content:space-between;margin-top:18px;gap:8px}
.bx-stats{border-bottom:1px solid #4b342b;border-top:1px solid #4b342b;background:#13100f}
.bx-stats-wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.bx-stat{padding:27px 24px;border-right:1px solid #402c25;text-align:center}
.bx-stat:last-child{border:0}
.bx-stat strong{font-family:Georgia,serif;font-size:44px;color:#e7c9a5;font-weight:400;display:block}
.bx-stat span{font-size:9px;letter-spacing:.23em;color:#b9a494}
.bx-section{padding:100px 0}
.bx-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px}
.bx-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,5vw,72px);letter-spacing:-.035em;line-height:1.02;margin:17px 0 0}
.bx-heading h2 em{color:var(--bx-goldbright);font-weight:400}
.bx-heading p{color:#b8a99d;line-height:1.75;max-width:355px;font-size:14px}
.bx-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.bx-tile{background:#141011;border:1px solid #3b2a27;position:relative;overflow:hidden}
.bx-tile button{font:inherit;color:inherit;background:none;border:0;display:block;width:100%;padding:0;cursor:pointer;text-align:left}
.bx-tile button:focus-visible{outline:2px solid var(--bx-goldbright);outline-offset:-3px}
.bx-tile-image{display:block;aspect-ratio:2/3;overflow:hidden;position:relative;background:#28171a}
.bx-tile-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.bx-tile:hover img{transform:scale(1.045)}
.bx-tile-image:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0b080dcc)}
.bx-tile-text{padding:18px 13px 19px;min-height:113px}
.bx-tile-number{font-size:9px;letter-spacing:.19em;color:#c4a47c;display:block;margin-bottom:9px}
.bx-tile h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(17px,1.45vw,22px);line-height:1.15;min-height:44px;margin:0}
.bx-tile-range{font-size:9px;letter-spacing:.14em;color:#aea196;margin:10px 0 0}
.bx-section-note{font-size:12px;color:#a79b90;line-height:1.65;margin-top:25px}
.bx-statement{background:linear-gradient(110deg,#2a1415,#0f0c0d 55%,#1b1511);border-top:1px solid #553e31;border-bottom:1px solid #553e31;padding:76px 0}
.bx-statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.bx-statement h2{font:normal clamp(38px,5vw,64px)/1.05 Georgia,serif;letter-spacing:-.035em;margin:18px 0}
.bx-statement p{color:#c8bbb0;line-height:1.8}
.bx-benefits{list-style:none;padding:0;margin:0;border-top:1px solid #5b3c35}
.bx-benefits li{border-bottom:1px solid #5b3c35;padding:16px 0;color:#e9d5c3;font-size:14px}
.bx-benefits li:before{content:'✦';color:#dfb785;margin-right:15px}
.bx-capture{padding:106px 0;background:radial-gradient(circle at 80% 25%,#3e141f60,transparent 35%),#0b090a}
.bx-capture-inner{max-width:790px;margin:auto;text-align:center}
.bx-capture h2{font:normal clamp(42px,6vw,80px)/1.04 Georgia,serif;letter-spacing:-.04em;margin:20px 0}
.bx-capture p{max-width:560px;margin:0 auto 27px;color:#cfc2b6;line-height:1.75}
.bx-capture .bx-button{margin-top:15px}
.bx-notlive{border:1px solid #765545;background:#221715;padding:15px 20px;color:#e4cbb9;margin:30px auto 0;max-width:680px;font-size:12px;line-height:1.7}
.bx-dialog{border:1px solid #74533f;background:#110e0f;color:#e7d9cb;max-width:min(840px,94vw);width:100%;padding:0;box-shadow:0 22px 100px #000d}
.bx-dialog::backdrop{background:rgba(0,0,0,.86)}
.bx-dialog-layout{display:grid;grid-template-columns:.82fr 1fr}
.bx-dialog img{width:100%;height:100%;max-height:660px;object-fit:cover;display:block}
.bx-dialog-info{padding:55px 36px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.bx-dialog-info h2{font:normal 42px/1.07 Georgia,serif;margin:0;color:#f0ded0}
.bx-dialog-info p{font-size:14px;color:#c6b6aa;line-height:1.8;margin:0}
.bx-dialog-close{position:absolute;top:12px;right:15px;background:#1d1214;border:1px solid #7e6452;color:#f6e7d7;font-size:25px;width:40px;height:40px;cursor:pointer}
.bx-dialog-no{letter-spacing:.17em;font-size:10px;color:#e5bf91}
.bx-teaser{background:#140e10;padding:68px 0;border-top:1px solid rgba(205,154,105,.24);border-bottom:1px solid rgba(205,154,105,.24);color:#e8ddd0}
.bx-teaser-inner{display:grid;grid-template-columns:180px 1fr auto;gap:48px;align-items:center}
.bx-teaser-image{width:180px;aspect-ratio:1/1;object-fit:cover;border:1px solid #513a30}
.bx-teaser h2{font:normal clamp(28px,3vw,44px)/1.07 Georgia,serif;margin:10px 0 13px}
.bx-teaser p{color:#c7b5a3;font-size:13px;line-height:1.6;margin:0}
.bx-teaser .bx-button{white-space:nowrap}
@media(max-width:1100px){.bx-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bx-hero-layout{gap:30px}.bx-teaser-inner{grid-template-columns:150px 1fr}.bx-teaser .bx-button{grid-column:2;justify-self:start}.bx-teaser-image{width:150px}}
@media(max-width:820px){.bx-hero-layout{grid-template-columns:1fr;padding-top:95px;padding-bottom:65px}.bx-hero-art{max-width:420px}.bx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bx-statement-grid{grid-template-columns:1fr;gap:26px}.bx-heading{display:block}.bx-heading p{margin-top:20px}.bx-section{padding:65px 0}.bx-dialog-layout{grid-template-columns:1fr 1fr}.bx-dialog-info{padding:35px 20px}.bx-dialog-info h2{font-size:30px}}
@media(max-width:560px){.bx-hero h1{font-size:58px}.bx-hero-layout{padding-top:78px}.bx-topline{font-size:9px}.bx-stats-wrap{grid-template-columns:repeat(3,1fr)}.bx-stat{padding:21px 7px}.bx-stat strong{font-size:32px}.bx-stat span{font-size:8px;line-height:1.5}.bx-grid{gap:9px}.bx-tile-text{padding:14px 10px;min-height:122px}.bx-tile h3{font-size:18px}.bx-section{padding:58px 0}.bx-teaser-inner{display:block}.bx-teaser-image{width:110px;float:left;margin:0 22px 12px 0}.bx-teaser .bx-button{margin-top:22px}.bx-dialog-layout{grid-template-columns:1fr}.bx-dialog img{max-height:48vh}.bx-dialog-info{padding:24px}.bx-dialog-info h2{font-size:29px}.bx-statement{padding:60px 0}.bx-capture{padding:70px 0}}
@media(prefers-reduced-motion:reduce){.bx-tile-image img,.bx-button{transition:none}}
