/* IL BOCCONE ATELIER ASSET SYSTEM V1
   Original cotton-paper and charcoal material scans, a custom vector icon
   family, connected route plaques and a hospitality-specific expertise rail. */
body.case-page.case-boccone {
  --boccone-atelier-paper: url("il-boccone/materials/paper-cotton-ivory-v1.webp");
  --boccone-atelier-dark: url("il-boccone/materials/charcoal-leather-plaster-v2.webp?v=20260831-material-v2");
  --boccone-atelier-ink: #29261f;
  --boccone-atelier-umber: #5e4c39;
  --boccone-atelier-copper: #aa704f;
  --boccone-atelier-brass: #b99a70;
  --boccone-atelier-cream: #f8f1e6;
  --boccone-atelier-beige: #d5bb99;
  --boccone-atelier-charcoal: #2a2824;
}

body.case-page.case-boccone .boccone-hero-emblem,
body.case-page.case-boccone .boccone-fact-icon,
body.case-page.case-boccone .boccone-route-medallion,
body.case-page.case-boccone .boccone-step-icon,
body.case-page.case-boccone .service-flow svg,
body.case-page.case-boccone .case-skill-list svg {
  color: var(--boccone-atelier-copper);
}

body.case-page.case-boccone .boccone-hero-emblem img,
body.case-page.case-boccone .boccone-fact-icon img,
body.case-page.case-boccone .boccone-route-medallion img,
body.case-page.case-boccone .boccone-step-icon,
body.case-page.case-boccone .service-flow svg,
body.case-page.case-boccone .case-skill-list svg,
body.case-page.case-boccone .boccone-card-illustration {
  display: block;
  height: auto;
}

/* Hero: real paper stock, a case-specific seal and clean editorial type. */
body.case-page.case-boccone .case-hero-content {
  background-color: #f2e9db !important;
  background-image:
    linear-gradient(132deg, rgba(255, 255, 255, 0.34), rgba(199, 164, 124, 0.13)),
    var(--boccone-atelier-paper) !important;
  background-blend-mode: soft-light, multiply !important;
  background-size: cover, 35rem 35rem !important;
  border-color: rgba(181, 139, 92, 0.76) !important;
  box-shadow:
    0.75rem 0.85rem 0 rgba(74, 54, 38, 0.08),
    0 1.8rem 3rem rgba(50, 38, 27, 0.16),
    inset 0 0 0 0.3rem rgba(255, 255, 255, 0.34) !important;
  isolation: isolate;
  overflow: hidden;
  position: relative;
}

body.case-page.case-boccone .case-hero-content::after {
  border: 1px solid rgba(181, 139, 92, 0.48);
  content: "";
  inset: 0.7rem;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

body.case-page.case-boccone .boccone-hero-emblem {
  bottom: 1.2rem;
  opacity: 0.78;
  pointer-events: none;
  position: absolute;
  right: 1.3rem;
  top: auto;
  width: clamp(4.8rem, 7vw, 6.2rem);
  z-index: -1;
}

body.case-page.case-boccone .case-hero-image {
  border-color: rgba(181, 139, 92, 0.76) !important;
  box-shadow:
    0 1.8rem 3rem rgba(25, 20, 16, 0.2),
    inset 0 0 0 1px rgba(214, 181, 137, 0.34) !important;
}

body.case-page.case-boccone .boccone-hero-emblem img {
  height: auto;
  object-fit: contain;
  width: 100%;
}

body.case-page.case-boccone .boccone-hero-divider {
  display: block;
  height: 1.45rem;
  margin: 0.2rem 0 0.05rem;
  object-fit: contain;
  object-position: center;
  opacity: 0.62;
  width: min(62%, 17rem);
}

body.case-page.case-boccone .boccone-hero-motto {
  line-height: 1;
  margin: 0 !important;
  max-width: 24rem;
}

body.case-page.case-boccone .boccone-hero-script {
  display: block;
  height: auto;
  max-width: 100%;
  opacity: 0.82;
  width: min(100%, 22rem);
}

body.case-page.case-boccone .case-hero h1 {
  color: var(--boccone-atelier-ink) !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
  line-height: 0.94 !important;
  max-width: 9.4ch;
  text-shadow: none !important;
}

body.case-page.case-boccone .case-hero-content .eyebrow {
  color: #915838 !important;
  letter-spacing: 0.13em !important;
  max-width: calc(100% - 7rem);
}

body.case-page.case-boccone .case-hero-content .hero-copy {
  color: #4f463c !important;
  max-width: 34rem;
}

/* Metadata: four tactile cards with bespoke medallions. */
body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-02"] {
  background-color: #d7c2a4 !important;
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(165, 117, 76, 0.06)),
    var(--boccone-atelier-paper) !important;
  background-blend-mode: soft-light, multiply !important;
  background-size: cover, 42rem 42rem !important;
}

body.case-page.case-boccone .case-summary .case-facts article {
  background-color: #f9f4ec !important;
  background-image: none !important;
  background-blend-mode: normal !important;
  border: 1px solid rgba(102, 77, 52, 0.28) !important;
  border-radius: 0 !important;
  box-shadow:
    0.45rem 0.55rem 0 rgba(74, 56, 39, 0.08),
    0 1.05rem 1.8rem rgba(71, 53, 36, 0.15),
    inset 0 0 0 0.22rem rgba(255, 255, 255, 0.34) !important;
  color: var(--boccone-atelier-ink) !important;
  min-height: 9.2rem !important;
  overflow: hidden;
  padding: 1.35rem 4.25rem 1.3rem 1.35rem !important;
  position: relative;
}

body.case-page.case-boccone .case-summary .case-facts article:nth-child(2) {
  background-color: #e5d1b5 !important;
  background-image: none !important;
  background-blend-mode: normal !important;
}

body.case-page.case-boccone .case-summary .case-facts article:nth-child(3) {
  background-color: #e4e0d7 !important;
  background-image: none !important;
  background-blend-mode: normal !important;
}

body.case-page.case-boccone .case-summary .case-facts article:nth-child(4) {
  background-color: var(--boccone-atelier-charcoal) !important;
  background-image: none !important;
  background-blend-mode: normal !important;
  border-color: rgba(211, 181, 142, 0.35) !important;
  color: #f5eee3 !important;
}

body.case-page.case-boccone .case-summary .case-facts article::before {
  background: var(--boccone-atelier-copper) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  content: "" !important;
  display: block !important;
  font-size: 0 !important;
  height: 1px !important;
  left: 1.35rem !important;
  right: auto !important;
  top: 2.8rem !important;
  width: 2rem !important;
}

body.case-page.case-boccone .case-summary .case-facts article:nth-child(1)::before,
body.case-page.case-boccone .case-summary .case-facts article:nth-child(2)::before,
body.case-page.case-boccone .case-summary .case-facts article:nth-child(3)::before,
body.case-page.case-boccone .case-summary .case-facts article:nth-child(4)::before {
  content: "" !important;
}

body.case-page.case-boccone .case-summary .case-facts article::after {
  content: none !important;
  display: none !important;
}

body.case-page.case-boccone .boccone-fact-icon {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: block !important;
  height: 3.45rem;
  padding: 0;
  position: absolute;
  right: 0.8rem;
  top: 0.72rem;
  width: 3.45rem;
}

body.case-page.case-boccone .case-summary .case-facts article:nth-child(4) .boccone-fact-icon {
  background: transparent !important;
  border: 0 !important;
}

body.case-page.case-boccone .boccone-fact-icon img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

body.case-page.case-boccone .case-summary .fact-label {
  background: transparent !important;
  color: #6f5842 !important;
  display: block !important;
  font-size: 0.69rem !important;
  letter-spacing: 0.13em !important;
  margin-bottom: 1.2rem;
  padding: 0 !important;
}

body.case-page.case-boccone .case-summary .case-facts article:nth-child(4) .fact-label {
  color: #d9bd97 !important;
}

body.case-page.case-boccone .case-summary .case-facts strong {
  background: transparent !important;
  color: inherit !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.08rem, 1.55vw, 1.38rem) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere;
  text-shadow: none !important;
}

/* Narrative materials replace the earlier synthetic CSS grain. */
body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-03"],
body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-11"] {
  background-color: #292722 !important;
  background-image:
    linear-gradient(118deg, rgba(10, 9, 8, 0.2), rgba(76, 57, 40, 0.08)),
    var(--boccone-atelier-dark) !important;
  background-blend-mode: multiply !important;
  background-size: cover, 48rem 48rem !important;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-03"] .case-two-column::before {
  background: var(--boccone-atelier-brass);
  content: "";
  height: 72%;
  left: 42%;
  opacity: 0.5;
  position: absolute;
  top: 14%;
  width: 1px;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-03"] .case-two-column {
  position: relative;
}

/* Route cards: connected medallions, double frames and custom line art. */
body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] {
  background-color: #f4ecdf !important;
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.18), rgba(187, 147, 103, 0.08)),
    var(--boccone-atelier-paper) !important;
  background-blend-mode: soft-light, multiply !important;
  background-size: cover, 46rem 46rem !important;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-grid {
  display: grid !important;
  gap: 1.5rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 5.6rem !important;
  overflow: visible !important;
  position: relative;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-grid::before {
  background: linear-gradient(90deg, transparent, rgba(162, 115, 73, 0.55) 6%, rgba(162, 115, 73, 0.55) 94%, transparent);
  content: "";
  height: 1px;
  left: 2%;
  position: absolute;
  right: 2%;
  top: -2.7rem;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card,
body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(2),
body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(3) {
  background-color: #fbf6ee !important;
  background-image: none !important;
  background-blend-mode: normal !important;
  border: 1px solid rgba(121, 88, 56, 0.38) !important;
  border-radius: 0.75rem !important;
  box-shadow:
    0.55rem 0.65rem 0 rgba(78, 57, 38, 0.07),
    0 1.5rem 2.6rem rgba(68, 50, 33, 0.16),
    inset 0 0 0 0.28rem rgba(255, 255, 255, 0.42) !important;
  color: var(--boccone-atelier-ink) !important;
  min-height: 25rem !important;
  overflow: visible !important;
  padding: 2rem 1.7rem 9.4rem !important;
  position: relative;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(2) {
  background-color: #d7bc98 !important;
  background-image: none !important;
  background-blend-mode: normal !important;
  border-color: rgba(102, 72, 44, 0.4) !important;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(3) {
  background-color: var(--boccone-atelier-charcoal) !important;
  background-image: none !important;
  background-blend-mode: normal !important;
  border-color: rgba(220, 191, 151, 0.38) !important;
  color: #f4ede2 !important;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card::before {
  align-items: initial !important;
  background: var(--boccone-atelier-copper) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  content: "" !important;
  display: block !important;
  font-size: 0 !important;
  height: 1px !important;
  justify-content: initial !important;
  left: 1.7rem !important;
  position: absolute !important;
  right: auto !important;
  top: 3.82rem !important;
  width: 2.3rem !important;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(2)::before,
body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(3)::before {
  content: "" !important;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card::after {
  background: none !important;
  border: 1px solid rgba(120, 88, 55, 0.22) !important;
  border-radius: 0.52rem !important;
  bottom: 0.48rem !important;
  box-shadow: none !important;
  content: "" !important;
  height: auto !important;
  left: 0.48rem !important;
  pointer-events: none;
  position: absolute !important;
  right: 0.48rem !important;
  top: 0.48rem !important;
  width: auto !important;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(3)::after {
  border-color: rgba(233, 211, 182, 0.22) !important;
}

body.case-page.case-boccone .boccone-route-medallion {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  height: 4.6rem;
  left: 50%;
  padding: 0 !important;
  position: absolute !important;
  top: -5rem;
  transform: translateX(-50%);
  width: 4.6rem;
  z-index: 2;
}

body.case-page.case-boccone .boccone-route-medallion::before,
body.case-page.case-boccone .boccone-route-medallion::after {
  content: none !important;
  display: none !important;
}

body.case-page.case-boccone .boccone-route-medallion img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card > span:not(.boccone-route-medallion) {
  background: transparent !important;
  color: #78583c !important;
  display: block !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.14em !important;
  margin-bottom: 1.55rem !important;
  padding: 0 !important;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(3) > span:not(.boccone-route-medallion) {
  color: #d8b68c !important;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card h3 {
  background: transparent !important;
  color: inherit !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.65rem, 2.2vw, 2.05rem) !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  margin-bottom: 1.15rem !important;
  position: relative;
  text-shadow: none !important;
  z-index: 1;
}

body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card p,
body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card strong {
  background: transparent !important;
  color: inherit !important;
  line-height: 1.65 !important;
  position: relative;
  text-shadow: none !important;
  z-index: 1;
}

body.case-page.case-boccone .boccone-card-illustration {
  bottom: 0.35rem;
  height: auto;
  object-fit: contain;
  opacity: 0.68;
  pointer-events: none;
  position: absolute;
  right: 0.4rem;
  width: min(78%, 17rem);
  z-index: 0;
}

body.case-page.case-boccone .archive-status-card:nth-child(2) .boccone-card-illustration {
  opacity: 0.94;
}

body.case-page.case-boccone .archive-status-card:nth-child(3) .boccone-card-illustration {
  opacity: 0.82;
  right: 0.1rem;
  width: min(90%, 20rem);
}

/* Website-to-location route: four connected, illustrated service plaques. */
body.case-page.case-boccone .service-flow {
  display: grid !important;
  gap: 1.1rem !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin-top: 2rem !important;
  overflow: visible !important;
  position: relative;
}

body.case-page.case-boccone .service-flow::before {
  background: rgba(151, 107, 67, 0.42);
  content: "";
  height: 1px;
  left: 6%;
  position: absolute;
  right: 6%;
  top: 2.35rem;
}

body.case-page.case-boccone .service-flow span {
  align-items: center !important;
  background-color: #f6eee2 !important;
  background-image: var(--boccone-atelier-paper) !important;
  background-size: 26rem 26rem !important;
  border: 1px solid rgba(118, 84, 53, 0.32) !important;
  border-radius: 0.35rem !important;
  box-shadow: 0 0.9rem 1.65rem rgba(70, 51, 33, 0.12), inset 0 0 0 0.2rem rgba(255, 255, 255, 0.35) !important;
  color: var(--boccone-atelier-ink) !important;
  display: flex !important;
  flex-direction: column !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 1.05rem !important;
  gap: 0.75rem !important;
  justify-content: center !important;
  min-height: 7.7rem !important;
  padding: 1rem !important;
  position: relative;
  text-align: center;
}

body.case-page.case-boccone .service-flow span::after {
  border: 1px solid rgba(135, 95, 57, 0.34);
  border-radius: 50%;
  content: "";
  height: 0.48rem;
  left: 50%;
  position: absolute;
  top: -0.27rem;
  transform: translateX(-50%);
  width: 0.48rem;
}

body.case-page.case-boccone .service-flow svg {
  background: #f7efe4;
  border: 1px solid rgba(135, 95, 57, 0.32);
  border-radius: 50%;
  padding: 0.58rem;
  width: 2.75rem;
  z-index: 1;
}

/* Gastreis: crafted plaques with real material, custom icons and a shared rail. */
body.case-page.case-boccone .boccone-experience-map {
  display: grid !important;
  gap: 1.1rem !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  padding-top: 2.35rem !important;
}

body.case-page.case-boccone .boccone-experience-map::before {
  background: linear-gradient(90deg, transparent, rgba(201, 166, 118, 0.7) 5%, rgba(201, 166, 118, 0.7) 95%, transparent) !important;
  height: 1px !important;
  left: 1% !important;
  right: 1% !important;
  top: 0.75rem !important;
}

body.case-page.case-boccone .boccone-experience-map article,
body.case-page.case-boccone .boccone-experience-map article:nth-child(2),
body.case-page.case-boccone .boccone-experience-map article:nth-child(3),
body.case-page.case-boccone .boccone-experience-map article:nth-child(4) {
  background-color: #f7efe3 !important;
  background-image: var(--boccone-atelier-paper) !important;
  background-size: 31rem 31rem !important;
  border: 1px solid rgba(177, 139, 96, 0.54) !important;
  border-radius: 0.25rem !important;
  box-shadow:
    0.5rem 0.6rem 0 rgba(4, 4, 3, 0.16),
    0 1.35rem 2rem rgba(5, 5, 4, 0.28),
    inset 0 0 0 0.24rem rgba(255, 255, 255, 0.3) !important;
  color: var(--boccone-atelier-ink) !important;
  min-height: 19.5rem !important;
  overflow: hidden !important;
  padding: 1.55rem 1.45rem 1.5rem !important;
  position: relative;
}

body.case-page.case-boccone .boccone-experience-map article:nth-child(2) {
  background-color: #eee4d6 !important;
}

body.case-page.case-boccone .boccone-experience-map article:nth-child(3) {
  background-color: #d1b28b !important;
  background-image:
    linear-gradient(rgba(202, 166, 121, 0.46), rgba(202, 166, 121, 0.46)),
    var(--boccone-atelier-paper) !important;
  background-blend-mode: multiply !important;
}

body.case-page.case-boccone .boccone-experience-map article:nth-child(4) {
  background-color: var(--boccone-atelier-charcoal) !important;
  background-image:
    linear-gradient(rgba(20, 19, 16, 0.08), rgba(20, 19, 16, 0.08)),
    var(--boccone-atelier-dark) !important;
  background-blend-mode: multiply !important;
  border-color: rgba(222, 192, 151, 0.44) !important;
  color: #f5eee3 !important;
}

body.case-page.case-boccone .boccone-experience-map article::before {
  background: linear-gradient(90deg, #8c5b3f, #c7a676 48%, #8c5b3f) !important;
  height: 0.18rem !important;
  inset: 0 1rem auto !important;
}

body.case-page.case-boccone .boccone-experience-map article::after {
  border: 1px solid rgba(119, 87, 54, 0.2) !important;
  border-radius: 0.12rem !important;
  content: "" !important;
  display: block !important;
  inset: 0.48rem !important;
  height: auto !important;
  opacity: 1 !important;
  pointer-events: none;
  position: absolute !important;
  width: auto !important;
}

body.case-page.case-boccone .boccone-experience-map article:nth-child(4)::after {
  border-color: rgba(235, 215, 188, 0.19) !important;
}

body.case-page.case-boccone .boccone-step-icon {
  border: 1px solid currentColor;
  border-radius: 50%;
  padding: 0.55rem;
  position: absolute;
  right: 1.25rem;
  top: 1.35rem;
  width: 2.9rem;
  z-index: 2;
}

body.case-page.case-boccone .boccone-experience-map article:nth-child(4) .boccone-step-icon {
  color: #d9b98f;
}

body.case-page.case-boccone .boccone-experience-map article > span {
  background: transparent !important;
  border: 0 !important;
  color: #76583e !important;
  display: block !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(3.8rem, 5vw, 5.3rem) !important;
  height: auto !important;
  inset: auto !important;
  line-height: 0.9 !important;
  margin: 0 0 1.8rem !important;
  opacity: 0.15 !important;
  position: relative !important;
  width: auto !important;
}

body.case-page.case-boccone .boccone-experience-map article:nth-child(4) > span {
  color: #f1e4d1 !important;
}

body.case-page.case-boccone .boccone-experience-map h3 {
  background: transparent !important;
  color: inherit !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.55rem, 2vw, 1.9rem) !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  margin: 0 0 0.9rem !important;
  position: relative;
  text-shadow: none !important;
  z-index: 1;
}

body.case-page.case-boccone .boccone-experience-map p {
  background: transparent !important;
  color: #534a40 !important;
  line-height: 1.55 !important;
  position: relative;
  text-shadow: none !important;
  z-index: 1;
}

body.case-page.case-boccone .boccone-experience-map article:nth-child(4) h3,
body.case-page.case-boccone .boccone-experience-map article:nth-child(4) p {
  color: #f3eadf !important;
}

/* Expertise: six illustrated disciplines, no generic pill styling. */
body.case-page.case-boccone .case-skill-list {
  background: rgba(8, 7, 6, 0.34) !important;
  border-block: 1px solid rgba(205, 169, 119, 0.44) !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  margin-top: 2.2rem !important;
  padding: 1.1rem 0 !important;
}

body.case-page.case-boccone .case-skill-list span {
  align-content: center !important;
  align-items: start !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(205, 169, 119, 0.28) !important;
  border-radius: 0 !important;
  color: #f2e9dd !important;
  display: grid !important;
  gap: 0.25rem 0.7rem !important;
  grid-template-columns: 2.15rem minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  min-height: 5.4rem !important;
  padding: 0.45rem 0.9rem !important;
  text-align: left !important;
}

body.case-page.case-boccone .case-skill-list span::before {
  content: none !important;
  display: none !important;
}

body.case-page.case-boccone .case-skill-list span:last-child {
  border-right: 0 !important;
}

body.case-page.case-boccone .case-skill-list svg {
  grid-row: 1 / 3;
  margin-top: 0.05rem;
  width: 1.85rem;
}

body.case-page.case-boccone .case-skill-list strong {
  color: #f0e5d5 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 0.98rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

body.case-page.case-boccone .case-skill-list small {
  color: rgba(240, 229, 213, 0.66) !important;
  font-size: 0.72rem !important;
  line-height: 1.45 !important;
}

@media (max-width: 980px) {
  body.case-page.case-boccone .boccone-experience-map {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.case-page.case-boccone .case-skill-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.case-page.case-boccone .case-skill-list span:nth-child(2n) {
    border-right: 0 !important;
  }

  body.case-page.case-boccone .case-skill-list span {
    border-bottom: 1px solid rgba(205, 169, 119, 0.22) !important;
  }
}

@media (max-width: 900px) {
  body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-03"] .case-two-column::before {
    display: none;
  }

  body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-grid {
    gap: 1.2rem !important;
    grid-template-columns: 1fr !important;
    margin-top: 1.5rem !important;
  }

  body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-grid::before {
    display: none;
  }

  body.case-page.case-boccone .boccone-route-medallion {
    left: auto;
    margin-bottom: 0.65rem;
    position: relative !important;
    right: auto;
    top: auto;
    transform: none;
  }

  body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card,
  body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(2),
  body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(3) {
    min-height: 22rem !important;
    padding-top: 1.45rem !important;
  }

  body.case-page.case-boccone .service-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.case-page.case-boccone .service-flow::before,
  body.case-page.case-boccone .service-flow span::after {
    display: none;
  }
}

@media (max-width: 680px) {
  body.case-page.case-boccone .boccone-hero-emblem {
    bottom: 0.35rem;
    opacity: 0.68;
    right: 0.7rem;
    top: auto;
    width: 2.6rem;
  }

  body.case-page.case-boccone .case-hero-content .eyebrow {
    max-width: 100%;
  }

  body.case-page.case-boccone .case-summary .case-facts article {
    min-height: 8.35rem !important;
    padding: 1.2rem 4rem 1.15rem 1.15rem !important;
  }

  body.case-page.case-boccone .case-summary .case-facts article::before {
    left: 1.15rem !important;
  }

  body.case-page.case-boccone .boccone-fact-icon {
    right: 0.85rem;
    top: 0.85rem;
  }

  body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card,
  body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(2),
  body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(3) {
    min-height: 22.5rem !important;
    padding: 1.25rem 1.2rem 8.6rem !important;
  }

  body.case-page.case-boccone [data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card::before {
    left: 1.2rem !important;
    top: 7.2rem !important;
  }

  body.case-page.case-boccone .boccone-card-illustration {
    width: min(76%, 14rem);
  }

  body.case-page.case-boccone .service-flow,
  body.case-page.case-boccone .boccone-experience-map,
  body.case-page.case-boccone .case-skill-list {
    grid-template-columns: 1fr !important;
  }

  body.case-page.case-boccone .boccone-experience-map article,
  body.case-page.case-boccone .boccone-experience-map article:nth-child(2),
  body.case-page.case-boccone .boccone-experience-map article:nth-child(3),
  body.case-page.case-boccone .boccone-experience-map article:nth-child(4) {
    min-height: 17.5rem !important;
    padding: 1.4rem 1.25rem !important;
  }

  body.case-page.case-boccone .case-skill-list span,
  body.case-page.case-boccone .case-skill-list span:nth-child(2n) {
    border-bottom: 1px solid rgba(205, 169, 119, 0.22) !important;
    border-right: 0 !important;
    min-height: 4.8rem !important;
    padding: 0.7rem 0.4rem !important;
  }

  body.case-page.case-boccone .case-skill-list span:last-child {
    border-bottom: 0 !important;
  }
}

/* Final asset isolation against legacy reconstruction SVG and band rules. */
html body.case-page.case-boccone main [data-section-id="il-boccone-antwerpen-section-04"] {
  background-color: #f4ecdf !important;
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.18), rgba(187, 147, 103, 0.08)),
    var(--boccone-atelier-paper) !important;
  background-blend-mode: soft-light, multiply !important;
  background-size: cover, 46rem 46rem !important;
}

html body.case-page.case-boccone main [data-section-id="il-boccone-antwerpen-section-03"],
html body.case-page.case-boccone main [data-section-id="il-boccone-antwerpen-section-11"] {
  background-color: #292722 !important;
  background-image:
    linear-gradient(118deg, rgba(10, 9, 8, 0.2), rgba(76, 57, 40, 0.08)),
    var(--boccone-atelier-dark) !important;
  background-blend-mode: multiply !important;
  background-size: cover, 48rem 48rem !important;
}

body.case-page.case-boccone .archive-status-card .boccone-card-illustration {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  fill: none !important;
}

body.case-page.case-boccone .boccone-experience-map .boccone-step-icon {
  background: #f7efe4 !important;
  background-image: none !important;
  box-shadow: 0 0.35rem 0.8rem rgba(65, 47, 31, 0.12) !important;
  fill: none !important;
}

body.case-page.case-boccone .boccone-experience-map article:nth-child(4) .boccone-step-icon {
  background: rgba(18, 17, 15, 0.52) !important;
  background-image: none !important;
}

html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-04"] {
  background-color: #f4ecdf !important;
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0.18), rgba(187, 147, 103, 0.08)),
    var(--boccone-atelier-paper) !important;
  background-blend-mode: soft-light, multiply !important;
  background-size: cover, 46rem 46rem !important;
}

html body.case-page.case-boccone main section.case-section.section[data-section-id="il-boccone-antwerpen-section-03"],
html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-11"] {
  background-color: #292722 !important;
  background-image:
    linear-gradient(118deg, rgba(10, 9, 8, 0.2), rgba(76, 57, 40, 0.08)),
    var(--boccone-atelier-dark) !important;
  background-blend-mode: multiply !important;
  background-size: cover, 48rem 48rem !important;
}

html body.case-page.case-boccone main section.case-summary .case-facts .boccone-fact-icon,
html body.case-page.case-boccone main section.case-summary .case-facts .boccone-fact-icon svg {
  color: #86563a !important;
}

html body.case-page.case-boccone main section.case-summary .case-facts article:nth-child(4) .boccone-fact-icon,
html body.case-page.case-boccone main section.case-summary .case-facts article:nth-child(4) .boccone-fact-icon svg {
  color: #d8ba91 !important;
}

html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(3),
html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(3) h3,
html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(3) p,
html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(3) strong {
  color: #f4ede2 !important;
}

html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(1) .boccone-card-illustration {
  opacity: 0.72 !important;
  width: min(65%, 14rem) !important;
}

html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-11"] .boccone-step-icon {
  color: #8d5b3d !important;
}

html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-11"] .boccone-experience-map article:nth-child(4) .boccone-step-icon {
  color: #d9b98f !important;
}

/* 2026-08-31 review pass: richer dark material, cleaner route art and four distinct tones. */
html body.case-page.case-boccone main section.case-section.section[data-section-id="il-boccone-antwerpen-section-03"],
html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-11"] {
  background-color: #2d2b27 !important;
  background-image:
    linear-gradient(112deg, rgba(45, 43, 39, 0.42), rgba(52, 48, 43, 0.36)),
    var(--boccone-atelier-dark) !important;
  background-blend-mode: normal, normal !important;
  background-position: center !important;
  background-size: cover, cover !important;
}

html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(2) .boccone-card-illustration {
  bottom: 0.7rem !important;
  filter: none !important;
  max-height: 10.25rem !important;
  object-position: right bottom !important;
  opacity: 0.76 !important;
  right: 0.8rem !important;
  width: min(56%, 12.5rem) !important;
}

html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(3) .boccone-card-illustration {
  bottom: 0.7rem !important;
  filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(360%) hue-rotate(338deg) brightness(102%) contrast(92%) !important;
  max-height: 10rem !important;
  object-position: right bottom !important;
  opacity: 0.72 !important;
  right: 0.45rem !important;
  width: min(62%, 14rem) !important;
}

body.case-page.case-boccone .service-flow span,
body.case-page.case-boccone .service-flow span:nth-child(2),
body.case-page.case-boccone .service-flow span:nth-child(3),
body.case-page.case-boccone .service-flow span:nth-child(4) {
  background-image: linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(44, 37, 29, 0.05)) !important;
  border-color: rgba(134, 96, 60, 0.42) !important;
  box-shadow:
    0.55rem 0.65rem 0 rgba(58, 43, 31, 0.055),
    0 1rem 1.8rem rgba(51, 40, 29, 0.14),
    inset 0 0 0 0.2rem rgba(255, 255, 255, 0.24) !important;
}

body.case-page.case-boccone .service-flow span:nth-child(1) {
  background-color: #f5ede2 !important;
  color: #29261f !important;
}

body.case-page.case-boccone .service-flow span:nth-child(2) {
  background-color: #6e6253 !important;
  border-color: rgba(236, 218, 194, 0.38) !important;
  color: #fff8ed !important;
}

body.case-page.case-boccone .service-flow span:nth-child(3) {
  background-color: #4d504a !important;
  border-color: rgba(235, 219, 196, 0.38) !important;
  color: #fff8ed !important;
}

body.case-page.case-boccone .service-flow span:nth-child(4) {
  background-color: #c7ad8e !important;
  color: #29261f !important;
}

body.case-page.case-boccone .service-flow span:nth-child(2) svg,
body.case-page.case-boccone .service-flow span:nth-child(3) svg,
body.case-page.case-boccone .service-flow span:nth-child(4) svg {
  background-color: #f8f1e7 !important;
  color: #9b6544 !important;
}

body.case-page.case-boccone .boccone-experience-map article:nth-child(1) {
  background-color: #f7efe3 !important;
}

body.case-page.case-boccone .boccone-experience-map article:nth-child(2) {
  background-color: #d4c0a4 !important;
  background-image: var(--boccone-atelier-paper) !important;
  background-blend-mode: multiply !important;
}

body.case-page.case-boccone .boccone-experience-map article:nth-child(3) {
  background-color: #bb956d !important;
  background-image:
    linear-gradient(rgba(178, 137, 96, 0.32), rgba(178, 137, 96, 0.32)),
    var(--boccone-atelier-paper) !important;
  background-blend-mode: multiply !important;
}

html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-11"] .boccone-experience-map .boccone-step-icon,
html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-11"] .boccone-experience-map article:nth-child(4) .boccone-step-icon {
  background: #f8f1e7 !important;
  border-color: rgba(137, 91, 58, 0.7) !important;
  color: #8d5b3d !important;
}

body.case-page.case-boccone .boccone-experience-map article:nth-child(3) > span {
  color: #fff3e3 !important;
  opacity: 0.25 !important;
}

body.case-page.case-boccone .boccone-experience-map article:nth-child(4) > span {
  color: #fff5e8 !important;
  opacity: 0.24 !important;
}

/* 2026-08-31 live finish: tonal balance, alignment and calmer evidence framing. */
html body.case-page.case-boccone main section.case-section.section[data-section-id="il-boccone-antwerpen-section-03"],
html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-11"] {
  background-color: #292722 !important;
  background-image:
    linear-gradient(112deg, rgba(29, 28, 25, 0.48), rgba(43, 38, 33, 0.42)),
    var(--boccone-atelier-dark) !important;
}

html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(1) .boccone-card-illustration {
  bottom: -1.25rem !important;
  filter: brightness(0) saturate(100%) invert(55%) sepia(24%) saturate(732%) hue-rotate(349deg) brightness(92%) contrast(88%) !important;
  opacity: 0.76 !important;
}

html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(2) .boccone-card-illustration {
  bottom: 0.45rem !important;
  filter: brightness(0) saturate(100%) invert(34%) sepia(7%) saturate(420%) hue-rotate(350deg) brightness(88%) contrast(92%) !important;
  opacity: 0.7 !important;
}

html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(3) .boccone-card-illustration {
  bottom: -0.25rem !important;
}

body.case-page.case-boccone .service-flow span {
  align-content: start !important;
  display: grid !important;
  gap: 0.72rem !important;
  grid-template-rows: 2.75rem auto !important;
  justify-items: center !important;
  min-height: 8rem !important;
  padding: 1rem 0.8rem 0.9rem !important;
}

body.case-page.case-boccone .service-flow span::after,
body.case-page.case-boccone .service-flow span:not(:last-child)::after {
  content: none !important;
  display: none !important;
}

body.case-page.case-boccone .service-flow svg,
body.case-page.case-boccone .service-flow span:nth-child(2) svg,
body.case-page.case-boccone .service-flow span:nth-child(3) svg,
body.case-page.case-boccone .service-flow span:nth-child(4) svg {
  align-self: start !important;
  box-sizing: border-box !important;
  height: 2.75rem !important;
  margin: 0 !important;
  width: 2.75rem !important;
}

body.case-page.case-boccone .boccone-feature {
  border-top: 0 !important;
}

body.case-page.case-boccone .boccone-feature[data-section-id="il-boccone-antwerpen-section-07"] > img {
  filter: brightness(1.015) contrast(1.035) saturate(1.05) !important;
}

body.case-page.case-boccone .boccone-feature[data-section-id="il-boccone-antwerpen-section-08"] > img {
  filter: brightness(1.035) contrast(1.045) saturate(1.14) !important;
}

body.case-page.case-boccone .rebuild-caption {
  align-items: center !important;
  background: #dfcfb9 !important;
  border-top-color: rgba(101, 70, 47, 0.24) !important;
  color: #413a32 !important;
  gap: 1.1rem !important;
  padding: 0.85rem 1.15rem !important;
}

body.case-page.case-boccone .rebuild-caption span {
  color: #413a32 !important;
  font-family: inherit !important;
  font-size: 0.84rem !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  text-transform: none !important;
}

body.case-page.case-boccone .rebuild-caption span:first-child {
  color: #86583e !important;
  font-family: var(--font-mono) !important;
  font-size: 0.65rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

/* Compact tooling note: identifies the deliberately lightweight build stack. */
body.case-page.case-boccone .boccone-tool-note {
  align-items: center;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(205, 169, 119, 0.24);
  color: rgba(246, 238, 226, 0.76);
  display: flex;
  font-size: 0.82rem;
  gap: 0.9rem;
  line-height: 1.45;
  margin: 1.7rem 0 1.35rem;
  padding: 0.8rem 1rem;
}

body.case-page.case-boccone .boccone-tool-note__label {
  color: var(--boccone-atelier-brass);
  font-family: var(--font-mono);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  white-space: nowrap;
}

body.case-page.case-boccone .bahasite-wordmark {
  align-items: baseline;
  background: #252525;
  border-radius: 0.18rem;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.05rem;
  letter-spacing: -0.04em;
  padding: 0.38rem 0.58rem 0.34rem;
}

body.case-page.case-boccone .bahasite-wordmark strong {
  color: #f7941d;
  font-weight: 700;
}

body.case-page.case-boccone .bahasite-wordmark strong:nth-child(2),
body.case-page.case-boccone .bahasite-wordmark small {
  color: #1479bd;
}

body.case-page.case-boccone .bahasite-wordmark small {
  font-size: 0.53rem;
  font-weight: 700;
  letter-spacing: 0;
}

@media (max-width: 680px) {
  body.case-page.case-boccone .rebuild-caption {
    gap: 0.45rem !important;
  }

  body.case-page.case-boccone .boccone-tool-note {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.2rem;
  }

  body.case-page.case-boccone .boccone-tool-note > span:last-child {
    flex-basis: 100%;
  }

  html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(1) .boccone-card-illustration {
    bottom: -1.15rem !important;
    width: min(44%, 9rem) !important;
  }

  html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(2) .boccone-card-illustration {
    bottom: -0.1rem !important;
    width: min(50%, 10rem) !important;
  }

  html body.case-page.case-boccone main section.case-section.band[data-section-id="il-boccone-antwerpen-section-04"] .archive-status-card:nth-child(3) .boccone-card-illustration {
    bottom: 0 !important;
    width: min(50%, 10rem) !important;
  }
}

/*
 * Portfolio reading layer
 *
 * The page navigation and 30-second overview are recurring portfolio UI.
 * Keep them visually independent from the Il Boccone brand so readers can
 * immediately recognise the quick-read pattern across cases and Live Labs.
 */
body.case-page.case-boccone {
  --case-reading-surface: rgba(7, 15, 17, 0.96);
  --case-reading-card: rgba(255, 255, 255, 0.043);
  --case-reading-line: rgba(91, 224, 205, 0.3);
  --case-reading-accent: #19f6d2;
  --case-reading-ink: #f2e5d9;
  --case-reading-muted: #c8c0b3;
}

body.case-page.case-boccone .case-reading-nav {
  background: var(--case-reading-surface) !important;
  border-block-color: rgba(91, 224, 205, 0.24) !important;
  color: var(--case-reading-ink) !important;
}

body.case-page.case-boccone .case-reading-nav > span {
  color: var(--case-reading-muted) !important;
}

body.case-page.case-boccone .case-reading-nav a {
  background: transparent !important;
  border-color: var(--case-reading-line) !important;
  color: var(--case-reading-ink) !important;
}

body.case-page.case-boccone .case-reading-nav a:hover,
body.case-page.case-boccone .case-reading-nav a:focus-visible {
  background: transparent !important;
  border-color: var(--case-reading-accent) !important;
  color: var(--case-reading-accent) !important;
}

body.case-page.case-boccone .case-quick-read {
  background:
    linear-gradient(135deg, rgba(50, 225, 193, 0.08), transparent 58%),
    rgba(8, 17, 18, 0.96) !important;
  border-block-color: rgba(91, 224, 205, 0.22) !important;
  color: #f6f8fb !important;
}

body.case-page.case-boccone .case-quick-read .eyebrow,
body.case-page.case-boccone .case-quick-read__facts dt {
  color: var(--case-reading-accent) !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 800 !important;
}

body.case-page.case-boccone .case-quick-read h2 {
  color: var(--case-reading-ink) !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
}

body.case-page.case-boccone .case-quick-read__facts > div,
body.case-page.case-boccone .case-quick-read__facts > div:nth-child(2),
body.case-page.case-boccone .case-quick-read__facts > div:nth-child(3),
body.case-page.case-boccone .case-quick-read__facts > div:nth-child(4) {
  background: var(--case-reading-card) !important;
  border: 0 !important;
  border-left: 2px solid rgba(91, 224, 205, 0.32) !important;
  box-shadow: none !important;
  color: #f6f8fb !important;
}

body.case-page.case-boccone .case-quick-read__facts dd,
body.case-page.case-boccone .case-quick-read__facts > div:nth-child(4) dd {
  color: var(--case-reading-muted) !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
}

html body.case-page.case-boccone main section.case-quick-read .case-quick-read__facts > div dt,
html body.case-page.case-boccone main section.case-quick-read .case-quick-read__facts > div:nth-child(4) dt {
  color: var(--case-reading-accent) !important;
}

html body.case-page.case-boccone main section.case-quick-read .case-quick-read__facts > div dd,
html body.case-page.case-boccone main section.case-quick-read .case-quick-read__facts > div:nth-child(4) dd {
  color: var(--case-reading-muted) !important;
}

/* Keep the builder credit below the preview, outside the presented site. */
body.case-page.case-boccone .rebuild-stage {
  gap: 0.5rem !important;
}

body.case-page.case-boccone .rebuild-caption {
  display: block !important;
  margin: 0.15rem 0 0 !important;
  padding: 0.35rem 0.15rem 0 !important;
  border-top: 0 !important;
  background: transparent !important;
  color: rgba(255, 253, 248, 0.58) !important;
  font-family: var(--font-mono) !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
}