@media (max-width: 1200px){
    .horizontal-navbar{
        gap: 48px;
    }
    header nav ul{
        gap: 48px;
    }
}
@media (max-width: 991.98px) {
    header nav{
        gap: 40px;
    }
    header nav ul{
        gap: 24px;
    }
    .main-navbar ul, .horizontal-navbar{
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 16px;
        justify-content: flex-start;
    }
    .writing-conversations-header h1{
        font-size: 48px;
    }
    .writing-conversations-header img{
        width: 80px;
    }
    .about-header h1{
        font-size: 36px;
    }
    .about-section h2{
        font-size: 26px;
    }
    .writing-text{
        max-width: 100%;
    }
    /* Hide mosaic lift tiles — no hover on touch */
    .mosaic-lift-tile{
        display: none;
    }
    .centered-home .intro-text{
        max-width: 100%;
    }
    .centered-home .hero-tagline p{
        font-size: 24px;
    }
}
@media (max-width: 768px) {
    /* Philosophy page */
    .philosophy-title h1{
        font-size: 40px;
    }
    .philosophy-title{
        padding: 32px 0 48px;
        margin-bottom: 48px;
    }
    .philosophy-body p{
        font-size: 17px;
    }
    .philosophy-pullquote p{
        font-size: 22px;
    }
    .philosophy-pullquote{
        margin: 40px 0;
    }
    .philosophy-closing{
        font-size: 19px !important;
        margin-top: 40px;
        padding-top: 32px;
    }
    /* Canon page */
    .canon-header img{
        max-width: 80px;
    }
    .canon-header h1{
        font-size: 26px;
    }
    .canon-intro{
        font-size: 17px;
        margin-bottom: 48px;
    }
    .canon-theme{
        margin-bottom: 48px;
    }
    .canon-entry-title{
        font-size: 18px;
    }
    .canon-entry-note{
        font-size: 16px;
    }
    /* Subscribe page */
    .subscribe-header-block img{
        max-width: 80px;
    }
    .subscribe-header-block h1{
        font-size: 26px;
    }
    .subscribe-pitch{
        font-size: 20px;
    }
    .subscribe-detail{
        font-size: 17px;
    }
    /* Work page */
    .work-header img{
        max-width: 80px;
    }
    .work-header h1{
        font-size: 26px;
    }
    .work-statement{
        font-size: 20px;
    }
    .work-detail{
        font-size: 17px;
    }
    .work-engagement-grid{
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .work-client-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .work-engagements{
        margin-top: 48px;
    }
    .work-contact{
        margin-top: 48px;
        padding-top: 32px;
    }
    .work-aside{
        margin-top: 32px;
        border-left: none;
        border-top: 1px solid #D5CFC0;
        padding: 24px 0 0 0;
    }
    .main-navbar{
        position: relative;
        top: 0;
    }
    .col-reverse{
        flex-direction: column-reverse;
    }
    .horizontal-navbar{
        margin-top: 32px;
    }
    /* Mobile hamburger nav */
    header nav{
        justify-content: space-between;
    }
    header nav ul.horizontal-navbar.m-0{
        display: none;
    }
    .nav-toggle{
        display: block;
    }
    header nav .logo img{
        width: 90px;
    }
    footer .horizontal-navbar{
        display: none;
    }
    /* Wayfinding stacks on mobile */
    .centered-home .wayfinding-item{
        flex-direction: column;
        height: auto;
        align-items: flex-start;
        gap: 2px;
        padding: 10px 14px;
    }
    .centered-home .wayfinding-desc{
        font-size: 15px;
    }
    .banner h1{
        font-size: 48px;
    }
    .modal-content {
        padding: 24px;
    }
    .writing-conversations-header{
        flex-direction: column;
    }
    .writing-conversations-header h1{
        font-size: 32px;
        text-align: center;
    }
    .writing-conversations-header img{
        width: 64px;
    }
    .about-header img {
        max-width: 80px;
        width: 100%;
    }
    .about-header{
        margin-bottom: 48px;
    }
    .about-header h1 {
        font-size: 26px;
    }
    .about-section h2{
        font-size: 24px;
        margin-bottom: 16px;
    }
    .about-section p, .about-section ul li {
        font-size: 17px;
        margin-bottom: 20px;
    }
    .writing-sidebar{
        position: relative;
        top: 0;
        margin-bottom: 32px;
    }
    .writing-sidebar ul::before,
    .writing-sidebar .progress-fill{
        display: none;
    }
    .writing-sidebar ul li::before{
        display: none;
    }
    .writing-sidebar ul li{
        padding-left: 0;
    }
    .writing-sidebar ul{
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0;
    }
    .writing-sidebar ul li a{
        padding: 4px 12px;
        font-size: 15px;
    }
    .writing-sidebar ul li.active a{
        color: #5C0504;
        text-decoration: underline;
    }
    .writing-sidebar .read-percent{
        display: none;
    }
    .video-wrapper {
        margin-left: -12px;
        margin-right: -12px;
        width: calc(100% + 24px);
    }
    .centered-home .video-wrapper{
        margin-left: -12px;
        margin-right: -12px;
        width: calc(100% + 24px);
    }
    .centered-home .hero-tagline p{
        font-size: 22px;
    }
    .centered-home .hero-statement{
        font-size: 22px;
    }
    .centered-home .hero-body{
        font-size: 17px;
    }
    .centered-home .intro-split{
        padding-top: 32px;
    }
    .centered-home .recent-writing,
    .centered-home .who-we-work{
        padding-top: 48px;
    }
    .testimonial-deck-wrap{
        margin-top: 40px;
    }
    .testimonial-deck{
        height: 300px;
    }
    .testimonial-card p{
        font-size: 17px;
    }
    .centered-home .subscribe-band{
        margin-top: 48px;
        padding: 40px 0;
    }
    .centered-home .subscribe-band-inner{
        flex-direction: column;
        text-align: center;
        gap: 24px;
    }
    .centered-home .subscribe-band-icon{
        width: 56px;
    }
    .centered-home .subscribe-band-content form{
        max-width: 400px;
        margin: 0 auto;
    }
    .footer-image {
        height: 240px;
    }
}
@media (max-width: 575.98px) {
    .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .logo-section{
        padding: 16px 0;
    }
    .logo-section a img{
        width: 200px;
    }
    .video-banner{
        padding: 16px 0 32px 0;
    }
    .video-banner p, .video-banner h6{
        font-size: 18px;
    }
    .video-wrapper {
        margin-left: -12px;
        margin-right: -12px;
        width: calc(100% + 24px);
    }
    .centered-home .video-wrapper{
        margin-left: -12px;
        margin-right: -12px;
        width: calc(100% + 24px);
    }
    .centered-home .hero-tagline{
        padding: 24px 0 16px 0;
    }
    .centered-home .hero-tagline p{
        font-size: 18px;
    }
    .centered-home .hero-statement{
        font-size: 20px;
    }
    .centered-home .hero-body{
        font-size: 16px;
    }
    .centered-home .about-excerpt h3{
        font-size: 18px;
    }
    .centered-home .about-excerpt p{
        font-size: 16px;
    }
    .footer-image {
        height: 180px;
    }
    .modal-body h2{
        font-size: 24px;
    }
    .modal-body .case-study-description,
    .modal-body .case-study-quotes{
        font-size: 16px;
    }
    .writing-text p{
        font-size: 17px;
    }
    .banner h1{
        font-size: 36px;
    }
    .writing-card{
        height: 260px;
        padding: 16px 20px;
    }
}