@font-face{font-family:"Albert Sans";src:url(/assets/nm/fonts/albert-v1.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:"Bricolage Grotesque";src:url(/assets/nm/fonts/bricolage-v1.woff2) format("woff2");font-weight:600 800;font-style:normal;font-display:swap}@font-face{font-family:"Kalam";src:url(/assets/nm/fonts/kalam-400-v1.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Kalam";src:url(/assets/nm/fonts/kalam-700-v1.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap} /* size-matched stand-ins while the web fonts load, so the page does not jump */ @font-face{font-family:"nm fd fb";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:700 900;size-adjust:93.6%} @font-face{font-family:"nm fd fb";src:local("Arial"),local("ArialMT");font-weight:100 699;size-adjust:94.4%} @font-face{font-family:"nm fd fb r";src:local("Roboto Bold"),local("Roboto-Bold");font-weight:700 900;size-adjust:97%} @font-face{font-family:"nm fd fb r";src:local("Roboto"),local("Roboto-Regular");font-weight:100 699;size-adjust:98%} @font-face{font-family:"nm ft fb";src:local("Arial"),local("ArialMT");size-adjust:103%} @font-face{font-family:"nm ft fb r";src:local("Roboto"),local("Roboto-Regular");size-adjust:106%} @font-face{font-family:"nm fh fb";src:local("Segoe Print"),local("SegoePrint");size-adjust:84.4%} /* ===== Neha Mari — sketchbook look (Oct 2026) ===== */ :root{ --paper:#FBF9F4;--grid:#E7E3DA;--ink:#242424;--red:#E8452C;--hi:#FFE55C;--tape:#F4B6C2;--pencil:#726E66;--wa:#128C7E; --fd:"Bricolage Grotesque","nm fd fb","nm fd fb r",Arial,sans-serif; --ft:"Albert Sans","nm ft fb","nm ft fb r",Arial,sans-serif; --fh:"Kalam","nm fh fb","Comic Sans MS",cursive; --gut:16px;--head:56px; --tapecut:polygon(0 12%,4% 0,96% 6%,100% 16%,96% 34%,100% 52%,96% 70%,100% 86%,95% 100%,5% 94%,0 82%,4% 64%,0 46%,4% 28%); } @media (min-width:700px){:root{--gut:24px}} @media (min-width:1200px){:root{--gut:40px;--head:64px}} *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--head) + 12px)} body{margin:0;font:400 16px/1.55 var(--ft);color:var(--ink);background-color:var(--paper); background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px); background-size:26px 26px;background-position:-1px -1px} body.nm-lock{overflow:hidden} img{display:block;max-width:100%;height:auto} a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1.5px} button{font:inherit;color:inherit} :focus-visible{outline:3px solid var(--red);outline-offset:3px} .nm-wrap{width:min(1240px,100% - 2*var(--gut));margin-inline:auto} .nm-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} .nm-skip{position:absolute;left:8px;top:-80px;z-index:90;background:var(--ink);color:var(--paper);padding:12px 16px;font-weight:700} .nm-skip:focus{top:8px} .nm-ico{flex:none;display:block} .nm-sprite{position:absolute;width:0;height:0;overflow:hidden} .nm-ico-wa{color:var(--wa)} /* ---------- hand-drawn marks ---------- */ .nm-dr{fill:none;stroke:var(--red);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 3;stroke-dashoffset:0} @keyframes nm-draw{to{stroke-dashoffset:0}} @keyframes nm-fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} .nm-js .nm-rv .nm-dr{stroke-dashoffset:1.02;transition:stroke-dashoffset .9s cubic-bezier(.5,0,.3,1) .2s} .nm-js .nm-rv .nm-dr2{transition-delay:.95s;transition-duration:.35s} .nm-js .nm-rv.nm-in .nm-dr{stroke-dashoffset:0} .nm-js .nm-rv .nm-fade{opacity:0;transform:translateY(6px);transition:opacity .5s .1s,transform .5s .1s} .nm-js .nm-rv.nm-in .nm-fade{opacity:1;transform:none} .nm-uline{position:absolute;left:-2%;bottom:-.2em;width:104%;height:.34em;overflow:visible;pointer-events:none} .nm-circ{position:absolute;left:-9%;top:-26%;width:118%;height:152%;overflow:visible;pointer-events:none} .nm-mk-o{margin:0 .1em 0 .32em} .nm-mk-o .nm-circ{left:-13%;width:124%;top:-14%;height:134%} .nm-ring{position:absolute;left:-12px;top:-9px;width:calc(100% + 24px);height:calc(100% + 18px);overflow:visible;pointer-events:none} .nm-ring .nm-dr{stroke-width:2} .nm-arrow{display:block;overflow:visible} .nm-arrow .nm-dr{stroke:var(--ink);stroke-width:1.8} .nm-mk{position:relative;display:inline-block} .nm-hlw{background:linear-gradient(transparent 18%,var(--hi) 18%,var(--hi) 90%,transparent 90%);color:inherit;padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone} .nm-tape{background:rgba(244,182,194,.86);-webkit-clip-path:var(--tapecut);clip-path:var(--tapecut);color:var(--ink)} /* ---------- buttons ---------- */ .nm-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 16px;border:2px solid var(--ink); border-radius:14px 5px 12px 6px/6px 12px 5px 14px;font:700 16px/1.1 var(--ft);text-decoration:none;white-space:nowrap;transition:transform .15s} .nm-btn:active{transform:translateY(2px)} .nm-btn-call{background:var(--ink);color:var(--paper)} .nm-btn-wa{background:var(--paper);color:var(--ink)} .nm-btn-wa .nm-ico{color:var(--wa)} .nm-btn .nm-ico{width:21px;height:21px} .nm-cta-num{display:none} .nm-ib{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border:1.5px solid var(--ink);color:var(--ink);background:var(--paper); border-radius:50% 47% 52% 48%/48% 52% 47% 50%;text-decoration:none;transition:transform .15s} .nm-ib .nm-ico{width:19px;height:19px} /* price + two round buttons on one line; if the card is very narrow the two buttons stack, still beside the price */ .nm-buy{display:flex;align-items:center;gap:6px} .nm-btns{display:flex;gap:5px;margin:0 0 0 auto} @container nmcard (max-width:149px){.nm-btns{flex-direction:column}} .nm-ib-call{background:var(--ink);color:var(--paper)} .nm-ib:active{transform:translateY(2px)} /* ---------- header ---------- */ .nm-top{position:sticky;top:0;z-index:60;height:var(--head);background:var(--paper);border-bottom:1.5px solid var(--ink)} .nm-top-in{height:100%;display:flex;align-items:center;gap:10px} .nm-logo{position:relative;display:inline-block;margin:0 0 0 -6px;padding:8px 10px;font:800 26px/1 var(--fd);letter-spacing:-.03em;color:var(--ink);text-decoration:none} .nm-logo span{position:relative;z-index:1} .nm-logo-loop{position:absolute;left:-2px;top:0;width:calc(100% + 6px);height:100%;overflow:visible} .nm-logo-loop path{fill:none;stroke:var(--red);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1 3;stroke-dashoffset:0} .nm-top .nm-logo-loop path{stroke-dashoffset:1.02;animation:nm-draw 1s .15s cubic-bezier(.5,0,.3,1) forwards} .nm-top-act{margin-left:auto;display:flex;align-items:center;gap:6px} .nm-hb{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;height:44px;padding:0 10px;border:1.5px solid var(--ink); border-radius:12px 5px 11px 6px/6px 11px 5px 12px;font:700 15px/1 var(--ft);text-decoration:none;white-space:nowrap} .nm-hb-call{background:var(--ink);color:var(--paper)} .nm-hb-wa{background:var(--paper);color:var(--ink)} .nm-hb-t{display:none} .nm-menu-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 11px;border:1.5px solid var(--ink);background:var(--paper); border-radius:12px 5px 11px 6px/6px 11px 5px 12px;font:700 15px/1 var(--ft);cursor:pointer} .nm-nav{position:fixed;left:0;right:0;top:var(--head);bottom:0;z-index:59;overflow-y:auto;padding:18px var(--gut) 32px; background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:26px 26px; visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .22s,transform .22s,visibility 0s .22s} .nm-nav.nm-open{visibility:visible;opacity:1;transform:none;transition:opacity .22s,transform .22s} .nm-nav-note{margin:0 0 6px;font:400 17px/1.2 var(--fh);color:var(--pencil);transform:rotate(-1.5deg);transform-origin:0 50%} .nm-nav-list{list-style:none;margin:0;padding:0;max-width:560px} .nm-nav-list li{border-bottom:1.5px dashed rgba(124,120,112,.55)} .nm-nav-list a{display:flex;align-items:center;justify-content:space-between;min-height:54px;font:700 21px/1.1 var(--fd);letter-spacing:-.01em;text-decoration:none} .nm-nav-list a::after{content:"→";font:700 20px/1 var(--fh);color:var(--red)} .nm-nav-list a[aria-current]{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px} .nm-nav-book{display:grid;gap:10px;margin-top:22px;max-width:560px} .nm-nav-hrs{margin:4px 0 0;font-size:14px;line-height:1.5} @media (min-width:700px){ .nm-hb-t{display:inline} .nm-hb{padding:0 14px} } @media (min-width:1200px){ .nm-top-in{gap:22px} .nm-nav{position:static;visibility:visible;opacity:1;transform:none;background:none;padding:0;overflow:visible;margin-left:auto;transition:none} .nm-nav-note,.nm-nav-book{display:none} .nm-nav-list{display:flex;gap:17px;max-width:none} .nm-nav-list li{border:0} .nm-nav-list a{min-height:44px;font:500 14px/1 var(--ft);letter-spacing:0} .nm-nav-list a::after{content:none} .nm-nav-list a:hover{text-decoration:underline;text-decoration-color:var(--red)} .nm-top-act{margin-left:0} .nm-menu-btn{display:none} } /* ---------- hero: lookbook page ---------- */ .nm-hero{padding:12px 0 30px;overflow-x:clip} .nm-hero-in{display:grid;grid-template-columns:minmax(0,1fr);gap:18px} .nm-kicker{display:inline-block;margin:0 0 8px;font:400 17px/1.2 var(--fh);color:var(--pencil);transform:rotate(-1.5deg);transform-origin:0 50%} .nm-kicker span{color:var(--ink);font-weight:700} .nm-h1{margin:0;font-family:var(--fd);letter-spacing:-.025em;color:var(--ink)} .nm-h1-a{display:block;font-size:clamp(36px,10.4vw,84px);font-weight:800;line-height:1} .nm-h1-b{display:block;margin-top:10px;font-size:clamp(21px,5.7vw,34px);font-weight:600;line-height:1.14;max-width:12.8em;letter-spacing:-.015em} .nm-hl{position:relative;display:inline-block;z-index:0;white-space:nowrap} .nm-hl::before{content:"";position:absolute;z-index:-1;left:-.06em;right:-.08em;top:.46em;bottom:.02em;background:var(--hi); border-radius:2px 9px 3px 12px/8px 3px 10px 2px;transform-origin:0 50%;transform:scaleX(0) rotate(-1.2deg);animation:nm-swipe .75s .35s cubic-bezier(.3,.7,.2,1) forwards} @keyframes nm-swipe{to{transform:scaleX(1) rotate(-1.2deg)}} .nm-lede{margin:14px 0 16px;font-size:16px;line-height:1.5;max-width:34em} .nm-price{color:var(--red);font-weight:800} .nm-lede-tel{font-weight:700;white-space:nowrap} .nm-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:470px} .nm-cta .nm-btn{padding:0 10px} .nm-hero-note{display:flex;align-items:flex-end;gap:4px;margin:8px 0 0 8px;font:400 17px/1.2 var(--fh);color:var(--ink);text-wrap:balance} .nm-hero-note .nm-arrow{width:40px;height:30px;flex:none;margin-bottom:6px} .nm-hero-note span{opacity:0;animation:nm-fadein .5s 1.9s forwards} .nm-hero .nm-dr{stroke-dashoffset:1.02;animation:nm-draw .8s var(--dl,1.2s) cubic-bezier(.5,0,.3,1) forwards} .nm-hero .nm-dr2{--dl:1.9s;animation-duration:.35s} .nm-hero-note .nm-dr{--dl:1.4s} .nm-hero-note .nm-dr2{--dl:2.1s} .nm-lookbox{width:100%;max-width:540px;margin:4px auto 0} .nm-look{position:relative;width:100%;aspect-ratio:1/1;margin:14px 0 0} .nm-snap{position:absolute;left:0;top:0;width:52%;margin:0;transform-origin:0 0;transition:transform .6s cubic-bezier(.3,.7,.2,1)} .nm-snap[data-slot="0"]{z-index:3;transform:translate(45%,19%) rotate(-1.5deg)} .nm-snap[data-slot="1"]{z-index:1;transform:translate(0,8%) rotate(-5deg) scale(.84)} .nm-snap[data-slot="2"]{z-index:2;transform:translate(106%,1%) rotate(4deg) scale(.84)} .nm-snap-btn{display:block;width:100%;padding:6px;margin:0;border:0;border-radius:0;background:var(--paper);cursor:pointer; box-shadow:0 0 0 1px rgba(36,36,36,.16),0 3px 7px rgba(36,36,36,.16)} .nm-snap-btn img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:center top} .nm-snap-btn:focus-visible{outline-offset:2px} .nm-snap-tape{position:absolute;top:-14px;left:19%;width:62%;padding:3px 6px 4px;font:700 17px/1.2 var(--fh);text-align:center;transform:rotate(-4deg)} .nm-snap[data-slot="2"] .nm-snap-tape{transform:rotate(5deg)} .nm-look-notes{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-top:4px} .nm-look-cap{position:relative;flex:1 1 auto;min-width:0;margin:0;padding:26px 0 0 6px;font-family:var(--fh);min-height:84px} .nm-look-cap .nm-arrow{position:absolute;left:30px;top:-8px;width:40px;height:32px} .nm-look-cap .nm-dr{--dl:1.5s} .nm-look-cap .nm-dr2{--dl:2.2s} .nm-cap-t{display:block;font-weight:700;font-size:19px;line-height:1.15;opacity:0;animation:nm-fadein .5s 2s forwards} .nm-cap-s{display:block;font-size:17px;line-height:1.3;opacity:0;animation:nm-fadein .5s 2.1s forwards} .nm-look-cap.nm-redo .nm-cap-t,.nm-look-cap.nm-redo .nm-cap-s{animation:nm-fadein .45s forwards} .nm-look-price{margin:10px 6px 0 0;text-align:right;font:400 18px/1.2 var(--fh);flex:none} .nm-look-price b{position:relative;display:inline-block;margin-left:10px;padding:0 4px;color:var(--red);font-size:24px} .nm-look-price small{display:block;margin-top:6px;font-size:15px;opacity:0;animation:nm-fadein .5s 1.6s forwards} .nm-look-price .nm-dr{--dl:1.1s} .nm-look-hint{margin:6px 0 0;font:400 16px/1.2 var(--fh);color:var(--pencil);text-align:center} @media (min-width:700px){ .nm-cta-num{display:inline} .nm-cta{grid-template-columns:auto auto;justify-content:start} .nm-btn{padding:0 22px} .nm-hero{padding-top:28px} .nm-lede{font-size:18px} } @media (min-width:1000px){ .nm-hero{padding:34px 0 64px} .nm-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:56px;align-items:center} .nm-h1-a{font-size:clamp(56px,5.6vw,80px)} .nm-h1-b{font-size:clamp(26px,2.4vw,35px)} .nm-lede{font-size:19px;max-width:29em;margin:20px 0 24px} .nm-btn{min-height:56px;font-size:17px} .nm-hero-note{font-size:19px} .nm-lookbox{margin:0} .nm-look{margin-top:18px} } /* ---------- sections ---------- */ .nm-sec{padding:60px 0} .nm-sec-head{margin:0 0 26px} .nm-sec-note{display:inline-block;margin:0 0 8px;font:400 17px/1.2 var(--fh);color:var(--pencil);transform:rotate(-1.5deg);transform-origin:0 50%} .nm-js .nm-rv .nm-sec-note.nm-fade{transform:translateY(6px) rotate(-1.5deg)} .nm-js .nm-rv.nm-in .nm-sec-note.nm-fade{transform:rotate(-1.5deg)} .nm-h2{margin:0;font:800 clamp(28px,7.3vw,46px)/1.06 var(--fd);letter-spacing:-.025em;max-width:13em;text-wrap:balance} .nm-h2-sm{font-size:clamp(26px,6.6vw,36px)} @media (min-width:1000px){.nm-sec{padding:92px 0}.nm-sec-head{margin-bottom:34px}} /* ---------- words block: a torn-out page with margin notes ---------- */ .nm-words{padding-top:20px} .nm-sheet-wrap{filter:drop-shadow(0 1px 1.3px rgba(36,36,36,.28))} .nm-sheet{position:relative;background:var(--paper);padding:40px 20px 44px; clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),97% calc(100% - 3px),93% calc(100% - 11px),89% calc(100% - 4px),85% calc(100% - 10px),80% calc(100% - 2px),76% calc(100% - 9px),71% calc(100% - 4px),66% calc(100% - 12px),61% calc(100% - 3px),56% calc(100% - 9px),51% calc(100% - 5px),46% calc(100% - 11px),41% calc(100% - 2px),36% calc(100% - 8px),31% calc(100% - 3px),26% calc(100% - 10px),21% calc(100% - 4px),16% calc(100% - 12px),11% calc(100% - 3px),6% calc(100% - 9px),2% calc(100% - 2px),0 calc(100% - 7px))} .nm-sheet::before{content:"";position:absolute;left:14px;right:14px;top:12px;height:9px;background:radial-gradient(circle,rgba(36,36,36,.3) 2.6px,transparent 3.2px) 0 0/24px 9px repeat-x} .nm-words-grid{display:grid;grid-template-columns:minmax(0,1fr);row-gap:14px} .nm-wp{margin:0;font-size:17px;line-height:1.7;max-width:64ch} .nm-wp a{font-weight:700;white-space:nowrap} .nm-margin{display:flex;align-items:center;gap:6px;margin:0 0 8px;font:400 19px/1.2 var(--fh);color:var(--ink)} .nm-margin span{text-wrap:balance} .nm-margin .nm-arrow{width:56px;height:36px;flex:none;transform:rotate(38deg)} .nm-js .nm-rv .nm-margin.nm-fade{transition-delay:.6s} @media (min-width:900px){ .nm-sheet{padding:48px 48px 56px} .nm-words-grid{grid-template-columns:minmax(0,66ch) 260px;justify-content:start;column-gap:56px;row-gap:22px;margin-top:10px} .nm-margin{align-self:start;margin-top:14px;transform:rotate(-2.5deg)} .nm-js .nm-rv .nm-margin.nm-fade{transform:translateY(6px) rotate(-2.5deg)} .nm-js .nm-rv.nm-in .nm-margin.nm-fade{transform:rotate(-2.5deg)} .nm-margin .nm-arrow{transform:none} } /* ---------- signature 1: the tabbed sketchbook ---------- */ .nm-bk{overflow-x:clip} .nm-book{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);scroll-margin-top:calc(var(--head) + 10px)} .nm-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 5px;margin:0 8px 12px 0} .nm-tab{position:relative;z-index:1;min-height:46px;padding:4px 4px;margin:0;border:1.5px solid var(--ink);border-radius:12px 12px 3px 3px;cursor:pointer; background-color:var(--paper);background-image:repeating-linear-gradient(-45deg,rgba(36,36,36,.07) 0 1px,transparent 1px 6px); color:var(--ink);font:700 15px/1.05 var(--fh);transition:transform .2s} .nm-tab span{display:block} .nm-tab:hover{transform:translateY(-2px)} .nm-tab[aria-selected="true"]{background:var(--ink);color:var(--paper);transform:translateY(-3px)} .nm-pagewrap{position:relative;z-index:2} .nm-cover{position:absolute;inset:7px -7px -7px 7px;background:var(--ink);border-radius:4px 12px 12px 4px} .nm-pages{position:relative;background:var(--paper);border:1.5px solid var(--ink);border-radius:3px 10px 10px 3px;perspective:2600px} .nm-pages::after{content:"";position:absolute;right:-1.5px;bottom:-1.5px;width:30px;height:30px;z-index:7;pointer-events:none; background:linear-gradient(to top left,var(--ink) 0 50%,var(--grid) 50%);border-top-left-radius:4px;border-left:1.5px solid var(--ink);border-top:1.5px solid var(--ink)} .nm-spiral{position:absolute;left:-13px;top:12px;width:30px;height:calc(100% - 24px);color:var(--ink);z-index:6;pointer-events:none} .nm-page{position:relative;padding:18px 14px 12px 26px;background-color:var(--paper); background-image:radial-gradient(rgba(124,120,112,.3) 1px,transparent 1.4px);background-size:18px 18px;background-position:9px 9px} .nm-page:focus{outline:none} .nm-page:focus-visible{outline:3px solid var(--red);outline-offset:-3px} .nm-pg-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:2px 16px} .nm-pg-title{margin:0;font:700 34px/1.1 var(--fh);flex:1 1 100%} .nm-pg-title span{position:relative;display:inline-block} .nm-pg-sub{margin:0;font-size:14px;color:var(--ink)} .nm-pg-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:15px} .nm-looks{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:26px} .nm-sk{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;align-items:center} .nm-sk:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)} .nm-sk-ph{grid-row:1;grid-column:1} .nm-sk-notes{grid-row:1;grid-column:2} .nm-sk:nth-child(even) .nm-sk-ph{grid-column:2} .nm-sk:nth-child(even) .nm-sk-notes{grid-column:1} .nm-sk-ph{position:relative;display:block;padding:5px;background:var(--paper);transform:rotate(var(--t,0deg)); box-shadow:0 0 0 1px rgba(36,36,36,.15),0 2px 4px rgba(36,36,36,.15)} .nm-sk-ph img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:center top} .nm-tape-sm{position:absolute;top:-10px;left:28%;width:44%;height:21px;transform:rotate(calc(var(--t,0deg) * -2.2))} .nm-sk-notes{min-width:0} .nm-sk{container:nmcard/inline-size} .nm-sk-arrow{width:62px;height:40px;margin-top:10px} .nm-sk:nth-child(even) .nm-sk-arrow{transform:scaleX(-1);margin-left:auto} .nm-sk-name{margin:0;font:700 25px/1.05 var(--fh)} .nm-sk-name a{text-decoration:none} .nm-sk-name a:hover{text-decoration:underline} .nm-sk-name span{font-weight:400;font-size:21px} .nm-sk-meta{margin:6px 0 0;font:400 17px/1.25 var(--fh)} .nm-sk-buy{grid-row:2;grid-column:1/-1;margin-top:-4px;padding:8px 2px 0 6px;border-top:1.5px dashed rgba(124,120,112,.5)} .nm-sk-price{display:flex;align-items:baseline;margin:0;font:400 17px/1.1 var(--fh)} .nm-sk-price b{position:relative;display:inline-block;margin-left:12px;padding:1px 3px;color:var(--red);font-size:20px;font-weight:700;white-space:nowrap} .nm-sk-price .nm-ring{left:-8px;top:-7px;width:calc(100% + 16px);height:calc(100% + 14px)} .nm-sk-memo{display:none} .nm-pg-foot{display:flex;justify-content:space-between;gap:10px;margin:20px 26px 0 0;border-top:1.5px dashed rgba(124,120,112,.55);padding-top:4px} .nm-go{min-height:46px;padding:0 4px;border:0;background:none;cursor:pointer;font:700 18px/1.1 var(--fh);color:var(--ink);text-align:left} .nm-go-next{text-align:right} .nm-go:hover{text-decoration:underline;text-decoration-color:var(--red)} .nm-js .nm-book .nm-page .nm-dr{stroke-dashoffset:1.02;transition:none;animation:nm-draw .8s .5s cubic-bezier(.5,0,.3,1) forwards} .nm-js .nm-book:not(.nm-in) .nm-page .nm-dr{animation:none} /* the turning leaf */ .nm-leaf{position:absolute!important;left:0;top:0;width:100%;z-index:5;transform-origin:0 50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none} .nm-leaf::after{content:"";position:absolute;inset:0;background:var(--ink);opacity:0;pointer-events:none} .nm-leaf-out{animation:nm-turn-out .62s cubic-bezier(.42,.08,.58,1) forwards} .nm-leaf-in{animation:nm-turn-in .62s cubic-bezier(.42,.08,.58,1) forwards} .nm-leaf-out::after{animation:nm-shade .62s forwards} .nm-leaf-in::after{animation:nm-unshade .62s forwards} @keyframes nm-turn-out{0%{transform:rotateY(0);opacity:1}75%{opacity:1}100%{transform:rotateY(-86deg);opacity:0}} @keyframes nm-turn-in{0%{transform:rotateY(-86deg);opacity:0}25%{opacity:1}100%{transform:rotateY(0);opacity:1}} @keyframes nm-shade{to{opacity:.3}} @keyframes nm-unshade{from{opacity:.3}to{opacity:0}} @media (min-width:700px){ .nm-tabs{grid-template-columns:repeat(6,minmax(0,1fr));margin-right:10px} .nm-tab{font-size:17px} .nm-page{padding:24px 26px 14px 38px} .nm-pg-title{flex:0 1 auto;font-size:40px} .nm-pg-link{margin-left:auto} .nm-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px;margin-top:18px} .nm-sk,.nm-sk:nth-child(even){grid-template-columns:minmax(0,1fr);align-items:start;gap:14px} .nm-sk-ph,.nm-sk-notes,.nm-sk-buy,.nm-sk:nth-child(even) .nm-sk-ph,.nm-sk:nth-child(even) .nm-sk-notes{grid-row:auto;grid-column:auto} .nm-sk-arrow{display:none} .nm-sk-buy{margin-top:0;padding:0;border:0} .nm-sk-price{flex-direction:column;align-items:flex-start;font-size:16px} .nm-sk-price b{margin:4px 0 0 2px} .nm-sk-memo{display:flex;align-items:center;padding:18px;border:1.5px dashed rgba(124,120,112,.7);transform:rotate(1.2deg);align-self:center} .nm-sk-memo p{margin:0;font:400 19px/1.3 var(--fh)} } @media (min-width:1180px){ .nm-book{grid-template-columns:minmax(0,1fr) 124px;align-items:start} .nm-tabs{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:4px;margin:30px 0 0 -18px} .nm-tab{min-height:42px;padding:0 10px 0 30px;border-radius:0 12px 12px 0;text-align:left;font-size:17px} .nm-tab:hover{transform:translateX(3px)} .nm-tab[aria-selected="true"]{z-index:3;background:var(--paper);color:var(--ink);transform:translateX(6px);border-left-color:transparent} .nm-tab[aria-selected="true"] span{text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2.5px;text-underline-offset:4px} .nm-pagewrap{grid-column:1;grid-row:1} .nm-pages{perspective:4200px} .nm-page{padding:28px 30px 16px 44px} .nm-looks{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 20px} .nm-sk-name{font-size:24px} } /* ---------- plain grid of more girls ---------- */ .nm-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 10px} .nm-gc{min-width:0;display:flex;flex-direction:column;container:nmcard/inline-size} .nm-gc-ph{display:block;border:1.5px solid var(--ink);background:var(--paper)} .nm-gc-ph img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:center top} .nm-gc-name{margin:10px 0 0;font:800 20px/1.1 var(--fd);letter-spacing:-.015em} .nm-gc-name a{text-decoration:none} .nm-gc-name a:hover{text-decoration:underline} .nm-gc-name span{font-weight:600;font-size:17px} .nm-gc-meta{margin:3px 0 0;font-size:14px;line-height:1.35} .nm-gc-buy{margin-top:auto;padding-top:8px} .nm-gc-price{display:flex;flex-direction:column;margin:0;font-size:14px;font-weight:600;line-height:1.2} .nm-gc-price b{color:var(--red);font-size:16px;font-weight:800;white-space:nowrap} .nm-all{margin:44px 0 0;text-align:center} .nm-all-a{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 26px;font:800 22px/1 var(--fd);letter-spacing:-.01em;text-decoration:none} .nm-all-a .nm-circ{left:-4%;top:-14%;width:108%;height:128%} @media (min-width:700px){.nm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}} @media (min-width:1180px){.nm-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:36px 20px}} /* ---------- areas on washi tape ---------- */ .nm-tapes{list-style:none;margin:0;padding:6px 0 0;display:flex;flex-wrap:wrap;gap:16px 12px} .nm-tapes li{--r:-1.5deg} .nm-tapes li:nth-child(4n+2){--r:1.4deg} .nm-tapes li:nth-child(4n+3){--r:-.6deg} .nm-tapes li:nth-child(4n+4){--r:2.1deg} .nm-tapes li:nth-child(5n){--r:-2.4deg} .nm-tapelink{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;background:rgba(244,182,194,.86);color:var(--ink); -webkit-clip-path:var(--tapecut);clip-path:var(--tapecut);font:700 20px/1 var(--fh);text-decoration:none;transform:rotate(var(--r));transition:transform .2s} .nm-tapelink:hover{transform:rotate(0deg) translateY(-2px);text-decoration:underline} .nm-tapelink:focus-visible{-webkit-clip-path:none;clip-path:none;outline-offset:2px} .nm-areas-foot{margin:26px 0 0;font:400 18px/1.3 var(--fh)} @media (min-width:1000px){.nm-tapes{gap:22px 18px}.nm-tapelink{min-height:52px;padding:0 28px;font-size:22px}} /* ---------- prices on sticky notes ---------- */ .nm-prices-in{display:grid;gap:30px} .nm-stickies{list-style:none;margin:0;padding:0;display:grid;gap:18px} .nm-st{position:relative;width:74%;min-height:136px;padding:20px 20px 22px;background-color:#FDF1B7;background-color:color-mix(in srgb,var(--hi) 40%,var(--paper)); background-image:linear-gradient(rgba(36,36,36,.04) 0 24px,transparent 24px);box-shadow:0 1px 2px rgba(36,36,36,.2);transform:rotate(var(--r))} .nm-st-1{--r:-2deg} .nm-st-2{--r:1.6deg;justify-self:end} .nm-st-3{--r:-1deg;justify-self:center} .nm-st-len{margin:0;font:700 21px/1.15 var(--fh)} .nm-st-pr{margin:10px 0 0;font:800 46px/1 var(--fd);letter-spacing:-.025em;color:var(--red)} .nm-prices-txt p{margin:0 0 12px;font-size:17px;max-width:36em} .nm-cta-sm{margin-top:20px} @media (min-width:700px){ .nm-stickies{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .nm-st{width:auto;min-height:168px;justify-self:stretch} } @media (min-width:1000px){ .nm-prices-in{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px;align-items:center} .nm-st-pr{font-size:48px} } /* ---------- checklist + hours ---------- */ .nm-sh{padding:60px 0} .nm-sh .nm-sec{padding:0} .nm-sh-in{display:grid;gap:64px} .nm-sh-in>*{min-width:0} .nm-sh-side{display:grid;gap:44px;align-content:start} .nm-memo{position:relative;padding:30px 20px 18px;border:1.5px solid var(--ink);background:var(--paper);transform:rotate(-1.2deg);max-width:520px} .nm-memo-tape{position:absolute;top:-13px;left:50%;width:96px;height:26px;margin-left:-48px;transform:rotate(3deg)} .nm-memo-h{margin:0 0 6px!important;font:700 20px/1.2 var(--fh)!important} .nm-memo p{margin:0 0 10px;font-size:15.5px;line-height:1.5} .nm-memo p:last-child{margin-bottom:0} .nm-pad{position:relative;background:var(--paper);border:1.5px solid var(--ink);padding:40px 16px 28px 16px} .nm-pad::before{content:"";position:absolute;left:-1.5px;right:-1.5px;top:-1.5px;height:12px;background:var(--ink)} .nm-ck-list{position:relative;list-style:none;margin:0;padding:0;background-image:repeating-linear-gradient(to bottom,transparent 0 33px,rgba(124,120,112,.32) 33px 34px)} .nm-ck-list::before{content:"";position:absolute;left:44px;top:-8px;bottom:0;width:1.5px;background:var(--red);opacity:.65} .nm-ck{display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;padding:0 0 34px} .nm-ck:last-child{padding-bottom:0} .nm-ck-box{width:34px;height:34px;overflow:visible} .nm-box{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round} .nm-tick{stroke-width:3.4} .nm-js .nm-ck .nm-tick{transition-delay:.45s;transition-duration:.55s} .nm-ck-t{margin:0;font-size:17px;line-height:34px} .nm-ck-t a{font-weight:700;white-space:nowrap} .nm-ck-n{margin:0;font:400 19px/34px var(--fh)} .nm-ck-foot{margin:26px 0 0;font-size:15px;line-height:1.5} .nm-hcard{position:relative;background:var(--paper);border:1.5px solid var(--ink);padding:38px 16px 22px;transform:rotate(.8deg)} .nm-hcard .nm-hrs td{font-size:17px} @media (min-width:400px){.nm-hcard{padding:38px 20px 24px}.nm-hcard .nm-hrs td{font-size:18px}} .nm-tape-l,.nm-tape-r{position:absolute;top:-11px;width:76px;height:26px} .nm-tape-l{left:-8px;transform:rotate(-28deg)} .nm-tape-r{right:-2px;transform:rotate(26deg)} .nm-hrs{width:100%;border-collapse:collapse;margin:16px 0 0} .nm-hrs th{padding:14px 8px 14px 0;text-align:left;font:700 19px/1.2 var(--fd);white-space:nowrap} .nm-hrs td{padding:14px 0;text-align:right;font:700 18px/1.2 var(--ft);white-space:nowrap} .nm-hrs tr+tr{border-top:1.5px dashed rgba(124,120,112,.6)} .nm-today-m{position:relative;display:inline-block} .nm-today-m .nm-circ{left:-10%;width:120%;top:-40%;height:180%} .nm-today-t{display:block;width:max-content;margin:-4px 0 3px;font:700 16px/1 var(--fh);color:#C9361E;transform:rotate(-4deg)} .nm-hrs-note{margin:14px 0 0;font:400 18px/1.3 var(--fh)} @media (min-width:700px){ .nm-pad{padding:44px 30px 32px} .nm-ck-list::before{left:52px} .nm-ck{grid-template-columns:36px minmax(0,1fr);gap:34px} .nm-hcard{max-width:520px} } @media (min-width:700px) and (max-width:999px){.nm-sh-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.nm-hcard .nm-hrs td{font-size:16px}.nm-hrs th{font-size:17px}} @media (min-width:1000px){ .nm-sh{padding:92px 0} .nm-sh-in{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:56px;align-items:start} .nm-sh-side{padding-top:40px} } /* ---------- types as fabric swatches ---------- */ .nm-sws{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px} .nm-sw{display:block;color:var(--ink);text-decoration:none} .nm-sw-fab{position:relative;display:block;height:86px;background-color:rgba(36,36,36,.06);-webkit-clip-path:var(--pink);clip-path:var(--pink);transform:rotate(var(--r,-1deg));transition:transform .2s} .nm-sw-fab::after{content:"";position:absolute;inset:10px;border:1.5px dashed var(--red);opacity:.75} .nm-sw:hover .nm-sw-fab{transform:rotate(0) translateY(-2px)} .nm-sw-t{display:block;margin-top:9px;font:600 16px/1.25 var(--ft)} .nm-sw:hover .nm-sw-t{text-decoration:underline;text-decoration-color:var(--red)} .nm-sw-1 .nm-sw-fab{background-image:repeating-linear-gradient(45deg,rgba(36,36,36,.3) 0 1.2px,transparent 1.2px 7px)} .nm-sw-2 .nm-sw-fab{--r:1.2deg;background-image:repeating-linear-gradient(45deg,rgba(36,36,36,.3) 0 1px,transparent 1px 8px),repeating-linear-gradient(-45deg,rgba(36,36,36,.3) 0 1px,transparent 1px 8px)} .nm-sw-3 .nm-sw-fab{--r:-.6deg;background-image:radial-gradient(rgba(36,36,36,.42) 1.3px,transparent 1.7px);background-size:8px 8px} .nm-sw-4 .nm-sw-fab{--r:1.8deg;background-image:repeating-linear-gradient(0deg,rgba(36,36,36,.26) 0 3px,transparent 3px 10px)} .nm-sw-5 .nm-sw-fab{--r:-1.6deg;background-image:repeating-linear-gradient(90deg,rgba(36,36,36,.3) 0 1px,transparent 1px 6px)} .nm-sw-6 .nm-sw-fab{--r:.8deg;background-image:repeating-linear-gradient(0deg,rgba(36,36,36,.13) 0 9px,transparent 9px 18px),repeating-linear-gradient(90deg,rgba(36,36,36,.13) 0 9px,transparent 9px 18px)} .nm-sw-7 .nm-sw-fab{--r:-1.2deg;background-image:radial-gradient(rgba(36,36,36,.34) 3.2px,transparent 3.8px);background-size:15px 15px} .nm-sw-8 .nm-sw-fab{--r:1.5deg;background-image:linear-gradient(rgba(36,36,36,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(36,36,36,.2) 1px,transparent 1px);background-size:7px 7px} .nm-more-types{margin:34px 0 0;font-size:15px;line-height:2.1} .nm-more-types a{text-decoration-style:dotted;padding:6px 0} .nm-mt-h{font:700 19px/1 var(--fh);margin-right:6px} .nm-dot{color:var(--pencil)} @media (min-width:700px){.nm-sws{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}} @media (min-width:1180px){.nm-sws{grid-template-columns:repeat(8,minmax(0,1fr))}.nm-sw-fab{height:124px}} /* ---------- FAQ as pencil questions ---------- */ .nm-faq-in{display:grid;gap:10px} .nm-qs{border-bottom:1.5px solid var(--ink)} .nm-q{border-top:1.5px solid var(--ink)} .nm-q summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;padding:12px 0;cursor:pointer;list-style:none;font:700 20px/1.25 var(--fh)} .nm-q summary::-webkit-details-marker{display:none} .nm-q summary:hover .nm-q-t{text-decoration:underline;text-decoration-color:var(--red)} .nm-q-x{position:relative;flex:none;width:32px;height:32px;border:1.5px solid var(--ink);border-radius:52% 46% 55% 45%/48% 54% 46% 52%;transition:transform .25s} .nm-q-x::before,.nm-q-x::after{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;margin-top:-1px;background:var(--red);border-radius:2px} .nm-q-x::after{transform:rotate(90deg)} .nm-q[open] .nm-q-x{transform:rotate(45deg)} .nm-q p{margin:0 0 20px;font-size:16.5px;line-height:1.6;max-width:62ch} @media (min-width:1000px){.nm-faq-in{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:56px;align-items:start}} /* ---------- footer: the back cover ---------- */ .nm-foot{position:relative;margin-top:30px;padding:56px 0 30px;background:var(--ink);color:var(--paper);border-radius:14px 14px 0 0;overflow:hidden} .nm-band{position:absolute;top:0;bottom:0;right:0;width:8px;background:var(--red)} @media (min-width:700px){.nm-band{right:max(4px,(100% - 1240px)/2 - 28px);width:10px}} .nm-foot .nm-wrap{position:relative} .nm-logo-foot{margin:0;color:var(--paper);font-size:30px} .nm-foot-line{margin:14px 0 0;max-width:38em;font-size:16px;color:rgba(251,249,244,.86)} .nm-foot-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px;margin:40px 0 0} .nm-fh{margin:0 0 10px;font:700 18px/1 var(--fh);color:var(--paper)} .nm-fcol ul{list-style:none;margin:0;padding:0} .nm-fcol li a{display:inline-flex;align-items:center;min-height:36px;font-size:15px;text-decoration:none;color:rgba(251,249,244,.9)} .nm-fcol li a:hover{text-decoration:underline;text-decoration-color:var(--red)} .nm-fbook{display:grid;gap:8px;margin:0} .nm-fbook a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;font-size:16px;text-decoration:none} .nm-fbook a:hover{text-decoration:underline} .nm-fbook .nm-ico-wa{color:var(--paper)} .nm-fhrs{margin:10px 0 0;font-size:15px;line-height:1.7;color:rgba(251,249,244,.86)} .nm-foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin:40px 0 0;padding-top:18px;border-top:1px solid rgba(251,249,244,.25);font-size:15px} .nm-foot-bot p{margin:0} .nm-fcol-areas,.nm-fcol-book{grid-column:1/-1} .nm-fcol2{columns:2;column-gap:18px} @media (min-width:900px){ .nm-foot-cols{grid-template-columns:1fr 1fr 1.3fr 1.2fr;gap:30px} .nm-fcol-areas,.nm-fcol-book{grid-column:auto} .nm-foot{padding:72px 0 34px} } /* ---------- floating Call + WhatsApp (phones + tablets) ---------- */ .nm-fab{position:fixed;left:10px;right:10px;bottom:10px;z-index:55;display:grid;grid-template-columns:1fr 1fr;gap:8px; transform:translateY(calc(100% + 24px));transition:transform .3s;pointer-events:none} .nm-fab.nm-show{transform:none;pointer-events:auto} .nm-fab .nm-btn{min-height:52px;box-shadow:0 3px 0 rgba(36,36,36,.9)} .nm-fab .nm-btn-wa{box-shadow:0 3px 0 rgba(36,36,36,.9)} @media (max-width:999px){.nm-foot{padding-bottom:96px}} @media (min-width:1000px){.nm-fab{display:none}} /* ---------- calm motion ---------- */ @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important} } .nm-sws{--pink:polygon(0.00% 0px,4.55% 6px,9.09% 0px,13.64% 6px,18.18% 0px,22.73% 6px,27.27% 0px,31.82% 6px,36.36% 0px,40.91% 6px,45.45% 0px,50.00% 6px,54.55% 0px,59.09% 6px,63.64% 0px,68.18% 6px,72.73% 0px,77.27% 6px,81.82% 0px,86.36% 6px,90.91% 0px,95.45% 6px,100.00% 0px,calc(100% - 6px) 16.67%,calc(100% - 0px) 33.33%,calc(100% - 6px) 50.00%,calc(100% - 0px) 66.67%,calc(100% - 6px) 83.33%,calc(100% - 0px) 100.00%,95.45% calc(100% - 6px),90.91% calc(100% - 0px),86.36% calc(100% - 6px),81.82% calc(100% - 0px),77.27% calc(100% - 6px),72.73% calc(100% - 0px),68.18% calc(100% - 6px),63.64% calc(100% - 0px),59.09% calc(100% - 6px),54.55% calc(100% - 0px),50.00% calc(100% - 6px),45.45% calc(100% - 0px),40.91% calc(100% - 6px),36.36% calc(100% - 0px),31.82% calc(100% - 6px),27.27% calc(100% - 0px),22.73% calc(100% - 6px),18.18% calc(100% - 0px),13.64% calc(100% - 6px),9.09% calc(100% - 0px),4.55% calc(100% - 6px),0.00% calc(100% - 0px),6px 83.33%,0px 66.67%,6px 50.00%,0px 33.33%,6px 16.67%)} /* ===== Neha Mari — parts the homepage sketch did not have (inner pages) ===== */ /* breadcrumbs: a pencil trail */ .nm-crumbs{margin:14px 0 0;font:400 16px/1.3 var(--fh);color:var(--pencil)} .nm-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 8px} .nm-crumbs li+li::before{content:"›";margin-right:8px;color:var(--red)} .nm-crumbs a{color:var(--ink);text-decoration-color:rgba(36,36,36,.35)} .nm-crumbs [aria-current]{color:var(--pencil)} /* inner page hero: same lookbook, a smaller H1 */ .nm-hero-sub .nm-h1-a{font-size:clamp(32px,8.4vw,66px);line-height:1.04} .nm-hero-sub .nm-h1-b{font-size:clamp(19px,4.9vw,28px)} .nm-hero-sub .nm-hl{white-space:normal} .nm-hero-sub .nm-hl::before{top:.52em} .nm-solo{position:relative;width:min(300px,78%);margin:22px auto 0;transform:rotate(-2deg)} .nm-solo .nm-snap-btn{cursor:default} .nm-solo .nm-snap-tape{top:-14px} @media (min-width:1000px){.nm-hero-sub .nm-h1-a{font-size:clamp(46px,4.6vw,66px)}.nm-solo{margin-top:0}} /* text sections: odd ones on a torn sheet, even ones straight on the grid */ .nm-txt{padding:44px 0} .nm-txt .nm-h2{margin-bottom:18px} .nm-txt-plain .nm-wp{background:var(--paper);box-shadow:0 0 0 10px var(--paper)} .nm-prose{display:grid;gap:14px;max-width:68ch} .nm-prose p{margin:0;font-size:17px;line-height:1.7} .nm-prose a{font-weight:700} .nm-ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px;max-width:64ch} .nm-ul li{position:relative;padding-left:30px;font-size:16.5px;line-height:1.55;background:var(--paper)} .nm-ul li::before{content:"";position:absolute;left:4px;top:.72em;width:16px;height:2px;background:var(--red);border-radius:2px;transform:rotate(-8deg)} @media (min-width:1000px){.nm-txt{padding:64px 0}} /* girls on inner pages */ .nm-girls{padding:40px 0 30px} .nm-gc-ph{position:relative} .nm-gc-tape{position:absolute;top:-9px;left:30%;width:40%;height:19px;transform:rotate(-3deg)} .nm-gc:nth-child(3n+2) .nm-gc-tape{transform:rotate(4deg);left:34%} .nm-gc-lvl{display:inline-block;margin-left:6px;padding:0 6px;font:700 13px/1.5 var(--fh);color:var(--ink);background:var(--hi);transform:rotate(-2deg)} .nm-wait{display:grid;place-items:center;aspect-ratio:2/3;background-color:var(--paper); background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:18px 18px; font:400 17px/1.25 var(--fh);color:var(--pencil);text-align:center;padding:12px} .nm-wait b{display:block;font:700 22px/1.1 var(--fh);color:var(--ink)} /* filter row on the all-girls page */ .nm-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px} .nm-fl{min-height:44px;padding:0 14px;border:1.5px solid var(--ink);border-radius:12px 5px 11px 6px/6px 11px 5px 12px;background:var(--paper); font:700 15px/1 var(--ft);color:var(--ink);cursor:pointer} .nm-fl[aria-pressed="true"]{background:var(--ink);color:var(--paper)} .nm-fl-h{width:100%;margin:6px 0 0;font:400 16px/1.2 var(--fh);color:var(--pencil)} .nm-fl-h:first-child{margin-top:0} .nm-gc[hidden]{display:none} .nm-count{margin:-8px 0 20px;font:400 17px/1.2 var(--fh);color:var(--pencil)} /* areas hub: one block per side of the city */ .nm-zones{display:grid;gap:40px} .nm-zone-h{margin:0;font:700 30px/1.1 var(--fh)} .nm-zone-h span{position:relative;display:inline-block} .nm-zone-l{margin:4px 0 14px;font-size:16px;max-width:60ch} .nm-tapelink small{margin-left:8px;font:400 15px/1 var(--ft)} @media (min-width:1000px){.nm-zones{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 64px}} /* types hub: all swatches with a line under each */ .nm-sws-all{grid-template-columns:repeat(2,minmax(0,1fr))} .nm-sw-l{display:block;margin-top:3px;font-size:14px;line-height:1.4;color:var(--ink)} .nm-sw-n{font:400 15px/1 var(--fh);color:var(--pencil)} @media (min-width:700px){.nm-sws-all{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (min-width:1180px){.nm-sws-all{grid-template-columns:repeat(4,minmax(0,1fr))}.nm-sws-all .nm-sw-fab{height:96px}} /* profile */ .nm-pf{padding:16px 0 36px;overflow-x:clip} .nm-pf-in{display:grid;gap:30px} .nm-pf-in>*{min-width:0} .nm-gal{position:relative} .nm-gal-main{position:relative;margin:14px auto 0;max-width:420px;padding:7px;background:var(--paper);transform:rotate(-1.4deg); box-shadow:0 0 0 1px rgba(36,36,36,.16),0 3px 8px rgba(36,36,36,.16)} .nm-gal-main img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:center top} .nm-gal-main .nm-snap-tape{left:24%;width:52%} .nm-thumbs{list-style:none;margin:18px auto 0;padding:0;max-width:420px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .nm-th{display:block;width:100%;padding:3px;border:0;background:var(--paper);cursor:pointer;box-shadow:0 0 0 1px rgba(36,36,36,.2);transform:rotate(var(--t,0deg))} .nm-th img{width:100%;aspect-ratio:2/3;object-fit:cover;object-position:center top} .nm-th[aria-pressed="true"]{box-shadow:0 0 0 2.5px var(--red)} .nm-pf-h1{margin:0;font:800 clamp(34px,9vw,58px)/1.02 var(--fd);letter-spacing:-.025em} .nm-pf-h1 small{display:block;margin-top:8px;font:600 clamp(19px,4.6vw,26px)/1.2 var(--fd);letter-spacing:-.01em} .nm-pf-look{margin:14px 0 0;font:400 19px/1.35 var(--fh)} .nm-pf-prices{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .nm-pp{padding:12px 10px 14px;background-color:color-mix(in srgb,var(--hi) 40%,var(--paper));box-shadow:0 1px 2px rgba(36,36,36,.2);transform:rotate(var(--r,-1.5deg))} .nm-pp:nth-child(2){--r:1.2deg}.nm-pp:nth-child(3){--r:-.6deg} .nm-pp-l{margin:0;font:700 16px/1.1 var(--fh)} .nm-pp-v{margin:6px 0 0;font:800 clamp(19px,5vw,26px)/1 var(--fd);letter-spacing:-.02em;color:var(--red);white-space:nowrap} .nm-pf-lvl{margin:12px 0 0;font:400 16px/1.3 var(--fh);color:var(--pencil)} .nm-pf .nm-cta{margin-top:20px} .nm-spec{width:100%;border-collapse:collapse;margin:26px 0 0;background:var(--paper)} .nm-spec th{padding:11px 10px 11px 0;text-align:left;font:700 16px/1.2 var(--fh);color:var(--pencil);white-space:nowrap;width:1%} .nm-spec td{padding:11px 0;font:600 16px/1.35 var(--ft)} .nm-spec tr+tr{border-top:1.5px dashed rgba(124,120,112,.55)} .nm-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 10px} .nm-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;font:700 17px/1 var(--fh);transform:rotate(var(--r,-1deg))} .nm-chips li:nth-child(3n+2) .nm-chip{--r:1.2deg}.nm-chips li:nth-child(3n) .nm-chip{--r:-.4deg} .nm-likes{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px} .nm-likes li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.5} .nm-likes svg{flex:none;width:24px;height:24px;margin-top:1px} .nm-pf-two{display:grid;gap:40px} @media (min-width:1000px){ .nm-pf{padding-top:26px} .nm-pf-in{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:64px;align-items:start} .nm-gal{position:sticky;top:calc(var(--head) + 20px)} .nm-pf-two{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px} } /* videos: a taped photo that turns into the video on tap */ .nm-vids{list-style:none;margin:0;padding:0;display:grid;gap:34px 22px} .nm-vid{position:relative;padding:6px;background:var(--paper);box-shadow:0 0 0 1px rgba(36,36,36,.16),0 3px 7px rgba(36,36,36,.16);transform:rotate(var(--t,-.8deg))} .nm-vids li:nth-child(even) .nm-vid{--t:.9deg} .nm-vid-btn{position:relative;display:block;width:100%;padding:0;border:0;background:var(--ink);cursor:pointer;aspect-ratio:16/9;overflow:hidden} .nm-vid-btn img{width:100%;height:100%;object-fit:cover;opacity:.88} .nm-vid-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50% 47% 52% 48%/48% 52% 47% 50%; background:var(--paper);border:2px solid var(--ink);display:grid;place-items:center} .nm-vid-play::after{content:"";margin-left:6px;border-left:20px solid var(--red);border-top:12px solid transparent;border-bottom:12px solid transparent} .nm-vid iframe{display:block;width:100%;aspect-ratio:16/9;border:0} .nm-vid-t{margin:10px 4px 2px;font:700 18px/1.25 var(--fh)} @media (min-width:800px){.nm-vids{grid-template-columns:repeat(2,minmax(0,1fr))}} /* blog */ .nm-posts{list-style:none;margin:0;padding:0;display:grid;gap:30px} .nm-post a{text-decoration:none} .nm-post-h{margin:0;font:800 clamp(24px,6vw,32px)/1.1 var(--fd);letter-spacing:-.02em} .nm-post a:hover .nm-post-h{text-decoration:underline;text-decoration-color:var(--red)} .nm-post p{margin:10px 0 0;font-size:16.5px;line-height:1.6;max-width:60ch} .nm-post-go{display:inline-block;margin-top:10px;font:700 18px/1 var(--fh);color:var(--red)} .nm-groups{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;max-width:640px} .nm-groups li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:6px 12px;background:var(--paper);border:1.5px solid var(--ink); border-radius:12px 5px 11px 6px/6px 11px 5px 12px} .nm-groups span{font-weight:600;font-size:15.5px;line-height:1.3;min-width:0} .nm-groups a{flex:none;font:700 16px/1 var(--fh);color:var(--ink);text-decoration-color:var(--red)} @media (min-width:900px){.nm-posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}} /* contact */ .nm-ct{display:grid;gap:40px} .nm-ct-list{list-style:none;margin:0;padding:0;display:grid;gap:12px} .nm-ct-list li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.5} .nm-ct-list b{display:block;font:700 17px/1.2 var(--fh);color:var(--pencil)} .nm-ct-list a{font-weight:700} .nm-addr{font-style:normal} @media (min-width:1000px){.nm-ct{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:start}} /* related links + other cities in the footer */ .nm-rel{padding:30px 0 50px} .nm-cities{margin:26px 0 0;font-size:14px;line-height:2;color:rgba(251,249,244,.75)} .nm-cities a{color:rgba(251,249,244,.9);text-decoration-color:rgba(251,249,244,.35);padding:6px 0} .nm-cities b{font:700 16px/1 var(--fh);color:var(--paper);margin-right:6px} .nm-fbook address{font-style:normal;font-size:15px;line-height:1.6;color:rgba(251,249,244,.86)} /* the one slim 18+ / cookie note */ .nm-agebar{position:fixed;left:0;right:0;bottom:0;z-index:58;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap; padding:8px var(--gut);background:var(--ink);color:var(--paper);font-size:14px;line-height:1.35;text-align:center} .nm-agebar[hidden]{display:none} .nm-agebar a{color:var(--paper)} .nm-agebar button{min-height:40px;padding:0 18px;border:1.5px solid var(--paper);border-radius:12px 5px 11px 6px/6px 11px 5px 12px; background:var(--paper);color:var(--ink);font:700 15px/1 var(--ft);cursor:pointer} body.nm-bar .nm-fab{bottom:calc(10px + var(--barh,58px))} /* header slides away while reading down, comes back on the way up */ .nm-top{transition:transform .25s} .nm-top.nm-up{transform:translateY(-102%)} /* 404 */ .nm-404{padding:40px 0 70px} .nm-404 .nm-tapes{margin-top:22px} /* homepage bits added for Neha Mari: 4 side tabs, area links on each book page, 3 lines on each price note */ @media (min-width:700px){.nm-tabs4{grid-template-columns:repeat(4,minmax(0,1fr))}} @media (min-width:1180px){.nm-book{grid-template-columns:minmax(0,1fr) 150px}} .nm-pg-areas{margin:18px 26px 0 0;font:400 17px/1.9 var(--fh)} .nm-pg-areas a{text-decoration-color:var(--red);padding:6px 0} .nm-st-sub{margin:10px 0 0;font:600 15px/1.3 var(--ft)} .nm-st-len{font-size:19px} /* no scripts: the