/* The Brayd Agency Studio — Noir. Same pages, new skin: black lacquer over a dark chrome
   filigree, polished chrome type, gold inlay, sharp cut corners. Loaded after everything. */
:root{
  --ink:#050505; --ink-2:#0A0A0A; --surface:#101010; --surface-2:#161616; --line:#232323; --line-2:#343434;
  --ivory:#F0F0F0; --text:#E2E2E2; --muted:#A0A0A0; --muted-2:#7A7A7A;
  --gold:#C9A45C; --gold-hi:#E9CF8E; --gold-lo:#8A6A1F;
  --rose:#C9C9C9; --rose-hi:#F2F2F2; --rose-lo:#7A7A7A;
  --serif:"Cinzel",Georgia,serif; --sans:"Manrope",system-ui,sans-serif; --mono:"Manrope",system-ui,sans-serif;
  --chrome:linear-gradient(180deg,#FFFFFF 0%,#DCDCDC 20%,#8C8C8C 40%,#F7F7F7 52%,#5E5E5E 70%,#CFCFCF 88%,#9A9A9A 100%);
  --chrome-edge:linear-gradient(135deg,#F2F2F2 0%,#6A6A6A 22%,#D8D8D8 45%,#3C3C3C 62%,#BDBDBD 82%,#5A5A5A 100%);
  --goldsheen:linear-gradient(180deg,#FBEFC6 0%,#E3C276 30%,#A57F2C 56%,#F2D98A 80%,#B8923F 100%);
  --cut:16px;
  --cutpoly:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));
  --filigree:url("https://static.wixstatic.com/media/fd6819_e2ec52d26eea4553b4b52242a41c341b~mv2.png");
  --corner:url("https://static.wixstatic.com/media/fd6819_7bd057937312495c8012b9b030975cef~mv2.png");
}

/* the room: black lacquer over a dark chrome damask, lit from above */
html{background:#050505}
body{background:#050505 url("/noir/img/damask.svg") center top/230px;color:var(--text);font-family:var(--sans);font-weight:400}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 55% at 50% 0%,rgba(255,255,255,.05),transparent 60%),radial-gradient(120% 90% at 50% 40%,rgba(5,5,5,.55),rgba(5,5,5,.93) 75%)}
body::after{display:none!important}
::selection{background:#E9CF8E;color:#050505}
main,section.band,.band.alt,.site-foot{background:transparent}
.band.alt{background:linear-gradient(180deg,rgba(10,10,10,.85),rgba(5,5,5,.7))!important;border-color:#1C1C1C}

/* type: engraved capitals in polished chrome, gold script for the accent words */
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:.03em;color:var(--ivory)}
h1,h2{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;filter:drop-shadow(0 2px 0 rgba(0,0,0,.85))}
h3{font-weight:600}
h1 em,h2 em,.gold,em.serif,em.gold{font-family:"Pinyon Script",serif;font-style:normal;text-transform:none;letter-spacing:0;font-weight:400;background:var(--goldsheen);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .08em}
h1 em,h1 .gold{font-size:1.2em;line-height:.9}
h2 em{font-size:1.15em}
.eyebrow{font:700 11px/1 var(--sans);letter-spacing:.4em;color:#C4C4C4}
.eyebrow::before{width:34px;height:1px;background:linear-gradient(90deg,transparent,#E9CF8E)}
.lede{color:#C2C2C2}
.muted{color:var(--muted)}
a{color:var(--gold-hi)}

/* sharp edges everywhere: cut corners, chrome rims */
.btn{border-radius:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);font:800 11.5px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;min-height:52px;padding:0 30px;transform:none!important;box-shadow:none!important}
.btn-gold{background:var(--chrome);color:#080808;border:0}
.btn-gold:hover{background:var(--goldsheen);color:#080808}
.btn-line{background:linear-gradient(#0A0A0A,#0A0A0A) padding-box,var(--chrome-edge) border-box;border:1px solid transparent;color:#EDEDED}
.btn-line:hover{background:linear-gradient(#141414,#141414) padding-box,var(--goldsheen) border-box;color:var(--gold-hi)}
.btn-sm{min-height:40px;font-size:10.5px;padding:0 18px}
.plan,.plan.featured,.buybox,.co-summary,.co-side,.panel,.allin,.film-dlg video{position:relative;isolation:isolate;border:0!important;border-radius:0!important;background:var(--chrome-edge)!important;clip-path:var(--cutpoly);box-shadow:none!important}
.plan::before,.buybox::before,.co-summary::before,.co-side::before,.panel::before,.allin::before{content:"";position:absolute;inset:1px;z-index:-1;background:linear-gradient(180deg,#111111,#060606);clip-path:polygon(calc(var(--cut) - 1px) 0,100% 0,100% calc(100% - var(--cut) + 1px),calc(100% - var(--cut) + 1px) 100%,0 100%,0 calc(var(--cut) - 1px))}
.allin{gap:1px;background:#2A2A2A!important}
.allin div{background:#080808}
.form-submit,.form-next,.form-back,.tabs button{border-radius:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);font:800 11.5px var(--sans);letter-spacing:.24em;text-transform:uppercase}
.form-submit,.form-next,.tabs button[aria-selected="true"]{background:var(--chrome);color:#080808;border:0}
.tabs{border-radius:0;border-color:#333}
.input,.form-control,.form select,.form textarea,.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form input[type="url"],.form input[type="number"],.form input[type="date"]{border-radius:0;background:#080808;border-color:#333}
.input:focus,.form-control:focus,.form select:focus,.form textarea:focus,.form input:focus{border-color:#E6E6E6;box-shadow:0 0 0 2px rgba(255,255,255,.08)}
.form-choice{border-radius:0;border-color:#333}
.form-choice--selected{border-color:#E9CF8E;background:rgba(201,164,92,.08)}
.form-success,.notice,.co-agree,.skel,.empty{border-radius:0}
.form-success{border-color:#444;background:rgba(255,255,255,.03)}
.notice{border-color:#333;background:rgba(255,255,255,.03);color:#DADADA}
.err{color:#EFC3BB}
.skel,.member-skel{background:linear-gradient(90deg,#0E0E0E,#191919,#0E0E0E);background-size:200% 100%}

/* retire the earlier effects */
.cur-dot,.cur-ring,canvas.glints,canvas.liquid,.cine-media>video{display:none!important}
.has-cursor,.has-cursor *{cursor:auto}

/* header, ticker, intro */
.ticker{background:#000;border-bottom:1px solid #1A1A1A;color:#7A7A7A;font:700 10.5px/1 var(--sans);letter-spacing:.32em}
.ticker-track b{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.site-head{background:rgba(4,4,4,.86);border-bottom:1px solid #1E1E1E}
.brand-name b{font:700 18px/1 var(--serif);letter-spacing:.1em;text-transform:uppercase;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-name span{font:400 21px/1 "Pinyon Script",serif;letter-spacing:0;background:var(--goldsheen);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:1px}
.mark rect{fill:#080808}
.nav a.link,.member-slot .link{font:700 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#C6C6C6}
.nav a.link:hover,.nav a.link[aria-current="page"]{color:#FFF}
.avatar{background:var(--chrome);color:#080808}
.menu-toggle{border-radius:0;border-color:#3A3A3A}
.curtain{background:#000}
.curtain .c-word{color:#D0D0D0;font:700 11px var(--sans);letter-spacing:.6em}

/* hero: the relic, generated art with depth, a slow polish of light across the metal */
.cine{background:#040404;min-height:calc(100svh - 118px)}
.cine::before{background:linear-gradient(90deg,rgba(4,4,4,.97) 0%,rgba(4,4,4,.82) 34%,rgba(4,4,4,.1) 62%,rgba(4,4,4,0) 100%),linear-gradient(0deg,rgba(4,4,4,1) 0%,rgba(4,4,4,0) 32%)}
.hero-art{position:absolute;inset:0;overflow:hidden;z-index:1;perspective:1400px}
.hero-art .plate{position:absolute;inset:-4%;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.22,.61,.12,1);animation:breathe 22s ease-in-out infinite alternate}
.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 50%;filter:contrast(1.08) saturate(.9)}
.hero-art .sheen{position:absolute;inset:0;mix-blend-mode:overlay;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 47%,rgba(255,240,200,.25) 52%,transparent 64%);background-size:250% 100%;animation:polish 9s cubic-bezier(.65,0,.35,1) infinite;pointer-events:none}
@keyframes polish{0%{background-position:130% 0}55%,100%{background-position:-60% 0}}
@keyframes breathe{from{scale:1}to{scale:1.06}}
.cine h1{font-size:clamp(44px,7.2vw,120px);letter-spacing:.03em}
.cine-foot{border-top:1px solid #222;color:#8A8A8A;font:700 10.5px/1.4 var(--sans);letter-spacing:.28em}
.cine-foot b{background:var(--goldsheen);-webkit-background-clip:text;background-clip:text;color:transparent}
.cue i{background:#2A2A2A}.cue i::after{background:#FFF}

/* filigree: dividers between chapters and corners on the set pieces */
section.band::before{content:"";position:absolute;left:50%;top:0;width:min(420px,70vw);height:84px;transform:translate(-50%,-50%);background:var(--filigree) center/contain no-repeat;mix-blend-mode:screen;opacity:.85;pointer-events:none;z-index:2}
.note{position:relative;padding:40px 0}
.note::before,.note::after{content:"";position:absolute;width:130px;height:130px;background:var(--corner) center/contain no-repeat;mix-blend-mode:screen;opacity:.8;pointer-events:none}
.note::before{left:-10px;top:-30px}
.note::after{right:-10px;bottom:-30px;transform:rotate(180deg)}

/* statement */
.statement{font-family:var(--serif);font-weight:600;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(26px,3.6vw,54px);line-height:1.18}
.statement .w{opacity:.13;color:#FFF}
.statement .w.g.lit{background:var(--goldsheen);-webkit-background-clip:text;background-clip:text;color:transparent}
.statement .w.r.lit{font-style:normal;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.state-grid .side{border-left-color:#2A2A2A}

/* the reel: chrome devices */
.lid{border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#3A3A3A,#101010);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 2px 0 rgba(255,255,255,.28),0 60px 120px -50px rgba(255,255,255,.14),0 30px 60px -30px rgba(0,0,0,.9)}
.base{background:var(--chrome);border-radius:0 0 6px 6px}
.base::after{background:#2A2A2A}
.phone{background:linear-gradient(160deg,#4A4A4A,#121212);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 40px 80px -30px rgba(0,0,0,.95)}
.stage .glint{background:radial-gradient(50% 45% at 55% 50%,rgba(255,255,255,.07),transparent 70%)}
.concepts b{font-family:var(--serif);font-weight:600;letter-spacing:.05em;font-size:21px;color:#BDBDBD;text-transform:uppercase}
.concepts button[aria-selected="true"] b{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.concepts button[aria-selected="true"]{background:linear-gradient(90deg,rgba(255,255,255,.05),transparent)}
.concepts button[aria-selected="true"] .no{color:var(--gold-hi)}
.concepts .bar::after{background:linear-gradient(90deg,#FFF,#E9CF8E)}
.reel-links a,.reel-links button{color:#EDEDED}

/* numbers */
.numbers{background:rgba(5,5,5,.75)}
.numbers b{font-family:var(--serif);font-weight:600;background:var(--chrome);-webkit-background-clip:text;background-clip:text}
.numbers b sup{-webkit-text-fill-color:var(--gold-hi);font:800 .2em var(--sans);letter-spacing:.14em;text-transform:uppercase}
.numbers>div>span{font:700 10.5px/1.6 var(--sans);letter-spacing:.26em}

/* lists, steps, faq */
.ed-list .ic{border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--chrome-edge);border:0}
.ed-list .ic svg{stroke:#080808}
.ed-list li::after{background:linear-gradient(90deg,#FFF,#E9CF8E,transparent)}
.ed-list h3{font-size:clamp(17px,1.6vw,21px);text-transform:uppercase;letter-spacing:.06em}
.how .n{font-family:var(--serif);background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.how .when{color:var(--gold-hi);font:800 10.5px var(--sans);letter-spacing:.26em}
.how li::before{background:linear-gradient(90deg,#FFF,#E9CF8E)}
.how h3{text-transform:uppercase;font-size:19px;letter-spacing:.06em}
.faq summary{font-family:var(--serif);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(15px,1.5vw,19px)}
.faq summary::after{color:#EDEDED}
.faq details{border-color:#222}

/* films in silver */
[data-film]>video{filter:grayscale(1) contrast(1.2) brightness(.5)!important}
.interlude::after{background:radial-gradient(70% 70% at 50% 50%,rgba(4,4,4,.2),rgba(4,4,4,.92) 85%)}
.interlude-line{font-family:var(--serif);font-weight:600;text-transform:uppercase;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(38px,6.6vw,104px)}
.interlude-line em{font-size:1.2em}

/* founder note */
.note blockquote{font-family:var(--serif);font-weight:500;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(20px,2.4vw,32px);line-height:1.4;color:#E4E4E4}
.note blockquote em{font-family:"Pinyon Script",serif;text-transform:none;font-size:1.4em;background:var(--goldsheen);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}
.note .sig b{font-family:"Pinyon Script",serif;font-style:normal;font-size:46px;background:var(--goldsheen);-webkit-background-clip:text;background-clip:text;color:transparent}

/* pricing */
.plan-tag{position:static!important;align-self:center;background:none!important;color:var(--gold-hi)!important;font:800 10.5px var(--sans)!important;letter-spacing:.32em!important;padding:0!important}
.plan h3{text-transform:uppercase;font-size:clamp(22px,2.2vw,30px)!important;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.price b{font-family:var(--serif);font-weight:600;background:var(--goldsheen);-webkit-background-clip:text;background-clip:text;color:transparent}
.fee{color:#D0D0D0}
.perks svg path{stroke:#E9CF8E}
.allin b{font-family:var(--serif);text-transform:uppercase;font-size:16px;letter-spacing:.08em}
.timeline li::before{border-radius:0;transform:rotate(45deg);background:var(--chrome);box-shadow:none}
.timeline li:not(:last-child)::after{background:#3A3A3A}

/* the journey */
.stepper li span{border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:0;background:#1E1E1E;width:34px;height:34px}
.stepper li[aria-current] span{background:var(--chrome);color:#080808;box-shadow:none}
.stepper li.done span{background:var(--goldsheen);color:#080808}
.stepper li+li::before{background:linear-gradient(90deg,#FFF,#E9CF8E)}
.co-summary h2{font-size:clamp(24px,2.4vw,34px)}
.co-line span{font-family:var(--serif);text-transform:uppercase;font-size:16px;letter-spacing:.06em}
.co-line b{font-family:var(--serif);background:var(--goldsheen);-webkit-background-clip:text;background-clip:text;color:transparent}
.co-note{color:#D0D0D0}
.co-agree{border-color:#333;background:rgba(255,255,255,.02)}
.co-agree input{accent-color:#DADADA}
.gate .lock{border-radius:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:0;background:var(--chrome-edge)}
.gate .lock svg{stroke:#080808}

/* finale: filigree crown above the last word */
.final-cine{background:transparent}
.final-cine .relic-img{display:block;width:min(240px,50vw);margin:0 auto 26px;mix-blend-mode:screen;animation:float 9s ease-in-out infinite alternate}
@keyframes float{from{transform:translateY(-6px)}to{transform:translateY(8px)}}
.final-cine h2{font-size:clamp(34px,5.4vw,88px)}

/* footer */
.site-foot{background:rgba(3,3,3,.92)!important;border-top:1px solid #1A1A1A}
.foot-grid h4{color:var(--gold-hi);font:800 10.5px var(--sans);letter-spacing:.32em}

@media (prefers-reduced-motion:reduce){.hero-art .sheen,.hero-art .plate,.final-cine .relic-img{animation:none}}
@media (max-width:760px){.hero-art img{object-position:80% 50%}.cine::before{background:linear-gradient(0deg,rgba(4,4,4,1) 0%,rgba(4,4,4,.75) 45%,rgba(4,4,4,.35) 100%)}}
/* the promise */
.promise-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
@media (max-width:900px){.promise-grid{grid-template-columns:1fr}}
.vows{list-style:none;margin:30px 0 34px;padding:0;border-top:1px solid #262626}
.vows li{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1px solid #262626}
.vows b{font:600 15px/1.4 var(--serif);text-transform:uppercase;letter-spacing:.08em;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.vows span{color:#BDBDBD}
@media (max-width:620px){.vows li{grid-template-columns:1fr;gap:6px}}