@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap");
:root{
  --bg:#0A0A0C; --surface:#121214; --elev:#1A1A1E;
  --lime:#CCFF00; --violet:#7C3AED; --coral:#FF4D4D;
  --txt:#fff; --mut:#A1A1AA; --dim:#52525B;
  --brd:rgba(255,255,255,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--txt)}
body{font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-align:left}
a{color:inherit;text-decoration:none}
.font-anton{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:-.02em}
.font-unbounded{font-family:Unbounded,sans-serif}
::selection{background:var(--lime);color:#0A0A0C}
.wrap{max-width:1600px;margin:0 auto;padding:0 24px}
@media(min-width:900px){.wrap{padding:0 48px}}
header.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);background:rgba(10,10,12,.72);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-in{display:flex;align-items:center;gap:18px;height:64px}
.brand{font-family:Anton,sans-serif;font-size:26px;text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap}
.brand span{color:var(--lime)}
nav.links{display:none;gap:2px}
@media(min-width:1100px){nav.links{display:flex}}
nav.links a{font-family:Unbounded;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);padding:6px 10px;border-radius:4px}
nav.links a:hover,nav.links a.on{color:var(--lime)}
.search{flex:1;max-width:380px;margin-left:auto;position:relative;display:none}
@media(min-width:800px){.search{display:block}}
.search input{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);padding:9px 12px 9px 34px;color:#fff;outline:none;border-radius:3px;font-size:14px}
.search input:focus{border-color:var(--lime)}
.iconbtn{position:relative;padding:8px;border-radius:6px;color:#ddd;background:none;border:none;cursor:pointer;font-size:18px}
.iconbtn:hover{color:var(--lime)}
.countdot{position:absolute;top:-2px;right:-2px;background:var(--lime);color:#000;font-size:10px;font-weight:800;min-width:16px;text-align:center;border-radius:3px;padding:0 3px}
.btn-lime{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;background:var(--lime);color:#0A0A0C;border:none;border-radius:4px;cursor:pointer;font-family:Unbounded;transition:transform .2s,box-shadow .2s}
.btn-lime:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 0 32px rgba(204,255,0,.5)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:rgba(255,255,255,.04);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:4px;cursor:pointer;font-family:Unbounded}
.btn-ghost:hover{background:rgba(204,255,0,.08);border-color:var(--lime);color:var(--lime)}
.btn-violet{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;font-size:.78rem;font-weight:700;background:var(--violet);color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Unbounded}
.btn-violet:hover{box-shadow:0 0 32px rgba(124,58,237,.5)}
.btn-sm{padding:.55rem .95rem;font-size:.7rem}
.label-caps{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);font-weight:500;font-family:Unbounded}
.card{background:var(--surface);border:1px solid var(--brd);border-radius:3px}
.hover-lift{transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .3s}
.hover-lift:hover{transform:translateY(-4px);border-color:rgba(204,255,0,.4);box-shadow:0 12px 40px -12px rgba(204,255,0,.15)}
.badge-lime{display:inline-block;padding:.25rem .6rem;font-size:.62rem;background:var(--lime);color:#0A0A0C;font-weight:700;font-family:Unbounded;letter-spacing:.08em;text-transform:uppercase;border-radius:3px}
.badge-violet{display:inline-block;padding:.25rem .6rem;font-size:.62rem;background:var(--violet);color:#fff;font-weight:700;font-family:Unbounded;letter-spacing:.08em;text-transform:uppercase;border-radius:3px}
.badge-coral{display:inline-block;padding:.25rem .6rem;font-size:.62rem;background:var(--coral);color:#fff;font-weight:700;font-family:Unbounded;letter-spacing:.08em;text-transform:uppercase;border-radius:3px}
.badge-dim{display:inline-block;padding:.25rem .6rem;font-size:.62rem;background:rgba(255,255,255,.07);color:var(--mut);font-weight:700;font-family:Unbounded;letter-spacing:.08em;text-transform:uppercase;border-radius:3px}
.hero{position:relative;overflow:hidden;min-height:78vh;display:flex;align-items:flex-end}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.hero .shade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(10,10,12,.6) 55%,#0A0A0C 100%)}
.hero h1{font-family:Anton;font-size:clamp(56px,10vw,150px);line-height:.85;text-transform:uppercase;margin:0}
.grid-art{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:800px){.grid-art{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1200px){.grid-art{grid-template-columns:repeat(4,1fr)}}
.artcard{overflow:hidden;background:var(--surface);border:1px solid var(--brd);border-radius:3px;cursor:pointer}
.artcard .im{aspect-ratio:1/1;overflow:hidden;background:#000;position:relative}
.artcard.tall .im{aspect-ratio:3/4}
.artcard img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.artcard:hover img{transform:scale(1.05)}
.artcard .meta{padding:12px 14px}
.marquee{border-top:1px solid var(--brd);border-bottom:1px solid var(--brd);padding:18px 0;overflow:hidden;background:var(--surface);white-space:nowrap}
.marquee-in{display:inline-block;padding-left:100%;animation:mq 40s linear infinite;font-family:Anton;font-size:clamp(24px,4vw,44px);text-transform:uppercase}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.sec{padding:64px 0}
.sec h2{font-family:Anton;font-size:clamp(34px,5vw,64px);text-transform:uppercase;margin:8px 0 0;line-height:.9}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-top:1px solid var(--brd);border-bottom:1px solid var(--brd);padding:18px 0;margin-bottom:32px}
select,input[type=text],input[type=number],input[type=email],input[type=password],textarea{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);color:#fff;padding:10px 12px;border-radius:3px;font-size:14px;font-family:Manrope;outline:none}
select:focus,input:focus,textarea:focus{border-color:var(--lime)}
select option{background:#121214}
.avatar-ring{background:conic-gradient(from 180deg,#CCFF00,#7C3AED,#FF4D4D,#CCFF00);padding:2px;border-radius:999px}
footer{border-top:1px solid var(--brd);margin-top:96px}
.fade-up{animation:fu .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes fu{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--brd);margin-bottom:28px}
.tabs button{background:none;border:none;border-bottom:2px solid transparent;color:var(--mut);font-family:Unbounded;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;padding:12px 16px;cursor:pointer}
.tabs button.on{border-color:var(--lime);color:#fff}
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}
.modal{background:var(--surface);border:1px solid var(--brd);border-radius:6px;max-width:860px;width:100%;max-height:90vh;overflow:auto}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#121214;border:1px solid rgba(255,255,255,.12);color:#fff;padding:12px 20px;border-radius:6px;z-index:200;font-size:14px}
.two{display:grid;gap:16px}
@media(min-width:900px){.two{grid-template-columns:1fr 1fr}}
.three{display:grid;gap:16px}
@media(min-width:900px){.three{grid-template-columns:repeat(3,1fr)}}
.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:640px}
.kv b{font-family:Anton;font-size:clamp(28px,4vw,48px);display:block}
table.t{width:100%;border-collapse:collapse;font-size:14px}
table.t th{font-family:Unbounded;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);text-align:left;padding:10px;border-bottom:1px solid var(--brd)}
table.t td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.05)}
.mobmenu{display:none;border-top:1px solid var(--brd);padding:18px 24px;background:#0A0A0C}
.mobmenu.open{display:block}
.mobmenu a{display:block;padding:10px 0;font-family:Unbounded;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.chip{display:inline-block;background:rgba(255,255,255,.06);border:1px solid var(--brd);border-radius:99px;padding:4px 12px;font-size:12px;margin:0 6px 6px 0}
.theme-urban_graffiti{--th:var(--lime)} .theme-neon_digital{--th:var(--violet)} .theme-luxury_gallery{--th:#FFD700} .theme-minimal{--th:#A1A1AA} .theme-dark_gallery{--th:var(--coral)} .theme-photo{--th:#00E5FF}
.studio-banner{height:180px;background-size:cover;background-position:center;position:relative;border-radius:3px;overflow:hidden}
.studio-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0A0A0C,transparent)}
.tabbar{display:none}
@media(max-width:800px){
  .tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:rgba(10,10,12,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);padding:6px 4px calc(8px + env(safe-area-inset-bottom))}
  .tabbar a{flex:1;text-align:center;font-size:20px;color:var(--mut);padding:4px 0 2px;border-radius:8px}
  .tabbar a span{display:block;font-size:9px;font-family:Unbounded;letter-spacing:.1em;text-transform:uppercase;margin-top:1px}
  body{padding-bottom:64px}
}