@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=DM+Sans:wght@200;300;400;500&display=swap');

/* ─── TOKENS ─────────────────────────────────── */
:root{
  --bg:#06150e;--bg1:#0a2417;--bg2:#0f3a26;--bg3:#154a30;
  --gold:#cdb277;--gold-lt:#f0dcab;--gold-dk:#b89a5f;
  --gold-glow:rgba(205,178,119,.28);
  --terra:#d4763a;
  --white:#f0e8d8;--muted:#7a7068;--dim:#3a332a;
  --line:rgba(255,255,255,.072);--line-g:rgba(201,168,76,.15);
  --radius:16px;--radius-sm:10px;--radius-lg:24px;
  --ease:cubic-bezier(.16,1,.3,1);--ease-out:cubic-bezier(.4,0,.2,1);
  /* legacy aliases used by admin/existing templates */
  --black:var(--bg);--surface-0:var(--bg1);--surface-1:var(--bg1);
  --surface-2:var(--bg2);--surface-3:var(--bg3);
  --amber:var(--gold);--amber-light:var(--gold-lt);--amber-bright:var(--gold-lt);
  --amber-dim:var(--gold-dk);--amber-glow:var(--gold-glow);
  --glass-bg:rgba(255,255,255,.028);--glass-bg-hv:rgba(255,255,255,.056);
  --glass-border:var(--line);--glass-border-hv:rgba(255,255,255,.14);
  --glass-amber:rgba(201,168,76,.07);
}

/* ─── RESET ───────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--white);overflow-x:hidden;cursor:none;line-height:1.6}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{border:none;background:none;font-family:inherit;cursor:none}
a,button,[role=button]{cursor:none}

/* ─── GRAIN ───────────────────────────────────── */
body::before{content:'';position:fixed;inset:-50%;width:200%;height:200%;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.05;mix-blend-mode:overlay;pointer-events:none;z-index:1;animation:grain 7s steps(10) infinite}

/* ─── ANIMATIONS ──────────────────────────────── */
@keyframes grain{0%,100%{transform:translate(0,0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,2%)}30%{transform:translate(-1%,4%)}40%{transform:translate(2%,-1%)}50%{transform:translate(-3%,3%)}60%{transform:translate(1%,-2%)}70%{transform:translate(-2%,1%)}80%{transform:translate(3%,-3%)}90%{transform:translate(-1%,2%)}}
@keyframes word-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes line-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes spin-slow{to{transform:rotate(360deg)}}
@keyframes grad-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes fade-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ─── CURSOR ──────────────────────────────────── */
.cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:9990;transform:translate(-50%,-50%);transition:width .2s var(--ease),height .2s var(--ease)}
.cursor-ring{position:fixed;top:0;left:0;width:32px;height:32px;border:1px solid rgba(201,168,76,.4);border-radius:50%;pointer-events:none;z-index:9989;transform:translate(-50%,-50%);transition:width .35s var(--ease),height .35s var(--ease),border-color .3s}
.cursor-dot.hovering{width:10px;height:10px}
.cursor-ring.hovering{width:48px;height:48px;border-color:var(--gold)}
.cursor-dot.clicking{width:8px;height:8px}
.cursor-ring.clicking{width:24px;height:24px}

/* ─── SCROLL PROGRESS ─────────────────────────── */
.scroll-progress{position:fixed;top:0;left:0;height:1px;background:linear-gradient(90deg,var(--gold),var(--terra));z-index:9988;width:0;box-shadow:0 0 8px var(--gold-glow);transition:width .1s linear}

/* ─── NAV ─────────────────────────────────────── */
.nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:calc(100% - 28px);max-width:1200px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px 10px 10px;background:rgba(8,8,8,.72);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--line-g);border-radius:50px;z-index:200;transition:all .4s var(--ease-out)}
.nav.scrolled{background:rgba(8,8,8,.94);border-color:rgba(201,168,76,.24);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.nav-vinyl-btn{display:flex;align-items:center;gap:10px;cursor:none;flex-shrink:0}
.nav-monogram{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-g);display:flex;align-items:center;justify-content:center;background:rgba(201,168,76,.03);transition:border-color .3s,box-shadow .3s;flex-shrink:0}
.nav-monogram:hover{border-color:var(--gold);box-shadow:0 0 16px var(--gold-glow)}
.nav-monogram span{font-family:'Cormorant Garamond',serif;font-size:.85rem;font-weight:600;color:var(--gold)}
/* Keep legacy .vinyl-logo for any pages still using it */
.vinyl-logo{width:36px;height:36px;animation:spin-slow 10s linear infinite;flex-shrink:0;filter:drop-shadow(0 0 8px var(--gold-glow))}
.nav-brand{display:flex;flex-direction:column;line-height:1.2}
.nav-brand-name{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:.84rem;letter-spacing:.04em}
.nav-brand-title{font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:400}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-link{padding:7px 14px;font-size:.75rem;letter-spacing:.04em;color:var(--muted);border-radius:50px;transition:color .2s,background .2s;cursor:none;position:relative;overflow:hidden}
.nav-link:hover,.nav-link.active{color:var(--white);background:rgba(255,255,255,.04)}
.nav-cta{padding:8px 20px;background:linear-gradient(135deg,var(--gold-lt),var(--gold),var(--terra));background-size:200% 200%;animation:grad-shift 5s ease infinite;color:#08060a;font-weight:500;font-size:.73rem;border-radius:50px;letter-spacing:.08em;text-transform:uppercase;cursor:none;transition:box-shadow .3s,transform .3s;flex-shrink:0}
.nav-cta:hover{box-shadow:0 0 0 1px var(--gold),0 6px 30px var(--gold-glow);transform:translateY(-1px)}
.nav-hamburger{display:none;flex-direction:column;gap:5px;padding:8px;cursor:none;flex-shrink:0}
.nav-hamburger span{display:block;width:20px;height:1.5px;background:var(--white);border-radius:2px;transition:all .3s}
.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ─── MOBILE MENU ─────────────────────────────── */
.nav-mobile{display:none;position:fixed;inset:0;background:rgba(8,8,8,.97);backdrop-filter:blur(20px);z-index:199;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:0;transition:opacity .3s}
.nav-mobile.open{display:flex;opacity:1}
.nav-mobile .nav-link{font-family:'Cormorant Garamond',serif;font-size:2.2rem;font-weight:400;font-style:italic;color:var(--white);cursor:none;transition:color .2s;padding:10px 0;letter-spacing:.02em}
.nav-mobile .nav-link:hover{color:var(--gold);background:transparent}
.nav-mobile .nav-cta{margin-top:12px;font-family:'DM Sans',sans-serif;font-style:normal;font-size:.8rem;padding:12px 32px}

/* ─── HERO ────────────────────────────────────── */
.hero{position:relative;min-height:100svh;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 52px 64px;overflow:hidden;background:var(--bg)}
.h-light1{position:absolute;top:-80px;right:-60px;width:700px;height:600px;background:radial-gradient(ellipse,rgba(212,118,58,.18) 0%,transparent 65%);filter:blur(60px);pointer-events:none;animation:breathe 10s ease-in-out infinite}
.h-light2{position:absolute;bottom:-100px;left:-100px;width:500px;height:400px;background:radial-gradient(ellipse,rgba(201,168,76,.08) 0%,transparent 65%);filter:blur(80px);pointer-events:none;animation:breathe 14s 2s ease-in-out infinite}
.h-vline{position:absolute;top:0;right:200px;width:1px;height:100%;background:linear-gradient(to bottom,transparent,var(--line) 20%,var(--line) 80%,transparent);pointer-events:none}
.h-label{position:absolute;top:40px;left:52px;display:flex;align-items:center;gap:14px;font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);animation:fade-in 1s 1.2s var(--ease) both}
.h-label::before{content:'';display:block;width:32px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.h-main{position:relative;z-index:2}
.h-cascade{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(4rem,11.5vw,10.5rem);line-height:.93;letter-spacing:-.02em;margin-bottom:56px;color:var(--white)}
.cw{display:block;animation:word-rise .9s var(--ease) both}
.cw:nth-child(1){margin-left:0;animation-delay:.04s}
.cw:nth-child(2){margin-left:7%;animation-delay:.18s}
.cw:nth-child(3){margin-left:14%;animation-delay:.32s}
.cw:nth-child(4){margin-left:21%;animation-delay:.46s;color:var(--gold)}
.cw:nth-child(5){margin-left:5%;animation-delay:.60s}
.h-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;border-top:1px solid var(--line);padding-top:28px;animation:fade-in 1s .9s var(--ease) both}
.h-meta{font-size:.78rem;color:var(--muted);letter-spacing:.04em;line-height:1.7}
.h-meta strong{color:var(--white);font-weight:400;display:block;margin-bottom:4px;font-family:'Cormorant Garamond',serif;font-size:1rem;font-style:italic}
.h-acts{display:flex;gap:12px;flex-shrink:0}
.h-scroll{position:absolute;right:28px;top:50%;transform:translateY(-50%) rotate(90deg);font-size:.56rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);opacity:.4;white-space:nowrap;display:flex;align-items:center;gap:14px;animation:fade-in 1s 1.4s both}
.h-scroll::before{content:'';display:block;width:48px;height:1px;background:var(--gold);opacity:.4}

/* ─── BUTTONS ─────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:50px;font-weight:400;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;transition:all .3s var(--ease);cursor:none;border:none;font-family:'DM Sans',sans-serif;position:relative;overflow:hidden}
.btn-primary{background:linear-gradient(135deg,var(--gold-lt) 0%,var(--gold) 50%,var(--terra) 100%);background-size:200% 200%;color:#08060a;font-weight:500;animation:grad-shift 5s ease infinite}
.btn-primary:hover{box-shadow:0 0 0 1px var(--gold),0 8px 40px var(--gold-glow);transform:translateY(-2px)}
.btn-ghost{background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--white);backdrop-filter:blur(8px)}
.btn-ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(201,168,76,.25);transform:translateY(-2px)}
.btn-lg{padding:15px 34px;font-size:.81rem}
.btn-sm{padding:9px 18px;font-size:.72rem}
.btn svg{width:16px;height:16px}

/* ─── STATS ───────────────────────────────────── */
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg1)}
.stat-item{padding:52px 40px;border-right:1px solid var(--line)}
.stat-item:last-child{border-right:none}
.stat-number{display:block;font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:300;line-height:1;color:var(--gold);margin-bottom:10px}
.stat-label{font-size:.61rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}

/* ─── SECTION HELPERS ─────────────────────────── */
.section{padding:100px 52px;max-width:1300px;margin:0 auto}
.section-header{margin-bottom:60px}
.section-header.centered{text-align:center}
.lbl-sm{font-size:.57rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-weight:400;display:block;margin-bottom:20px}
.display{font-family:'Cormorant Garamond',serif;font-weight:400;line-height:1.06;letter-spacing:-.01em}
.display em{font-style:italic;font-weight:300;color:var(--gold)}
.display-xl{font-size:clamp(3.2rem,9vw,8.5rem)}
.display-lg{font-size:clamp(2.4rem,5.5vw,5rem)}
.display-md{font-size:clamp(1.8rem,3.5vw,3.2rem)}
.display-sm{font-size:clamp(1.3rem,2.5vw,2.2rem)}
.gold-text{background:linear-gradient(135deg,var(--gold-lt),var(--gold),var(--gold-dk));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.body-lg{font-size:.95rem;line-height:1.85;color:var(--muted)}
.body-md{font-size:.88rem;line-height:1.78;color:var(--muted)}
.label{font-family:'DM Sans',sans-serif;font-weight:500;letter-spacing:.22em;text-transform:uppercase;font-size:.61rem;color:var(--gold);display:inline-block}
.groove-line{height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.15) 30%,rgba(201,168,76,.3) 50%,rgba(201,168,76,.15) 70%,transparent);margin:60px 0}

/* ─── IDENTITY ────────────────────────────────── */
.ident-split{display:grid;grid-template-columns:1fr 1fr;min-height:500px;border-bottom:1px solid var(--line)}
.ident-l{padding:80px 64px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;background:var(--bg)}
.ident-r{padding:80px 64px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;background:var(--bg1)}
.ident-r::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 100% 80% at 100% 50%,rgba(201,168,76,.04) 0%,transparent 60%);pointer-events:none}
.ghost-num{position:absolute;bottom:-30px;right:-20px;font-family:'Cormorant Garamond',serif;font-size:clamp(9rem,18vw,16rem);font-weight:200;color:rgba(201,168,76,.04);line-height:1;pointer-events:none;user-select:none;font-style:italic}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;justify-content:center}
.pill-tag{padding:5px 16px;border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:.67rem;letter-spacing:.1em;color:rgba(255,255,255,.65);font-weight:300;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s;cursor:none}
.pill-tag:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.9)}
/* legacy alias */
.about-pill{padding:5px 14px;border:1px solid rgba(201,168,76,.2);border-radius:50px;font-size:.67rem;letter-spacing:.1em;color:var(--gold);font-weight:300;transition:all .2s;cursor:none}
.about-pill:hover{background:rgba(201,168,76,.06);border-color:rgba(201,168,76,.4)}

/* ─── SERVICES LIST ───────────────────────────── */
.svc-list-head{padding:72px 64px 48px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:40px;background:var(--bg1)}
.svc-row{display:grid;grid-template-columns:80px 1fr 40px;gap:40px;align-items:start;padding:40px 64px;border-bottom:1px solid var(--line);transition:background .25s;cursor:none;background:var(--bg1)}
.svc-row:hover{background:rgba(201,168,76,.025)}
.svc-row:last-child{border-bottom:none}
.svc-num{font-family:'Cormorant Garamond',serif;font-size:.85rem;color:var(--gold);letter-spacing:.08em;padding-top:4px}
.svc-sub{font-size:.61rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.svc-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:400;margin-bottom:8px;transition:color .2s}
.svc-row:hover .svc-title{color:var(--gold)}
.svc-desc{font-size:.84rem;line-height:1.75;color:var(--muted);max-width:480px}
.svc-arr{color:var(--muted);transition:color .2s,transform .2s;font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-style:italic;padding-top:4px}
.svc-row:hover .svc-arr{color:var(--gold);transform:translateX(4px)}

/* ─── SERVICE CARDS (used on services.html) ───── */
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.service-card{padding:36px 28px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:var(--radius);transition:all .35s var(--ease);position:relative;overflow:hidden;cursor:none}
.service-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform .4s var(--ease)}
.service-card:hover{border-color:rgba(201,168,76,.2);transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.service-card:hover::after{transform:scaleX(1)}
.service-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(201,168,76,.10),rgba(201,168,76,.02));border:1px solid rgba(201,168,76,.15);display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:all .3s var(--ease)}
.service-card:hover .service-icon{box-shadow:0 0 20px rgba(201,168,76,.12)}
.service-icon svg{width:22px;height:22px;color:var(--gold)}
.service-number{font-size:.58rem;letter-spacing:.2em;color:var(--gold-dk);margin-bottom:12px;font-weight:500;text-transform:uppercase}
.service-title{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.15rem;margin-bottom:10px}
.service-desc{font-size:.84rem;line-height:1.75;color:var(--muted)}
.service-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);transition:gap .2s}
.service-link:hover{gap:10px}
.service-link svg{width:12px;height:12px}

/* ─── MIX CARDS ───────────────────────────────── */
.mixes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.mix-card{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s var(--ease);cursor:none}
.mix-card:hover{border-color:rgba(201,168,76,.22);box-shadow:0 24px 80px rgba(0,0,0,.6),inset 0 0 40px rgba(201,168,76,.02);transform:translateY(-4px)}
.mix-artwork{aspect-ratio:1;background:var(--bg2);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mix-artwork img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);position:absolute;inset:0}
.mix-card:hover .mix-artwork img{transform:scale(1.06)}
.mix-artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 40%,rgba(201,168,76,.05) 0%,transparent 60%),var(--bg2)}
.mix-artwork-vinyl{width:72px;height:72px;animation:spin-slow 8s linear infinite;opacity:.3}
.mix-play-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.mix-card:hover .mix-play-overlay{opacity:1}
.mix-play-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--gold-lt),var(--gold));display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px var(--gold-glow);transition:transform .2s}
.mix-play-btn:hover{transform:scale(1.1)}
.mix-play-btn svg{width:22px;height:22px;color:#08060a}
.mix-badge{position:absolute;top:12px;left:12px;padding:3px 10px;border-radius:50px;font-size:.58rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.mix-badge-featured{background:linear-gradient(135deg,var(--gold-lt),var(--gold));color:#08060a}
.mix-genre-tag{display:inline-block;padding:3px 10px;border:1px solid rgba(201,168,76,.28);border-radius:50px;font-size:.59rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.mix-body{padding:20px 22px}
.mix-title{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.15rem;margin-bottom:8px;line-height:1.25}
.mix-meta{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.mix-duration,.mix-plays{font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:4px}

/* ─── FILTER TABS ─────────────────────────────── */
.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.filter-tab{padding:7px 18px;border-radius:50px;border:1px solid var(--line);font-size:.74rem;font-weight:400;letter-spacing:.05em;color:var(--muted);cursor:none;transition:all .25s var(--ease);font-family:'DM Sans',sans-serif}
.filter-tab:hover{border-color:rgba(201,168,76,.28);color:var(--white)}
.filter-tab.active{background:linear-gradient(135deg,var(--gold-lt),var(--gold));border-color:transparent;color:#08060a;font-weight:600}

/* ─── QUOTE ───────────────────────────────────── */
.quote-section{padding:120px 64px;background:var(--bg);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.quote-bg-mark{position:absolute;top:-60px;left:10px;font-family:'Cormorant Garamond',serif;font-size:clamp(18rem,38vw,32rem);font-weight:200;font-style:italic;line-height:1;color:rgba(201,168,76,.024);pointer-events:none;user-select:none}
.quote-text{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:clamp(2rem,5vw,4.5rem);line-height:1.18;max-width:980px;position:relative;z-index:1;color:var(--white)}
.quote-text em{font-style:normal;color:var(--gold)}
.quote-attr{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.quote-attr-line{width:28px;height:1px;background:var(--gold);flex-shrink:0}

/* ─── TESTIMONIALS (flat grid) ────────────────── */
.testimonials-section{border-bottom:1px solid var(--line);background:var(--bg1);padding:0}
.testi-head{padding:72px 64px 48px;border-bottom:1px solid var(--line)}
.testi-grid-flat{display:grid;grid-template-columns:repeat(3,1fr)}
.testi-card-flat{padding:48px 44px;border-right:1px solid var(--line);transition:background .25s;cursor:none}
.testi-card-flat:last-child{border-right:none}
.testi-card-flat:hover{background:var(--bg2)}
.testi-stars{display:flex;gap:3px;margin-bottom:20px}
.testi-stars span{color:var(--gold);font-size:.75rem}
.testi-quote{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.05rem;line-height:1.65;color:var(--muted);margin-bottom:24px}
.testi-name{font-size:.82rem;color:var(--white);font-weight:400;margin-bottom:3px}
.testi-role{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}

/* ─── GLASS CARD (legacy) ─────────────────────── */
.glass-card{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);transition:all .35s var(--ease)}

/* ─── CTA ─────────────────────────────────────── */
.cta-section{padding:140px 64px;position:relative;overflow:hidden;background:var(--bg)}
.cta-section::before{content:'';position:absolute;top:-100px;right:-100px;width:800px;height:600px;background:radial-gradient(ellipse,rgba(212,118,58,.12) 0%,transparent 65%);pointer-events:none}
.cta-section::after{content:'';position:absolute;bottom:-100px;left:0;width:600px;height:400px;background:radial-gradient(ellipse,rgba(201,168,76,.07) 0%,transparent 65%);pointer-events:none}
.cta-inner{position:relative;z-index:1;max-width:900px}
.cta-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:clamp(3.5rem,9vw,8rem);line-height:.95;margin-bottom:36px;color:var(--white)}
.cta-title em{font-style:normal;font-weight:600;color:var(--gold)}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}

/* ─── AUDIO PLAYER ────────────────────────────── */
.audio-player{position:fixed;bottom:0;left:0;right:0;height:74px;background:rgba(8,8,8,.97);backdrop-filter:blur(24px);border-top:1px solid var(--line-g);display:flex;align-items:center;padding:0 24px;gap:16px;z-index:180;transform:translateY(100%);transition:transform .4s var(--ease);box-shadow:0 -20px 60px rgba(0,0,0,.5)}
.audio-player.active{transform:translateY(0)}
.player-artwork{width:44px;height:44px;border-radius:50%;background:var(--bg2);border:1px solid var(--line-g);display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:spin-slow 6s linear infinite paused;overflow:hidden}
.player-artwork.playing{animation-play-state:running}
.player-artwork img{width:100%;height:100%;object-fit:cover}
.player-info{flex:1;min-width:0}
.player-title{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-genre{font-size:.64rem;color:var(--gold);letter-spacing:.08em}
.player-play-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--gold-lt),var(--gold));display:flex;align-items:center;justify-content:center;cursor:none;transition:box-shadow .2s;color:#08060a;flex-shrink:0}
.player-play-btn:hover{box-shadow:0 0 20px var(--gold-glow)}
.player-play-btn svg{width:16px;height:16px}
.player-progress{flex:2;display:flex;align-items:center;gap:10px;min-width:0}
.player-time{font-size:.64rem;color:var(--muted);flex-shrink:0;font-variant-numeric:tabular-nums}
.progress-bar{flex:1;height:2px;background:var(--bg3);border-radius:2px;cursor:none;position:relative;transition:height .2s}
.progress-bar:hover{height:4px}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-lt),var(--gold));border-radius:2px;width:0;transition:width .1s}
.player-close{cursor:none;color:var(--muted);transition:color .2s;flex-shrink:0}
.player-close:hover{color:var(--white)}

/* ─── CONTACT ─────────────────────────────────── */
.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:start}
.contact-method{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}
.contact-method:last-child{border-bottom:none}
.contact-method-icon{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,rgba(201,168,76,.08),rgba(201,168,76,.02));border:1px solid rgba(201,168,76,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-method-icon svg{width:20px;height:20px;color:var(--gold)}
.form-wrap{background:rgba(255,255,255,.028);border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px;backdrop-filter:blur(12px)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{margin-bottom:20px}
.form-label{display:block;font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.form-input,.form-select,.form-textarea{width:100%;padding:13px 16px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--white);font-family:'DM Sans',sans-serif;font-size:.87rem;transition:all .25s;outline:none;appearance:none}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.025);box-shadow:0 0 0 3px rgba(201,168,76,.06)}
.form-input::placeholder,.form-textarea::placeholder{color:var(--dim)}
.form-select{cursor:none}
.form-select option{background:var(--bg2)}
.form-textarea{resize:vertical;min-height:120px}
.form-success{display:none;text-align:center;padding:32px}
.form-success.show{display:block}
.form-success-icon{width:64px;height:64px;background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(201,168,76,.03));border:1px solid rgba(201,168,76,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}

/* ─── FOOTER ──────────────────────────────────── */
.footer{padding:64px;border-top:1px solid var(--line);background:var(--bg1)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.footer-vinyl-logo{width:36px;height:36px;animation:spin-slow 12s linear infinite;flex-shrink:0}
.footer-brand-name{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:.95rem;letter-spacing:.04em}
.footer-brand-title{font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:1px}
.footer-tagline{font-size:.8rem;color:var(--muted);line-height:1.7;margin-bottom:20px}
.footer-socials{display:flex;gap:10px}
.social-link{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s;cursor:none}
.social-link:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,168,76,.05)}
.social-link svg{width:14px;height:14px}
.footer-heading{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--white);font-weight:400;margin-bottom:16px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-link{font-size:.8rem;color:var(--muted);cursor:none;transition:color .2s}
.footer-link:hover{color:var(--gold)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:28px;border-top:1px solid var(--line);font-size:.7rem;color:var(--dim);flex-wrap:wrap;gap:12px}
.footer-copyright{font-size:.7rem;color:var(--dim)}
.footer-seo-tags{display:flex;flex-wrap:wrap;gap:8px}
.seo-tag{padding:3px 10px;border:1px solid rgba(255,255,255,.04);border-radius:50px;font-size:.6rem;color:var(--dim);letter-spacing:.06em}

/* ─── LOCATION PAGES ──────────────────────────── */
.location-hero{padding:140px 52px 80px;text-align:center;position:relative;overflow:hidden}
.location-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(201,168,76,.06) 0%,transparent 60%)}
.location-breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.72rem;color:var(--muted);margin-bottom:20px}
.location-breadcrumb a:hover{color:var(--gold)}
.location-breadcrumb-sep{color:var(--dim)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-question{display:flex;align-items:center;justify-content:space-between;padding:20px 0;cursor:none;font-weight:400;font-size:.9rem;gap:16px;transition:color .2s}
.faq-question:hover{color:var(--gold)}
.faq-toggle{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease)}
.faq-item.open .faq-toggle{background:var(--gold);border-color:var(--gold);color:#08060a;transform:rotate(45deg)}
.faq-answer{font-size:.86rem;line-height:1.8;color:var(--muted);max-height:0;overflow:hidden;transition:max-height .4s var(--ease),padding .3s}
.faq-item.open .faq-answer{max-height:300px;padding-bottom:20px}
.locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px}
.location-pill{padding:9px 14px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:50px;font-size:.76rem;color:var(--muted);cursor:none;transition:all .25s;text-align:center}
.location-pill:hover{border-color:rgba(201,168,76,.3);color:var(--gold)}

/* ─── ADMIN ───────────────────────────────────── */
.admin-body{background:
    radial-gradient(120% 90% at 78% 18%, rgba(28,110,73,.22) 0%, rgba(10,36,23,0) 55%),
    radial-gradient(90% 70% at 12% 95%, rgba(205,178,119,.08) 0%, rgba(10,36,23,0) 55%),
    radial-gradient(140% 120% at 50% 50%, #0a2316 0%, #061410 45%, var(--bg) 100%);
  background-attachment:fixed;min-height:100vh;display:flex;cursor:auto}
.admin-body *{cursor:auto}
.admin-sidebar{width:240px;height:100vh;position:fixed;left:0;top:0;background:var(--bg1);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 0;z-index:10}
.admin-logo{display:flex;align-items:center;gap:12px;padding:0 20px 24px;border-bottom:1px solid var(--line);margin-bottom:16px}
.admin-logo-vinyl{width:30px;height:30px;animation:spin-slow 9s linear infinite}
.admin-logo-text{font-family:'Cormorant Garamond',serif;font-size:.9rem;font-weight:600}
.admin-nav-link{display:flex;align-items:center;gap:12px;padding:11px 20px;font-size:.82rem;font-weight:400;color:var(--muted);cursor:pointer;transition:all .2s;border-left:2px solid transparent}
.admin-nav-link:hover{color:var(--white);background:rgba(255,255,255,.025)}
.admin-nav-link.active{color:var(--gold-lt);border-left-color:var(--gold);background:rgba(201,168,76,.05)}
.admin-nav-link svg{width:16px;height:16px}
.admin-main{position:relative;z-index:2;margin-left:240px;flex:1;padding:32px;min-height:100vh}
.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}
.admin-title{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:600}
.stat-card{padding:24px;background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);transition:all .2s}
.stat-card:hover{border-color:rgba(201,168,76,.18)}
.stat-card-value{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:600;color:var(--gold-lt);line-height:1;margin-bottom:4px}
.stat-card-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}
.admin-table th{text-align:left;padding:12px 16px;font-size:.64rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.admin-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--white);vertical-align:middle}
.admin-table tr:hover td{background:rgba(255,255,255,.02)}
.badge{display:inline-block;padding:3px 10px;border-radius:50px;font-size:.64rem;font-weight:600;letter-spacing:.08em}
.badge-new{background:rgba(59,130,246,.12);color:#93c5fd;border:1px solid rgba(59,130,246,.2)}
.badge-contacted{background:rgba(168,85,247,.12);color:#c4b5fd;border:1px solid rgba(168,85,247,.2)}
.badge-booked{background:rgba(34,197,94,.12);color:#86efac;border:1px solid rgba(34,197,94,.2)}
.badge-featured{background:rgba(201,168,76,.12);color:var(--gold-lt);border:1px solid rgba(201,168,76,.2)}
.btn-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--muted);border:1px solid var(--line)}
.btn-icon:hover{color:var(--white);background:rgba(255,255,255,.04)}
.btn-icon-danger:hover{color:#f87171;border-color:rgba(248,113,113,.3);background:rgba(248,113,113,.06)}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(12px);z-index:var(--z-modal,200);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .3s}
.modal-overlay.open{opacity:1;pointer-events:all}
.modal{background:var(--bg1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;transform:translateY(20px);transition:transform .3s var(--ease)}
.modal-overlay.open .modal{transform:translateY(0)}
.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.modal-title{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.3rem}
.settings-card{margin-bottom:16px;overflow:hidden}
.settings-card summary{padding:20px 24px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.05rem}
.settings-card summary::-webkit-details-marker{display:none}
.settings-card summary .settings-desc{font-family:'DM Sans',sans-serif;font-weight:400;font-size:.78rem;color:var(--muted);margin-top:4px}
.settings-card summary .chevron{color:var(--gold);transition:transform .25s var(--ease);flex-shrink:0}
.settings-card[open] summary .chevron{transform:rotate(90deg)}
.settings-card-body{padding:0 24px 24px}
.image-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.image-slot{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:rgba(255,255,255,.02)}
.image-slot-preview{aspect-ratio:4/3;background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.image-slot-preview img{width:100%;height:100%;object-fit:cover}
.image-slot-body{padding:14px}
.image-slot-label{font-size:.78rem;margin-bottom:2px}
.image-slot-size{font-size:.65rem;color:var(--muted);margin-bottom:10px}
.vp-subnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.vp-subnav a{padding:8px 18px;border-radius:50px;border:1px solid var(--line);font-size:.78rem;color:var(--muted);transition:all .2s}
.vp-subnav a:hover{color:var(--white);border-color:rgba(201,168,76,.25)}
.vp-subnav a.active{background:linear-gradient(135deg,var(--gold-lt),var(--gold));border-color:transparent;color:#08060a;font-weight:600}
.vp-progress-wrap{margin-bottom:28px}
.vp-progress-bar{height:6px;border-radius:4px;background:var(--bg2);overflow:hidden;margin-top:10px}
.vp-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-lt),var(--gold));border-radius:4px;transition:width .3s var(--ease)}
.vp-notice{padding:12px 18px;border-radius:50px;border:1px solid rgba(201,168,76,.25);color:var(--muted);font-size:.78rem;margin-bottom:24px;display:inline-flex;align-items:center;gap:8px}
.vp-workspace{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}
.vp-fit-toggle{display:flex;gap:8px}
.vp-fit-toggle button{flex:1}
.contact-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}
.contact-row:last-child{border-bottom:none}
.contact-row-name{font-size:.88rem}
.contact-row-role{font-size:.7rem;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}
.timeline-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.03);font-size:.82rem}
.timeline-item:last-child{border-bottom:none}
.timeline-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);margin-top:6px;flex-shrink:0}
.timeline-meta{color:var(--muted);font-size:.7rem}
.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px;cursor:auto}
.admin-login-page *{cursor:auto}
.login-card{width:100%;max-width:400px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:var(--radius-lg);padding:48px 36px;text-align:center}
.login-vinyl{width:72px;height:72px;animation:spin-slow 9s linear infinite;margin:0 auto 24px}
.login-title{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:600;margin-bottom:6px}
.login-subtitle{font-size:.82rem;color:var(--muted);margin-bottom:32px}

/* ─── TOAST ───────────────────────────────────── */
.toast{position:fixed;bottom:90px;right:24px;padding:14px 20px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;font-size:.82rem;display:flex;align-items:center;gap:10px;transform:translateX(120%);transition:transform .35s var(--ease);z-index:300;max-width:320px}
.toast.show{transform:translateX(0)}
.toast-success{border-color:rgba(201,168,76,.3)}
.toast-error{border-color:rgba(248,113,113,.3)}

/* ─── REVEAL ──────────────────────────────────── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal.visible{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}

/* ─── RESPONSIVE ──────────────────────────────── */
@media(max-width:1100px){
  .ident-split{grid-template-columns:1fr}
  .ident-l{border-right:none;border-bottom:1px solid var(--line);padding:64px 44px}
  .ident-r{padding:64px 44px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
  .stats-strip{grid-template-columns:repeat(2,1fr)}
  .stat-item:nth-child(2){border-right:none}
  .stat-item:nth-child(1),.stat-item:nth-child(2){border-bottom:1px solid var(--line)}
  .svc-row{grid-template-columns:60px 1fr;padding:36px 44px}
  .svc-arr{display:none}
  .svc-list-head{padding:60px 44px 36px}
  .testi-grid-flat{grid-template-columns:1fr}
  .testi-card-flat{border-right:none;border-bottom:1px solid var(--line);padding:44px 36px}
  .testi-card-flat:last-child{border-bottom:none}
  .testi-head{padding:60px 44px 36px}
  .quote-section,.cta-section{padding:72px 44px}
  .contact-grid{grid-template-columns:1fr}
  .location-hero{padding:140px 32px 60px}
  .hero{padding:0 32px 52px}
  .h-label{left:32px}
}
@media(max-width:768px){
  .nav-links{display:none}
  .nav-hamburger{display:flex}
  .hero{padding:0 24px 40px}
  .h-label{left:24px;top:34px}
  .h-vline{display:none}
  .h-cascade{font-size:clamp(2.8rem,10vw,5rem)}
  .cw:nth-child(2){margin-left:5%}
  .cw:nth-child(3){margin-left:10%}
  .cw:nth-child(4){margin-left:15%}
  .cw:nth-child(5){margin-left:4%}
  .h-bottom{flex-direction:column;align-items:flex-start;gap:20px}
  .h-acts{width:100%;flex-direction:column}
  .h-acts .btn{width:100%;justify-content:center}
  .h-scroll{display:none}
  .stat-item{padding:28px 20px}
  .stats-strip{grid-template-columns:1fr 1fr}
  .ident-l,.ident-r{padding:40px 20px}
  .svc-row{grid-template-columns:44px 1fr;gap:20px;padding:28px 20px}
  .svc-arr{display:none}
  .svc-list-head{padding:40px 20px 24px;flex-direction:column;align-items:flex-start;gap:16px}
  .mixes-grid{grid-template-columns:1fr}
  .quote-section{padding:48px 20px}
  .cta-section{padding:56px 20px}
  .testi-head{padding:40px 20px 24px}
  .testi-card-flat{padding:28px 20px}
  .footer{padding:40px 20px}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-bottom{flex-direction:column;text-align:left}
  .section{padding:48px 20px}
  .section-header{margin-bottom:36px}
  .services-grid,.testimonials-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .admin-sidebar{display:none}
  .admin-main{margin-left:0;padding:20px}
  body{cursor:auto}
  .cursor-dot,.cursor-ring{display:none}
  .location-hero{padding:110px 20px 44px}
}
@media(max-width:480px){
  .h-cascade{font-size:clamp(2.4rem,9vw,3.6rem)}
  .cw:nth-child(2){margin-left:3%}
  .cw:nth-child(3){margin-left:6%}
  .cw:nth-child(4){margin-left:9%}
  .cw:nth-child(5){margin-left:2%}
  .stats-strip{grid-template-columns:1fr 1fr}
  .locations-grid{grid-template-columns:repeat(2,1fr)}
  .h-acts{flex-direction:column}
  .cta-actions,.hero-actions{flex-direction:column}
  .btn{justify-content:center;width:100%}
}