*{box-sizing:border-box}html{scroll-behavior:smooth}body.frontend-theme{margin:0;min-height:100vh;font-family:var(--theme-typography-body,ui-sans-serif),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--theme-colors-primary,#38bdf8) 20%,transparent),transparent 32%),radial-gradient(circle at 82% 4%,color-mix(in srgb,var(--theme-colors-secondary,#14b8a6) 18%,transparent),transparent 30%),var(--theme-colors-background,#050816);color:var(--theme-colors-text,#f8fafc)}a{color:inherit}.site-header,.site-footer{width:min(var(--theme-spacing-container,1200px),calc(100% - 32px));margin:18px auto;border:1px solid color-mix(in srgb,var(--theme-colors-text,#f8fafc) 12%,transparent);border-radius:calc(var(--theme-radius-card,24px) - 4px);background:color-mix(in srgb,var(--theme-colors-surface,#10172a) 82%,transparent);backdrop-filter:blur(18px);box-shadow:0 24px 80px rgba(0,0,0,.22)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 16px;z-index:10}.site-header.is-sticky{position:sticky;top:12px}.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:950}.site-brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--theme-colors-primary,#38bdf8),var(--theme-colors-secondary,#14b8a6));color:#fff}.site-nav{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.site-nav a{padding:9px 12px;border-radius:999px;text-decoration:none;color:var(--theme-colors-muted,#a5b4fc);font-weight:750}.site-nav a:hover{background:color-mix(in srgb,var(--theme-colors-text,#f8fafc) 8%,transparent);color:var(--theme-colors-text,#f8fafc)}.site-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.site-mini-action{padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--theme-colors-text,#f8fafc) 7%,transparent);color:var(--theme-colors-muted,#a5b4fc);font-size:12px;font-weight:900}.site-cta,.btn-primary,.btn-secondary,.site-nav .nav-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:var(--theme-radius-button,999px);font-weight:900}.site-cta,.btn-primary,.site-nav .nav-button{background:linear-gradient(135deg,var(--theme-colors-primary,#38bdf8),var(--theme-colors-secondary,#14b8a6));color:white!important;padding:11px 16px}.btn-secondary{padding:11px 16px;border:1px solid color-mix(in srgb,var(--theme-colors-text,#f8fafc) 14%,transparent);color:var(--theme-colors-text,#f8fafc);background:color-mix(in srgb,var(--theme-colors-surface,#10172a) 70%,transparent)}.site-main{width:min(var(--theme-spacing-container,1200px),calc(100% - 32px));margin:0 auto}.theme-hero{min-height:580px;display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center;padding:calc(var(--theme-spacing-section,96px) * .75) 0}.theme-hero h1{font-family:var(--theme-typography-heading,ui-sans-serif),system-ui,sans-serif;font-size:clamp(42px,7vw,84px);line-height:.92;margin:10px 0 18px;letter-spacing:-.06em}.theme-hero p,.section-title p,.feature-grid p,.shop-preview p,.site-footer p{color:var(--theme-colors-muted,#a5b4fc);line-height:1.7}.eyebrow{margin:0;color:var(--theme-colors-secondary,#14b8a6)!important;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:950}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.theme-hero-card,.feature-grid article,.product-preview-card{border:1px solid color-mix(in srgb,var(--theme-colors-text,#f8fafc) 12%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-colors-surface,#10172a) 92%,transparent),color-mix(in srgb,var(--theme-colors-surface,#10172a) 72%,transparent));border-radius:var(--theme-radius-card,24px);box-shadow:0 30px 110px color-mix(in srgb,var(--theme-colors-primary,#38bdf8) 14%,transparent)}.theme-hero-card{padding:32px;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.theme-hero-card:before{content:"";position:absolute;inset:24px;border-radius:calc(var(--theme-radius-card,24px) - 8px);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-colors-primary,#38bdf8) 35%,transparent),color-mix(in srgb,var(--theme-colors-secondary,#14b8a6) 20%,transparent));border:1px solid color-mix(in srgb,var(--theme-colors-text,#f8fafc) 12%,transparent)}.theme-hero-card>*{position:relative}.theme-hero-card span,.feature-grid span,.product-preview-card span{color:var(--theme-colors-secondary,#14b8a6);font-weight:900}.theme-hero-card strong{font-size:34px;line-height:1}.feature-section,.shop-preview{padding:calc(var(--theme-spacing-section,96px) * .55) 0}.section-title{max-width:760px;margin-bottom:22px}.section-title h2,.shop-preview h2{font-size:clamp(30px,4vw,52px);line-height:1;margin:8px 0 12px;letter-spacing:-.04em}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-grid article{padding:24px}.feature-grid h3{font-size:24px;margin:12px 0 8px}.shop-preview{display:grid;grid-template-columns:1fr 360px;gap:26px;align-items:center}.product-preview-card{padding:18px}.product-image{height:180px;border-radius:calc(var(--theme-radius-card,24px) - 10px);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-colors-primary,#38bdf8) 34%,transparent),color-mix(in srgb,var(--theme-colors-secondary,#14b8a6) 24%,transparent));margin-bottom:14px}.product-preview-card strong{display:block;font-size:24px;margin:6px 0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;margin-top:60px;margin-bottom:26px}.footer-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--theme-colors-muted,#a5b4fc)}.footer-meta span{padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--theme-colors-text,#f8fafc) 7%,transparent)}.theme-origin .site-header,.theme-origin .site-footer,.theme-origin .theme-hero-card,.theme-origin .feature-grid article,.theme-origin .product-preview-card{box-shadow:0 20px 55px rgba(15,23,42,.08)}.theme-aura .theme-hero h1{letter-spacing:-.07em}.theme-obsidian .site-header,.theme-obsidian .site-footer{border-color:color-mix(in srgb,var(--theme-colors-secondary,#22d3ee) 22%,transparent)}@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column}.theme-hero,.shop-preview{grid-template-columns:1fr;min-height:auto}.feature-grid{grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column}.site-nav{justify-content:flex-start}.site-cta{width:100%}}@media(max-width:560px){.site-main,.site-header,.site-footer{width:min(100% - 20px,var(--theme-spacing-container,1200px))}.theme-hero{padding:58px 0}.theme-hero h1{font-size:42px}.hero-actions a{width:100%}}
/* Phase 2.1.3: footer links are visible, spaced and theme-compatible. */
.site-footer-content{min-width:0}
.footer-links{margin-top:16px}
.footer-link-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.footer-link-list li{margin:0;padding:0;display:flex;align-items:center}
.footer-link-list li:not(:last-child)::after{content:"";width:4px;height:4px;border-radius:999px;margin-left:14px;background:color-mix(in srgb,var(--theme-colors-secondary,#14b8a6) 70%,transparent)}
.footer-link-list a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--theme-colors-text,#f8fafc);font-weight:850;border-radius:999px;padding:8px 10px;background:color-mix(in srgb,var(--theme-colors-text,#f8fafc) 6%,transparent);border:1px solid color-mix(in srgb,var(--theme-colors-text,#f8fafc) 8%,transparent)}
.footer-link-list a:hover{color:#fff;background:linear-gradient(135deg,var(--theme-colors-primary,#38bdf8),var(--theme-colors-secondary,#14b8a6));border-color:transparent;text-decoration:none}
@media(max-width:560px){.footer-link-list{align-items:stretch;flex-direction:column}.footer-link-list li{width:100%}.footer-link-list li:not(:last-child)::after{display:none}.footer-link-list a{width:100%;justify-content:flex-start}}

/* Phase 3.0: simple CMS page rendering */
.cms-page-hero{padding:calc(var(--theme-spacing-section,96px) * .65) 0 calc(var(--theme-spacing-section,96px) * .35);max-width:900px}.cms-page-hero h1{font-size:clamp(40px,6vw,76px);line-height:.95;margin:10px 0 18px;letter-spacing:-.055em}.cms-page-hero p{font-size:clamp(18px,2vw,23px);color:var(--theme-colors-muted,#a5b4fc);line-height:1.65}.cms-page-content{max-width:860px;margin:0 auto calc(var(--theme-spacing-section,96px) * .75);border:1px solid color-mix(in srgb,var(--theme-colors-text,#f8fafc) 10%,transparent);border-radius:var(--theme-radius-card,24px);background:color-mix(in srgb,var(--theme-colors-surface,#10172a) 78%,transparent);padding:clamp(22px,4vw,42px);box-shadow:0 24px 80px color-mix(in srgb,var(--theme-colors-primary,#38bdf8) 10%,transparent)}.cms-page-content p{font-size:18px;line-height:1.8;color:var(--theme-colors-text,#f8fafc);margin:0 0 18px}.cms-page-content p:last-child{margin-bottom:0}

/* Phase 3.1: published pages */
.cms-page-content{max-width:860px;margin:0 auto 110px;padding:0 24px;color:var(--theme-text, #f5f7fb);line-height:1.85;font-size:1.05rem}.cms-page-content p{margin:0 0 1.15rem}.cms-page-hero{padding-bottom:52px}.cms-page-hero .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--theme-primary, #22d3ee);font-weight:900;font-size:.8rem}

/* Phase 3.2 prepared studio section rendering */
.cms-studio-section {
    max-width: var(--container, 1180px);
    margin: 0 auto 3rem;
    padding: clamp(2rem, 5vw, 4.5rem);
    border: 1px solid color-mix(in srgb, var(--primary, #22d3ee), transparent 72%);
    border-radius: var(--radius-lg, 28px);
    background: linear-gradient(135deg, color-mix(in srgb, var(--surface, #111827), white 3%), color-mix(in srgb, var(--surface, #111827), var(--primary, #22d3ee) 6%));
    box-shadow: 0 24px 80px rgba(0,0,0,.22);
}
.cms-studio-section.cms-layout-split,
.cms-studio-section.cms-studio-image_text {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
    gap: clamp(1.5rem, 4vw, 3.5rem);
    align-items: center;
}
.cms-studio-section.cms-layout-center { text-align: center; max-width: 980px; }
.cms-studio-section.cms-layout-wide { max-width: min(1440px, calc(100vw - 2rem)); }
.cms-studio-section h1 { font-size: clamp(2rem, 5vw, 4.75rem); line-height: .98; margin: .25rem 0 1rem; }
.cms-studio-section p { color: var(--muted, #b8c1d9); font-size: clamp(1rem, 1.45vw, 1.18rem); line-height: 1.75; }
.theme-btn { display:inline-flex; align-items:center; justify-content:center; margin-top:1rem; padding:.85rem 1.15rem; border-radius:999px; background:var(--primary,#22d3ee); color:#061018; font-weight:800; text-decoration:none; }
.cms-section-media { min-height: 240px; border-radius: var(--radius-lg, 28px); overflow:hidden; background: linear-gradient(135deg, color-mix(in srgb, var(--primary,#22d3ee), transparent 20%), color-mix(in srgb, var(--accent,#8b5cf6), transparent 20%)); }
.cms-section-media img { width:100%; height:100%; object-fit:cover; display:block; }
.placeholder-media { min-height: 300px; opacity: .65; }
@media (max-width: 820px) {
    .cms-studio-section.cms-layout-split,
    .cms-studio-section.cms-studio-image_text { grid-template-columns: 1fr; }
}

/* Phase 3.3: Studio Inspector presets and responsive visibility */
.cms-studio-section.cms-width-narrow{max-width:min(860px,calc(100vw - 2rem))}.cms-studio-section.cms-width-standard{max-width:min(var(--theme-spacing-container,1200px),calc(100vw - 2rem))}.cms-studio-section.cms-width-wide{max-width:min(1440px,calc(100vw - 2rem))}.cms-studio-section.cms-width-full{max-width:calc(100vw - 2rem)}.cms-studio-section.cms-space-top-compact{margin-top:1.5rem}.cms-studio-section.cms-space-top-normal{margin-top:3rem}.cms-studio-section.cms-space-top-large{margin-top:5rem}.cms-studio-section.cms-space-bottom-compact{margin-bottom:1.5rem}.cms-studio-section.cms-space-bottom-normal{margin-bottom:3rem}.cms-studio-section.cms-space-bottom-large{margin-bottom:5rem}@media(min-width:1025px){.cms-studio-section.hide-desktop{display:none!important}}@media(min-width:721px) and (max-width:1024px){.cms-studio-section.hide-tablet{display:none!important}}@media(max-width:720px){.cms-studio-section.hide-mobile{display:none!important}.cms-studio-section{padding:clamp(1.25rem,6vw,2rem)}}

/* Phase 3.4 - Studio preview chrome */
.studio-preview-banner {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .7rem 1rem;
  border-bottom: 1px solid rgba(255,255,255,.12);
  background: rgba(7, 10, 24, .88);
  backdrop-filter: blur(14px);
  color: #f7f8ff;
  font-size: .9rem;
}
.studio-preview-banner span {
  color: #22d3ee;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 900;
  font-size: .72rem;
}
.studio-preview-banner strong { font-weight: 900; }
.studio-preview-banner em {
  margin-left: auto;
  padding: .25rem .55rem;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  color: #cbd5ff;
  font-style: normal;
}

/* Phase 3.4.1 - Harden standalone Studio preview rendering */
body.studio-preview-body { background: var(--theme-colors-background,#050816); color: var(--theme-colors-text,#f8fafc); }
.studio-preview-main { padding-top: 18px; }
.studio-preview-body .cms-studio-section:first-child,
.studio-preview-body .cms-page-hero:first-child { margin-top: 28px; }

/* Phase 4.0 safe rich text output */
.cms-rich-text {
  color: inherit;
  line-height: 1.75;
  font-size: clamp(1rem, 1.6vw, 1.08rem);
}
.cms-rich-text > *:first-child { margin-top: 0; }
.cms-rich-text > *:last-child { margin-bottom: 0; }
.cms-rich-text p { margin: 0 0 1rem; }
.cms-rich-text h2,
.cms-rich-text h3,
.cms-rich-text h4 {
  margin: 1.45rem 0 .7rem;
  line-height: 1.15;
  letter-spacing: -.03em;
}
.cms-rich-text h2 { font-size: clamp(1.55rem, 3vw, 2.35rem); }
.cms-rich-text h3 { font-size: clamp(1.25rem, 2.2vw, 1.7rem); }
.cms-rich-text h4 { font-size: clamp(1.05rem, 1.6vw, 1.25rem); }
.cms-rich-text ul,
.cms-rich-text ol { margin: 1rem 0 1.1rem 1.25rem; padding-left: 1rem; }
.cms-rich-text li { margin: .35rem 0; }
.cms-rich-text blockquote {
  margin: 1.35rem 0;
  padding: 1rem 1.2rem;
  border-left: 3px solid var(--theme-primary, #8b5cf6);
  border-radius: 18px;
  background: rgba(255,255,255,.055);
}
.cms-rich-text a {
  color: var(--theme-primary, #8b5cf6);
  font-weight: 800;
  text-decoration: none;
}
.cms-rich-text a:hover { text-decoration: underline; }
.cms-studio-section .cms-rich-text { max-width: 72ch; }
.cms-layout-center .cms-rich-text { margin-left: auto; margin-right: auto; }

/* Phase 4.1 rich content media */
.cms-rich-text figure { margin: 1.2rem 0; }
.cms-rich-text figure img,
.cms-rich-text img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: var(--theme-radius, 22px);
  box-shadow: 0 18px 50px rgba(0,0,0,.22);
}
.cms-rich-text a { color: var(--theme-accent, #22d3ee); font-weight: 800; }

/* Phase 4.1.2 rich media placement */
.cms-rich-text .cms-media {
  margin: 1.35rem 0;
  max-width: 100%;
}
.cms-rich-text .cms-media img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.cms-rich-text .cms-media-align-default img,
.cms-rich-text .cms-media-size-auto img {
  width: auto;
  max-width: 100%;
}
.cms-rich-text .cms-media-align-left {
  float: left;
  max-width: min(45%, 420px);
  margin: .35rem 1.35rem .9rem 0;
}
.cms-rich-text .cms-media-align-right {
  float: right;
  max-width: min(45%, 420px);
  margin: .35rem 0 .9rem 1.35rem;
}
.cms-rich-text .cms-media-align-center { text-align: center; }
.cms-rich-text .cms-media-align-center img { margin-left: auto; margin-right: auto; }
.cms-rich-text .cms-media-align-inline {
  display: inline-block;
  vertical-align: middle;
  margin: .2rem .45rem;
}
.cms-rich-text .cms-media-align-inline img {
  display: inline-block;
  max-height: 12rem;
  width: auto;
}
.cms-rich-text .cms-media::after { content: ""; display: table; clear: both; }
@media (max-width: 760px) {
  .cms-rich-text .cms-media-align-left,
  .cms-rich-text .cms-media-align-right {
    float: none;
    max-width: 100%;
    margin: 1rem 0;
  }
}

/* Phase 4.1.3 rich text formatting + media placement */
.cms-rich-text .cms-text-align-left { text-align: left; }
.cms-rich-text .cms-text-align-center { text-align: center; }
.cms-rich-text .cms-text-align-right { text-align: right; }
.cms-rich-text .cms-text-align-justify { text-align: justify; }
.cms-rich-text .cms-indent-1 { margin-left: clamp(1rem, 4vw, 2.5rem); }
.cms-rich-text .cms-indent-2 { margin-left: clamp(2rem, 7vw, 4rem); }
.cms-rich-text .cms-text-size-small { font-size: .9em; }
.cms-rich-text .cms-text-size-base { font-size: 1em; }
.cms-rich-text .cms-text-size-large { font-size: 1.25em; line-height: 1.55; }
.cms-rich-text .cms-text-size-xl { font-size: clamp(1.45rem, 3vw, 2.35rem); line-height: 1.2; font-weight: 800; }
.cms-rich-text .cms-text-color-default { color: inherit; }
.cms-rich-text .cms-text-color-muted { color: var(--theme-muted, #a8b3cf); }
.cms-rich-text .cms-text-color-accent { color: var(--theme-accent, #22d3ee); }
.cms-rich-text .cms-text-color-strong { color: var(--theme-text, #fff); font-weight: 800; }
.cms-rich-text figure.cms-media { overflow: visible; }
.cms-rich-text figure.cms-media.cms-media-align-left,
.cms-rich-text figure.cms-media.cms-media-align-right { display: block; }
.cms-rich-text figure.cms-media.cms-media-align-left img,
.cms-rich-text figure.cms-media.cms-media-align-right img { width: auto; max-width: 100%; }
.cms-rich-text figure.cms-media.cms-media-size-custom img { width: auto; }
.cms-rich-text::after { content: ""; display: block; clear: both; }

/* Phase 4.3 - Section design controls */
.cms-studio-section{position:relative;overflow:hidden}.cms-studio-section>*{position:relative;z-index:1}.cms-studio-section[style*="--section-custom-max"]{max-width:min(var(--section-custom-max),calc(100vw - 2rem))}.cms-studio-section.cms-bg-color{background:var(--section-bg-color,#111827)}.cms-studio-section.cms-bg-gradient.cms-gradient-aurora{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-colors-primary,#38bdf8) 20%,#111827),color-mix(in srgb,var(--theme-colors-secondary,#14b8a6) 16%,#0b1020))}.cms-studio-section.cms-bg-gradient.cms-gradient-cyber{background:radial-gradient(circle at 15% 5%,rgba(34,211,238,.24),transparent 35%),linear-gradient(135deg,#070b18,#15102c)}.cms-studio-section.cms-bg-gradient.cms-gradient-deep{background:linear-gradient(180deg,#070914,#111827)}.cms-studio-section.cms-bg-gradient.cms-gradient-sunset{background:linear-gradient(135deg,#321026,#7c2d12)}.cms-studio-section.cms-bg-gradient.cms-gradient-mono{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025))}.cms-studio-section.cms-bg-image{background-image:linear-gradient(180deg,rgba(5,8,18,.78),rgba(5,8,18,.72)),var(--section-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat}.cms-studio-section.cms-bg-video{background:rgba(5,8,18,.85)}.cms-section-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.42}.cms-studio-section.cms-bg-video:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,18,.72),rgba(5,8,18,.82));z-index:.5}.cms-width-full{border-radius:0}.cms-width-full.cms-studio-section{max-width:100%;width:100%;margin-left:0;margin-right:0}


/* Phase 4.3.2 - Content width follows section width */
.cms-studio-section{--section-content-max:72ch;}
.cms-studio-section.cms-width-narrow{--section-content-max:68ch;}
.cms-studio-section.cms-width-standard{--section-content-max:78ch;}
.cms-studio-section.cms-width-wide{--section-content-max:min(1120px,100%);}
.cms-studio-section.cms-width-full{--section-content-max:min(1280px,calc(100vw - 4rem));}
.cms-studio-section[style*="--section-custom-max"]{--section-content-max:min(var(--section-custom-max),100%);}
.cms-studio-section .cms-section-copy{width:100%;max-width:var(--section-content-max);}
.cms-studio-section .cms-rich-text{max-width:var(--section-content-max);}
.cms-studio-section.cms-layout-center .cms-section-copy{margin-left:auto;margin-right:auto;}
.cms-studio-section.cms-layout-center .cms-rich-text{margin-left:auto;margin-right:auto;}
.cms-studio-section.cms-layout-split .cms-section-copy,
.cms-studio-section.cms-studio-image_text .cms-section-copy,
.cms-studio-section.cms-layout-split .cms-rich-text,
.cms-studio-section.cms-studio-image_text .cms-rich-text{max-width:100%;}
.cms-studio-section.cms-width-wide:not(.cms-layout-split):not(.cms-studio-image_text),
.cms-studio-section.cms-width-full:not(.cms-layout-split):not(.cms-studio-image_text){display:block;}
.cms-studio-section.cms-width-wide:not(.cms-layout-split):not(.cms-studio-image_text) .cms-section-media,
.cms-studio-section.cms-width-full:not(.cms-layout-split):not(.cms-studio-image_text) .cms-section-media{max-width:var(--section-content-max);margin-top:1.5rem;}

/* Phase 4.8 - richer section render primitives */
.cms-section-items{width:100%;max-width:var(--section-content-max);margin:1.35rem 0 0}
.cms-media-grid,.cms-item-grid{display:grid;gap:1rem;grid-template-columns:repeat(var(--cms-grid-columns,3),minmax(0,1fr))}
.cms-columns-1{--cms-grid-columns:1}.cms-columns-2{--cms-grid-columns:2}.cms-columns-3{--cms-grid-columns:3}.cms-columns-4{--cms-grid-columns:4}.cms-columns-5{--cms-grid-columns:5}.cms-columns-6{--cms-grid-columns:6}
.cms-media-card,.cms-item-card,.cms-faq-item,.cms-source-box{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(8,13,28,.45);box-shadow:0 12px 34px rgba(0,0,0,.18)}
.cms-media-card{overflow:hidden;margin:0;min-height:120px}.cms-media-card img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.cms-item-card{padding:1rem;display:flex;flex-direction:column;gap:.35rem}.cms-item-card strong{color:#fff}.cms-item-card span{color:var(--muted,#b8c1d9)}
.cms-faq-list{display:grid;gap:.75rem}.cms-faq-item{padding:.95rem 1rem}.cms-faq-item summary{cursor:pointer;font-weight:800;color:#fff}.cms-faq-item p{margin:.65rem 0 0}.cms-source-box{padding:1rem}.cms-source-box code{display:block;white-space:pre-wrap;word-break:break-word;color:var(--primary,#22d3ee)}
@media(max-width:900px){.cms-media-grid,.cms-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.cms-media-grid,.cms-item-grid{grid-template-columns:1fr}}

/* Phase 5.2.7 - echte Tabs/Reiter im Frontend und in der Live-Vorschau */
.cms-tabs-list{display:block;margin-top:1.35rem}
.cms-tab-input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;overflow:hidden!important}
.cms-tab-controls{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.85rem}
.cms-tab-label{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.58rem .95rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(15,23,42,.70);color:var(--muted,#b8c1d9);font-weight:900;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.cms-tab-label:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.38);color:#fff}
.cms-tab-panels{position:relative}
.cms-tab-panel{display:none;border:1px solid rgba(34,211,238,.18);border-radius:22px;background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(2,6,18,.62));padding:1.15rem;box-shadow:0 16px 42px rgba(0,0,0,.22)}
.cms-tab-panel strong{display:block;color:#fff;font-size:1.05rem;margin-bottom:.45rem}.cms-tab-panel p{margin:.35rem 0 0;color:var(--muted,#b8c1d9)}.cms-tab-panel small{display:block;margin-top:.6rem;color:var(--primary,#22d3ee);font-weight:800}
.cms-tabs-list .cms-tab-input:nth-of-type(1):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(1),
.cms-tabs-list .cms-tab-input:nth-of-type(2):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(2),
.cms-tabs-list .cms-tab-input:nth-of-type(3):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(3),
.cms-tabs-list .cms-tab-input:nth-of-type(4):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(4),
.cms-tabs-list .cms-tab-input:nth-of-type(5):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(5),
.cms-tabs-list .cms-tab-input:nth-of-type(6):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(6),
.cms-tabs-list .cms-tab-input:nth-of-type(7):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(7),
.cms-tabs-list .cms-tab-input:nth-of-type(8):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(8),
.cms-tabs-list .cms-tab-input:nth-of-type(9):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(9),
.cms-tabs-list .cms-tab-input:nth-of-type(10):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(10),
.cms-tabs-list .cms-tab-input:nth-of-type(11):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(11),
.cms-tabs-list .cms-tab-input:nth-of-type(12):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(12){display:block}
.cms-tabs-list:has(.cms-tab-input:nth-of-type(1):checked) .cms-tab-controls .cms-tab-label:nth-child(1),
.cms-tabs-list:has(.cms-tab-input:nth-of-type(2):checked) .cms-tab-controls .cms-tab-label:nth-child(2),
.cms-tabs-list:has(.cms-tab-input:nth-of-type(3):checked) .cms-tab-controls .cms-tab-label:nth-child(3),
.cms-tabs-list:has(.cms-tab-input:nth-of-type(4):checked) .cms-tab-controls .cms-tab-label:nth-child(4),
.cms-tabs-list:has(.cms-tab-input:nth-of-type(5):checked) .cms-tab-controls .cms-tab-label:nth-child(5),
.cms-tabs-list:has(.cms-tab-input:nth-of-type(6):checked) .cms-tab-controls .cms-tab-label:nth-child(6),
.cms-tabs-list:has(.cms-tab-input:nth-of-type(7):checked) .cms-tab-controls .cms-tab-label:nth-child(7),
.cms-tabs-list:has(.cms-tab-input:nth-of-type(8):checked) .cms-tab-controls .cms-tab-label:nth-child(8),
.cms-tabs-list:has(.cms-tab-input:nth-of-type(9):checked) .cms-tab-controls .cms-tab-label:nth-child(9),
.cms-tabs-list:has(.cms-tab-input:nth-of-type(10):checked) .cms-tab-controls .cms-tab-label:nth-child(10),
.cms-tabs-list:has(.cms-tab-input:nth-of-type(11):checked) .cms-tab-controls .cms-tab-label:nth-child(11),
.cms-tabs-list:has(.cms-tab-input:nth-of-type(12):checked) .cms-tab-controls .cms-tab-label:nth-child(12){background:linear-gradient(135deg,var(--primary,#22d3ee),var(--accent,#8b5cf6));border-color:transparent;color:#fff;box-shadow:0 10px 28px rgba(34,211,238,.18)}
@media(max-width:640px){.cms-tab-controls{gap:.4rem}.cms-tab-label{width:100%;justify-content:flex-start}.cms-tab-panel{padding:1rem}}

/* Phase 5.2.8 - funktionale Bereichsausgabe: Galerie, FAQ/Akkordeon, Karten */
.cms-studio-section.cms-studio-faq,
.cms-studio-section.cms-studio-accordion,
.cms-studio-section.cms-studio-tabs,
.cms-studio-section.cms-studio-feature_grid,
.cms-studio-section.cms-studio-pricing,
.cms-studio-section.cms-studio-stats,
.cms-studio-section.cms-studio-steps,
.cms-studio-section.cms-studio-timeline {
  display: block;
}
.cms-studio-section.cms-studio-faq .cms-section-items,
.cms-studio-section.cms-studio-accordion .cms-section-items,
.cms-studio-section.cms-studio-tabs .cms-section-items,
.cms-studio-section.cms-studio-feature_grid .cms-section-items,
.cms-studio-section.cms-studio-pricing .cms-section-items,
.cms-studio-section.cms-studio-stats .cms-section-items,
.cms-studio-section.cms-studio-steps .cms-section-items,
.cms-studio-section.cms-studio-timeline .cms-section-items {
  width: 100%;
  max-width: var(--section-content-max, 100%);
}
.cms-studio-section.cms-width-wide .cms-section-items,
.cms-studio-section.cms-width-full .cms-section-items {
  max-width: 100%;
}
.cms-faq-list {
  width: 100%;
}
.cms-faq-item {
  padding: 1.1rem 1.25rem;
  background: linear-gradient(135deg, rgba(15,23,42,.78), rgba(8,13,28,.58));
  border-color: rgba(34,211,238,.18);
}
.cms-faq-item[open] {
  box-shadow: 0 18px 42px rgba(0,0,0,.22), inset 0 0 0 1px rgba(34,211,238,.08);
}
.cms-faq-item summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.cms-faq-item summary::-webkit-details-marker { display: none; }
.cms-faq-item summary::after {
  content: "+";
  display: inline-grid;
  place-items: center;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 999px;
  background: rgba(34,211,238,.11);
  color: var(--primary,#22d3ee);
}
.cms-faq-item[open] summary::after { content: "–"; }
.cms-gallery-grid {
  align-items: stretch;
}
.cms-gallery-card {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(15,23,42,.78), rgba(8,13,28,.65));
  border-color: rgba(34,211,238,.16);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.cms-gallery-card:hover {
  transform: translateY(-3px);
  border-color: rgba(34,211,238,.38);
  box-shadow: 0 22px 55px rgba(0,0,0,.32);
}
.cms-gallery-thumb {
  position: relative;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  background: rgba(0,0,0,.3);
}
.cms-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .22s ease, filter .22s ease;
}
.cms-gallery-card:hover .cms-gallery-thumb img {
  transform: scale(1.04);
  filter: contrast(1.04) saturate(1.06);
}
.cms-gallery-zoom {
  position: absolute;
  right: .75rem;
  bottom: .75rem;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease;
  padding: .48rem .7rem;
  border-radius: 999px;
  background: rgba(5,8,18,.78);
  color: #fff;
  font-size: .82rem;
  font-weight: 900;
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.14);
}
.cms-gallery-card:hover .cms-gallery-zoom { opacity: 1; transform: translateY(0); }
.cms-gallery-card figcaption {
  padding: .9rem 1rem 1rem;
  margin: 0;
}
.cms-gallery-card figcaption strong { color: #fff; }
.cms-gallery-card figcaption span { color: var(--muted,#b8c1d9); }
.cms-gallery-link {
  display: inline-flex;
  margin-top: .65rem;
  color: var(--primary,#22d3ee);
  font-weight: 800;
  text-decoration: none;
}
.cms-gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  place-items: center;
  padding: clamp(1rem, 4vw, 3rem);
}
.cms-gallery-lightbox:target { display: grid; }
.cms-gallery-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2,6,23,.82);
  backdrop-filter: blur(16px);
}
.cms-gallery-lightbox-dialog {
  position: relative;
  width: min(1100px, 96vw);
  max-height: 90vh;
  padding: .75rem;
  border-radius: 24px;
  border: 1px solid rgba(34,211,238,.28);
  background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(5,8,18,.96));
  box-shadow: 0 30px 120px rgba(0,0,0,.65);
}
.cms-gallery-lightbox-dialog img {
  display: block;
  width: 100%;
  max-height: 74vh;
  object-fit: contain;
  border-radius: 18px;
  background: #020617;
}
.cms-gallery-lightbox-close {
  position: absolute;
  top: .8rem;
  right: .8rem;
  width: 2.4rem;
  height: 2.4rem;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(5,8,18,.82);
  color: #fff;
  border: 1px solid rgba(255,255,255,.18);
  text-decoration: none;
  font-size: 1.45rem;
  font-weight: 900;
}
.cms-gallery-lightbox-caption {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  padding: .85rem .25rem .15rem;
  color: var(--muted,#b8c1d9);
}
.cms-gallery-lightbox-caption strong { color: #fff; }


/* Phase 5.2.9 - Galerie UX, volle FAQ/Akkordeon-Breite und Karten-Visuals */
.cms-studio-section.cms-studio-faq .cms-section-copy,
.cms-studio-section.cms-studio-accordion .cms-section-copy,
.cms-studio-section.cms-studio-faq .cms-rich-text,
.cms-studio-section.cms-studio-accordion .cms-rich-text,
.cms-studio-section.cms-studio-faq .cms-section-items,
.cms-studio-section.cms-studio-accordion .cms-section-items {
  max-width: 100% !important;
  width: 100% !important;
}
.cms-studio-section.cms-studio-faq .cms-faq-list,
.cms-studio-section.cms-studio-accordion .cms-faq-list {
  width: 100% !important;
  max-width: none !important;
}
.cms-studio-section.cms-studio-faq .cms-faq-item,
.cms-studio-section.cms-studio-accordion .cms-faq-item {
  width: 100% !important;
  box-sizing: border-box;
}
.cms-gallery-card {
  display: flex;
  flex-direction: column;
}
.cms-gallery-card figcaption {
  display: flex;
  flex-direction: column;
  gap: .38rem;
  min-height: 0;
}
.cms-gallery-card figcaption strong {
  display: block;
  font-size: .98rem;
  line-height: 1.25;
}
.cms-gallery-card figcaption span {
  display: block;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.cms-gallery-card.is-hidden-by-loadmore { display: none; }
.cms-gallery-lightbox.is-open { display: grid; }
.cms-gallery-lightbox-backdrop,
.cms-gallery-lightbox-close {
  cursor: pointer;
  appearance: none;
  border: 0;
}
.cms-gallery-load-more {
  margin-top: 1.2rem;
}
.cms-item-card-icon {
  display: inline-grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 16px;
  margin-bottom: .45rem;
  background: linear-gradient(135deg, rgba(34,211,238,.18), rgba(139,92,246,.16));
  color: var(--primary,#22d3ee);
  border: 1px solid rgba(34,211,238,.24);
  font-weight: 950;
  letter-spacing: .03em;
}
.cms-item-card-visual {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 14px;
  margin-bottom: .7rem;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
}

/* Phase 5.2.10 - Galerie Load-more robust */
.cms-gallery-card[hidden],
.cms-gallery-card.is-hidden-by-loadmore {
  display: none !important;
}
.cms-gallery-load-more[hidden],
.cms-gallery-load-more[aria-hidden="true"] {
  display: none !important;
}
.cms-gallery-load-more {
  align-self: center;
  justify-self: center;
}

/* Phase 5.2.11 - Premium gallery cards and robust load-more appearance */
.cms-gallery-grid {
  gap: clamp(1rem, 2vw, 1.35rem);
}
.cms-gallery-card {
  min-height: 0 !important;
  display: block !important;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background:
    radial-gradient(circle at 20% 0%, rgba(34,211,238,.14), transparent 36%),
    linear-gradient(180deg, rgba(15,23,42,.96), rgba(5,8,18,.9));
  border: 1px solid rgba(34,211,238,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 45px rgba(0,0,0,.24);
}
.cms-gallery-card .cms-gallery-thumb {
  border-radius: 20px;
  aspect-ratio: 4 / 3;
}
.cms-gallery-card .cms-gallery-thumb::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 58%;
  background: linear-gradient(180deg, transparent, rgba(2,6,23,.84));
  opacity: .78;
  pointer-events: none;
}
.cms-gallery-card figcaption {
  position: absolute;
  left: .85rem;
  right: .85rem;
  bottom: .85rem;
  z-index: 2;
  display: grid;
  gap: .22rem;
  padding: .72rem .78rem;
  min-height: 0 !important;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(5,8,18,.66), rgba(15,23,42,.44));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 14px 35px rgba(0,0,0,.28);
  backdrop-filter: blur(16px);
}
.cms-gallery-card figcaption strong {
  font-size: .95rem;
  line-height: 1.2;
  color: #fff;
}
.cms-gallery-card figcaption span {
  font-size: .88rem;
  line-height: 1.35;
  color: rgba(226,232,240,.82);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cms-gallery-link {
  width: fit-content;
  margin-top: .25rem !important;
  padding: .38rem .62rem;
  border-radius: 999px;
  background: rgba(34,211,238,.12);
  border: 1px solid rgba(34,211,238,.26);
}
.cms-gallery-card[hidden],
.cms-gallery-card.is-hidden-by-loadmore {
  display: none !important;
}
.cms-gallery-load-more {
  margin: clamp(1.1rem, 2vw, 1.6rem) auto 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-width: 210px;
  box-shadow: 0 14px 34px rgba(34,211,238,.18);
}
.cms-gallery-load-more::after {
  content: "↓";
  font-weight: 950;
}
.cms-gallery-load-more[hidden],
.cms-gallery-load-more[aria-hidden="true"] {
  display: none !important;
}

/* Phase 5.2.12 - Galerie Lightbox stabil, kompaktere Premium-Overlays, robuster Load-more */
.cms-gallery-card .cms-gallery-thumb::after {
  height: 48% !important;
  opacity: .64 !important;
}
.cms-gallery-card figcaption {
  left: .7rem !important;
  right: .7rem !important;
  bottom: .7rem !important;
  padding: .52rem .62rem !important;
  gap: .14rem !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(5,8,18,.56), rgba(15,23,42,.34)) !important;
  max-height: 42% !important;
  overflow: hidden !important;
}
.cms-gallery-card figcaption strong {
  font-size: .86rem !important;
}
.cms-gallery-card figcaption span {
  font-size: .78rem !important;
  -webkit-line-clamp: 1 !important;
}
.cms-gallery-link {
  font-size: .78rem !important;
  padding: .28rem .52rem !important;
  margin-top: .14rem !important;
}
.cms-gallery-card:not(:has(figcaption)) .cms-gallery-thumb::after {
  opacity: 0 !important;
}
.cms-gallery-lightbox,
.cms-gallery-lightbox[hidden] {
  display: none !important;
}
.cms-gallery-lightbox.is-open:not([hidden]) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(.75rem, 3vw, 2.25rem) !important;
  overflow: auto !important;
}
.cms-gallery-lightbox:target {
  display: none !important;
}
.cms-gallery-lightbox.is-open:target:not([hidden]) {
  display: grid !important;
}
.cms-gallery-lightbox-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: rgba(2,6,23,.86) !important;
  backdrop-filter: blur(18px) !important;
}
.cms-gallery-lightbox-dialog {
  position: relative !important;
  z-index: 1 !important;
  width: min(980px, 94vw) !important;
  max-height: min(88vh, 920px) !important;
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  overflow: hidden !important;
}
.cms-gallery-lightbox-dialog img {
  width: 100% !important;
  max-height: calc(88vh - 6rem) !important;
  object-fit: contain !important;
}
.cms-gallery-lightbox-caption {
  padding: .72rem .2rem .05rem !important;
  display: grid !important;
  gap: .18rem !important;
}
.cms-gallery-lightbox-close {
  z-index: 3 !important;
}
html.has-cms-lightbox-open,
html.has-cms-lightbox-open body {
  overflow: hidden !important;
}
.cms-gallery-load-more {
  position: relative !important;
  z-index: 1 !important;
}

/* Phase 5.2.13 - echte Galerie-Lightbox als globales Premium-Overlay */
.cms-gallery-lightbox,
.cms-gallery-lightbox:target,
.cms-gallery-lightbox.is-open,
.cms-gallery-lightbox:not([hidden]) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.mc-gallery-overlay,
.mc-gallery-overlay[hidden] {
  display: none !important;
}
.mc-gallery-overlay.is-open:not([hidden]) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(1rem, 3vw, 2.5rem) !important;
  background:
    radial-gradient(circle at 20% 15%, rgba(34, 211, 238, .18), transparent 30%),
    radial-gradient(circle at 78% 82%, rgba(124, 92, 255, .18), transparent 34%),
    rgba(2, 6, 23, .94) !important;
  backdrop-filter: blur(20px) saturate(120%) !important;
}
.mc-gallery-overlay__backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  border: 0 !important;
  background: transparent !important;
  cursor: zoom-out !important;
}
.mc-gallery-overlay__dialog {
  position: relative !important;
  z-index: 1 !important;
  width: min(1220px, 94vw) !important;
  max-height: min(90vh, 920px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  border: 1px solid rgba(34, 211, 238, .34) !important;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(5, 8, 18, .98)) !important;
  box-shadow:
    0 42px 140px rgba(0,0,0,.78),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 80px rgba(34,211,238,.12) !important;
}
.mc-gallery-overlay:not(.has-info) .mc-gallery-overlay__dialog {
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(1080px, 94vw) !important;
}
.mc-gallery-overlay__imagewrap {
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  place-items: center !important;
  padding: clamp(.8rem, 1.8vw, 1.35rem) !important;
  background:
    radial-gradient(circle at 50% 100%, rgba(34,211,238,.1), transparent 42%),
    #020617 !important;
}
.mc-gallery-overlay__image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: calc(90vh - 3rem) !important;
  object-fit: contain !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 80px rgba(0,0,0,.46) !important;
}
.mc-gallery-overlay__info {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  gap: .65rem !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  background:
    linear-gradient(180deg, rgba(15,23,42,.72), rgba(5,8,18,.98)),
    radial-gradient(circle at 0 0, rgba(124,92,255,.18), transparent 40%) !important;
  border-left: 1px solid rgba(255,255,255,.08) !important;
}
.mc-gallery-overlay__info[hidden] {
  display: none !important;
}
.mc-gallery-overlay__eyebrow {
  margin: 0 !important;
  color: #22d3ee !important;
  font-size: .78rem !important;
  font-weight: 950 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
}
.mc-gallery-overlay__title {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(1.6rem, 2.4vw, 2.65rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em !important;
}
.mc-gallery-overlay__text {
  margin: 0 !important;
  color: rgba(226,232,240,.84) !important;
  font-size: .98rem !important;
  line-height: 1.65 !important;
}
.mc-gallery-overlay__link {
  width: fit-content !important;
  margin-top: .45rem !important;
  padding: .72rem 1rem !important;
  border-radius: 999px !important;
  color: #020617 !important;
  background: linear-gradient(135deg, #7c5cff, #22d3ee) !important;
  border: 0 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  box-shadow: 0 16px 34px rgba(34,211,238,.22) !important;
}
.mc-gallery-overlay__close {
  position: absolute !important;
  top: .9rem !important;
  right: .9rem !important;
  z-index: 5 !important;
  width: 2.45rem !important;
  height: 2.45rem !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(5,8,18,.72) !important;
  color: #fff !important;
  font-size: 1.45rem !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.36) !important;
}
.cms-gallery-card figcaption {
  max-width: min(82%, 360px) !important;
  right: auto !important;
  padding: .46rem .58rem !important;
}
.cms-gallery-card figcaption strong {
  font-size: .8rem !important;
}
.cms-gallery-card figcaption span {
  font-size: .72rem !important;
}
.cms-gallery-link {
  font-size: .72rem !important;
  padding: .22rem .48rem !important;
}
@media (max-width: 900px) {
  .mc-gallery-overlay__dialog {
    grid-template-columns: 1fr !important;
    width: min(720px, 94vw) !important;
  }
  .mc-gallery-overlay__info {
    border-left: 0 !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
    justify-content: flex-start !important;
    padding: 1rem 1.1rem 1.2rem !important;
  }
  .mc-gallery-overlay__image {
    max-height: 58vh !important;
  }
}


/* Phase 5.2.14: Premium card styles for feature/pricing/stats/timeline/steps */
.cms-item-grid{align-items:stretch;}
.cms-item-card{position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;background:linear-gradient(145deg,rgba(12,20,38,.72),rgba(8,13,28,.92));}
.cms-item-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.12),transparent 34%),radial-gradient(circle at 90% 15%,rgba(139,92,246,.11),transparent 32%);opacity:.8;pointer-events:none;}
.cms-item-card>*{position:relative;z-index:1;}
.cms-item-card:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.28);box-shadow:0 20px 48px rgba(0,0,0,.28),0 0 0 1px rgba(34,211,238,.08) inset;}
.cms-item-card em{font-style:normal;display:inline-flex;align-self:flex-start;border:1px solid rgba(34,211,238,.22);background:rgba(34,211,238,.08);color:#67e8f9;border-radius:999px;padding:.32rem .55rem;font-size:.78rem;font-weight:900;letter-spacing:.04em;}
.cms-item-card small{display:inline-flex;align-self:flex-start;margin-top:.25rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:.45rem .7rem;color:#eaf6ff;background:rgba(255,255,255,.06);font-weight:900;}
.cms-display-premium .cms-item-card{min-height:190px;padding:1.2rem;background:linear-gradient(145deg,rgba(16,28,52,.86),rgba(8,12,29,.94));border-color:rgba(34,211,238,.2);}
.cms-display-premium .cms-item-card strong{font-size:1.18rem;line-height:1.15;}
.cms-display-premium .cms-item-card-icon{width:42px;height:42px;box-shadow:0 12px 28px rgba(34,211,238,.13);}
.cms-display-centered .cms-item-card{text-align:center;align-items:center;justify-content:center;}
.cms-display-centered .cms-item-card em,.cms-display-centered .cms-item-card small{align-self:center;}
.cms-display-media-rich .cms-item-card{padding:0;gap:0;}
.cms-display-media-rich .cms-item-card .cms-item-card-visual{width:100%;height:170px;border-radius:18px 18px 0 0;margin:0;object-fit:cover;}
.cms-display-media-rich .cms-item-card .cms-item-card-icon{margin:1rem 1rem 0;}
.cms-display-media-rich .cms-item-card strong,
.cms-display-media-rich .cms-item-card span,
.cms-display-media-rich .cms-item-card em,
.cms-display-media-rich .cms-item-card small{margin-left:1rem;margin-right:1rem;}
.cms-display-media-rich .cms-item-card small{margin-bottom:1rem;}
.cms-display-list .cms-item-grid{grid-template-columns:1fr!important;}
.cms-display-list .cms-item-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;}
.cms-display-list .cms-item-card span{grid-column:2;}
.cms-display-minimal .cms-item-card{background:rgba(255,255,255,.035);box-shadow:none;border-style:dashed;}

/* Phase 5.2.15: echte Bereichs-Renderer für Timeline/Steps und Kartenstil-/Spalten-Fix */
.cms-section-items.cms-item-grid,
.cms-section-items.cms-card-list,
.cms-section-items.cms-steps-list,
.cms-section-items.cms-timeline-list{
  width:100%;
  max-width:100%;
}
.cms-item-grid,
.cms-card-list,
.cms-steps-list{
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(var(--cms-grid-columns,3),minmax(0,1fr)) !important;
}
.cms-columns-1{--cms-grid-columns:1!important;}
.cms-columns-2{--cms-grid-columns:2!important;}
.cms-columns-3{--cms-grid-columns:3!important;}
.cms-columns-4{--cms-grid-columns:4!important;}
.cms-columns-5{--cms-grid-columns:5!important;}
.cms-columns-6{--cms-grid-columns:6!important;}
.cms-display-premium .cms-item-grid,
.cms-display-premium .cms-card-list,
.cms-display-premium .cms-steps-list{gap:1.1rem;}
.cms-display-premium .cms-item-card,
.cms-display-premium .cms-step-card,
.cms-display-premium .cms-timeline-content{
  background:linear-gradient(145deg,rgba(16,31,58,.92),rgba(8,13,30,.96));
  border-color:rgba(34,211,238,.26);
  box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.04);
}
.cms-display-centered .cms-item-card,
.cms-display-centered .cms-step-card{text-align:center;align-items:center;justify-content:center;}
.cms-display-centered .cms-item-card em,
.cms-display-centered .cms-item-card small,
.cms-display-centered .cms-step-card small{align-self:center;}
.cms-display-list .cms-item-grid,
.cms-display-list .cms-card-list,
.cms-display-list .cms-steps-list{grid-template-columns:1fr!important;}
.cms-display-minimal .cms-item-card,
.cms-display-minimal .cms-step-card,
.cms-display-minimal .cms-timeline-content{background:rgba(255,255,255,.035);box-shadow:none;border-style:dashed;}
.cms-step-card{
  position:relative;
  min-height:180px;
  display:flex;
  flex-direction:column;
  gap:.55rem;
  padding:1.15rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(145deg,rgba(12,20,38,.76),rgba(8,13,28,.92));
  overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.cms-step-card:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.32);box-shadow:0 20px 48px rgba(0,0,0,.28);}
.cms-step-number{
  display:inline-flex;
  align-self:flex-start;
  min-width:2.3rem;
  height:2.3rem;
  align-items:center;
  justify-content:center;
  padding:0 .55rem;
  border-radius:999px;
  font-weight:950;
  color:#07111f;
  background:linear-gradient(135deg,var(--primary,#22d3ee),var(--accent,#8b5cf6));
  box-shadow:0 14px 34px rgba(34,211,238,.18);
}
.cms-step-card strong{font-size:1.05rem;color:#fff;line-height:1.2;}
.cms-step-card span:not(.cms-step-number):not(.cms-item-card-icon){color:var(--muted,#b8c1d9);line-height:1.55;}
.cms-step-card small{display:inline-flex;align-self:flex-start;margin-top:auto;border-radius:999px;padding:.45rem .7rem;color:#eaf6ff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);font-weight:900;}
.cms-timeline-list{
  position:relative;
  display:grid;
  gap:1.05rem;
  max-width:100%;
}
.cms-timeline-list::before{
  content:"";
  position:absolute;
  left:1.05rem;
  top:.65rem;
  bottom:.65rem;
  width:2px;
  background:linear-gradient(180deg,rgba(34,211,238,.9),rgba(139,92,246,.35),rgba(34,211,238,.1));
  box-shadow:0 0 18px rgba(34,211,238,.18);
}
.cms-timeline-item{
  position:relative;
  display:grid;
  grid-template-columns:2.15rem minmax(0,1fr);
  gap:.9rem;
  align-items:start;
}
.cms-timeline-dot{
  position:relative;
  z-index:2;
  display:inline-flex;
  min-width:2.15rem;
  height:2.15rem;
  align-items:center;
  justify-content:center;
  padding:0 .42rem;
  border-radius:999px;
  background:linear-gradient(135deg,var(--primary,#22d3ee),var(--accent,#8b5cf6));
  color:#06101e;
  font-weight:950;
  font-size:.78rem;
  box-shadow:0 0 0 7px rgba(34,211,238,.08),0 15px 34px rgba(0,0,0,.25);
}
.cms-timeline-content{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:.45rem;
  padding:1rem 1.1rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(145deg,rgba(12,20,38,.76),rgba(8,13,28,.92));
  box-shadow:0 18px 46px rgba(0,0,0,.22);
}
.cms-timeline-content::before{
  content:"";
  position:absolute;
  left:-8px;
  top:1.02rem;
  width:14px;
  height:14px;
  transform:rotate(45deg);
  border-left:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
  background:inherit;
}
.cms-timeline-content strong{position:relative;z-index:1;color:#fff;font-size:1.05rem;line-height:1.2;}
.cms-timeline-content span{position:relative;z-index:1;color:var(--muted,#b8c1d9);line-height:1.55;}
.cms-timeline-content small{position:relative;z-index:1;display:inline-flex;align-self:flex-start;border-radius:999px;padding:.42rem .68rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);color:#eaf6ff;font-weight:900;}
.cms-timeline-content .cms-item-card-visual{width:100%;max-height:190px;object-fit:cover;border-radius:16px;margin-bottom:.35rem;}
.cms-display-centered .cms-timeline-list::before{left:50%;transform:translateX(-50%);}
.cms-display-centered .cms-timeline-item{grid-template-columns:minmax(0,1fr) 2.15rem minmax(0,1fr);}
.cms-display-centered .cms-timeline-item:nth-child(odd) .cms-timeline-dot{grid-column:2;}
.cms-display-centered .cms-timeline-item:nth-child(odd) .cms-timeline-content{grid-column:1;grid-row:1;text-align:right;}
.cms-display-centered .cms-timeline-item:nth-child(even) .cms-timeline-dot{grid-column:2;}
.cms-display-centered .cms-timeline-item:nth-child(even) .cms-timeline-content{grid-column:3;}
.cms-display-centered .cms-timeline-item:nth-child(odd) .cms-timeline-content::before{left:auto;right:-8px;border-left:0;border-bottom:0;border-right:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);}
.cms-display-list .cms-timeline-list::before{display:none;}
.cms-display-list .cms-timeline-item{grid-template-columns:1fr;}
.cms-display-list .cms-timeline-dot{display:none;}
@media(max-width:1100px){.cms-columns-4,.cms-columns-5,.cms-columns-6{--cms-grid-columns:3!important;}}
@media(max-width:900px){.cms-item-grid,.cms-card-list,.cms-steps-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cms-timeline-list::before{left:1.05rem!important;transform:none!important}.cms-display-centered .cms-timeline-item,.cms-timeline-item{grid-template-columns:2.15rem minmax(0,1fr)!important}.cms-display-centered .cms-timeline-item .cms-timeline-dot{grid-column:1!important}.cms-display-centered .cms-timeline-item .cms-timeline-content{grid-column:2!important;grid-row:auto!important;text-align:left!important}.cms-display-centered .cms-timeline-item .cms-timeline-content::before{left:-8px!important;right:auto!important;border-left:1px solid rgba(255,255,255,.1)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-right:0!important;border-top:0!important}}
@media(max-width:640px){.cms-item-grid,.cms-card-list,.cms-steps-list{grid-template-columns:1fr!important}.cms-timeline-content{padding:.9rem}.cms-step-card{min-height:auto}}


/* Phase 5.2.17: echte Timeline-/Stepper-Optik, volle FAQ-Breite und stabilere 4-Spalten-Karten */
.cms-studio-faq .cms-accordion-list,
.cms-studio-accordion .cms-accordion-list,
.cms-studio-tabs .cms-tabs,
.cms-studio-faq .cms-section-items,
.cms-studio-accordion .cms-section-items {
  width: 100% !important;
  max-width: none !important;
}
.cms-studio-faq .cms-accordion-item,
.cms-studio-accordion .cms-accordion-item {
  width: 100% !important;
}
.cms-section-items.cms-item-grid.cms-columns-4,
.cms-section-items.cms-card-list.cms-columns-4,
.cms-section-items.cms-steps-list.cms-columns-4 {
  --cms-grid-columns: 4 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.cms-section-items.cms-item-grid.cms-columns-5,
.cms-section-items.cms-card-list.cms-columns-5,
.cms-section-items.cms-steps-list.cms-columns-5 {
  --cms-grid-columns: 5 !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.cms-section-items.cms-timeline-list {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.35rem !important;
  width: min(100%, 980px) !important;
  max-width: 100% !important;
  margin: 2rem auto 0 !important;
  padding: .5rem 0 !important;
}
.cms-section-items.cms-timeline-list::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(34,211,238,.05), rgba(34,211,238,.92), rgba(139,92,246,.72), rgba(34,211,238,.08)) !important;
  box-shadow: 0 0 34px rgba(34,211,238,.22) !important;
}
.cms-timeline-item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 70px minmax(0,1fr) !important;
  gap: 0 !important;
  align-items: center !important;
  min-height: 110px !important;
}
.cms-timeline-item:nth-child(odd) .cms-timeline-content { grid-column: 1 !important; justify-self: end !important; margin-right: 1.15rem !important; }
.cms-timeline-item:nth-child(even) .cms-timeline-content { grid-column: 3 !important; justify-self: start !important; margin-left: 1.15rem !important; }
.cms-timeline-rail {
  grid-column: 2 !important;
  grid-row: 1 !important;
  position: relative !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.cms-timeline-dot {
  min-width: 3.05rem !important;
  width: 3.05rem !important;
  height: 3.05rem !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .88rem !important;
  font-weight: 950 !important;
  color: #06101e !important;
  background: radial-gradient(circle at 30% 25%, #fff, var(--primary,#22d3ee) 33%, var(--accent,#8b5cf6) 100%) !important;
  box-shadow: 0 0 0 9px rgba(34,211,238,.09), 0 18px 46px rgba(0,0,0,.34), 0 0 34px rgba(34,211,238,.32) !important;
}
.cms-timeline-content {
  width: min(100%, 420px) !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .55rem !important;
  padding: 1.05rem 1.15rem !important;
  border-radius: 24px !important;
  border: 1px solid rgba(34,211,238,.18) !important;
  background: linear-gradient(145deg, rgba(13,27,50,.91), rgba(8,13,29,.97)) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.035) !important;
  overflow: hidden !important;
}
.cms-timeline-content::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 18px !important;
  height: 18px !important;
  background: inherit !important;
  transform: translateY(-50%) rotate(45deg) !important;
  border: 1px solid rgba(34,211,238,.14) !important;
  z-index: 0 !important;
}
.cms-timeline-item:nth-child(odd) .cms-timeline-content::before { right: -10px !important; left: auto !important; }
.cms-timeline-item:nth-child(even) .cms-timeline-content::before { left: -10px !important; right: auto !important; }
.cms-timeline-content::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 15% 0%, rgba(34,211,238,.16), transparent 34%), radial-gradient(circle at 90% 15%, rgba(139,92,246,.13), transparent 36%) !important;
}
.cms-timeline-content > * { position: relative !important; z-index: 2 !important; }
.cms-timeline-meta-row { display:flex !important; align-items:center !important; gap:.5rem !important; flex-wrap:wrap !important; }
.cms-timeline-date,
.cms-timeline-status {
  display: inline-flex !important;
  width: auto !important;
  align-self: flex-start !important;
  border-radius: 999px !important;
  padding: .36rem .62rem !important;
  font-size: .76rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  color: #06101e !important;
  background: linear-gradient(135deg, var(--primary,#22d3ee), var(--accent,#8b5cf6)) !important;
}
.cms-timeline-status { color:#eaf6ff !important; background: rgba(255,255,255,.075) !important; border:1px solid rgba(255,255,255,.12) !important; }
.cms-timeline-content strong { color:#fff !important; font-size: 1.16rem !important; line-height: 1.18 !important; }
.cms-timeline-content span:not(.cms-timeline-date):not(.cms-timeline-status):not(.cms-item-card-icon) { color: var(--muted,#b8c1d9) !important; line-height: 1.55 !important; }
.cms-timeline-link { display:inline-flex !important; align-self:flex-start !important; border-radius:999px !important; padding:.48rem .72rem !important; background:rgba(34,211,238,.1) !important; border:1px solid rgba(34,211,238,.24) !important; color:#67e8f9 !important; font-weight:900 !important; text-decoration:none !important; }
.cms-display-list .cms-section-items.cms-timeline-list::before { left: 1.5rem !important; transform: none !important; }
.cms-display-list .cms-timeline-item { grid-template-columns: 3.1rem minmax(0,1fr) !important; }
.cms-display-list .cms-timeline-rail { grid-column: 1 !important; }
.cms-display-list .cms-timeline-content { grid-column: 2 !important; justify-self: stretch !important; margin-left: 1rem !important; margin-right: 0 !important; width: 100% !important; }
.cms-display-list .cms-timeline-item .cms-timeline-content::before { left: -10px !important; right: auto !important; }
.cms-display-minimal .cms-timeline-content { background: rgba(255,255,255,.035) !important; box-shadow:none !important; border-style:dashed !important; }
.cms-display-premium .cms-timeline-dot { width:3.3rem !important; height:3.3rem !important; min-width:3.3rem !important; }
.cms-display-premium .cms-timeline-content { border-color: rgba(34,211,238,.28) !important; }
.cms-steps-list { position:relative !important; }
.cms-step-card { min-height: 170px !important; }
@media (max-width: 1240px) {
  .cms-section-items.cms-item-grid.cms-columns-5,
  .cms-section-items.cms-card-list.cms-columns-5,
  .cms-section-items.cms-steps-list.cms-columns-5,
  .cms-section-items.cms-item-grid.cms-columns-6,
  .cms-section-items.cms-card-list.cms-columns-6,
  .cms-section-items.cms-steps-list.cms-columns-6 { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
}
@media (max-width: 900px) {
  .cms-section-items.cms-item-grid.cms-columns-4,
  .cms-section-items.cms-card-list.cms-columns-4,
  .cms-section-items.cms-steps-list.cms-columns-4,
  .cms-section-items.cms-item-grid.cms-columns-5,
  .cms-section-items.cms-card-list.cms-columns-5,
  .cms-section-items.cms-steps-list.cms-columns-5,
  .cms-section-items.cms-item-grid.cms-columns-6,
  .cms-section-items.cms-card-list.cms-columns-6,
  .cms-section-items.cms-steps-list.cms-columns-6 { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .cms-section-items.cms-timeline-list { width:100% !important; margin-top:1.25rem !important; }
  .cms-section-items.cms-timeline-list::before { left:1.55rem !important; transform:none !important; }
  .cms-timeline-item { grid-template-columns:3.1rem minmax(0,1fr) !important; min-height:auto !important; }
  .cms-timeline-rail { grid-column:1 !important; }
  .cms-timeline-item:nth-child(odd) .cms-timeline-content,
  .cms-timeline-item:nth-child(even) .cms-timeline-content { grid-column:2 !important; justify-self:stretch !important; margin-left:1rem !important; margin-right:0 !important; width:100% !important; text-align:left !important; }
  .cms-timeline-item .cms-timeline-content::before { left:-10px !important; right:auto !important; }
}
@media (max-width: 640px) {
  .cms-section-items.cms-item-grid,
  .cms-section-items.cms-card-list,
  .cms-section-items.cms-steps-list { grid-template-columns:1fr !important; }
  .cms-timeline-dot { width:2.6rem !important; height:2.6rem !important; min-width:2.6rem !important; }
}

/* Phase 5.2.18: stabile Premium-Timeline, lange Texte sichtbar, Kartenstil live nutzbar */
.cms-section-items.cms-timeline-list {
  --timeline-rail-x: 1.65rem;
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
  width: 100% !important;
  max-width: 1040px !important;
  margin: 2rem 0 0 !important;
  padding: .25rem 0 .25rem 0 !important;
}
.cms-section-items.cms-timeline-list::before {
  content: "" !important;
  position: absolute !important;
  left: var(--timeline-rail-x) !important;
  top: .4rem !important;
  bottom: .4rem !important;
  width: 3px !important;
  transform: none !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(34,211,238,.08), rgba(34,211,238,.95), rgba(139,92,246,.8), rgba(34,211,238,.12)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.04), 0 0 32px rgba(34,211,238,.24) !important;
}
.cms-timeline-item {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 3.4rem minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 1.05rem !important;
  min-height: 0 !important;
  width: 100% !important;
}
.cms-timeline-rail {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: 1rem !important;
  position: relative !important;
  z-index: 3 !important;
}
.cms-timeline-dot {
  width: 2.55rem !important;
  min-width: 2.55rem !important;
  height: 2.55rem !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .82rem !important;
  font-weight: 950 !important;
  color: #06101e !important;
  background: radial-gradient(circle at 30% 24%, #fff, var(--primary,#22d3ee) 38%, var(--accent,#8b5cf6) 100%) !important;
  box-shadow: 0 0 0 8px rgba(34,211,238,.08), 0 16px 44px rgba(0,0,0,.34), 0 0 24px rgba(34,211,238,.28) !important;
}
.cms-timeline-content,
.cms-timeline-item:nth-child(odd) .cms-timeline-content,
.cms-timeline-item:nth-child(even) .cms-timeline-content {
  grid-column: 2 !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: left !important;
  position: relative !important;
  display: grid !important;
  gap: .65rem !important;
  padding: 1.15rem 1.25rem !important;
  border-radius: 24px !important;
  border: 1px solid rgba(34,211,238,.18) !important;
  background: linear-gradient(145deg, rgba(13,27,50,.9), rgba(8,13,29,.96)) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.035) !important;
  overflow: visible !important;
}
.cms-timeline-content::before,
.cms-timeline-item:nth-child(odd) .cms-timeline-content::before,
.cms-timeline-item:nth-child(even) .cms-timeline-content::before {
  content: "" !important;
  position: absolute !important;
  left: -9px !important;
  right: auto !important;
  top: 1.7rem !important;
  width: 18px !important;
  height: 18px !important;
  transform: rotate(45deg) !important;
  background: inherit !important;
  border-left: 1px solid rgba(34,211,238,.16) !important;
  border-bottom: 1px solid rgba(34,211,238,.16) !important;
  border-right: 0 !important;
  border-top: 0 !important;
  z-index: 0 !important;
}
.cms-timeline-content::after { border-radius: inherit !important; }
.cms-timeline-meta-row { display:flex !important; align-items:center !important; gap:.55rem !important; flex-wrap:wrap !important; }
.cms-timeline-content strong { display:block !important; color:#fff !important; font-size: clamp(1.12rem, 2vw, 1.45rem) !important; line-height:1.15 !important; overflow-wrap:anywhere !important; }
.cms-timeline-content span:not(.cms-timeline-date):not(.cms-timeline-status):not(.cms-item-card-icon) { display:block !important; color: var(--muted,#b8c1d9) !important; line-height:1.65 !important; white-space: normal !important; overflow: visible !important; max-height: none !important; overflow-wrap:anywhere !important; }
.cms-display-centered .cms-section-items.cms-timeline-list { max-width: 1120px !important; margin-left:auto !important; margin-right:auto !important; }
.cms-display-centered .cms-section-items.cms-timeline-list::before { left: 50% !important; transform: translateX(-50%) !important; }
.cms-display-centered .cms-timeline-item { grid-template-columns: minmax(0,1fr) 4.2rem minmax(0,1fr) !important; gap:0 !important; }
.cms-display-centered .cms-timeline-rail { grid-column: 2 !important; justify-content:center !important; }
.cms-display-centered .cms-timeline-item:nth-child(odd) .cms-timeline-content { grid-column:1 !important; margin-right:1.2rem !important; text-align:right !important; }
.cms-display-centered .cms-timeline-item:nth-child(even) .cms-timeline-content { grid-column:3 !important; margin-left:1.2rem !important; }
.cms-display-centered .cms-timeline-item:nth-child(odd) .cms-timeline-content::before { left:auto !important; right:-9px !important; border-left:0 !important; border-bottom:0 !important; border-right:1px solid rgba(34,211,238,.16) !important; border-top:1px solid rgba(34,211,238,.16) !important; }
.cms-display-minimal .cms-timeline-content { background: rgba(255,255,255,.035) !important; box-shadow:none !important; border-style:dashed !important; }
.cms-display-premium .cms-timeline-content { border-color:rgba(34,211,238,.32) !important; box-shadow:0 30px 90px rgba(34,211,238,.08), 0 28px 80px rgba(0,0,0,.34) !important; }
.cms-display-list .cms-section-items.cms-timeline-list::before { left: var(--timeline-rail-x) !important; transform:none !important; }
.cms-display-list .cms-timeline-item { grid-template-columns: 3.4rem minmax(0,1fr) !important; }
.cms-display-list .cms-timeline-rail { grid-column:1 !important; }
.cms-display-list .cms-timeline-content { grid-column:2 !important; }
.cms-section-items.cms-item-grid,
.cms-section-items.cms-card-list,
.cms-section-items.cms-steps-list,
.cms-section-items.cms-faq-list,
.cms-section-items.cms-tabs-list { max-width: 100% !important; }
.cms-rich-text,
.cms-tab-panel,
.cms-faq-item p,
.cms-item-card span,
.cms-step-card span,
.cms-source-box p { overflow: visible !important; max-height: none !important; white-space: normal !important; overflow-wrap: anywhere !important; }
.cms-display-premium .cms-item-card { border-color: rgba(34,211,238,.26) !important; box-shadow: 0 24px 76px rgba(34,211,238,.08), inset 0 0 0 1px rgba(255,255,255,.05) !important; }
.cms-display-centered .cms-item-card { text-align: center !important; align-items: center !important; }
.cms-display-minimal .cms-item-card { background: rgba(255,255,255,.025) !important; box-shadow:none !important; border-style:dashed !important; }
.cms-display-list .cms-item-grid,
.cms-display-list .cms-card-list { grid-template-columns: 1fr !important; }
.cms-display-media-rich .cms-item-card { min-height: 210px !important; }
@media (max-width: 900px) {
  .cms-display-centered .cms-section-items.cms-timeline-list::before { left: var(--timeline-rail-x) !important; transform:none !important; }
  .cms-display-centered .cms-timeline-item,
  .cms-timeline-item { grid-template-columns: 3.4rem minmax(0,1fr) !important; }
  .cms-display-centered .cms-timeline-rail,
  .cms-timeline-rail { grid-column:1 !important; }
  .cms-display-centered .cms-timeline-item:nth-child(odd) .cms-timeline-content,
  .cms-display-centered .cms-timeline-item:nth-child(even) .cms-timeline-content,
  .cms-timeline-content { grid-column:2 !important; margin:0 !important; text-align:left !important; }
  .cms-display-centered .cms-timeline-item:nth-child(odd) .cms-timeline-content::before { left:-9px !important; right:auto !important; border-left:1px solid rgba(34,211,238,.16) !important; border-bottom:1px solid rgba(34,211,238,.16) !important; border-right:0 !important; border-top:0 !important; }
}

/* Phase 5.2.19: Deutlich unterscheidbare Kartenstile für alle Karten-/Timeline-/Step-Bereiche */
.cms-display-standard .cms-item-card,
.cms-display-standard .cms-step-card,
.cms-display-standard .cms-timeline-content{background:linear-gradient(145deg,rgba(13,27,50,.86),rgba(8,13,29,.94)) !important;border-color:rgba(255,255,255,.10) !important;box-shadow:0 20px 60px rgba(0,0,0,.24) !important;}
.cms-display-premium .cms-item-card,
.cms-display-premium .cms-step-card{background:radial-gradient(circle at 12% 0%,rgba(34,211,238,.24),transparent 30%),linear-gradient(145deg,rgba(18,31,61,.95),rgba(9,10,34,.98)) !important;border-color:rgba(34,211,238,.34) !important;box-shadow:0 34px 90px rgba(0,0,0,.36),0 0 0 1px rgba(34,211,238,.08) inset !important;min-height:220px !important;}
.cms-display-premium .cms-item-card::after,
.cms-display-premium .cms-step-card::after{content:"";position:absolute;inset:auto 1rem 1rem 1rem;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.55),transparent);}
.cms-display-premium .cms-item-card strong,
.cms-display-premium .cms-step-card strong{font-size:clamp(1.15rem,1.9vw,1.45rem) !important;letter-spacing:-.025em;}
.cms-display-centered .cms-item-grid,
.cms-display-centered .cms-card-list,
.cms-display-centered .cms-steps-list{justify-items:stretch;}
.cms-display-centered .cms-item-card,
.cms-display-centered .cms-step-card{min-height:210px !important;text-align:center !important;align-items:center !important;justify-content:center !important;background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.20),transparent 38%),linear-gradient(180deg,rgba(13,27,50,.88),rgba(8,13,29,.96)) !important;border-color:rgba(34,211,238,.26) !important;}
.cms-display-media-rich .cms-item-card,
.cms-display-media-rich .cms-step-card{padding:0 !important;overflow:hidden !important;background:rgba(8,13,29,.96) !important;border-color:rgba(255,255,255,.12) !important;}
.cms-display-media-rich .cms-item-card .cms-item-card-visual,
.cms-display-media-rich .cms-step-card .cms-item-card-visual{display:block;width:100%;height:190px;object-fit:cover;border-radius:0;margin:0 0 .9rem 0;}
.cms-display-media-rich .cms-item-card strong,
.cms-display-media-rich .cms-item-card span,
.cms-display-media-rich .cms-item-card em,
.cms-display-media-rich .cms-item-card small,
.cms-display-media-rich .cms-step-card strong,
.cms-display-media-rich .cms-step-card span,
.cms-display-media-rich .cms-step-card small{margin-left:1.05rem !important;margin-right:1.05rem !important;}
.cms-display-media-rich .cms-item-card small,.cms-display-media-rich .cms-step-card small{margin-bottom:1.05rem !important;}
.cms-display-list .cms-item-card,
.cms-display-list .cms-step-card{min-height:auto !important;display:grid !important;grid-template-columns:auto minmax(0,1fr) auto !important;align-items:center !important;gap:1rem !important;padding:1rem 1.1rem !important;background:linear-gradient(90deg,rgba(13,27,50,.92),rgba(8,13,29,.74)) !important;border-left:4px solid var(--theme-colors-secondary,#22d3ee) !important;}
.cms-display-list .cms-item-card strong,.cms-display-list .cms-step-card strong{font-size:1.05rem !important}.cms-display-list .cms-item-card span,.cms-display-list .cms-step-card span{grid-column:2 / -1;}
.cms-display-minimal .cms-item-card,
.cms-display-minimal .cms-step-card{min-height:auto !important;background:transparent !important;border:1px dashed rgba(255,255,255,.16) !important;box-shadow:none !important;padding:1rem !important;}
.cms-display-minimal .cms-item-card::before,.cms-display-minimal .cms-step-card::before{opacity:.25 !important;}
.cms-section-items.cms-item-grid.cms-columns-4,
.cms-section-items.cms-card-list.cms-columns-4,
.cms-section-items.cms-steps-list.cms-columns-4{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
@media(max-width:1200px){.cms-section-items.cms-item-grid.cms-columns-4,.cms-section-items.cms-card-list.cms-columns-4,.cms-section-items.cms-steps-list.cms-columns-4{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:680px){.cms-section-items.cms-item-grid,.cms-section-items.cms-card-list,.cms-section-items.cms-steps-list{grid-template-columns:1fr !important;}}


/* Phase 5.2.20: Kartenstil-Fix - korrekte Klassen, klare Unterschiede und Cache-Busting */
.cms-display-cards .cms-item-card,
.cms-display-cards .cms-step-card,
.cms-display-cards .cms-timeline-content,
.cms-display-standard .cms-item-card,
.cms-display-standard .cms-step-card,
.cms-display-standard .cms-timeline-content{
  background:linear-gradient(145deg,rgba(14,30,54,.92),rgba(7,12,27,.96)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.28) !important;
}
.cms-display-premium .cms-item-card,
.cms-display-premium .cms-step-card,
.cms-display-premium .cms-timeline-content{
  background:
    radial-gradient(circle at 12% 0%,rgba(34,211,238,.30),transparent 34%),
    radial-gradient(circle at 90% 14%,rgba(139,92,246,.26),transparent 38%),
    linear-gradient(145deg,rgba(19,35,70,.96),rgba(9,10,34,.98)) !important;
  border:1px solid rgba(34,211,238,.38) !important;
  box-shadow:0 34px 105px rgba(0,0,0,.42),0 0 0 1px rgba(34,211,238,.10) inset,0 0 48px rgba(34,211,238,.10) !important;
  min-height:220px !important;
}
.cms-display-premium .cms-item-card strong,
.cms-display-premium .cms-step-card strong,
.cms-display-premium .cms-timeline-content strong{
  font-size:clamp(1.18rem,2vw,1.55rem) !important;
  letter-spacing:-.035em !important;
}
.cms-display-centered .cms-item-card,
.cms-display-centered .cms-step-card{
  text-align:center !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:220px !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(34,211,238,.24),transparent 40%),
    linear-gradient(180deg,rgba(15,30,57,.92),rgba(8,13,29,.98)) !important;
  border-color:rgba(34,211,238,.30) !important;
}
.cms-display-media-rich .cms-item-card,
.cms-display-media-rich .cms-step-card{
  padding:0 !important;
  overflow:hidden !important;
  background:rgba(6,10,23,.98) !important;
  border-color:rgba(255,255,255,.16) !important;
}
.cms-display-media-rich .cms-item-card .cms-item-card-visual,
.cms-display-media-rich .cms-step-card .cms-item-card-visual{
  display:block !important;
  width:100% !important;
  height:210px !important;
  object-fit:cover !important;
  border-radius:0 !important;
  margin:0 0 1rem 0 !important;
}
.cms-display-media-rich .cms-item-card > :not(.cms-item-card-visual),
.cms-display-media-rich .cms-step-card > :not(.cms-item-card-visual){
  margin-left:1.1rem !important;
  margin-right:1.1rem !important;
}
.cms-display-list .cms-card-list,
.cms-display-list .cms-item-grid,
.cms-display-list .cms-steps-list{
  grid-template-columns:1fr !important;
}
.cms-display-list .cms-item-card,
.cms-display-list .cms-step-card{
  min-height:auto !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:.85rem 1rem !important;
  padding:1rem 1.15rem !important;
  border-radius:18px !important;
  background:linear-gradient(90deg,rgba(13,27,50,.96),rgba(8,13,29,.72)) !important;
  border-left:5px solid var(--primary,#22d3ee) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.20) !important;
}
.cms-display-list .cms-item-card span,
.cms-display-list .cms-step-card span:not(.cms-step-number){grid-column:2 / -1 !important;}
.cms-display-minimal .cms-item-card,
.cms-display-minimal .cms-step-card,
.cms-display-minimal .cms-timeline-content{
  min-height:auto !important;
  background:rgba(255,255,255,.018) !important;
  border:1px dashed rgba(255,255,255,.20) !important;
  box-shadow:none !important;
  padding:1rem !important;
}
.cms-section-items.cms-item-grid.cms-columns-4,
.cms-section-items.cms-card-list.cms-columns-4,
.cms-section-items.cms-steps-list.cms-columns-4{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
/* Timeline-Stile bewusst unterschiedlich */
.cms-display-cards .cms-timeline-list,
.cms-display-standard .cms-timeline-list,
.cms-display-premium .cms-timeline-list,
.cms-display-media-rich .cms-timeline-list,
.cms-display-list .cms-timeline-list,
.cms-display-minimal .cms-timeline-list{width:min(100%,1040px) !important;}
.cms-display-cards .cms-timeline-list::before,
.cms-display-standard .cms-timeline-list::before,
.cms-display-premium .cms-timeline-list::before,
.cms-display-media-rich .cms-timeline-list::before,
.cms-display-list .cms-timeline-list::before,
.cms-display-minimal .cms-timeline-list::before{
  left:1.55rem !important;transform:none !important;
}
.cms-display-cards .cms-timeline-item,
.cms-display-standard .cms-timeline-item,
.cms-display-premium .cms-timeline-item,
.cms-display-media-rich .cms-timeline-item,
.cms-display-list .cms-timeline-item,
.cms-display-minimal .cms-timeline-item{
  grid-template-columns:3.4rem minmax(0,1fr) !important;min-height:auto !important;
}
.cms-display-cards .cms-timeline-rail,
.cms-display-standard .cms-timeline-rail,
.cms-display-premium .cms-timeline-rail,
.cms-display-media-rich .cms-timeline-rail,
.cms-display-list .cms-timeline-rail,
.cms-display-minimal .cms-timeline-rail{grid-column:1 !important;}
.cms-display-cards .cms-timeline-content,
.cms-display-standard .cms-timeline-content,
.cms-display-premium .cms-timeline-content,
.cms-display-media-rich .cms-timeline-content,
.cms-display-list .cms-timeline-content,
.cms-display-minimal .cms-timeline-content{
  grid-column:2 !important;margin:0 !important;max-width:none !important;width:100% !important;text-align:left !important;
}
.cms-display-centered .cms-timeline-list{width:min(100%,1120px) !important;}
.cms-display-centered .cms-timeline-list::before{left:50% !important;transform:translateX(-50%) !important;}
.cms-display-centered .cms-timeline-item{grid-template-columns:minmax(0,1fr) 4.2rem minmax(0,1fr) !important;}
.cms-display-centered .cms-timeline-rail{grid-column:2 !important;}
.cms-display-centered .cms-timeline-item:nth-child(odd) .cms-timeline-content{grid-column:1 !important;margin-right:1.2rem !important;text-align:right !important;}
.cms-display-centered .cms-timeline-item:nth-child(even) .cms-timeline-content{grid-column:3 !important;margin-left:1.2rem !important;}
.cms-display-list .cms-timeline-list::before{display:none !important;}
.cms-display-list .cms-timeline-rail{display:none !important;}
.cms-display-list .cms-timeline-item{grid-template-columns:1fr !important;}
.cms-display-list .cms-timeline-content{grid-column:1 !important;border-left:5px solid var(--primary,#22d3ee) !important;}
.cms-display-minimal .cms-timeline-list::before{background:rgba(255,255,255,.18) !important;box-shadow:none !important;}
@media(max-width:1200px){
  .cms-section-items.cms-item-grid.cms-columns-4,
  .cms-section-items.cms-card-list.cms-columns-4,
  .cms-section-items.cms-steps-list.cms-columns-4{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:680px){
  .cms-section-items.cms-item-grid,
  .cms-section-items.cms-card-list,
  .cms-section-items.cms-steps-list{grid-template-columns:1fr !important;}
  .cms-display-centered .cms-timeline-list::before{left:1.55rem !important;transform:none !important;}
  .cms-display-centered .cms-timeline-item{grid-template-columns:3.4rem minmax(0,1fr) !important;}
  .cms-display-centered .cms-timeline-rail{grid-column:1 !important;}
  .cms-display-centered .cms-timeline-item:nth-child(odd) .cms-timeline-content,
  .cms-display-centered .cms-timeline-item:nth-child(even) .cms-timeline-content{grid-column:2 !important;margin:0 !important;text-align:left !important;}
}


/* Phase 5.3.6: typgerechte Media-Sections */
.cms-logo-cloud,
.cms-team-grid,
.cms-testimonial-grid { display:grid; gap: clamp(1rem, 2vw, 1.45rem); width: min(100%, var(--section-custom-max, 1180px)); margin: clamp(1rem, 2vw, 1.5rem) auto 0; }
.cms-logo-cloud.cms-columns-1,.cms-team-grid.cms-columns-1,.cms-testimonial-grid.cms-columns-1{grid-template-columns:1fr}
.cms-logo-cloud.cms-columns-2,.cms-team-grid.cms-columns-2,.cms-testimonial-grid.cms-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cms-logo-cloud.cms-columns-3,.cms-team-grid.cms-columns-3,.cms-testimonial-grid.cms-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cms-logo-cloud.cms-columns-4,.cms-team-grid.cms-columns-4,.cms-testimonial-grid.cms-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cms-logo-cloud.cms-columns-5,.cms-team-grid.cms-columns-5,.cms-testimonial-grid.cms-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.cms-logo-cloud.cms-columns-6,.cms-team-grid.cms-columns-6,.cms-testimonial-grid.cms-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.cms-logo-card { min-height: 112px; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:.7rem; padding:1.1rem; text-decoration:none; color:inherit; box-shadow: 0 16px 44px rgba(0,0,0,.18); transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.cms-logo-card:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.28); background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.04)); }
.cms-logo-card img { max-width: min(170px, 78%); max-height: 62px; object-fit: contain; filter: drop-shadow(0 8px 20px rgba(0,0,0,.24)); }
.cms-logo-card span { font-size:.82rem; opacity:.72; }
.cms-team-card { overflow:hidden; border-radius: 28px; background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.035)); border:1px solid rgba(255,255,255,.12); box-shadow: 0 20px 60px rgba(0,0,0,.24); }
.cms-team-card > img { width:100%; aspect-ratio: 4 / 4.4; object-fit:cover; display:block; }
.cms-team-card-body { padding: 1.15rem; display:flex; flex-direction:column; gap:.48rem; }
.cms-team-card-body strong { font-size:1.08rem; }
.cms-team-card-body em { color: var(--theme-accent, #8bd5ff); font-style: normal; font-size:.9rem; }
.cms-team-card-body span { opacity:.78; line-height:1.55; }
.cms-team-card-body .theme-btn { margin-top:.4rem; align-self:flex-start; }
.cms-testimonial-card { position:relative; overflow:hidden; border-radius:28px; padding: clamp(1.2rem, 2.4vw, 1.8rem); min-height: 220px; background: radial-gradient(circle at 15% 0%, rgba(139,213,255,.22), transparent 35%), linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.035)); border:1px solid rgba(255,255,255,.13); box-shadow: 0 24px 70px rgba(0,0,0,.25); display:flex; flex-direction:column; gap:1rem; }
.cms-testimonial-quote { position:absolute; right:1rem; top:-.6rem; font-size:6rem; line-height:1; opacity:.11; font-family: Georgia, serif; }
.cms-testimonial-card p { margin:0; font-size:1.02rem; line-height:1.7; opacity:.9; }
.cms-testimonial-person { display:flex; align-items:center; gap:.8rem; margin-top:auto; }
.cms-testimonial-person img { width:54px; height:54px; border-radius:50%; object-fit:cover; border:1px solid rgba(255,255,255,.2); }
.cms-testimonial-person span { display:flex; flex-direction:column; gap:.15rem; }
.cms-testimonial-person small { opacity:.68; }
.cms-testimonial-link { color: var(--theme-accent, #8bd5ff); font-size:.88rem; text-decoration:none; }
@media (max-width: 980px) { .cms-logo-cloud,.cms-team-grid,.cms-testimonial-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } }
@media (max-width: 620px) { .cms-logo-cloud,.cms-team-grid,.cms-testimonial-grid { grid-template-columns: 1fr !important; } }

/* Phase 5.3.10 - section-typische Medien-/CTA-Renderer */
.cms-video-box,.cms-audio-box,.cms-download-box,.cms-newsletter-box,.cms-contact-box,.cms-map-box{
  width:100%; border:1px solid rgba(34,211,238,.18); border-radius:24px; background:linear-gradient(135deg,rgba(10,18,36,.82),rgba(13,23,48,.55)); box-shadow:0 24px 70px rgba(0,0,0,.28); overflow:hidden;
}
.cms-video-box iframe,.cms-video-box video{display:block;width:100%;aspect-ratio:16/9;border:0;background:#020617;border-radius:22px;overflow:hidden;}
.cms-audio-box,.cms-download-box,.cms-contact-box{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem;flex-wrap:wrap;}
.cms-audio-box audio{width:min(520px,100%);margin-top:.65rem;filter:drop-shadow(0 10px 18px rgba(0,0,0,.22));}
.cms-audio-cover,.cms-download-icon{width:4rem;height:4rem;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary,#22d3ee),var(--secondary,#7c3aed));color:#020617;font-weight:1000;font-size:1.55rem;box-shadow:0 18px 38px rgba(34,211,238,.22);}
.cms-download-box strong,.cms-contact-box strong,.cms-audio-box strong{display:block;color:#fff;font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.1;}
.cms-download-box span:not(.cms-download-icon),.cms-contact-box span,.cms-audio-box span{display:block;color:var(--muted,#b8c1d9);margin-top:.35rem;}
.cms-newsletter-box{display:flex;align-items:end;gap:.85rem;padding:1rem;flex-wrap:wrap;}
.cms-newsletter-box label{flex:1 1 280px;display:grid;gap:.35rem;color:#dbeafe;font-weight:800;}
.cms-newsletter-box input{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(2,6,23,.62);border-radius:16px;color:#fff;padding:.85rem 1rem;}
.cms-newsletter-box small{flex-basis:100%;color:var(--muted,#b8c1d9);}
.cms-map-box iframe{display:block;width:100%;min-height:360px;border:0;border-radius:22px;filter:saturate(.9) contrast(1.05);}
.cms-studio-cta.cms-display-premium .cms-section-copy,.cms-studio-hero.cms-display-premium .cms-section-copy{border:1px solid rgba(34,211,238,.22);background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(124,58,237,.12));box-shadow:0 26px 80px rgba(34,211,238,.10);border-radius:28px;padding:clamp(1.25rem,3vw,2rem);}
.cms-studio-hero.cms-display-centered .cms-section-copy,.cms-studio-cta.cms-display-centered .cms-section-copy{text-align:center;margin-left:auto;margin-right:auto;align-items:center;}
.cms-studio-image_text .cms-section-media img{border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.35);}
@media(max-width:720px){.cms-audio-box,.cms-download-box,.cms-contact-box,.cms-newsletter-box{align-items:stretch}.cms-download-box .theme-btn,.cms-contact-box .theme-btn,.cms-newsletter-box .theme-btn{width:100%;justify-content:center}}

/* Phase 5.3.11 - hochwertigere Basisdarstellung für Hero/CTA/Medienbereiche */
.cms-studio-hero.cms-display-premium .cms-section-copy,
.cms-studio-hero.cms-display-media-rich .cms-section-copy{
  position:relative;overflow:hidden;border-radius:34px;padding:clamp(2rem,5vw,4rem);border:1px solid rgba(34,211,238,.22);
  background:radial-gradient(circle at 18% 0%,rgba(34,211,238,.24),transparent 34%),radial-gradient(circle at 88% 18%,rgba(139,92,246,.24),transparent 38%),rgba(8,13,31,.72);
  box-shadow:0 38px 120px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
}
.cms-studio-hero.cms-display-minimal .cms-section-copy{padding:0;background:transparent;border:0;box-shadow:none;}
.cms-studio-hero.cms-layout-center .cms-section-copy,.cms-studio-hero.cms-display-centered .cms-section-copy{text-align:center;margin-inline:auto;align-items:center;}
.cms-studio-hero.cms-layout-wide .cms-section-copy{max-width:min(980px,100%);}
.cms-studio-cta .cms-section-copy{border-radius:32px;padding:clamp(1.7rem,4vw,3.2rem);border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(139,92,246,.12));box-shadow:0 28px 90px rgba(0,0,0,.32);}
.cms-studio-cta.cms-display-premium .cms-section-copy{background:radial-gradient(circle at 12% 20%,rgba(34,211,238,.32),transparent 32%),linear-gradient(135deg,rgba(78,70,229,.34),rgba(4,120,140,.18));border-color:rgba(34,211,238,.32);}
.cms-studio-cta.cms-display-media-rich .cms-section-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.4rem;}
.cms-video-box,.cms-audio-box,.cms-download-box,.cms-newsletter-box,.cms-contact-box,.cms-map-box{border-radius:30px!important;border:1px solid rgba(34,211,238,.18)!important;background:linear-gradient(150deg,rgba(15,23,42,.9),rgba(8,13,31,.76))!important;box-shadow:0 28px 90px rgba(0,0,0,.28);padding:clamp(1.2rem,2.6vw,2rem)!important;}
.cms-newsletter-box input,.cms-contact-box input{border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.28);color:#fff;padding:.9rem 1rem;}
.cms-download-box .theme-btn,.cms-newsletter-box .theme-btn,.cms-contact-box .theme-btn{box-shadow:0 16px 42px rgba(34,211,238,.22);}

/* Phase 5.3.17 - Section Premium Polish II: Hero, CTA, Team, Logos, Testimonials und Media-Blocks */
.cms-studio-hero{
  position:relative;
  overflow:hidden;
  min-height:clamp(420px,52vw,720px);
  align-items:center;
}
.cms-studio-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 20%,rgba(34,211,238,.16),transparent 28%),
    radial-gradient(circle at 85% 12%,rgba(139,92,246,.18),transparent 34%);
  opacity:.78;
}
.cms-studio-hero > *{position:relative;z-index:1;}
.cms-studio-hero .cms-section-copy{max-width:min(850px,100%);}
.cms-studio-hero .cms-section-media{
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(34,211,238,.18);
  box-shadow:0 34px 110px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06) inset;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
}
.cms-studio-hero .cms-section-media img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block;}
.cms-studio-hero.cms-layout-split,
.cms-studio-hero.cms-display-media-rich{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:clamp(2rem,4vw,4rem);}
.cms-studio-hero.cms-display-minimal{min-height:auto;}
.cms-studio-hero.cms-display-minimal::after{display:none;}
.cms-studio-hero .theme-btn,.cms-studio-cta .theme-btn{margin-top:1.15rem;}
.cms-studio-cta.cms-display-premium{
  background:
    radial-gradient(circle at 20% 0%,rgba(34,211,238,.26),transparent 36%),
    radial-gradient(circle at 100% 30%,rgba(139,92,246,.22),transparent 34%),
    linear-gradient(135deg,rgba(4,11,25,.95),rgba(13,28,51,.88));
}
.cms-studio-cta.cms-display-centered .cms-section-copy{max-width:860px;text-align:center;margin-inline:auto;}
.cms-studio-cta.cms-display-minimal .cms-section-copy{background:transparent!important;border-style:dashed;box-shadow:none;}
.cms-studio-cta.cms-display-list .cms-section-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;text-align:left;}
.cms-logo-cloud{align-items:stretch;}
.cms-logo-card{
  position:relative;
  isolation:isolate;
  min-height:128px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.03)),
    radial-gradient(circle at 20% 0%,rgba(34,211,238,.12),transparent 40%);
}
.cms-logo-card::after{
  content:"";position:absolute;inset:auto 18% 0 18%;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.7),transparent);opacity:.52;
}
.cms-logo-card img{transition:transform .2s ease,filter .2s ease;}
.cms-logo-card:hover img{transform:scale(1.035);filter:drop-shadow(0 12px 24px rgba(34,211,238,.18));}
.cms-team-card{
  position:relative;
  isolation:isolate;
  transform:translateZ(0);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.cms-team-card:hover{transform:translateY(-5px);border-color:rgba(34,211,238,.32);box-shadow:0 32px 90px rgba(0,0,0,.36),0 0 42px rgba(34,211,238,.08);}
.cms-team-card-body{
  background:linear-gradient(180deg,rgba(11,18,35,.92),rgba(6,10,22,.96));
  border-top:1px solid rgba(255,255,255,.08);
}
.cms-team-card-body strong{font-size:clamp(1.15rem,2vw,1.45rem);letter-spacing:-.025em;}
.cms-testimonial-grid{align-items:stretch;}
.cms-testimonial-card{
  background:
    radial-gradient(circle at 12% 0%,rgba(34,211,238,.20),transparent 36%),
    radial-gradient(circle at 88% 18%,rgba(139,92,246,.18),transparent 40%),
    linear-gradient(145deg,rgba(16,28,52,.96),rgba(7,10,25,.98));
  border-color:rgba(34,211,238,.16);
}
.cms-testimonial-card::before{
  content:"";position:absolute;left:1.2rem;top:1.2rem;width:44px;height:44px;border-radius:18px;background:linear-gradient(135deg,var(--primary,#22d3ee),var(--secondary,#7c3aed));opacity:.16;
}
.cms-testimonial-quote{color:var(--primary,#22d3ee);opacity:.18;}
.cms-testimonial-person{padding-top:.85rem;border-top:1px solid rgba(255,255,255,.08);}
.cms-video-box,.cms-audio-box,.cms-download-box,.cms-newsletter-box,.cms-contact-box,.cms-map-box{
  position:relative;
  isolation:isolate;
}
.cms-video-box::before,.cms-audio-box::before,.cms-download-box::before,.cms-newsletter-box::before,.cms-contact-box::before,.cms-map-box::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 8% 0%,rgba(34,211,238,.13),transparent 38%);z-index:-1;
}
.cms-download-box,.cms-contact-box,.cms-audio-box{min-height:150px;}
.cms-newsletter-box{padding:clamp(1.4rem,3vw,2.4rem)!important;}
.cms-map-box{padding:0!important;overflow:hidden;}
.cms-map-box iframe{border-radius:0!important;}
@media(max-width:920px){
  .cms-studio-hero.cms-layout-split,.cms-studio-hero.cms-display-media-rich,.cms-studio-cta.cms-display-list{grid-template-columns:1fr;}
}


/* Phase 5.3.18 - volle Content-Breite für Funktions-/Medienbereiche in Standard-Layouts */
.cms-studio-section:has(.cms-video-box),
.cms-studio-section:has(.cms-audio-box),
.cms-studio-section:has(.cms-download-box),
.cms-studio-section:has(.cms-newsletter-box),
.cms-studio-section:has(.cms-contact-box),
.cms-studio-section:has(.cms-map-box),
.cms-studio-section:has(.cms-logo-cloud),
.cms-studio-section:has(.cms-team-grid),
.cms-studio-section:has(.cms-testimonial-grid),
.cms-studio-section:has(.cms-feature-grid),
.cms-studio-section:has(.cms-pricing-grid),
.cms-studio-section:has(.cms-stats-grid),
.cms-studio-section:has(.cms-steps-grid),
.cms-studio-section:has(.cms-comparison-grid),
.cms-studio-section:has(.cms-timeline),
.cms-studio-section:has(.cms-faq-list),
.cms-studio-section:has(.cms-accordion-list){
  --section-content-max: min(1120px, 100%);
}

.cms-studio-section .cms-video-box,
.cms-studio-section .cms-audio-box,
.cms-studio-section .cms-download-box,
.cms-studio-section .cms-newsletter-box,
.cms-studio-section .cms-contact-box,
.cms-studio-section .cms-map-box,
.cms-studio-section .cms-logo-cloud,
.cms-studio-section .cms-team-grid,
.cms-studio-section .cms-testimonial-grid,
.cms-studio-section .cms-feature-grid,
.cms-studio-section .cms-pricing-grid,
.cms-studio-section .cms-stats-grid,
.cms-studio-section .cms-steps-grid,
.cms-studio-section .cms-comparison-grid,
.cms-studio-section .cms-timeline,
.cms-studio-section .cms-faq-list,
.cms-studio-section .cms-accordion-list{
  width: 100%;
  max-width: min(1120px, 100%) !important;
}

.cms-newsletter-box{
  display:grid !important;
  grid-template-columns:minmax(260px,1fr) auto;
  align-items:end;
  gap:1rem 1.1rem;
}
.cms-newsletter-box label{min-width:0;}
.cms-newsletter-box small{grid-column:1 / -1;}
@media(max-width:720px){
  .cms-newsletter-box{grid-template-columns:1fr;}
}

/* Phase 5.3.19: section-typische Media-/CTA-Polish */
.cms-section-mini-list,
.cms-newsletter-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:.85rem;
}
.cms-section-mini-list span,
.cms-newsletter-benefits span{
  display:inline-flex!important;
  align-items:center;
  gap:.35rem;
  width:auto;
  margin:0!important;
  padding:.45rem .7rem;
  border-radius:999px;
  border:1px solid rgba(34,211,238,.18);
  background:rgba(2,6,23,.34);
  color:#dbeafe!important;
  font-size:.88rem;
  line-height:1.2;
}
.cms-section-mini-list span::before,
.cms-newsletter-benefits span::before{content:"";width:.42rem;height:.42rem;border-radius:50%;background:linear-gradient(135deg,#22d3ee,#8b5cf6);box-shadow:0 0 16px rgba(34,211,238,.35);}
.cms-newsletter-box{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;}
.cms-newsletter-benefits{grid-column:1 / -1;margin-bottom:.2rem;}
.cms-video-box{display:grid;gap:1rem;}
.cms-audio-cover,.cms-download-icon{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.8),#22d3ee 38%,#7c3aed 100%);color:#020617!important;box-shadow:0 16px 42px rgba(34,211,238,.28);}
.cms-map-box{display:grid;gap:0;}
.cms-map-caption{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem;background:rgba(2,6,23,.62);border-top:1px solid rgba(34,211,238,.16);}
.cms-map-caption span{padding:.45rem .7rem;border-radius:999px;background:rgba(255,255,255,.06);color:#dbeafe;}
.cms-studio-download.cms-display-premium .cms-download-box,
.cms-studio-contact.cms-display-premium .cms-contact-box,
.cms-studio-newsletter.cms-display-premium .cms-newsletter-box,
.cms-studio-video.cms-display-premium .cms-video-box,
.cms-studio-audio.cms-display-premium .cms-audio-box{
  background:radial-gradient(circle at 10% 0%,rgba(34,211,238,.22),transparent 35%),linear-gradient(135deg,rgba(15,23,42,.96),rgba(49,46,129,.44))!important;
  border-color:rgba(34,211,238,.34)!important;
}
.cms-studio-download.cms-display-minimal .cms-download-box,
.cms-studio-contact.cms-display-minimal .cms-contact-box,
.cms-studio-newsletter.cms-display-minimal .cms-newsletter-box,
.cms-studio-video.cms-display-minimal .cms-video-box,
.cms-studio-audio.cms-display-minimal .cms-audio-box{
  background:transparent!important;
  box-shadow:none!important;
  border-style:dashed!important;
}
.cms-studio-cta.cms-display-premium .theme-btn,
.cms-studio-hero.cms-display-premium .theme-btn{transform:translateY(0);box-shadow:0 20px 52px rgba(34,211,238,.28), inset 0 1px 0 rgba(255,255,255,.22);}
@media(max-width:760px){.cms-newsletter-box{grid-template-columns:1fr!important}.cms-newsletter-box .theme-btn{width:100%;justify-content:center}}


/* Phase 5.3.20 - Section-Abschluss I: stärkere Unterscheidung und Premium-Polish für typische Bereiche */
.cms-studio-hero.cms-display-premium,
.cms-studio-hero.cms-display-media-rich{
  background:
    radial-gradient(circle at 8% 8%, rgba(34,211,238,.18), transparent 34%),
    radial-gradient(circle at 92% 22%, rgba(124,58,237,.20), transparent 34%),
    linear-gradient(135deg, rgba(3,7,18,.96), rgba(11,28,48,.88)) !important;
}
.cms-studio-hero.cms-display-centered{
  text-align:center;
  justify-items:center;
  background:radial-gradient(circle at 50% 5%, rgba(34,211,238,.18), transparent 38%), linear-gradient(180deg, rgba(8,13,31,.94), rgba(3,7,18,.98)) !important;
}
.cms-studio-hero.cms-display-centered .cms-section-copy{max-width:min(980px,100%);}
.cms-studio-hero.cms-display-list{
  min-height:auto;
  background:linear-gradient(90deg, rgba(8,13,31,.94), rgba(13,35,54,.80)) !important;
}
.cms-studio-hero.cms-display-list .cms-section-copy{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:1.4rem;
  max-width:100%;
}
.cms-studio-hero.cms-display-list .cms-rich-text{max-width:760px;}
.cms-studio-hero.cms-display-minimal{
  background:transparent !important;
  border-color:rgba(255,255,255,.08) !important;
}
.cms-studio-hero.cms-display-minimal .eyebrow{border-bottom:1px solid rgba(34,211,238,.35);display:inline-block;padding-bottom:.35rem;}
.cms-studio-cta.cms-display-premium .cms-section-copy{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.cms-studio-cta.cms-display-premium .cms-section-copy::after{
  content:"";
  position:absolute;
  right:-6rem;
  top:-6rem;
  width:18rem;
  height:18rem;
  border-radius:999px;
  background:radial-gradient(circle, rgba(34,211,238,.28), transparent 62%);
  z-index:-1;
}
.cms-studio-cta.cms-display-list .cms-section-copy .theme-btn{justify-self:end;align-self:center;margin-top:0;}
.cms-studio-cta.cms-display-media-rich .cms-section-copy{
  background:linear-gradient(135deg, rgba(34,211,238,.10), rgba(124,58,237,.18)), linear-gradient(180deg, rgba(15,23,42,.92), rgba(3,7,18,.98));
}
.cms-studio-cta.cms-display-minimal .cms-section-copy{
  border:1px dashed rgba(34,211,238,.25) !important;
  background:rgba(255,255,255,.018) !important;
}
.cms-logo-cloud.cms-display-list,
.cms-display-list .cms-logo-cloud{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.cms-display-list .cms-logo-card{min-height:78px;flex:0 1 220px;border-radius:999px;}
.cms-display-minimal .cms-logo-card{min-height:84px;background:transparent;border-style:dashed;box-shadow:none;}
.cms-display-premium .cms-logo-card{background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.18),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));}
.cms-display-centered .cms-logo-card{text-align:center;}
.cms-display-media-rich .cms-logo-card{min-height:150px;}
.cms-display-media-rich .cms-logo-card img{max-height:86px;}
.cms-display-premium .cms-team-card{background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.16),transparent 36%),linear-gradient(145deg,rgba(19,38,68,.95),rgba(5,8,20,.98));}
.cms-display-centered .cms-team-card{text-align:center;}
.cms-display-centered .cms-team-card-body{align-items:center;}
.cms-display-list .cms-team-grid{grid-template-columns:1fr !important;}
.cms-display-list .cms-team-card{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:stretch;}
.cms-display-list .cms-team-card > img{height:100%;aspect-ratio:auto;}
.cms-display-minimal .cms-team-card{background:transparent;border-style:dashed;box-shadow:none;}
.cms-display-media-rich .cms-team-card > img{aspect-ratio:16/12;}
.cms-display-premium .cms-testimonial-card{min-height:260px;border-color:rgba(34,211,238,.22);box-shadow:0 36px 100px rgba(0,0,0,.34),0 0 54px rgba(34,211,238,.08);}
.cms-display-centered .cms-testimonial-card{text-align:center;align-items:center;}
.cms-display-centered .cms-testimonial-person{justify-content:center;width:100%;}
.cms-display-list .cms-testimonial-grid{grid-template-columns:1fr !important;}
.cms-display-list .cms-testimonial-card{min-height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;}
.cms-display-minimal .cms-testimonial-card{background:rgba(255,255,255,.015);border-style:dashed;box-shadow:none;min-height:auto;}
.cms-display-media-rich .cms-testimonial-card{padding:clamp(1.7rem,3vw,2.4rem);}
.cms-video-box,.cms-audio-box,.cms-download-box,.cms-newsletter-box,.cms-contact-box,.cms-map-box{
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.cms-video-box:hover,.cms-audio-box:hover,.cms-download-box:hover,.cms-newsletter-box:hover,.cms-contact-box:hover,.cms-map-box:hover{
  transform:translateY(-2px);
  border-color:rgba(34,211,238,.32)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.34),0 0 44px rgba(34,211,238,.08);
}
.cms-display-centered .cms-video-box,
.cms-display-centered .cms-audio-box,
.cms-display-centered .cms-download-box,
.cms-display-centered .cms-newsletter-box,
.cms-display-centered .cms-contact-box,
.cms-display-centered .cms-map-box{text-align:center;justify-content:center;}
.cms-display-minimal .cms-video-box,
.cms-display-minimal .cms-audio-box,
.cms-display-minimal .cms-download-box,
.cms-display-minimal .cms-newsletter-box,
.cms-display-minimal .cms-contact-box,
.cms-display-minimal .cms-map-box{background:transparent!important;border-style:dashed!important;box-shadow:none!important;}
.cms-display-list .cms-download-box,
.cms-display-list .cms-contact-box,
.cms-display-list .cms-audio-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;}
.cms-display-media-rich .cms-video-box{padding:.7rem!important;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025))!important;}
.cms-display-premium .cms-newsletter-box{background:radial-gradient(circle at 10% 0%,rgba(34,211,238,.24),transparent 38%),linear-gradient(135deg,rgba(16,28,52,.96),rgba(7,10,25,.98))!important;}
.cms-display-premium .cms-contact-box{background:radial-gradient(circle at 12% 0%,rgba(124,58,237,.22),transparent 40%),linear-gradient(135deg,rgba(16,28,52,.96),rgba(7,10,25,.98))!important;}
.cms-display-premium .cms-download-box{background:radial-gradient(circle at 12% 0%,rgba(34,211,238,.20),transparent 40%),linear-gradient(135deg,rgba(12,28,48,.96),rgba(4,10,22,.98))!important;}
.cms-display-premium .cms-map-box iframe{min-height:430px;}
@media(max-width:980px){
  .cms-display-list .cms-team-card{grid-template-columns:1fr;}
  .cms-display-list .cms-studio-hero .cms-section-copy,
  .cms-studio-hero.cms-display-list .cms-section-copy,
  .cms-display-list .cms-download-box,
  .cms-display-list .cms-contact-box,
  .cms-display-list .cms-audio-box{grid-template-columns:1fr;}
  .cms-studio-cta.cms-display-list .cms-section-copy .theme-btn{justify-self:start;margin-top:1rem;}
}

/* Phase 5.3.21 - Testimonial-Deko bereinigen und Kartenstile sichtbarer schärfen */
.cms-testimonial-card::before{display:none!important;}
.cms-testimonial-card{
  padding-top:clamp(1.45rem,2.6vw,2.1rem);
}
.cms-testimonial-person img + span,
.cms-testimonial-person span{position:relative;z-index:1;}
.cms-display-premium .cms-testimonial-card,
.cms-display-premium .cms-team-card,
.cms-display-premium .cms-logo-card{
  border-color:rgba(34,211,238,.28)!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(34,211,238,.24),transparent 34%),
    radial-gradient(circle at 90% 18%,rgba(139,92,246,.24),transparent 36%),
    linear-gradient(145deg,rgba(18,34,62,.98),rgba(5,8,20,.98))!important;
  box-shadow:0 34px 100px rgba(0,0,0,.38),0 0 58px rgba(34,211,238,.12)!important;
}
.cms-display-media-rich .cms-testimonial-card,
.cms-display-media-rich .cms-team-card,
.cms-display-media-rich .cms-logo-card{
  border-color:rgba(255,255,255,.16)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.035))!important;
}
.cms-display-centered .cms-testimonial-card,
.cms-display-centered .cms-team-card,
.cms-display-centered .cms-logo-card{
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
  background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.18),transparent 42%),rgba(255,255,255,.045)!important;
}
.cms-display-list .cms-testimonial-card,
.cms-display-list .cms-team-card,
.cms-display-list .cms-logo-card{
  border-left:5px solid var(--theme-accent,#22d3ee)!important;
  border-radius:22px!important;
  background:linear-gradient(90deg,rgba(34,211,238,.10),rgba(255,255,255,.035))!important;
}
.cms-display-minimal .cms-testimonial-card,
.cms-display-minimal .cms-team-card,
.cms-display-minimal .cms-logo-card{
  background:transparent!important;
  border-color:rgba(255,255,255,.12)!important;
  border-style:dashed!important;
  box-shadow:none!important;
}
.cms-display-premium .cms-video-box,
.cms-display-premium .cms-audio-box,
.cms-display-premium .cms-download-box,
.cms-display-premium .cms-newsletter-box,
.cms-display-premium .cms-contact-box,
.cms-display-premium .cms-map-box{
  border-color:rgba(34,211,238,.28)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.34),0 0 52px rgba(34,211,238,.10)!important;
}
.cms-display-media-rich .cms-download-box,
.cms-display-media-rich .cms-contact-box,
.cms-display-media-rich .cms-newsletter-box,
.cms-display-media-rich .cms-audio-box{
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.035))!important;
  border-color:rgba(255,255,255,.16)!important;
}

/* Phase 5.4.0 – Section design effects (capability-ready) */
.cms-studio-section.cms-depth-flat{box-shadow:none!important}
.cms-studio-section.cms-depth-soft{box-shadow:0 22px 70px rgba(0,0,0,.22)}
.cms-studio-section.cms-depth-glow{box-shadow:0 0 0 1px rgba(34,211,238,.25),0 25px 90px rgba(34,211,238,.14),0 45px 120px rgba(99,102,241,.12)}
.cms-studio-section.cms-depth-edge{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(255,255,255,.08),0 30px 90px rgba(0,0,0,.28)}
.cms-studio-section.cms-hover-lift,.cms-studio-section.cms-hover-glow,.cms-studio-section.cms-hover-tilt,.cms-studio-section.cms-hover-zoom{transition:transform .28s ease, box-shadow .28s ease, filter .28s ease}
.cms-studio-section.cms-hover-lift:hover{transform:translateY(-4px)}
.cms-studio-section.cms-hover-glow:hover{box-shadow:0 0 0 1px rgba(34,211,238,.38),0 30px 110px rgba(34,211,238,.22)}
.cms-studio-section.cms-hover-tilt:hover{transform:perspective(1200px) rotateX(1deg) rotateY(-1deg) translateY(-3px)}
.cms-studio-section.cms-hover-zoom:hover{transform:scale(1.012)}
@keyframes corvynFadeUp{from{opacity:.72;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes corvynSlideLeft{from{opacity:.72;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}
@keyframes corvynSlideRight{from{opacity:.72;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@keyframes corvynZoomIn{from{opacity:.75;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
.cms-studio-section.cms-effect-fade-up{animation:corvynFadeUp .55s ease both}
.cms-studio-section.cms-effect-slide-left{animation:corvynSlideLeft .55s ease both}
.cms-studio-section.cms-effect-slide-right{animation:corvynSlideRight .55s ease both}
.cms-studio-section.cms-effect-zoom-in{animation:corvynZoomIn .55s ease both}
.cms-studio-section.cms-motion-parallax-soft.cms-bg-image{background-attachment:fixed;background-size:cover;background-position:center}
.cms-studio-section.cms-motion-float-soft .cms-section-media,
.cms-studio-section.cms-motion-float-soft .cms-media-card,
.cms-studio-section.cms-motion-float-soft .cms-item-card{animation:corvynFloatSoft 5s ease-in-out infinite alternate}
@keyframes corvynFloatSoft{from{transform:translateY(0)}to{transform:translateY(-6px)}}
.cms-studio-section.cms-motion-background-drift:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 20%, rgba(34,211,238,.14), transparent 32%),radial-gradient(circle at 80% 70%, rgba(99,102,241,.14), transparent 36%);animation:corvynDrift 8s ease-in-out infinite alternate;opacity:.9}
@keyframes corvynDrift{from{transform:translate3d(-1%,0,0)}to{transform:translate3d(1.5%,-1%,0)}}
@media (prefers-reduced-motion:reduce){.cms-studio-section[class*="cms-effect-"],.cms-studio-section.cms-motion-float-soft *,.cms-studio-section.cms-motion-background-drift:before{animation:none!important;transition:none!important}.cms-studio-section.cms-motion-parallax-soft.cms-bg-image{background-attachment:scroll}}
.cms-studio-section{position:relative;overflow:hidden}
.cms-studio-section>*{position:relative;z-index:1}


/* Phase 5.4.3 – Corvyn Metal Brand Skin (reversible branding layer) */
:root{--theme-colors-background:#101216;--theme-colors-surface:#151821;--theme-colors-primary:#895CFF;--theme-colors-secondary:#54D1FA;--theme-colors-text:#f7f8fb;--theme-colors-muted:#D2D5DD;}
body.frontend-theme{background:radial-gradient(circle at 18% 0%,rgba(137,92,255,.16),transparent 34%),radial-gradient(circle at 78% 10%,rgba(84,209,250,.13),transparent 32%),linear-gradient(180deg,#101216,#070910 78%,#05060b)!important;color:#f7f8fb;}
.site-header{background:rgba(16,18,22,.78)!important;border-color:rgba(84,209,250,.22)!important;box-shadow:0 22px 65px rgba(0,0,0,.34),inset 0 1px 0 rgba(210,213,221,.06)!important;}
.site-brand.site-brand-with-logo{gap:.72rem;min-width:0;}
.site-brand .site-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:42px;border-radius:14px;background:linear-gradient(145deg,rgba(16,18,22,.96),rgba(137,92,255,.18));border:1px solid rgba(210,213,221,.18);overflow:hidden;}
.site-brand .site-brand-mark img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 8px 18px rgba(84,209,250,.22));}
.site-brand.site-brand-with-logo strong{font-size:1rem;letter-spacing:.02em;color:#f7f8fb;}
.site-mini-action{background:rgba(210,213,221,.08)!important;color:#D2D5DD!important;}
.site-cta,.nav-button{background:linear-gradient(135deg,#895CFF,#54D1FA)!important;color:#fff!important;box-shadow:0 12px 36px rgba(84,209,250,.22)!important;}
.site-footer{background:rgba(16,18,22,.76)!important;border-color:rgba(84,209,250,.22)!important;}


/* Phase 5.4.6 – Safe Corvyn brand arrangement (token-friendly, reversible) */
.site-brand.site-brand-with-logo{gap:.8rem;min-width:0;}
.site-brand .site-brand-mark{width:54px;height:46px;border-radius:16px;background:linear-gradient(145deg,rgba(16,18,22,.98),rgba(137,92,255,.16));border:1px solid rgba(210,213,221,.18);box-shadow:0 12px 32px rgba(84,209,250,.13),inset 0 0 0 1px rgba(255,255,255,.04);overflow:hidden;}
.site-brand .site-brand-mark img{width:100%;height:100%;object-fit:contain;padding:4px;filter:drop-shadow(0 6px 14px rgba(84,209,250,.18));}
.site-brand .site-brand-name{font-size:1rem;letter-spacing:.015em;color:var(--theme-colors-text,#f8fafc);white-space:nowrap;}
.site-header{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-colors-surface,#10172a) 90%,transparent),rgba(16,18,22,.86));}
@media(max-width:700px){.site-brand .site-brand-mark{width:48px;height:42px}.site-brand .site-brand-name{display:none}}
.preview-mode-notice{margin:.8rem 0 1rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--theme-colors-primary,#38bdf8) 28%,transparent);border-radius:calc(var(--theme-radius-card,24px) - 8px);background:color-mix(in srgb,var(--theme-colors-primary,#38bdf8) 11%,transparent);color:var(--theme-colors-text,#f8fafc);font-weight:800;line-height:1.55;}
.preview-mode-notice strong{color:var(--theme-colors-secondary,#14b8a6);}


/* Phase 5.4.34: Theme preview mode without activation */
.theme-preview-mode .preview-mode-notice.success {
  border-color: rgba(51, 214, 159, .38);
  background: rgba(51, 214, 159, .08);
}
.theme-preview-mode .preview-mode-notice.warning {
  border-color: rgba(255, 183, 77, .38);
  background: rgba(255, 183, 77, .08);
}
.theme-preview-mode .theme-preview-live-hero::after {
  content: "Preview";
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  padding: .35rem .65rem;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  font-size: .75rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .72;
}

/* Phase 5.4.44: Theme preview demo content foundation */
.corvyn-preview-demo-hero{min-height:clamp(520px,72vh,760px);align-items:center;position:relative;overflow:hidden}
.corvyn-preview-demo-hero.is-obscurus-demo{background:radial-gradient(circle at 24% 20%,rgba(139,0,0,.28),transparent 32%),radial-gradient(circle at 82% 30%,rgba(184,151,42,.12),transparent 28%),linear-gradient(145deg,#080505,#0b0a10 60%,#050505)!important}
.corvyn-preview-demo-card .corvyn-preview-mini-list{margin:1rem 0 0;padding-left:1.1rem;color:var(--theme-colors-muted,#a5b4fc);font-size:.88rem;line-height:1.7}
.corvyn-theme-demo{max-width:1180px;margin:0 auto 2rem;padding:clamp(2rem,5vw,4rem);border:1px solid rgba(255,255,255,.1);border-radius:var(--theme-radius-card,24px);background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 24px 80px rgba(0,0,0,.24)}
.corvyn-demo-heading{text-align:center;max-width:820px;margin:0 auto 2rem}.corvyn-demo-heading.align-left{text-align:left;margin-left:0}.corvyn-demo-heading span,.corvyn-demo-kicker{display:block;color:var(--theme-colors-secondary,#14b8a6);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;margin-bottom:.55rem}.corvyn-demo-heading h2{margin:0 0 .75rem;font-size:clamp(1.65rem,4vw,3.1rem)}.corvyn-demo-heading p,.corvyn-theme-demo>p{color:var(--theme-colors-muted,#a5b4fc);line-height:1.7}.corvyn-standard-demo-grid,.obscurus-demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.corvyn-standard-demo-grid article,.obscurus-demo-tile,.obscurus-album-card,.obscurus-countdown-card{border:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.2);border-radius:calc(var(--theme-radius-card,24px) - 8px);padding:1.35rem;min-height:160px}.corvyn-standard-demo-grid span{display:inline-flex;width:42px;height:42px;border-radius:999px;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:var(--theme-colors-secondary,#14b8a6);font-weight:900}.obscurus-demo-stage{background:radial-gradient(circle at top left,rgba(139,0,0,.22),transparent 32%),linear-gradient(145deg,rgba(12,8,8,.96),rgba(4,4,6,.96));border-color:rgba(139,0,0,.32);border-radius:0;color:#c8bfa8}.obscurus-demo-stage h2,.obscurus-demo-section h2,.obscurus-demo-split h2{letter-spacing:.04em}.obscurus-demo-tile{border-radius:0;border-color:rgba(139,0,0,.32);background:linear-gradient(145deg,rgba(22,22,22,.96),rgba(8,8,8,.98));position:relative;overflow:hidden}.obscurus-demo-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#8B0000,#b8972a);opacity:.75}.obscurus-demo-tile.is-featured{grid-column:span 2;min-height:220px;background:radial-gradient(circle at 20% 20%,rgba(139,0,0,.22),transparent 38%),linear-gradient(145deg,#160606,#050505)}.obscurus-demo-label{display:inline-block;color:#b8972a;border:1px solid rgba(184,151,42,.35);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;padding:.2rem .55rem;margin-bottom:.75rem}.obscurus-demo-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.2rem}.obscurus-demo-actions a{display:inline-flex;border:1px solid rgba(139,0,0,.75);padding:.65rem 1rem;color:#f5eee2;background:rgba(139,0,0,.25);text-transform:uppercase;font-weight:900;font-size:.78rem;letter-spacing:.08em}.obscurus-demo-section,.obscurus-demo-split{background:#090909;border-color:rgba(139,0,0,.22);border-radius:0}.obscurus-album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}.obscurus-album-cover{height:150px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#1b0606,#050505);font-size:3rem;color:#8B0000;border:1px solid rgba(255,255,255,.08);margin-bottom:1rem}.obscurus-album-card{border-radius:0;border-color:rgba(255,255,255,.09)}.obscurus-album-card small{color:#b8972a;text-transform:uppercase;letter-spacing:.12em}.obscurus-demo-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:1.5rem;align-items:stretch}.obscurus-tour-list{display:grid;gap:.7rem}.obscurus-tour-list div{display:grid;grid-template-columns:130px 1fr auto;gap:1rem;align-items:center;border:1px solid rgba(255,255,255,.09);padding:.9rem;background:rgba(255,255,255,.03)}.obscurus-tour-list strong{color:#b01a1a}.obscurus-tour-list em{font-style:normal;color:#b8972a;font-size:.78rem;text-transform:uppercase}.obscurus-countdown-card{border-radius:0;border-color:rgba(184,151,42,.26);display:flex;flex-direction:column;justify-content:center}.obscurus-countdown-card span{color:#b01a1a;text-transform:uppercase;letter-spacing:.14em}.obscurus-countdown-card strong{font-size:2rem;color:#f2eadc;margin:.45rem 0}.obscurus-demo-grid.compact .obscurus-demo-tile{min-height:130px}.corvyn-preview-safety-note{max-width:1180px;margin:0 auto 3rem;padding:1rem 1.25rem;border:1px solid rgba(51,214,159,.22);border-radius:18px;background:rgba(51,214,159,.06);color:var(--theme-colors-muted,#a5b4fc)}.corvyn-preview-safety-note strong{color:var(--theme-colors-secondary,#14b8a6)}
@media(max-width:760px){.obscurus-demo-tile.is-featured{grid-column:auto}.obscurus-demo-split{grid-template-columns:1fr}.obscurus-tour-list div{grid-template-columns:1fr;gap:.25rem}.corvyn-theme-demo{padding:1.25rem}}

/* Phase 5.4.44.3: Obscurus preview markup/style bridge.
   The render-only Obscurus preview uses .obscurus-preview-* classes. These styles are intentionally scoped to those preview-only classes so they do not affect normal pages. */
.theme-preview-mode .obscurus-preview-hero,
.obscurus-preview-hero {
  min-height: 86vh;
  background:
    radial-gradient(circle at 84% 4%, rgba(139,0,0,.28), transparent 22%),
    radial-gradient(circle at 15% 32%, rgba(139,0,0,.22), transparent 31%),
    linear-gradient(140deg, #050505 0%, #09070c 52%, #020202 100%) !important;
  border: 0;
}
.theme-preview-mode .obscurus-preview-hero h1,
.obscurus-preview-hero h1 {
  font-size: clamp(4rem, 14vw, 10rem);
  line-height: .86;
  letter-spacing: .08em;
  color: #f1eadb;
  text-shadow: 0 0 38px rgba(139,0,0,.42), 0 0 110px rgba(0,0,0,.9);
}
.obscurus-preview-real,
.obscurus-preview-band,
.obscurus-preview-player-tour,
.obscurus-preview-countdown {
  width: min(1180px, calc(100% - 2rem));
  margin: 0 auto 2rem;
  position: relative;
  isolation: isolate;
  color: #c8bfa8;
}
.obscurus-preview-real {
  min-height: 72vh;
  padding: clamp(2rem, 6vw, 5rem);
  overflow: hidden;
  border: 1px solid rgba(139,0,0,.36);
  background:
    radial-gradient(circle at 72% 22%, rgba(139,0,0,.34), transparent 26%),
    linear-gradient(150deg, #0c0606, #050505 68%);
  box-shadow: 0 44px 140px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,255,255,.035);
}
.obscurus-preview-real::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .055;
  background-image: radial-gradient(circle at 1px 1px, #fff 1px, transparent 0);
  background-size: 16px 16px;
  z-index: -1;
}
.obscurus-preview-moon {
  position: absolute;
  right: 7%;
  top: -72px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(139,0,0,.36), transparent 68%);
}
.obscurus-preview-runes {
  position: absolute;
  right: clamp(1rem, 4vw, 4rem);
  bottom: clamp(1rem, 4vw, 3rem);
  color: rgba(139,0,0,.48);
  letter-spacing: .7em;
  font-size: clamp(1rem, 4vw, 3rem);
  pointer-events: none;
}
.obscurus-preview-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
}
.obscurus-preview-eyebrow,
.obscurus-preview-heading span {
  color: #b01a1a;
  letter-spacing: .32em;
  text-transform: uppercase;
  font-weight: 900;
  font-size: .8rem;
}
.obscurus-preview-copy h2 {
  margin: .5rem 0 1rem;
  font-size: clamp(3.2rem, 10vw, 7.2rem);
  line-height: .9;
  color: #f0eadc;
  text-shadow: 0 0 38px rgba(139,0,0,.32);
}
.obscurus-preview-copy p {
  max-width: 650px;
  color: #c8bfa8;
  font-size: clamp(1.05rem, 1.7vw, 1.35rem);
}
.obscurus-preview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
  margin-top: 1.8rem;
}
.obscurus-preview-actions a {
  display: inline-flex;
  padding: .85rem 1.35rem;
  border: 1px solid #8B0000;
  color: #f7efe0;
  background: linear-gradient(135deg, #8B0000, #180505);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .75rem;
  font-weight: 900;
}
.obscurus-preview-album {
  padding: 1.35rem;
  border: 1px solid rgba(255,255,255,.11);
  background: rgba(0,0,0,.32);
  box-shadow: 0 30px 90px rgba(0,0,0,.48);
}
.obscurus-preview-cover,
.obscurus-preview-album-art {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 50% 50%, #1b0505, #050505 70%);
  border: 1px solid rgba(255,255,255,.10);
  color: #b01a1a;
  text-shadow: 0 0 20px #8B0000;
}
.obscurus-preview-cover { font-size: 5rem; margin-bottom: 1rem; }
.obscurus-preview-album small,
.obscurus-preview-album span { display: block; color: #b8972a; text-transform: uppercase; letter-spacing: .12em; font-size: .74rem; }
.obscurus-preview-album strong { display: block; margin: .35rem 0; color: #f1eadb; font-size: 1.35rem; }
.obscurus-preview-band,
.obscurus-preview-player-tour,
.obscurus-preview-countdown {
  padding: clamp(2rem, 5vw, 4rem);
  border: 1px solid rgba(139,0,0,.25);
  background: linear-gradient(145deg, rgba(12,12,12,.96), rgba(3,3,3,.98));
  box-shadow: 0 28px 100px rgba(0,0,0,.34);
}
.obscurus-preview-heading { text-align: center; margin-bottom: 2rem; }
.obscurus-preview-heading.align-left { text-align: left; }
.obscurus-preview-heading h2 { margin: .45rem 0 .65rem; font-size: clamp(2rem, 5vw, 4rem); color: #f0eadc; }
.obscurus-preview-heading p { color: #7a7060; }
.obscurus-preview-albums,
.obscurus-preview-feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; }
.obscurus-preview-albums article,
.obscurus-preview-feature-grid article {
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.025);
  position: relative;
  overflow: hidden;
}
.obscurus-preview-albums article::before,
.obscurus-preview-feature-grid article::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(#8B0000, #b8972a); }
.obscurus-preview-album-art { height: 160px; font-size: 3rem; margin-bottom: .8rem; }
.obscurus-preview-albums small,
.obscurus-preview-feature-grid span { color: #b8972a; text-transform: uppercase; letter-spacing: .13em; font-size: .7rem; }
.obscurus-preview-player-tour { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); gap: 1.25rem; }
.obscurus-preview-player { display: grid; grid-template-columns: 190px 1fr; gap: 1.5rem; align-items: center; padding: 1.35rem; border: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.24); }
.obscurus-vinyl { width: 180px; height: 180px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: repeating-conic-gradient(#111 0deg 2deg, #1d1d1d 2deg 4deg); border: 2px solid #2a2a2a; box-shadow: inset 0 0 28px rgba(0,0,0,.7), 0 0 34px rgba(139,0,0,.18); }
.obscurus-vinyl span { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #b01a1a; background: #080808; }
.obscurus-progress { height: 4px; background: #2a2825; margin: 1rem 0; }
.obscurus-progress i { display: block; height: 100%; background: linear-gradient(90deg, #8B0000, #b8972a); }
.obscurus-track-list { display: grid; gap: .35rem; color: #7a7060; font-size: .92rem; }
.obscurus-tour-row { display: grid; grid-template-columns: 86px 1fr auto; gap: .75rem; align-items: center; padding: .85rem; border: 1px solid rgba(255,255,255,.09); background: rgba(255,255,255,.025); margin-bottom: .55rem; }
.obscurus-tour-row strong { color: #b01a1a; }
.obscurus-tour-row em { color: #b8972a; font-style: normal; text-transform: uppercase; font-size: .72rem; }
.obscurus-preview-countdown { text-align: center; }
.obscurus-preview-countdown > span { color: #b01a1a; text-transform: uppercase; letter-spacing: .25em; font-weight: 900; }
.obscurus-preview-countdown h2 { font-size: clamp(2rem, 5vw, 4rem); }
.obscurus-count-units { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; margin: 1.5rem 0; }
.obscurus-count-units b { min-width: 92px; padding: 1.1rem .85rem; border: 1px solid rgba(139,0,0,.42); background: rgba(139,0,0,.07); color: #f2eadc; font-size: 2rem; }
.obscurus-count-units small { display: block; color: #b01a1a; font-size: .65rem; text-transform: uppercase; letter-spacing: .18em; }
@media(max-width: 900px) { .obscurus-preview-stage, .obscurus-preview-player-tour, .obscurus-preview-player { grid-template-columns: 1fr; } .obscurus-vinyl { margin: 0 auto; } }

/* Phase 5.4.45 – Obscurus Preview Sections I
   Render-only section previews: album cards, tour/player, countdown and world grid. */
body.theme-corvyn-obscurus-staging .obscurus-preview-section,
.theme-preview-mode .obscurus-preview-section {
  position: relative;
  overflow: hidden;
  border-radius: 0;
}
body.theme-corvyn-obscurus-staging .obscurus-preview-section::after,
.theme-preview-mode .obscurus-preview-section::after {
  content: '';
  position: absolute;
  inset: auto 8% 0 8%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(139,0,0,.74), rgba(184,151,42,.44), transparent);
  pointer-events: none;
}
body.theme-corvyn-obscurus-staging .obscurus-preview-discography,
.theme-preview-mode .obscurus-preview-discography {
  background:
    radial-gradient(circle at 18% 0%, rgba(139,0,0,.12), transparent 32%),
    linear-gradient(180deg, rgba(10,10,10,.98), rgba(2,2,2,.99));
}
body.theme-corvyn-obscurus-staging .obscurus-preview-albums,
.theme-preview-mode .obscurus-preview-albums {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 1.1rem;
}
body.theme-corvyn-obscurus-staging .obscurus-album-preview-card,
.theme-preview-mode .obscurus-album-preview-card {
  min-height: 310px;
  display: flex;
  flex-direction: column;
  gap: .45rem;
  padding: 1rem;
  border: 1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    radial-gradient(circle at 30% 0%, rgba(139,0,0,.14), transparent 45%);
  box-shadow: 0 18px 60px rgba(0,0,0,.28);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
body.theme-corvyn-obscurus-staging .obscurus-album-preview-card:hover,
.theme-preview-mode .obscurus-album-preview-card:hover {
  transform: translateY(-4px);
  border-color: rgba(139,0,0,.58);
  box-shadow: 0 26px 80px rgba(0,0,0,.38), 0 0 32px rgba(139,0,0,.10);
}
body.theme-corvyn-obscurus-staging .obscurus-album-preview-card::before,
.theme-preview-mode .obscurus-album-preview-card::before {
  height: 3px;
  width: 100%;
  bottom: auto;
  background: linear-gradient(90deg, rgba(139,0,0,.96), rgba(184,151,42,.72), transparent);
}
body.theme-corvyn-obscurus-staging .obscurus-album-preview-card h3,
.theme-preview-mode .obscurus-album-preview-card h3 {
  margin: .25rem 0 0;
  color: #f2eadc;
  font-size: 1.05rem;
  line-height: 1.25;
}
body.theme-corvyn-obscurus-staging .obscurus-album-preview-card p,
.theme-preview-mode .obscurus-album-preview-card p {
  margin: 0;
  color: #7a7060;
}
body.theme-corvyn-obscurus-staging .obscurus-album-preview-card a,
.theme-preview-mode .obscurus-album-preview-card a {
  margin-top: auto;
  display: inline-flex;
  width: fit-content;
  padding: .45rem .7rem;
  border: 1px solid rgba(139,0,0,.45);
  color: #d4af37;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .68rem;
}
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art,
.theme-preview-mode .obscurus-preview-album-art {
  height: 170px;
  font-size: 3.6rem;
  background:
    radial-gradient(circle at 50% 50%, rgba(139,0,0,.24), transparent 28%),
    repeating-conic-gradient(from 0deg, #101010 0deg 2deg, #1b1b1b 2deg 4deg);
  box-shadow: inset 0 0 38px rgba(0,0,0,.75), 0 18px 40px rgba(0,0,0,.28);
}
body.theme-corvyn-obscurus-staging .obscurus-preview-player-tour,
.theme-preview-mode .obscurus-preview-player-tour {
  grid-template-columns: minmax(0,1.15fr) minmax(340px,.85fr);
  background:
    radial-gradient(circle at 80% 22%, rgba(139,0,0,.13), transparent 28%),
    linear-gradient(145deg, rgba(8,8,8,.98), rgba(2,2,2,.99));
}
body.theme-corvyn-obscurus-staging .obscurus-preview-player,
.theme-preview-mode .obscurus-preview-player,
body.theme-corvyn-obscurus-staging .obscurus-preview-tour,
.theme-preview-mode .obscurus-preview-tour {
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(145deg, rgba(18,18,18,.70), rgba(0,0,0,.28));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}
body.theme-corvyn-obscurus-staging .obscurus-preview-tour,
.theme-preview-mode .obscurus-preview-tour {
  padding: 1.35rem;
}
body.theme-corvyn-obscurus-staging .obscurus-vinyl,
.theme-preview-mode .obscurus-vinyl {
  position: relative;
  animation: obscurusPreviewSpin 8s linear infinite;
}
body.theme-corvyn-obscurus-staging .obscurus-vinyl::after,
.theme-preview-mode .obscurus-vinyl::after {
  content: '';
  position: absolute;
  inset: 22%;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.12);
  background: radial-gradient(circle, #050505 0 18%, rgba(139,0,0,.52) 19% 31%, #111 32%);
}
@keyframes obscurusPreviewSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
body.theme-corvyn-obscurus-staging .obscurus-track-list span,
.theme-preview-mode .obscurus-track-list span {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: .5rem;
  align-items: center;
  padding: .45rem .55rem;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
body.theme-corvyn-obscurus-staging .obscurus-track-list b,
.theme-preview-mode .obscurus-track-list b { color: #8B0000; }
body.theme-corvyn-obscurus-staging .obscurus-track-list em,
.theme-preview-mode .obscurus-track-list em { color: #4a4535; font-style: normal; font-family: monospace; }
body.theme-corvyn-obscurus-staging .obscurus-tour-row,
.theme-preview-mode .obscurus-tour-row {
  border-left: 3px solid rgba(139,0,0,.78);
  transition: background .2s ease, transform .2s ease;
}
body.theme-corvyn-obscurus-staging .obscurus-tour-row:hover,
.theme-preview-mode .obscurus-tour-row:hover {
  background: rgba(139,0,0,.07);
  transform: translateX(3px);
}
body.theme-corvyn-obscurus-staging .obscurus-preview-countdown,
.theme-preview-mode .obscurus-preview-countdown {
  min-height: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 50% 50%, rgba(139,0,0,.19), transparent 42%),
    linear-gradient(135deg, #090000, #020204 72%);
}
body.theme-corvyn-obscurus-staging .obscurus-count-units b,
.theme-preview-mode .obscurus-count-units b {
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 18px 42px rgba(0,0,0,.26);
}
body.theme-corvyn-obscurus-staging .obscurus-count-units b::before,
.theme-preview-mode .obscurus-count-units b::before {
  content: '';
  position: absolute;
  inset: 0;
  border-top: 1px solid rgba(184,151,42,.28);
  pointer-events: none;
}
body.theme-corvyn-obscurus-staging .obscurus-preview-world,
.theme-preview-mode .obscurus-preview-world {
  background:
    radial-gradient(circle at 20% 20%, rgba(139,0,0,.10), transparent 31%),
    linear-gradient(145deg, #0a0a0a, #030303);
}
body.theme-corvyn-obscurus-staging .obscurus-preview-feature-grid,
.theme-preview-mode .obscurus-preview-feature-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
body.theme-corvyn-obscurus-staging .obscurus-preview-feature-grid article,
.theme-preview-mode .obscurus-preview-feature-grid article {
  min-height: 180px;
  padding: 1.35rem;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    radial-gradient(circle at 100% 0%, rgba(139,0,0,.12), transparent 34%);
  transition: transform .22s ease, border-color .22s ease;
}
body.theme-corvyn-obscurus-staging .obscurus-preview-feature-grid article:hover,
.theme-preview-mode .obscurus-preview-feature-grid article:hover {
  transform: translateY(-3px);
  border-color: rgba(184,151,42,.28);
}
body.theme-corvyn-obscurus-staging .obscurus-preview-safety-note,
.theme-preview-mode .obscurus-preview-safety-note {
  width: min(1180px, calc(100% - 2rem));
  margin: 0 auto 3rem;
  padding: 1rem 1.2rem;
  border: 1px solid rgba(51,214,159,.22);
  background: rgba(51,214,159,.055);
  color: #c8bfa8;
}
body.theme-corvyn-obscurus-staging .obscurus-preview-safety-note strong,
.theme-preview-mode .obscurus-preview-safety-note strong { color: #33d69f; }
@media (max-width: 900px) {
  body.theme-corvyn-obscurus-staging .obscurus-preview-player-tour,
  .theme-preview-mode .obscurus-preview-player-tour { grid-template-columns: 1fr; }
  body.theme-corvyn-obscurus-staging .obscurus-track-list span,
  .theme-preview-mode .obscurus-track-list span { grid-template-columns: 36px 1fr; }
  body.theme-corvyn-obscurus-staging .obscurus-track-list em,
  .theme-preview-mode .obscurus-track-list em { display: none; }
}

/* Phase 5.4.46: Obscurus preview hero polish.
   The preview information card must look like a compact status panel, not like an oversized button/card. */
.theme-preview-mode .obscurus-preview-hero,
.obscurus-preview-hero {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 330px);
  align-items: end;
  gap: clamp(1.25rem, 4vw, 3rem);
  padding: clamp(4rem, 12vw, 9rem) clamp(1rem, 4vw, 2rem) clamp(3rem, 8vw, 6rem);
  overflow: hidden;
}
.obscurus-preview-hero .theme-hero-copy {
  max-width: 900px;
  position: relative;
  z-index: 2;
}
.obscurus-preview-hero .theme-hero-copy p:not(.eyebrow) {
  max-width: 720px;
}
.obscurus-preview-hero .preview-mode-notice.success {
  max-width: 760px;
  padding: .95rem 1.1rem;
  border-color: rgba(51,214,159,.32);
  background: linear-gradient(135deg, rgba(51,214,159,.095), rgba(0,0,0,.28));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 18px 60px rgba(0,0,0,.26);
}
.obscurus-preview-hero .theme-hero-card {
  align-self: end;
  justify-self: end;
  width: min(100%, 310px);
  min-height: 0;
  padding: 0;
  border-radius: 24px;
  border-color: rgba(255,255,255,.12);
  background: linear-gradient(160deg, rgba(12,13,18,.88), rgba(3,3,6,.92));
  box-shadow: 0 34px 100px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.035);
  overflow: hidden;
}
.obscurus-preview-hero .theme-hero-card::before {
  content: '';
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at 25% 12%, rgba(139,0,0,.24), transparent 34%),
    linear-gradient(135deg, rgba(139,0,0,.12), rgba(184,151,42,.055));
  border: 0;
  opacity: 1;
  pointer-events: none;
}
.obscurus-preview-hero .theme-hero-card > span {
  display: block;
  padding: 1rem 1rem .2rem;
  color: #5ee7ff;
  font-size: .72rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.obscurus-preview-hero .theme-hero-card > strong {
  display: block;
  padding: 0 1rem .7rem;
  color: #f3ecdd;
  font-size: clamp(1.25rem, 2.4vw, 1.75rem);
  line-height: 1.05;
  word-break: break-word;
}
.obscurus-preview-hero .theme-hero-card > p {
  margin: 0;
  padding: .9rem 1rem;
  color: #bfb7a8;
  background: rgba(255,255,255,.035);
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-size: .9rem;
  line-height: 1.55;
}
.obscurus-preview-hero .theme-hero-card .corvyn-preview-mini-list {
  list-style: none;
  margin: 0;
  padding: .9rem 1rem 1rem;
  display: grid;
  gap: .45rem;
  color: #d9d0bf;
  font-size: .78rem;
  line-height: 1.35;
}
.obscurus-preview-hero .theme-hero-card .corvyn-preview-mini-list li {
  display: flex;
  gap: .45rem;
  align-items: flex-start;
}
.obscurus-preview-hero .theme-hero-card .corvyn-preview-mini-list li::before {
  content: '';
  width: .45rem;
  height: .45rem;
  margin-top: .32rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #8B0000, #d4af37);
  flex: 0 0 auto;
}
@media(max-width: 900px) {
  .theme-preview-mode .obscurus-preview-hero,
  .obscurus-preview-hero { grid-template-columns: 1fr; padding-top: 4rem; }
  .obscurus-preview-hero .theme-hero-card { justify-self: stretch; width: 100%; }
}


/* Phase 5.4.47 – Obscurus Hero Layout & Theme Width Roadmap
   Reduces excessive empty hero height, aligns preview width with the rest of the demo, and documents the future width modes. */
.theme-preview-mode .obscurus-preview-hero,
.obscurus-preview-hero {
  width: min(1180px, calc(100% - 2rem));
  min-height: clamp(560px, 68vh, 760px);
  margin: 0 auto;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
  align-items: center;
  padding: clamp(3rem, 7vw, 5.25rem) clamp(1rem, 3vw, 1.75rem);
}
.theme-preview-mode .obscurus-preview-hero .theme-hero-copy,
.obscurus-preview-hero .theme-hero-copy {
  padding-top: clamp(1rem, 3vw, 2rem);
}
.theme-preview-mode .obscurus-preview-hero h1,
.obscurus-preview-hero h1 {
  font-size: clamp(4rem, 11vw, 8.6rem);
  max-width: 100%;
}
.theme-preview-mode .obscurus-preview-hero .theme-hero-card,
.obscurus-preview-hero .theme-hero-card {
  align-self: center;
  width: min(100%, 290px);
}
.theme-preview-mode .obscurus-preview-real,
.theme-preview-mode .obscurus-preview-band,
.theme-preview-mode .obscurus-preview-player-tour,
.theme-preview-mode .obscurus-preview-countdown,
.obscurus-preview-real,
.obscurus-preview-band,
.obscurus-preview-player-tour,
.obscurus-preview-countdown {
  width: min(1180px, calc(100% - 2rem));
}
.theme-preview-mode .obscurus-preview-width-note,
.obscurus-preview-width-note {
  width: min(1180px, calc(100% - 2rem));
  margin: -1rem auto 2rem;
  padding: .95rem 1.1rem;
  border: 1px solid rgba(184,151,42,.20);
  background: linear-gradient(135deg, rgba(184,151,42,.055), rgba(0,0,0,.18));
  color: #c8bfa8;
  font-size: .92rem;
}
.theme-preview-mode .obscurus-preview-width-note strong,
.obscurus-preview-width-note strong { color: #d4af37; }
@media (max-width: 900px) {
  .theme-preview-mode .obscurus-preview-hero,
  .obscurus-preview-hero {
    width: min(100% - 1rem, 1180px);
    min-height: auto;
    grid-template-columns: 1fr;
    padding: 3rem 1rem;
  }
  .theme-preview-mode .obscurus-preview-hero .theme-hero-card,
  .obscurus-preview-hero .theme-hero-card { width: 100%; }
}


/* Phase 5.4.48 – Obscurus Preview Sections II
   Makes the lower render-only preview areas feel like real theme demo sections while staying fully scoped. */
.theme-preview-mode .obscurus-preview-discography,
body.theme-corvyn-obscurus-staging .obscurus-preview-discography {
  padding-top: clamp(3.2rem, 6vw, 5rem);
  padding-bottom: clamp(3.2rem, 6vw, 5rem);
  background:
    radial-gradient(circle at 8% 0%, rgba(139,0,0,.22), transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(184,151,42,.09), transparent 24%),
    linear-gradient(180deg, rgba(8,8,8,.99), rgba(2,2,2,1));
}
.theme-preview-mode .obscurus-preview-heading,
body.theme-corvyn-obscurus-staging .obscurus-preview-heading {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.theme-preview-mode .obscurus-preview-heading h2,
body.theme-corvyn-obscurus-staging .obscurus-preview-heading h2 {
  font-size: clamp(2.2rem, 6vw, 5.4rem);
  letter-spacing: .06em;
  text-shadow: 0 0 34px rgba(139,0,0,.28);
}
.theme-preview-mode .obscurus-preview-albums,
body.theme-corvyn-obscurus-staging .obscurus-preview-albums {
  gap: clamp(.9rem, 1.8vw, 1.35rem);
}
.theme-preview-mode .obscurus-album-preview-card,
body.theme-corvyn-obscurus-staging .obscurus-album-preview-card {
  position: relative;
  min-height: 340px;
  padding: 1.05rem;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)),
    radial-gradient(circle at 52% 18%, rgba(139,0,0,.22), transparent 42%),
    #090909;
}
.theme-preview-mode .obscurus-album-preview-card small,
body.theme-corvyn-obscurus-staging .obscurus-album-preview-card small {
  align-self: flex-start;
  padding: .18rem .48rem;
  border: 1px solid rgba(184,151,42,.28);
  background: rgba(184,151,42,.06);
}
.theme-preview-mode .obscurus-preview-album-art,
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art {
  height: 188px;
  margin-bottom: .45rem;
  border-color: rgba(139,0,0,.38);
  background:
    radial-gradient(circle at 50% 50%, rgba(139,0,0,.38) 0 16%, #111 17% 25%, transparent 26%),
    radial-gradient(circle at 50% 50%, #1c1111, #050505 70%),
    repeating-conic-gradient(from 0deg, #111 0deg 1deg, #1b1b1b 1deg 2deg);
  box-shadow:
    inset 0 0 42px rgba(0,0,0,.84),
    0 20px 55px rgba(0,0,0,.35),
    0 0 30px rgba(139,0,0,.10);
}
.theme-preview-mode .obscurus-preview-live-split,
body.theme-corvyn-obscurus-staging .obscurus-preview-live-split {
  align-items: stretch;
  gap: clamp(1rem, 2vw, 1.5rem);
  background:
    radial-gradient(circle at 68% 22%, rgba(139,0,0,.18), transparent 28%),
    linear-gradient(145deg, #060606, #010101 78%);
}
.theme-preview-mode .obscurus-preview-player,
body.theme-corvyn-obscurus-staging .obscurus-preview-player {
  min-height: 360px;
  border-color: rgba(139,0,0,.28);
  background:
    radial-gradient(circle at 22% 50%, rgba(139,0,0,.17), transparent 34%),
    linear-gradient(145deg, rgba(18,18,18,.82), rgba(0,0,0,.45));
}
.theme-preview-mode .obscurus-vinyl,
body.theme-corvyn-obscurus-staging .obscurus-vinyl {
  width: clamp(150px, 18vw, 220px);
  height: clamp(150px, 18vw, 220px);
  box-shadow:
    inset 0 0 44px rgba(0,0,0,.92),
    0 0 0 10px rgba(255,255,255,.025),
    0 32px 80px rgba(0,0,0,.55);
}
.theme-preview-mode .obscurus-preview-tour,
body.theme-corvyn-obscurus-staging .obscurus-preview-tour {
  display: flex;
  flex-direction: column;
  gap: .72rem;
  border-color: rgba(184,151,42,.18);
}
.theme-preview-mode .obscurus-tour-row,
body.theme-corvyn-obscurus-staging .obscurus-tour-row {
  display: grid;
  grid-template-columns: 72px minmax(0,1fr) auto;
  gap: .85rem;
  align-items: center;
  padding: .78rem .8rem;
  border: 1px solid rgba(255,255,255,.08);
  border-left: 3px solid rgba(139,0,0,.78);
  background: rgba(255,255,255,.025);
}
.theme-preview-mode .obscurus-tour-row strong,
body.theme-corvyn-obscurus-staging .obscurus-tour-row strong {
  color: #b01a1a;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.theme-preview-mode .obscurus-tour-row span,
body.theme-corvyn-obscurus-staging .obscurus-tour-row span { color: #efe7d7; }
.theme-preview-mode .obscurus-tour-row em,
body.theme-corvyn-obscurus-staging .obscurus-tour-row em {
  font-style: normal;
  color: #d4af37;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.theme-preview-mode .obscurus-preview-release-ritual,
body.theme-corvyn-obscurus-staging .obscurus-preview-release-ritual {
  position: relative;
  min-height: 420px;
  background:
    radial-gradient(circle at 50% 50%, rgba(139,0,0,.25), transparent 38%),
    linear-gradient(135deg, #100000, #030306 70%);
}
.theme-preview-mode .obscurus-preview-release-ritual::before,
body.theme-corvyn-obscurus-staging .obscurus-preview-release-ritual::before {
  content: 'ᚠ';
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%,-50%);
  font-size: clamp(9rem, 22vw, 20rem);
  color: transparent;
  -webkit-text-stroke: 1px rgba(139,0,0,.10);
  pointer-events: none;
}
.theme-preview-mode .obscurus-preview-release-ritual > *,
body.theme-corvyn-obscurus-staging .obscurus-preview-release-ritual > * { position: relative; z-index: 1; }
.theme-preview-mode .obscurus-count-units b,
body.theme-corvyn-obscurus-staging .obscurus-count-units b {
  min-width: 105px;
  padding: 1.25rem 1rem;
  background:
    linear-gradient(180deg, rgba(139,0,0,.12), rgba(0,0,0,.28));
  border-color: rgba(139,0,0,.46);
}
.theme-preview-mode .obscurus-preview-lower-world,
body.theme-corvyn-obscurus-staging .obscurus-preview-lower-world {
  background:
    radial-gradient(circle at 5% 0%, rgba(139,0,0,.16), transparent 30%),
    radial-gradient(circle at 96% 12%, rgba(184,151,42,.07), transparent 26%),
    linear-gradient(145deg, #090909, #020202);
}
.theme-preview-mode .obscurus-preview-feature-grid article,
body.theme-corvyn-obscurus-staging .obscurus-preview-feature-grid article {
  border-color: rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)),
    radial-gradient(circle at 100% 0%, rgba(139,0,0,.18), transparent 36%);
  min-height: 210px;
}
.theme-preview-mode .obscurus-preview-feature-grid article h3,
body.theme-corvyn-obscurus-staging .obscurus-preview-feature-grid article h3 {
  color: #f3ecdd;
  font-size: 1.35rem;
}
.theme-preview-mode .obscurus-preview-feature-grid article p,
body.theme-corvyn-obscurus-staging .obscurus-preview-feature-grid article p { color: #9c927e; }
@media (max-width: 760px) {
  .theme-preview-mode .obscurus-tour-row,
  body.theme-corvyn-obscurus-staging .obscurus-tour-row { grid-template-columns: 1fr; gap: .28rem; }
  .theme-preview-mode .obscurus-count-units b,
  body.theme-corvyn-obscurus-staging .obscurus-count-units b { min-width: 86px; }
}


/* Phase 5.4.49 – Obscurus Theme-Chrome Preview I
   Preview-only sketch for future ThemeRenderer-controlled header/footer skins. */
.theme-preview-mode .obscurus-preview-chrome-demo,
body.theme-corvyn-obscurus-staging .obscurus-preview-chrome-demo {
  width: min(1180px, calc(100% - 2rem));
  margin: 0 auto 3rem;
  padding: clamp(2rem, 4vw, 3rem);
  border: 1px solid rgba(184,151,42,.18);
  background:
    radial-gradient(circle at 10% 0%, rgba(139,0,0,.16), transparent 34%),
    radial-gradient(circle at 92% 100%, rgba(184,151,42,.09), transparent 32%),
    linear-gradient(145deg, rgba(12,12,12,.98), rgba(2,2,2,1));
  box-shadow: 0 28px 90px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.025);
}
.theme-preview-mode .obscurus-chrome-preview-grid,
body.theme-corvyn-obscurus-staging .obscurus-chrome-preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.theme-preview-mode .obscurus-chrome-preview-card,
body.theme-corvyn-obscurus-staging .obscurus-chrome-preview-card {
  position: relative;
  overflow: hidden;
  padding: 1.2rem;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
}
.theme-preview-mode .obscurus-chrome-preview-card::before,
body.theme-corvyn-obscurus-staging .obscurus-chrome-preview-card::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: linear-gradient(#8B0000, #b8972a);
}
.theme-preview-mode .obscurus-chrome-preview-card small,
body.theme-corvyn-obscurus-staging .obscurus-chrome-preview-card small {
  display: inline-flex;
  margin-bottom: .9rem;
  color: #b8972a;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .7rem;
}
.theme-preview-mode .obscurus-chrome-bar,
body.theme-corvyn-obscurus-staging .obscurus-chrome-bar {
  display: flex;
  align-items: center;
  gap: .7rem;
  flex-wrap: wrap;
  padding: .85rem;
  margin-bottom: .9rem;
  border: 1px solid rgba(139,0,0,.26);
  background: rgba(0,0,0,.45);
}
.theme-preview-mode .obscurus-chrome-bar strong,
body.theme-corvyn-obscurus-staging .obscurus-chrome-bar strong {
  margin-right: auto;
  color: #f2ecde;
  letter-spacing: .18em;
}
.theme-preview-mode .obscurus-chrome-bar span,
body.theme-corvyn-obscurus-staging .obscurus-chrome-bar span {
  color: #8f8675;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .1em;
}
.theme-preview-mode .obscurus-chrome-bar em,
body.theme-corvyn-obscurus-staging .obscurus-chrome-bar em {
  font-style: normal;
  padding: .35rem .62rem;
  border: 1px solid rgba(139,0,0,.42);
  color: #f2ecde;
  background: rgba(139,0,0,.22);
  font-size: .72rem;
}
.theme-preview-mode .obscurus-footer-mini,
body.theme-corvyn-obscurus-staging .obscurus-footer-mini {
  display: grid;
  gap: .45rem;
  padding: 1rem;
  margin-bottom: .9rem;
  border-top: 2px solid rgba(139,0,0,.42);
  background: rgba(0,0,0,.35);
}
.theme-preview-mode .obscurus-footer-mini strong,
body.theme-corvyn-obscurus-staging .obscurus-footer-mini strong { color: #f2ecde; }
.theme-preview-mode .obscurus-footer-mini span,
body.theme-corvyn-obscurus-staging .obscurus-footer-mini span { color: #8f8675; }
.theme-preview-mode .obscurus-footer-mini i,
body.theme-corvyn-obscurus-staging .obscurus-footer-mini i { color: #8B0000; letter-spacing: .35em; font-style: normal; }
.theme-preview-mode .obscurus-chrome-preview-card p,
body.theme-corvyn-obscurus-staging .obscurus-chrome-preview-card p { color: #9c927e; }
.theme-preview-mode .obscurus-chrome-preview-card code,
body.theme-corvyn-obscurus-staging .obscurus-chrome-preview-card code {
  color: #d4af37;
  background: rgba(184,151,42,.08);
  padding: .1rem .25rem;
}
@media (max-width: 900px) {
  .theme-preview-mode .obscurus-chrome-preview-grid,
  body.theme-corvyn-obscurus-staging .obscurus-chrome-preview-grid { grid-template-columns: 1fr; }
}


/* Phase 5.4.50 – Obscurus Preview Divider Scope Fix
   The thin ritual divider must stay inside each preview section and must never span over the whole page/content. */
.theme-preview-mode .obscurus-preview-section,
body.theme-corvyn-obscurus-staging .obscurus-preview-section {
  position: relative;
  isolation: isolate;
}
.theme-preview-mode .obscurus-preview-section::after,
body.theme-corvyn-obscurus-staging .obscurus-preview-section::after {
  left: clamp(1.25rem, 8%, 7rem);
  right: clamp(1.25rem, 8%, 7rem);
  bottom: 0;
  opacity: .72;
}


/* Phase 5.4.52: Obscurus Contact/Booking preview adapter */
.obscurus-preview-contact {
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
    gap:1.5rem;
    align-items:stretch;
    background:radial-gradient(circle at 20% 20%,rgba(139,0,0,.16),transparent 36%),#070707;
    border:1px solid rgba(139,0,0,.28);
    padding:clamp(1.5rem,4vw,3rem);
}
.obscurus-preview-contact h2 { margin:.35rem 0 .8rem; font-size:clamp(2rem,5vw,4rem); color:#f2eadc; }
.obscurus-preview-contact p { color:#a79b87; max-width:680px; }
.obscurus-contact-tags { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.25rem; }
.obscurus-contact-tags span { border:1px solid rgba(184,151,42,.36); color:#d4af37; background:rgba(184,151,42,.08); padding:.35rem .65rem; text-transform:uppercase; font-size:.68rem; letter-spacing:.12em; font-weight:800; }
.obscurus-contact-panel { border:1px solid rgba(255,255,255,.08); background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(139,0,0,.08)); padding:1.2rem; display:grid; gap:.75rem; box-shadow:0 20px 60px rgba(0,0,0,.35); }
.obscurus-contact-row { display:grid; grid-template-columns:90px 1fr; gap:.8rem; align-items:center; border-bottom:1px solid rgba(255,255,255,.06); padding:.65rem 0; }
.obscurus-contact-row strong { color:#b01a1a; text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; }
.obscurus-contact-row span { color:#f2eadc; word-break:break-word; }
.obscurus-contact-actions { display:flex; gap:.7rem; flex-wrap:wrap; padding-top:.6rem; }
.obscurus-contact-actions a { display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(139,0,0,.75); color:#f2eadc; background:#8B0000; padding:.65rem .9rem; text-transform:uppercase; letter-spacing:.1em; font-weight:900; font-size:.72rem; text-decoration:none; }
.obscurus-contact-actions a:nth-child(2) { background:transparent; border-color:rgba(184,151,42,.5); color:#d4af37; }
@media(max-width:860px){.obscurus-preview-contact{grid-template-columns:1fr}.obscurus-contact-row{grid-template-columns:1fr;gap:.2rem}}


/* Phase 5.4.54 – Obscurus vinyl tonearm + album icon sizing polish
   Preview-only polish: the player gets a visible tonearm and the ritual icon circles stay proportionate. */
.obscurus-preview-cover,
.obscurus-preview-album-art {
  position: relative;
  overflow: hidden;
  font-size: 0;
}
.obscurus-preview-cover span,
.obscurus-preview-album-art span {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(54px, 5vw, 72px);
  height: clamp(54px, 5vw, 72px);
  border-radius: 50%;
  color: #b01a1a;
  font-size: clamp(1.7rem, 2.1vw, 2.5rem);
  line-height: 1;
  background: radial-gradient(circle at 50% 50%, rgba(139,0,0,.30) 0 40%, rgba(139,0,0,.12) 58%, transparent 72%);
  box-shadow: 0 0 28px rgba(139,0,0,.18), inset 0 0 18px rgba(0,0,0,.35);
  text-shadow: 0 0 18px rgba(139,0,0,.7);
}
.obscurus-preview-cover span {
  width: clamp(66px, 6vw, 86px);
  height: clamp(66px, 6vw, 86px);
  font-size: clamp(2rem, 3vw, 3.4rem);
}
.obscurus-vinyl {
  position: relative;
  overflow: visible;
}
.obscurus-vinyl::before {
  content: '';
  position: absolute;
  inset: 50% auto auto 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: #0a0a0a;
  box-shadow: 0 0 0 3px rgba(215, 192, 130, .14), 0 0 0 8px rgba(0,0,0,.22);
  z-index: 2;
}
.obscurus-vinyl-arm {
  position: absolute;
  right: -2px;
  top: 20px;
  width: clamp(86px, 9vw, 118px);
  height: 10px;
  border-radius: 999px;
  transform-origin: calc(100% - 10px) 50%;
  transform: rotate(30deg);
  background: linear-gradient(90deg, rgba(212,175,55,.12), rgba(219, 210, 196, .95) 28%, rgba(86,80,73,.98) 100%);
  box-shadow: 0 0 0 1px rgba(255,255,255,.05), 0 10px 28px rgba(0,0,0,.38);
  z-index: 3;
}
.obscurus-vinyl-arm::before {
  content: '';
  position: absolute;
  right: -8px;
  top: 50%;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  transform: translateY(-50%);
  background: radial-gradient(circle at 40% 35%, #4f4742, #181512 70%);
  box-shadow: 0 0 0 1px rgba(255,255,255,.08), inset 0 0 10px rgba(0,0,0,.45);
}
.obscurus-vinyl-arm::after {
  content: '';
  position: absolute;
  left: -5px;
  top: 50%;
  width: 20px;
  height: 3px;
  border-radius: 999px;
  transform: translateY(-50%) rotate(-16deg);
  background: linear-gradient(90deg, #8a8175, #d9d3ca);
}
.obscurus-vinyl-arm i {
  position: absolute;
  left: -7px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  transform: translateY(-50%);
  background: linear-gradient(145deg, #f3eee3, #8e8376);
  box-shadow: 0 0 0 1px rgba(0,0,0,.3);
}
.obscurus-vinyl--playing .obscurus-vinyl-arm {
  transform: rotate(18deg);
}
@media (max-width: 900px) {
  .obscurus-vinyl-arm {
    top: 14px;
    right: -10px;
    transform: rotate(24deg);
  }
  .obscurus-vinyl--playing .obscurus-vinyl-arm {
    transform: rotate(16deg);
  }
}


/* Phase 5.4.54.1 – Obscurus tonearm visibility + true icon-size ritual circles
   Hotfix: the player arm must stay visible/static while only the disc appearance rotates;
   album icon backgrounds now hug the glyph size instead of forming oversized red disks. */
.theme-preview-mode .obscurus-preview-cover span,
body.theme-corvyn-obscurus-staging .obscurus-preview-cover span,
.theme-preview-mode .obscurus-preview-album-art span,
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art span {
  width: 1.28em !important;
  height: 1.28em !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 50% 50%, rgba(139,0,0,.30) 0 42%, rgba(139,0,0,.12) 43% 56%, transparent 57% 100%) !important;
  box-shadow: 0 0 18px rgba(139,0,0,.18), inset 0 0 10px rgba(0,0,0,.32) !important;
}
.theme-preview-mode .obscurus-preview-album-art span,
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art span {
  font-size: clamp(2.35rem, 3.1vw, 3.5rem) !important;
}
.theme-preview-mode .obscurus-preview-cover span,
body.theme-corvyn-obscurus-staging .obscurus-preview-cover span {
  font-size: clamp(2.75rem, 4vw, 4.6rem) !important;
}
.theme-preview-mode .obscurus-vinyl,
body.theme-corvyn-obscurus-staging .obscurus-vinyl {
  position: relative !important;
  overflow: visible !important;
  animation: none !important;
  isolation: isolate;
}
.theme-preview-mode .obscurus-vinyl::after,
body.theme-corvyn-obscurus-staging .obscurus-vinyl::after {
  z-index: 1;
  pointer-events: none;
}
.theme-preview-mode .obscurus-vinyl span,
body.theme-corvyn-obscurus-staging .obscurus-vinyl span {
  position: relative;
  z-index: 2;
}
.theme-preview-mode .obscurus-vinyl-arm,
body.theme-corvyn-obscurus-staging .obscurus-vinyl-arm {
  display: block !important;
  position: absolute !important;
  right: -46px !important;
  top: -24px !important;
  width: 138px !important;
  height: 92px !important;
  transform-origin: 118px 24px !important;
  transform: rotate(27deg) !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  z-index: 8 !important;
  pointer-events: none !important;
  opacity: 1 !important;
}
.theme-preview-mode .obscurus-vinyl-arm::before,
body.theme-corvyn-obscurus-staging .obscurus-vinyl-arm::before {
  content: '' !important;
  position: absolute !important;
  right: 0 !important;
  top: 10px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  transform: none !important;
  background: radial-gradient(circle at 38% 32%, #6d6257, #2a241e 58%, #0d0b09 100%) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 0 22px rgba(0,0,0,.58), inset 0 0 12px rgba(0,0,0,.58) !important;
}
.theme-preview-mode .obscurus-vinyl-arm::after,
body.theme-corvyn-obscurus-staging .obscurus-vinyl-arm::after {
  content: '' !important;
  position: absolute !important;
  right: 24px !important;
  top: 24px !important;
  width: 106px !important;
  height: 7px !important;
  border-radius: 999px !important;
  transform: rotate(118deg) !important;
  transform-origin: right center !important;
  background: linear-gradient(90deg, #d8d0c2 0%, #7d7166 48%, #2a241e 100%) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.07), 0 10px 24px rgba(0,0,0,.52) !important;
}
.theme-preview-mode .obscurus-vinyl-arm i,
body.theme-corvyn-obscurus-staging .obscurus-vinyl-arm i {
  display: block !important;
  position: absolute !important;
  left: 7px !important;
  top: 82px !important;
  width: 14px !important;
  height: 18px !important;
  border-radius: 2px 2px 6px 6px !important;
  transform: rotate(-20deg) !important;
  background: linear-gradient(145deg, #f2eadc, #6f6358) !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,.38), 0 0 12px rgba(184,151,42,.22) !important;
}
.theme-preview-mode .obscurus-vinyl--playing .obscurus-vinyl-arm,
body.theme-corvyn-obscurus-staging .obscurus-vinyl--playing .obscurus-vinyl-arm {
  transform: rotate(18deg) !important;
}
@media (max-width: 900px) {
  .theme-preview-mode .obscurus-vinyl-arm,
  body.theme-corvyn-obscurus-staging .obscurus-vinyl-arm {
    right: -34px !important;
    top: -20px !important;
    width: 116px !important;
    height: 78px !important;
    transform-origin: 98px 22px !important;
  }
  .theme-preview-mode .obscurus-vinyl-arm::after,
  body.theme-corvyn-obscurus-staging .obscurus-vinyl-arm::after {
    width: 88px !important;
  }
  .theme-preview-mode .obscurus-vinyl-arm i,
  body.theme-corvyn-obscurus-staging .obscurus-vinyl-arm i {
    left: 8px !important;
    top: 70px !important;
  }
}


/* Phase 5.4.54.2 – Obscurus icon-circle, vinyl arm and safe radius runtime fix
   The album ritual circle now belongs to the glyph itself, the tonearm is drawn from
   the player frame so it cannot disappear behind the record, and preview cards/buttons
   consume safe --corvyn-theme-* radius variables in the real frontend preview. */
.theme-preview-mode .obscurus-preview-album-art,
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art,
.theme-preview-mode .obscurus-preview-cover,
body.theme-corvyn-obscurus-staging .obscurus-preview-cover {
  overflow: hidden !important;
}
.theme-preview-mode .obscurus-preview-album-art span,
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art span,
.theme-preview-mode .obscurus-preview-cover span,
body.theme-corvyn-obscurus-staging .obscurus-preview-cover span {
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
  color: #b01a1a !important;
  text-shadow: 0 0 14px rgba(176,26,26,.72), 0 0 30px rgba(139,0,0,.32) !important;
}
.theme-preview-mode .obscurus-preview-album-art span::before,
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art span::before,
.theme-preview-mode .obscurus-preview-cover span::before,
body.theme-corvyn-obscurus-staging .obscurus-preview-cover span::before {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: .86em !important;
  height: .86em !important;
  border-radius: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: radial-gradient(circle at 50% 50%, rgba(139,0,0,.28) 0 48%, rgba(139,0,0,.13) 49% 62%, transparent 63% 100%) !important;
  box-shadow: 0 0 18px rgba(139,0,0,.20), inset 0 0 10px rgba(0,0,0,.42) !important;
  z-index: -1 !important;
}
.theme-preview-mode .obscurus-preview-album-art span,
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art span {
  font-size: clamp(2.05rem, 2.4vw, 2.85rem) !important;
}
.theme-preview-mode .obscurus-preview-cover span,
body.theme-corvyn-obscurus-staging .obscurus-preview-cover span {
  font-size: clamp(2.55rem, 3.6vw, 4.15rem) !important;
}

.theme-preview-mode .obscurus-preview-player,
body.theme-corvyn-obscurus-staging .obscurus-preview-player {
  position: relative !important;
  overflow: visible !important;
  grid-template-columns: minmax(190px, 230px) minmax(0,1fr) !important;
  gap: clamp(2rem, 4vw, 3rem) !important;
  padding-top: clamp(2rem, 4vw, 3rem) !important;
  border-radius: var(--corvyn-theme-card-radius, 0px) !important;
}
.theme-preview-mode .obscurus-vinyl,
body.theme-corvyn-obscurus-staging .obscurus-vinyl {
  width: clamp(148px, 15vw, 176px) !important;
  height: clamp(148px, 15vw, 176px) !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
}
.theme-preview-mode .obscurus-vinyl-arm,
body.theme-corvyn-obscurus-staging .obscurus-vinyl-arm {
  display: none !important;
}
.theme-preview-mode .obscurus-preview-player::before,
body.theme-corvyn-obscurus-staging .obscurus-preview-player::before {
  content: '' !important;
  position: absolute !important;
  left: clamp(146px, 15vw, 188px) !important;
  top: clamp(1.05rem, 2.5vw, 1.65rem) !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 38% 32%, #776a5f 0 18%, #2b251f 58%, #090807 100%) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 0 0 5px rgba(0,0,0,.28), 0 18px 42px rgba(0,0,0,.58), inset 0 0 12px rgba(0,0,0,.52) !important;
  z-index: 8 !important;
  pointer-events: none !important;
}
.theme-preview-mode .obscurus-preview-player::after,
body.theme-corvyn-obscurus-staging .obscurus-preview-player::after {
  content: '' !important;
  position: absolute !important;
  left: clamp(76px, 8vw, 106px) !important;
  top: clamp(3.15rem, 5vw, 4rem) !important;
  width: clamp(112px, 11vw, 146px) !important;
  height: 8px !important;
  border-radius: 999px !important;
  transform: rotate(-32deg) !important;
  transform-origin: right center !important;
  background: linear-gradient(90deg, #f1eadc 0%, #9b8e7e 45%, #2a241e 100%) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 14px 32px rgba(0,0,0,.58), 0 0 18px rgba(184,151,42,.12) !important;
  z-index: 9 !important;
  pointer-events: none !important;
}
.theme-preview-mode .obscurus-player-copy,
body.theme-corvyn-obscurus-staging .obscurus-player-copy {
  position: relative !important;
  z-index: 2 !important;
}

.theme-preview-mode .obscurus-album-preview-card,
body.theme-corvyn-obscurus-staging .obscurus-album-preview-card,
.theme-preview-mode .obscurus-preview-feature-grid article,
body.theme-corvyn-obscurus-staging .obscurus-preview-feature-grid article,
.theme-preview-mode .obscurus-preview-player,
body.theme-corvyn-obscurus-staging .obscurus-preview-player,
.theme-preview-mode .obscurus-preview-tour,
body.theme-corvyn-obscurus-staging .obscurus-preview-tour,
.theme-preview-mode .obscurus-preview-countdown,
body.theme-corvyn-obscurus-staging .obscurus-preview-countdown,
.theme-preview-mode .obscurus-preview-contact,
body.theme-corvyn-obscurus-staging .obscurus-preview-contact,
.theme-preview-mode .obscurus-preview-scope-card,
body.theme-corvyn-obscurus-staging .obscurus-preview-scope-card,
.theme-preview-mode .obscurus-preview-album,
body.theme-corvyn-obscurus-staging .obscurus-preview-album {
  border-radius: var(--corvyn-theme-card-radius, 0px) !important;
}
.theme-preview-mode .obscurus-preview-actions a,
body.theme-corvyn-obscurus-staging .obscurus-preview-actions a,
.theme-preview-mode .obscurus-demo-action,
body.theme-corvyn-obscurus-staging .obscurus-demo-action,
.theme-preview-mode .obscurus-album-preview-card a,
body.theme-corvyn-obscurus-staging .obscurus-album-preview-card a,
.theme-preview-mode .obscurus-contact-actions a,
body.theme-corvyn-obscurus-staging .obscurus-contact-actions a {
  border-radius: var(--corvyn-theme-button-radius, 0px) !important;
}
@media (max-width: 900px) {
  .theme-preview-mode .obscurus-preview-player,
  body.theme-corvyn-obscurus-staging .obscurus-preview-player {
    grid-template-columns: 1fr !important;
    padding-top: 2.25rem !important;
  }
  .theme-preview-mode .obscurus-preview-player::before,
  body.theme-corvyn-obscurus-staging .obscurus-preview-player::before {
    left: calc(50% + 48px) !important;
    top: 1rem !important;
  }
  .theme-preview-mode .obscurus-preview-player::after,
  body.theme-corvyn-obscurus-staging .obscurus-preview-player::after {
    left: calc(50% - 64px) !important;
    top: 3.4rem !important;
    width: 126px !important;
  }
}

/* Phase 5.4.54.3 – Obscurus final preview tonearm/icon/radius/cache polish
   This layer intentionally overrides earlier experimental tonearm/icon rules. The
   tonearm is anchored to the record again, icon ritual circles are glyph-sized,
   and real preview cards consume both new and legacy radius variables. */
.theme-preview-mode .obscurus-preview-album-art,
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art,
.theme-preview-mode .obscurus-preview-cover,
body.theme-corvyn-obscurus-staging .obscurus-preview-cover {
  overflow: visible !important;
}
.theme-preview-mode .obscurus-preview-album-art span,
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art span,
.theme-preview-mode .obscurus-preview-cover span,
body.theme-corvyn-obscurus-staging .obscurus-preview-cover span {
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1em !important;
  height: 1em !important;
  min-width: 1em !important;
  min-height: 1em !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
  color: #b01a1a !important;
  text-shadow: 0 0 12px rgba(176,26,26,.75), 0 0 26px rgba(139,0,0,.35) !important;
}
.theme-preview-mode .obscurus-preview-album-art span::before,
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art span::before,
.theme-preview-mode .obscurus-preview-cover span::before,
body.theme-corvyn-obscurus-staging .obscurus-preview-cover span::before {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 1.22em !important;
  height: 1.22em !important;
  border-radius: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: radial-gradient(circle at 50% 50%, rgba(139,0,0,.34) 0 46%, rgba(139,0,0,.18) 47% 62%, transparent 63% 100%) !important;
  box-shadow: 0 0 16px rgba(139,0,0,.22), inset 0 0 10px rgba(0,0,0,.45) !important;
  z-index: -1 !important;
}
.theme-preview-mode .obscurus-preview-album-art span,
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art span { font-size: clamp(2rem, 2.2vw, 2.55rem) !important; }
.theme-preview-mode .obscurus-preview-cover span,
body.theme-corvyn-obscurus-staging .obscurus-preview-cover span { font-size: clamp(2.4rem, 3.1vw, 3.35rem) !important; }

.theme-preview-mode .obscurus-preview-player,
body.theme-corvyn-obscurus-staging .obscurus-preview-player {
  position: relative !important;
  overflow: visible !important;
  grid-template-columns: minmax(210px, 250px) minmax(0,1fr) !important;
  gap: clamp(2.25rem, 4vw, 3.25rem) !important;
  padding-top: clamp(2.25rem, 4vw, 3rem) !important;
  border-radius: var(--corvyn-theme-card-radius, var(--theme-radius-card, 0px)) !important;
}
.theme-preview-mode .obscurus-preview-player::before,
body.theme-corvyn-obscurus-staging .obscurus-preview-player::before,
.theme-preview-mode .obscurus-preview-player::after,
body.theme-corvyn-obscurus-staging .obscurus-preview-player::after {
  content: none !important;
  display: none !important;
}
.theme-preview-mode .obscurus-vinyl,
body.theme-corvyn-obscurus-staging .obscurus-vinyl {
  width: clamp(148px, 15vw, 174px) !important;
  height: clamp(148px, 15vw, 174px) !important;
  margin: clamp(2.2rem, 4vw, 3rem) auto 0 !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
}
.theme-preview-mode .obscurus-vinyl-arm,
body.theme-corvyn-obscurus-staging .obscurus-vinyl-arm {
  display: block !important;
  position: absolute !important;
  width: 124px !important;
  height: 118px !important;
  right: -48px !important;
  top: -58px !important;
  z-index: 12 !important;
  transform: rotate(7deg) !important;
  transform-origin: 104px 24px !important;
  pointer-events: none !important;
}
.theme-preview-mode .obscurus-vinyl-arm::before,
body.theme-corvyn-obscurus-staging .obscurus-vinyl-arm::before {
  content: '' !important;
  position: absolute !important;
  right: 6px !important;
  top: 7px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 30%, #918577 0 13%, #3d352f 55%, #090807 100%) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 0 0 4px rgba(0,0,0,.3), 0 12px 28px rgba(0,0,0,.55), inset 0 0 10px rgba(0,0,0,.52) !important;
}
.theme-preview-mode .obscurus-vinyl-arm::after,
body.theme-corvyn-obscurus-staging .obscurus-vinyl-arm::after {
  content: '' !important;
  position: absolute !important;
  right: 26px !important;
  top: 34px !important;
  width: 108px !important;
  height: 7px !important;
  border-radius: 999px !important;
  transform: rotate(145deg) !important;
  transform-origin: right center !important;
  background: linear-gradient(90deg, #f2eadc 0%, #a79987 48%, #2f2a24 100%) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 12px 24px rgba(0,0,0,.6) !important;
}
.theme-preview-mode .obscurus-vinyl-arm i,
body.theme-corvyn-obscurus-staging .obscurus-vinyl-arm i {
  display: block !important;
  position: absolute !important;
  left: -3px !important;
  top: 90px !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: #b01a1a !important;
  box-shadow: 0 0 12px rgba(176,26,26,.7) !important;
}
.theme-preview-mode .obscurus-vinyl--playing .obscurus-vinyl-arm,
body.theme-corvyn-obscurus-staging .obscurus-vinyl--playing .obscurus-vinyl-arm {
  transform: rotate(18deg) !important;
}
.theme-preview-mode .obscurus-player-copy,
body.theme-corvyn-obscurus-staging .obscurus-player-copy {
  position: relative !important;
  z-index: 2 !important;
  align-self: center !important;
}

.theme-preview-mode .obscurus-album-preview-card,
body.theme-corvyn-obscurus-staging .obscurus-album-preview-card,
.theme-preview-mode .obscurus-preview-feature-grid article,
body.theme-corvyn-obscurus-staging .obscurus-preview-feature-grid article,
.theme-preview-mode .obscurus-preview-player,
body.theme-corvyn-obscurus-staging .obscurus-preview-player,
.theme-preview-mode .obscurus-preview-tour,
body.theme-corvyn-obscurus-staging .obscurus-preview-tour,
.theme-preview-mode .obscurus-preview-countdown,
body.theme-corvyn-obscurus-staging .obscurus-preview-countdown,
.theme-preview-mode .obscurus-preview-contact,
body.theme-corvyn-obscurus-staging .obscurus-preview-contact,
.theme-preview-mode .obscurus-preview-scope-card,
body.theme-corvyn-obscurus-staging .obscurus-preview-scope-card,
.theme-preview-mode .obscurus-preview-album,
body.theme-corvyn-obscurus-staging .obscurus-preview-album,
.theme-preview-mode .obscurus-preview-section,
body.theme-corvyn-obscurus-staging .obscurus-preview-section {
  border-radius: var(--corvyn-theme-card-radius, var(--theme-radius-card, 0px)) !important;
}
.theme-preview-mode .obscurus-preview-actions a,
body.theme-corvyn-obscurus-staging .obscurus-preview-actions a,
.theme-preview-mode .obscurus-demo-action,
body.theme-corvyn-obscurus-staging .obscurus-demo-action,
.theme-preview-mode .obscurus-album-preview-card a,
body.theme-corvyn-obscurus-staging .obscurus-album-preview-card a,
.theme-preview-mode .obscurus-contact-actions a,
body.theme-corvyn-obscurus-staging .obscurus-contact-actions a,
.theme-preview-mode .obscurus-tour-row em,
body.theme-corvyn-obscurus-staging .obscurus-tour-row em {
  border-radius: var(--corvyn-theme-button-radius, var(--theme-radius-button, 0px)) !important;
}
@media (max-width: 900px) {
  .theme-preview-mode .obscurus-preview-player,
  body.theme-corvyn-obscurus-staging .obscurus-preview-player { grid-template-columns: 1fr !important; }
  .theme-preview-mode .obscurus-vinyl,
  body.theme-corvyn-obscurus-staging .obscurus-vinyl { margin-top: 3rem !important; }
  .theme-preview-mode .obscurus-vinyl-arm,
  body.theme-corvyn-obscurus-staging .obscurus-vinyl-arm { right: -36px !important; top: -54px !important; transform: rotate(12deg) scale(.92) !important; }
  .theme-preview-mode .obscurus-vinyl--playing .obscurus-vinyl-arm,
  body.theme-corvyn-obscurus-staging .obscurus-vinyl--playing .obscurus-vinyl-arm { transform: rotate(22deg) scale(.92) !important; }
}


/* Phase 5.4.55 cache marker: Obscurus-specific visual fixes live in the scoped theme asset. */


/* Phase 5.4.56 – Obscurus preview final layout/player/glyph override
   This is the final safety override after the earlier experimental icon-circle and tonearm layers.
   It removes the separate icon circles completely, uses a real SVG tonearm, and forces all render-only
   Obscurus preview sections to share one width model. */
.theme-preview-mode.theme-corvyn-obscurus-staging,
body.theme-corvyn-obscurus-staging {
  --obscurus-preview-max: 1180px;
  --obscurus-preview-gutter: 2rem;
}
.theme-preview-mode.theme-corvyn-obscurus-staging.theme-width-content-wide,
body.theme-corvyn-obscurus-staging.theme-width-content-wide {
  --obscurus-preview-max: 1440px;
  --obscurus-preview-gutter: 2rem;
}
.theme-preview-mode.theme-corvyn-obscurus-staging.theme-width-content-full,
body.theme-corvyn-obscurus-staging.theme-width-content-full {
  --obscurus-preview-max: 100%;
  --obscurus-preview-gutter: 0px;
}
.theme-preview-mode .obscurus-preview-real,
body.theme-corvyn-obscurus-staging .obscurus-preview-real,
.theme-preview-mode .obscurus-preview-section,
body.theme-corvyn-obscurus-staging .obscurus-preview-section,
.theme-preview-mode .obscurus-preview-safety-note,
body.theme-corvyn-obscurus-staging .obscurus-preview-safety-note {
  box-sizing: border-box !important;
  width: min(var(--obscurus-preview-max), calc(100% - var(--obscurus-preview-gutter))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.theme-preview-mode.theme-width-content-full .obscurus-preview-real,
body.theme-corvyn-obscurus-staging.theme-width-content-full .obscurus-preview-real,
.theme-preview-mode.theme-width-content-full .obscurus-preview-section,
body.theme-corvyn-obscurus-staging.theme-width-content-full .obscurus-preview-section,
.theme-preview-mode.theme-width-content-full .obscurus-preview-safety-note,
body.theme-corvyn-obscurus-staging.theme-width-content-full .obscurus-preview-safety-note {
  width: 100% !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
}
.theme-preview-mode .obscurus-preview-contact,
body.theme-corvyn-obscurus-staging .obscurus-preview-contact {
  width: min(var(--obscurus-preview-max), calc(100% - var(--obscurus-preview-gutter))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* No more separate red icon circles. The album art now uses a clean glyph seal with glow only. */
.theme-preview-mode .obscurus-preview-album-art span,
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art span,
.theme-preview-mode .obscurus-preview-cover span,
body.theme-corvyn-obscurus-staging .obscurus-preview-cover span {
  position: relative !important;
  isolation: auto !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
  color: #b01a1a !important;
  text-shadow: 0 0 12px rgba(176,26,26,.9), 0 0 34px rgba(139,0,0,.45) !important;
  filter: drop-shadow(0 0 12px rgba(139,0,0,.35)) !important;
}
.theme-preview-mode .obscurus-preview-album-art span::before,
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art span::before,
.theme-preview-mode .obscurus-preview-cover span::before,
body.theme-corvyn-obscurus-staging .obscurus-preview-cover span::before,
.theme-preview-mode .obscurus-preview-album-art span::after,
body.theme-corvyn-obscurus-staging .obscurus-preview-album-art span::after,
.theme-preview-mode .obscurus-preview-cover span::after,
body.theme-corvyn-obscurus-staging .obscurus-preview-cover span::after {
  content: none !important;
  display: none !important;
}

/* Stable turntable rebuild based on the working source-preview idea: disc and tonearm are siblings. */
.theme-preview-mode .obscurus-preview-player,
body.theme-corvyn-obscurus-staging .obscurus-preview-player {
  display: grid !important;
  grid-template-columns: minmax(260px, 330px) minmax(0, 1fr) !important;
  gap: clamp(2rem, 4vw, 3.5rem) !important;
  align-items: center !important;
  min-height: 430px !important;
  overflow: hidden !important;
  border-radius: var(--corvyn-theme-card-radius, var(--theme-radius-card, 0px)) !important;
}
.theme-preview-mode .obscurus-preview-player::before,
body.theme-corvyn-obscurus-staging .obscurus-preview-player::before,
.theme-preview-mode .obscurus-preview-player::after,
body.theme-corvyn-obscurus-staging .obscurus-preview-player::after {
  content: none !important;
  display: none !important;
}
.theme-preview-mode .obscurus-turntable,
body.theme-corvyn-obscurus-staging .obscurus-turntable {
  position: relative !important;
  width: min(100%, 320px) !important;
  height: 300px !important;
  margin: 0 auto !important;
  display: block !important;
  overflow: visible !important;
}
.theme-preview-mode .obscurus-turntable .obscurus-vinyl,
body.theme-corvyn-obscurus-staging .obscurus-turntable .obscurus-vinyl {
  position: absolute !important;
  left: 18px !important;
  bottom: 22px !important;
  width: clamp(170px, 18vw, 220px) !important;
  height: clamp(170px, 18vw, 220px) !important;
  margin: 0 !important;
  overflow: visible !important;
  z-index: 2 !important;
}
.theme-preview-mode .obscurus-vinyl-arm,
body.theme-corvyn-obscurus-staging .obscurus-vinyl-arm {
  display: none !important;
}
.theme-preview-mode .obscurus-tonearm,
body.theme-corvyn-obscurus-staging .obscurus-tonearm {
  position: absolute !important;
  top: 8px !important;
  right: 18px !important;
  width: 138px !important;
  height: 190px !important;
  z-index: 6 !important;
  transform-origin: 104px 22px !important;
  transform: rotate(6deg) !important;
  pointer-events: none !important;
  filter: drop-shadow(0 16px 20px rgba(0,0,0,.55)) !important;
}
.theme-preview-mode .obscurus-vinyl--playing + .obscurus-tonearm,
body.theme-corvyn-obscurus-staging .obscurus-vinyl--playing + .obscurus-tonearm {
  transform: rotate(16deg) !important;
}
.theme-preview-mode .obscurus-tonearm svg,
body.theme-corvyn-obscurus-staging .obscurus-tonearm svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}
.theme-preview-mode .obscurus-player-copy,
body.theme-corvyn-obscurus-staging .obscurus-player-copy {
  min-width: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}
@media (max-width: 900px) {
  .theme-preview-mode .obscurus-preview-player,
  body.theme-corvyn-obscurus-staging .obscurus-preview-player {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  .theme-preview-mode .obscurus-turntable,
  body.theme-corvyn-obscurus-staging .obscurus-turntable {
    height: 260px !important;
  }
}


/* Phase 5.4.59 – Theme-Chrome safe renderer skins
   Header/Footer are still rendered by ThemeRenderer. Themes only influence safe classes/skins. */
body.frontend-theme.theme-width-chrome-wide .site-header,
body.frontend-theme.theme-width-chrome-wide .site-footer {
  width: min(1440px, calc(100% - 32px));
}
body.frontend-theme.theme-width-chrome-full .site-header,
body.frontend-theme.theme-width-chrome-full .site-footer {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 0;
}
body.theme-corvyn-obscurus-staging.theme-header-skin-obscurus-ritual .site-header,
body.theme-corvyn-obscurus-staging .site-header.chrome-header-skin-obscurus-ritual {
  background: linear-gradient(180deg, rgba(10,10,10,.96), rgba(16,10,10,.88)) !important;
  border-color: rgba(139,0,0,.38) !important;
  box-shadow: 0 20px 70px rgba(0,0,0,.55), inset 0 -1px 0 rgba(184,151,42,.16) !important;
}
body.theme-corvyn-obscurus-staging.theme-header-skin-obscurus-ritual .site-brand-name,
body.theme-corvyn-obscurus-staging .site-header.chrome-header-skin-obscurus-ritual .site-brand-name {
  font-family: Georgia, 'Times New Roman', serif;
  letter-spacing: .16em;
  text-transform: uppercase;
}
body.theme-corvyn-obscurus-staging.theme-nav-style-runic-dark .site-nav a,
body.theme-corvyn-obscurus-staging .site-header.chrome-nav-style-runic-dark .site-nav a {
  border-radius: 0;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .74rem;
  color: color-mix(in srgb, var(--corvyn-theme-text-color, #c8bfa8) 70%, transparent);
}
body.theme-corvyn-obscurus-staging.theme-nav-style-runic-dark .site-nav a:hover,
body.theme-corvyn-obscurus-staging .site-header.chrome-nav-style-runic-dark .site-nav a:hover {
  background: rgba(139,0,0,.12);
  color: var(--corvyn-theme-text-color, #e8e0d0);
}
body.theme-corvyn-obscurus-staging.theme-footer-skin-obscurus-abyss .site-footer,
body.theme-corvyn-obscurus-staging .site-footer.chrome-footer-skin-obscurus-abyss {
  background: linear-gradient(180deg, rgba(12,12,12,.94), rgba(5,5,5,.98)) !important;
  border-color: rgba(139,0,0,.34) !important;
  box-shadow: 0 -18px 70px rgba(0,0,0,.45), inset 0 1px 0 rgba(184,151,42,.12) !important;
}
body.theme-corvyn-obscurus-staging.theme-footer-layout-columns-dark .site-footer,
body.theme-corvyn-obscurus-staging .site-footer.chrome-footer-layout-columns-dark {
  align-items: flex-start;
}
body.theme-corvyn-obscurus-staging.theme-footer-layout-columns-dark .site-footer-content,
body.theme-corvyn-obscurus-staging .site-footer.chrome-footer-layout-columns-dark .site-footer-content {
  max-width: 680px;
}

/* Phase 5.4.60 – Obscurus player copy polish and section spacing bridge */
.theme-preview-mode.theme-corvyn-obscurus-staging,
body.theme-corvyn-obscurus-staging { --obscurus-section-gap: clamp(2.2rem, 4vw, 3.6rem); }
.theme-preview-mode .obscurus-preview-section,
body.theme-corvyn-obscurus-staging .obscurus-preview-section,
.theme-preview-mode .obscurus-preview-real,
body.theme-corvyn-obscurus-staging .obscurus-preview-real,
.theme-preview-mode .obscurus-preview-safety-note,
body.theme-corvyn-obscurus-staging .obscurus-preview-safety-note { margin-top: var(--obscurus-section-gap) !important; margin-bottom: var(--obscurus-section-gap) !important; }
.theme-preview-mode .obscurus-preview-contact + .obscurus-preview-chrome-demo,
body.theme-corvyn-obscurus-staging .obscurus-preview-contact + .obscurus-preview-chrome-demo { margin-top: calc(var(--obscurus-section-gap) * 1.15) !important; }
.theme-preview-mode .obscurus-preview-player-tour,
body.theme-corvyn-obscurus-staging .obscurus-preview-player-tour { grid-template-columns: minmax(0, 1.36fr) minmax(330px, .64fr) !important; gap: clamp(1.25rem, 2.4vw, 2rem) !important; }
.theme-preview-mode .obscurus-preview-player,
body.theme-corvyn-obscurus-staging .obscurus-preview-player { grid-template-columns: minmax(230px, 310px) minmax(280px, 1fr) !important; gap: clamp(1.35rem, 2.4vw, 2.4rem) !important; padding: clamp(1.7rem, 3.6vw, 3rem) !important; min-height: 390px !important; align-items: center !important; }
.theme-preview-mode .obscurus-player-copy,
body.theme-corvyn-obscurus-staging .obscurus-player-copy { display: grid !important; align-content: center !important; gap: .7rem !important; max-width: 360px !important; min-width: 0 !important; padding-inline: clamp(.25rem, 1vw, .85rem) !important; }
.theme-preview-mode .obscurus-player-copy h2,
body.theme-corvyn-obscurus-staging .obscurus-player-copy h2 { margin: 0 !important; max-width: 9.5em !important; font-size: clamp(1.5rem, 2.35vw, 2.15rem) !important; line-height: 1.12 !important; letter-spacing: .01em !important; }
.theme-preview-mode .obscurus-player-copy p,
body.theme-corvyn-obscurus-staging .obscurus-player-copy p { max-width: 32ch !important; margin: 0 !important; line-height: 1.52 !important; color: #b9ad98 !important; }
.theme-preview-mode .obscurus-progress,
body.theme-corvyn-obscurus-staging .obscurus-progress { width: min(100%, 300px) !important; margin: .35rem 0 .45rem !important; }
.theme-preview-mode .obscurus-track-list,
body.theme-corvyn-obscurus-staging .obscurus-track-list { width: min(100%, 320px) !important; gap: .15rem !important; }
.theme-preview-mode .obscurus-track-list span,
body.theme-corvyn-obscurus-staging .obscurus-track-list span { grid-template-columns: 34px minmax(0, 1fr) 44px !important; gap: .55rem !important; padding: .44rem 0 !important; }
.theme-preview-mode .obscurus-turntable,
body.theme-corvyn-obscurus-staging .obscurus-turntable { width: min(100%, 300px) !important; height: 285px !important; }
.theme-preview-mode .obscurus-turntable .obscurus-vinyl,
body.theme-corvyn-obscurus-staging .obscurus-turntable .obscurus-vinyl { left: 16px !important; bottom: 18px !important; width: clamp(165px, 17vw, 210px) !important; height: clamp(165px, 17vw, 210px) !important; }
.theme-preview-mode .obscurus-tonearm,
body.theme-corvyn-obscurus-staging .obscurus-tonearm { top: 12px !important; right: 22px !important; width: 126px !important; height: 176px !important; transform: rotate(13deg) !important; }
.theme-preview-mode .obscurus-vinyl--playing + .obscurus-tonearm,
body.theme-corvyn-obscurus-staging .obscurus-vinyl--playing + .obscurus-tonearm { transform: rotate(23deg) !important; }
@media (max-width: 1100px) { .theme-preview-mode .obscurus-preview-player-tour, body.theme-corvyn-obscurus-staging .obscurus-preview-player-tour { grid-template-columns: 1fr !important; } .theme-preview-mode .obscurus-preview-player, body.theme-corvyn-obscurus-staging .obscurus-preview-player { grid-template-columns: minmax(220px, 300px) minmax(260px, 1fr) !important; } }
@media (max-width: 760px) { .theme-preview-mode .obscurus-preview-player, body.theme-corvyn-obscurus-staging .obscurus-preview-player { grid-template-columns: 1fr !important; } .theme-preview-mode .obscurus-player-copy, body.theme-corvyn-obscurus-staging .obscurus-player-copy { max-width: 100% !important; } }