@charset "UTF-8";

@media(min-width:901px){
  .home-page .nav-work,
  .home-page .hero .button-primary,
  .home-page>.footer>a[href="work.html"]{display:none}
  .home-page #about{padding-bottom:64px}
  .home-page .home-portfolio{min-height:0;padding-top:0;padding-bottom:64px;scroll-margin-top:96px}
  .home-portfolio>.portfolio-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 24px;margin-bottom:32px}
  .home-portfolio .portfolio-section-title{font-family:var(--font-sans);font-size:clamp(34px,3.8vw,58px);font-weight:450;line-height:1.5;letter-spacing:-1.5px;margin:0;color:var(--ink);text-wrap:balance}
  .portfolio-heading .portfolio-active-category{min-width:4em;font:400 16px/24px var(--font-sans);color:var(--muted);letter-spacing:0;opacity:var(--portfolio-heading-opacity,1)}
  .portfolio-category-value{display:inline-block}
  .home-portfolio .project-caption h3{font:500 12px/16px var(--font-sans);letter-spacing:.02em;color:var(--ink);text-wrap:balance}
  .home-page #project-dialog .wrap{max-width:1720px}
  .home-page #project-dialog :is(.beauty-header,.beauty-intro,.beauty-gallery){max-width:1440px}
  .portfolio-loading,.portfolio-load-error{padding-block:48px;font:400 14px/20px var(--font-sans);color:var(--muted)}
  .portfolio-load-error .button-primary{margin-top:24px}
}

@media(min-width:901px){
 .portfolio-heading .portfolio-active-category{overflow:hidden}
 .portfolio-category-value{display:block}
}