:root {
  color-scheme: dark;
  --blue: #087cd8;
  --bright: #71c5ff;
  --orange: #ff962f;
  --ink: #070d14;
  --panel: #102131;
  --muted: #b8c8d5;
  --line: #344d62;
  --paper: #f3f6f9;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 115px; }
body { margin: 0; background: var(--ink); color: #f4f7fa; font: 1rem/1.65 Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--bright); }
button, input, select { font: inherit; }
button, a, input, select { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid var(--bright); outline-offset: 4px; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin: 0; }
h1, h2 { font-family: Impact, 'Arial Narrow', Arial, sans-serif; font-style: italic; font-weight: 900; line-height: 1.1; letter-spacing: -.02em; text-transform: uppercase; text-wrap: balance; overflow-wrap: anywhere; }
h1 { font-size: clamp(2.25rem, 5.5vw, 5rem); }
h2 { font-size: clamp(1.9rem, 3.8vw, 3.4rem); }
h3 { font-size: 1.35rem; line-height: 1.3; text-wrap: balance; overflow-wrap: anywhere; }
p { color: var(--muted); }
em { color: #ffa34a; font-style: inherit; }
figure { margin: 0; }
main:focus { outline: none; }
main, section, article, aside, .wrap, .split > *, .hero-layout > *, .story-layout > * { min-width: 0; }
.wrap { width: min(1240px, calc(100% - clamp(32px, 6vw, 80px))); margin-inline: auto; }
.skip { position: fixed; top: -100px; left: 20px; z-index: 100; padding: 15px; background: white; color: black; }
.skip:focus { top: 10px; }
.topline { background: #061425; border-bottom: 1px solid #155887; color: #c2d1dc; font-size: .875rem; }
.topline .wrap { display: flex; justify-content: space-between; gap: 16px; padding-block: 7px; }
.topline a { color: white; font-weight: 700; }
header { position: sticky; top: 0; z-index: 30; background: linear-gradient(#17212b, #070b11 80%); border-bottom: 2px solid #138add; }
.nav { position: relative; display: flex; align-items: center; justify-content: space-between; min-height: 96px; gap: 24px; container-type: inline-size; }
.brand { position: relative; display: block; overflow: hidden; width: 222px; max-width: calc(100% - 5em); aspect-ratio: 1390 / 450; flex-shrink: 1; }
.brand img { position: absolute; width: 138.13%; height: auto; max-width: none; left: -19.425%; top: -67.556%; }
nav { display: flex; align-items: center; gap: clamp(12px, 1.35vw, 21px); }
nav a { display: flex; align-items: center; min-height: 44px; font-size: .875rem; font-weight: 700; white-space: nowrap; }
nav a[aria-current=page] { color: var(--bright); }
nav .button { padding: 10px 16px; font-size: .875rem; }
.menu-button { display: none; min-height: 44px; padding: 8px 14px; background: #132637; color: white; border: 1px solid #7793aa; border-radius: 2px; cursor: pointer; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 12px 22px; border: 1px solid #ffae62; border-radius: 2px; color: #101820; background: linear-gradient(#ffa345, #f28019); box-shadow: inset 0 1px #ffffff44; font-size: 1rem; font-weight: 700; line-height: 1.45; text-align: center; cursor: pointer; transition: background .15s; }
.button:hover { background: #ffb158; color: #07101a; }
.button.secondary { color: #fff; border-color: #6996b6; background: linear-gradient(#20374b, #0b1a29); }
.button.secondary:hover { background: #284e6c; color: white; }
.button.white { background: #fff; color: #071627; border-color: #fff; }
.actions { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; margin-top: 28px; }
.text-link { color: var(--bright); font-weight: 700; text-underline-offset: .25em; }
.text-link:hover { color: #b4e0ff; text-decoration: underline; }
.eyebrow { color: var(--bright); font-weight: 700; font-size: .875rem; letter-spacing: .11em; text-transform: uppercase; margin-bottom: 18px; line-height: 1.5; }

/* One continuous layout, with the same artwork and content on every screen. */
.showcase { background: radial-gradient(ellipse at 20% 50%, #10273c, transparent 65%), #060c13; border-bottom: 2px solid var(--orange); container-type: inline-size; }
.hero-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: center; gap: clamp(28px, 4vw, 60px); padding-block: clamp(28px, 4.5vw, 68px); }
.hero-banner { position: relative; aspect-ratio: 16 / 9; isolation: isolate; overflow: hidden; }
.hero-banner > img { position: absolute; width: 100%; height: 100%; inset: 0; max-width: none; }
.hero-original { clip-path: inset(0 0 30.4% 0); }
.hero-partner { position: absolute; top: 74.1%; left: 0; right: 0; height: 10%; display: flex; align-items: center; justify-content: center; gap: 3%; }
.hero-partner > span:first-child { color: #edf3f8; font-size: clamp(.6rem, 1.05vw, .875rem); line-height: 1; letter-spacing: .18em; font-style: italic; }
.wit-symbol { display: inline-block; position: relative; overflow: hidden; width: 1.85em; aspect-ratio: 682 / 276; vertical-align: middle; flex-shrink: 0; background: #fff; border: .045em solid #fff; box-sizing: content-box; }
.wit-symbol img { position: absolute; top: 0; left: -67.01%; width: 217.01%; height: auto; max-width: none; }
.hero-partner .wit-symbol { width: 14.5%; border-width: 3px; }
.hero-copy h1 { font-size: clamp(1.8rem, 2.65vw, 2.7rem); line-height: 1.15; text-wrap: initial; }
.hero-copy .eyebrow { font-size: .875rem; }
.hero-intro { margin-top: 22px; font-size: 1.0625rem; }
.hero-copy .actions { display: grid; gap: 12px; align-items: stretch; }
.benefits { background: linear-gradient(#10273b, #091520); border-bottom: 1px solid var(--line); }
.benefits .wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.benefit { padding: 23px 24px; border-right: 1px solid var(--line); border-top: 2px solid #278dca; }
.benefit:first-child { padding-left: 0; }
.benefit:last-child { border-right: 0; border-top-color: var(--orange); }
.benefit strong { display: block; font-size: 1.0625rem; margin-bottom: 4px; }
.benefit > span { color: var(--muted); font-size: .9375rem; }

section.section { padding-block: clamp(48px, 6vw, 80px); }
.section-title { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 36px; }
.section-title > p { max-width: 400px; }
.section-title > a { flex-shrink: 0; }
.section-lead { font-size: 1.125rem; max-width: 790px; }
.split { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(30px, 5vw, 65px); align-items: center; }
.split p, .story-layout > div > p:not(.eyebrow) { margin-top: 22px; font-size: 1.0625rem; }
.cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.card, .contact-box, .promo-card { background: linear-gradient(140deg, #192c3e, #0c151e 70%); border: 1px solid #40566a; }
.card, .promo-card { display: flex; flex-direction: column; }
.card-picture { height: 235px; background: #fff; display: flex; align-items: center; justify-content: center; padding: 22px; border-bottom: 3px solid #1c83c7; }
.card-picture img { width: 100%; height: 100%; object-fit: contain; }
.card-body { display: flex; flex-direction: column; flex: 1; padding: clamp(20px, 2vw, 28px); }
.card .tag, .promo-card .tag { color: var(--bright); font-size: .875rem; font-weight: 700; letter-spacing: .035em; text-transform: uppercase; margin-bottom: 12px; }
.card h3, .promo-card h3 { margin-bottom: 15px; }
.card p, .promo-card .card-body > p:not(.tag) { margin-bottom: 22px; }
.card .text-link, .promo-card .text-link { margin-top: auto; }
.brands { background: white; color: #111; padding-block: 36px; border-top: 3px solid #1685ce; border-bottom: 3px solid #eb7e21; }
.brands-label { color: #455561; font-size: .875rem; letter-spacing: .08em; text-transform: uppercase; text-align: center; margin-bottom: 28px; font-weight: 700; }
.logo-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; align-items: center; }
.logo-grid img { width: 100%; height: 62px; object-fit: contain; }
.hp-feature { background: linear-gradient(110deg, #101d2b, #020609); border-block: 1px solid #305473; }
.hp-brand { padding: 24px 12px; display: flex; flex-direction: column; align-items: center; gap: 22px; }
.hp-brand img { width: min(400px, 100%); height: auto; }
.hp-brand span { letter-spacing: .14em; font-weight: 700; color: #ffad61; border-block: 1px solid #3e6689; padding: 12px 8px; font-size: .9375rem; text-align: center; }
.hp-heading-logo { max-width: 240px; height: auto; }
.hp-art { display: block; border: 1px solid #476b88; }
.hp-art img { width: 100%; height: auto; }
.promo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
.promo-image { display: flex; align-items: center; justify-content: center; background: #030810; border-bottom: 3px solid var(--orange); height: 390px; }
.promo-image img { width: 100%; height: 100%; object-fit: contain; }
.category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); margin-top: 32px; }
.category-grid article { padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.category-grid p { margin-top: 14px; }

.page-heading { padding-block: clamp(38px, 5vw, 64px); background: repeating-linear-gradient(100deg, #ffffff02 0, #ffffff02 1px, transparent 1px, transparent 5px), linear-gradient(120deg, #173a5b, #101922 65%); border-bottom: 3px solid var(--orange); }
.page-heading h1 { max-width: 1000px; }
.page-heading p:not(.eyebrow) { max-width: 700px; margin-top: 24px; font-size: 1.125rem; }
.partner-headline { display: flex; flex-wrap: wrap; align-items: center; gap: .22em; margin-top: .12em; }
.partner-headline > span:last-child { min-width: 0; }
.partner-headline .wit-symbol { font-style: normal; margin-left: .015em; }
.section-jumps { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 28px; }
.section-jumps a { display: inline-flex; align-items: center; min-height: 44px; border-bottom: 1px solid #739dbb; color: #d8ebfa; font-size: .9375rem; }
.story-layout { display: grid; grid-template-columns: minmax(0, 1fr) 285px; gap: clamp(36px, 7vw, 105px); align-items: center; }
.story-layout > div > p:not(.eyebrow) { max-width: 740px; }
.community-photo { padding: 27px 24px 24px; background: linear-gradient(145deg, #1b3348, #0e1b27); border: 1px solid #466880; border-top: 3px solid var(--orange); text-align: center; }
.community-photo > img { width: 206px; height: 206px; margin-inline: auto; }
.community-photo figcaption { margin-top: 20px; color: var(--muted); font-size: .875rem; line-height: 1.6; }
.community-photo figcaption strong { color: #e9f2f8; }
.story-slogan { border-left: 3px solid var(--orange); padding-left: 20px; font-style: italic; }
.story-slogan strong { color: #ffab5e; }
.history-section { background: #0d1b28; border-top: 1px solid #314e67; }
.history-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 35px; }
.history-grid article { border-top: 2px solid #396c92; padding-top: 24px; }
.history-grid article:last-child { border-top-color: var(--orange); }
.history-date { display: flex; min-height: 64px; align-items: center; font-size: 2.7rem; line-height: 1.2; font-weight: 800; color: var(--bright); }
.history-local { font-size: 1rem; letter-spacing: .07em; color: #ffa34a; }
.history-grid h3 { margin-block: 10px 16px; }
.partnership-section { background: linear-gradient(135deg, #0c2b47, #0a121c); border-block: 2px solid #1c8cd9; }
.wit-partner-mark { background: #fff; padding: 22px; width: 250px; flex-shrink: 0; }
.wit-partner-mark img { width: 100%; height: auto; }
.partnership-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 50px; margin-top: 36px; }
.partnership-grid article { border-top: 2px solid #407492; padding-top: 24px; }
.partnership-grid article:nth-child(even) { border-color: #de842f; }
.partnership-grid p { margin-top: 14px; }
.education-section { background: linear-gradient(120deg, #0c1520, #07101a); border-bottom: 1px solid #344d62; }
.community-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin-top: 52px; }
.community-gallery figure { display: flex; align-items: center; gap: 26px; padding-top: 28px; border-top: 1px solid #385770; }
.community-gallery img { width: 170px; height: 170px; flex-shrink: 0; }
.community-gallery figcaption { min-width: 0; }
.community-gallery h3 { font-size: 1.2rem; }
.community-gallery p { font-size: .9375rem; margin-top: 12px; }

.quote-band { padding-block: clamp(42px, 5vw, 62px); background: linear-gradient(110deg, #153e64, #071626); border-top: 2px solid #1c95e9; border-bottom: 2px solid #e88024; }
.quote-band p { color: #dfedfa; max-width: 550px; margin-top: 20px; }
.qr-panel { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; justify-content: flex-end; }
.qr-panel > div:last-child { flex: 1 1 9em; min-width: 0; }
.qr { display: block; background: white; padding: 12px; flex-shrink: 0; }
.qr img { width: 156px; height: 156px; image-rendering: pixelated; }
.qr-panel strong { display: block; font-size: 1.25rem; line-height: 1.35; }
.qr-panel p { font-size: .9375rem; margin: 8px 0 12px; max-width: 190px; }
.quote-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(32px, 5vw, 70px); }
.quote-card { align-self: start; padding: clamp(24px, 3vw, 36px); text-align: center; background: linear-gradient(135deg, #153654, #0b141f); border-top: 4px solid var(--orange); }
.quote-card .qr { width: min(254px, 100%); margin: 26px auto 20px; }
.quote-card .qr img { width: 100%; height: auto; }
.quote-card .phone { font-size: clamp(1.5rem, 2vw, 1.75rem); font-weight: 700; overflow-wrap: anywhere; }
.quote-card p { margin-top: 16px; }
.quote-card .actions { display: grid; gap: 12px; }
.check-list { list-style: none; padding: 0; margin: 28px 0; }
.check-list li { position: relative; padding: 16px 0 16px 30px; border-bottom: 1px solid var(--line); }
.check-list li::before { content: '✓'; position: absolute; left: 0; color: var(--bright); font-weight: 700; }
.check-list strong { display: block; }
.check-list span { color: var(--muted); }
details { border-bottom: 1px solid var(--line); padding-block: 20px; }
summary { font-weight: 700; cursor: pointer; padding-block: 4px; }
details p { padding-top: 16px; }
.small { font-size: .875rem !important; }
.note { margin-top: 24px; font-size: .875rem; color: var(--muted); }
.spaced { margin-top: 36px; }
.contact-number { display: block; font-size: clamp(1.65rem, 3.6vw, 3.15rem); font-weight: 700; color: white; line-height: 1.25; margin-block: 25px; overflow-wrap: anywhere; }
.address { color: #d7e1e9; font-size: 1.125rem; line-height: 1.6; }
.contact-box { padding: clamp(22px, 3vw, 34px); }
.contact-box p { margin-top: 16px; }
.partner { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 28px; font-size: .875rem; color: #c2d1de; }
.partner-logo { display: flex; align-items: center; width: 145px; min-height: 67px; background: #fff; padding: 10px 12px; }
.partner-logo img { width: 100%; height: auto; }
.coverage-list { margin-top: 25px; border-top: 1px solid var(--line); }
.coverage-row { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 22px; padding-block: 20px; border-bottom: 1px solid var(--line); }
.coverage-row p { margin: 0; font-size: 1rem; }

.account-layout { display: grid; grid-template-columns: 285px minmax(0, 1fr); gap: 45px; align-items: start; }
.account-help { padding: 26px; background: #112b42; border-left: 3px solid var(--orange); }
.account-help h2 { font-size: 1.9rem; }
.account-help p { margin-top: 20px; }
.account-phone { display: inline-block; margin-top: 20px; font-size: 1.5rem; font-weight: 700; color: white; overflow-wrap: anywhere; }
.required-note { margin-bottom: 20px; }
.form-section { min-width: 0; margin: 0 0 32px; padding: 26px; border: 1px solid #486078; background: linear-gradient(135deg, #152636, #0b151e); }
.form-section > legend { font-size: 1.5rem; color: white; font-weight: 700; padding-inline: 8px; max-width: 100%; line-height: 1.4; }
.fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.field { min-width: 0; }
.field > label { display: block; font-weight: 700; margin-bottom: 8px; color: #e8eef3; font-size: .9375rem; }
.field input:not([type=checkbox]):not([type=radio]), .field select { display: block; width: 100%; min-width: 0; min-height: 48px; background: #f6f9fc; color: #0d1b27; border: 2px solid #b0c2d1; border-radius: 2px; padding: 10px 12px; font: 1rem Arial, sans-serif; color-scheme: light; }
.field input:disabled { opacity: .55; }
.field small { display: block; color: #b8c9d7; font-size: .875rem; line-height: 1.5; margin-top: 8px; }
.field label span:not([class]) { color: #ffb66d; }
.field.full { grid-column: 1 / -1; }
.choice { min-width: 0; border: 0; padding: 0; margin: 0; }
.choice > legend { font-weight: 700; margin-bottom: 10px; padding: 0; font-size: .9375rem; }
.choice > label { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-right: 22px; cursor: pointer; }
.choice input, .check-label input { width: 20px; height: 20px; accent-color: #f9952f; flex-shrink: 0; }
.check-label { display: flex !important; align-items: center; min-height: 44px; gap: 12px; font-weight: 400 !important; }
.copy-button { display: block; min-height: 44px; margin: 0 0 24px; padding: 10px 15px; background: #203b53; color: #fff; border: 1px solid #6192b9; border-radius: 2px; font-size: .9375rem; font-weight: 700; cursor: pointer; }
.copy-button:hover { background: #2d506c; }
.submit-box { padding: 26px; border-top: 3px solid var(--orange); background: #10283d; }
.submit-box .button { margin-block: 23px; }
.submit-box a { color: #8ed1ff; text-decoration: underline; text-underline-offset: .2em; }
.submit-box p.small { color: #c5d3de; }

footer { background: #020508; padding: 44px 0 26px; }
.footer-top { display: flex; align-items: start; justify-content: space-between; gap: 40px; padding-bottom: 32px; }
.footer-top strong { display: block; font-size: 1.0625rem; }
.footer-top p { font-size: .9375rem; margin-top: 10px; }
.footer-links { display: flex; flex-wrap: wrap; gap: 8px 26px; max-width: 510px; font-size: .9375rem; }
.footer-links a { display: inline-flex; align-items: center; min-height: 44px; }
.fineprint { display: flex; justify-content: space-between; gap: 18px; border-top: 1px solid #303c48; padding-top: 20px; font-size: .8125rem; color: #a1b2c0; }
.mobile-dock { display: none; }
.light { background: var(--paper); color: #111; }
.light p { color: #52616d; }
.light .eyebrow { color: #0768b4; }

/* Switch navigation before the desktop labels become crowded. */
@media (max-width: 70rem) {
  .nav { min-height: 86px; }
  .brand { width: 210px; }
  .menu-button { display: block; }
  nav { display: none; position: absolute; top: 100%; left: calc(-1 * clamp(16px, 3vw, 40px)); right: calc(-1 * clamp(16px, 3vw, 40px)); padding: 16px clamp(16px, 3vw, 40px) 22px; background: #081725; border-bottom: 2px solid #258dcf; box-shadow: 0 12px 24px #0006; flex-direction: column; align-items: stretch; gap: 4px; max-height: calc(100dvh - 100px); overflow-y: auto; }
  nav.open { display: flex; }
  nav a { min-height: 46px; padding: 8px 10px; font-size: 1rem; }
  nav .button { margin-top: 8px; font-size: 1rem; }
  .account-layout { grid-template-columns: 235px minmax(0, 1fr); gap: 28px; }
  .account-help { padding: 22px; }
  .account-help h2 { font-size: 1.6rem; }
  .account-phone { font-size: 1.25rem; }
  .promo-image { height: 325px; }
  .community-gallery figure { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 56rem) {
  .hero-layout { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 25px; }
  .hero-copy h1 { font-size: 1.8rem; }
  .hero-copy .eyebrow { font-size: .8125rem; letter-spacing: .07em; }
  .hero-intro { font-size: 1rem; margin-top: 18px; }
  .hero-partner > span:first-child { font-size: .58rem; }
  .benefit { padding: 19px 15px; }
  .cards, .promo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cards .card:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }
  .cards .card:last-child .card-picture { height: 100%; min-height: 235px; border-bottom: 0; }
  .split, .quote-layout { gap: 30px; }
  .quote-band .split { grid-template-columns: 1fr; }
  .qr-panel { justify-content: flex-start; }
  .qr-panel p { max-width: 290px; }
  .story-layout { grid-template-columns: minmax(0, 1fr) 260px; gap: 30px; }
  .community-photo { padding: 25px 20px; }
  .history-grid { gap: 25px; }
  .history-date { font-size: 2.25rem; }
  .history-local { font-size: .9375rem; }
  .account-layout { grid-template-columns: 1fr; }
  .account-help h2 { font-size: 1.9rem; }
  .account-phone { font-size: 1.5rem; }
  .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-top { flex-direction: column; gap: 24px; }
  .footer-links { max-width: none; }
}
@media (max-width: 44rem) {
  html { scroll-padding-top: 96px; }
  .topline .wrap { justify-content: center; }
  .topline .wrap > span { display: none; }
  .nav { min-height: 78px; }
  .brand { width: min(205px, 58vw); }
  h1, .page-heading h1 { font-size: clamp(2.05rem, 8.7vw, 3.65rem); }
  .hero-layout { display: block; padding-top: 18px; padding-bottom: 32px; }
  .hero-banner { width: min(100%, 520px); margin-inline: auto; }
  .hero-copy { padding-top: 26px; max-width: 560px; margin-inline: auto; }
  .hero-copy h1 { font-size: clamp(1.75rem, 6.5vw, 2.8rem); }
  .hero-copy .eyebrow { font-size: .875rem; }
  .hero-partner > span:first-child { font-size: clamp(.55rem, 2.2vw, .75rem); }
  .hero-copy .actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .hero-copy .button { padding-inline: 12px; font-size: .9375rem; }
  .benefits .wrap { grid-template-columns: 1fr; }
  .benefit, .benefit:first-child { padding: 15px 0; border: 0; border-bottom: 1px solid var(--line); }
  .benefit:last-child { border: 0; }
  .benefit strong { margin-bottom: 1px; }
  .section-title { display: block; margin-bottom: 30px; }
  .section-title > p, .section-title > a { display: block; margin-top: 20px; }
  .cards, .split, .quote-layout, .promo-grid, .history-grid, .partnership-grid, .story-layout { grid-template-columns: 1fr; }
  .cards .card:last-child { display: flex; grid-column: auto; }
  .cards .card:last-child .card-picture { min-height: 0; height: 235px; border-bottom: 3px solid #1c83c7; }
  .split, .story-layout { gap: 32px; }
  .card-body { padding: 25px; }
  .logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
  .logo-grid img { height: 55px; }
  .hp-brand { padding: 8px; }
  .hp-brand img { width: min(350px, 100%); }
  .hp-heading-logo { max-width: 220px; margin-top: 28px; }
  .promo-image { height: auto; }
  .promo-image img { width: 100%; height: auto; max-height: 560px; object-fit: contain; }
  .category-grid { grid-template-columns: 1fr; }
  .category-grid article { padding: 24px; }
  .community-photo { width: min(100%, 285px); justify-self: center; }
  .history-grid { gap: 28px; }
  .history-date { min-height: 0; font-size: 2.25rem; }
  .history-local { font-size: 1rem; }
  .history-grid article { padding-top: 21px; }
  .wit-partner-mark { width: 235px; margin-top: 28px; }
  .partnership-grid { gap: 28px; }
  .community-gallery { gap: 28px; }
  .community-gallery img { width: min(170px, 100%); height: auto; }
  .community-gallery figure { gap: 20px; }
  .coverage-row { grid-template-columns: 1fr; gap: 8px; }
  .contact-number { font-size: clamp(1.6rem, 7.2vw, 3rem); }
  .fineprint { flex-direction: column; gap: 10px; }
  .mobile-dock { position: fixed; bottom: 0; left: 0; right: 0; z-index: 40; display: grid; grid-template-columns: 1fr 1fr; padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid #5e87a3; background: #0a2034; }
  .mobile-dock a { display: flex; align-items: center; justify-content: center; min-height: 53px; padding: 12px 8px; font-size: .9375rem; font-weight: 700; text-align: center; }
  .mobile-dock a:last-child { background: #ff962f; color: #101820; }
  footer { padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
}
@media (max-width: 34rem) {
  .fields { grid-template-columns: 1fr; gap: 22px; }
  .field.full { grid-column: auto; }
  .form-section { padding: 20px 17px; }
  .form-section > legend { font-size: 1.25rem; }
  .submit-box { padding: 23px 19px; }
  .submit-box .button { width: 100%; }
  .qr-panel { gap: 20px; align-items: flex-start; }
  .qr-panel .qr { padding: 9px; }
  .qr-panel .qr img { width: 125px; height: 125px; }
  .qr-panel strong { font-size: 1.1rem; }
  .qr-panel p { font-size: .875rem; }
  .actions > .button { flex: 1 1 100%; }
  .community-gallery { grid-template-columns: 1fr; }
  .community-gallery figure { flex-direction: row; gap: 22px; }
  .community-gallery img { width: min(38%, 150px); }
}
@media (max-width: 23rem) {
  .hero-copy .actions { grid-template-columns: 1fr; }
  .hero-copy .button { font-size: 1rem; }
  .qr-panel { flex-direction: column; }
  .community-gallery figure { flex-direction: column; }
  .community-gallery img { width: 170px; }
  .partner-headline { gap: .18em; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}

/* Container queries also adapt when a visitor enlarges text independently. */
@container (max-width: 70rem) {
  .menu-button { display: block; }
  nav { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 16px; background: #081725; border-bottom: 2px solid #258dcf; box-shadow: 0 12px 24px #0006; flex-direction: column; align-items: stretch; gap: 4px; max-height: calc(100dvh - 100px); overflow-y: auto; }
  nav.open { display: flex; }
  nav a { min-height: 46px; padding: 8px 10px; font-size: 1rem; white-space: normal; }
  nav .button { margin-top: 8px; font-size: 1rem; }
}
@container (max-width: 48rem) {
  .hero-layout { display: block; }
  .hero-banner { width: min(100%, 640px); margin-inline: auto; }
  .hero-copy { max-width: 800px; padding-top: 28px; margin-inline: auto; }
}

/* Metallic NETP identity across every page. */
body{background:#061220 url('assets/netp-metal-background.webp') center top/cover fixed;color:#dae2ea}
header{position:relative;background:linear-gradient(#071320ce,#06101ae8);border-bottom:1px solid #389be2}
section.section,.page-heading,.showcase,.history-section,.education-section,.hp-feature,.partnership-section,.quote-band,.benefits,footer{background:linear-gradient(110deg,#06121ce0,#0c2036ad);border-color:#356485}
.page-heading,.showcase{background:linear-gradient(100deg,#061321b8,#08213980)}
h1,h2,h3{color:#dde5ec;background:linear-gradient(180deg,#fff 0%,#b3c2cf 30%,#f7fbff 46%,#869bad 51%,#dce7ef 80%,#fff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 1px #000)}
p{color:#c3d1dc}h1 em,h2 em{color:#ffad54;-webkit-text-fill-color:#ffad54;background:none}
.wit-symbol,.hero-partner .wit-symbol{background:transparent;border:0}
.wit-symbol img{filter:brightness(0) invert(1)}
.wit-partner-mark,.partner-logo{background:transparent}
.wit-partner-mark img,.partner-logo img{filter:brightness(0) invert(1)}
.nav{flex-wrap:wrap;gap:8px 28px;padding-block:12px;container-type:normal}
.menu-button{display:none!important}
nav,nav.open{display:flex!important;position:static!important;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 20px;padding:0;max-height:none;overflow:visible;background:transparent;border:0;box-shadow:none;flex:1;justify-content:flex-end}
nav a{font-size:.9375rem;min-height:44px;white-space:normal;padding:5px 0}
.quick-actions{background:#061421e8;border-bottom:2px solid #ec8d31;padding:14px 0}
.quick-actions>.wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.quick-actions .button{min-width:0}
.hero-copy h1{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.16}
.hero-copy .actions{display:none}
.hero-layout{padding-block:40px}
.story-slogan{font-size:clamp(1.35rem,2.5vw,2rem)!important;color:#edf4fa;font-weight:bold;overflow-wrap:anywhere}
.promo-grid{display:grid;grid-template-columns:1fr;gap:32px}
.promo-card{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);align-items:center;background:linear-gradient(100deg,#102b44de,#07131edb);border:1px solid #426987;border-left:3px solid #e38b37;padding:24px;gap:32px}
.promo-image{height:340px;border:0;background:transparent;padding:0}
.promo-image img{height:100%;width:100%;object-fit:contain}
.promo-card .card-body{padding:16px 10px;display:block}
.promo-card h3{font-size:clamp(1.5rem,2.6vw,2.3rem)}
.promo-card .text-link{display:inline-block;padding:10px 0}
.card,.contact-box,.form-section,.submit-box,.account-help,.community-photo{background:linear-gradient(125deg,#12304bdf,#071523e6)}
.card-picture{background:linear-gradient(#e4ebf0,#c9d4df);padding:22px}
.card-picture img{mix-blend-mode:multiply}
.field textarea{display:block;resize:vertical;width:100%;min-height:150px;border:2px solid #b0c2d1;background:#f6f9fc;color:#0d1b27;padding:12px;font:1rem/1.5 Arial,sans-serif;border-radius:2px}
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.button:disabled{opacity:.65;cursor:wait}
@media(max-width:70rem){.nav{min-height:0}.brand{width:205px}nav{flex-basis:100%;justify-content:flex-start}}
@media(max-width:44rem){body{background-attachment:scroll;background-size:auto 1100px;background-repeat:repeat-y}.nav{gap:6px;padding-block:8px}.brand{width:175px}nav{gap:0 18px}nav a{font-size:.875rem;min-height:36px;padding:3px 0}.quick-actions{padding:10px 0}.quick-actions>.wrap{gap:8px}.quick-actions .button{font-size:.875rem;padding:10px 7px;min-height:60px}.hero-layout{display:flex;flex-direction:column;padding-block:28px;gap:26px}.hero-copy{order:-1;padding-top:0;width:100%}.hero-copy h1{font-size:clamp(1.85rem,7.2vw,3rem)}.hero-copy .eyebrow{margin-bottom:12px}.hero-intro{margin-top:18px}.hero-banner{width:100%}.promo-card{grid-template-columns:1fr;padding:20px;gap:18px}.promo-image{height:auto;max-height:none}.promo-image img{height:auto;max-height:420px}.promo-card .card-body{padding:0}.quick-actions .button{overflow-wrap:anywhere}}

.email-link{overflow-wrap:anywhere}

/* V5: transparent identity, crisp silver display type and brighter blue steel. */
@font-face{font-family:'NETP Display';src:url('assets/oxanium-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
body{background-color:#072543;background-image:linear-gradient(135deg,#0074db4d,#009af521 55%,#0648b52e),url('assets/netp-metal-background.webp');background-blend-mode:screen,normal;background-position:center top;background-size:cover;background-attachment:fixed}
header{background:linear-gradient(#092a48e6,#071d32eb);border-color:#319ce4}
.quick-actions{background:#09253deb}
section.section,.page-heading,.showcase,.history-section,.education-section,.hp-feature,.partnership-section,.quote-band,.benefits,footer{background:linear-gradient(110deg,#06203a99,#10395973);border-color:#397eaf}
.page-heading,.showcase{background:linear-gradient(100deg,#072f554d,#06356033)}
h1,h2,h3,.welcome-type{font-family:'NETP Display','Arial Narrow',Arial,sans-serif;font-weight:600;letter-spacing:.015em;background:linear-gradient(180deg,#fff 0%,#d5d9dc 34%,#fafbfc 47%,#a5adb5 53%,#e3e7eb 82%,#fff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#e5e8ec;text-shadow:none;filter:drop-shadow(0 1px 1px #0009)}
h1,h2{font-style:italic;line-height:1.05}
h3{font-style:normal;line-height:1.15}
h1 em,h2 em{font-style:inherit;color:inherit;-webkit-text-fill-color:transparent;background:none}
.hero-copy h1{font-size:clamp(2.2rem,3.8vw,3.75rem);line-height:1.07;letter-spacing:.005em}
.brand{aspect-ratio:2089/753;max-width:100%;overflow:visible}
.brand img{position:static;left:auto;top:auto;width:100%;max-width:100%;height:auto}
.hero-identity{display:flex;flex-direction:column;align-items:center;gap:22px;aspect-ratio:auto;overflow:visible;padding:14px 0}
.hero-identity>.hero-netp{position:static;inset:auto;width:100%;height:auto;max-width:100%}
.welcome-type{display:block;max-width:100%;text-align:center;overflow-wrap:anywhere;font-size:clamp(2.6rem,5.8vw,5.4rem);font-style:italic;line-height:1;text-transform:uppercase;letter-spacing:.025em}
.hero-identity .hero-partner{position:static;inset:auto;width:100%;height:auto;gap:22px;margin-top:4px}
.hero-identity .hero-partner>span:first-child{font-size:clamp(.7rem,1.2vw,1rem)}
.hero-identity .hero-partner .wit-symbol{width:100px;max-width:26%}
.story-slogan{font-family:'NETP Display','Arial Narrow',Arial,sans-serif;font-weight:600;font-style:italic;font-size:clamp(1.65rem,2.8vw,2.5rem)!important;line-height:1.15;letter-spacing:.01em;color:#e3e7ec}
.story-slogan strong{font-weight:600;color:inherit}
@media(max-width:44rem){body{background-attachment:scroll;background-size:auto 1100px;background-repeat:repeat-y}.hero-copy h1{font-size:clamp(1.85rem,8.1vw,3rem)}.hero-identity{gap:14px;padding:8px 0}.welcome-type{font-size:clamp(1.85rem,11.5vw,4rem)}.hero-identity .hero-partner{gap:18px;margin-top:2px}.hero-identity .hero-partner .wit-symbol{width:78px}.hero-identity .hero-partner>span:first-child{font-size:.7rem}}
@media(forced-colors:active){h1,h2,h3,.welcome-type,h1 em,h2 em{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText;filter:none}}


/* V6: brushed silver lettering, matched to the original Welcome to artwork.
   Inline fragments restart the finish on each wrapped line, including mobile. */
:root{
  --silver-chrome:linear-gradient(180deg,#8e959f 0%,#c6cbd1 13%,#f5f5f5 30%,#e1e3e7 39%,#b9bec6 48%,#7e8793 57%,#a4adb8 68%,#d5d9df 83%,#f1f2f4 90%,#919ba7 100%);
  --silver-label:linear-gradient(180deg,#e8ebef 0%,#cbd0d6 27%,#f0f2f4 43%,#abb4bf 51%,#b9c1ca 71%,#d9dfe5 100%);
  --silver-copy:linear-gradient(180deg,#d8dde3 0%,#c1c8d1 39%,#e0e4e9 45%,#b5bec8 55%,#cbd2da 100%);
}
h1,h2,h3,.welcome-type{
  background:none;-webkit-text-fill-color:inherit;color:#cdd3dc;
  filter:drop-shadow(0 2px 0 #041120) drop-shadow(0 -.5px 0 #dde3ec80);
}
h1 em,h2 em{background:none;-webkit-text-fill-color:inherit;color:inherit}
.silver-display,.silver-label,.silver-copy{
  color:#cbd2db;background-repeat:repeat,repeat,no-repeat;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}
.silver-display{
  padding-inline:.08em;margin-inline:-.08em;
  background-image:url('assets/silver-brush.svg'),repeating-linear-gradient(174deg,#f8f9ff24 0px,#f8f9ff24 .45px,#0a142322 .7px,transparent 1.1px,transparent 3px),var(--silver-chrome);
  background-size:256px 64px,100% 100%,100% 100%;
  -webkit-text-stroke:.35px #bbc3cf80;
}
.silver-label{background-image:var(--silver-label);background-size:100% 100%}
.silver-copy{background-image:var(--silver-copy);background-size:100% 100%}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .silver-display,.silver-label,.silver-copy{
    background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  }
}
.story-slogan{filter:drop-shadow(0 1px 0 #041120)}
/* Dark text remains dark on light controls and the orange mobile action. */
.mobile-dock a:last-child .silver-label{background:none;-webkit-text-fill-color:currentColor;color:inherit}
nav a:hover .silver-label,.footer-links a:hover .silver-label,.topline a:hover .silver-label{background:none;-webkit-text-fill-color:currentColor;color:#b9e1ff}
#form-status,#inquiry-status{color:#cbd2db}
::selection{background:#2272ad;color:#fff;-webkit-text-fill-color:#fff}
@media(forced-colors:active){
  h1,h2,h3,.welcome-type,h1 em,h2 em,.story-slogan,.silver-display,.silver-label,.silver-copy{
    background:none;-webkit-text-fill-color:CanvasText;color:CanvasText;-webkit-text-stroke:0;filter:none;
  }
}


/* V7: angular, more substantial lettering, with the welcome artwork at full weight. */
body{font-family:'NETP Display',Arial,sans-serif;font-weight:500}
h1,h2,h3,.story-slogan{font-weight:700;letter-spacing:.005em}
h1,h2{line-height:1.12}
h3{line-height:1.25;font-weight:650}
.hero-copy h1{font-size:clamp(2rem,3.25vw,3.2rem);line-height:1.18;text-wrap:balance}
.story-slogan strong{font-weight:700}
nav a,.button,.copy-button,.field>label,.choice>legend,.form-section>legend{font-weight:650}
.silver-label{font-weight:650}
.silver-copy{font-weight:500}
.welcome-art{position:relative;width:98%;margin:0 auto 7px;display:block;aspect-ratio:2130/282;overflow:hidden}
.welcome-art img{position:absolute;inset:auto;left:-1.1268%;top:-75.8865%;width:101.9718%;height:auto;max-width:none}
@media(max-width:44rem){
 .hero-copy h1{font-size:clamp(1.65rem,7.15vw,2.65rem);line-height:1.2}
 .welcome-art{width:100%;margin-bottom:6px}
}

.hero-copy h1 .slogan-phrase{display:block;text-wrap:balance}

.silver-copy{overflow-wrap:anywhere}

/* V8: deeper blue steel, with luminous cobalt detail and clearer surfaces. */
:root{--ink:#030c19;--panel:#081e35;--line:#31597c;--bright:#78ceff}
body{position:relative;isolation:isolate;background:#020b18;color:#dce5ed}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#071b32 url('assets/netp-metal-background.webp') center top/cover no-repeat;filter:brightness(.94) contrast(1.16) saturate(1.42)}
header{background:linear-gradient(110deg,#020b1aeb,#08243dea);border-bottom-color:#2a98e3}
.topline{background:#020a16e8;border-bottom-color:#17466d}
.quick-actions{background:#041429ed;border-bottom-color:#ec913e}
section.section,.page-heading,.showcase,.history-section,.education-section,.hp-feature,.partnership-section,.quote-band,.benefits,footer{background:linear-gradient(115deg,#020b1b94,#082a4778);border-color:#306a9c}
.page-heading,.showcase{background:linear-gradient(105deg,#01081561,#07284a40 62%,#03152e66)}
.page-heading{border-bottom-color:#e48d38}
footer{background:linear-gradient(115deg,#010713f2,#061b30e8)}
.quote-band{background:linear-gradient(110deg,#05172dda,#0a3456cc);border-top-color:#2995df;border-bottom-color:#d88332}
.card,.contact-box,.form-section,.submit-box,.account-help,.community-photo{background:linear-gradient(125deg,#0b2b47ec,#030e20ef);border-color:#376789}
.promo-card{background:linear-gradient(110deg,#0a2845e8,#040f22ec);border-color:#356180;border-left-color:#e9903e}
.button.secondary{background:linear-gradient(#153b5aed,#061a30f5);border-color:#6194b8}
.button.secondary:hover{background:#16486d}
.service-actions{display:grid;gap:14px;align-content:center;max-width:420px;width:100%;justify-self:end}
.contact-email{align-self:start;border-top:3px solid var(--orange)}
.contact-email h2{font-size:clamp(1.8rem,3vw,2.8rem)}
.contact-email-address{display:inline-block;margin-top:22px;color:var(--bright);font-size:clamp(1.1rem,2vw,1.35rem);font-weight:650;line-height:1.5;text-underline-offset:.25em}
.contact-email-address:hover{text-decoration:underline;color:#c0eaff}
.contact-email .actions{gap:14px 22px;margin-top:24px}
nav a[aria-current=page] .silver-label{background:none;-webkit-text-fill-color:currentColor;color:var(--bright)}
@media(max-width:44rem){
 body::before{background-position:center top;background-size:auto 1100px;background-repeat:repeat-y}
 .service-actions{max-width:none;justify-self:stretch}
 .contact-email .actions{align-items:stretch;flex-direction:column}
 .contact-email .text-link{display:inline-flex;align-items:center;min-height:44px}
}
@media(forced-colors:active){body::before{display:none}}

/* V9: supplied product photography, delivery imagery and short, on-demand films. */
.media-layout,.delivery-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,5vw,64px);align-items:center}
.media-layout>*,.delivery-intro>*,.education-feature>*{min-width:0}
.media-copy>p:not(.eyebrow){margin-top:22px;font-size:1.0625rem}
.media-copy .actions{margin-top:26px}
.video-feature,.delivery-photo{overflow:hidden;border:1px solid #47789d;border-top:3px solid #ed963f;background:#041020;box-shadow:0 14px 32px #0004}
.video-feature video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#030914;color:#e1e6eb}
.video-feature video:focus-visible{outline:3px solid var(--bright);outline-offset:-3px}
.video-feature figcaption,.delivery-photo figcaption{padding:18px 22px;border-top:1px solid #284969;font-size:.875rem;line-height:1.6;background:linear-gradient(115deg,#0c2945,#041020)}
.media-duration{display:block;color:var(--bright);font-size:.75rem;font-weight:650;letter-spacing:.075em;margin-bottom:5px}
.delivery-photo img{width:100%;height:auto}
.delivery-intro{margin-bottom:42px}
.coverage-heading{margin-bottom:22px;font-size:1.65rem}
.product-upgrade .product-cutout-image{height:470px;display:block;filter:drop-shadow(0 10px 9px #0006)}
.product-image-link{display:inline-block;font-size:.875rem;color:#a9d6f6;text-decoration:underline;text-underline-offset:4px;margin-top:18px;padding-block:8px}
.application-note .contact-box{padding:26px 30px}
.education-feature{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,64px)}
.education-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.education-gallery figure{flex-direction:column;align-items:flex-start;gap:22px}
.education-gallery img{width:170px;height:170px}
@media(max-width:60rem){
 .media-layout,.delivery-intro,.education-feature{grid-template-columns:1fr}
 .video-feature,.delivery-photo{width:100%;max-width:760px;justify-self:center}
 .education-gallery{gap:22px}
}
@media(max-width:44rem){
 .product-upgrade .product-cutout-image{height:390px}
 .product-upgrade .product-cutout-image img{height:100%;max-height:none}
 .video-feature figcaption,.delivery-photo figcaption{padding:16px}
 .education-gallery{grid-template-columns:1fr}
 .education-gallery figure{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:start}
 .education-gallery img{width:130px;height:130px}
 .application-note .contact-box{padding:24px}
}
@media(max-width:24rem){.education-gallery figure{grid-template-columns:1fr}}

/* V10: official supplier artwork, clear logo backgrounds and local people. */
.hpt-logo-panel{background:#231f20;padding:clamp(26px,4vw,46px);width:100%;border:1px solid #546170}
.hpt-logo-panel img{display:block;width:100%;height:auto;filter:none;mix-blend-mode:normal}
.hp-brand .hpt-logo-panel{max-width:520px}
.hpt-logo-panel-compact{width:280px;max-width:100%;flex-shrink:0;padding:28px}
.logo-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:32px}
.logo-grid img{flex:0 0 calc((100% - 96px)/4);width:calc((100% - 96px)/4);height:82px;object-fit:contain;padding:8px;filter:none;mix-blend-mode:normal}
.logo-grid .logo-tall{height:108px}
.brand-trademark{font-size:.75rem;line-height:1.6;color:#b8c8d5;margin-top:22px}
.relationship-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,64px)}
.relationship-photo{width:100%;margin:0;overflow:hidden;background:#061527;border:1px solid #3d6b8d;border-top:3px solid #ec963f;box-shadow:0 12px 30px #0003}
.relationship-photo img{width:100%;height:auto;display:block}
.relationship-photo figcaption{padding:18px 22px;font-size:.875rem;line-height:1.6;border-top:1px solid #31577a;background:linear-gradient(110deg,#102e48,#041324)}
.family-story{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(32px,5vw,64px)}
.family-photo{max-width:360px;justify-self:center}
.partner-photo-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,5vw,64px);align-items:center;margin-block:36px 46px}
.partner-photo-layout>div>p+p{margin-top:22px;font-size:1.0625rem}
.education-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.education-gallery figure{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:24px}
.education-gallery img{width:150px;height:150px;object-fit:contain}
.inquiry-email-alternative{padding:18px 22px;margin:0 0 28px;border-left:3px solid var(--orange);background:#081c31e8}
.inquiry-email-alternative a{display:inline-block;overflow-wrap:anywhere;padding-block:7px}
@media(max-width:60rem){
 .family-story,.relationship-story,.partner-photo-layout{grid-template-columns:1fr}
 .relationship-story .relationship-photo,.partner-photo-layout .relationship-photo{max-width:760px;justify-self:center}
 .education-gallery figure{grid-template-columns:1fr}
}
@media(max-width:44rem){
 .logo-grid{gap:22px}
 .logo-grid img{flex-basis:calc((100% - 22px)/2);width:calc((100% - 22px)/2);height:70px;padding:8px}
 .logo-grid .logo-tall{height:100px}
 .hpt-logo-panel-compact{margin-top:24px;width:270px}
 .relationship-photo figcaption{padding:16px}
 .family-photo{max-width:330px}
 .education-gallery{grid-template-columns:1fr}
 .education-gallery figure{grid-template-columns:130px minmax(0,1fr);gap:22px}
 .education-gallery img{width:130px;height:130px}
}
@media(max-width:24rem){.education-gallery figure{grid-template-columns:1fr}}

/* V11: final tagline phrase matches the orange TP in the NETP identity. */
.silver-display.slogan-orange{
  color:#fd8001;
  background-image:url('assets/silver-brush.svg'),linear-gradient(180deg,#ff9a0c 0%,#fd8001 42%,#f47a00 70%,#df6000 100%);
  background-size:256px 64px,100% 100%;
  -webkit-text-stroke:.35px #ffb04f66;
}
@media(forced-colors:active){
  .silver-display.slogan-orange{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0}
}
/* Give the inquiry form the full page width */
#inquiry-form {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
}