@media (max-width: 80rem) {
  .contact { grid-template-columns: 1fr; }
  .contact-form { justify-self: stretch; max-width: none; }
  .contact-smile { display: none; }
}

@media (max-width: 72rem) {
  .hero-bottom { grid-template-columns: 1fr auto; }
  .hero-mini-card { grid-column: 1 / -1; justify-self: start; }
  .about-layout { grid-template-columns: minmax(12rem, .7fr) 1.5fr; }
  .profile-facts { grid-column: 1 / -1; flex-direction: row; }
  .profile-facts div { flex: 1; border-right: var(--border); border-bottom: 0; }
  .profile-facts div:last-child { border-right: 0; }
  .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .process-card { min-height: 0; border-bottom: var(--border); }
  .process-card:nth-child(2) { border-right: 0; }
  .process-card:nth-child(3), .process-card:nth-child(4) { border-bottom: 0; }
  .contact { grid-template-columns: 1fr; }
  .site-footer { grid-template-columns: 1fr 1fr; }
  .site-footer > p { text-align: left; }
  .back-top { justify-self: end; }
  .resource-grid { grid-template-columns: 1fr 1fr; }
  .social-placeholder { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 80rem) {
  :root { --header-height: 4.25rem; }
  .site-header { grid-template-columns: minmax(0, 1fr) auto auto; }
  .js .menu-toggle { display: grid; gap: .26rem; margin-right: .5rem; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(.2rem) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-.2rem) rotate(-45deg); }
  .nav { position: fixed; top: var(--header-height); right: 0; left: 0; display: flex; min-height: calc(100svh - var(--header-height)); flex-direction: column; align-items: stretch; justify-content: center; padding: 2rem var(--page-x); border-bottom: var(--border); background: var(--paper); visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(-1rem); transition: opacity .25s ease, transform .25s ease, visibility .25s; }
  .nav.is-open { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); }
  .nav a { padding: 1rem 0; border-bottom: var(--border); font: clamp(2rem, 9vw, 5rem) var(--display); letter-spacing: -.05em; }
  .nav a span { font: .65rem var(--body); }
  .nav a::after { display: none; }
  .header-cta { display: none; }
  html:not(.js) .site-header { position: static; display: flex; flex-wrap: wrap; gap: .6rem; padding-block: .7rem; }
  html:not(.js) .nav { position: static; order: 3; display: flex; width: 100%; min-height: 0; flex-direction: row; justify-content: flex-start; padding: .5rem 0 0; border: 0; visibility: visible; opacity: 1; overflow-x: auto; pointer-events: auto; transform: none; }
  html:not(.js) .nav a { flex: 0 0 auto; padding: .55rem .7rem; border: var(--border); font: 700 .65rem var(--body); letter-spacing: .05em; }
  html:not(.js) .header-actions { margin-left: auto; }
  .hero { min-height: auto; padding-top: calc(var(--header-height) + 5rem); }
  .hero h1 { font-size: clamp(5rem, 18vw, 10rem); }
  .hero-bottom { grid-template-columns: 1fr; }
  .hero-mini-card { grid-column: auto; }
  .hero-actions { flex-wrap: wrap; }
  .section-header { grid-template-columns: 1fr; gap: 1.5rem; }
  .section-header h2 { font-size: clamp(3.1rem, 10vw, 6rem); }
  .about-layout { grid-template-columns: minmax(12rem, .65fr) 1fr; gap: 2.5rem; }
  .about-columns { grid-template-columns: 1fr; gap: 1rem; }
  .project-card, .project-card:nth-child(n) { grid-column: span 6; }
  .project-card:nth-child(n) .project-art { aspect-ratio: 4 / 3; }
  .dialog-shell { margin-left: 0; }
  .resource-toolbar { align-items: stretch; flex-direction: column; }
  .resource-search { min-width: 0; }
  .community-layout { grid-template-columns: 1fr; }
  .social-hub { grid-template-columns: 1fr; }
  .learning-loop { grid-template-columns: 1fr; }
  .learning-loop > div { border-right: 0; border-bottom: var(--border); }
}

@media (max-width: 48rem) {
  .project-card, .project-card:nth-child(n) { grid-column: 1 / -1; }
}

@media (max-width: 42rem) {
  :root { --page-x: 1.15rem; --section-y: 5.5rem; }
  .site-header .brand-name small { display: none; }
  .hero-intro { display: block; }
  .kicker { max-width: 100%; flex-wrap: wrap; line-height: 1.35; }
  .hero-note { margin-top: 2.5rem; text-align: left; }
  .hero-title-wrap { margin-block: 4rem !important; }
  .hero h1 { font-size: clamp(3.65rem, 17vw, 5.4rem); }
  .hero .title-accent { max-width: 100%; font-size: .66em; text-shadow: 2px 2px 0 var(--ink); }
  .role-tag--left { left: 1%; bottom: -6%; }
  .role-tag--right { right: 0; bottom: 25%; }
  .hero-statement { font-size: 1.05rem; }
  .hero-actions .button { width: 100%; }
  .scroll-cue { display: none; }
  .hero-orbit { opacity: .45; }
  .now-strip { grid-template-columns: 1fr; padding-inline: var(--page-x); }
  .now-strip > div { padding-inline: 0; }
  .now-strip > div + div { border-top: 1px solid rgba(244, 239, 229, .35); border-left: 0; }
  .section-header h2 { font-size: clamp(2.4rem, 10.5vw, 3.8rem); overflow-wrap: anywhere; }
  .about-layout { grid-template-columns: 1fr; }
  .portrait-wrap { width: min(78%, 19rem); margin: 0 auto; }
  .profile-facts { flex-direction: column; }
  .profile-facts div { border-right: 0; border-bottom: var(--border); }
  .toolbox { grid-template-columns: 1fr; gap: .5rem; }
  .project-toolbar { display: block; }
  .filters { flex-wrap: nowrap; margin-right: calc(var(--page-x) * -1); padding-right: var(--page-x); overflow-x: auto; scrollbar-width: none; }
  .filters button { flex: 0 0 auto; }
  .filter-status { margin-top: 1rem; }
  .project-grid { display: block; }
  .project-card + .project-card { margin-top: 1.5rem; }
  .project-art { min-height: 0; }
  .project-meta { grid-template-columns: 1fr auto; padding: 1.1rem; }
  .project-open { width: 3.3rem; }
  .project-results li { padding: .75rem 1rem; }
  .topology { width: 94%; }
  .cloud-shell, .soc-terminal, .code-window { width: 88%; }
  .process-grid { grid-template-columns: 1fr; }
  .process-card { min-height: auto; border-right: 0; border-bottom: var(--border) !important; }
  .process-card:last-child { border-bottom: 0 !important; }
  .process-icon { margin: 2.5rem 0 2rem; }
  .process-card p { min-height: auto; }
  .learning-loop ol { grid-template-columns: 1fr 1fr; }
  .learning-loop li:nth-child(3) { border-left: 0; border-top: var(--border); }
  .learning-loop li:nth-child(4) { border-top: var(--border); }
  .contact-form { grid-template-columns: 1fr; box-shadow: 5px 6px 0 var(--ink); }
  .form-row, .form-row--full { grid-column: 1; }
  .form-footer { display: block; }
  .form-footer .button { width: 100%; }
  .form-status { margin-top: 1rem; }
  .contact-smile { opacity: .35; }
  .resource-grid { grid-template-columns: 1fr; }
  .resource-card { min-height: 22rem; }
  .community-roadmap article { grid-template-columns: 4.2rem 1rem 1fr; gap: .8rem; }
  .community-roadmap article > b { display: none; }
  .community-card { transform: none; }
  .site-footer { grid-template-columns: 1fr; }
  .back-top { justify-self: start; }
  .case-body { grid-template-columns: 1fr; }
  .case-results > div { grid-template-columns: 1fr; }
  .case-next { align-items: flex-start; flex-direction: column; }
  .dialog-hero h2 { font-size: clamp(2.7rem, 12vw, 4.5rem); overflow-wrap: anywhere; }
}

@media (max-width: 25rem) {
  .project-meta { grid-template-columns: 1fr; }
  .project-open { display: inline-flex; width: 100%; min-height: 3rem; aspect-ratio: auto; justify-content: space-between; padding: .7rem .9rem; border-radius: 0; }
  .project-open span { position: static; width: auto; height: auto; overflow: visible; clip: auto; font-size: .74rem; font-weight: 900; text-transform: uppercase; }
  .project-open:hover { transform: none; }
}