:root { scroll-behavior: smooth; }
        body { 
            font-family: 'Abel', sans-serif;
            background-color: #ffffff;
            color: #1a1a1a;
            overflow-x: hidden;
            margin: 0;
            letter-spacing: 0.05em;
        }

        /* The Margin Constraint */
        .page-wrapper {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 5rem;
        }

        /* Floating Art Boards */
        .art-card {
            background: white;
            border: 1px solid rgba(0,0,0,0.05);
            box-shadow: 25px 25px 0px rgba(0,0,0,0.02);
            transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
            position: relative;
        }
        .art-card:hover { 
            transform: rotate(0deg) scale(1.02) !important;
            box-shadow: 10px 10px 50px rgba(0,0,0,0.1);
            z-index: 50;
        }

        /* Typography */
        .text-mega { font-size: 11rem; line-height: 0.8; font-weight: 900; letter-spacing: -0.06em; }
        .text-micro { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.5em; font-weight: bold; }

        /* Navigation Strip */
        .nav-strip {
            background: white;
            border: 1px solid #eee;
            padding: 1rem 2.5rem;
            box-shadow: 8px 8px 0px rgba(255, 62, 165, 0.1);
            pointer-events: auto;
        }

        /* Page Views */
        .section-view { display: none; }
        .section-view.active { display: block; animation: viewIn 0.8s ease forwards; }
        @keyframes viewIn { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }

        /* Modal Overlays */
        .full-overlay {
            display: none;
            position: fixed;
            inset: 0;
            background: white;
            z-index: 2000;
            overflow-y: auto;
            padding: 5rem;
        }
        .full-overlay.active { display: block; }

        /* Chaotic Grid Helper */
        .scatter-box { position: relative; height: 1000px; }
        .scatter-item { position: absolute; cursor: pointer; transition: 0.4s ease; }
        .scatter-item:hover { z-index: 100; transform: rotate(0deg) scale(1.1) !important; }

        /* Buttons */
        .btn-action {
            background: #FF3EA5;
            color: white;
            padding: 1.2rem 2.5rem;
            font-size: 0.8rem;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 0.3em;
            transition: 0.3s;
            border: none;
            cursor: pointer;
        }
        .btn-action:hover { background: #00FFAB; color: black; transform: translateY(-5px); }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: white; }
        ::-webkit-scrollbar-thumb { background: #FF3EA5; }