*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}

/* Layout: Y2K it-girl magazine — chrome masthead over a leopard-ringed logo, ticker strip, team intro, two menus side by side, a VIP-pass combo on a leopard band. Single committed dark burgundy look. */
:root{
  color-scheme:dark;
  --ink:#12070A; --wine:#2A0B13; --burgundy:#5E0F1F; --cherry:#8E1B32;
  --tan:#B98446; --cream:#F6E7DD; --muted:#C9AFAA; --line:rgba(246,231,221,.14);
  --chrome:linear-gradient(180deg,#fffaf0 0%,#ecd9b4 28%,#8d7350 50%,#f6ead2 64%,#b89a6a 82%,#fffaf0 100%);
  --leopard:url("https://static.wixstatic.com/media/6eeadd_a21bb15ca8c34deca6737f4808b04aca~mv2.jpg");
  --display:"Bodoni Moda", "Didot", Georgia, serif;
  --script:"Mrs Saint Delafield", "Brush Script MT", cursive;
  --mono:"Space Mono", ui-monospace, Menlo, monospace;
  --body:"Figtree", system-ui, -apple-system, sans-serif;
}
body{background:var(--ink);color:var(--cream);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}
.wrap{max-width:1140px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1;text-wrap:balance;margin:0}
.chrome{background-image:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%),var(--chrome);background-size:260% 100%,100% 100%;background-position:120% 0,0 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(142,27,50,.9))}
.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.script{font-family:var(--script);font-weight:400;line-height:1}
.btn{display:inline-flex;align-items:center;gap:.5em;padding:.9em 1.6em;border-radius:999px;background:var(--cherry);color:#fff;text-decoration:none;font-family:var(--mono);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;border:1.5px solid var(--cherry);box-shadow:4px 4px 0 var(--cream);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--cream)}
.btn.ghost{background:transparent;color:var(--cream);border-color:var(--cream);box-shadow:4px 4px 0 var(--cherry)}
.btn.ghost:hover{box-shadow:2px 2px 0 var(--cherry)}
.btn:focus-visible,a:focus-visible{outline:2px dashed var(--cherry);outline-offset:4px}
.sticker{display:inline-block;font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.5em 1em;border-radius:999px;background:var(--cream);color:var(--ink);white-space:nowrap}

header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:rgba(18,7,10,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--ink)}
header .wrap{display:flex;justify-content:space-between;align-items:center;padding-block:10px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cream)}
.brand img{width:42px;height:42px;border-radius:50%;box-shadow:0 0 0 2px var(--tan)}
.brand span{font-family:var(--display);font-style:italic;font-size:1.05rem}
.brand span i{font-family:var(--script);font-style:normal;font-size:1.3em;padding:0 .1em}
@media (max-width:860px){.brand span{display:none}}
nav{display:flex;gap:22px;align-items:center}
nav a:not(.btn){font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--muted)}
nav a:not(.btn):hover{color:var(--cherry)}
nav .btn{padding:.6em 1.1em;box-shadow:3px 3px 0 var(--cream)}
@media (max-width:720px){nav a:not(.btn){display:none}}

/* Hero */
.hero{position:relative;background:radial-gradient(90% 70% at 85% 30%,rgba(94,15,31,.85),transparent 70%),radial-gradient(60% 50% at 0% 100%,rgba(142,27,50,.25),transparent 70%),var(--ink)}
.hero::before{content:"";position:absolute;inset:0;background:var(--leopard) 0 0/420px;opacity:.13;mix-blend-mode:screen;pointer-events:none}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;padding-block:48px 64px}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;gap:28px;padding-block:28px 48px}}
.hero-copy{display:grid;gap:20px;min-width:0}
.mast{display:grid;font-style:italic;font-weight:900;font-size:clamp(2.5rem,7.4vw,5.4rem);letter-spacing:-.035em;line-height:.92}
.mast span{display:block;padding-bottom:.04em}
.mast em{font-family:var(--script);font-style:normal;font-weight:400;font-size:.8em;letter-spacing:0;line-height:.6;color:var(--cream);padding-left:.4em}
.loc{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.loc .sticker{background:var(--cherry);color:var(--cream)}
.hero h1.tag{font-size:clamp(1.5rem,3.4vw,2.2rem);font-style:italic}
.hero p{color:var(--muted);font-size:1.05rem;max-width:32em;margin:0}
.ctas{display:flex;gap:16px;flex-wrap:wrap;padding-top:4px}
.seal{position:relative;justify-self:center;width:100%;max-width:400px}
.seal .ring{aspect-ratio:1;border-radius:50%;padding:12px;background:var(--leopard) center/260px,var(--tan);box-shadow:0 0 0 2px var(--cream),0 0 0 8px var(--burgundy),0 30px 80px rgba(0,0,0,.55)}
.seal .ring img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.seal{padding:11%}
.orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.orbit text{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:1px;fill:var(--tan)}
@media (prefers-reduced-motion:no-preference){.orbit{animation:spin 26s linear infinite}}
@keyframes spin{to{transform:rotate(360deg)}}
.seal .sticker{position:absolute;z-index:2}
.seal .s1{top:4%;left:-6%;transform:rotate(-12deg);background:var(--cherry);color:#fff}
.seal .s2{bottom:6%;right:-4%;transform:rotate(8deg)}
.spark{position:absolute;color:var(--cream);font-size:1.6rem;line-height:1}
.spark.a{top:-4%;right:12%;font-size:2.2rem}
.spark.b{bottom:22%;left:-8%;color:var(--cherry)}
@media (max-width:860px){.seal{max-width:280px;order:-1}.seal .s1{left:-2%}.seal .s2{right:-2%}.spark.b{left:-2%}}
@media (prefers-reduced-motion:no-preference){.spark{animation:twinkle 2.4s ease-in-out infinite}.spark.b{animation-delay:1.2s}}
@media (prefers-reduced-motion:no-preference){.chrome{animation:shine 5s ease-in-out infinite}}
@keyframes shine{0%,35%{background-position:120% 0,0 0}75%,100%{background-position:-20% 0,0 0}}
@keyframes twinkle{50%{opacity:.25;transform:scale(.7) rotate(20deg)}}

/* Ticker */
.ticker{background:var(--cherry);color:#fff;overflow:hidden;border-block:1.5px solid var(--cream);transform:rotate(-1.2deg);margin:0 -10px;position:relative;z-index:2}
.ticker div{display:flex;width:max-content;gap:28px;padding-block:12px;font-family:var(--display);font-style:italic;font-size:1.25rem;white-space:nowrap}
.ticker span::after{content:"✦";margin-left:28px;font-style:normal;font-size:.9em}
@media (prefers-reduced-motion:no-preference){.ticker div{animation:roll 28s linear infinite}}
@keyframes roll{to{transform:translateX(-50%)}}

/* Meet */
.meet .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:center;padding-block:72px 64px}
@media (max-width:860px){.meet .wrap{grid-template-columns:1fr;gap:28px;padding-block:56px 44px}}
.us{position:relative;margin:0;max-width:360px;width:100%;justify-self:center}
.us img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border:8px solid var(--cream);border-bottom-width:44px;transform:rotate(-3deg);box-shadow:10px 10px 0 var(--burgundy)}
.us figcaption{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-family:var(--script);font-size:1.9rem;color:var(--ink);transform:rotate(-3deg)}
.meet-copy{display:grid;gap:16px;min-width:0}
.meet h2{font-size:clamp(2.2rem,5vw,3.4rem);font-style:italic}
.meet p{color:var(--muted);max-width:32em;margin:0}

/* Menus */
.studios{background:var(--wine);border-block:1px solid var(--line)}
.studios .wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-block:64px}
@media (max-width:860px){.studios .wrap{grid-template-columns:1fr;padding-block:44px}}
.studio{background:var(--ink);border:1px solid var(--line);border-radius:22px;padding:28px;display:grid;gap:14px;align-content:start;min-width:0}
.studio header{all:unset;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.studio h2{font-size:clamp(2rem,4vw,2.7rem);font-style:italic}
.studio h2 .script{font-style:normal;font-size:1.45em;color:var(--cherry);vertical-align:-.15em}
.who{color:var(--muted);margin:0}
.menu{list-style:none;margin:4px 0 0;padding:0}
.menu li{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:13px 0;border-top:1px dashed var(--line)}
.menu .name{font-weight:500}
.menu .price{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums;color:var(--cream)}
.menu .dur{grid-column:1/-1;font-family:var(--mono);font-size:.74rem;color:var(--muted)}
.soon{display:inline-block;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--cherry);color:#fff;border-radius:999px;padding:2px 9px;margin-left:6px;vertical-align:2px;transform:rotate(-3deg)}

/* Combo */
.combo{position:relative;background:var(--leopard) 0 0/340px,var(--tan)}
.combo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,7,10,.93) 0%,rgba(42,11,19,.78) 50%,rgba(42,11,19,0) 100%)}
.combo .wrap{position:relative;padding-block:72px;display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}
@media (max-width:860px){.combo .wrap{grid-template-columns:1fr;padding-block:52px}.combo::before{background:rgba(18,7,10,.84)}}
.combo-copy{display:grid;gap:16px;min-width:0}
.combo h2{font-size:clamp(2.3rem,5.4vw,3.8rem);font-style:italic}
.combo p{color:var(--muted);max-width:32em;margin:0}
.combo p b{color:var(--cream);font-weight:600}
.pass{position:relative;background:var(--cream);color:var(--ink);border-radius:18px;padding:24px 24px 20px;transform:rotate(2deg);box-shadow:8px 8px 0 var(--cherry)}
.pass::before{content:"";position:absolute;top:14px;left:50%;width:42px;height:10px;margin-left:-21px;border-radius:999px;background:var(--ink)}
.pass .top{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-bottom:2px solid var(--ink);padding-bottom:10px}
.pass .top b{font-family:var(--display);font-style:italic;font-weight:900;font-size:1.8rem;letter-spacing:-.02em}
.pass .top .mono{color:var(--burgundy);font-weight:700}
.slot{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:12px 0}
.slot+.slot{border-top:1px dashed rgba(18,7,10,.3)}
.slot time{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums;color:var(--burgundy);padding-top:2px}
.slot strong{display:block;font-weight:600}
.slot span{font-family:var(--mono);font-size:.74rem;color:#5d4247}
.total{display:flex;justify-content:space-between;border-top:2px solid var(--ink);padding-top:12px;font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums}

/* Why */
.why .wrap{padding-block:80px 40px;display:grid;gap:36px}
.why h2{font-size:clamp(2.4rem,6.5vw,4.6rem);font-style:italic;font-weight:900;letter-spacing:-.03em;max-width:14ch}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:860px){.why-grid{grid-template-columns:1fr}}
.why-card{position:relative;padding:28px 24px 26px;border:1px solid var(--line);border-radius:22px;background:var(--wine);overflow:hidden;display:grid;gap:10px;align-content:start;min-width:0}
.why-card::before{content:"";position:absolute;inset:0 0 auto;height:10px;background:var(--leopard) center/220px}
.why-card h3{font-size:1.7rem;font-style:italic;padding-top:6px}
.why-card p{margin:0;color:var(--muted)}

/* Leopard type */
.town{overflow:hidden}
.town .wrap{padding-block:56px 72px;display:grid;gap:10px}
.leo-type{font-family:var(--display);font-style:italic;font-weight:900;font-size:clamp(3.6rem,15.5vw,12rem);letter-spacing:-.05em;line-height:.85;background:var(--leopard) center/380px;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(246,231,221,.25)}
.town p{color:var(--muted);max-width:40em;margin:0;font-size:1.05rem}
.addr{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--wine)}
.addr > div:first-child{display:grid;gap:8px;justify-items:start}
.town .addr-line{font-family:var(--display);font-style:italic;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.1;color:var(--cream);margin:0}
.addr-btns{display:flex;gap:14px;flex-wrap:wrap}
button.btn{cursor:pointer}
.town p b{color:var(--cream);font-weight:600}

/* FAQ */
.faq .wrap{padding-block:64px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}
@media (max-width:860px){.faq .wrap{grid-template-columns:1fr;gap:20px}}
.faq h2{font-size:clamp(2.2rem,5vw,3.4rem);font-style:italic}
.faq details{border-top:1px dashed var(--line);padding:16px 0}
.faq details:last-child{border-bottom:1px dashed var(--line)}
.faq summary{cursor:pointer;font-weight:600;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"✦";color:var(--tan);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--muted);margin:10px 0 0;max-width:40em}

/* Vibe picker */
.vibe .wrap{padding-block:40px 72px;display:grid;gap:24px}
.vibe-head{display:grid;gap:8px}
.vibe h2{font-size:clamp(2.4rem,6.5vw,4.4rem);font-style:italic;font-weight:900;letter-spacing:-.03em}
.vibe-tabs{display:flex;flex-wrap:wrap;gap:10px}
.vibe-tabs button{font-family:var(--mono);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:.8em 1.3em;border-radius:999px;border:1.5px solid var(--line);background:transparent;color:var(--cream);cursor:pointer;transition:background .2s,border-color .2s}
.vibe-tabs button:hover{border-color:var(--tan)}
.vibe-tabs button[aria-selected="true"]{background:var(--leopard) center/220px,var(--tan);color:var(--ink);border-color:var(--cream);text-shadow:0 0 6px var(--cream),0 0 2px var(--cream)}
.vibe-card{display:flex;justify-content:space-between;align-items:end;gap:28px;flex-wrap:wrap;padding:30px;border-radius:26px;background:linear-gradient(135deg,var(--cherry),var(--burgundy) 60%,var(--wine));border:1px solid rgba(246,231,221,.25);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.vibe-text{display:grid;gap:8px;max-width:38em;min-width:0}
.vibe-text .mono{color:var(--cream);opacity:.8}
.vibe-text h3{font-size:clamp(1.8rem,4vw,2.6rem);font-style:italic}
.vibe-text p{margin:0;color:var(--cream);opacity:.85}
.vibe-book{display:grid;gap:14px;justify-items:start}
.vibe-price{font-family:var(--display);font-style:italic;font-weight:900;font-size:3rem;line-height:1}
.vibe-card.flip .vibe-text{animation:pop .45s ease}
@keyframes pop{from{opacity:0;transform:translateY(8px)}}

/* Outro ticker */
.ticker.alt{background:var(--leopard) center/300px,var(--tan);color:var(--ink);transform:rotate(1.2deg);margin-top:-8px}
.ticker.alt div{font-weight:900;text-shadow:0 0 8px var(--cream),0 0 2px var(--cream)}
@media (prefers-reduced-motion:no-preference){.ticker.alt div{animation-direction:reverse}}

/* Sparkle trail */
.trail{position:fixed;pointer-events:none;z-index:50;font-size:14px;color:var(--tan);animation:fall .9s ease-out forwards}
@keyframes fall{to{opacity:0;transform:translateY(24px) scale(.3) rotate(90deg)}}

/* Book */
.book .wrap{padding-block:80px;display:grid;justify-items:center;text-align:center;gap:18px}
.book .big{font-style:italic;font-weight:900;font-size:clamp(3rem,11vw,7rem);letter-spacing:-.04em;line-height:.9}
.book p{color:var(--muted);max-width:34em;margin:0}
footer{border-top:1px solid var(--line)}
footer .wrap{padding-block:26px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
footer img{width:56px;height:56px;border-radius:50%;box-shadow:0 0 0 2px var(--tan)}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}

/* Menu rows as links */
.menu li{display:block;padding:0}
.menu li > a{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:13px 0;color:inherit;text-decoration:none}
.menu li > a .go{grid-column:2;grid-row:2;justify-self:end;font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tan);opacity:.75}
.menu li > a .dur{grid-column:1;grid-row:2}
.menu li > a:hover .name,.menu li > a:focus-visible .name{color:var(--tan)}
.menu li > a:hover .go{opacity:1}

/* Booking pages */
.bookpage .book-main{padding-block:36px 72px;display:grid;gap:28px;max-width:860px}
.book-head{display:grid;gap:12px}
.book-head h1{font-size:clamp(2.2rem,6vw,3.6rem);font-style:italic;font-weight:900;letter-spacing:-.03em}
.book-head .back{text-decoration:none;color:var(--muted)}
.book-head .back:hover{color:var(--tan)}
.book-head .meta{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.book-head .meta span{font-family:var(--mono);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.45em .9em;border:1px solid var(--line);border-radius:999px}
.book-head .desc{color:var(--muted);margin:0;max-width:40em}
.picker,.details,.confirmed{background:var(--wine);border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;gap:16px;min-width:0}
.picker-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.picker h2,.details h2{font-size:1.7rem;font-style:italic}
.strip-row{display:grid;grid-template-columns:36px 1fr 36px;gap:8px;align-items:center}
.strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-block:2px}
.strip::-webkit-scrollbar{display:none}
.strip.skel span{flex:0 0 58px;height:72px;border-radius:14px;background:var(--line)}
.pager{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--cream);font-size:1.3rem;cursor:pointer}
.pager:disabled{opacity:.3;cursor:default}
.day{flex:0 0 58px;display:grid;justify-items:center;gap:0;padding:8px 0;border-radius:14px;border:1px solid var(--line);background:var(--ink);color:var(--cream);cursor:pointer;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}
.day b{font-family:var(--display);font-style:italic;font-size:1.5rem;letter-spacing:0;line-height:1.1}
.day.on{background:var(--leopard) center/200px,var(--tan);color:var(--ink);border-color:var(--cream);text-shadow:0 0 6px var(--cream),0 0 2px var(--cream)}
.strip-none{padding:10px 4px;color:var(--muted)}
.day-title{margin:0;font-family:var(--display);font-style:italic;font-size:1.3rem}
.bucket{display:grid;gap:8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-family:var(--mono);font-weight:700;font-size:.85rem;padding:.65em 1.05em;border-radius:999px;border:1.5px solid var(--line);background:var(--ink);color:var(--cream);cursor:pointer;font-variant-numeric:tabular-nums}
.chip:hover:not(:disabled){border-color:var(--tan)}
.chip.on{background:var(--cherry);border-color:var(--cream);color:#fff}
.chip:disabled{opacity:.35;cursor:default;text-decoration:line-through}
.hint{color:var(--muted);margin:0}
.hint a{color:var(--tan)}
.details form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.field{display:grid;gap:6px;font-size:.88rem;font-weight:600;min-width:0}
.field .opt{font-weight:400;color:var(--muted)}
.field input,.field select,.field textarea{font:500 1rem var(--body);color:var(--cream);background:var(--ink);border:1px solid var(--line);border-radius:12px;padding:.75em .9em;width:100%;min-width:0}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--tan);outline-offset:1px}
#cta{display:grid;gap:12px;justify-items:start}
.picked{margin:0;font-family:var(--display);font-style:italic;font-size:1.25rem}
.btn.big{font-size:.9rem;padding:1em 1.8em}
.btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}
.err{margin:0;color:#ffb4b4;font-weight:600}
.fine{font-size:.68rem}
.confirmed h2{font-size:clamp(2.2rem,6vw,3.2rem);font-style:italic;font-weight:900}
.confirmed p{margin:0;color:var(--muted)}
.confirmed .btn{justify-self:start}
.book-empty{display:grid;gap:14px;justify-items:start;padding-block:40px}
.book-empty h1,.book-empty h2{font-style:italic}
.book-empty p{color:var(--muted);margin:0}
.pass.mini{transform:none;box-shadow:6px 6px 0 var(--cherry);width:100%;max-width:420px}
.combo-banner{display:grid;gap:4px;padding:20px 22px;border-radius:22px;text-decoration:none;color:var(--cream);background:linear-gradient(90deg,rgba(18,7,10,.92),rgba(42,11,19,.55)),var(--leopard) center/300px,var(--tan);border:1px solid rgba(246,231,221,.25)}
.combo-banner b{font-family:var(--display);font-style:italic;font-size:1.6rem;font-weight:900}
.combo-banner span:last-child{color:var(--muted)}
.svc-groups{display:grid;gap:24px}
.svc-skel{height:220px;border-radius:22px;background:var(--wine);border:1px solid var(--line)}
.studio-h{all:unset;display:block}
/* Wild art band */
.art{position:relative;overflow:hidden;background:radial-gradient(80% 70% at 20% 50%,rgba(142,27,50,.45),transparent 70%),var(--ink)}
.art .wrap{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;padding-block:88px}
@media (max-width:860px){.art .wrap{grid-template-columns:1fr;gap:28px;padding-block:56px}}
.art-frame{position:relative;margin:0;justify-self:center;width:100%;max-width:460px}
.art-tint{position:relative;aspect-ratio:3/4;border-radius:240px 240px 26px 26px;overflow:hidden;background:linear-gradient(160deg,#c9385a,var(--burgundy) 55%,#1c060c);box-shadow:0 0 0 1.5px var(--tan),0 0 0 10px var(--ink),0 0 0 11.5px rgba(185,132,70,.5),0 40px 90px rgba(0,0,0,.6)}
.art-tint img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2) brightness(1.05);mix-blend-mode:luminosity;opacity:.95;transform:scale(1.04);transition:filter .7s ease,mix-blend-mode .7s,opacity .7s,transform 8s ease-out}
.art-tint::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(18,7,10,.75));pointer-events:none;transition:opacity .7s}
.art-frame:hover .art-tint img,.art-frame:focus-within .art-tint img{filter:none;mix-blend-mode:normal;opacity:1;transform:scale(1.1)}
.art-frame:hover .art-tint::after{opacity:.4}
.art-tag{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%) rotate(-3deg);background:var(--cream);color:var(--ink);padding:.55em 1.1em;border-radius:999px;font-weight:700;white-space:nowrap}
@media (hover:none){.art-tag{display:none}.art-tint img{animation:wild 9s ease-in-out infinite alternate}}
@keyframes wild{0%,40%{filter:grayscale(1) contrast(1.2);mix-blend-mode:luminosity}60%,100%{filter:none;mix-blend-mode:normal}}
@media (prefers-reduced-motion:reduce){.art-tint img{animation:none;transition:none}}
.art-copy{display:grid;gap:20px;min-width:0}
.art-names{display:grid;gap:4px;font-weight:900;font-style:italic;letter-spacing:-.035em;line-height:.95;font-size:clamp(2.6rem,7vw,5.2rem)}
.art-names .row{display:flex;align-items:baseline;gap:.22em;flex-wrap:wrap}
.art-names em{font-style:italic;color:var(--cream)}
.art-names .by{font-family:var(--script);font-weight:400;font-style:normal;letter-spacing:0;font-size:.85em;color:var(--tan);transform:translateY(.08em)}
.art-copy p{color:var(--muted);max-width:32em;margin:0;font-size:1.05rem}

/* art band: text only */
.art .wrap{grid-template-columns:1fr;justify-items:center;text-align:center;padding-block:72px}
.art-copy{justify-items:center}
.art-names .row{justify-content:center}
.art-copy p{margin-inline:auto}
.art .ctas{justify-content:center}
