/*
Theme Name: NeutralNook
Theme URI: https://example.com/neutralnook
Author: NeutralNook Studio
Description: A highly distinctive craft and crochet WordPress theme with a tactile studio-board interface, Pinterest-friendly saves and modular homepage sections.
Version: 2.1.0
Text Domain: neutralnook
*/
:root{--nn-sans:'Outfit',Arial,sans-serif;--nn-serif:'Outfit',Arial,sans-serif;--nn-mono:'Outfit',Arial,sans-serif;--nn-radius:28px;--nn-line:#c9c5bb;--nn-muted:#68706a;--nn-shadow:0 22px 60px rgba(29,43,36,.12);--nn-paper:#f6f3ed;--nn-forest:#1d2b24;--nn-clay:#b85c3a;--nn-sage:#c8d6b5;--nn-blue:#aebfe4;--nn-lilac:#d9c8df;--nn-cream:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--nn-bg,var(--nn-paper));color:var(--nn-body,var(--nn-forest));font-family:var(--nn-body-font,var(--nn-sans));font-size:var(--nn-body-size,18px);line-height:1.6}body,body *{font-family:var(--nn-sans)!important}body.nn-menu-open,body.nn-search-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.nn-container{width:min(calc(100% - 56px),var(--nn-max,1360px));margin-inline:auto}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.nn-kicker,.nn-meta,.nn-section-index{font:700 10px/1.2 var(--nn-mono);letter-spacing:.14em;text-transform:var(--nn-meta-transform,uppercase);color:var(--nn-muted)}
/* HEADER — compact studio toolbar, intentionally unlike an editorial masthead */
.nn-header{position:sticky;top:0;z-index:50;background:rgba(246,243,237,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--nn-line)}.nn-header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.nn-logo{justify-self:start;display:inline-flex;align-items:center;gap:9px;font:800 21px/1 var(--nn-sans);letter-spacing:-.05em}.nn-logo:before{content:'✦';font-size:14px;color:var(--nn-clay)}.nn-logo span{font-weight:400}.nn-logo b{font-weight:800}.nn-logo i{font-style:normal;font:700 8px var(--nn-mono);letter-spacing:.12em;color:var(--nn-muted);border-left:1px solid var(--nn-line);padding-left:9px}.nn-desktop-nav{justify-self:center}.nn-desktop-nav ul,.nn-footer nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}.nn-desktop-nav a{display:block;font-weight:600;font-size:12px;padding:10px 4px}.nn-desktop-nav a:hover,.nn-footer a:hover{color:var(--nn-clay)}.nn-search-btn{justify-self:end;border:1px solid var(--nn-line);background:transparent;border-radius:999px;padding:8px 12px;color:var(--nn-body);font:700 9px var(--nn-mono);letter-spacing:.08em;text-transform:uppercase}.nn-search-btn span{font-size:15px;margin-left:5px}.nn-menu-btn{display:none;border:0;background:none;padding:8px}.nn-menu-btn span{display:block;width:22px;height:1.5px;background:var(--nn-body);margin:5px 0}
.nn-mobile-panel,.nn-search-panel{position:fixed;inset:0;z-index:40;visibility:hidden;opacity:0;transition:.25s ease}.nn-mobile-panel{background:var(--nn-forest);color:#f3eee5;transform:translateY(-10px)}.nn-menu-open .nn-mobile-panel{visibility:visible;opacity:1;transform:none}.nn-mobile-inner{padding:120px 28px 40px}.nn-mobile-panel nav ul{list-style:none;padding:0;margin:24px 0}.nn-mobile-panel nav li{border-bottom:1px solid rgba(255,255,255,.14)}.nn-mobile-panel a{display:block;padding:15px 0;font-family:var(--nn-serif)}.nn-mobile-inner p{color:#bfc6bd;font-size:14px}.nn-search-panel{background:var(--nn-sage);display:grid;place-items:center;padding:30px}.nn-search-open .nn-search-panel{visibility:visible;opacity:1}.nn-search-panel form{width:min(920px,100%)}.nn-search-panel label{display:block;font:11px var(--nn-mono);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;color:var(--nn-muted)}.nn-search-panel form div{display:flex;border-bottom:2px solid var(--nn-forest)}.nn-search-panel input{flex:1;border:0;background:none;padding:14px 0;font:clamp(34px,7vw,82px) var(--nn-serif);outline:0;color:var(--nn-forest)}.nn-search-panel form button{border:0;background:none;font:700 11px var(--nn-mono);text-transform:uppercase}.nn-search-close{position:absolute;right:28px;top:22px;border:0;background:none;font-size:36px}
/* HERO — radial worktable composition */
.nn-site-main{overflow:hidden}.nn-hero{min-height:730px;display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw;align-items:center;padding-top:78px;padding-bottom:100px}.nn-hero-copy{position:relative;padding:30px 0}.nn-hero-copy:after{content:'CRAFT / CROCHET / MAKE';position:absolute;right:0;top:0;writing-mode:vertical-rl;font:700 9px var(--nn-mono);letter-spacing:.18em;color:var(--nn-muted)}.nn-hero-copy h1{font:var(--nn-head-weight,700) clamp(64px,8.4vw,var(--nn-page-title-size,82px))/.88 var(--nn-head-font,var(--nn-serif));letter-spacing:-.075em;color:var(--nn-head,var(--nn-forest));margin:22px 0}.nn-hero-copy h1 em{font-style:italic;color:var(--nn-clay)}.nn-hero-copy p{max-width:500px;color:var(--nn-muted);font-size:16px}.nn-pill{display:inline-flex;align-items:center;gap:18px;margin-top:20px;padding:12px 17px;border:1px solid var(--nn-forest);border-radius:8px;background:var(--nn-cream);font:700 10px var(--nn-mono);text-transform:uppercase;letter-spacing:.08em;box-shadow:4px 4px 0 var(--nn-forest);transition:.2s}.nn-pill:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--nn-forest)}.nn-pill span{font-size:15px}.nn-pill-dark{border-color:#f3eee5;background:transparent;color:#f3eee5;box-shadow:4px 4px 0 var(--nn-clay)}.nn-pill-dark:hover{background:#f3eee5;color:var(--nn-forest);box-shadow:1px 1px 0 var(--nn-clay)}.nn-hero-caption{display:flex;gap:24px;margin-top:48px;font:9px var(--nn-mono);color:var(--nn-muted);letter-spacing:.08em}.nn-hero-stage{height:590px;position:relative}.nn-hero-photo{position:absolute;inset:34px 6% 24px 10%;border-radius:46% 46% 42% 18px;overflow:hidden;background:#d9d5ca;box-shadow:var(--nn-shadow);transform:rotate(-2deg);border:10px solid var(--nn-cream)}.nn-hero-photo img{width:100%;height:100%;object-fit:cover}.nn-placeholder{display:grid;place-items:center;align-content:center;gap:12px;min-height:100%;background:repeating-linear-gradient(45deg,#e9e5dc 0,#e9e5dc 8px,#e1ddd3 8px,#e1ddd3 10px);color:var(--nn-muted)}.nn-placeholder span{font:10px var(--nn-mono);text-transform:uppercase;letter-spacing:.12em}.nn-placeholder b{font-size:30px;font-weight:400}.nn-thread{position:absolute;height:2px;background:var(--nn-clay);transform-origin:left;z-index:4}.thread-a{width:220px;top:75px;right:-20px;transform:rotate(31deg)}.thread-b{width:190px;bottom:76px;left:-15px;transform:rotate(-23deg)}.nn-yarn-ball{position:absolute;right:0;bottom:22px;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:var(--nn-lilac);color:var(--nn-forest);font-size:27px;border:5px solid var(--nn-cream);box-shadow:var(--nn-shadow)}.nn-note-card{position:absolute;left:-5px;top:12%;background:var(--nn-sage);padding:16px 18px;width:175px;box-shadow:7px 7px 0 var(--nn-forest);transform:rotate(5deg);border:1px solid var(--nn-forest)}.nn-note-card small{display:block;font:9px var(--nn-mono);text-transform:uppercase;color:var(--nn-muted);margin-bottom:10px}.nn-note-card strong{font:24px/1.05 var(--nn-serif)}
/* SECTION LANGUAGE — ruled workbench rather than stacked colored blocks */
.nn-section{padding:105px 0}.nn-section-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:25px;align-items:end;margin-bottom:38px;border-bottom:1px solid var(--nn-line);padding-bottom:16px}.nn-section-intro h2{min-width:0;font:var(--nn-head-weight,700) var(--nn-heading-size,48px)/.96 var(--nn-head-font,var(--nn-serif));letter-spacing:-.055em;margin:0;color:var(--nn-head,var(--nn-forest))}.nn-section-intro-row{align-items:center}.nn-text-link{font:700 10px var(--nn-mono);text-transform:uppercase;border:1px solid var(--nn-body);border-radius:999px;padding:8px 12px}.nn-category-orbit{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.nn-category-card{min-height:225px;display:flex;flex-direction:column;justify-content:space-between;padding:15px;background:transparent;border:1px solid var(--nn-line);position:relative;overflow:hidden;transition:.25s}.nn-category-card:nth-child(1),.nn-category-card:nth-child(4){background:var(--nn-sage)}.nn-category-card:nth-child(2),.nn-category-card:nth-child(5){background:var(--nn-blue)}.nn-category-card:nth-child(3),.nn-category-card:nth-child(6){background:var(--nn-lilac)}.nn-category-card:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:7px 7px 0 var(--nn-forest)}.nn-cat-art{order:2;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.42);display:grid;place-items:center;margin-top:18px}.nn-cat-art img{width:100%;height:100%;object-fit:cover}.nn-cat-art span{font-size:28px}.nn-cat-2{border-radius:18px}.nn-cat-3{border-radius:50%}.nn-cat-4{border-radius:50% 18px 50% 18px}.nn-cat-5{border-radius:18px 50% 18px 50%}.nn-cat-6{border-radius:18px}.nn-cat-copy{display:flex;justify-content:space-between;gap:8px;align-items:start}.nn-cat-copy b{font:25px/1 var(--nn-serif);color:var(--nn-forest)}.nn-cat-copy span{font:8px var(--nn-mono);text-transform:uppercase;color:var(--nn-muted);writing-mode:vertical-rl}
/* LATEST — asymmetrical pinboard */
.nn-idea-shelf{display:grid;grid-template-columns:1.1fr .72fr 1fr .72fr;gap:18px;align-items:start}.nn-idea-card{min-width:0}.nn-idea-2{margin-top:105px}.nn-idea-3{margin-top:28px}.nn-idea-4{margin-top:155px}.nn-idea-5{margin-top:55px}.nn-idea-image{position:relative;aspect-ratio:3/4;background:#ddd8cf;overflow:hidden;border-radius:8px;border:1px solid var(--nn-line)}.nn-idea-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.nn-idea-card:hover .nn-idea-image img,.nn-archive-card:hover .nn-idea-image img{transform:scale(1.04)}.nn-save-mini{position:absolute;right:10px;top:10px;background:var(--nn-cream);padding:7px 10px;border:1px solid var(--nn-forest);border-radius:5px;font:9px var(--nn-mono);text-transform:uppercase}.nn-idea-meta{display:flex;justify-content:space-between;margin-top:13px;font:8px var(--nn-mono);text-transform:uppercase;color:var(--nn-muted)}.nn-idea-card h3,.nn-archive-card h2{font:27px/1.03 var(--nn-serif);letter-spacing:-.025em;color:var(--nn-head,var(--nn-forest));margin:8px 0 0}.nn-idea-card p,.nn-archive-card p{font-size:13px;color:var(--nn-muted);margin:8px 0}
/* FEATURE — framed pattern card */
.nn-feature{display:grid;grid-template-columns:70px 1fr 1fr;gap:25px;align-items:stretch;background:var(--nn-forest);color:#f3eee5;padding:18px;margin-bottom:65px;position:relative;border:1px solid var(--nn-forest)}.nn-feature:before{content:'';position:absolute;inset:8px;border:1px dashed rgba(243,238,229,.35);pointer-events:none}.nn-feature-mark{padding:12px 8px;writing-mode:vertical-rl;display:flex;justify-content:space-between;font:9px var(--nn-mono);letter-spacing:.12em;color:#bdc8bc}.nn-feature-image{min-height:520px;overflow:hidden;background:#ddd8cf}.nn-feature-image img{width:100%;height:100%;object-fit:cover}.nn-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:45px 7%}.nn-feature-copy .nn-kicker{color:#bdc8bc}.nn-feature-copy h2{font:var(--nn-head-weight,700) clamp(46px,6vw,78px)/.9 var(--nn-head-font,var(--nn-serif));letter-spacing:-.06em;margin:16px 0 20px}.nn-feature-copy p{color:#cbd0c8;max-width:460px}.nn-feature-copy .nn-pill{align-self:flex-start}
/* TRENDING — ticket/receipt rows */
.nn-drawer{border-top:1px solid var(--nn-body)}.nn-drawer-row{display:grid;grid-template-columns:60px 92px 1fr 28px;gap:22px;align-items:center;padding:14px 0;border-bottom:1px solid var(--nn-line);transition:.2s}.nn-drawer-row:hover{padding-inline:12px;background:var(--nn-sage)}.nn-drawer-no{font:700 11px var(--nn-mono);color:var(--nn-muted)}.nn-drawer-thumb{width:92px;height:70px;overflow:hidden;border-radius:50% 8px 50% 8px;background:#ddd8cf}.nn-drawer-thumb img{width:100%;height:100%;object-fit:cover}.nn-drawer-row strong{font:25px/1 var(--nn-serif);font-weight:400}.nn-drawer-arrow{font-size:19px;text-align:right}
/* QUOTE — giant circular seal */
.nn-quote{padding:115px 8%;display:grid;grid-template-columns:4px 1fr;gap:35px;align-items:center}.nn-quote-line{width:4px;height:160px;background:var(--nn-clay)}.nn-quote p{font:italic clamp(42px,6vw,76px)/.93 var(--nn-serif);letter-spacing:-.055em;color:var(--nn-forest);max-width:1050px;margin:0}.nn-quote cite{display:block;font:700 9px var(--nn-mono);font-style:normal;letter-spacing:.1em;margin-top:25px;color:var(--nn-muted)}
/* MAKER — workbench collage */
.nn-maker{display:grid;grid-template-columns:1fr 1.05fr;gap:8vw;align-items:center}.nn-maker-visual{height:580px;position:relative}.nn-maker-shot{position:absolute;overflow:hidden;background:#ddd8cf;border:9px solid var(--nn-cream);box-shadow:var(--nn-shadow)}.nn-maker-shot img{width:100%;height:100%;object-fit:cover}.nn-maker-shot-a{width:62%;height:74%;left:5%;top:2%;transform:rotate(-5deg)}.nn-maker-shot-b{width:52%;height:61%;right:2%;bottom:0;transform:rotate(6deg)}.nn-maker-copy h2{font:var(--nn-head-weight,700) clamp(48px,6vw,76px)/.9 var(--nn-head-font,var(--nn-serif));letter-spacing:-.065em;margin:15px 0}.nn-maker-copy p{color:var(--nn-muted);max-width:500px}.nn-maker-sign{margin-top:28px;font:italic 27px var(--nn-serif)}
/* NEWSLETTER — paper slip */
.nn-newsletter{display:grid;grid-template-columns:95px 1fr 1.05fr;gap:30px;align-items:center;background:var(--nn-clay);color:#fff7ef;padding:42px 48px;border-radius:3px;box-shadow:10px 10px 0 var(--nn-forest);position:relative}.nn-newsletter:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:16px;background:linear-gradient(135deg,transparent 6px,#f6f3ed 6px,#f6f3ed 12px,transparent 12px) 0 0/24px 16px}.nn-newsletter-stamp{width:80px;height:80px;border:1px dashed #fff7ef;border-radius:50%;display:grid;place-items:center;text-align:center;font:700 16px/1 var(--nn-mono);transform:rotate(-9deg)}.nn-newsletter-stamp small{font-size:7px;letter-spacing:.1em}.nn-newsletter .nn-kicker{color:#f5d7ca}.nn-newsletter h2{font:var(--nn-head-weight,700) 48px/.92 var(--nn-head-font,var(--nn-serif));letter-spacing:-.045em;margin:10px 0}.nn-newsletter p{max-width:520px;color:#f7ddd3}.nn-newsletter form{display:flex;border-bottom:1px solid #fff7ef}.nn-newsletter input{min-width:0;flex:1;background:none;border:0;padding:15px 0;outline:0;color:#fff}.nn-newsletter input::placeholder{color:#f2cbbf}.nn-newsletter button{border:0;background:none;color:#fff;font:700 10px var(--nn-mono);text-transform:uppercase}
/* GALLERY — irregular tiled contact sheet */
.nn-gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:80px;gap:12px}.nn-gallery-tile{overflow:hidden;background:#ddd8cf;position:relative;border:1px solid var(--nn-line)}.nn-gallery-tile img{width:100%;height:100%;object-fit:cover}.nn-gallery-1{grid-column:span 3;grid-row:span 5}.nn-gallery-2{grid-column:span 4;grid-row:span 3;margin-top:28px}.nn-gallery-3{grid-column:span 5;grid-row:span 4}.nn-gallery-4{grid-column:span 4;grid-row:span 4}.nn-gallery-5{grid-column:span 3;grid-row:span 3;margin-top:-18px}.nn-gallery-6{grid-column:span 5;grid-row:span 4;margin-top:22px}.nn-gallery-7{grid-column:span 3;grid-row:span 3}.nn-gallery-8{grid-column:span 4;grid-row:span 4;margin-top:-25px}.nn-gallery-tile:nth-child(3n){border-radius:50%}.nn-gallery-tile:nth-child(4n){border-radius:18px 18px 50% 18px}.nn-gallery-tile:not(:has(img)){display:grid;place-items:center;color:#aaa59b}.nn-gallery-tile span{font:10px var(--nn-mono)}.nn-gallery-tile b{position:absolute;font-size:24px;font-weight:400}
/* SINGLE / ARCHIVE */
.nn-single{padding-top:65px}.nn-breadcrumb{display:flex;gap:10px;font:9px var(--nn-mono);text-transform:uppercase;color:var(--nn-muted)}.nn-post-head{max-width:980px;padding:65px 0 32px}.nn-post-head h1{font:var(--nn-head-weight,700) clamp(58px,8vw,var(--nn-page-title-size,82px))/.9 var(--nn-head-font,var(--nn-serif));letter-spacing:-.07em;color:var(--nn-head,var(--nn-forest));margin:20px 0}.nn-post-head p{max-width:720px;color:var(--nn-muted);font-size:17px}.nn-post-tools{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--nn-line);border-bottom:1px solid var(--nn-line);padding:14px 0;margin-bottom:25px}.nn-share{display:flex;align-items:center;gap:15px;font:9px var(--nn-mono);text-transform:uppercase}.nn-share span{color:var(--nn-muted);margin-right:5px}.nn-share a:hover{color:var(--nn-clay)}.nn-post-number{font:9px var(--nn-mono);text-transform:uppercase;color:var(--nn-muted)}.nn-single-image{position:relative;border-radius:3px;overflow:hidden;background:#ddd5c7;border:1px solid var(--nn-line)}.nn-single-image>img{width:100%;max-height:780px;object-fit:cover}.nn-save{position:absolute;right:18px;top:18px;background:var(--nn-cream);padding:10px 14px;border-radius:4px;font:700 10px var(--nn-mono);text-transform:uppercase;box-shadow:5px 5px 0 var(--nn-forest)}.nn-save span{font-size:15px;margin-right:5px}.nn-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:90px;max-width:1100px;margin:70px auto 110px}.nn-article{width:100%}.nn-article-body{line-height:1.85}.nn-article-body>p:first-child:first-letter{font:64px/.8 var(--nn-serif);float:left;padding:7px 9px 0 0;color:var(--nn-clay)}.nn-article-body h2,.nn-article-body h3{font-family:var(--nn-serif);color:var(--nn-head,var(--nn-forest));line-height:1.1;margin-top:50px}.nn-article-body img{border-radius:4px;margin:35px 0}.nn-sidebar{position:sticky;top:120px;align-self:start}.nn-maker-sidebar,.nn-sidebar-box{border-top:1px solid var(--nn-body);padding-top:18px;margin-bottom:45px}.nn-maker-avatar{width:78px;height:78px;border-radius:50%;overflow:hidden;background:#ddd5c7;margin-bottom:22px}.nn-maker-avatar img{width:100%;height:100%;object-fit:cover}.nn-maker-sidebar h2{font:28px var(--nn-serif);color:var(--nn-head,var(--nn-forest));margin:12px 0}.nn-maker-sidebar p{font-size:13px;color:var(--nn-muted)}.nn-maker-sidebar>a{font:9px var(--nn-mono);text-transform:uppercase;border-bottom:1px solid}.nn-sidebar-box h3{font:29px var(--nn-serif);font-weight:400;color:var(--nn-head,var(--nn-forest));margin:12px 0}.nn-sidebar-box>a{display:block;padding:12px 0;border-bottom:1px solid var(--nn-line);font:17px/1.15 var(--nn-serif)}.nn-sidebar-box>a span{display:block;font:8px var(--nn-mono);text-transform:uppercase;color:var(--nn-muted);margin-bottom:4px}.nn-sidebar-box>a b{float:right;font:14px var(--nn-sans)}.nn-recommendation{margin:60px 0;border-top:1px solid var(--nn-body);padding-top:16px}.nn-recommendation>a{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center}.nn-rec-image{height:120px;border-radius:50% 10px 50% 10px;overflow:hidden;background:#ddd5c7}.nn-rec-image img{width:100%;height:100%;object-fit:cover}.nn-rec-meta,.nn-rec-arrow{font:9px var(--nn-mono);text-transform:uppercase;color:var(--nn-muted)}.nn-recommendation h3{font:30px/1 var(--nn-serif);font-weight:400;color:var(--nn-head,var(--nn-forest));margin:6px 0}.nn-archive{padding:75px 0 110px}.nn-archive-head{max-width:760px;padding-bottom:55px}.nn-archive-head h1{font:var(--nn-head-weight,700) clamp(58px,8vw,var(--nn-page-title-size,82px))/.9 var(--nn-head-font,var(--nn-serif));letter-spacing:-.07em;color:var(--nn-head,var(--nn-forest));margin:18px 0}.nn-archive-head p{color:var(--nn-muted)}.nn-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 22px}.nn-archive-card:nth-child(3n+2){margin-top:85px}.nn-archive-card:nth-child(3n){margin-top:25px}.nn-archive-card .nn-idea-image{aspect-ratio:3/4}.nn-pagination{margin-top:70px}.nn-empty{padding:130px 0 180px}.nn-empty h1{font:72px/.95 var(--nn-serif);letter-spacing:-.05em;color:var(--nn-head,var(--nn-forest))}.nn-empty p{color:var(--nn-muted)}
/* FOOTER */
.nn-footer{background:var(--nn-forest);color:#f3eee5;padding:85px 0 24px}.nn-logo-light{color:#f3eee5}.nn-footer-top{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:60px;padding-bottom:75px}.nn-footer-brand p{max-width:300px;color:#b9c1b9;font-size:14px}.nn-footer .nn-kicker{color:#aeb8ad}.nn-footer nav ul{flex-direction:column;align-items:flex-start}.nn-footer nav li{margin:0}.nn-footer nav a{display:block;color:#dce1db;padding:5px 0}.nn-footer-note{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;font:italic 28px/1.05 var(--nn-serif);color:#b9c1b9}.nn-footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:18px;display:flex;justify-content:space-between;font:8px var(--nn-mono);text-transform:uppercase;color:#8f9990}.nn-pencil{position:absolute;right:0;top:-12px;border:1px solid var(--nn-line);background:var(--nn-cream);border-radius:50%;width:30px;height:30px;font-size:13px}.nn-hero-copy,.nn-section,.nn-feature,.nn-maker,.nn-newsletter{position:relative}
@media(max-width:1050px){.nn-category-orbit{grid-template-columns:repeat(3,1fr)}.nn-idea-shelf{grid-template-columns:repeat(3,1fr)}.nn-idea-2,.nn-idea-3,.nn-idea-4,.nn-idea-5{margin-top:0}.nn-idea-4{grid-column:2}.nn-feature{grid-template-columns:55px 1fr}.nn-feature-image{grid-column:2;min-height:430px}.nn-feature-copy{grid-column:2}.nn-newsletter{grid-template-columns:80px 1fr}.nn-newsletter form{grid-column:2}.nn-maker{grid-template-columns:1fr 1fr}.nn-post-layout{grid-template-columns:1fr 280px;gap:45px}}
@media(max-width:900px){.nn-header-inner{grid-template-columns:50px 1fr 90px}.nn-menu-btn{display:block}.nn-desktop-nav{display:none}.nn-logo{justify-self:center}.nn-search-btn{font-size:0}.nn-search-btn span{font-size:20px}.nn-hero{grid-template-columns:1fr;gap:35px;padding-top:45px}.nn-hero-copy{padding-left:0}.nn-hero-stage{height:500px}.nn-category-orbit{grid-template-columns:repeat(2,1fr)}.nn-feature{grid-template-columns:50px 1fr;gap:18px}.nn-feature-image,.nn-feature-copy{grid-column:2}.nn-maker{grid-template-columns:1fr;gap:45px}.nn-maker-visual{height:500px}.nn-post-layout{grid-template-columns:1fr;gap:55px}.nn-sidebar{position:static}.nn-archive-grid{grid-template-columns:repeat(2,1fr)}.nn-archive-card:nth-child(3n+2),.nn-archive-card:nth-child(3n){margin-top:0}.nn-archive-card:nth-child(even){margin-top:55px}.nn-footer-top{grid-template-columns:1fr 1fr}.nn-footer-note{display:none}}
@media(max-width:600px){.nn-container{width:min(calc(100% - 30px),var(--nn-max,1360px))}.nn-header-inner{grid-template-columns:42px 1fr 42px}.nn-logo{font-size:20px}.nn-logo i{display:none}.nn-hero{padding-bottom:65px}.nn-hero-copy h1{font-size:59px}.nn-hero-copy:after{display:none}.nn-hero-stage{height:400px}.nn-note-card{left:-4px;top:9%;width:145px}.nn-yarn-ball{width:62px;height:62px}.nn-thread{display:none}.nn-section{padding:72px 0}.nn-section-intro{grid-template-columns:minmax(0,1fr);gap:12px}.nn-section-intro .nn-text-link{grid-column:1;justify-self:start}.nn-section-intro h2{font-size:42px}.nn-category-orbit{grid-template-columns:1fr 1fr;gap:10px}.nn-category-card{min-height:185px;padding:12px}.nn-cat-copy b{font-size:21px}.nn-cat-copy span{display:none}.nn-idea-shelf{display:block}.nn-idea-card,.nn-idea-2,.nn-idea-3,.nn-idea-4,.nn-idea-5{margin:0 0 50px}.nn-feature{grid-template-columns:1fr;padding:12px}.nn-feature-mark{grid-column:1;writing-mode:horizontal-tb;flex-direction:row;padding:6px}.nn-feature-image,.nn-feature-copy{grid-column:1}.nn-feature-image{min-height:360px}.nn-feature-copy{padding:25px 7px 35px}.nn-feature-copy h2{font-size:49px}.nn-drawer-row{grid-template-columns:30px 58px 1fr 14px;gap:10px}.nn-drawer-thumb{width:58px;height:48px}.nn-drawer-row strong{font-size:20px}.nn-quote{padding:80px 4%;grid-template-columns:3px 1fr;gap:22px}.nn-quote p{font-size:43px}.nn-maker-visual{height:390px}.nn-maker-shot-a{width:65%;height:74%}.nn-maker-shot-b{width:54%;height:61%}.nn-newsletter{grid-template-columns:60px 1fr;padding:35px 24px;gap:18px}.nn-newsletter-stamp{width:60px;height:60px;font-size:13px}.nn-newsletter h2{font-size:39px}.nn-newsletter form{grid-column:1/-1}.nn-gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:125px}.nn-gallery-tile{grid-column:span 1!important;grid-row:span 1!important;margin:0!important;border-radius:10px!important}.nn-gallery-1,.nn-gallery-4{grid-row:span 2!important}.nn-gallery-3,.nn-gallery-6{grid-column:span 2!important}.nn-post-head{padding:50px 0 25px}.nn-post-head h1{font-size:54px}.nn-post-tools{align-items:flex-start;gap:10px}.nn-share{flex-wrap:wrap}.nn-post-layout{margin-top:45px}.nn-recommendation>a{grid-template-columns:100px 1fr}.nn-rec-image{height:90px}.nn-recommendation h3{font-size:23px}.nn-archive{padding-top:50px}.nn-archive-grid{grid-template-columns:1fr;gap:45px}.nn-archive-card:nth-child(even){margin-top:0}.nn-empty h1{font-size:54px}.nn-footer-top{grid-template-columns:1fr;gap:40px}.nn-footer-bottom{flex-direction:column;gap:7px}}

/* Little Visual Notes */
.nn-gallery-intro{max-width:560px;margin:12px 0 0;color:var(--nn-muted);font-size:14px;line-height:1.6}.nn-gallery-tile>a{display:block;width:100%;height:100%;position:relative}.nn-gallery-tile small{position:absolute;left:10px;bottom:10px;background:var(--nn-surface);padding:7px 9px;border:1px solid var(--nn-line);font:9px var(--nn-mono);text-transform:uppercase;letter-spacing:.04em;z-index:2}.nn-gallery-tile img{transition:transform .35s ease}.nn-gallery-tile:hover img{transform:scale(1.035)}
/* Inline article recommendations */

.nn-idea-slider{position:sticky;top:calc(var(--nn-header-height,84px) + 12px);z-index:8;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:0 0 34px;padding:13px 18px;border-radius:999px;background:var(--nn-accent);color:#fff;box-shadow:0 12px 28px rgba(41,40,36,.12)}
.nn-idea-slider button{appearance:none;border:0;background:transparent;color:inherit;font:700 10px var(--nn-mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;padding:7px 0;white-space:nowrap}
.nn-idea-slider button:disabled{opacity:.38;cursor:not-allowed}
.nn-slide-count{text-align:center;font:700 10px var(--nn-mono);text-transform:uppercase;letter-spacing:.12em}
.nn-slide-focus{outline:4px solid color-mix(in srgb,var(--nn-accent) 28%,transparent);outline-offset:5px;transition:outline .2s ease}
.nn-article-body img[data-nn-slide]{cursor:pointer}

.nn-inline-recommendation{margin:58px 0;padding:18px 0;border-top:1px solid var(--nn-line);border-bottom:1px solid var(--nn-line)}.nn-inline-recommendation>a{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center}.nn-inline-rec-image{height:112px;overflow:hidden;border-radius:4px;background:#ddd5c7}.nn-inline-rec-image img{width:100%;height:100%;object-fit:cover;margin:0!important;border-radius:0!important}.nn-inline-rec-copy h3{font:32px/1.02 var(--nn-serif);font-weight:400;color:var(--nn-head,var(--nn-forest));margin:7px 0 12px}.nn-end-recommendation{margin-top:10px}
@media(max-width:600px){.nn-idea-slider{position:relative;top:auto;grid-template-columns:1fr 1fr;gap:4px 12px;border-radius:14px;padding:12px 14px}.nn-slide-count{grid-column:1/-1;grid-row:1;text-align:left}.nn-slide-prev,.nn-slide-next{grid-row:2}.nn-slide-next{text-align:right}.nn-gallery-intro{font-size:13px}.nn-inline-recommendation{margin:42px 0;padding:14px 0}.nn-inline-recommendation>a{grid-template-columns:92px minmax(0,1fr);gap:14px}.nn-inline-rec-image{height:88px}.nn-inline-rec-copy h3{font-size:23px;margin:5px 0 9px}}


/* V5: Pinterest-style article photo viewer */
.nn-photo-viewer{max-width:760px;margin:30px auto 75px;text-align:center}
.nn-photo-counter{font:700 10px/1 var(--nn-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--nn-forest);margin:0 0 8px}
.nn-photo-stage{position:relative;background:#111;border:1px solid #111;outline:none;min-height:240px;display:flex;align-items:center;justify-content:center}
.nn-photo-slide{display:none;margin:0;width:100%;position:relative}
.nn-photo-slide.is-active{display:block}
.nn-photo-image{display:block;width:100%;height:auto;max-height:820px;object-fit:contain;margin:0!important;border-radius:0!important}
.nn-photo-slide figcaption{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.92);padding:7px 10px;font:9px var(--nn-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--nn-forest)}
.nn-photo-pin{position:absolute;right:10px;top:10px;z-index:4;display:inline-flex;align-items:center;gap:7px;background:#e60023;color:#fff!important;padding:12px 17px;border-radius:999px;font:700 11px var(--nn-mono);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 5px 14px rgba(0,0,0,.18)}
.nn-photo-pin span{font:700 17px var(--nn-sans);line-height:1}
.nn-photo-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:56px;height:56px;border:3px solid #111;border-radius:50%;background:#fff;color:#111;font:700 38px/1 var(--nn-sans);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 0 rgba(0,0,0,.1)}
.nn-photo-arrow:hover{transform:translateY(-50%) scale(1.04);background:var(--nn-cream)}
.nn-photo-prev{left:-28px}.nn-photo-next{right:-28px}
.nn-photo-arrow:disabled{opacity:.45;cursor:not-allowed}
.nn-photo-thumbs{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;padding-top:12px}
.nn-photo-thumb{position:relative;width:48px;height:48px;padding:0;border:1px solid var(--nn-line);background:#eee;overflow:hidden;cursor:pointer;opacity:.48}
.nn-photo-thumb.is-active{opacity:1;border:2px solid var(--nn-forest)}
.nn-photo-thumb img{width:100%;height:100%;object-fit:cover;margin:0!important;border-radius:0!important}
.nn-photo-thumb span{position:absolute;right:2px;bottom:2px;background:#fff;color:#111;font:8px var(--nn-mono);padding:2px 3px}
@media(max-width:800px){.nn-photo-viewer{max-width:calc(100% - 30px);margin-left:auto;margin-right:auto}.nn-photo-prev{left:8px}.nn-photo-next{right:8px}.nn-photo-arrow{width:44px;height:44px;font-size:31px}.nn-photo-pin{right:8px;top:8px;padding:10px 13px;font-size:9px}.nn-photo-thumbs{gap:5px}.nn-photo-thumb{width:40px;height:40px}}
@media(max-width:480px){.nn-photo-viewer{max-width:100%;margin-top:20px}.nn-photo-stage{border-left:0;border-right:0}.nn-photo-arrow{width:40px;height:40px}.nn-photo-prev{left:5px}.nn-photo-next{right:5px}.nn-photo-pin{font-size:8px;padding:9px 11px}.nn-photo-counter{font-size:9px}}

/* V6 typography + layout cleanup */
.nn-section-intro > div:first-child{min-width:0}
.nn-section-intro h2{max-width:none;overflow-wrap:normal;word-break:normal}
.nn-gallery-intro{max-width:760px}
.nn-kicker,.nn-meta,.nn-section-index,.nn-text-link,.nn-save-mini,.nn-idea-meta,.nn-drawer-no,.nn-post-tools,.nn-share,.nn-post-number,.nn-breadcrumb,.nn-rec-meta,.nn-rec-arrow,.nn-footer-bottom{letter-spacing:.04em}
.nn-note-card strong,.nn-cat-copy b,.nn-idea-card h3,.nn-archive-card h2,.nn-drawer-row strong,.nn-maker-copy h2,.nn-maker-sign,.nn-newsletter h2,.nn-post-head h1,.nn-article-body h2,.nn-article-body h3,.nn-maker-sidebar h2,.nn-sidebar-box h3,.nn-sidebar-box>a,.nn-recommendation h3,.nn-archive-head h1,.nn-empty h1,.nn-footer-note,.nn-search-panel input,.nn-quote p{font-family:var(--nn-sans)!important}
@media(max-width:900px){
  .nn-section-intro h2{max-width:100%}
}
@media(max-width:600px){
  .nn-section-intro{grid-template-columns:1fr}
  .nn-section-intro h2{font-size:42px;line-height:1.02;letter-spacing:-.045em}
}