/* Ackerman Decadence floor.
   Structure mirrors downtown-tan/flow.css (flow-band / campaign / storeband)
   scoped to body.ad-flow. Palette is the mansion night: navy, gold, velvet.
   No cream paper mats and no pastel cards. */

:root{
  --navy:#07111d;
  --ink:#0c1830;
  --velvet:#140c18;
  --gold:#e7c568;
  --gold2:#fbe3a2;
  --cream:#f6efe2;
  --line:rgba(231,197,104,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ad-flow{
  margin:0;
  background:var(--navy);
  color:var(--cream);
  font:17px/1.5 Georgia,"Iowan Old Style",Palatino,serif;
}
body.ad-flow a{color:inherit;text-decoration:none}
body.ad-flow a:focus-visible,body.ad-flow .btn:focus-visible{outline:3px solid #fbe3a2;outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;z-index:50;background:#fbe3a2;color:#07111d;padding:10px 14px}
.skip:focus{left:12px}
body.ad-flow img{max-width:100%;display:block}
body.ad-flow main>*{margin:0}

.top{
  position:absolute;inset:0 0 auto;z-index:20;color:#fff;
  background:linear-gradient(#07111dcc,transparent);
}
.nav{min-height:92px;display:flex;align-items:center;gap:18px;width:min(1240px,92vw);margin:auto}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 6px 16px #000)}
.brand img.rqs{width:34px;height:34px}
.brand b{display:block;font:700 22px/1 Georgia,serif;letter-spacing:.12em}
.brand small{display:block;margin-top:5px;font:700 9px/1.2 system-ui,sans-serif;letter-spacing:.18em;color:var(--gold)}
.links{margin-left:auto;display:flex;gap:22px;align-items:center;font:800 12px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.links a.shop{border:1px solid var(--gold);color:var(--gold2);padding:11px 16px;border-radius:999px}

.hero,.flow-band,.campaign,.storeband,.salon{
  position:relative;isolation:isolate;overflow:hidden;color:#fff;
  min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;
  background:var(--ink);
}
.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero:after,.flow-band:after,.campaign:after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,17,29,.18) 0%,rgba(7,17,29,.08) 40%,rgba(7,17,29,.82) 100%);
}
.hero-copy,.flow-copy,.campaign .copy,.storecopy{
  position:relative;z-index:2;width:min(860px,100%);padding:18vh 6vw 40px;
}
.ey{font:900 11px/1.3 system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3{font-family:Georgia,serif;font-weight:600;letter-spacing:-.03em;text-shadow:0 2px 18px #000c}
h1{font-size:clamp(56px,9vw,108px);line-height:.88;margin:12px 0}
.hero p,.flow-copy p,.campaign p,.storecopy p{color:#f7efe6;max-width:40rem;text-shadow:0 1px 10px #000a;margin:8px 0 0}
.flow-copy h2{font-size:clamp(46px,8vw,84px);line-height:.92;margin:8px 0}
.flow-copy h3{font-size:clamp(36px,6vw,58px);line-height:.95;margin:8px 0}
.flow-copy b{display:inline-block;margin-top:14px;letter-spacing:.08em;font:900 13px system-ui,sans-serif}

.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:50px;
  padding:12px 22px;border-radius:999px;font:900 14px/1 system-ui,sans-serif;letter-spacing:.04em;
}
.btn.gold{
  color:#2a1606;
  background:linear-gradient(180deg,#fbe3a2,#e8b65a 45%,#b27a26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 0 0 1px #8a5a1c,0 8px 22px rgba(231,197,104,.28);
}
.btn.ghost{border:1px solid rgba(251,227,162,.7);color:#fff;background:rgba(7,17,29,.35)}

.storeband{padding:0;background:transparent}
.salon .flow-copy,.storeband .storegrid{
  position:relative;z-index:2;width:min(1440px,100%);max-width:none;
  padding:22vh 4vw 32px;
  background:linear-gradient(180deg,transparent,rgba(7,17,29,.78) 38%,rgba(7,17,29,.9));
}
.deck{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;
}
.deck.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.luxcard{
  display:flex;flex-direction:column;gap:8px;padding:16px 16px 14px;
  color:var(--cream);
  background:linear-gradient(180deg,rgba(12,18,32,.62),rgba(7,17,29,.86));
  box-shadow:0 0 0 1px var(--line),0 16px 40px rgba(0,0,0,.4);
  backdrop-filter:blur(10px);
}
.luxcard h3{margin:0;font-size:clamp(22px,2vw,28px);line-height:1.05;text-shadow:none;color:#fff}
.luxcard p{margin:0;color:#f3e7d4;font-size:15px;text-shadow:none}
.luxcard .sku{font:700 11px/1.3 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.luxcard .btn{align-self:flex-start;margin-top:auto}
.luxcard .actions{margin-top:auto}
.note{font:15px/1.45 system-ui,sans-serif;color:#ecdcc0}

.wm{position:absolute;right:14px;z-index:4;margin:0;color:#fff;font:600 12px/1 system-ui,sans-serif;letter-spacing:.04em;pointer-events:none}
.wm-imaging{bottom:28px;opacity:.12}

.foot{
  background:var(--navy);color:#cbb98a;text-align:center;
  padding:28px 16px 36px;font:14px/1.6 system-ui,sans-serif;
}
.foot strong{display:block;color:var(--gold);font:700 18px/1.2 Georgia,serif;letter-spacing:.16em}
.foot a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.pow{margin:14px 0 0;letter-spacing:.08em;text-transform:uppercase;color:#f6efe2;font-weight:700}

@media(max-width:900px){
  .links a:not(.shop){display:none}
  .nav{min-height:76px}
  .deck,.deck.three{grid-template-columns:1fr 1fr}
  h1{font-size:58px}
  .salon,.storeband{overflow:visible;min-height:0}
  .salon .ph,.storeband .ph{position:absolute;height:100%;min-height:100%}
}
@media(max-width:640px){
  .deck,.deck.three{grid-template-columns:1fr}
  .hero .actions,.campaign .actions{display:grid}
  .hero .btn,.campaign .btn{width:100%}
  .luxcard .btn{width:100%}
  .hero{min-height:100svh}
}