/* Neon Memory Archive — visitor-first simplification pass.
   This deliberately removes product-dashboard density in favour of image, reading and film. */

:root{--nma-reading:860px;--nma-wide:1180px}

/* Typography must guide, not dominate. One hero may be large; repeated editorial
   headings return to readable magazine scale. */
h1{font-size:clamp(2.4rem,4.8vw,4.6rem)!important;line-height:1.02!important;letter-spacing:-.038em!important}
h2{font-size:clamp(1.55rem,2.8vw,2.6rem)!important;line-height:1.1!important;letter-spacing:-.03em!important}
h3{font-size:clamp(1.1rem,1.7vw,1.55rem)!important;line-height:1.18!important}
.page-hero{padding:clamp(4rem,8vw,6.5rem) 24px clamp(2.5rem,5vw,4rem)!important}
.page-hero p:last-child{font-size:clamp(1rem,1.4vw,1.12rem)!important;max-width:720px!important}
.section{padding:clamp(4rem,7vw,6rem) 24px!important}
.home-hero-overlay{padding-bottom:clamp(3rem,7vw,5rem)!important}
.home-hero-overlay h1{font-size:clamp(2.7rem,5.7vw,5.2rem)!important;max-width:900px!important}
.home-hero-overlay>p:not(.eyebrow){max-width:690px!important;font-size:clamp(1rem,1.35vw,1.16rem)!important}
.memory-hero-copy h1,.memory-hero h1{font-size:clamp(2.4rem,4.7vw,4.6rem)!important}
.memory-opening{font-size:clamp(1.25rem,2.15vw,1.75rem)!important;margin-bottom:3.5rem!important}
.memory-section{margin-bottom:3.4rem!important}
.memory-section h2{font-size:clamp(1.35rem,2.15vw,2rem)!important;line-height:1.2!important;letter-spacing:-.025em!important}
.memory-section p,.memory-body p{font-size:clamp(1rem,1.2vw,1.08rem)!important;line-height:1.78!important}

/* Primary navigation has one job: orient the visitor. */
.nma-nav{gap:1.5rem!important}
.nma-nav a{font-size:.9rem!important;font-weight:600!important}
.nma-nav a[aria-current="page"]{color:#fff!important}

/* Old personal-dashboard chrome may remain as dormant implementation detail, but
   it is not part of the public museum interface. */
.nma-growth-dock,.nma-signal-dock{display:none!important}
.nma-utility-dock,.nma-shelf-backdrop,.nma-shelf-drawer{display:none!important}
body.nma-shelf-open{overflow:auto!important}

/* Reduce dashboard/card chrome. */
.nma-experience-section{width:min(var(--nma-wide),calc(100% - 32px))!important;margin:clamp(2.5rem,6vw,5rem) auto!important}
.nma-explorer-shell,.nma-video-wall-shell,.nma-visual-gallery-shell{padding:clamp(18px,3vw,32px)!important;border-radius:18px!important;box-shadow:none!important;background:rgba(8,4,10,.82)!important}
.nma-explorer-shell h2,.nma-video-wall-shell h2,.nma-visual-gallery-shell h2{font-size:clamp(1.45rem,2.4vw,2.25rem)!important}
.nma-explorer-intro p,.nma-video-wall-heading p{max-width:680px!important}
.nma-explorer-card{border-radius:14px!important}
.nma-explorer-copy h3{font-size:1.08rem!important}
.nma-explorer-copy p{font-size:.9rem!important;line-height:1.55!important}

/* Film is content, never a side panel. */
.nma-video-grid{display:grid!important;grid-template-columns:1fr!important;gap:clamp(28px,5vw,54px)!important}
.nma-video-card,.nma-video-card.is-featured{display:block!important;grid-column:auto!important;max-width:1080px!important;width:100%!important;margin:0 auto!important;border-radius:16px!important;overflow:hidden!important;background:rgba(8,4,10,.86)!important}
.nma-video-stage{position:relative!important;width:100%!important;aspect-ratio:16/9!important;min-height:0!important;background:#000!important}
.nma-video-stage img,.nma-video-stage iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;border:0!important}
.nma-video-copy{max-width:900px!important;padding:clamp(18px,3vw,28px)!important}
.nma-video-copy h3{font-size:clamp(1.2rem,2vw,1.7rem)!important}
.nma-video-copy>p{max-width:760px!important}
.nma-curator-note{max-width:760px!important}
.nma-video-filters{margin:16px 0 28px!important}
#film-room-library .nma-video-wall-heading{display:none!important}
#memory-video-wall .nma-video-card:nth-child(n+3),#story-video-wall .nma-video-card:nth-child(n+3){display:none!important}

/* Homepage: image-led, not a catalogue of product concepts. */
.nma-home-simple-intro{max-width:760px;margin:0 auto;padding:clamp(3.5rem,7vw,5.5rem) 24px 0}
.nma-home-simple-intro p{color:rgba(255,255,255,.72);font-size:1.05rem}
.nma-home-section-heading{max-width:760px;margin-bottom:2rem}
.nma-home-section-heading p{color:rgba(255,255,255,.7)}
.nma-home-story-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:16px}
.nma-home-story-grid .story-index-card{height:100%}
.nma-home-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.5rem}
.nma-home-archive-link{width:min(var(--nma-wide),calc(100% - 32px));margin:1rem auto 0;padding:0}
.nma-home #archive-video-wall .nma-video-wall-heading,.nma-home #archive-video-wall .nma-video-filters{display:none!important}
.nma-home #archive-video-wall .nma-video-card:nth-child(n+4){display:none!important}

/* Museum/editorial surfaces get more air and fewer giant slogans. */
.section-heading{margin-bottom:2rem!important}
.section-heading.horizontal{align-items:start!important}
.closing-room{min-height:420px!important;padding:4rem 24px!important}
.manifesto{padding:6rem 24px!important}

@media(max-width:1050px){
  .nma-home-story-grid{grid-template-columns:1fr 1fr}
  .nma-home-story-grid>a:first-child{grid-column:1/-1}
}
@media(max-width:700px){
  h1{font-size:clamp(2.25rem,10.5vw,3.5rem)!important}
  h2{font-size:clamp(1.45rem,7vw,2.15rem)!important}
  .memory-section h2{font-size:clamp(1.3rem,6.2vw,1.75rem)!important}
  .section{padding:3.75rem 18px!important}
  .page-hero{padding:4rem 18px 2.5rem!important}
  .nma-home-story-grid{grid-template-columns:1fr}
  .nma-home-story-grid>a:first-child{grid-column:auto}
  .nma-video-card,.nma-video-card.is-featured{border-radius:12px!important}
  .nma-experience-section{width:min(100% - 20px,var(--nma-wide))!important}
  .nma-home-archive-link{width:calc(100% - 20px)}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
