/* Neenah case study — scoped to avoid changing the checkpoint pages */
.neenah-case{font-family:'Metropolis','Montserrat','Avenir Next',Arial,sans-serif}.neenah-case p{line-height:1.55}.nc-intro{display:grid;grid-template-columns:40% 60%;min-height:590px}.nc-intro-art{background:#d3d3d3;display:flex;align-items:center;justify-content:center;overflow:hidden}.nc-intro-art img{width:100%;height:100%;object-fit:cover}.nc-intro-copy{display:flex;flex-direction:column;justify-content:center;padding:80px 12% 80px 24%}.nc-eyebrow{font-size:13px;letter-spacing:2.5px;font-weight:400;margin-bottom:28px}.nc-intro h1{font-size:clamp(29px,3vw,48px);color:#ee729a;line-height:1.35;margin:0;font-weight:800}.nc-objective{background:#ed7298;color:white;min-height:450px;display:grid;grid-template-columns:45% 55%;align-items:center;padding:90px max(8%,calc((100vw - 1150px)/2));gap:55px}.nc-n-logo{display:flex;justify-content:center}.nc-n-logo img{width:min(280px,75%);filter:brightness(0) invert(1)}.nc-text h2{font-size:clamp(23px,2.2vw,32px);line-height:1.38;margin:0 0 30px}.nc-text p{font-size:14px;max-width:520px}.nc-narrow{width:min(650px,calc(100% - 48px));margin:auto}.nc-sketches{background:#ad6c93;color:white;padding:70px 0 95px}.nc-sketch-img{display:block;width:100%;margin:0 auto 35px}.nc-sketches h2,.nc-design h2{font-size:28px;margin:0 0 25px}.nc-sketches p,.nc-design p{font-size:14px;margin:0}.nc-design{background:#ed4593;color:white;padding:55px 0 95px}.nc-design-img{display:block;width:min(420px,100%);margin:0 auto 30px}.nc-palette{padding:65px 24px 95px;background:white}.nc-colors{width:min(410px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:38px 20px}.nc-colors>div{min-width:0}.nc-colors i{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;width:100%;aspect-ratio:1;color:white;font-size:14px;font-style:normal;line-height:1.5;text-align:center}.nc-colors i b{font-size:17px}.nc-colors small{display:block;color:#b86d91;font-size:9px;line-height:1.5;margin-top:14px}.nc-type{width:min(640px,100%);margin:90px auto 0;display:grid;grid-template-columns:30% 70%;gap:50px 15px;color:#666;font-size:19px;line-height:1.5}.nc-type strong{font-weight:800}.nc-motion{background:#f8f8f8;padding:65px 0 85px}.nc-motion video{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:transparent}.nc-motion h2{color:#e34a67;font-size:26px;margin:32px 0 18px}.nc-motion p{font-size:14px}.nc-gallery{padding:70px 0 55px}.nc-gallery-grid{width:min(680px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.nc-gallery-img{display:block;width:100%;height:auto;aspect-ratio:2008/3000;object-fit:cover}.nc-gallery-img:last-child{grid-column:1}.nc-next{width:min(680px,calc(100% - 40px));margin:110px auto 0;display:flex;justify-content:space-between;color:#5030ce;font-weight:700;font-size:13px}.nc-footer .nc-email{text-align:center;margin:0 auto 50px}.nc-email img{width:78px;display:block;margin:0 auto 20px}.nc-email h2{font-size:30px;margin:0}.nc-email a{color:#4b2cff;text-decoration:underline}.nc-footer .footer-bottom{border-top:0}.nc-footer{border-top:1px solid #eee}@media(max-width:720px){.nc-intro{grid-template-columns:1fr;min-height:0}.nc-intro-art{height:310px}.nc-intro-copy{padding:50px 30px 70px;text-align:center}.nc-objective{grid-template-columns:1fr;gap:20px;padding:60px 30px}.nc-n-logo img{width:155px}.nc-text h2{font-size:24px}.nc-sketches,.nc-design{padding:55px 0 75px}.nc-colors{gap:25px 12px}.nc-colors i{font-size:11px}.nc-colors i b{font-size:12px}.nc-colors small{font-size:7px}.nc-type{font-size:12px;gap:28px 10px;margin-top:55px}.nc-gallery-grid{gap:5px}.nc-next{margin-top:70px}.nc-email h2{font-size:22px}}


/* Neenah v2: original Wix gallery proportions and clean row flow */
@font-face{font-family:'Neenah Futura';src:url('futura-light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Neenah Futura';src:url('futura-heavy.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
.neenah-case .nc-type{font-family:'Neenah Futura',sans-serif}
.neenah-case .nc-type span{font-weight:300}
.neenah-case .nc-type strong{font-weight:800}
@media(min-width:721px){
 .neenah-case .nc-gallery-grid{width:min(920px,calc(100% - 56px));max-width:920px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .neenah-case .nc-gallery-grid .nc-gallery-img:last-child{grid-column:auto}
 .neenah-case .nc-next{width:min(920px,calc(100% - 56px))}
}
@media(max-width:720px){
 .neenah-case .nc-gallery-grid .nc-gallery-img:last-child{grid-column:auto}
}


/* Neenah v3: generous Wix-inspired desktop scale. All changes scoped to Neenah. */
@media(min-width:721px){
 .neenah-case .nc-intro{grid-template-columns:44% 56%;min-height:clamp(660px,55vw,900px)}
 .neenah-case .nc-intro-art img{width:100%;height:100%;object-fit:cover}
 .neenah-case .nc-intro-copy{padding:85px 7% 85px 12%}
 .neenah-case .nc-eyebrow{font-size:clamp(15px,1.05vw,19px);letter-spacing:2.7px;margin-bottom:30px}
 .neenah-case .nc-intro h1{font-size:clamp(57px,5.5vw,96px);line-height:1.14;letter-spacing:-.025em;font-weight:800}
 .neenah-case .nc-objective{min-height:640px;grid-template-columns:42% 58%;gap:70px;padding:115px max(6%,calc((100vw - 1380px)/2))}
 .neenah-case .nc-n-logo img{width:min(400px,90%)}
 .neenah-case .nc-text h2{font-size:clamp(35px,3.25vw,53px);line-height:1.22;margin-bottom:37px}
 .neenah-case .nc-text p{font-size:clamp(17px,1.2vw,20px);line-height:1.72;max-width:660px}
 .neenah-case .nc-narrow{width:min(1060px,calc(100% - 90px))}
 .neenah-case .nc-sketches{padding:105px 0 135px}
 .neenah-case .nc-sketch-img{margin-bottom:52px}
 .neenah-case .nc-sketches h2,.neenah-case .nc-design h2{font-size:clamp(38px,3vw,52px);margin-bottom:31px}
 .neenah-case .nc-sketches p,.neenah-case .nc-design p{font-size:clamp(17px,1.2vw,20px);line-height:1.75}
 .neenah-case .nc-design{padding:85px 0 125px}
 .neenah-case .nc-design-img{width:min(690px,95%);margin-bottom:50px}
 .neenah-case .nc-palette{padding:105px 45px 135px}
 .neenah-case .nc-colors{width:min(680px,100%);gap:46px 38px}
 .neenah-case .nc-colors i{font-size:19px}
 .neenah-case .nc-colors i b{font-size:23px}
 .neenah-case .nc-colors small{font-size:13px;margin-top:19px}
 .neenah-case .nc-type{width:min(1050px,100%);grid-template-columns:29% minmax(0,1fr);gap:75px 28px;margin:110px auto 0;font-size:clamp(23px,1.65vw,30px);line-height:1.55}
 .neenah-case .nc-motion{padding:105px 0 125px}
 .neenah-case .nc-motion h2{font-size:clamp(38px,2.9vw,50px);margin:40px 0 23px}
 .neenah-case .nc-motion p{font-size:clamp(17px,1.2vw,20px);line-height:1.75}
 .neenah-case .nc-gallery{padding:95px 0 70px}
 .neenah-case .nc-gallery-grid{width:min(1040px,calc(100% - 70px));max-width:1040px;gap:9px}
 .neenah-case .nc-next{width:min(1040px,calc(100% - 70px));margin-top:110px}
}
@media(max-width:720px){
 .neenah-case .nc-intro-art{height:clamp(335px,82vw,500px)}
 .neenah-case .nc-intro-copy{padding:54px 28px 80px}
 .neenah-case .nc-intro h1{font-size:clamp(38px,9vw,62px);line-height:1.18}
 .neenah-case .nc-objective{padding:75px 30px}
 .neenah-case .nc-text h2{font-size:clamp(27px,6vw,38px)}
 .neenah-case .nc-text p,.neenah-case .nc-sketches p,.neenah-case .nc-design p,.neenah-case .nc-motion p{font-size:15px;line-height:1.7}
 .neenah-case .nc-sketches h2,.neenah-case .nc-design h2{font-size:32px}
 .neenah-case .nc-design-img{width:100%}
 .neenah-case .nc-type{font-size:clamp(13px,3vw,17px)}
 .neenah-case .nc-type strong,.neenah-case .nc-type span{overflow-wrap:anywhere}
}


/* Neenah v4 — larger bottom project navigation, no gallery or hero changes */
.neenah-case .nc-next { align-items: center; gap: 28px; }
.neenah-case .nc-next a {
  font-size: clamp(18px, 1.35vw, 23px) !important;
  font-weight: 700; line-height: 1.4; letter-spacing: .025em;
  display: inline-flex; align-items: center; min-height: 48px;
  text-decoration: none;
}
.neenah-case .nc-next a:hover,
.neenah-case .nc-next a:focus-visible { text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 720px) {
  .neenah-case .nc-next { width: calc(100% - 36px) !important; gap: 12px; }
  .neenah-case .nc-next a { font-size: 16px !important; }
}

/* v5: equal-sized Neenah case study navigation and Wix-style uncaptained gallery lightbox */
.neenah-case .nc-next { width:min(1040px,calc(100% - 70px)); margin:85px auto 60px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.neenah-case .nc-next a { color:#4b2cff; font-family:Metropolis,Arial,sans-serif; font-size:clamp(19px,1.45vw,24px)!important; font-weight:700; line-height:1.4; letter-spacing:.015em; text-decoration:none; display:inline-flex; min-height:50px; align-items:center; }
.neenah-case .nc-next a:hover,.neenah-case .nc-next a:focus-visible { text-decoration:underline; text-underline-offset:5px; }
.nc-gallery-img { cursor:zoom-in; }
.nc-gallery-img:focus-visible { outline:3px solid #5030ce;outline-offset:4px; }
body.nc-viewer-open { overflow:hidden; }
.nc-lightbox[hidden] { display:none!important; }
.nc-lightbox { position:fixed;inset:0;z-index:99999;background:rgba(7,8,15,.94);display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:65px 78px;color:white; }
.nc-lightbox-full { display:block;width:auto;height:auto;max-width:min(90vw,1500px);max-height:calc(100dvh - 140px);object-fit:contain;user-select:none;-webkit-user-drag:none;box-shadow:0 10px 45px rgba(0,0,0,.15); }
.nc-lightbox button { position:absolute;appearance:none;border:0;background:rgba(0,0,0,.4);color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:2;transition:background .16s ease; }
.nc-lightbox button:hover,.nc-lightbox button:focus-visible { background:rgba(255,255,255,.2); }
.nc-lightbox-close { top:18px;right:24px;font-size:36px;width:48px;height:48px; }
.nc-lightbox-prev,.nc-lightbox-next { top:50%;transform:translateY(-50%);font-size:28px;width:48px;height:60px; }
.nc-lightbox-prev { left:18px; }.nc-lightbox-next { right:18px; }
@media(max-width:720px){
  .neenah-case .nc-next { width:calc(100% - 36px)!important;margin:65px auto 40px;gap:12px; }
  .neenah-case .nc-next a { font-size:16px!important; }
  .nc-lightbox { padding:50px 12px 75px; }
  .nc-lightbox-full { max-width:calc(100vw - 24px);max-height:calc(100dvh - 150px); }
  .nc-lightbox-close { top:8px;right:8px; }
  .nc-lightbox-prev,.nc-lightbox-next { top:auto;bottom:12px;transform:none;width:55px;height:42px; }
  .nc-lightbox-prev { left:calc(50% - 65px); }.nc-lightbox-next { right:calc(50% - 65px); }
}

/* v6 — bottom project navigation 15% smaller only */
.neenah-case .nc-next a{font-size:clamp(16.15px,1.2325vw,20.4px)!important;}
@media(max-width:720px){.neenah-case .nc-next a{font-size:13.6px!important;}}

/* Neenah v25: restore Wix-like restrained hero title scale, keep all other sections. */
@media(min-width:721px){
  .neenah-case .nc-intro h1 {
    font-size:clamp(38px,2.85vw,56px) !important;
    line-height:1.29 !important;
    letter-spacing:-.012em !important;
    font-weight:800 !important;
  }
}

/* v27: restrained Neenah hero title only; keep artwork and all other typography intact. */
@media (min-width:721px) {
  .neenah-case .nc-intro h1 { font-size:clamp(36px,2.75vw,46px) !important; line-height:1.22 !important; }
}

/* Neenah v28: match original Wix hero proportions and restrained two-line title.
   Desktop only; no changes to the rest of the case study. */
@media (min-width: 721px) {
  .neenah-case .nc-intro {
    grid-template-columns: 39.5% 60.5% !important;
    min-height: clamp(500px, 33vw, 610px) !important;
  }
  .neenah-case .nc-intro-copy {
    padding: 65px 8% 65px 26% !important;
  }
  .neenah-case .nc-eyebrow {
    margin-bottom: 26px !important;
  }
  .neenah-case .nc-intro h1 {
    font-size: clamp(35px, 2.46vw, 44px) !important;
    line-height: 1.42 !important;
    letter-spacing: -.012em !important;
    max-width: 560px;
  }
}
@media (min-width:721px) and (max-width:1100px) {
  .neenah-case .nc-intro-copy { padding-left: 14% !important; }
}

/* v29: give the hero project title clear priority over the Objective heading.
   Retain the approved fixed hero proportions and two-line Wix-style presentation. */
@media (min-width: 721px) {
  .neenah-case .nc-intro-copy {
    padding-left: 21% !important;
    padding-right: 4% !important;
  }
  .neenah-case .nc-intro h1 {
    font-size: clamp(49px, 3.55vw, 60px) !important;
    line-height: 1.20 !important;
    max-width: 610px !important;
  }
}
@media (min-width: 721px) and (max-width: 1100px) {
  .neenah-case .nc-intro-copy { padding-left: 12% !important; padding-right: 4% !important; }
  .neenah-case .nc-intro h1 { font-size: clamp(43px, 4.4vw, 51px) !important; }
}

/* v31: section headings 10% smaller than their original sizes (not an additional 10%).
   Keep hero title, body text, colors, navigation and layout unchanged. */
.neenah-case .nc-text h2 { font-size:clamp(31.5px,2.925vw,47.7px); }
.neenah-case .nc-sketches h2,
.neenah-case .nc-design h2 { font-size:clamp(34.2px,2.7vw,46.8px); }
.neenah-case .nc-motion h2 { font-size:clamp(34.2px,2.61vw,45px); }
@media (max-width:720px) {
  .neenah-case .nc-text h2 { font-size:clamp(24.3px,5.4vw,34.2px); }
  .neenah-case .nc-sketches h2,
  .neenah-case .nc-design h2 { font-size:28.8px; }
}

/* Neenah v39 — match GUDBOIS' actual Metropolis font rendering.
   Use real Regular (400) and Semibold (600) files together in ONE family,
   rather than the competing standalone font families and fallback of v35–v38.
   Preserve the approved Neenah heading scale and v38's smaller body size. */
@font-face {
  font-family: 'Neenah Metropolis';
  src: url('metropolis-regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Neenah Metropolis';
  src: url('metropolis-semibold.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

/* Label and paragraph weight is identical to GUDBOIS: Metropolis 400. */
.neenah-case {
  font-family: 'Neenah Metropolis', 'Metropolis', sans-serif;
  font-weight: 400;
}
.neenah-case .nc-eyebrow,
.neenah-case .nc-text p,
.neenah-case .nc-sketches p,
.neenah-case .nc-design p,
.neenah-case .nc-motion p {
  font-family: 'Neenah Metropolis', 'Metropolis', sans-serif;
  font-weight: 400 !important;
}

/* Keep previously approved light-looking semibold title/section hierarchy. */
.neenah-case .nc-intro h1,
.neenah-case .nc-text h2,
.neenah-case .nc-sketches h2,
.neenah-case .nc-design h2,
.neenah-case .nc-motion h2 {
  font-family: 'Neenah Metropolis', 'Metropolis', sans-serif;
  font-weight: 600 !important;
}

@media (min-width: 1101px) {
  .neenah-case .nc-intro h1 {
    font-size: clamp(39px, 2.65vw, 47px) !important;
    line-height: 1.24 !important;
  }
}
@media (min-width: 721px) and (max-width: 1100px) {
  .neenah-case .nc-intro h1 {
    font-size: clamp(30px, 3vw, 37px) !important;
    line-height: 1.25 !important;
  }
}
@media (min-width: 721px) {
  .neenah-case .nc-text h2 { font-size: clamp(23px, 1.95vw, 35px) !important; }
  .neenah-case .nc-sketches h2,
  .neenah-case .nc-design h2 { font-size: clamp(25px, 2vw, 34px) !important; }
  .neenah-case .nc-motion h2 { font-size: clamp(25px, 1.95vw, 33.5px) !important; }

  /* Preserve smaller body copy from v38. */
  .neenah-case .nc-text p,
  .neenah-case .nc-sketches p,
  .neenah-case .nc-design p,
  .neenah-case .nc-motion p { font-size: clamp(16px, 1.06vw, 18px); }
}
@media (max-width: 720px) {
  .neenah-case .nc-intro h1 {
    font-size: clamp(27px, 6.2vw, 33px) !important;
    line-height: 1.25 !important;
  }
  .neenah-case .nc-text h2 { font-size: clamp(20px, 4.3vw, 28px) !important; }
  .neenah-case .nc-sketches h2,
  .neenah-case .nc-design h2 { font-size: 21.5px !important; }
  .neenah-case .nc-motion h2 { font-size: 25px !important; }

  .neenah-case .nc-text p,
  .neenah-case .nc-sketches p,
  .neenah-case .nc-design p,
  .neenah-case .nc-motion p { font-size: 14px; }
}


/* Neenah v40: create a deliberate stagger between the hero title and
   the Objective text below it. Moves PRINT DESIGN + main title together.
   Mobile layout remains unchanged. */
@media (min-width: 1101px) {
  .neenah-case .nc-intro-copy {
    padding-left: 29% !important;
  }
}
@media (min-width: 721px) and (max-width: 1100px) {
  .neenah-case .nc-intro-copy {
    padding-left: 17% !important;
  }
}