/* Author-led poster collection; intentionally isolated from the shop and signup page. */
@font-face{font-family:"NK Artists Baloo";src:url("../fonts/baloo-2/baloo-2-800.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
.nk-artists-collection{--ac-ink:#162840;--ac-paper:#fff9ef;background:var(--ac-paper);color:var(--ac-ink);font-size:1rem;line-height:1.7}
.nk-artists-collection :is(a,summary):focus-visible{outline:3px solid #b44425;outline-offset:5px}
.nk-artists-collection section[id],.nk-ac-artist{scroll-margin-top:120px}
.nk-ac-intro{background:#ffe39a;border-bottom:1px solid #16284024;padding:54px 0 60px}
.nk-ac-intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}
.nk-ac-eyebrow{font-size:.875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px}
.nk-artists-collection h1{font-family:"NK Artists Baloo",sans-serif;font-weight:800;font-size:clamp(3.3rem,6.8vw,6.4rem);line-height:1.02;letter-spacing:-.035em;margin:0 0 15px}
.nk-ac-tagline{font-family:"NK Artists Baloo",sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;line-height:1.1;margin:0 0 30px}
.nk-ac-text-link{text-decoration:underline;text-underline-offset:4px}
.nk-ac-jump{display:inline-flex;align-items:center;gap:24px;background:var(--ac-ink);color:white;padding:14px 22px;border-radius:8px;text-decoration:none;font-weight:700;min-height:50px}
.nk-ac-jump:hover{background:#294761}.nk-ac-jump span{font-size:1.4rem}
.nk-ac-collection{padding-top:50px;padding-bottom:32px}
.nk-ac-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.nk-artists-collection h2{font-family:"NK Artists Baloo",sans-serif;font-weight:800;font-size:clamp(2rem,3.2vw,3rem);line-height:1.1;margin:0 0 18px;letter-spacing:-.02em}
.nk-ac-heading>p{margin:0 0 18px}
.nk-ac-artist{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(30px,6vw,90px);align-items:center;padding:46px 0;border-top:1px solid #16284035}
.nk-ac-posters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;min-width:0}
.nk-ac-more{grid-column:1/-1;justify-self:center;text-align:center;font-weight:700;padding:10px 0;font-size:.875rem}
.nk-ac-product:only-child{grid-column:1/-1;max-width:360px;width:100%;justify-self:center}
.nk-ac-art{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;padding:20px;background:#f2dfd1;border-radius:10px;text-decoration:none;overflow:hidden}
.nk-ac-artist:nth-of-type(3n+2) .nk-ac-art{background:#ddd7ed}.nk-ac-artist:nth-of-type(3n+3) .nk-ac-art{background:#e0e5ca}
.nk-ac-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 6px #16284020);transition:transform .2s}
.nk-ac-art:hover img{transform:translateY(-3px)}
.nk-ac-product-info{padding:17px 0 0}
.nk-artists-collection .nk-ac-product h3{font-family:Inter,sans-serif;font-size:1rem;line-height:1.4;font-weight:750;margin:0 0 8px}
.nk-ac-product h3 a{text-decoration:none}.nk-ac-product h3 a:hover{text-decoration:underline}
.nk-ac-price{font-weight:650;margin:0 0 12px}.nk-ac-price del{opacity:.6;font-weight:400}.nk-ac-price ins{text-decoration:none}
.nk-artists-collection .nk-ac-product-link{display:flex;justify-content:center;align-items:center;background:var(--ac-ink);color:white;border:0;border-radius:7px;min-height:46px;padding:12px 16px;width:100%;font-size:.875rem;font-weight:700;line-height:1.5;text-decoration:none;box-shadow:none;position:static;transform:none}
.nk-artists-collection .nk-ac-product-link:hover{background:#294761}
.nk-ac-author{min-width:0;overflow-wrap:anywhere}.nk-ac-author h2{font-size:clamp(2rem,3.4vw,3.4rem);margin-bottom:22px}
.nk-ac-bio p{margin:0 0 18px;max-width:540px}.nk-ac-bio a{text-decoration:underline;text-underline-offset:4px}
.nk-ac-close{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;border-top:1px solid #16284035;padding-top:44px;padding-bottom:60px;align-items:center}.nk-ac-close>p{max-width:530px}.nk-ac-close a{display:block;margin-top:15px}
@media(max-width:850px){.nk-ac-intro-grid{gap:32px}.nk-ac-intro{padding:36px 0}.nk-ac-artist{gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.nk-ac-posters{gap:16px}.nk-ac-art{padding:12px}.nk-ac-author h2{font-size:2rem}}
@media(max-width:650px){.nk-ac-intro-grid,.nk-ac-artist,.nk-ac-close{grid-template-columns:1fr}.nk-ac-intro-grid{gap:30px}.nk-ac-heading{display:block}.nk-ac-heading>p{margin-top:20px}.nk-ac-collection{padding-top:34px}.nk-ac-artist{padding:30px 0;gap:26px}.nk-ac-author{grid-row:1}.nk-ac-author h2{margin-bottom:14px}.nk-ac-posters{gap:18px}.nk-ac-product:only-child{max-width:380px}.nk-ac-close{gap:12px;padding-bottom:36px}.nk-ac-jump{gap:15px;font-size:.875rem}.nk-ac-eyebrow{margin-bottom:12px}}
@media(max-width:380px){.nk-ac-posters{grid-template-columns:1fr}.nk-ac-art{max-height:380px}.nk-ac-author h2{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){.nk-ac-art img{transition:none}.nk-ac-art:hover img{transform:none}}

/* Three staggered pairs, extending beyond the yellow hero band. */
.nk-ac-intro{position:relative;isolation:isolate;background:var(--color-cream, #f8efde);padding:28px 0 46px;border:0;overflow:visible}
.nk-ac-intro::before{content:"";position:absolute;z-index:-1;inset:105px 0 120px;background:#ffe39a}
.nk-ac-intro-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:58px;min-height:0;align-items:center}
.nk-ac-hero-copy{max-width:540px;padding:28px 0}
.nk-artists-collection .nk-ac-hero-copy h1{font-size:clamp(5rem,8.4vw,8rem);line-height:.85;letter-spacing:-.045em;margin:26px 0 28px}
.nk-ac-hero-copy h1 span{color:#a6382b}
.nk-ac-hero-copy .nk-ac-tagline{font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.2;margin-bottom:18px}
.nk-ac-hero-lead{max-width:380px;margin:0 0 26px;font-size:1rem;line-height:1.6}
.nk-ac-hero-masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;min-width:0;align-self:center;padding:0}
.nk-ac-hero-column{display:flex;flex-direction:column;gap:24px;min-width:0}
.nk-ac-hero-column:first-child{padding-top:42px}
.nk-ac-hero-column:last-child{padding-top:30px}
.nk-ac-hero-tile{display:block;border-radius:4px;overflow:hidden;box-shadow:0 3px 7px #66502d1f,0 12px 26px #66502d40,0 24px 42px -8px #66502d38;transition:transform .2s ease}
.nk-ac-hero-tile img{display:block;width:100%;height:auto}
.nk-ac-hero-tile:hover{transform:translateY(-4px)}
.nk-ac-story{background:var(--color-cream, #f8efde);border-bottom:0;padding:28px 0}
.nk-ac-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.nk-ac-story p{margin:0;font-size:1rem;line-height:1.7}
@media(max-width:1100px) and (min-width:701px){.nk-ac-intro{padding:32px 0}.nk-ac-intro::before{inset:65px 0 80px}.nk-ac-intro-grid{gap:30px}.nk-artists-collection .nk-ac-hero-copy h1{font-size:clamp(4rem,7.5vw,5.5rem)}.nk-ac-hero-copy{padding:25px 0}.nk-ac-hero-copy .nk-ac-tagline{font-size:1.6rem}.nk-ac-hero-masonry{gap:18px}.nk-ac-hero-column{gap:18px}.nk-ac-story-grid{gap:30px}}
@media(max-width:700px){.nk-ac-intro{padding:32px 0 28px}.nk-ac-intro::before{inset:0 0 90px}.nk-ac-intro-grid{grid-template-columns:1fr;gap:28px;min-height:0}.nk-ac-hero-copy{padding:0}.nk-artists-collection .nk-ac-hero-copy h1{font-size:clamp(4.8rem,19vw,7rem);margin:22px 0}.nk-ac-hero-copy .nk-ac-tagline{font-size:1.65rem}.nk-ac-hero-lead{max-width:420px}.nk-ac-hero-masonry{gap:14px}.nk-ac-hero-column{gap:14px}.nk-ac-hero-column:first-child{padding-top:24px}.nk-ac-hero-column:last-child{padding-top:17px}.nk-ac-story{padding:24px 0}.nk-ac-story-grid{grid-template-columns:1fr;gap:18px}}
@media(prefers-reduced-motion:reduce){.nk-ac-hero-tile{transition:none}.nk-ac-hero-tile:hover{transform:none}}

/* Keep the complete desktop composition inside the first laptop viewport. */
@media(min-width:1000px){
  .nk-ac-intro{--nk-ac-room:calc(100svh - var(--nk-ac-header-height, 140px) - 16px);--nk-ac-poster-height:min(calc((var(--nk-ac-room) - 98px)*.55),calc((var(--nk-ac-room) - 48px)/2),385px);padding:5px 0}
  .nk-ac-intro::before{inset:64px 0 66px}
  .nk-ac-intro-grid{gap:38px;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}
  .nk-ac-hero-copy{padding:0}
  .nk-ac-hero-copy .nk-ac-eyebrow{margin-bottom:10px}
  .nk-artists-collection .nk-ac-hero-copy h1{font-size:clamp(3rem,calc(var(--nk-ac-room)*.14),6rem);margin:14px 0 18px;line-height:.88}
  .nk-ac-hero-copy .nk-ac-tagline{font-size:clamp(1.25rem,calc(var(--nk-ac-room)*.043),1.8rem);margin-bottom:12px}
  .nk-ac-hero-lead{max-width:430px;margin-bottom:16px;line-height:1.45}
  .nk-ac-hero-copy .nk-ac-jump{min-height:48px;padding:12px 20px}
  .nk-ac-hero-masonry{gap:24px;justify-self:end;width:100%;max-width:calc(var(--nk-ac-poster-height)*2.14 + 48px)}
  .nk-ac-hero-column{gap:22px;align-items:center}
  .nk-ac-hero-column:first-child{padding-top:16px}
  .nk-ac-hero-column:last-child{padding-top:11.5px}
  /* Size from the image so the drop shadow follows the poster, not a taller letterbox. */
  .nk-ac-hero-tile{width:auto;max-width:100%;height:auto;max-height:var(--nk-ac-poster-height);flex:none}
  .nk-ac-hero-tile img{width:auto;max-width:100%;height:auto;max-height:var(--nk-ac-poster-height);object-fit:contain}
}

/* Use the extra horizontal room for a fourth pair of bestsellers. */
.nk-ac-hero-column:nth-child(4){display:none}
@media(min-width:1200px){
  .nk-ac-intro-grid{grid-template-columns:minmax(300px,.56fr) minmax(0,1.44fr);gap:36px}
  .nk-ac-hero-masonry{grid-template-columns:repeat(4,minmax(0,1fr));max-width:calc(var(--nk-ac-poster-height)*2.86 + 72px)}
  .nk-ac-hero-column:nth-child(3){padding-top:11.5px}
  .nk-ac-hero-column:nth-child(4){display:flex;padding-top:5px}
}
