/* ============ NIKA · nikaarte.com.br ============ */
:root{
  --preto:#0B0B0C;
  --carvao:#1A1A1C;
  --carvao2:#242426;
  --dourado:#C9A24A;
  --dourado-claro:#E8C97A;
  --champanhe:#F2E8DB;
  --areia:#E6D3A3;
  --marrom:#7A5A3A;
  --galeria-bg:#F7F2E9;
  --tinta:#2A2622;
  --tinta2:#6E6559;
  --font-display:'Cormorant Garamond',serif;
  --font-body:'Jost',sans-serif;
  --texture-opacity:1;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  background:var(--preto);
  color:var(--champanhe);
  line-height:1.7;
  font-weight:300;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--dourado);text-decoration:none;transition:color .25s}
a:hover{color:var(--dourado-claro)}
::selection{background:var(--dourado);color:var(--preto)}

/* ---------- HEADER ---------- */
.nk-header{
  position:sticky;top:0;z-index:100;
  background:rgba(11,11,12,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(201,162,74,.18);
}
.nk-header-inner{
  max-width:1280px;margin:0 auto;padding:0 2rem;
  display:flex;align-items:center;justify-content:space-between;
  height:92px;
}
.nk-brand{display:flex;align-items:center;gap:.9rem}
.nk-brand img{height:52px;width:auto}
.nk-brand .nk-brand-tag{
  font-size:9px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--dourado);opacity:.85;border-left:1px solid rgba(201,162,74,.35);
  padding-left:.9rem;line-height:1.5;
  width:154px;height:28px;
}
.nk-nav{display:flex;align-items:center;gap:2.2rem}
.nk-nav a{
  font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(242,232,219,.75);font-weight:400;
  padding:.35rem 0;position:relative;
}
.nk-nav a::after{
  content:'';position:absolute;left:0;bottom:-2px;width:0;height:1px;
  background:var(--dourado);transition:width .3s;
}
.nk-nav a:hover{color:var(--champanhe)}
.nk-nav a:hover::after,.nk-nav a.active::after{width:100%}
.nk-nav a.active{color:var(--dourado)}
.nk-menu-btn{display:none;background:none;border:none;color:var(--champanhe);font-size:26px;cursor:pointer;padding:.25rem .5rem}
@media(max-width:860px){
  .nk-nav{
    display:none;position:absolute;top:88px;left:0;right:0;
    background:var(--preto);flex-direction:column;gap:0;
    border-bottom:1px solid rgba(201,162,74,.2);padding:1rem 0;
  }
  .nk-nav.open{display:flex}
  .nk-nav a{padding:.9rem 2rem;width:100%}
  .nk-menu-btn{display:block}
  .nk-brand .nk-brand-tag{display:none}
}

/* ---------- LAYOUT ---------- */
.nk-page{max-width:1280px;margin:0 auto;padding:0 2rem}
.nk-section{padding:6rem 0}
.nk-eyebrow{
  font-size:10px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--dourado);font-weight:400;margin-bottom:1.4rem;
  display:flex;align-items:center;gap:14px;
}
.nk-eyebrow::before{content:'';width:44px;height:1px;background:var(--dourado)}
.nk-eyebrow.centered{justify-content:center}
.nk-eyebrow.centered::after{content:'';width:44px;height:1px;background:var(--dourado)}
h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.12;letter-spacing:-.01em}
.nk-title{font-size:clamp(38px,5vw,64px);color:var(--champanhe)}
.nk-title em{color:var(--dourado);font-style:italic}
.nk-lead{font-size:17px;color:rgba(242,232,219,.65);max-width:560px;line-height:1.85;margin-top:1.4rem}

/* ---------- BUTTONS ---------- */
.nk-btn{
  display:inline-flex;align-items:center;gap:.7rem;
  font-family:var(--font-body);font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  padding:1rem 2.2rem;border:1px solid var(--dourado);
  color:var(--dourado);background:transparent;cursor:pointer;
  transition:all .3s;font-weight:400;
}
.nk-btn:hover{background:var(--dourado);color:var(--preto)}
.nk-btn.solid{background:var(--dourado);color:var(--preto)}
.nk-btn.solid:hover{background:var(--dourado-claro);border-color:var(--dourado-claro)}
.nk-btn.dark{border-color:var(--tinta);color:var(--tinta)}
.nk-btn.dark:hover{background:var(--tinta);color:var(--galeria-bg)}

/* ---------- TEXTURE ---------- */
.nk-texture-gold{
  position:absolute;pointer-events:none;
  background-image:url('../assets/texture-brush-gold-alpha.png');
  background-size:contain;background-position:center;background-repeat:no-repeat;
  opacity:calc(.75 * var(--texture-opacity));
}
.nk-canvas-texture{
  position:absolute;inset:0;pointer-events:none;
  background-image:url('../assets/texture-champagne.png');
  background-size:420px;
  mix-blend-mode:multiply;
  opacity:calc(.14 * var(--texture-opacity));
}

/* ---------- FOOTER ---------- */
.nk-footer{
  background:var(--preto);
  border-top:1px solid rgba(201,162,74,.18);
  padding:4.5rem 0 2.5rem;color:rgba(242,232,219,.5);
  position:relative;overflow:hidden;
}
.nk-footer-grid{
  max-width:1280px;margin:0 auto;padding:0 2rem;
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;
}
.nk-footer img.nk-footer-logo{height:60px;margin-bottom:1.2rem}
.nk-footer h4{
  font-family:var(--font-body);font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--dourado);margin-bottom:1.1rem;font-weight:400;
}
.nk-footer ul{list-style:none}
.nk-footer li{padding:.28rem 0;font-size:13.5px}
.nk-footer a{color:rgba(242,232,219,.55)}
.nk-footer a:hover{color:var(--dourado)}
.nk-footer-bottom{
  max-width:1280px;margin:3rem auto 0;padding:1.8rem 2rem 0;
  border-top:1px solid rgba(242,232,219,.08);
  font-size:11.5px;letter-spacing:.06em;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;
}
@media(max-width:860px){.nk-footer-grid{grid-template-columns:1fr 1fr}}

/* ---------- CARDS / GRIDS ---------- */
.nk-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.nk-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
@media(max-width:960px){.nk-grid-3,.nk-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.nk-grid-3,.nk-grid-4{grid-template-columns:1fr}}

/* pillar (home) */
.nk-pillar{
  text-align:center;padding:2.6rem 1.6rem;
  border:1px solid rgba(201,162,74,.22);
  transition:border-color .3s, transform .3s;
}
.nk-pillar:hover{border-color:rgba(201,162,74,.55);transform:translateY(-4px)}
.nk-pillar svg{margin:0 auto 1.3rem}
.nk-pillar h3{font-size:20px;color:var(--champanhe);margin-bottom:.6rem}
.nk-pillar p{font-size:13.5px;color:rgba(242,232,219,.55);line-height:1.75}

/* collection card */
.nk-col-card{
  position:relative;display:block;overflow:hidden;
  aspect-ratio:4/5;background:var(--carvao);
  border:1px solid rgba(201,162,74,.18);
}
.nk-col-card img.cover{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.nk-col-card:hover img.cover{transform:scale(1.04)}
.nk-col-card .nk-col-info{
  position:absolute;left:0;right:0;bottom:0;
  padding:1.8rem;background:linear-gradient(transparent,rgba(11,11,12,.92));
}
.nk-col-card .nk-col-info h3{font-size:26px;color:var(--champanhe)}
.nk-col-card .nk-col-info span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dourado)}
.nk-col-empty{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:1rem;text-align:center;padding:2rem;height:100%;
  color:rgba(242,232,219,.4);
}
.nk-col-empty .nk-ideo{width:64px;opacity:.5;mix-blend-mode:screen}

/* ---------- GALLERY (light) ---------- */
body.nk-light{background:var(--galeria-bg);color:var(--tinta)}
body.nk-light .nk-title{color:var(--tinta)}
body.nk-light .nk-lead{color:var(--tinta2)}
body.nk-light h1,body.nk-light h2,body.nk-light h3{color:var(--tinta)}

.nk-art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem 1.8rem}
@media(max-width:960px){.nk-art-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.nk-art-grid{grid-template-columns:1fr}}
.nk-art-card{display:block;color:inherit}
.nk-art-frame{
  background:#fff;padding:14px;
  box-shadow:0 2px 6px rgba(42,38,34,.08),0 14px 34px rgba(42,38,34,.12);
  transition:transform .35s ease, box-shadow .35s ease;
  position:relative;
}
.nk-art-card:hover .nk-art-frame{transform:translateY(-6px);box-shadow:0 4px 10px rgba(42,38,34,.1),0 24px 48px rgba(42,38,34,.18)}
.nk-art-frame img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--champanhe)}
.nk-art-meta{padding:1.1rem .2rem 0}
.nk-art-meta h3{font-size:22px;color:var(--tinta)}
.nk-art-meta .sub{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta2);margin-top:.2rem}
.nk-badge{
  display:inline-block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;
  padding:.28rem .8rem;border:1px solid;margin-top:.6rem;
}
.nk-badge.disponivel{color:#3D6B4F;border-color:#3D6B4F}
.nk-badge.vendida{color:var(--marrom);border-color:var(--marrom)}
.nk-badge.encomenda{color:#8A6D2F;border-color:#8A6D2F}

/* color dots */
.nk-dots{display:flex;gap:.4rem;margin-top:.7rem}
.nk-dots span{width:14px;height:14px;border-radius:50%;border:1px solid rgba(42,38,34,.2)}

/* ---------- FORM (contato / gerenciar) ---------- */
.nk-field{margin-bottom:1.4rem}
.nk-field label{
  display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  margin-bottom:.5rem;color:var(--dourado);
}
.nk-field input,.nk-field textarea,.nk-field select{
  width:100%;padding:.85rem 1rem;
  background:rgba(242,232,219,.04);
  border:1px solid rgba(201,162,74,.3);
  color:var(--champanhe);font-family:var(--font-body);font-size:15px;
  transition:border-color .25s;
}
.nk-field input:focus,.nk-field textarea:focus,.nk-field select:focus{outline:none;border-color:var(--dourado)}
.nk-field textarea{min-height:120px;resize:vertical}
body.nk-light .nk-field input,body.nk-light .nk-field textarea,body.nk-light .nk-field select{
  background:#fff;border-color:rgba(122,90,58,.3);color:var(--tinta);
}
body.nk-light .nk-field label{color:var(--marrom)}

/* ---------- REVEAL ---------- */
@media (prefers-reduced-motion: no-preference){
  .nk-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
  .nk-reveal.in{opacity:1;transform:none}
}

/* ---------- MISC ---------- */
.nk-divider{
  width:100%;max-width:180px;height:22px;margin:0 auto;
  background-image:url('../assets/texture-brush-gold.png');
  background-size:cover;background-position:center 40%;
  mix-blend-mode:screen;opacity:.9;
}
body.nk-light .nk-divider{mix-blend-mode:multiply;filter:brightness(.85)}

/* ---------- TEXTURAS DE FUNDO / TRANSIÇÃO ---------- */
body.nk-light::before{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:url('../assets/tx-plaster.png');background-size:460px;
  opacity:calc(.28 * var(--texture-opacity));
}
.nk-tx-band{
  height:130px;position:relative;
  background:url('../assets/tx-strip-gold.png') center/cover no-repeat;
}
.nk-tx-band::after{content:'';position:absolute;inset:0}
.nk-tx-band.to-dark::after{background:linear-gradient(180deg,var(--preto),rgba(11,11,12,.3) 38%,rgba(11,11,12,.3) 62%,var(--preto))}
.nk-tx-band.preto-carvao::after{background:linear-gradient(180deg,var(--preto),rgba(11,11,12,.3) 38%,rgba(26,26,28,.3) 62%,var(--carvao))}
.nk-tx-band.carvao-preto::after{background:linear-gradient(180deg,var(--carvao),rgba(26,26,28,.3) 38%,rgba(11,11,12,.3) 62%,var(--preto))}
.nk-tx-band.to-light::after{background:linear-gradient(180deg,var(--galeria-bg),rgba(247,242,233,.18) 38%,rgba(247,242,233,.18) 62%,var(--galeria-bg))}
.nk-tx-arc{
  position:absolute;pointer-events:none;
  background:url('../assets/tx-arc-dark.png') center/cover no-repeat;
  mix-blend-mode:screen;opacity:calc(.5 * var(--texture-opacity));
}