/* Phone/tablet-only placement. Desktop stays with its existing stylesheet. */
@media(max-width:1023px){
 .home-page .home-discovery[hidden]{display:block;width:100%;max-width:480px;margin:16px auto 0}
 .home-discovery-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;border:1px solid #ffe43655;border-radius:18px 18px 0 0;background:#0a0c08f2}
 .home-discovery-tabs button{min-width:0;min-height:44px;padding:11px 8px;border:0;border-radius:9px;background:transparent;color:#c7c7bb;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer}
 .home-discovery-tabs button[aria-selected=true]{background:#ffe436;color:#101208}
 .home-discovery-panels{display:grid;align-items:start;height:var(--home-panel-height,auto);overflow:hidden;transition:height .2s ease}
 .home-discovery-panel{grid-area:1/1;min-width:0}
 .home-discovery-panel[aria-hidden=true]{visibility:hidden;pointer-events:none}
 .home-feature{margin:0;border:1px solid #ffe43655;border-top:0;border-radius:0 0 18px 18px;background:#0a0c08f2;overflow:hidden}
 .home-feature-art{display:block;width:100%;height:auto;aspect-ratio:1711/919;object-fit:contain;background:#11130f}
 .home-feature-copy{padding:14px 16px 16px}
 .home-feature-copy .home-feature-eyebrow{margin:0 0 5px;color:#ffe436;font:600 12px/1.4 sans-serif;letter-spacing:.09em;text-transform:uppercase}
 .home-feature-copy h2{margin:0;color:#f5f5ef;font-family:inherit;font-size:25px;font-weight:700;line-height:1.2;letter-spacing:0}
 .home-feature-copy .home-feature-description{margin:8px 0 0;color:#d8dbd0;font:400 14px/1.5 sans-serif}
 .home-feature-actions{display:flex;align-items:center;gap:10px 16px;margin-top:14px;flex-wrap:wrap}
 .home-feature-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 14px;border-radius:8px;background:#ffe436;color:#101208;font:700 14px/1.3 sans-serif;text-align:center;text-decoration:none}
 .home-feature-secondary{display:inline-flex;align-items:center;min-height:44px;color:#ffe436;font:600 14px/1.3 sans-serif;text-decoration:underline;text-underline-offset:4px}
 .home-creations-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px;background:#11130f;aspect-ratio:1711/919;align-items:center}
 .home-creations-art img{display:block;width:100%;height:100%;min-height:0;max-height:180px;object-fit:contain}
 .home-discovery :focus-visible{outline:3px solid white;outline-offset:3px}
 .home-discovery .mobile-buy-buttons{margin:0;padding:16px;border:1px solid #ffe43655;border-top:0;border-radius:0 0 18px 18px;background:#0a0c08f2}
 .home-page .countdown-game-row{display:block}
 .home-page .countdown-game-row>.arcade-teaser{display:none}
 .home-page .countdown-game-row:has(>.mystery-clock[hidden]){display:none}
 .home-page .community-section>.story-creations{position:relative;z-index:2;margin:16px auto 0;padding:0;justify-content:center}
 .home-page .community-section>.story-creations>a{min-height:44px;padding:10px 18px;border:1px solid #ffe43080;border-radius:8px;color:#ffe430;font-size:14px;line-height:1.4}
 .home-page .community-section>.story-creations+.community-hint{margin-top:12px}
 .home-page .hats-collection-heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;align-items:start}
 .home-page .hats-collection-heading>div:first-child{grid-column:1;grid-row:1;min-width:0}
 .home-page .hats-collection-heading>div:first-child h2{font-size:clamp(30px,8vw,38px);line-height:1.05}
 .home-page .hats-collection-heading .eyebrow{font-size:12px;line-height:1.4;letter-spacing:.06em;white-space:normal}
 .home-page .hats-collection-description{font-size:14px;line-height:1.5;margin-top:10px}
 .home-page .hats-collection-motto{font-size:16px;line-height:1.4}
 .home-page .hats-collection-heading>.hats-collection-actions{grid-column:1 / -1;grid-row:2;width:100%}
 .home-page .hats-collection-heading>.hatverse-teaser{grid-column:2;grid-row:1;min-width:0;width:100%;max-width:300px;justify-self:end;align-self:start}
 .home-page .hats-collection-heading>.hatverse-teaser>.countdown-tile-art{aspect-ratio:3/2;object-fit:cover}
 .home-page .hats-collection-heading>.hatverse-teaser>.countdown-tile-copy{padding:10px;gap:6px}
 .home-page .hats-collection-heading>.hatverse-teaser .tile-kicker{font-size:12px;letter-spacing:0}
 .home-page .hats-collection-heading>.hatverse-teaser h2{font-size:24px;line-height:1.1;margin:0}
 .home-page .hats-collection-heading>.hatverse-teaser .hatverse-summary{font-size:14px;line-height:1.45;margin:0;overflow-wrap:normal}
 .home-page .hats-collection-heading>.hatverse-teaser .tile-status{font-size:14px;line-height:1.4;padding-top:4px}
}
@media(max-width:1023px) and (prefers-reduced-motion:reduce){.home-discovery-panels{transition:none}}

/* Keep every value and source link, with a tighter two-column phone layout. */
@media(max-width:1023px){
 .home-page .hero-info-row{gap:8px;padding-top:4px;padding-bottom:12px}
 .home-page .hero-info-row>.home-market{padding:12px 14px}
 .home-page .hero-info-row .market-heading{margin-bottom:6px}
 .home-page .hero-info-row .market-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 0;padding:8px 0}
 .home-page .hero-info-row .market-stats>div{padding-inline:10px}
 .home-page .hero-info-row .market-stats>div:nth-child(odd){padding-left:0;border-left:0}
 .home-page .hero-info-row .market-stats dt{font-size:14px;line-height:1.4}
 .home-page .hero-info-row .market-stats dd{margin-top:4px;font-size:18px;line-height:1.3}
 .home-page .hero-info-row .market-received{margin-top:4px;font-size:12px;line-height:1.35}
 .home-page .hero-info-row .market-status{margin-top:8px;font-size:13px;line-height:1.4}
 .home-page .hero-info-row .market-chart-panel{margin-top:8px}
 .home-page .hero-info-row>.home-token-summary{padding:4px 0}
 .home-page .hero-info-row .home-token-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 0}
 .home-page .hero-info-row .home-token-facts>div{padding-inline:8px}
 .home-page .hero-info-row .home-token-facts>div:nth-child(odd){border-left:0}
 .home-page .hero-info-row .home-token-facts dt{font-size:14px;line-height:1.4}
 .home-page .hero-info-row .home-token-facts dd{margin-top:4px;font-size:18px;line-height:1.3}
 .home-page .hero-info-row .home-token-facts a{min-height:44px;font-size:14px;line-height:1.35}
 .home-page .hero-info-row .home-token-note{margin-top:6px;font-size:12px;line-height:1.4}
}

/* Reuse the countdown between the home logo and the phone menu. */
@media(max-width:900px){
 body.home-page>.header.mobile-menu-ready:has(>.mystery-clock:not([hidden])){padding:8px 10px!important;gap:4px!important}
 body.home-page>.header.mobile-menu-ready:has(>.mystery-clock:not([hidden])) .header-brand-group{flex:0 0 auto!important}
 body.home-page>.header.mobile-menu-ready:has(>.mystery-clock:not([hidden])) .logo{gap:4px}
 body.home-page>.header.mobile-menu-ready:has(>.mystery-clock:not([hidden])) .header-brand{width:clamp(52px,16vw,64px)!important}
 body.home-page>.header.mobile-menu-ready:has(>.mystery-clock:not([hidden])) .mobile-home-mascot{width:clamp(28px,8vw,32px);height:clamp(28px,8vw,32px)}
 body.home-page>.header.mobile-menu-ready:has(>.mystery-clock:not([hidden])) .mobile-menu-toggle{min-width:70px;min-height:44px;padding:10px 8px;font-size:14px}
 body.home-page>.header>.mystery-clock{position:static;flex:1 1 116px;min-width:116px;max-width:154px;width:auto;margin:0;padding:0;gap:0 4px;background:none;box-shadow:none;border-radius:0;transform:none}
 body.home-page>.header>.mystery-clock .clock-unit:not([hidden]){display:flex;align-items:baseline;justify-content:center;gap:2px;padding:0;border:0}
 body.home-page>.header>.mystery-clock .clock-unit>span{font-size:18px;line-height:1.1}
 body.home-page>.header>.mystery-clock .clock-unit>small{margin:0;font-size:12px;line-height:1.1;letter-spacing:0;text-transform:none}
 body.home-page>.header>.mystery-clock .clock-teaser{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:0;font-size:12px;line-height:1.2;letter-spacing:0}
 body.home-page>.header>.mystery-clock .clock-teaser>span:nth-child(2){display:none}
 body.home-page>.header>.mystery-clock .clock-date{font-size:12px;letter-spacing:0}
 body.home-page>.header>.mystery-clock .clock-about{display:none}
 body.home-page>.header>.mystery-clock .clock-burn-status{padding:0}
 body.home-page>.header>.mystery-clock .clock-burn-status strong{font-size:14px;line-height:1.2}
 .home-page .countdown-game-row:not(:has(>.mystery-clock)){display:none}
}

/* Keep phone sections connected and the portrait montage fully in frame. */
@media(max-width:800px){
 .home-page #main>.story{padding-top:28px;padding-bottom:28px}
 .home-page #main>.community-section{padding-top:28px;padding-bottom:24px}
 .home-page #main>.hats-collection{padding-top:24px}
 .home-page #main>.showcase{padding-bottom:28px}
 .home-page #main>.universe-story{padding-top:28px;padding-bottom:36px}
 .home-page .story-grid{gap:24px}
 .home-page .story-montage{gap:10px}
 .home-page .story-video{width:clamp(140px,calc(50svh * .562637),190px);max-width:100%;justify-self:center}
 .home-page .story-video-preview img{aspect-ratio:512/910;object-fit:contain}
 .home-page .story-video-dialog{width:min(94vw,calc((90dvh - 80px) * .562637 + 26px),480px);max-height:94dvh}
 .home-page .story-video-dialog video{width:100%;height:auto;max-height:none;aspect-ratio:512/910;object-fit:contain}
}

/* Align each pair of phone showcase titles, whole images, and descriptions. */
@media(max-width:700px){
 .home-page #world .project-tiles{column-gap:12px;row-gap:12px}
 .home-page #world .homepage-project-tile{padding:10px;row-gap:10px}
 .home-page #world .homepage-project-tile>img{width:100%;aspect-ratio:2/3;object-fit:contain}
 .home-page .showcase .all-creations{min-height:44px}
 @supports(grid-template-rows:subgrid){
  .home-page #world .homepage-project-tile{grid-row:span 3;grid-template-rows:subgrid}
 }
}