/* ============================================================================
   TOTN Banner Enhancement — DOSSIER variant (locked)
   Corner brackets + gold hairline frame + sepia grain + inner shadow.
   Fixes the seam problem by matching gutter to page ink.
   ============================================================================ */

/* Base wrapper — kills the #000 gutter → matches page ink */
.totn-banner {
  position: relative;
  background: #0a0a12;
  border-top: 1px solid rgba(160, 92, 255, .18);
  border-bottom: 1px solid rgba(160, 92, 255, .18);
  overflow: hidden;
  padding: 24px;
}
.totn-banner img {
  display: block;
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  box-shadow:
    0 0 0 1px rgba(232, 181, 58, 0.25),
    0 20px 60px rgba(0, 0, 0, 0.5);
}
/* Kill any inline width the original template set on the img */
.totn-banner img[style] { width: 100% !important; }

/* Corner brackets — four spans positioned at the image corners */
.totn-banner-corners {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}
.totn-banner-corners span {
  position: absolute;
  width: 28px;
  height: 28px;
  border: 2px solid rgba(232, 181, 58, 0.75);
}
.totn-banner-corners .tl { top: 12px;    left: 12px;    border-right: none; border-bottom: none; }
.totn-banner-corners .tr { top: 12px;    right: 12px;   border-left: none;  border-bottom: none; }
.totn-banner-corners .bl { bottom: 12px; left: 12px;    border-right: none; border-top: none; }
.totn-banner-corners .br { bottom: 12px; right: 12px;   border-left: none;  border-top: none; }

/* Sepia grain overlay (very subtle) */
.totn-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='11' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.91  0 0 0 0 0.71  0 0 0 0 0.23  0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size: 240px 240px;
  opacity: 0.08;
  mix-blend-mode: overlay;
  z-index: 2;
  pointer-events: none;
}