:root{
    --bg:#110f14;
    --bg-soft:#18151d;
    --bg-card:rgba(28,24,33,.78);
    --text:#f7f1e7;
    --muted:#c6b9a3;
    --gold:#d4af6b;
    --gold-soft:#8b6a34;
    --line:rgba(212,175,107,.18);
    --success:#66b089;
    --error:#d87f7f;
    --shadow:0 24px 80px rgba(0,0,0,.28);
    --shadow-soft:0 18px 40px rgba(5,5,8,.22);
    --radius:24px;
    --radius-sm:16px;
    --container:1200px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:'Inter',system-ui,sans-serif;
    background:
        radial-gradient(circle at 12% 12%, rgba(212,175,107,.10), transparent 20%),
        radial-gradient(circle at 86% 18%, rgba(233,197,126,.08), transparent 22%),
        radial-gradient(circle at 50% 100%, rgba(140,90,33,.10), transparent 25%),
        linear-gradient(180deg, #151218 0%, #17131b 36%, #120f15 100%);
    color:var(--text);
    line-height:1.65;
    overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.skip-link{
    position:absolute;left:-9999px;top:auto
}
.skip-link:focus{left:1rem;top:1rem;z-index:1000;background:#fff;color:#000;padding:.7rem 1rem;border-radius:10px}
.noise{
    position:fixed;inset:0;pointer-events:none;opacity:.08;
    background-image:radial-gradient(circle at 20% 20%, rgba(255,255,255,.1) 0 1px, transparent 1px);
    background-size:16px 16px;
}
.container{width:min(calc(100% - 2rem), var(--container));margin:0 auto}
.site-header{
    position:sticky;top:0;z-index:50;
    backdrop-filter:blur(16px);
    background:rgba(8,8,10,.7);
    border-bottom:1px solid rgba(255,255,255,.05)
}
.nav-wrap{
    display:flex;align-items:center;justify-content:space-between;gap:1rem;
    min-height:78px;
}
.brand,.admin-brand{display:flex;align-items:center;gap:.9rem}
.brand strong,.admin-brand strong{display:block;font-size:1rem}
.brand small,.admin-brand small{display:block;color:var(--muted);font-size:.78rem}
.brand-mark{
    width:44px;height:44px;border-radius:50%;
    display:grid;place-items:center;
    background:linear-gradient(135deg, #f0d399, #8b6123);
    color:#0b0a0d;font-weight:800;letter-spacing:.08em
}
.brand-logo{
    width:52px;height:52px;object-fit:cover;border-radius:50%;
    border:1px solid rgba(212,175,107,.35);background:#0f0d13
}
.main-nav{display:flex;align-items:center;gap:1rem}
.main-nav a{
    color:var(--muted);
    font-size:.96rem;
    transition:.25s ease;
}
.main-nav a:hover,.main-nav a.active{color:var(--text)}
.nav-toggle{
    display:none;flex-direction:column;gap:5px;background:none;border:0;padding:0
}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--text)}

.hero-section{padding:5rem 0 3rem}
.hero-grid,.split-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}
.hero-copy h1,.page-hero h1,.section-heading h2,.cta-card h2,.artist-feature-body h2,.service-feature h2,.info-card h2{
    font-family:'Cormorant Garamond',serif;line-height:.95;letter-spacing:-.02em;margin:.3rem 0 1rem
}
.hero-copy h1{font-size:clamp(3rem,8vw,5.6rem);max-width:10ch}
.page-hero h1{font-size:clamp(2.3rem,6vw,4.2rem)}
.section-heading h2,.cta-card h2,.artist-feature-body h2,.service-feature h2,.info-card h2{font-size:clamp(2rem,4vw,3.3rem)}
.hero-copy p,.page-hero p{max-width:60ch;color:var(--muted);font-size:1.05rem}
.eyebrow{
    display:inline-flex;align-items:center;gap:.5rem;
    color:var(--gold);
    letter-spacing:.18em;
    text-transform:uppercase;
    font-size:.76rem;
    font-weight:700;
}
.hero-actions,.cta-actions,.form-actions{display:flex;gap:.9rem;flex-wrap:wrap}
.hero-badges{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem}
.hero-badges span,.badge{
    border:1px solid var(--line);
    background:rgba(255,255,255,.03);
    border-radius:999px;
    padding:.6rem .9rem;
    font-size:.86rem;
}
.hero-card,.info-card,.booking-card,.quote-card,.service-card,.post-card,.artist-card,.pill-card,.admin-panel,.cta-card,.dashboard-card,.service-feature,.article-card{
    background:linear-gradient(180deg, rgba(35,30,40,.82), rgba(20,17,24,.78));
    border:1px solid rgba(255,255,255,.08);
    border-radius:var(--radius);
    box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter:blur(12px);
}
.card-glow{
    position:relative;overflow:hidden;padding:2rem
}
.card-glow::before,.cta-card::before{
    content:"";position:absolute;inset:auto -10% -35% auto;width:220px;height:220px;
    background:radial-gradient(circle, rgba(212,175,107,.28), transparent 65%);
    pointer-events:none
}
.hero-card h2{font-size:2.5rem;font-family:'Cormorant Garamond',serif}
.hero-card p,.hero-card li{color:var(--muted)}
.hero-card ul{margin:1rem 0 0;padding-left:1.2rem}
.hero-card,.info-card,.booking-card,.quote-card,.service-card,.post-card,.artist-card,.pill-card,.cta-card,.service-feature,.article-card,.gallery-card{
    transform-style:preserve-3d;
    transition:transform .45s cubic-bezier(.2,.65,.2,1), box-shadow .45s ease, border-color .35s ease;
}
.hero-card:hover,.info-card:hover,.booking-card:hover,.quote-card:hover,.service-card:hover,.post-card:hover,.artist-card:hover,.pill-card:hover,.cta-card:hover,.service-feature:hover,.article-card:hover,.gallery-card:hover{
    transform:translateY(-8px) rotateX(2deg);
    box-shadow:0 30px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
    border-color:rgba(212,175,107,.16);
}
.section{position:relative}
.section::before{
    content:'';position:absolute;inset:0 auto auto 8%;width:280px;height:280px;border-radius:50%;
    background:radial-gradient(circle, rgba(212,175,107,.08), transparent 68%);
    pointer-events:none;filter:blur(2px);opacity:.7
}
.page-hero{padding:4rem 0 1.5rem}
.page-hero.small{padding:3.8rem 0 1rem}
.section{padding:2.2rem 0}
.section-alt{background:rgba(255,255,255,.015)}
.section-heading{margin-bottom:1.4rem}
.section-heading.with-action{
    display:flex;justify-content:space-between;gap:1rem;align-items:end;flex-wrap:wrap
}
.grid{display:grid;gap:1.2rem}
.three-col{grid-template-columns:repeat(3,1fr)}
.four-col{grid-template-columns:repeat(4,1fr)}
.pill-grid,.pricing-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.pill-card,.pricing-step,.service-card,.quote-card,.info-card,.artist-card,.post-card,.dashboard-card{padding:1.35rem}
.info-card h3,.service-card h3,.quote-card strong,.pill-card strong,.pricing-step h3{margin-top:0}
.info-card p,.service-card p,.quote-card p,.pill-card p,.service-feature p,.post-card p,.artist-card p,.map-placeholder p{color:var(--muted)}
.artist-card img,.post-card img{aspect-ratio:4/3;object-fit:cover;border-radius:18px}
.artist-card-body{padding-top:1rem}
.artist-list{display:grid;gap:1.3rem}
.artist-feature-card{
    display:grid;grid-template-columns:320px 1fr;gap:1.5rem;
    align-items:stretch;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    border-radius:var(--radius);
    padding:1rem;
}
.artist-feature-card img{width:100%;height:100%;object-fit:cover;border-radius:20px}
.artist-feature-body{padding:.5rem .4rem}
.artist-specialty,.muted{color:var(--gold);font-weight:600}
.artist-meta{display:flex;flex-wrap:wrap;gap:1rem;color:var(--muted);font-size:.92rem;margin:1rem 0}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.gallery-card{position:relative;overflow:hidden;border-radius:24px;background:#16121b;border:1px solid rgba(255,255,255,.06)}
.gallery-card img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .45s ease}
.gallery-card:hover img{transform:scale(1.05)}
.gallery-trigger{display:block;background:none;border:0;padding:0;width:100%;text-align:left;cursor:pointer}
.gallery-overlay{
    position:absolute;inset:auto 0 0 0;padding:1rem;
    background:linear-gradient(180deg, transparent, rgba(0,0,0,.88));
    display:flex;flex-direction:column;gap:.2rem
}
.filter-bar{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}
.filter-btn{
    border:1px solid var(--line);
    background:rgba(255,255,255,.03);
    color:var(--text);
    border-radius:999px;
    padding:.75rem 1rem;
    cursor:pointer
}
.filter-btn.active{background:linear-gradient(135deg, rgba(212,175,107,.25), rgba(212,175,107,.08))}
.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
    border-radius:999px;padding:.92rem 1.2rem;border:1px solid transparent;
    transition:.25s ease;font-weight:700;cursor:pointer
}
.btn-sm{padding:.7rem 1rem;font-size:.9rem}
.btn-primary{background:linear-gradient(135deg, #e7c98b, #a3722d);color:#0b0a0d}
.btn-primary:hover{transform:translateY(-2px)}
.btn-outline{border-color:var(--line);background:transparent;color:var(--text)}
.btn-outline:hover,.btn-ghost:hover{border-color:rgba(212,175,107,.45);background:rgba(212,175,107,.08)}
.btn-ghost{border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.03)}
.btn-danger{background:rgba(216,127,127,.12);border-color:rgba(216,127,127,.35);color:#f2c0c0}
.text-link{color:var(--gold);font-weight:700}
.feature-list{margin:1rem 0 0;padding-left:1.1rem}
.feature-list li{margin-bottom:.65rem;color:var(--muted)}
.service-list,.post-grid{display:grid;gap:1rem}
.service-feature{
    padding:1.4rem;
    display:grid;grid-template-columns:.85fr 1.15fr;gap:1rem
}
.price-note{color:var(--gold)}
.quote-card .stars{color:var(--gold);margin-bottom:.7rem}
.accordion{display:grid;gap:.9rem}
.accordion details{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    border-radius:20px;
    padding:1rem 1.1rem
}
.accordion summary{cursor:pointer;font-weight:700}
.accordion div{padding-top:.8rem;color:var(--muted)}
.cta-card{
    padding:1.6rem 1.8rem;display:flex;justify-content:space-between;gap:1.5rem;align-items:center;
    position:relative;overflow:hidden
}
.footer-grid{
    display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1rem;
    padding:2.5rem 0 1.5rem
}
.site-footer{border-top:1px solid rgba(255,255,255,.06);margin-top:2rem;background:rgba(0,0,0,.22)}
.site-footer h3,.site-footer h4{margin-top:0}
.site-footer p,.site-footer a{color:var(--muted)}
.footer-social{display:flex;gap:.9rem;flex-wrap:wrap}
.footer-bottom{
    display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
    padding:1rem 0 2rem;color:var(--muted)
}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.form-grid label{display:grid;gap:.45rem}
.full-width{grid-column:1/-1}
input,select,textarea{
    width:100%;
    background:#14121a;
    color:var(--text);
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    padding:.95rem 1rem
}
textarea{resize:vertical}
.checkbox{display:flex!important;align-items:center;gap:.75rem;padding-top:.8rem}
.checkbox input{width:18px;height:18px}
.alert{
    padding:1rem 1.1rem;border-radius:16px;margin-bottom:1rem
}
.alert-success{background:rgba(102,176,137,.12);border:1px solid rgba(102,176,137,.35);color:#c7eed9}
.alert-error{background:rgba(216,127,127,.12);border:1px solid rgba(216,127,127,.35);color:#f4d0d0}
.map-placeholder{
    margin-top:1rem;min-height:280px;border-radius:var(--radius);
    background:linear-gradient(145deg, rgba(212,175,107,.08), rgba(255,255,255,.02));
    border:1px dashed rgba(212,175,107,.25);
    display:grid;place-items:center;text-align:center;padding:1.5rem;overflow:hidden
}
.map-embed iframe{width:100%;min-height:280px;border:0}
.post-grid{grid-template-columns:repeat(3,1fr)}
.post-card-body{padding:1.2rem}
.post-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.article-layout{display:grid}
.article-card{overflow:hidden}
.article-card img{width:100%;max-height:420px;object-fit:cover}
.article-content{padding:1.4rem;color:var(--muted)}
.pricing-flow{grid-template-columns:repeat(3,1fr)}
.pricing-step{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    border-radius:24px;
    padding:1.4rem
}
.pricing-step span{
    display:inline-flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;
    background:rgba(212,175,107,.12);color:var(--gold);font-weight:800;margin-bottom:1rem
}
.booking-card{padding:1.4rem}
.wa-float{
    position:fixed;right:1rem;bottom:1rem;z-index:60;
    display:flex;flex-direction:column;align-items:center;gap:.05rem;
    background:linear-gradient(135deg, #f0d296, #a3722d);
    color:#0a090c;padding:.95rem 1.1rem;border-radius:20px;
    box-shadow:0 16px 40px rgba(0,0,0,.35)
}
.wa-float span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}
.lightbox{
    position:fixed;inset:0;display:none;place-items:center;padding:1rem;z-index:80;
    background:rgba(5,5,7,.82);backdrop-filter:blur(8px)
}
.lightbox.active{display:grid}
.lightbox-inner{
    position:relative;width:min(100%, 950px);
    background:#141119;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.06)
}
.lightbox-inner img{width:100%;max-height:78vh;object-fit:cover}
.lightbox-meta{padding:1rem 1.2rem}
.lightbox-close{
    position:absolute;top:1.25rem;right:1.25rem;z-index:1;
    width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:1.4rem;cursor:pointer
}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease, transform .65s ease}
.reveal.in-view{opacity:1;transform:none}
.badge-new{background:rgba(212,175,107,.12);border-color:rgba(212,175,107,.3)}
.badge-contacted{background:rgba(126,151,211,.15);border-color:rgba(126,151,211,.35)}
.badge-confirmed{background:rgba(102,176,137,.15);border-color:rgba(102,176,137,.35)}
.badge-completed{background:rgba(92,174,180,.15);border-color:rgba(92,174,180,.35)}
.badge-canceled{background:rgba(216,127,127,.15);border-color:rgba(216,127,127,.35)}
.table-wrap{overflow:auto}
hr.admin-divider{border:none;height:1px;background:rgba(255,255,255,.07);margin:1.4rem 0}

@media (max-width: 1024px){
    .hero-grid,.split-grid,.service-feature,.artist-feature-card,.footer-grid,.three-col,.four-col,.gallery-grid,.post-grid,.pricing-flow,.pill-grid{
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 760px){
    .nav-toggle{display:flex}
    .main-nav{
        position:absolute;left:1rem;right:1rem;top:78px;
        background:#120f16;border:1px solid rgba(255,255,255,.06);
        border-radius:20px;padding:1rem;display:none;flex-direction:column;align-items:flex-start
    }
    .main-nav.open{display:flex}
    .hero-grid,.split-grid,.artist-feature-card,.service-feature,.three-col,.four-col,.gallery-grid,.post-grid,.pricing-flow,.pill-grid,.footer-grid,.form-grid{
        grid-template-columns:1fr
    }
    .cta-card,.section-heading.with-action,.post-meta,.hero-actions,.cta-actions{align-items:flex-start}
    .cta-card,.post-meta,.section-heading.with-action{flex-direction:column}
    .hero-copy h1{max-width:100%}
    .wa-float{right:.8rem;bottom:.8rem;padding:.85rem 1rem}
}

.tag-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.45rem}
.mini-tag{display:inline-flex;padding:.35rem .6rem;border-radius:999px;background:rgba(255,255,255,.14);font-size:.72rem;line-height:1}



.blog-filter-bar{background:rgba(255,255,255,.03);border:1px solid rgba(212,175,55,.16);border-radius:24px;padding:1.2rem}
.blog-filter-grid,.compact-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;align-items:end}
.filter-actions{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap}
.results-caption{margin-top:.75rem;color:rgba(255,255,255,.72)}
.empty-state{padding:2rem;border:1px dashed rgba(212,175,55,.22);border-radius:20px;background:rgba(255,255,255,.02)}
.artist-detail-card{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:1.5rem;background:#141218;border:1px solid rgba(212,175,55,.12);border-radius:26px;padding:1.25rem}
.artist-detail-card img{width:100%;height:100%;max-height:420px;object-fit:cover;border-radius:20px;background:#0d0b10}
.artist-detail-body{display:flex;flex-direction:column;gap:1rem}
.sticky-card{position:sticky;top:110px}
.artist-meta.stacked{display:flex;flex-direction:column;gap:.45rem;margin:1rem 0}
.hero-actions.vertical{display:flex;flex-direction:column;align-items:flex-start}
.feature-list.compact li{margin-bottom:.4rem}
@media (max-width: 900px){.artist-detail-card{grid-template-columns:1fr}.sticky-card{position:static}}
@media (max-width: 900px){.artist-list > .artist-feature-card{grid-template-columns:1fr}.artist-list > .artist-feature-card > img{min-height:220px;max-height:280px;aspect-ratio:4 / 3;}}

.hero-slider-section{
    position:relative;
    min-height:min(95vh, 940px);
    overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,.04);
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
    isolation:isolate;
}
.hero-slider-section::before{
    content:'';position:absolute;inset:-8% -10% auto auto;width:36vw;height:36vw;border-radius:50%;
    background:radial-gradient(circle, rgba(226,187,109,.20), transparent 62%);
    filter:blur(10px);opacity:.9;z-index:1;pointer-events:none
}
.hero-slider-section::after{
    content:'';position:absolute;inset:auto auto -18% -6%;width:34vw;height:28vw;border-radius:50%;
    background:radial-gradient(circle, rgba(132,88,37,.18), transparent 66%);
    filter:blur(16px);z-index:1;pointer-events:none
}
.hero-slider-track{position:relative;min-height:inherit}
.hero-slide{
    position:absolute;inset:0;opacity:0;visibility:hidden;
    transition:opacity 1.35s cubic-bezier(.22,.61,.36,1), visibility 1.35s ease
}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:2}
.hero-slide-bg,.hero-slide-overlay{position:absolute;inset:0}
.hero-slide-bg::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 22%, rgba(0,0,0,.05) 100%);
    mix-blend-mode:screen;pointer-events:none
}
.hero-slide-bg img{
    width:100%;height:100%;object-fit:cover;object-position:center center;
    transform:scale(1.035);
    filter:saturate(1.04) contrast(1.04) brightness(.88) sepia(.06);
}
.hero-slide-overlay{
    background:
        linear-gradient(96deg, rgba(17,14,19,.68) 0%, rgba(17,14,19,.40) 38%, rgba(17,14,19,.14) 72%, rgba(17,14,19,.08) 100%),
        radial-gradient(circle at 76% 24%, rgba(247,210,137,.24), transparent 20%),
        radial-gradient(circle at 18% 70%, rgba(117,74,30,.22), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(17,14,19,.22) 42%, rgba(17,14,19,.48) 100%);
}
.hero-slide-content{
    position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);
    align-items:end;gap:2.4rem;min-height:min(95vh, 940px);padding:8.5rem 0 7rem
}
.hero-copy{max-width:740px;position:relative}
.hero-copy h1{
    max-width:11ch;
    text-shadow:0 18px 40px rgba(0,0,0,.24), 0 4px 12px rgba(0,0,0,.18);
}
.hero-copy p{font-size:1.08rem;color:rgba(247,241,231,.84);max-width:58ch;text-shadow:0 8px 24px rgba(0,0,0,.18)}
.hero-badges span{
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
    border-color:rgba(255,255,255,.14);
    box-shadow:0 16px 34px rgba(0,0,0,.16);
}
.hero-side-panel{
    align-self:center;
    background:linear-gradient(180deg, rgba(33,28,38,.72), rgba(18,15,22,.78));
    border:1px solid rgba(239,203,132,.18);
    box-shadow:0 32px 90px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter:blur(18px);
    transform:perspective(1400px) rotateY(-7deg) translateZ(0);
}
.hero-side-panel small,.hero-side-panel p,.hero-side-panel li{color:rgba(247,241,231,.74)}
.hero-side-panel h2{font-size:2.1rem;margin:.3rem 0 1rem;font-family:'Cormorant Garamond',serif}
.hero-slider-controls{
    position:absolute;left:0;right:0;bottom:2.3rem;z-index:4;
    display:flex;align-items:center;justify-content:space-between;gap:1rem
}
.hero-slider-dots{display:flex;align-items:center;gap:.7rem}
.hero-slider-dot,.hero-slider-arrow{
    border:1px solid rgba(255,255,255,.16);
    background:linear-gradient(180deg, rgba(31,26,36,.70), rgba(20,16,25,.54));
    color:var(--text);backdrop-filter:blur(14px);
    box-shadow:0 18px 40px rgba(0,0,0,.18)
}
.hero-slider-dot{
    width:14px;height:14px;border-radius:999px;padding:0;cursor:pointer;transition:.35s ease
}
.hero-slider-dot.is-active{width:42px;background:linear-gradient(135deg, #f0d39d, #b27b32);border-color:rgba(240,211,157,.78)}
.hero-slider-arrow{
    width:56px;height:56px;border-radius:999px;display:grid;place-items:center;cursor:pointer;
    font-size:2rem;line-height:1
}
.hero-slider-arrow:hover{transform:translateY(-2px) scale(1.02);border-color:rgba(212,175,107,.45)}
.home-visual-parallax{will-change:transform}
@media (max-width: 1180px){
    .hero-slide-content{grid-template-columns:1fr;align-items:end}
    .hero-side-panel{max-width:620px;transform:none}
}
@media (max-width: 760px){
    .hero-slider-section{min-height:auto}
    .hero-slider-section::before,.hero-slider-section::after{display:none}
    .hero-slide-content{min-height:auto;padding:7.6rem 0 8.2rem;gap:1.2rem}
    .hero-slide{position:absolute}
    .hero-slider-controls{bottom:1.15rem}
    .hero-side-panel{display:none}
    .hero-copy p{font-size:1rem}
}

.location-card{align-items:center}
.admin-media-preview{
    max-width:100%;
    border-radius:22px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    background:#100e13
}
.admin-media-preview img{width:100%;max-height:280px;object-fit:cover}

.home-parallax-soft{transform:translateZ(0);will-change:transform}
.home-parallax-soft[data-parallax-y]{transition:transform .18s linear}
.hero-copy .btn,.hero-side-panel,.hero-badges span{box-shadow:0 18px 40px rgba(0,0,0,.16)}
.gallery-card::after,.artist-card::after,.service-card::after,.post-card::after,.info-card::after,.pill-card::after,.quote-card::after{
    content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
    background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0) 28%);
    opacity:.9
}
@media (max-width: 1180px){
    .hero-slide-content{grid-template-columns:1fr;align-items:end}
    .hero-side-panel{max-width:620px}
}
@media (max-width: 760px){
    .hero-slider-section{min-height:auto}
    .hero-slide-content{min-height:auto;padding:7rem 0 7.5rem}
    .hero-slide{position:absolute}
    .hero-slider-controls{bottom:1rem}
    .hero-side-panel{display:none}
}


/* cinematic homepage polish */
.hero-slider-section{
    min-height:min(98vh, 980px);
    background:
        radial-gradient(circle at 18% 24%, rgba(255,235,190,.10), transparent 18%),
        radial-gradient(circle at 84% 12%, rgba(228,191,116,.18), transparent 22%),
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
}
.hero-slider-track{isolation:isolate}
.hero-slide{
    transform:scale(1.02);
    transition:opacity 1.8s cubic-bezier(.22,.61,.36,1), visibility 1.8s ease, transform 2.2s ease;
}
.hero-slide.is-active{transform:scale(1)}
.hero-slide-bg{overflow:hidden}
.hero-slide-bg img{
    transform:scale(1.08);
    filter:saturate(1.08) contrast(1.02) brightness(1.02) sepia(.03);
    transition:transform 11s cubic-bezier(.2,.65,.2,1), filter 1.5s ease;
}
.hero-slide.is-active .hero-slide-bg img{transform:scale(1.01)}
.hero-slide-overlay{
    background:
        linear-gradient(100deg, rgba(18,14,18,.48) 0%, rgba(18,14,18,.20) 38%, rgba(18,14,18,.08) 72%, rgba(18,14,18,.06) 100%),
        radial-gradient(circle at 74% 18%, rgba(255,228,164,.26), transparent 18%),
        radial-gradient(circle at 14% 78%, rgba(184,120,58,.20), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(18,14,18,.08) 40%, rgba(18,14,18,.32) 100%);
}
.hero-cinematic-frame,
.hero-cinematic-flare,
.hero-cinematic-mist{position:absolute;inset:0;pointer-events:none}
.hero-cinematic-frame{
    z-index:1;
    background:
        linear-gradient(90deg, rgba(255,255,255,.10), transparent 14%, transparent 86%, rgba(255,255,255,.08)),
        linear-gradient(180deg, rgba(255,255,255,.10), transparent 16%, transparent 84%, rgba(255,255,255,.08));
    mix-blend-mode:soft-light;
    opacity:.38;
}
.hero-cinematic-flare{
    z-index:1;
    inset:-10% auto auto 56%;
    width:32vw;height:32vw;border-radius:50%;
    background:radial-gradient(circle, rgba(255,226,170,.36) 0%, rgba(255,210,128,.18) 28%, rgba(255,210,128,0) 68%);
    filter:blur(6px);
    opacity:.82;
}
.hero-cinematic-mist{
    z-index:1;
    filter:blur(22px);
    mix-blend-mode:screen;
    opacity:.6;
}
.hero-cinematic-mist-a{
    inset:58% auto auto -8%;width:42vw;height:18vw;border-radius:999px;
    background:linear-gradient(90deg, rgba(255,239,212,.14), rgba(255,239,212,0));
}
.hero-cinematic-mist-b{
    inset:auto -6% 7% auto;width:34vw;height:16vw;border-radius:999px;
    background:linear-gradient(90deg, rgba(255,219,164,0), rgba(255,219,164,.16));
}
.hero-slide-content{
    min-height:min(98vh, 980px);
    padding:8.9rem 0 7.5rem;
    gap:2.8rem;
}
.hero-copy{
    max-width:780px;
    padding:1rem 0;
}
.hero-copy::before{
    content:'';
    position:absolute;left:-1.4rem;top:-1rem;width:140px;height:140px;border-radius:50%;
    background:radial-gradient(circle, rgba(255,226,170,.18), transparent 68%);
    filter:blur(10px);z-index:-1;
}
.hero-copy h1{
    font-size:clamp(3.4rem, 8.6vw, 6.6rem);
    line-height:.9;
    letter-spacing:-.03em;
    margin-bottom:1.2rem;
}
.hero-copy p{
    font-size:1.12rem;
    color:rgba(247,241,231,.88);
    max-width:60ch;
}
.hero-copy > *{
    opacity:0;
    transform:translate3d(0, 24px, 0);
    transition:opacity .9s ease, transform 1s cubic-bezier(.2,.65,.2,1);
}
.hero-slide.is-active .hero-copy > *{opacity:1;transform:translate3d(0,0,0)}
.hero-slide.is-active .hero-copy > *:nth-child(1){transition-delay:.08s}
.hero-slide.is-active .hero-copy > *:nth-child(2){transition-delay:.18s}
.hero-slide.is-active .hero-copy > *:nth-child(3){transition-delay:.28s}
.hero-slide.is-active .hero-copy > *:nth-child(4){transition-delay:.38s}
.hero-slide.is-active .hero-copy > *:nth-child(5){transition-delay:.48s}
.hero-badges{margin-top:1.7rem}
.hero-badges span{
    background:linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.04));
    border-color:rgba(255,255,255,.18);
    box-shadow:0 22px 44px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter:blur(12px);
}
.hero-side-panel{
    padding:2.2rem;
    background:linear-gradient(180deg, rgba(39,32,44,.56), rgba(20,15,24,.62));
    transform:perspective(1500px) rotateY(-9deg) rotateX(2deg) translateY(-6px);
    border-color:rgba(239,203,132,.22);
}
.hero-side-panel::after{
    content:'';position:absolute;inset:auto 12% 10% auto;width:140px;height:140px;border-radius:50%;
    background:radial-gradient(circle, rgba(255,231,176,.18), transparent 68%);pointer-events:none;
}
.hero-slider-controls{
    align-items:center;
    gap:1.3rem;
    bottom:2rem;
}
.hero-slider-progress{
    position:relative;flex:1;max-width:180px;height:4px;border-radius:999px;overflow:hidden;
    background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.hero-slider-progress span{
    position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:inherit;
    background:linear-gradient(90deg, rgba(240,211,157,.22), rgba(240,211,157,.98));
    box-shadow:0 0 16px rgba(240,211,157,.42);
}
.hero-slider-dot,.hero-slider-arrow{
    background:linear-gradient(180deg, rgba(44,36,50,.64), rgba(20,16,24,.44));
    box-shadow:0 22px 52px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08);
}
.home-parallax-soft[data-parallax-y]{transition:transform .16s linear}
.info-card,.service-card,.quote-card,.pill-card,.artist-card,.post-card,.gallery-card,.cta-card,.booking-card{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(43,37,48,.76), rgba(18,15,22,.74));
}
.info-card::before,.service-card::before,.quote-card::before,.pill-card::before,.artist-card::before,.post-card::before,.gallery-card::before,.cta-card::before,.booking-card::before{
    content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
    background:radial-gradient(circle at 18% 0%, rgba(255,255,255,.08), transparent 32%);
}
.gallery-card,
.artist-card,
.post-card{box-shadow:0 28px 68px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05)}
.gallery-card:hover,.artist-card:hover,.post-card:hover,.info-card:hover,.service-card:hover,.quote-card:hover,.pill-card:hover{
    transform:translateY(-10px) rotateX(3deg) rotateY(-2deg);
    box-shadow:0 34px 86px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
@media (prefers-reduced-motion: reduce){
    .hero-slide,.hero-copy > *, .hero-slide-bg img,.home-parallax-soft,.home-visual-parallax{transition:none !important;animation:none !important}
}
@media (max-width: 1180px){
    .hero-slide-content{padding:8rem 0 7rem}
    .hero-side-panel{transform:none}
}
@media (max-width: 760px){
    .hero-copy h1{font-size:clamp(2.9rem, 13vw, 4.4rem)}
    .hero-slide-overlay{background:linear-gradient(180deg, rgba(18,14,18,.26), rgba(18,14,18,.16) 28%, rgba(18,14,18,.38) 100%)}
    .hero-slider-progress{max-width:110px}
    .hero-badges span{font-size:.8rem}
}


/* brand-signature luxury refresh */
:root{
    --bg:#080b0f;
    --bg-soft:#10151b;
    --bg-card:rgba(18,22,28,.84);
    --text:#f7f1eb;
    --muted:#c8c0b3;
    --gold:#d7a66a;
    --gold-soft:#8c5a34;
    --brand-teal:#5ea59b;
    --brand-teal-deep:#274e4a;
    --brand-plum:#4f2735;
    --line:rgba(215,166,106,.18);
    --shadow:0 30px 90px rgba(0,0,0,.34);
    --shadow-soft:0 18px 40px rgba(2,8,12,.28);
}
body{
    font-family:'Manrope',system-ui,sans-serif;
    background:
        radial-gradient(circle at 10% 12%, rgba(94,165,155,.18), transparent 20%),
        radial-gradient(circle at 86% 10%, rgba(215,166,106,.16), transparent 20%),
        radial-gradient(circle at 52% 105%, rgba(79,39,53,.20), transparent 28%),
        linear-gradient(180deg, #0b0e13 0%, #11161d 40%, #090c11 100%);
}
body::before{
    content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;
    background:linear-gradient(120deg, rgba(255,255,255,.02), transparent 28%, transparent 72%, rgba(255,255,255,.015));
}
.brand strong,.admin-brand strong,.hero-copy h1,.page-hero h1,.section-heading h2,.cta-card h2,.artist-feature-body h2,.service-feature h2,.info-card h2,.hero-card h2,.admin-topbar h1{
    font-family:'Bodoni Moda',serif;
    letter-spacing:-.03em;
}
.site-header{
    position:fixed;top:0;left:0;right:0;z-index:50;
    background:linear-gradient(180deg, rgba(8,12,16,.88), rgba(8,12,16,.72));
    border-bottom:1px solid rgba(255,255,255,.05);
    box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.nav-wrap{min-height:70px}
.brand-mark{
    background:linear-gradient(135deg, #f0c58a, #8d6240 58%, #335d58 100%);
    box-shadow:0 12px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.18);
}
.main-nav a{font-size:.9rem;letter-spacing:.02em}
.main-nav a:hover,.main-nav a.active{color:#fff}
.btn-primary{
    background:linear-gradient(135deg, #f0c58a 0%, #ce9353 54%, #3e6f69 100%);
    color:#0c0f12;
    box-shadow:0 18px 40px rgba(27,39,43,.28), inset 0 1px 0 rgba(255,255,255,.25);
}
.btn-outline{
    border-color:rgba(215,166,106,.22);
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
}
.btn-ghost{
    border-color:rgba(94,165,155,.18);
    background:linear-gradient(180deg, rgba(94,165,155,.10), rgba(94,165,155,.04));
}
.hero-slider-section{
    min-height:min(88vh, 840px);
    background:
        radial-gradient(circle at 12% 20%, rgba(94,165,155,.20), transparent 18%),
        radial-gradient(circle at 84% 14%, rgba(240,197,138,.16), transparent 22%),
        radial-gradient(circle at 52% 110%, rgba(79,39,53,.24), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
}
.hero-slider-track,.hero-slide-content{min-height:inherit}
.hero-slide-bg img{
    object-position:center top;
    filter:saturate(1.14) contrast(1.12) brightness(.82);
}
.hero-slide-overlay{
    background:
        linear-gradient(102deg, rgba(9,12,16,.76) 0%, rgba(9,12,16,.42) 36%, rgba(9,12,16,.14) 72%, rgba(9,12,16,.10) 100%),
        radial-gradient(circle at 78% 20%, rgba(94,165,155,.24), transparent 18%),
        radial-gradient(circle at 18% 78%, rgba(215,166,106,.18), transparent 20%),
        linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(15,19,25,.10) 30%, rgba(9,12,16,.50) 100%);
}
.hero-slide-content{padding:7.4rem 0 5.6rem;gap:2.4rem}
.hero-copy h1{font-size:clamp(3rem, 7.6vw, 5.5rem);max-width:10.5ch}
.hero-copy p{font-size:1.02rem;max-width:56ch}
.hero-copy::before{
    background:radial-gradient(circle, rgba(94,165,155,.18), transparent 68%);
}
.hero-badges span{
    background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
    border-color:rgba(255,255,255,.14);
}
.hero-side-panel,
.hero-card,.info-card,.booking-card,.quote-card,.service-card,.post-card,.artist-card,.pill-card,.admin-panel,.cta-card,.dashboard-card,.service-feature,.article-card,.gallery-card,.artist-detail-card{
    background:
        radial-gradient(circle at top left, rgba(94,165,155,.10), transparent 28%),
        radial-gradient(circle at bottom right, rgba(215,166,106,.10), transparent 34%),
        linear-gradient(180deg, rgba(24,29,37,.90), rgba(11,14,19,.88));
    border:1px solid rgba(255,255,255,.07);
    box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.06);
}
.info-card::before,.service-card::before,.quote-card::before,.pill-card::before,.artist-card::before,.post-card::before,.gallery-card::before,.cta-card::before,.booking-card::before{
    background:radial-gradient(circle at 16% 0%, rgba(255,255,255,.08), transparent 28%), linear-gradient(180deg, rgba(255,255,255,.02), transparent 34%);
}
.page-hero{
    position:relative;
    padding:6.2rem 0 1rem;
    background:
        radial-gradient(circle at 14% 24%, rgba(94,165,155,.16), transparent 18%),
        radial-gradient(circle at 86% 14%, rgba(215,166,106,.14), transparent 16%);
}
.page-hero.small{padding:5.6rem 0 .75rem}
.page-hero::after{
    content:'';position:absolute;left:0;right:0;bottom:0;height:1px;
    background:linear-gradient(90deg, transparent, rgba(215,166,106,.28), transparent);
}
.page-hero p{max-width:54ch;color:rgba(247,241,235,.76)}
.section{padding:2rem 0}
.section-alt{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.012));}
.artist-feature-card{
    grid-template-columns:360px 1fr;
    background:
        linear-gradient(90deg, rgba(255,255,255,.015), transparent 20%),
        radial-gradient(circle at right center, rgba(94,165,155,.10), transparent 26%),
        linear-gradient(180deg, rgba(17,21,28,.92), rgba(10,13,18,.90));
    padding:1.1rem;
}
.artist-feature-card img,.artist-detail-card img{filter:saturate(1.05) contrast(1.02) brightness(.96)}
.artist-feature-body{padding:1rem .75rem}
.artist-meta{gap:.8rem 1rem}
.artist-meta span{
    display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .75rem;border-radius:999px;
    background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
}
.artist-detail-layout.signature-layout{align-items:start;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr)}
.artist-detail-card-signature{padding:1rem;overflow:hidden}
.artist-portrait-frame{position:relative;border-radius:24px;overflow:hidden;background:#0c1014}
.artist-portrait-frame::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.04), transparent 18%, rgba(0,0,0,.14) 100%);
    pointer-events:none;
}
.artist-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:.4rem 0 .7rem}
.artist-insight-card{
    padding:.95rem 1rem;border-radius:18px;border:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
}
.artist-insight-label{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:.35rem}
.artist-booking-rail{padding:1.5rem}
.editorial-note{max-width:56ch;color:rgba(247,241,235,.70);margin-top:.35rem}
.gallery-curation-bar{
    display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;flex-wrap:wrap;
    margin-bottom:1rem;padding:1.1rem 1.2rem;border-radius:24px;
    background:
        radial-gradient(circle at left top, rgba(94,165,155,.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
    border:1px solid rgba(255,255,255,.06);
}
.gallery-curation-copy{max-width:60ch;color:rgba(247,241,235,.72);margin:.25rem 0 0}
.gallery-curation-meta{display:flex;gap:.7rem;flex-wrap:wrap}
.gallery-curation-meta span,.mini-tag{
    display:inline-flex;align-items:center;padding:.48rem .72rem;border-radius:999px;
    background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
    border:1px solid rgba(255,255,255,.08);
    color:#efe3d4;
}
.signature-grid{grid-auto-flow:dense}
.signature-grid .gallery-card:first-child{grid-column:span 2;grid-row:span 2}
.signature-grid .gallery-card:first-child img{aspect-ratio:16/11}
.gallery-card{
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), transparent 24%),
        linear-gradient(180deg, rgba(16,19,24,.94), rgba(10,13,18,.90));
}
.gallery-card img{filter:saturate(1.08) contrast(1.04) brightness(.96)}
.gallery-overlay{
    padding:1.1rem;
    background:linear-gradient(180deg, transparent, rgba(7,10,14,.94));
}
.gallery-overlay strong{font-size:1.02rem;letter-spacing:.02em}
.lightbox-inner{
    width:min(100%, 1080px);
    display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
    background:
        radial-gradient(circle at top left, rgba(94,165,155,.12), transparent 28%),
        linear-gradient(180deg, rgba(17,21,28,.96), rgba(10,13,18,.94));
}
.lightbox-inner img{height:100%;max-height:none;min-height:100%;}
.lightbox-meta{
    padding:1.5rem 1.35rem 1.35rem;
    border-left:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
}
.lightbox-meta h3{font-family:'Bodoni Moda',serif;font-size:2rem;line-height:.95;margin:.2rem 0 .7rem}
.lightbox-meta p{color:rgba(247,241,235,.74)}
.site-footer{
    margin-top:2.4rem;
    background:
        radial-gradient(circle at 12% 18%, rgba(94,165,155,.12), transparent 18%),
        linear-gradient(180deg, rgba(255,255,255,.015), rgba(0,0,0,.18));
}
input,select,textarea{
    background:linear-gradient(180deg, rgba(14,18,24,.96), rgba(10,13,18,.96));
    border-color:rgba(255,255,255,.08);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
input:focus,select:focus,textarea:focus{
    outline:none;
    border-color:rgba(94,165,155,.44);
    box-shadow:0 0 0 3px rgba(94,165,155,.14), inset 0 1px 0 rgba(255,255,255,.05);
}
.wa-float{
    background:linear-gradient(135deg, #f0c58a 0%, #ce9353 54%, #3e6f69 100%);
    box-shadow:0 18px 42px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.22);
}
.reveal{
    opacity:0;
    transform:translateY(28px) scale(.985);
    transition:opacity .78s ease, transform .9s cubic-bezier(.2,.65,.2,1);
    transition-delay:var(--reveal-delay, 0ms);
}
.reveal.in-view{opacity:1;transform:none}
@media (max-width: 1180px){
    .artist-detail-layout.signature-layout{grid-template-columns:1fr}
    .artist-insight-grid{grid-template-columns:1fr 1fr 1fr}
}

.artist-list > .artist-feature-card{
    grid-template-columns:minmax(220px, 272px) minmax(0, 1fr);
    gap:1.05rem;
    padding:.92rem;
    align-items:center;
}
.artist-list > .artist-feature-card > img{
    aspect-ratio:4 / 5;
    min-height:280px;
    max-height:332px;
    width:100%;
    object-fit:cover;
    object-position:center 16%;
    border-radius:18px;
}
.artist-list > .artist-feature-card .artist-feature-body{
    padding:.65rem .55rem .65rem .2rem;
}
.artist-list > .artist-feature-card .hero-actions{
    gap:.55rem .7rem;
}

@media (max-width: 980px){
    .artist-feature-card{grid-template-columns:1fr}
    .signature-grid .gallery-card:first-child{grid-column:auto;grid-row:auto}
    .lightbox-inner{grid-template-columns:1fr}
    .lightbox-meta{border-left:0;border-top:1px solid rgba(255,255,255,.06)}
}
@media (max-width: 760px){
    .nav-wrap{min-height:66px}
    .hero-slider-section{min-height:min(82vh, 760px)}
    .hero-slide-content{padding:6.4rem 0 5rem}
    .hero-copy h1{font-size:clamp(2.6rem, 12vw, 4.1rem)}
    .artist-insight-grid{grid-template-columns:1fr}
    .gallery-curation-bar{padding:1rem}
}


/* ultra signature refresh v2 */
:root{
    --brand-primary:#1ea896;
    --brand-primary-deep:#0b6158;
    --brand-secondary:#d3975f;
    --brand-secondary-deep:#6b4325;
    --brand-berry:#6e3144;
    --brand-ink:#090d12;
    --brand-paper:#f5eee4;
    --text:#f6efe5;
    --muted:#bfb4a8;
    --line:rgba(211,151,95,.22);
    --shadow:0 28px 90px rgba(0,0,0,.34);
}
body{
    font-family:'Manrope',system-ui,sans-serif;
    background:
        radial-gradient(circle at 10% 12%, rgba(30,168,150,.16), transparent 20%),
        radial-gradient(circle at 86% 14%, rgba(211,151,95,.16), transparent 21%),
        radial-gradient(circle at 80% 78%, rgba(110,49,68,.18), transparent 24%),
        linear-gradient(180deg, #0b0f14 0%, #0e1318 36%, #090c11 100%);
}
.site-header{
    background:linear-gradient(180deg, rgba(6,11,15,.86), rgba(6,11,15,.62));
    backdrop-filter:blur(18px);
    box-shadow:0 14px 36px rgba(0,0,0,.22);
}
.nav-wrap{min-height:66px}
.brand-copy{display:grid;gap:.08rem}
.brand-overline{letter-spacing:.24em!important;text-transform:uppercase;font-size:.58rem!important;color:rgba(245,238,228,.58)!important}
.brand strong,.admin-brand strong{font-size:.98rem}
.brand small,.admin-brand small{font-size:.72rem;color:rgba(245,238,228,.64)}
.brand-mark{
    width:48px;height:48px;border-radius:15px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.02)),
        linear-gradient(135deg, #f0c28b 0%, #c47c43 54%, #158677 100%);
    color:#091015;
    box-shadow:0 18px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.24);
}
.main-nav{gap:.85rem}
.main-nav a{font-size:.86rem;letter-spacing:.04em;color:rgba(245,238,228,.62)}
.main-nav a:hover,.main-nav a.active{color:#fff}
.btn-primary{
    background:linear-gradient(135deg, #e9c38f 0%, #d08a4f 48%, #149182 100%);
}
.btn-outline{
    border-color:rgba(211,151,95,.28);
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
}
.hero-slider-section{
    min-height:min(86vh, 820px);
    background:
        radial-gradient(circle at 12% 18%, rgba(30,168,150,.20), transparent 18%),
        radial-gradient(circle at 82% 14%, rgba(211,151,95,.18), transparent 22%),
        radial-gradient(circle at 64% 100%, rgba(110,49,68,.24), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.hero-slide-content{padding:7rem 0 5.2rem;gap:2.15rem}
.hero-copy h1{font-size:clamp(2.55rem, 6.2vw, 4.65rem);max-width:11.2ch;line-height:.92}
.hero-copy p{font-size:1rem;max-width:52ch}
.hero-slide-overlay{
    background:
        linear-gradient(102deg, rgba(8,11,16,.82) 0%, rgba(8,11,16,.48) 34%, rgba(8,11,16,.18) 70%, rgba(8,11,16,.10) 100%),
        radial-gradient(circle at 82% 18%, rgba(30,168,150,.24), transparent 17%),
        radial-gradient(circle at 18% 82%, rgba(211,151,95,.18), transparent 19%),
        linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(9,12,18,.18) 34%, rgba(6,10,15,.58) 100%);
}
.hero-slide-bg img{filter:saturate(1.18) contrast(1.16) brightness(.8)}
.hero-side-panel,
.hero-card,.info-card,.booking-card,.quote-card,.service-card,.post-card,.artist-card,.pill-card,.admin-panel,.cta-card,.dashboard-card,.service-feature,.article-card,.gallery-card,.artist-detail-card{
    background:
        radial-gradient(circle at top left, rgba(30,168,150,.11), transparent 26%),
        radial-gradient(circle at bottom right, rgba(211,151,95,.12), transparent 32%),
        linear-gradient(180deg, rgba(17,23,30,.92), rgba(7,11,16,.9));
    border:1px solid rgba(255,255,255,.075);
}
.page-hero{
    padding:5.85rem 0 .85rem;
    background:
        radial-gradient(circle at 12% 22%, rgba(30,168,150,.14), transparent 18%),
        radial-gradient(circle at 88% 12%, rgba(211,151,95,.12), transparent 16%),
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.page-hero.small{padding:5.15rem 0 .65rem}
.section{padding:1.85rem 0}
.artist-style-banner{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:.9rem}
.page-style-banner{margin:.7rem 0 .35rem}
.style-pill,.signature-chip{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:34px;padding:.5rem .8rem;border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.04));
    color:var(--brand-paper);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;
}
.style-direction{
    color:rgba(245,238,228,.68);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;
}
.artist-signature-band{display:flex;flex-wrap:wrap;gap:.65rem;margin:.2rem 0 .6rem}
.artist-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.artist-style-card{
    padding:1rem 1rem .95rem;border-radius:20px;border:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}
.artist-style-card p{margin:.2rem 0 0;color:rgba(245,238,228,.74)}
.gallery-curation-title{font-family:'Bodoni Moda',serif;font-size:clamp(1.5rem,3vw,2.3rem);line-height:.98;margin:.2rem 0 .45rem}
.gallery-overlay{display:flex;flex-direction:column;gap:.38rem}
.gallery-overlay .style-pill{align-self:flex-start;backdrop-filter:blur(10px)}
.gallery-card .tag-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.2rem}
.lightbox-tags{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:.85rem}
.lightbox-style-note{margin-top:1rem;color:rgba(245,238,228,.68)}
.style-tone-fine-line .signature-chip,.style-tone-fine-line .style-pill{background:linear-gradient(135deg, rgba(123,182,174,.26), rgba(255,255,255,.06));}
.style-tone-blackwork .signature-chip,.style-tone-blackwork .style-pill{background:linear-gradient(135deg, rgba(110,49,68,.36), rgba(255,255,255,.05));}
.style-tone-realism .signature-chip,.style-tone-realism .style-pill{background:linear-gradient(135deg, rgba(211,151,95,.30), rgba(255,255,255,.05));}
.style-tone-illustrative .signature-chip,.style-tone-illustrative .style-pill{background:linear-gradient(135deg, rgba(30,168,150,.28), rgba(110,49,68,.18));}
.style-tone-geometric .signature-chip,.style-tone-geometric .style-pill{background:linear-gradient(135deg, rgba(99,112,160,.32), rgba(255,255,255,.05));}
.style-tone-color .signature-chip,.style-tone-color .style-pill{background:linear-gradient(135deg, rgba(211,151,95,.28), rgba(30,168,150,.22), rgba(110,49,68,.24));}
.style-tone-signature .signature-chip,.style-tone-signature .style-pill{background:linear-gradient(135deg, rgba(211,151,95,.26), rgba(30,168,150,.20));}
.style-tone-fine-line .artist-feature-card,.style-tone-fine-line.artist-detail-card,.style-tone-fine-line.gallery-card{box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(123,182,174,.08)}
.style-tone-blackwork .artist-feature-card,.style-tone-blackwork.artist-detail-card,.style-tone-blackwork.gallery-card{box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(110,49,68,.10)}
.style-tone-realism .artist-feature-card,.style-tone-realism.artist-detail-card,.style-tone-realism.gallery-card{box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(211,151,95,.12)}
.style-tone-illustrative .artist-feature-card,.style-tone-illustrative.artist-detail-card,.style-tone-illustrative.gallery-card{box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(30,168,150,.12)}
@media (max-width: 760px){
    .nav-wrap{min-height:62px}
    .hero-slider-section{min-height:min(80vh, 720px)}
    .hero-slide-content{padding:6rem 0 4.5rem;gap:1.35rem}
    .hero-copy h1{font-size:clamp(2.1rem, 9vw, 3.45rem);max-width:12ch}
    .artist-style-grid{grid-template-columns:1fr}
}

/* Refinement pass: smaller hero/front-end headlines + slightly translucent hero imagery */
.hero-copy h1{
    font-size:clamp(2.28rem, 5.55vw, 4.05rem);
    max-width:12ch;
    line-height:.94;
}
.page-hero h1{
    font-size:clamp(1.95rem, 4.45vw, 3.35rem);
    line-height:.96;
}
.section-heading h2,
.cta-card h2,
.artist-feature-body h2,
.service-feature h2,
.info-card h2,
.hero-card h2,
.gallery-curation-title{
    font-size:clamp(1.72rem, 3.15vw, 2.72rem);
    line-height:.98;
}
.hero-slide-bg img{
    opacity:.84;
    filter:saturate(1.14) contrast(1.12) brightness(.77);
}
.hero-slide.is-active .hero-slide-bg img{
    transform:scale(1.015);
}
@media (max-width: 760px){
    .hero-copy h1{
        font-size:clamp(1.92rem, 8.4vw, 3.1rem);
        max-width:12.6ch;
    }
    .page-hero h1{
        font-size:clamp(1.7rem, 7vw, 2.6rem);
    }
    .section-heading h2,
    .cta-card h2,
    .artist-feature-body h2,
    .service-feature h2,
    .info-card h2,
    .hero-card h2,
    .gallery-curation-title{
        font-size:clamp(1.48rem, 6vw, 2.16rem);
    }
}

/* Precision spacing pass: editorial vertical rhythm across public frontend */
:root{
    --section-space:clamp(3.15rem, 5.4vw, 4.95rem);
    --section-space-compact:clamp(2.2rem, 4vw, 3.25rem);
    --section-space-hero-follow:clamp(2.5rem, 4.4vw, 3.6rem);
    --heading-stack:.58rem;
    --content-gap:clamp(1.15rem, 2vw, 1.7rem);
    --content-gap-tight:clamp(.85rem, 1.4vw, 1.2rem);
}

.page-hero > .container,
.page-hero.small > .container{
    display:grid;
    gap:.65rem;
}

.page-hero .eyebrow,
.section-heading .eyebrow{
    margin-bottom:.18rem;
}

.page-hero h1,
.section-heading h2,
.cta-card h2,
.artist-feature-body h2,
.service-feature h2,
.info-card h2,
.hero-card h2,
.gallery-curation-title{
    margin-bottom:var(--heading-stack);
}

.page-hero p,
.section-heading p,
.editorial-note,
.gallery-curation-copy,
.lightbox-meta p{
    margin-top:0;
}

.page-hero{
    padding:5.6rem 0 1.2rem;
}
.page-hero.small{
    padding:5.05rem 0 .95rem;
}
.page-hero + .section{
    padding-top:var(--section-space-compact);
}

.hero-slider-section + .section{
    padding-top:var(--section-space-hero-follow);
}

.section{
    padding:var(--section-space) 0;
}
.section.section-alt{
    padding:var(--section-space) 0;
}
.section:last-of-type{
    padding-bottom:clamp(3.4rem, 5vw, 5.2rem);
}

.section-heading{
    margin-bottom:clamp(1.45rem, 2.4vw, 2.1rem);
}
.section-heading.with-action{
    gap:1.2rem 1.5rem;
    align-items:flex-end;
}
.section-heading > div{
    max-width:64ch;
}
.section-heading h2{
    max-width:13ch;
}

.section-heading + .grid,
.section-heading + .gallery-grid,
.section-heading + .artist-list,
.section-heading + .service-list,
.section-heading + .accordion,
.section-heading + .split-grid,
.section-heading + .service-feature,
.section-heading + .artist-detail-layout,
.section-heading + .gallery-curation-bar,
.section-heading + .pricing-flow,
.section-heading + .post-grid,
.section-heading + .filter-bar,
.section-heading + .table-wrap,
.section-heading + .faq-preview,
.section-heading + .blog-filter-bar,
.section-heading + .artist-style-grid,
.section-heading + .signature-grid{
    margin-top:0;
}

.gallery-curation-bar,
.blog-filter-bar,
.artist-feature-card,
.artist-detail-card,
.lightbox-inner,
.cta-card,
.service-feature{
    margin-top:0;
}

.gallery-curation-bar + .filter-bar,
.filter-bar + .gallery-grid,
.filter-bar + .signature-grid,
.blog-filter-bar + .post-grid,
.artist-insight-grid + .artist-meta,
.artist-meta + .editorial-note,
.editorial-note + .hero-actions,
.tag-row + .text-link,
.post-card img + .post-card-body,
.gallery-curation-copy + .gallery-curation-meta{
    margin-top:var(--content-gap-tight);
}

.grid,
.artist-list,
.service-list,
.gallery-grid,
.post-grid,
.pill-grid,
.pricing-flow,
.footer-grid,
.form-grid,
.artist-style-grid,
.artist-insight-grid{
    gap:clamp(1rem, 1.8vw, 1.45rem);
}

.pill-card,
.pricing-step,
.service-card,
.quote-card,
.info-card,
.artist-card,
.post-card,
.dashboard-card,
.booking-card,
.article-card,
.cta-card,
.artist-booking-rail,
.lightbox-meta{
    padding:clamp(1.2rem, 2vw, 1.6rem);
}

.artist-card-body,
.post-card-body,
.artist-feature-body,
.article-content,
.service-feature > div,
.info-card,
.service-card,
.quote-card{
    display:grid;
    gap:var(--content-gap-tight);
}

.artist-card-body > * ,
.post-card-body > *,
.artist-feature-body > *,
.article-content > *,
.service-feature > div > *,
.info-card > *,
.service-card > *,
.quote-card > *{
    margin:0;
}

.accordion,
.filter-bar,
.gallery-curation-meta,
.tag-row,
.hero-actions,
.cta-actions,
.form-actions,
.artist-meta,
.footer-social{
    row-gap:.8rem;
}

.faq-preview .accordion,
.service-feature,
.artist-detail-layout,
.split-grid,
.article-layout,
.gallery-curation-bar{
    margin-top:0;
}

.site-footer{
    margin-top:clamp(3.4rem, 5vw, 5rem);
}
.footer-grid{
    padding:clamp(2.6rem, 4vw, 3.4rem) 0 1.4rem;
}
.footer-bottom{
    padding:1.05rem 0 2.1rem;
}

@media (max-width: 760px){
    :root{
        --section-space:clamp(2.5rem, 8vw, 3.4rem);
        --section-space-compact:clamp(1.9rem, 6vw, 2.5rem);
        --section-space-hero-follow:clamp(2rem, 6vw, 2.8rem);
    }
    .page-hero{
        padding:4.8rem 0 .9rem;
    }
    .page-hero.small{
        padding:4.45rem 0 .75rem;
    }
    .section-heading{
        margin-bottom:1.2rem;
    }
    .section-heading.with-action{
        gap:1rem;
    }
    .grid,
    .artist-list,
    .service-list,
    .gallery-grid,
    .post-grid,
    .pill-grid,
    .pricing-flow,
    .footer-grid,
    .form-grid,
    .artist-style-grid,
    .artist-insight-grid{
        gap:1rem;
    }
    .footer-grid{
        padding:2.2rem 0 1.2rem;
    }
    .footer-bottom{
        padding:.95rem 0 1.7rem;
    }
}

/* Micro-layout refinement: baseline, alignment, equalized card rhythm */
:root{
    --micro-stack-xs:.34rem;
    --micro-stack-sm:.48rem;
    --micro-stack-md:.68rem;
    --micro-stack-lg:.92rem;
    --card-media-gap:.95rem;
}

html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{letter-spacing:.005em}

.brand-copy{line-height:1.08;gap:.16rem}
.brand strong,.admin-brand strong{line-height:1.02}
.brand small,.admin-brand small{line-height:1.14}

.hero-copy,
.page-hero > .container,
.section-heading > div,
.gallery-curation-bar > div:first-child,
.artist-detail-body,
.artist-feature-body,
.lightbox-meta,
.cta-card > div:first-child{
    display:grid;
    align-content:start;
    gap:var(--micro-stack-md);
}

.hero-copy .eyebrow,
.page-hero .eyebrow,
.section-heading .eyebrow,
.gallery-curation-bar .eyebrow,
.artist-detail-body .eyebrow,
.artist-feature-body .eyebrow,
.cta-card .eyebrow{
    line-height:1;
    margin:0;
}

.hero-copy h1,
.page-hero h1,
.section-heading h2,
.cta-card h2,
.artist-feature-body h2,
.service-feature h2,
.info-card h2,
.hero-card h2,
.gallery-curation-title,
.artist-detail-body h2,
.lightbox-meta h3{
    line-height:.92;
    text-wrap:balance;
    margin:0;
}

.hero-copy p,
.page-hero p,
.section-heading p,
.gallery-curation-copy,
.editorial-note,
.lightbox-meta p,
.artist-detail-body p,
.artist-feature-body p,
.service-card p,
.info-card p,
.quote-card p,
.post-card p,
.artist-card p{
    margin:0;
    max-width:62ch;
}

.info-card h3,
.service-card h3,
.post-card h3,
.artist-card h3,
.quote-card strong,
.pricing-step h3,
.artist-booking-rail h3,
.gallery-overlay strong,
.accordion summary,
.filter-btn,
.mini-tag,
.style-pill,
.signature-chip,
.text-link{
    line-height:1.16;
}

.grid > .info-card,
.grid > .service-card,
.grid > .quote-card,
.grid > .artist-card,
.grid > .post-card,
.grid > .pill-card,
.grid > .booking-card,
.grid > .dashboard-card,
.grid > .article-card,
.gallery-grid > .gallery-card,
.artist-list > .artist-feature-card,
.service-list > .service-feature,
.post-grid > .post-card,
.pill-grid > .pill-card,
.pricing-flow > .pricing-step{
    height:100%;
}

.info-card,
.service-card,
.quote-card,
.artist-card,
.post-card,
.pill-card,
.booking-card,
.article-card,
.pricing-step,
.artist-booking-rail,
.cta-card,
.hero-card,
.service-feature,
.artist-feature-card,
.artist-detail-card{
    display:flex;
    flex-direction:column;
}

.info-card > *,
.service-card > *,
.quote-card > *,
.artist-card > *,
.post-card > *,
.pill-card > *,
.booking-card > *,
.article-card > *,
.pricing-step > *,
.artist-booking-rail > *{
    margin-top:0;
    margin-bottom:0;
}

.artist-card img,
.post-card img{
    margin-bottom:var(--card-media-gap);
}

.artist-list > .artist-feature-card{
    display:grid;
    grid-template-columns:minmax(220px, 280px) minmax(0,1fr);
    align-items:stretch;
    gap:1.2rem;
}

.artist-list > .artist-feature-card > img{
    width:100%;
    height:100%;
    min-height:280px;
    max-height:360px;
    aspect-ratio:4 / 5;
    object-fit:cover;
    object-position:center top;
}

.artist-list > .artist-feature-card > .artist-feature-body{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.artist-card-body,
.post-card-body,
.info-card,
.service-card,
.quote-card,
.artist-booking-rail,
.article-content,
.service-feature > div,
.cta-card > div,
.hero-card,
.booking-card{
    flex:1 1 auto;
}

.artist-card-body,
.post-card-body{
    display:grid;
    grid-template-rows:auto auto 1fr auto;
    align-content:start;
    gap:var(--micro-stack-sm);
    min-height:100%;
    padding-top:0;
}

.info-card,
.service-card,
.quote-card,
.pill-card,
.booking-card,
.article-card,
.artist-booking-rail,
.hero-card,
.pricing-step{
    gap:var(--micro-stack-md);
}

.service-card small,
.artist-card .text-link,
.post-card .text-link,
.quote-card strong,
.article-card .text-link,
.artist-booking-rail .hero-actions,
.hero-card .hero-actions,
.booking-card .form-actions{
    margin-top:auto;
}

.hero-actions,
.cta-actions,
.form-actions{
    column-gap:.8rem;
    row-gap:.72rem;
}

.hero-actions.vertical,
.cta-actions.vertical,
.form-actions.vertical{
    align-items:stretch;
}

.artist-meta,
.artist-signature-band,
.tag-row,
.gallery-curation-meta,
.footer-social{
    align-items:center;
}

.artist-meta span,
.gallery-curation-meta span,
.tag-row .mini-tag,
.artist-signature-band .mini-tag,
.footer-social a{
    display:inline-flex;
    align-items:center;
}

.artist-meta span,
.gallery-curation-meta span{
    min-height:34px;
}

.filter-bar{align-items:center}
.filter-btn,
.mini-tag,
.style-pill,
.signature-chip{
    min-height:36px;
}

.filter-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.72rem 1rem;
}

.gallery-curation-bar{
    align-items:end;
}

.gallery-curation-bar > div:last-child,
.section-heading.with-action > .text-link,
.section-heading.with-action .btn,
.section-heading.with-action .btn-outline{
    align-self:flex-end;
}

.gallery-overlay{
    min-height:132px;
    justify-content:flex-end;
    gap:var(--micro-stack-xs);
}

.gallery-overlay small{
    display:block;
    line-height:1.24;
    color:rgba(245,238,228,.7);
}

.gallery-card .tag-row{
    margin-top:var(--micro-stack-xs);
}

.artist-style-banner,
.page-style-banner,
.artist-insight-grid,
.artist-style-grid,
.gallery-curation-meta,
.filter-bar,
.tag-row,
.artist-signature-band,
.artist-meta.stacked{
    margin-top:0;
    margin-bottom:0;
}

.artist-meta.stacked{
    display:grid;
    gap:.6rem;
    align-items:start;
}

.artist-meta.stacked span{
    min-height:auto;
}

.artist-insight-card,
.artist-style-card{
    display:grid;
    align-content:start;
    gap:var(--micro-stack-xs);
}

.artist-insight-card strong,
.artist-style-card p{
    line-height:1.24;
}

.feature-list.compact,
.feature-list{
    display:grid;
    gap:.58rem;
}

.feature-list li,
.hero-card li{
    margin:0;
}

.accordion details{
    display:grid;
    gap:var(--micro-stack-sm);
}

.accordion summary::-webkit-details-marker{display:none}

.footer-grid > *{
    display:grid;
    align-content:start;
    gap:var(--micro-stack-sm);
}

.footer-grid p,
.footer-grid a,
.footer-grid li,
.footer-grid small,
.footer-grid strong{
    margin:0;
}

@media (max-width: 760px){
    .hero-copy,
    .page-hero > .container,
    .section-heading > div,
    .gallery-curation-bar > div:first-child,
    .artist-detail-body,
    .artist-feature-body,
    .lightbox-meta,
    .cta-card > div:first-child{
        gap:var(--micro-stack-sm);
    }

    .gallery-overlay{
        min-height:118px;
    }

    .artist-card-body,
    .post-card-body{
        grid-template-rows:auto auto 1fr auto;
    }
}

/* Final visual pass: radius, shadow hierarchy, border contrast, and image treatment */
:root{
    --radius-2xs:12px;
    --radius-xs:16px;
    --radius-sm:18px;
    --radius-md:22px;
    --radius-lg:28px;
    --radius-xl:34px;
    --surface-stroke:rgba(255,255,255,.075);
    --surface-stroke-strong:rgba(255,255,255,.12);
    --surface-highlight:rgba(255,255,255,.06);
    --elev-1:0 12px 32px rgba(0,0,0,.18), 0 2px 8px rgba(0,0,0,.08);
    --elev-2:0 22px 58px rgba(0,0,0,.24), 0 6px 18px rgba(0,0,0,.12);
    --elev-3:0 34px 92px rgba(0,0,0,.32), 0 10px 24px rgba(0,0,0,.16);
}

.btn{border-radius:999px}
input,select,textarea{border-radius:var(--radius-xs)}
.alert{border-radius:var(--radius-sm)}
.accordion details{border-radius:var(--radius-md)}
.gallery-card{border-radius:var(--radius-lg)}
.artist-feature-card,.artist-detail-card,.hero-card,.info-card,.booking-card,.quote-card,.service-card,.post-card,.artist-card,.pill-card,.admin-panel,.cta-card,.dashboard-card,.service-feature,.article-card,.gallery-card,.lightbox-inner{
    border-radius:var(--radius-lg);
}

.hero-card,.info-card,.booking-card,.quote-card,.service-card,.post-card,.artist-card,.pill-card,.admin-panel,.cta-card,.dashboard-card,.service-feature,.article-card,.gallery-card,.artist-detail-card,.artist-feature-card{
    border-color:var(--surface-stroke);
    box-shadow:var(--elev-2), inset 0 1px 0 var(--surface-highlight), inset 0 0 0 1px rgba(255,255,255,.018);
}
.hero-side-panel,.cta-card,.artist-detail-card,.artist-feature-card,.lightbox-inner{
    border-color:var(--surface-stroke-strong);
    box-shadow:var(--elev-3), inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 1px rgba(255,255,255,.025);
}
.pill-card,.info-card,.quote-card,.service-card,.post-card,.artist-card,.gallery-card{
    box-shadow:var(--elev-1), inset 0 1px 0 rgba(255,255,255,.055), inset 0 0 0 1px rgba(255,255,255,.02);
}
.hero-card:hover,.info-card:hover,.booking-card:hover,.quote-card:hover,.service-card:hover,.post-card:hover,.artist-card:hover,.pill-card:hover,.cta-card:hover,.service-feature:hover,.article-card:hover,.gallery-card:hover,.artist-feature-card:hover,.artist-detail-card:hover{
    border-color:rgba(215,166,106,.18);
    box-shadow:var(--elev-3), inset 0 1px 0 rgba(255,255,255,.085), inset 0 0 0 1px rgba(255,255,255,.03);
}

.site-header{border-bottom:1px solid rgba(255,255,255,.07)}
.page-hero::after{background:linear-gradient(90deg, transparent, rgba(215,166,106,.34), rgba(30,168,150,.22), transparent)}
.filter-btn,
.hero-badges span,
.gallery-curation-meta span,
.mini-tag,
.style-pill,
.signature-chip,
.artist-meta span{
    border-color:rgba(255,255,255,.095);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}

.artist-card img,
.post-card img,
.artist-feature-card img,
.artist-detail-card img,
.gallery-card img,
.article-card img,
.lightbox-inner img{
    transition:transform .75s cubic-bezier(.2,.65,.2,1), filter .55s ease, opacity .55s ease;
    filter:saturate(.96) contrast(1.08) brightness(.94) grayscale(.05);
}
.artist-card:hover img,
.post-card:hover img,
.artist-feature-card:hover img,
.artist-detail-card:hover img,
.gallery-card:hover img,
.article-card:hover img{
    transform:scale(1.035);
    filter:saturate(1.08) contrast(1.1) brightness(.98) grayscale(0);
}
.hero-slide-bg img{
    opacity:.78;
    filter:saturate(1.05) contrast(1.12) brightness(.74) grayscale(.04);
}
.hero-slide.is-active .hero-slide-bg img{
    opacity:.8;
    filter:saturate(1.08) contrast(1.13) brightness(.76) grayscale(.03);
}
.artist-portrait-frame::before,
.gallery-card::before,
.artist-card::before,
.post-card::before{
    backdrop-filter:none;
}
.artist-portrait-frame::after,
.gallery-card::after,
.artist-card::after,
.post-card::after,
.article-card::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:
        linear-gradient(180deg, rgba(255,255,255,.06), transparent 18%, rgba(0,0,0,.12) 100%),
        linear-gradient(90deg, rgba(255,255,255,.025), transparent 22%, transparent 78%, rgba(255,255,255,.018));
    opacity:.72;
}
.gallery-overlay{
    background:linear-gradient(180deg, rgba(6,9,13,.02), rgba(6,9,13,.26) 34%, rgba(6,9,13,.94) 100%);
}
.lightbox-meta{
    background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012));
}
input:hover,select:hover,textarea:hover{border-color:rgba(255,255,255,.11)}
input:focus,select:focus,textarea:focus{border-color:rgba(30,168,150,.42)}

@media (max-width: 760px){
    .hero-card,.info-card,.booking-card,.quote-card,.service-card,.post-card,.artist-card,.pill-card,.admin-panel,.cta-card,.dashboard-card,.service-feature,.article-card,.gallery-card,.artist-detail-card,.artist-feature-card,.lightbox-inner{
        border-radius:24px;
    }
    input,select,textarea{border-radius:15px}
}


/* Production-ready content styling pass */
:root{
    --field-bg:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
    --field-bg-active:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.024));
    --field-stroke:rgba(255,255,255,.085);
    --field-stroke-strong:rgba(30,168,150,.46);
    --field-danger:rgba(216,127,127,.52);
    --field-placeholder:rgba(245,238,228,.42);
}

.btn{
    min-height:50px;
    padding:.95rem 1.35rem;
    font-weight:700;
    letter-spacing:.015em;
    gap:.55rem;
    transition:transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease, color .22s ease, opacity .22s ease;
}
.btn-sm{min-height:40px;padding:.72rem 1rem;font-size:.86rem}
.btn-primary,.btn-outline,.btn-ghost{position:relative;overflow:hidden}
.btn-primary::after,.btn-outline::after,.btn-ghost::after{
    content:'';
    position:absolute;
    inset:1px;
    border-radius:inherit;
    background:linear-gradient(180deg, rgba(255,255,255,.18), transparent 42%);
    opacity:.55;
    pointer-events:none;
}
.btn-primary:hover,.btn-outline:hover,.btn-ghost:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.988)}
.btn:focus-visible,
.filter-btn:focus-visible,
.gallery-trigger:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px rgba(7,10,14,.86), 0 0 0 5px rgba(30,168,150,.28);
}
.btn[disabled],
.btn.is-disabled,
.btn.is-loading{
    cursor:not-allowed;
    opacity:.72;
    transform:none;
}
.btn.is-loading::before{
    content:'';
    width:1rem;
    height:1rem;
    border-radius:999px;
    border:2px solid rgba(255,255,255,.28);
    border-top-color:rgba(255,255,255,.92);
    animation:btnSpin .7s linear infinite;
}
@keyframes btnSpin{to{transform:rotate(360deg)}}

.form-shell{
    position:relative;
    overflow:hidden;
}
.form-shell::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:linear-gradient(180deg, rgba(255,255,255,.04), transparent 22%);
    opacity:.88;
}
.form-shell > *{position:relative;z-index:1}
.form-section-intro{
    display:grid;
    gap:.6rem;
    margin-bottom:1.4rem;
}
.form-section-intro h2{
    font-size:clamp(1.3rem, 2vw, 1.8rem);
    line-height:1.08;
    margin:0;
}
.form-section-intro p,
.form-footnote{
    color:rgba(245,238,228,.68);
}
.form-footnote{
    margin:0;
    font-size:.92rem;
    line-height:1.65;
}
.form-grid label,
.blog-filter-grid label{
    position:relative;
    align-content:start;
}
.form-grid label > span,
.blog-filter-grid label > span{
    font-size:.76rem;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:rgba(245,238,228,.72);
    font-weight:800;
}
.is-required > span::after{
    content:' *';
    color:rgba(215,166,106,.86);
}
.field-note,
.results-caption,
.table-empty-note{
    font-size:.82rem;
    line-height:1.55;
    color:rgba(245,238,228,.56);
}
.results-caption{margin-top:.9rem}
.table-empty-note{text-align:left;padding:.4rem 0}
input,select,textarea{
    min-height:54px;
    background:var(--field-bg);
    border-color:var(--field-stroke);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 10px 24px rgba(0,0,0,.12);
}
textarea{min-height:170px;padding-top:1rem}
input::placeholder,textarea::placeholder{color:var(--field-placeholder)}
input:hover,select:hover,textarea:hover{
    background:var(--field-bg-active);
    border-color:rgba(255,255,255,.14);
}
input:focus,select:focus,textarea:focus{
    background:var(--field-bg-active);
    border-color:var(--field-stroke-strong);
    box-shadow:0 0 0 3px rgba(7,10,14,.82), 0 0 0 5px rgba(30,168,150,.18), inset 0 1px 0 rgba(255,255,255,.05);
}
input:disabled,select:disabled,textarea:disabled{
    opacity:.55;
    cursor:not-allowed;
    background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.01));
}
input:required:invalid:not(:placeholder-shown),
textarea:required:invalid:not(:placeholder-shown){
    border-color:var(--field-danger);
    box-shadow:0 0 0 3px rgba(7,10,14,.82), 0 0 0 5px rgba(216,127,127,.12), inset 0 1px 0 rgba(255,255,255,.05);
}
.alert{
    display:flex;
    align-items:flex-start;
    gap:.8rem;
    padding:1rem 1.05rem;
    line-height:1.55;
}
.alert::before{
    content:'';
    flex:0 0 1.1rem;
    width:1.1rem;
    height:1.1rem;
    margin-top:.15rem;
    border-radius:999px;
    box-shadow:0 0 0 4px rgba(255,255,255,.04);
}
.alert-success::before{background:radial-gradient(circle at 35% 35%, #dff6e9, #66b089 68%, #335947)}
.alert-error::before{background:radial-gradient(circle at 35% 35%, #fbe0e0, #d87f7f 68%, #6c3b3b)}
.empty-state{
    display:grid;
    gap:.8rem;
    align-items:start;
    padding:2rem;
    border-radius:24px;
    border:1px dashed rgba(255,255,255,.12);
    background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012));
}
.empty-state-rich{
    min-height:240px;
    align-content:center;
}
.empty-state-kicker{
    font-size:.72rem;
    text-transform:uppercase;
    letter-spacing:.16em;
    color:rgba(245,238,228,.55);
}
.empty-state h3{margin:0;font-size:clamp(1.18rem,1.6vw,1.5rem)}
.empty-state p{margin:0;color:rgba(245,238,228,.62);max-width:58ch}
.empty-state-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.blog-filter-bar.form-shell{padding:1.2rem 1.25rem}
.filter-actions{align-self:end}
.table-wrap td .table-empty-note{max-width:50ch}
.vertical-on-mobile{display:flex}

@media (max-width: 760px){
    .btn{width:100%;justify-content:center}
    .form-actions .btn,
    .empty-state-actions .btn,
    .filter-actions .btn{width:100%}
    .vertical-on-mobile{flex-direction:column}
    .form-shell,
    .blog-filter-bar.form-shell{padding:1.15rem}
    .field-note,
    .results-caption,
    .table-empty-note{font-size:.8rem}
}

/* Dropdown visibility fix for production dark theme */
:root{
    --select-surface-solid:#0f151d;
    --select-surface-solid-2:#111a24;
    --select-popup-solid:#0d141c;
    --select-popup-strong:#15202b;
    --select-popup-active:#19303a;
    --select-popup-text:#f7f1eb;
    --select-popup-muted:#d8c8b4;
}

select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    color:var(--select-popup-text);
    color-scheme:dark;
    background-color:var(--select-surface-solid);
    background-image:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23f4ede4' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat,no-repeat;
    background-position:0 0, right 1rem center;
    background-size:auto, 14px 14px;
    padding-right:3rem;
}

select option,
select optgroup{
    color:var(--select-popup-text);
    background-color:var(--select-popup-solid);
}

select optgroup{
    font-style:normal;
    font-weight:700;
    color:var(--select-popup-muted);
}

select option{
    padding:.8rem 1rem;
}

select option:hover,
select option:focus,
select option:checked,
select option[selected]{
    color:#ffffff;
    background-color:var(--select-popup-strong);
}

select[multiple],
select[size]{
    background-image:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
    padding-right:1rem;
}

/* Hero side panel transparency refinement */
.hero-side-panel{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:linear-gradient(180deg, rgba(7,10,16,.20), rgba(8,11,17,.30)) !important;
    border-color:rgba(239,203,132,.10) !important;
    box-shadow:0 26px 64px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.04), inset 0 0 0 1px rgba(255,255,255,.014) !important;
    -webkit-backdrop-filter:blur(24px) saturate(122%);
    backdrop-filter:blur(24px) saturate(122%);
}

.hero-side-panel::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        linear-gradient(135deg, rgba(255,255,255,.02), transparent 34%),
        radial-gradient(circle at 78% 24%, rgba(212,175,107,.065), transparent 34%),
        radial-gradient(circle at 82% 82%, rgba(28,75,88,.08), transparent 32%);
    pointer-events:none;
    z-index:0;
}

.hero-side-panel > *{
    position:relative;
    z-index:1;
}

.hero-side-panel small{
    color:rgba(247,241,231,.78);
}

.hero-side-panel h2{
    color:rgba(247,241,231,.98);
    text-shadow:0 12px 28px rgba(0,0,0,.24);
}

.hero-side-panel p,
.hero-side-panel li{
    color:rgba(247,241,231,.88);
}


/* Demo additions */
.demo-badge {
    position: fixed;
    z-index: 9999;
    top: 1rem;
    right: 1rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .7rem 1rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #f59e0b, #fb923c);
    color: #1b1105;
    font-weight: 800;
    font-size: .78rem;
    letter-spacing: .04em;
    box-shadow: 0 18px 50px rgba(245, 158, 11, 0.28);
    border: 1px solid rgba(255,255,255,0.35);
}

.demo-badge-public {
    top: 5.5rem;
}

.demo-login-card-box {
    display: grid;
    gap: 1rem;
}

.demo-front-login-form input {
    width: 100%;
}

.demo-credential-box {
    border: 1px solid rgba(245, 158, 11, 0.35);
    background: rgba(22, 18, 14, 0.78);
    border-radius: 24px;
    padding: 1.1rem;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}

.demo-credential-box h3 {
    margin: 0 0 .9rem;
    font-size: 1rem;
}

.demo-credential-row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .5rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.demo-credential-row:last-of-type {
    border-bottom: 0;
}

.demo-credential-row span {
    color: var(--text-muted, rgba(255,255,255,0.72));
}

.demo-credential-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1rem;
}

@media (max-width: 720px) {
    .demo-badge {
        top: auto;
        right: .75rem;
        left: .75rem;
        bottom: .75rem;
        justify-content: center;
        border-radius: 18px;
    }

    .demo-badge-public {
        top: auto;
    }
}
