/* ─── BORNA LIBERTINES — ART PAGES SHARED STYLES ─── */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;1,300&family=Playfair+Display:ital@1&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

:root{
  --ink:#0a0a0a;
  --ink-mid:#141414;
  --ink-lift:#1c1c1c;
  --paper:#f0ebe0;
  --paper-dim:rgba(240,235,224,0.55);
  --paper-faint:rgba(240,235,224,0.10);
  --paper-ghost:rgba(240,235,224,0.05);
  --red:#c0281b;
  --red-dark:#8f1a10;
  --serif:'Playfair Display',serif;
  --mono:'IBM Plex Mono',monospace;
  --display:'Bebas Neue',sans-serif;
}

body{
  background:var(--ink);
  color:var(--paper);
  font-family:var(--mono);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* noise overlay */
body::after{
  content:'';
  position:fixed;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  pointer-events:none;
  z-index:9999;
  opacity:0.5;
}

/* ─── NAV ─── */
.site-nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;justify-content:space-between;align-items:center;
  padding:1.2rem 2.5rem;
  border-bottom:1px solid var(--paper-faint);
  backdrop-filter:blur(16px);
  background:rgba(10,10,10,0.8);
}
.site-nav .logo{
  font-family:var(--display);font-size:1.4rem;letter-spacing:.08em;
  color:var(--paper);text-decoration:none;
}
.site-nav .nav-links{display:flex;gap:2rem;list-style:none;align-items:center}
.site-nav .nav-links a{
  font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--paper-dim);text-decoration:none;transition:color .2s;
}
.site-nav .nav-links a:hover{color:var(--paper)}
.site-nav .nav-shop{
  background:var(--red)!important;color:var(--paper)!important;
  padding:.38rem 1rem;
  clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));
}
.site-nav .nav-shop:hover{background:var(--red-dark)!important}

/* ─── BUTTONS ─── */
.btn{
  font-family:var(--mono);font-size:.65rem;letter-spacing:.14em;
  text-transform:uppercase;text-decoration:none;
  cursor:pointer;border:none;display:inline-block;transition:all .2s;
}
.btn-primary{
  background:var(--red);color:var(--paper);padding:.85rem 1.8rem;
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));
}
.btn-primary:hover{background:var(--red-dark);transform:translateY(-1px)}
.btn-outline{
  border:1px solid var(--paper-faint);color:var(--paper-dim);
  padding:.8rem 1.6rem;background:transparent;
}
.btn-outline:hover{border-color:var(--paper-dim);color:var(--paper)}
.btn-ghost{
  color:var(--paper-dim);border-bottom:1px solid rgba(240,235,224,.2);padding-bottom:2px;
}
.btn-ghost:hover{color:var(--paper);border-color:var(--paper-dim)}

/* ─── FOOTER ─── */
.site-footer{
  border-top:1px solid var(--paper-faint);padding:2.5rem 2.5rem;background:var(--ink);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;
}
.site-footer .footer-logo{font-family:var(--display);font-size:1.1rem;letter-spacing:.08em;color:rgba(240,235,224,.22)}
.site-footer .footer-copy{font-size:.58rem;letter-spacing:.12em;color:rgba(240,235,224,.2)}
.site-footer .footer-links{display:flex;gap:1.5rem;list-style:none}
.site-footer .footer-links a{font-size:.57rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(240,235,224,.22);text-decoration:none;transition:color .2s}
.site-footer .footer-links a:hover{color:var(--paper-dim)}

@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

@media(max-width:768px){
  .site-nav{padding:1rem 1.2rem}
  .site-nav .nav-links{display:none}
}