*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#02050c;color:#f5f7fb;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 22px;background:rgba(2,5,12,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,130,255,.32)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 12px #006dff)}.brand strong{display:block;color:#0b8fff;letter-spacing:.12em;font-size:1.1rem}.brand small{display:block;color:#d4ad43;letter-spacing:.32em;font-size:.62rem}.topbar nav{display:flex;gap:18px;align-items:center}.topbar nav a{text-decoration:none;text-transform:uppercase;font-weight:800;font-size:.78rem;letter-spacing:.08em}.hero{min-height:76vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px;padding:60px 6vw 34px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,rgba(0,103,255,.32),transparent 38%),linear-gradient(180deg,#02050c,#050810)}.electric{position:absolute;inset:0;background:radial-gradient(circle at 55% 35%,rgba(0,140,255,.3),transparent 25%),linear-gradient(135deg,transparent 30%,rgba(0,100,255,.18),transparent 62%);filter:blur(1px)}.hero>*{position:relative}.eyebrow{color:#0b8fff;text-transform:uppercase;letter-spacing:.42em;font-weight:900}.hero h1{font-size:clamp(4rem,10vw,8.2rem);line-height:.78;margin:.06em 0 .25em;font-weight:1000;letter-spacing:.02em;color:#e9e9e9;text-shadow:0 0 14px rgba(255,255,255,.2)}.sub{max-width:550px;color:#d6dce8;font-size:1.16rem;line-height:1.55}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.btn,button{border:1px solid rgba(0,130,255,.7);background:#060911;color:#fff;border-radius:10px;padding:14px 20px;text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:.08em;cursor:pointer}.primary{background:linear-gradient(180deg,#009cff,#0054ff);box-shadow:0 0 24px rgba(0,140,255,.85);border-color:#28b7ff}.full{width:100%}.hero-logo{text-align:center}.hero-logo img{width:min(78vw,520px);filter:drop-shadow(0 0 32px rgba(0,123,255,.75))}.hero-logo p{color:#d4ad43;letter-spacing:.55em;font-weight:900}.app-banner{padding:24px 6vw;background:#02050c}.download-sign{width:min(100%,920px);margin:auto;display:grid;grid-template-columns:120px 1fr 70px;align-items:center;gap:22px;padding:22px;border-radius:24px;background:radial-gradient(circle at 20% 50%,rgba(0,140,255,.3),#050912 60%);border:2px solid #0b8fff;box-shadow:0 0 20px #0b8fff,0 0 55px rgba(0,120,255,.85),inset 0 0 30px rgba(0,120,255,.18);animation:bluePulse 1.8s infinite alternate;text-align:left}.download-sign img{width:110px;filter:drop-shadow(0 0 18px #006dff)}.download-sign small{display:block;color:#8bcfff;letter-spacing:.45em;font-size:1.2rem}.download-sign strong{display:block;color:#0b8fff;font-size:clamp(3rem,8vw,5.4rem);line-height:.9;text-shadow:0 0 12px #0b8fff;font-weight:1000}.download-sign em{display:block;color:#fff;font-style:normal;letter-spacing:.18em;font-size:.85rem}.download-sign b{font-size:5rem;color:#0b8fff;text-shadow:0 0 18px #0b8fff}main{max-width:1200px;margin:auto;padding:22px 20px 110px}.panel{margin:24px 0;padding:24px;border-radius:24px;background:linear-gradient(180deg,#07101e,#03060d);border:1px solid rgba(0,130,255,.35);box-shadow:0 0 28px rgba(0,80,255,.12)}h2{font-size:clamp(2.4rem,7vw,4rem);margin:.1em 0 .45em}.muted{color:#aeb8ca}.artist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.artist-card{border:1px solid rgba(0,130,255,.5);border-radius:16px;padding:14px;background:#03060d;box-shadow:0 0 20px rgba(0,80,255,.12)}.artist-photo{height:170px;border-radius:12px;background:linear-gradient(135deg,rgba(0,120,255,.18),rgba(0,0,0,.8)),url('/app/assets/nauti-logo.png') center/contain no-repeat;border:1px solid rgba(0,130,255,.25)}.artist-card h3{color:#0b8fff;letter-spacing:.12em}.ghost{width:100%;margin:8px 0;background:#03060d}.gallery-block{margin-top:26px;border-top:1px solid rgba(0,130,255,.25);padding-top:18px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.tile{padding:0;overflow:hidden;border-radius:16px;background:#03060d;border:1px solid rgba(0,130,255,.45);text-align:left}.tile img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.tile span{display:block;padding:12px;font-weight:900;color:#dcecff}form{display:grid;gap:13px}label{display:grid;gap:7px;font-weight:850}input,textarea,select{width:100%;border-radius:10px;border:1px solid rgba(0,130,255,.38);background:#02050c;color:#fff;padding:13px;font:inherit}.check{grid-template-columns:auto 1fr;align-items:start}.check input{width:auto}.price-list{list-style:none;padding:0}.price-list li{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid rgba(0,130,255,.2)}.request{margin-top:14px;padding:14px;border-radius:14px;background:#02050c;border:1px solid rgba(0,130,255,.25)}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;justify-content:space-around;padding:8px 6px;background:rgba(2,5,12,.95);border-top:1px solid rgba(0,130,255,.45);backdrop-filter:blur(14px)}.mobile-nav a{text-decoration:none;color:#0b8fff;display:grid;place-items:center;font-size:1.2rem}.mobile-nav span{font-size:.62rem;text-transform:uppercase;color:#dcecff}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:999;display:grid;place-items:center;padding:20px}.lightbox.hidden{display:none}.lightbox img{max-width:min(92vw,650px);max-height:70vh;border-radius:18px;border:1px solid rgba(0,130,255,.6);box-shadow:0 0 40px rgba(0,120,255,.65)}.lightbox-card{width:min(92vw,650px);background:#03060d;border:1px solid rgba(0,130,255,.45);padding:16px;border-radius:18px}.close{position:fixed;top:16px;right:16px;width:54px;height:54px;border-radius:999px;font-size:2rem;padding:0}@keyframes bluePulse{from{filter:brightness(1);box-shadow:0 0 20px #0b8fff,0 0 55px rgba(0,120,255,.65),inset 0 0 30px rgba(0,120,255,.18)}to{filter:brightness(1.24);box-shadow:0 0 32px #0b8fff,0 0 85px rgba(0,120,255,1),inset 0 0 42px rgba(0,120,255,.28)}}@media(max-width:800px){.topbar nav{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:40px}.hero-actions{justify-content:center}.hero h1{font-size:4rem}.download-sign{grid-template-columns:78px 1fr 35px;padding:14px}.download-sign img{width:72px}.download-sign small{font-size:.7rem}.download-sign strong{font-size:2.2rem}.download-sign em{font-size:.58rem}.download-sign b{font-size:3rem}}
.build-note{text-align:center;color:#0b8fff;letter-spacing:.18em;font-size:.72rem;opacity:.7;margin:28px 0;text-transform:uppercase}

.profile-panels{margin-top:26px}
.artist-profile{display:none;margin-top:18px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#07101e,#02050c);border:1px solid rgba(0,140,255,.45);box-shadow:0 0 35px rgba(0,120,255,.18)}
.artist-profile.active{display:block}
.profile-head{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;margin-bottom:18px}
.profile-head img{width:150px;filter:drop-shadow(0 0 22px rgba(0,140,255,.9))}
.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.call-btn{background:linear-gradient(180deg,#06172a,#02050c);border-color:#38c4ff;box-shadow:0 0 18px rgba(0,140,255,.55)}
.floating-call{position:fixed;left:18px;bottom:86px;z-index:9999;padding:12px 16px;border-radius:16px;background:linear-gradient(180deg,#009cff,#0054ff);color:white;text-decoration:none;font-weight:1000;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 0 26px rgba(0,140,255,.9);border:1px solid #38c4ff;text-align:center}
.floating-call span{font-size:.72rem;letter-spacing:.08em;color:#dcecff}
.profile-open{cursor:pointer}
.profile-open:hover{box-shadow:0 0 28px rgba(0,140,255,.42)}
@media(max-width:800px){.profile-head{grid-template-columns:1fr;text-align:center}.profile-head img{margin:auto}.floating-call{bottom:78px;left:10px;font-size:.72rem;padding:10px 12px}}


.monster-photo{background:linear-gradient(135deg,rgba(0,120,255,.25),rgba(0,0,0,.82)),url('/app/assets/nauti-logo.png') center/contain no-repeat}
.piercing-panel{background:radial-gradient(circle at top right,rgba(0,130,255,.18),transparent 35%),linear-gradient(180deg,#07101e,#02050c)}
.piercing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}
.piercing-card{padding:18px;border-radius:18px;background:linear-gradient(180deg,#061326,#02050c);border:1px solid rgba(0,150,255,.45);box-shadow:0 0 26px rgba(0,110,255,.12)}
.piercing-card.featured{border-color:#38c4ff;box-shadow:0 0 34px rgba(0,140,255,.35)}
.piercing-card h3{margin:.1em 0;color:#0b8fff;text-transform:uppercase;letter-spacing:.1em}
.piercing-card .price{font-size:2.6rem;font-weight:1000;line-height:1;margin:.25em 0;color:#d4ad43;text-shadow:0 0 14px rgba(212,173,67,.35)}
.piercing-note{margin-top:16px;padding:14px;border-radius:14px;border:1px dashed rgba(0,150,255,.45);background:#02050c;color:#dcecff}


/* View Work mobile portfolio drawer fix */
.viewWorkBtn{position:relative;z-index:5}
.portfolio-drawer{position:fixed;inset:0;z-index:100000;background:radial-gradient(circle at top,rgba(0,120,255,.20),transparent 34%),#02050c;color:#fff;overflow:auto;padding:18px 18px 96px}
.portfolio-drawer.hidden{display:none}
.drawer-top{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:54px 1fr 72px;gap:12px;align-items:center;margin:-18px -18px 18px;padding:18px;background:rgba(2,5,12,.94);border-bottom:1px solid rgba(0,150,255,.45);backdrop-filter:blur(14px)}
.drawer-close{width:48px;height:48px;border-radius:999px;padding:0;font-size:2rem;line-height:1;background:#03060d;border:1px solid rgba(0,150,255,.7);box-shadow:0 0 18px rgba(0,140,255,.45)}
.drawer-call{display:grid;place-items:center;text-decoration:none;border-radius:12px;padding:12px 10px;background:linear-gradient(180deg,#009cff,#0054ff);color:white;font-weight:1000;text-transform:uppercase;box-shadow:0 0 20px rgba(0,140,255,.75)}
.drawer-top h2{margin:0;font-size:1.6rem}
.drawer-top .eyebrow{margin:0;font-size:.65rem}
.drawer-content .profile-head{display:none}
.drawer-content .artist-profile{display:block!important;border:0;background:transparent;box-shadow:none;padding:0;margin:0}
.drawer-content .profile-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.drawer-content .tile{border-color:rgba(0,160,255,.65);box-shadow:0 0 22px rgba(0,120,255,.18)}
.drawer-content .tile img{aspect-ratio:4/5;object-fit:cover}
.call-btn,.floating-call{z-index:90}
@media(max-width:520px){
  .drawer-content .profile-gallery{grid-template-columns:1fr 1fr}
  .drawer-content .tile span{font-size:.8rem;padding:10px}
}


/* Clint portfolio loaded */
.drawer-content .profile-gallery,.profile-gallery{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}
.tile img{background:#02050c}
.tile span{min-height:58px;display:flex;align-items:center}
@media(max-width:520px){
  .drawer-content .profile-gallery,.profile-gallery{grid-template-columns:1fr 1fr}
}


/* Full Clint portfolio */
.drawer-content .profile-gallery,.profile-gallery{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}
.drawer-content .tile img,.tile img{aspect-ratio:4/5;object-fit:cover;background:#02050c}
.tile span{min-height:58px;display:flex;align-items:center}
@media(max-width:520px){
  .drawer-content .profile-gallery,.profile-gallery{grid-template-columns:1fr 1fr}
  .drawer-content .tile span,.tile span{font-size:.78rem;line-height:1.2}
}