@font-face {
  font-family: "Playfair Display";
  src: url("assets/fonts/PlayfairDisplay-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
body:has(#professional:not([hidden])) > .site-header { display: none; }
body:has(#professional:not([hidden])) > .site-footer { display: none; }
body:has(#professional:not([hidden])) { overflow-x: clip; }
.professional-view { max-width: none; padding: 0 clamp(20px, 4vw, 64px) 64px; }
.professional-view > .back { display: none; }
.professional-entering #professional-title { visibility: hidden; }
.professional-entering .brand-track { animation-play-state: paused; }
.professional-entrance { position: fixed; inset: 0; z-index: 80; overflow: hidden; pointer-events: none; }
.professional-entrance-backdrop { position: absolute; inset: 0; background: var(--cp-hero-bg); }
.professional-entrance-name { position: absolute; color: var(--cp-hero-title); white-space: nowrap; transform-origin: center; will-change: transform; }
.professional-hero { min-height: 100svh; display: flex; flex-direction: column; margin-inline: calc(-1 * clamp(20px, 4vw, 64px)); padding: 12px 0 100px; background: var(--cp-hero-bg); color: var(--cp-hero-ink); }
.professional-header #professional-title { color: var(--cp-hero-title); }
.professional-star { color: var(--cp-cobalt); }
.professional-hero, .professional-entrance-backdrop { background: var(--cp-pearl-wash); }
.professional-header { padding-inline: 0; }
.professional-kicker { display: none; }
.professional-kicker, .section-index { font: 11px "Cutive Mono", Consolas, monospace; letter-spacing: 1px; }
.professional-header #professional-title { width: 100%; font-family: "Segoe UI", Aptos, Calibri, sans-serif; font-size: 13vw; line-height: .85; font-weight: 700; letter-spacing: -.025em; white-space: nowrap; margin: 0 0 20px; }
.professional-tagline { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr); align-items: center; gap: 20px; font-size: clamp(14px, 1.6vw, 32px); line-height: 1.2; font-weight: 600; }
.professional-tagline > span:first-child { justify-self: start; }
.professional-star { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 28px; height: 28px; }
.professional-star svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.professional-tagline em { grid-column: 3; justify-self: end; text-align: right; font: 400 clamp(14px, 1.6vw, 32px)/1.2 "Playfair Display", Georgia, serif; letter-spacing: normal; margin-top: -4px; }
.professional-brands { margin-block: auto; padding-top: 64px; }
.mobile-turn-hint { display: none; }
.outcome-unlock { display: none; }
.professional-hero :focus-visible { outline-color: var(--cp-accent); }
.brand-marquee { overflow: hidden; padding: 52px 0 24px; }
.brand-track { display: flex; width: max-content; }
.brand-run { display: flex; flex-shrink: 0; gap: 16px; padding-right: 16px; }
.brand-track.is-ready { animation: brand-roll 32s linear infinite; }
.brand-marquee:not(.resume-after-close):hover .brand-track, .brand-marquee:not(.resume-after-close):has(:focus-visible) .brand-track, .brand-marquee:not(.resume-after-close):focus-visible .brand-track, .brand-marquee.is-paused .brand-track { animation-play-state: paused; }
.brand-tile { display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0; width: clamp(210px, 22vw, 340px); height: clamp(260px, 28vw, 390px); padding: 24px; border: 8px solid var(--cp-highlight); border-radius: 16px; background: var(--cp-bg-elevated); color: var(--cp-text); }
.brand-tile img { display: block; width: 100%; height: 95px; object-fit: contain; }
.brand-tile img[src$="daimler.svg"] { object-fit: cover; }
.brand-tile.brand-flip { display: block; position: relative; padding: 0; perspective: 1000px; text-align: left; font: inherit; border: 0; background: none; cursor: pointer; }
.brand-flip { transition: transform 260ms cubic-bezier(.2,.7,.2,1); }
.brand-flip.is-hovered { transform: scale(1.045); z-index: 3; }
.brand-flip.before-hover { transform: translateX(-12px); }
.brand-flip.after-hover { transform: translateX(12px); }
.brand-turn-hint { position: absolute; top: -36px; left: 50%; transform: translate(-50%, 5px); opacity: 0; pointer-events: none; white-space: nowrap; color: var(--cp-cobalt); font: 400 24px/1 "Reenie Beanie", "Segoe Print", cursive; transition: opacity 160ms ease, transform 200ms ease; }
.brand-flip.is-hovered:not(.has-turned):not(.is-flipped) .brand-turn-hint { opacity: 1; transform: translate(-50%, 0); }
.brand-toggle { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 16px; background: none; cursor: pointer; }
.brand-flip:has(.brand-toggle:focus-visible) { outline: 2px solid var(--cp-accent); outline-offset: 3px; }
.brand-flip-inner { display: block; position: relative; z-index: 2; width: 100%; height: 100%; pointer-events: none; transform-style: preserve-3d; transition: transform 620ms cubic-bezier(.2,.7,.2,1); }
.brand-flip.is-flipped .brand-back { pointer-events: auto; }
.brand-links { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 12px; font-size: 12px; line-height: 1.4; font-weight: 600; }
.brand-links a { color: var(--cp-cobalt); text-decoration: underline; text-underline-offset: 3px; }
.brand-flip.is-flipped .brand-flip-inner { transform: rotateY(180deg); }
.brand-front, .brand-back { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 24px; border: 8px solid var(--cp-logo-border); border-radius: 16px; background: var(--cp-bg-elevated); color: var(--cp-text); backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.brand-back { transform: rotateY(180deg); justify-content: flex-start; overflow-y: auto; }
.brand-front { justify-content: center; }
.brand-back-company { font-size: 20px; font-weight: 600; letter-spacing: -.5px; }
.brand-period { display: block; font-size: clamp(15px, 1.3vw, 20px); line-height: 1.4; font-weight: 700; color: var(--cp-text); margin-top: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--cp-border); }
.brand-role { display: block; white-space: pre-line; font-size: clamp(13px, 1.2vw, 18px); line-height: 1.4; font-weight: 600; margin-top: 10px; }
.brand-achievement { display: block; margin-top: 16px; font-size: clamp(12px, 1vw, 16px); line-height: 1.5; }
.brand-location { display: block; margin-top: auto; padding-top: 20px; color: var(--cp-cobalt); font-size: 12px; line-height: 1.4; font-weight: 600; }
.brand-marquee.has-open-card .brand-track { animation-play-state: paused; }
@media (max-width: 1200px) {
  .brand-tile.brand-flip { min-height: 360px; }
  .brand-front, .brand-back { padding: 16px; border-width: 5px; }
  .brand-period { font-size: 15px; }
  .brand-role { font-size: 12px; }
  .brand-achievement { font-size: 12px; }
}
html[data-theme="dark"] .brand-tile img { filter: grayscale(1) invert(.9); }
.floating-cv { position: fixed; z-index: 70; left: 50%; bottom: max(32px, env(safe-area-inset-bottom)); transform: translateX(-50%); display: flex; align-items: center; gap: 12px; padding: 4px 24px 4px 4px; border-radius: 999px; background: var(--cp-bg-elevated); color: var(--cp-accent); box-shadow: var(--cp-shadow); font-size: 16px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.floating-cv-avatar { position: relative; display: block; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; background: var(--cp-bg-elevated); }
.floating-cv-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; transition: opacity 180ms ease, transform 180ms ease; }
.floating-cv-avatar > span { position: absolute; inset: 0; display: grid; place-items: center; color: var(--cp-accent); font-size: 30px; opacity: 0; transform: scale(.7); transition: opacity 180ms ease, transform 180ms ease; }
.floating-cv:hover img, .floating-cv:focus-visible img { opacity: 0; transform: scale(.7); }
.floating-cv:hover .floating-cv-avatar > span, .floating-cv:focus-visible .floating-cv-avatar > span { opacity: 1; transform: scale(1); }
.professional-entering .floating-cv { visibility: hidden; }
.section-index { padding-top: 12px; color: var(--cp-text-soft); }
.professional-profile { margin-inline: calc(-1 * clamp(20px, 4vw, 64px)); padding: clamp(48px, 6vw, 96px) clamp(20px, 2vw, 32px); background: var(--cp-profile-bg); color: var(--cp-profile-ink); }
.professional-profile { background: var(--cp-profile-wash); }
.professional-profile #profile-heading { font-size: clamp(15px, 1.3vw, 22px); line-height: 1.4; font-weight: 600; letter-spacing: -.5px; margin: 0 0 24px; }
.professional-statement { font-size: clamp(26px, 4vw, 72px); line-height: 1.1; font-weight: 600; letter-spacing: -.025em; max-width: none; margin: 0; text-wrap: pretty; }
.professional-approach { max-width: 1300px; margin: auto; padding-top: 40px; }
.sales-intro .phase-card-inner { min-height: max(clamp(280px, 35vw, 480px), var(--phase-card-height, 0px)); display: flex; flex-direction: column; justify-content: center; }
.sales-intro h2 { font-size: clamp(16px, 5vw, 74px); line-height: 1.1; font-weight: 600; letter-spacing: -.055em; white-space: nowrap; margin: 0 0 28px; }
.sales-intro h2 em { color: var(--cp-accent); font-style: normal; }
.sales-intro-description { color: var(--cp-text-muted); font-size: clamp(14px, 1.5vw, 22px); line-height: 1.7; margin: 0; }
.sales-phases { display: flex; flex-direction: column; gap: 24px; padding-bottom: 48px; perspective: 1400px; }
.sales-phase { position: relative; border-radius: 16px; }
.phase-card-inner { position: relative; min-height: var(--phase-card-height, 0px); padding: clamp(24px, 3vw, 48px); border: 1px solid var(--cp-border); border-radius: 16px; background: var(--cp-bg-elevated); transform-origin: center top; box-shadow: var(--cp-card-shadow); }
.phase-card-inner { background: var(--cp-card-wash); }
.sales-phase:nth-child(2), .sales-phase:nth-child(4) {
  --cp-text: var(--cp-pearl);
  --cp-text-muted: var(--cp-pearl);
  --cp-accent: var(--cp-pearl);
  --cp-border: color-mix(in srgb, var(--cp-pearl) 28%, transparent);
  color: var(--cp-text);
}
.sales-phase:nth-child(3) {
  --cp-text: var(--cp-void);
  --cp-text-muted: var(--cp-void);
  --cp-accent: var(--cp-void);
  --cp-border: color-mix(in srgb, var(--cp-void) 24%, transparent);
  color: var(--cp-text);
}
.sales-phase:nth-child(2) .phase-card-inner { background: var(--cp-cobalt); }
.sales-phase:nth-child(3) .phase-card-inner { background: var(--cp-amber); }
.sales-phase:nth-child(4) .phase-card-inner { background: var(--cp-void); }
.phase-number { position: absolute; top: 32px; right: 32px; font: 600 clamp(50px, 7vw, 112px)/1 "Segoe UI", Aptos, sans-serif; letter-spacing: -.06em; color: var(--cp-accent); }
.sales-phase .eyebrow { padding-right: 120px; font-size: 10px; letter-spacing: 1px; color: var(--cp-text-muted); }
.sales-phase h3 { max-width: 78%; font-size: clamp(36px, 5.6vw, 88px); font-weight: 600; line-height: 1; letter-spacing: -.025em; margin: 20px 0 40px; }
.sales-phase ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 24px 40px; list-style: none; padding: 0; margin: 0; }
.sales-phase li { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-content: start; gap: 16px; padding-top: 20px; border-top: 1px solid var(--cp-border); color: var(--cp-text-muted); font-size: clamp(15px, 1.1vw, 17px); line-height: 1.7; margin: 0; }
.phase-icon { display: block; width: 24px; height: 24px; fill: none; stroke: var(--cp-text); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.phase-point-copy { min-width: 0; }
.sales-phase strong { display: block; margin-bottom: 8px; color: var(--cp-text); font-size: .95em; font-weight: 600; }
.sales-phases.stack-enabled { gap: 24px; padding-bottom: 24px; }
.stack-enabled .sales-phase { position: sticky; top: var(--stack-top, 30vh); }
.stack-enabled .phase-card-inner { will-change: transform; transform-origin: center; }
.sales-phase:nth-child(2) .phase-outcome { --cp-outcome-bg: var(--cp-pearl); --cp-text: var(--cp-cobalt); }
.sales-phase:nth-child(3) .phase-outcome { --cp-outcome-bg: var(--cp-void); --cp-text: var(--cp-pearl); }
.sales-phase:nth-child(4) .phase-outcome { --cp-outcome-bg: var(--cp-amber); --cp-text: var(--cp-void); }
.sales-phase li.phase-outcome { padding: 20px; border: 0; border-radius: 12px; background: var(--cp-outcome-bg); color: var(--cp-text); font-size: clamp(17px, 1.35vw, 21px); line-height: 1.45; font-weight: 700; }
.phase-outcome strong { margin-bottom: 12px; font-size: clamp(24px, 2.1vw, 32px); line-height: 1.1; letter-spacing: -.025em; font-weight: 750; }
.professional-contact { display: flex; flex-direction: column; min-height: 100svh; margin: 16px calc(-1 * clamp(20px, 4vw, 64px)) -64px; padding: 32px; border: 16px solid var(--cp-fog); border-radius: 28px; background: var(--cp-bg); color: var(--cp-text); }
.professional-contact { position: relative; isolation: isolate; border-radius: 0; background: var(--cp-fog); }
.professional-contact::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 12px; background: var(--cp-pearl-wash); pointer-events: none; }
.contact-meta, .contact-bottom, .floating-cv { color: var(--cp-text); }
.contact-meta, .contact-bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; font-size: clamp(13px, 1.5vw, 24px); font-weight: 600; }
.professional-contact h2 { text-align: center; font-size: clamp(32px, 6vw, 72px); line-height: .85; letter-spacing: -.025em; font-weight: 600; margin: 36px 0; }
.professional-contact h2 > span { color: var(--cp-text); }
.contact-playground { position: relative; container-type: inline-size; --contact-pill-height: min(30%, 12.8cqw); flex: 1 0 auto; height: clamp(300px, calc(100svh - 360px), 640px); overflow: hidden; }
.contact-piece { position: absolute; display: grid; place-items: center; height: var(--contact-pill-height); padding: 0 .3em; border-radius: 999px; text-decoration: none; font-size: 7.4cqw; font-weight: 600; line-height: 1; letter-spacing: -.055em; white-space: nowrap; transform: rotate(var(--piece-angle, 0deg)); transition: filter 180ms ease; }
.contact-piece:hover, .contact-piece:focus-visible { filter: brightness(.9); }
.contact-animation-ready:not(.contact-in-view) .contact-piece { opacity: 0; }
.contact-animation-ready:focus-within .contact-piece { opacity: 1; }
.contact-reach { bottom: calc(2 * var(--contact-pill-height)); left: 37%; width: 41.5%; background: var(--cp-highlight); color: var(--cp-text); }
.contact-chat { bottom: var(--contact-pill-height); left: 44.5%; width: 39%; background: var(--cp-amber); color: var(--cp-void); }
.contact-message { bottom: 0; left: 17.5%; width: 61%; background: var(--cp-void); color: var(--cp-pearl); }
.contact-hi { bottom: var(--contact-pill-height); left: 14%; width: 30.5%; background: var(--cp-border); color: var(--cp-text); }
.contact-linkedin { bottom: 0; left: 0; width: 17%; height: auto; aspect-ratio: 1; padding: 0; background: var(--cp-cobalt); color: var(--cp-pearl); font-size: 10cqw; }
.contact-linkedin > span { font-weight: 750; }
.contact-mail { bottom: 0; right: 0; width: 17%; height: auto; aspect-ratio: 1; padding: 0; background: var(--cp-amber); color: var(--cp-void); }
.contact-mail svg { width: 80%; fill: none; stroke: currentColor; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; transform: rotate(-6deg); }
.physics-running .contact-piece { top: 0; left: 0; right: auto; bottom: auto; will-change: transform; }
.contact-bottom { margin-top: 44px; padding-bottom: 12px; }
.contact-bottom a { color: inherit; text-decoration: none; }
.contact-roll { display: block; height: 1.4em; overflow: hidden; }
.contact-roll > span { display: block; line-height: 1.4; transition: transform 220ms cubic-bezier(.2,.8,.2,1.2); }
.contact-roll:hover > span, .contact-roll:focus-visible > span { transform: translateY(-100%); }
@media (max-width: 700px) {
  .professional-contact { padding: 20px 12px; border-width: 8px; }
  .professional-contact h2 { margin: 36px 0 24px; }
  .contact-playground { --contact-pill-height: 20cqw; flex: 0 0 auto; height: auto; aspect-ratio: 5 / 6; margin-block: auto; }
  .contact-piece { font-size: 10cqw; }
  .contact-reach { left: 36%; width: 64%; bottom: 66cqw; }
  .contact-hi { left: 2%; width: 44%; bottom: 44cqw; --piece-angle: -10deg; }
  .contact-chat { left: 38%; width: 62%; bottom: 22cqw; }
  .contact-message { left: 0; width: 100%; }
  .contact-linkedin { left: 2%; bottom: 68cqw; width: 25%; font-size: 16cqw; }
  .contact-mail { right: 2%; bottom: 44cqw; width: 25%; }
  .contact-bottom { gap: 10px; font-size: 12px; margin-top: 24px; padding-bottom: 88px; }
  .contact-bottom a { display: inline-flex; align-items: center; min-height: 44px; }
  .contact-bottom .contact-roll { display: block; height: 44px; }
  .contact-bottom .contact-roll > span { line-height: 44px; }
}
@keyframes brand-roll { to { transform: translateX(-50%); } }
@media (max-width: 1000px) {
  .contact-bottom { padding-bottom: 88px; }
  .contact-playground { height: clamp(260px, calc(100svh - 440px), 600px); }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .contact-bottom a { min-height: 44px; }
}
@media (max-width: 700px) {
  .professional-tagline { gap: 10px; }
  .professional-star { width: 22px; height: 22px; }
  .professional-tagline em { margin-top: 0; }
  .contact-playground { height: auto; }
  .professional-brands { margin-top: 32px; }
  .brand-tile.brand-flip { min-height: 420px; }
  .brand-role, .brand-achievement { font-size: 13px; }
  .brand-links { gap: 0; }
  .brand-links a { display: inline-flex; align-items: center; min-height: 44px; }
  .floating-cv { gap: 8px; padding-right: 16px; }
  .floating-cv-avatar { width: 48px; height: 48px; }
  .sales-phase ul { grid-template-columns: 1fr; grid-auto-rows: auto; gap: 24px; }
  .phase-card-inner { padding: 28px 20px; }
  .phase-number { top: 26px; right: 20px; font-size: 44px; }
  .sales-phase h3 { font-size: 38px; max-width: 75%; margin-bottom: 28px; }
  .sales-intro h2 { font-size: clamp(24px, 7vw, 38px); white-space: normal; }
  .sales-phase .eyebrow { padding-right: 72px; font-size: 8px; }
}
@media (max-width: 767.98px) {
  .phase-outcome.outcome-locked > .phase-icon,
  .phase-outcome.outcome-locked > .phase-point-copy { display: none; }
  .phase-outcome.outcome-locked .outcome-unlock { display: grid; grid-column: 1 / -1; width: 100%; gap: 12px; text-align: center; font-size: 14px; font-weight: 600; }
  .outcome-unlock input {
    appearance: none; -webkit-appearance: none; width: 100%; height: 52px; margin: 0;
    border: 1px solid currentColor; border-radius: 999px;
    background: color-mix(in srgb, var(--cp-text) 12%, var(--cp-outcome-bg));
    color: var(--cp-text); cursor: grab; touch-action: pan-y;
  }
  .outcome-unlock input::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 48px; height: 48px; border: 5px solid var(--cp-outcome-bg); border-radius: 50%; background: var(--cp-text); }
  .outcome-unlock input::-moz-range-thumb { width: 38px; height: 38px; border: 5px solid var(--cp-outcome-bg); border-radius: 50%; background: var(--cp-text); }
  .outcome-unlock input:active { cursor: grabbing; }
  html { background-color: var(--cp-browser-bg, var(--cp-bg)); }
  body { min-height: 100svh; }
  body:not(:has(#professional:not([hidden]))) { padding-top: env(safe-area-inset-top, 0px); }
  .site-footer { padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px)); }
  html:has(#professional:not([hidden])) {
    --cp-mobile-hero: color-mix(in srgb, var(--cp-hero-bg) 92%, var(--cp-cobalt));
    background-color: var(--cp-browser-bg, var(--cp-mobile-hero));
  }
  .professional-hero, .professional-entrance-backdrop { background: var(--cp-mobile-hero); }
  .professional-hero {
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 20px;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: calc(40px + env(safe-area-inset-bottom, 0px));
  }
  .professional-header #professional-title { margin: 8px 0 0; font-size: 17vw; line-height: .92; white-space: normal; text-align: center; }
  .professional-header { grid-row: 1; }
  .professional-name-part { display: block; white-space: nowrap; }
  .mobile-turn-hint { display: block; margin: 0; color: var(--cp-cobalt); text-align: center; font: 400 26px/1.2 "Reenie Beanie", "Segoe Print", cursive; }
  .professional-hero > .professional-tagline { grid-row: 2; display: flex; flex-direction: column; gap: 4px; padding-inline: 16px; text-align: center; }
  .professional-hero > .professional-tagline em { text-align: center; }
  .professional-hero > .professional-tagline .professional-star { position: static; transform: none; width: 18px; height: 18px; order: 1; margin-top: 16px; }
  .professional-brands { grid-row: 3; align-self: start; margin-block: 0; padding-top: 0; min-width: 0; }
  .brand-marquee { padding-block: 12px; }
  .brand-marquee { overflow: visible; padding-inline: 16px; }
  .brand-track, .brand-track.is-ready { display: block; width: 100%; animation: none; transform: none; }
  .brand-run { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; padding: 0; }
  .brand-run[aria-hidden="true"] { display: none; }
  .brand-tile, .brand-tile.brand-flip { width: 100%; height: auto; min-height: 0; aspect-ratio: 1; }
  .brand-tile img { height: 72px; }
  .brand-flip.is-hovered, .brand-flip.before-hover, .brand-flip.after-hover { transform: none; }
  .brand-turn-hint { display: none; }
  .brand-flip.is-flipped { grid-column: 1 / -1; aspect-ratio: auto; height: clamp(360px, 60svh, 480px); }
  .brand-flip.is-flipped .brand-back { padding: 24px; }
  .brand-flip.is-flipped .brand-period { font-size: 17px; }
  .brand-flip.is-flipped .brand-role, .brand-flip.is-flipped .brand-achievement { font-size: 16px; }
  .brand-flip.is-flipped .brand-location, .brand-flip.is-flipped .brand-links { font-size: 14px; }
  .floating-cv { bottom: max(24px, env(safe-area-inset-bottom, 0px)); }
  .sales-intro .phase-card-inner { min-height: 0; padding-block: 40px; }
  .sales-intro h2 { margin-bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-flip { transition: none; }
  .brand-flip.is-hovered, .brand-flip.before-hover, .brand-flip.after-hover { transform: none; }
  .brand-flip-inner { transition: none; }
  .sales-phases.stack-enabled { padding-bottom: 24px; }
  .contact-animation-ready:not(.contact-in-view) .contact-piece { opacity: 1; }
  .stack-enabled .sales-phase { position: relative; top: auto; }
  .stack-enabled .phase-card-inner { transform: none !important; }
  .brand-track.is-ready { animation: none; }
  .brand-track > .brand-run[aria-hidden="true"] { display: none; }
  .brand-marquee { overflow-x: auto; }
}