/* =========================================================================
       1. CORE DESIGN SYSTEM & VARIABLES
       ========================================================================= */
    :root {
      --bg-mint: #DAF9DE;
      --txt-cyan: #00F7FF;
      --accent-pink: #FF0087;
      --pure-white: #FFFFFF;
      --rich-black: #000000;
      --font-stack: 'Dosis', sans-serif;
      --ease-editorial: cubic-bezier(0.25, 1, 0.3, 1);
      --transition-kinetic: all 0.8s cubic-bezier(0.25, 1, 0.3, 1);
      --transition-snappy: all 0.3s cubic-bezier(0.25, 1, 0.3, 1);
    }

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

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: var(--font-stack);
      background-color: var(--pure-white);
      color: var(--rich-black);
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }

    /* Editorial Typography Setup */
    h1, h2, h3, h4 {
      font-weight: 200; /* Ultra-light for headlines */
      text-transform: uppercase;
      letter-spacing: 6px;
      line-height: 1.2;
    }

    p, a, span, button {
      font-weight: 500; /* Medium-weight for body/UI */
      letter-spacing: 1.5px;
      line-height: 1.8;
    }

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: var(--transition-kinetic);
    }

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

    /* Premium Publication Double Dividers */
    .editorial-double-divider {
      display: flex;
      flex-direction: column;
      gap: 4px;
      margin: 25px 0;
      width: 140px;
    }
    .editorial-double-divider.aligned-right {
      margin-left: auto;
    }
    .editorial-double-divider::before,
    .editorial-double-divider::after {
      content: '';
      width: 100%;
      height: 1px;
      background-color: var(--accent-pink);
    }

    /* Core Layout Routing Containers */
    .magazine-page-view {
      display: none;
    }
    .magazine-page-view.active-view-context {
      display: block;
    }

    .subpage-premium-padding {
      padding: 180px 0 100px 0;
      min-height: 85vh;
    }

    .editorial-structural-container {
      max-width: 1440px;
      margin: 0 auto;
      padding: 0 60px;
    }
    @media (max-width: 768px) {
      .editorial-structural-container { padding: 0 25px; }
    }

    /* Subpage Header Standard */
    .magazine-view-header {
      margin-bottom: 80px;
      max-width: 850px;
    }
    .magazine-view-header h1 {
      font-size: 3.5rem;
      margin-bottom: 20px;
      color: var(--rich-black);
    }
    .magazine-view-header.cyan-themed h1 {
      color: var(--txt-cyan);
    }

    /* Scroll Engine Classes */
    .scroll-reveal-node {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 1s var(--ease-editorial), transform 1s var(--ease-editorial);
    }
    .scroll-reveal-node.reveal-triggered {
      opacity: 1;
      transform: translateY(0);
    }

    /* =========================================================================
       2. FULLSCREEN SLIDESHOW SYSTEM (HERO SECTIONS)
       ========================================================================= */
    .hero-slideshow-viewport {
      width: 100%;
      height: 100vh;
      position: relative;
      background-color: var(--bg-mint);
      overflow: hidden;
    }

    .hero-slide-frame {
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      opacity: 0;
      z-index: 1;
      transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1);
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .hero-slide-frame.active-slide {
      opacity: 1;
      z-index: 2;
    }

    .hero-slide-background-wrapper {
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      z-index: 1;
    }

    .hero-slide-background-wrapper::after {
      content: '';
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.3);
    }

    /* Cinematic Zoom Ken Burns Loop Config */
    .hero-slide-frame.active-slide .hero-slide-background-wrapper img {
      animation: kenBurnsEngine 12s var(--ease-editorial) forwards;
    }

    @keyframes kenBurnsEngine {
      from { transform: scale(1); }
      to { transform: scale(1.15); }
    }

    .hero-editorial-composition-card {
      position: relative;
      z-index: 3;
      text-align: center;
      color: var(--pure-white);
      max-width: 900px;
      padding: 0 40px;
    }

    .hero-brand-logo-img {
      font-size: 1.2rem;
      font-weight: 200;
      height: 400px;
      width: 400px;
      margin-top: 10px;
      display: inline-block;
      padding: 12px 30px;
    }

    .hero-editorial-composition-card h2 {
      font-size: 4.5rem;
      line-height: 1.1;
      margin-bottom: 25px;
    }

    .hero-editorial-composition-card p {
      font-size: 1.25rem;
      opacity: 0.85;
      margin-bottom: 45px;
      font-weight: 500;
    }

    .hero-slide-index-indicator {
      font-size: 1.1rem;
      letter-spacing: 6px;
    }

    @media (max-width: 768px) {
      .hero-editorial-composition-card h2 { font-size: 2.5rem; }
      .hero-editorial-composition-card p { font-size: 1rem; }
    }

    /* =========================================================================
       3. RESPONSIVE HERO BOTTOM / STICKY HEADER SYSTEM
       ========================================================================= */
    .journal-global-navigation-bar {
      width: 100%;
      height: 100px;
      background-color: var(--pure-white);
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 60px;
      z-index: 999;
      position: absolute;
      bottom: 0;
      left: 0;
      transition: background-color 0.3s, transform 0.4s var(--ease-editorial);
    }

    /* Dynamically Managed Sticky Framework State Alterations */
    .journal-global-navigation-bar.sticky-mode-active {
      position: fixed;
      top: 0;
      bottom: auto;
      box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
      animation: navSlideIn 0.4s var(--ease-editorial) forwards;
    }

    @keyframes navSlideIn {
      from { transform: translateY(-100%); }
      to { transform: translateY(0); }
    }

.nav-left-brand .logo-anchor-node{
    display:flex;
    align-items:center;
    cursor:pointer;
}

.nav-left-brand .logo-anchor-node img{
    height:20px;      /* adjust as needed */
    width:10px;
    display:block;
    transition:all 0.4s ease;
}

.nav-left-brand .logo-anchor-node:hover img{
    transform:scale(1.05);
}
    .nav-center-links-set {
      display: flex;
      gap: 24px;
      list-style: none;
    }

    .nav-center-links-set a {
      font-size: 0.85rem;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 2px;
      color: var(--rich-black);
      position: relative;
      padding: 10px 0;
      transition: var(--transition-snappy);
    }

    .nav-center-links-set a::after {
      content: '';
      position: absolute;
      bottom: 0; left: 0; width: 0; height: 1px;
      background-color: var(--accent-pink);
      transition: var(--transition-snappy);
    }

    .nav-center-links-set a:hover {
      color: var(--accent-pink);
    }

    .nav-center-links-set a:hover::after {
      width: 100%;
    }

    .nav-right-social-suite {
      display: flex;
      gap: 25px;
    }

    .nav-right-social-suite svg {
      width: 18px;
      height: 18px;
      fill: var(--txt-cyan);
      transition: var(--transition-snappy);
    }

    .nav-right-social-suite a:hover svg {
      fill: var(--accent-pink);
    }

    /* Responsive Mobile Hamburger Toggle Engine Layout Controls */
    .mobile-hamburger-toggle-button {
      display: none;
      background: none; border: none; cursor: pointer;
      width: 32px; height: 22px;
      flex-direction: column; justify-content: space-between;
      z-index: 1001;
    }

    .hamburger-bar-node {
      width: 100%; height: 1px; background-color: var(--rich-black);
      transition: var(--transition-snappy);
    }

    .mobile-hamburger-toggle-button.menu-expanded-state .hamburger-bar-node:nth-child(1) {
      transform: translateY(10px) rotate(45deg);
    }
    .mobile-hamburger-toggle-button.menu-expanded-state .hamburger-bar-node:nth-child(2) {
      opacity: 0;
    }
    .mobile-hamburger-toggle-button.menu-expanded-state .hamburger-bar-node:nth-child(3) {
      transform: translateY(-10px) rotate(-45deg);
    }

@media (max-width: 1200px) {
    .nav-center-links-set, .nav-right-social-suite { 
        display: none; 
    }
    .mobile-hamburger-toggle-button { 
        display: flex; 
    }
    
    /* Fix header size for mobile */
    .journal-global-navigation-bar {
        height: 55px;
        padding: 0 20px;
    }
    
    .nav-left-brand .logo-anchor-node img {
        height: 28px;
        width: auto;
    }
    
    /* Mobile Tray Activation States */
    .nav-center-links-set.mobile-visible-override {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: var(--pure-white);
        justify-content: center;
        align-items: center;
        gap: 30px;
        z-index: 1000;
    }
    
    .nav-center-links-set.mobile-visible-override a {
        font-size: 1.4rem;
    }
}

/* Tablet */
@media (max-width: 768px) {
    .journal-global-navigation-bar {
        height: 65px;
        padding: 0 15px;
    }
    
    .nav-left-brand .logo-anchor-node img {
        height: 24px;
        width: auto;
    }
}

/* Mobile Small */
@media (max-width: 480px) {
    .journal-global-navigation-bar {
        height: 45px;
        padding: 0 12px;
    }
    
    .nav-left-brand .logo-anchor-node img {
        height: 10px;
        width: auto;
    }
    
    .nav-center-links-set.mobile-visible-override a {
        font-size: 1.2rem;
    }
}

/* Extra Small */
@media (max-width: 380px) {
    .journal-global-navigation-bar {
        height: 42px;
        padding: 0 10px;
    }
    
    .nav-left-brand .logo-anchor-node img {
        height: 18px;
        width: auto;
    }
}
    /* =========================================================================
       4. SECTION 01 & SECTION 02 — FEATURE STRUCTURAL GRID RHYTHMS
       ========================================================================= */
    .editorial-split-feature-section {
      background-color: var(--pure-white);
      padding: 140px 0;
    }
    .editorial-split-grid-matrix{
    display:grid;
    grid-template-columns: 1.4fr 1.8fr; /* text smaller, image wider */
    gap:80px;
    align-items:stretch; /* equal heights */
}

.editorial-content-text-block{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:70px;
    box-shadow:
        0 20px 60px rgba(0,0,0,.08),
        0 8px 24px rgba(0,0,0,.05);
}

.editorial-parallax-image-frame{
    height:100%;
    min-height:700px;
    overflow:hidden;
    box-shadow:
        0 20px 60px rgba(0,0,0,.08),
        0 8px 24px rgba(0,0,0,.05);
}

.editorial-parallax-image-frame img{
    width:100%;
    height:100%;
    object-fit:cover;
}

    .editorial-split-grid-matrix {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 80px;
          grid-template-columns:1fr 1fr;
      align-items: center;
    }

    .editorial-content-text-block {
        color: var(--accent-pink);
      padding: 60px;
      position: relative;
        box-shadow:
    0 20px 60px rgba(0,0,0,0.08),
    0 8px 24px rgba(0,0,0,0.05);
    }

    /* Left and Bottom Accent Rule Configuration - Section 01 */
    .editorial-content-text-block.border-left-bottom-accent {
      border-left: 1px solid var(--accent-pink);
      border-bottom: 1px solid var(--accent-pink);
    }

    /* Right and Bottom Accent Rule Configuration - Section 02 */
    .editorial-content-text-block.border-right-bottom-accent {
      border-right: 1px solid var(--accent-pink);
      border-bottom: 1px solid var(--accent-pink);
    }

    .editorial-content-text-block h3 {
      font-size: 3.5rem;
      line-height: 1.1;
      margin-bottom: 15px;
    }

    .editorial-content-text-block p {
      font-size: 1.15rem;
      color: #222;
      text-align: justify;
    }

    /* Parallax Containment Window Configurations */
    .editorial-parallax-image-frame {
      width: 100%;
      height: 1000px;
        box-shadow:
    0 20px 60px rgb(53, 34, 34),
    0 8px 24px rgba(0,0,0,0.05);
      overflow: hidden;
    }

    .editorial-parallax-image-frame img {
      transform: scale(1.02);
    }

    .editorial-parallax-image-frame:hover img {
      transform: scale(1.08);
    }

    @media (max-width: 992px) {
      .editorial-split-grid-matrix { grid-template-columns: 1fr; gap: 50px; }
      .editorial-content-text-block { padding: 40px 20px; }
      .editorial-parallax-image-frame { height: 480px; }
      .editorial-content-text-block h3 { font-size: 2.4rem; }
    }

    /* =========================================================================
       5. SECTION 03 — PHOTO OF THE MONTH GRID SUITE
       ========================================================================= */
    .photo-of-the-month-section {
      background-color: var(--bg-mint);
      color: var(--txt-cyan);
      padding: 140px 0;
    }

    .photo-of-the-month-section h2 {
      font-size: 4rem;
      color: var(--txt-cyan);
    }

    .tall-vertical-cards-grid-row {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 30px;
      margin-top: 70px;
    }

    .vertical-publication-card-node {
      position: relative;
      overflow: hidden;
      cursor: pointer;
    }

    .vertical-publication-card-node .card-image-wrapper {
      width: 100%;
      aspect-ratio: 2 / 3;
      overflow: hidden;
      position: relative;
    }

    /* Interactive Overlay Animations Matrix */
    .vertical-publication-card-node .card-cyan-overlay-mask {
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      background-color: rgba(0, 247, 255, 0.9);
      opacity: 0;
      transition: var(--transition-kinetic);
      z-index: 2;
    }

    .vertical-publication-card-node .card-hidden-metadata-layer {
      position: absolute;
      bottom: -40px; left: 30px; right: 30px;
      opacity: 0;
      z-index: 3;
      transition: var(--transition-kinetic);
      color: var(--rich-black);
    }

    .vertical-publication-card-node .card-hidden-metadata-layer h4 {
      font-size: 1.6rem;
      margin-bottom: 8px;
    }

    .vertical-publication-card-node .card-hidden-metadata-layer p {
      font-size: 0.95rem;
      text-transform: uppercase;
    }

    .vertical-publication-card-node:hover .card-image-wrapper img {
      transform: scale(1.1);
    }

    .vertical-publication-card-node:hover .card-cyan-overlay-mask {
      opacity: 1;
    }

    .vertical-publication-card-node:hover .card-hidden-metadata-layer {
      opacity: 1;
      bottom: 35px;
    }

    @media (max-width: 992px) {
      .tall-vertical-cards-grid-row { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 560px) {
      .tall-vertical-cards-grid-row { grid-template-columns: 1fr; }
    }

    /* =========================================================================
       6. SECTION 04 — BEST OF JEWELS STAGGERED MASTER GALLERY
       ========================================================================= */
    .best-of-jewels-section {
      background-color: var(--bg-mint);
      color: var(--txt-cyan);
      padding: 140px 0;
    }

    .best-of-jewels-section .right-aligned-header-block {
      text-align: right;
    }

    .best-of-jewels-section h2 {
      font-size: 4rem;
    }

    .staggered-gallery-composition-row {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 40px;
      margin-top: 120px;
      padding-bottom: 80px;
    }

    /* Kinetic Stagger Matrix Positions */
    .staggered-gallery-composition-row .vertical-publication-card-node:nth-child(odd) {
      transform: translateY(60px);
    }
    .staggered-gallery-composition-row .vertical-publication-card-node:nth-child(even) {
      transform: translateY(-30px);
    }

    @media (max-width: 992px) {
      .staggered-gallery-composition-row { grid-template-columns: repeat(2, 1fr); gap: 80px 30px; }
      .staggered-gallery-composition-row .vertical-publication-card-node:nth-child(odd),
      .staggered-gallery-composition-row .vertical-publication-card-node:nth-child(even) {
        transform: translateY(0);
      }
    }
    @media (max-width: 560px) {
      .staggered-gallery-composition-row { grid-template-columns: 1fr; }
    }

    /* =========================================================================
       7. SECTION 05 — PORTRAIT AUTOMATIC INTERVIEW SLIDER (LEAF CONTROLS)
       ========================================================================= */
    .portrait-feature-section {
      background-color: var(--pure-white);
      padding: 140px 0;
    }

    .portrait-slider-split-layout-grid {
      display: grid;
      grid-template-columns: 58% 42%;
      gap: 80px;
      align-items: center;
    }

    .portrait-slider-outer-container {
      width: 100%;
      position: relative;
    }

    .portrait-slider-viewport-mask {
      width: 100%;
      height: 650px;
      overflow: hidden;
      position: relative;
    }

    .portrait-slider-track-strip {
      display: flex;
      width: 300%;
      height: 100%;
      transition: transform 1s cubic-bezier(0.76, 0, 0.24, 1);
    }

    .portrait-individual-slide-node {
      width: 33.3333%;
      height: 100%;
    }

    /* Leaf Vector Control Elements Definitions */
    .portrait-custom-leaf-navigation-controls {
      display: flex;
      gap: 20px;
      margin-top: 30px;
      justify-content: center;
    }

    .leaf-navigation-dot-trigger {
      background: none; border: none; cursor: pointer;
      width: 35px; height: 35px;
      display: flex; justify-content: center; align-items: center;
    }

    .leaf-navigation-dot-trigger svg {
      width: 26px; height: 26px;
      fill: #E5E5E5;
      transition: var(--transition-kinetic);
    }

    .leaf-navigation-dot-trigger.active-leaf-indicator svg {
      fill: var(--accent-pink);
      transform: scale(1.25) rotate(-10deg);
    }

    @media (max-width: 992px) {
      .portrait-slider-split-layout-grid { grid-template-columns: 1fr; gap: 50px; }
      .portrait-slider-viewport-mask { height: 480px; }
    }

    /* =========================================================================
       8. SECTION 06 — SHOWROOM LUXURY MORPHISM PRESENTATION
       ========================================================================= */
    .showroom-story-section {
      background-color: var(--pure-white);
      padding: 140px 0;
    }

    .showroom-relative-canvas-container {
      position: relative;
      width: 100%;
      height: 800px;
    }

    .showroom-tall-luxury-image-plate {
      width: 78%;
      height: 100%;
      margin-left: auto;
      overflow: hidden;
    }

    /* Advanced Glassmorphism Panel Integration Layer */
    .showroom-floating-glassmorphism-card {
      position: absolute;
      top: 50%; left: 0;
      transform: translateY(-50%);
      width: 48%;
      background: rgba(255, 255, 255, 0.72);
      backdrop-filter: blur(30px) saturate(140%);
      -webkit-backdrop-filter: blur(30px) saturate(140%);
      border: 1px solid rgba(255, 255, 255, 0.4);
      padding: 70px;
      box-shadow: 0 50px 120px rgba(0, 0, 0, 0.05);
      z-index: 5;
    }

    .showroom-floating-glassmorphism-card h3 {
      font-size: 3.5rem;
      line-height: 1.1;
      margin-bottom: 15px;
    }

    @media (max-width: 1024px) {
      .showroom-floating-glassmorphism-card { width: 55%; padding: 50px; }
    }
    @media (max-width: 920px) {
      .showroom-relative-canvas-container { height: auto; display: flex; flex-direction: column-reverse; }
      .showroom-tall-luxury-image-plate { width: 100%; height: 480px; margin-top: 40px; }
      .showroom-floating-glassmorphism-card { position: relative; top: 0; transform: translateY(0); width: 100%; background: var(--pure-white); backdrop-filter: none; border: none; padding: 20px 0; box-shadow: none; }
    }

    /* =========================================================================
       9. SECTION 07 — ARCHIVE INTERACTIVE ASYMMETRICAL ARCHITECTURE
       ========================================================================= */
    .archive-grid-section {
      background-color: var(--pure-white);
      padding: 140px 0;
    }

    .asymmetrical-archive-layout-matrix {
      display: flex;
      flex-direction: column;
      gap: 60px;
      margin-top: 70px;
    }

    .archive-editorial-composite-row {
      display: flex;
      gap: 60px;
      height: 550px;
    }

    .archive-editorial-composite-row .archive-brick-node {
      position: relative;
      overflow: hidden;
      cursor: pointer;
    }

    /* Asymmetric Row Configuration Alignments Rule */
    .archive-editorial-composite-row.pattern-standard .archive-brick-node:nth-child(1) { width: 65%; }
    .archive-editorial-composite-row.pattern-standard .archive-brick-node:nth-child(2) { width: 35%; }

    .archive-editorial-composite-row.pattern-reversed .archive-brick-node:nth-child(1) { width: 35%; }
    .archive-editorial-composite-row.pattern-reversed .archive-brick-node:nth-child(2) { width: 65%; }

    /* Sliding Caption Drawer Engine Details */
    .archive-brick-caption-drawer {
      position: absolute;
      bottom: -50px; left: 0; width: 100%;
      background-color: var(--pure-white);
      padding: 20px 30px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      transition: var(--transition-kinetic);
      z-index: 3;
      border-top: 1px solid var(--accent-pink);
    }

    .archive-brick-caption-drawer h4 {
      font-size: 1.2rem;
      color: var(--rich-black);
    }

    .archive-brick-node:hover img {
      transform: scale(1.06);
    }

    .archive-brick-node:hover .archive-brick-caption-drawer {
      bottom: 0;
    }

    @media (max-width: 820px) {
      .archive-editorial-composite-row { flex-direction: column; height: auto; gap: 40px; }
      .archive-editorial-composite-row.pattern-standard .archive-brick-node,
      .archive-editorial-composite-row.pattern-reversed .archive-brick-node { width: 100%; height: 380px; }
      .archive-brick-caption-drawer { bottom: 0; }
    }

    /* =========================================================================
       10. MINIMAL LUXURY FOOTER METRICS
       ========================================================================= */
    .journal-editorial-footer {
      background-color: var(--pure-white);
      padding: 100px 0 60px 0;
    }

    .footer-top-divider-line {
      width: 100%;
      height: 1px;
      background-color: var(--accent-pink);
      margin-bottom: 60px;
    }

    .footer-centered-content-block {
      text-align: center;
    }

    .footer-brand-logo-text {
      font-size: 2.2rem;
      font-weight: 200;
      letter-spacing: 8px;
      color: var(--rich-black);
      margin-bottom: 30px;
      display: inline-block;
    }

    .footer-compliance-links-row {
      display: flex;
      justify-content: center;
      gap: 45px;
      list-style: none;
      margin-bottom: 40px;
    }

    .footer-compliance-links-row a {
      font-size: 0.85rem;
      text-transform: uppercase;
      font-weight: 500;
      letter-spacing: 2px;
      color: var(--rich-black);
      transition: var(--transition-snappy);
    }

    .footer-compliance-links-row a:hover {
      color: var(--accent-pink);
    }

    .footer-social-symbols-row {
      display: flex;
      justify-content: center;
      gap: 35px;
      margin-bottom: 45px;
    }

    .footer-social-symbols-row a {
      font-size: 0.85rem;
      font-weight: 500;
      letter-spacing: 2px;
      color: #777;
      transition: var(--transition-snappy);
    }

    .footer-social-symbols-row a:hover {
      color: var(--accent-pink);
    }

    .footer-copyright-disclaimer-txt {
      font-size: 0.8rem;
      color: #A0A0A0;
      text-transform: uppercase;
      letter-spacing: 2px;
    }

    @media (max-width: 640px) {
      .footer-compliance-links-row { flex-direction: column; gap: 20px; }
    }

    /* =========================================================================
       11. SPECIFIC COMPONENT SUBPAGE INTERFACES MAPPING
       ========================================================================= */
    /* Chronology Timeline Design Architecture - About Us */
    .magazine-chronology-axis {
      margin-top: 80px;
      display: flex;
      flex-direction: column;
      gap: 60px;
    }
    .chronology-node-row {
      display: flex; gap: 50px; border-bottom: 1px solid #EAEAEA; padding-bottom: 40px;
    }
    .chronology-year-stamp {
      font-size: 2.5rem; font-weight: 200; color: var(--accent-pink); width: 180px; flex-shrink: 0;
    }
    .chronology-body-data h3 { font-size: 1.6rem; margin-bottom: 12px; }
    @media (max-width: 640px) {
      .chronology-node-row { flex-direction: column; gap: 15px; }
    }

    /* Grid Category Blocks Layout - Best of Jewels */
    .showcase-categories-grid-container {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 60px;
    }
    .category-showcase-brick-card h3 { font-size: 1.8rem; margin: 20px 0 10px 0; }
    @media (max-width: 768px) { .showcase-categories-grid-container { grid-template-columns: 1fr; } }

    /* Portrait Interview Transcript Layout Grid - Portrait Subpage */
    .editorial-interview-transcript-box {
      max-width: 950px; margin: 80px auto 0 auto;
    }
    .interview-speaker-block { margin-bottom: 50px; }
    .interview-speaker-block h3 { font-size: 1.1rem; font-weight: 500; color: var(--accent-pink); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 2px; }
    .interview-speaker-block p { font-size: 1.35rem; color: #111; font-weight: 200; line-height: 1.7; }

    /* News Trend Publication Desks Engine */
    .news-trend-reports-grid-matrix {
      display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; margin-top: 70px;
    }
    .trend-report-post-node h3 { font-size: 2rem; margin: 25px 0 12px 0; }
    @media (max-width: 768px) { .news-trend-reports-grid-matrix { grid-template-columns: 1fr; } }

    /* Archive Index Filtering Control Navigation Strip */
    .archive-historical-filtering-control-bar {
      display: flex; gap: 30px; list-style: none; margin-bottom: 50px; border-bottom: 1px solid #EEE; padding-bottom: 20px;
    }
    .archive-historical-filtering-control-bar button {
      background: none; border: none; font-family: inherit; font-size: 1.1rem; font-weight: 500; cursor: pointer; color: #999; transition: var(--transition-snappy);
    }
    .archive-historical-filtering-control-bar button:hover,
    .archive-historical-filtering-control-bar button.active-filter-stamp {
      color: var(--accent-pink);
    }

    /* Verification Formats Framework Legal Containers */
    .legal-verification-document-frame {
      max-width: 850px; margin: 0 auto;
    }
    .legal-verification-document-frame h2 { font-size: 2rem; margin: 40px 0 15px 0; }
    .legal-verification-document-frame p { font-size: 1.15rem; color: #333; margin-bottom: 25px; text-align: justify; }

    .footer-newsletter-block{
    max-width:700px;
    margin:50px auto;
    text-align:center;
}

.footer-newsletter-block h3{
    font-size:2rem;
    margin-bottom:15px;
    color:var(--accent-pink);
}

.footer-newsletter-block p{
    margin-bottom:30px;
    color:#666;
}

.footer-subscribe-form,
.footer-unsubscribe-form{
    display:flex;
    gap:15px;
    margin-bottom:15px;
    justify-content:center;
    flex-wrap:wrap;
}

.footer-subscribe-form input,
.footer-unsubscribe-form input{
    width:350px;
    max-width:100%;
    padding:15px 20px;
    border:1px solid #ddd;
    outline:none;
    font-family:inherit;
}

.footer-subscribe-form button,
.footer-unsubscribe-form button{
    padding:15px 30px;
    border:none;
    background:var(--accent-pink);
    color:#fff;
    cursor:pointer;
    text-transform:uppercase;
    letter-spacing:2px;
    transition:.3s;
}

.footer-subscribe-form button:hover,
.footer-unsubscribe-form button:hover{
    opacity:.85;
}

#newsletterMessage{
    margin-top:20px;
    font-weight:600;
}