/* JMC / Phase 1A. Front-page art direction, deliberately separate from form logic
   and the replaceable Phase 1B hero. Breakpoints: 1100 navigation, 800 composition,
   520 compact mobile. data-motion-region marks future Phase 2 entry points. */
.jmc-foundation {
  --fd-paper:#f7f5ef;
  --fd-stone:#eae7de;
  --fd-white:#fffefa;
  --fd-ink:#171b17;
  --fd-muted:#5a6058;
  --fd-night:#111511;
  --fd-gold:#e2ad24;
  --fd-gold-ink:#795b18;
  --fd-rule:rgba(23,27,23,.18);
  --fd-light-rule:rgba(255,254,250,.22);
  --fd-max:1440px;
  --fd-gutter:clamp(22px,5vw,96px);
  --fd-section:clamp(76px,9vw,150px);
  --fd-gap:clamp(24px,5vw,80px);
  --fd-h1:clamp(40px,6vw,94px);
  --fd-h2:clamp(36px,4.6vw,72px);
  --fd-h3:clamp(28px,3vw,46px);
  --fd-body:clamp(16px,1.3vw,19px);
  --fd-radius:2px;
  --fd-shadow:0 12px 36px rgba(16,24,16,.07);
  background:var(--fd-paper);color:var(--fd-ink);
}
.jmc-foundation .wrap {width:min(calc(100% - 2 * var(--fd-gutter)),var(--fd-max));max-width:var(--fd-max)}
.jmc-foundation .section {--accent-ink:var(--fd-gold-ink);padding-block:var(--fd-section);background:var(--fd-paper);color:var(--fd-ink)}
.jmc-foundation .section:before,.jmc-foundation .section-dark:before {display:none}
.jmc-foundation .section h2,.jmc-foundation .section-dark h2 {font-family:Arial,Helvetica,sans-serif;font-size:var(--fd-h2);font-weight:600;line-height:1.04;letter-spacing:-.05em;text-transform:none;text-shadow:none;max-width:19ch;margin:0}
.jmc-foundation .section h3 {font-family:Arial,Helvetica,sans-serif;font-size:var(--fd-h3);font-weight:500;line-height:1.1;letter-spacing:-.04em;text-transform:none;margin:0}
.jmc-foundation .section p {font-size:var(--fd-body);line-height:1.65}
.jmc-foundation .section .eyebrow,.jmc-foundation .section-dark .eyebrow {font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;margin:0 0 24px;color:var(--fd-gold-ink)}
.jmc-foundation .section .reveal,.jmc-foundation .contact .reveal {opacity:1;transform:none;transition:none}
.jmc-foundation :is(.button,.foundation-link,.nav-cta):focus-visible {outline:3px solid var(--fd-gold);outline-offset:5px}
.jmc-foundation main>.section :is(.button,.foundation-link),.jmc-foundation .contact .button {cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;box-shadow:none;text-shadow:none;animation:none}
.jmc-foundation main>.section .button,.jmc-foundation .contact .button {min-height:52px;padding:15px 24px;font-size:12px;font-weight:700;letter-spacing:.07em;border:1px solid var(--fd-ink);border-radius:var(--fd-radius);background:var(--fd-ink);color:var(--fd-white);clip-path:none;transform:none;line-height:1.4;text-align:center}
.jmc-foundation main>.section .button:before,.jmc-foundation main>.section .button:after,.jmc-foundation .contact .button:before,.jmc-foundation .contact .button:after {display:none}
.jmc-foundation main>.section .button:hover {background:#363e32;border-color:#363e32;color:#fff}
.jmc-foundation main>.section .foundation-secondary {background:transparent;color:var(--fd-ink);border-color:var(--fd-rule)}
.jmc-foundation main>.section .foundation-secondary:hover {background:var(--fd-ink);color:var(--fd-white);border-color:var(--fd-ink)}
.jmc-foundation .foundation-link {display:inline-block;position:static;width:auto;background:none;border:0;border-bottom:1px solid currentColor;color:inherit;font-size:13px;font-weight:600;letter-spacing:.015em;line-height:1.5;padding:8px 0;text-transform:none;text-align:left;cursor:pointer}
.jmc-foundation .foundation-link:hover {color:var(--fd-gold-ink)}
.jmc-foundation .foundation-link:active,.jmc-foundation .button:active {opacity:.8}
.jmc-foundation .foundation-heading {display:grid;grid-template-columns:1.4fr 1fr;gap:var(--fd-gap);align-items:end;margin-bottom:clamp(40px,5vw,80px)}
.jmc-foundation .foundation-intro {max-width:38ch;color:var(--fd-muted);margin:0;justify-self:end}
.jmc-foundation .foundation-intro p {margin:0 0 20px}
.jmc-foundation .foundation-intro .foundation-small {font-size:14px;margin:0}
.jmc-foundation .foundation-intro .foundation-link {padding:0;font-size:inherit}
.jmc-foundation .section-actions {margin-top:48px;display:flex;justify-content:flex-end}

/* Same logo placement; a calmer header and a dedicated direct-price anchor. */
.jmc-foundation .site-header {padding-inline:clamp(18px,3vw,56px);gap:18px;background:rgba(13,17,13,.97);color:#fff;border-bottom-color:rgba(255,255,255,.14)}
.jmc-foundation .site-header.scrolled {background:rgba(13,17,13,.97);color:#fff;box-shadow:none}
.jmc-foundation .brand-name {font-size:12px;letter-spacing:.14em;white-space:nowrap}
.jmc-foundation .main-nav {gap:clamp(14px,1.7vw,30px);font-size:11px;white-space:nowrap}
.jmc-foundation .header-contact-tools {margin-left:auto;margin-right:0;gap:5px}
.jmc-foundation .header-contact-tools a,.jmc-foundation .header-contact-tools button {border-color:rgba(255,255,255,.3);background:none}
.jmc-foundation .nav-cta {color:var(--fd-gold);border-color:var(--fd-gold);box-shadow:none}
.jmc-foundation .nav-cta:hover {background:var(--fd-gold);color:var(--fd-ink);box-shadow:none}
.foundation-hero {position:relative;isolation:isolate}

/* Product-like direct prices: one dark band, restrained ruled columns. */
.jmc-foundation .direct-offers {--accent-ink:var(--fd-gold);background:var(--fd-night);color:var(--fd-white)}
.jmc-foundation .direct-offers .eyebrow {color:var(--fd-gold)}
.jmc-foundation .direct-offers .foundation-intro {color:#bfc4b9}
.jmc-foundation .direct-offers .foundation-link:hover {color:var(--fd-gold)}
.direct-offer-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:transparent}
.jmc-foundation .direct-offers .direct-price-card {position:relative;isolation:isolate;display:flex;flex-direction:column;gap:0;padding:40px 28px 20px;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--fd-white);overflow:visible}
.jmc-foundation .direct-offers .direct-price-card>* {position:relative;z-index:1}
.jmc-foundation .direct-offers .direct-price-card::before {content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 85% 95% at 50% 48%,rgba(226,173,36,.15) 0%,rgba(226,173,36,.065) 48%,transparent 82%);transition:opacity .4s ease}
.jmc-foundation .direct-offers .direct-price-card:focus-within::before {opacity:1}
@media (hover:hover) {.jmc-foundation .direct-offers .direct-price-card:hover::before {opacity:1}}
.jmc-foundation .direct-offers .direct-price-card::after {content:"";position:absolute;z-index:2;top:0;bottom:0;right:0;width:1px;background:var(--fd-light-rule);pointer-events:none}
@media (min-width:1101px) {.jmc-foundation .direct-offers .direct-price-card:nth-child(3n)::after,.jmc-foundation .direct-offers .direct-price-card:last-child::after {display:none}}
@media (min-width:801px) and (max-width:1100px) {
  .direct-offer-list {grid-template-columns:repeat(2,minmax(0,1fr))}
  .jmc-foundation .direct-offers .direct-price-card:nth-child(2n)::after,.jmc-foundation .direct-offers .direct-price-card:last-child::after {display:none}
}
.jmc-foundation .direct-offers .direct-price-card:first-child {padding-left:0}
.jmc-foundation .direct-offers .direct-price-card:last-child {padding-right:0}
.jmc-foundation .direct-offers .direct-card-image {width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;order:0;border-radius:var(--fd-radius);margin:0 0 28px}
.jmc-foundation .direct-offers h3 {font-size:clamp(25px,2.4vw,37px);line-height:1.12;max-width:17ch;color:#fff}
.jmc-foundation .direct-offers .direct-price-card>p {font-size:15px;color:#c5c9c0;max-width:34ch;margin:22px 0}
.jmc-foundation .direct-offers .direct-price-examples {list-style:none;padding:0;margin:0 0 20px;border:0;background:none}
.jmc-foundation .direct-offers .direct-price-examples li {padding:0;border-bottom:1px solid var(--fd-light-rule)}
.jmc-foundation .direct-offers .direct-price-examples a {padding:14px 0;display:flex;gap:16px;align-items:start;justify-content:space-between;background:none;color:var(--fd-white);font-size:14px}
.jmc-foundation .direct-offers .direct-price-examples a:hover {color:var(--fd-gold)}
.jmc-foundation .direct-offers .direct-price-examples strong {color:var(--fd-white);font-weight:500;font-size:18px;text-align:right;white-space:nowrap}
.jmc-foundation .direct-offers .direct-price-examples small {display:block;color:#bfc4b9;white-space:normal;font-size:10px;font-weight:400}
.jmc-foundation .direct-offers .direct-price-card>.direct-card-note {font-size:12px;line-height:1.6;margin:0 0 24px;max-width:none;color:#bfc4b9}
.jmc-foundation main>.direct-offers .direct-card-cta {margin-top:auto;align-self:stretch;background:var(--fd-gold);border-color:var(--fd-gold);color:var(--fd-ink);padding:14px 12px;letter-spacing:.04em}
.jmc-foundation main>.direct-offers .direct-card-cta:hover {background:#f3c754;border-color:#f3c754;color:var(--fd-ink)}
.jmc-foundation .direct-offers .direct-nonbinding {font-size:11px;line-height:1.7;color:#bfc4b9;margin:18px 0 0}

/* Four core areas. First is an image-led spread, then alternating editorial rows. */
.core-services {display:grid;grid-template-columns:1fr 1fr;gap:80px var(--fd-gap)}
.core-service {min-width:0}
.core-service-image {overflow:hidden;border-radius:var(--fd-radius);background:var(--fd-stone)}
.core-service-image img {width:100%;height:100%;object-fit:cover;aspect-ratio:5/4}
.core-service-copy {padding-top:28px;max-width:43ch}
.jmc-foundation .core-service-copy .eyebrow {margin-bottom:14px;font-size:10px}
.jmc-foundation .core-service-copy p:not(.eyebrow) {color:var(--fd-muted);margin:22px 0}
.core-service-1 {grid-column:1/-1;display:grid;grid-template-columns:1.7fr 1fr;gap:var(--fd-gap);align-items:center}
.core-service-1 .core-service-image img {aspect-ratio:4/3}
.core-service-1 .core-service-copy {padding:0}
.core-service-2 {padding-right:12%}
.core-service-3 {padding-top:140px}
.core-service-3 .core-service-image img {aspect-ratio:4/3}
.core-service-4 {grid-column:1/-1;display:grid;grid-template-columns:1fr 1.7fr;gap:var(--fd-gap);align-items:center;padding-top:30px}
.core-service-4 .core-service-image {order:2}
.core-service-4 .core-service-image img {aspect-ratio:16/10}
.jmc-foundation .all-services {margin-top:80px;border-top:1px solid var(--fd-rule);border-bottom:1px solid var(--fd-rule)}
.all-services>summary {display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;font-size:20px;font-weight:500;cursor:pointer;list-style:none}
.all-services>summary::-webkit-details-marker {display:none}
.all-services-sign {font-size:30px;line-height:1}
.all-services[open] .all-services-sign {transform:rotate(45deg)}
.jmc-foundation .all-services-intro {max-width:45ch;color:var(--fd-muted);margin:0 0 32px}
.jmc-foundation .all-services .service-grid {width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px;padding-bottom:40px}
.jmc-foundation .all-services .service-card {border:0;background:none;box-shadow:none;border-radius:0}
.jmc-foundation .all-services .service-card h3 {font-size:24px}
.jmc-foundation .all-services .service-card p {font-size:14px;color:var(--fd-muted)}
.jmc-foundation .all-services .service-card-body {padding-inline:0}
.jmc-foundation .all-services .service-visual {height:220px}
.jmc-foundation .all-services .service-visual img {height:100%}
.jmc-foundation .all-services .service-category-icon {display:none}

/* Three curated projects; original galleries and per-project image rotation retained. */
.jmc-foundation .foundation-projects {background:var(--fd-stone)}
.project-editorial {display:grid;grid-template-columns:1.15fr 1fr;gap:80px var(--fd-gap)}
.project-feature:first-child {grid-column:1/-1;display:grid;grid-template-columns:1.75fr 1fr;gap:var(--fd-gap);align-items:end}
.jmc-foundation .project-feature .project-card {position:relative;display:block;aspect-ratio:5/4;width:100%;height:auto;min-height:0;padding:0;border:0;border-radius:var(--fd-radius);overflow:hidden;background:var(--fd-night);cursor:zoom-in}
.jmc-foundation .project-feature:first-child .project-card {aspect-ratio:4/3}
.jmc-foundation .project-feature:nth-child(3) {padding-top:140px}
.jmc-foundation .project-feature .project-card img {position:static;width:100%;height:100%;aspect-ratio:inherit;object-fit:cover;filter:none;transform:none}
.jmc-foundation .project-feature .project-card:before,.jmc-foundation .project-feature .project-card:after {display:none}
.project-view {position:absolute;bottom:18px;right:18px;background:rgba(17,21,17,.9);color:#fff;font-size:11px;letter-spacing:.04em;padding:11px 16px}
.project-feature-copy {padding-top:28px}
.jmc-foundation .project-feature-copy h3 {font-size:clamp(28px,3vw,44px)}
.project-features {list-style:none;display:flex;flex-wrap:wrap;gap:0 20px;margin:24px 0;padding:0;color:var(--fd-muted);font-size:14px}
.project-features li {padding:9px 0;border-top:1px solid var(--fd-rule)}
.jmc-foundation .project-feature-copy>p:not(.eyebrow) {color:var(--fd-muted);font-size:16px}
.jmc-foundation .project-feature .project-context-cta {position:static;left:auto;bottom:auto;color:var(--fd-ink);background:none;font-size:13px;margin-top:8px}
.jmc-foundation .before-after {background:var(--fd-paper)}
.jmc-foundation .transform-grid {grid-template-columns:1fr 1.3fr;gap:var(--fd-gap)}
.jmc-foundation .transform-copy h2 {font-size:clamp(32px,3.8vw,58px)}
.jmc-foundation .transform-copy>p:not(.eyebrow) {color:var(--fd-muted)}
.jmc-foundation .ba-note {color:var(--fd-muted);margin:28px 0}
.jmc-foundation .brand-story {background:var(--fd-stone)}
.jmc-foundation .story-grid {display:grid;grid-template-columns:1.3fr 1fr;gap:var(--fd-gap);align-items:start}
.jmc-foundation .story-title {position:static;border:0;padding:0}
.jmc-foundation .story-copy {padding:0;max-width:42ch}
.jmc-foundation .story-copy p {color:var(--fd-muted);margin:0 0 24px}
.jmc-foundation .story-copy .story-person {color:var(--fd-ink);font-size:24px;line-height:1.3;letter-spacing:-.02em}
.jmc-foundation .story-copy:before,.jmc-foundation .story-copy:after {display:none}
.jmc-foundation .process-grid {grid-template-columns:1fr 1.2fr;gap:var(--fd-gap)}
.jmc-foundation .process h2 {font-size:clamp(36px,4.2vw,64px)}
.jmc-foundation .steps {margin:0;padding:0}
.jmc-foundation .steps:before {box-shadow:none;background:var(--fd-rule);transform:none}
.jmc-foundation .steps li {border-top:1px solid var(--fd-rule);padding-block:28px;gap:24px}
.jmc-foundation .steps li:last-child {border-bottom:1px solid var(--fd-rule)}
.jmc-foundation .steps h3 {font-size:24px;letter-spacing:-.03em}
.jmc-foundation .steps p {font-size:16px;color:var(--fd-muted);margin:10px 0 0}
.jmc-foundation .steps .step-mark {background:var(--fd-paper);color:var(--fd-gold-ink)}
.jmc-foundation .process-lead {grid-column:2;margin:0}
.jmc-foundation .contact {background:var(--fd-night);color:var(--fd-white);padding-block:var(--fd-section)}
.jmc-foundation .contact .eyebrow {color:var(--fd-gold)}
.jmc-foundation .contact-grid {grid-template-columns:1.1fr 1fr;gap:var(--fd-gap)}
.jmc-foundation .contact h2 {font-size:clamp(36px,4.2vw,64px)}
.jmc-foundation .contact h2 em {font:inherit;color:var(--fd-gold)}
.contact-intro {max-width:36ch;margin-top:32px;color:#bfc4b9;line-height:1.7}
.jmc-foundation .contact-panel {padding:0;border:0;background:transparent;box-shadow:none}
.jmc-foundation .contact-panel>p:first-child {margin-top:0;color:#bfc4b9;max-width:38ch}
.jmc-foundation .contact-line {border-color:var(--fd-light-rule);padding-block:24px}
.jmc-foundation .contact-line>span {color:#bfc4b9;font-size:10px;letter-spacing:.1em}
.jmc-foundation .contact-phone-number {font-size:clamp(17px,1.65vw,24px)}
.jmc-foundation .contact-square-action {border-color:var(--fd-light-rule);background:none}
.jmc-foundation .contact .button {background:var(--fd-gold);border-color:var(--fd-gold);color:var(--fd-ink);margin-top:32px}
.jmc-foundation .contact .button:hover {background:#f3c754;border-color:#f3c754}
.jmc-foundation .site-footer {background:var(--fd-night);border-top:1px solid var(--fd-light-rule);padding-block:48px}
.jmc-foundation .mobile-lead-cta {white-space:nowrap;font-size:11px;letter-spacing:.06em;min-height:44px;padding:12px 22px;box-shadow:0 3px 18px #0002}
.jmc-foundation.foundation-inline-action .mobile-lead-cta {visibility:hidden;pointer-events:none}

@media (min-width:1101px) and (max-width:1280px) {
  .jmc-foundation .brand-name {display:none}
}
@media (max-width:1100px) {
  .jmc-foundation .nav-toggle {display:block;flex-shrink:0}
  .jmc-foundation .main-nav {display:none;position:absolute;top:100%;left:0;right:0;align-items:stretch;flex-direction:column;gap:0;padding:20px var(--fd-gutter);background:var(--fd-night);border-bottom:1px solid var(--fd-light-rule);white-space:normal}
  .jmc-foundation .main-nav.open {display:flex}
  .jmc-foundation .main-nav a {padding:15px 0;font-size:13px}
  .jmc-foundation .main-nav .nav-cta {padding:15px;margin:12px 0}
}
@media (max-width:800px) {
  .jmc-foundation {--fd-h2:clamp(36px,6.5vw,52px);--fd-h3:32px;--fd-gap:32px}
  .jmc-foundation .foundation-heading {grid-template-columns:1fr;gap:24px}
  .jmc-foundation .foundation-intro {justify-self:start;max-width:45ch}
  .direct-offer-list {grid-template-columns:1fr}
  .jmc-foundation .direct-offers .direct-price-card {padding:32px 0!important;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
  .jmc-foundation .direct-offers .direct-price-card::after {top:auto;bottom:0;left:0;right:0;width:auto;height:1px}
  .jmc-foundation .direct-offers .direct-price-card:last-child::after {display:none}
  .jmc-foundation .direct-offers .direct-card-image {grid-column:1/-1;max-height:220px}
  .jmc-foundation .direct-offers h3,.jmc-foundation .direct-offers .direct-price-card>p:not(.direct-card-note) {grid-column:1}
  .jmc-foundation .direct-offers .direct-price-examples {grid-column:2;grid-row:2/5}
  .jmc-foundation .direct-offers .direct-card-cta {grid-column:2;grid-row:5;align-self:start}
  .jmc-foundation .direct-offers .direct-nonbinding {grid-column:2}
  .jmc-foundation .direct-offers .direct-card-note {grid-column:1;grid-row:5;font-size:11px}
  .core-services {gap:52px 26px}
  .core-service-1,.core-service-4 {grid-template-columns:1fr;gap:24px}
  .core-service-1 .core-service-copy,.core-service-4 .core-service-copy {max-width:42ch;padding:0}
  .core-service-1 .core-service-image img {aspect-ratio:5/4}
  .core-service-2 {padding-right:0}
  .core-service-3 {padding-top:80px}
  .core-service-4 .core-service-image {order:0}
  .jmc-foundation .core-service-2 h3,.jmc-foundation .core-service-3 h3 {font-size:27px}
  .jmc-foundation .core-service-2 p:not(.eyebrow),.jmc-foundation .core-service-3 p:not(.eyebrow) {font-size:15px}
  .jmc-foundation .all-services .service-grid {grid-template-columns:1fr 1fr}
  .project-editorial {gap:48px 24px;grid-template-columns:1fr 1fr}
  .project-feature:first-child {display:block}
  .jmc-foundation .project-feature:first-child .project-card {aspect-ratio:5/4}
  .jmc-foundation .project-feature:nth-child(3) {padding-top:80px}
  .jmc-foundation .project-feature-copy h3 {font-size:28px}
  .jmc-foundation .transform-grid,.jmc-foundation .story-grid,.jmc-foundation .process-grid,.jmc-foundation .contact-grid {grid-template-columns:1fr;gap:40px}
  .jmc-foundation .transform-copy h2 {font-size:var(--fd-h2)}
  .jmc-foundation .transform-copy {max-width:45ch}
  .jmc-foundation .process-lead {grid-column:1}
  .jmc-foundation .contact-panel {max-width:600px}
}
@media (max-width:520px) {
  .jmc-foundation {--fd-gutter:22px;--fd-section:76px;--fd-h2:38px;--fd-h3:32px}
  .jmc-foundation .site-header {padding-inline:16px;gap:8px}
  .jmc-foundation .brand-name {display:none}
  .jmc-foundation .foundation-heading {margin-bottom:38px}
  .jmc-foundation .section-actions {justify-content:stretch;margin-top:36px}
  .jmc-foundation .section-actions .button {width:100%}
  .jmc-foundation .direct-offers .direct-price-card {display:flex}
  .jmc-foundation .direct-offers h3 {font-size:32px;max-width:100%}
  .jmc-foundation .direct-offers .direct-price-card>p {max-width:100%;margin:18px 0}
  .jmc-foundation .direct-offers .direct-card-note {margin-bottom:20px!important}
  .jmc-foundation .direct-offers .direct-nonbinding {margin-top:14px}
  .core-services {grid-template-columns:1fr;gap:44px}
  .core-service-2,.core-service-3 {padding:0}
  .core-service-2 .core-service-image {width:88%}
  .core-service-3 .core-service-image {width:88%;margin-left:auto}
  .core-service-3 .core-service-copy {padding-left:12%}
  .core-service-4 {padding-top:0}
  .jmc-foundation .core-service h3 {font-size:32px}
  .jmc-foundation .core-service p:not(.eyebrow) {font-size:16px}
  .jmc-foundation .all-services {margin-top:52px}
  .jmc-foundation .all-services>summary {font-size:17px;padding-block:24px}
  .jmc-foundation .all-services .service-grid {grid-template-columns:1fr}
  .project-editorial {grid-template-columns:1fr;gap:44px}
  .jmc-foundation .project-feature:nth-child(3) {padding-top:0}
  .jmc-foundation .project-feature:not(:first-child) .project-card {aspect-ratio:4/3}
  .jmc-foundation .project-feature-copy h3 {font-size:32px}
  .project-feature-copy {padding-top:24px}
  .project-features {margin:16px 0}
  .jmc-foundation .compare-gallery {gap:10px}
  .jmc-foundation .story-title h2 {font-size:38px}
  .jmc-foundation .process h2,.jmc-foundation .contact h2 {font-size:38px}
  .jmc-foundation .steps li {gap:16px}
  .jmc-foundation .steps h3 {font-size:22px}
  .jmc-foundation .contact-line {grid-template-columns:1fr;gap:12px}
  .jmc-foundation .contact-phone-group {justify-content:flex-start;gap:12px}
  .jmc-foundation .contact-phone-number {font-size:21px;margin-right:auto}
  .jmc-foundation .contact .button {width:100%}
  .jmc-foundation .site-footer {padding-block:36px}
}
@media (max-height:550px) and (orientation:landscape) {
}
@media (prefers-reduced-motion:reduce) {
  .jmc-foundation :is(.button,.foundation-link,.nav-cta) {transition:none}
  .jmc-foundation .magic-showcase {height:auto;min-height:0}
  .jmc-foundation .magic-showcase .hero-stage {position:relative;top:auto;height:80svh;min-height:540px}
}

/* 3.9.0: clearer decisions, factual trust and easier conversion paths. */
.intro-final-copy .intro-descriptor {max-width:52ch}
.intro-proof {display:flex;flex-wrap:wrap;gap:7px 20px;max-width:900px;margin:16px 0 0;padding:0;list-style:none;color:#f4f2e9;font-size:12px;font-weight:650;letter-spacing:.025em;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.intro-proof li {display:flex;align-items:center;gap:8px}
.intro-proof li:before {content:"";width:6px;height:6px;flex:0 0 6px;border:1px solid #f2c548;transform:rotate(45deg);box-shadow:0 0 8px rgba(242,197,72,.45)}
.intro-final-copy .intro-proof+.button {margin-top:20px}

#direktpreis-auswahl {scroll-margin-top:86px}

.project-proof {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 8px;border-top:1px solid var(--fd-rule)}
.project-proof[hidden] {display:none}
.project-proof>div {padding:10px 12px 10px 0;border-bottom:1px solid var(--fd-rule)}
.project-proof>div[hidden] {display:none}
.project-proof dt {color:var(--fd-gold-ink);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.project-proof dd {margin:4px 0 0;color:var(--fd-ink);font-size:13px;line-height:1.45}
.jmc-foundation .project-result {display:grid;gap:4px;margin:14px 0 10px;padding-left:13px;border-left:2px solid var(--fd-gold);font-size:13px!important;line-height:1.5!important}
.project-result[hidden] {display:none!important}
.project-result strong {color:var(--fd-gold-ink);font-size:9px;letter-spacing:.12em;text-transform:uppercase}

.jmc-foundation .contact-dialog-intro {margin-bottom:8px}
.jmc-foundation .form-reassurance {margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}
.jmc-foundation .form-step-status {margin:-10px 0 18px;color:var(--accent-ink);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.jmc-foundation .form-field label {display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.jmc-foundation .form-field label small {color:var(--text-muted);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:none}
.jmc-foundation .form-progress {overflow-x:auto;scrollbar-width:none}
.jmc-foundation .form-progress::-webkit-scrollbar {display:none}
.jmc-foundation .form-progress button {min-height:42px;white-space:nowrap}

@media (max-width:520px) {
  .intro-final-copy .intro-descriptor {margin-top:13px!important;font-size:13px!important;line-height:1.42!important;max-width:29ch!important}
  .intro-proof {gap:5px 13px;margin-top:11px;font-size:10px;line-height:1.35;max-width:34ch}
  .intro-proof li:before {width:5px;height:5px;flex-basis:5px}
  .intro-final-copy .intro-proof+.button {margin-top:14px}
  .project-proof {grid-template-columns:1fr}
  .jmc-foundation .form-progress {margin-block:18px 14px;gap:2px}
  .jmc-foundation .form-progress button {min-width:58px;min-height:44px;padding-inline:5px;font-size:8px}
  .jmc-foundation .form-step-status {margin-top:-4px}
}

/* Phase 2 / Premium Motion System. Progressive enhancement below the protected intro. */
.jmc-foundation {
  --motion-fast:180ms;
  --motion-ui:280ms;
  --motion-reveal:760ms;
  --motion-slow:1100ms;
  --motion-ease:cubic-bezier(.2,.72,.2,1);
  --motion-enter:cubic-bezier(.16,1,.3,1);
  --motion-distance:24px;
  --motion-scale:.985;
}

/* Navigation becomes denser, but never leaves the viewport or blocks interaction. */
.jmc-foundation .site-header {will-change:height,background-color;transition:height var(--motion-ui) var(--motion-ease),background-color var(--motion-ui) ease,border-color var(--motion-ui) ease,box-shadow var(--motion-ui) ease,backdrop-filter var(--motion-ui) ease}
.jmc-foundation .site-header.scrolled {height:70px;background:rgba(13,17,13,.96);border-bottom-color:rgba(226,173,36,.25);box-shadow:0 12px 34px rgba(0,0,0,.18);backdrop-filter:blur(16px) saturate(1.1)}
.jmc-foundation .brand-logo-frame,.jmc-foundation .header-contact-tools a,.jmc-foundation .header-contact-tools button {transition:transform var(--motion-ui) var(--motion-ease),background-color var(--motion-ui) ease,border-color var(--motion-ui) ease,color var(--motion-ui) ease}
.jmc-foundation .site-header.scrolled .brand-logo-frame {transform:scale(.92)}

/* Shared CTA and link feedback. Existing shapes and colors remain unchanged. */
.jmc-foundation main>.section :is(.button,.foundation-link),.jmc-foundation .contact .button,.jmc-foundation .nav-cta {transition:transform var(--motion-ui) var(--motion-ease),background-color var(--motion-ui) ease,color var(--motion-ui) ease,border-color var(--motion-ui) ease,box-shadow var(--motion-ui) ease}
@media (hover:hover) {
  .jmc-foundation main>.section .button:hover,.jmc-foundation .contact .button:hover {transform:translateY(-2px)}
  .jmc-foundation .foundation-link:hover {transform:translateX(3px)}
  .jmc-foundation .header-contact-tools a:hover,.jmc-foundation .header-contact-tools button:hover {transform:translateY(-2px) scale(1.025)}
}
.jmc-foundation :is(.button,.foundation-link,.nav-cta,.header-contact-tools a,.header-contact-tools button):active {transform:scale(.98)}
.jmc-foundation .direct-card-cta span {display:inline-block;transition:transform var(--motion-ui) var(--motion-ease)}
@media (hover:hover) {.jmc-foundation .direct-card-cta:hover span {transform:translate(3px,-3px)}}

/* The reveal architecture is only activated after JavaScript has registered targets. */
.jmc-foundation.motion-ready .motion-reveal {opacity:0;transition:opacity var(--motion-reveal) ease var(--motion-delay,0ms),transform var(--motion-reveal) var(--motion-enter) var(--motion-delay,0ms),clip-path var(--motion-slow) var(--motion-enter) var(--motion-delay,0ms);will-change:opacity,transform,clip-path}
.jmc-foundation.motion-ready .motion-reveal[data-motion="rise"] {transform:translate3d(0,var(--motion-distance),0)}
.jmc-foundation.motion-ready .motion-reveal[data-motion="side"] {transform:translate3d(calc(var(--motion-distance)*-1),0,0)}
.jmc-foundation.motion-ready .motion-reveal[data-motion="scale"] {transform:scale(var(--motion-scale))}
.jmc-foundation.motion-ready .motion-reveal[data-motion="product"] {transform:translate3d(0,18px,0) scale(.992)}
.jmc-foundation.motion-ready .motion-reveal[data-motion="clip"] {clip-path:inset(0 0 100% 0);transform:translate3d(0,10px,0)}
.jmc-foundation.motion-ready .motion-reveal[data-motion="image"],.jmc-foundation.motion-ready .motion-reveal[data-motion="project"] {clip-path:inset(0 100% 0 0);transform:scale(1.012);transform-origin:center}
.jmc-foundation.motion-ready .motion-reveal[data-motion="image"][data-motion-side="right"]:not(.motion-in) {clip-path:inset(0 0 0 100%)}
.jmc-foundation.motion-ready .motion-reveal.motion-in {opacity:1;transform:none;clip-path:inset(0)}
.jmc-foundation .motion-reveal.motion-in {will-change:auto}

/* Direct prices remain subtly alive as the featured product, without pulsing. */
.jmc-foundation .direct-offers {position:relative;isolation:isolate;overflow:hidden}
.jmc-foundation .direct-offers>.wrap {position:relative;z-index:1}
.jmc-foundation .direct-offers:after {content:"";position:absolute;z-index:0;top:-35%;bottom:-35%;left:-28%;width:28%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,236,172,.045) 34%,rgba(255,244,205,.13) 50%,rgba(255,236,172,.045) 66%,transparent);filter:blur(10px);transform:translate3d(0,0,0) skewX(-12deg);animation:jmc-direct-light 13s ease-in-out infinite}
@keyframes jmc-direct-light {0%,12%{transform:translate3d(0,0,0) skewX(-12deg);opacity:0}24%{opacity:1}58%{opacity:.75}72%,100%{transform:translate3d(560%,0,0) skewX(-12deg);opacity:0}}
.jmc-foundation .direct-offers .direct-price-examples a {transition:color var(--motion-fast) ease}

/* Core services use one interaction family: image depth, copy response and link confirmation. */
.jmc-foundation .core-service-image img {transform:scale(1.001);transition:transform 850ms var(--motion-ease),filter 650ms ease}
.jmc-foundation .core-service-copy {transition:transform var(--motion-ui) var(--motion-ease)}
@media (hover:hover) {
  .jmc-foundation .core-service:hover .core-service-image img {transform:scale(1.025);filter:saturate(1.035) contrast(1.015)}
  .jmc-foundation .core-service:hover .core-service-copy {transform:translateX(4px)}
}
.jmc-foundation .core-service:active .core-service-image img {transform:scale(1.008)}

/* Projects carry the strongest motion after the hero: reveal mask plus tiny crop travel. */
.jmc-foundation .project-feature {--project-shift:0px}
.jmc-foundation .project-feature .project-card img {transform:scale(1.045) translate3d(0,var(--project-shift),0);transition:transform 900ms var(--motion-ease),filter 650ms ease;will-change:transform}
.jmc-foundation .project-view {transition:transform var(--motion-ui) var(--motion-ease),background-color var(--motion-ui) ease}
.jmc-foundation .project-feature-copy {transition:transform var(--motion-ui) var(--motion-ease)}
@media (hover:hover) {
  .jmc-foundation .project-feature:hover .project-card img {transform:scale(1.07) translate3d(0,var(--project-shift),0);filter:saturate(1.04) contrast(1.015)}
  .jmc-foundation .project-feature:hover .project-view {transform:translate(-3px,-3px);background:rgba(17,21,17,.96)}
  .jmc-foundation .project-feature:hover .project-feature-copy {transform:translateY(-3px)}
}
.jmc-foundation .project-card:active .project-view {transform:scale(.97)}

/* Comparison control: retain the exact logic, improve only its feedback. */
.jmc-foundation .compare-line {box-shadow:0 0 18px rgba(226,173,36,.22)}
.jmc-foundation .compare-line span {border:1px solid rgba(23,27,23,.16);box-shadow:0 8px 24px rgba(0,0,0,.2),0 0 0 0 rgba(226,173,36,.3);transition:transform var(--motion-ui) var(--motion-ease),box-shadow var(--motion-ui) ease}
.jmc-foundation .compare input:hover~.compare-line span,.jmc-foundation .compare input:focus-visible~.compare-line span {transform:translate(-50%,-50%) scale(1.08);box-shadow:0 10px 28px rgba(0,0,0,.24),0 0 0 7px rgba(226,173,36,.18)}
.jmc-foundation .compare input:active~.compare-line span {transform:translate(-50%,-50%) scale(.96)}
.jmc-foundation .compare input:focus-visible {outline:3px solid var(--fd-gold);outline-offset:-5px;opacity:.01}

@media (max-width:800px) {
  .jmc-foundation {--motion-reveal:520ms;--motion-slow:620ms;--motion-distance:13px;--motion-scale:.993}
  .jmc-foundation .direct-offers:after {animation:none;display:none}
  .jmc-foundation .project-feature .project-card img {transform:scale(1.025)}
  .jmc-foundation .site-header.scrolled {height:68px}
}

@media (prefers-reduced-motion:reduce) {
  .jmc-foundation .motion-reveal,.jmc-foundation.motion-ready .motion-reveal {opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important;will-change:auto!important}
  .jmc-foundation .direct-offers:after {display:none!important;animation:none!important}
  .jmc-foundation .direct-offers .direct-price-card::before {transition:none!important}
  .jmc-foundation .project-feature .project-card img,.jmc-foundation .core-service-image img {transform:none!important;transition:none!important;will-change:auto!important}
  .jmc-foundation .site-header,.jmc-foundation .brand-logo-frame,.jmc-foundation :is(.button,.foundation-link,.nav-cta) {transition:none!important}
}