/* Gastronova Day – Nagomi alternative, lower-section polish (V2). Loaded only by day-nagomi.html.
   One scale for the lower half: h2 32–52px, lead 17–19px, media radius 20px, cards 16px, pills 999px, section rhythm 72–112px. */
.ng-page{--np-r:20px;--np-card:16px;--np-pad:clamp(72px,8vw,112px);--np-gap:clamp(28px,4.5vw,72px);--np-max:1240px}
.ng-page section[id],.ng-page #galeria,.ng-page #partneri,.ng-page #regForm{scroll-margin-top:96px}
.ng-page .dn .dn-wrap,.ng-page .np-wrap{max-width:var(--np-max);margin:0 auto;padding:0 var(--dn-g)}
.ng-page .dn .dn-chapter,.ng-page .dn .dn-program,.ng-page .dn .dn-contest{padding:var(--np-pad) 0}

/* unified heading scale (overrides the oversized V1 values) */
.ng-page .dn .dn-head h2,.ng-page .dn .dn-contest h2,.ng-page .np-copy h2,.ng-page .np-head h2{font-size:clamp(32px,3.4vw,52px);line-height:1.02;letter-spacing:-.04em;font-weight:500;margin:0 0 16px;max-width:20ch}
.ng-page .dn .dn-kicker{font-size:12px;letter-spacing:.14em;margin-bottom:14px}
.ng-page .np-lead,.ng-page .dn .dn-lead{font-size:clamp(16px,1.25vw,19px);line-height:1.55;max-width:52ch}
.ng-page .dn-dark .np-lead{color:#cdd4cc}
.ng-page .dn-dark .dn-kicker{color:#aeb8ae}

/* shared editorial split: copy + media, same grid for panel and interior */
.ng-page .np-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--np-gap);align-items:center;margin-bottom:clamp(40px,5vw,72px)}
.ng-page .np-split:not(.np-split--rev){grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
.ng-page .np-split--rev{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
.ng-page .np-media{margin:0;display:grid;gap:10px}
.ng-page .np-media img{display:block;width:100%;height:auto;border-radius:var(--np-r);object-fit:cover}
.ng-page .np-media--portrait img{aspect-ratio:4/5;max-height:520px;object-position:50% 40%}
.ng-page .np-media--land img{aspect-ratio:4/3;max-height:560px}
.ng-page .np-media figcaption{font-size:13.5px;line-height:1.45;color:#56624f}
.ng-page .dn-dark .np-media figcaption{color:#b9c2b8}
.ng-page .np-copy{min-width:0}
.ng-page .np-quote{margin-top:28px;padding:18px 0 0 20px;border-left:2px solid var(--ng-y)}
.ng-page .np-q{margin:0 0 8px;font-size:clamp(20px,1.7vw,26px);line-height:1.2;letter-spacing:-.02em;color:#fff;font-weight:500}
.ng-page .np-q em{font-style:normal;color:var(--ng-y)}
.ng-page .np-quote p:last-child{margin:0;font-size:15.5px;line-height:1.55;color:#c7cec6;max-width:54ch}
.ng-page .np-points{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.ng-page .np-points li{position:relative;padding-left:26px;font-size:16px;color:#e8ece6}
.ng-page .np-points li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:50%;background:var(--ng-y)}
.ng-page .np-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px}
.ng-page .np-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:15px;text-decoration:none;border-bottom:1px solid currentColor}
.ng-page .dn-dark .np-link{color:#fff}
.ng-page .dn .dn-btn{min-height:52px;padding:0 24px;font-size:15px}
.ng-page .dn .dn-btn--sm{min-height:46px;font-size:14px}

/* panel details under the intro: calmer journey cards */
.ng-page .dn .dn-journey .journey{display:grid;gap:10px;margin-top:18px}
.ng-page .dn .dn-journey .step{border:1px solid rgba(243,241,234,.14);border-radius:var(--np-card);background:rgba(243,241,234,.035);padding:20px 22px}
.ng-page .dn .dn-journey .step h3{font-size:clamp(19px,1.5vw,23px);letter-spacing:-.02em}
.ng-page .dn .dn-journey .step p{color:#c6cdc5;font-size:15px;line-height:1.55}
.ng-page .dn .dn-journey .moderator{border-radius:var(--np-card)}
.ng-page .dn .dn-partners{margin-top:clamp(40px,5vw,64px)}

/* handover: one tidy module, one player at a time */
.ng-page .np-handover{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:var(--np-gap);align-items:center;padding:clamp(24px,3vw,40px);margin-bottom:clamp(40px,5vw,72px);border:1px solid rgba(243,241,234,.14);border-radius:24px;background:rgba(243,241,234,.035)}
.ng-page .np-hv-copy h3{margin:0 0 12px;font-size:clamp(26px,2.4vw,36px);letter-spacing:-.03em;line-height:1.05;color:#fff}
.ng-page .np-hv-text{margin:0;font-size:16px;line-height:1.6;color:#cdd4cc;max-width:56ch}
.ng-page .np-tabs{display:none;gap:8px;margin:22px 0 0;flex-wrap:wrap}
html.np-js .ng-page .np-tabs{display:flex}
.ng-page .np-tabs button{display:grid;gap:3px;text-align:left;padding:12px 16px;border-radius:14px;border:1px solid rgba(243,241,234,.22);background:transparent;color:#fff;cursor:pointer;font:inherit}
.ng-page .np-tabs button b{font-size:15px}
.ng-page .np-tabs button span{font-size:13px;color:#b9c2b8}
.ng-page .np-tabs button[aria-selected=true]{background:var(--ng-off);color:#141a16;border-color:var(--ng-off)}
.ng-page .np-tabs button[aria-selected=true] span{color:#4f5a4c}
.ng-page .np-tabs button:focus-visible{outline:3px solid var(--ng-y);outline-offset:3px}
.ng-page .np-note{margin:16px 0 20px;font-size:13.5px;line-height:1.5;color:#b9c2b8}
.ng-page .np-player{display:grid;gap:18px;justify-items:center}
.ng-page .np-video{margin:0;width:100%;max-width:320px;display:grid;gap:10px}
.ng-page .np-video video{display:block;width:100%;aspect-ratio:9/16;max-height:min(560px,72vh);object-fit:cover;border-radius:var(--np-r);background:#050806}
.ng-page .np-video figcaption{font-size:14px;line-height:1.4;color:#dfe4dc}
.ng-page .np-video figcaption b{color:#fff;margin-right:6px}
html.np-js .ng-page .np-video figcaption{display:none}
.ng-page .np-video[hidden]{display:none}
/* the old V1 handover/offer wrappers keep their dark card look */
.ng-page .dn .dn-offer .offer{border-radius:24px}

/* showroom: one photo + one information card, aligned to the common max-width */
.ng-page .np-venue{padding:var(--np-pad) 0!important;background:var(--ng-off)!important}
.ng-page .np-head{margin-bottom:clamp(24px,3vw,40px)}
.ng-page .np-venue-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(20px,3vw,40px);align-items:stretch}
.ng-page .np-venue-grid .np-media img{height:100%;max-height:none;min-height:320px}
.ng-page .np-venue-card{display:grid;align-content:start;gap:18px;padding:clamp(22px,2.6vw,34px);border-radius:var(--np-r);background:#fff;border:1px solid rgba(20,26,22,.1)}
.ng-page .np-venue-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.ng-page .np-venue-actions .np-link{color:#141a16}
.ng-page .np-venue-card .infolist{margin:0;padding:0;display:grid;gap:16px}
.ng-page .np-venue-card .infolist li{padding:0;border:0}
.ng-page .np-venue-card .infolist b{font-size:16px}
.ng-page .np-venue-card .infolist span{font-size:14.5px;color:#56624f}
.ng-page .np-venue-card .cal a{border-radius:999px}
.ng-page .np-small{margin:0;font-size:12.5px;color:#6a7466}

/* FAQ + final CTA inside the same max-width */
.ng-page .dn .dn-dist>section:not([id]):not(.finalcta) .wrap{max-width:860px}

@media (max-width:900px){
  .ng-page .np-split,.ng-page .np-split--rev,.ng-page .np-split:not(.np-split--rev){grid-template-columns:1fr;gap:26px}
  .ng-page .np-split--rev .np-media{order:-1}
  .ng-page .np-media--portrait img{aspect-ratio:4/5;max-height:440px;object-position:50% 15%}
  .ng-page .np-handover{grid-template-columns:1fr}
  .ng-page .np-venue-grid{grid-template-columns:1fr}
  .ng-page .np-venue-grid .np-media img{min-height:0;aspect-ratio:16/10;height:auto}
}
@media (max-width:760px){
  .ng-page{--np-pad:64px}
  .ng-page section[id],.ng-page #galeria,.ng-page #partneri,.ng-page #regForm{scroll-margin-top:80px}
  .ng-page .dn .dn-wrap,.ng-page .np-wrap{padding:0 16px}
  .ng-page .np-copy h2,.ng-page .np-head h2,.ng-page .dn .dn-head h2,.ng-page .dn .dn-contest h2{font-size:32px}
  .ng-page .np-handover{padding:20px;border-radius:20px}
  .ng-page .np-tabs button{flex:1 1 140px}
  .ng-page .np-video{max-width:300px}
  .ng-page .np-video video{max-height:62vh}
}
/* no-JS / reduced-motion static story: keep the grid inside the viewport (V1 overflowed to 480px on 390px phones) */
.ng-page .ng-stage{grid-template-columns:minmax(0,1fr)}
.ng-page .ng-stage>*{min-width:0}
.ng-page .ng-nodes li{min-width:0}
/* narrow phones (≤400px): the floating nav must fit – smaller logo and pill padding */
@media (max-width:400px){
  body.ng-page>nav.ng-nav{gap:6px;padding:6px 6px 6px 12px!important}
  .ng-nav-logo img{height:17px}
  .ng-nav-menu summary{padding:0 10px;font-size:12.5px}
  .ng-nav .ng-pill{padding:0 12px;font-size:12.5px}
}