.mobile-join, .mobile-copy { display: none; }
#home .home-waitlist-note-title > .desktop-copy { color: #173b84; }
@media (max-width: 760px) {
  .home-page { --header-height-mobile: 76px; }
  .home-page .shell { width: calc(100% - 40px); }
  .home-page .site-header { background: #fffdf8; backdrop-filter: none; }
  .home-page .nav-wrap { gap: 12px; min-height: 76px; }
  .home-page .brand img { width: 100px; height: auto; }
  .home-page .mobile-join {
    display: inline-flex; align-items: center; justify-content: center;
    margin-left: auto; min-height: 44px; padding: 0 16px;
    border-radius: 999px; background: #ffd13f; color: #102b68;
    font-size: .875rem; font-weight: 750; white-space: nowrap;
  }
  .home-page .nav-toggle { margin-left: 0; flex-shrink: 0; box-shadow: none; }
  .home-page .site-header[data-menu-open="true"] .nav {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 16px; max-height: calc(100svh - 180px); overflow-y: auto;
  }
  .home-page .site-header[data-menu-open="true"] .nav a { min-height: 44px; }
  .home-page .site-header[data-menu-open="true"] .nav-cta { display: none; }
  #home.hero { padding-top: 24px; padding-bottom: 36px; background: #fff9ef; }
  #home .hero-grid { gap: 24px; }
  #home .eyebrow {
    color: #416b94; border: none; background: none; padding: 0;
    font-size: .75rem !important; letter-spacing: .11em; margin-bottom: 12px;
    box-shadow: none;
  }
  #home.hero h1 {
    font-size: clamp(2.25rem, 11.6vw, 3.125rem); line-height: 1.04;
    letter-spacing: -.025em;
  }
  #home.hero h1 em { color: #ed8700; }
  #home .hero-mobile-image { margin-top: 20px; margin-bottom: 0; }
  #home .desktop-copy { display: none; }
  #home .mobile-copy { display: inline; }
  #home .home-waitlist-note {
    margin-top: 0; padding: 24px; border: none; border-radius: 0 0 28px 28px;
    background: #112b60; color: #fff;
    box-shadow: 0 12px 26px rgba(17,43,96,.13);
  }
  #home .home-waitlist-note::after { content: none; }
  #home .home-waitlist-note-kicker { color: #a7d9ff; font-size: .75rem; letter-spacing: .11em; }
  #home .home-waitlist-note-title { margin: 10px 0 8px; font-size: 1.75rem; line-height: 1.15; }
  #home .home-waitlist-note-title .mobile-copy { color: #fff; }
  #home .home-waitlist-note p { color: #e2ebfa; font-size: 1rem; line-height: 1.5; margin-bottom: 18px; }
  #home .home-waitlist-note .btn {
    min-height: 52px; border-radius: 16px; background: #ffd13f;
    color: #102b68; box-shadow: none; font-weight: 800;
  }
  #home .hero-attractions { gap: 0; border: 1px solid #e4e5df; border-radius: 24px; overflow: hidden; background: #fffdf8; }
  #home .hero-attraction-card {
    grid-template-columns: 32px minmax(0, 1fr); gap: 10px;
    align-items: center; align-content: center; padding: 18px 14px;
    background: transparent; box-shadow: none; border: none; border-radius: 0;
  }
  #home .hero-attraction-card:nth-child(odd) { border-right: 1px solid #e4e5df; }
  #home .hero-attraction-card:nth-child(-n+2) { border-bottom: 1px solid #e4e5df; }
  #home .hero-attraction-card img { width: 32px; height: 38px; filter: none; }
  #home .hero-attraction-card strong { font-size: 1.1875rem; letter-spacing: -.025em; }
  #home .hero-attraction-card span { font-size: .6875rem; line-height: 1.4; letter-spacing: 0; }
  .home-page main > .section-pad:not(#home) { padding-block: 48px; }
  .home-page .section-head { margin-bottom: 24px; gap: 14px; }
  .home-page .section-head h2, .home-page .cafe-feature-stage h2, .home-page .dropoff-copy h2 {
    font-size: 2.5rem; line-height: 1.05; letter-spacing: -.025em;
  }
  .home-page .section-kicker { font-size: .75rem !important; letter-spacing: .1em; margin-bottom: 12px; }
  .home-page #explore { background: #f3f8fc; }
  .home-page #explore .section-head > p { font-size: 1rem; line-height: 1.55; color: #49617f; }
  .home-page .explore-journey-grid { gap: 12px; margin-top: 0; }
  .home-page .explore-journey-grid .journey-card {
    display: grid; grid-template-columns: minmax(0,1fr) 80px;
    grid-template-areas: 'meta meta' 'title art' 'copy art';
    grid-template-rows: auto auto auto; column-gap: 12px; row-gap: 6px;
    padding: 20px; height: auto; min-height: 0;
    border: 1px solid #dce6ee; border-radius: 22px;
    background: #fff; box-shadow: none; align-items: start;
  }
  .home-page .explore-journey-grid .journey-card::before,
  .home-page .explore-journey-grid .journey-card::after { content: none; }
  .home-page .explore-journey-grid .journey-card small {
    grid-area: meta; color: #537393; font-size: .75rem !important; letter-spacing: .035em; margin: 0 0 5px;
  }
  .home-page .explore-journey-grid .journey-card h3 {
    grid-area: title; font-size: 1.875rem; line-height: 1.1;
    max-width: none; margin: 0; white-space: normal; color: #112b60;
  }
  .home-page .explore-journey-grid .journey-card p {
    grid-area: copy; font-size: 1rem !important; line-height: 1.5;
    max-width: none; margin: 0; color: #49617f;
  }
  .home-page .explore-journey-grid .journey-card img {
    grid-area: art; position: static; display: block; justify-self: center; align-self: center;
    width: 80px; max-width: 100%; height: 110px; object-fit: contain; margin: 0;
    filter: drop-shadow(0 8px 10px rgba(8,26,73,.08));
  }
  .home-page .explore-journey-grid .explore-feature {
    grid-template-columns: minmax(0, 1fr) 100px;
    grid-template-areas: 'meta meta' 'title art' 'copy art' 'metrics metrics' 'link link';
    background: #fff6db; border-color: #ecdbac; padding: 24px;
  }
  .home-page .explore-journey-grid .explore-feature img { width: 100px; height: 160px; }
  .home-page .explore-metrics { grid-area: metrics; margin: 10px 0 0; gap: 6px; }
  .home-page .explore-metrics span { font-size: .6875rem !important; min-height: 28px; padding: 4px 9px; letter-spacing: 0; }
  .home-page .explore-feature > a { grid-area: link; justify-self: start; margin-top: 10px; min-height: 44px; }
  .home-page .cafe-layout { gap: 24px; }
  .home-page .cafe-visual-panel { margin: 0; }
  .home-page .cafe-mascot-card { min-height: 0; padding: 20px; }
  .home-page .cafe-mascot-card img { width: 100%; height: 250px; object-fit: contain; }
  .home-page .cafe-feature-card { grid-template-columns: 44px minmax(0,1fr); padding: 18px; border-radius: 20px; }
  .home-page .cafe-icon { width: 44px; height: 44px; }
  .home-page .cafe-feature-card b { font-size: 1.5rem; line-height: 1.2; }
  .home-page .cafe-feature-card p { font-size: 1rem; line-height: 1.5; }
  .home-page .dropoff-feature-card { padding: 22px; border-radius: 22px; }
  .home-page .dropoff-copy > p, .home-page .section-intro { font-size: 1rem; line-height: 1.6; }
  .home-page .footer-grid { gap: 28px; }
  .home-page .footer-grid > div:last-child { display: block; }
  .home-page a:focus-visible, .home-page button:focus-visible { outline: 3px solid #1299ef; outline-offset: 4px; }
}
@media (max-width: 350px) {
  .home-page .nav-wrap { gap: 8px; }
  .home-page .brand img { width: 84px; }
  .home-page .mobile-join { padding-inline: 12px; font-size: .8125rem; }
  #home .home-waitlist-note { padding: 20px; }
  #home .hero-attraction-card { grid-template-columns: minmax(0,1fr); padding: 14px; gap: 6px; }
  .home-page .explore-journey-grid .journey-card { grid-template-columns: minmax(0,1fr) 64px; padding: 18px; }
  .home-page .explore-journey-grid .journey-card img { width: 64px; }
}