/* neron.design — the concept band at the top of every brand site on the stage.
   It is the studio's frame, not the brand's: it must look the same on all six sites, whatever their own CSS does. */
@font-face{font-family:'ND Text';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/instrument-sans-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'ND Text';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/instrument-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

@font-face{font-family:'ND Display';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/bodoni-moda-latin-standard-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'ND Display';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/bodoni-moda-latin-ext-standard-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'ND Display';font-style:italic;font-weight:400 900;font-display:swap;src:url(fonts/bodoni-moda-latin-standard-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'ND Display';font-style:italic;font-weight:400 900;font-display:swap;src:url(fonts/bodoni-moda-latin-ext-standard-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'ND Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'ND Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* The band's height, for brand sites that size their first screen around it. */
:root { --nd-band-height: 70px; }
@media (min-width: 601px) { :root { --nd-band-height: 57px; } }
@media (min-width: 1100px) { :root { --nd-band-height: 43px; } }
body.is-orvane { --band-h: var(--nd-band-height); }

[data-nd-band][data-nd-band] {
  all: revert;
  box-sizing: border-box; position: relative; z-index: 2147483000; inset: auto;
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px;
  width: auto; min-height: 42px; margin: 0; padding: 9px max(16px, 3vw);
  background: #0b0907; color: #cfc3b2; border: 0; border-bottom: 1px solid rgba(255, 199, 122, .24);
  box-shadow: 0 1px 14px rgba(255, 190, 110, .06);
  font: 400 13px/1.45 'ND Text', system-ui, -apple-system, 'Segoe UI', sans-serif; letter-spacing: 0; text-align: left; text-transform: none;
  -webkit-font-smoothing: antialiased; transform: none; opacity: 1; visibility: visible;
}
[data-nd-band][data-nd-band]::before {
  content: ''; flex: none; width: 19px; height: 16px;
  background: url(brand/neron-design-mark-small-bone.svg) no-repeat left center / contain;
}
[data-nd-band][data-nd-band] > * { all: revert; font: inherit; color: inherit; letter-spacing: inherit; margin: 0; padding: 0; }
[data-nd-band][data-nd-band] > p { flex: 1 1 22em; min-width: 0; }
[data-nd-band][data-nd-band] > nav { display: flex; flex-wrap: wrap; gap: 4px 18px; flex: none; }
[data-nd-band][data-nd-band] a {
  all: revert; font: inherit; letter-spacing: inherit;
  flex: none; color: #efe6d8; text-decoration: underline; text-decoration-color: rgba(239, 230, 216, .35);
  text-underline-offset: 3px; white-space: nowrap; border-radius: 3px;
}
[data-nd-band][data-nd-band] a:hover { color: #fff0d4; text-decoration-color: #ffc77a; }
[data-nd-band][data-nd-band] a:focus-visible { outline: 2px solid #c8f6a0; outline-offset: 3px; }
@media (min-width: 1100px) {
  [data-nd-band][data-nd-band] { height: 43px; flex-wrap: nowrap; padding-top: 0; padding-bottom: 0; }
  [data-nd-band][data-nd-band] > p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 600px) {
  [data-nd-band][data-nd-band] { font-size: 12.5px; padding: 8px 16px; gap: 4px 14px; }
  [data-nd-band][data-nd-band] > p { flex-basis: calc(100% - 34px); }
  [data-nd-band][data-nd-band] > a:first-of-type, [data-nd-band][data-nd-band] > nav { margin-left: 33px; }
}
/* The studio's closing word at the end of a brand site, in the theatre's language
   (Aksis's coda and any .nd-coda). */
:is(.axp-end, .nd-coda):is(.axp-end, .nd-coda) {
  background: radial-gradient(ellipse 60% 70% at 26% 40%, rgba(255, 190, 110, .1), transparent 72%), #0b0907;
  color: #efe6d8; font-family: 'ND Text', system-ui, sans-serif; border: 0;
}
:is(.axp-end, .nd-coda):is(.axp-end, .nd-coda) h2 { font: 400 clamp(36px, 4.6vw, 72px)/1.02 'ND Display', 'Times New Roman', serif; letter-spacing: -.02em; color: #efe6d8; }
:is(.axp-end, .nd-coda):is(.axp-end, .nd-coda) blockquote { font: italic 400 clamp(20px, 1.8vw, 26px)/1.4 'ND Display', 'Times New Roman', serif; color: #ffe2b4; border-left: 1px solid rgba(255, 199, 122, .5); }
:is(.axp-end, .nd-coda):is(.axp-end, .nd-coda) p { font: 400 clamp(16px, 1.25vw, 19px)/1.6 'ND Text', system-ui, sans-serif; color: #cfc3b2; }
:is(.axp-end, .nd-coda):is(.axp-end, .nd-coda) :focus-visible { outline: 2px solid #c8f6a0; outline-offset: 3px; }
.nd-coda.nd-coda { padding: clamp(72px, 14vh, 150px) max(16px, 4vw); }
.nd-coda.nd-coda > div { max-width: 780px; display: grid; justify-items: start; gap: 24px; }
.nd-coda.nd-coda h2, .nd-coda.nd-coda blockquote, .nd-coda.nd-coda p { margin: 0; }
.nd-coda.nd-coda blockquote { padding-left: 22px; }
.nd-coda.nd-coda .nd-coda__a { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; margin-top: 10px; }
.nd-tag.nd-tag { display: inline-flex; align-items: center; gap: 7px; padding: 5px 9px 5px 8px; border-radius: 4px; border: 1px solid rgba(200, 246, 160, .38); color: #c8f6a0; font: 500 10.5px/1 'ND Mono', ui-monospace, monospace; letter-spacing: .16em; text-transform: uppercase; }
.nd-tag.nd-tag::before { content: ''; width: 5px; height: 5px; border: 0; border-radius: 1px; background: currentColor; box-shadow: 0 0 6px currentColor; }
.nd-btn.nd-btn { display: inline-flex; align-items: center; min-height: 48px; padding: 0 22px; border-radius: 999px; background: #efe6d8; color: #0b0907 !important; box-shadow: none; font: 500 15px/1 'ND Text', system-ui, sans-serif; text-decoration: none; }
.nd-btn.nd-btn:hover { background: #fff0d4; }
.nd-link.nd-link { font: 500 15px/1.4 'ND Text', system-ui, sans-serif; color: #efe6d8 !important; text-decoration: underline; text-decoration-color: rgba(239, 230, 216, .35); text-underline-offset: 4px; }

/* On the stage the band steps aside: the stage carries its own label. */
html.nd-staged [data-nd-band] { display: none !important; }