/* System Architecture & Variables */
        :root {
            --primary-black: #000000;
            --primary-accent: #FF0052;
            --medical-green: #00C68D;
            --bg-10: #101010;
            --bg-17: #171717;
            --bg-1F: #1F1F1F;
            --bg-26: #262626;
            --bg-0D: #0D0D0D;
            --text-white: #FFFFFF;
            --text-gray: #8E8E93;
            --font-display: 'Archivo Black', sans-serif;
            --font-body: 'Plus Jakarta Sans', sans-serif;
            --transition-smooth: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* Brutalist Reset & Scroll Mechanics */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html, body {
            background-color: var(--primary-black);
            color: var(--text-white);
            font-family: var(--font-body);
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        /* Custom Thin Scrollbar */
        ::-webkit-scrollbar {
            width: 4px;
        }
        ::-webkit-scrollbar-track {
            background: var(--primary-black);
        }
        ::-webkit-scrollbar-thumb {
            background: var(--primary-accent);
        }

        /* Typography Global Matrix */
        h1, h2, h3, h4, h5, h6, .btn-editorial, .nav-item, .stat-number, .panel-num {
            font-family: var(--font-display);
            text-transform: uppercase;
            letter-spacing: -0.02em;
            line-height: 1;
        }

        p {
            font-size: 1.1rem;
            line-height: 1.8;
            color: var(--text-gray);
            font-weight: 300;
        }

        /* Layout Framework Utilities */
        .section-padding {
            padding: 180px 5% 180px 5%;
            position: relative;
            width: 100%;
        }

        .thin-divider-line {
            width: 0%;
            height: 1px;
            background-color: rgba(255, 255, 255, 0.15);
            margin: 60px 0;
            transition: width 1.5s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .thin-divider-line.scrolled-active {
            width: 100%;
        }

        /* Single Page Application Views System */
        .app-view-layer {
            display: none;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }

        .app-view-layer.active-view {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }

        /* ==========================================================
           HEADER NAVIGATION STYLING (STRICT 3-SECTION ARCHITECTURE)
           ========================================================== */
        header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100px;
            z-index: 1000;
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            align-items: center;
            padding: 40px 5%;
            background: transparent;
            transition: var(--transition-smooth);
        }

        header.scrolled-header {
            background-color: var(--primary-black);
            padding: 20px 5%;
            border-bottom: 1px solid var(--bg-26);
        }

        /* Section 1: Left Logo Zone */
        .header-left-zone {
            
            display: flex;
            justify-content: flex-start;
        }
        
        .logo-box {
            font-family: var(--font-display);
            font-size: 1.3rem;
            
            color: var(--text-white);
            cursor: pointer;
            text-decoration: none;
        }

        .logo-box span {
            color: var(--primary-accent);
        }

        /* Section 2: Center Links Zone */
        .header-center-zone {
                        margin-top: -8rem;

            display: flex;
            gap: 35px;
            align-items: center;
        }

        .nav-item {
            font-size: 0.85rem;
            color: var(--text-white);
            text-decoration: none;
            cursor: pointer;
            transition: var(--transition-smooth);
        }

        .nav-item:hover, .nav-item.active-nav {
            color: var(--primary-accent);
        }

        /* Section 3: Right Actions Zone */
        .header-right-zone {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 30px;
        }

        .book-consultation-btn {
            background-color: var(--primary-accent);
            color: var(--primary-black);
            border: none;
                        margin-top: -8rem;

            padding: 14px 28px;
            font-size: 0.85rem;
            cursor: pointer;
            transition: var(--transition-smooth);
        }

        .book-consultation-btn:hover {
            background-color: var(--medical-green);
        }

        /* Menu Trigger */
        .hamburger-menu-trigger {
            display: none;
            flex-direction: column;
            justify-content: space-between;
            width: 30px;
            margin-top: -8rem;
            height: 18px;
            background: none;
            border: none;
            cursor: pointer;
            z-index: 2000;
        }

        .hamburger-menu-trigger span {
            display: block;
            width: 100%;
            height: 2px;
            background-color: var(--text-white);
            transition: var(--transition-smooth);
        }

        /* Expanded Mobile Layout */
        .mobile-navigation-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background-color: var(--primary-black);
            z-index: 1500;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 10% 5%;
            transform: translateX(100%);
            transition: var(--transition-smooth);
        }

        .mobile-navigation-overlay.menu-expanded {
            transform: translateX(0);
        }

        .mobile-navigation-overlay .nav-item {
            font-size: 2.5rem;
            margin-bottom: 25px;
        }

        /* ==========================================================
           HERO SECTION COMPONENT
           ========================================================== */
        .hero-section-container {
            position: relative;
            height: 100vh;
            width: 100%;
            display: flex;
            align-items: center;
            overflow: hidden;
            padding: 0 5%;
            background: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.85)), url('https://i.pinimg.com/1200x/f7/af/17/f7af17ac08797dca987f6d49894845a5.jpg') no-repeat center center/cover;
        }

        .hero-left-content {
            width: 60%;
            z-index: 5;
        }

        .hero-label-tag {
            color: var(--primary-accent);
            font-size: 0.9rem;
            letter-spacing: 0.2em;
            margin-bottom: 25px;
            font-family: var(--font-display);
        }

        .editorial-hero-title {
            font-size: 5.5rem;
            line-height: 0.9;
            margin-bottom: 35px;
        }

        .editorial-hero-title span {
            display: block;
            opacity: 0;
            transform: translateY(40px);
            animation: textRevealStagger 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        .editorial-hero-title span:nth-child(1) { animation-delay: 0.1s; }
        .editorial-hero-title span:nth-child(2) { animation-delay: 0.2s; }
        .editorial-hero-title span:nth-child(3) { animation-delay: 0.3s; }
        .editorial-hero-title span:nth-child(4) { animation-delay: 0.4s; }

        @keyframes textRevealStagger {
            to { opacity: 1; transform: translateY(0); }
        }

        .hero-narrative-paragraph {
            max-width: 580px;
            margin-bottom: 45px;
        }

        .hero-buttons-wrapper {
            display: flex;
            gap: 20px;
        }

        .btn-editorial-primary {
            background-color: var(--text-white);
            color: var(--primary-black);
            padding: 18px 36px;
            border: none;
            cursor: pointer;
            font-family: var(--font-display);
            font-size: 0.85rem;
            transition: var(--transition-smooth);
        }

        .btn-editorial-primary:hover {
            background-color: var(--primary-accent);
            color: var(--text-white);
        }

        .btn-editorial-secondary {
            background-color: transparent;
            color: var(--text-white);
            padding: 18px 36px;
            border: 1px solid rgba(255,255,255,0.3);
            cursor: pointer;
            font-family: var(--font-display);
            font-size: 0.85rem;
            transition: var(--transition-smooth);
        }

        .btn-editorial-secondary:hover {
            border-color: var(--primary-accent);
        }

        .hero-right-composition {
            width: 40%;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .layered-geometric-wrapper {
            position: relative;
            width: 340px;
            height: 440px;
        }

        .oversized-outline-square {
            position: absolute;
            top: -40px;
            left: 40px;
            width: 100%;
            height: 100%;
            border: 2px solid var(--primary-accent);
            z-index: 1;
        }

        .main-hero-image-frame {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: relative;
            z-index: 2;
            border: 1px solid var(--bg-26);
        }

        .floating-stat-card-element {
            position: absolute;
            background: var(--bg-10);
            border: 1px solid var(--bg-26);
            padding: 20px 30px;
            z-index: 10;
            animation: slowFloatingMotion 6s ease-in-out infinite alternate;
        }

        @keyframes slowFloatingMotion {
            0% { transform: translateY(0px); }
            100% { transform: translateY(-15px); }
        }

        /* ==========================================================
           SECTION 2: OUR CARE ECOSYSTEM
           ========================================================== */
        .ecosystem-container {
            background-color: var(--primary-black);
            display: flex;
            flex-direction: column;
        }

        .ecosystem-container h2 {
            font-size: 4rem;
            margin-bottom: 80px;
        }

        .editorial-horizontal-panel {
            display: flex;
            border-top: 1px solid var(--bg-26);
            padding: 50px 0;
            transition: var(--transition-smooth);
            cursor: pointer;
            align-items: flex-start;
        }

        .editorial-horizontal-panel:hover {
            background-color: var(--bg-0D);
            padding-left: 20px;
        }

        .panel-num {
            font-size: 3rem;
            color: var(--primary-accent);
            width: 15%;
        }

        .panel-headline-box {
            width: 35%;
        }

        .panel-headline-box h3 {
            font-size: 2.2rem;
        }

        .panel-description-box {
            width: 50%;
        }

        /* ==========================================================
           SECTION 3: ASYMMETRIC SPLIT ARTICLE
           ========================================================== */
        .asymmetric-split-container {
            background-color: var(--bg-10);
            display: flex;
            gap: 8%;
        }

        .split-image-column {
            width: 45%;
            height: 750px;
            object-fit: cover;
            border: 1px solid var(--bg-26);
        }

        .split-content-column {
            width: 47%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .split-content-column h2 {
            font-size: 3.5rem;
            line-height: 1.05;
            margin-bottom: 30px;
        }

        .highlighted-blockquote {
            font-size: 1.6rem;
            color: var(--medical-green);
            line-height: 1.4;
            margin: 35px 0;
            border-left: 3px solid var(--primary-accent);
            padding-left: 25px;
            font-weight: 400;
        }

        .progress-indicators-wrapper {
            margin-top: 50px;
        }

        .progress-indicator-bar-track {
            width: 100%;
            height: 2px;
            background: var(--bg-26);
            margin: 12px 0 35px 0;
            position: relative;
        }

        .progress-indicator-bar-fill {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            background-color: var(--primary-accent);
            width: 0%;
            transition: width 2s cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* ==========================================================
           SECTION 4: IRREGULAR BRUTALIST GRID LAYOUT
           ========================================================== */
        .specialties-matrix-container {
            background-color: var(--medical-green);
            color: var(--primary-black);
        }

        .specialties-matrix-container h2 {
            font-size: 4.5rem;
            color: var(--primary-black);
            margin-bottom: 80px;
        }

        .irregular-blocks-cluster {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
        }

        .floating-brutalist-block-card {
            background-color: var(--bg-10);
            color: var(--text-white);
            padding: 50px;
            width: calc(25% - 22.5px);
            min-height: 280px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: var(--transition-smooth);
            cursor: pointer;
            border: 1px solid rgba(255,255,255,0.05);
        }

        /* Dynamic Irregular sizing overrides */
        .floating-brutalist-block-card:nth-child(even) { margin-top: 40px; }
        .floating-brutalist-block-card:nth-child(3n) { width: calc(33.33% - 20px); }

        .floating-brutalist-block-card:hover {
            transform: translateY(-15px);
            background-color: var(--primary-black);
            color: var(--medical-green);
            border-color: var(--medical-green);
        }

        .floating-brutalist-block-card h3 {
            font-size: 1.8rem;
        }

        /* ==========================================================
           SECTION 5: CARE WITHOUT COMPROMISE
           ========================================================== */
        .compromise-container {
            background-color: var(--primary-black);
            display: flex;
            justify-content: space-between;
        }

        .compromise-container h2 {
            font-size: 5.5rem;
            line-height: 0.9;
            width: 45%;
        }

        .compromise-right-stack {
            width: 50%;
        }

        /* ==========================================================
           SECTION 6: RADIAL DIAGNOSTIC ENGINE LAYOUT
           ========================================================== */
        .radial-engine-container {
            background-color: var(--bg-17);
            overflow: hidden;
            text-align: center;
        }

        .radial-engine-container h2 {
            font-size: 3.5rem;
            margin-bottom: 20px;
        }

        .radial-viewport-canvas {
            position: relative;
            width: 100%;
            height: 700px;
            margin-top: 60px;
        }

        .rotating-medical-illustration-axis {
            width: 220px;
            height: 220px;
            border: 2px dashed var(--primary-accent);
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            animation: constantRotationLoop 35s linear infinite;
        }

        @keyframes constantRotationLoop {
            to { transform: translate(-50%, -50%) rotate(360deg); }
        }

        .radial-informational-card-node {
            position: absolute;
            background: var(--bg-1F);
            border: 1px solid var(--bg-26);
            padding: 20px 25px;
            width: 220px;
            text-align: left;
            transition: var(--transition-smooth);
        }

        .radial-informational-card-node:hover {
            border-color: var(--primary-accent);
            transform: scale(1.05);
        }

        /* Radial Positioning Coordinates */
        .node-pos-0 { top: 8%; left: 50%; transform: translateX(-50%); }
        .node-pos-1 { top: 22%; right: 15%; }
        .node-pos-2 { top: 50%; right: 8%; transform: translateY(-50%); }
        .node-pos-3 { bottom: 22%; right: 15%; }
        .node-pos-4 { bottom: 8%; left: 50%; transform: translateX(-50%); }
        .node-pos-5 { bottom: 22%; left: 15%; }
        .node-pos-6 { top: 50%; left: 8%; transform: translateY(-50%); }
        .node-pos-7 { top: 22%; left: 15%; }

        /* ==========================================================
           SECTION 7: FIXED SPREAD COMPOSITION SPREAD
           ========================================================== */
        .parallax-fixed-viewport {
            height: 90vh;
            background:url('https://i.pinimg.com/736x/91/a3/33/91a3339179afbadfd70e2d9983330bcb.jpg') no-repeat center center;
            background-attachment: fixed;
            background-size: cover;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 5%;
        }

        .glass-style-dark-panel {
            background: rgba(13, 13, 13, 0.75);
            backdrop-filter: blur(30px);
            -webkit-backdrop-filter: blur(30px);
            border: 1px solid rgba(255,255,255,0.1);
            padding: 80px;
            max-width: 950px;
            text-align: center;
        }

        .glass-style-dark-panel h2 {
            font-size: 2.8rem;
            margin-bottom: 30px;
        }

        /* ==========================================================
           SECTION 8: ALTERNATING KNOWLEDGE CONTENT SPREADS
           ========================================================== */
        .knowledge-base-container {
            background-color: var(--primary-black);
        }

        .knowledge-base-container h2 {
            font-size: 4rem;
            margin-bottom: 100px;
        }

        .alternating-editorial-row {
            display: flex;
            align-items: center;
            gap: 10%;
            margin-bottom: 160px;
        }

        .alternating-editorial-row.row-flipped {
            flex-direction: row-reverse;
        }

        .alternating-image-frame-box {
            width: 45%;
            height: 550px;
            overflow: hidden;
            border: 1px solid var(--bg-26);
        }

        .alternating-image-frame-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .alternating-image-frame-box:hover img { transform: scale(1.06); }
        .alternating-text-content-box { width: 45%; }

        .editorial-content-tag {
            font-family: var(--font-display);
            color: var(--primary-accent);
            font-size: 0.85rem;
            letter-spacing: 0.1em;
            margin-bottom: 20px;
            display: inline-block;
        }

        .alternating-text-content-box h3 {
            font-size: 2.5rem;
            line-height: 1.1;
            margin-bottom: 25px;
        }

        .editorial-read-more-trigger {
            background: none;
            border: none;
            color: var(--text-white);
            font-family: var(--font-display);
            font-size: 0.9rem;
            cursor: pointer;
            border-bottom: 2px solid var(--primary-accent);
            padding-bottom: 6px;
            margin-top: 30px;
            transition: var(--transition-smooth);
        }

        .editorial-read-more-trigger:hover {
            color: var(--medical-green);
            border-color: var(--medical-green);
        }

        /* ==========================================================
           SECTION 9: LATEST HEALTH INSIGHTS MAGAZINE GRID
           ========================================================== */
        .magazine-insights-container {
            background-color: var(--medical-green);
            color: var(--primary-black);
        }

        .magazine-insights-container h2 {
            font-size: 4rem;
            color: var(--primary-black);
            margin-bottom: 80px;
        }

        .magazine-asymmetric-matrix {
            display: grid;
            grid-template-columns: 1.5fr 1fr 1fr;
            gap: 50px;
        }

        .featured-editorial-news-block {
            grid-row: span 2;
            cursor: pointer;
        }

        .featured-editorial-news-block img {
            width: 100%;
            height: 500px;
            object-fit: cover;
            margin-bottom: 25px;
        }

        .supporting-news-block { cursor: pointer; }
        .supporting-news-block img {
            width: 100%;
            height: 220px;
            object-fit: cover;
            margin-bottom: 20px;
        }

        .magazine-insights-container h3 {
            font-size: 1.6rem;
            line-height: 1.2;
            margin-bottom: 12px;
            color: var(--primary-black);
        }

        /* ==========================================================
           SECTION 10: REGISTRATION MODULES
           ========================================================== */
        .community-registry-container {
            background-color: var(--primary-black);
            display: flex;
            justify-content: space-between;
        }

        .community-registry-container h2 {
            font-size: 4.5rem;
            line-height: 0.95;
            width: 45%;
        }

        .white-content-card-panel {
            background-color: var(--text-white);
            color: var(--primary-black);
            padding: 80px;
            width: 50%;
        }

        .white-content-card-panel h3 {
            font-size: 2rem;
            margin-bottom: 40px;
        }

        .brutalist-input-wrapper {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        .editorial-form-input {
            width: 100%;
            padding: 20px;
            background: #F4F4F4;
            border: 1px solid #E2E2E2;
            color: var(--primary-black);
            font-family: var(--font-body);
            font-size: 1rem;
            outline: none;
            transition: var(--transition-smooth);
        }

        .editorial-form-input:focus {
            border-color: var(--primary-accent);
            background: #FFFFFF;
        }

        .brutalist-action-submit {
            background-color: var(--primary-black);
            color: var(--text-white);
            font-family: var(--font-display);
            padding: 22px;
            border: none;
            cursor: pointer;
            font-size: 0.9rem;
            letter-spacing: 0.05em;
            transition: var(--transition-smooth);
        }

        .brutalist-action-submit:hover { background-color: var(--primary-accent); }

        /* ==========================================================
           SUBPAGES DEEP NARRATIVE CONFIGURATION (LONGER BUILDS)
           ========================================================== */
        .subpage-hero-wrapper {
            padding: 240px 5% 100px 5%;
            background-color: var(--bg-0D);
            border-bottom: 1px solid var(--bg-26);
        }

        .subpage-hero-wrapper h1 {
            font-size: 5.5rem;
            line-height: 0.95;
        }

        .subpage-longform-narrative {
            font-size: 1.3rem;
            max-width: 900px;
            margin-top: 40px;
            color: var(--text-white);
        }

        .extended-editorial-block {
            margin-bottom: 120px;
        }

        .extended-editorial-block h2 {
            font-size: 3rem;
            margin-bottom: 30px;
        }

        .extended-editorial-block p {
            margin-bottom: 25px;
            font-size: 1.15rem;
        }

        /* Research Timeline Component */
        .brutalist-editorial-timeline {
            display: flex;
            flex-direction: column;
            gap: 100px;
            margin-top: 80px;
        }

        .timeline-editorial-node {
            border-left: 4px solid var(--primary-accent);
            padding-left: 40px;
            position: relative;
        }

        /* Accordion Resources Component */
        .accordion-resource-block {
            border-bottom: 1px solid var(--bg-26);
        }

        .accordion-interactive-header {
            width: 100%;
            padding: 40px 0;
            background: none;
            border: none;
            color: var(--text-white);
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            font-size: 1.8rem;
        }

        .accordion-hidden-drawer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }

        /* ==========================================================
           FOOTER ARCHITECTURE
           ========================================================== */
        footer {
            background-color: var(--primary-black);
            border-top: 1px solid var(--bg-26);
            padding: 140px 5% 60px 5%;
        }

        .footer-columns-grid {
            display: grid;
            grid-template-columns: 2fr repeat(4, 1fr);
            gap: 60px;
            margin-bottom: 80px;
        }

        .footer-brand-column h3 {
            font-size: 1.6rem;
            margin-bottom: 25px;
        }

        .footer-brand-column h3 span { color: var(--primary-accent); }

        .footer-links-column h4 {
            font-size: 0.9rem;
            letter-spacing: 0.05em;
            margin-bottom: 25px;
            color: rgba(255,255,255,0.4);
        }

        .footer-links-column ul { list-style: none; }
        .footer-links-column ul li { margin-bottom: 15px; }

        .footer-links-column ul li a {
            color: var(--text-gray);
            text-decoration: none;
            font-size: 1rem;
            transition: var(--transition-smooth);
            cursor: pointer;
        }

        .footer-links-column ul li a:hover { color: var(--primary-accent); }

        .footer-compliance-row {
            border-top: 1px solid var(--bg-1F);
            padding-top: 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.9rem;
            color: var(--text-gray);
        }

        .footer-legal-inline-links {
            display: flex;
            gap: 30px;
        }

        .footer-legal-inline-links a {
            color: var(--text-gray);
            text-decoration: none;
            transition: var(--transition-smooth);
            cursor: pointer;
        }
        /* Add this to your existing CSS */

/* Hamburger - Hidden on desktop, visible on mobile */

/* Show hamburger only on screens smaller than 1400px */
@media (max-width: 1400px) {
    .hamburger-menu-trigger {
        display: flex; /* Show on tablet/mobile */
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 18px;
        background: none;
        border: none;
        cursor: pointer;
        z-index: 2000;
    }
    
    .hamburger-menu-trigger span {
        display: block;
        width: 100%;
        height: 2px;
        background-color: var(--text-white);
        transition: var(--transition-smooth);
    }
}

        .footer-legal-inline-links a:hover { color: var(--text-white); }

        /* ==========================================================
           RESPONSIVE ENGINE & HAMBURGER SYSTEM OVERRIDES
           ========================================================== */
        @media (max-width: 1400px) {
            header {
                grid-template-columns: 1fr auto;
            }
            .header-center-zone {
                display: none; /* Collapses completely into the mandatory hamburger interface */
            }
        }

        @media (max-width: 1200px) {
            .asymmetric-split-container, .compromise-container, .community-registry-container, .alternating-editorial-row, .alternating-editorial-row.row-flipped {
                flex-direction: column;
                gap: 60px;
            }
            .split-image-column, .split-content-column, .compromise-right-stack, .white-content-card-panel, .alternating-image-frame-box, .alternating-text-content-box {
                width: 100%;
            }
            .compromise-container h2, .community-registry-container h2 { width: 100%; }
            .floating-brutalist-block-card { width: calc(50% - 15px) !important; margin-top: 0 !important; }
            .magazine-asymmetric-matrix { grid-template-columns: 1fr; }
            .footer-columns-grid { grid-template-columns: 1fr 1fr; }
        }

        @media (max-width: 900px) {
            header { padding: 25px 5%; }
            .header-right-zone .book-consultation-btn { display: none; }
            .editorial-hero-title { font-size: 3.5rem; }
            .hero-section-container { flex-direction: column; padding-top: 160px; height: auto; }
            .hero-left-content, .hero-right-composition { width: 100%; }
            .hero-right-composition { margin-top: 60px; padding-bottom: 60px; }
            .editorial-horizontal-panel { flex-direction: column; gap: 20px; }
            .panel-num, .panel-headline-box, .panel-description-box { width: 100%; }
            .floating-brutalist-block-card { width: 100% !important; }
            .subpage-hero-wrapper h1 { font-size: 3.2rem; }
            .radial-viewport-canvas { height: auto; display: flex; flex-direction: column; gap: 20px; }
            .rotating-medical-illustration-axis { display: none; }
            .radial-informational-card-node { position: relative !important; width: 100% !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; }
        }