/* Browka Luxury System v6 — shared tokens and interaction language */
:root{
  --bx-wine-1000:#250504;
  --bx-wine-950:#340504;
  --bx-wine-900:#480706;
  --bx-wine-800:#650807;
  --bx-wine-700:#810907;
  --bx-wine-600:#990b08;
  --bx-red:#a90d09;
  --bx-ivory:#fffaf6;
  --bx-paper:#fffdfb;
  --bx-cream:#f8f0eb;
  --bx-cream-2:#f2e5de;
  --bx-champagne:#d7ae84;
  --bx-champagne-soft:#edcfad;
  --bx-ink:#181210;
  --bx-muted:#776663;
  --bx-muted-2:#9a8781;
  --bx-line:rgba(81,38,32,.14);
  --bx-line-wine:rgba(153,11,8,.18);
  --bx-line-dark:rgba(255,247,240,.13);
  --bx-radius-sm:14px;
  --bx-radius-md:20px;
  --bx-radius-lg:30px;
  --bx-radius-xl:42px;
  --bx-shadow-soft:0 28px 76px -48px rgba(72,7,5,.28),0 12px 30px -24px rgba(32,12,10,.18);
  --bx-shadow-card:0 34px 74px -48px rgba(83,8,6,.34),0 14px 34px -28px rgba(28,10,8,.18);
  --bx-shadow-hover:0 46px 100px -48px rgba(87,7,5,.42),0 22px 44px -30px rgba(28,10,8,.2);
  --bx-container:1440px;
  --bx-pad:clamp(16px,3.2vw,52px);
  --bx-section:clamp(78px,9vw,142px);
  --bx-ease:cubic-bezier(.16,1,.3,1);
  --bx-ease-soft:cubic-bezier(.22,1,.36,1);
  --bx-fast:240ms;
  --bx-base:520ms;
  --bx-slow:900ms;
  --header-offset:124px;

  /* backwards compatibility */
  --container:var(--bx-container);
  --page-pad:var(--bx-pad);
  --wine:var(--bx-wine-700);
  --ink:var(--bx-ink);
  --ease-silk:var(--bx-ease);
  --shadow-soft:var(--bx-shadow-soft);
}

html{background:var(--bx-paper);scroll-padding-top:calc(var(--header-offset) + 18px)}
body{padding-top:var(--header-offset);background:
  radial-gradient(1000px 640px at 100% -5%,rgba(153,11,8,.035),transparent 68%),
  radial-gradient(900px 620px at -10% 58%,rgba(215,174,132,.045),transparent 70%),
  var(--bx-paper);color:var(--bx-ink)}
main{display:block;min-width:0}
.container{max-width:var(--bx-container)}

/* Editorial type */
h1,h2,.bx-display{font-family:"Fraunces",Georgia,serif;font-weight:430;letter-spacing:-.045em;text-wrap:balance}
h3,h4,h5,h6{letter-spacing:-.025em}
.eyebrow,.bx-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0;color:var(--bx-wine-700);font-size:10px;font-weight:700;line-height:1.2;letter-spacing:.22em;text-transform:uppercase}
.eyebrow::before,.bx-eyebrow::before{content:"";width:18px;height:1px;background:currentColor;opacity:.62}

/* Buttons: one family everywhere */
.btn{position:relative;isolation:isolate;min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;font-size:12px;font-weight:700;line-height:1;letter-spacing:.055em;text-transform:uppercase;transition:transform .45s var(--bx-ease),box-shadow .45s var(--bx-ease),border-color .35s ease,color .35s ease,background .35s ease}
.btn::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none}
.btn--primary{color:#fff;background:linear-gradient(135deg,var(--bx-wine-700),var(--bx-red));border-color:rgba(130,8,6,.88);box-shadow:0 19px 38px -22px rgba(137,9,6,.75)}
.btn--primary::before{background:linear-gradient(135deg,var(--bx-wine-950),var(--bx-wine-800));transform:scaleX(0);transform-origin:left;transition:transform .55s var(--bx-ease)}
.btn--primary:hover::before{transform:scaleX(1)}
.btn--primary:hover{box-shadow:0 26px 50px -22px rgba(115,5,4,.68)}
.btn--outline{color:var(--bx-wine-700);background:rgba(255,253,251,.78);border-color:rgba(153,11,8,.24);backdrop-filter:blur(12px)}
.btn--outline::before{background:var(--bx-wine-700);clip-path:circle(0 at 50% 50%);transition:clip-path .55s var(--bx-ease)}
.btn--outline:hover{color:#fff;border-color:var(--bx-wine-700)}
.btn--outline:hover::before{clip-path:circle(150% at 50% 50%)}
.btn--dark-glass{color:#fffaf6;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);backdrop-filter:blur(14px)}
.btn--dark-glass:hover{background:rgba(255,255,255,.12);border-color:rgba(232,197,157,.5)}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible{outline:2px solid var(--bx-champagne);outline-offset:4px}

/* Shared section heading */
.bx-section-head{max-width:var(--bx-container);margin:0 auto clamp(28px,4vw,54px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:clamp(28px,5vw,80px);align-items:end}
.bx-section-head__title{max-width:900px;margin:10px 0 0;font-size:clamp(46px,5.4vw,78px);line-height:.94}
.bx-section-head__text{max-width:540px;margin:0;color:var(--bx-muted);font-size:14px;line-height:1.8}
.bx-section-head__actions{display:flex;align-items:center;gap:12px;margin-top:22px}

/* Shared light and dark surfaces */
.bx-frame{position:relative;max-width:var(--bx-container);margin-inline:auto;border:1px solid var(--bx-line-wine);border-radius:var(--bx-radius-xl);background:linear-gradient(150deg,#fffefd,#fff9f5);box-shadow:var(--bx-shadow-soft);overflow:hidden}
.bx-frame--wine{color:#fff8f2;background:
  radial-gradient(700px circle at var(--mx,78%) var(--my,12%),rgba(221,162,119,.2),transparent 52%),
  linear-gradient(128deg,var(--bx-wine-1000),var(--bx-wine-800) 54%,#920b08 100%);border-color:rgba(218,177,133,.25);box-shadow:0 42px 100px -55px rgba(70,0,0,.72)}

/* Global micro-interactions */
[data-lux-glow]{--mx:70%;--my:10%}
[data-lux-glow]::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(380px circle at var(--mx) var(--my),rgba(255,255,255,.09),transparent 58%);opacity:0;transition:opacity .35s ease}
[data-lux-glow]:hover::after{opacity:1}
[data-reveal],.reveal,.reveal-stagger>*{opacity:1;transform:none}

/* Safe long-title behavior everywhere */
[data-fluid-title]{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal;text-wrap:balance}

/* Accessibly hide only from visual layout */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:1024px){
  :root{--header-offset:112px;--bx-section:clamp(68px,8vw,112px)}
  .bx-section-head{grid-template-columns:1fr;gap:16px}
  .bx-section-head__text{max-width:680px}
}
@media(max-width:820px){:root{--header-offset:88px}}
@media(max-width:640px){
  :root{--bx-pad:12px;--bx-section:clamp(58px,15vw,92px)}
  .bx-section-head__title{font-size:clamp(40px,12vw,58px)}
  .btn{min-height:48px;padding-inline:18px;font-size:10px}
  .bx-frame{border-radius:26px}
}
@media(hover:none){.btn:hover{transform:none}[data-lux-glow]::after{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.btn:hover{transform:none!important}}

/* v6 final interaction safeguards */
body.no-scroll{overflow:hidden!important;touch-action:none}
::selection{background:var(--bx-wine-700);color:#fffaf6}
@media(max-width:640px){.bx-section-head{margin-bottom:28px}.bx-section-head__text{font-size:12px;line-height:1.7}}