.for-mobile{display: none;}
@media (min-width:768px) and (max-width: 1023px) {
    .hero-about .site-container.only-for-tab{display: flex;}
    .hero-about .site-container.not-for-tab{display: none;}

    .hero-about .site-container.only-for-tab>*{flex: 1;}
    .hero-tab-content {display: flex;flex-direction: column;gap: 100px; order: 1;}
    .hero-about__photo{order: 2;}
    .selected-work .section-head{flex-direction: row; align-items: center;}
    .selected-work__cta{margin-top: 0;}
}

@media (max-width: 1080px) {
    header{padding-block: 18px;}
    .primary-nav a{font-size: 14px;}
    .logo img{width: 60px;}
    .hero-about__name {font-size: 104px;}
    .hero-about{padding-top: 20px;}
    .whatido{padding-block: 50px;}
    .wrap{padding-inline: 16px;}
    .section-title{font-size: 40px;}
    .selected-work{flex-direction: column;}
    .project-head{display: flex; align-items: center;gap: 6px;}
    .project-head>*{font-size: 14px;}
    .about-block__lead{font-size: 22px;}
    .hobby-row, .hobby-row--reverse {gap: 24px;}
    .hobby-row__copy h2{font-size: 36px;line-height: 1;margin-top: 8px;}
    .contact-body__intro, .contact-form{flex: 1;padding: 24px;}
    .contact-body__intro .section-title{font-size: 38px !important;}
    .form-subtitle{font-size: 22px;}
    .contact-body{gap: 24px;}
    .contact-body__intro .section-title br{display: none;}
    .detail-body{flex-direction: column;}
    .section {padding-block: 60px;}
    .card.blog-featured .card__title{font-size: 38px !important;}
    section.page-hero.detail-hero h1{font-size: 50px;}
    .page-hero:has(span.pill.pill--dark) h1, .keep-reading h2.section-title{font-size: 38px;}
}

@media (max-width: 767px) {
    .for-desktop{display: none;}
    .for-mobile{display: block;}
    .hero-about .site-container{flex-direction: column;text-align: center;}
    .hero-about__copy{order: 1;}
    .hero-about__label{order: 2;}
    .hero-about__photo{order: 3;}
    .hero-about__greeting{font-size: 30px;}
    .hero-about__name {font-size: 94px;}
    .hero-about__desc{font-size: 14px;max-width: 300px;margin-inline: auto;margin-bottom: 16px;}
    .hero-about__label{font-size: 24px;}
    .logo img{width: 45px;}
    header{padding-block: 12px;}
    .nav-toggle{z-index: 99;}
    .whatido { grid-template-columns: 1fr; }
    .section-title {font-size: 35px;}
    .whatido{gap: 24px;}
    .whatido {padding-block: 30px;}
    .numbered-item h3, .numbered-list p, .numbered-item__index{font-size: 14px;}
    .numbered-item{padding-block: 16px;grid-template-columns: 20px 1fr;}
    .selected-work{gap: 20px;}
    .about-block{flex-direction: column;gap: 20px;}
    .selected-work__cta{margin-top: 10px;}
    .section {padding-block: 40px;}
    .about-block__lead{font-size: 20px;margin-top: 8px;}
    .about-block__body p, .about-block__body .pull-quote, .about-block__eyebrow{font-size: 14px;}
    .site-footer__social{order: 1;}
    .copywrite-text{order: 2;}
    .site-footer__credit{order: 3;font-size: 12px;font-weight: 200;}
    .site-footer__row{gap: 10px;}
    .inner-hero{font-size: 42px;}
    .page-hero__tabs{flex-direction: column;gap: 16px;}
    .grid-3{gap: 16px;}
    .card__title{letter-spacing: 1px;font-size: 14px;}
    .page-hero{padding-block: 40px;}
    .projects-featured { grid-template-columns: 1fr; } 
    .hobby-row__copy h2{font-size: 30px;}
    .hobby-row__copy p, .card__excerpt {font-size: 14px;}
    .hobby-row, .hobby-row--reverse{padding-block: 30px;}
    .hobby-row:last-of-type{padding-bottom: 0;}
    .contact-body{flex-direction: column;}
    .contact-body__intro .section-title {font-size: 35px !important;}
    .contact-body__intro p, .detail-body__desc{font-size: 14px;}
    .form-subtitle{font-size: 20px;}
    .page-hero h1 {font-size: 42px;line-height: 1.2;}
    .single-product-section .pill--tag{font-size: 12px;letter-spacing: 1px;}
    .card.blog-featured .card__title{font-size: 35px !important;}

    .project-card-wrap .card__title, .projects-featured .card__title, .other-projects .card__title{font-size: 14px !important;}
    section.page-hero.detail-hero h1{font-size: 42px;}
    .page-hero:has(span.pill.pill--dark) h1, .keep-reading h2.section-title{font-size: 35px;}
    section.section.keep-reading{padding-block: 30px;}
    .keep-reading .card__media img{height: 120px;}
    .keep-reading .card__title{font-size: 18px !important;}
    .keep-reading p.card__excerpt{display: none;}
    .card__meta{font-size: 10px;}
    .grid-m-1{ grid-template-columns: repeat(1, 1fr);}
}