/* ContentPulse.co.uk - Desktop Stylesheet (min-width: 769px) */

@layer components {
    /* Header layout */
    .site-header {
        padding-block: var(--space-md);
    }
    
    .nav-toggle-btn {
        display: none; /* Hide hamburger menu on desktop */
    }

    /* Hero Brochure Section */
    .hero-section {
        display: grid;
        grid-template-columns: 1.2fr 1fr;
        gap: var(--space-2xl);
        align-items: center;
        padding-block: var(--space-3xl);
    }

    .hero-content {
        text-align: left;
    }

    .hero-title {
        font-size: clamp(2.5rem, 2rem + 2.5vw, 4rem);
        margin-block-end: var(--space-md);
        letter-spacing: -0.03em;
    }

    .hero-subtitle {
        font-size: 1.25rem;
        margin-block-end: var(--space-xl);
    }

    /* Activities Showcase */
    .activities-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: var(--space-lg);
    }

    /* Video Post Detail Page Layout */
    .post-layout {
        display: grid;
        grid-template-columns: 2.5fr 1fr;
        gap: var(--space-2xl);
        align-items: start;
    }

    .post-sidebar {
        position: sticky;
        top: 100px;
        display: flex;
        flex-direction: column;
        gap: var(--space-xl);
    }

    /* Archive grid layout */
    .archive-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-lg);
    }

    /* Contact page split layout */
    .contact-layout {
        display: grid;
        grid-template-columns: 1.2fr 1fr;
        gap: var(--space-2xl);
    }
}