/* The hub's nav and footer, scoped so they can sit on the folded pages (the Field Guide, Listings, The Cliffs, the Quiet List) without touching their own styles (Oct 25 2026). Source of record: src/static/css/hubchrome.css; the rules mirror site.css. */
.hubnav,.hubfoot{--hc-black:#0A0A0A;--hc-ink:#111;--hc-gold:#E6CE93;--hc-mist:#C7C1B4;--hc-sans:Jost,"Helvetica Neue",Arial,sans-serif;--hc-gutter:clamp(18px,4.5vw,64px);box-sizing:border-box;font-family:var(--hc-sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.hubnav *,.hubfoot *{box-sizing:border-box}
.hubnav{background:var(--hc-black);color:#fff;margin:0;padding:0}
.hubnav .nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:22px var(--hc-gutter);font-size:13.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;background:transparent;border:0}
.hubnav .nav a{color:#fff;text-decoration:none;border:0;font:inherit;letter-spacing:inherit}
.hubnav .nav a:hover{color:var(--hc-gold)}
.hubnav .nav__group{display:flex;gap:28px}
.hubnav .nav__lockup{height:30px;width:auto;display:block;margin:0}
.hubnav .nav.mob{display:none;padding:16px 18px;font-size:13px;letter-spacing:.18em}
.hubnav .nav.mob .nav__lockup{height:22px;width:auto;max-width:none;flex:none}
.hubnav .nav.mob>a{flex:none}
.hubnav img{max-width:100%}
@media (max-width:520px){.hubnav .nav.mob a[href^="tel"]{display:none}}
.hubnav .nav__menu{min-height:44px;padding:0 14px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);letter-spacing:.18em;text-transform:uppercase;font:inherit;font-size:12px;cursor:pointer;border-radius:0}
.hubnav .menu{position:relative;display:none;flex-direction:column;padding:0 18px 18px;margin:0;background:rgba(10,10,10,.96)}
.hubnav .menu.is-open{display:flex}
.hubnav .menu a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14);text-decoration:none;font-size:16px;color:#fff;letter-spacing:0;text-transform:none}
.hubnav .menu a:last-child{border-bottom:0}
.hubnav .menu .menu__link,.hubnav .menu .menu__head,.hubnav .menu .menu__call{border-bottom:0}
@media (max-width:1060px){.hubnav .nav.desk{display:none}.hubnav .nav.mob{display:flex}}
.hubsub{position:sticky;top:0;z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;padding:12px var(--hc-gutter,clamp(18px,4.5vw,64px));background:rgba(10,10,10,.96);color:#fff;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);font-family:Jost,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.hubsub a{color:#CFCABE;text-decoration:none}
.hubsub a:hover{color:#E6CE93}
.hubfoot{background:var(--hc-black);color:var(--hc-mist);padding:88px var(--hc-gutter) 48px;margin:0;border:0;text-align:left;font-family:var(--hc-sans)}
.hubfoot a{color:inherit}
.hubfoot .foot__in{display:flex;flex-direction:column;gap:48px;max-width:1312px;margin:0 auto}
.hubfoot .foot__top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px}
.hubfoot .foot__top img{height:36px;width:auto;display:block;margin:0}
.hubfoot .sub{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0}
.hubfoot .sub label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff;font-family:var(--hc-sans)}
.hubfoot .sub input{width:280px;max-width:100%;min-height:48px;padding:0 14px;background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;font:inherit;font-size:15px;letter-spacing:0;text-transform:none;border-radius:0}
.hubfoot .sub button{min-height:50px;padding:0 24px;background:#fff;color:var(--hc-ink);border:0;font:inherit;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border-radius:0}
.hubfoot .foot__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;font-size:15px;line-height:1.8}
.hubfoot .foot__cols--rule{padding-top:32px;border-top:1px solid rgba(255,255,255,.14)}
.hubfoot .foot__cols h4,.hubfoot .foot__cols .foot__h{font-family:var(--hc-sans);margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff}
.hubfoot .foot__cols a{color:inherit;text-decoration:none;border:0}
.hubfoot .foot__cols a:hover{color:#fff}
.hubfoot .foot__wide{grid-column:span 2}
.hubfoot .foot__legal{margin:0;padding-top:28px;border-top:1px solid rgba(255,255,255,.14);font-size:13.5px;line-height:1.7;color:#9A9A9A}
.hubfoot p,.hubfoot div,.hubfoot a,.hubfoot label{text-transform:none;letter-spacing:0;text-align:left}
.hubfoot p{margin:0;font-size:15px;line-height:1.8}
.hubfoot .foot__cols div{width:auto;height:auto;background:transparent;margin:0;padding:0}
.hubfoot .foot__cols h4,.hubfoot .foot__cols .foot__h{text-align:left;letter-spacing:.2em;text-transform:uppercase;line-height:1.4;background:transparent;width:auto;height:auto;padding:0}
@media print{.hubnav,.hubfoot,.hubsub{display:none}}
@media (max-width:520px){.hubfoot .foot__wide{grid-column:span 1}}
.hubsub__sep{width:1px;height:14px;background:rgba(255,255,255,.3);margin:0 4px}

/* The pathway menus (Oct 29 2026): the same rules as site.css lines for .nav__item/.nav__panel/.menu__*, scoped to .hubnav. Keep in step with site.css. */
.hubnav .folio__go{display:none;justify-content:space-between;gap:16px;margin:14px 0 4px 48px;color:var(--ink);text-decoration:none;font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.hubnav .folio.is-on .folio__go{display:flex}
.hubnav .nav.desk .nav__group{flex:0 1 auto;display:flex;align-items:center;gap:28px;white-space:nowrap}
.hubnav .nav.desk .nav__group:last-child{justify-content:flex-end}
@media (max-width:1240px){.hubnav  .nav.desk{font-size:12.5px;letter-spacing:.14em;gap:14px}.hubnav  .nav.desk .nav__group{gap:18px}}
.hubnav .se__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.hubnav .se__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.hubnav .se .se__stats{border-color:rgba(127,127,127,.35)}
.hubnav .se__stat b{display:block;font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:clamp(28px,3vw,40px);line-height:1}
.hubnav .se__stat span{display:block;margin-top:8px;font-size:13.5px;line-height:1.45;color:inherit;opacity:.85}
.hubnav .se__pubs{margin-top:26px;border-top:1px solid rgba(127,127,127,.35)}
.hubnav .se__pub{display:grid;grid-template-columns:minmax(150px,.4fr) 1fr;gap:16px;padding:12px 0;border-bottom:1px solid rgba(127,127,127,.35);font-size:15px}
.hubnav .se__pub b{font-weight:500}
.hubnav .se__fig{margin:0}.se__fig img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.hubnav .se__fig figcaption{margin-top:14px;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:19px;line-height:1.4}
@media (max-width:860px){.hubnav  .se__grid{grid-template-columns:1fr}.hubnav  .se__stats{grid-template-columns:1fr 1fr}}
@media (max-width:1060px){.hubnav  .nav.desk{display:none}.hubnav  .nav.mob{display:flex}}
@media (min-width:761px){.hubnav  .nav.mob .nav__lockup{height:30px}}
.hubnav .nav__item{position:relative}
.hubnav .nav__item>a{display:inline-block;padding:12px 0}
.hubnav .nav__panel{position:absolute;left:-28px;top:100%;z-index:40;min-width:340px;padding-top:6px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.hubnav .nav__panel--right{left:auto;right:-28px}
.hubnav .nav__item:hover .nav__panel,.hubnav .nav__item:focus-within .nav__panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.hubnav .nav__panel-in{background:rgba(12,12,12,.96);border:1px solid rgba(255,255,255,.14);padding:14px 0;display:flex;flex-direction:column;backdrop-filter:blur(8px)}
.hubnav .nav__panel-in a{display:block;padding:11px 26px;text-transform:none;letter-spacing:0;font-size:16px;font-weight:400;color:#fff;line-height:1.3}
.hubnav .nav__panel-in a:hover{background:rgba(255,255,255,.06);color:#fff}
.hubnav .nav__panel-in a b{display:block;font-weight:500;font-family:"Playfair Display",Georgia,serif;font-size:19px}
.hubnav .nav__panel-in a span{display:block;font-size:13.5px;color:#C7C1B4;margin-top:2px}
.hubnav .menu .menu__group{padding:10px 0 6px;border-bottom:1px solid rgba(255,255,255,.14)}
.hubnav .menu .menu__head{display:block;padding:10px 0 6px;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#E6CE93;border:0}
.hubnav .menu .menu__link{display:block;padding:9px 0;border:0;font-size:17px;font-family:"Playfair Display",Georgia,serif;color:#fff;text-decoration:none}
.hubnav .menu .menu__call{display:block;padding:16px 0 4px;border:0;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-decoration:none}
.hubnav .menu.is-open{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;z-index:45;padding:84px 18px 32px;background:#0a0a0a}
.hubnav .nav.mob{position:relative;z-index:50}
.hubnav body.menu-open{overflow:hidden}
.hubnav .rel__filmcap{font-family:var(--hc-sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#C7A964;margin-top:22px}
/* The Seller's Field Guide on the hub (Damian, Oct 29 2026: bigger subheadlines and the eyebrows above them; the headlines stay). The page keeps its own styles; this only lifts the small caps h3 and the section numerals. */
@media screen{body:has(.toc-num) .section h3{font-size:1.02rem;letter-spacing:.18em;margin-top:48px}body:has(.toc-num) .section-num{font-size:4rem}body:has(.toc-num) .proof h3,body:has(.toc-num) .mkt h3{font-size:1.5rem !important;letter-spacing:0}}