        :root {
            --bg-deep: #a6b7ef;
            --bg-royal: #d1cdd5;
            --accent-orange: #EB5B00;
            --accent-warm: #b47d3e;
            --text-light: #F5F5F7;
            --text-muted: rgba(245, 245, 247, 0.65);
            --font-serif: 'EB Garamond', serif;
            --transition-cinema: all 1.4s cubic-bezier(0.16, 1, 0.3, 1);
            --transition-snug: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        }

        /* --- GLOBAL RESET & BASICS --- */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        body {
            background-color: var(--bg-deep);
            color: var(--text-light);
            font-family: var(--font-serif);
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
            line-height: 1.7;
        }
        img {
            max-width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
            transition: var(--transition-cinema);
        }
        a {
            color: inherit;
            text-decoration: none;
            transition: var(--transition-snug);
        }
        button, input, textarea, select {
            font-family: var(--font-serif);
            background: transparent;
            border: none;
            outline: none;
            color: inherit;
        }

        /* --- MAGAZINE LAYOUT STRUCTURES --- */
        .magazine-chapter {
            width: 100%;
            min-height: 100vh;
            display: none;
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .magazine-chapter.active-chapter {
            display: block;
            opacity: 1;
            margin-top: 8rem;
            transform: translateY(0);
        }
        .whitespace-sentinel {
            padding: 180px 0;
        }
        .editorial-container {
            max-width: 1600px;
            margin: 0 auto;
            padding: 0 80px;
        }
        .thin-gold-line {
            width: 100%;
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(255, 199, 133, 0.15), transparent);
            margin: 120px 0;
        }

        /* --- HIGH-END STICKY HEADER & MOBILE BURGER --- */
        header.global-header {
            position: fixed;
            top: 0; left: 0; width: 100%;
            z-index: 2000;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 50px 80px;
            transition: var(--transition-cinema);
        }
        header.global-header.sticky-scrolled {
            background: rgba(9, 18, 44, 0.9);
            backdrop-filter: blur(30px);
            -webkit-backdrop-filter: blur(30px);
            padding: 25px 80px;
            border-bottom: 1px solid rgba(255, 199, 133, 0.08);
        }
        .brand-logo {
            font-size: 2.2rem;
            letter-spacing: 0.2em;
            color: #316bff;
            text-transform: uppercase;
            font-weight: 400;
        }

        nav.center-nav ul {
            display: flex;
            list-style: none;
            gap: 50px;
        }
        nav.center-nav ul li a {
            font-size: 1.0rem;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            position: relative;
            padding-bottom: 6px;
        }
        nav.center-nav ul li a::after {
            content: '';
            position: absolute;
            bottom: 0; left: 0; width: 0; height: 1px;
            background-color: var(--accent-orange);
            transition: var(--transition-snug);
        }
        nav.center-nav ul li a:hover::after,
        nav.center-nav ul li a.active-link::after {
            width: 100%;
        }

        .header-edition-tag {
            font-size: 1.1rem;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            color: var(--accent-warm);
        }

        .hamburger-icon {
            display: none;
            flex-direction: column;
            gap: 8px;
            cursor: pointer;
            z-index: 3000;
        }
        .hamburger-icon span {
            width: 32px;
            height: 1px;
            background-color: var(--text-light);
            transition: var(--transition-snug);
        }
        .hamburger-icon.active-burger span:nth-child(1) { transform: rotate(45deg) translate(6px, 6px); }
        .hamburger-icon.active-burger span:nth-child(2) { opacity: 0; }
        .hamburger-icon.active-burger span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); }

        .mobile-navigation-overlay {
            position: fixed;
            top: 0; left: 0; width: 100vw; height: 100vh;
            background: var(--bg-deep);
            z-index: 1500;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 35px;
            transform: translateY(-100%);
            transition: var(--transition-cinema);
        }
        .mobile-navigation-overlay.active-overlay { transform: translateY(0); }
        .mobile-navigation-overlay a {
            font-size: 2.5rem;
            text-transform: uppercase;
            letter-spacing: 0.12em;
        }

        /* --- THE EDITORIAL BUTTON --- */
        .editorial-action {
            display: inline-block;
            font-size: 1.15rem;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            color: var(--accent-warm);
            position: relative;
            padding-bottom: 8px;
            cursor: pointer;
        }
        .editorial-action::after {
            content: '';
            position: absolute;
            bottom: 0; left: 0; width: 50%; height: 1px;
            background-color: var(--accent-orange);
            transition: var(--transition-snug);
        }
        .editorial-action:hover::after { width: 100%; }

        /* --- SECTION 1: HERO VIEWPORT --- */
        .hero-viewport {
            height: 100vh;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        .hero-video-fallback {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            z-index: -2;
            background: linear-gradient(rgba(9,18,44,0.45), rgba(9,18,44,0.45)), url('https://i.pinimg.com/webp/1200x/5b/5b/91/5b5b91fe7e7a9e7e4dc6de253b49718f.webp') center center no-repeat;
            background-size: cover;
            animation: masterZoom 24s infinite alternate ease-in-out;
        }
        @keyframes masterZoom { from { transform: scale(1); } to { transform: scale(1.1); } }
        
        .hero-content-house {
            text-align: center;
            z-index: 10;
        }
        .hero-line-reveal {
            font-size: 8vw;
            font-weight: 300;
            line-height: 1.1;
            text-transform: uppercase;
            letter-spacing: -0.02em;
            display: block;
            opacity: 0;
            transform: translateY(50px);
            animation: lineReveal 1.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }
        .hero-line-reveal:nth-child(2) { animation-delay: 0.25s; color: var(--accent-warm); font-style: italic; text-transform: none; }
        .hero-line-reveal:nth-child(3) { animation-delay: 0.5s; }
        @keyframes lineReveal { to { opacity: 1; transform: translateY(0); } }

        .hero-meta-issue { position: absolute; bottom: 60px; left: 80px; font-size: 1.15rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--text-muted); }
        .hero-scroll-indicator { position: absolute; bottom: 60px; right: 80px; font-size: 1.15rem; letter-spacing: 0.25em; text-transform: uppercase; animation: floatIndicator 2.5s infinite ease-in-out; }
        @keyframes floatIndicator { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

        /* --- SECTION 2: EDITORIAL MANIFESTO --- */
        .manifesto-section {
            background-color: var(--bg-deep);
            position: relative;
            display: grid;
            grid-template-columns: 5fr 7fr;
            gap: 120px;
            align-items: start;
        }
        .manifesto-section::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            background: radial-gradient(circle at 75% 25%, rgba(255, 199, 133, 0.04), transparent 60%);
            pointer-events: none;
        }
        .manifesto-title { font-size: 5.5rem; font-weight: 300; line-height: 1.1; text-transform: uppercase; color: var(--accent-warm); }
        .manifesto-body { font-size: 2.2rem; font-weight: 300; color: var(--text-light); line-height: 1.7; text-align: justify; }

        /* --- SECTION 3: HORIZONTAL GALLERY --- */
        .horizontal-gallery-wrapper {
            overflow-x: auto;
            display: flex;
            gap: 80px;
            padding: 60px 0;
        }
        .horizontal-gallery-wrapper::-webkit-scrollbar { height: 2px; }
        .horizontal-gallery-wrapper::-webkit-scrollbar-thumb { background-color: var(--accent-orange); }
        .horizontal-item {
            flex: 0 0 550px;
            position: relative;
        }
        .horizontal-item img { width: 100%; height: 700px; filter: grayscale(0.15); }
        .horizontal-item:hover img { filter: grayscale(0); transform: scale(1.03); }
        .horizontal-caption { margin-top: 25px; font-size: 1.25rem; display: flex; justify-content: space-between; letter-spacing: 0.05em; }

        /* --- SECTION 4: CRAFT STORY --- */
        .craft-story-split { display: grid; grid-template-columns: 4fr 8fr; gap: 100px; }
        .craft-sticky-node { position: sticky; top: 180px; }
        .craft-sticky-node h3 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; text-transform: uppercase; }
        .craft-narrative-stream p { font-size: 1.5rem; color: var(--text-muted); margin-bottom: 60px; text-align: justify; }
        .craft-narrative-stream img { width: 100%; height: 750px; margin-bottom: 70px; }

        /* --- SECTION 5: IMAGE MOSAIC --- */
        .mosaic-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 50px; align-items: center; }
        .mosaic-box-1 { grid-column: 1 / 6; height: 700px; }
        .mosaic-box-2 { grid-column: 6 / 13; height: 500px; margin-top: -120px; }
        .mosaic-box-3 { grid-column: 2 / 8; height: 550px; }
        .mosaic-box-4 { grid-column: 8 / 13; height: 750px; }

        /* --- SECTION 6: TIMELINE --- */
        .timeline-strip { background-color: var(--accent-warm); color: var(--bg-deep); padding: 160px 0; }
        .timeline-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 40px; }
        .timeline-node h4 { font-size: 2.4rem; font-weight: 400; margin-bottom: 20px; border-bottom: 1px solid rgba(9,18,44,0.25); padding-bottom: 12px; text-transform: uppercase; }
        .timeline-node p { font-size: 1.15rem; opacity: 0.85; }

        /* --- SECTION 7: FIXED VIEWPOT --- */
        .fixed-cinematic-viewport {
            height: 80vh;
            background: linear-gradient(rgba(9,18,44,0.5), rgba(9,18,44,0.5)), url('https://i.pinimg.com/1200x/18/41/74/18417472960bef9df2c46180b6fae577.jpg') center center no-repeat;
            background-size: cover;
            background-attachment: fixed;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 0 60px;
        }
        .fixed-cinematic-viewport blockquote { font-size: 3.5rem; font-style: italic; max-width: 1200px; line-height: 1.4; font-weight: 300; }

        /* --- SECTION 8: HOME COLLECTIONS LIST --- */
        .home-collections-list { display: flex; flex-direction: column; gap: 140px; }
        .collection-row-item { display: grid; grid-template-columns: 7fr 5fr; gap: 100px; align-items: center; }
        .collection-row-item:nth-child(even) { direction: rtl; }
        .collection-row-item:nth-child(even) .collection-row-text { direction: ltr; }
        .collection-row-media { height: 650px; overflow: hidden; }
        .collection-row-media img { width: 100%; height: 100%; }
        .collection-row-text h3 { font-size: 4rem; font-weight: 300; margin-bottom: 30px; text-transform: uppercase; }
        .collection-row-text p { font-size: 1.4rem; color: var(--text-muted); margin-bottom: 40px; text-align: justify; }

        /* --- SECTION 9: TESTIMONIALS --- */
        .editorial-quotes-canvas { text-align: center; max-width: 1100px; margin: 0 auto; }
        .editorial-quote-text { font-size: 2.8rem; font-style: italic; line-height: 1.5; margin-bottom: 45px; font-weight: 300; }
        .editorial-quote-author { font-size: 1.2rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--accent-warm); }

        /* --- SECTION 10: HOME JOURNAL PREVIEW --- */
        .home-journal-preview { display: grid; grid-template-columns: 8fr 4fr; gap: 80px; }
        .journal-featured img { width: 100%; height: 600px; margin-bottom: 35px; }
        .journal-featured h4 { font-size: 3rem; font-weight: 300; margin-bottom: 25px; line-height: 1.2; }
        .journal-sidebar-nodes { display: flex; flex-direction: column; gap: 50px; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 50px; }
        .sidebar-node-story h5 { font-size: 1.75rem; font-weight: 400; margin-bottom: 12px; color: var(--accent-warm); }

        /* --- SECTION 11: ATELIER PARALLAX --- */
        .atelier-parallax-strip { background-color: var(--bg-royal); padding: 160px 0; }
        .atelier-images-trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; }
        .atelier-trio-box { height: 700px; position: relative; overflow: hidden; }
        .atelier-trio-box img { width: 100%; height: 100%; filter: brightness(0.65); }
        .atelier-trio-box:hover img { filter: brightness(0.9); }
        .atelier-overlay-quote { position: absolute; bottom: 50px; left: 50px; right: 50px; font-size: 2rem; font-style: italic; text-shadow: 0 4px 24px rgba(0,0,0,0.85); font-weight: 300; }

        /* --- SECTION 12: EDITORIAL NEWSLETTER --- */
        .newsletter-composition { display: grid; grid-template-columns: 5fr 7fr; gap: 100px; align-items: center; }
        .newsletter-form-panel { background: rgba(42, 0, 78, 0.35); border: 1px solid rgba(255, 199, 133, 0.12); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); padding: 70px; }
        .luxury-input { width: 100%; padding: 22px; background: rgba(9, 18, 44, 0.7); border: 1px solid rgba(255,255,255,0.12); color: var(--text-light); font-size: 1.25rem; margin-bottom: 30px; }
        .luxury-input:focus { border-color: var(--accent-orange); }
        .form-action-row { display: flex; gap: 25px; }
        .gold-btn { background-color: var(--accent-orange); color: var(--text-light); padding: 20px 40px; text-transform: uppercase; letter-spacing: 0.18em; font-size: 1.05rem; cursor: pointer; transition: var(--transition-snug); width: 100%; text-align: center; }
        .gold-btn:hover { background-color: var(--accent-warm); color: var(--bg-deep); }
        .secondary-form-btn { background: transparent; border: 1px solid rgba(255,255,255,0.25); width: 100%; cursor: pointer; text-transform: uppercase; letter-spacing: 0.18em; font-size: 1.05rem; }
        .secondary-form-btn:hover { border-color: var(--accent-orange); }

        /* --- CHAPTER 2: ABOUT PAGE (THE MAISON ATELIER) --- */
        .about-hero-media { height: 80vh; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
        .about-hero-media img { position: absolute; top:0; left:0; width:100%; height:100%; z-index:-1; filter: brightness(0.35); }
        .about-hero-title { font-size: 7rem; font-weight: 300; text-transform: uppercase; text-align: center; line-height: 1.1; }
        
        .philosophy-asymmetric-block { display: grid; grid-template-columns: 7fr 5fr; gap: 80px; margin-top: 120px; }
        .artisans-showcase-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px; margin: 120px 0; }
        .artisan-portrait-card img { width: 100%; height: 500px; }
        .artisan-meta-title { margin-top: 20px; font-size: 1.5rem; color: var(--accent-warm); }

        .materials-monograph-section { display: grid; grid-template-columns: 6fr 6fr; gap: 100px; align-items: center; }
        .awards-editorial-list { display: flex; flex-direction: column; gap: 30px; margin-top: 60px; }
        .award-row { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 15px; font-size: 1.3rem; }

        /* --- CHAPTER 3: COLLECTIONS PAGE (THE CATALOGUE) --- */
        .collections-catalogue-viewport { display: flex; flex-direction: column; }
        .catalogue-fullscreen-block { height: 100vh; display: grid; grid-template-columns: 6fr 6fr; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.05); }
        .catalogue-image-pane { height: 100%; overflow: hidden; }
        .catalogue-image-pane img { width: 100%; height: 100%; }
        .catalogue-text-pane { padding: 0 12%; position: sticky; top: 0; }
        .catalogue-text-pane h2 { font-size: 5rem; font-weight: 300; text-transform: uppercase; margin-bottom: 35px; line-height: 1.1; }
        .catalogue-text-pane p { font-size: 1.4rem; color: var(--text-muted); text-align: justify; margin-bottom: 45px; }

        /* --- CHAPTER 4: CRAFTMANSHIP PAGE (THE LAB) --- */
        .craftsmanship-docu-layout { display: flex; flex-direction: column; gap: 160px; }
        .docu-hero-header { max-width: 1000px; }
        .docu-hero-header h1 { font-size: 6rem; font-weight: 300; line-height: 1.1; margin-bottom: 45px; }
        .docu-parallax-row { display: grid; grid-template-columns: 1fr 1fr; gap: 120px; align-items: center; }
        .docu-media-frame img { width: 100%; height: 850px; }
        .interview-block-canvas { background-color: var(--bg-royal); padding: 120px; max-width: 1200px; margin: 0 auto; border-left: 5px solid var(--accent-orange); }
        .interview-quote { font-size: 2.4rem; font-style: italic; line-height: 1.6; margin-bottom: 35px; font-weight: 300; }

        /* --- CHAPTER 5: JOURNAL PAGE (THE MAGAZINE) --- */
        .journal-magazine-layout { display: grid; grid-template-columns: 4fr 4fr 4fr; gap: 60px; }
        .journal-magazine-col h2 { font-size: 3.8rem; font-weight: 300; line-height: 1.1; margin-bottom: 40px; border-bottom: 2px solid var(--text-light); padding-bottom: 20px; text-transform: uppercase; }
        .magazine-post-node { margin-bottom: 80px; }
        .magazine-post-node img { width: 100%; height: 420px; margin-bottom: 25px; }
        .magazine-post-title { font-size: 2rem; font-weight: 400; line-height: 1.3; margin-bottom: 18px; }
        .magazine-post-excerpt { color: var(--text-muted); font-size: 1.2rem; text-align: justify; }

        /* --- CHAPTER 6: STORIES PAGE (THE TESTIMONIALS CASCADE) --- */
        .stories-waterfall-layout { max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: 180px; }
        .story-waterfall-node { text-align: center; }
        .story-waterfall-node img { width: 100%; height: 750px; margin-bottom: 45px; }
        .story-waterfall-title { font-size: 3.2rem; font-weight: 300; margin-bottom: 30px; font-style: italic; }
        .story-waterfall-body { font-size: 1.45rem; color: var(--text-muted); line-height: 1.8; text-align: justify; }

        /* --- CHAPTER 7: CONTACT PAGE (THE AUDIENCE Hub) --- */
        .contact-magazine-layout { display: grid; grid-template-columns: 5fr 7fr; gap: 120px; }
        .contact-info-panel h1 { font-size: 5.5rem; font-weight: 300; margin-bottom: 45px; text-transform: uppercase; }
        .contact-studio-details { display: flex; flex-direction: column; gap: 50px; font-size: 1.35rem; color: var(--text-muted); }
        .contact-studio-details h3 { color: var(--accent-warm); font-size: 2rem; font-weight: 400; margin-bottom: 12px; text-transform: uppercase; }
        .booking-form-box { background: rgba(255,255,255,0.01); border: 1px solid rgba(255,199,133,0.08); padding: 70px; }
        .booking-form-box h2 { font-size: 2.8rem; font-weight: 300; margin-bottom: 40px; text-transform: uppercase; }
        .static-map-placeholder { width: 100%; height: 400px; background-color: #040814; margin-top: 70px; border: 1px solid rgba(255,199,133,0.08); display: flex; align-items: center; justify-content: center; font-size: 1.25rem; color: var(--text-muted); letter-spacing: 0.15em; text-transform: uppercase; }

        /* --- CHAPTER 8 & 9: FULL INTELLECTUAL LEGAL FRAMEWORKS --- */
        .legal-document-canvas { max-width: 1000px; margin: 0 auto; padding: 80px 0 140px; font-size: 1.3rem; color: var(--text-muted); line-height: 1.9; }
        .legal-document-canvas h1 { font-size: 5rem; font-weight: 300; color: var(--text-light); margin-bottom: 50px; text-transform: uppercase; line-height: 1.1; }
        .legal-document-canvas h2 { font-size: 2.2rem; color: var(--accent-warm); margin: 60px 0 25px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.05em; }
        .legal-document-canvas p { margin-bottom: 30px; text-align: justify; }
        .legal-inner-list { margin: 30px 0 30px 30px; list-style-type: square; }
        .legal-inner-list li { margin-bottom: 15px; }

        /* --- GLOBAL EDITORIAL FOOTER --- */
        footer.global-footer { background-color: #040814; padding: 140px 0 70px; border-top: 1px solid rgba(255, 199, 133, 0.04); }
        .footer-top-logo { font-size: 4rem; letter-spacing: 0.25em; text-transform: uppercase; font-weight: 300; text-align: center; margin-bottom: 90px; color: var(--text-light); }
        .footer-top-logo span { color: var(--accent-orange); }
        .footer-nav-columns { display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px; text-align: center; margin-bottom: 90px; }
        .footer-column-group h5 { font-size: 1.25rem; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 30px; color: var(--accent-warm); }
        .footer-column-group ul { list-style: none; display: flex; flex-direction: column; gap: 18px; font-size: 1.15rem; }
        .footer-column-group ul li a { color: var(--text-muted); }
        .footer-column-group ul li a:hover { color: var(--accent-orange); }
        .footer-base-row { border-top: 1px solid rgba(255,255,255,0.04); padding-top: 45px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 25px; font-size: 1.05rem; color: var(--text-muted); }

        /* --- ADAPTIVE TEXTURE RESPONSIVENESS --- */
        @media (max-width: 1300px) {
            .manifesto-section, .craft-story-split, .collection-row-item, .home-journal-preview, .newsletter-composition, .philosophy-asymmetric-block, .catalogue-fullscreen-block, .docu-parallax-row, .contact-magazine-layout, .materials-monograph-section {
                grid-template-columns: 1fr !important; display: flex; flex-direction: column; gap: 80px;
            }
            .collection-row-item { direction: ltr !important; }
            .mosaic-grid { display: flex; flex-direction: column; gap: 50px; }
            .mosaic-grid div { width: 100% !important; height: auto !important; margin: 0 !important; }
            .timeline-grid { grid-template-columns: repeat(3, 1fr); gap: 50px; }
            .atelier-images-trio, .journal-magazine-layout { grid-template-columns: 1fr; }
        }
        @media (max-width: 900px) {
            header.global-header { padding: 30px 40px; }
            header.global-header.sticky-scrolled { padding: 20px 40px; }
            nav.center-nav, .header-edition-tag { display: none; }
            .hamburger-icon { display: flex; }
            .hero-line-reveal { font-size: 4.5rem; }
            .manifesto-title, .craft-sticky-node h3, .collection-row-text h3, .about-hero-title, .catalogue-text-pane h2, .docu-hero-header h1, .contact-info-panel h1, .legal-document-canvas h1 { font-size: 3.5rem; }
            .timeline-grid, .footer-nav-columns, .artisans-showcase-strip { grid-template-columns: 1fr; text-align: left; }
            .footer-nav-columns { gap: 50px; }
            .editorial-container { padding: 0 40px; }
            .booking-form-box, .newsletter-form-panel { padding: 40px 25px; }
        }
