/* BRAND IDENTITY SYSTEM & RESET */
        :root {
            --primary-red: #DB1A1A;
            --dusty-rose: #D96868;
            --sky-blue: #7DAACB;
            --warm-ivory: #FEFDDF;
            --soft-white: #FBF6F6;
            --pure-white: #FFFFFF;
            --dark-charcoal: #151311;
            
            --font-editorial: 'Libre Caslon Text', Georgia, serif;
            --font-sans: 'Montserrat', sans-serif;
            --transition-fluid: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        }

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

        html {
            scroll-behavior: smooth;
            background-color: var(--soft-white);
        }

        body {
            font-family: var(--font-sans);
            color: var(--dark-charcoal);
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        /* EDITORIAL TYPOGRAPHY RULES */
        h1, h2, h3, h4, .editorial-heading {
            font-family: var(--font-editorial);
            font-weight: 400;
            line-height: 1.05;
            letter-spacing: -0.02em;
        }

        p {
            font-size: 1.05rem;
            line-height: 1.85;
            letter-spacing: -0.005em;
            color: rgba(21, 19, 17, 0.85);
            max-width: 38rem;
        }

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

        /* MEDIA HANDLING */
        .image-reveal-wrapper {
            overflow: hidden;
            position: relative;
            background-color: #ECE9E4;
            width: 100%;
            height: 100%;
        }

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

        img:hover {
            transform: scale(1.03);
        }

        /* STRUCTURE AND TEMPLATE UTILITIES */
        .container {
            max-width: 1520px;
            margin: 0 auto;
            padding: 0 4rem;
        }

        @media (max-width: 992px) {
            .container { padding: 0 2rem; }
        }

        /* EDITORIAL FIXED HEADER */
        header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            padding: 2.5rem 4rem;
            transition: var(--transition-fluid);
            background-color: transparent;
        }

        header.scrolled {
            background-color: var(--warm-ivory);
            padding: 1.2rem 4rem;
            box-shadow: 0 10px 40px rgba(0,0,0,0.03);
            border-bottom: 1px solid rgba(219, 26, 26, 0.08);
        }

        .nav-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1600px;
            margin: 0 auto;
        }

        .logo-text {
            font-family: var(--font-editorial);
            font-size: 1.6rem;
            font-weight: 700;
            letter-spacing: -0.04em;
            color: var(--primary-red);
            cursor: pointer;
        }

        .nav-center {
            display: flex;
            gap: 3.5rem;
        }

        .nav-link {
            font-family: var(--font-sans);
            font-size: 0.8rem;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            font-weight: 500;
            cursor: pointer;
            position: relative;
            padding: 0.5rem 0;
            transition: var(--transition-fluid);
        }

        .nav-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 1px;
            background-color: var(--primary-red);
            transition: var(--transition-fluid);
        }

        .nav-link:hover::after, .nav-link.active-link::after {
            width: 100%;
        }

        .nav-right {
            display: flex;
            align-items: center;
            gap: 2.5rem;
        }

        .paint-guide-trigger {
            font-family: var(--font-editorial);
            font-style: italic;
            font-size: 1.15rem;
            cursor: pointer;
            border-bottom: 1px solid var(--dark-charcoal);
            padding-bottom: 2px;
        }

        /* RESPONSIVE HAMBURGER */
        .hamburger {
            display: none;
            flex-direction: column;
            gap: 6px;
            cursor: pointer;
            z-index: 1010;
        }

        .hamburger span {
            width: 26px;
            height: 1.5px;
            background-color: var(--dark-charcoal);
            transition: var(--transition-fluid);
        }

        .mobile-overlay-menu {
            position: fixed;
            top: 0;
            right: -100%;
            width: 100%;
            height: 100vh;
            background-color: var(--warm-ivory);
            z-index: 1005;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 2rem;
            transition: var(--transition-fluid);
        }

        .mobile-overlay-menu.open {
            right: 0;
        }

        .mobile-overlay-menu .nav-link {
            font-size: 1.6rem;
            font-family: var(--font-editorial);
            text-transform: none;
        }

        /* ROUTING SCREEN ARCHITECTURE */
        .page-view-panel {
            display: none;
        }

        .page-view-panel.active-panel {
            display: block;
        }

        /* ==========================================================
           HOME PAGE COMPOSITION
        ========================================================== */
        
        /* THE COLOR HOUSE HERO SYSTEM */
        .hero-color-house {
            height: 120vh;
            background-color: var(--warm-ivory);
            display: grid;
            grid-template-columns: 0.4fr 1.6fr 2fr;
            align-items: stretch;
            position: relative;
            padding-top: 120px;
        }

        .hero-color-block-left {
            background-color: var(--primary-red);
            height: 100%;
        }

        .hero-center-axis {
            padding: 8rem 4rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .hero-giant-headline {
            font-size: clamp(3.5rem, 6.5vw, 7.5rem);
            color: var(--dark-charcoal);
            line-height: 0.95;
            margin-bottom: 3.5rem;
        }

        .hero-right-media-frame {
            position: relative;
            padding: 6rem 4rem 6rem 0;
            display: flex;
            align-items: center;
        }

        .hero-real-interior {
            width: 100%;
            height: 90%;
            box-shadow: 0 40px 80px rgba(0,0,0,0.08);
        }

        /* Tactile Floating Paint Swatches Component */
        .floating-swatch-cluster {
            position: absolute;
            bottom: 12%;
            left: -15%;
            display: flex;
            gap: 1.5rem;
            z-index: 10;
        }

        .tactile-swatch {
            width: 120px;
            height: 180px;
            background: var(--pure-white);
            padding: 12px 12px 35px 12px;
            box-shadow: 0 20px 45px rgba(0,0,0,0.12);
            transform: rotate(-3deg);
            transition: var(--transition-fluid);
            cursor: pointer;
        }

        .tactile-swatch:nth-child(2) { transform: rotate(5deg) translateY(-25px); }
        .tactile-swatch:nth-child(3) { transform: rotate(-6deg) translateY(15px); }

        .tactile-swatch:hover {
            transform: translateY(-30px) scale(1.08) rotate(0deg) !important;
            z-index: 30;
            box-shadow: 0 35px 60px rgba(0,0,0,0.2);
        }

        .swatch-pigment-area {
            width: 100%;
            height: 120px;
            margin-bottom: 12px;
        }

        .swatch-label-code {
            font-family: var(--font-sans);
            font-size: 0.65rem;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            font-weight: 600;
            color: rgba(0,0,0,0.5);
        }

        /* SECTION 2: ROOMS OF COLOR (STAGGERED CHRONICLE) */
        .rooms-of-color-section {
            background-color: var(--soft-white);
            padding: 12rem 0;
        }

        .editorial-label-block {
            text-align: center;
            margin-bottom: 8rem;
        }

        .editorial-label-block .small-tag {
            font-family: var(--font-sans);
            font-size: 0.8rem;
            letter-spacing: 0.3em;
            text-transform: uppercase;
            color: var(--dusty-rose);
            display: block;
            margin-bottom: 1.2rem;
        }

        .editorial-label-block h2 {
            font-size: clamp(2.5rem, 4.5vw, 5rem);
        }

        .asymmetric-magazine-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 14rem 6rem;
        }

        .staggered-room-card {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 700px;
            padding: 3.5rem;
            position: relative;
            transition: var(--transition-fluid);
        }

        .staggered-room-card:nth-child(even) {
            margin-top: 10rem;
        }

        .staggered-room-card .card-media-window {
            width: 100%;
            height: 440px;
            margin-bottom: 2.5rem;
        }

        .staggered-room-card h3 {
            font-size: 2.6rem;
            margin-bottom: 1rem;
        }

        /* SECTION 3: THE PAINT WALL ARCHIVE */
        .paint-wall-section {
            background-color: var(--sky-blue);
            color: var(--pure-white);
            padding: 12rem 0;
        }

        .giant-paint-strips-container {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 1.5rem;
            margin-top: 6rem;
        }

        .vertical-paint-strip {
            background-color: rgba(255, 255, 255, 0.08);
            border-top: 5px solid var(--pure-white);
            padding: 4.5rem 2rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 750px;
            transition: var(--transition-fluid);
        }

        .vertical-paint-strip:hover {
            background-color: var(--pure-white);
            color: var(--dark-charcoal);
            transform: translateY(-25px);
            box-shadow: 0 45px 75px rgba(0,0,0,0.18);
        }

        .strip-header h3 {
            font-size: 2.4rem;
            margin-bottom: 1.5rem;
        }

        .strip-narrative {
            font-size: 0.95rem;
            line-height: 1.7;
            opacity: 0.85;
        }

        .vertical-paint-strip:hover .strip-narrative {
            color: rgba(21, 19, 17, 0.8);
        }

        .strip-footer-data {
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            padding-top: 2rem;
        }

        .vertical-paint-strip:hover .strip-footer-data {
            border-top: 1px solid rgba(21, 19, 17, 0.1);
        }

        .strip-meta-title {
            font-family: var(--font-sans);
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            display: block;
            margin-bottom: 0.4rem;
            opacity: 0.7;
        }

        .strip-meta-desc {
            font-family: var(--font-editorial);
            font-style: italic;
            font-size: 1.2rem;
            margin-bottom: 1.5rem;
            display: block;
        }

        /* SECTION 4: DESIGN JOURNAL MAGAZINE SPREADS */
        .design-journal-section {
            background-color: var(--warm-ivory);
            padding: 12rem 0;
        }

        .journal-header-split {
            display: grid;
            grid-template-columns: 1.2fr 0.8fr;
            gap: 4rem;
            margin-bottom: 10rem;
            align-items: flex-end;
        }

        .journal-header-split h2 {
            font-size: clamp(2.5rem, 5vw, 5rem);
            line-height: 1.0;
        }

        .magazine-article-stack {
            display: flex;
            flex-direction: column;
            gap: 14rem;
        }

        .magazine-article-row {
            display: grid;
            grid-template-columns: 1.10fr 0.90fr;
            gap: 6rem;
            align-items: center;
        }

        .magazine-article-row:nth-child(even) {
            grid-template-columns: 0.90fr 1.10fr;
        }

        .magazine-article-row:nth-child(even) .row-media-box {
            order: 2;
        }

        .row-media-box {
            height: 600px;
        }

        .row-text-box {
            padding: 2rem 0;
        }

        .row-volume-marker {
            font-family: var(--font-editorial);
            font-style: italic;
            font-size: 1.6rem;
            color: var(--primary-red);
            display: block;
            margin-bottom: 1.2rem;
        }

        .row-article-headline {
            font-size: 3.2rem;
            margin-bottom: 2rem;
        }

        /* SECTION 5: COLOR LAB EXTENSION */
        .color-lab-section {
            background-color: var(--primary-red);
            color: var(--pure-white);
            padding: 14rem 0;
        }

        .lab-centerpiece-statement {
            font-size: clamp(3rem, 7.5vw, 7.2rem);
            text-align: center;
            line-height: 1.0;
            margin-bottom: 12rem;
        }

        .geometric-lab-compositions {
            display: flex;
            flex-direction: column;
            gap: 16rem;
        }

        .overlapping-lab-composition {
            position: relative;
            min-height: 650px;
            width: 100%;
        }

        .lab-base-media-card {
            width: 60%;
            height: 520px;
            position: relative;
            z-index: 1;
        }

        .lab-foreground-overlap-card {
            position: absolute;
            top: 25%;
            left: 50%;
            width: 42%;
            height: 460px;
            z-index: 2;
            border: 12px solid var(--primary-red);
            box-shadow: 0 45px 85px rgba(0,0,0,0.3);
        }

        .lab-floating-data-card {
            position: absolute;
            bottom: -5%;
            left: 42%;
            width: 220px;
            height: 260px;
            background-color: var(--warm-ivory);
            color: var(--dark-charcoal);
            z-index: 3;
            padding: 2rem;
            box-shadow: 0 35px 65px rgba(0,0,0,0.35);
        }

        /* SECTION 6: THE BLUE GALLERY */
        .blue-gallery-section {
            background-color: var(--sky-blue);
            padding: 14rem 0;
        }

        .museum-exhibition-layout {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 5rem 4rem;
            align-items: flex-start;
        }

        .gallery-exhibit-block {
            position: relative;
        }

        .exhibit-curator-note {
            margin-top: 1.5rem;
            font-family: var(--font-editorial);
            font-style: italic;
            font-size: 1.1rem;
            color: rgba(255,255,255,0.9);
            border-left: 2px solid var(--warm-ivory);
            padding-left: 1.2rem;
        }

        .exhibit-w-1 { grid-column: span 7; }
        .exhibit-w-1 .image-reveal-wrapper { height: 680px; }
        
        .exhibit-w-2 { grid-column: span 5; margin-top: 10rem; }
        .exhibit-w-2 .image-reveal-wrapper { height: 440px; }
        
        .exhibit-w-3 { grid-column: span 4; }
        .exhibit-w-3 .image-reveal-wrapper { height: 540px; }
        
        .exhibit-w-4 { grid-column: span 8; margin-top: -6rem; }
        .exhibit-w-4 .image-reveal-wrapper { height: 500px; }

        /* SECTION 7: FEATURED TRANSFORMATION SCREEN */
        .transformation-section {
            background-color: var(--pure-white);
            padding: 14rem 0;
        }

        .split-transformation-axis {
            display: grid;
            grid-template-columns: 1.1fr 0.8fr 1.1fr;
            gap: 3.5rem;
            align-items: center;
        }

        .axis-chronicle-label {
            font-family: var(--font-sans);
            font-size: 0.75rem;
            letter-spacing: 0.25em;
            text-transform: uppercase;
            margin-bottom: 1.2rem;
            display: block;
            color: rgba(0,0,0,0.4);
        }

        .transformation-narrative-box {
            text-align: center;
            padding: 0 1.5rem;
        }

        .transformation-narrative-box h3 {
            font-size: 3rem;
            margin-bottom: 1.8rem;
        }

        /* SECTION 8: COLOR MANIFESTO */
        .manifesto-section {
            background-color: var(--dusty-rose);
            color: var(--pure-white);
            padding: 16rem 4rem;
            text-align: center;
        }

        .manifesto-monolithic-heading {
            font-size: clamp(3.2rem, 8vw, 8.5rem);
            line-height: 0.95;
            margin-bottom: 5rem;
        }

        .manifesto-editorial-text {
            max-width: 900px;
            margin: 0 auto;
            font-family: var(--font-editorial);
            font-size: 1.75rem;
            line-height: 1.95;
            color: var(--pure-white);
        }

        /* SECTION 9: NEWSLETTER STUDIO ARCHITECTURE */
        .newsletter-section {
            background-color: var(--warm-ivory);
            padding: 12rem 0;
            display: flex;
            justify-content: center;
        }

        .dual-purpose-studio-card {
            background-color: var(--pure-white);
            width: 100%;
            max-width: 1000px;
            padding: 7rem 6rem;
            box-shadow: 0 50px 100px rgba(21, 19, 17, 0.03);
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 6rem;
        }

        .studio-form-column h3 {
            font-size: 2.2rem;
            margin-bottom: 1.5rem;
        }

        .studio-input-wrap {
            margin-bottom: 2.5rem;
        }

        .studio-input-wrap label {
            display: block;
            font-family: var(--font-sans);
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            margin-bottom: 0.6rem;
            font-weight: 500;
        }

        .studio-text-field {
            width: 100%;
            border: none;
            border-bottom: 1px solid rgba(0,0,0,0.15);
            padding: 1rem 0;
            font-family: var(--font-editorial);
            font-size: 1.2rem;
            background: transparent;
            outline: none;
            transition: var(--transition-fluid);
        }

        .studio-text-field:focus {
            border-bottom: 1px solid var(--primary-red);
        }

        .btn-editorial-action {
            background-color: var(--dark-charcoal);
            color: var(--pure-white);
            border: none;
            width: 100%;
            padding: 1.4rem;
            font-family: var(--font-sans);
            font-size: 0.8rem;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            font-weight: 500;
            cursor: pointer;
            transition: var(--transition-fluid);
        }

        .btn-editorial-action:hover {
            background-color: var(--primary-red);
        }

        /* ==========================================================
           COLOR STORIES PAGE COMPOSITION
        ========================================================== */
        .color-stories-canvas {
            background-color: var(--sky-blue);
            color: var(--pure-white);
            padding: 16rem 0 12rem 0;
        }

        .story-chapter-node {
            margin-bottom: 16rem;
        }

        .chapter-ordinal-flag {
            font-family: var(--font-editorial);
            font-style: italic;
            font-size: 1.6rem;
            display: block;
            margin-bottom: 1rem;
            color: var(--warm-ivory);
        }

        .chapter-editorial-header {
            font-size: clamp(3.5rem, 6.5vw, 6.5rem);
            margin-bottom: 4.5rem;
            border-bottom: 1px solid rgba(255,255,255,0.15);
            padding-bottom: 2.5rem;
        }

        .chapter-magazine-layout {
            display: grid;
            grid-template-columns: 1.25fr 0.75fr;
            gap: 7rem;
            align-items: center;
        }

        .chapter-magazine-layout.inverse-row {
            grid-template-columns: 0.75fr 1.25fr;
        }

        .chapter-magazine-layout.inverse-row .chapter-media-frame {
            order: 2;
        }

        .chapter-media-frame {
            height: 650px;
        }

        .chapter-exposition-frame h4 {
            font-size: 2.5rem;
            margin-bottom: 1.8rem;
            color: var(--warm-ivory);
        }

        .chapter-exposition-frame p {
            font-size: 1.2rem;
            line-height: 1.95;
            color: var(--pure-white);
        }

        /* ==========================================================
           PAINT COLLECTIONS PAGE COMPOSITION
        ========================================================== */
        .paint-collections-canvas {
            background-color: var(--warm-ivory);
            padding: 16rem 0 12rem 0;
        }

        .paint-strip-scrolling-vault {
            display: flex;
            flex-direction: column;
            gap: 3.5rem;
            margin-top: 7rem;
        }

        .oversized-horizontal-paint-strip {
            background-color: var(--pure-white);
            border-left: 28px solid var(--primary-red);
            padding: 4.5rem;
            display: grid;
            grid-template-columns: 1.4fr 1fr 1fr 2fr;
            gap: 4rem;
            align-items: center;
            box-shadow: 0 30px 60px rgba(21,19,17,0.02);
            transition: var(--transition-fluid);
        }

        .oversized-horizontal-paint-strip:hover {
            transform: scale(1.015);
            box-shadow: 0 40px 80px rgba(21,19,17,0.06);
        }

        .strip-moniker {
            font-size: 2.8rem;
        }

        .strip-attribute-label {
            font-family: var(--font-sans);
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            color: rgba(0,0,0,0.4);
            display: block;
            margin-bottom: 0.5rem;
        }

        .strip-attribute-value {
            font-family: var(--font-editorial);
            font-size: 1.3rem;
        }

        /* ==========================================================
           INTERIOR JOURNAL PAGE COMPOSITION
        ========================================================== */
        .interior-journal-canvas {
            background-color: var(--soft-white);
            padding: 16rem 0 12rem 0;
        }

        .journal-long-read-chronicle {
            display: flex;
            flex-direction: column;
            gap: 16rem;
            margin-top: 8rem;
        }

        .long-read-exposition-block {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 5rem;
        }

        .long-read-media-window {
            grid-column: span 7;
            height: 750px;
        }

        .long-read-text-window {
            grid-column: span 5;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .long-read-tag {
            font-family: var(--font-sans);
            font-size: 0.8rem;
            letter-spacing: 0.3em;
            text-transform: uppercase;
            color: var(--primary-red);
            margin-bottom: 1.8rem;
            display: block;
            font-weight: 600;
        }

        .long-read-headline {
            font-size: 3.8rem;
            margin-bottom: 2.5rem;
        }

        .long-read-text-window p {
            font-size: 1.15rem;
            margin-bottom: 3rem;
        }

        .long-read-author {
            font-family: var(--font-editorial);
            font-style: italic;
            font-size: 1.2rem;
            color: var(--primary-red);
        }

        /* ==========================================================
           ABOUT PAGE (HOUSE BLUEPRINT CONCEPT)
        ========================================================== */
        .about-canvas {
            background-color: var(--pure-white);
            padding: 16rem 0 12rem 0;
        }

        .blueprint-structural-axis {
            position: relative;
            margin-top: 10rem;
            padding-left: 5rem;
            border-left: 1px dashed var(--primary-red);
        }

        .blueprint-milestone-node {
            position: relative;
            padding-bottom: 9rem;
        }

        .blueprint-milestone-node::before {
            content: '';
            position: absolute;
            left: -56px;
            top: 10px;
            width: 11px;
            height: 11px;
            background-color: var(--primary-red);
            border-radius: 50%;
        }

        .blueprint-milestone-node::after {
            content: '';
            position: absolute;
            left: -51px;
            top: 21px;
            width: 1px;
            height: 100%;
            border-left: 1px dashed var(--primary-red);
        }

        .blueprint-milestone-node:last-child::after {
            display: none;
        }

        .blueprint-node-tag {
            font-family: var(--font-sans);
            font-size: 0.8rem;
            color: var(--dusty-rose);
            letter-spacing: 0.25em;
            text-transform: uppercase;
            display: block;
            margin-bottom: 0.6rem;
            font-weight: 500;
        }

        .blueprint-node-title {
            font-size: 3rem;
            margin-bottom: 1.8rem;
        }

        .blueprint-node-body {
            max-width: 780px;
            font-size: 1.2rem;
            line-height: 1.9;
        }

        /* ==========================================================
           CONTACT PAGE COMPOSITION
        ========================================================== */
        .contact-canvas {
            background-color: var(--dusty-rose);
            color: var(--pure-white);
            padding: 16rem 0 12rem 0;
        }

        .contact-asymmetric-split {
            display: grid;
            grid-template-columns: 1.15fr 0.85fr;
            gap: 7rem;
            align-items: flex-start;
        }

        .contact-form-magazine-panel h2 {
            font-size: 4.5rem;
            margin-bottom: 3.5rem;
        }

        .contact-swatch-installation {
            position: relative;
            height: 480px;
            margin-top: 4rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .contact-field-group {
            margin-bottom: 3rem;
        }

        .contact-field-group label {
            display: block;
            font-family: var(--font-sans);
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            margin-bottom: 0.8rem;
        }

        .contact-underlined-field {
            width: 100%;
            background: transparent;
            border: none;
            border-bottom: 1px solid rgba(255,255,255,0.35);
            padding: 1.2rem 0;
            color: var(--pure-white);
            font-family: var(--font-editorial);
            font-size: 1.3rem;
            outline: none;
            transition: var(--transition-fluid);
        }

        .contact-underlined-field:focus {
            border-bottom: 1px solid var(--warm-ivory);
        }

        .btn-contact-submit {
            background-color: var(--warm-ivory);
            color: var(--dark-charcoal);
            border: none;
            padding: 1.5rem 3.5rem;
            font-family: var(--font-sans);
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition-fluid);
        }

        .btn-contact-submit:hover {
            background-color: var(--primary-red);
            color: var(--pure-white);
        }

        .studio-faq-container {
            margin-top: 6rem;
        }

        .faq-editorial-row {
            border-bottom: 1px solid rgba(255,255,255,0.2);
            padding: 2.5rem 0;
            cursor: pointer;
        }

        .faq-editorial-question {
            font-family: var(--font-editorial);
            font-size: 1.75rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .faq-editorial-answer {
            max-height: 0;
            overflow: hidden;
            transition: var(--transition-fluid);
            opacity: 0;
            font-size: 1.05rem;
            line-height: 1.8;
            padding-top: 0;
            color: var(--warm-ivory);
        }

        .faq-editorial-row.expanded-row .faq-editorial-answer {
            max-height: 250px;
            opacity: 1;
            padding-top: 1.8rem;
        }

        /* ==========================================================
           PRIVACY POLICY & TERMS ARCHIVE
        ========================================================== */
        .legal-document-canvas {
            background-color: var(--soft-white);
            padding: 16rem 0 12rem 0;
        }

        .legal-editorial-container {
            max-width: 850px;
            margin: 0 auto;
        }

        .legal-editorial-container h2 {
            font-size: 4rem;
            margin-bottom: 2.5rem;
        }

        .legal-editorial-container h3 {
            font-size: 2rem;
            margin-top: 3.5rem;
            margin-bottom: 1.2rem;
        }

        .legal-editorial-container p {
            margin-bottom: 1.8rem;
            color: rgba(21,19,17,0.8);
            max-width: 100%;
        }

        /* ==========================================================
           FOOTER ARCHITECTURE
        ========================================================== */
        footer {
            background-color: var(--primary-red);
            color: var(--pure-white);
            padding: 9rem 4rem 3rem 4rem;
            position: relative;
        }

        .footer-logo-monolith {
            font-family: var(--font-editorial);
            font-size: 4rem;
            font-weight: 700;
            letter-spacing: -0.04em;
            margin-bottom: 6rem;
        }

        .footer-matrix-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 5rem;
            border-bottom: 1px solid rgba(255,255,255,0.15);
            padding-bottom: 6rem;
            margin-bottom: 4rem;
        }

        .footer-column-heading {
            font-family: var(--font-sans);
            font-size: 0.8rem;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            margin-bottom: 2.5rem;
            opacity: 0.6;
            font-weight: 600;
        }

        .footer-editorial-links {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 1.4rem;
        }

        .footer-editorial-links a {
            font-family: var(--font-editorial);
            font-size: 1.2rem;
            opacity: 0.85;
            transition: var(--transition-fluid);
            cursor: pointer;
        }

        .footer-editorial-links a:hover {
            opacity: 1;
            padding-left: 8px;
            color: var(--warm-ivory);
        }

        .footer-panoramic-background-text {
            font-family: var(--font-editorial);
            font-size: clamp(4rem, 11vw, 14rem);
            font-weight: 700;
            text-align: center;
            line-height: 0.8;
            letter-spacing: -0.05em;
            color: rgba(255, 255, 255, 0.03);
            user-select: none;
            pointer-events: none;
            margin-top: 4rem;
        }

        .footer-compliance-row {
            display: flex;
            justify-content: space-between;
            font-family: var(--font-sans);
            font-size: 0.75rem;
            letter-spacing: 0.1em;
            opacity: 0.5;
            padding-top: 1rem;
        }

        /* SYSTEM-WIDE RESPONSIVE RESPONSIVITY BREAKPOINTS */
        @media (max-width: 1150px) {
            .hero-color-house { grid-template-columns: 1fr; height: auto; }
            .hero-color-block-left { display: none; }
            .hero-right-media-frame { padding: 4rem 0; }
            .floating-swatch-cluster { left: 5%; bottom: -5%; }
            .giant-paint-strips-container { grid-template-columns: repeat(2, 1fr); }
            .asymmetric-magazine-grid { grid-template-columns: 1fr; gap: 6rem; }
            .staggered-room-card:nth-child(even) { margin-top: 0; }
            .magazine-article-row, .magazine-article-row:nth-child(even) { grid-template-columns: 1fr; gap: 4rem; }
            .magazine-article-row:nth-child(even) .row-media-box { order: 0; }
            .split-transformation-axis { grid-template-columns: 1fr; gap: 5rem; }
            .museum-exhibition-layout { display: flex; flex-direction: column; }
            .oversized-horizontal-paint-strip { grid-template-columns: 1fr; gap: 2rem; }
            .contact-asymmetric-split { grid-template-columns: 1fr; }
            .nav-center { display: none; }
            .hamburger { display: flex; }
            .footer-matrix-grid { grid-template-columns: repeat(2, 1fr); }
            .dual-purpose-studio-card { grid-template-columns: 1fr; padding: 4rem 2rem; gap: 5rem; }
            .chapter-magazine-layout, .chapter-magazine-layout.inverse-row { grid-template-columns: 1fr; gap: 4rem; }
            .chapter-magazine-layout.inverse-row .chapter-media-frame { order: 0; }
            .long-read-exposition-block { display: flex; flex-direction: column; }
            .long-read-media-window { height: 450px; }
        }

        @media (max-width: 650px) {
            .giant-paint-strips-container { grid-template-columns: 1fr; }
            .footer-matrix-grid { grid-template-columns: 1fr; }
        }