/*
Theme Name: Mosquito Hawk — Naive Anthropology
Theme URI: https://naiveanthropology.com/
Author: Mosquito Hawk
Description: A minimal, photo-forward home for long-form writing and Bindia photography, with real searchable maps.
Version: 2.8.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: naive-anthropology
*/

:root {
  --na-paper: #f3eee4;
  --na-ink: #191915;
  --na-muted: #6c685f;
  --na-line: rgba(25,25,21,.22);
  --na-rust: #a54d2b;
  --na-serif: Georgia, "Times New Roman", serif;
  --na-sans: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --na-max: 1520px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--na-paper); color: var(--na-ink); font-family: var(--na-sans); -webkit-font-smoothing: antialiased; }
body.na-menu-open { overflow: hidden; }
a { color: inherit; }
img { display: block; max-width: 100%; height: auto; }
button, input, select { color: inherit; font: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }
.screen-reader-text,.na-sr-only { position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.na-skip-link { position:fixed;z-index:100;left:1rem;top:1rem;transform:translateY(-180%);padding:.75rem 1rem;background:var(--na-ink);color:var(--na-paper); }
.na-skip-link:focus { transform:none; }

/* Permanent navigation */
body .na-site-header { position:sticky;z-index:1000;top:0;display:flex!important;align-items:center;justify-content:space-between;gap:2rem;max-width:var(--na-max);margin:0 auto;padding:1.3rem 2rem;background:rgba(243,238,228,.95);border-bottom:1px solid var(--na-line);backdrop-filter:blur(12px); }
.na-wordmark { font-family:var(--na-serif);font-size:clamp(1.25rem,2vw,1.75rem);font-weight:700;line-height:1;letter-spacing:-.035em;text-decoration:none; }
.na-primary-nav { display:flex;align-items:center;gap:clamp(1.2rem,3vw,3rem); }
.na-primary-nav a { border-bottom:1px solid transparent;text-decoration:none;text-transform:uppercase;font-size:.73rem;font-weight:700;letter-spacing:.12em; }
.na-primary-nav a:hover,.na-primary-nav a:focus-visible,.na-primary-nav a[aria-current="page"] { border-color:currentColor; }
.na-menu-button { display:none;border:0;background:transparent;text-transform:uppercase;font-size:.73rem;letter-spacing:.12em; }

.na-main { max-width:var(--na-max);min-height:calc(100vh - 75px);margin:0 auto;padding:0 2rem; }
.na-empty { padding:12vh 0;text-align:center; }
.na-empty h1 { margin:0 0 1rem;font-family:var(--na-serif);font-size:clamp(3rem,8vw,7rem);font-weight:400;letter-spacing:-.05em; }
.na-byline,.na-meta { color:var(--na-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em; }

/* Latest post homepage */
.na-feature { padding:clamp(1rem,2.5vw,2.5rem) 0 5rem; }
.na-hero { margin:0; }
.na-hero img { width:100%;height:clamp(420px,65vw,820px);object-fit:cover;filter:saturate(.84) contrast(1.03); }
.na-hero figcaption,.na-image-caption { margin-top:.65rem;color:var(--na-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.13em; }
.na-story-grid { padding:2rem 0 3rem;border-bottom:1px solid var(--na-line); }
.na-story-grid-clean > div { width:min(1180px,100%); }
.na-display-title { max-width:100%;margin:0;font-family:var(--na-serif);font-size:clamp(3.4rem,7vw,7.5rem);font-weight:400;line-height:.92;letter-spacing:-.05em;overflow-wrap:normal;text-wrap:balance;word-break:normal; }
.na-display-title a { text-decoration:none; }
.na-display-title a:hover { font-style:italic; }
.na-dek { max-width:820px;margin:1.75rem 0 1.5rem;font-family:var(--na-serif);font-size:clamp(1.25rem,2vw,2rem);line-height:1.25; }
.na-home-content,.na-article-content { width:min(760px,100%);margin:3rem auto 0;font-family:var(--na-serif);font-size:clamp(1.16rem,1.65vw,1.45rem);line-height:1.7; }
.na-home-content>p:first-of-type::first-letter,.na-article-content>p:first-of-type::first-letter { float:left;margin:.05em .13em 0 0;font-size:4.4em;line-height:.72; }
.na-home-content p,.na-article-content p { margin:0 0 1.5rem;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto; }
.na-home-content h2,.na-article-content h2 { margin:3.5rem 0 1.2rem;font-size:2.2rem;font-weight:400;line-height:1.08; }
.na-home-content blockquote,.na-article-content blockquote { margin:3rem -10%;padding:1.5rem 0;border-top:1px solid var(--na-line);border-bottom:1px solid var(--na-line);font-size:1.65rem;font-style:italic;line-height:1.35; }
.na-home-content figure,.na-article-content figure { position:relative;left:50%;width:min(1180px,calc(100vw - 4rem));margin:1.35rem 0;transform:translateX(-50%); }
.na-home-content figure img,.na-article-content figure img { width:100%;border-radius:10px; }
.na-home-content figcaption,.na-article-content figcaption { color:var(--na-muted);font-family:var(--na-sans);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em; }

/* Mosquito Hawk landing page */
.na-home-landing { padding-bottom:6rem; }
.na-home-intro { display:grid;place-items:center;min-height:clamp(360px,48vw,650px);padding:clamp(4rem,9vw,9rem) 1rem;border-bottom:1px solid var(--na-line); }
.na-home-intro blockquote { width:min(1120px,100%);margin:0;text-align:center; }
.na-home-intro p { margin:0;font-family:var(--na-serif);font-size:clamp(2.4rem,5.7vw,6.2rem);font-weight:400;line-height:1.02;letter-spacing:-.045em;text-wrap:balance; }
.na-home-intro cite { display:block;margin-top:1.4rem;color:var(--na-muted);font-size:.72rem;font-style:normal;text-transform:uppercase;letter-spacing:.13em; }
.na-home-map-section { padding:clamp(3rem,6vw,6rem) 0;border-bottom:1px solid var(--na-line); }
.na-home-section-head,.na-project-heading { display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem; }
.na-home-section-head span,.na-project-heading span { color:var(--na-muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em; }
.na-home-section-head h1,.na-project-heading h2 { margin:.25rem 0 0;font-family:var(--na-serif);font-size:clamp(2.25rem,4.5vw,5rem);font-weight:400;line-height:1;letter-spacing:-.04em;text-wrap:balance; }
.na-home-map { height:clamp(440px,61vw,720px);border-radius:10px;overflow:hidden; }
.na-map-legend { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.7rem 1.25rem;padding-bottom:.3rem; }
.na-map-legend a { display:flex;align-items:center;gap:.45rem;text-decoration:none;text-transform:uppercase;font-size:.66rem;letter-spacing:.1em; }
.na-map-legend a:hover { text-decoration:underline;text-underline-offset:.25em; }
.na-legend-dot { width:.72rem;height:.72rem;border:2px solid var(--na-paper);border-radius:50%;box-shadow:0 0 0 1px var(--na-line); }
.na-legend-writing { background:#a54d2b; }
.na-legend-photography { background:#3f7082; }
.na-legend-poetry { background:#8a713d; }
.na-home-projects { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:clamp(2.5rem,5vw,6rem);padding:clamp(3rem,6vw,6rem) 0 0; }
.na-home-project { min-width:0; }
.na-project-heading { padding-bottom:1rem;border-bottom:1px solid var(--na-line); }
.na-project-heading h2 { font-size:clamp(2.2rem,4vw,4.4rem); }
.na-project-heading>a { flex:0 0 auto;padding-bottom:.35rem;text-decoration:none;text-transform:uppercase;font-size:.66rem;letter-spacing:.1em; }
.na-project-heading>a:hover { text-decoration:underline;text-underline-offset:.25em; }
.na-home-featured-essay a,.na-home-more-essays a,.na-home-photo-grid a { text-decoration:none; }
.na-home-featured-essay img { width:100%;max-height:620px;margin-bottom:1rem;border-radius:10px;object-fit:cover; }
.na-home-featured-essay h3 { margin:.45rem 0 .7rem;font-family:var(--na-serif);font-size:clamp(2.5rem,5vw,5.7rem);font-weight:400;line-height:.95;letter-spacing:-.045em;text-wrap:balance; }
.na-home-featured-essay p,.na-home-more-essays p { margin:0;color:var(--na-muted);font-family:var(--na-serif);font-size:1.05rem;line-height:1.5; }
.na-home-featured-essay a:hover h3,.na-home-more-essays a:hover h3 { font-style:italic; }
.na-home-more-essays { display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.5rem; }
.na-home-more-essays article { padding-top:1rem;border-top:1px solid var(--na-line); }
.na-home-more-essays h3 { margin:.45rem 0 .55rem;font-family:var(--na-serif);font-size:clamp(1.55rem,2.4vw,2.45rem);font-weight:400;line-height:1;letter-spacing:-.025em; }
.na-home-photo-grid { display:grid;grid-template-columns:1fr 1fr;gap:1rem; }
.na-home-photo-grid a { display:block; }
.na-home-photo-grid img { width:100%;aspect-ratio:4/5;border-radius:8px;object-fit:cover;filter:saturate(.88);transition:filter .2s,transform .2s; }
.na-home-photo-grid a:hover img { filter:saturate(1);transform:translateY(-2px); }
.na-home-photo-grid span { display:block;padding:.45rem .1rem 0;color:var(--na-muted);font-size:.6rem;line-height:1.3;text-transform:uppercase;letter-spacing:.08em; }
.na-home-poetry { grid-column:1/-1; }
.na-home-poem-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem; }
.na-home-poem-grid article { padding-top:1rem;border-top:1px solid var(--na-line); }
.na-home-poem-grid a { text-decoration:none; }
.na-home-poem-grid h3 { margin:.5rem 0 .7rem;font-family:var(--na-serif);font-size:clamp(1.8rem,3vw,3.25rem);font-weight:400;line-height:1;letter-spacing:-.03em; }
.na-home-poem-grid p { max-width:42ch;margin:0;color:var(--na-muted);font-family:var(--na-serif);font-size:1.05rem;line-height:1.5; }
.na-home-poem-grid a:hover h3 { font-style:italic; }

/* Posts and pages */
.na-article { padding:2.5rem 0 6rem; }
.na-page { padding:clamp(2rem,6vw,6rem) 0; }
.na-article-header { width:min(1180px,100%);padding:2rem 0 2.75rem; }
.na-article-header h1 { max-width:100%;margin:1rem 0 0;font-family:var(--na-serif);font-size:clamp(4rem,7vw,7rem);font-weight:400;line-height:.92;letter-spacing:-.05em;overflow-wrap:normal;text-wrap:balance;word-break:normal; }
.na-article-header h1 a { text-decoration:none; }
.na-article-header h1 a:hover { font-style:italic; }
.na-article-header h1 + .na-byline { margin-top:1.25rem; }
.na-article-meta { display:flex;flex-wrap:wrap;gap:.28rem .65rem;color:var(--na-muted);font-size:.68rem;line-height:1.5;text-transform:uppercase;letter-spacing:.11em; }
.na-article-meta span+span::before { content:"\00b7";margin-right:.65rem; }
.na-article-hero { display:grid;justify-items:center;margin:0 0 4rem; }
.na-article-hero img { width:min(1180px,100%);height:auto;max-height:min(82vh,920px);border-radius:10px;object-fit:contain; }
.na-article[data-na-article-gallery] .na-article-hero img,.na-article[data-na-article-gallery] .na-article-content img { cursor:zoom-in; }
.na-article[data-na-article-gallery] img:focus-visible { outline:2px solid var(--na-rust);outline-offset:4px; }
.na-article-layout { width:100%; }
.na-article-layout .na-article-content { width:min(760px,100%);margin:0 auto; }
.na-page-content { width:min(860px,100%);font-family:var(--na-serif);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.65; }
.na-page-content>p:first-child { margin-top:0; }

/* Poetry */
.na-poetry-archive { padding:clamp(3rem,7vw,7rem) 0 6rem; }
.na-poetry-archive-header { padding-bottom:2rem;border-bottom:1px solid var(--na-line); }
.na-poetry-archive-header span { color:var(--na-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em; }
.na-poetry-archive-header h1 { margin:0;font-family:var(--na-serif);font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:1.15;letter-spacing:-.03em; }
.na-poetry-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 1.25rem;padding-top:2rem; }
.na-poetry-card { min-width:0;border:1px solid var(--na-line);border-radius:10px;overflow:hidden; }
.na-poetry-card a { display:block;height:100%;padding:1.5rem;text-decoration:none; }
.na-poetry-card a:hover,.na-poetry-card a:focus-visible { background:rgba(0,0,0,.025); }
.na-poetry-card h2 { margin:0 0 1rem;font-family:var(--na-serif);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere; }
.na-poetry-card .na-poem-preview { white-space:pre-wrap;overflow-wrap:anywhere;max-height:18em;overflow:hidden; }
.na-poetry-card p { max-width:42ch;margin:0;color:var(--na-muted);font-family:var(--na-serif);font-size:1.02rem;line-height:1.5; }
.na-poetry-card a:hover h2 { font-style:italic; }
.na-poem { padding:clamp(2.5rem,6vw,6rem) 0 7rem; }
.na-poem-header { width:min(760px,100%);margin:0 auto; }
.na-poem-header h1 { margin:0;font-family:var(--na-serif);font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere; }
.na-poem-header .na-byline { margin-top:1.3rem; }
.na-poem-image { width:min(980px,100%);margin:3rem 0 0; }
.na-poem-image img { width:100%;max-height:78vh;border-radius:10px;object-fit:contain; }
.na-poem-content { width:min(760px,100%);margin:2rem auto 0;font-family:var(--na-serif);font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.8;overflow-wrap:anywhere; }
.na-poem-content:first-child { margin-top:0; }
.na-poem-content p { margin:0 0 1.75rem; }
.na-poem-content .wp-block-verse,.na-poem-content pre { overflow:visible;margin:0 0 2rem;padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;white-space:pre-wrap; }

/* Search + maps */
.na-explorer { padding:1.25rem 0 5rem; }
.na-map-tools { display:grid;grid-template-columns:minmax(300px,1fr) auto;gap:1rem;align-items:center;padding:.8rem 0 1rem;border-bottom:1px solid var(--na-line); }
.na-search { display:flex;align-items:center;gap:.75rem;padding:.8rem 0; }
.na-search svg { width:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.5; }
.na-search input { width:100%;border:0;outline:0;background:transparent;font-family:var(--na-serif);font-size:clamp(1.2rem,2vw,1.55rem); }
.na-filters { display:flex;gap:.45rem; }
.na-filters select,.na-quiet-button { border:1px solid var(--na-line);border-radius:100px;background:transparent;padding:.62rem .85rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em; }
.na-quiet-button:hover { background:var(--na-ink);color:var(--na-paper); }
.na-map-layout { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:2rem;padding:2rem 0 0;align-items:start; }
.na-map-frame { position:sticky;top:92px; }
.na-real-map { width:100%;height:clamp(470px,70vh,780px);border:1px solid var(--na-line);background:#e7e0d3; }
.na-real-map .leaflet-tile { filter:grayscale(1) sepia(.16) contrast(.92); }
.na-real-map .leaflet-control-zoom a { color:var(--na-ink);background:var(--na-paper); }
.na-real-map .leaflet-control-attribution { background:rgba(243,238,228,.86);font-size:9px; }
.na-results-meta { display:flex;justify-content:space-between;padding-bottom:1rem;color:var(--na-muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.1em; }
.na-result-card { display:grid;grid-template-columns:84px 1fr;gap:1rem;padding:1rem 0;border-top:1px solid var(--na-line);text-decoration:none; }
.na-result-card:last-child { border-bottom:1px solid var(--na-line); }
.na-result-card img { width:84px;height:84px;object-fit:cover;filter:saturate(.78); }
.na-result-card h2 { margin:.15rem 0 .55rem;font-family:var(--na-serif);font-size:1.32rem;font-weight:400;line-height:1.05; }
.na-result-card:hover h2 { text-decoration:underline;text-underline-offset:.2em; }
.na-result-place,.na-result-themes { color:var(--na-muted);font-size:.63rem;text-transform:uppercase;letter-spacing:.1em; }
.na-result-themes { margin-top:.35rem; }
.na-no-results { padding:3rem 0;font-family:var(--na-serif);font-size:1.2rem; }
.na-map-popup { display:grid;gap:.4rem;min-width:150px;color:var(--na-ink)!important;text-decoration:none; }
button.na-map-popup { width:100%;padding:0;border:0;background:transparent;text-align:left; }
.na-map-popup img { width:100%;height:105px;object-fit:cover; }
.na-map-popup .na-map-popup-image { height:145px;border-radius:6px;transition:opacity .2s ease; }
.na-map-popup strong { font-family:var(--na-serif);font-size:1.05rem;line-height:1.1; }
.na-map-popup span { color:var(--na-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em; }

/* Bindia */
.na-bindia { padding-top:1.25rem; }
.na-photo-map-wrap { padding:2rem 0; }
.na-photo-map { height:clamp(390px,58vh,650px); }
.na-photo-results-meta { padding:0 0 1.25rem;border-bottom:1px solid var(--na-line); }
.na-location-gallery-heading { display:flex;align-items:end;justify-content:space-between;gap:1.5rem;padding:1.4rem 0 1rem;border-bottom:1px solid var(--na-line); }
.na-location-gallery-heading[hidden] { display:none; }
.na-location-gallery-heading span { color:var(--na-muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em; }
.na-location-gallery-heading h2 { margin:.2rem 0 0;font-family:var(--na-serif);font-size:clamp(2rem,4vw,4rem);font-weight:400;line-height:1;letter-spacing:-.035em; }
.na-photo-grid { columns:4;column-gap:.85rem;padding-top:1rem; }
.na-photo-card { break-inside:avoid;margin:0 0 1.15rem; }
.na-photo-open { display:block;width:100%;padding:0;border:0;background:transparent;text-align:left; }
.na-photo-open img { width:100%;height:auto;border-radius:7px;filter:saturate(.88) contrast(1.025);transition:filter .2s,transform .2s; }
.na-photo-open:hover img,.na-photo-open:focus-visible img { filter:saturate(1);transform:translateY(-2px); }
.na-photo-open:focus-visible { outline:2px solid var(--na-rust);outline-offset:4px;border-radius:7px; }
.na-photo-caption { display:flex;flex-wrap:wrap;gap:.18rem .42rem;padding:.48rem .12rem 0;color:var(--na-muted);font-size:.61rem;line-height:1.35;text-transform:uppercase;letter-spacing:.08em; }
.na-photo-caption button { padding:0;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;text-decoration:underline;text-decoration-color:rgba(108,104,95,.45);text-underline-offset:.18em; }
.na-photo-caption button:hover,.na-photo-caption button:focus-visible { color:var(--na-rust);text-decoration-color:currentColor; }
.na-photo-caption>*+*::before { content:"·";margin-right:.42rem; }

/* Bindia lightbox */
body.na-lightbox-open { overflow:hidden; }
.na-lightbox { position:fixed;z-index:5000;inset:0;display:grid;grid-template-columns:4.5rem minmax(0,1fr) 4.5rem;grid-template-rows:minmax(0,1fr) auto;align-items:center;background:rgba(12,12,11,.96);color:#f7f3ea; }
.na-lightbox[hidden] { display:none!important; }
.na-lightbox-stage { grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:1.2rem 0 .7rem; }
.na-lightbox-image { display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 8rem);border-radius:8px;object-fit:contain;box-shadow:0 12px 44px rgba(0,0,0,.32); }
.na-lightbox-close,.na-lightbox-arrow { position:absolute;display:grid;place-items:center;border:0;background:transparent;color:inherit;font-size:2rem;line-height:1; }
.na-lightbox-close { z-index:2;top:.7rem;right:.85rem;width:2.8rem;height:2.8rem;font-family:var(--na-sans);font-size:1.65rem; }
.na-lightbox-arrow { position:relative;width:100%;height:100%;font-family:var(--na-serif);font-size:3.2rem; }
.na-lightbox-prev { grid-column:1;grid-row:1; }
.na-lightbox-next { grid-column:3;grid-row:1; }
.na-lightbox-close:hover,.na-lightbox-arrow:hover,.na-lightbox-close:focus-visible,.na-lightbox-arrow:focus-visible { color:#d68a68; }
.na-lightbox-details { grid-column:1/-1;grid-row:2;display:flex;justify-content:center;flex-wrap:wrap;gap:.25rem .6rem;min-height:3.7rem;padding:.85rem 4.5rem 1rem;color:rgba(247,243,234,.72);font-size:.67rem;line-height:1.4;text-align:center;text-transform:uppercase;letter-spacing:.1em; }
.na-lightbox-details button { padding:0;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;text-decoration:underline;text-underline-offset:.18em; }
.na-lightbox-details button:hover,.na-lightbox-details button:focus-visible { color:#d68a68; }
.na-lightbox-details>*+*::before { content:"·";margin-right:.6rem; }
.na-lightbox-count { color:rgba(247,243,234,.42); }

/* Direct Bindia photograph links */
.na-photo-single { padding:clamp(1.2rem,3vw,3rem) 0 4rem; }
.na-photo-single-frame { display:flex;justify-content:center; }
.na-photo-single-frame img { width:auto;height:auto;max-width:100%;max-height:78vh;border-radius:8px;object-fit:contain; }
.na-photo-single-meta { display:flex;justify-content:center;flex-wrap:wrap;gap:.22rem .55rem;padding:.9rem 0;color:var(--na-muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.09em; }
.na-photo-single-meta span+span::before { content:"·";margin-right:.55rem; }
.na-photo-single-content { width:min(720px,100%);margin:1.5rem auto 0;font-family:var(--na-serif);font-size:1.15rem;line-height:1.65; }

/* Fallback archives */
.na-archive { padding:5rem 0; }
.na-archive-header h1 { margin:0 0 3rem;font-family:var(--na-serif);font-size:clamp(4rem,10vw,9rem);font-weight:400;letter-spacing:-.05em; }
.na-archive-list { display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 1rem; }
.na-archive-card { border-top:1px solid var(--na-line);padding-top:1rem; }
.na-archive-card a { text-decoration:none; }
.na-archive-card img { width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:1rem; }
.na-archive-card h2 { margin:.4rem 0;font-family:var(--na-serif);font-size:1.7rem;font-weight:400; }

@media (max-width:960px) {
	.na-home-projects { grid-template-columns:1fr; }
	.na-poetry-grid { grid-template-columns:repeat(2,1fr); }
  .na-map-tools { grid-template-columns:1fr; }
  .na-filters { flex-wrap:wrap; }
  .na-map-layout { grid-template-columns:1fr; }
  .na-map-frame { position:relative;top:auto; }
  .na-real-map { height:520px; }
  .na-photo-grid { columns:3; }
  .na-archive-list { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:720px) {
  .na-site-header,.na-main { padding-left:1rem;padding-right:1rem; }
  .na-site-header { padding-top:1rem;padding-bottom:1rem;background:var(--na-paper);backdrop-filter:none; }
  .na-menu-button { position:relative;z-index:2;display:block;min-width:4.75rem;padding:.5rem 0;border:0;background:transparent;text-align:right; }
  .na-primary-nav { position:absolute;z-index:1;top:100%;right:0;left:0;display:none;height:calc(100dvh - 100%);min-height:calc(100vh - 57px);overflow-y:auto;flex-direction:column;align-items:flex-start;gap:1.25rem;padding:2rem 1rem 3rem;background:var(--na-paper);border-top:1px solid var(--na-line); }
  .na-primary-nav.is-open { display:flex!important; }
  .na-primary-nav a { font-family:var(--na-serif);font-size:clamp(2.2rem,11vw,3.5rem);letter-spacing:-.04em;text-transform:none; }
  .na-hero img { height:58vh;min-height:380px; }
  .na-display-title { font-size:clamp(3.15rem,13.5vw,4.5rem);line-height:.94; }
	.na-home-intro { min-height:340px;padding:4rem 0; }
	.na-home-intro p { font-size:clamp(2.25rem,11vw,4rem); }
	.na-home-section-head,.na-project-heading { align-items:flex-start;flex-direction:column;gap:.9rem; }
	.na-map-legend { justify-content:flex-start; }
	.na-home-map { height:54vh;min-height:390px; }
	.na-home-projects { gap:4rem; }
	.na-home-more-essays { grid-template-columns:1fr; }
	.na-home-poem-grid,.na-poetry-grid { grid-template-columns:1fr; }
	.na-home-photo-grid { gap:.65rem; }
  .na-filters { display:grid;grid-template-columns:1fr 1fr; }
  .na-filters select,.na-quiet-button { min-width:0;width:100%; }
  .na-real-map,.na-photo-map { height:55vh;min-height:360px; }
  .na-photo-grid { columns:2;column-gap:.65rem; }
  .na-photo-card { margin-bottom:.9rem; }
  .na-location-gallery-heading { align-items:start;flex-direction:column;gap:.8rem; }
  .na-photo-caption { font-size:.56rem;letter-spacing:.055em; }
  .na-lightbox { grid-template-columns:2.8rem minmax(0,1fr) 2.8rem; }
  .na-lightbox-stage { padding:.75rem 0 .4rem; }
  .na-lightbox-image { max-height:calc(100dvh - 7.25rem);border-radius:7px; }
  .na-lightbox-arrow { font-size:2.4rem; }
  .na-lightbox-details { min-height:4.2rem;padding:.75rem 2.5rem 1rem;font-size:.59rem; }
  .na-article-header { padding-top:1.8rem;padding-bottom:2.2rem; }
  .na-article-header h1 { margin-top:.8rem;font-size:clamp(3.2rem,14vw,4.35rem);line-height:.94;letter-spacing:-.045em; }
  .na-article-hero { margin-bottom:3rem; }
  .na-article-hero img { width:100%;max-height:none; }
  .na-home-content blockquote,.na-article-content blockquote { margin-left:0;margin-right:0; }
  .na-home-content figure,.na-article-content figure { position:static;left:auto;width:auto;margin:1.1rem 0;transform:none; }
  .na-archive-list { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important; } }