/* ================================================================
   ENDUSTRIE — Additional CSS v3 (BEEFED UP)
   Paste into: Appearance > Customize > Additional CSS
   ================================================================ */

/* ── FONTS ─────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=DM+Mono:wght@300;400;500&family=Karla:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap');

/* ── KILL WORDPRESS CREDIT ──────────────────────────────────────── */
.site-info,
.site-footer .site-info,
.powered-by,
a[href*="wordpress.com"],
a[href*="wordpress.org"],
.footer-credits,
.wp-credits,
.wp-footer-credit,
[class*="powered"],
[class*="credit"],
.site-footer p:last-child,
.footer-branding,
.wp-footer a[rel="nofollow"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ── TOKENS ────────────────────────────────────────────────────── */
:root {
  --ink:       #050507;
  --ink1:      #0a0a0d;
  --ink2:      #0f0f13;
  --ink3:      #141418;
  --ink4:      #1c1c22;
  --ink5:      #222228;
  --wire:      #252530;
  --wire2:     #30303e;
  --wire3:     #3a3a4a;
  --red:       #cc1a1a;
  --red-hi:    #e02222;
  --red-lo:    #aa1515;
  --red-dim:   #6b0f0f;
  --red-glow:  rgba(204,26,26,.14);
  --red-glow2: rgba(204,26,26,.06);
  --amber:     #c97d0a;
  --green:     #178a35;
  --text:      #efefef;
  --text2:     #9999aa;
  --text3:     #55555f;
  --text4:     #333340;
  --mono:      'DM Mono', monospace;
  --head:      'Oswald', sans-serif;
  --body:      'Karla', sans-serif;
}

/* ── GLOBAL ─────────────────────────────────────────────────────── */
html { scroll-behavior: smooth; }

*,
*::before,
*::after { box-sizing: border-box; }

body,
#page,
.site,
.site-content,
#content,
main,
#main,
#primary,
.wp-site-blocks {
  background: var(--ink) !important;
  color: var(--text) !important;
  font-family: var(--body) !important;
  font-weight: 300 !important;
  line-height: 1.65 !important;
}

/* ── NOISE TEXTURE ──────────────────────────────────────────────── */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9000;
  opacity: .025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 256px;
}

/* ── SCANLINES ──────────────────────────────────────────────────── */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9001;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0,0,0,.06) 2px,
    rgba(0,0,0,.06) 3px
  );
}

/* ── SCROLLBAR ──────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: var(--ink); }
::-webkit-scrollbar-thumb { background: var(--red-dim); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: var(--red); }

/* ── SELECTION ──────────────────────────────────────────────────── */
::selection {
  background: var(--red);
  color: #fff;
}

/* ── TYPOGRAPHY ─────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.entry-title,
.page-title {
  font-family: var(--head) !important;
  color: var(--text) !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}

h1, .wp-block-heading.has-x-large-font-size {
  font-size: clamp(48px, 8vw, 96px) !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
}
h2 { font-size: clamp(30px, 4.5vw, 58px) !important; font-weight: 600 !important; }
h3 { font-size: clamp(18px, 2.5vw, 26px) !important; font-weight: 500 !important; }
h4 { font-size: 14px !important; font-weight: 500 !important; letter-spacing: 3px !important; }
h5, h6 { font-size: 11px !important; letter-spacing: 3px !important; color: var(--text2) !important; }

p, li, td, th, label, input, select, textarea, blockquote {
  font-family: var(--body) !important;
  color: var(--text2) !important;
}

strong { color: var(--text) !important; font-weight: 600 !important; }
em { color: var(--text2) !important; }

a {
  color: var(--text) !important;
  text-decoration: none !important;
  transition: color .18s !important;
}
a:hover { color: var(--red) !important; }

/* ── KILL ALL WHITE BACKGROUNDS ─────────────────────────────────── */
.site-header,
.site-footer,
header,
footer,
.entry-header,
.entry-content,
.entry-footer,
.post-content,
.page-content,
article,
.hentry,
.wp-block-group,
.wp-block-template-part,
.widget-area,
.sidebar,
.navigation,
.comment-area,
.wp-block-query,
.wp-block-post-template,
.wp-block-post {
  background: var(--ink) !important;
  color: var(--text) !important;
}

/* ── HEADER / NAV ───────────────────────────────────────────────── */
.site-header,
header.wp-block-template-part,
#masthead {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 8000 !important;
  height: 64px !important;
  background: rgba(5,5,7,.97) !important;
  border-bottom: 1px solid var(--wire) !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 40px !important;
  box-shadow: 0 4px 40px rgba(0,0,0,.6) !important;
}

.site-title a,
.wp-block-site-title a {
  font-family: var(--head) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 5px !important;
  text-transform: uppercase !important;
  color: var(--text) !important;
  transition: color .18s !important;
}
.site-title a:hover { color: var(--red) !important; }

.primary-navigation a,
.main-navigation a,
.nav-primary a,
.wp-block-navigation a,
.wp-block-navigation-item a {
  font-family: var(--mono) !important;
  font-size: 10px !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: var(--text3) !important;
  padding: 7px 14px !important;
  border-radius: 2px !important;
  border: 1px solid transparent !important;
  transition: all .18s !important;
}
.primary-navigation a:hover,
.wp-block-navigation a:hover,
.wp-block-navigation-item a:hover,
.current-menu-item > a,
.current_page_item > a {
  color: var(--text) !important;
  background: var(--ink2) !important;
  border-color: var(--wire) !important;
}

/* ── PAGE OFFSET ────────────────────────────────────────────────── */
.site-content,
#content,
main,
#main {
  padding-top: 64px !important;
  background: var(--ink) !important;
}

/* ── BUTTONS ────────────────────────────────────────────────────── */
.wp-block-button__link,
.wp-element-button,
.button,
input[type="submit"],
button[type="submit"] {
  font-family: var(--mono) !important;
  font-size: 10px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  transition: all .2s !important;
  cursor: pointer !important;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.wp-block-button.is-style-fill .wp-block-button__link {
  background: var(--red) !important;
  color: #fff !important;
  border: 1px solid var(--red) !important;
  padding: 13px 32px !important;
  box-shadow: 0 0 20px rgba(204,26,26,.3), 0 4px 16px rgba(0,0,0,.4) !important;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background: var(--red-hi) !important;
  border-color: var(--red-hi) !important;
  box-shadow: 0 0 32px rgba(204,26,26,.5), 0 4px 20px rgba(0,0,0,.5) !important;
  transform: translateY(-1px) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--text2) !important;
  border: 1px solid var(--wire2) !important;
  padding: 13px 32px !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  border-color: var(--text3) !important;
  color: var(--text) !important;
  background: var(--ink2) !important;
  transform: translateY(-1px) !important;
}

/* ── COVER BLOCKS ───────────────────────────────────────────────── */
.wp-block-cover,
.wp-block-cover-image {
  background: var(--ink) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Red glow behind hero */
.wp-block-cover::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  right: -10% !important;
  width: 60% !important;
  height: 80% !important;
  transform: translateY(-50%) !important;
  background: radial-gradient(ellipse, rgba(204,26,26,.08) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Grid overlay on hero */
.wp-block-cover::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    repeating-linear-gradient(90deg, transparent, transparent 79px, rgba(255,255,255,.015) 79px, rgba(255,255,255,.015) 80px),
    repeating-linear-gradient(0deg,  transparent, transparent 79px, rgba(255,255,255,.015) 79px, rgba(255,255,255,.015) 80px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.wp-block-cover__inner-container {
  position: relative !important;
  z-index: 1 !important;
}

/* ── COLUMNS ────────────────────────────────────────────────────── */
.wp-block-columns {
  gap: 2px !important;
}
.wp-block-column {
  background: var(--ink) !important;
}

/* ── SEPARATOR ──────────────────────────────────────────────────── */
.wp-block-separator,
hr {
  border: none !important;
  border-top: 1px solid var(--wire) !important;
  opacity: 1 !important;
  margin: 0 !important;
}

/* ── PULLQUOTE ──────────────────────────────────────────────────── */
.wp-block-pullquote {
  background: var(--ink1) !important;
  border: none !important;
  border-top: 1px solid var(--wire) !important;
  border-bottom: 1px solid var(--wire) !important;
  border-left: 4px solid var(--red) !important;
  padding: 64px 48px !important;
  position: relative !important;
  overflow: hidden !important;
}

.wp-block-pullquote::before {
  content: '"' !important;
  position: absolute !important;
  top: -20px !important;
  left: 32px !important;
  font-family: var(--head) !important;
  font-size: 160px !important;
  font-weight: 700 !important;
  color: var(--red) !important;
  opacity: .08 !important;
  line-height: 1 !important;
}

.wp-block-pullquote blockquote p {
  font-family: var(--head) !important;
  font-size: clamp(18px, 2.5vw, 28px) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: var(--text) !important;
  letter-spacing: .5px !important;
  line-height: 1.5 !important;
}
.wp-block-pullquote blockquote cite,
.wp-block-pullquote cite {
  font-family: var(--mono) !important;
  font-size: 10px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: var(--red) !important;
  font-style: normal !important;
}

/* ── IMAGES ─────────────────────────────────────────────────────── */
.wp-block-image img,
.wp-block-gallery img {
  border-radius: 2px !important;
  transition: opacity .35s, transform .45s !important;
  filter: brightness(.85) contrast(1.05) !important;
}
.wp-block-image img:hover,
.wp-block-gallery img:hover {
  opacity: 1 !important;
  transform: scale(1.02) !important;
  filter: brightness(1) contrast(1.05) !important;
}

/* ── GALLERY ────────────────────────────────────────────────────── */
.wp-block-gallery {
  gap: 3px !important;
}
.wp-block-gallery .wp-block-image img {
  opacity: .75 !important;
}

/* ── VIDEO EMBEDS ───────────────────────────────────────────────── */
.wp-block-embed,
.wp-block-embed__wrapper {
  background: #000 !important;
  border: 1px solid var(--wire) !important;
  border-radius: 3px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.6) !important;
}

/* ── LISTS ──────────────────────────────────────────────────────── */
.wp-block-list li,
.entry-content ul li,
.entry-content ol li {
  color: var(--text2) !important;
  padding: 4px 0 !important;
}

/* ── TABLES ─────────────────────────────────────────────────────── */
.wp-block-table table {
  border-collapse: collapse !important;
  background: var(--ink1) !important;
  border: 1px solid var(--wire) !important;
  border-radius: 2px !important;
  overflow: hidden !important;
  width: 100% !important;
}
.wp-block-table td,
.wp-block-table th {
  border: 1px solid var(--wire) !important;
  padding: 12px 16px !important;
  color: var(--text2) !important;
  font-size: 14px !important;
}
.wp-block-table th {
  color: var(--text) !important;
  font-family: var(--mono) !important;
  font-size: 9px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  background: var(--ink2) !important;
}
.wp-block-table tr:hover td {
  background: var(--ink2) !important;
}

/* ── SOCIAL ICONS ───────────────────────────────────────────────── */
.wp-block-social-links {
  gap: 10px !important;
}
.wp-social-link {
  width: 38px !important;
  height: 38px !important;
  background: var(--ink4) !important;
  border: 1px solid var(--wire) !important;
  border-radius: 2px !important;
  transition: all .2s !important;
}
.wp-social-link:hover {
  background: var(--red) !important;
  border-color: var(--red) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 20px rgba(204,26,26,.4) !important;
}
.wp-social-link svg {
  width: 16px !important;
  height: 16px !important;
}

/* ── CONTACT / JETPACK FORMS ────────────────────────────────────── */
.wp-block-jetpack-contact-form input,
.wp-block-jetpack-contact-form select,
.wp-block-jetpack-contact-form textarea,
.contact-form input,
.contact-form select,
.contact-form textarea {
  background: var(--ink) !important;
  border: 1px solid var(--wire2) !important;
  border-radius: 2px !important;
  color: var(--text) !important;
  font-family: var(--body) !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  padding: 11px 14px !important;
  width: 100% !important;
  transition: border-color .18s !important;
  outline: none !important;
}
.wp-block-jetpack-contact-form input:focus,
.wp-block-jetpack-contact-form select:focus,
.wp-block-jetpack-contact-form textarea:focus {
  border-color: var(--red-dim) !important;
  box-shadow: 0 0 0 2px var(--red-glow) !important;
}
.wp-block-jetpack-contact-form label,
.contact-form label {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--text3) !important;
  display: block !important;
  margin-bottom: 7px !important;
}
.wp-block-jetpack-contact-form .wp-block-jetpack-button .wp-block-button__link,
.contact-form [type="submit"] {
  background: var(--red) !important;
  color: #fff !important;
  width: 100% !important;
  border: 1px solid var(--red) !important;
  font-family: var(--mono) !important;
  font-size: 10px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  padding: 14px !important;
  border-radius: 2px !important;
  box-shadow: 0 0 20px rgba(204,26,26,.25) !important;
}

/* ── FOOTER ─────────────────────────────────────────────────────── */
.site-footer,
footer,
#colophon,
.wp-block-template-part[data-slug="footer"] {
  background: var(--ink1) !important;
  border-top: 1px solid var(--wire) !important;
  color: var(--text3) !important;
  padding: 48px 40px 32px !important;
  position: relative !important;
}

/* Red glow top of footer */
.site-footer::before,
footer::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 60% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--red), transparent) !important;
}

.site-footer a,
footer a,
#colophon a {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--text3) !important;
  transition: color .18s !important;
}
.site-footer a:hover,
footer a:hover { color: var(--text) !important; }

/* Kill the WordPress footer text */
.site-info a[href*="wordpress"],
.site-info a[href*="WordPress"],
.powered-by,
.site-footer .powered-by,
#colophon .powered-by {
  display: none !important;
}

/* ── CUSTOM FOOTER BRAND ────────────────────────────────────────── */
.site-footer p,
footer p,
#colophon p {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--text4) !important;
}

/* ── BLOCK SPACERS ──────────────────────────────────────────────── */
.wp-block-spacer { background: transparent !important; }

/* ── ANIMATIONS ─────────────────────────────────────────────────── */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes redPulse {
  0%,100% { box-shadow: 0 0 8px rgba(204,26,26,.2); }
  50%      { box-shadow: 0 0 24px rgba(204,26,26,.5); }
}
@keyframes vuMeter {
  0%,100% { transform: scaleY(.2); opacity: .3; }
  50%      { transform: scaleY(1); opacity: 1; }
}

.entry-content,
.post-content,
.page-content {
  animation: fadeIn .4s ease !important;
}

/* ── HOVER LIFT ON COLUMNS ──────────────────────────────────────── */
.wp-block-column[style*="background"] {
  transition: background .2s, transform .2s !important;
}
.wp-block-column[style*="background"]:hover {
  transform: translateY(-2px) !important;
}

/* ── REMOVE SITE BRANDING FROM BANTRY ───────────────────────────── */
.bantry-footer-credits,
.bantry-powered-by,
.site-footer .site-name,
.site-footer .tagline {
  display: none !important;
}

/* ── RESPONSIVE ─────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .site-header,
  #masthead { padding: 0 20px !important; }

  h1 { font-size: clamp(36px, 10vw, 56px) !important; }
  h2 { font-size: clamp(26px, 7vw, 40px) !important; }

  .wp-block-columns { flex-direction: column !important; }
  .wp-block-pullquote { padding: 40px 24px !important; }
  .site-footer { padding: 40px 20px 24px !important; }
}

@media (max-width: 480px) {
  h1 { font-size: clamp(32px, 12vw, 48px) !important; letter-spacing: 2px !important; }
}