/* =========================================================================
       1. CORE ARCHITECTURAL SYSTEM RESET & VARIABLES
       ========================================================================= */
    :root {
      --lime: #B6F500;
      --aqua: #56DFCF;
      --warm-cream: #EEEFE0;
      --soft-peach: #FFF2EB;
      --charcoal: #111111;
      --pure-white: #FFFFFF;
      --font-serif: 'DM Serif Display', serif;
      --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      --transition-chamber: all 1.2s cubic-bezier(0.25, 1, 0.5, 1);
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      background-color: var(--warm-cream);
      color: var(--charcoal);
      font-family: var(--font-sans);
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
      line-height: 1.6;
    }

    /* Core Architectural Typography */
    h1, h2, h3, h4, .serif-heavy {
      font-family: var(--font-serif);
      font-weight: 400;
      line-height: 0.95;
      letter-spacing: -0.04em;
    }

    p {
      font-size: 1.05rem;
      letter-spacing: -0.01em;
      line-height: 1.7;
      color: rgba(17, 17, 17, 0.85);
    }

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    /* System Page Routing Mechanisms */
    .mansion-chamber-view {
      display: none;
    }
    .mansion-chamber-view.active-chamber {
      display: block;
    }

    .subpage-chamber-spacer {
      padding: 160px 0 100px 0;
      min-height: 100vh;
    }

    .mansion-max-width-plate {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 60px;
    }
    @media (max-width: 768px) {
      .mansion-max-width-plate { padding: 0 30px; }
    }

    /* =========================================================================
       2. MANSION FIXED HEADER HUD NAVIGATION
       ========================================================================= */
    .mansion-fixed-nav-hud {
      position: fixed;
      top: 0; left: 0; width: 100%;
      height: 100px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 60px;
      z-index: 1000;
    }

.mansion-hud-logo {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.5rem;
}

.mansion-hud-logo img {
  height: clamp(100px, 18vw, 240px);
  width: auto;
  object-fit: contain;
  display: block;
  transition: all .4s ease;
}

    .mansion-hud-links-deck {
      display: flex;
      gap: 40px;
      list-style: none;
    }
    .mansion-hud-links-deck a {
      font-size: 0.85rem;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 2px;
      position: relative;
    }
    .mansion-hud-links-deck a::after {
      content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 1px;
      background-color: var(--pure-white); transition: width 0.3s ease;
    }
    .mansion-hud-links-deck a:hover::after { width: 100%; }

    .mansion-hamburger-node {
      display: none;
      background: none; border: none; cursor: pointer;
      width: 30px; height: 18px;
      flex-direction: column; justify-content: space-between;
    }
    .hamburger-wire { width: 100%; height: 2px; background-color: var(--pure-white); transition: 0.3s; }
    
    .mansion-hamburger-node.open .hamburger-wire:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    .mansion-hamburger-node.open .hamburger-wire:nth-child(2) { opacity: 0; }
    .mansion-hamburger-node.open .hamburger-wire:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

    @media (max-width: 1024px) {
      .mansion-hud-links-deck { display: none; }
      .mansion-hamburger-node { display: flex; }
      .mansion-hud-links-deck.drawer-open {
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        position: fixed; top: 0; left: 0; width: 100%; height: 100vh;
        background-color: var(--charcoal); gap: 40px; mix-blend-mode: normal;
      }
      .mansion-hud-links-deck.drawer-open a { font-size: 2rem; font-family: var(--font-serif); text-transform: none; }
    }

    /* =========================================================================
       3. HOME VIEW: ROOM ARCHITECTURE ENTRIES
       ========================================================================= */
    
    /* SECTION 1 — ENTRANCE HALL */
    .room-entrance-hall {
      height: 130vh;
      background-color: var(--warm-cream);
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      perspective: 1500px;
      overflow: hidden;
    }
    .entrance-typography-tower {
      text-align: center;
      z-index: 10;
      pointer-events: none;
    }
    .entrance-typography-tower h1 {
      font-size: 11vw;
      text-transform: uppercase;
      line-height: 0.8;
    }
    .mansion-architectural-doorway {
      position: absolute;
      bottom: 10vh;
      width: 45vw;
      height: 65vh;
      border: 2px solid var(--charcoal);
      border-bottom: none;
      background-color: rgba(238, 239, 224, 0.4);
      z-index: 5;
      overflow: hidden;
      transform-origin: bottom center;
      transition: var(--transition-chamber);
    }
    .doorway-gift-image-canvas {
      width: 100%; height: 100%;
      transform: scale(1.1);
      transition: var(--transition-chamber);
    }
    .room-entrance-hall:hover .mansion-architectural-doorway {
      transform: scale(0.98) rotateX(15deg);
    }
    .room-entrance-hall:hover .doorway-gift-image-canvas {
      transform: scale(1);
    }
    
    .hanging-tag-scroll-indicator {
      position: absolute;
      bottom: 40px;
      display: flex;
      flex-direction: column;
      align-items: center;
      animation: hangingTagSwing 3s ease-in-out infinite alternate;
      transform-origin: top center;
      cursor: pointer;
    }
    .hanging-tag-scroll-indicator span {
      font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 700;
    }
    .hanging-tag-line {
      width: 1px; height: 50px; background-color: var(--charcoal); margin-bottom: 10px;
    }

    @keyframes hangingTagSwing {
      0% { transform: rotate(-4deg); }
      100% { transform: rotate(4deg); }
    }

    /* SECTION 2 — THE WRAPPING ROOM */
    .room-wrapping-room {
      min-height: 100vh;
      background-color: var(--lime);
      display: grid;
      grid-template-columns: 35% 35% 30%;
      align-items: center;
      padding: 100px 60px;
      position: relative;
    }
    .room-wrapping-room h2 { font-size: 6vw; text-transform: uppercase; line-height: 0.85; }
    
    .wrapping-paper-floating-ceiling {
      display: flex;
      gap: 100px;
      justify-content: center;
      position: relative;
      height: 60vh;
      align-items: center;
    }
    .hanging-ceiling-paper-item {
      width: 300px; height: 380px;
      box-shadow: 0 30px 60px rgba(0,0,0,0.15);
      transition: transform 0.5s ease;
    }
    .hanging-ceiling-paper-item:nth-child(1) { transform: translateY(-40px) rotate(-5deg); }
    .hanging-ceiling-paper-item:nth-child(2) { transform: translateY(20px) rotate(3deg); }
    .hanging-ceiling-paper-item:nth-child(3) { transform: translateY(-10px) rotate(-2deg); }

    .wrapping-room-narrative { max-width: 320px; font-size: 1.15rem; }

    @media (max-width: 1024px) {
      .room-wrapping-room { grid-template-columns: 1fr; gap: 60px; }
      .wrapping-paper-floating-ceiling { height: auto; }
      .hanging-ceiling-paper-item { width: 100px; height: 260px; }
    }

    /* SECTION 3 — THE MEMORY CORRIDOR */
    .room-memory-corridor {
      background-color: var(--pure-white);
      padding: 140px 0;
      position: relative;
    }
    .corridor-central-axial-line {
      position: absolute;
      top: 0; left: 50%; width: 1px; height: 100%;
      background-color: rgba(17,17,17,0.15);
      transform: translateX(-50%);
    }
    .corridor-memory-node-row {
      display: flex;
      width: 100%;
      margin-bottom: 180px;
      position: relative;
      z-index: 5;
    }
    .corridor-memory-node-row:last-child { margin-bottom: 0; }
    
    .corridor-alignment-anchor-box { width: 50%; padding: 0 60px; display: flex; flex-direction: column; }
    .corridor-memory-node-row:nth-child(odd) .corridor-alignment-anchor-box { align-items: flex-end; text-align: right; }
    .corridor-memory-node-row:nth-child(even) .corridor-alignment-anchor-box { margin-left: 50%; align-items: flex-start; text-align: left; }
    
    .memory-image-frame-vault {
      width: 380px; height: 480px;
      border: 1px solid rgba(17,17,17,0.1);
      padding: 15px; background: #FFF;
      position: relative;
    }
    .memory-image-frame-vault::after {
      content: ''; position: absolute; top: 50%; width: 60px; height: 1px; background-color: var(--charcoal);
    }
    .corridor-memory-node-row:nth-child(odd) .memory-image-frame-vault::after { right: -60px; }
    .corridor-memory-node-row:nth-child(even) .memory-image-frame-vault::after { left: -60px; }

    .memory-text-description-plate { max-width: 340px; margin-top: 25px; }
    .memory-text-description-plate h3 { font-size: 2rem; margin-bottom: 10px; }

    @media (max-width: 992px) {
      .corridor-central-axial-line { display: none; }
      .corridor-memory-node-row { flex-direction: column; margin-bottom: 80px; }
      .corridor-alignment-anchor-box { width: 100% !important; margin-left: 0 !important; padding: 0 !important; align-items: flex-start !important; text-align: left !important; }
      .memory-image-frame-vault { width: 100%; height: 360px; }
      .memory-image-frame-vault::after { display: none; }
    }

    /* SECTION 4 — THE GIFT TOWER */
    .room-gift-tower {
      min-height: 130vh;
      background-color: var(--aqua);
      position: relative;
      padding: 140px 0;
    }
    .tower-central-skyscraper-monolith {
      width: 30vw; height: 95vh;
      margin: 0 auto;
      position: sticky; top: 10vh;
      box-shadow: 0 40px 90px rgba(0,0,0,0.2);
      z-index: 2;
    }
    .tower-drifting-text-cloud {
      position: absolute; top: 0; left: 0; width: 100%; height: 100%;
      pointer-events: none; z-index: 5;
    }
    .tower-drifting-text-cloud .cloud-block {
      position: absolute; max-width: 280px;
    }
    .tower-drifting-text-cloud .cloud-block h3 { font-size: 2.5rem; margin-bottom: 15px; }
    
    /* Absolute dimensional mapping matrix for architectural clouds */
    .cloud-pos-alpha { top: 20vh; left: 10vw; }
    .cloud-pos-beta { top: 55vh; right: 12vw; }
    .cloud-pos-gamma { top: 95vh; left: 15vw; }
    .cloud-pos-delta { top: 125vh; right: 10vw; }

    @media (max-width: 1024px) {
      .tower-central-skyscraper-monolith { width: 70vw; height: 60vh; position: relative; top: 0; }
      .tower-drifting-text-cloud { position: relative; height: auto; display: flex; flex-direction: column; gap: 40px; margin-top: 50px; }
      .cloud-block { position: relative !important; top: auto !important; left: auto !important; right: auto !important; max-width: 100% !important; }
    }

    /* SECTION 5 — THE SECRET DRAWER */
    .room-secret-drawer {
      min-height: 100vh;
      background-color: var(--soft-peach);
      padding: 140px 0;
      display: flex;
      align-items: center;
    }
    .mansion-drawer-architectural-chassis {
      border: 2px solid var(--charcoal);
      width: 100%;
      padding: 80px 60px;
      position: relative;
      background-color: rgba(255, 242, 235, 0.5);
    }
    .mansion-drawer-architectural-chassis::before {
      content: 'PULL TO REVEAL'; position: absolute; top: -12px; left: 40px;
      background: var(--soft-peach); padding: 0 15px; font-size: 0.75rem; font-weight: 700; letter-spacing: 2px;
    }
    .drawer-treasures-alignment-slide {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 50px;
    }
    .drawer-treasure-item-card {
      transform: translateY(60px); opacity: 0;
      transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
    }
    .mansion-drawer-architectural-chassis:hover .drawer-treasure-item-card {
      transform: translateY(0); opacity: 1;
    }
    /* Stagger transitions array mapping loop */
    .mansion-drawer-architectural-chassis:hover .drawer-treasure-item-card:nth-child(1) { transition-delay: 0.1s; }
    .mansion-drawer-architectural-chassis:hover .drawer-treasure-item-card:nth-child(2) { transition-delay: 0.3s; }
    .mansion-drawer-architectural-chassis:hover .drawer-treasure-item-card:nth-child(3) { transition-delay: 0.5s; }

    .drawer-treasure-item-card .treasure-img-box { height: 400px; overflow: hidden; margin-bottom: 20px; }
    .drawer-treasure-item-card h3 { font-size: 1.8rem; }

    @media (max-width: 992px) {
      .drawer-treasures-alignment-slide { grid-template-columns: 1fr; }
      .drawer-treasure-item-card { transform: none !important; opacity: 1 !important; }
      .mansion-drawer-architectural-chassis { padding: 40px 20px; }
    }

    /* SECTION 6 — THE RIBBON WALKWAY */
    .room-ribbon-walkway {
      background-color: var(--pure-white);
      padding: 160px 0;
      position: relative;
      overflow: hidden;
    }
    .mansion-diagonal-ribbon-vector {
      position: absolute; top: 0; left: -10%; width: 120%; height: 100%;
      pointer-events: none; z-index: 1;
    }
    .ribbon-intersection-node-element {
      position: relative; z-index: 5;
      max-width: 450px;
      background: var(--pure-white);
      border: 1px solid rgba(17,17,17,0.1);
      padding: 30px;
    }
    .ribbon-intersection-node-element.align-node-left { margin-left: 10%; margin-bottom: 120px; }
    .ribbon-intersection-node-element.align-node-right { margin-left: 55%; }
    
    .ribbon-intersection-node-element .node-image-box { height: 300px; margin-bottom: 25px; }
    .ribbon-intersection-node-element h3 { font-size: 2.2rem; margin-bottom: 10px; }

    @media (max-width: 992px) {
      .ribbon-intersection-node-element { margin-left: 0 !important; max-width: 100% !important; margin-bottom: 40px !important; }
    }

    /* SECTION 7 — OCCASIONS GALLERY FLOATING CUBES */
    .room-occasions-gallery {
      background-color: var(--warm-cream);
      padding: 140px 0;
    }
    .room-occasions-gallery h2 { font-size: 4.5rem; text-align: center; text-transform: uppercase; margin-bottom: 80px; }
    
    .occasions-cubes-spatial-grid {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px;
    }
    .spatial-architectural-cube-wrapper {
      perspective: 1000px;
      cursor: pointer;
    }
    .cube-structural-core {
      width: 100%; height: 350px;
      position: relative;
      transform-style: preserve-3d;
      transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1);
    }
    .spatial-architectural-cube-wrapper:hover .cube-structural-core {
      transform: rotateY(15deg) rotateX(-10deg) scale(1.02);
    }
    .cube-face-facade {
      position: absolute; top: 0; left: 0; width: 100%; height: 100%;
      backface-visibility: hidden;
      box-shadow: 0 20px 45px rgba(17,17,17,0.08);
    }
    .spatial-architectural-cube-wrapper h3 { font-size: 1.6rem; margin-top: 20px; text-align: center; letter-spacing: -0.02em; }

    @media (max-width: 992px) {
      .occasions-cubes-spatial-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 640px) {
      .occasions-cubes-spatial-grid { grid-template-columns: 1fr; }
    }

    /* SECTION 8 — THE MAKER'S STAIRCASE */
    .room-makers-staircase {
      background-color: var(--lime);
      padding: 140px 0;
    }
    .room-makers-staircase h2 { font-size: 5rem; text-transform: uppercase; margin-bottom: 90px; text-align: center; }
    
    .staircase-progression-column {
      display: flex; flex-direction: column; max-width: 900px; margin: 0 auto;
    }
    .staircase-step-tier-row {
      display: grid; grid-template-columns: 40% 60%;
      border-bottom: 1px solid var(--charcoal);
      padding: 40px 0;
      align-items: center;
    }
    .staircase-step-tier-row .step-visual-box { height: 240px; padding-right: 40px; }
    .staircase-step-tier-row h3 { font-size: 2.2rem; margin-bottom: 15px; }

    @media (max-width: 768px) {
      .staircase-step-tier-row { grid-template-columns: 1fr; gap: 20px; }
      .staircase-step-tier-row .step-visual-box { padding-right: 0; height: 200px; }
    }

    /* SECTION 9 — THE GIFT VAULT */
    .room-gift-vault {
      background-color: var(--charcoal);
      color: var(--lime);
      padding: 160px 0;
      overflow: hidden;
    }
    .vault-chassis-central-alignment {
      text-align: center; max-width: 800px; margin: 0 auto;
    }
    .vault-chassis-central-alignment h2 { font-size: 6vw; text-transform: uppercase; margin-bottom: 40px; }
    
    .vault-architectural-door-wings-wrapper {
      display: flex; justify-content: center; position: relative; width: 100%; height: 500px;
      margin-top: 60px;
    }
    .vault-door-wing-panel {
      width: 50%; height: 100%; background-color: #222; border: 2px solid var(--lime);
      display: flex; align-items: center; justify-content: center;
      transition: var(--transition-chamber); z-index: 5;
    }
    .vault-door-wing-panel.wing-left { transform-origin: left center; border-right: none; }
    .vault-door-wing-panel.wing-right { transform-origin: right center; border-left: none; }
    
    .vault-hidden-treasures-inner-chamber {
      position: absolute; top: 0; left: 0; width: 100%; height: 100%;
      background-color: #151515; z-index: 1; display: flex; align-items: center; justify-content: center;
      padding: 40px; gap: 30px;
    }
    .vault-interior-showcase-card { width: 45%; height: 80%; border: 1px solid rgba(182, 245, 0, 0.3); padding: 10px; }
    
    .room-gift-vault:hover .vault-door-wing-panel.wing-left { transform: rotateY(-85deg); opacity: 0.1; }
    .room-gift-vault:hover .vault-door-wing-panel.wing-right { transform: rotateY(85deg); opacity: 0.1; }

    @media (max-width: 768px) {
      .vault-architectural-door-wings-wrapper { height: 350px; }
      .vault-interior-showcase-card h4 { font-size: 1rem; }
    }

    /* SECTION 10 — FLOATING SUBSCRIPTION CHAMBER */
    .room-subscription-chamber {
      min-height: 100vh;
      background-color: var(--aqua);
      display: flex; align-items: center; justify-content: center;
      padding: 80px 24px; position: relative;
    }
    .floating-spatial-subscription-panel {
      background-color: var(--pure-white);
      box-shadow: 0 40px 90px rgba(0,0,0,0.15);
      width: 100%; max-width: 1000px; padding: 60px;
      display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px;
      animation: spaceDriftFloat 6s ease-in-out infinite alternate;
    }

    @keyframes spaceDriftFloat {
      0% { transform: translateY(-10px) rotate(0.5deg); }
      100% { transform: translateY(10px) rotate(-0.5deg); }
    }

    .mansion-input-element-row {
      display: flex; flex-direction: column; gap: 6px; margin-bottom: 20px;
    }
    .mansion-input-element-row label { font-size: 0.75rem; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; }
    .mansion-input-element-row input { padding: 14px; border: 1px solid #DDD; outline: none; font-size: 1rem; }
    .mansion-input-element-row input:focus { border-color: var(--charcoal); }
    
    .mansion-action-submit-btn {
      background: var(--charcoal); color: var(--pure-white); width: 100%; border: none; padding: 14px;
      font-size: 0.9rem; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; cursor: pointer;
    }
    .mansion-action-submit-btn:hover { background: var(--lime); color: var(--charcoal); }

    .switch-chamber-form-trigger { font-size: 0.85rem; text-decoration: underline; cursor: pointer; margin-top: 15px; display: inline-block; }

    @media (max-width: 850px) {
      .floating-spatial-subscription-panel { grid-template-columns: 1fr; padding: 40px 20px; }
    }

    /* =========================================================================
       4. CONTEXT VIEW SUBPAGE ARCHITECTURES
       ========================================================================= */
    .subpage-architectural-billboard { margin-bottom: 80px; }
    .subpage-architectural-billboard h1 { font-size: 5.5rem; text-transform: uppercase; line-height: 0.9; }
    .subpage-architectural-billboard p { font-size: 1.4rem; font-family: var(--font-serif); margin-top: 15px; }

    /* Collections Custom Subpage Architectural Layout mapping */
    .collections-room-row-block {
      display: grid; grid-template-columns: 45% 25% 30%; gap: 40px; align-items: center;
      border-bottom: 1px solid rgba(17,17,17,0.1); padding-bottom: 60px; margin-bottom: 60px;
    }
    .collections-room-row-block .wall-img { height: 500px; }
    .collections-room-row-block .showcase-img { height: 300px; }

    @media (max-width: 992px) {
      .collections-room-row-block { grid-template-columns: 1fr; gap: 30px; }
      .collections-room-row-block .wall-img, .collections-room-row-block .showcase-img { height: 320px; }
    }

    /* Occasions Chamber Block */
    .occasions-event-hallway-strip { display: flex; flex-direction: column; gap: 50px; }
    .occasion-chamber-unit-box { padding: 50px; border-left: 6px solid var(--aqua); background: var(--pure-white); }
    .occasion-chamber-unit-box h3 { font-size: 2.2rem; margin-bottom: 15px; }

    /* Journal Stacked Pages Structural System */
    .journal-stacked-pages-system { display: flex; flex-direction: column; gap: 40px; }
    .journal-peel-away-page-card {
      background: var(--pure-white); box-shadow: var(--shadow-paper); border: 1px solid #EEE; padding: 60px;
      position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.02);
    }
    .journal-peel-away-page-card h3 { font-size: 2.4rem; margin-bottom: 15px; }

    /* Factory Workshop walkthrough components mapping */
    .workshop-walkthrough-axis { display: flex; flex-direction: column; gap: 60px; }
    .workshop-factory-chamber-card { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; align-items: center; }
    .workshop-factory-chamber-card:nth-child(even) .factory-img-frame { order: 2; }
    .workshop-factory-chamber-card .factory-img-frame { height: 400px; }

    @media (max-width: 768px) {
      .workshop-factory-chamber-card { grid-template-columns: 1fr; gap: 25px; }
      .workshop-factory-chamber-card .factory-img-frame { height: 260px; }
    }

    /* Contact Card Structure */
    .contact-centered-giftcard-canvas {
      background-color: var(--pure-white); border: 1px solid rgba(17,17,17,0.1);
      padding: 80px 60px; max-width: 900px; margin: 0 auto; box-shadow: 0 30px 70px rgba(0,0,0,0.05);
    }

    @media (max-width: 768px) {
      .contact-centered-giftcard-canvas { padding: 40px 20px; }
    }

    /* Legal Data Slabs */
    .regulatory-legal-slab-box h2 { font-size: 2rem; margin: 30px 0 15px 0; text-transform: uppercase; }
    .regulatory-legal-slab-box p { margin-bottom: 20px; text-align: justify; }

    /* =========================================================================
       5. ARCHITECTURAL GEOMETRIC CIRCULAR FOOTER
       ========================================================================= */
    .mansion-spatial-footer {
      background-color: var(--soft-peach);
      padding: 120px 0 60px 0;
      position: relative;
    }
    .footer-central-compass-alignment {
      display: flex; flex-direction: column; align-items: center; text-align: center;
    }
    .footer-manifesto-heavy-headline {
      font-size: 5vw; line-height: 0.95; text-transform: uppercase; max-width: 1000px; margin: 40px 0;
    }
    
    .circular-navigation-orbit-track {
      position: relative; width: 320px; height: 320px;
      margin-bottom: 60px; display: flex; align-items: center; justify-content: center;
    }
    .circular-center-logo-node {
      font-family: var(--font-serif); font-size: 1.4rem; z-index: 10; letter-spacing: -0.02em;
    }
    .orbiting-link-item {
      position: absolute; font-size: 0.75rem; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;
    }
    /* Angular trigonometric operational coordinate plot offsets */
    .orbiting-link-item:nth-child(1) { transform: translate(0, -130px); }
    .orbiting-link-item:nth-child(2) { transform: translate(110px, -60px); }
    .orbiting-link-item:nth-child(3) { transform: translate(110px, 60px); }
    .orbiting-link-item:nth-child(4) { transform: translate(0, 130px); }
    .orbiting-link-item:nth-child(5) { transform: translate(-110px, 60px); }
    .orbiting-link-item:nth-child(6) { transform: translate(-110px, -60px); }

    .footer-copyright-baseline-row {
      border-top: 1px solid rgba(17,17,17,0.1); width: 100%; padding-top: 30px;
      display: flex; justify-content: space-between; align-items: center; font-size: 0.85rem;
    }
    .footer-regulatory-anchors a { margin-left: 20px; text-decoration: underline; }

    @media (max-width: 768px) {
      .footer-manifesto-heavy-headline { font-size: 2rem; }
      .circular-navigation-orbit-track { display: none; }
      .footer-copyright-baseline-row { flex-direction: column; gap: 15px; text-align: center; }
      .footer-regulatory-anchors a { margin: 0 10px; }
    }