/* Approved desktop finishing pass; phone and tablet styles stay unchanged. */
@media(min-width:1024px){
 /* Keep the existing navigation cells, with tighter spacing between groups. */
 body.home-page>.header{gap:clamp(20px,2vw,28px)}
 body.home-page>.header .header-brand-group{gap:12px}
 body.home-page>.header .header-socials{gap:2px}
 body.home-page>.header .header-socials a{height:44px}
 body.home-page>.header nav[aria-label="Main navigation"]{column-gap:20px}
 body.home-page>.header nav[aria-label="Main navigation"]::before{transform:translateX(-10px)}

 /* Show the existing destination text in its own row; retain whole-card links. */
 .home-page #world .cover-card{grid-row:span 3;grid-template-rows:subgrid}
 .home-page #world .project-actions{position:static;inset:auto;display:flex;min-height:56px;padding:12px 0 0;align-self:end}
 .home-page #world .project-actions .project-destination{position:static;inset:auto;display:inline-flex;align-items:center;width:auto;height:auto;min-height:44px;font-size:15px;line-height:1.4;color:#ffe430}
 .home-page #world .project-destination::after{content:'';position:absolute;inset:0;border-radius:inherit}
 .home-page #world .project-destination:hover{color:#fff18a}

 .home-page .story-copy>p{text-indent:0}

 /* Give labels and links space while keeping four facts when 560px fits. */
 .home-page .hero-bottom .home-token-facts dt{min-height:44px;line-height:1.5;overflow-wrap:normal;word-break:normal;text-wrap:balance}
 .home-page .hero-bottom .home-token-facts a{margin-top:4px;min-height:44px;line-height:1.5;overflow-wrap:normal;word-break:normal;text-wrap:balance}
 .home-page .hero-bottom .home-token-note{margin-top:10px;line-height:1.6}
 .home-page .hero-bottom .home-market>.market-sources{gap:4px 16px}
 .home-page .hero-bottom .home-market .market-sources a{white-space:nowrap}
 @container desktop-facts (min-width:560px){
  .home-page .hero-bottom .home-token-facts a{white-space:nowrap}
 }

 /* The same hint precedes the lineup; the Creations action stays below it. */
 .home-page .community-section>.community-hint{margin:20px 0 0}
 .home-page .community-section>.community-hint+.community-scene{margin-top:16px}

 .home-page .simple-footer nav a[href="/whitepaper/"]{font-size:16px;color:#d5d8ca;text-decoration:underline;text-decoration-color:#ffe43066;text-underline-offset:5px}
 .home-page .simple-footer nav a[href="/whitepaper/"]:hover,.home-page .simple-footer nav a[href="/whitepaper/"]:focus-visible{color:#ffe430}

 .home-page .buy-panel .buy-note{margin-top:14px;font-size:14px;line-height:1.6}
 .home-page .buy-panel #buy-link{column-gap:10px}
 .home-page .buy-panel #buy-link>span[aria-hidden="true"]{position:relative;display:inline-block;flex:none;width:12px;height:12px;margin-left:0;font-size:0;line-height:1}
 .home-page .buy-panel #buy-link>span[aria-hidden="true"]::before{content:'';position:absolute;top:0;right:0;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}
 .home-page .buy-panel #buy-link>span[aria-hidden="true"]::after{content:'';position:absolute;left:-1px;top:5px;width:15px;height:1.5px;background:currentColor;transform:rotate(-45deg)}

 .home-page .universe-story-layout .universe-page p{max-width:60ch;margin-inline:auto;font-size:17px;line-height:1.65;margin-bottom:20px}
 .home-page .universe-story-layout .universe-page .universe-ending{margin-top:28px;margin-bottom:0}

 /* Temporary name labels stay legible above nearby moving portraits. */
 .home-page .hats-gallery-window{padding-bottom:80px}
 .home-page .hats-gallery figcaption{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:min(220%,220px);padding:8px 12px;border:1px solid #ffe43080;border-radius:8px;background:#10120ef5;color:#f5f5ef;box-shadow:0 5px 18px #0009;font-size:14px;line-height:1.4;text-shadow:none;opacity:0;visibility:hidden;pointer-events:none}
 .home-page .hats-gallery figcaption span{font-size:12px;margin-bottom:3px}
 .home-page .hats-gallery-card>figure:focus-visible>figcaption{opacity:1;visibility:visible}
 @media(hover:hover){
  .home-page .hats-gallery-card:hover figcaption{opacity:1;visibility:visible}
 }

 /* Raise only the desktop timer, preserving its original horizontal position. */
 .home-page .hero>.mystery-clock{top:min(calc(var(--desktop-art-height) - 32px),var(--desktop-clock-address-edge,calc(var(--desktop-art-height) - 32px)))}
}