:root {
  --red-300: #FF8A95;
  --red-400: #FF5A6A;
  --red-500: #D9001A;
  --red-550: #C40018;
  --red-600: #B80016;
  --red-700: #8F0011;
  --red-glow: rgba(217, 0, 26, 0.45);
  --red-tint: rgba(217, 0, 26, 0.08);
  --steel-0:   #FFFFFF;
  --steel-25:  #F8F9FA;
  --steel-50:  #F3F4F6;
  --steel-100: #ECEEF1;
  --steel-150: #E6E8EB;
  --steel-200: #DADDE2;
  --steel-300: #CDD1D6;
  --steel-400: #AEB4BC;
  --steel-500: #8A9099;
  --steel-600: #62686F;
  --steel-700: #4A4F57;
  --steel-800: #2E3238;
  --graphite-600: #3A3F45;
  --graphite-700: #2A2E33;
  --graphite-800: #1F2226;
  --graphite-850: #1A1D21;
  --graphite-900: #15171A;
  --graphite-950: #0F1113;
  --color-bg:            var(--steel-50);
  --color-bg-raised:     var(--steel-0);
  --color-surface:       var(--steel-0);
  --color-surface-2:     var(--steel-100);
  --color-surface-3:     var(--steel-150);
  --color-surface-dark:  var(--graphite-900);
  --color-surface-dark-2:var(--graphite-800);
  --color-text:          var(--graphite-900);
  --color-text-muted:    var(--steel-700);
  --color-text-subtle:   var(--steel-600);
  --color-text-ghost:    #7D838C;
  --color-text-inverse:  var(--steel-50);
  --color-text-inverse-muted:  var(--steel-400);
  --color-text-inverse-subtle: var(--steel-500);
  --color-accent:        var(--red-500);
  --color-accent-text:   var(--red-600);
  --color-accent-on-dark:var(--red-400);
  --color-accent-hover:  var(--red-550);
  --color-accent-active: var(--red-700);
  --color-on-accent:     #FFFFFF;
  --color-border:        rgba(21, 23, 26, 0.10);
  --color-border-strong: rgba(21, 23, 26, 0.18);
  --color-border-hair:   rgba(21, 23, 26, 0.06);
  --color-border-inverse:rgba(255, 255, 255, 0.14);
  --color-divider:       rgba(21, 23, 26, 0.12);
  --color-focus:         var(--red-600);
  --color-focus-on-dark: #FFFFFF;
  --color-success:       #1F7A4D;
  --color-warning:       #7A4E00;
  --color-placeholder:   #7A4E00;
  --color-placeholder-bg:#FFF4DC;
  --color-hinweis:          var(--steel-700);
  --color-hinweis-border:   var(--steel-500);
  --color-overlay:       rgba(15, 17, 19, 0.28);
  --color-scrim-photo:   linear-gradient(180deg, rgba(15,17,19,0) 35%, rgba(15,17,19,.62) 100%);
  --metal-base:  linear-gradient(180deg, #F7F8F9 0%, #ECEEF1 42%, #DFE2E6 100%);
  --metal-sheen: linear-gradient(112deg, rgba(255,255,255,0) 28%, rgba(255,255,255,.7) 46%, rgba(255,255,255,0) 64%);
  --metal-hairline: repeating-linear-gradient(0deg, rgba(255,255,255,.28) 0 1px, rgba(21,23,26,.016) 1px 2px, rgba(255,255,255,0) 2px 3px);
  --surface-metal: var(--metal-sheen), var(--metal-hairline), var(--metal-base);
  --surface-plate: radial-gradient(120% 95% at 50% 18%, #FFFFFF 0%, #F2F3F5 36%, #E1E4E8 70%, #CDD1D6 100%);
  --surface-plate-floor: radial-gradient(50% 50% at 50% 50%, rgba(21,23,26,.28) 0%, rgba(21,23,26,.10) 45%, rgba(21,23,26,0) 72%);
  --studio-wall-top:    #FCFCFD;
  --studio-wall:        #EEF0F3;
  --studio-wall-low:    #E3E6EA;
  --studio-cove:        #DCE0E5;
  --studio-floor-lit:   #EDEFF2;
  --studio-floor:       #E5E8EB;
  --studio-floor-front: #CDD2D8;
  --studio-floor-deep:  #C6CBD2;
  --surface-studio-wall:
    radial-gradient(46% 34% at 50% -6%, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, 0) 100%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .34) 0 1px, rgba(21, 23, 26, .014) 1px 2px, rgba(255, 255, 255, 0) 2px 4px),
    linear-gradient(104deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .5) 47%, rgba(255, 255, 255, 0) 62%),
    linear-gradient(180deg, var(--studio-wall-top) 0%, var(--studio-wall) 45%, var(--studio-wall-low) 100%);
  --surface-studio-floor:
    radial-gradient(34% 16% at 50% 9%, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(180deg, rgba(21, 23, 26, .05) 0, var(--studio-cove) 0.6%, var(--studio-floor-lit) 5%, var(--studio-floor) 18%, var(--studio-floor-front) 40%, var(--studio-floor-deep) 100%);
  --studio-shadow-amb:  rgba(21, 23, 26, .20);
  --studio-shadow-core: rgba(21, 23, 26, .42);
  --surface-graphite: radial-gradient(90% 70% at 70% 0%, rgba(255,255,255,.07) 0%, rgba(255,255,255,0) 60%), linear-gradient(165deg, #24282D 0%, #17191C 58%, #0F1113 100%);
  --metal-hairline-dark: repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, rgba(0,0,0,0) 1px 3px);
  --ink-metal: linear-gradient(180deg, #FFFFFF 0%, #DDE1E6 38%, #9AA1AA 62%, #E9ECEF 100%);
  --ink-metal-dark: linear-gradient(180deg, #4A4F57 0%, #15171A 100%);
  --redline: linear-gradient(90deg, rgba(217,0,26,0) 0%, #D9001A 18%, #FF3347 50%, #D9001A 82%, rgba(217,0,26,0) 100%);
  --redline-solid: #D9001A;
  --redline-glow: 0 0 12px rgba(255, 51, 71, .55), 0 0 2px rgba(255, 51, 71, .9);
  --stage-spot:     rgba(214, 224, 238, 0.20);
  --stage-spot-mid: rgba(214, 224, 238, 0.06);
  --stage-rim:      rgba(196, 210, 228, 0.15);
  --stage-rim-mid:  rgba(196, 210, 228, 0.05);
  --stage-floor:    rgba(196, 210, 228, 0.09);
  --stage-wall:     linear-gradient(180deg, #23272C 0%, #1A1D21 100%);
  --stage-ground:   linear-gradient(180deg, #0F1113 0%, #15171A 38%, #121417 100%);
  --taillight:      linear-gradient(90deg, rgba(217,0,26,0) 0%, rgba(255,51,71,.85) 16%, #FF3347 50%, rgba(255,51,71,.85) 84%, rgba(217,0,26,0) 100%);
  --taillight-glow: 0 0 10px rgba(255, 51, 71, .55), 0 0 28px rgba(255, 30, 52, .22);
  --stamp-ink:          var(--red-600);
  --stamp-ink-on-dark:  var(--red-400);
  --archive-paper:      #F2ECDF;
  --archive-paper-2:    #E9E1D1;
  --archive-ink:        #3B342C;
  --archive-corner:     rgba(21, 23, 26, .82);
  --pattern-prism: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='24' viewBox='0 0 28 24'%3E%3Cg fill='none' stroke='%2315171A' stroke-opacity='0.08' stroke-width='0.7' stroke-linejoin='round'%3E%3Cpath d='M7.3 0.81L7.79 0.86L7.81 2.99L9.85 1.65L10.25 1.94L9.21 3.79L11.65 3.66L11.84 4.11L10.01 5.19L12.19 6.3L12.14 6.79L10.01 6.81L11.35 8.85L11.06 9.25L9.21 8.21L9.34 10.65L8.89 10.84L7.81 9.01L6.7 11.19L6.21 11.14L6.19 9.01L4.15 10.35L3.75 10.06L4.79 8.21L2.35 8.34L2.16 7.89L3.99 6.81L1.81 5.7L1.86 5.21L3.99 5.19L2.65 3.15L2.94 2.75L4.79 3.79L4.66 1.35L5.11 1.16L6.19 2.99Z'/%3E%3Ccircle cx='7' cy='6' r='2.6' fill='%2315171A' fill-opacity='0.03'/%3E%3Cpath d='M22.2 12.94L22.67 13.07L22.32 15.17L24.57 14.22L24.91 14.57L23.56 16.21L25.98 16.51L26.1 16.98L24.11 17.73L26.06 19.2L25.93 19.67L23.83 19.32L24.78 21.57L24.43 21.91L22.79 20.56L22.49 22.98L22.02 23.1L21.27 21.11L19.8 23.06L19.33 22.93L19.68 20.83L17.43 21.78L17.09 21.43L18.44 19.79L16.02 19.49L15.9 19.02L17.89 18.27L15.94 16.8L16.07 16.33L18.17 16.68L17.22 14.43L17.57 14.09L19.21 15.44L19.51 13.02L19.98 12.9L20.73 14.89Z'/%3E%3Ccircle cx='21' cy='18' r='2.6' fill='%2315171A' fill-opacity='0.03'/%3E%3C/g%3E%3C/svg%3E");
  --pattern-prism-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='24' viewBox='0 0 28 24'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-opacity='0.055' stroke-width='0.7' stroke-linejoin='round'%3E%3Cpath d='M7.3 0.81L7.79 0.86L7.81 2.99L9.85 1.65L10.25 1.94L9.21 3.79L11.65 3.66L11.84 4.11L10.01 5.19L12.19 6.3L12.14 6.79L10.01 6.81L11.35 8.85L11.06 9.25L9.21 8.21L9.34 10.65L8.89 10.84L7.81 9.01L6.7 11.19L6.21 11.14L6.19 9.01L4.15 10.35L3.75 10.06L4.79 8.21L2.35 8.34L2.16 7.89L3.99 6.81L1.81 5.7L1.86 5.21L3.99 5.19L2.65 3.15L2.94 2.75L4.79 3.79L4.66 1.35L5.11 1.16L6.19 2.99Z'/%3E%3Ccircle cx='7' cy='6' r='2.6' fill='%23FFFFFF' fill-opacity='0.02'/%3E%3Cpath d='M22.2 12.94L22.67 13.07L22.32 15.17L24.57 14.22L24.91 14.57L23.56 16.21L25.98 16.51L26.1 16.98L24.11 17.73L26.06 19.2L25.93 19.67L23.83 19.32L24.78 21.57L24.43 21.91L22.79 20.56L22.49 22.98L22.02 23.1L21.27 21.11L19.8 23.06L19.33 22.93L19.68 20.83L17.43 21.78L17.09 21.43L18.44 19.79L16.02 19.49L15.9 19.02L17.89 18.27L15.94 16.8L16.07 16.33L18.17 16.68L17.22 14.43L17.57 14.09L19.21 15.44L19.51 13.02L19.98 12.9L20.73 14.89Z'/%3E%3Ccircle cx='21' cy='18' r='2.6' fill='%23FFFFFF' fill-opacity='0.02'/%3E%3C/g%3E%3C/svg%3E");
  --glass-bg:          rgba(255, 255, 255, 0.55);
  --glass-bg-strong:   rgba(255, 255, 255, 0.72);
  --glass-bg-soft:     rgba(255, 255, 255, 0.38);
  --glass-bg-fallback: rgba(248, 249, 250, 0.94);
  --glass-sheen:       linear-gradient(135deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 42%, rgba(255,255,255,0) 70%, rgba(255,255,255,.18) 100%);
  --glass-border:      rgba(255, 255, 255, 0.72);
  --glass-border-soft: rgba(255, 255, 255, 0.45);
  --glass-inner:       inset 0 1px 0 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(255,255,255,.22);
  --glass-shadow:      0 1px 2px rgba(21,23,26,.05), 0 10px 28px -10px rgba(21,23,26,.16), 0 28px 56px -28px rgba(21,23,26,.22);
  --glass-bg-neutral:     rgba(238, 241, 245, 0.74);
  --glass-border-neutral: rgba(255, 255, 255, 0.75);
  --glass-sheen-neutral:  linear-gradient(135deg, rgba(255,255,255,.6) 0%, rgba(228,234,242,.18) 46%, rgba(206,214,226,.3) 100%);
  --glass-saturate-neutral: 100%;
  --mega-bg:              rgba(246, 247, 249, 0.88);
  --mega-bg-fallback:     rgba(248, 249, 250, 0.98);
  --glass-photo-bg:       rgba(21, 23, 26, 0.36);
  --glass-dark-bg:          rgba(21, 23, 26, 0.42);
  --glass-dark-bg-strong:   rgba(21, 23, 26, 0.64);
  --glass-dark-bg-fallback: rgba(21, 23, 26, 0.86);
  --glass-dark-sheen:  linear-gradient(135deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 45%);
  --glass-dark-border: rgba(255, 255, 255, 0.16);
  --glass-dark-inner:  inset 0 1px 0 0 rgba(255,255,255,.14);
  --blur-xs: 6px;
  --blur-sm: 12px;
  --blur-md: 18px;
  --blur-lg: 24px;
  --blur-xl: 32px;
  --glass-blur:     var(--blur-lg);
  --glass-saturate: 140%;
  --font-display: "Inter Tight", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  --font-book:    "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --fs-mega:      clamp(3.25rem, 0.5rem + 12.2222vw, 11.5rem);
  --fs-display:   clamp(2.75rem, 1.3333rem + 6.2963vw, 7rem);
  --fs-h1:        clamp(2.25rem, 1.4167rem + 3.7037vw, 4.75rem);
  --fs-h2:        clamp(1.875rem, 1.3333rem + 2.4074vw, 3.5rem);
  --fs-h3:        clamp(1.375rem, 1.1667rem + 0.9259vw, 2rem);
  --fs-h4:        clamp(1.125rem, 1.0417rem + 0.3704vw, 1.375rem);
  --fs-statement: clamp(1.375rem, 1rem + 1.6667vw, 2.5rem);
  --fs-lead:      clamp(1.125rem, 1.0417rem + 0.3704vw, 1.375rem);
  --fs-body:      clamp(1rem, 0.9792rem + 0.0926vw, 1.0625rem);
  --fs-small:     0.875rem;
  --fs-label:     clamp(0.75rem, 0.7292rem + 0.0926vw, 0.8125rem);
  --fs-micro:     0.6875rem;
  --fs-num-xl:    clamp(2.5rem, 1.75rem + 3.3333vw, 4.75rem);
  --fs-num-l:     clamp(1.875rem, 1.5rem + 1.6667vw, 3rem);
  --fs-year:      clamp(3.5rem, 1.5rem + 8.8889vw, 9.5rem);
  --lh-tight: 0.96;
  --lh-display: 1.0;
  --lh-heading: 1.08;
  --lh-snug: 1.25;
  --lh-body: 1.6;
  --lh-loose: 1.75;
  --tracking-mega: -0.035em;
  --tracking-display: -0.022em;
  --tracking-h1: -0.02em;
  --tracking-h2: -0.016em;
  --tracking-h3: -0.01em;
  --tracking-num: -0.02em;
  --tracking-body: -0.006em;
  --tracking-label: 0.08em;
  --tracking-caps: 0.12em;
  --fw-thin: 200;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --measure: 68ch;
  --measure-narrow: 52ch;
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 2.5rem;
  --space-9: 3rem;
  --space-10: 4rem;
  --space-11: 5rem;
  --space-12: 6rem;
  --space-13: 8rem;
  --space-14: 10rem;
  --section-y:       clamp(4rem, 2.8333rem + 5.1852vw, 7.5rem);
  --section-y-tight: clamp(3rem, 2rem + 4.4444vw, 6rem);
  --gutter:          clamp(1rem, 0.3333rem + 2.963vw, 3rem);
  --gap:             clamp(1rem, 0.6667rem + 1.4815vw, 2rem);
  --gap-lg:          clamp(1.5rem, 0.6667rem + 3.7037vw, 4rem);
  --card-pad:        clamp(1.25rem, 1rem + 1.1vw, 2rem);
  --container:        82.5rem;
  --container-wide:   100rem;
  --container-narrow: 55rem;
  --container-max:    120rem;
  --header-h:          4rem;
  --header-h-condensed:3.5rem;
  --header-top:        0.75rem;
  --header-offset:     calc(var(--header-h) + var(--header-top) * 2);
  --subnav-h:          3.25rem;
  --tap-min:           2.75rem;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-2xl: 28px;
  --radius-3xl: 36px;
  --radius-pill: 999px;
  --radius-round: 50%;
  --shadow-xs: 0 1px 2px rgba(21,23,26,.06);
  --shadow-sm: 0 1px 2px rgba(21,23,26,.05), 0 2px 8px -2px rgba(21,23,26,.08);
  --shadow-md: 0 1px 2px rgba(21,23,26,.05), 0 8px 20px -6px rgba(21,23,26,.12), 0 20px 40px -24px rgba(21,23,26,.16);
  --shadow-lg: 0 2px 4px rgba(21,23,26,.04), 0 16px 32px -12px rgba(21,23,26,.16), 0 40px 80px -32px rgba(21,23,26,.24);
  --shadow-xl: 0 4px 8px rgba(21,23,26,.04), 0 24px 48px -16px rgba(21,23,26,.20), 0 64px 120px -40px rgba(21,23,26,.30);
  --shadow-inset: inset 0 1px 2px rgba(21,23,26,.08);
  --shadow-red: 0 1px 1px rgba(143,0,17,.25), 0 8px 22px -8px var(--red-glow);
  --shadow-dark-btn: 0 1px 0 rgba(255,255,255,.12) inset, 0 8px 20px -8px rgba(15,17,19,.55);
  --shadow-float: drop-shadow(0 28px 24px rgba(21,23,26,.16)) drop-shadow(0 6px 8px rgba(21,23,26,.12));
  --focus-ring: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-focus);
  --z-below: -1;
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 100;
  --z-backdrop: 280;
  --z-header: 300;
  --z-drawer: 400;
  --z-modal: 500;
  --z-toast: 600;
  --z-skip: 700;
  --dur-instant: 80ms;
  --dur-fast: 140ms;
  --dur-base: 220ms;
  --dur-slow: 360ms;
  --dur-slower: 560ms;
  --dur-reveal: 800ms;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --ease-in: cubic-bezier(.5, 0, .75, 0);
  --ease-spring: cubic-bezier(.34, 1.4, .64, 1);
  --reveal-distance: 24px;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 1ms;
    --dur-base: 1ms;
    --dur-slow: 1ms;
    --dur-slower: 1ms;
    --dur-reveal: 1ms;
    --reveal-distance: 0px;
  }
}
@media (prefers-reduced-transparency: reduce) {
  :root {
    --glass-bg: var(--glass-bg-fallback);
    --glass-bg-strong: var(--glass-bg-fallback);
    --glass-bg-soft: var(--glass-bg-fallback);
    --glass-dark-bg: var(--glass-dark-bg-fallback);
    --glass-dark-bg-strong: var(--glass-dark-bg-fallback);
    --glass-bg-neutral: var(--glass-bg-fallback);
    --glass-photo-bg: var(--glass-dark-bg-fallback);
    --mega-bg: var(--mega-bg-fallback);
    --glass-blur: 0px;
  }
}
@media (forced-colors: active) {
  :root {
    --glass-border: CanvasText;
    --color-border: CanvasText;
  }
}
.theme-dark,
.site-footer__card,
.config-stage {
  --color-bg:            var(--graphite-900);
  --color-bg-raised:     var(--graphite-800);
  --color-text:          var(--steel-50);
  --color-text-muted:    var(--steel-400);
  --color-text-subtle:   var(--steel-500);
  --color-text-ghost:    var(--steel-500);
  --color-accent-text:   var(--red-300);
  --color-surface:       var(--graphite-800);
  --color-surface-2:     var(--graphite-700);
  --color-surface-3:     var(--graphite-600);
  --color-border:        rgba(255, 255, 255, 0.12);
  --color-border-strong: rgba(255, 255, 255, 0.24);
  --color-border-hair:   rgba(255, 255, 255, 0.07);
  --color-divider:       rgba(255, 255, 255, 0.12);
  --color-focus:         var(--color-focus-on-dark);
  --glass-bg:            var(--glass-dark-bg);
  --glass-bg-strong:     var(--glass-dark-bg-strong);
  --glass-bg-fallback:   var(--glass-dark-bg-fallback);
  --glass-sheen:         var(--glass-dark-sheen);
  --glass-border:        var(--glass-dark-border);
  --glass-inner:         var(--glass-dark-inner);
  --focus-ring:          0 0 0 2px var(--graphite-900), 0 0 0 4px #FFFFFF;
  color: var(--color-text);
}
.theme-light {
  --color-bg:            var(--steel-50);
  --color-bg-raised:     var(--steel-0);
  --color-text:          var(--graphite-900);
  --color-text-muted:    var(--steel-700);
  --color-text-subtle:   var(--steel-600);
  --color-text-ghost:    #7D838C;
  --color-accent-text:   var(--red-600);
  --color-surface:       var(--steel-0);
  --color-surface-2:     var(--steel-100);
  --color-surface-3:     var(--steel-150);
  --color-border:        rgba(21, 23, 26, 0.10);
  --color-border-strong: rgba(21, 23, 26, 0.18);
  --color-border-hair:   rgba(21, 23, 26, 0.06);
  --color-divider:       rgba(21, 23, 26, 0.12);
  --color-focus:         var(--red-600);
  --glass-bg:            rgba(255, 255, 255, 0.55);
  --glass-bg-strong:     rgba(255, 255, 255, 0.72);
  --glass-bg-fallback:   rgba(248, 249, 250, 0.94);
  --glass-sheen:         linear-gradient(135deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 42%, rgba(255,255,255,0) 70%, rgba(255,255,255,.18) 100%);
  --glass-border:        rgba(255, 255, 255, 0.72);
  --glass-inner:         inset 0 1px 0 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(255,255,255,.22);
  --focus-ring:          0 0 0 2px var(--steel-50), 0 0 0 4px var(--red-600);
  color: var(--color-text);
}
@media (prefers-reduced-transparency: reduce) {
  .theme-light { --glass-bg: var(--glass-bg-fallback); --glass-bg-strong: var(--glass-bg-fallback); }
}