/* Homes with Frankie Site Design 2.7.0: Signature design.
 * Loaded only when Appearance → Site Design shows Signature to this visitor.
 * Ported from the approved redesign prototype. Custom properties use an --s- prefix and
 * selectors are scoped to body.hwf-sig (every design page) or body.hwf-sig-full (home and
 * the Local Guide hub, where the classic stylesheets are not loaded). */
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/source-serif-4-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 400 600; font-display: swap; src: url("../fonts/source-serif-4-latin-italic.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
  --s-paper: #f3ede1; --s-surface: #fbf8f2; --s-tint: #ede5d6; /* 2.7.3: warmer, softer cream (was #fbf7ef / #fffdf9 / #f3ecdf) */ --s-tint-green: #e7efe8;
  --s-ink: #283430; --s-body: #4f5a56; --s-muted: #5f6965;
  --s-accent: #456b60; --s-accent-ink: #ffffff; --s-accent-soft: #79a99b;
  --s-kicker: #87443a; --s-coral: #d37b65; --s-gold: #e4b85c;
  --s-line: rgba(40,52,48,.13); --s-night: #293643; --s-night-ink: #f5ead8;
  --s-shadow: 0 1px 2px rgba(40,52,48,.06), 0 8px 24px rgba(40,52,48,.07);
  --s-r-sm: 8px; --s-r-lg: 16px;
  --s-measure: 38rem; --s-wide: 72rem; --s-gutter: clamp(1rem, 4vw, 2.5rem);
  --s-space-1: .5rem; --s-space-2: 1rem; --s-space-3: 1.5rem; --s-space-4: 2.5rem; --s-space-5: clamp(3rem, 6vw, 5rem);
  --s-step--1: clamp(.84rem, .82rem + .1vw, .9rem);
  --s-step-0: clamp(1.0625rem, 1.02rem + .2vw, 1.15rem);
  --s-step-1: clamp(1.2rem, 1.12rem + .4vw, 1.4rem);
  --s-step-2: clamp(1.5rem, 1.25rem + 1.1vw, 2.05rem);
  --s-step-3: clamp(2.05rem, 1.45rem + 2.8vw, 3.55rem);
  --s-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --s-head: "Source Serif 4", Georgia, "Times New Roman", serif; --s-head-weight: 600;
  --s-ease: cubic-bezier(.2,.7,.2,1);
  color-scheme: light;
}
:root[data-hwf-theme="dark"] {
  --s-paper: #1f221f; --s-surface: #272b27; --s-tint: #2b2f2a; --s-tint-green: #263129;
  --s-ink: #eee9df; --s-body: #cdcfc8; --s-muted: #a9ada5;
  --s-accent: #abc6b2; --s-accent-ink: #17211e; --s-accent-soft: #79a99b;
  --s-kicker: #e4a38b; --s-line: rgba(238,233,223,.14); --s-night: #171a17; --s-night-ink: #eee9df;
  --s-shadow: 0 1px 2px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.25);
  color-scheme: dark;
}
:root { --s-wm: "Source Serif 4", Georgia, serif; --s-wm-weight: 600; }
.hwf-sig-full *, .hwf-sig-full *::before, .hwf-sig-full *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.hwf-sig-full { margin: 0; background: var(--s-paper); color: var(--s-body); font: 400 var(--s-step-0)/1.68 var(--s-sans); text-rendering: optimizeLegibility; }
.hwf-sig-full h1, .hwf-sig-full h2, .hwf-sig-full h3 { color: var(--s-ink); font-family: var(--s-head); font-weight: var(--s-head-weight); font-optical-sizing: auto; line-height: 1.14; letter-spacing: -.012em; text-wrap: balance; margin: 0; }
.hwf-sig-full h1 { font-size: var(--s-step-3); letter-spacing: -.02em; }
.hwf-sig-full h2 { font-size: var(--s-step-2); }
.hwf-sig-full h3 { font-size: var(--s-step-1); line-height: 1.25; }
.hwf-sig-full p { margin: 0 0 1em; text-wrap: pretty; }
.hwf-sig-full a { color: var(--s-accent); text-decoration-thickness: 1px; text-underline-offset: .18em; transition: text-decoration-color .2s var(--s-ease), color .2s var(--s-ease); }
.hwf-sig-full a:hover { text-decoration-thickness: 2px; }
.hwf-sig-full :focus-visible { outline: 3px solid var(--s-accent); outline-offset: 3px; border-radius: 4px; }
.hwf-sig-full img { display: block; max-width: 100%; height: auto; }
.hwf-sig .wrap { width: min(100% - 2 * var(--s-gutter), var(--s-wide)); margin-inline: auto; }
.hwf-sig-full .read { width: min(100% - 2 * var(--s-gutter), var(--s-measure)); margin-inline: auto; }
.hwf-sig .kicker { margin: 0 0 .75rem; color: var(--s-kicker); font: 600 var(--s-step--1)/1.3 var(--s-sans); letter-spacing: .08em; text-transform: uppercase; }
.hwf-sig .small { font-size: var(--s-step--1); color: var(--s-muted); }
.hwf-sig .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hwf-sig-full [id] { scroll-margin-top: 5.5rem; }
body.hwf-sig-full::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 30; background: var(--s-paper); }
.hwf-sig .sig-header { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; background: color-mix(in srgb, var(--s-paper) 88%, transparent); backdrop-filter: saturate(1.4) blur(12px); -webkit-backdrop-filter: saturate(1.4) blur(12px); border-bottom: 1px solid transparent; transition: transform .35s var(--s-ease), border-color .35s var(--s-ease); }
.hwf-sig .sig-header.scrolled { border-bottom-color: var(--s-line); }
.hwf-sig .sig-header.away { transform: translateY(-100%); }
.hwf-sig .sig-header .wrap { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 4.25rem; }
.hwf-sig .brand { display: inline-flex; align-items: center; gap: .65rem; color: var(--s-ink); text-decoration: none; }
.hwf-sig .brand svg { flex: none; }
.hwf-sig .wordmark { font-family: var(--s-wm); font-weight: var(--s-wm-weight); font-size: 1.28rem; letter-spacing: -.01em; line-height: 1; white-space: nowrap; }
.hwf-sig .wordmark em { font-weight: 500; font-style: italic; color: var(--s-muted); padding-inline: .06em; }
.hwf-sig .site-icon { flex: none; }
.hwf-sig .nav { display: flex; align-items: center; gap: clamp(.75rem, 2vw, 1.75rem); font: 500 .95rem/1 var(--s-sans); }
.hwf-sig .nav a { color: var(--s-ink); text-decoration: none; padding-block: .6rem; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .3s var(--s-ease); }
.hwf-sig .nav a:hover, .hwf-sig .nav a[aria-current="page"] { background-size: 100% 1px; }
.hwf-sig .nav .btn { padding: .65rem 1rem; background: var(--s-accent); color: var(--s-accent-ink); }
.hwf-sig .menu-btn { display: none; }
.hwf-sig .cta-short { display: none; }
.hwf-sig .mobile-menu { display: none; }
@media (max-width: 400px) {
.hwf-sig .sig-header .wrap { gap: .5rem; }
.hwf-sig .nav { gap: .4rem; }
.hwf-sig .brand { gap: .5rem; }
.hwf-sig .sig-header .wordmark { font-size: 1rem; }
 }
@media (max-width: 360px) {
.hwf-sig .menu-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hwf-sig .menu-btn { width: 44px; justify-content: center; }
.hwf-sig .sig-header .wordmark { font-size: .9rem; }
.hwf-sig .nav .btn { padding: .5rem .6rem; }
 }
@media (max-width: 760px) {
.hwf-sig .nav a:not(.btn) { display: none; }
.hwf-sig .menu-btn { display: inline-flex; min-height: 44px; align-items: center; padding: 0 .25rem; border: 0; background: none; color: var(--s-ink); font: 500 .95rem var(--s-sans); }
.hwf-sig .nav .btn { display: inline-flex; min-height: 40px; padding: .5rem .85rem; font-size: .9rem; }
.hwf-sig .cta-long { display: none; }
.hwf-sig .cta-short { display: inline; }
.hwf-sig .menu-btn { gap: .4rem; }
.hwf-sig .mobile-menu:not([hidden]) { display: grid; padding: 0 var(--s-gutter) .75rem; border-bottom: 1px solid var(--s-line); background: var(--s-paper); }
.hwf-sig .mobile-menu a { display: flex; align-items: center; min-height: 48px; border-top: 1px solid var(--s-line); color: var(--s-ink); text-decoration: none; font: 500 1.05rem var(--s-sans); }
.hwf-sig .wordmark { font-size: 1.12rem; }
}
.hwf-sig .btn { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 44px; padding: .75rem 1.2rem; border-radius: var(--s-r-sm); background: var(--s-accent); color: var(--s-accent-ink); font: 600 .98rem/1.2 var(--s-sans); text-decoration: none; transition: transform .2s var(--s-ease), box-shadow .2s var(--s-ease), background-color .2s; }
.hwf-sig .btn:hover { transform: translateY(-1px); box-shadow: var(--s-shadow); }
.hwf-sig .btn.quiet { background: transparent; color: var(--s-ink); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--s-ink) 50%, transparent); }
.hwf-sig .btn.quiet:hover { box-shadow: var(--s-shadow), inset 0 0 0 1.5px color-mix(in srgb, var(--s-ink) 50%, transparent); }
.hwf-sig .arrow { font-weight: 600; text-decoration: none; }
.hwf-sig .arrow::after { content: "→"; display: inline-block; margin-left: .3em; transition: transform .25s var(--s-ease); }
.hwf-sig .arrow:hover::after { transform: translateX(3px); }
.hwf-sig-full .hero { padding-block: clamp(2.5rem, 7vw, 6rem) clamp(2rem, 4vw, 3.5rem); }
.hwf-sig-full .hero-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.hwf-sig-full .hero h1 { max-width: 13ch; }
.hwf-sig-full .lede { max-width: 34rem; margin-top: 1.25rem; font-size: var(--s-step-1); line-height: 1.55; }
.hwf-sig-full .hero-actions { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; align-items: center; margin-top: 2rem; }
.hwf-sig-full .hero-card { position: relative; padding: 1.5rem; border-radius: var(--s-r-lg); background: var(--s-surface); box-shadow: var(--s-shadow), inset 0 0 0 1px var(--s-line); }
.hwf-sig-full .hero-card img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; }
.hwf-sig-full .hero-card h2 { font-size: var(--s-step-1); margin: 1rem 0 .25rem; }
.hwf-sig-full .hero-card p { margin: 0; font-size: var(--s-step--1); color: var(--s-muted); }
.hwf-sig-full .hero-card .langs { margin-top: .75rem; color: var(--s-body); }
@media (max-width: 800px) {
.hwf-sig-full .hero-grid { grid-template-columns: 1fr; }
.hwf-sig-full .hero-card { display: grid; grid-template-columns: 72px 1fr; gap: 0 1rem; align-items: center; }
.hwf-sig-full .hero-card img { width: 72px; height: 72px; grid-row: span 3; }
.hwf-sig-full .hero-card h2 { margin: 0; }
 }
.hwf-sig-full .section { padding-block: var(--s-space-5); }
.hwf-sig-full .section + .section { border-top: 1px solid var(--s-line); }
.hwf-sig-full .section-head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1rem 2rem; margin-bottom: var(--s-space-4); }
.hwf-sig-full .section-head p { max-width: 34rem; margin: .75rem 0 0; }
.hwf-sig-full .paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2.5vw, 2rem); }
.hwf-sig-full .path { display: flex; flex-direction: column; gap: .5rem; padding: 1.5rem; border-radius: var(--s-r-lg); background: var(--s-surface); color: inherit; text-decoration: none; transition: transform .3s var(--s-ease), box-shadow .3s var(--s-ease); }
.hwf-sig-full .path { box-shadow: inset 0 0 0 1px var(--s-line); }
.hwf-sig-full .path:hover { transform: translateY(-3px); box-shadow: var(--s-shadow), inset 0 0 0 1px var(--s-accent-soft); }
.hwf-sig-full .path .num { color: var(--s-kicker); font: 600 var(--s-step--1) var(--s-sans); letter-spacing: .06em; text-transform: uppercase; }
.hwf-sig-full .path h3 { margin-bottom: .25rem; }
.hwf-sig-full .path p { margin: 0; flex: 1; }
.hwf-sig .path .arrow { margin-top: .75rem; color: var(--s-accent); }
@media (max-width: 860px) {
.hwf-sig-full .paths { grid-template-columns: 1fr; }
.hwf-sig-full .path { padding: 1.25rem; }
 }
.hwf-sig-full .stories { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: clamp(1rem, 2.5vw, 2rem); }
.hwf-sig-full .story { color: inherit; text-decoration: none; }
.hwf-sig-full .story .frame { aspect-ratio: 4 / 3; border-radius: var(--s-r-lg); overflow: hidden; background: var(--s-tint); }
.hwf-sig-full .story:first-child .frame { aspect-ratio: 5 / 4; }
.hwf-sig-full .story img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--s-ease); }
.hwf-sig-full .story:hover img { transform: scale(1.025); }
.hwf-sig-full .story .meta { margin: 1rem 0 .35rem; font-size: var(--s-step--1); color: var(--s-muted); }
.hwf-sig-full .story h3 { transition: color .2s; }
.hwf-sig-full .story:hover h3 { color: var(--s-accent); }
.hwf-sig-full .story p { margin: .4rem 0 0; }
@media (max-width: 860px) {
.hwf-sig-full .stories { grid-template-columns: 1fr; }
.hwf-sig-full .story .frame, .hwf-sig-full .story:first-child .frame { aspect-ratio: 16 / 10; }
 }
.hwf-sig-full .credits { margin-top: var(--s-space-3); }
.hwf-sig-full .faq-list { display: grid; gap: 0; max-width: var(--s-measure); }
.hwf-sig-full .faq-list details { border-top: 1px solid var(--s-line); }
.hwf-sig-full .faq-list details:last-child { border-bottom: 1px solid var(--s-line); }
.hwf-sig-full .faq-list summary { display: flex; justify-content: space-between; gap: 1rem; padding: 1.15rem 0; cursor: pointer; list-style: none; color: var(--s-ink); font: 600 var(--s-step-0)/1.4 var(--s-sans); }
.hwf-sig-full .faq-list summary::-webkit-details-marker { display: none; }
.hwf-sig-full .faq-list summary::after { content: "+"; color: var(--s-accent); font-weight: 400; font-size: 1.4rem; line-height: 1; transition: transform .3s var(--s-ease); }
.hwf-sig-full .faq-list details[open] summary::after { transform: rotate(45deg); }
.hwf-sig-full .faq-list details p { padding-bottom: 1.15rem; margin: 0; }
.hwf-sig-full .invite { padding: clamp(2rem, 5vw, 3.5rem); border-radius: var(--s-r-lg); background: var(--s-tint-green); text-align: center; }
.hwf-sig-full .invite h2 { max-width: 20ch; margin-inline: auto; }
.hwf-sig-full .invite p { max-width: 34rem; margin: 1rem auto 1.75rem; }
.hwf-sig-full .invite .hero-actions { justify-content: center; margin-top: 0; }
.hwf-sig .crumb { margin: 0 0 1.25rem; font-size: var(--s-step--1); }
.hwf-sig .crumb a { display: inline-block; padding-block: .35rem; color: var(--s-muted); text-decoration: none; }
@media (max-width: 600px) {
.hwf-sig .crumb .crumb-home, .hwf-sig .crumb .crumb-sep { display: none; }
.hwf-sig .crumb-parent::before { content: "‹ " / ""; }
 }
.hwf-sig .crumb a:hover { color: var(--s-accent); }
.hwf-sig-full .article-head { padding-block: clamp(2rem, 6vw, 4.5rem) var(--s-space-3); }
.hwf-sig-full .article-head .dek { margin: 1.25rem 0 0; font-size: var(--s-step-1); line-height: 1.55; color: var(--s-body); }
.hwf-sig .sig-byline { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .9rem; margin-top: 1.5rem; font-size: var(--s-step--1); color: var(--s-muted); }
.hwf-sig .sig-byline img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.hwf-sig .sig-byline b { color: var(--s-ink); font-weight: 600; }
.hwf-sig-full .answer { margin-block: var(--s-space-3) var(--s-space-4); padding: 1.35rem 1.5rem; border-radius: var(--s-r-lg); background: var(--s-tint-green); }
.hwf-sig-full .answer h2 { margin-bottom: .6rem; font: 600 var(--s-step--1)/1.3 var(--s-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--s-accent); }
.hwf-sig-full .answer p:last-child, .hwf-sig-full .answer ul:last-child { margin-bottom: 0; }
.hwf-sig-full .picks { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.hwf-sig-full .picks li { display: grid; grid-template-columns: 8.5rem 1fr; gap: .75rem; }
.hwf-sig-full .picks span { color: var(--s-muted); font-size: var(--s-step--1); padding-top: .15em; }
@media (max-width: 520px) {
.hwf-sig-full .picks li { grid-template-columns: 1fr; gap: 0; }
 }
.hwf-sig-full .toc { margin-block: var(--s-space-3); font-size: var(--s-step--1); }
.hwf-sig-full .toc summary { cursor: pointer; color: var(--s-ink); font-weight: 600; min-height: 44px; display: flex; align-items: center; gap: .5rem; list-style: none; }
.hwf-sig-full .toc summary::-webkit-details-marker { display: none; }
.hwf-sig-full .toc summary::before { content: ""; width: .45rem; height: .45rem; border-right: 2px solid var(--s-accent); border-bottom: 2px solid var(--s-accent); transform: rotate(-45deg); transition: transform .25s var(--s-ease); }
.hwf-sig-full .toc[open] summary::before { transform: rotate(45deg); }
.hwf-sig-full .toc ol { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; margin: .5rem 0 0; padding: 0; }
.hwf-sig-full .toc a { display: inline-block; padding: .4rem .75rem; border-radius: 999px; background: var(--s-surface); box-shadow: inset 0 0 0 1px var(--s-line); color: var(--s-ink); text-decoration: none; transition: background-color .2s, box-shadow .2s; }
.hwf-sig-full .toc a:hover { box-shadow: inset 0 0 0 1px var(--s-accent); }
.hwf-sig-full .prose h2 { margin: var(--s-space-5) 0 var(--s-space-2); }
.hwf-sig-full .prose h3 { margin: var(--s-space-4) 0 .6rem; }
.hwf-sig-full .prose > *:first-child { margin-top: 0; }
.hwf-sig-full .venue { width: min(100% - 2 * var(--s-gutter), 58rem); margin: var(--s-space-5) auto 0; }
.hwf-sig-full .venue > h2 { max-width: var(--s-measure); margin: 0 0 var(--s-space-3); }
.hwf-sig-full .venue-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3.5rem); align-items: start; }
.hwf-sig-full .venue figure { margin: 0; }
.hwf-sig-full .frame { position: relative; aspect-ratio: 4 / 3; border-radius: var(--s-r-lg); overflow: hidden; background: var(--s-tint); }
.hwf-sig-full .frame img { position: relative; width: 100%; height: 100%; object-fit: contain; }
.hwf-sig-full .frame.fill::before { content: ""; position: absolute; inset: -20px; background: var(--s-img) center / cover; filter: blur(18px) saturate(1.1); opacity: .7; }
.hwf-sig-full .frame:not(.fill) img { object-fit: cover; }
.hwf-sig-full figcaption { margin-top: .7rem; font-size: var(--s-step--1); line-height: 1.5; color: var(--s-muted); }
.hwf-sig-full figcaption .tag { display: inline-block; margin-right: .35rem; padding: .05rem .45rem; border-radius: 999px; background: var(--s-tint); color: var(--s-body); font-size: .78rem; }
.hwf-sig-full .facts { display: grid; grid-template-columns: 6.5rem 1fr; gap: 0; margin: 0 0 1.25rem; }
.hwf-sig-full .facts dt, .hwf-sig-full .facts dd { margin: 0; padding: .6rem 0; border-bottom: 1px solid var(--s-line); }
.hwf-sig-full .facts dt { color: var(--s-ink); font-weight: 600; font-size: var(--s-step--1); padding-top: .72rem; }
.hwf-sig-full .facts dd { font-size: .98rem; }
.hwf-sig-full .venue .more { max-width: var(--s-measure); margin: var(--s-space-3) 0 0; }
.hwf-sig-full .official { font-size: var(--s-step--1); }
@media (max-width: 760px) {
.hwf-sig-full .venue-grid { grid-template-columns: 1fr; }
.hwf-sig-full .venue { width: min(100% - 2 * var(--s-gutter), var(--s-measure)); }
 }
.hwf-sig-full .agenda { list-style: none; margin: var(--s-space-3) 0 0; padding: 0; }
.hwf-sig-full .agenda li { display: grid; grid-template-columns: 9.5rem minmax(0, 1fr); gap: 1.25rem; padding: 1.2rem 0; border-top: 1px solid var(--s-line); }
.hwf-sig-full .agenda li:last-child { border-bottom: 1px solid var(--s-line); }
.hwf-sig-full .agenda time { color: var(--s-accent); font-weight: 600; font-size: var(--s-step--1); line-height: 1.5; }
.hwf-sig-full .agenda time span { display: block; color: var(--s-muted); font-weight: 400; }
.hwf-sig-full .agenda h3 { margin: 0 0 .3rem; font-size: 1.12rem; }
.hwf-sig-full .agenda h3 a { color: var(--s-ink); text-decoration-color: var(--s-line); }
.hwf-sig-full .agenda h3 a:hover { text-decoration-color: currentColor; }
.hwf-sig-full .agenda p { margin: 0; font-size: .98rem; overflow-wrap: anywhere; }
@media (max-width: 560px) {
.hwf-sig-full .agenda li { grid-template-columns: 1fr; gap: .3rem; }
.hwf-sig-full .agenda time span { display: inline; margin-left: .5rem; }
 }
.hwf-sig-full .example { margin: var(--s-space-3) 0; padding: 0; border-radius: var(--s-r-lg); background: var(--s-surface); box-shadow: var(--s-shadow); overflow: hidden; }
.hwf-sig-full .example table { width: 100%; border-collapse: collapse; font-size: .98rem; }
.hwf-sig-full .example th, .hwf-sig-full .example td { padding: .8rem 1.25rem; text-align: left; border-bottom: 1px solid var(--s-line); }
.hwf-sig-full .example thead th { font-size: var(--s-step--1); color: var(--s-muted); font-weight: 600; background: var(--s-tint); }
.hwf-sig-full .example td { text-align: right; font-variant-numeric: tabular-nums; color: var(--s-ink); white-space: nowrap; }
.hwf-sig-full .example tfoot th, .hwf-sig-full .example tfoot td { border-bottom: 0; color: var(--s-ink); font-weight: 700; background: var(--s-tint-green); }
.hwf-sig-full .example figcaption { margin: 0; padding: .85rem 1.25rem 1rem; }
.hwf-sig-full .calc { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .6rem; margin: var(--s-space-3) 0; padding: 1.1rem 1.25rem; border-left: 3px solid var(--s-accent-soft); background: var(--s-tint); border-radius: 0 var(--s-r-sm) var(--s-r-sm) 0; font-variant-numeric: tabular-nums; color: var(--s-ink); }
.hwf-sig-full .calc b { font-size: 1.15rem; }
.hwf-sig .calc .small { flex-basis: 100%; margin: .25rem 0 0; }
.hwf-sig .sig-sources { margin-top: var(--s-space-5); padding-top: var(--s-space-3); border-top: 1px solid var(--s-line); font-size: var(--s-step--1); }
.hwf-sig .sig-sources h2 { font: 600 var(--s-step--1)/1.3 var(--s-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--s-muted); margin: 0 0 .75rem; }
.hwf-sig .sig-ending { display: grid; gap: var(--s-space-3); margin-block: var(--s-space-5); }
.hwf-sig .sig-author { display: grid; grid-template-columns: 64px 1fr; gap: 1rem; align-items: start; }
.hwf-sig .sig-author img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.hwf-sig .sig-author p { margin: 0; font-size: .98rem; }
.hwf-sig .sig-author .name { color: var(--s-ink); font-weight: 600; }
.hwf-sig .sig-next { display: grid; gap: .25rem; padding: 1.25rem 1.5rem; border-radius: var(--s-r-lg); background: var(--s-surface); box-shadow: inset 0 0 0 1px var(--s-line); color: inherit; text-decoration: none; transition: box-shadow .25s var(--s-ease), transform .25s var(--s-ease); }
.hwf-sig .sig-next:hover { box-shadow: var(--s-shadow), inset 0 0 0 1px var(--s-accent-soft); transform: translateY(-2px); }
.hwf-sig .sig-next .small { margin: 0; }
.hwf-sig .sig-next strong { color: var(--s-ink); font-family: var(--s-head); font-weight: var(--s-head-weight); font-size: var(--s-step-1); line-height: 1.3; }
.hwf-sig .sig-soft-invite { margin: 0; font-size: .98rem; }
.hwf-sig .sig-footer :focus-visible { outline-color: #e4b85c; }
.hwf-sig .sig-footer { margin-top: var(--s-space-5); padding-block: var(--s-space-4); background: var(--s-night); color: var(--s-night-ink); font-size: var(--s-step--1); }
.hwf-sig .sig-footer .wrap { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .9fr) minmax(0, 1fr) minmax(0, .8fr); gap: 1.5rem 2.5rem; }
.hwf-sig-full .foot-note { margin: .2rem 0 0 !important; font-size: .82rem; max-width: 16rem; }
.hwf-sig-full .foot-links, .hwf-sig-full .foot-more { display: grid; align-content: start; gap: 0; }
.hwf-sig-full .foot-links a, .hwf-sig-full .foot-more a { display: inline-block; padding-block: .4rem; color: var(--s-night-ink); text-decoration-color: color-mix(in srgb, var(--s-night-ink) 40%, transparent); }
.hwf-sig-full .foot-label { margin: 0 0 .25rem !important; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; font-size: .75rem; }
.hwf-sig .sig-footer .foot-legal { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 2rem; margin-top: var(--s-space-3); padding-top: var(--s-space-2); border-top: 1px solid color-mix(in srgb, var(--s-night-ink) 18%, transparent); }
@media (max-width: 760px) {
.hwf-sig .sig-footer .wrap { grid-template-columns: 1fr 1fr; }
.hwf-sig-full .foot-brand { grid-column: 1 / -1; }
 }
.hwf-sig .sig-footer p { margin: 0 0 .35rem; color: color-mix(in srgb, var(--s-night-ink) 78%, transparent); }
.hwf-sig .sig-footer .brand { color: var(--s-night-ink); margin-bottom: .75rem; }
.hwf-sig .sig-footer a { color: var(--s-night-ink); }
@media (prefers-reduced-motion: reduce) {
.hwf-sig-full *, .hwf-sig-full *::before, .hwf-sig-full *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
.hwf-sig .sig-header.away { transform: none; }
}
:root { --s-sig-night: #283244; --s-sig-dusk: #3b3552; --s-sig-band: #232c3b; --s-sig-cream: #f5ead8; --s-sig-gold: #e4b85c; --s-sig-gold-ink: #1f2a26; --s-sig-coral: #d37b65;
  --s-tint-coral: #f7e4dc; --s-tint-mint: #e2efe6; --s-tint-lav: #ece6f4; --s-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; }
:root[data-hwf-theme="dark"] { --s-tint-coral: #3a2d2a; --s-tint-mint: #26332b; --s-tint-lav: #2f2b39; }
.hwf-sig .sig-header { background: color-mix(in srgb, var(--s-sig-band) 94%, transparent); }
.hwf-sig .sig-header.scrolled { border-bottom-color: rgba(245,234,216,.12); }
body.hwf-sig-full::before { background: var(--s-sig-band); }
.hwf-sig .sig-header .brand, .hwf-sig .nav a:not(.btn), .hwf-sig .menu-btn, .hwf-sig .sig-header .lights { color: var(--s-sig-cream); }
.hwf-sig .sig-header .wordmark em { color: #b9b2a5; }
.hwf-sig .sig-header :focus-visible { outline-color: var(--s-sig-gold); }
.hwf-sig .mobile-menu:not([hidden]) { background: var(--s-sig-band); border-bottom-color: rgba(245,234,216,.12); }
.hwf-sig .mobile-menu a { color: var(--s-sig-cream); border-top-color: rgba(245,234,216,.12); }
.hwf-sig .brand .site-icon { transition: filter .35s var(--s-ease); }
.hwf-sig .brand:hover .site-icon, .hwf-sig .brand:focus-visible .site-icon { filter: drop-shadow(0 0 6px rgba(246,207,116,.6)); }
.hwf-sig .sig-header .lights { display: inline-flex; align-items: center; gap: .4rem; min-height: 40px; padding: .35rem .6rem; border: 0; border-radius: var(--s-r-sm); background: transparent; font: 500 .9rem var(--s-sans); cursor: pointer; }
.hwf-sig .sig-header .lights .pane { fill: transparent; transition: fill .3s var(--s-ease); }
.hwf-sig .sig-header .lights[aria-pressed="true"] .pane { fill: var(--s-sig-gold); }
.hwf-sig .sig-header .lights[aria-pressed="true"] svg { filter: drop-shadow(0 0 4px rgba(246,207,116,.7)); }
@media (max-width: 760px) {
.hwf-sig .sig-header .lights { display: none !important; }
 }
.hwf-sig .btn:not(.quiet) { background: var(--s-sig-gold); color: var(--s-sig-gold-ink); box-shadow: 3px 3px 0 var(--s-sig-coral); }
.hwf-sig .btn:not(.quiet):hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--s-sig-coral); }
.hwf-sig .btn:not(.quiet):focus-visible { outline-color: var(--s-sig-coral); }
.hwf-sig-full .hero-band { background: linear-gradient(180deg, var(--s-sig-night) 0%, var(--s-sig-dusk) 100%); color: #d9d3e2; }
.hwf-sig-full .hero { padding-block: clamp(2.5rem, 6vw, 5rem) 0; }
.hwf-sig-full .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: end; }
.hwf-sig-full .hero-grid > div:first-child { padding-bottom: clamp(2rem, 5vw, 4.5rem); }
.hwf-sig-full .hero h1 { color: var(--s-sig-cream); }
.hwf-sig-full .hero .hl { color: var(--s-sig-gold); }
.hwf-sig .hero .kicker { color: var(--s-sig-gold); }
.hwf-sig-full .hero .lede { color: #d9d3e2; }
.hwf-sig .hero .btn.quiet { color: var(--s-sig-cream); box-shadow: inset 0 0 0 1.5px rgba(245,234,216,.6); }
.hwf-sig-full .hero :focus-visible { outline-color: var(--s-sig-gold); }
.hwf-sig-full .hero-card { display: none; }
.hwf-sig-full .scene-wrap { align-self: end; }
.hwf-sig-full .scene { display: block; width: 100%; height: auto; max-width: 600px; margin-left: auto; image-rendering: pixelated; }
@media (max-width: 800px) {
.hwf-sig-full .hero-grid { grid-template-columns: 1fr; gap: 0; }
.hwf-sig-full .hero-grid > div:first-child { padding-bottom: 1.5rem; }
.hwf-sig-full .scene { margin-inline: auto; }
 }
.hwf-sig-full .paths { counter-reset: path; }
.hwf-sig-full .path { counter-increment: path; }
.hwf-sig-full .path:nth-child(1) { background: var(--s-tint-coral); }
.hwf-sig-full .path:nth-child(2) { background: var(--s-tint-mint); }
.hwf-sig-full .path:nth-child(3) { background: var(--s-tint-lav); }
.hwf-sig-full .path .num { font-family: var(--s-mono); font-weight: 500; letter-spacing: .04em; color: var(--s-ink); }
.hwf-sig-full .path .num::before { content: "0" counter(path) " / "; color: var(--s-kicker); }
.hwf-sig .sig-byline span + span, .hwf-sig-full .agenda time, .hwf-sig-full .stamp, .hwf-sig-full figcaption .tag, .hwf-sig .sig-take-label, .hwf-sig .sig-sources h2 { font-family: var(--s-mono); letter-spacing: .03em; }
.hwf-sig .sig-byline span + span { font-size: .8rem; }
.hwf-sig .article-head .kicker { display: inline-block; padding: .3rem .65rem; border-radius: 999px; background: var(--s-tint-lav); color: var(--s-ink); }
.hwf-sig .article-head .kicker { background: var(--s-tint-mint); }
.hwf-sig-full .meet-band { background: var(--s-sig-band); color: #d9d3e2; }
.hwf-sig-full .meet { padding-block: var(--s-space-5); }
.hwf-sig-full .meet-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .8fr); gap: clamp(1.5rem, 5vw, 4rem); align-items: center; }
.hwf-sig-full .meet h2 { color: var(--s-sig-cream); margin-bottom: 1rem; }
.hwf-sig .meet .kicker { color: var(--s-sig-gold); }
.hwf-sig-full .meet p { color: #d9d3e2; max-width: 36rem; }
.hwf-sig .meet .arrow { color: var(--s-sig-gold); }
.hwf-sig-full .meet :focus-visible { outline-color: var(--s-sig-gold); }
.hwf-sig .sig-review { margin: 1.5rem 0; padding: 1.1rem 1.25rem; border-left: 3px solid var(--s-sig-gold); background: rgba(245,234,216,.06); border-radius: 0 var(--s-r-sm) var(--s-r-sm) 0; }
.hwf-sig .sig-review p { margin: 0 0 .5rem; color: var(--s-sig-cream); font-family: var(--s-head); font-size: 1.15rem; line-height: 1.5; }
.hwf-sig .sig-review footer { font-size: var(--s-step--1); color: #b9b2a5; }
.hwf-sig-full .meet-card { overflow: hidden; border-radius: var(--s-r-lg); background: #2f3a4b; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.hwf-sig-full .meet-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 25%; }
.hwf-sig-full .meet-card-body { padding: 1.25rem; }
.hwf-sig-full .meet-card h3 { color: var(--s-sig-cream); margin-bottom: .35rem; }
.hwf-sig-full .meet-card p { margin: 0 0 .35rem; font-size: var(--s-step--1); }
.hwf-sig-full .meet-card .stamp { display: inline-block; margin: .5rem 0 1rem; padding: .25rem .5rem; border: 1px solid rgba(245,234,216,.3); border-radius: 4px; font-size: .75rem; }
@media (max-width: 800px) {
.hwf-sig-full .meet-grid { grid-template-columns: 1fr; }
 }
.hwf-sig-full .fun-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2.5vw, 2rem); }
.hwf-sig-full .fun-card { display: flex; gap: 1rem; align-items: flex-start; padding: 1.25rem; border-radius: var(--s-r-lg); background: var(--s-surface); box-shadow: inset 0 0 0 1px var(--s-line); color: inherit; text-decoration: none; transition: transform .3s var(--s-ease), box-shadow .3s var(--s-ease); }
.hwf-sig-full .fun-card:hover { transform: translateY(-2px); box-shadow: var(--s-shadow), inset 0 0 0 1px var(--s-accent-soft); }
.hwf-sig-full .fun-card svg, .hwf-sig-full .fun-art { flex: none; }
.hwf-sig-full .fun-art { width: 56px; height: 56px; border-radius: 10px; box-shadow: 0 0 0 2px var(--s-surface), 0 0 0 3px var(--s-line); image-rendering: pixelated; }
.hwf-sig-full .fun-card > span { display: grid; gap: .3rem; }
.hwf-sig .fun-card .kicker { margin: 0; }
.hwf-sig-full .fun-card strong { color: var(--s-ink); font-family: var(--s-head); font-size: var(--s-step-1); line-height: 1.3; font-weight: var(--s-head-weight); }
.hwf-sig .fun-card .arrow { color: var(--s-accent); margin-top: .25rem; }
@media (max-width: 700px) {
.hwf-sig-full .fun-grid { grid-template-columns: 1fr; }
 }
.hwf-sig .sig-take { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: .9rem; align-items: start; margin: var(--s-space-3) 0; padding: 1.1rem 1.25rem; border-radius: var(--s-r-lg); background: var(--s-tint-coral); }
.hwf-sig .sig-take-av { display: block; width: 44px; height: 44px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; }
.hwf-sig .sig-take-label { display: block; margin: 0 0 .3rem; color: var(--s-kicker); font-size: .78rem; font-weight: 600; text-transform: uppercase; }
.hwf-sig .sig-take p:last-child { margin: 0; color: var(--s-ink); }
@media (prefers-reduced-motion: reduce) {
.hwf-sig .btn:not(.quiet):hover { transform: none; }
 }
.hwf-sig-full .hero-band { transition: background .8s var(--s-ease); }
.hwf-sig-full .hero-band[data-time="dawn"] { background: radial-gradient(circle at 42% 30%, rgba(246,200,91,.28), transparent 22rem), linear-gradient(180deg, #5e5f82 0%, #3f4562 100%); }
.hwf-sig-full .hero-band[data-time="day"] { background: radial-gradient(circle at 80% 18%, rgba(255,236,173,.24), transparent 24rem), linear-gradient(180deg, #46637a 0%, #36505f 100%); }
.hwf-sig-full .hero-band[data-time="dusk"] { background: radial-gradient(circle at 88% 42%, rgba(239,128,103,.28), transparent 24rem), linear-gradient(180deg, #574a6b 0%, #2f3348 100%); }
.hwf-sig-full .hero-band[data-time="night"] { background: radial-gradient(circle at 82% 12%, rgba(183,167,199,.14), transparent 20rem), linear-gradient(180deg, #1c2640 0%, #121729 100%); }
.hwf-sig .hero-band:is([data-time="day"], [data-time="dawn"]) .kicker { color: #f6d891; }
.hwf-sig-full .hero-band:is([data-time="day"], [data-time="dawn"]) .lede { color: #ece7ef; }
.hwf-sig-full .scene-wrap { position: relative; }
.hwf-sig-full .scene .sky, .hwf-sig-full .scene .sun, .hwf-sig-full .scene .moon, .hwf-sig-full .scene .stars, .hwf-sig-full .scene .cloud, .hwf-sig-full .scene .lit, .hwf-sig-full .scene .g-dark, .hwf-sig-full .scene .tint, .hwf-sig-full .scene .sun rect, .hwf-sig-full .scene .cloud rect { transition: opacity .8s var(--s-ease), transform 1.2s var(--s-ease), fill .8s var(--s-ease); }
.hwf-sig-full .scene .sun { transform: translate(172px, 42px); opacity: 0; }
.hwf-sig-full .scene .sun rect { fill: #f6c85b; }
.hwf-sig-full .scene .moon, .hwf-sig-full .scene .stars { opacity: 0; }
.hwf-sig-full .scene .moon-bite { fill: #19213a; }
.hwf-sig-full .scene .g-dark, .hwf-sig-full .scene .lit { opacity: 0; }
.hwf-sig-full .scene .tint { opacity: 0; fill: #0d1430; }
.hwf-sig-full [data-time="dawn"] .scene .sun { transform: translate(72px, 28px); opacity: 1; }
.hwf-sig-full [data-time="dawn"] .scene .sun rect { fill: #ffcf7a; }
.hwf-sig-full [data-time="dawn"] .scene .tint { fill: #ffb38a; opacity: .12; }
.hwf-sig-full [data-time="day"] .scene .sun { transform: translate(152px, 16px); opacity: 1; }
.hwf-sig-full [data-time="dusk"] .scene .sun { transform: translate(172px, 42px); opacity: 1; }
.hwf-sig-full [data-time="dusk"] .scene .sun rect { fill: #ef8067; }
.hwf-sig-full [data-time="dusk"] .scene .stars { opacity: .35; }
.hwf-sig-full [data-time="dusk"] .scene .tint { fill: #3b2f5c; opacity: .3; }
.hwf-sig-full [data-time="night"] .scene .moon { opacity: 1; }
.hwf-sig-full [data-time="night"] .scene .stars { opacity: .85; }
.hwf-sig-full [data-time="night"] .scene .tint { fill: #0d1430; opacity: .48; }
.hwf-sig-full [data-time="night"] .scene .g-dark { opacity: 1; }
.hwf-sig-full [data-time="dawn"] .scene .lit[data-on~="dawn"], .hwf-sig-full [data-time="dusk"] .scene .lit[data-on~="dusk"], .hwf-sig-full [data-time="night"] .scene .lit[data-on~="night"] { opacity: 1; }
.hwf-sig-full .scene .cloud { opacity: 0; }
.hwf-sig-full [data-weather="clear"] .scene .cloud.c2 { opacity: .35; }
.hwf-sig-full :is([data-weather="cloud"], [data-weather="rain"], [data-weather="snow"], [data-weather="fog"]) .scene .cloud { opacity: .95; }
.hwf-sig-full [data-time="dawn"] .scene .cloud rect { fill: #f3d9cc; }
.hwf-sig-full [data-time="dusk"] .scene .cloud rect { fill: #c9a9b8; }
.hwf-sig-full [data-time="night"] .scene .cloud rect { fill: #5a6075; }
.hwf-sig-full :is([data-weather="rain"], [data-weather="snow"], [data-weather="fog"]) .scene :is(.sun, .moon, .stars) { opacity: 0; }
.hwf-sig-full .weather { position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .6s var(--s-ease); }
.hwf-sig-full [data-weather="rain"] .weather { opacity: .6; background-image: repeating-linear-gradient(105deg, transparent 0 13px, rgba(220,230,245,.45) 13px 14px); background-size: 56px 56px; animation: hwf-rain .55s linear infinite; }
.hwf-sig-full [data-weather="snow"] .weather { opacity: .9; background-image: radial-gradient(circle, rgba(255,255,255,.9) 1.3px, transparent 1.8px), radial-gradient(circle, rgba(255,255,255,.65) 1px, transparent 1.5px); background-size: 46px 46px, 28px 28px; background-position: 0 0, 14px 20px; animation: hwf-snow 7s linear infinite; }
.hwf-sig-full [data-weather="fog"] .weather { opacity: 1; background: linear-gradient(180deg, transparent 30%, rgba(228,226,234,.32) 70%, rgba(228,226,234,.5) 100%); }
@keyframes hwf-rain { to { background-position: -15px 56px; } }
@keyframes hwf-snow { to { background-position: 0 46px, 14px 48px; } }
.hwf-sig-full .iso { max-width: 520px; margin-inline: auto; }
.hwf-sig-full .iso .sh, .hwf-sig-full .iso .shadow, .hwf-sig-full .iso .g-dark, .hwf-sig-full .iso .lit { transition: opacity .8s var(--s-ease), fill .8s var(--s-ease); }
.hwf-sig-full .iso .sh { fill: #000; opacity: 0; }
.hwf-sig-full .iso .shadow { fill: #161a28; opacity: 0; }
.hwf-sig-full .iso .g-dark, .hwf-sig-full .iso .lit { opacity: 0; }
.hwf-sig-full [data-time="dawn"] .iso :is(.sh-front, .sh-wfront, .sh-wtop, .sh-pfront, .sh-tree) { fill: #ffb070; opacity: .14; }
.hwf-sig-full [data-time="dawn"] .iso :is(.sh-side, .sh-wside) { fill: #1a1530; opacity: .32; }
.hwf-sig-full [data-time="dawn"] .iso .sh-roof { fill: #ffd2a0; opacity: .12; }
.hwf-sig-full [data-time="dawn"] .iso .sh-ground { fill: #ffb38a; opacity: .08; }
.hwf-sig-full [data-time="dawn"] .iso .s-dawn { opacity: .38; }
.hwf-sig-full [data-time="day"] .iso :is(.sh-side, .sh-wside) { fill: #000; opacity: .14; }
.hwf-sig-full [data-time="day"] .iso .sh-roof { fill: #fff; opacity: .1; }
.hwf-sig-full [data-time="day"] .iso .s-day { opacity: .3; }
.hwf-sig-full [data-time="dusk"] .iso :is(.sh-front, .sh-wfront, .sh-wtop, .sh-pfront, .sh-tree) { fill: #2a1f45; opacity: .34; }
.hwf-sig-full [data-time="dusk"] .iso :is(.sh-side, .sh-wside) { fill: #ff8a5c; opacity: .16; }
.hwf-sig-full [data-time="dusk"] .iso .sh-roof { fill: #3b2f5c; opacity: .2; }
.hwf-sig-full [data-time="dusk"] .iso .sh-ground { fill: #3b2f5c; opacity: .25; }
.hwf-sig-full [data-time="dusk"] .iso .s-dusk { opacity: .4; }
.hwf-sig-full [data-time="night"] .iso .sh { fill: #0d1430; opacity: .5; }
.hwf-sig-full [data-time="night"] .iso .g-dark { opacity: 1; }
.hwf-sig-full [data-time="dawn"] .iso .lit[data-on~="dawn"], .hwf-sig-full [data-time="dusk"] .iso .lit[data-on~="dusk"], .hwf-sig-full [data-time="night"] .iso .lit[data-on~="night"] { opacity: 1; }
@media (max-width: 760px) {
.hwf-sig-full .iso-band { grid-template-columns: 1fr; }
 }
.hwf-sig-full .iso-stage { position: relative; max-width: 640px; margin-left: auto; }
.hwf-sig-full .iso-hero { display: block; width: 100%; max-width: none; margin: 0; overflow: hidden; }
.hwf-sig-full .iso-stage { overflow: clip; }
.hwf-sig-full .hero-band, .hwf-sig-full .scene-wrap { overflow-x: clip; }
.hwf-sig-full .iso-hero .sun { transform: translate(313px, 95px); }
.hwf-sig-full [data-time="dawn"] .iso-hero .sun { transform: translate(68px, 118px); }
.hwf-sig-full [data-time="day"] .iso-hero .sun { transform: translate(278px, 30px); }
.hwf-sig-full [data-time="dusk"] .iso-hero .sun { transform: translate(314px, 96px); }
@media (max-width: 800px) {
.hwf-sig-full .iso-stage { margin-inline: auto; }
 }
.hwf-sig-full .wx-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; image-rendering: pixelated; }
.hwf-sig-full .wx-pause { position: absolute; right: 8px; bottom: 8px; min-height: 32px; padding: .3rem .75rem; border: 1px solid rgba(245,234,216,.35); border-radius: 999px; background: rgba(18,22,32,.6); color: #f5ead8; font: 500 .75rem/1 var(--s-sans); cursor: pointer; }
.hwf-sig-full .wx-pause:hover { background: rgba(18,22,32,.8); }
.hwf-sig-full .wx-pause:focus-visible { outline: 2px solid #e4b85c; outline-offset: 2px; }
.hwf-sig-full .iso .s-live { opacity: var(--s-live-shadow, 0); }
.hwf-sig-full .hero-band[data-sun-auto] .iso-hero :is(.s-dawn, .s-day, .s-dusk) { opacity: 0 !important; }
.hwf-sig-full .hero-band:is([data-weather="rain"], [data-weather="snow"], [data-weather="fog"]) { box-shadow: inset 0 0 0 100vmax rgba(118,126,140,.24); }
.hwf-sig-full .hero-band[data-weather="cloud"] { box-shadow: inset 0 0 0 100vmax rgba(118,126,140,.12); }
.hwf-sig-full .iso-hero .cloud .cl-top { fill: #ffffff; }
.hwf-sig-full .iso-hero .cloud .cl-mid { fill: #ece7df; }
.hwf-sig-full .iso-hero .cloud .cl-bot { fill: #cfcac4; }
.hwf-sig-full :is([data-weather="rain"], [data-weather="snow"], [data-weather="fog"]) .iso-hero .cloud .cl-top { fill: #c9ccd3; }
.hwf-sig-full :is([data-weather="rain"], [data-weather="snow"], [data-weather="fog"]) .iso-hero .cloud .cl-mid { fill: #aeb2bc; }
.hwf-sig-full :is([data-weather="rain"], [data-weather="snow"], [data-weather="fog"]) .iso-hero .cloud .cl-bot { fill: #9196a2; }
.hwf-sig-full [data-time="dawn"] .iso-hero .cloud .cl-top { fill: #fff1e6; }
.hwf-sig-full [data-time="dawn"] .iso-hero .cloud .cl-mid { fill: #f2d9cc; }
.hwf-sig-full [data-time="dawn"] .iso-hero .cloud .cl-bot { fill: #d9b8b0; }
.hwf-sig-full [data-time="dusk"] .iso-hero .cloud .cl-top { fill: #f2d8dc; }
.hwf-sig-full [data-time="dusk"] .iso-hero .cloud .cl-mid { fill: #c9a9b8; }
.hwf-sig-full [data-time="dusk"] .iso-hero .cloud .cl-bot { fill: #9f8296; }
.hwf-sig-full [data-time="night"] .iso-hero .cloud .cl-top { fill: #6d7489; }
.hwf-sig-full [data-time="night"] .iso-hero .cloud .cl-mid { fill: #575e72; }
.hwf-sig-full [data-time="night"] .iso-hero .cloud .cl-bot { fill: #454b5d; }
.hwf-sig-full .iso-hero .cloud .drift { animation: hwf-drift 48s ease-in-out infinite alternate; }
.hwf-sig-full .iso-hero .cloud.c2 .drift { animation-duration: 62s; animation-delay: -20s; }
.hwf-sig-full .iso-hero .cloud.c3 .drift { animation-duration: 55s; animation-delay: -35s; }
.hwf-sig-full .iso-hero .cloud.c4 .drift { animation-duration: 70s; animation-delay: -10s; }
@keyframes hwf-drift { from { transform: translateX(-10px); } to { transform: translateX(14px); } }
.hwf-sig-full .iso .cloud-shadows { opacity: 0; transition: opacity .8s var(--s-ease); }
.hwf-sig-full [data-weather="cloud"]:is([data-time="day"], [data-time="dawn"], [data-time="dusk"]) .iso .cloud-shadows { opacity: 1; }
.hwf-sig-full .iso .cloud-shadows ellipse { fill: #0d1220; opacity: .16; }
.hwf-sig-full .iso .cloud-shadows .drift { animation: hwf-cs 70s linear infinite alternate; }
@keyframes hwf-cs { from { transform: translate(-30px, -15px); } to { transform: translate(30px, 15px); } }
.hwf-sig-full .wx-paused .iso-hero .drift { animation-play-state: paused; }
.hwf-sig-full .iso .wx, .hwf-sig-full .iso .refl { opacity: 0; transition: opacity .8s var(--s-ease), fill .8s var(--s-ease); }
.hwf-sig-full [data-weather="rain"] .iso .wx-wet { fill: #0b1120; opacity: .3; }
.hwf-sig-full [data-weather="snow"] .iso :is(.wx-snow-roof, .wx-snow-wtop, .wx-snow-ground, .wx-snow-tree) { fill: #f4f7fa; }
.hwf-sig-full [data-weather="snow"] .iso .wx-snow-roof { opacity: .86; }
.hwf-sig-full [data-weather="snow"] .iso .wx-snow-wtop { opacity: .78; }
.hwf-sig-full [data-weather="snow"] .iso .wx-snow-ground { opacity: .62; }
.hwf-sig-full [data-weather="snow"] .iso .wx-snow-tree { opacity: .3; }
.hwf-sig-full [data-weather="snow"][data-time="dusk"] .iso :is(.wx-snow-roof, .wx-snow-wtop, .wx-snow-ground, .wx-snow-tree) { fill: #ddd2e4; }
.hwf-sig-full [data-weather="snow"][data-time="night"] .iso :is(.wx-snow-roof, .wx-snow-wtop, .wx-snow-ground, .wx-snow-tree) { fill: #8e9cba; }
.hwf-sig-full [data-weather="fog"] .iso .wx-fog { opacity: 1; }
.hwf-sig-full [data-weather="rain"][data-time="dawn"] .iso .refl[data-on~="dawn"], .hwf-sig-full [data-weather="rain"][data-time="dusk"] .iso .refl[data-on~="dusk"], .hwf-sig-full [data-weather="rain"][data-time="night"] .iso .refl[data-on~="night"] { opacity: .6; }
.hwf-sig-full .iso .lamp-halo { transform-box: fill-box; transform-origin: center; transition: transform .8s var(--s-ease); }
.hwf-sig-full [data-weather="fog"] .iso .lamp-halo { transform: scale(1.9); }
.hwf-sig-full .hub-sub { font-size: var(--s-step-1); margin: 0 0 .75rem; }
.hwf-sig-full .hub-upcoming { margin-bottom: var(--s-space-4); }
.hwf-sig .up-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; list-style: none; margin: 0; padding: 0; }
.hwf-sig .up-list a { display: flex; gap: .75rem; align-items: baseline; height: 100%; padding: .85rem 1rem; border-radius: var(--s-r-lg); background: var(--s-surface); box-shadow: inset 0 0 0 1px var(--s-line); color: var(--s-ink); text-decoration: none; transition: box-shadow .25s var(--s-ease), transform .25s var(--s-ease); }
.hwf-sig .up-list a:hover { box-shadow: var(--s-shadow), inset 0 0 0 1px var(--s-accent-soft); transform: translateY(-2px); }
.hwf-sig .up-list time { flex: none; color: var(--s-kicker); font: 600 .8rem/1.4 var(--s-mono, var(--s-sans)); text-transform: uppercase; letter-spacing: .04em; }
@media (max-width: 760px) {
.hwf-sig .up-list { grid-template-columns: 1fr; }
 }
.hwf-sig-full .chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: .75rem; }
.hwf-sig-full .chip { min-height: 40px; padding: .45rem .9rem; border: 0; border-radius: 999px; background: var(--s-surface); box-shadow: inset 0 0 0 1.5px var(--s-line); color: var(--s-ink); font: 500 .92rem var(--s-sans); cursor: pointer; transition: background-color .2s, box-shadow .2s, color .2s; }
.hwf-sig-full .chip:hover { box-shadow: inset 0 0 0 1.5px var(--s-accent-soft); }
.hwf-sig-full .chip[aria-pressed="true"] { background: var(--s-accent); color: var(--s-accent-ink); box-shadow: none; }
.hwf-sig-full .chip-n { opacity: .7; font-size: .8rem; margin-left: .15rem; }
.hwf-sig-full .hub-count { margin: 0 0 var(--s-space-3); }
.hwf-sig-full .hub-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.25rem, 3vw, 2.25rem) clamp(1rem, 2.5vw, 2rem); list-style: none; margin: 0; padding: 0; }
.hwf-sig-full .hub-card { position: relative; display: flex; flex-direction: column; }
.hwf-sig-full .hub-card[hidden] { display: none !important; }
.hwf-sig-full .hub-card .frame { aspect-ratio: 4 / 3; border-radius: var(--s-r-lg); overflow: hidden; background: var(--s-tint); }
.hwf-sig-full .hub-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--s-ease); }
.hwf-sig-full .hub-card:hover img { transform: scale(1.03); }
.hwf-sig-full .hub-card .meta { margin: .9rem 0 .35rem; font-size: var(--s-step--1); color: var(--s-muted); }
.hwf-sig-full .hub-cat { color: var(--s-kicker); font-weight: 600; }
.hwf-sig-full .hub-card h3 { margin: 0 0 .4rem; font-size: var(--s-step-1); line-height: 1.3; }
.hwf-sig-full .card-link { color: var(--s-ink); text-decoration: none; }
.hwf-sig-full .card-link::after { content: ""; position: absolute; inset: 0; border-radius: var(--s-r-lg); }
.hwf-sig-full .card-link:focus-visible { outline: none; }
.hwf-sig-full .card-link:focus-visible::after { outline: 3px solid var(--s-accent); outline-offset: 6px; }
.hwf-sig-full .hub-card:hover h3 { color: var(--s-accent); }
.hwf-sig-full .hub-card p:last-child { margin: 0; }
.hwf-sig-full .hub-credits { margin-top: var(--s-space-4); max-width: var(--s-measure); }
.hwf-sig-full .hub-credits summary { cursor: pointer; min-height: 40px; display: flex; align-items: center; color: var(--s-ink); font-weight: 600; }
@media (max-width: 960px) {
.hwf-sig-full .hub-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
@media (max-width: 600px) {
.hwf-sig-full .hub-grid { grid-template-columns: 1fr; }
.hwf-sig-full .hub-card .frame { aspect-ratio: 16 / 10; }
.hwf-sig-full .chips { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--s-gutter)); padding: 2px var(--s-gutter) .25rem; scrollbar-width: none; }
.hwf-sig-full .chip { flex: none; }
 }
.hwf-sig .sig-sheet { width: min(100% - 2rem, 30rem); max-height: calc(100dvh - 2rem); padding: 0; border: 0; border-radius: var(--s-r-lg); background: var(--s-surface); color: var(--s-body); box-shadow: 0 24px 60px rgba(0,0,0,.3); overflow: auto; }
.hwf-sig .sig-sheet::backdrop { background: rgba(14,18,28,.5); backdrop-filter: blur(2px); }
.hwf-sig .sig-sheet[open] { animation: sheet-in .28s var(--s-ease); }
@keyframes sheet-in { from { opacity: 0; transform: translateY(12px); } }
.hwf-sig .sheet-inner { display: grid; gap: .85rem; padding: 1.4rem; }
.hwf-sig .sheet-head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.hwf-sig .sheet-head h2 { font-size: var(--s-step-2); }
.hwf-sig .sheet-x { width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--s-tint); color: var(--s-ink); font-size: 1.4rem; line-height: 1; cursor: pointer; }
.hwf-sig .sheet-lede { margin: 0; }
.hwf-sig .sheet-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.hwf-sig .sheet-opt { display: grid; justify-items: start; gap: .2rem; min-height: 96px; padding: .85rem; border: 0; border-radius: var(--s-r-sm); background: var(--s-tint); box-shadow: inset 0 0 0 1px var(--s-line); color: var(--s-ink); font: inherit; text-align: left; cursor: pointer; transition: box-shadow .2s, transform .2s; }
.hwf-sig .sheet-opt:hover { box-shadow: inset 0 0 0 1.5px var(--s-accent-soft); transform: translateY(-1px); }
.hwf-sig .sheet-opt svg { color: var(--s-accent); }
.hwf-sig .sheet-opt strong { font-size: .98rem; }
.hwf-sig .sheet-opt span { color: var(--s-muted); font-size: .8rem; line-height: 1.3; }
.hwf-sig .sheet-demo { margin: 0; min-height: 1.2em; color: var(--s-accent); }
.hwf-sig .sheet-demo:empty { display: none; }
.hwf-sig .sheet-or { display: flex; align-items: center; gap: .75rem; color: var(--s-muted); font-size: var(--s-step--1); }
.hwf-sig .sheet-or::before, .hwf-sig .sheet-or::after { content: ""; flex: 1; height: 1px; background: var(--s-line); }
.hwf-sig .sheet-topic { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; border: 0; }
.hwf-sig .sheet-topic legend { margin-bottom: .45rem; color: var(--s-ink); font-weight: 600; font-size: .95rem; }
.hwf-sig .sheet-topic label { position: relative; }
.hwf-sig .sheet-topic input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.hwf-sig .sheet-topic span { display: inline-flex; align-items: center; min-height: 38px; padding: .35rem .85rem; border-radius: 999px; box-shadow: inset 0 0 0 1.5px var(--s-line); color: var(--s-ink); font-size: .9rem; }
.hwf-sig .sheet-topic input:checked + span { background: var(--s-accent); color: var(--s-accent-ink); box-shadow: none; }
.hwf-sig .sheet-topic input:focus-visible + span { outline: 3px solid var(--s-accent); outline-offset: 2px; }
.hwf-sig .sheet-label { color: var(--s-ink); font-weight: 600; font-size: .95rem; }
.hwf-sig .sheet-label span { color: var(--s-muted); font-weight: 400; font-size: .85rem; margin-left: .25rem; }
.hwf-sig .sig-sheet textarea, .hwf-sig .sig-sheet input[type="text"] { width: 100%; padding: .7rem .8rem; border: 0; border-radius: var(--s-r-sm); background: var(--s-paper); box-shadow: inset 0 0 0 1.5px var(--s-line); color: var(--s-ink); font: inherit; resize: vertical; }
.hwf-sig .sig-sheet textarea:focus, .hwf-sig .sig-sheet input[type="text"]:focus { outline: none; box-shadow: inset 0 0 0 2px var(--s-accent); }
.hwf-sig .sig-sheet input[aria-invalid="true"] { box-shadow: inset 0 0 0 2px #b3262d; }
.hwf-sig .sheet-err { margin: -.4rem 0 0; color: #b3262d; }
.hwf-sig .sheet-send { justify-self: start; }
.hwf-sig .sheet-foot { margin: 0; color: var(--s-muted); }
.hwf-sig .sheet-done { display: grid; gap: .5rem; padding: 1rem; border-radius: var(--s-r-sm); background: var(--s-tint-green); }
.hwf-sig .sheet-done[hidden] { display: none; }
.hwf-sig .sheet-done h3 { font-size: var(--s-step-1); }
.hwf-sig .sheet-done p { margin: 0; }
.hwf-sig .sig-sheet.sent :is(.sheet-actions, .sheet-or, .sheet-topic, .sheet-label, textarea, input, .sheet-send, .sheet-foot, .sheet-lede, .sheet-err) { display: none; }
@media (max-width: 600px) {
.hwf-sig .sig-sheet { width: 100%; max-width: none; margin: auto 0 0; border-radius: var(--s-r-lg) var(--s-r-lg) 0 0; max-height: 92dvh; }
.hwf-sig .sheet-inner { padding: 1.2rem max(16px, env(safe-area-inset-left, 0px)) calc(1.2rem + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-right, 0px)); }
.hwf-sig .sig-sheet[open] { animation-name: sheet-up; }
.hwf-sig .sheet-opt { min-height: 88px; padding: .7rem; }
}
@keyframes sheet-up { from { transform: translateY(100%); } }
.hwf-sig .read-progress { position: fixed; left: 0; right: 0; top: env(safe-area-inset-top, 0px); z-index: 40; height: 3px; pointer-events: none; }
.hwf-sig .read-progress span { display: block; height: 100%; width: 100%; transform-origin: 0 50%; transform: scaleX(0); background: var(--s-accent); }
.hwf-sig .read-progress span { background: var(--s-sig-gold); }
.hwf-sig .section-bar { border-top: 1px solid var(--s-line); }
.hwf-sig .section-bar .wrap { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 2.6rem; }
.hwf-sig .sec-btn { display: inline-flex; align-items: center; gap: .45rem; min-height: 40px; min-width: 0; padding: 0; border: 0; background: none; color: var(--s-ink); font: 600 .9rem var(--s-sans); cursor: pointer; }
.hwf-sig .sec-now { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hwf-sig .sec-btn svg { flex: none; transition: transform .2s var(--s-ease); }
.hwf-sig .sec-btn[aria-expanded="true"] svg { transform: rotate(180deg); }
.hwf-sig .sec-pos { flex: none; color: var(--s-muted); }
.hwf-sig .sec-list { border-top: 1px solid var(--s-line); background: var(--s-paper); }
.hwf-sig .sec-list ol { list-style: none; padding-block: .25rem .5rem; margin-block: 0; }
.hwf-sig .sec-list a { display: flex; justify-content: space-between; gap: 1rem; min-height: 44px; align-items: center; color: var(--s-ink); text-decoration: none; border-bottom: 1px solid var(--s-line); }
.hwf-sig .sec-list a[aria-current] { color: var(--s-accent); font-weight: 600; }
.hwf-sig .sec-list .toc-min, .hwf-sig .toc .toc-min { color: var(--s-muted); font-size: .78rem; font-weight: 400; }
.hwf-sig .toc .toc-min { margin-left: .35rem; }
.hwf-sig .section-bar { border-top-color: rgba(245,234,216,.12); }
.hwf-sig .sec-btn { color: var(--s-sig-cream); }
.hwf-sig .sec-pos { color: #b9b2a5; }
.hwf-sig .sec-list { background: var(--s-sig-band); border-top-color: rgba(245,234,216,.12); }
.hwf-sig .sec-list a { color: var(--s-sig-cream); border-bottom-color: rgba(245,234,216,.12); }
.hwf-sig .sec-list a[aria-current] { color: var(--s-sig-gold); }
.hwf-sig .up-next { position: fixed; z-index: 35; right: max(16px, env(safe-area-inset-right, 0px)); bottom: calc(16px + env(safe-area-inset-bottom, 0px)); width: min(22rem, calc(100% - 32px)); padding: .9rem 2.6rem .9rem 1rem; border-radius: var(--s-r-lg); background: var(--s-surface); box-shadow: var(--s-shadow), inset 0 0 0 1px var(--s-line); animation: up-in .35s var(--s-ease); }
.hwf-sig .up-next[hidden] { display: none; }
@keyframes up-in { from { opacity: 0; transform: translateY(14px); } }
.hwf-sig .up-next .small { margin: 0 0 .2rem; }
.hwf-sig .up-link { display: block; color: var(--s-ink); font: var(--s-head-weight) var(--s-step-0)/1.35 var(--s-head); text-decoration: none; }
.hwf-sig .up-link::after { content: " →"; color: var(--s-accent); }
.hwf-sig .up-link:hover { color: var(--s-accent); }
.hwf-sig .up-x { position: absolute; top: .4rem; right: .4rem; width: 36px; height: 36px; border: 0; border-radius: 50%; background: none; color: var(--s-muted); font-size: 1.25rem; cursor: pointer; }
.hwf-sig .up-x:hover { background: var(--s-tint); }
html.up-visible { scroll-padding-bottom: 7rem; }

/* ---------- 2.7.0 plugin integration (not in the prototype) ---------- */
/* Shared components on every design page, including templates that keep classic body CSS. */
.hwf-sig :is(.sig-header, .sig-footer, .sig-sheet, .sig-ending, .up-next, .read-progress) { font-family: var(--s-sans); line-height: 1.6; }
.hwf-sig :is(.sig-header, .sig-footer, .sig-sheet, .sig-ending, .up-next), .hwf-sig :is(.sig-header, .sig-footer, .sig-sheet, .sig-ending, .up-next) *, .hwf-sig :is(.sig-header, .sig-footer, .sig-sheet) *::before { box-sizing: border-box; }
.hwf-sig :is(.sig-header, .sig-footer, .sig-sheet) :is(h2, h3) { margin: 0; color: var(--s-ink); font-family: var(--s-head); font-weight: var(--s-head-weight); line-height: 1.2; }
.hwf-sig :is(.sig-header, .sig-footer, .sig-sheet) :focus-visible { outline: 3px solid var(--s-accent); outline-offset: 3px; border-radius: 4px; }
.hwf-sig .sig-header nav { margin: 0; }
.hwf-sig .sig-header .wrap { margin-block: 0; } /* 2.7.2: keep the centring side margins (16px gutter on phones) */
.hwf-sig .sig-header a, .hwf-sig .sig-footer a { text-underline-offset: .18em; }
.hwf-sig .sig-skip { position: absolute; left: 1rem; top: -4rem; z-index: 60; padding: .75rem 1rem; border-radius: var(--s-r-sm); background: var(--s-sig-gold); color: var(--s-sig-gold-ink); font: 600 1rem/1 var(--s-sans); text-decoration: none; }
.hwf-sig .sig-skip:focus { top: 1rem; }
.hwf-sig .sig-header { position: sticky; }
body.admin-bar.hwf-sig .sig-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar.hwf-sig .sig-header { top: 0; } }
.hwf-sig .sig-header .nav a.btn { color: var(--s-sig-gold-ink); }
.hwf-sig .site-icon { display: block; width: 32px; height: 32px; }
.hwf-sig .sig-header .lights[hidden], .hwf-sig .section-bar[hidden], .hwf-sig .sec-list[hidden], .hwf-sig .read-progress[hidden] { display: none !important; }
.hwf-sig .sig-header .lights .pane { fill: transparent; }
.hwf-sig-full main:focus { outline: none; }

/* Footer: required notices and the existing appearance control. */
.hwf-sig .sig-footer .wrap.foot-legal { display: grid; grid-template-columns: minmax(0, 1fr); gap: .35rem; }
.hwf-sig .sig-footer .foot-notice { max-width: 60rem; font-size: .82rem; line-height: 1.55; }
.hwf-sig .sig-footer .foot-eho { display: inline-flex; align-items: center; gap: .4rem; }
.hwf-sig .sig-footer .footer-utilities { width: min(100% - 2 * var(--s-gutter), var(--s-wide)); margin: var(--s-space-3) auto 0; padding-top: var(--s-space-2); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem 2rem; border-top: 1px solid color-mix(in srgb, var(--s-night-ink) 18%, transparent); font-size: .82rem; }
.hwf-sig .sig-footer .footer-utilities p { margin: 0; }
.hwf-sig .sig-footer .appearance-settings { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; }
.hwf-sig .sig-footer #hwf-appearance { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin: 0; padding: 0; border: 0; }
.hwf-sig .sig-footer #hwf-appearance legend { float: left; margin-right: .5rem; padding: 0; font-weight: 600; }
.hwf-sig .sig-footer .appearance-options { display: flex; flex-wrap: wrap; gap: .35rem; }
.hwf-sig .sig-footer .appearance-options label { position: relative; }
.hwf-sig .sig-footer .appearance-options input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.hwf-sig .sig-footer .appearance-options span { display: inline-flex; align-items: center; gap: .3rem; min-height: 36px; padding: .25rem .75rem; border-radius: 999px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--s-night-ink) 35%, transparent); }
.hwf-sig .sig-footer .appearance-options input:checked + span { background: var(--s-night-ink); color: var(--s-night); }
.hwf-sig .sig-footer .appearance-options input:focus-visible + span { outline: 3px solid var(--s-sig-gold); outline-offset: 2px; }
.hwf-sig .sig-footer #appearance-help { opacity: .8; }

/* Contact sheet: the options are real links. */
.hwf-sig .sig-sheet .sheet-opt { text-decoration: none; }
.hwf-sig .sig-sheet .sheet-send-row { display: flex; flex-wrap: wrap; gap: .6rem; }
.hwf-sig .sig-sheet .sheet-send[hidden] { display: none; }
.hwf-sig .sig-sheet legend { padding: 0; }
.hwf-sig .sig-sheet input[type="text"], .hwf-sig .sig-sheet textarea { font-size: 1rem; }
@media (max-width: 380px) { .hwf-sig .sig-sheet .sheet-actions { grid-template-columns: 1fr; } .hwf-sig .sig-sheet .sheet-opt { min-height: 0; grid-template-columns: auto 1fr; align-items: center; column-gap: .6rem; } .hwf-sig .sig-sheet .sheet-opt span { grid-column: 2; } .hwf-sig .sig-sheet .sheet-opt svg { grid-row: span 2; } }

/* Home: whole-card stories and the fun cards. */
.hwf-sig-full .story { position: relative; }
.hwf-sig-full .story .meta { margin: 1rem 0 .35rem; }
.hwf-sig-full .fun-card { position: relative; }
.hwf-sig-full .fun-card[hidden] { display: none; }
.hwf-sig-full .fun-card .fun-stretch::before { content: ""; position: absolute; inset: 0; border-radius: var(--s-r-lg); }
.hwf-sig-full .fun-card .fun-stretch:focus-visible { outline: none; }
.hwf-sig-full .fun-card .fun-stretch:focus-visible::before { outline: 3px solid var(--s-accent); outline-offset: 4px; }
.hwf-sig-full .fun-more { display: block; margin-top: .35rem; }
.hwf-sig-full .fun-more a { position: relative; z-index: 1; }
.hwf-sig-full .home-experience-link { display: inline-block; margin-top: .25rem; color: var(--s-sig-gold); font-weight: 600; text-decoration: none; }
.hwf-sig-full .home-experience-link:hover { text-decoration: underline; }
.hwf-sig-full .sig-review footer a { color: inherit; }
.hwf-sig-full .credits a { color: inherit; }
.hwf-sig-full .hero-band { position: relative; }

/* Hub: topic groups keep their #ids for links from articles. */
.hwf-sig-full .hub-topic { margin-top: var(--s-space-4); }
.hwf-sig-full .hub-topic[hidden] { display: none; }
.hwf-sig-full .hub-topic-title { margin: 0 0 var(--s-space-2); font-size: var(--s-step-1); }
.hwf-sig-full .chips a.chip { display: inline-flex; align-items: center; text-decoration: none; }
.hwf-sig-full .hub-note { margin-top: var(--s-space-2); max-width: var(--s-measure); }
.hwf-sig-full .hub-credits a { color: inherit; }
.hwf-sig-full .sig-hub .article-head h1 { max-width: 18ch; }
.hwf-sig-full .sig-hub .dek { max-width: 40rem; }

/* Articles keep their classic body styles; Signature adjusts the frame around them. */
.hwf-sig .field-article h1, .hwf-sig .field-article-content :is(h2, h3), .hwf-sig .article-cta h2 { font-family: var(--s-head); font-weight: var(--s-head-weight); font-optical-sizing: auto; letter-spacing: -.012em; }
.hwf-sig .field-article-header .sig-kicker { display: inline-block; padding: .3rem .65rem; border-radius: 999px; background: var(--s-tint-lav); color: var(--s-ink); font: 500 .8rem/1.3 var(--s-mono); letter-spacing: .04em; text-transform: uppercase; }
.hwf-sig .sig-byline { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .9rem; margin-top: 1.25rem; font: .92rem/1.5 var(--s-sans); color: var(--s-muted); }
.hwf-sig .sig-byline img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
.hwf-sig .sig-byline b { color: var(--s-ink); font-weight: 600; }
.hwf-sig .sig-byline span + span { font-family: var(--s-mono); font-size: .8rem; }
.hwf-sig .sig-take { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: .9rem; align-items: start; margin: 1.5rem 0; padding: 1.1rem 1.25rem; border-radius: var(--s-r-lg); background: var(--s-tint-coral); }
.hwf-sig .sig-take-av { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; object-position: 50% 25%; }
.hwf-sig .sig-take-label { margin: 0 0 .3rem; color: var(--s-kicker); font: 600 .78rem/1.3 var(--s-mono); text-transform: uppercase; }
.hwf-sig .sig-take p:last-child { margin: 0; color: var(--s-ink); }
.hwf-sig .sig-sources { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--s-line); font-size: .95rem; }
.hwf-sig .sig-sources h2 { margin: 0 0 .75rem; font: 600 .82rem/1.3 var(--s-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--s-muted); }
.hwf-sig .sig-sources .article-photo-credits { margin-top: 1rem; }
.hwf-sig .field-author-card, .hwf-sig .reading-dock { display: none !important; }
.hwf-sig .sig-ending { max-width: 780px; margin-inline: auto; padding-top: 2rem; }
.hwf-sig .sig-author { display: grid; grid-template-columns: 64px 1fr; gap: 1rem; align-items: start; }
.hwf-sig .sig-author img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.hwf-sig .sig-author p { margin: 0; font-size: .98rem; color: var(--s-body); }
.hwf-sig .sig-author .name { color: var(--s-ink); font-weight: 600; }
.hwf-sig .article-cta .next-reading-link { display: block; margin-top: .5rem; padding: 1.1rem 1.35rem; border-radius: var(--s-r-lg); background: var(--s-surface); box-shadow: inset 0 0 0 1px var(--s-line); color: var(--s-ink); font: var(--s-head-weight) var(--s-step-1)/1.3 var(--s-head); text-decoration: none; }
.hwf-sig .article-cta .next-reading-link:hover { box-shadow: var(--s-shadow), inset 0 0 0 1px var(--s-accent-soft); }
.hwf-sig .article-cta h2 { font-size: .82rem; font-family: var(--s-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--s-muted); }
.hwf-sig .read-progress span { background: var(--s-sig-gold); }
.hwf-sig .up-next { background: var(--s-surface); color: var(--s-body); box-shadow: var(--s-shadow), inset 0 0 0 1px var(--s-line); animation: up-in .3s var(--s-ease); }
html.hwf-dock-visible.up-visible, html.up-visible { scroll-padding-bottom: 7rem; }
@media (prefers-reduced-motion: reduce) {
  .hwf-sig .sig-header, .hwf-sig .sig-sheet, .hwf-sig .up-next, .hwf-sig .btn { transition: none !important; animation: none !important; }
  .hwf-sig .sig-header.away { transform: none; }
}
/* Keep the header on one line beside classic page CSS. */
.hwf-sig .sig-header .wrap { flex-wrap: nowrap; }
.hwf-sig .sig-header .brand { min-width: 0; flex: 0 1 auto; }
@media (max-width: 360px) { .hwf-sig .sig-header .wordmark { font-size: .84rem; } .hwf-sig .sig-header .site-icon { width: 28px; height: 28px; } .hwf-sig .sig-header .wrap { gap: .35rem; } }
.hwf-sig .sig-header .nav { flex: none; }
.hwf-sig .sig-header .nav a, .hwf-sig .sig-header .menu-btn { white-space: nowrap; flex: none; }
/* Classic CSS styles every Calendly link and a.next-reading-link with !important (homepage.css
 * "Shared action buttons"). Signature components restore their own look on pages that keep it. */
.hwf-sig .sig-header a.btn[href] { display: inline-flex !important; gap: .4rem !important; width: auto; padding: .65rem 1rem !important; border: 0 !important; border-radius: var(--s-r-sm) !important; background: var(--s-sig-gold) !important; color: var(--s-sig-gold-ink) !important; box-shadow: 3px 3px 0 var(--s-sig-coral); font: 600 .95rem/1.2 var(--s-sans) !important; white-space: nowrap; }
@media (max-width: 760px) { .hwf-sig .sig-header a.btn[href] { min-height: 40px; padding: .5rem .85rem !important; font-size: .9rem !important; } }
@media (max-width: 360px) { .hwf-sig .sig-header a.btn[href] { padding: .5rem .6rem !important; } }
.hwf-sig .sig-sheet a.sheet-opt[href] { display: grid !important; justify-content: start !important; justify-items: start; gap: .2rem !important; width: auto; padding: .85rem !important; border: 0 !important; border-radius: var(--s-r-sm) !important; background: var(--s-tint) !important; color: var(--s-ink) !important; font: inherit !important; text-align: left; white-space: normal; }
.hwf-sig .article-cta a.next-reading-link[href] { display: block !important; width: auto; padding: 1.1rem 1.35rem !important; border: 0 !important; border-radius: var(--s-r-lg) !important; background: var(--s-surface); color: var(--s-ink) !important; font: var(--s-head-weight) var(--s-step-1)/1.3 var(--s-head) !important; text-align: left; }
/* 2.7.1: whole-card links. The main link's overlay covers the card; secondary links sit above it. */
.hwf-sig-full .fun-card .fun-more a { z-index: 2; }
.hwf-sig .up-next .up-link::before { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.hwf-sig .up-next .up-x { z-index: 1; }
/* 2.7.1 mobile audit: 44px tap targets in the Signature header, footer, hero, hub and links. */
.hwf-sig .sig-skip { min-height: 44px; display: inline-flex; align-items: center; }
.hwf-sig .sig-header .brand { min-height: 44px; }
@media (max-width: 760px) { .hwf-sig .sig-header a.btn[href] { min-height: 44px; } .hwf-sig .sig-header .menu-btn { min-height: 44px; min-width: 44px; } }
.hwf-sig .sig-footer .foot-links a, .hwf-sig .sig-footer .foot-more a { display: flex; align-items: center; min-height: 44px; padding-block: 0; }
.hwf-sig .sig-footer .appearance-options span { min-height: 44px; }
.hwf-sig .sig-footer .foot-notice a { padding-block: .3rem; }
.hwf-sig-full .wx-pause::after { content: ""; position: absolute; inset: -6px -4px; }
.hwf-sig-full a.arrow { display: inline-flex; align-items: center; min-height: 44px; }
.hwf-sig-full .crumb a { display: inline-flex; align-items: center; min-height: 44px; }
.hwf-sig-full .chip { min-height: 44px; }
.hwf-sig-full .hub-credits summary { min-height: 44px; }
.hwf-sig-full .fun-more a { display: inline-flex; align-items: center; min-height: 44px; }
.hwf-sig-full .credits, .hwf-sig-full .hub-credits p { line-height: 1.9; }
.hwf-sig .sig-footer .wordmark em { color: #b9b2a5; }
.hwf-sig .sig-sheet .sheet-x { width: 44px; height: 44px; }
.hwf-sig .sig-sheet .sheet-topic span { min-height: 44px; }
.hwf-sig .sig-sheet .sheet-send { min-height: 44px; }
/* Keyboard focus and in-page jumps land below the sticky header (WCAG 2.4.11). */
html:has(body.hwf-sig) { scroll-padding-top: 5rem; }
.hwf-sig-full .home-experience-link { display: inline-flex; align-items: center; min-height: 44px; }
.hwf-sig-full .fun-more { display: flex; flex-wrap: wrap; column-gap: 1.25rem; }
/* 2.7.2: the section bar and its list float under the header instead of growing it, so showing
 * or hiding them never moves the page. When the header tucks away the bar stays at the top. */
.hwf-sig .sig-header .section-bar { position: absolute; left: 0; right: 0; top: 100%; background: var(--s-sig-band); box-shadow: 0 6px 16px rgba(0,0,0,.18); }
.hwf-sig .sig-header .sec-list { max-height: min(60vh, 30rem); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.hwf-sig .sig-header .sec-list ol { display: block; width: auto; max-width: var(--s-wide); margin: 0 auto; padding: .25rem var(--s-gutter) .5rem; }
.hwf-sig .sig-header .sec-list li { display: block; width: 100%; }
.hwf-sig .sig-header .sec-list a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 44px; padding-block: .5rem; }
.hwf-sig .sig-header .sec-list a > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.hwf-sig .sig-header .sec-list .toc-min { flex: none; }
.hwf-sig .sig-header .sec-btn { min-height: 44px; max-width: 75%; }
html.sig-bar-on:has(body.hwf-sig) { scroll-padding-top: 7.5rem; }
/* 2.7.3: polish for templates that keep their classic body (About, Buying & Selling, Selling with
 * Frankie, Home value, Save, Privacy, Agent resources and articles). Display only: no wording,
 * links or saved content change, and Classic mode is untouched. */
/* Headings: Source Serif 4 everywhere instead of Georgia. */
body.hwf-sig:not(.hwf-sig-full) :is(h1, h2, h3):not(.sig-header *, .sig-footer *, .sig-sheet *, .sig-sources > h2, .article-cta > h2) { font-family: var(--s-head); font-weight: var(--s-head-weight); font-optical-sizing: auto; letter-spacing: -.012em; }
/* Small labels: the Signature sans kicker instead of uppercase monospace. Colours stay as each page set them. */
body.hwf-sig .eyebrow, body.hwf-sig .field-article-header .sig-kicker { font: 600 var(--s-step--1)/1.35 var(--s-sans); letter-spacing: .07em; }
body.hwf-sig .field-article-header .sig-kicker { font-size: .8rem; letter-spacing: .05em; }
body.hwf-sig :is(.card-number, .report-topline, .report-tags span, .trust-strip, .hwf-form-section-heading > span, .contact-identity > p, .agent-step, .agent-card-label, .agent-resource-updated) { font-family: var(--s-sans); letter-spacing: .04em; }
body.hwf-sig .snapshot-form-card .wpforms-field-label { font-family: var(--s-sans) !important; font-size: .95rem !important; font-weight: 600 !important; text-transform: none; }
body.hwf-sig .sig-byline span + span, body.hwf-sig .sig-take-label, body.hwf-sig .sig-sources h2, body.hwf-sig .article-cta > h2 { font-family: var(--s-sans); }
body.hwf-sig .sig-byline span + span { font-size: .88rem; }
/* Articles: one label above the title. The topic line repeats the kicker and summary, so it is hidden here. */
body.hwf-sig .field-article-header .article-audience { display: none; }
/* Breadcrumbs: small sans text; on phones only the closest parent ("‹ Neighborhoods & culture"). */
body.hwf-sig :is(.guide-breadcrumb, .seller-breadcrumb) { display: flex; flex-wrap: wrap; align-items: center; gap: 0 .45rem; color: var(--s-muted); font: 500 .88rem/1.4 var(--s-sans); letter-spacing: normal; text-transform: none; }
body.hwf-sig :is(.guide-breadcrumb, .seller-breadcrumb) a { color: var(--s-accent); }
@media (max-width: 600px) {
  body.hwf-sig :is(.guide-breadcrumb, .seller-breadcrumb) > :is(span, a:not(:last-of-type)) { display: none; }
  body.hwf-sig :is(.guide-breadcrumb, .seller-breadcrumb) > a:last-of-type::before { content: "‹"; display: inline-block; margin-right: .4rem; font-size: 1.1em; line-height: 1; }
}
/* Buttons: the three Signature tiers. Gold with a coral edge is the main action on each page. */
body.hwf-sig:not(.hwf-sig-full) :is(a.button:is(.button-primary, .button-yellow):not(.hwf-action-button), .hero-actions > a.text-link, .snapshot-form-card button[type="submit"]) {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 48px; padding: .75rem 1.15rem !important;
  border: 0 !important; border-radius: var(--s-r-sm) !important; background: var(--s-sig-gold) !important; color: var(--s-sig-gold-ink) !important;
  box-shadow: 3px 3px 0 var(--s-sig-coral) !important; font: 600 1rem/1.3 var(--s-sans) !important; letter-spacing: normal; text-transform: none; text-decoration: none;
  transition: transform .2s var(--s-ease), box-shadow .2s var(--s-ease);
}
body.hwf-sig:not(.hwf-sig-full) :is(a.button:is(.button-primary, .button-yellow):not(.hwf-action-button), .hero-actions > a.text-link, .snapshot-form-card button[type="submit"]):hover { transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--s-sig-coral) !important; }
body.hwf-sig:not(.hwf-sig-full) :is(a.button:is(.button-primary, .button-yellow):not(.hwf-action-button), .hero-actions > a.text-link, .snapshot-form-card button[type="submit"]):focus-visible { outline: 3px solid var(--s-sig-coral); outline-offset: 3px; }
body.hwf-sig:not(.hwf-sig-full) a.hwf-action-button.hwf-booking-button { border-color: transparent !important; border-radius: var(--s-r-sm) !important; box-shadow: 3px 3px 0 var(--s-sig-coral); }
body.hwf-sig:not(.hwf-sig-full) a.button.button-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: .7rem 1.1rem; border: 0; border-radius: var(--s-r-sm); background: transparent; color: var(--s-ink); box-shadow: inset 0 0 0 1.5px var(--s-accent); font: 600 .98rem/1.3 var(--s-sans); letter-spacing: normal; text-transform: none; text-decoration: none; }
body.hwf-sig:not(.hwf-sig-full) a.button.button-secondary:hover { background: var(--s-tint); box-shadow: inset 0 0 0 2px var(--s-accent); }
body.hwf-sig:not(.hwf-sig-full) a.button > span[aria-hidden="true"] { font-family: var(--s-sans); }
/* Cards: soft surfaces instead of hard offset shadows (Home value, Save, Privacy). */
body.hwf-sig :is(.seller-report, .snapshot-card, .snapshot-form-card, .digital-card, .contact-action-card, .privacy-index, .privacy-help-card, .privacy-content, .privacy-signoff) { border: 1px solid var(--s-line); border-radius: var(--s-r-lg); box-shadow: var(--s-shadow); }
body.hwf-sig .contact-action-card:hover { transform: translateY(-1px); box-shadow: var(--s-shadow), 0 0 0 1px var(--s-accent-soft); }
body.hwf-sig :is(.snapshot-icon, .action-icon, .contact-portrait) { box-shadow: none; }
body.hwf-sig :is(.snapshot-icon, .action-icon, .hwf-form-section-heading > span) { border-radius: var(--s-r-sm); }
body.hwf-sig .privacy-help-card a { font: 600 .95rem/1.4 var(--s-sans); letter-spacing: normal; text-transform: none; }
body.hwf-sig .digital-card::before, body.hwf-sig .digital-card::after { display: none; }
body.hwf-sig .report-topline > span + span { display: none; } /* decorative "HWF / 01" tag */
/* Selling with Frankie: the in-page links become chips, like the Local Guide topics. */
body.hwf-sig .seller-section-nav { gap: .5rem; }
body.hwf-sig .seller-section-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 1rem; border-radius: 999px; background: var(--s-tint); color: var(--s-ink); font: 500 .92rem/1.2 var(--s-sans); text-decoration: none; }
body.hwf-sig .seller-section-nav a:hover { background: var(--s-tint-green); }
@media (prefers-reduced-motion: reduce) {
  body.hwf-sig :is(a.button, .hero-actions > a.text-link, .contact-action-card) { transition: none !important; transform: none !important; }
}
/* 2.7.3: warmer cream on classic-body pages too (light mode only). The classic coral and teal
 * text colours are deepened to the Signature kicker and accent so small text stays above 4.5:1. */
html:not([data-hwf-theme="dark"]) body.hwf-sig { --paper: #f3ede1; --paper-deep: #ebe3d4; --white: #fbf8f2; --coral-dark: #87443a; --teal-dark: #456b60; }
/* 2.7.4: one calm reveal of the hero sky. The time of day is set before the first paint and the sun,
 * moon, stars and clouds wait (sky-wait) until the weather is known, then rise and drift in together. */
.hwf-sig-full .hero-band.sky-wait .scene :is(.sun, .moon, .stars, .cloud, .cloud-shadows) { opacity: 0 !important; transition: none !important; }
.hwf-sig-full .hero-band.sky-wait .scene :is(.sun, .moon) { translate: 0 10px; }
.hwf-sig-full .hero-band.sky-wait .scene .cloud { translate: -8px 0; }
.hwf-sig-full .hero-band.sky-in .scene :is(.sun, .moon) { transition: opacity 1.5s var(--s-ease) .1s, translate 2.2s cubic-bezier(.16,.84,.3,1) .1s, transform 1.2s var(--s-ease); }
.hwf-sig-full .hero-band.sky-in .scene .sun rect { transition: fill 1.2s var(--s-ease); }
.hwf-sig-full .hero-band.sky-in .scene .stars { transition: opacity 2.4s ease .6s; }
.hwf-sig-full .hero-band.sky-in .scene :is(.cloud, .cloud-shadows) { transition: opacity 1.8s var(--s-ease) .25s, translate 2.6s cubic-bezier(.16,.84,.3,1) .25s; }
@media (prefers-reduced-motion: reduce) {
  .hwf-sig-full .hero-band.sky-wait .scene :is(.sun, .moon, .cloud) { translate: none; }
  .hwf-sig-full .hero-band.sky-in .scene :is(.sun, .moon, .stars, .cloud, .cloud-shadows) { transition: opacity .4s linear; }
}
/* 2.7.8: between 761px and 1000px the full nav overlapped the wordmark. Tablets get the phone header. */
@media (min-width: 761px) and (max-width: 1000px) {
.hwf-sig .nav a:not(.btn) { display: none; }
.hwf-sig .menu-btn { display: inline-flex; gap: .4rem; min-height: 44px; min-width: 44px; align-items: center; padding: 0 .25rem; border: 0; background: none; font: 500 .95rem var(--s-sans); }
.hwf-sig .cta-long { display: none; }
.hwf-sig .cta-short { display: inline; }
/* Layout only: colors come from the Signature header rules above, as on phones. */
.hwf-sig .mobile-menu:not([hidden]) { display: grid; padding: 0 var(--s-gutter) .75rem; border-bottom-width: 1px; border-bottom-style: solid; }
.hwf-sig .mobile-menu a { display: flex; align-items: center; min-height: 48px; border-top-width: 1px; border-top-style: solid; text-decoration: none; font: 500 1.05rem var(--s-sans); }
.hwf-sig .sig-header .lights { display: none !important; }
.hwf-sig .sig-header a.btn[href] { min-height: 44px; padding: .5rem .85rem !important; font-size: .9rem !important; }
}
/* 2.7.8: day and dawn skies kept the hero text below contrast targets where the warm glow sat behind it.
 * Deeper tops (#3f5a70, #4d4e6e) and a glow placed away from the text column: kicker 5.2:1, lede 5.9:1,
 * gold highlight 3.9:1 or better. */
.hwf-sig-full .hero-band[data-time="day"] { background: radial-gradient(circle at 80% 18%, rgba(255,236,173,.24), transparent 24rem), linear-gradient(180deg, #3f5a70 0%, #36505f 100%); }
.hwf-sig-full .hero-band[data-time="dawn"] { background: radial-gradient(circle at 76% 30%, rgba(246,200,91,.28), transparent 22rem), linear-gradient(180deg, #4d4e6e 0%, #3f4562 100%); }
@media (max-width: 1000px) {
.hwf-sig-full .hero-band[data-time="day"] { background: radial-gradient(circle at 86% 76%, rgba(255,236,173,.2), transparent 16rem), linear-gradient(180deg, #3f5a70 0%, #36505f 100%); }
.hwf-sig-full .hero-band[data-time="dawn"] { background: radial-gradient(circle at 86% 72%, rgba(246,200,91,.24), transparent 16rem), linear-gradient(180deg, #4d4e6e 0%, #3f4562 100%); }
}