/* Desktop+ */

@media (min-width: 1280px) {
    .origin-content .body-text {
        font-size: 36px;
        line-height: 1.1;
    }

    .section-body {
        font-size: 36px;
        line-height: 1.1;
    }
}

@media (min-width: 768px) {
    .site-header {
        padding: 0 var(--page-gutter);
    }

    .header-logo {
        font-size: 18px;
        letter-spacing: 0.1em;
    }

    .header-dropdown {
        left: 48px;
    }
}

/* Tablet */

@media (max-width: 1024px) {
    .display-xl {
        font-size: 64px;
        letter-spacing: -1px;
    }

    .display-lg {
        font-size: 36px;
        letter-spacing: 2px;
    }

    .email-display {
        font-size: 36px;
    }

    .talks-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
    }

    .talk-card--featured {
        grid-column: span 1;
        grid-row: span 1;
    }

    .talk-card--featured .talk-card-visual {
        aspect-ratio: 9/16;
        height: auto;
    }

    .testimonials {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */

@media (max-width: 734px) {
    :root {
        --space-section: 80px;
        --page-gutter: 24px;
    }

    .hero {
        padding: var(--space-section) var(--page-gutter);
    }

    .display-xl {
        font-size: 40px;
        letter-spacing: -0.5px;
    }

    .display-lg {
        font-size: 28px;
        letter-spacing: 1.5px;
    }

    .display-sm {
        font-size: 18px;
        letter-spacing: 1px;
    }

    .scroll-track {
        gap: var(--space-md);
    }

    .apple-work .scroll-container,
    .past-work .scroll-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .apple-work .scroll-container::-webkit-scrollbar,
    .past-work .scroll-container::-webkit-scrollbar {
        display: none;
    }

    .apple-work .scroll-track,
    .past-work .scroll-track {
        display: flex;
        gap: var(--space-xl);
        width: max-content;
        padding: 0 var(--page-gutter);
    }

    .apple-work .project-card,
    .apple-work .project-card--wide,
    .apple-work .project-card--portrait,
    .past-work .project-card,
    .past-work .project-card--wide,
    .past-work .project-card--portrait {
        width: 75vw !important;
        flex-shrink: 0;
    }

    .apple-work .project-card-visual,
    .past-work .project-card-visual {
        height: 480px;
        margin-bottom: var(--space-lg);
        border: none;
    }

    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }

    .project-card-visual--outlook,
    .project-card-visual--meae {
        aspect-ratio: unset !important;
        width: 100% !important;
        height: 480px !important;
    }

    .apple-work .project-card-info,
    .past-work .project-card-info {
        width: 100%;
        max-width: 100% !important;
        display: block;
    }

    .past-work .project-card--portrait .card-body {
        max-width: 100% !important;
    }

    .img-ratings {
        inset: 0 !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .img-inset {
        inset: 0 !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .apple-work .card-body,
    .past-work .card-body {
        display: inline;
    }

    .talks-grid {
        grid-template-columns: 1fr 1fr;
    }

    .talk-card--featured {
        grid-column: span 2;
    }

    .talk-card--featured .talk-card-visual {
        aspect-ratio: 16/9;
        height: auto;
    }

    .talk-card-visual {
        aspect-ratio: 3/4;
        height: auto;
    }

    .talk-card--featured .talk-card-info .display-sm {
        font-size: 18px;
        letter-spacing: 1px;
    }

    .talk-card-info .caption {
        display: none;
    }

    .testimonials {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: var(--space-lg);
        padding-bottom: var(--space-md);
    }

    .testimonials::-webkit-scrollbar {
        display: none;
    }

    .testimonial {
        min-width: 280px;
        flex-shrink: 0;
    }

    .human-cards {
        grid-template-columns: 1fr;
    }

    .the-close {
        padding: var(--space-section) var(--page-gutter);
    }

    .email-display {
        font-size: var(--text-lg);
        letter-spacing: 2px;
        padding: var(--space-md) var(--space-lg);
    }

    .close-content .caption {
        font-size: var(--text-sm);
    }

    .footer-links {
        gap: var(--space-md);
    }

    .fullbleed-video-wrap {
        border-radius: calc(var(--radius-md) + 2px);
    }

    .fullbleed-video {
        border-radius: var(--radius-md);
    }

    .video-cta {
        font-size: var(--text-xs);
        letter-spacing: 1.5px;
        padding: 10px 20px;
        bottom: 20px;
    }
}