/* AUGMANITAI shared page families — appended by the integration layer.
   All rules are scoped to the body attributes supplied by aug-pages-family.json. */
body.sitewide-page[data-page-family] {
  --sw-night: #0b1430;
  --sw-night-soft: #111d3b;
  --sw-cream: #f2eee2;
  --sw-cream-soft: #dfdacd;
  --sw-gold: #c9a23f;
  --sw-gold-light: #e1c979;
  --sw-rule: rgb(201 162 63 / 34%);
  --sw-panel: rgb(13 25 53 / 86%);
  color: var(--sw-cream);
  color-scheme: dark;
  accent-color: var(--sw-gold);
}
body.sitewide-page[data-page-family] ::selection { color: var(--sw-night); background: var(--sw-gold-light); }
body.sitewide-page[data-page-family] :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--sw-gold-light); outline-offset: 4px; border-radius: 3px;
}
body.sitewide-page[data-page-family] :is(img, video) { max-width: 100%; }
body.sitewide-page[data-page-family] figure,
body.sitewide-page[data-page-family] :is(main, article, section, figure) { min-width: 0; }
body.sitewide-page[data-page-family] :is(.wrap, .container, .page, .content) { scroll-margin-top: 6rem; }

/* Editorial: generous but readable measure for actual article structures. */
body.sitewide-page[data-page-family="editorial"] { background-color: var(--sw-night); }
body.sitewide-page[data-page-family="editorial"] :is(
  main#hauptinhalt, main#main, main#content, main.content, main.page,
  article.essay, article.paper-content, article.reihe-text, article.notiz-text,
  section.paper-content
) { width: min(100% - 2.5rem, 76rem); margin-inline: auto; }
body.sitewide-page[data-page-family="editorial"] :is(
  article.essay, article.paper-content, article.reihe-text, article.notiz-text, section.paper-content
) { padding-block: clamp(2.5rem, 6vw, 5.5rem); }
body.sitewide-page[data-page-family="editorial"] :is(
  header.article-header, article.paper-content > header, main#hauptinhalt > header, main#main > header
) { max-width: 68rem; margin-inline: auto; padding-block: clamp(2.5rem, 7vw, 6rem) clamp(1.5rem, 4vw, 3.25rem); }
body.sitewide-page[data-page-family="editorial"] :is(
  header.article-header h1, article.paper-content > h1, article.reihe-text > h1,
  article.notiz-text > h1, main#hauptinhalt > h1, main#main > h1
) {
  max-width: 19ch; color: var(--sw-cream);
  font-family: "AugHead", "Iowan Old Style", Georgia, serif;
  font-size: clamp(2.8rem, 7.2vw, 6.25rem); font-weight: 500; line-height: .98;
  letter-spacing: -.035em; text-wrap: balance;
}
body.sitewide-page[data-page-family="editorial"] :is(
  article.essay, article.paper-content, article.reihe-text, article.notiz-text, section.paper-content
) :is(p, li, blockquote) {
  color: var(--sw-cream-soft); font-family: "AugText", "Iowan Old Style", Georgia, serif;
  font-size: clamp(1.08rem, 1.45vw, 1.28rem); line-height: 1.76;
}
body.sitewide-page[data-page-family="editorial"] :is(
  article.essay, article.paper-content, article.reihe-text, article.notiz-text, section.paper-content
) :is(h2, h3) {
  color: var(--sw-cream); font-family: "AugHead", "Iowan Old Style", Georgia, serif;
  font-weight: 500; line-height: 1.08; text-wrap: balance;
}
body.sitewide-page[data-page-family="editorial"] :is(article.essay, article.paper-content) table {
  width: 100%; border-collapse: collapse; border-color: var(--sw-rule);
}
body.sitewide-page[data-page-family="editorial"] :is(article.essay, article.paper-content) :is(th, td) {
  padding: .8rem .9rem; border-color: var(--sw-rule); vertical-align: top;
}
body.sitewide-page[data-page-family="editorial"] :is(
  article.essay, article.paper-content, article.reihe-text, article.notiz-text
) :is(a, a:visited) { color: var(--sw-gold-light); text-decoration-thickness: .08em; text-underline-offset: .2em; }
body.sitewide-page[data-page-family="editorial"] :is(
  article.essay, article.paper-content, article.reihe-text, article.notiz-text
) :is(blockquote, .callout, .note) { border-inline-start: 2px solid var(--sw-gold); padding-inline-start: 1.25rem; }

/* Collections: catalogues keep image and video surfaces prominent. */
body.sitewide-page[data-page-family="collection"] { background-color: var(--sw-night); }
body.sitewide-page[data-page-family="collection"] :is(
  main#hauptinhalt, main#main, main#content, main.content, main.page
) { width: min(100% - 2.5rem, 92rem); margin-inline: auto; padding-block: clamp(1.5rem, 4vw, 4rem); }
body.sitewide-page[data-page-family="collection"] :is(
  section.art-intro-wrap, section.art-gallery-wrap, section.gallery, section.collection,
  section.news-item, section.talk-item, article.proof-card
) { border-color: var(--sw-rule); }
body.sitewide-page[data-page-family="collection"] :is(
  section.art-gallery-wrap, section.gallery, section.collection
) { padding-block: clamp(2.5rem, 7vw, 6rem); }
body.sitewide-page[data-page-family="collection"] :is(
  section.art-gallery-wrap, section.gallery, section.collection
) :is(img, video, picture) { display: block; width: 100%; height: auto; object-fit: cover; }
body.sitewide-page[data-page-family="collection"] figure.clip {
  overflow: clip; border: 1px solid var(--sw-rule); border-radius: .45rem; background: #050a17;
}
body.sitewide-page[data-page-family="collection"] figure.clip video {
  display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover;
}
body.sitewide-page[data-page-family="collection"] :is(
  .hero, .page-hero, .art-intro-wrap, header#kino-hero, section.speaker
) { position: relative; isolation: isolate; }
body.sitewide-page[data-page-family="collection"] :is(
  section.news-item, section.talk-item, article.proof-card, section.legal-card
) { border: 1px solid var(--sw-rule); border-radius: .45rem; background: linear-gradient(145deg, var(--sw-panel), rgb(11 20 48 / 46%)); }

/* Experiences: canvases, cinema frames, and controls retain their own layouts. */
body.sitewide-page[data-page-family="experience"] { background-color: var(--sw-night); }
body.sitewide-page[data-page-family="experience"] :is(
  main#main, main#hauptinhalt, main#content, main.page-main, main.container
) { max-width: 96rem; margin-inline: auto; }
body.sitewide-page[data-page-family="experience"] :is(
  .aug-hero-stage, .cine-stage, .art-gallery-wrap, .werkstatt, .stage-section, .sky, .hero, .screen-anim
) { isolation: isolate; }
body.sitewide-page[data-page-family="experience"] :is(canvas, video, .stage, .canvas-wrap, .screen-anim) { max-width: 100%; }
body.sitewide-page[data-page-family="experience"] :is(
  .card, .sky-card, .detail-card, .explore-card, .complete-card, .scorebar, .tcard, .tafel, .k-shell
) { border-color: var(--sw-rule); }
body.sitewide-page[data-page-family="experience"] :is(button, input, select, textarea) { accent-color: var(--sw-gold); }
body.sitewide-page[data-page-family="experience"] :is(button, [role="button"], .button, .btn) { touch-action: manipulation; }

/* Utility: legal, orientation, evidence, and form pages favor calm reading surfaces. */
body.sitewide-page[data-page-family="utility"] { background-color: var(--sw-night); }
body.sitewide-page[data-page-family="utility"] :is(
  main#hauptinhalt, main#main, main#content, main.content, main.page, section#seiten-inhalt
) { width: min(100% - 2.5rem, 72rem); margin-inline: auto; }
body.sitewide-page[data-page-family="utility"] :is(
  section.legal-card, section.page-hero, section.next, section.method, section.check,
  section.aug-disc-full, article.proof-card
) { border-color: var(--sw-rule); }
body.sitewide-page[data-page-family="utility"] :is(
  section.legal-card, section.aug-disc-full, section.method, section.check
) { background: linear-gradient(145deg, var(--sw-panel), rgb(11 20 48 / 38%)); }
body.sitewide-page[data-page-family="utility"] :is(form, fieldset) { border-color: var(--sw-rule); }
body.sitewide-page[data-page-family="utility"] :is(input, select, textarea, button) {
  accent-color: var(--sw-gold); color-scheme: dark;
}

/* Language-safe rhythm and low-motion support; logical properties preserve RTL. */
body.sitewide-page:dir(rtl) :is(
  article.essay, article.paper-content, article.reihe-text, article.notiz-text, section.legal-card, section.paper-content
) { text-align: start; }
@media (max-width: 42rem) {
  body.sitewide-page[data-page-family] :is(main#hauptinhalt, main#main, main#content, main.content, main.page) {
    width: min(100% - 1.5rem, 100%);
  }
  body.sitewide-page[data-page-family="editorial"] :is(
    header.article-header, article.paper-content > header, main#hauptinhalt > header, main#main > header
  ) { padding-block: 2.25rem 1.25rem; }
  body.sitewide-page[data-page-family="editorial"] :is(article.essay, article.paper-content) :is(th, td) {
    padding: .55rem .5rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.sitewide-page[data-page-family] *,
  body.sitewide-page[data-page-family] *::before,
  body.sitewide-page[data-page-family] *::after {
    scroll-behavior: auto !important; animation-duration: .01ms !important;
    animation-iteration-count: 1 !important; transition-duration: .01ms !important;
  }
}


/* Strong page-specific composition: title space, chapter cadence, and visible media. */
body.sitewide-page[data-page-family="editorial"] {
  background-image:
    radial-gradient(ellipse at 50% -12rem, rgb(35 57 99 / 38%), transparent 42rem),
    linear-gradient(180deg, #0b1430, #080f24 72%);
}
body.sitewide-page[data-page-family="editorial"] article.essay > header.article-header,
body.sitewide-page[data-page-family="editorial"] article.paper-content > header,
body.sitewide-page[data-page-family="editorial"] main#hauptinhalt > header {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: clamp(24rem, 57svh, 46rem);
  padding: clamp(2rem, 7vw, 6rem);
  border-bottom: 1px solid var(--sw-rule);
  background:
    radial-gradient(ellipse at 78% 16%, rgb(201 162 63 / 13%), transparent 34rem),
    linear-gradient(135deg, rgb(17 29 59 / 92%), rgb(8 15 36 / 72%));
}
body.sitewide-page[data-page-family="editorial"] article.essay > header.article-header .eyebrow,
body.sitewide-page[data-page-family="editorial"] article.paper-content > header .eyebrow {
  color: var(--sw-gold-light);
  font-size: .84rem;
  font-weight: 650;
  letter-spacing: .16em;
  text-transform: uppercase;
}
body.sitewide-page[data-page-family="editorial"] article.essay > header.article-header .byline {
  margin-block-start: 1.5rem;
  color: var(--sw-cream-soft);
  font-size: 1rem;
}
body.sitewide-page[data-page-family="editorial"] :is(article.essay, article.paper-content) > :is(figure, .article-body) {
  width: min(100%, 70ch);
  margin-inline: auto;
}
body.sitewide-page[data-page-family="editorial"] :is(article.essay, article.paper-content) figure {
  margin-block: clamp(2rem, 5vw, 4rem);
  overflow: clip;
  border: 1px solid var(--sw-rule);
  border-radius: .5rem;
  background: #070d1d;
}
body.sitewide-page[data-page-family="editorial"] :is(article.essay, article.paper-content) figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
body.sitewide-page[data-page-family="editorial"] :is(article.essay, article.paper-content) table {
  display: block;
  overflow-x: auto;
  border-block: 1px solid var(--sw-rule);
  background: rgb(17 29 59 / 58%);
}
body.sitewide-page[data-page-family="editorial"] section.teil {
  margin-block: clamp(3rem, 8vw, 7rem);
  padding-block: clamp(1.5rem, 4vw, 3rem);
  border-top: 1px solid var(--sw-rule);
}
body.sitewide-page[data-page-family="editorial"] section.teil > h2 {
  max-width: 20ch;
  margin-block-end: 1.5rem;
  font-size: clamp(2rem, 4.8vw, 3.5rem);
}
body.sitewide-page[data-page-family="collection"] section.art-intro-wrap,
body.sitewide-page[data-page-family="collection"] header#kino-hero {
  display: grid;
  align-content: end;
  min-height: clamp(27rem, 65svh, 52rem);
  padding: clamp(2rem, 7vw, 6rem);
  border-bottom: 1px solid var(--sw-rule);
  background:
    radial-gradient(ellipse at 78% 12%, rgb(201 162 63 / 15%), transparent 36rem),
    linear-gradient(135deg, rgb(17 29 59 / 94%), rgb(8 15 36 / 76%));
}
body.sitewide-page[data-page-family="collection"] section.art-gallery-wrap {
  border-top: 1px solid var(--sw-rule);
}
body.sitewide-page[data-page-family="collection"] figure.clip {
  margin-block: clamp(1.25rem, 3vw, 2.5rem);
  box-shadow: 0 1.2rem 3rem rgb(0 0 0 / 32%);
}
body.sitewide-page[data-page-family="collection"] figure.clip video {
  background: #030714;
}
body.sitewide-page[data-page-family="collection"] :is(section.news-item, section.talk-item, article.proof-card) {
  padding: clamp(1.25rem, 3vw, 2.5rem);
}
body.sitewide-page[data-page-family="experience"] :is(section.aug-hero-stage, section.cine-stage, section.hero.au-kino-host) {
  display: grid;
  align-items: end;
  min-height: clamp(34rem, 86svh, 62rem);
  padding: clamp(1.5rem, 6vw, 5rem);
  overflow: clip;
  background:
    radial-gradient(ellipse at 70% 22%, rgb(201 162 63 / 12%), transparent 38rem),
    #080f24;
}
body.sitewide-page[data-page-family="experience"] :is(
  section.aug-hero-stage, section.cine-stage, section.hero.au-kino-host
) > :is(video, .hero, header, .wrap) {
  z-index: 1;
}
body.sitewide-page[data-page-family="experience"] section.aug-hero-stage > video,
body.sitewide-page[data-page-family="experience"] section.cine-stage > video {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .68;
}
body.sitewide-page[data-page-family="experience"] :is(
  section.aug-hero-stage > .hero, section.cine-stage > .hero, section.hero.au-kino-host > .hero
) {
  width: min(100%, 78rem);
  margin-inline: auto;
  padding-block: clamp(2rem, 8vh, 7rem);
}
body.sitewide-page[data-page-family="experience"] :is(
  section.aug-hero-stage, section.cine-stage, section.hero.au-kino-host
) :is(.eyebrow, .kicker) {
  color: var(--sw-gold-light);
  letter-spacing: .15em;
  text-transform: uppercase;
}
body.sitewide-page[data-page-family="experience"] :is(
  section.aug-hero-stage, section.cine-stage, section.hero.au-kino-host
) h1 {
  max-width: 16ch;
  color: var(--sw-cream);
  font-family: "AugHead", "Iowan Old Style", Georgia, serif;
  font-size: clamp(3.25rem, 9vw, 7.5rem);
  font-weight: 500;
  line-height: .94;
  letter-spacing: -.035em;
  text-wrap: balance;
}
body.sitewide-page[data-page-family="experience"] :is(
  section.stage-section, section.sky, section.werkstatt, section#held-leinwand
) {
  min-height: clamp(28rem, 72svh, 54rem);
  padding: clamp(2rem, 6vw, 5rem);
  border-block: 1px solid var(--sw-rule);
}
body.sitewide-page[data-page-family="experience"] :is(
  section.stage-section, section.sky, section.werkstatt, section#held-leinwand
) :is(canvas, video) {
  display: block;
  width: 100%;
}
body.sitewide-page[data-page-family="utility"] :is(section.page-hero, section.legal-card) {
  padding: clamp(1.5rem, 4vw, 3.5rem);
}
body.sitewide-page[data-page-family="utility"] section.page-hero {
  min-height: clamp(18rem, 43svh, 34rem);
  display: grid;
  align-content: end;
  border-bottom: 1px solid var(--sw-rule);
  background:
    radial-gradient(ellipse at 80% 12%, rgb(201 162 63 / 12%), transparent 32rem),
    linear-gradient(135deg, rgb(17 29 59 / 90%), rgb(8 15 36 / 72%));
}
@media (max-width: 42rem) {
  body.sitewide-page[data-page-family="editorial"] article.essay > header.article-header,
  body.sitewide-page[data-page-family="editorial"] article.paper-content > header,
  body.sitewide-page[data-page-family="collection"] :is(section.art-intro-wrap, header#kino-hero) {
    min-height: 24rem;
    padding: 1.5rem;
  }
  body.sitewide-page[data-page-family="experience"] :is(
    section.aug-hero-stage, section.cine-stage, section.hero.au-kino-host
  ) {
    min-height: 78svh;
    padding: 1.25rem;
  }
}

body.sitewide-page[data-page-family="collection"] section.hero.au-kino-host {
  position: relative;
  display: grid;
  align-content: end;
  min-height: clamp(34rem, 84svh, 60rem);
  padding: clamp(1.5rem, 6vw, 5rem);
  overflow: clip;
  isolation: isolate;
  border-bottom: 1px solid var(--sw-rule);
  background: linear-gradient(180deg, transparent 20%, rgb(8 15 36 / 86%));
}
body.sitewide-page[data-page-family="collection"] section.hero.au-kino-host > video.au-kino-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.sitewide-page[data-page-family="collection"] section.hero.au-kino-host :is(h1, .lede, .eyebrow) {
  position: relative;
  z-index: 1;
}
/* Deliberately outrank the legacy four-root compression rules on the new page families. */
:root:root:root:root body.sitewide-page[data-page-family="collection"] section.art-intro-wrap {
  min-height: clamp(27rem, 65svh, 52rem) !important;
  padding-block: clamp(2rem, 7vw, 6rem) !important;
}
:root:root:root:root body.sitewide-page[data-page-family="collection"] section.art-gallery-wrap {
  padding-block: clamp(2.5rem, 7vw, 6rem) !important;
}
:root:root:root:root body.sitewide-page[data-page-family="experience"] section.aug-hero-stage {
  min-height: clamp(34rem, 86svh, 62rem) !important;
  padding-block: clamp(1.5rem, 6vw, 5rem) !important;
}
:root:root:root:root body.sitewide-page[data-page-family="experience"] section.aug-hero-stage > .hero {
  min-height: clamp(24rem, 60svh, 48rem) !important;
  padding-block: clamp(2rem, 8vh, 7rem) !important;
}
body.sitewide-page[data-page-family="utility"] section.page-hero h1 {
  max-width: 18ch;
  color: var(--sw-cream);
  font-family: "AugHead", "Iowan Old Style", Georgia, serif;
  font-size: clamp(2.75rem, 6.5vw, 5.5rem);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.03em;
  text-wrap: balance;
}
@media (max-width: 42rem) {
  body.sitewide-page[data-page-family="collection"] section.hero.au-kino-host {
    min-height: 76svh;
    padding: 1.25rem;
  }
}

/* Root QA repairs: exact DOM hooks and specificity for three source templates. */
/* Cinema: legacy compression rules set .kino-hero to 12px. Restore a real title stage
   and give the first row a two-column, poster-led editorial grid. */
:root:root:root:root body.sitewide-page[data-page-family="collection"] > header.kino-hero {
  display: grid !important;
  align-content: center !important;
  min-height: clamp(38rem, 82svh, 66rem) !important;
  padding-block: clamp(3rem, 8vh, 7rem) !important;
  border-bottom: 1px solid var(--sw-rule);
  background:
    radial-gradient(ellipse at 78% 24%, rgb(201 162 63 / 17%), transparent 38rem),
    linear-gradient(128deg, #111d3b 0%, #0b1430 58%, #070d1d 100%) !important;
}
body.sitewide-page[data-page-family="collection"] > header.kino-hero > .wrap-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(16rem, .85fr);
  grid-template-areas: "title intro" "badge intro" "cta intro";
  align-items: end;
  gap: 1.25rem clamp(2rem, 6vw, 6rem);
  width: min(100% - 2.5rem, 94rem) !important;
  max-width: 94rem !important;
  margin-inline: auto !important;
  padding: 0 !important;
}
body.sitewide-page[data-page-family="collection"] header.kino-hero h1 {
  grid-area: title;
  max-width: 10ch;
  margin: 0 !important;
  color: var(--sw-cream) !important;
  font-family: "AugHead", "Iowan Old Style", Georgia, serif !important;
  font-size: clamp(4rem, 8.6vw, 8rem) !important;
  font-weight: 500 !important;
  line-height: .9 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}
body.sitewide-page[data-page-family="collection"] header.kino-hero .ai-badge {
  grid-area: badge;
  justify-self: start;
  margin: 0 !important;
}
body.sitewide-page[data-page-family="collection"] header.kino-hero details.d15-intro {
  grid-area: intro;
  align-self: center;
  padding: clamp(1.25rem, 3vw, 2rem);
  border-inline-start: 1px solid var(--sw-gold);
  background: linear-gradient(135deg, rgb(5 10 24 / 45%), rgb(5 10 24 / 10%));
}
body.sitewide-page[data-page-family="collection"] header.kino-hero details.d15-intro > summary {
  color: var(--sw-gold-light);
  font-family: "AugHead", "Iowan Old Style", Georgia, serif;
  font-size: clamp(1.4rem, 2.5vw, 2rem);
}
body.sitewide-page[data-page-family="collection"] header.kino-hero .d15-first-film {
  grid-area: cta;
  justify-self: start;
  min-height: 3.25rem;
  padding: .8rem 1.25rem;
  border: 1px solid var(--sw-gold);
  border-radius: 2px;
  background: var(--sw-gold);
  color: var(--sw-night);
  font: 600 1rem/1.2 "AugText", Georgia, serif;
}
body.sitewide-page[data-page-family="collection"] h2.kino-sec-title {
  width: min(100% - 2.5rem, 94rem);
  max-width: 94rem !important;
  margin: clamp(3.5rem, 8vw, 7rem) auto .75rem !important;
  padding-inline: 0 !important;
  color: var(--sw-cream) !important;
  font-size: clamp(2.5rem, 5.4vw, 4.75rem) !important;
  line-height: .98 !important;
  letter-spacing: -.025em;
}
:root:root:root:root body.sitewide-page[data-page-family="collection"] > .grid.wide {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2.4vw, 2rem) !important;
  width: min(100% - 2.5rem, 94rem) !important;
  max-width: 94rem !important;
  margin-inline: auto !important;
  padding: clamp(1.5rem, 3vw, 3rem) 0 clamp(4rem, 8vw, 7rem) !important;
}
body.sitewide-page[data-page-family="collection"] > .grid.wide > figure.clip.wide {
  grid-column: span 6;
  border-radius: 4px;
  box-shadow: 0 1.5rem 3.5rem rgb(0 0 0 / 34%);
}
body.sitewide-page[data-page-family="collection"] > .grid.wide > figure.clip.wide:nth-child(7n + 1) {
  grid-column: 1 / -1;
}
body.sitewide-page[data-page-family="collection"] > .grid.wide > figure.clip.wide > button.film-open {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: #030714;
}
body.sitewide-page[data-page-family="collection"] > .grid.wide > figure.clip.wide > button.film-open > video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
body.sitewide-page[data-page-family="collection"] > .grid.wide > figure.clip.wide > figcaption {
  padding: 1.15rem 1.25rem !important;
  background: linear-gradient(120deg, #111d3b, #0b1430) !important;
}
body.sitewide-page[data-page-family="collection"] > .grid.wide > figure.clip.wide:nth-child(7n + 1) > figcaption {
  padding-block: clamp(1.25rem, 2.5vw, 2rem) !important;
}
@media (max-width: 48rem) {
  :root:root:root:root body.sitewide-page[data-page-family="collection"] > header.kino-hero {
    min-height: auto !important;
    padding-block: 5rem 3rem !important;
  }
  body.sitewide-page[data-page-family="collection"] > header.kino-hero > .wrap-hero {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "title" "badge" "intro" "cta";
    gap: 1rem;
  }
  body.sitewide-page[data-page-family="collection"] header.kino-hero h1 {
    max-width: 9ch;
    font-size: clamp(3.5rem, 13vw, 5.25rem) !important;
  }
  body.sitewide-page[data-page-family="collection"] header.kino-hero details.d15-intro {
    padding: 1rem 0 1rem 1rem;
  }
  body.sitewide-page[data-page-family="collection"] > .grid.wide > figure.clip.wide {
    grid-column: 1 / -1;
  }
}

/* Explore: make the existing video-led title screen fill the viewport and reclaim
   its mobile H1, which the source caps at 44px below 768px. */
body.sitewide-page[data-page-family="experience"] #hauptinhalt > section.aug-hero-stage.aug-cine-hero {
  display: grid !important;
  align-content: end !important;
  justify-content: stretch !important;
  min-height: min(100svh, 66rem) !important;
  padding: 0 clamp(1.25rem, 5vw, 5rem) !important;
  background:
    linear-gradient(90deg, rgb(5 9 22 / 60%), rgb(5 9 22 / 8%) 76%),
    linear-gradient(180deg, transparent 44%, rgb(5 9 22 / 64%)) !important;
}
body.sitewide-page[data-page-family="experience"] #hauptinhalt > section.aug-hero-stage.aug-cine-hero > header.hero.wrap {
  width: min(100%, 94rem) !important;
  max-width: 94rem !important;
  margin: 0 auto !important;
  padding: 0 0 clamp(4rem, 10vh, 8rem) !important;
  text-align: start !important;
}
body.sitewide-page[data-page-family="experience"] #hauptinhalt > section.aug-hero-stage.aug-cine-hero > header.hero.wrap > h1.aug-shimmer {
  max-width: 12ch !important;
  font-size: clamp(4rem, 9vw, 8rem) !important;
  line-height: .94 !important;
  letter-spacing: -.045em !important;
  text-align: start !important;
}
body.sitewide-page[data-page-family="experience"] #hauptinhalt > section.aug-hero-stage.aug-cine-hero > header.hero.wrap > .hero-actions {
  justify-content: flex-start !important;
}
@media (max-width: 48rem) {
  body.sitewide-page[data-page-family="experience"] #hauptinhalt > section.aug-hero-stage.aug-cine-hero {
    min-height: 92svh !important;
    padding-inline: 1.25rem !important;
  }
  body.sitewide-page[data-page-family="experience"] #hauptinhalt > section.aug-hero-stage.aug-cine-hero > header.hero.wrap > h1.aug-shimmer {
    font-size: clamp(3.5rem, 13vw, 5.25rem) !important;
  }
  body.sitewide-page[data-page-family="experience"] #hauptinhalt > section.aug-hero-stage.aug-cine-hero > header.hero.wrap {
    padding-bottom: 5rem !important;
  }
}

/* Measurement note: exact template uses #notiz-text (an id) inside an 820px .wrap.
   Open the article to a broad title stage, then restore a deliberate reading measure. */
body.sitewide-page[data-page-family="editorial"] #hauptinhalt > .wrap {
  width: min(100% - 2.5rem, 94rem) !important;
  max-width: 94rem !important;
  padding: clamp(1.25rem, 3vw, 2.5rem) 0 clamp(4rem, 8vw, 7rem) !important;
}
body.sitewide-page[data-page-family="editorial"] #hauptinhalt > .wrap > article#notiz-text {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}
body.sitewide-page[data-page-family="editorial"] #hauptinhalt > .wrap > article#notiz-text > h1 {
  display: flex;
  align-items: end;
  width: 100%;
  max-width: none !important;
  min-height: 0;
  margin: 0 !important;
  padding: clamp(2rem, 4vw, 4rem) !important;
  border-bottom: 1px solid var(--sw-rule);
  background:
    radial-gradient(ellipse at 84% 18%, rgb(201 162 63 / 16%), transparent 38rem),
    linear-gradient(135deg, #111d3b, #0b1430 64%, #080f24);
  color: var(--sw-cream) !important;
  font-family: "AugHead", "Iowan Old Style", Georgia, serif !important;
  font-size: clamp(3.1rem, 5.3vw, 5rem) !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em !important;
  text-wrap: balance;
}
body.sitewide-page[data-page-family="editorial"] #hauptinhalt > .wrap > article#notiz-text > p.untertitel {
  max-width: 70ch;
  margin: clamp(1.5rem, 4vw, 3rem) auto .75rem !important;
  color: var(--sw-gold-light) !important;
  font-family: "AugHead", "Iowan Old Style", Georgia, serif !important;
  font-size: clamp(1.5rem, 2.8vw, 2.25rem) !important;
  line-height: 1.24 !important;
}
body.sitewide-page[data-page-family="editorial"] #hauptinhalt > .wrap > article#notiz-text > [data-publication-meta] {
  width: min(100% - 2rem, 70ch);
  margin: 0 auto clamp(2rem, 5vw, 4rem) !important;
  color: var(--sw-cream-soft) !important;
  font-size: 1rem !important;
}
body.sitewide-page[data-page-family="editorial"] #hauptinhalt > .wrap > article#notiz-text > .karte {
  max-width: 82rem;
  margin: 0 auto;
  padding: clamp(1.25rem, 4vw, 3.5rem) !important;
  border: 1px solid var(--sw-rule) !important;
  border-radius: 3px !important;
  background: linear-gradient(145deg, rgb(17 29 59 / 78%), rgb(8 15 36 / 88%)) !important;
}
body.sitewide-page[data-page-family="editorial"] #hauptinhalt > .wrap > article#notiz-text > .karte > :is(p, h2, ul) {
  width: min(100%, 72ch);
  margin-inline: auto;
}
body.sitewide-page[data-page-family="editorial"] #hauptinhalt > .wrap > article#notiz-text > .karte > h2 {
  margin-block: clamp(2rem, 5vw, 4rem) 1rem !important;
  color: var(--sw-cream) !important;
  font-family: "AugHead", "Iowan Old Style", Georgia, serif !important;
  font-size: clamp(2rem, 4vw, 3.25rem) !important;
  line-height: 1 !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
}
body.sitewide-page[data-page-family="editorial"] #hauptinhalt > .wrap > article#notiz-text > .karte > figure {
  width: min(100%, 82rem);
  margin: clamp(2rem, 5vw, 4rem) auto !important;
  padding: 1rem !important;
  border: 1px solid var(--sw-rule);
  background: #050a17;
}
body.sitewide-page[data-page-family="editorial"] #hauptinhalt > .wrap > article#notiz-text > .karte > figure > img {
  display: block;
  width: 100% !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
}
@media (max-width: 42rem) {
  body.sitewide-page[data-page-family="editorial"] #hauptinhalt > .wrap > article#notiz-text > h1 {
    min-height: 20rem;
    padding: 1.5rem !important;
    font-size: clamp(2.9rem, 12vw, 4rem) !important;
  }
  body.sitewide-page[data-page-family="editorial"] #hauptinhalt > .wrap > article#notiz-text > .karte {
    padding: 1rem !important;
  }
}
/* The film index opens with its own existing hourglass poster. */
:root:root:root:root body.sitewide-page[data-page-family="collection"]>header.kino-hero{background:linear-gradient(90deg,#07111ef5 0%,#07111ed9 40%,#07111e55 100%),url('/media/grok_sanduhr_poster.webp') 75% center/cover no-repeat!important;padding-inline:clamp(24px,6vw,96px)!important;}