/* front-page template DRAFT 2026-10-23 */
.brandtop{position:fixed!important;top:0;left:0;right:0;z-index:50;background:#fff;max-width:none!important;margin:0!important}
body{padding-top:72px}
.np-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;height:72px;border-bottom:1px solid #111;box-sizing:border-box}
.np-mast{display:flex;align-items:center;justify-content:center;gap:16px;text-decoration:none;color:inherit}
.np-all{justify-self:end;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:inherit;text-decoration:none;border:1px solid #111;padding:8px 12px}
.np-all.on,.np-all:hover{background:#111;color:#fff}
.np-grid-all{padding:48px 0 80px}.np-grid-all h1{font-size:11px;font-weight:400;letter-spacing:.32em;text-transform:uppercase;margin:0 0 28px}
.np-mast img{height:38px;width:auto;display:block}
.np-mast .mono{font-size:13px;letter-spacing:.45em;text-transform:uppercase;padding-top:6px}
html[data-theme="dark"] .np-mast img{filter:invert(1) hue-rotate(180deg)!important}
body.na .brandtop,body .brandtop{padding:0!important}body .brandtop:after{display:none!important}
.np{padding:56px 0 24px}
.np-kick{font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:#6b6b6b;text-align:center;margin:0 0 18px}
.np-h{font:400 clamp(40px,7vw,88px)/1.02 var(--serif);letter-spacing:-.01em;text-align:center;margin:0 auto 16px;max-width:18ch;text-wrap:balance}
.np-dek{text-align:center;font-size:19px;font-style:italic;margin:0 auto 44px;max-width:38ch;color:#333}
.np-lead{display:grid;grid-template-columns:1fr;gap:28px;align-items:end}
.np-lead.has-art{grid-template-columns:2fr 1fr}
.np-fig,.np-art{margin:0}
.np-leadimg{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover}
.np-artimg{width:100%;height:auto;display:block;background:#fff;border:1px solid #ddd}
.np figcaption{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6b6b6b;padding-top:10px}
.np-buy{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin:40px 0 0;padding:22px 0;border-top:1px solid #111;border-bottom:1px solid #ddd}
.np-price{display:flex;align-items:baseline;gap:12px}.np-price .lbl{font-size:11px;letter-spacing:.3em;text-transform:uppercase}.np-pv{font-size:28px}
.np-sizes{display:flex;gap:8px}.np-sizes span{border:1px solid #111;padding:6px 12px;font-size:12px}
.np-btn{display:inline-block;padding:12px 26px;border:1px solid #111;background:#111;color:#fff;text-transform:uppercase;letter-spacing:.3em;font-size:12px;text-decoration:none}
.np-btn.is-off{background:transparent;color:#111}
.np-secure{flex-basis:100%;font-size:11px;margin:0}
.np-policy{flex-basis:100%;margin:0;font-size:15px;color:#333}
.np-body{margin:40px 0 0}
.np-desc{font-size:21px;line-height:1.6;max-width:36em;margin:0 0 36px}
.np-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 56px}
.np-cols section{break-inside:avoid;padding:0 0 18px}
.np-cols h3,.np-how h2,.np-more h2,.np-archive h2{font-size:11px;font-weight:400;letter-spacing:.32em;text-transform:uppercase;margin:0 0 10px;padding-top:12px;border-top:1px solid #ddd}
.np-cols p{margin:0;font-size:16px;line-height:1.7}.np-note{font-size:14px!important;color:#555}
.np-cols table{border-collapse:collapse;margin-top:10px;width:100%}.np-cols th,.np-cols td{text-align:left;padding:6px 8px 6px 0;font-size:13px;border-bottom:1px solid #eee}.np-cols th{font-weight:400;letter-spacing:.12em;text-transform:uppercase;font-size:10px}
.np-how{margin:56px 0 0}.np-how h2{border-top-color:#111}
.np-how-in{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}.np-how figure{margin:0}.np-howimg{width:100%;height:auto;display:block}
.np-how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.np-how li{display:flex;flex-direction:column;gap:4px}.np-how li b{font-weight:400;letter-spacing:.2em;font-size:12px;text-transform:uppercase}.np-how .n{font-size:11px;color:#6b6b6b}
.np-more,.np-archive{margin:72px 0 0}
.np-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,200px));gap:24px}
.np-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.np-cardimg{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.np-card.is-so .np-cardimg{opacity:.55}.np-cs{color:#6b6b6b}
.np-back{margin:48px 0}.np-back a{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:inherit}
@media(max-width:760px){.np-bar{height:64px;padding:0 10px;grid-template-columns:104px 1fr auto}.np-mast{gap:8px}.np-mast img{height:22px}.np-mast .mono{font-size:9px;letter-spacing:.3em;padding-top:3px}.np-all{font-size:9px;letter-spacing:.2em;padding:7px 8px}.np-even{grid-template-columns:1fr 1fr;gap:28px 16px}.np-evn{font-size:16px}
.np{padding:36px 0 16px}.np-dek{font-size:17px;margin-bottom:28px}.np-lead.has-art{grid-template-columns:1fr}.np-art{max-width:70%;margin:0 auto}
.np-cols{grid-template-columns:1fr}.np-desc{font-size:18px}.np-how-in{grid-template-columns:1fr}.np-how ol{grid-template-columns:1fr 1fr}.np-strip{grid-template-columns:repeat(2,1fr)}}

/* View all = the card-table look (index cards: 1px ink border, stacked offset layers, mono name bar) */
.np-even{display:flex;flex-wrap:wrap;justify-content:center;gap:56px 64px;padding:12px 0 24px}
.np-ev{position:relative;display:flex;flex-direction:column;width:300px;background:#fff;border:1px solid #111;text-decoration:none;color:#111;
 box-shadow:#fff 3px -3px 0 -1px,#111 3px -3px 0 0,#fff 6px -6px 0 -1px,#111 6px -6px 0 0,#fff 9px -9px 0 -1px,#111 9px -9px 0 0;transition:transform .15s}
.np-ev:hover{transform:translateY(-3px)}
.np-face{position:relative;display:block;aspect-ratio:1;overflow:hidden;margin:6px 6px 0;border:1px solid #111}
.np-evimg{width:100%;height:100%;object-fit:cover;display:block}
.np-under{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;border-top:0}
.np-under b{font-size:13px;letter-spacing:.02em;text-transform:uppercase}
.np-evs{font-size:10px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.np-ev.is-so .np-evimg{filter:grayscale(1);opacity:.6}
.np-so{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);background:#111;color:#fff;font-size:15px;font-weight:700;letter-spacing:.3em;padding:10px 16px;text-transform:uppercase;white-space:nowrap}
.np-ev.is-so .np-evs{font-weight:700;color:#111}
@media(max-width:760px){body{padding-top:64px}.np-even{display:grid;grid-template-columns:1fr 1fr;gap:28px 18px;padding-right:9px}.np-ev{width:auto}.np-under{flex-direction:column;align-items:flex-start;gap:3px;padding:8px}.np-under b{font-size:11px}.np-evs{font-size:9px;white-space:normal}.np-so{font-size:11px;padding:7px 10px;letter-spacing:.2em}}

/* adaptive VIEW ALL */
.np-grid-all{padding:28px 0 40px}.np-grid-all h1{margin:0 0 18px}
.np-even{display:flex!important;flex-wrap:wrap;justify-content:center;gap:var(--gap,48px)!important;padding:12px 12px 24px 0}
.np-ev{width:var(--cw,300px)!important}
.np-under b{font-size:clamp(11px,calc(var(--cw,300px)*.045),20px)}.np-evs{font-size:clamp(9px,calc(var(--cw,300px)*.032),14px)}
.np-so{font-size:clamp(11px,calc(var(--cw,300px)*.06),28px);padding:.6em 1em}
@media(max-width:760px){.np-even{display:flex!important;padding:12px 10px 24px 0}.np-under{flex-direction:row;align-items:center}.np-ev[data-x]{}}

/* 7:10 PM JF: art lead + mockups */
.np-leadimg.is-art{aspect-ratio:auto;object-fit:contain;background:#fff}
.np-mocks{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:20px;margin:28px 0}
.np-mock{margin:0}.np-mockimg{width:100%;height:auto;display:block}
.np-mock figcaption{font-size:11px;margin-top:6px}
@media(max-width:760px){.np-mocks{gap:8px}}
/* 7:10 PM JF: featured slideshow */
.np-ss{position:relative;outline:none}
.np-ss-track{position:relative;aspect-ratio:1/1;background:#fff}
.np-ss-slide{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center}
.np-ss-slide.on{display:flex}
.np-ssimg{max-width:100%;max-height:calc(100% - 24px);width:auto;height:auto;object-fit:contain;display:block}
.np-ss-slide figcaption{font-size:11px;margin-top:6px;color:#111}
.np-ss-prev,.np-ss-next{position:absolute;top:45%;transform:translateY(-50%);width:44px;height:44px;border:1px solid currentColor;border-radius:50%;background:rgba(255,255,255,.85);color:#111;font-size:28px;line-height:1;cursor:pointer}
.np-ss-prev{left:8px}.np-ss-next{right:8px}
.np-ss-dots{display:flex;gap:10px;justify-content:center;margin-top:12px}
.np-ss-dots button{width:10px;height:10px;border-radius:50%;border:1px solid currentColor;background:transparent;padding:0;cursor:pointer;color:inherit}
.np-ss-dots button.on{background:currentColor}
.np-ss:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(max-width:760px){.np-ss-prev,.np-ss-next{width:36px;height:36px;font-size:22px}}

/* 7:11 PM JF: SOLD OUT stamp beside/below art, never over it; full graphic visible */
.is-so .np-evimg,.is-so .np-cardimg{filter:none;opacity:1}
.np-ev .np-so,.np-so-feat{position:static;transform:rotate(-4deg);display:inline-block;align-self:flex-start;margin:10px 0 4px}
.np-so-feat{font-size:18px;padding:12px 20px;margin:4px 0 14px}
.np-vote{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:8px 0}
.np-vbtn{cursor:pointer;font:inherit}
.is-so img.np-evimg,.is-so img.np-cardimg{filter:none!important;opacity:1!important}
.np-so-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.np-so-row .np-vbtn{padding:9px 14px;font-size:10px;letter-spacing:.2em}
.np-cardimg.is-art{object-fit:contain;background:#fff;height:auto}

/* 7:26 PM JF: SOLD OUT as black Dymo tape across the neckline */
.np-fig,.np-face{position:relative}
.dymo{position:absolute;left:50%;top:var(--dy,17%);transform:translate(-50%,-50%) rotate(-5.5deg);z-index:3;display:inline-flex;align-items:center;
 padding:.42em .95em .38em;font:700 var(--ds,22px)/1 "Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;font-stretch:condensed;letter-spacing:.06em;color:#f4f4f4;
 background:linear-gradient(180deg,#3a3a3a 0%,#161616 22%,#0b0b0b 55%,#1c1c1c 80%,#050505 100%);
 border-radius:2px 5px 3px 6px/3px 4px 5px 3px;
 box-shadow:0 2px 3px rgba(0,0,0,.35);filter:drop-shadow(0 1.5px 1.5px rgba(0,0,0,.45));white-space:nowrap;pointer-events:none}
.dymo::after{content:"";position:absolute;left:3%;right:3%;top:10%;height:28%;border-radius:2px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));}
.dymo i{font-style:normal;display:inline-block;transform:translateY(calc(var(--j)*.6px));margin-right:calc(var(--j)*.4px + 1px);
 text-shadow:0 -1px 0 rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.35),1px 0 0 rgba(0,0,0,.4)}
.np-fig .dymo{--ds:clamp(16px,3.2vw,38px);--dy:16%}
.np-face .dymo{--ds:clamp(12px,calc(var(--cw,300px)*.07),30px);--dy:11%}
.np-so-row{justify-content:flex-end}
/* 7:28 PM JF: bigger Dymo, still off the print (sized to image width via container units) */
.np-fig,.np-face{container-type:inline-size}
.np-fig .dymo{--ds:9cqw;--dy:16%}
.np-face .dymo{--ds:7cqw;--dy:11.5%}
html[data-theme="dark"] .dymo{filter:invert(1) hue-rotate(180deg) drop-shadow(0 1.5px 1.5px rgba(255,255,255,.45))}
/* 7:29 PM JF: tape on the chest just below the collar, above the print; thinner tape so it can be bigger */
.dymo{padding:.2em .7em .16em;transform:translate(-50%,-50%) rotate(-4deg)}
.np-fig .dymo{--ds:10cqw;--dy:21.5%}
.np-face .dymo{--ds:6cqw;--dy:17.3%}
html[data-theme="dark"] .is-so img.np-evimg,html[data-theme="dark"] .is-so img.np-cardimg{filter:invert(1) hue-rotate(180deg)!important}

.credit{font-size:10px;letter-spacing:.12em;text-align:center;margin:18px auto 0;max-width:40em;line-height:1.6}

/* v2 draft 2026-10-23: bigger masthead, compact OG Tee label, thumb stack + big frame */
.np-bar{height:104px}.np-mast img{height:72px}
.np-v2 .np-og{font-size:13px;letter-spacing:.3em;text-transform:uppercase;text-align:left;margin:0 0 10px;font-weight:700}
.np-v2 .np-og a{color:inherit;text-decoration:none}
.np-v2 .np-dek{text-align:left;margin:0 0 12px;font-size:14px}
.np-lead.has-th{grid-template-columns:150px 1fr;gap:14px;align-items:start}
.np-th{display:flex;flex-direction:column;gap:10px}
.np-th button{padding:0;border:1px solid #ccc;background:#fff;cursor:pointer;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.np-th button.on{border:2px solid #111}
.np-thimg{width:100%;height:100%;object-fit:cover;display:block}.np-thimg.is-art{object-fit:contain}
.np-v2 .np-ss-track{aspect-ratio:auto;height:min(560px,70vh)}
@media(min-width:1000px){.np-v2{display:grid;grid-template-columns:1fr 300px;column-gap:28px}.np-v2>.np-og,.np-v2>.np-dek{grid-column:1/-1}.np-v2>.np-lead{grid-column:1}.np-v2>.np-buy{grid-column:2;grid-row:3;align-self:start;margin-top:0}.np-v2>.np-body,.np-v2>.np-how{grid-column:1/-1}}
@media(max-width:760px){.np-bar{height:76px}.np-mast img{height:48px}
.np-lead.has-th{grid-template-columns:1fr}.np-th{flex-direction:row;order:2}.np-th button{flex:1}.np-v2 .np-ss-track{height:auto;aspect-ratio:1/1}}
/* v2 density pass (JF 10:18 PM) */
.np-bar{height:110px!important}.np-mast img{height:84px!important}
@media(max-width:760px){.np-bar{height:78px!important}.np-mast img{height:52px!important}}
.np-v2 .np-body{margin-top:18px}.np-v2 .np-desc{font-size:15px;line-height:1.45;margin:0 0 14px;max-width:none}
.np-v2 .np-cols{gap:16px 24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.np-v2 .np-cols section{margin:0;padding:0}.np-v2 .np-cols h3{margin:0 0 6px;font-size:11px}.np-v2 .np-cols p,.np-v2 .np-cols td,.np-v2 .np-cols th{font-size:13px;line-height:1.4;margin:0}
.np-v2 .np-cols td,.np-v2 .np-cols th{padding:3px 6px}
.np-v2 .np-how{margin-top:22px;padding-top:14px}.np-v2 .np-how h2{margin:0 0 10px;font-size:12px}
.np-v2 .np-how ol{margin:0;padding:0}
@media(min-width:1000px){.np-v2 .np-how ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}}
.np-v2 .np-how li{margin:0;padding:0;font-size:13px;line-height:1.4}
.np-v2 .np-buy{padding:12px 0}.np-v2 .np-policy{font-size:13px;line-height:1.4;margin:8px 0 0}
.np-v2 .np-ss-dots{margin-top:6px}
.np-more,.np-archive{margin-top:22px!important;padding-top:10px!important}
.igfoot{margin-top:24px!important;padding:14px 0!important}.igfoot .credit{margin:8px 0 0!important;font-size:12px}
.np-soon{font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 8px;color:#6b6b6b}
.np-v2 .np-buy .np-dek{text-align:left;font-size:14px;margin:0 0 10px}
.np-ogp{margin-left:14px;font-weight:400}
.np-v2 .np-og{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.np-ogp{font-weight:400;letter-spacing:.1em}
.np-bn{display:inline-flex;flex-direction:column;align-items:center;padding:8px 18px;background:#111;color:#fff;font-size:12px;letter-spacing:.2em;line-height:1.2}
.np-bn.is-off{opacity:.55;cursor:not-allowed}.np-bn small{font-size:8px;letter-spacing:.2em;opacity:.85}
@media(min-width:1000px){.np-v2>.np-buy{grid-row:2!important}}
.dymo-green{background:linear-gradient(180deg,#2f9a4a 0%,#137a32 22%,#0b6a28 55%,#167d36 80%,#05501b 100%)}
.dymo-green i{color:#fff}
.np-ss-slide .dymo-green{--ds:5.2cqw!important;--dy:24%!important}@media(max-width:760px){.np-ss-slide .dymo-green{--ds:6cqw!important;--dy:30%!important}}
@media(min-width:1000px){.np-v2{grid-template-columns:1fr 380px!important}.np-v2>.np-lead{grid-row:2/span 2}.np-v2>.np-body{grid-column:2!important;grid-row:3;margin-top:8px}.np-v2 .np-body .np-cols{grid-template-columns:1fr 1fr!important;gap:12px 16px}.np-v2 .np-desc{font-size:14px}}
@media(min-width:1000px){.np-v2 .np-how-in{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}.np-v2 .np-howimg{max-height:260px;width:100%;object-fit:cover}}
.np-ss-slide .dymo-green{--dy:21%!important}
/* v2 10:26 PM: simple outlined view-all cards; sticky gallery; no overflow */
.np-ev{box-shadow:none!important;border:1px solid #111!important;background:transparent!important;padding:8px!important}
.np-ev::before,.np-ev::after,.np-face::before,.np-face::after{display:none!important;content:none!important}
.np-face{margin:0!important;box-shadow:none!important}
html[data-theme="dark"] .np-ev{border-color:#eee!important}
@media(min-width:1000px){.np-v2{max-width:1200px;margin:0 auto;grid-template-columns:minmax(0,1fr) 380px!important}
.np-v2>.np-lead{position:sticky;top:124px;align-self:start}.np-v2>*{min-width:0}.np-v2 .np-cols table{width:100%;font-size:12px}}
.np-face{border:0!important}.np-grid-all{padding-top:40px}@media(max-width:760px){.np-grid-all{padding-top:14px}}
@media(min-width:1000px){.np-v2>.np-side{grid-column:2;grid-row:2;align-self:start;min-width:0}.np-v2>.np-lead{grid-row:2!important}.np-side>.np-buy{margin-top:0}.np-side>.np-body{margin-top:8px}.np-side .np-body .np-cols{grid-template-columns:1fr 1fr;gap:12px 18px}}
.np-sc-left{display:none}@media(min-width:1000px){.np-sc-left{display:block;margin-top:14px;padding-top:10px;border-top:1px solid #ddd}.np-sc-left h3{margin:0 0 6px;font-size:11px}.np-sc-left p{font-size:13px;line-height:1.4;margin:0 0 6px}.np-sc-left table{width:100%;font-size:12px}.np-sc-left td,.np-sc-left th{padding:3px 6px;text-align:left}.np-cols .np-sc{display:none}.np-lead.has-th .np-sc-left{grid-column:1/-1}}
@media(max-width:600px){.jfb.jfb-fixed{font-size:0!important;width:40px!important;height:40px!important;min-width:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%!important;top:16px!important;left:10px!important}.jfb.jfb-fixed::before{content:"\2190";font-size:18px;line-height:1}.brandtop .np-bar{padding-left:56px!important;padding-right:10px!important;justify-content:space-between}.brandtop .np-mast img{height:46px!important;width:auto}}@media(max-width:420px){.brandtop .np-all{white-space:nowrap}}@media(max-width:420px){.brandtop .np-mast img{height:44px!important}.brandtop .np-mast .mono{display:none}}
/* r10 hang tag */
.np-fig.has-tag{position:relative}
.np-tag{position:absolute;top:-6px;right:6px;z-index:6;width:76px;padding:0;margin:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;perspective:600px}
.np-tag-str{display:block;width:1px;height:22px;margin:0 auto;background:#111}
.np-tag-sway{display:block;transform-origin:50% -22px;animation:npTagSway 4.5s ease-in-out infinite}
.np-tag-card{display:block;position:relative;aspect-ratio:240/420;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.7,.3,1)}
.np-tag.is-flip .np-tag-card{transform:rotateY(180deg)}
.np-tag-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);outline:1px solid rgba(0,0,0,.15)}
.np-tag-face img{display:block;width:100%;height:100%;filter:none!important}
.np-tag-b{transform:rotateY(180deg)}
.np-tag-face::before{content:"";position:absolute;top:6.5%;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#111;box-shadow:inset 0 0 0 1px #111}
.np-tag:focus-visible{outline:2px solid #111;outline-offset:3px}
[data-theme="dark"] .np-tag-str{background:#ddd}
@keyframes npTagSway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.np-tag-sway{animation:none}.np-tag-card{transition:none}}
@media(max-width:999px){.np-tag{width:56px;right:4px}.np-tag-str{height:16px}.np-tag-sway{transform-origin:50% -16px}}
/* r11 view-all under product (draft) */
.np-va{display:inline-block;margin:14px 0 4px;padding:9px 14px;border:1px solid #111;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:inherit;text-decoration:none}
.np-va:hover{background:#111;color:#fff}
[data-theme="dark"] .np-va{border-color:#eee}[data-theme="dark"] .np-va:hover{background:#eee;color:#111}
.np-r{min-width:44px}
/* VIEW ALL ITEMS phone fit */
@media(max-width:600px){.np-all{white-space:nowrap!important;text-align:center;line-height:1.3;font-size:8.5px!important;letter-spacing:.14em!important;padding:4px 7px!important}.np-all-2{display:block}}
/* r12 back + home buttons (draft) */
.nanav{position:fixed;top:max(16px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:2147483000;display:flex;gap:6px}
.nanav-btn{width:44px;height:44px;box-sizing:border-box;border:2px solid #111;border-radius:50%;background:#111;color:#fff;box-shadow:0 0 0 2px #fff;font:700 20px/1 "JFB Mono","Space Mono",ui-monospace,monospace;text-decoration:none;display:flex;align-items:center;justify-content:center}
.nanav-btn:hover,.nanav-btn:focus-visible{background:#fff;color:#111;outline:none}
@media(max-width:600px){.nanav{left:8px;gap:4px}.nanav-btn{width:36px;height:36px;font-size:17px}.nanav-btn svg{width:15px;height:15px}.brandtop .np-bar{padding-left:92px!important;padding-right:92px!important}}
@media(max-width:600px){.brandtop .np-bar{grid-template-columns:1fr auto 1fr!important;padding-left:56px!important;padding-right:56px!important}.brandtop .np-mast{grid-column:2;justify-self:center!important;margin:0!important}.brandtop .np-l{display:block!important}}
.nanav{margin:0!important;padding:0!important;border:0!important;background:none!important;height:auto!important;align-items:center;top:max(33px,env(safe-area-inset-top))}@media(max-width:600px){.nanav{top:max(21px,env(safe-area-inset-top))}}
/* r13 header clock (JF approved 11:30 PM) */
.np-r{grid-column:3;justify-self:end;display:flex;align-items:center}
.np-clock{display:inline-flex;gap:.6em;align-items:baseline;border:1px solid currentColor;padding:7px 10px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;line-height:1.2}
.np-cd::after{content:"\00b7";margin-left:.6em}
@media(max-width:600px){.np-clock{flex-direction:column;align-items:center;gap:1px;padding:3px 5px;font-size:8px;letter-spacing:.06em}.np-cd::after{content:none}.np-r{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.brandtop .np-bar{position:relative}}
/* JF 11:31 PM: big product name, quiet price underneath, BUY NOW alongside */
.np-v2 .np-og{display:grid!important;grid-template-columns:minmax(0,auto) auto;grid-template-areas:"n b" "p b";justify-content:start;align-items:end;column-gap:22px;row-gap:3px;margin:0 0 12px}
.np-v2 .np-og>a{grid-area:n;font-size:34px;line-height:1;letter-spacing:.12em;overflow-wrap:anywhere;min-width:0}
.np-v2 .np-og .np-ogp{grid-area:p;margin:0;font-size:10px;letter-spacing:.18em;font-weight:400;color:#777}
.np-v2 .np-og .np-bn{grid-area:b;align-self:center}
[data-theme="dark"] .np-v2 .np-og .np-ogp{color:#aaa}
@media(max-width:600px){.np-v2 .np-og>a{font-size:24px;letter-spacing:.1em}.np-v2 .np-og{column-gap:14px}.np-v2 .np-og .np-ogp{font-size:9px}}
.np-v2 .np-og .np-ogp{font-family:"Space Mono","JFB Mono",ui-monospace,monospace!important}
/* JF 11:34 PM: crossfade slides */
.np-ss-slide{display:flex!important;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.np-ss-slide.on{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
@media(prefers-reduced-motion:reduce){.np-ss-slide{transition:none!important}}





html[data-theme="dark"] .is-art,html[data-theme="dark"] .np-thimg.is-art,html[data-theme="dark"] .np-ssimg.is-art{background:#fff}
html[data-theme="dark"] .np-mast img{filter:invert(1) hue-rotate(180deg) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000)!important}
/* 2026-10-24 headline: BUY NOW removed beside name; SERIES #1 under OG TEE */
.np-v2 .np-og{grid-template-columns:minmax(0,auto)!important;grid-template-areas:"n" "s" "p"!important}
.np-v2 .np-og .np-ogp.np-ser{grid-area:s}
[data-theme="dark"] .np-v2 .np-og .np-ogp{color:#666}.np-v2 .np-og{row-gap:2px!important}
/* 2026-10-24 alignment pass: clock mirrors BACK/HOME 12px edge; footer rule snaps to content column */
@media(min-width:761px){.np-bar{max-width:none!important;padding:0 12px!important}}
footer.igfoot{max-width:976px;width:auto;margin-left:max(28px,calc((100% - 976px)/2));margin-right:max(28px,calc((100% - 976px)/2))}
@media(max-width:760px){footer.igfoot{margin-left:22px;margin-right:22px}}

/* 2026-10-24 VIEW ALL ITEMS on its own centered row below product (JF t4226u) */
.np-varow{display:flex;justify-content:center;margin:56px 0 8px;padding:0;clear:both}.np-varow .np-va{margin:0}
@media(max-width:760px){.np-varow{margin:40px 0 4px}}

 .np-varow{grid-column:1/-1;width:100%}
/* 2026-10-24 JF t4235u: thumb stack shares main frame's top and bottom (frame = slideshow track; 16px dot row excluded); equal gaps, square thumbs kept */
@media(min-width:761px){.np-lead.has-th>.np-th{align-self:stretch;justify-content:space-between;padding:12px 0 28px;box-sizing:border-box}} /* visible frame = photo, inset 12px in track */
.np-varow{margin-top:32px!important}@media(max-width:760px){.np-varow{margin-top:24px!important}}

.np-clock{flex-direction:column!important;align-items:center!important;justify-content:center;gap:2px!important;font-size:11px!important;letter-spacing:.08em!important;line-height:1.2!important;padding:0 8px!important;height:50px;box-sizing:border-box}
.np-cd::after{content:none!important}
@media(max-width:600px){.np-clock{height:auto;padding:3px 5px!important;font-size:9px!important;gap:1px!important;letter-spacing:.06em!important}}

@media(min-width:601px){.np-clock{height:54px!important}}
/* 2026-10-24 JF: iPad/desktop (>760px) arrows off the photo -> row under the image at the frame's edges, dots between. Phones unchanged (on the image). */
@media(min-width:761px){
.np-v2 .np-ss-dots{height:44px;margin-top:8px!important;align-items:center}
.np-v2 .np-ss-prev,.np-v2 .np-ss-next{top:auto!important;bottom:0;transform:none!important;background:transparent}
.np-v2 .np-ss-prev{left:0}.np-v2 .np-ss-next{right:0}
.np-lead.has-th>.np-th{padding-bottom:64px!important}}
/* 2026-10-24 JF: hang tag ~18% smaller (76->62px, 56->46px) */
.np-tag{width:62px!important}@media(max-width:999px){.np-tag{width:46px!important}}
/* 2026-10-24 JF: no circles. { } in Space Mono, inside the image frame (track), centered on the frame's vertical midpoint; 44px tap area (40px phones). */
.np-v2 .np-ss-track .np-ss-prev,.np-v2 .np-ss-track .np-ss-next{position:absolute;top:50%!important;bottom:auto!important;transform:translateY(calc(-50% + var(--brace-dy,0px)))!important;width:44px;height:64px;display:flex;align-items:center;justify-content:center;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-family:"Space Mono",ui-monospace,monospace;font-weight:400;font-size:48px;line-height:1;padding:0;color:#111;z-index:5}
.np-v2 .np-ss-track .np-ss-prev{left:0!important;right:auto}.np-v2 .np-ss-track .np-ss-next{right:0!important;left:auto}
@media(min-width:761px){.np-v2 .np-ss-dots{height:auto}.np-lead.has-th>.np-th{padding-bottom:28px!important}}
@media(max-width:760px){.np-v2 .np-ss-track .np-ss-prev,.np-v2 .np-ss-track .np-ss-next{width:40px;height:56px;font-size:40px;text-shadow:0 0 3px #fff,0 0 6px #fff}}
@media(min-width:761px){.np-v2 .np-ss-track .np-ss-prev,.np-v2 .np-ss-track .np-ss-next{width:20px;font-size:40px;overflow:visible}
.np-v2 .np-ss-track .np-ss-prev::after,.np-v2 .np-ss-track .np-ss-next::after{content:"";position:absolute;top:-4px;bottom:-4px;left:-12px;right:-12px}}
/* 2026-10-24 JF: no letterbox bars. Slides and thumbs fill their frames (cover); per-image focus via products.json "focus"; tall mockups/art use square derivatives (-sq) so nothing essential is cropped. */
.np-v2 .np-ss-slide{display:block}
.np-v2 .np-ss-slide img.np-ssimg{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;position:absolute;inset:0}
.np-thimg,.np-thimg.is-art{object-fit:cover!important}
/* art slide: never crop the art; it sits on white paper that matches its own white ground, so no visible bars */
.np-v2 .np-ss-slide img.np-ssimg.is-art{object-fit:contain!important;background:#fff}
/* view-toggle: FEATURED | ALL ITEMS segmented switch */
.np-vt{display:inline-flex;border:1px solid #111}
.np-vt a{padding:9px 14px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:inherit;text-decoration:none}
.np-vt a+a{border-left:1px solid #111}
.np-vt a[aria-current="page"]{background:#111;color:#fff}
.np-vt a:not([aria-current]):hover{background:#f0f0f0}
.np-grid-all+.np-varow{margin-top:56px!important}
@media(max-width:600px){.np-vt{display:flex!important;flex-direction:row!important;height:auto!important}.np-vt a{display:inline-block!important;padding:7px 12px!important;line-height:1.2!important}}
/* below-archive PREVIEW (JF 1:50 AM): flush-left on the content axis; credit line first, Instagram at the very bottom */
footer.na-foot{text-align:left!important;padding:32px 0 40px!important;display:grid;grid-template-columns:1fr auto;column-gap:40px;row-gap:28px;align-items:end}
footer.na-foot p{margin:0}
footer.na-foot .na-credit{grid-column:1/-1;font-family:"Bodoni Moda",serif;font-size:14px;line-height:20px;max-width:46ch;text-transform:none;letter-spacing:0}
footer.na-foot .na-ig{grid-column:1/-1;display:flex;align-items:center;gap:28px;flex-wrap:wrap;border-top:1px solid #ddd;padding-top:20px}
footer.na-foot .na-ig-h{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-family:"JF Mono","Space Mono",monospace;margin-right:auto}
footer.na-foot .ig{display:flex;gap:24px;margin:0;justify-content:flex-start}
footer.na-foot .ig a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
footer.na-foot .ig img{width:56px;height:56px;display:block}
footer.na-foot .ig span{font-size:11px;letter-spacing:.06em}
@media(max-width:600px){footer.na-foot .na-ig{flex-direction:column;align-items:flex-start;gap:16px}footer.na-foot .ig{flex-direction:column;gap:14px}}
[data-theme="dark"] footer.na-foot .na-ig{border-top-color:#333}
footer.na-foot .ig a{flex-direction:row!important;align-items:center!important;text-align:left!important}footer.na-foot .ig span{text-transform:none!important;margin:0!important}footer.na-foot .ig img{margin:0!important}
.np-vt{padding:0!important;margin:0!important;gap:0!important;align-items:stretch!important;height:auto!important;min-height:0!important}.np-vt a{margin:0!important;border-top:0!important;border-bottom:0!important}


/* SHARE 2026-10-24 */.np-og .np-share{font:inherit;font-family:"Space Mono","JFB Mono",ui-monospace,monospace;letter-spacing:inherit;text-transform:uppercase;color:inherit;background:none;border:0;border-bottom:1px solid currentColor;padding:0;margin:0 0 0 12px;line-height:1.2;cursor:pointer;position:relative;vertical-align:baseline}.np-og .np-share::after{content:"";position:absolute;inset:-14px -10px}.np-og .np-share:hover,.np-og .np-share:focus-visible{color:#111;outline:none}.np-og .np-shok{margin-left:10px;color:#2a7d2a}.np-og .np-shok:empty{display:none}

.np-dh{font-family:"Space Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:14px 0 6px}.np-det{margin:0 0 8px;padding-left:1.1em;font-size:14px;line-height:1.5}

.tmw{position:relative;display:inline-block;line-height:0}.tmw .tm{position:absolute;top:-2px;left:100%;margin-left:2px;font:400 9px/1 "Space Mono",ui-monospace,monospace!important;letter-spacing:0!important;padding:0!important;color:inherit;opacity:.55;pointer-events:none}
/* 2026-10-24 10:20 PM JF audit #5: phone labels at least 11px */
@media(max-width:600px){.np-clock{font-size:11px!important;letter-spacing:.02em!important;padding:3px 4px!important}.np-v2 .np-og .np-ogp,.np-og .np-ogp,.np-share{font-size:11px!important}.np-og .np-ogp{letter-spacing:.12em}}