/*
 * NAN MADE IT — the ink.
 *
 * Read off her own mockups, 6 September 2026. Vermilion, deep red, gold, white.
 *
 * NO CREAM. Her mockup carried a warm cream band and cream is on her standing
 * banned list, so the light ground here is plain white and the vermilion does
 * the lifting instead. It reads more expensive that way, which was the point.
 */

:root{
	--nmi-vermilion:#E8471F;
	--nmi-flame:#D93A0F;
	--nmi-deep:#A00E22;
	--nmi-blood:#7A0018;
	--nmi-gold:#C9A227;
	--nmi-gold-lit:#E8BE55;
	--nmi-ink:#1E0A08;
	--nmi-soft:#6E4A44;
	--nmi-paper:#FFFFFF;
	--nmi-line:rgba(30,10,8,.14);

	--nmi-display:"Bodoni Moda",Didot,"Times New Roman",serif;
	--nmi-body:"DM Sans",system-ui,-apple-system,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--nmi-paper);color:var(--nmi-ink);
	font:400 17px/1.65 var(--nmi-body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}

.nmi-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,44px)}
.nmi-skip{position:absolute;left:-9999px}
.nmi-skip:focus{left:12px;top:12px;background:#fff;color:var(--nmi-deep);padding:10px 16px;z-index:99}

/* ── the mark ─────────────────────────────────────────────────── */
.nmi-mark{display:inline-block;text-decoration:none;line-height:1}
.nmi-mark b{display:block;font:400 clamp(30px,6vw,42px)/.86 var(--nmi-display);
	letter-spacing:.02em}
.nmi-mark i{display:block;font:500 clamp(9px,1.9vw,11px)/1 var(--nmi-body);font-style:normal;
	letter-spacing:.44em;text-transform:uppercase;margin-top:7px;opacity:.9}

/* ── the head ─────────────────────────────────────────────────── */
.nmi-head{background:var(--nmi-vermilion);color:#fff}
.nmi-head .nmi-wrap{display:flex;align-items:center;justify-content:space-between;
	gap:20px;padding-top:20px;padding-bottom:20px}
.nmi-nav{display:none;gap:clamp(18px,2.6vw,34px)}
.nmi-nav a{text-decoration:none;font:500 12px/1 var(--nmi-body);letter-spacing:.18em;
	text-transform:uppercase;padding-bottom:4px;border-bottom:1px solid transparent}
.nmi-nav a:hover,.nmi-nav a:focus-visible{border-bottom-color:var(--nmi-gold-lit)}
@media (min-width:900px){.nmi-nav{display:flex}}

/* ── the hero ─────────────────────────────────────────────────── */
.nmi-hero{background:var(--nmi-vermilion);color:#fff;position:relative;overflow:hidden;
	padding:clamp(38px,8vw,86px) 0 clamp(52px,9vw,104px)}
.nmi-hero::after{content:"NAN";position:absolute;right:-.14em;bottom:-.30em;
	font:400 clamp(240px,44vw,620px)/.72 var(--nmi-display);color:rgba(255,255,255,.075);
	pointer-events:none;letter-spacing:-.02em}
.nmi-hero .nmi-wrap{position:relative;z-index:1}
.nmi-hero h1{font:400 clamp(38px,8.6vw,92px)/.98 var(--nmi-display);
	text-transform:uppercase;letter-spacing:-.005em;max-width:15ch;text-wrap:balance}
.nmi-hero .rule{width:74px;height:2px;background:var(--nmi-gold-lit);margin:clamp(20px,4vw,30px) 0}
.nmi-hero .lede{font:400 clamp(17px,3.4vw,21px)/1.55 var(--nmi-body);max-width:44ch;opacity:.95}
.nmi-hero .meraki{margin-top:clamp(24px,5vw,38px);font:500 11px/1.5 var(--nmi-body);
	letter-spacing:.34em;text-transform:uppercase}
.nmi-hero .meraki b{display:block;font:400 clamp(19px,4vw,26px)/1 var(--nmi-display);
	letter-spacing:.22em;color:var(--nmi-gold-lit);margin-top:8px}
.nmi-acts{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(26px,5vw,38px)}
.nmi-act{display:inline-block;text-decoration:none;padding:15px 26px;
	font:500 12px/1 var(--nmi-body);letter-spacing:.18em;text-transform:uppercase;
	background:#fff;color:var(--nmi-flame)}
.nmi-act:hover,.nmi-act:focus-visible{background:var(--nmi-gold-lit);color:var(--nmi-blood)}
.nmi-act--line{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)}
.nmi-act--line:hover,.nmi-act--line:focus-visible{background:#fff;color:var(--nmi-flame);box-shadow:none}
.nmi-hero .aside{margin-top:22px;font:italic 400 15px/1.5 var(--nmi-display);
	color:var(--nmi-gold-lit)}

/* ── a plain section ──────────────────────────────────────────── */
.nmi-sec{padding:clamp(52px,9vw,104px) 0}
.nmi-eb{font:500 11px/1 var(--nmi-body);letter-spacing:.3em;text-transform:uppercase;
	color:var(--nmi-flame);margin-bottom:16px}
.nmi-h2{font:400 clamp(28px,6vw,54px)/1.06 var(--nmi-display);text-transform:uppercase;
	max-width:20ch;text-wrap:balance}
.nmi-say{font:400 clamp(16px,3.2vw,19px)/1.62 var(--nmi-body);color:var(--nmi-soft);
	max-width:50ch;margin-top:20px}

/* ── meraki, her definition ───────────────────────────────────── */
.nmi-meraki{text-align:center;border-top:1px solid var(--nmi-line);
	border-bottom:1px solid var(--nmi-line)}
.nmi-meraki h2{font:400 clamp(34px,9vw,72px)/1 var(--nmi-display);letter-spacing:.22em;
	text-transform:uppercase;text-indent:.22em}
.nmi-meraki .said{font:italic 400 clamp(9px,2.4vw,13px)/1 var(--nmi-body);
	letter-spacing:.2em;text-transform:uppercase;color:var(--nmi-gold);margin-top:14px}
.nmi-meraki blockquote{max-width:30ch;margin:clamp(24px,5vw,34px) auto 0;
	font:italic 400 clamp(19px,4.2vw,28px)/1.42 var(--nmi-display)}
.nmi-meraki .whose{margin-top:20px;font:500 11px/1 var(--nmi-body);letter-spacing:.24em;
	text-transform:uppercase;color:var(--nmi-soft)}

/* ── the crafts ───────────────────────────────────────────────── */
.nmi-crafts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,236px),1fr));
	gap:1px;background:var(--nmi-line);border:1px solid var(--nmi-line);margin-top:clamp(30px,5vw,44px)}
.nmi-craft{background:var(--nmi-paper);padding:26px 24px 30px;text-decoration:none;display:block}
.nmi-craft:hover,.nmi-craft:focus-visible{background:var(--nmi-vermilion);color:#fff}
.nmi-craft b{display:block;font:400 clamp(20px,3.4vw,25px)/1.15 var(--nmi-display);
	text-transform:uppercase;letter-spacing:.01em}
.nmi-craft span{display:block;margin-top:9px;font:400 15px/1.5 var(--nmi-body);color:var(--nmi-soft)}
.nmi-craft:hover span,.nmi-craft:focus-visible span{color:rgba(255,255,255,.9)}

/* ── the band that sells the shop ─────────────────────────────── */
.nmi-band{background:var(--nmi-blood);color:#fff;padding:clamp(46px,8vw,88px) 0}
.nmi-band .nmi-h2{color:#fff}
.nmi-band .grid{display:grid;gap:clamp(26px,5vw,52px);align-items:start}
@media (min-width:880px){.nmi-band .grid{grid-template-columns:1.05fr .95fr}}
.nmi-band .terms{display:grid;gap:14px;margin-top:6px}
.nmi-band .terms p{font:400 clamp(17px,3vw,20px)/1.4 var(--nmi-body)}
.nmi-band .terms p b{font-weight:700}
.nmi-band .terms p:first-child{font:400 clamp(30px,6vw,46px)/1 var(--nmi-display)}
.nmi-band .terms p:first-child span{font-size:.42em;letter-spacing:.14em;text-transform:uppercase;
	font-family:var(--nmi-body);font-weight:500}

/* ── the studio, three steps ──────────────────────────────────── */
.nmi-steps{display:grid;gap:0;margin-top:clamp(28px,5vw,44px);border-top:1px solid var(--nmi-line)}
.nmi-step{display:grid;grid-template-columns:3.2em 1fr;gap:20px;align-items:baseline;
	padding:22px 0;border-bottom:1px solid var(--nmi-line)}
.nmi-step i{font:400 clamp(22px,4vw,30px)/1 var(--nmi-display);font-style:normal;color:var(--nmi-gold)}
.nmi-step b{font:400 clamp(20px,3.6vw,27px)/1.2 var(--nmi-display);text-transform:uppercase}
.nmi-step span{display:block;margin-top:7px;font:400 16px/1.55 var(--nmi-body);color:var(--nmi-soft)}

/* ── the close ────────────────────────────────────────────────── */
.nmi-close{background:var(--nmi-vermilion);color:#fff;text-align:center;
	padding:clamp(56px,10vw,116px) 0}
.nmi-close h2{font:400 clamp(32px,7.4vw,74px)/1 var(--nmi-display);text-transform:uppercase;
	max-width:16ch;margin:0 auto;text-wrap:balance}
.nmi-close .pull{max-width:46ch;margin:clamp(26px,5vw,38px) auto 0;
	font:400 clamp(16px,3.2vw,19px)/1.62 var(--nmi-body);opacity:.95}
.nmi-close .nmi-acts{justify-content:center}

/* ── the foot ─────────────────────────────────────────────────── */
.nmi-foot{background:var(--nmi-ink);color:#fff;padding:clamp(38px,6vw,64px) 0 clamp(30px,5vw,48px)}
.nmi-foot .rows{display:flex;flex-wrap:wrap;gap:clamp(22px,4vw,50px);
	justify-content:space-between;align-items:flex-start}
.nmi-foot a{text-decoration:none;font:400 15px/2 var(--nmi-body);opacity:.86}
.nmi-foot a:hover,.nmi-foot a:focus-visible{opacity:1;color:var(--nmi-gold-lit)}
.nmi-foot .col b{display:block;font:500 11px/1 var(--nmi-body);letter-spacing:.24em;
	text-transform:uppercase;color:var(--nmi-gold);margin-bottom:12px}
.nmi-foot .fine{margin-top:clamp(28px,5vw,44px);padding-top:22px;
	border-top:1px solid rgba(255,255,255,.16);font:400 14px/1.6 var(--nmi-body);opacity:.6}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ── the photographs, and the places they will go ─────────────── */
.nmi-pic{margin:0;overflow:hidden;background:var(--nmi-flame)}
.nmi-pic img{width:100%;height:100%;object-fit:cover}
.nmi-pic--waiting{display:grid;place-items:center;padding:22px;text-align:center;
	background:linear-gradient(180deg,var(--nmi-vermilion),var(--nmi-flame));
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.nmi-pic--waiting figcaption{font:500 11px/1.6 var(--nmi-body);letter-spacing:.2em;
	text-transform:uppercase;color:rgba(255,255,255,.9);max-width:22ch}
.nmi-hero .grid{display:grid;gap:clamp(28px,5vw,54px);align-items:center}
@media (min-width:900px){.nmi-hero .grid{grid-template-columns:1.1fr .9fr}}
.nmi-hands{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));
	gap:14px;margin-top:clamp(28px,5vw,44px)}

/* ═══════════════════════════════════════════════════════════════════════
 * THE WHOLE WORLD, 8 September 2026.
 *
 * Everything above dressed one page. Everything below dresses the rest of
 * them — the shop, the makers, the studio, the door and the Lending Table —
 * in exactly the same ink, so a woman never once feels she has stepped out
 * of Nan Made It and into somebody's software.
 * ═══════════════════════════════════════════════════════════════════════ */

/* ── the head, opened out ─────────────────────────────────────── */
.nmi-hers{display:none;gap:20px;align-items:center}
.nmi-hers a{text-decoration:none;font:500 12px/1 var(--nmi-body);letter-spacing:.16em;
	text-transform:uppercase;padding-bottom:4px;border-bottom:1px solid transparent}
.nmi-hers a:hover,.nmi-hers a:focus-visible{border-bottom-color:var(--nmi-gold-lit)}
.nmi-basket b{display:inline-block;margin-left:6px;background:var(--nmi-gold-lit);
	color:var(--nmi-blood);border-radius:99px;padding:2px 7px;font-size:11px}
@media (min-width:900px){.nmi-hers{display:flex}}

.nmi-more{display:grid;gap:5px;background:none;border:0;cursor:pointer;padding:6px 2px;color:#fff}
.nmi-more span{display:block;width:26px;height:2px;background:currentColor}
.nmi-more em{font:500 9px/1 var(--nmi-body);letter-spacing:.22em;text-transform:uppercase;
	font-style:normal;margin-top:3px}
@media (min-width:900px){.nmi-more{display:none}}

.nmi-drawer{background:var(--nmi-flame);color:#fff;padding:6px 0 22px}
.nmi-drawer .nmi-wrap{display:grid;gap:2px}
.nmi-drawer a{text-decoration:none;font:400 clamp(21px,5vw,26px)/1.25 var(--nmi-display);
	text-transform:uppercase;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.18)}
@media (min-width:900px){.nmi-drawer{display:none}}

/* ── the hero, with her own line held one step down ───────────── */
.nmi-hero .hers{margin-top:-6px;font:italic 400 clamp(18px,3.8vw,25px)/1.3 var(--nmi-display);
	color:var(--nmi-gold-lit);max-width:22ch}
.nmi-hero .lede{margin-top:18px}

/* ── the top of an inner page ─────────────────────────────────── */
.nmi-page-top{padding:clamp(40px,7vw,84px) 0 clamp(30px,5vw,54px);
	border-bottom:1px solid var(--nmi-line)}
.nmi-page-top--red{background:var(--nmi-vermilion);color:#fff;border-bottom:0}
.nmi-page-top--red .nmi-say{color:rgba(255,255,255,.92)}
.nmi-h1{font:400 clamp(32px,7.4vw,72px)/1.02 var(--nmi-display);text-transform:uppercase;
	max-width:19ch;text-wrap:balance}
.nmi-page-top .nmi-say{max-width:56ch}

/* ── the search that goes somewhere ───────────────────────────── */
.nmi-find{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(22px,4vw,32px);align-items:stretch}
.nmi-find__say{flex:1 0 100%;font:500 11px/1 var(--nmi-body);letter-spacing:.24em;
	text-transform:uppercase;color:var(--nmi-soft);margin-bottom:2px}
.nmi-find input{flex:1 1 320px;min-width:0;font:400 17px/1.4 var(--nmi-body);
	padding:15px 18px;border:1px solid var(--nmi-line);background:#fff;color:var(--nmi-ink)}
.nmi-find input:focus-visible{outline:2px solid var(--nmi-vermilion);outline-offset:1px}
.nmi-find button{border:0;cursor:pointer;background:var(--nmi-vermilion);color:#fff;
	padding:15px 26px;font:500 12px/1 var(--nmi-body);letter-spacing:.18em;text-transform:uppercase}
.nmi-find button:hover,.nmi-find button:focus-visible{background:var(--nmi-blood)}
.nmi-look .nmi-crafts{margin-top:clamp(26px,4vw,38px)}

/* ── two columns that never become one argument ───────────────── */
.nmi-two .grid{display:grid;gap:clamp(34px,6vw,64px)}
@media (min-width:900px){.nmi-two .grid{grid-template-columns:1fr 1fr}}
.nmi-two .side .nmi-h2{max-width:16ch}

/* ── the ones people actually ask ─────────────────────────────── */
.nmi-asks{background:#fff;border-top:1px solid var(--nmi-line)}
.nmi-ask{padding:22px 0;border-bottom:1px solid var(--nmi-line);max-width:62ch}
.nmi-ask b{display:block;font:400 clamp(19px,3.4vw,25px)/1.25 var(--nmi-display)}
.nmi-ask span{display:block;margin-top:8px;font:400 16px/1.6 var(--nmi-body);color:var(--nmi-soft)}
.nmi-ask a{color:var(--nmi-flame)}

/* ── what it costs, said in three ─────────────────────────────── */
.nmi-terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));
	gap:1px;background:var(--nmi-line);border:1px solid var(--nmi-line)}
.nmi-terms div{background:#fff;padding:26px 24px;text-align:center}
.nmi-terms b{display:block;font:400 clamp(32px,6vw,50px)/1 var(--nmi-display);color:var(--nmi-flame)}
.nmi-terms span{display:block;margin-top:8px;font:500 11px/1.5 var(--nmi-body);
	letter-spacing:.2em;text-transform:uppercase;color:var(--nmi-soft)}

/* ── a moment, which is deliberately not a form ───────────────────
 *
 * Her law: a form in a ballgown is still a form, and what makes a form is
 * every question having the same shape. So these are different shapes, and
 * a quiet underlined word moves her on rather than a row of filled pills.
 * ─────────────────────────────────────────────────────────────── */
.nmi-moment{margin-top:clamp(26px,5vw,40px);display:grid;gap:clamp(26px,4vw,38px);max-width:58ch}
.nmi-moment__one label{display:block;font:500 11px/1.4 var(--nmi-body);letter-spacing:.22em;
	text-transform:uppercase;color:var(--nmi-soft);margin-bottom:10px}
.nmi-moment input,.nmi-moment textarea{width:100%;font:400 18px/1.55 var(--nmi-body);
	color:var(--nmi-ink);background:transparent;border:0;border-bottom:1px solid var(--nmi-line);
	padding:8px 0 12px;resize:vertical}
.nmi-moment input::placeholder,.nmi-moment textarea::placeholder{color:rgba(110,74,68,.5)}
.nmi-moment input:focus-visible,.nmi-moment textarea:focus-visible{outline:0;
	border-bottom-color:var(--nmi-vermilion);box-shadow:0 1px 0 0 var(--nmi-vermilion)}
.nmi-moment__open .nmi-moment__stem{font:italic 400 clamp(21px,4vw,28px)/1.3 var(--nmi-display);
	color:var(--nmi-flame);margin-bottom:6px}
.nmi-moment__aside{display:block;margin-top:9px;font:400 14px/1.5 var(--nmi-body);
	color:var(--nmi-soft);opacity:.85}
.nmi-moment__go{margin-top:4px}
.nmi-on{background:none;border:0;cursor:pointer;padding:0;color:var(--nmi-flame);
	font:400 clamp(20px,4vw,27px)/1.2 var(--nmi-display);text-transform:uppercase;
	border-bottom:2px solid var(--nmi-flame);padding-bottom:4px}
.nmi-on:hover,.nmi-on:focus-visible{color:var(--nmi-blood);border-bottom-color:var(--nmi-blood)}
.nmi-on--quiet{font-size:15px;font-family:var(--nmi-body);letter-spacing:.12em;
	border-bottom-width:1px;color:var(--nmi-soft);border-bottom-color:var(--nmi-line)}

/* ── never silent, either way ─────────────────────────────────── */
.nmi-trouble,.nmi-good,.nmi-note{max-width:58ch;margin-top:20px;padding:16px 20px;
	font:400 16px/1.55 var(--nmi-body)}
.nmi-trouble{background:#FFF3F0;color:var(--nmi-blood);
	box-shadow:inset 3px 0 0 0 var(--nmi-vermilion)}
.nmi-good{background:#FFF8E8;color:var(--nmi-ink);box-shadow:inset 3px 0 0 0 var(--nmi-gold)}
.nmi-note{background:#FAFAFA;color:var(--nmi-soft);box-shadow:inset 3px 0 0 0 var(--nmi-line)}

/* ── the Lending Table ────────────────────────────────────────── */
.nmi-near{padding-bottom:0}
.nmi-mapbox{margin-top:clamp(24px,4vw,34px);border:1px solid var(--nmi-line)}
#nmi-map{height:clamp(280px,46vw,430px)}
.nmi-pin{width:18px;height:18px;border-radius:99px;border:2px solid #fff;cursor:pointer;
	background:var(--nmi-vermilion);box-shadow:0 1px 5px rgba(30,10,8,.35);padding:0}
.nmi-me{width:14px;height:14px;border-radius:99px;border:2px solid #fff;
	background:var(--nmi-ink);box-shadow:0 1px 5px rgba(30,10,8,.35)}
.nmi-pop{font-family:var(--nmi-body);max-width:220px}
.nmi-pop__what{font:400 18px/1.25 var(--nmi-display);color:var(--nmi-ink)}
.nmi-pop__where{margin-top:4px;font-size:14px;color:var(--nmi-soft)}
.nmi-pop__go{display:inline-block;margin-top:8px;font:500 11px/1 var(--nmi-body);
	letter-spacing:.18em;text-transform:uppercase;color:var(--nmi-flame)}

.nmi-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));
	gap:1px;background:var(--nmi-line);border:1px solid var(--nmi-line);margin-top:clamp(22px,4vw,32px)}
.nmi-offer{background:#fff;padding:26px 24px 28px;display:flex;flex-direction:column;gap:10px}
.nmi-offer--hers{background:#FFFBF2}
.nmi-offer__yours{font:500 10px/1 var(--nmi-body);letter-spacing:.26em;text-transform:uppercase;
	color:var(--nmi-gold)}
.nmi-offer h3{font:400 clamp(21px,3.4vw,26px)/1.2 var(--nmi-display)}
.nmi-offer__where{font:400 15px/1.5 var(--nmi-body);color:var(--nmi-soft)}
.nmi-offer__where b{display:block;font:500 11px/1.6 var(--nmi-body);letter-spacing:.18em;
	text-transform:uppercase;color:var(--nmi-flame);margin-top:4px}
.nmi-offer__how{font:400 16px/1.55 var(--nmi-body)}
.nmi-offer__reach{font:400 15px/1.55 var(--nmi-body);color:var(--nmi-soft);margin-top:auto}
.nmi-offer__reach a{color:var(--nmi-flame)}
.nmi-offer__settle{font:400 14px/1.55 var(--nmi-body);color:var(--nmi-blood);
	background:#FFF3F0;padding:12px 14px}
.nmi-offer__back{margin-top:6px}

.nmi-tablecall .grid{display:grid;gap:clamp(26px,5vw,52px);align-items:center}
@media (min-width:880px){.nmi-tablecall .grid{grid-template-columns:1.05fr .95fr}}

/* ── her line, standing alone ─────────────────────────────────── */
.nmi-thesis{text-align:center;border-top:1px solid var(--nmi-line);border-bottom:1px solid var(--nmi-line)}
.nmi-thesis blockquote{max-width:24ch;margin:0 auto;
	font:400 clamp(26px,6vw,52px)/1.15 var(--nmi-display);text-transform:uppercase}
.nmi-thesis .whose{margin-top:20px;font:500 11px/1 var(--nmi-body);letter-spacing:.24em;
	text-transform:uppercase;color:var(--nmi-soft)}

/* ── the journal ──────────────────────────────────────────────── */
.nmi-reads{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
	gap:clamp(24px,4vw,40px);margin-top:clamp(24px,4vw,36px)}
.nmi-read{text-decoration:none;display:block}
.nmi-read .when{margin-top:14px;font:500 11px/1 var(--nmi-body);letter-spacing:.22em;
	text-transform:uppercase;color:var(--nmi-flame)}
.nmi-read b{display:block;margin-top:9px;font:400 clamp(21px,3.4vw,27px)/1.2 var(--nmi-display)}
.nmi-read span{display:block;margin-top:8px;font:400 16px/1.55 var(--nmi-body);color:var(--nmi-soft)}
.nmi-read:hover b,.nmi-read:focus-visible b{color:var(--nmi-flame)}

/* ═══════════════════════════════════════════════════════════════════════
 * THE SHOP, THE MAKERS AND THE STUDIO.
 *
 * WooCommerce and Dokan bring their own furniture with them. None of it
 * appears on this world. A woman clicking Discover meets Nan Made It, and
 * a maker in her own studio meets it too — her law that the back end is a
 * room as well, and she spends more hours in it than anybody.
 * ═══════════════════════════════════════════════════════════════════════ */

.nmi-shopwrap{padding:clamp(38px,6vw,72px) 0 clamp(52px,9vw,104px)}
.nmi-shopwrap .woocommerce-breadcrumb{font:500 11px/1.6 var(--nmi-body);letter-spacing:.18em;
	text-transform:uppercase;color:var(--nmi-soft);margin-bottom:18px}
.nmi-shopwrap .woocommerce-breadcrumb a{color:var(--nmi-flame);text-decoration:none}
.nmi-shopwrap h1,.nmi-shopwrap .page-title{font:400 clamp(30px,6.6vw,60px)/1.04 var(--nmi-display);
	text-transform:uppercase;max-width:19ch;text-wrap:balance;margin-bottom:10px}
.nmi-shopwrap h2{font:400 clamp(23px,4.2vw,34px)/1.12 var(--nmi-display);text-transform:uppercase;
	margin:clamp(30px,5vw,48px) 0 14px}
.nmi-shopwrap .term-description,.nmi-shopwrap .woocommerce-products-header__title+p{
	font:400 clamp(16px,3.2vw,19px)/1.62 var(--nmi-body);color:var(--nmi-soft);max-width:52ch}

.nmi-shopwrap .woocommerce-result-count{font:400 15px/1.6 var(--nmi-body);color:var(--nmi-soft)}
.nmi-shopwrap .woocommerce-ordering select,.nmi-shopwrap select{font:400 15px/1.4 var(--nmi-body);
	padding:11px 14px;border:1px solid var(--nmi-line);background:#fff;color:var(--nmi-ink)}

/* the pieces themselves */
.nmi-shopwrap ul.products{display:grid;list-style:none;margin:clamp(22px,4vw,34px) 0 0;padding:0;
	grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1px;
	background:var(--nmi-line);border:1px solid var(--nmi-line)}
.nmi-shopwrap ul.products li.product{background:#fff;padding:0 0 26px;margin:0;text-align:left;
	width:auto;float:none;display:flex;flex-direction:column}
.nmi-shopwrap ul.products li.product a img{width:100%;aspect-ratio:4 / 5;object-fit:cover;margin:0}
.nmi-shopwrap ul.products li.product .woocommerce-loop-product__title{
	font:400 clamp(19px,3vw,23px)/1.2 var(--nmi-display);padding:18px 22px 0;margin:0}
.nmi-shopwrap ul.products li.product .price{display:block;padding:8px 22px 0;
	font:400 17px/1.4 var(--nmi-body);color:var(--nmi-flame)}
.nmi-shopwrap ul.products li.product .price del{opacity:.5}
.nmi-shopwrap ul.products li.product .button,
.nmi-shopwrap ul.products li.product .added_to_cart{display:inline-block;margin:14px 22px 0;
	align-self:flex-start;background:var(--nmi-vermilion);color:#fff;text-decoration:none;
	padding:12px 20px;font:500 11px/1 var(--nmi-body);letter-spacing:.18em;text-transform:uppercase;
	border:0;border-radius:0;cursor:pointer}
.nmi-shopwrap ul.products li.product .button:hover{background:var(--nmi-blood);color:#fff}
.nmi-shopwrap .dokan-store-name,.nmi-shopwrap ul.products li.product .dokan-info{
	padding:6px 22px 0;font:400 14px/1.5 var(--nmi-body);color:var(--nmi-soft)}

/* one piece, on its own page */
.nmi-shopwrap div.product{display:grid;gap:clamp(26px,5vw,52px)}
@media (min-width:900px){.nmi-shopwrap div.product{grid-template-columns:1fr 1fr;align-items:start}}
.nmi-shopwrap div.product .woocommerce-product-gallery{margin:0;width:auto;float:none}
.nmi-shopwrap div.product .summary{margin:0;width:auto;float:none}
.nmi-shopwrap div.product .product_title{font:400 clamp(28px,5.6vw,48px)/1.06 var(--nmi-display);
	text-transform:uppercase;max-width:18ch}
.nmi-shopwrap div.product p.price,.nmi-shopwrap div.product span.price{display:block;margin-top:14px;
	font:400 clamp(24px,4.4vw,34px)/1 var(--nmi-display);color:var(--nmi-flame)}
.nmi-shopwrap div.product .woocommerce-product-details__short-description{margin-top:18px;
	font:400 17px/1.65 var(--nmi-body);color:var(--nmi-soft);max-width:46ch}
.nmi-shopwrap div.product form.cart{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.nmi-shopwrap .quantity input{width:88px;padding:14px 12px;border:1px solid var(--nmi-line);
	font:400 17px/1 var(--nmi-body);text-align:center}
.nmi-shopwrap div.product .product_meta{margin-top:26px;padding-top:20px;
	border-top:1px solid var(--nmi-line);font:400 15px/1.9 var(--nmi-body);color:var(--nmi-soft)}
.nmi-shopwrap div.product .product_meta a{color:var(--nmi-flame)}
.nmi-shopwrap .woocommerce-tabs{grid-column:1/-1;margin-top:clamp(26px,4vw,44px)}
.nmi-shopwrap .woocommerce-tabs ul.tabs{list-style:none;margin:0 0 22px;padding:0;display:flex;
	flex-wrap:wrap;gap:24px;border-bottom:1px solid var(--nmi-line)}
.nmi-shopwrap .woocommerce-tabs ul.tabs li a{text-decoration:none;display:inline-block;
	padding:0 0 12px;font:500 11px/1 var(--nmi-body);letter-spacing:.2em;text-transform:uppercase;
	color:var(--nmi-soft);border-bottom:2px solid transparent}
.nmi-shopwrap .woocommerce-tabs ul.tabs li.active a{color:var(--nmi-flame);border-bottom-color:var(--nmi-flame)}

/* every button on every shop screen, in her ink */
.nmi-shopwrap .button,.nmi-shopwrap button.button,.nmi-shopwrap input.button,
.nmi-shopwrap a.button,.nmi-shopwrap .wc-block-components-button,
.dokan-btn,.dokan-btn-theme,.dokan-btn-default,.dokan-btn-success{
	background:var(--nmi-vermilion)!important;color:#fff!important;border:0!important;
	border-radius:0!important;padding:14px 24px!important;font:500 12px/1 var(--nmi-body)!important;
	letter-spacing:.18em!important;text-transform:uppercase!important;text-decoration:none;
	text-shadow:none!important;cursor:pointer}
.nmi-shopwrap .button:hover,.dokan-btn:hover,.dokan-btn-theme:hover{
	background:var(--nmi-blood)!important;color:#fff!important}
.nmi-shopwrap .button.alt{background:var(--nmi-blood)!important}

/* the messages a person actually meets */
.nmi-shopwrap .woocommerce-message,.nmi-shopwrap .woocommerce-info,
.nmi-shopwrap .woocommerce-error,.nmi-shopwrap .woocommerce-notice{
	list-style:none;margin:0 0 26px;padding:18px 22px;border:0;border-radius:0;
	font:400 16px/1.55 var(--nmi-body);background:#FFF8E8;color:var(--nmi-ink);
	box-shadow:inset 3px 0 0 0 var(--nmi-gold)}
.nmi-shopwrap .woocommerce-error{background:#FFF3F0;color:var(--nmi-blood);
	box-shadow:inset 3px 0 0 0 var(--nmi-vermilion)}
.nmi-shopwrap .woocommerce-message::before,.nmi-shopwrap .woocommerce-info::before,
.nmi-shopwrap .woocommerce-error::before{display:none}

/* nothing found, written with the same warmth as something found */
.nmi-shopwrap .woocommerce-no-products-found,.nmi-shopwrap .cart-empty{
	font:400 clamp(18px,3.4vw,22px)/1.5 var(--nmi-display);color:var(--nmi-ink);
	padding:34px 0;border-top:1px solid var(--nmi-line);background:none;box-shadow:none}

/* the makers, listed */
.nmi-shopwrap .dokan-seller-listing ul.dokan-seller-wrap{display:grid;list-style:none;margin:0;padding:0;
	grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1px;
	background:var(--nmi-line);border:1px solid var(--nmi-line)}
.nmi-shopwrap .dokan-single-seller{background:#fff;padding:0;margin:0;width:auto;float:none}
.nmi-shopwrap .store-header{padding:0}
.nmi-shopwrap .store-content{padding:22px 24px 26px}
.nmi-shopwrap .store-data h2,.nmi-shopwrap .store-data h3{
	font:400 clamp(20px,3.2vw,25px)/1.2 var(--nmi-display);text-transform:uppercase;margin:0}
.nmi-shopwrap .store-data a{text-decoration:none}
.nmi-shopwrap .seller-avatar img{border-radius:0}

/* her own studio */
.dokan-dashboard-wrap{font-family:var(--nmi-body)}
.dokan-dashboard-menu li a{font:500 12px/1.4 var(--nmi-body)!important;letter-spacing:.1em;
	text-transform:uppercase}
.dokan-dashboard-content h1,.dokan-dashboard-header h1,.dokan-dashboard-content .entry-title{
	font:400 clamp(24px,4.4vw,36px)/1.1 var(--nmi-display)!important;text-transform:uppercase}

/* ── an empty shelf, written like a full one ──────────────────── */
.nmi-nothing{padding:clamp(30px,5vw,54px) 0;border-top:1px solid var(--nmi-line)}
.nmi-nothing .nmi-h2{max-width:18ch}
.nmi-act--dark{background:transparent;color:var(--nmi-flame);
	box-shadow:inset 0 0 0 1px var(--nmi-line)}
.nmi-act--dark:hover,.nmi-act--dark:focus-visible{background:var(--nmi-vermilion);color:#fff;box-shadow:none}

/* ═══════════════════════════════════════════════════════════════════════
 * SO IT CAN ACTUALLY BE READ, 8 September 2026.
 *
 * Measured rather than guessed, and both of these are real on a world whose
 * whole audience is over fifty — contrast sensitivity declines with age and
 * the number that carries here is 4.5.
 *
 *     white on vermilion #E8471F      3.92   under
 *     gold on vermilion               2.23   badly under, and it was carrying
 *                                            her Meraki line and her aside
 *
 * ★ THE PALETTE IS NOT TOUCHED. Her ruling on the sister world is the fix and
 * it is applied exactly: keep the palette, move copy onto darker grounds, and
 * the soft eyebrows become white. Flame is her own colour, already one of the
 * six — a shift so slight the eye does not catch it, and it clears the line.
 *
 *     white on flame     #D93A0F      4.60   clears it
 *     gold on deep red   #7A0018      6.48   gold is welcome here
 *
 * ★ VERMILION KEEPS EVERY JOB IT HAD except being a ground under words —
 * the buttons, the eyebrows on white, the hover, the mark.
 * ═══════════════════════════════════════════════════════════════════════ */

.nmi-head,
.nmi-hero,
.nmi-close,
.nmi-page-top--red{background:var(--nmi-flame)}

.nmi-craft:hover,.nmi-craft:focus-visible{background:var(--nmi-flame)}
.nmi-pic--waiting{background:linear-gradient(180deg,var(--nmi-flame),#C42B0C)}

/* Gold cannot be read on any red light enough to be vermilion. On a red
   ground it is white, and it keeps its own voice through the face and the
   letter-spacing rather than through the colour. */
.nmi-hero .hers{color:#fff}
.nmi-hero .meraki b{color:#fff}
.nmi-hero .aside{color:#fff}
.nmi-hero .aside a{text-decoration:underline;text-underline-offset:3px}
.nmi-page-top--red .nmi-eb{color:#fff!important}

/* The rules and edges stay gold — a line carries no words. */
.nmi-hero .rule{background:var(--nmi-gold-lit)}

/* ── the first thing she meets in her own studio ──────────────────────
 *
 * Walked before it was written: a maker with a real shop signed in and met
 * an empty room, because Dokan draws the frame and leaves the columns bare.
 * Her law that the back end is a room too, and that she spends more hours
 * in it than anybody.
 * ─────────────────────────────────────────────────────────────────── */
.nmi-bench{background:#fff;border:1px solid var(--nmi-line);padding:clamp(24px,4vw,36px);
	margin:0 0 clamp(20px,3vw,28px);border-left:3px solid var(--nmi-vermilion)}
.nmi-bench__whose{font:500 11px/1 var(--nmi-body);letter-spacing:.24em;text-transform:uppercase;
	color:var(--nmi-flame);margin-bottom:12px}
.nmi-bench h2{font:400 clamp(22px,3.6vw,32px)/1.12 var(--nmi-display);text-transform:uppercase;
	max-width:20ch;text-wrap:balance;margin:0}
.nmi-bench p{font:400 16px/1.6 var(--nmi-body);color:var(--nmi-soft);max-width:56ch;margin-top:12px}
.nmi-bench__go{margin-top:20px}
.nmi-bench__aside{margin-top:22px;padding-top:18px;border-top:1px solid var(--nmi-line);
	font:400 15px/1.55 var(--nmi-body)}
.nmi-bench__aside a{color:var(--nmi-flame)}
.nmi-bench .nmi-on{display:inline-block;text-decoration:none}