/* Scoped to this page so the WordPress installation can retain its theme. */
.hometown-body { margin: 0; padding: 0; background: #123449; }
.hometown-page { --ink: #123449; --cream: #faeac8; --paper: #f0d9ad; --red: #bd1b20; --blue: #084b73; color: var(--ink); font-family: Georgia, 'Times New Roman', serif; line-height: 1.5; background: #123449; padding: 0 20px; }
.hometown-page *, .hometown-page *::before, .hometown-page *::after { box-sizing: border-box; }
.hometown-page a { color: inherit; text-decoration: none; }
.hometown-page a:focus-visible, .hometown-page button:focus-visible { outline: 4px solid #1587d5; outline-offset: 5px; }
.hometown-page a:hover { text-decoration: underline; text-underline-offset: 4px; }
.hometown-page .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.hometown-page .skip-link { position: fixed; z-index: 999; top: -150px; left: 16px; background: var(--cream); padding: 12px 16px; font: 700 1rem/1.4 Arial, sans-serif; }
.hometown-page .skip-link:focus { top: 12px; }
.hometown-page .utility { max-width: 1056px; min-height: 58px; padding: 12px 0; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--cream); font: 700 .875rem/1.5 Arial, sans-serif; letter-spacing: .07em; }
.hometown-page .utility a { white-space: nowrap; }
.hometown-page .utility strong { font-size: 1rem; letter-spacing: .025em; }
.hometown-page .paper { margin: 0 auto; max-width: 1056px; background-color: var(--paper); background-image: radial-gradient(#71512a1a .6px, transparent .8px); background-size: 4px 4px; border: 7px solid #ddbd8c; box-shadow: 0 20px 50px #0005; }
.hometown-page .poster-window { position: relative; overflow: hidden; aspect-ratio: 1024 / 1004; }
.hometown-page .poster-image { display: block; width: 100%; max-width: none; height: auto; }
.hometown-page .page-content { padding: 0 18px 10px; }
/* An opened broadsheet on the service counter, with live advertisement text. */
.hometown-page .newspaper-stage { --press-ink: #30271e; position: relative; margin: 0 -18px; padding: 42px 22px 48px; color: var(--press-ink); overflow: hidden; scroll-margin-top: 20px; border-block: 1px solid #31271e; background-color: #655040; background-image: radial-gradient(ellipse at 50% 35%, #a78b6660, #221b1a40 80%), repeating-linear-gradient(1deg, transparent 0 5px, #2b211e24 6px 7px, transparent 8px 34px), repeating-linear-gradient(0deg, #d2b8990a 0 1px, transparent 1px 4px); }
.hometown-page .newspaper-spread { position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); transform: rotate(-.7deg); filter: drop-shadow(0 18px 12px #1a100c80); }
.hometown-page .newspaper-spread::before, .hometown-page .newspaper-spread::after { content: ''; position: absolute; z-index: -1; inset: 6px -3px -7px; background: #d1c5ac; border: 1px solid #817157; transform: rotate(.25deg); clip-path: polygon(0 .7%, 25% 0, 50% 1%, 76% .2%, 100% .7%, 100% 99.6%, 76% 99.3%, 50% 100%, 23% 99.5%, 0 100%); }
.hometown-page .newspaper-spread::after { inset: 10px -5px -10px; z-index: -2; background: #b6a88d; transform: rotate(-.3deg); box-shadow: 0 2px 1px #23190e80; }
.hometown-page .newspaper-leaf { min-width: 0; display: flex; flex-direction: column; gap: 16px; padding: 25px 24px 17px; background-color: #f0e7d1; background-image: linear-gradient(90deg, #886a3529 0%, #fffaf015 8%, #fffaf04d 32%, transparent 68%, #6651361a 91%, #4b382c47 100%), linear-gradient(0deg, transparent 48.7%, #614c2612 49.4%, #fffcf540 50%, transparent 50.7%), radial-gradient(#49381f17 .45px, transparent .7px), radial-gradient(ellipse at 15% 17%, #b7934b17, transparent 54%); background-size: 100% 100%, 100% 100%, 3px 3px, 100% 100%; clip-path: polygon(0 .5%, 22% 0, 69% .3%, 100% 1%, 100% 99.7%, 61% 99.4%, 26% 99.8%, 0 100%); }
.hometown-page .newspaper-leaf-right { background-image: linear-gradient(90deg, #4b382c47 0%, #6651361a 9%, transparent 32%, #fffaf04d 68%, #fffaf015 92%, #886a3529 100%), linear-gradient(0deg, transparent 48.7%, #614c2612 49.4%, #fffcf540 50%, transparent 50.7%), radial-gradient(#49381f17 .45px, transparent .7px), radial-gradient(ellipse at 90% 80%, #b7934b17, transparent 54%); clip-path: polygon(0 1%, 31% .3%, 78% 0, 100% .5%, 100% 100%, 74% 99.8%, 39% 99.4%, 0 99.7%); }
.hometown-page .newspaper-gutter { pointer-events: none; position: absolute; z-index: 1; top: 7px; bottom: 4px; left: calc(50% -11px); width: 22px; background: linear-gradient(90deg, transparent, #4937201f 27%, #39291b61 46%, #211b1680 49%, #f9f0d67a 55%, #50382412 75%, transparent); }
.hometown-page .newspaper-masthead { text-align: center; border-bottom: 4px double var(--press-ink); padding-bottom: 9px; }
.hometown-page .newspaper-name { margin: 0 0 5px; font: 900 clamp(.85rem, 2.2vw, 1.65rem)/1.1 Georgia, 'Times New Roman', serif; letter-spacing: -.05em; }
.hometown-page .newspaper-edition { margin: 0; padding-top: 5px; border-top: 1px solid #30271e70; font: 700 .625rem/1.45 Georgia, 'Times New Roman', serif; letter-spacing: .035em; text-transform: uppercase; }
.hometown-page .newspaper-edition span { padding-inline: 4px; font-size: .5rem; }
.hometown-page .newspaper-intro { display: flex; flex-direction: column; justify-content: center; min-height: 110px; text-align: center; }
.hometown-page .newspaper-section { margin: 0 0 6px; font: 700 .75rem/1.3 Georgia, 'Times New Roman', serif; text-transform: uppercase; letter-spacing: .18em; }
.hometown-page .newspaper-intro h2, .hometown-page .newspaper-headline { margin: 0; padding: 0; color: inherit; font: 900 clamp(1.2rem, 3.5vw, 2.55rem)/1.02 Georgia, 'Times New Roman', serif; letter-spacing: -.055em; text-wrap: balance; }
.hometown-page .newspaper-deck { margin: 9px 0 0; font: italic 400 .9375rem/1.3 Georgia, 'Times New Roman', serif; }
.hometown-page .newspaper-ad { min-width: 0; padding: 16px; border: 2px solid var(--press-ink); text-align: center; }
.hometown-page .newspaper-ad h3 { margin: 0; padding: 0; color: inherit; font: 900 clamp(1.5rem, 3.25vw, 2.65rem)/1.02 Georgia, 'Times New Roman', serif; letter-spacing: -.055em; text-wrap: balance; }
.hometown-page .ad-eyebrow { margin: 0 0 10px; font: 700 .75rem/1.3 Georgia, 'Times New Roman', serif; letter-spacing: .08em; text-transform: uppercase; }
.hometown-page .illustrated-ad { display: grid; grid-template-columns: minmax(0, 1fr) minmax(110px, .85fr); align-items: center; gap: 14px; }
.hometown-page .illustrated-ad > div { min-width: 0; }
.hometown-page .ad-character { display: block; width: 100%; height: auto; max-height: 195px; object-fit: contain; margin: auto; mix-blend-mode: multiply; }
.hometown-page .ad-services { margin: 12px 0 0; font: 700 1rem/1.4 Georgia, 'Times New Roman', serif; }
.hometown-page .ad-detail { margin: 10px 0 0; font: 400 .9375rem/1.4 Georgia, 'Times New Roman', serif; text-wrap: pretty; }
.hometown-page .ad-signature { margin: 14px 0 0; border-top: 1px solid var(--press-ink); padding-top: 8px; font: 700 .75rem/1.35 Georgia, 'Times New Roman', serif; text-transform: uppercase; letter-spacing: .02em; }
.hometown-page .ad-signature span { margin-inline: 5px; font-size: .55rem; }
.hometown-page .heating-ad { border: 4px double var(--press-ink); }
.hometown-page .heating-ad h3 { font-size: clamp(1.75rem, 4.9vw, 3.9rem); }
.hometown-page .heating-ad .illustrated-ad { margin-top: 8px; }
.hometown-page .boiler-ad { padding: 13px; border: 3px double var(--press-ink); }
.hometown-page .boiler-ad .ad-eyebrow { margin-bottom: 7px; font-style: italic; text-transform: none; letter-spacing: .03em; }
.hometown-page .boiler-ad h3 { font-size: clamp(1.125rem, 2.3vw, 1.75rem); }
.hometown-page .boiler-ad .ad-services { margin-top: 8px; font-weight: 400; }
.hometown-page .boiler-character-ad { grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); margin-top: 12px; }
.hometown-page .boiler-character { max-height: 160px; }
.hometown-page .service-repair-ad { flex: 1; display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1fr); align-items: center; gap: 12px; padding: 13px 10px; border: 0; border-block: 4px double var(--press-ink); }
.hometown-page .service-characters { display: block; width: 100%; height: auto; max-width: 200px; margin: auto; mix-blend-mode: multiply; }
.hometown-page .service-repair-ad h3 { font-size: clamp(1.25rem, 2.7vw, 2rem); }
.hometown-page .service-repair-ad h3 span { font-style: italic; font-weight: 400; }
.hometown-page .service-repair-ad .ad-services { font-size: .9375rem; }
.hometown-page .cooling-ad { border: 1px solid var(--press-ink); outline: 2px solid var(--press-ink); outline-offset: -5px; }
.hometown-page .cooling-ad .illustrated-ad { grid-template-columns: minmax(0, .95fr) minmax(0, 1fr); margin-top: 10px; }
.hometown-page .cooling-ad .ad-services { margin-top: 0; }
.hometown-page .cooling-ad h3 { font-variant: small-caps; }
.hometown-page .ventilation-ad { padding: 15px; border: 1px solid var(--press-ink); }
.hometown-page .ventilation-ad h3 { font-size: clamp(1.2rem, 2.8vw, 2rem); }
.hometown-page .ventilation-ad .illustrated-ad { grid-template-columns: minmax(0, 1fr) minmax(100px, .9fr); margin-top: 12px; }
.hometown-page .ventilation-ad .ad-services { font-size: .9375rem; }
.hometown-page .newspaper-phone-ad { flex: 1; display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); align-items: center; gap: 10px; padding: 13px 2px 4px; border-top: 4px double var(--press-ink); text-align: center; }
.hometown-page .phone-ad-copy { min-width: 0; }
.hometown-page .phone-ad-copy > p { margin: 0; font: 700 .75rem/1.4 Georgia, 'Times New Roman', serif; text-transform: uppercase; letter-spacing: .04em; }
.hometown-page .phone-character { max-height: 150px; }
.hometown-page .newspaper-phone-ad a { display: block; align-self: center; margin: 5px 0 2px; font: 900 clamp(1.5rem, 3.8vw, 2.75rem)/1.15 Georgia, 'Times New Roman', serif; letter-spacing: -.055em; }
.hometown-page .newspaper-phone-ad .printed-phone { font-size: .9375rem; letter-spacing: .02em; }
.hometown-page .newspaper-phone-ad .printed-tagline { margin-top: 8px; font: italic 400 .9375rem/1.35 Georgia, 'Times New Roman', serif; text-transform: none; letter-spacing: 0; }
.hometown-page .newspaper-folio { display: flex; align-items: end; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 7px; border-top: 1px solid #30271e80; font: 400 .625rem/1.4 Georgia, 'Times New Roman', serif; }
.hometown-page .contact-section { display: grid; grid-template-columns: 1.12fr 1fr; gap: 20px; align-items: center; padding: 25px 0 27px; }
.hometown-page .radio-illustration { position: relative; display: block; width: 100%; aspect-ratio: 350 / 190; background-color: transparent; border: 0; border-radius: 8px; padding: 0; cursor: pointer; background-image: url('assets/hometown-poster.png'); background-size: 292.571% 808.421%; background-position: 5.935% 89.97%; }
.hometown-page .radio-illustration[aria-pressed="true"]::after { content: 'Ⅱ'; position: absolute; left: 45%; top: 52%; width: 19%; height: 35%; border: 2px solid #faeac8; border-radius: 50%; background: #bd1b20; color: #faeac8; display: grid; place-items: center; font: 900 2rem/1 Arial, sans-serif; }
.hometown-page #radioAudio { display: none; }
.hometown-page .audio-error { font: 400 .875rem/1.4 Arial, sans-serif; margin: 10px 24px 16px; }
.hometown-page .audio-error a { text-decoration: underline; }
.hometown-page .call-card { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; padding: 22px 9px; min-height: 173px; background: var(--red); border: 3px solid var(--cream); outline: 2px solid var(--red); border-radius: 24px; color: #fff7e1; text-align: center; box-shadow: 0 4px 0 #823618; }
.hometown-page .call-card:hover, .hometown-page .contact-button:hover { text-decoration: none; filter: brightness(1.1); }
.hometown-page .call-label { display: flex; gap: 9px; align-items: center; font: 900 clamp(1.25rem, 2.4vw, 1.8rem)/1.1 Impact, 'Arial Narrow', Arial, sans-serif; text-transform: uppercase; }
.hometown-page .call-label svg { width: 27px; height: 27px; }
.hometown-page .call-card strong { font: 900 clamp(2rem, 4.4vw, 3.3rem)/1.15 Impact, 'Arial Narrow', Arial, sans-serif; letter-spacing: -.025em; white-space: nowrap; margin-top: 8px; }
.hometown-page .phone-number { font: 700 clamp(1rem, 2.2vw, 1.4rem)/1.5 Arial, sans-serif; }
.hometown-page .email-card { min-width: 0; text-align: center; }
.hometown-page .contact-button { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 24px 10px; background: var(--blue); color: #fff7e1; border: 3px solid var(--cream); outline: 2px solid var(--blue); border-radius: 18px; box-shadow: 0 4px 0 #183044; font: 900 1.3rem/1.2 Impact, 'Arial Narrow', Arial, sans-serif; text-transform: uppercase; }
.hometown-page .contact-button svg { width: 29px; height: 29px; flex-shrink: 0; }
.hometown-page .email-address { display: inline-block; padding: 18px 0 8px; font: 700 .875rem/1.4 Arial, sans-serif; overflow-wrap: anywhere; text-decoration: underline; }
.hometown-page .trust-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: var(--ink); color: var(--cream); padding: 17px 0; border-block: 2px solid var(--ink); text-align: center; }
.hometown-page .trust-strip span { padding: 0 12px; border-right: 1px solid #faeac860; font: 700 1rem/1.4 'Arial Narrow', Arial, sans-serif; text-transform: uppercase; }
.hometown-page .trust-strip span:last-child { border-right: 0; }
.hometown-page .closing-line { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 9px 15px; margin: 3px 0 0; padding: 11px; background: var(--ink); color: var(--cream); text-align: center; font: 400 .875rem/1.4 'Arial Narrow', Arial, sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.hometown-page .closing-line span { font-size: .75rem; }
.hometown-page .site-footer { padding: 23px 0 27px; color: var(--cream); text-align: center; font: 400 .875rem/1.5 Arial, sans-serif; }
.hometown-page .site-footer p { margin: 0 0 5px; padding: 0; }
.hometown-page .mobile-contact { display: none; }
@media (max-width: 800px) {
  .hometown-page { padding: 0 12px; }
  .hometown-page .newspaper-stage { padding: 30px 16px 36px; }
  .hometown-page .newspaper-leaf { padding: 21px 17px 15px; gap: 14px; }
  .hometown-page .newspaper-ad { padding: 13px; }
  .hometown-page .illustrated-ad { grid-template-columns: minmax(0, 1fr) minmax(85px, .85fr); gap: 9px; }
  .hometown-page .boiler-character-ad { grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); }
  .hometown-page .ventilation-ad .illustrated-ad { grid-template-columns: minmax(0, 1fr) minmax(85px, .9fr); }
  .hometown-page .service-repair-ad { grid-template-columns: 1fr; gap: 8px; }
  .hometown-page .service-characters { max-width: 170px; }
  .hometown-page .newspaper-intro { min-height: 108px; }
  .hometown-page .contact-section { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px 18px; }
  .hometown-page .call-card { grid-column: 1 / -1; grid-row: 1; min-height: 142px; }
  .hometown-page .call-card strong { font-size: 3rem; }
  .hometown-page .phone-number { font-size: 1.3rem; }
  .hometown-page .call-label { font-size: 1.4rem; }
  .hometown-page .trust-strip span { font-size: .875rem; padding: 0 8px; }
}
@media (max-width: 540px) {
  .hometown-page { padding: 0 6px calc(68px + env(safe-area-inset-bottom)); }
  .hometown-page .utility { min-height: 54px; gap: 10px; padding: 9px 5px; letter-spacing: 0; }
  .hometown-page .utility > span { font-size: .875rem; max-width: 132px; }
  .hometown-page .utility a { font-size: .875rem; }
  .hometown-page .utility strong { font-size: .875rem; }
  .hometown-page .paper { border-width: 3px; }
  .hometown-page .page-content { padding: 0 12px 10px; }
  .hometown-page .newspaper-stage { margin-inline: -12px; padding: 22px 10px 29px; }
  .hometown-page .newspaper-spread { transform: rotate(-.35deg); }
  .hometown-page .newspaper-leaf { padding: 15px 9px 11px; gap: 12px; }
  .hometown-page .newspaper-masthead { padding-bottom: 6px; }
  .hometown-page .newspaper-name { font-size: clamp(.75rem, 3.5vw, 1rem); }
  .hometown-page .newspaper-edition { font-size: .5rem; letter-spacing: 0; }
  .hometown-page .newspaper-edition span { padding-inline: 1px; }
  .hometown-page .newspaper-intro { min-height: 115px; }
  .hometown-page .newspaper-section { font-size: .625rem; letter-spacing: .04em; }
  .hometown-page .newspaper-intro h2, .hometown-page .newspaper-headline { font-size: clamp(1.15rem, 5.3vw, 1.65rem); }
  .hometown-page .newspaper-deck { font-size: .875rem; }
  .hometown-page .newspaper-ad { padding: 12px 7px; }
  .hometown-page .newspaper-ad h3 { font-size: clamp(1.1rem, 5.25vw, 1.65rem); }
  .hometown-page .heating-ad h3 { font-size: clamp(1.5rem, 7.1vw, 2rem); }
  .hometown-page .boiler-ad h3 { font-size: clamp(1.05rem, 4.8vw, 1.4rem); }
  .hometown-page .ad-eyebrow { font-size: .625rem; letter-spacing: .01em; }
  .hometown-page .ad-services, .hometown-page .ad-detail, .hometown-page .service-repair-ad .ad-services, .hometown-page .ventilation-ad .ad-services { font-size: .875rem; overflow-wrap: anywhere; }
  .hometown-page .illustrated-ad, .hometown-page .cooling-ad .illustrated-ad, .hometown-page .ventilation-ad .illustrated-ad { grid-template-columns: 1fr; gap: 8px; }
  .hometown-page .ad-character { width: 112px; max-width: 100%; max-height: none; margin: 3px auto; }
  .hometown-page .service-characters { max-width: 135px; }
  .hometown-page .service-repair-ad { padding-inline: 2px; }
  .hometown-page .ad-signature { font-size: .625rem; }
  .hometown-page .newspaper-phone-ad { grid-template-columns: 1fr; gap: 8px; padding-top: 12px; }
  .hometown-page .phone-character { width: 100px; }
  .hometown-page .phone-ad-copy > p { font-size: .625rem; }
  .hometown-page .newspaper-phone-ad a { font-size: clamp(1.25rem, 6.4vw, 1.8rem); }
  .hometown-page .newspaper-phone-ad .printed-phone, .hometown-page .newspaper-phone-ad .printed-tagline { font-size: .875rem; }
  .hometown-page .newspaper-folio { font-size: .5rem; }
  .hometown-page .newspaper-gutter { left: calc(50% -7px); width: 14px; }
  .hometown-page .contact-section { display: flex; flex-direction: column; align-items: stretch; gap: 22px; padding: 24px 4px; }
  .hometown-page .call-card { order: -2; padding: 20px 10px; }
  .hometown-page .email-card { order: -1; }
  .hometown-page .contact-button { padding: 19px 12px; }
  .hometown-page .email-address { font-size: 1rem; padding-top: 16px; }
  .hometown-page .trust-strip { grid-template-columns: 1fr; padding: 0 16px; }
  .hometown-page .trust-strip span { border-right: 0; border-bottom: 1px solid #faeac860; padding: 14px 0; font-size: 1rem; }
  .hometown-page .trust-strip span:last-child { border-bottom: 0; }
  .hometown-page .closing-line { column-gap: 9px; }
  .hometown-page .mobile-contact { position: fixed; display: grid; grid-template-columns: 1.15fr 1fr; gap: 8px; z-index: 100; bottom: 0; left: 0; right: 0; padding: 9px 12px calc(9px + env(safe-area-inset-bottom)); background: #123449f5; border-top: 1px solid #f0d9ad60; box-shadow: 0 -4px 20px #0002; }
  .hometown-page .mobile-contact a { display: flex; justify-content: center; align-items: center; min-height: 46px; padding: 8px; border: 1px solid var(--cream); border-radius: 6px; color: #fff7e1; font: 700 1rem/1.25 Arial, sans-serif; text-align: center; }
  .hometown-page .mobile-contact a:first-child { background: var(--red); }
  .hometown-page .mobile-contact a:last-child { background: var(--blue); }
}
@media (prefers-reduced-motion: no-preference) {
  .hometown-page .call-card, .hometown-page .contact-button { transition: filter .15s; }
}

/* Clickable radio integrated into the main illustration. */
.hometown-page .poster-window { aspect-ratio: 1; }
.hometown-page .poster-window .radio-illustration { position: absolute; left: 69%; top: 18%; width: 30%; height: 20%; aspect-ratio: auto; background: transparent; border-radius: 12%; }
.hometown-page .poster-window .radio-illustration[aria-pressed="true"]::after { left: 47.5%; top: 69.5%; width: 24%; height: auto; aspect-ratio: 1; transform: translate(-50%, -50%); font-size: clamp(1rem, 3vw, 2.5rem); }