/* =========================================================
   DANIEL LUCIAN — SHARED MASTER FRAMEWORK
   Canonical shell shared by all current HTML masters.
   Page-specific content systems remain in styles.css.
   ========================================================= */

:root{
  --gold:#e5d49a;
  --ivory:#ebe6dc;
  --muted:#bcb6ab;
  --bg:#111;
  --header-h:48px;
  --page-pad:clamp(18px,4vw,56px);
  --standard-content-width:1040px;
}

html,body{
  margin:0;
  color:var(--ivory);
}

body{
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,sans-serif !important;
}

/* Exact shared header geometry */
.site-header,
.header{
  position:fixed !important;
  inset:0 0 auto 0 !important;
  width:auto !important;
  height:var(--header-h) !important;
  margin:0 !important;
  padding:0 !important;
  z-index:2000 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  background:linear-gradient(90deg,#090705 0%,#0d0b08 22%,#1b1815 42%,#211e1b 50%,#1b1815 58%,#0d0b08 78%,#090705 100%) !important;
  border-bottom:0 !important;
}

.site-header .brand-wrap,
.header .brand-wrap{
  position:relative !important;
  display:inline-block !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  align-items:initial !important;
}

.brand-link{
  display:block !important;
  line-height:0 !important;
}

.site-header .brand-logo,
.header .brand-logo{
  display:block !important;
  width:210px !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  position:static !important;
  transform:none !important;
}

.site-header .menu,
.header .menu{
  appearance:none !important;
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  position:absolute !important;
  right:calc(100% + 20px) !important;
  left:auto !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:16px !important;
  height:16px !important;
  cursor:pointer !important;
}

.site-header .menu span,
.header .menu span{
  display:block !important;
  position:absolute !important;
  left:0 !important;
  width:16px !important;
  height:1px !important;
  background:var(--gold) !important;
}
.site-header .menu span:nth-child(1),
.header .menu span:nth-child(1){top:2px !important}
.site-header .menu span:nth-child(2),
.header .menu span:nth-child(2){top:7px !important}
.site-header .menu span:nth-child(3),
.header .menu span:nth-child(3){top:12px !important}

.site-header .search-button,
.header .search-button{
  appearance:none !important;
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  position:absolute !important;
  left:calc(100% + 14px) !important;
  right:auto !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:30px !important;
  height:30px !important;
  cursor:pointer !important;
}

.site-header .search-icon,
.header .search-icon{
  position:absolute !important;
  width:14px !important;
  height:14px !important;
  border:1px solid var(--gold) !important;
  border-radius:50% !important;
  left:6px !important;
  top:5px !important;
  opacity:.9 !important;
}

.site-header .search-icon::after,
.header .search-icon::after{
  content:"" !important;
  position:absolute !important;
  width:8px !important;
  height:1px !important;
  background:var(--gold) !important;
  transform:rotate(45deg) !important;
  transform-origin:left center !important;
  left:10px !important;
  top:11px !important;
}

/* Standard first-content baseline for non-Home masters */
.page:not(.home-page),
.item-page,
.library-page{
  padding-top:calc(var(--header-h) + 58px) !important;
}

/* Standard top-level section heading scale */
.page:not(.home-page) .page-title,
.library-intro h1{
  font-size:18px !important;
  font-weight:400 !important;
}

/* Home is intentionally hero-first, so its content geometry is untouched. */

@media(max-width:719px){
  .site-header .brand-logo,
  .header .brand-logo{
    width:210px !important;
    max-width:none !important;
  }

  .page:not(.home-page),
  .item-page,
  .library-page{
    padding-top:calc(var(--header-h) + 42px) !important;
  }
}

/* FINAL SHARED HEADER SYNC */
.site-header{
  background:linear-gradient(90deg,#090705 0%,#0d0b08 22%,#1b1815 42%,#211e1b 50%,#1b1815 58%,#0d0b08 78%,#090705 100%) !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}