
/* NAN A2 Show My Ride GOLD1 — presentation only */
body.nan-smr-gold{background:#fffdf8}
.nan-smr-gold .nan-hero-after-commercial>.eyebrow,
.nan-smr-gold .nan-hero-after-commercial>.headline{display:none}
.nan-smr-gold .nan-module-commercial-top{max-width:1200px;margin:0 auto;padding:34px 24px 0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px;align-items:stretch}
.nan-smr-gold .community-commercial-intro{border:1px solid #dfe5df;border-radius:18px;padding:30px 34px;background:linear-gradient(135deg,#fff 0%,#fbfcf8 100%);box-shadow:0 12px 36px rgba(13,58,45,.06);display:flex;flex-direction:column;justify-content:center}
.nan-smr-gold .community-commercial-intro h1{font:700 clamp(38px,4vw,58px)/.98 Georgia,serif;letter-spacing:-.035em;margin:10px 0 12px;color:#14251f}
.nan-smr-gold .community-commercial-intro p{font-size:15px;line-height:1.6;color:#65756e;margin:0}
.nan-smr-gold .nan-network-sponsor-wrap{margin:0}
.nan-smr-gold .hero.nan-hero-after-commercial{padding-top:38px}
.nan-smr-gold .feature{border-radius:18px;box-shadow:0 30px 80px rgba(13,58,45,.18)}
.nan-smr-gold .feature .photo,.nan-smr-gold .card .photo,.nan-smr-gold .hall-card{cursor:zoom-in}
.nan-smr-gold .feature h2{font-size:clamp(38px,4vw,54px)}
.nan-smr-gold .section{padding-top:72px}
.nan-smr-gold .card{transition:transform .25s ease,box-shadow .25s ease;background:#fff;border:1px solid #e7e4da;border-radius:15px;overflow:hidden}
.nan-smr-gold .card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(13,58,45,.10)}
.nan-smr-gold .card-copy{padding:22px}
.nan-smr-gold .card h3 a{color:inherit;text-decoration:none}
.nan-smr-gold .hall{margin-top:12px}
.nan-smr-gold .hall-card{border-radius:10px}
.nan-smr-gold .join{padding-top:88px}

/* Cinematic story overlay. Iframe contains canonical server-rendered detail page. */
.nan-smr-story-overlay{position:fixed;inset:0;z-index:10050;background:rgba(4,20,14,.88);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:22px}
.nan-smr-story-overlay.is-open{display:flex}
.nan-smr-story-shell{width:min(980px,100%);height:min(900px,calc(100vh - 44px));background:#fffdf8;position:relative;border-radius:18px;overflow:hidden;box-shadow:0 35px 110px #0008}
.nan-smr-story-frame{border:0;width:100%;height:100%;background:#fffdf8}
.nan-smr-story-close{position:absolute;right:14px;top:14px;z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:#10382b;color:#fff;font-size:27px;line-height:1;box-shadow:0 6px 20px #0004}
.nan-smr-story-close:focus-visible{outline:3px solid #c9f227;outline-offset:3px}
body.nan-smr-modal-open{overflow:hidden}

/* Direct story route becomes the same premium story canvas. */
.ci-body.nan-smr-story-page{background:#f1f3ef}
.nan-smr-story-page .ci-top{height:64px;background:#fffdf8}
.nan-smr-story-page .ci-hero{padding:34px 0 26px;background:#fffdf8;color:#14251f;border-bottom:1px solid #dedbd1}
.nan-smr-story-page .ci-kicker{color:#557166;font-weight:900}
.nan-smr-story-page .ci-hero h1{font:700 clamp(38px,6vw,64px)/.98 Georgia,serif;letter-spacing:-.035em;color:#13241e}
.nan-smr-story-page .ci-owner{color:#52645d}
.nan-smr-story-page .ci-main{padding-top:20px}
.nan-smr-story-page .ci-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px}
.nan-smr-story-page .ci-card{border-radius:0;box-shadow:none;border-color:#e1e0d8}
.nan-smr-story-page .ci-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin:0}
.nan-smr-story-page .ci-gallery img{flex:0 0 100%;width:100%;height:min(56vh,560px);border:0;border-radius:0;scroll-snap-align:start;object-fit:cover}
.nan-smr-story-page .ci-content{font:17px/1.75 Georgia,serif}
.nan-smr-story-page .ci-meta{border-bottom:1px solid #e1e0d8;padding-bottom:14px;font-weight:800}
.nan-smr-story-page aside .ci-card{background:#fbfaf5}
@media(max-width:800px){
 .nan-smr-gold .nan-module-commercial-top{grid-template-columns:1fr;padding:20px 14px 0}
 .nan-smr-gold .community-commercial-intro{padding:24px}
 .nan-smr-gold .hero.nan-hero-after-commercial{padding-top:24px}
 .nan-smr-story-overlay{padding:0}
 .nan-smr-story-shell{width:100%;height:100vh;max-height:none;border-radius:0}
 .nan-smr-story-close{right:10px;top:10px}
 .nan-smr-story-page .ci-top{padding:0 16px}
 .nan-smr-story-page .ci-grid{grid-template-columns:1fr}
 .nan-smr-story-page .ci-gallery img{height:auto;max-height:58vh}
}


/* NAN A2 Show My Ride GOLD2 — hero restoration + rhythm + honest empty-state */
.nan-smr-gold .nan-hero-after-commercial{
  display:grid !important;
  grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);
  min-height:410px;
  background:#083b2d;
  color:#fff;
  padding:0;
  margin:0;
  overflow:hidden;
}
.nan-smr-gold .nan-hero-after-commercial>.eyebrow,
.nan-smr-gold .nan-hero-after-commercial>.headline{display:block !important}
.nan-smr-gold .nan-hero-after-commercial>.eyebrow{
  grid-column:1;
  align-self:end;
  padding:52px 0 0 max(7vw,46px);
  color:#d7ff37;
  font-weight:900;
  font-size:13px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.nan-smr-gold .nan-hero-after-commercial>.headline{
  grid-column:1;
  padding:8px max(5vw,40px) 48px max(7vw,46px);
  align-self:start;
}
.nan-smr-gold .nan-hero-after-commercial>.headline h1{
  color:#fff;
  font-size:clamp(42px,5.2vw,76px);
  line-height:.96;
  letter-spacing:-.045em;
  margin:0 0 18px;
  max-width:720px;
}
.nan-smr-gold .nan-hero-after-commercial>.headline h1 em{
  color:#f1a8cf;
  font-style:normal;
}
.nan-smr-gold .nan-hero-after-commercial>.headline p{
  color:#d9e6df;
  font-size:16px;
  line-height:1.65;
  max-width:650px;
  margin:0 0 20px;
}
.nan-smr-gold .nan-hero-after-commercial>.headline .hero-trust{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  font-size:13px;
  font-weight:800;
  color:#f3f8f5;
}
.nan-smr-gold .nan-hero-after-commercial>.hero-media,
.nan-smr-gold .nan-hero-after-commercial>img{
  grid-column:2;
  grid-row:1 / span 2;
  width:100%;
  height:100%;
  object-fit:cover;
  min-height:410px;
}
.nan-smr-gold .nan-module-commercial-top{
  margin-top:-28px;
  position:relative;
  z-index:3;
  padding-top:0;
}
.nan-smr-gold .community-commercial-intro{
  padding:26px 30px;
  min-height:138px;
}
.nan-smr-gold .community-commercial-intro h1{
  font-size:clamp(36px,3.6vw,52px);
  margin:6px 0 8px;
}
.nan-smr-gold .nan-network-sponsor-wrap{
  min-height:138px;
}
.nan-smr-gold .feature{
  margin-top:28px;
}
.nan-smr-gold .feature.is-empty{
  min-height:0;
  display:block;
  border:1px solid #dfe5df;
  background:linear-gradient(135deg,#0a3429,#0d4a39);
  color:#fff;
  padding:30px;
  border-radius:18px;
}
.nan-smr-gold .feature.is-empty .photo,
.nan-smr-gold .feature.is-empty .feature-media,
.nan-smr-gold .feature.is-empty img{
  display:none !important;
}
.nan-smr-gold .feature.is-empty .feature-copy{
  max-width:780px;
  padding:0;
}
.nan-smr-gold .feature.is-empty .feature-copy h2{
  color:#fff;
  font-size:clamp(30px,3vw,44px);
  margin:6px 0 10px;
}
.nan-smr-gold .feature.is-empty .feature-copy p{
  color:#d8e7e0;
  max-width:680px;
}
.nan-smr-gold .feature.is-empty .feature-copy:after{
  content:"Community voting will surface the next winner here.";
  display:block;
  margin-top:14px;
  font-weight:700;
  color:#d7ff37;
}
@media(max-width:900px){
  .nan-smr-gold .nan-hero-after-commercial{grid-template-columns:1fr;min-height:0}
  .nan-smr-gold .nan-hero-after-commercial>.eyebrow,
  .nan-smr-gold .nan-hero-after-commercial>.headline{grid-column:1}
  .nan-smr-gold .nan-hero-after-commercial>.eyebrow{padding:34px 20px 0}
  .nan-smr-gold .nan-hero-after-commercial>.headline{padding:8px 20px 28px}
  .nan-smr-gold .nan-hero-after-commercial>.hero-media,
  .nan-smr-gold .nan-hero-after-commercial>img{
    grid-column:1;grid-row:auto;min-height:0;max-height:360px
  }
  .nan-smr-gold .nan-module-commercial-top{margin-top:0}
}
