/* --- VISUAL INTERFACE & ARCHITECTURAL SYSTEM --- */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'DM Sans', sans-serif;
            -webkit-font-smoothing: antialiased;
            letter-spacing: -0.03em;
        }

        /* Enforcing global background restriction: Pure white #FFFFFF prohibited globally */
        html, body {
            background-color: #8585ff;
            color: #000000;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* --- TYPOGRAPHY ARCHITECTURE --- */
        h1, h2, h3, .massive-display {
            font-weight: 100;
            line-height: 0.9;
            letter-spacing: -0.05em;
        }

        p {
            font-family: 'Roboto', sans-serif;
            font-weight: 300;
            font-size: 1.35rem;
            line-height: 1.9;
            color: #1a1a1a;
        }

        a {
            color: inherit;
            text-decoration: none;
            transition: color 0.4s ease, opacity 0.4s ease;
        }

        /* --- FLOATING ARCHITECTURAL NAVIGATION --- */
        nav {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            padding: 45px 5%;
            display: flex;
            height: 100px;
            margin-top: 2rem;
            justify-content: space-between;
            align-items: center;
            z-index: 1000;
            color: #7070ff;
        }

.logo {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.logo img {
    height: 200px;
    width: auto;
    display: block;
}
.logo:hover img {
    opacity: 0.8;
}
        /* Responsible, structural menu component layout */
        .nav-menu-trigger {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 36px;
            height: 14px;
            cursor: pointer;
            border: none;
            background: transparent;
        }

        .nav-menu-trigger span {
            display: block;
            width: 100%;
            height: 1px;
            
            background-color: #3131ff;
            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.5s ease;
        }

        /* --- RESPONSIVE OVERLAY MENU --- */
        .navigation-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background-color: #F4F4F6;
            z-index: 999;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 10%;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .navigation-overlay.is-active {
            opacity: 1;
            pointer-events: auto;
        }

        .navigation-overlay ul {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 3vh;
        }

        .navigation-overlay ul li a {
            font-size: 2vw;
            font-weight: 100;
            text-transform: uppercase;
            line-height: 1;
                        color: #0000ff;

            letter-spacing: -0.04em;
            display: inline-block;
        }

        .navigation-overlay ul li a:hover {
            color: #0000ff;
            padding-left: 25px;
        }

        /* Dynamic state modifications managed safely via trigger */
        body.menu-open .nav-menu-trigger span:nth-child(1) {
            transform: translateY(6px) rotate(45deg);
            background-color: #111111;
        }
        body.menu-open .nav-menu-trigger span:nth-child(2) {
            transform: translateY(-7px) rotate(-45deg);
            background-color: #111111;
        }

        /* --- LAYER CONTROL COMPONENT MATRIX --- */
        .paper-layer {
            display: none;
        }

        .paper-layer.active-layer {
            display: block;
        }

        /* --- SECTION 1: OPENING EXPERIENCE --- */
        .opening-experience {
            background-color: #6a6aff;
            height: 140vh;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 35vh 8% 5vh 8%;
            position: relative;
                background-image: url('https://i.pinimg.com/736x/08/ec/29/08ec296d8e8929be52ab69c611bae62e.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
        }

        .manifesto-cluster {
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 60vh;
        }

        .manifesto-sentence {
            font-size: 4.2vw;
            font-weight: 200;
            line-height: 1.4;
            letter-spacing: -0.04em;
            color: #111111;
            opacity: 0.95;
        }

        .massive-brand-title {
            font-size: 15.5vw;
            font-weight: 900;
            line-height: 0.75;
            letter-spacing: -0.06em;
            text-transform: uppercase;
            color: #111111;
            width: 100%;
            margin-top: auto;
        }

        /* --- SECTION 2: THE BLUE COLUMN --- */
        .blue-column-container {
            display: flex;
            background-color: #FAFAFB;
            width: 100%;
            position: relative;
        }

        .blue-column-strip {
            width: 20%;
            height: 120vh;
            background-color: #2F2FE4;
            position: sticky;
            top: 0;
        }

        .editorial-chapter-area {
            width: 80%;
            padding: 25vh 12% 25vh 8%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

        .chapter-label {
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            color: #2F2FE4;
            font-weight: 700;
            margin-bottom: 50px;
        }

        .chapter-essay-text {
            font-size: 2.4rem;
            font-weight: 200;
            line-height: 1.65;
            letter-spacing: -0.03em;
            color: #111111;
            text-align: justify;
        }

        /* --- SECTION 3: IMAGE INTERRUPTION --- */
        .image-interruption-viewport {
            width: 100%;
            height: 100vh;
            background-image: url('https://i.pinimg.com/736x/a7/c9/d8/a7c9d854d2fdb93f8bdb75954efbf365.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }

        .interruption-subtext-line {
            padding: 15vh 10%;
            background-color: #FAFAFB;
        }

        .interruption-quote {
            font-size: 3.2rem;
            font-weight: 200;
            line-height: 1.4;
            max-width: 1100px;
            letter-spacing: -0.04em;
        }

        /* --- SECTION 4: CONTINUOUS ESSAY --- */
        .continuous-essay-flow {
            padding: 15vh 10% 25vh 10%;
            background-color: #FAFAFB;
        }

        .essay-block {
            display: flex;
            width: 100%;
            margin-bottom: 22vh;
        }

        .essay-index {
            width: 15%;
            font-family: 'Roboto', sans-serif;
            font-size: 1rem;
            font-weight: 400;
            color: #2F2FE4;
            letter-spacing: 0.05em;
        }

        .essay-content {
            width: 85%;
            max-width: 850px;
        }

        .essay-content p {
            margin-bottom: 2.5rem;
        }

        /* --- SECTION 5: TYPOGRAPHIC BREAK --- */
        .typographic-scroll-break {
            background-color: #FAFAFB;
            padding: 5vh 10%;
        }

        .break-word-viewport {
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

        .massive-outline-word {
            font-size: 24vw;
            font-weight: 900;
            text-transform: uppercase;
            line-height: 0.8;
            letter-spacing: -0.05em;
            color: transparent;
            -webkit-text-stroke: 1.5px #2F2FE4;
        }

        /* --- SECTION 6: ATHLETE SILHOUETTES --- */
        .athlete-silhouettes-container {
            background-color: #FAFAFB;
            padding: 15vh 5%;
            display: flex;
            flex-direction: column;
            gap: 28vh;
        }

        .athlete-profile-strip {
            width: 100%;
            display: flex;
            flex-direction: column;
        }

        .athlete-monolithic-image {
            width: 100%;
            height: 135vh;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            margin-bottom: 45px;
            transition: filter 0.8s ease;
        }

        .athlete-profile-strip:hover .athlete-monolithic-image {
            filter: grayscale(0%);
        }

        .athlete-profile-strip:nth-child(1) .athlete-monolithic-image {
            background-image: url('https://images.unsplash.com/photo-1544698310-74ea9d1c8258?q=80&w=2600&auto=format&fit=crop');
        }

        .athlete-profile-strip:nth-child(2) .athlete-monolithic-image {
            background-image: url('https://images.unsplash.com/photo-1511556532299-8f662fc26c06?q=80&w=2600&auto=format&fit=crop');
        }

        .athlete-profile-strip:nth-child(3) .athlete-monolithic-image {
            background-image: url('https://images.unsplash.com/photo-1530541930197-ff16ac917b0e?q=80&w=2600&auto=format&fit=crop');
        }

        .athlete-strip-meta {
            padding-left: 10px;
        }

        .athlete-meta-name {
            font-size: 3.8rem;
            font-weight: 200;
            text-transform: uppercase;
            line-height: 1;
            margin-bottom: 12px;
            letter-spacing: -0.04em;
        }

        .athlete-meta-details {
            font-family: 'Roboto', sans-serif;
            font-size: 1.15rem;
            color: #555555;
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        /* --- SECTION 7: THE LONG TABLE --- */
        .long-table-archive {
            padding: 25vh 5%;
            background-color: #FAFAFB;
            border-top: 1px solid #EFEFEF;
        }

        .archive-table-wrapper {
            width: 100%;
            overflow-x: auto;
        }

        .monolithic-table {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
        }

        .monolithic-table th {
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            color: #777777;
            padding: 35px 25px;
            border-bottom: 1px solid #111111;
            font-weight: 700;
        }

        .monolithic-table td {
            font-size: 1.4rem;
            font-weight: 300;
            padding: 50px 25px;
            border-bottom: 1px solid #EFEFEF;
        }

        .monolithic-table tr:hover td {
            color: #2F2FE4;
        }

        /* --- SECTION 8: FULL BLUE SCREEN --- */
        .full-blue-manifesto {
            background-color: #2F2FE4;
            color: #FAFAFB;
            height: 100vh;
            display: flex;
            align-items: center;
            padding: 0 10%;
        }

        .giant-statement-quote {
            font-size: 5.5vw;
            font-weight: 200;
            line-height: 1.3;
            letter-spacing: -0.04em;
        }

        /* --- MONOLITHIC ASYMMETRICAL FOOTER --- */
        footer {
            min-height: 120vh;
            background-color: #FAFAFB;
            border-top: 1px solid #EFEFEF;
            padding: 20vh 5% 5vh 5%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .footer-logo-line {
            font-size: 1.1rem;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: #111111;
        }

        .footer-center-issue-title {
            font-size: 14vw;
            font-weight: 900;
            text-transform: uppercase;
            line-height: 0.8;
            letter-spacing: -0.05em;
            margin: 12vh 0;
        }

        .asymmetric-notes-layout {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap;
            gap: 80px;
            margin-bottom: 18vh;
        }

        .asymmetric-note-block {
            max-width: 300px;
        }

        .asymmetric-note-block h4 {
            font-size: 0.8rem;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: #777777;
            margin-bottom: 30px;
        }

        .asymmetric-note-block ul {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 18px;
        }

        .asymmetric-note-block ul li a {
            font-size: 1.2rem;
            font-weight: 300;
        }

        .minimal-input-field {
            width: 100%;
            border: none;
            border-bottom: 1px solid #111111;
            background: transparent;
            padding: 12px 0;
            font-size: 1.1rem;
            font-family: 'Roboto', sans-serif;
            outline: none;
            margin-bottom: 25px;
        }

        .form-action-trigger {
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            font-weight: 700;
            border: none;
            background: transparent;
            cursor: pointer;
            padding-right: 20px;
        }

        .copyright-bottom-strip {
            font-family: 'Roboto', sans-serif;
            font-size: 0.9rem;
            color: #777777;
            display: flex;
            justify-content: space-between;
            border-top: 1px solid #EFEFEF;
            padding-top: 45px;
        }

        /* --- INTERNAL UNIQUE PAGE STYLING LAYERS --- */
        .internal-page-container {
            padding: 20vh 5% 15vh 5%;
            background-color: #FAFAFB;
            min-height: 100vh;
        }

        /* ATHLETES PAGE */
        .athletes-hero-portrait {
            width: 100%;
            height: 100vh;
            background-image: url('https://images.unsplash.com/photo-1516478177764-9fe5bd7e9717?q=80&w=2600&auto=format&fit=crop');
            background-size: cover;
            background-position: center;
            position: relative;
            margin-bottom: 18vh;
        }

        .portrait-edge-overlay-text {
            position: absolute;
            bottom: 60px;
            left: 60px;
            right: 60px;
            color: #FAFAFB;
            font-size: 5.5vw;
            font-weight: 100;
            line-height: 1.1;
            text-transform: uppercase;
            letter-spacing: -0.04em;
        }

        /* BUSINESS PAGE */
        .gallery-wall-system {
            display: flex;
            flex-direction: column;
            gap: 22vh;
            padding: 12vh 0;
            max-width: 1050px;
        }

        .exhibition-pinned-label {
            border-left: 1px solid #2F2FE4;
            padding-left: 60px;
        }

        .exhibition-label-meta {
            font-family: 'Roboto', sans-serif;
            font-size: 0.9rem;
            color: #777777;
            text-transform: uppercase;
            margin-bottom: 20px;
            letter-spacing: 0.05em;
        }

        .exhibition-label-title {
            font-size: 3.5rem;
            font-weight: 200;
            margin-bottom: 35px;
            line-height: 1.15;
            letter-spacing: -0.04em;
        }

        /* INVESTMENTS PAGE */
        .investor-notebook-layout {
            max-width: 850px;
            margin: 0 auto;
            padding: 8vh 0;
        }

        .notebook-page-margin {
            border-bottom: 1px solid #EFEFEF;
            padding-bottom: 10vh;
            margin-bottom: 10vh;
        }

        .notebook-heading {
            font-size: 4rem;
            font-weight: 200;
            margin-bottom: 40px;
            line-height: 1.05;
            letter-spacing: -0.04em;
        }

        /* RANKINGS PAGE */
        .printed-ranking-book {
            max-width: 1150px;
            margin-top: 12vh;
        }

        .ranking-book-row {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            padding: 45px 0;
            border-bottom: 1px solid #111111;
        }

        .ranking-book-identity {
            font-size: 4.2vw;
            font-weight: 200;
            text-transform: uppercase;
            letter-spacing: -0.03em;
        }

        .ranking-book-metric {
            font-family: 'Roboto', sans-serif;
            font-size: 2.8rem;
            font-weight: 400;
        }

        /* CONTACT PAGE */
        .contact-asymmetric-split {
            display: flex;
            width: 100%;
            margin-top: 12vh;
        }

        .contact-left-statement-massive {
            width: 45%;
            font-size: 8vw;
            font-weight: 900;
            line-height: 0.85;
            text-transform: uppercase;
            letter-spacing: -0.05em;
        }

        .contact-right-form-minimal {
            width: 55%;
            padding-left: 12%;
            display: flex;
            flex-direction: column;
            gap: 70px;
        }

        /* LEGAL SPREAD EXTENDED FORMATS */
        .legal-spread-narrative {
            max-width: 850px;
            margin: 10vh 0;
        }

        .legal-spread-narrative h2 {
            font-size: 2.2rem;
            font-weight: 200;
            margin: 70px 0 30px 0;
            text-transform: uppercase;
            letter-spacing: -0.03em;
        }

        .legal-spread-narrative p {
            margin-bottom: 35px;
            text-align: justify;
        }

        /* --- RESPONSIVE LAYOUT TRANSLATION MATRIX --- */
        @media (max-width: 1024px) {
            .blue-column-container { flex-direction: column; }
            .blue-column-strip { width: 100%; height: 25px; position: relative; }
            .editorial-chapter-area { width: 100%; padding: 12vh 5%; }
            .essay-block { flex-direction: column; gap: 30px; }
            .essay-index { width: 100%; }
            .essay-content { width: 100%; }
            .contact-asymmetric-split { flex-direction: column; gap: 100px; }
            .contact-left-statement-massive { width: 100%; font-size: 15vw; }
            .contact-right-form-minimal { width: 100%; padding-left: 0; }
            .asymmetric-notes-layout { flex-direction: column; gap: 60px; }
        }

        @media (max-width: 768px) {
            .manifesto-sentence { font-size: 2rem; }
            .chapter-essay-text { font-size: 1.65rem; }
            .interruption-quote { font-size: 1.95rem; }
            .athlete-monolithic-image { height: 90vh; }
            .ranking-book-row { flex-direction: column; gap: 15px; }
            .ranking-book-identity { font-size: 2.2rem; }
            .ranking-book-metric { font-size: 1.75rem; }
            .exhibition-pinned-label { padding-left: 25px; }
            .exhibition-label-title { font-size: 2.2rem; }
            .portrait-edge-overlay-text { font-size: 1.85rem; left: 25px; bottom: 25px; }
        }