/* Modern Chimney Services, Brooklyn NY.
   Page styling for the 5th Avenue crew. */
:root {
      --bkv-brick: #9E3B2E;
      --bkv-brick-dark: #742815;
      --bkv-ember: #F29441;
      --bkv-ember-glow: #FFD096;
      --bkv-coast: #23616E;
      --bkv-charcoal: #161210;
      --bkv-charcoal-2: #251D16;
      --bkv-charcoal-3: #2F2721;
      --bkv-cream: #F3ECDF;
      --bkv-cream-2: #E9DFCD;
      --bkv-ink: #1A1411;
      --bkv-muted: #6A5F58;
      --bkv-line: rgba(25,21,19,.12);
      --bkv-gold: #E0B54A;
      --bkv-green-ok: #2C7A50;
      --bkv-radius: 16px;
      --bkv-radius-lg: 26px;
      --bkv-shadow-sm: 0 4px 14px rgba(25,21,19,.08);
      --bkv-shadow: 0 14px 40px rgba(25,21,19,.14);
      --bkv-shadow-lg: 0 30px 70px rgba(25,21,19,.26);
      --bkv-wrap: 1200px;
      --bkv-font: 'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
      --bkv-display: 'Anton','Figtree',var(--bkv-font);
      --bkv-header-h: 76px;
}
*,*::before,*::after {
      box-sizing: border-box;
}
html {
      scroll-behavior: smooth;
      scroll-padding-top: 90px;
      -webkit-text-size-adjust: 100%;
}
body {
      margin: 0;
      font-family: var(--bkv-font);
      color: var(--bkv-ink);
      background: var(--bkv-cream);
      font-size: 17px;
      line-height: 1.65;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
}
img {
      max-width: 100%;
      height: auto;
      display: block;
}
a {
      color: var(--bkv-brick);
      text-decoration: none;
}
a:hover {
      color: var(--bkv-brick-dark);
}
button {
      font-family: inherit;
}
h1,h2,h3,h4 {
      font-family: var(--bkv-display);
      font-weight: 700;
      line-height: 1.08;
      margin: 0 0 .5em;
      letter-spacing: .4px;
      text-transform: uppercase;
}
h1 {
      font-size: clamp(2.15rem,5.4vw,4.15rem);
}
h2 {
      font-size: clamp(1.85rem,3.9vw,3rem);
}
h3 {
      font-size: clamp(1.15rem,1.7vw,1.45rem);
}
p {
      margin: 0 0 1.1em;
}
.casing {
      width: min(var(--bkv-wrap),92%);
      margin-inline: auto;
}
.midline {
      text-align: center;
}
.hush-veil {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0,0,0,0);
      white-space: nowrap;
      border: 0;
}
.vault-link {
      position: absolute;
      left: -9999px;
      top: 0;
      background: var(--bkv-brick);
      color: #fff;
      padding: 12px 20px;
      z-index: 9999;
}
.vault-link:focus {
      left: 10px;
      top: 10px;
}
:focus-visible {
      outline: 3px solid var(--bkv-ember);
      outline-offset: 3px;
}
#bg-fx-bk {
      position: fixed;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      overflow: hidden;
}
#emberCanvas-bk {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      opacity: .55;
}
.plume {
      position: absolute;
      border-radius: 50%;
      filter: blur(70px);
      opacity: .34;
      will-change: transform;
}
.plume-1 {
      width: 520px;
      height: 520px;
      background: radial-gradient(circle at 30% 30%,var(--bkv-ember),transparent 68%);
      top: -140px;
      left: -120px;
      animation: float1 26s ease-in-out infinite;
}
.plume-2 {
      width: 640px;
      height: 640px;
      background: radial-gradient(circle at 60% 40%,var(--bkv-brick),transparent 66%);
      top: 38%;
      right: -220px;
      animation: float2 32s ease-in-out infinite;
}
.plume-3 {
      width: 420px;
      height: 420px;
      background: radial-gradient(circle at 50% 50%,var(--bkv-gold),transparent 65%);
      bottom: -120px;
      left: 22%;
      animation: float3 29s ease-in-out infinite;
}
@keyframes float1 {
      0%,100% {
            transform: translate3d(0,0,0) scale(1);
      }
      50% {
            transform: translate3d(90px,120px,0) scale(1.16);
      }
}
@keyframes float2 {
      0%,100% {
            transform: translate3d(0,0,0) scale(1.05);
      }
      50% {
            transform: translate3d(-120px,-90px,0) scale(.9);
      }
}
@keyframes float3 {
      0%,100% {
            transform: translate3d(0,0,0) scale(.95);
      }
      50% {
            transform: translate3d(70px,-110px,0) scale(1.2);
      }
}
main,header,footer,.parapet {
      position: relative;
      z-index: 1;
}
.tap {
      --bkv-bg: var(--bkv-brick);
      --bkv-fg: #fff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: .6rem;
      background: var(--bkv-bg);
      color: var(--bkv-fg);
      font-weight: 700;
      font-size: 1.02rem;
      padding: 16px 30px;
      border-radius: 60px;
      border: 0;
      cursor: pointer;
      letter-spacing: .3px;
      box-shadow: 0 10px 26px rgba(178,58,33,.32);
      transition: transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s,background .22s;
      position: relative;
      overflow: hidden;
      text-align: center;
}
.tap:hover {
      transform: translateY(-3px);
      box-shadow: 0 18px 40px rgba(178,58,33,.42);
      color: #fff;
}
.tap:active {
      transform: translateY(-1px);
}
.tap::after {
      content: "";
      position: absolute;
      top: 0;
      left: -60%;
      width: 40%;
      height: 100%;
      background: linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);
      transform: skewX(-18deg);
      animation: sheen 4.5s ease-in-out infinite;
}
@keyframes sheen {
      0%,72% {
            left: -60%;
      }
      88%,100% {
            left: 135%;
      }
}
.tap-forge {
      --bkv-bg: linear-gradient(135deg,var(--bkv-ember),var(--bkv-brick));
      box-shadow: 0 10px 26px rgba(240,128,60,.4);
}
.tap-veiled {
      --bkv-bg: transparent;
      --bkv-fg: #fff;
      border: 2px solid rgba(255,255,255,.6);
      box-shadow: none;
}
.tap-veiled:hover {
      background: rgba(255,255,255,.12);
      box-shadow: none;
}
.tap-dusk {
      --bkv-bg: var(--bkv-charcoal);
      box-shadow: 0 10px 26px rgba(25,21,19,.3);
}
.tap-grand {
      padding: 19px 38px;
      font-size: 1.12rem;
}
.tap-full {
      display: flex;
      width: 100%;
}
.parapet {
      background: var(--bkv-charcoal);
      color: #DCCFC2;
      font-size: .86rem;
      letter-spacing: .3px;
}
.parapet .casing {
      display: flex;
      flex-wrap: wrap;
      gap: 8px 26px;
      align-items: center;
      justify-content: space-between;
      padding: 9px 0;
}
.parapet b {
      color: #fff;
}
.parapet .pp-chip {
      display: inline-flex;
      align-items: center;
      gap: 7px;
}
.beat-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #49C77E;
      box-shadow: 0 0 0 0 rgba(73,199,126,.7);
      animation: pulseDot 2s infinite;
}
@keyframes pulseDot {
      70% {
            box-shadow: 0 0 0 9px rgba(73,199,126,0);
      }
      100% {
            box-shadow: 0 0 0 0 rgba(73,199,126,0);
      }
}
.cornice-band {
      position: sticky;
      top: 0;
      z-index: 900;
      background: rgba(246,240,231,.86);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border-bottom: 1px solid var(--bkv-line);
      transition: box-shadow .3s,background .3s;
}
.cornice-band.bowed {
      box-shadow: 0 8px 30px rgba(25,21,19,.13);
      background: rgba(246,240,231,.96);
}
.cornice-band .casing {
      width: min(1360px,94%);
}
.rail {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      min-height: var(--bkv-header-h);
}
.marque {
      display: flex;
      align-items: center;
      gap: 12px;
      color: var(--bkv-ink);
      flex: 0 0 auto;
}
.marque:hover {
      color: var(--bkv-ink);
}
.marque-glyph {
      width: 46px;
      height: 46px;
      flex: 0 0 auto;
      filter: drop-shadow(0 4px 8px rgba(178,58,33,.3));
}
.marque-prose {
      display: flex;
      flex-direction: column;
      line-height: 1.05;
}
.marque-prose strong {
      font-family: var(--bkv-display);
      font-size: 1.06rem;
      letter-spacing: .6px;
      text-transform: uppercase;
}
.marque-prose span {
      font-size: .7rem;
      letter-spacing: 2.4px;
      text-transform: uppercase;
      color: var(--bkv-brick);
      font-weight: 600;
}
.spans {
      display: flex;
      align-items: center;
      gap: 22px;
      list-style: none;
      margin: 0;
      padding: 0;
}
.spans a {
      color: var(--bkv-ink);
      font-weight: 600;
      font-size: .92rem;
      white-space: nowrap;
      position: relative;
      padding: 6px 0;
}
.spans a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 2px;
      width: 0;
      background: var(--bkv-brick);
      transition: width .28s;
}
.spans a:hover::after,.spans a.keyed::after {
      width: 100%;
}
.rail-drive {
      display: flex;
      align-items: center;
      gap: 14px;
      flex: 0 0 auto;
}
.rail-digits {
      display: flex;
      flex-direction: column;
      line-height: 1.1;
      text-align: right;
}
.rail-digits small {
      font-size: .68rem;
      text-transform: uppercase;
      letter-spacing: 1.4px;
      color: var(--bkv-muted);
}
.rail-digits b {
      font-family: var(--bkv-display);
      font-size: 1.22rem;
      color: var(--bkv-brick);
}
.gate {
      display: none;
      width: 48px;
      height: 44px;
      border: 1px solid var(--bkv-line);
      background: #fff;
      border-radius: 12px;
      cursor: pointer;
      padding: 0;
      position: relative;
}
.gate span {
      position: absolute;
      left: 13px;
      width: 22px;
      height: 2px;
      background: var(--bkv-ink);
      transition: .3s;
}
.gate span:nth-child(1) {
      top: 15px;
}
.gate span:nth-child(2) {
      top: 21px;
}
.gate span:nth-child(3) {
      top: 27px;
}
.gate[aria-expanded="true"] span:nth-child(1) {
      top: 21px;
      transform: rotate(45deg);
}
.gate[aria-expanded="true"] span:nth-child(2) {
      opacity: 0;
}
.gate[aria-expanded="true"] span:nth-child(3) {
      top: 21px;
      transform: rotate(-45deg);
}
.stoop {
      position: relative;
      color: #fff;
      padding: clamp(56px,8vw,104px) 0 clamp(70px,9vw,120px);
      overflow: hidden;
      isolation: isolate;
}
.stoop-scene {
      position: absolute;
      inset: 0;
      z-index: -2;
}
.stoop-scene img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.06);
      animation: kenburns 24s ease-in-out infinite alternate;
}
@keyframes kenburns {
      to {
            transform: scale(1.17) translate3d(-1.5%,-1.5%,0);
      }
}
.stoop::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(100deg,rgba(18,14,12,.95) 0%,rgba(26,18,14,.86) 38%,rgba(181,57,31,.6) 74%,rgba(242,145,63,.42) 100%);
}
.stoop-frame {
      display: grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 52px;
      align-items: center;
}
.lintel {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.26);
      color: #fff;
      padding: 8px 17px;
      border-radius: 60px;
      font-size: .79rem;
      font-weight: 700;
      letter-spacing: 1.6px;
      text-transform: uppercase;
      margin-bottom: 22px;
      backdrop-filter: blur(6px);
}
.stoop h1 {
      color: #fff;
      text-shadow: 0 6px 30px rgba(0,0,0,.4);
}
.stoop h1 .emberline {
      color: var(--bkv-ember-glow);
      display: inline-block;
}
.stoop-tale {
      font-size: clamp(1.02rem,1.5vw,1.2rem);
      color: #EADFD4;
      max-width: 610px;
}
.stoop-acts {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin: 30px 0 26px;
}
.stoop-creed {
      display: flex;
      flex-wrap: wrap;
      gap: 10px 22px;
      list-style: none;
      padding: 0;
      margin: 0;
      font-size: .92rem;
      color: #E6DAD0;
}
.stoop-creed li {
      display: flex;
      align-items: center;
      gap: 8px;
}
.stamp {
      width: 20px;
      height: 20px;
      flex: 0 0 auto;
      border-radius: 50%;
      background: rgba(73,199,126,.2);
      display: grid;
      place-items: center;
}
.stamp svg {
      width: 12px;
      height: 12px;
      stroke: #6BE39C;
      fill: none;
      stroke-width: 3;
}
.deal-slab {
      background: linear-gradient(160deg,rgba(255,255,255,.98),rgba(246,240,231,.94));
      color: var(--bkv-ink);
      border-radius: var(--bkv-radius-lg);
      padding: 30px 28px;
      box-shadow: var(--bkv-shadow-lg);
      border: 1px solid rgba(255,255,255,.6);
      position: relative;
      animation: floaty 6.5s ease-in-out infinite;
}
@keyframes floaty {
      0%,100% {
            transform: translateY(0);
      }
      50% {
            transform: translateY(-13px);
      }
}
.deal-band {
      position: absolute;
      top: -18px;
      right: -10px;
      background: var(--bkv-brick);
      color: #fff;
      font-family: var(--bkv-display);
      font-size: .82rem;
      letter-spacing: 1.4px;
      padding: 9px 16px;
      border-radius: 40px;
      box-shadow: 0 8px 20px rgba(178,58,33,.4);
      text-transform: uppercase;
      animation: wobble 5s ease-in-out infinite;
}
@keyframes wobble {
      0%,100% {
            transform: rotate(-3deg);
      }
      50% {
            transform: rotate(3deg);
      }
}
.deal-price {
      font-family: var(--bkv-display);
      font-size: clamp(3.4rem,7vw,4.6rem);
      line-height: 1;
      color: var(--bkv-brick);
      display: flex;
      align-items: flex-start;
      gap: 4px;
      justify-content: center;
      margin: 6px 0 2px;
}
.deal-price sup {
      font-size: .42em;
      margin-top: .32em;
}
.deal-slab h2 {
      font-size: 1.32rem;
      margin-bottom: 4px;
      text-align: center;
}
.deal-slab .deal-whisper {
      text-align: center;
      color: var(--bkv-muted);
      font-size: .9rem;
      margin-bottom: 16px;
}
.deal-ledger {
      list-style: none;
      margin: 0 0 20px;
      padding: 0;
      display: grid;
      gap: 9px;
      font-size: .95rem;
}
.deal-ledger li {
      display: flex;
      gap: 10px;
      align-items: flex-start;
}
.deal-ledger svg {
      width: 18px;
      height: 18px;
      flex: 0 0 auto;
      margin-top: 3px;
      stroke: var(--bkv-brick);
      fill: none;
      stroke-width: 3;
}
.deal-clause {
      font-size: .76rem;
      color: var(--bkv-muted);
      text-align: center;
      margin: 12px 0 0;
      line-height: 1.5;
}
.crawl {
      background: var(--bkv-charcoal-2);
      color: #CBBDB0;
      overflow: hidden;
      padding: 13px 0;
      border-block: 1px solid rgba(255,255,255,.07);
}
.crawl-belt {
      display: flex;
      gap: 52px;
      white-space: nowrap;
      width: max-content;
      animation: scrollX 34s linear infinite;
      font-family: var(--bkv-display);
      letter-spacing: 2px;
      font-size: .94rem;
      text-transform: uppercase;
}
.crawl-belt span {
      display: inline-flex;
      align-items: center;
      gap: 12px;
}
.crawl-belt b {
      color: var(--bkv-ember);
}
@keyframes scrollX {
      to {
            transform: translateX(-50%);
      }
}
section {
      padding: clamp(56px,7vw,100px) 0;
      position: relative;
}
.chapter {
      max-width: 760px;
      margin: 0 auto 52px;
}
.chapter.portside {
      margin-inline: 0;
}
.cinder-tag {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: var(--bkv-brick);
      font-weight: 800;
      letter-spacing: 2.4px;
      text-transform: uppercase;
      font-size: .78rem;
      margin-bottom: 14px;
}
.cinder-tag::before {
      content: "";
      width: 28px;
      height: 2px;
      background: var(--bkv-brick);
}
.preface {
      font-size: 1.06rem;
      color: var(--bkv-muted);
}
.field-parch {
      background: linear-gradient(180deg,rgba(237,227,213,.75),rgba(246,240,231,.4));
}
.field-soot {
      background: var(--bkv-charcoal);
      color: #DDD1C6;
}
.field-soot h2,.field-soot h3 {
      color: #fff;
}
.field-soot .preface {
      color: #B7A99C;
}
.field-soot .cinder-tag {
      color: var(--bkv-ember-glow);
}
.field-soot .cinder-tag::before {
      background: var(--bkv-ember);
}
.figures {
      display: grid;
      grid-template-columns: repeat(4,1fr);
      gap: 22px;
}
.figures-cell {
      background: #fff;
      border-radius: var(--bkv-radius);
      padding: 26px 20px;
      text-align: center;
      box-shadow: var(--bkv-shadow-sm);
      border: 1px solid var(--bkv-line);
      transition: transform .3s,box-shadow .3s;
}
.figures-cell:hover {
      transform: translateY(-7px);
      box-shadow: var(--bkv-shadow);
}
.figures-cell b {
      display: block;
      font-family: var(--bkv-display);
      font-size: clamp(2rem,3.6vw,2.9rem);
      color: var(--bkv-brick);
      line-height: 1;
}
.figures-cell span {
      font-size: .87rem;
      color: var(--bkv-muted);
      letter-spacing: .6px;
}
.labor-yard {
      display: grid;
      grid-template-columns: repeat(auto-fit,minmax(295px,1fr));
      gap: 26px;
}
.labor {
      background: #fff;
      border-radius: var(--bkv-radius-lg);
      overflow: hidden;
      box-shadow: var(--bkv-shadow-sm);
      border: 1px solid var(--bkv-line);
      display: flex;
      flex-direction: column;
      transition: transform .35s cubic-bezier(.2,.8,.3,1),box-shadow .35s;
}
.labor:hover {
      transform: translateY(-10px);
      box-shadow: var(--bkv-shadow-lg);
}
.labor-scene {
      position: relative;
      aspect-ratio: 16/10;
      overflow: hidden;
      background: var(--bkv-charcoal-3);
}
.labor-scene img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .7s cubic-bezier(.2,.8,.3,1);
}
.labor:hover .labor-scene img {
      transform: scale(1.09);
}
.labor-scene::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg,transparent 42%,rgba(20,16,14,.72));
}
.labor-badge {
      position: absolute;
      left: 18px;
      bottom: 16px;
      z-index: 2;
      width: 46px;
      height: 46px;
      border-radius: 13px;
      background: var(--bkv-brick);
      display: grid;
      place-items: center;
      box-shadow: 0 8px 20px rgba(178,58,33,.45);
}
.labor-badge svg {
      width: 24px;
      height: 24px;
      stroke: #fff;
      fill: none;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
}
.labor-flesh {
      padding: 24px 24px 26px;
      display: flex;
      flex-direction: column;
      flex: 1;
}
.labor-flesh h3 {
      margin-bottom: 8px;
}
.labor-flesh p {
      font-size: .95rem;
      color: var(--bkv-muted);
      margin-bottom: 16px;
}
.labor-flesh ul {
      list-style: none;
      margin: 0 0 18px;
      padding: 0;
      font-size: .9rem;
      display: grid;
      gap: 6px;
}
.labor-flesh li {
      display: flex;
      gap: 9px;
      align-items: flex-start;
      color: #4A423C;
}
.labor-flesh li::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--bkv-ember);
      flex: 0 0 auto;
      margin-top: 8px;
}
.labor-wire {
      margin-top: auto;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: .95rem;
}
.labor-wire svg {
      width: 16px;
      height: 16px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2.4;
      transition: transform .3s;
}
.labor:hover .labor-wire svg {
      transform: translateX(5px);
}
.tell-frame {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 52px;
      align-items: center;
}
.tell-ledger {
      display: grid;
      gap: 14px;
      margin: 0;
      padding: 0;
      list-style: none;
}
.tell-ledger li {
      display: flex;
      gap: 15px;
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.1);
      border-radius: 14px;
      padding: 16px 18px;
      align-items: flex-start;
      transition: transform .3s,border-color .3s,background .3s;
}
.tell-ledger li:hover {
      transform: translateX(7px);
      border-color: rgba(240,128,60,.55);
      background: rgba(240,128,60,.08);
}
.tell-ledger .tw {
      width: 38px;
      height: 38px;
      flex: 0 0 auto;
      border-radius: 11px;
      background: rgba(240,128,60,.16);
      display: grid;
      place-items: center;
}
.tell-ledger .tw svg {
      width: 20px;
      height: 20px;
      stroke: var(--bkv-ember-glow);
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
}
.tell-ledger b {
      display: block;
      color: #fff;
      font-family: var(--bkv-display);
      letter-spacing: .5px;
      font-size: 1.02rem;
      text-transform: uppercase;
}
.tell-ledger span {
      font-size: .92rem;
      color: #B3A599;
}
.tell-scene {
      position: relative;
      border-radius: var(--bkv-radius-lg);
      overflow: hidden;
      box-shadow: var(--bkv-shadow-lg);
}
.tell-scene img {
      width: 100%;
      aspect-ratio: 4/5;
      object-fit: cover;
}
.tell-plate {
      position: absolute;
      left: 20px;
      bottom: 20px;
      right: 20px;
      background: rgba(25,21,19,.82);
      backdrop-filter: blur(9px);
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 16px;
      padding: 16px 18px;
      color: #fff;
}
.tell-plate b {
      font-family: var(--bkv-display);
      display: block;
      color: var(--bkv-ember-glow);
      letter-spacing: 1px;
}
.tell-plate span {
      font-size: .88rem;
      color: #C7B9AC;
}
.stoops {
      display: grid;
      grid-template-columns: repeat(4,1fr);
      gap: 24px;
      counter-reset: step;
      position: relative;
}
.stoops-tread {
      background: #fff;
      border-radius: var(--bkv-radius);
      padding: 34px 24px 26px;
      box-shadow: var(--bkv-shadow-sm);
      border: 1px solid var(--bkv-line);
      position: relative;
      transition: transform .35s,box-shadow .35s;
}
.stoops-tread:hover {
      transform: translateY(-8px);
      box-shadow: var(--bkv-shadow);
}
.stoops-numeral {
      position: absolute;
      top: -20px;
      left: 24px;
      width: 44px;
      height: 44px;
      border-radius: 14px;
      background: linear-gradient(140deg,var(--bkv-ember),var(--bkv-brick));
      color: #fff;
      font-family: var(--bkv-display);
      font-size: 1.3rem;
      display: grid;
      place-items: center;
      box-shadow: 0 10px 22px rgba(178,58,33,.35);
}
.stoops-tread h3 {
      font-size: 1.12rem;
      margin-top: 8px;
}
.stoops-tread p {
      font-size: .93rem;
      color: var(--bkv-muted);
      margin: 0;
}
.reel-wall {
      display: grid;
      grid-template-columns: repeat(4,1fr);
      gap: 16px;
}
.still {
      position: relative;
      border-radius: 18px;
      overflow: hidden;
      box-shadow: var(--bkv-shadow-sm);
      aspect-ratio: 1;
      background: var(--bkv-charcoal-3);
}
.still:nth-child(1),.still:nth-child(6) {
      grid-row: span 2;
      aspect-ratio: 1/2.06;
}
.still img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .8s cubic-bezier(.2,.8,.3,1);
}
.still:hover img {
      transform: scale(1.1);
}
.still figcaption {
      position: absolute;
      inset: auto 0 0 0;
      padding: 34px 16px 14px;
      background: linear-gradient(transparent,rgba(20,16,14,.86));
      color: #fff;
      font-size: .85rem;
      font-weight: 600;
      transform: translateY(6px);
      opacity: 0;
      transition: .35s;
}
.still:hover figcaption {
      transform: translateY(0);
      opacity: 1;
}
.echoes {
      display: grid;
      grid-template-columns: repeat(3,1fr);
      gap: 24px;
}
.echo {
      background: #fff;
      border-radius: var(--bkv-radius);
      padding: 28px 26px;
      box-shadow: var(--bkv-shadow-sm);
      border: 1px solid var(--bkv-line);
      position: relative;
      transition: transform .35s,box-shadow .35s;
}
.echo:hover {
      transform: translateY(-8px);
      box-shadow: var(--bkv-shadow);
}
.echo .tilde {
      position: absolute;
      top: 16px;
      right: 22px;
      font-family: var(--bkv-display);
      font-size: 4.2rem;
      color: rgba(178,58,33,.13);
      line-height: 1;
}
.lusters {
      display: flex;
      gap: 3px;
      margin-bottom: 12px;
}
.lusters svg {
      width: 18px;
      height: 18px;
      fill: var(--bkv-gold);
}
.echo p {
      font-size: .98rem;
      color: #4A423C;
}
.echo footer {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: 16px;
      border-top: 1px solid var(--bkv-line);
      padding-top: 14px;
}
.cameo {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: linear-gradient(140deg,var(--bkv-brick),var(--bkv-ember));
      color: #fff;
      display: grid;
      place-items: center;
      font-family: var(--bkv-display);
      font-size: 1.05rem;
      flex: 0 0 auto;
}
.echo footer b {
      display: block;
      font-size: .95rem;
}
.echo footer span {
      font-size: .8rem;
      color: var(--bkv-muted);
}
.blocks {
      display: flex;
      flex-wrap: wrap;
      gap: 11px;
      justify-content: center;
      list-style: none;
      padding: 0;
      margin: 0 0 30px;
}
.blocks li {
      background: #fff;
      border: 1px solid var(--bkv-line);
      border-radius: 60px;
      padding: 10px 20px;
      font-size: .92rem;
      font-weight: 600;
      box-shadow: var(--bkv-shadow-sm);
      transition: transform .25s,background .25s,color .25s,border-color .25s;
}
.blocks li:hover {
      transform: translateY(-4px);
      background: var(--bkv-brick);
      color: #fff;
      border-color: var(--bkv-brick);
}
.parlance {
      max-width: 880px;
      margin-inline: auto;
}
.parlance details {
      background: #fff;
      border: 1px solid var(--bkv-line);
      border-radius: 14px;
      margin-bottom: 12px;
      box-shadow: var(--bkv-shadow-sm);
      overflow: hidden;
      transition: box-shadow .3s;
}
.parlance details[open] {
      box-shadow: var(--bkv-shadow);
}
.parlance summary {
      cursor: pointer;
      list-style: none;
      padding: 20px 58px 20px 22px;
      font-weight: 700;
      font-size: 1.03rem;
      position: relative;
}
.parlance summary::-webkit-details-marker {
      display: none;
}
.parlance summary::after {
      content: "";
      position: absolute;
      right: 22px;
      top: 50%;
      width: 12px;
      height: 12px;
      border-right: 2.6px solid var(--bkv-brick);
      border-bottom: 2.6px solid var(--bkv-brick);
      transform: translateY(-70%) rotate(45deg);
      transition: transform .3s;
}
.parlance details[open] summary::after {
      transform: translateY(-25%) rotate(-135deg);
}
.parlance .parlance-flesh {
      padding: 0 22px 20px;
      color: var(--bkv-muted);
      font-size: .97rem;
}
.parlance .parlance-flesh p:last-child {
      margin-bottom: 0;
}
.drive-strip {
      position: relative;
      color: #fff;
      text-align: center;
      overflow: hidden;
      isolation: isolate;
}
.drive-strip .drive-scene {
      position: absolute;
      inset: 0;
      z-index: -2;
}
.drive-strip .drive-scene img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}
.drive-strip::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background: linear-gradient(120deg,rgba(140,43,22,.94),rgba(25,21,19,.9));
}
.drive-strip h2 {
      color: #fff;
      font-size: clamp(2rem,4.4vw,3.3rem);
}
.drive-strip p {
      color: #EFE3D8;
      max-width: 660px;
      margin-inline: auto;
      font-size: 1.06rem;
}
.drive-acts {
      display: flex;
      gap: 15px;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 28px;
}
.drive-digits {
      display: block;
      font-family: var(--bkv-display);
      font-size: clamp(2rem,5vw,2.9rem);
      color: #fff;
      margin-top: 20px;
      letter-spacing: 1px;
}
.drive-digits:hover {
      color: var(--bkv-ember-glow);
}
.meet-frame {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 44px;
      align-items: start;
}
.meet-frame>* {
      min-width: 0;
}
.note-ledger a,.cellar-band address a {
      overflow-wrap: anywhere;
}
.pane-slab {
      background: #fff;
      border-radius: var(--bkv-radius-lg);
      padding: 34px 32px;
      box-shadow: var(--bkv-shadow);
      border: 1px solid var(--bkv-line);
}
.cell {
      margin-bottom: 16px;
}
.cell label {
      display: block;
      font-weight: 700;
      font-size: .86rem;
      margin-bottom: 7px;
      letter-spacing: .4px;
}
.cell input,.cell select,.cell textarea {
      width: 100%;
      padding: 14px 16px;
      border: 1.6px solid var(--bkv-line);
      border-radius: 12px;
      font-size: 1rem;
      font-family: inherit;
      background: #FAF6EF;
      color: var(--bkv-ink);
      transition: border-color .25s,box-shadow .25s,background .25s;
}
.cell input:focus,.cell select:focus,.cell textarea:focus {
      outline: none;
      border-color: var(--bkv-brick);
      background: #fff;
      box-shadow: 0 0 0 4px rgba(178,58,33,.12);
}
.cell textarea {
      resize: vertical;
      min-height: 110px;
}
.dual-col {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
}
.pane-hint {
      font-size: .79rem;
      color: var(--bkv-muted);
      margin-top: 12px;
      text-align: center;
}
.pane-word {
      display: none;
      padding: 14px 16px;
      border-radius: 12px;
      font-size: .94rem;
      margin-bottom: 16px;
}
.pane-word.fair-ok {
      display: block;
      background: rgba(46,125,81,.1);
      color: #2C7A50;
      border: 1px solid rgba(46,125,81,.3);
}
.pane-word.skew {
      display: block;
      background: rgba(178,58,33,.1);
      color: var(--bkv-brick-dark);
      border: 1px solid rgba(178,58,33,.3);
}
.note-ledger {
      list-style: none;
      padding: 0;
      margin: 0 0 26px;
      display: grid;
      gap: 16px;
}
.note-ledger li {
      display: flex;
      gap: 16px;
      align-items: flex-start;
}
.note-badge {
      width: 48px;
      height: 48px;
      flex: 0 0 auto;
      border-radius: 14px;
      background: rgba(178,58,33,.1);
      display: grid;
      place-items: center;
}
.note-badge svg {
      width: 22px;
      height: 22px;
      stroke: var(--bkv-brick);
      fill: none;
      stroke-width: 1.9;
      stroke-linecap: round;
      stroke-linejoin: round;
}
.note-ledger b {
      display: block;
      font-family: var(--bkv-display);
      letter-spacing: .6px;
      text-transform: uppercase;
      font-size: .95rem;
}
.note-ledger a,.note-ledger span {
      color: var(--bkv-muted);
      font-size: 1rem;
}
.note-ledger a:hover {
      color: var(--bkv-brick);
}
.grid-scene {
      border-radius: var(--bkv-radius);
      overflow: hidden;
      box-shadow: var(--bkv-shadow-sm);
      border: 1px solid var(--bkv-line);
      line-height: 0;
}
.grid-scene iframe {
      width: 100%;
      height: 290px;
      border: 0;
}
.tempo {
      background: #fff;
      border: 1px solid var(--bkv-line);
      border-radius: var(--bkv-radius);
      padding: 22px 24px;
      box-shadow: var(--bkv-shadow-sm);
      margin-bottom: 26px;
}
.tempo dl {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 8px 18px;
      margin: 0;
      font-size: .95rem;
}
.tempo dt {
      font-weight: 700;
}
.tempo dd {
      margin: 0;
      text-align: right;
      color: var(--bkv-muted);
}
.cellar-band {
      background: var(--bkv-charcoal);
      color: #A99B8E;
      padding: 70px 0 0;
      font-size: .95rem;
}
.cellar-frame {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
      gap: 38px;
      padding-bottom: 44px;
}
.cellar-band h4 {
      color: #fff;
      font-size: 1rem;
      letter-spacing: 1.6px;
      margin-bottom: 18px;
}
.cellar-band a {
      color: #A99B8E;
}
.cellar-band a:hover {
      color: var(--bkv-ember-glow);
}
.cellar-wires {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      gap: 10px;
}
.cellar-mark {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 16px;
      color: #fff;
}
.cellar-mark strong {
      font-family: var(--bkv-display);
      font-size: 1.1rem;
      letter-spacing: .6px;
      text-transform: uppercase;
}
.cellar-sill {
      border-top: 1px solid rgba(255,255,255,.1);
      padding: 20px 0;
      display: flex;
      flex-wrap: wrap;
      gap: 10px 24px;
      justify-content: space-between;
      font-size: .84rem;
}
.bell-float {
      position: fixed;
      right: 22px;
      bottom: 26px;
      z-index: 950;
      display: inline-flex;
      align-items: center;
      gap: 12px;
      background: linear-gradient(135deg,var(--bkv-brick),var(--bkv-brick-dark));
      color: #fff;
      padding: 15px 24px 15px 17px;
      border-radius: 60px;
      font-weight: 800;
      letter-spacing: .4px;
      box-shadow: 0 16px 40px rgba(178,58,33,.5);
      transition: transform .3s cubic-bezier(.2,.8,.3,1),box-shadow .3s;
}
.bell-float:hover {
      transform: scale(1.06) translateY(-3px);
      color: #fff;
      box-shadow: 0 22px 52px rgba(178,58,33,.6);
}
.bell-float .bf-halo {
      position: relative;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: rgba(255,255,255,.18);
      display: grid;
      place-items: center;
      flex: 0 0 auto;
}
.bell-float .bf-halo::before,.bell-float .bf-halo::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 50%;
      border: 2px solid rgba(255,255,255,.6);
      animation: ring 2.6s ease-out infinite;
}
.bell-float .bf-halo::after {
      animation-delay: 1.3s;
}
@keyframes ring {
      0% {
            transform: scale(1);
            opacity: .85;
      }
      100% {
            transform: scale(2.1);
            opacity: 0;
      }
}
.bell-float svg {
      width: 20px;
      height: 20px;
      stroke: #fff;
      fill: none;
      stroke-width: 2;
      animation: shake 3.2s ease-in-out infinite;
}
@keyframes shake {
      0%,86%,100% {
            transform: rotate(0);
      }
      90% {
            transform: rotate(-14deg);
      }
      94% {
            transform: rotate(14deg);
      }
}
.bell-float .bf-prose {
      display: flex;
      flex-direction: column;
      line-height: 1.15;
}
.bell-float .bf-prose small {
      font-size: .66rem;
      text-transform: uppercase;
      letter-spacing: 1.4px;
      opacity: .85;
      font-weight: 600;
}
.bell-float .bf-prose b {
      font-family: var(--bkv-display);
      font-size: 1.12rem;
      letter-spacing: .6px;
}
.pocket-strip {
      display: none;
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 960;
      background: rgba(25,21,19,.97);
      backdrop-filter: blur(12px);
      border-top: 1px solid rgba(255,255,255,.12);
      padding: 9px 10px calc(9px + env(safe-area-inset-bottom));
}
.pocket-strip ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: grid;
      grid-template-columns: 1.4fr 1fr 1fr;
      gap: 8px;
}
.pocket-strip a {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 3px;
      padding: 9px 4px;
      border-radius: 12px;
      color: #E8DCD2;
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .4px;
      text-transform: uppercase;
}
.pocket-strip a svg {
      width: 19px;
      height: 19px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
}
.pocket-strip .ps-horn {
      background: linear-gradient(135deg,var(--bkv-brick),var(--bkv-brick-dark));
      color: #fff;
      box-shadow: 0 6px 18px rgba(178,58,33,.5);
      animation: mbPulse 2.4s ease-in-out infinite;
}
@keyframes mbPulse {
      0%,100% {
            box-shadow: 0 6px 18px rgba(178,58,33,.5);
      }
      50% {
            box-shadow: 0 6px 26px rgba(240,128,60,.85);
      }
}
.hoist {
      position: fixed;
      right: 26px;
      bottom: 104px;
      z-index: 940;
      width: 46px;
      height: 46px;
      border-radius: 50%;
      background: var(--bkv-charcoal);
      color: #fff;
      display: grid;
      place-items: center;
      box-shadow: var(--bkv-shadow);
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px);
      transition: .3s;
      border: 0;
      cursor: pointer;
}
.hoist.vis {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
}
.hoist svg {
      width: 18px;
      height: 18px;
      stroke: #fff;
      fill: none;
      stroke-width: 2.6;
}
.waken {
      opacity: 0;
      transform: translateY(34px);
      transition: opacity .8s cubic-bezier(.2,.8,.3,1),transform .8s cubic-bezier(.2,.8,.3,1);
}
.waken.lift {
      opacity: 1;
      transform: none;
}
.waken.zbk1 {
      transition-delay: .1s;
}
.waken.zbk2 {
      transition-delay: .2s;
}
.waken.zbk3 {
      transition-delay: .3s;
}
.waken.zbk4 {
      transition-delay: .4s;
}
.waken.zbk5 {
      transition-delay: .5s;
}
.waken.zbk6 {
      transition-delay: .6s;
}
@media (max-width:1080px) {
      .stoop-frame {
            grid-template-columns: 1fr;
            gap: 44px;
      }
      .deal-slab {
            max-width: 520px;
      }
      .figures {
            grid-template-columns: repeat(2,1fr);
      }
      .stoops {
            grid-template-columns: repeat(2,1fr);
            row-gap: 38px;
      }
      .echoes {
            grid-template-columns: 1fr;
      }
      .cellar-frame {
            grid-template-columns: 1fr 1fr;
      }
      .reel-wall {
            grid-template-columns: repeat(3,1fr);
      }
}
@media (max-width:1440px) {
      .spans {
            gap: 18px;
      }
      .spans a {
            font-size: .9rem;
      }
      .rail-digits {
            display: none;
      }
}
@media (max-width:1240px) {
      .spans {
            gap: 15px;
      }
      .spans a {
            font-size: .86rem;
      }
      .spans li:has(.rail-mute) {
            display: none;
      }
      .rail-mute {
            display: none;
      }
}
@media (max-width:1150px) {
      .spans {
            position: fixed;
            inset: var(--bkv-header-h) 0 auto 0;
            background: var(--bkv-cream);
            flex-direction: column;
            align-items: stretch;
            gap: 0;
            padding: 10px 6% 26px;
            border-bottom: 1px solid var(--bkv-line);
            box-shadow: var(--bkv-shadow);
            transform: translateY(-135%);
            transition: transform .4s cubic-bezier(.2,.8,.3,1);
            max-height: calc(100vh - var(--bkv-header-h));
            overflow: auto;
      }
      .spans.flung {
            transform: translateY(0);
      }
      .spans li:has(.rail-mute) {
            display: block;
      }
      .rail-mute {
            display: block;
      }
      .spans li {
            border-bottom: 1px solid var(--bkv-line);
      }
      .spans a {
            display: block;
            padding: 15px 0;
            font-size: 1.05rem;
      }
      .gate {
            display: block;
      }
      .rail-digits {
            display: none;
      }
      .rail-drive .tap {
            padding: 12px 20px;
            font-size: .92rem;
      }
      .tell-frame,.meet-frame {
            grid-template-columns: 1fr;
            gap: 34px;
      }
      .bell-float {
            display: none;
      }
      .pocket-strip {
            display: block;
      }
      body {
            padding-bottom: 74px;
      }
      .hoist {
            bottom: 88px;
            right: 16px;
      }
}
@media (max-width:640px) {
      body {
            font-size: 16px;
      }
      .parapet .casing {
            justify-content: center;
            text-align: center;
            font-size: .8rem;
            gap: 6px 16px;
            padding: 7px 0;
      }
      .parapet .pp-stow,.parapet .pp-wire {
            display: none;
      }
      .rail-horn-prose {
            display: none;
      }
      .rail-drive .tap {
            padding: 12px 14px;
            border-radius: 50%;
      }
      .rail-drive {
            gap: 9px;
      }
      .figures,.stoops {
            grid-template-columns: 1fr 1fr;
            gap: 14px;
      }
      .reel-wall {
            grid-template-columns: repeat(2,1fr);
            gap: 10px;
      }
      .still:nth-child(1),.still:nth-child(6) {
            grid-row: span 1;
            aspect-ratio: 1;
      }
      .dual-col {
            grid-template-columns: 1fr;
      }
      .pane-slab {
            padding: 26px 20px;
      }
      .cellar-frame {
            grid-template-columns: 1fr;
            gap: 30px;
      }
      .stoop-acts .tap {
            flex: 1 1 100%;
      }
      .rail {
            gap: 8px;
      }
      .marque {
            min-width: 0;
            gap: 9px;
      }
      .marque-glyph {
            width: 38px;
            height: 38px;
      }
      .marque-prose {
            min-width: 0;
      }
      .marque-prose span {
            font-size: .56rem;
            letter-spacing: 1.2px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
      }
      .marque-prose strong {
            font-size: .85rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
      }
      .figures .figures-cell {
            padding: 20px 12px;
      }
      .labor-flesh,.pane-slab {
            overflow-wrap: break-word;
      }
}
@media (max-width:400px) {
      .casing {
            width: 94%;
      }
      .stoops {
            grid-template-columns: 1fr;
            row-gap: 34px;
      }
      .figures {
            gap: 10px;
      }
      .marque-glyph {
            width: 34px;
            height: 34px;
      }
      .marque-prose strong {
            font-size: .8rem;
      }
      .rail-drive .tap {
            padding: 11px 13px;
      }
      .gate {
            width: 44px;
      }
}
@media (prefers-reduced-motion:reduce) {
      *,*::before,*::after {
            animation-duration: .001ms!important;
            animation-iteration-count: 1!important;
            transition-duration: .001ms!important;
      }
      html {
            scroll-behavior: auto;
      }
      .waken {
            opacity: 1;
            transform: none;
      }
}
@media print {
      .cornice-band,.bell-float,.pocket-strip,.hoist,#bg-fx-bk,.crawl {
            display: none!important;
      }
      body {
            background: #fff;
            color: #000;
      }
}
.deal-nought {
      font-family: var(--bkv-display);
      font-size: clamp(3rem,6.4vw,4.3rem);
      line-height: 1;
      color: var(--bkv-brick);
      text-align: center;
      letter-spacing: 2px;
      margin: 8px 0 2px;
}
.deal-nought small {
      display: block;
      font-family: var(--bkv-font);
      font-size: .31em;
      letter-spacing: 3.4px;
      color: var(--bkv-coast);
      font-weight: 800;
      margin-top: 6px;
}
.deal-slab .deal-ledger svg {
      stroke: var(--bkv-coast);
}
.band-free {
      background: var(--bkv-coast);
      box-shadow: 0 8px 20px rgba(30,111,104,.42);
}
.stamp-coast {
      background: rgba(30,111,104,.22);
}
.stamp-coast svg {
      stroke: #7FD8CE;
}
.tremble-note {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      background: rgba(242,145,63,.1);
      border: 1px solid rgba(242,145,63,.34);
      border-radius: 14px;
      padding: 16px 18px;
      margin-top: 24px;
}
.tremble-note svg {
      width: 22px;
      height: 22px;
      flex: 0 0 auto;
      margin-top: 2px;
      stroke: var(--bkv-brick);
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
}
.tremble-note p {
      margin: 0;
      font-size: .94rem;
}
.horn-slab {
      background: linear-gradient(158deg,var(--bkv-charcoal) 0%,var(--bkv-charcoal-2) 55%,#362519 100%);
      color: #DCCFC3;
      border-radius: var(--bkv-radius-lg);
      padding: 38px 34px;
      box-shadow: var(--bkv-shadow-lg);
      border: 1px solid rgba(255,255,255,.09);
      position: relative;
      overflow: hidden;
}
.horn-slab::before {
      content: "";
      position: absolute;
      top: -90px;
      right: -70px;
      width: 260px;
      height: 260px;
      border-radius: 50%;
      background: radial-gradient(circle,rgba(242,145,63,.34),transparent 68%);
      filter: blur(14px);
      animation: float1 18s ease-in-out infinite;
}
.horn-slab>* {
      position: relative;
      z-index: 1;
}
.horn-tag {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: var(--bkv-ember-glow);
      font-weight: 800;
      letter-spacing: 2.4px;
      text-transform: uppercase;
      font-size: .74rem;
      margin-bottom: 12px;
}
.horn-tag::before {
      content: "";
      width: 26px;
      height: 2px;
      background: var(--bkv-ember);
}
.horn-slab h3 {
      color: #fff;
      font-size: clamp(1.4rem,2.4vw,1.9rem);
      margin-bottom: 10px;
}
.horn-slab p {
      color: #B5A79A;
      font-size: .99rem;
}
.horn-digits {
      display: block;
      font-family: var(--bkv-display);
      font-size: clamp(2.1rem,4.6vw,3rem);
      color: #fff;
      letter-spacing: 1px;
      margin: 20px 0 18px;
      text-align: center;
      transition: color .25s,transform .25s;
}
.horn-digits:hover {
      color: var(--bkv-ember-glow);
      transform: scale(1.03);
}
.horn-tempo {
      text-align: center;
      font-size: .92rem;
      margin: 18px 0 0;
      color: #B5A79A;
}
.horn-tempo strong {
      color: #fff;
}
.horn-primer {
      margin-top: 26px;
      padding-top: 22px;
      border-top: 1px solid rgba(255,255,255,.12);
}
.horn-primer h4 {
      color: #fff;
      font-size: .92rem;
      letter-spacing: 1.8px;
      margin-bottom: 14px;
}
.horn-primer ol {
      margin: 0;
      padding: 0;
      list-style: none;
      counter-reset: ce;
      display: grid;
      gap: 12px;
}
.horn-primer li {
      counter-increment: ce;
      display: flex;
      gap: 13px;
      align-items: flex-start;
      font-size: .94rem;
      color: #C3B5A8;
}
.horn-primer li::before {
      content: counter(ce);
      flex: 0 0 auto;
      width: 26px;
      height: 26px;
      border-radius: 8px;
      background: rgba(242,145,63,.18);
      color: var(--bkv-ember-glow);
      font-family: var(--bkv-display);
      font-size: .9rem;
      display: grid;
      place-items: center;
      margin-top: 1px;
}
@media (max-width:640px) {
      .horn-slab {
            padding: 28px 22px;
      }
}
.echo p {
      font-size: .95rem;
      line-height: 1.62;
}
.echo footer b {
      font-size: .92rem;
      line-height: 1.3;
}
.echo .cameo svg {
      display: block;
}
@media (max-width:1080px) {
      .echoes {
            gap: 22px;
      }
}
.pocket-strip ul.ps-duo {
      grid-template-columns: 1.7fr 1fr;
}
@media (max-width: 392px) {
      .marque {
            flex: 1 1 auto;
            min-width: 0;
            overflow: hidden;
      }
      .marque-prose strong,
      .marque-prose span {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
      }
      .tap-forge.rail-horn {
            padding: 9px 12px;
      }
}
.pocket-strip ul {
      grid-template-columns: 1fr;
}
.stoops > * {
      min-width: 0;
}