/* Loaded by home.html only. Warm editorial palette inspired by the supplied reference. */
body[data-page='/'] {
  --ink: #333333;
  --muted: #666666;
  --blue: #005BAC;
  --navy: #333333;
  --paper: #f7f7f7;
  --line: #e2e2e2;
  --gold: #0071D5;
  --shell: 1200px;
  background: #fffffffff;
  color: var(--ink);
}
h1,h2,h3 {font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}
h2 {font-size:clamp(34px,3.6vw,52px);line-height:1.12}
p {color:var(--muted)}
.section {padding-block:90px}
.eyebrow {color:#005BAC;font-size:9px;letter-spacing:.18em;font-weight:650;margin-bottom:20px}
.eyebrow:before {width:22px;height:1px;border-radius:0}
.button {border-radius:28px;background:var(--gold);color:#333526;min-height:46px;padding:13px 24px;font-size:11px;gap:25px;border:1px solid var(--gold)}
.button:hover {background:#1685e8;color:#25271d;box-shadow:0 8px 26px #98721920}
.button.outline {border-color:#0071D5;color:#005BAC;background:transparent}
.button.outline:hover {background:#edf5fc;border-color:#005BAC}
.text-link {color:#005BAC;font-size:11px;gap:15px}
.round-arrow {border-color:#8abce4;color:#005BAC;background:transparent}
a:focus-visible,button:focus-visible {outline:2px solid #005BAC;outline-offset:5px}
/* Light masthead, with the small dark navigation capsule from the reference. */
.site-header {background:#f7f7f7e8;border-bottom:1px solid #33333315;backdrop-filter:blur(14px)}
.site-header.is-scrolled {background:#fffffffffF5;box-shadow:0 5px 25px #3333330b}
.header-inner {height:96px;gap:28px}
.brand img,.footer-brand img {filter:grayscale(1) sepia(.85) saturate(.8) brightness(.65);width:145px}
.header-actions {gap:19px;color:#333333}
.header-actions .header-cta {display:none}
.language-toggle {font-size:10px}
#language-menu {background:#fffffffff;border-color:var(--line);box-shadow:0 16px 45px #33333324}
#language-menu button:hover {background:#f8f8f8}
#language-menu button[aria-checked=true] {color:#927013}
.mega-menu {border-top-color:var(--gold);background:#fffffffff}
.mega-links a {color:#666666}
.mega-links a:hover {color:#005BAC}
@media(min-width:1101px) {
  .header-inner #navigation {background:#333333;color:#f8f8f8;border-radius:40px;padding:6px;gap:3px;box-shadow:0 6px 20px #33333317}
  .header-inner #navigation>a,.nav-dropdown>a {padding:11px 16px;font-size:10px;font-weight:500;line-height:1.5}
  .header-inner #navigation>a[aria-current=page] {background:var(--gold);border-radius:24px;color:#333333}
  .header-inner #navigation>a[aria-current=page]:after {display:none}
  .header-inner #navigation>a:hover,.nav-dropdown>a:hover {color:#1685e8}
  .header-inner #navigation>a[aria-current=page]:hover {color:#333333}
  .nav-dropdown {gap:0;padding-inline-end:8px}
  .nav-dropdown>a {padding-inline-end:5px}
  .mega-toggle {height:35px;font-size:14px}
}
/* Full-bleed film, golden light and a centered serif headline. */
.home-hero {position:relative;margin-top:-96px;padding:0;background:#77745a;color:white}
.hero-layout {position:relative;display:grid;grid-template-columns:1fr;place-items:center;width:100%;min-height:750px;gap:0;isolation:isolate}
.hero-media {position:absolute;inset:0;min-height:0;border-radius:0;background:#55523b;overflow:hidden;z-index:0}
.hero-media:after {display:none}
.hero-slide>video,.hero-background {object-position:center;filter:sepia(.65) saturate(.62) brightness(.85)}
.hero-slide:after {background:linear-gradient(180deg,#fffffffffad 0%,#fffffffff24 25%,#32372273 46%,#202a1bcf 100%)}
.hero-copy.shell {position:relative;z-index:1;align-items:center;padding:222px 0 195px;text-align:center;max-width:780px;pointer-events:none}
.hero-copy .eyebrow {color:#dceeff;font-size:9px;letter-spacing:.22em;margin-bottom:24px;justify-content:center;text-shadow:0 1px 10px #1d261b}
.hero-copy h1 {font-size:clamp(52px,5.5vw,80px);line-height:1.03;letter-spacing:-.045em;max-width:780px;color:#ffffffdf2;text-shadow:0 3px 28px #19221866}
.hero-intro {font-size:12px;line-height:1.85;color:#f2f0df;max-width:470px;margin-top:24px;text-wrap:pretty;text-shadow:0 1px 8px #1c271c99}
.hero-actions {justify-content:center;gap:28px;margin-top:30px;pointer-events:auto}
.hero-actions .button {background:var(--gold);color:#333333;font-size:10px;min-height:45px;padding:13px 24px}
.hero-actions .text-link {color:#ffffff6d6;font-size:10px}
.hero-actions .text-link svg {color:#1685e8}
.scene-caption {bottom:55px;inset-inline-start:56px;inset-inline-end:auto;max-width:235px;font-size:12px;gap:7px;color:#f0f0e1}
.scene-index {color:#d7e8f7;font-size:9px}
.scene-place {font-size:7px;color:#d9ddc5}
.hero-film-link {top:133px;inset-inline-start:56px;border-radius:30px;border:1px solid #33333350;padding:10px 17px;background:#fcf6e6bf;color:#333333;max-width:300px;font-size:8px;backdrop-filter:blur(8px)}
.hero-film-link svg {color:#0071D5}
.hero-controls {inset-inline-start:auto;inset-inline-end:56px;bottom:49px;width:240px;padding-top:13px;border-top-color:#0071D522;gap:16px}
.slide-dots button {width:25px}
.slide-dots button[aria-pressed=true] span {background:#1685e8}
.hero-step button {width:31px;height:31px;border-color:#0071D533;color:#f9edbd}
.hero-step button:hover {background:#0071D522}
.hero-coordinate {position:absolute;top:157px;inset-inline-end:57px;font-family:monospace;font-size:9px;letter-spacing:.12em;color:#333333}
/* The elliptical cable selector is real navigation, not a decorative image. */
.cable-compass {position:relative;z-index:2;width:min(980px,calc(100% - 100px));margin:-23px auto 0;isolation:isolate}
.compass-label {position:relative;z-index:3;background:var(--gold);width:max-content;max-width:85%;margin-inline:auto;border-radius:0 0 45% 45%;padding:14px 43px 18px;text-align:center;font-size:9px;line-height:1.6;color:#333333;box-shadow:0 -12px 35px #0071D520}
.compass-label:before {content:'';position:absolute;inset:0 -30px;z-index:-1;background:var(--gold);clip-path:polygon(0 0,100% 0,91% 70%,50% 100%,9% 70%)}
.compass-track {position:relative;height:258px;margin-top:-30px;overflow:hidden;border-radius:0 0 50% 50%}
.compass-orbit {position:absolute;inset-inline:3%;top:-241px;height:465px;border:1px solid #0071D5;border-radius:50%;box-shadow:0 13px 0 -12px #b8d4eb,0 28px 0 -27px #dfd9c7,0 50px 35px -40px #3333333d;background:radial-gradient(ellipse at 50% 0,transparent 60%,#f7f7f7 98%)}
.compass-orbit:after {content:'';position:absolute;inset:18px;border-radius:50%;border:1px solid #e2e2e2}
.compass-family {position:absolute;z-index:2;width:155px;text-align:center;transform:translateX(-50%);color:#666666;display:flex;flex-direction:column;align-items:center;font-size:9px;line-height:1.5;gap:8px}
.compass-family img {width:103px;height:72px;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}
.compass-family>span {max-width:145px;min-height:28px}
.compass-family i {display:block;width:7px;height:7px;border:1px solid #0071D5;border-radius:50%;background:#fffffffff}
.compass-family:hover img {transform:translateY(-5px) rotate(-4deg)}
.compass-family:hover {color:#005BAC}
.compass-family:hover i {background:var(--gold);box-shadow:0 0 0 5px #0071D522}
.compass-family-1 {left:11%;top:22px}.compass-family-2 {left:30%;top:68px}.compass-family-3 {left:50%;top:88px}.compass-family-4 {left:70%;top:68px}.compass-family-5 {left:89%;top:22px}
.compass-signature {position:absolute;bottom:5px;inset-inline:0;text-align:center;color:#999999;font-size:6px}
/* Airy company story and factory film. */
.home-about {background:#fffffffff;padding-top:51px;padding-bottom:70px}
.about-home-grid {grid-template-columns:1fr 1.04fr;gap:110px;align-items:center}
.about-home-copy h2 {font-size:clamp(34px,3.1vw,45px);max-width:475px}
.about-home-copy>p:not(.eyebrow) {font-size:12px;line-height:1.95;margin-top:22px;color:#666666}
.about-home-copy>.button {margin-top:26px}
.company-visual {position:relative;padding-top:35px}
.company-film {border-radius:0;background:#f7f7f7;box-shadow:0 20px 45px #33333312}
.company-film>img {height:330px;filter:sepia(.2) saturate(.65)}
.film-play {width:55px;height:55px;color:#005BAC;box-shadow:0 0 0 11px #ffffff9df30;background:#fffffffff}
.film-play svg {width:19px;height:19px}
.company-image-note {padding-top:30px;font-size:8px;color:#999999;gap:10px}
.company-image-note>span:last-child {font-size:7px;color:#666666}
.company-seal {position:absolute;z-index:2;top:-3px;inset-inline-end:27px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:84px;height:84px;border:1px solid #0071D5;outline:5px solid #fffffffff;border-radius:50%;color:#0071D5;background:#fffffffff;font:27px Georgia,serif;transform:rotate(10deg)}
.company-seal span {font:6px Manrope,Arial,sans-serif;letter-spacing:.16em;margin-top:5px}
.trust-band {background:#fffffffff;border:0}
.company-stats {border-block:1px solid var(--line);padding-block:30px;gap:40px}
.company-stats>div {align-items:center;text-align:center;gap:8px}
.company-stats strong {font:42px Georgia,'Times New Roman',serif;letter-spacing:-.04em;color:#005BAC}
.company-stats>div>span {color:#666666;font-size:9px;padding-inline:10px}
/* Circular cable portraits, with a larger leading product and fine gold outlines. */
.home-range {background:#fffffffff;padding-top:87px}
.finder-heading {display:flex;flex-direction:column;gap:0;align-items:center;text-align:center;max-width:680px;margin:auto}
.finder-heading h2 {font-size:48px;max-width:650px}
.finder-heading>p:last-child {font-size:12px;max-width:490px;margin-top:21px}
.range-entries {display:flex;justify-content:center;gap:0;margin-top:29px;flex-wrap:wrap}
.range-entry {border:0;border-radius:0;padding:6px 24px;font-size:10px;font-weight:500;gap:12px}
.range-entry+.range-entry {border-inline-start:1px solid var(--line)}
.range-entry>svg {width:18px;height:18px;stroke-width:1.3}
.range-entry>.round-arrow {display:none}
.range-entry:hover {background:#eaf4fc;color:#005BAC}
.product-section-label {margin-top:53px;margin-bottom:9px}
.product-section-label h3 {font:10px Manrope,Arial,sans-serif;letter-spacing:.06em;color:#8c8874}
.family-controls {display:flex;gap:8px}
.family-controls button,.project-controls button {display:grid;place-items:center;border:1px solid #0071D5;border-radius:50%;background:transparent;color:#0071D5;width:39px;height:39px;padding:0}
.family-controls button:hover,.project-controls button:hover {background:#eaf4fc}
.family-controls svg {width:18px;height:18px}
.family-controls button:first-child svg {transform:rotate(180deg)}
html[dir=rtl] .family-controls button:first-child svg {transform:none}
html[dir=rtl] .family-controls button:last-child svg {transform:rotate(180deg)}
.featured-cables {display:flex;align-items:center;gap:29px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#d9ba5f #f0f0f0;padding:16px 5px 27px;grid-auto-rows:unset;overscroll-behavior-inline:contain}
.featured-cable,.featured-cable:first-child {flex:0 0 220px;display:flex;flex-direction:column;justify-content:center;padding:0;background:transparent;border:0;border-radius:0;overflow:visible;scroll-snap-align:start;grid-row:auto;grid-column:auto;box-shadow:none;min-width:0}
.featured-cable:first-child {flex-basis:282px}
.family-orb {display:block;position:relative;border:1px solid #0071D5;border-radius:50%;width:100%;aspect-ratio:1;background:radial-gradient(circle,#ffffff 45%,#fffffffff 100%);transition:border-color .3s,box-shadow .3s}
.family-orb:after {content:'';position:absolute;inset:7px;border:1px solid #f1ead3;border-radius:50%;pointer-events:none}
.family-orb>img {position:absolute;inset:18%;width:64%;height:64%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}
.family-number {top:15px;inset-inline-start:0;inset-inline-end:0;text-align:center;font-size:8px;color:#999999;z-index:1}
.family-count {top:auto;bottom:17px;inset-inline:0;width:max-content;margin:auto;color:#005BAC;background:none;border:0;padding:0;font-size:8px;border-radius:0}
.family-info {position:static;display:flex;justify-content:center;gap:10px;padding-top:21px;min-height:70px;align-items:flex-start}
.family-info h3,.featured-cable:first-child h3 {font-size:20px;line-height:1.25;max-width:190px;text-align:center;font-weight:400;letter-spacing:-.02em}
.family-info .round-arrow {width:24px;height:24px;background:none;border-color:#e4d5a4;flex-shrink:0}
.family-info .round-arrow svg {width:14px;height:14px}
.featured-cable:hover {background:transparent;box-shadow:none}
.featured-cable:hover .family-orb {border-color:#005BAC;box-shadow:0 12px 24px #9580290d}
.featured-cable:hover img {transform:scale(1.06) rotate(-4deg)}
.featured-cable:hover .round-arrow {background:#0071D5;border-color:#0071D5;color:#333333}
.range-bottom {display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px}
.home-search.search-form {width:350px;max-width:100%;margin:0}
.home-search.search-form input {min-height:44px;border:0;border-bottom:1px solid #0071D5;border-radius:0;background:transparent;font-size:10px;padding-inline-start:0;padding-block:10px}
.home-search button {background:transparent;top:3px;bottom:3px;color:#005BAC}
/* Warm ivory project stories, open support notes and the original local photography. */
.home-projects {background:#f7f7f7;color:var(--ink);position:relative;border-block:1px solid #e2e2e2}
.project-heading {gap:90px;margin-bottom:42px}
.project-intro .eyebrow {color:#005BAC}
.project-intro h2 {font-size:46px;max-width:560px}
.project-heading-side>p {color:#666666;font-size:12px}
.project-heading-side .text-link {color:#83631b}
.project-slide {background:transparent;border-radius:0}
.project-slide>img {height:300px;filter:saturate(.65) sepia(.13)}
.project-slide>div {padding:24px 0 0}
.project-code {color:#0071D5;font-size:8px;margin-bottom:12px}
.project-slide h3 {color:#333333;font-size:28px}
.project-slide p {color:#666666;font-size:12px;max-width:480px}
.project-slide .text-link {color:#005BAC;margin-top:23px}
.home-support {gap:110px;grid-template-columns:.9fr 1.2fr}
.support-heading h2 {font-size:45px;max-width:400px}
.step-number {color:#0071D5}
.support-step h3 {font-size:25px}
.support-step p {font-size:12px;color:#666666}
.support-step>svg {color:#005BAC}
.home-news {background:#fffffffff;padding-top:15px;padding-bottom:85px}
.home-news .shell {border-top:1px solid var(--line);padding-top:70px}
.news-photo {height:218px;border-radius:0;box-shadow:none}
.news-photo img {filter:saturate(.65) sepia(.12)}
.news-info {border-color:var(--line)}
.news-tag {font-size:8px;color:#005BAC}
.news-info h3 {font-size:25px}
.news-info p {color:#666666}
.cta {background:#f7f7f7;color:#333333;padding-block:66px}
.cta h2 {font-size:47px;max-width:660px}
.cta .eyebrow {color:#005BAC}
.cta p:not(.eyebrow) {color:#666666;font-size:12px}
.cta .button {background:#0071D5;color:#333333}
.cta-rings,.cta-rings i {border-color:#0071D522}
.site-footer {background:#f7f7f7;color:#666666;border-top:1px solid #e2e2e2}
.footer-brand p,.footer-contact>p {color:#666666}
.footer-brand .text-link,.footer-link {color:#666666}
.footer-nav h2,.footer-contact h2 {font-family:Manrope,Arial,sans-serif;color:#333333;font-size:11px;font-weight:700}
.footer-contact>a svg {color:#0071D5}
.footer-nav a:hover,.footer-bottom a:hover {color:#005BAC}
.footer-bottom {border-color:#e2e2e2;color:#999999}
.contact-rail {background:#fffffffffF5;border-color:#e2e2e2;box-shadow:0 4px 20px #33333310}
.contact-rail svg {color:#0071D5}
.contact-rail>a:hover,.contact-rail>button:hover {background:#edf5fc}
#inquiry-dialog {background:#fffffffff}
.form-grid input:focus,.form-grid textarea:focus {border-color:#0071D5;box-shadow:0 0 0 3px #0071D522}
@media(min-width:1600px) {.hero-layout{min-height:830px}.hero-copy.shell{padding-top:260px;padding-bottom:215px}}
@media(max-width:1200px) and (min-width:1101px) {.header-inner{gap:20px}.header-inner #navigation>a,.nav-dropdown>a{padding-inline:12px}.brand img{width:128px}.header-actions{gap:13px}}
@media(max-width:1100px) {
  .header-inner,.site-header .header-inner {height:78px}
  .home-hero {margin-top:-78px}
  .header-inner #navigation {background:#fffffffff;top:77px}
  .header-inner #navigation>a,.nav-dropdown>a {border-bottom-color:#e2e2e2}
  .hero-layout {min-height:710px}
  .hero-copy.shell {padding-top:200px;padding-bottom:170px;max-width:700px}
  .hero-copy h1 {font-size:66px;max-width:680px;line-height:1.06}
  .hero-film-link {top:112px;inset-inline-start:36px}
  .hero-coordinate {top:135px;inset-inline-end:36px}
  .hero-controls {inset-inline-end:36px;bottom:45px}
  .scene-caption {inset-inline-start:36px;bottom:52px}
  .cable-compass {width:calc(100% - 66px)}
  .compass-family {width:128px;font-size:8px}
  .about-home-grid {gap:58px}
  .about-home-copy h2 {font-size:35px}
  .company-film>img {height:290px}
  .finder-heading h2 {font-size:43px}
  .project-intro h2,.support-heading h2 {font-size:39px}
  .project-heading {gap:50px}
  .home-support {gap:60px}
  .section {padding-block:70px}
  .home-about {padding-top:35px}
  .home-news {padding-top:0}
}
@media(max-width:760px) {
  .site-header {background:#f7f7f7f0}
  .header-inner,.site-header .header-inner {height:74px}
  .header-inner #navigation {top:73px}
  .brand img {width:128px}
  .header-actions {gap:19px}
  .home-hero {margin-top:-74px}
  .hero-layout {min-height:690px}
  .hero-copy.shell {padding-top:186px;padding-bottom:176px;max-width:580px}
  .hero-copy h1 {font-size:58px;line-height:1.05;letter-spacing:-.035em;max-width:560px}
  .hero-copy .eyebrow {font-size:8px;margin-bottom:22px;letter-spacing:.15em}
  .hero-intro {font-size:12px;line-height:1.8;margin-top:21px;max-width:450px}
  .hero-actions {gap:20px;margin-top:25px}
  .hero-actions .button {font-size:10px;padding:12px 19px;gap:20px}
  .hero-actions .text-link {font-size:9px;gap:10px}
  .hero-film-link {top:104px;inset-inline-start:20px;font-size:7px;max-width:70%;padding:8px 13px}
  .hero-coordinate {top:122px;inset-inline-end:20px;font-size:7px}
  .scene-caption {inset-inline-start:20px;bottom:62px;max-width:155px;font-size:10px}
  .scene-place {font-size:6px}.scene-index {font-size:8px}
  .hero-controls {inset-inline-end:20px;bottom:55px;width:180px;gap:10px}
  .hero-step {gap:5px}.hero-step button {width:27px;height:27px}.slide-dots {gap:4px}.slide-dots button {width:18px}
  .cable-compass {width:calc(100% - 30px);margin-top:-21px}
  .compass-label {font-size:8px;padding:12px 28px 16px}
  .compass-track {height:228px;margin-top:-18px}
  .compass-orbit {top:-258px;inset-inline:0}
  .compass-family {width:100px;gap:5px;font-size:7px}
  .compass-family img {height:56px;width:76px}
  .compass-family>span {max-width:90px;min-height:30px}
  .compass-family-1 {left:10%;top:22px}.compass-family-2 {left:29%;top:74px}.compass-family-3 {left:50%;top:99px}.compass-family-4 {left:71%;top:74px}.compass-family-5 {left:90%;top:22px}
  .compass-signature {font-size:5px;bottom:0}
  .section {padding-block:59px}
  .home-about {padding-top:27px}
  .about-home-grid {grid-template-columns:1fr;gap:40px}
  .about-home-copy h2 {font-size:39px;max-width:540px}
  .about-home-copy>p:not(.eyebrow) {font-size:12px}
  .company-visual {max-width:560px;width:100%}
  .company-film>img {height:310px}
  .company-image-note>span:last-child {display:block}
  .company-stats {gap:18px;padding-block:25px;grid-template-columns:repeat(4,minmax(0,1fr))}
  .company-stats strong {font-size:30px}
  .company-stats>div>span {font-size:8px;padding-inline:0}
  .finder-heading h2 {font-size:39px}
  .finder-heading>p:last-child {font-size:12px}
  .range-entry {padding:6px 14px;font-size:9px}
  .range-entry>svg {display:none}
  .product-section-label {margin-top:35px}
  .product-section-label h3 {font-size:9px;max-width:60%}
  .featured-cables {gap:22px;padding-bottom:23px}
  .featured-cable,.featured-cable:first-child {flex-basis:225px}
  .featured-cable:first-child {flex-basis:260px}
  .featured-cable:first-child .family-info {align-items:flex-start}
  .featured-cable:first-child .round-arrow {display:grid}
  .family-info h3,.featured-cable:first-child h3 {font-size:21px;max-width:200px}
  .range-bottom {margin-top:24px;gap:24px}
  .home-search.search-form {width:285px}
  .range-bottom>.text-link {flex-shrink:0}
  .project-heading {grid-template-columns:1fr;gap:24px}
  .project-intro h2 {font-size:39px}
  .project-slide>img {height:270px}
  .project-slide>div {padding:24px 0 0}
  .project-slide h3 {font-size:27px}
  .home-support {grid-template-columns:1fr;gap:34px}
  .support-heading h2 {font-size:39px;max-width:500px}
  .news-photo {height:218px}
  .news-info h3 {font-size:23px}
  .home-news {padding-top:0}
  .home-news .shell {padding-top:49px}
  .cta h2 {font-size:40px}
  .contact-rail {background:#fffffffffF7}
}
@media(max-width:480px) {
  .hero-layout {min-height:715px}
  .hero-copy.shell {padding-top:185px;padding-bottom:175px}
  .hero-copy h1 {font-size:51px;max-width:365px}
  .hero-copy .eyebrow {font-size:7px;letter-spacing:.13em;gap:8px}
  .hero-intro {font-size:11px;max-width:320px}
  .hero-actions {gap:20px;flex-direction:column;margin-top:23px}
  .hero-actions .text-link {font-size:9px}
  .hero-coordinate {display:none}
  .hero-controls {width:148px;gap:8px;bottom:48px}
  .hero-step {gap:3px}.hero-step button {width:25px;height:25px}.slide-dots button {width:12px}
  .scene-caption {bottom:53px;font-size:9px;max-width:130px}
  .cable-compass {width:calc(100% - 18px)}
  .compass-label {font-size:7px;padding-inline:19px}
  .compass-track {height:216px;border-radius:0}
  .compass-orbit {top:-277px;height:472px}
  .compass-family {width:70px;font-size:6.5px;line-height:1.45;gap:5px}
  .compass-family>span {max-width:67px;min-height:35px}
  .compass-family img {width:60px;height:49px}
  .compass-family-1 {left:11%;top:27px}.compass-family-2 {left:30%;top:71px}.compass-family-3 {left:50%;top:92px}.compass-family-4 {left:70%;top:71px}.compass-family-5 {left:89%;top:27px}
  .home-about {padding-top:28px}
  .about-home-copy h2 {font-size:35px}
  .company-film>img {height:245px}
  .company-stats {grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
  .company-stats>div:nth-child(2) {border:0}
  .company-stats strong {font-size:35px}
  .company-stats>div>span {font-size:9px}
  .finder-heading h2,.project-intro h2,.support-heading h2,.section-heading h2 {font-size:35px}
  .range-entry {font-size:8px;padding-inline:10px}
  .family-controls button {width:35px;height:35px}
  .featured-cable,.featured-cable:first-child {flex-basis:210px}
  .featured-cable:first-child {flex-basis:240px}
  .family-info h3,.featured-cable:first-child h3 {font-size:20px}
  .range-bottom {align-items:flex-start;flex-direction:column;gap:19px}
  .home-search.search-form {width:100%}
  .project-slide {flex-basis:calc(100% - 28px)}
  .project-slide>img {height:210px}
  .project-slide h3 {font-size:25px}
  .support-step {gap:14px}
  .news-tile {grid-template-columns:1fr;gap:20px}
  .news-photo {height:225px}
  .news-info {padding-top:0}
  .cta h2 {font-size:35px}
}
@media(prefers-reduced-motion:reduce) {.compass-family img,.family-orb,.family-orb>img{transition:none}}
/* Homepage details use the exact white, charcoal and blue reference palette. */
body[data-page='/'] {--ink:#333333;--muted:#666666;--blue:#0071D5;--navy:#333333;--paper:#f7f7f7;--line:#e2e2e2;--gold:#0071D5;background:#fff;color:#333}
.hero-slide>video,.hero-background,.company-film>img,.project-slide>img,.news-photo img {filter:none}
.hero-slide:after {background:linear-gradient(180deg,#ffffff96 0%,#ffffff10 24%,#33333345 48%,#333333b8 100%)}
.hero-copy .eyebrow,.hero-copy h1,.hero-intro,.hero-actions .text-link,.scene-caption,.hero-step button {color:#fff}
.compass-label,.compass-label:before {background:#0071D5;color:#fff}
.compass-orbit {border-color:#0071D5}
.compass-orbit:after {border-color:#e2e2e2}
.compass-family {color:#666}
.compass-family:hover {color:#005BAC}
.compass-family i {border-color:#0071D5}
.compass-family:hover i {background:#0071D5;box-shadow:0 0 0 5px #0071D522}
.company-seal {color:#0071D5;border-color:#0071D5}
.company-stats strong {color:#0071D5}
.family-orb {border-color:#0071D5;background:radial-gradient(circle,#fff 45%,#f7f7f7 100%)}
.family-orb:after {border-color:#e2e2e2}
.family-orb:hover {border-color:#005BAC}
.home-projects {background:#f7f7f7;border-color:#e2e2e2}
.cta {background:#f7f7f7;color:#333}
.cta h2,.cta .eyebrow {color:#333}
.cta p:not(.eyebrow) {color:#666}
.cta .button {background:#0071D5;color:#fff;border-color:#0071D5}
.site-footer {background:#f7f7f7;color:#666;border-color:#e2e2e2}
.footer-brand img {filter:grayscale(1) brightness(.35)}
/* Keep homepage primary action text and icons white on blue. */
.hero-actions .button,.hero-actions .button span,.hero-actions .button svg {background:#0071D5;color:#fff;border-color:#0071D5}
.hero-actions .button:hover,.hero-actions .button:hover span,.hero-actions .button:hover svg {background:#005BAC;color:#fff;border-color:#005BAC}
body[data-page='/'] .header-inner #navigation>a:first-child,body[data-page='/'] .header-inner #navigation>a:first-child span {color:#fff}
@media(min-width:1101px) {.header-inner #navigation {background:#4A647A}}
.hero-slogan {font-family:Manrope,'Segoe UI',Arial,sans-serif;font-size:12px;font-weight:650;letter-spacing:.035em;line-height:1.6;color:#fff;margin-top:19px;text-shadow:0 1px 12px #33333366}
@media(max-width:760px) {.hero-slogan {font-size:11px;margin-top:15px;max-width:calc(100% - 24px)}}
/* Secondary hero action is a crisp ghost pill to balance the primary blue button. */
.hero-actions .text-link {min-height:46px;padding:11px 19px;border:1px solid #ffffff90;border-radius:28px;background:#ffffff12;color:#fff;gap:13px;transition:background .2s,color .2s,border-color .2s,transform .2s}
.hero-actions .text-link svg {color:#7fc0ff;transition:color .2s,transform .2s}
.hero-actions .text-link:hover {background:#fff;border-color:#fff;color:#333;transform:translateY(-2px)}
.hero-actions .text-link:hover svg {color:#0071D5}
@media(max-width:760px) {.hero-actions .text-link {min-height:42px;padding:9px 16px}}
/* A transparent navy film treatment keeps the copy legible without a card. */
.hero-content {position:relative;display:flex;flex-direction:column;align-items:center;width:100%;isolation:isolate}
.hero-slide:after {background:radial-gradient(ellipse at 50% 45%,#063659ba 0%,#073150a8 39%,#09263b66 78%),linear-gradient(180deg,#061f3852 0%,#061f3890 56%,#051827d9 100%)}
.hero-copy .eyebrow {color:#b6e0ff;text-shadow:0 2px 14px #041927a8}
.hero-copy h1 {color:#fff;text-shadow:0 3px 22px #021725cc}
.hero-slogan {color:#d4ecff;text-shadow:0 2px 14px #021725cc}
.hero-intro {color:#f4f9fd;text-shadow:0 2px 14px #021725cc}
.hero-actions .text-link {color:#fff;border-color:#ffffffba;background:#ffffff14}
.hero-actions .text-link svg {color:#9bd4ff}
.hero-actions .text-link:hover {color:#004581;border-color:#fff;background:#fff}