/* 11-14 banners (his ask: MakeUGC-quality banners) rebuilt 11-14 late on the LOCKED brand v3: Geist only, 500-600 weight,
   tight tracking, grey second line, neutrals only, hairline borders, pill buttons. Our own pictures only. */
.nvban{--r:24px;position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;min-height:360px;padding:48px 56px;border-radius:var(--r);overflow:hidden;
  background:radial-gradient(90% 120% at 80% 50%,#1f1f1f 0%,#121212 50%,#0a0a0a 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.06);
  color:#EDEDED;text-decoration:none;isolation:isolate;text-align:left;font-family:var(--nv-font)}
.nvban h2,.nvban p,.nvban .nvb-copy{text-align:left!important;margin-left:0!important;margin-right:0!important}
.nvb-tag{display:inline-flex;align-items:center;gap:6px;font:500 12px/1 var(--nv-font);letter-spacing:.02em;color:#EDEDED;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);padding:7px 11px;border-radius:999px;backdrop-filter:blur(8px)}
.nvb-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#EDEDED}
.nvban h2{font:600 clamp(34px,3.4vw,52px)/1.04 var(--nv-font)!important;letter-spacing:-.04em!important;text-transform:none!important;color:#EDEDED;margin:20px 0 0!important;max-width:560px}
.nvban h2 span{color:#7D7D7D;display:block}
.nvban p{font:400 16px/1.6 var(--nv-font);color:#A1A1A1;max-width:440px;margin:18px 0 28px!important}
.nvb-cta{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;background:#EDEDED;color:#0A0A0A;font:500 15px/1 var(--nv-font);border:0;cursor:pointer;text-decoration:none;transition:opacity .15s,transform .15s}
.nvb-cta:hover{opacity:.88}.nvb-cta:active{transform:scale(.98)}.nvb-cta svg{width:16px;height:16px}
.nvb-fan{position:relative;height:300px}
.nvb-fan figure{position:absolute;top:50%;left:50%;width:168px;aspect-ratio:9/16;margin:0;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 30px 60px rgba(0,0,0,.65);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.nvb-fan img{width:100%;height:100%;object-fit:cover;display:block}
.nvb-fan .f1{transform:translate(-148%,-48%) rotate(-10deg) scale(.84);filter:brightness(.7)}
.nvb-fan .f2{transform:translate(-94%,-50%) rotate(-4deg) scale(.93);z-index:1;filter:brightness(.85)}
.nvb-fan .f3{transform:translate(-40%,-52%) rotate(2deg);z-index:3}
.nvb-fan .f4{transform:translate(16%,-49%) rotate(8deg) scale(.9);z-index:2;filter:brightness(.8)}
.nvban:hover .f1{transform:translate(-158%,-48%) rotate(-12deg) scale(.84)}.nvban:hover .f4{transform:translate(24%,-49%) rotate(10deg) scale(.9)}
.nvb-pill{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;display:inline-flex;gap:6px;align-items:center;background:rgba(10,10,10,.78);backdrop-filter:blur(8px);color:#EDEDED;font:500 12px/1 var(--nv-font);padding:8px 11px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
/* tiles */
.nvtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
.nvtiles.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.nvtile{display:block;color:inherit;text-decoration:none;cursor:pointer;background:none;border:0;padding:0;text-align:left;font-family:var(--nv-font)}
.nvt-art{position:relative;height:240px;border-radius:20px;overflow:hidden;background:radial-gradient(100% 120% at 50% 100%,#1c1c1c,#0f0f0f);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;isolation:isolate;transition:box-shadow .2s}
.nvt-art.warm,.nvt-art.light{background:radial-gradient(100% 120% at 50% 100%,#262626,#121212)}
.nvt-art::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(to top,rgba(10,10,10,.92),transparent);z-index:3;pointer-events:none}
.nvt-art .ph{position:absolute;top:22px;width:120px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.2),0 18px 36px rgba(0,0,0,.5);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.nvt-art .ph img{width:100%;height:100%;object-fit:cover;display:block}
.nvt-art .ph.a{transform:translateX(-108px) rotate(-7deg) translateY(14px);filter:brightness(.8)}.nvt-art .ph.b{z-index:1}.nvt-art .ph.c{transform:translateX(108px) rotate(7deg) translateY(14px);filter:brightness(.8)}
.nvt-big{position:absolute;z-index:4;left:20px;right:20px;bottom:18px;text-align:left;font:600 clamp(24px,2.1vw,32px)/1.05 var(--nv-font);letter-spacing:-.035em;color:#EDEDED;text-transform:none}
.nvt-art .nvb-tag{position:absolute;z-index:5;left:16px;top:16px}
.nvtile b.nvt-h{display:block;font:500 16px/1.35 var(--nv-font);letter-spacing:-.01em;color:#EDEDED;margin-top:16px;text-transform:none}
.nvtile .nvt-s{display:block;color:#A1A1A1;font:400 14px/1.55 var(--nv-font);margin-top:4px;max-width:380px}
.nvtile:hover .nvt-art{box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}.nvtile:hover .ph.b{transform:translateY(-8px)}
.nvbanwrap{width:100%;margin:56px 0 8px}
/* slim banner for Explore and History */
.nvslim{display:flex;align-items:center;gap:28px;min-height:0;padding:28px 32px;grid-template-columns:none;margin:0 0 28px}
.nvslim .nvb-copy{flex:1;min-width:0}
.nvslim h2{font-size:clamp(24px,2.2vw,32px)!important;margin-top:14px!important;max-width:none}
.nvslim h2 span{display:inline}
.nvslim p{margin:10px 0 0!important;max-width:620px}
.nvslim .nvs-pics{display:flex;flex:none}
.nvslim .nvs-pics img{width:64px;aspect-ratio:9/16;object-fit:cover;border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 10px 24px rgba(0,0,0,.5);margin-left:-18px}
.nvslim .nvs-pics img:nth-child(1){transform:rotate(-6deg)}.nvslim .nvs-pics img:nth-child(3){transform:rotate(6deg)}
@media (max-width:1180px){.nvtiles{gap:16px}.nvt-art .ph{width:104px}.nvt-art .ph.a{transform:translateX(-92px) rotate(-7deg) translateY(14px)}.nvt-art .ph.c{transform:translateX(92px) rotate(7deg) translateY(14px)}}
@media (max-width:900px){.nvban{grid-template-columns:1fr;padding:32px 24px 8px;gap:8px}.nvb-fan{height:280px}.nvtiles,.nvtiles.two{grid-template-columns:1fr}.nvt-art{height:220px}
  .nvslim{flex-direction:column;align-items:flex-start;padding:24px;gap:18px}.nvslim .nvs-pics{display:none}}
.nvtile b.nvt-h{display:none}.nvtile .nvt-s{margin-top:14px}
.nvt-big{text-wrap:balance}
@media (max-width:1280px){.nvt-big{font-size:clamp(20px,2vw,26px)}}
.nvslim .nvs-pics img{width:76px}
/* 11-14 final critique: grey line always on its own line, so it never breaks mid-sentence */
.nvslim h2 span{display:block}