:root{
  --bg:#030814;
  --card:#082987;
  --line:rgba(0,120,255,.28);
  --text:#f5f8fc;
  --muted:#b8c8da;
  --blue:#0067B8;
  --shadow:0 20px 50px rgba(0,0,0,.35);
  --radius:28px;
}

*{box-sizing:border-box}
html {
  scroll-behavior: smooth;
}
body {
  font-family: 'Inter', sans-serif;
  margin: 0;
background:
  radial-gradient(circle at 72% 34%, rgba(70,170,255,.78), transparent 24%),
  radial-gradient(circle at 55% 58%, rgba(0,118,255,.42), transparent 42%),
  linear-gradient(
      180deg,
      #041321 0%,
      #0a3e73 22%,
      #125ea8 48%,
      #0a3e73 78%,
      #041321 100%
  );
 

  color: var(--text);
}

h1, h2, h3 {
  font-family: 'Playfair Display', serif;
}

img {
  max-width: 100%;
  display: block;
}
a {
  color: inherit;
  text-decoration: none;
}
.container.nav {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 28px;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  min-height: auto;
  backdrop-filter: blur(14px);
  background: rgba(3, 8, 20, 0.92);
  border-bottom: 1px solid rgba(255,255,255,.14);
}

.header-inner {
    padding: 12px 0;
}
.brand {
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease;
}

.brand:hover {
    transform: scale(1.02);
}

.brand {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease;
}
.brand img {
  height: 105px;
  width: auto;
  display: block;
  transform: translateY(-2px);
  filter: drop-shadow(0 0 10px rgba(0,0,0,.35));
  transition: all .35s ease;
}


.brand img:hover {
    transform: translateY(-2px) scale(1.03);
}

.brand-logo:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 30px rgba(0,0,0,.4);
}
.brand-text{display:flex;flex-direction:column}
.brand-name{
  font-family:Arial, sans-serif;
  font-size:18px;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:none;
  color:#f3efe7;
  white-space:nowrap;
}

.brand-tag{color:var(--blue);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.nav{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:22px;
    padding-right:220px;
}
nav a{
  position:relative;
  color:inherit;
  margin-left:16px;
  transition:color .25s ease, transform .25s ease;
  text-decoration:none;
}



nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: #6ea2ff;
  border-radius: 1px;
  box-shadow: 0 0 6px rgba(110, 162, 255, 0.5);
  transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1), left 0.25s ease;
  transform: translateX(-50%);
  
}


nav a:hover {
  color: #f4d27a;
  transform: translateY(-1px);
}

.hero{position:relative;overflow:visible;border-bottom:1px solid var(--line)}
.hero-glow{
  position:absolute; inset:auto -80px 40px auto;
  width:360px; height:360px; border-radius:50%;
  background:radial-gradient(circle, rgba(110,162,255,.2), transparent 70%);
  filter:blur(10px);
 animation: heroBreath 18s ease-in-out 1.2s infinite;
}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;padding:84px 0 72px;align-items:center}
.eyebrow,.section-kicker{color:var(--blue);text-transform:uppercase;letter-spacing:.28em;font-size:12px;margin:0 0 12px}
.hero h1{margin:0;font-size:clamp(42px, 7vw, 84px);line-height:.95;letter-spacing:-.04em;max-width:900px}
.lead{color:var(--muted);font-size:20px;max-width:720px;margin:24px 0 0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.manifest-card,.card{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.manifest-card{padding:26px}
.manifest-item{
  background:rgba(0,0,0,.22);border:1px solid var(--line);
  border-radius:22px;padding:18px;font-size:20px;margin-top:12px
}
.section{padding:78px 0}
.alt{background:rgba(255,255,255,.025);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{max-width:800px;margin-bottom:28px}
.section-head h2{margin:0;font-size:clamp(34px, 4vw, 56px);line-height:1.02}
.section-head p{color:var(--muted);font-size:18px;margin-top:16px}
.podcast-grid,.three-grid,.contact-grid{display:grid;gap:22px}
.podcast-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
.three-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}
.contact-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
.card{padding:26px}
.card h2,.card h3{margin:0 0 10px}
.card p{margin:0;color:var(--muted)}
.embed-placeholder{
  margin-top:18px;min-height:130px;border:1px dashed rgba(110,162,255,.45);
  border-radius:22px;display:flex;align-items:center;justify-content:center;
  color:#cfe0ff;background:rgba(110,162,255,.06);text-align:center;padding:18px
}
.blog-note,.small-note{
  color:#cdd8ea;background:rgba(110,162,255,.07);
  border:1px solid rgba(110,162,255,.22);
  border-radius:20px;padding:14px 16px;margin-bottom:20px
}
.small-note{margin-top:18px}
.text-link{color:var(--blue);display:inline-block;margin-top:16px}
.shop-card .btn{margin-top:18px}
.calendar-list{display:grid;gap:16px}
.calendar-item{
  display:grid;grid-template-columns:190px 1fr;gap:20px;padding:22px;
  border:1px solid var(--line);border-radius:24px;background:rgba(0,0,0,.22)
}
.calendar-date{color:var(--blue);text-transform:uppercase;letter-spacing:.24em;font-size:12px;padding-top:6px}
.contact-stack{display:grid;gap:12px;margin-top:20px}
.contact-pill{
  display:inline-flex;width:fit-content;border:1px solid var(--line);
  border-radius:999px;padding:12px 16px;color:#d8deea;background:rgba(0,0,0,.22)
}
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;
  border-radius:18px;font-weight:600;transition:transform .16s ease, background .16s ease, color .16s ease
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--blue);color:#06101f}
.btn-secondary{background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff}
.site-footer{border-top:1px solid var(--line);background:rgba(0,0,0,.22)}
.footer-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:36px 0 28px;
  color:rgba(255,255,255,.78);
  font-size:15px;
}
@media (max-width:980px){
  .hero-grid,.podcast-grid,.three-grid,.contact-grid{grid-template-columns:1fr}
  .calendar-item{grid-template-columns:1fr}
  .nav{display:none}
}
  @media (max-width:640px){
  .hero-grid{padding:54px 0}
  .lead{font-size:18px}
  .manifest-item{font-size:18px}

  .first-door h1,
.first-door-box h1,
.hero h1 {
  font-size: clamp(36px, 11vw, 48px);
  line-height: 1.02;
  max-width: 100%;
  overflow-wrap: normal;
}

.first-door-box {
  padding: 54px 34px;
  border-radius: 26px;
}

.first-door .eyebrow {
  margin-bottom: 28px;
  font-size: 0.75rem;
  letter-spacing: 0.22em;
}

.first-door h2 {
  font-size: 2.15rem !important;
  line-height: 1.08 !important;
}

.first-door p {
  font-size: 1.35rem;
  line-height: 1.55;
}
.first-door {
  padding: 48px 0 64px;
}
  .footer-inner{flex-direction:column;align-items:flex-start}
}
  
.brand img{

    width:70px;

    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        filter .45s ease,
        opacity .45s ease;

}

.brand:hover img{

   transform:
    translateY(-1px)
    scale(1.025);
    filter:
    brightness(1.08)
    drop-shadow(0 0 8px rgba(199,165,106,.20));

}

.brand:hover .brand-name{

    color:#f4d27a;

}

.nav{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  white-space:nowrap;
  gap:18px;
  padding-right:180px;
}

body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
}

.site-header {
  padding: 0;
}


h1 {
  font-size: 48px;
  margin-bottom: 20px;
}

p {
  margin-bottom: 20px;
}
.cta {
  display: inline-block;
  margin-top: 20px;
  color: white;
  background-color: #0077ff;
  padding: 12px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
}

.cta:hover {
  background-color: #005fcc;
}
.nav a {
  margin-left: 16px;
  text-decoration: none;
  color: white;
}
.hero {
  position: relative;
  padding: 110px 0 90px;
 overflow: visible;
}

.hero-glow {
  position: absolute;
  top: -120px;
  right: -120px;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(44, 111, 255, 0.22) 0%, rgba(44, 111, 255, 0.08) 35%, rgba(44, 111, 255, 0) 70%);
  pointer-events: none;
  filter: blur(10px);
}

.hero-grid {
  position: relative;
  z-index: 1;
  align-items: start;
}

.eyebrow {
  font-size: 18px;
  color: #a9a9a9;
  margin-bottom: 18px;
}

.hero h1 {
  font-size: 64px;
  line-height: 1.08;
  letter-spacing: -1px;
  margin: 0 0 22px;
  max-width: 980px;
}

.lead {
  font-size: 28px;
  line-height: 1.45;
  color: #d6d6d6;
  max-width: 900px;
  margin-bottom: 30px;
}

.hero-actions {
  margin-top: 28px;
}

.btn.btn-primary {
  display: inline-block;
  background: #1d5cff;
  color: #fff;
  text-decoration: none;

  .hero {
  position: relative;
}

.hero-glow {
  position: absolute;
  top: -120px;
  right: -120px;
  width: 420px;
  height: 420px;
  background: radial-gradient(circle, rgba(44, 111, 255, 0.22) 0%, rgba(44, 111, 255, 0.08) 35%, rgba(44, 111, 255, 0) 70%);
  filter: blur(10px);
  pointer-events: none;
}
}.manifest-card {
  max-width: 720px;
  margin: 80px auto;
  padding: 40px 36px;
  border-radius: 12px;

  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);

  backdrop-filter: blur(6px);
}


.reveal {
  opacity: 0;
  transform: translateY(160px) scale(0.94);
  filter: blur(14px);
  transition:
    opacity 4.5s ease,
    transform 4.5s cubic-bezier(0.16, 1, 0.3, 1),
    filter 4.5s ease;
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}


.manifest-item {
  transition: transform 0.2s ease, color 0.2s ease;
}

.manifest-item:hover {
  transform: translateX(6px);
  color: #7eb2ff;
}
.today-section {
  padding: 90px 0;
}

.section-title {
  font-size: 42px;
  line-height: 1.15;
  margin: 0 0 28px;
}

.today-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.today-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 26px 24px;
  transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.today-card:hover {
    transform: translateY(-4px);
    border-color: rgba(126, 178, 255, 0.45);
    background: rgba(255,255,255,0.05);
    box-shadow: 0 24px 70px rgba(0, 80, 160, 0.22);
}

.today-card h3 {
  font-size: 24px;
  margin: 0 0 12px;
}
@media (max-width: 900px) {
  .hero h1 {
    font-size: 46px;
  }

  .lead {
    font-size: 22px;
  }

  .section-title {
    font-size: 34px;
  }

  .today-grid {
    grid-template-columns: 1fr;
  }
}@media (max-width: 900px) {
  .hero h1 {
    font-size: 46px;
  }

  .lead {
    font-size: 22px;
  }

  .section-title {
    font-size: 34px;
  }

  .today-grid {
    grid-template-columns: 1fr;
  }
}@media (max-width: 900px) {
  .hero h1 {
    font-size: 46px;
  }

  .lead {
    font-size: 22px;
  }

  .section-title {
    font-size: 34px;
  }

  .today-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 900px) {
  .hero h1 {
    font-size: 46px;
  }

  .lead {
    font-size: 22px;
  }

  .section-title {
    font-size: 34px;
  }

  .today-grid {
    grid-template-columns: 1fr;
  }
}
.site-footer {
  margin-top: 120px;
  padding: 56px 0 36px;
  border-top: 1px solid rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.75);
}

.footer-inner {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding-bottom: 8px;
}
.first-door {
  padding: 0 0 70px;
}

.first-door-box {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 42px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.015)),
    radial-gradient(circle at 15% 20%, rgba(199,165,106,0.12), transparent 34%);
  box-shadow: var(--shadow);
}

.first-door-box h2 {
  margin: 0 0 20px;
  font-size: clamp(1.8rem, 4vw, 3.4rem);
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: #fff7ea;
  font-weight: 600;
}

.first-door-box p {
  max-width: 78ch;
  margin: 0 0 18px;
  color: var(--text);
  line-height: 1.85;
  font-size: 1.05rem;
}

.first-door-box p:last-child {
  margin-bottom: 0;
  color: var(--accent);
}

.reveal {
  opacity: 0;
  transform: translateY(100px);
  transition: all 1.2s ease;
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);}
.pf-button {
  display: inline-block;
  margin-top: 24px;
  padding: 14px 24px;
  border-radius: 999px;
  border: 1px solid rgba(150, 180, 255, 0.55);
  background: rgba(80, 120, 220, 0.16);
  color: #f5f2ea;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.03em;
  box-shadow: 0 0 18px rgba(90, 130, 255, 0.25);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.pf-button:hover {
    transform: translateY(-2px);
    background: rgba(100, 145, 255, 0.24);
    border-color: rgba(244, 210, 122, 0.65);
    box-shadow: 0 0 26px rgba(100, 145, 255, 0.38);
}

.audio-box {
    margin-top: 28px;
    padding: 24px 26px;
    max-width: 460px;
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.035);
    box-shadow: 0 0 40px rgba(100, 145, 255, 0.08);
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, transform 0.25s ease;
}
.audio-box:hover {
    transform: translateY(-3px);
    border-color: rgba(244, 210, 122, 0.35);
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 54px rgba(100, 145, 255, 0.16);
}
.audio-label {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 1.08rem;
  color: #f5f2ea;
  letter-spacing: 0.01em;
}

.audio-note {
  margin: 0 0 20px;
  color: rgba(245, 242, 234, 0.74);
  line-height: 1.5;
}

.audio-player {
  width: 100%;
  max-width: 420px;
}

/* REDAC FINAL ALIGNMENT FIX v2 */

main > section:not(.hero),
.section,
.content-section,
.text-section,
.audio-section,
.image-section,
#tekst,
#teksten,
#lyd,
#lyden,
#billeder,
#univers,
#vision {
    width: min(1180px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    scroll-margin-top: 430px;
}

.cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-left: max(16px, calc((100vw - 1180px) / 2));
  margin-top: 28px;
}

.audio-box {
  width: 100%;
  max-width: 620px;
  margin-top: 28px;
}

.audio-player {
  width: 100%;
  max-width: 520px;
}

main h2,
.section h2,
#tekst h2,
#teksten h2,
#lyd h2,
#lyden h2,
#billeder h2 {
  font-family: Georgia, serif;
  font-size: clamp(34px, 5vw, 64px);
  line-height: 1.02;
  margin-left: 0;
  margin-bottom: 24px;
}

main p {
  max-width: 760px;
}

.site-footer,
.footer-inner {
  width: min(1180px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 700px) {
  main > section:not(.hero),
  .section,
  .content-section,
  .text-section,
  .audio-section,
  .image-section,
  #tekst,
  #teksten,
  #lyd,
  #lyden,
  #billeder,
  #univers,
  #vision {
    width: calc(100% - 32px);
  }

  .cta {
    margin-left: 16px;
  }

  .audio-box {
    max-width: 100%;
  }

  .audio-player {
    max-width: 100%;
  }

  main h2 {
    font-size: clamp(32px, 10vw, 48px);
  }
}

/* REDAC EXTRA FIX - TODAY SECTIONS */

.today-section {
  width: min(1180px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
  padding: 78px 0;
  scroll-margin-top: 110px;
}

.today-section .section-title,
.section-title {
  margin-left: 0;
  font-family: Georgia, serif;
  font-size: clamp(34px, 5vw, 64px);
  line-height: 1.02;
}

.today-section p {
  max-width: 760px;
}

.today-section .audio-box {
  margin-left: 0;
}

/* REDAC EXTRA FIX - TODAY SECTIONS */

.today-section {
  width: min(1180px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
  padding: 78px 0;
  scroll-margin-top: 120px;
}

.today-section .section-title,
.section-title {
  margin-left: 0;
  font-family: Georgia, serif;
  font-size: clamp(34px, 5vw, 64px);
  line-height: 1.02;
}

.today-section p {
  max-width: 760px;
}

.today-section .audio-box {
  margin-left: 0;
}

.universe-section {
  padding: 105px 0 40px;
}

.section-intro {
  max-width: 860px;
  margin-bottom: 36px;
}

.section-intro h2 {
  font-family: "Playfair Display", serif;
  font-size: clamp(2.6rem, 6vw, 5.5rem);
  line-height: 0.95;
  margin: 18px 0 22px;
  color: #f4f0e8;
}

.section-intro p {
  max-width: 740px;
  font-size: 1.15rem;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.78);
}

.universe-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.universe-card {
  min-height: 250px;
  padding: 28px;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background:
    radial-gradient(circle at top left, rgba(115, 145, 210, 0.16), transparent 38%),
    rgba(255, 255, 255, 0.035);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.24);
}

.universe-card span {
  display: block;
  margin-bottom: 34px;
  font-size: 0.8rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.46);
}

.universe-card h3 {
  margin: 0 0 14px;
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  color: #f4f0e8;
}

.universe-card p {
  margin: 0;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 900px) {
  .universe-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .universe-grid {
    grid-template-columns: 1fr;
  }

  .universe-section {
    padding-top: 60px;
  }

  .universe-card {
    padding: 54px 34px;
    border-radius: 26px;
  }

  .universe-card span {
    margin-bottom: 28px;
    font-size: 0.75rem;
    letter-spacing: 0.22em;
  }

  .universe-card h3 {
    font-size: 2.45rem;
    line-height: 1.08;
  }

  .universe-card p {
    font-size: 1.35rem;
    line-height: 1.55;
  }
}@media (max-width: 600px) {
  .universe-grid {
    grid-template-columns: 1fr;
  }

  .universe-section {
    padding-top: 60px;
  }

  .universe-card {
    padding: 54px 34px;
    border-radius: 26px;
  }

  .universe-card span {
    margin-bottom: 28px;
    font-size: 0.75rem;
    letter-spacing: 0.22em;
  }

  .universe-card h3 {
    font-size: 2.45rem;
    line-height: 1.08;
  }

  .universe-card p {
    font-size: 1.35rem;
    line-height: 1.55;
  }
}

.event-list {
  margin-top: 34px;
  display: grid;
  gap: 18px;
  max-width: 900px;
}

.event-item {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 24px;
  padding: 24px 28px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.015));
  box-shadow: var(--shadow);
}

.event-date {
  color: var(--muted);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 0.82rem;
  padding-top: 5px;
}

.event-item h3 {
  margin: 0 0 8px;
  font-family: "Playfair Display", serif;
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  color: var(--text);
}

.event-item p {
  margin: 0;
  color: var(--text);
  max-width: 720px;
}

@media (max-width: 720px) {
  .event-item {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 22px;
  }
}

/* DI-AN / Worn & Torn Realism */
.dian-section {
  padding: 5rem 1.5rem;
}

.dian-box {
  max-width: 920px;
  margin: 0 auto;
  padding: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 28px;
  background:
    radial-gradient(circle at top left, rgba(80, 120, 180, 0.22), transparent 35%),
    radial-gradient(circle at bottom right, rgba(197, 155, 95, 0.14), transparent 30%),
    linear-gradient(135deg, rgba(8, 14, 28, 0.97), rgba(18, 24, 38, 0.92));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.42);
  transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}
.dian-box:hover {
    transform: translateY(-4px);
    border-color: rgba(244, 210, 122, 0.32);
    box-shadow: 0 36px 110px rgba(0, 0, 0, 0.52), 0 0 54px rgba(100, 145, 255, 0.12);
}

.dian-box h2 {
    font-family: "Playfair Display", serif;
    font-size: clamp(2.1rem, 5vw, 4rem);
    margin: 0 0 1.2rem;
    color: #f5efe6;
    text-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
}

.dian-box .lead {
    font-size: 1.25rem;
    line-height: 1.7;
    color: rgba(216, 227, 245, 0.92);
    max-width: 680px;
}

.dian-box p {
    color: rgba(245, 239, 230, 0.86);
    line-height: 1.8;
    max-width: 760px;
}

.dian-box .eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.22em;
    font-size: 0.76rem;
    color: #d6b46a;
    margin-bottom: 1.15rem;
}


.note-list {
  margin-top: 2rem;
  display: grid;
  gap: 1rem;
}

.note-item {
  padding: 1.35rem 1.45rem;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background:
    radial-gradient(circle at top left, rgba(80, 120, 180, 0.18), transparent 36%),
    linear-gradient(135deg, rgba(8, 14, 28, 0.92), rgba(18, 28, 44, 0.88));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.note-item:hover {
  transform: translateY(-3px);
  border-color: rgba(244, 210, 122, 0.35);
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.42), 0 0 38px rgba(100, 145, 255, 0.12);
}

.note-date {
  margin: 0 0 0.5rem;
  color: #c59b5f;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

.note-item h3 {
  margin: 0 0 0.75rem;
  color: #f5efe6;
  font-family: "Playfair Display", serif;
  font-size: 1.35rem;
  line-height: 1.15;
}
.note-item p {
  margin: 0;
  color: rgba(245, 239, 230, 0.84);
  line-height: 1.65;
}

.language-switcher {
  position: absolute;
  top: 50%;
transform: translateY(-50%);
  right: 8px;
  z-index: 9999;
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 6px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 999px;
  background: rgba(8, 12, 18, 0.82);
  backdrop-filter: blur(14px);
  box-shadow: 0 0 30px rgba(120,160,255,0.16);
}

.language-switcher button {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.16);
  color: rgba(255,255,255,0.78);
  padding: 5px 7px;
  border-radius: 999px;
font-size: 15px;
letter-spacing: 0;
  cursor: pointer;
  transition: 0.2s ease;
}

.language-switcher button:hover,
.language-switcher button.active {
  color: #fff;
  border-color: rgba(120,160,255,0.75);
  background: rgba(120,160,255,0.14);
  box-shadow: 0 0 18px rgba(120,160,255,0.22);
}

@media (max-width: 700px) {
  .language-switcher {
    top: 74px;
    right: 12px;
    gap: 5px;
  }

  .language-switcher button {
    font-size: 16px;
    padding: 6px 8px;
  }
}
.footer-line{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:36px 0 28px;
  color:rgba(255,255,255,.78);
  font-size:15px;
  border-top:1px solid rgba(255,255,255,.08);
}

@media (max-width:700px){
  .footer-line{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
}

@media (max-width:640px){
  .nav {
    gap: 12px 18px;
    padding-right: 0;
    justify-content: center;
}

.nav a {
    font-size: 17px;
}

.brand {
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 12px;
}

.brand img {
    height: 58px;
}

.brand-name {
    font-size: 14px;
    letter-spacing: 0.12em;
    max-width: 100%;
    overflow: visible;
    white-space: normal;
    text-align: center;

}

.language-switcher {
    position: static;
    margin: 14px auto 18px;
    width: fit-content;
    transform: none;
}

.language-switcher button {
    width: 46px;
    height: 46px;
    font-size: 20px;
}
main h1,
  main h2,
  .first-door h1,
  .first-door-box h1,
  .hero h1,
  .hero-title,
  .section-card h1,
  .section-card h2 {
    font-size: clamp(30px, 8.6vw, 38px) !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: normal;
    hyphens: none !important;
  }

  .first-door-box,
  .section-card {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }
}

.calendar-section {
  padding: 90px 0;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 34px;
}

.calendar-card {
  padding: 30px 28px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255,255,255,0.035);
  box-shadow: var(--shadow);
}

.calendar-card span {
  display: block;
  margin-bottom: 18px;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  color: rgba(255,255,255,0.55);
}

.calendar-card h3 {
  margin: 0 0 12px;
  font-family: "Playfair Display", serif;
  font-size: 1.7rem;
  color: #f4f0e8;
}

.calendar-card p {
  margin: 0;
  line-height: 1.6;
  color: rgba(255,255,255,0.72);
}

.calendar-card {
  position: relative;
  cursor: pointer;
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    background 0.35s ease;
}

.calendar-card::after {
  content: "→";
  position: absolute;
  right: 28px;
  bottom: 24px;
  color: #f4d27a;
  font-size: 1.35rem;
  transition: transform 0.35s ease;
}

.calendar-card:hover {
  transform: translateY(-6px);
  border-color: rgba(244,210,122,.45);
  box-shadow:
    0 32px 70px rgba(0,0,0,.28),
    0 0 32px rgba(199,165,106,.10);
}

.calendar-card:hover::after {
  transform: translateX(8px);
}

/* derefter kommer din eksisterende media query */

@media (max-width: 800px) {

@media (max-width: 800px) {
  .calendar-grid {
    grid-template-columns: 1fr;
  }

  .calendar-section {
    padding: 70px 0;
  }
}

.calendar-section {
  padding: 90px 0;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 34px;
}

.calendar-card {
  padding: 30px 28px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255,255,255,0.035);
  box-shadow: var(--shadow);
}

.calendar-card span {
  display: block;
  margin-bottom: 18px;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  color: rgba(255,255,255,0.55);
}

.calendar-card h3 {
  margin: 0 0 12px;
  font-family: "Playfair Display", serif;
  font-size: 1.7rem;
  color: #f4f0e8;
}

.calendar-card p {
  margin: 0;
  line-height: 1.6;
  color: rgba(255,255,255,0.72);
}

@media (max-width: 800px) {
  .calendar-grid {
    grid-template-columns: 1fr;
  }

  .calendar-section {
    padding: 70px 0;
  }
}

.calendar-section {
  padding: 90px 0;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 34px;
}

.calendar-card {
  padding: 30px 28px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255,255,255,0.035);
  box-shadow: var(--shadow);
}

.calendar-card span {
  display: block;
  margin-bottom: 18px;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  color: rgba(255,255,255,0.55);
}

.calendar-card h3 {
  margin: 0 0 12px;
  font-family: "Playfair Display", serif;
  font-size: 1.7rem;
  color: #f4f0e8;
}

.calendar-card p {
  margin: 0;
  line-height: 1.6;
  color: rgba(255,255,255,0.72);
}

@media (max-width: 800px) {
  .calendar-grid {
    grid-template-columns: 1fr;
  }

  .calendar-section {
    padding: 70px 0;
  }
}

.calendar-section {
  padding: 90px 0;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 34px;
}

.calendar-card {
  padding: 30px 28px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255,255,255,0.035);
  box-shadow: var(--shadow);
}

.calendar-card span {
  display: block;
  margin-bottom: 18px;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  color: rgba(255,255,255,0.55);
}

.calendar-card h3 {
  margin: 0 0 12px;
  font-family: "Playfair Display", serif;
  font-size: 1.7rem;
  color: #f4f0e8;
}

.calendar-card p {
  margin: 0;
  line-height: 1.6;
  color: rgba(255,255,255,0.72);
}

@media (max-width: 800px) {
  .calendar-grid {
    grid-template-columns: 1fr;
  }

  .calendar-section {
    padding: 70px 0;
  }
}

.calendar-section {
  padding: 90px 0;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 34px;
}

.calendar-card {
  padding: 30px 28px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: rgba(255,255,255,0.035);
  box-shadow: var(--shadow);
}

.calendar-card span {
  display: block;
  margin-bottom: 18px;
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  color: rgba(255,255,255,0.55);
}

.calendar-card h3 {
  margin: 0 0 12px;
  font-family: "Playfair Display", serif;
  font-size: 1.7rem;
  color: #f4f0e8;
}

.calendar-card p {
  margin: 0;
  line-height: 1.6;
  color: rgba(255,255,255,0.72);
}

@media (max-width: 800px) {
  .calendar-grid {
    grid-template-columns: 1fr;
  }

  .calendar-section {
    padding: 70px 0;
  }
}

.brand img {
  height: 52px;
  width: auto;
  display: block;
}
/* ==========================
   FRA STRØMMEN
========================== */
#strommen h2{
    margin-top:20px;
    padding-left:32px;
}
#podcast h2{
    margin-top:20px;
    padding-left:32px;
}


#vision h2{
    margin-top:20px;
    padding-left:56px;
}

.stream-poem{
    text-align:center;
    font-style:italic;
    line-height:1.9;
    font-size:1.15rem;
    color:#e8dfcf;
    max-width:520px;
    margin:32px auto;
}

.stream-author{
    text-align:center;
    color:#bba98b;
    letter-spacing:.15em;
    font-size:.85rem;
    margin-top:18px;
    margin-bottom:60px;
}

.flow-divider{
    width:120px;
    height:1px;
    background:#c7a56a;
    opacity:.45;
    margin:0 auto 70px;
}
#om {
  padding-top: 10px;
}

} /* lukker @media (max-width: 800px) */

#om,
#univers,
#dian,
#musik,
#strommen,
#podcast,
#vision,
#kalender,
#billederne,
#butik,
#kontakt {
  scroll-margin-top: 160px;
}
#om {
  scroll-margin-top: 120px;
}

#univers {
  scroll-margin-top: 150px;
}

#univers .eyebrow,
#strommen .eyebrow,
#billederne .eyebrow {
  margin-top: 18px;
}

.site-footer {
  padding: 95px 20px 120px;
  text-align: center;
  background: #07111a;
  color: #f3efe7;
}

.footer-mark {
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.4rem, 3vw, 2.2rem);
  color: #c7a56a;
  letter-spacing: .12em;
  margin-bottom: 26px;
}

.footer-line {
  width: 90px;
  height: 1px;
  background: #c7a56a;
  opacity: .30;
  margin: 0 auto 34px;
}
.gold-thread-line{
    width: 1px;
    height: 38px;
    margin: 14px auto 22px;
    background: linear-gradient(
        to bottom,
        rgba(199,165,106,.15),
        rgba(199,165,106,.95),
        rgba(199,165,106,.15)
    );
}
.golden-thread {
  margin: 34px auto 30px;
  text-align: center;
  max-width: 520px;
  color: rgba(243,239,231,.82);
  letter-spacing: .04em;
}

.golden-thread strong {
  display: block;
  font-family: 'Playfair Display', serif;
  color: #f4d27a;
  font-size: clamp(1.2rem, 2.2vw, 1.8rem);
  margin-bottom: 10px;
}

.golden-thread span {
  display: block;
  font-style: italic;
  opacity: .78;
}

.site-footer p{
    margin:10px 0;
    letter-spacing:.02em;
}
.footer-symbol{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:140px 0 150px;
  position:relative;
}
.footer-logo{
  width:70px;
  opacity:.76;
  border-radius: 2px;
  filter: drop-shadow(0 0 6pxrgba(199,165,106,.10));
}

.footer-symbol::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:280px;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(244,210,122,.95),
    transparent
  );
}

.footer-symbol::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translateX(-50%);
  width:1px;
  height:120px;
  background:linear-gradient(
    to bottom,
    rgba(244,210,122,.95),
    transparent
  );
}
/* REDAC hover polish */
.section-card,
.universe-card,
.audio-box {
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.section-card:hover,
.universe-card:hover,
.audio-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 55px rgba(0, 0, 0, .28);
  border-color: rgba(199, 165, 106, .35);
}
@keyframes heroBreath{

    0%{

        opacity:.92;
        transform:scale(1);

    }

    50%{

        opacity:1;
        transform:scale(1.05);

    }

    100%{

        opacity:.92;
        transform:scale(1);

    }

}
/* ---------- MUSIC GALLERY ---------- */

.music-gallery {
  display: block;
  width: 100%;
  margin-top: 48px;
}

.music-cover{
    display:block;
    text-decoration:none;
    transition:transform .35s ease;
}

.music-cover img{
    width:100%;
    display:block;
    border-radius:16px;
    box-shadow:0 12px 40px rgba(0,0,0,.45);
    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.music-cover span{
    display:block;
    margin-top:16px;
    text-align:center;
    color:#c7a56a;
    letter-spacing:.08em;
    font-size:.95rem;
    transition:color .35s ease;
}

.music-cover:hover{
    transform:translateY(-8px);
}

.music-cover:hover img{
    box-shadow:
        0 20px 55px rgba(0,0,0,.55),
        0 0 32px rgba(199,165,106,.28);
}

.music-cover:hover span{
    color:#f4d27a;
}

.music-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2.5rem;
  margin-top: 3rem;
}

.music-cover {
  position: relative;
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(199, 165, 106, 0.06);
  border: 1px solid rgba(199, 165, 106, 0.18);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

.music-cover img {
  width: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.music-cover span {
  display: block;
  padding: 1.1rem 1.2rem 1.25rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.25rem;
  letter-spacing: 0.03em;
  color: #f4d27a;
  background: rgba(7, 17, 26, 0.92);
}

@media (max-width: 640px) {
  .music-gallery {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .music-cover {
    border-radius: 16px;
  }

  .music-cover span {
    padding: 1rem 1.1rem 1.15rem;
  }
}

/* ---------- MUSIC GALLERY ---------- */

.music-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:32px;
  margin-top:48px;
}

.music-cover{
  display:block;
  text-decoration:none;
  transition:transform .35s ease;
}

.music-cover img{
  width:100%;
  display:block;
  border-radius:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.45);
  transition:transform .35s ease, box-shadow .35s ease;
}

.music-cover span{
  display:block;
  margin-top:16px;
  text-align:center;
  color:#c7a56a;
  letter-spacing:.08em;
  font-size:.95rem;
}

.music-cover:hover{
  transform: translateY(-10px) scale(1.01);
}

.music-cover:hover img{
  box-shadow:
    0 20px 55px rgba(0,0,0,.55),
    0 0 32px rgba(199,165,106,.28);
}

.music-cover:hover span{
  color:#f4d27a;
}

/* ---------- HEADER FINAL ALIGNMENT ---------- */

.container.nav{
  width:calc(100% - 48px);
  max-width:none;
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:16px;
  padding-right:0;
}

.brand{
  flex:0 0 auto;
  gap:12px;
}

.brand-name{
  font-size:17px;
  font-weight:500;
  letter-spacing:.04em;
  white-space:nowrap;
}

.nav > nav{
  display:flex;
  align-items:center;
  flex:1 1 auto;
  gap:16px;
  white-space:nowrap;
}

.nav > nav a{
  margin-left:0;
  font-size:16px;
}

.language-switcher{
  flex:0 0 auto;
  margin-left:10px;
}

/* ---------- LYDEN · MASTER GALLERY ---------- */

.music-gallery{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:64px 44px;
  margin-top:64px;
  align-items:start;
}

.music-cover{
  display:block;
  min-width:0;
  color:inherit;
  text-decoration:none;
  background:transparent;
  border:0;
  border-radius:18px;
  overflow:visible;
  transition:
    transform .55s cubic-bezier(.22,.61,.36,1),
    filter .55s ease;
}

.music-cover img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3 / 4;
  object-fit:cover;
  border-radius:18px;
  box-shadow:
    0 18px 50px rgba(0,0,0,.42),
    0 0 0 1px rgba(199,165,106,.14);
  transition:
    transform .55s cubic-bezier(.22,.61,.36,1),
    box-shadow .55s ease;
}

.music-cover span{
  display:block;
  margin-top:18px;
  padding:0;
  text-align:center;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.92rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(244,210,122,.82);
  background:transparent;
  transition:
    color .35s ease,
    letter-spacing .35s ease;
}

.music-cover:hover{
  transform:translateY(-8px);
}

.music-cover:hover img{
  transform:scale(1.012);
  box-shadow:
    0 26px 65px rgba(0,0,0,.55),
    0 0 34px rgba(199,165,106,.22);
}

.music-cover:hover span{
  color:#f4d27a;
  letter-spacing:.15em;
}

@media (max-width:760px){
  .music-gallery{
    grid-template-columns:1fr;
    gap:42px;
    margin-top:48px;
  }

  .music-cover:hover{
    transform:none;
  }

  .music-cover:hover img{
    transform:none;
  }
}

/* ---------- LYDEN · LIVING LIGHT ---------- */

.music-cover{
  position:relative;
  isolation:isolate;
}

.music-cover::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(
    115deg,
    transparent 20%,
    rgba(244,210,122,.05) 42%,
    rgba(255,255,255,.12) 50%,
    rgba(244,210,122,.05) 58%,
    transparent 80%
  );
  transform:translateX(-120%);
  transition:
    transform .9s cubic-bezier(.22,.61,.36,1),
    opacity .4s ease;
  z-index:2;
}

.music-cover:hover::after{
  opacity:1;
  transform:translateX(120%);
}

.music-cover:hover img{
  animation:galleryBreath 2.8s ease-in-out infinite;
}

.music-cover:hover span{
  transform:translateY(-3px);
  text-shadow:0 0 18px rgba(244,210,122,.20);
}

@keyframes galleryBreath{
  0%,100%{
    filter:brightness(1);
  }

  50%{
    filter:brightness(1.035);
  }
}

@media (prefers-reduced-motion:reduce){
  .music-cover,
  .music-cover img,
  .music-cover span,
  .music-cover::after{
    animation:none;
    transition:none;
  }
}

.univers-note{
  margin-top:32px;
  color:#c7a56a;
  font-style:italic;
  letter-spacing:.08em;
}

/* ---------- UNIVERS · MASTER DOORS ---------- */

.universe-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:28px;
  margin-top:56px;
}

.universe-card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:300px;
  padding:34px;
  overflow:hidden;

  color:inherit;
  text-decoration:none;

  border:1px solid rgba(199,165,106,.16);
  border-radius:24px;

  background:
    radial-gradient(
      circle at 15% 10%,
      rgba(244,210,122,.10),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(7,17,26,.82),
      rgba(10,36,64,.72)
    );

  box-shadow:
    0 24px 55px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04);

  transition:
    transform .5s cubic-bezier(.22,.61,.36,1),
    border-color .5s ease,
    box-shadow .5s ease,
    opacity .4s ease;
}

.universe-card::after{
  content:"→";
  position:absolute;
  right:32px;
  bottom:30px;

  font-size:1.35rem;
  color:rgba(244,210,122,.68);

  transform:translateX(0);
  transition:
    transform .4s ease,
    color .4s ease;
}

.universe-card span{
  position:absolute;
  top:28px;
  left:32px;

  margin:0;
  font-size:.72rem;
  letter-spacing:.24em;
  color:rgba(244,210,122,.48);
}

.universe-card h3{
  max-width:80%;
  margin:0 0 14px;

  font-family:"Playfair Display", Georgia, serif;
  font-size:clamp(2rem, 3vw, 3rem);
  line-height:1;
  color:#f4f0e8;
}

.universe-card p{
  max-width:82%;
  margin:0;

  font-size:1.05rem;
  line-height:1.65;
  color:rgba(255,255,255,.70);
}

.universe-card:hover{
  transform:translateY(-8px);
  border-color:rgba(244,210,122,.45);

  box-shadow:
    0 34px 70px rgba(0,0,0,.38),
    0 0 34px rgba(199,165,106,.13),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.universe-card:hover::after{
  transform:translateX(5px);
  color:#f4d27a;
}

.universe-grid:hover .universe-card:not(:hover){
  opacity:.62;
}

@media (max-width:760px){
  .universe-grid{
    grid-template-columns:1fr;
    gap:22px;
    margin-top:44px;
  }

  .universe-card{
    min-height:250px;
    padding:28px;
  }

  .universe-card h3,
  .universe-card p{
    max-width:88%;
  }

 .universe-grid:hover .universe-card:not(:hover){
  opacity:1;
}

.universe-card:hover{
  transform:none;
}

.universe-card:hover::after{
  transform:none;
}
}

/* ==================================================
   FØRSTE DØR — MASTER
   ================================================== */

.first-door {
  padding: 40px 0 120px;
}

.first-door-box {
  margin-left: -40px;
  position: relative;
  overflow: hidden;
  transform: translateY(-55px);
  padding: 55px 28px 72px;
  border: 1px solid rgba(199, 165, 106, 0.20);
  border-radius: 30px;
  background:
    radial-gradient(
      circle at 82% 18%,
      rgba(199, 165, 106, 0.10),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(8, 25, 42, 0.96),
      rgba(13, 38, 62, 0.92)
    );
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.first-door-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 64px;
  width: 160px;
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(244, 210, 122, 0.95),
    transparent
  );
}

.first-door-box::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -140px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(102, 102, 255, 0.10),
    transparent 68%
  );
  pointer-events: none;
}

.first-door-box .eyebrow {
  margin-bottom: 28px;
  color: rgba(244, 210, 122, 0.82);
  letter-spacing: 0.26em;
}

.first-door-box h2 {
  max-width: 1050px;
  margin: 0 0 30px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(3rem, 6vw, 6.4rem);
  line-height: 0.98;
  color: #f4f0e8;
}

.first-door-box p {
  max-width: 760px;
  margin: 0 0 22px;
  font-size: 1.15rem;
  line-height: 1.85;
  color: rgba(255, 255, 255, 0.78);
}

.first-door-box strong {
  color: #f4f0e8;
  font-weight: 600;
}

.first-door-box .door-line {
  display: block;
  margin: 34px 0 26px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(1.45rem, 2.4vw, 2.2rem);
  line-height: 1.45;
  color: #f4d27a;
}

.first-door-button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 28px;
  color: #f4d27a;
  font-size: 1rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transition:
    transform 0.3s ease,
    color 0.3s ease,
    gap 0.3s ease;
}

.first-door-button::after {
  content: "→";
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}

.first-door-button:hover {
  color: #fff1bc;
  gap: 18px;
  transform: translateY(-2px);
}

.first-door-button:hover::after {
  transform: translateX(5px);
}

/* MOBIL */

@media (max-width: 760px) {
  .first-door {
    padding: 72px 0 80px;
  }

  .first-door-box {
    padding: 48px 28px 52px;
    border-radius: 22px;
  }

  .first-door-box::before {
    left: 28px;
    width: 110px;
  }

  .first-door-box h2 {
    font-size: clamp(2.6rem, 12vw, 4.1rem);
    line-height: 1.02;
  }

  .first-door-box p {
    font-size: 1.02rem;
    line-height: 1.75;
  }

  .first-door-box .door-line {
    font-size: 1.22rem;
    line-height: 1.5;
    margin: 26px 0 22px;
}
}

/* BILLEDERNE – GALLERI-VÆRK */

.image-section {
  padding: 120px 0;
}

.image-intro {
  max-width: 760px;
  margin-bottom: 48px;
}

.image-intro h2 {
  margin: 12px 0 18px;
  font-family: "Playfair Display", serif;
  font-size: clamp(2.6rem, 5vw, 5.4rem);
  line-height: 1.02;
}

.image-intro p {
  max-width: 680px;
  color: rgba(255,255,255,0.72);
  line-height: 1.7;
}

.gallery-work {
  margin: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: 48px;
  align-items: center;
  padding: 34px;
  border: 1px solid rgba(199,165,106,0.28);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.045), rgba(255,255,255,0.012)),
    rgba(5,14,24,0.72);
  box-shadow: 0 30px 90px rgba(0,0,0,0.28);
}

.gallery-image {
  overflow: hidden;
  border-radius: 20px;
  background: #05080c;
}

.gallery-image img {
  display: block;
  width: 100%;
  height: min(72vh, 760px);
  object-fit: cover;
  object-position: center 28%;
  filter: grayscale(100%) contrast(1.04);
  transition: transform 1.2s ease, filter 1.2s ease;
}

.gallery-work:hover .gallery-image img {
  transform: scale(1.025);
  filter: grayscale(100%) contrast(1.08);
}

.gallery-caption {
  padding: 12px 10px;
}

.gallery-caption p {
  margin: 0 0 28px;
  font-family: "Playfair Display", serif;
  font-size: clamp(2rem, 3.6vw, 4.1rem);
  line-height: 1.12;
  color: #f3efe7;
}

.gallery-caption span {
  color: #c7a56a;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.78rem;
}

@media (max-width: 800px) {
  .image-section {
    padding: 82px 0;
  }

  .gallery-work {
    grid-template-columns: 1fr;
    gap: 26px;
    padding: 18px;
    border-radius: 22px;
  }

  .gallery-image img {
    height: auto;
    max-height: 720px;
  }

  .gallery-caption {
    padding: 8px 4px 14px;
  }

  .gallery-caption p {
    font-size: clamp(1.85rem, 8vw, 3rem);
  }
}

/* BUTIK */

.shop-section {
  padding: 90px 0 110px;
}

.shop-intro {
  max-width: 760px;
  margin-bottom: 48px;
}

.shop-intro h2 {
  margin: 12px 0 18px;
  font-family: "Playfair Display", serif;
  font-size: clamp(2.6rem, 5vw, 5.2rem);
  line-height: 1.02;
}

.shop-intro p {
  max-width: 680px;
  color: rgba(255,255,255,0.72);
  line-height: 1.7;
}

.shop-product {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
  gap: 52px;
  align-items: center;
  padding: 26px;
  border: 1px solid rgba(199,165,106,0.28);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)),
    rgba(5,14,24,0.74);
  box-shadow: 0 30px 90px rgba(0,0,0,0.28);
}

.shop-product-image {
  overflow: hidden;
  border-radius: 20px;
  background: #05080c;
}

.shop-product-image img {
  display: block;
  width: 100%;
  height: min(68vh, 720px);
  object-fit: cover;
  object-position: center 28%;
  filter: grayscale(100%) contrast(1.05);
  transition: transform 1.1s ease;
}

.shop-product:hover .shop-product-image img {
  transform: scale(1.025);
}

.shop-product-info {
  padding: 14px 10px;
}

.shop-label {
  color: #c7a56a;
  font-size: 0.76rem;
  letter-spacing: 0.18em;
}

.shop-product-info h3 {
  margin: 18px 0 14px;
  font-family: "Playfair Display", serif;
  font-size: clamp(2.2rem, 4vw, 4.4rem);
  line-height: 1.05;
}

.shop-quote {
  margin: 0 0 24px;
  font-family: "Playfair Display", serif;
  font-size: 1.55rem;
  color: rgba(255,255,255,0.88);
}

.shop-description {
  max-width: 520px;
  line-height: 1.7;
  color: rgba(255,255,255,0.7);
}

.shop-meta {
  display: flex;
  gap: 18px;
  margin: 30px 0;
  color: #c7a56a;
  font-size: 0.82rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.shop-button {
  padding: 14px 24px;
  border: 1px solid rgba(199,165,106,0.45);
  border-radius: 999px;
  background: rgba(199,165,106,0.08);
  color: #c7a56a;
  font: inherit;
  cursor: not-allowed;
  opacity: 0.78;
}

@media (max-width: 800px) {
  .shop-section {
    padding: 82px 0;
  }

  .shop-product {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 18px;
    border-radius: 22px;
  }

  .shop-product-image img {
    height: auto;
    max-height: 720px;
  }

  .shop-product-info {
    padding: 8px 4px 14px;
  }

  .shop-meta {
    flex-direction: column;
    gap: 8px;
  }
}

/* LYDEN — indbygget afspiller */

.music-cover {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.music-cover audio {
  width: 100%;
  height: 38px;
  margin-top: 2px;
}
/* LYDEN — endelig galleribredde */

.music-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  width: 100%;
  max-width: 920px;
  margin: 48px auto 0;
}

.music-cover {
  width: 100%;
  min-width: 0;
}

.music-cover img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.music-cover audio {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 800px) {
  .music-gallery {
    grid-template-columns: 1fr;
  }
}

/* ---------- SAMTALEN ---------- */

.conversation-section {
  padding: 110px 0;
}

.conversation-box {
  max-width: 1180px;
}

.conversation-topics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 48px;
}

.conversation-topic {
  padding: 30px;
  border: 1px solid rgba(199, 165, 106, 0.22);
  border-radius: 18px;
  background: rgba(7, 17, 26, 0.62);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.conversation-topic:hover {
  transform: translateY(-6px);
  border-color: rgba(244, 210, 122, 0.55);
  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.38),
    0 0 28px rgba(199, 165, 106, 0.12);
}

.conversation-topic h3 {
  margin: 0 0 12px;
  color: #f4d27a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  font-weight: 500;
}

.conversation-topic p {
  margin: 0;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
}

#samtalen {
  scroll-margin-top: 152px;
}

@media (max-width: 800px) {
  .conversation-topics {
    grid-template-columns: 1fr;
  }
}

/* ---------- SAMTALEN: NUMRE, UNDEREMNER OG BREDE KORT ---------- */

.conversation-topic {
  position: relative;
  overflow: hidden;
}

.conversation-number {
  margin: 0 0 18px;
  color: rgba(244, 210, 122, 0.46);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.82rem;
  letter-spacing: 0.18em;
}

.conversation-subtopics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.conversation-subtopics span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 13px;
  border: 1px solid rgba(199, 165, 106, 0.28);
  border-radius: 999px;
  background: rgba(199, 165, 106, 0.07);
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.9rem;
  line-height: 1.35;
}

.conversation-topic-wide {
  grid-column: 1 / -1;
}

.conversation-topic-wide h3 {
  max-width: 720px;
}

.conversation-topic-wide > p:not(.conversation-number) {
  max-width: 780px;
}

@media (max-width: 800px) {
  .conversation-topic-wide {
    grid-column: auto;
  }

  .conversation-subtopics {
    flex-direction: column;
    align-items: flex-start;
  }

  .conversation-subtopics span {
    width: 100%;
  }
}

@media (max-width: 800px) {
  #samtalen {
    scroll-margin-top: 120px;
  }
}

/* ---------- SAMTALEN: FINERE HOVER ---------- */

.conversation-topic:hover {
  transform: translateY(-8px);
  border-color: rgba(244, 210, 122, 0.62);
  box-shadow:
    0 28px 60px rgba(0, 0, 0, 0.4),
    0 0 34px rgba(199, 165, 106, 0.16);
}

.conversation-topic:hover .conversation-number {
  color: rgba(244, 210, 122, 0.82);
}

.conversation-subtopics span {
  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease;
}

.conversation-subtopics span:hover {
  transform: translateY(-2px);
  border-color: rgba(244, 210, 122, 0.52);
  background: rgba(199, 165, 106, 0.12);
}

/* ---------- SAMTALEN: VEJVISER ---------- */

.conversation-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 26px;
  color: #f4d27a;
  font-size: 0.94rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition:
    color 0.25s ease,
    transform 0.25s ease;
}

.conversation-link span {
  display: inline-block;
  transition: transform 0.25s ease;
}

.conversation-link:hover {
  color: #fff0b8;
}

.conversation-link:hover span {
  transform: translateX(5px);
}

/* ---------- SAMTALEN: ENS LINKLINJE ---------- */

.conversation-topic {
  display: flex;
  flex-direction: column;
}

.conversation-link {
  margin-top: auto;
  padding-top: 26px;
}

/* ==================================================
   SAMTALEN – SELVSTÆNDIG SIDE
================================================== */

.conversation-page {
  min-height: 100vh;
  margin: 0;
  color: #f5f1e8;
  background:
    radial-gradient(circle at 50% 15%, rgba(28, 117, 210, 0.5), transparent 42%),
    linear-gradient(180deg, #071827 0%, #0b3762 48%, #071827 100%);
}

.conversation-page * {
  box-sizing: border-box;
}

.conversation-page-container {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto 0 48px;

}

/* ---------- TOP ---------- */

.conversation-header {
  padding: 34px 0;
  border-bottom: 1px solid rgba(199, 165, 106, 0.22);
  background: rgba(3, 14, 25, 0.72);
}

.conversation-header-inner {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.conversation-brand {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #f5f1e8;
  text-decoration: none;
  font-size: 1.15rem;
  font-weight: 600;
}

.conversation-brand img {
  display: block;
  width: 48px;
  height: 64px;
  object-fit: contain;
}

.conversation-back {
  color: #f4d27a;
  text-decoration: none;
  font-weight: 600;
  transition: transform 0.25s ease, color 0.25s ease;
}

.conversation-back:hover {
  color: #fff1bd;
  transform: translateX(-4px);
}

/* ---------- INTRO ---------- */

.conversation-welcome {
  padding: 70px 0 90px;
}

.conversation-welcome .eyebrow {
  margin: 0 0 20px;
  color: #f4d27a;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

.conversation-welcome h1 {
  max-width: 920px;
  margin: 0;
  color: #fffaf0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3rem, 7vw, 6.5rem);
  font-weight: 500;
  line-height: 0.98;
  letter-spacing: -0.035em;
}

.conversation-intro {
  max-width: 720px;
  margin: 28px 0 54px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 1.25rem;
  line-height: 1.7;
}

/* ---------- DE TRE RUM ---------- */

.conversation-rooms {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.conversation-room {
  position: relative;
  display: flex;
  min-height: 360px;
  padding: 34px;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(199, 165, 106, 0.3);
  border-radius: 22px;
  background:
    linear-gradient(
      145deg,
      rgba(13, 58, 98, 0.94),
      rgba(5, 30, 52, 0.98)
    );
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.28);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.conversation-room:hover {
  transform: translateY(-7px);
  border-color: rgba(244, 210, 122, 0.7);
  box-shadow:
    0 28px 65px rgba(0, 0, 0, 0.4),
    0 0 30px rgba(199, 165, 106, 0.12);
}

.conversation-room-letter {
  margin: 0 0 28px;
  color: #f4d27a;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.24em;
}

.conversation-room h2 {
  margin: 0 0 20px;
  color: #f4d27a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.85rem, 3vw, 2.8rem);
  font-weight: 500;
  line-height: 1.08;
}

.conversation-room p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 1.05rem;
  line-height: 1.65;
}

.conversation-room-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin-top: auto;
  padding-top: 34px;
  color: #f4d27a;
  text-decoration: none;
  font-weight: 700;
}

.conversation-room-link span {
  transition: transform 0.25s ease;
}

.conversation-room-link:hover span {
  transform: translateX(6px);
}

/* ---------- HUSREGEL ---------- */

.conversation-guideline {
  margin-top: 54px;
  padding: 30px 34px;
  border-left: 2px solid #c7a56a;
  background: rgba(3, 20, 35, 0.45);
}

.conversation-guideline strong {
  display: block;
  margin-bottom: 10px;
  color: #f4d27a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.3rem;
  font-weight: 500;
}

.conversation-guideline p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  line-height: 1.65;
}

/* ---------- FOOTER ---------- */

.conversation-footer {
  padding: 30px 24px;
  border-top: 1px solid rgba(199, 165, 106, 0.2);
  color: rgba(255, 255, 255, 0.58);
  text-align: center;
  background: rgba(3, 14, 25, 0.68);
}

.conversation-footer p {
  margin: 0;
}

/* ---------- MOBIL ---------- */

@media (max-width: 900px) {
  .conversation-rooms {
    grid-template-columns: 1fr;
  }

  .conversation-room {
    min-height: 300px;
  }
}

@media (max-width: 600px) {
  .conversation-page-container,
  .conversation-header-inner {
    width: min(100% - 30px, 1180px);
  }

  .conversation-header-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .conversation-welcome {
    padding: 68px 0 82px;
  }

  .conversation-welcome h1 {
    font-size: clamp(2.8rem, 15vw, 4.6rem);
  }

  .conversation-intro {
    font-size: 1.08rem;
  }

  .conversation-room {
    min-height: 290px;
    padding: 27px;
  }
}


/* ==================================================
   SAMTALEN – SELVSTÆNDIG SIDE
   ================================================== */

body.conversation-page {
  margin: 0;
  min-height: 100vh;
  color: #f7f3ea;
  background:
    radial-gradient(
      circle at 50% 15%,
      rgba(37, 132, 222, 0.42),
      transparent 42%
    ),
    linear-gradient(
      180deg,
      #0b3155 0%,
      #092944 55%,
      #061a2b 100%
    );
}

.conversation-page *,
.conversation-page *::before,
.conversation-page *::after {
  box-sizing: border-box;
}

/* ---------- HEADER ---------- */

.conversation-header {
  position: relative;
  z-index: 10;
  border-bottom: 1px solid rgba(199, 165, 106, 0.2);
  background: rgba(3, 17, 29, 0.94);
}

.conversation-header-inner {
  width: min(1480px, calc(100% - 80px));
  min-height: 136px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.conversation-brand {
  display: inline-flex;
  align-items: center;
  gap: 20px;

  color: #fff;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 600;
}

.conversation-brand img {
  display: block;
  width: 34px;
  height: 60px;
  object-fit: contain;
}

.conversation-nav a {
  position: relative;
  color: #fff;
  text-decoration: none;
  font-size: 1.12rem;
  font-weight: 500;
}

.conversation-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 2px;
  background: #79aaff;
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.conversation-nav a:hover::after {
  transform: scaleX(0.45);
}

/* ---------- INDHOLD ---------- */

.conversation-welcome {
  padding: 70px 0 90px;
  background: linear-gradient(90deg, #0b3155 0%, #092944 55%, #061a2b 100%);
}


.conversation-page-container {
  width: min(1480px, calc(100% - 64px));
  margin: 0 0 0 32px;
}




.conversation-eyebrow {
  margin: 0 0 28px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 1rem;
  letter-spacing: 0.22em;
}

.conversation-page h1 {
  max-width: 980px;
  margin: 0;

  color: #f7f3ea;
  font-family: Georgia, "Times New Roman", serif;
 font-size: clamp(32px, 4vw, 56px);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.035em;
}

.conversation-intro {
  max-width: 820px;
  margin: 38px 0 58px;

  color: rgba(255, 255, 255, 0.78);
  font-size: clamp(1.45rem, 2.1vw, 2rem);
  line-height: 1.55;
}

/* ---------- DE TRE RUM ---------- */

.conversation-room-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.conversation-room-card {
  min-height: 430px;
  padding: 38px;

  display: flex;
  flex-direction: column;

  border: 1px solid rgba(199, 165, 106, 0.28);
  border-radius: 22px;

  background:
    linear-gradient(
      145deg,
      rgba(11, 54, 89, 0.96),
      rgba(4, 31, 53, 0.96)
    );

  box-shadow:
    0 22px 55px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);

  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.conversation-room-card:hover {
  transform: translateY(-8px);
  border-color: rgba(244, 210, 122, 0.7);

  box-shadow:
    0 30px 65px rgba(0, 0, 0, 0.38),
    0 0 28px rgba(199, 165, 106, 0.12);
}

.conversation-room-letter {
  margin: 0 0 28px;

  color: #f4d27a;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.18em;
}

.conversation-room-card h2 {
  margin: 0 0 22px;

  color: #f4d27a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 3vw, 3.1rem);
  font-weight: 500;
  line-height: 1.08;
}

.conversation-room-card > p:not(.conversation-room-letter) {
  margin: 0;

  color: rgba(255, 255, 255, 0.76);
  font-size: 1.08rem;
  line-height: 1.7;
}

.conversation-room-link {
  margin-top: auto;
  padding-top: 34px;

  display: inline-flex;
  align-items: center;
  gap: 14px;

  color: #f4d27a;
  text-decoration: none;
  font-size: 1.08rem;
  font-weight: 700;
}

.conversation-room-link span {
  display: inline-block;
  transition: transform 0.3s ease;
}

.conversation-room-card:hover .conversation-room-link span {
  transform: translateX(7px);
}

/* ---------- VÆRDIER ---------- */

.conversation-values {
  margin-top: 55px;
  padding: 34px 38px;

  display: flex;
  justify-content: space-between;
  gap: 30px;

  border-top: 1px solid rgba(199, 165, 106, 0.24);
  border-bottom: 1px solid rgba(199, 165, 106, 0.24);
}

.conversation-values p,
.conversation-values span {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.6;
}

.conversation-values p {
  color: #f4d27a;
  font-weight: 600;
}

/* ---------- FOOTER ---------- */

.conversation-footer {
  padding: 34px 20px;
  text-align: center;
  border-top: 1px solid rgba(199, 165, 106, 0.18);
  background: #03111e;
}

.conversation-footer p {
  margin: 0;
  color: rgba(255, 255, 255, 0.58);
}

/* ---------- TABLET ---------- */

@media (max-width: 1050px) {
  .conversation-room-grid {
    grid-template-columns: 1fr;
  }

  .conversation-room-card {
    min-height: 330px;
  }

  .conversation-values {
    flex-direction: column;
  }
}

/* ---------- MOBIL ---------- */

@media (max-width: 700px) {
  .conversation-header-inner,
  .conversation-page-container {
    width: min(100% - 36px, 1480px);
  }

  .conversation-header-inner {
    min-height: 108px;
  }

  .conversation-brand {
    gap: 12px;
    font-size: 1rem;
  }

  .conversation-brand img {
    width: 25px;
    height: 43px;
  }

  .conversation-nav a {
    font-size: 0.92rem;
  }

  .conversation-welcome {
    padding: 54px 0 72px;
  }

  .conversation-page h1 {
   font-size: clamp(32px, 4vw, 56px);
  }

  .conversation-intro {
    font-size: clamp(1.45rem, 2.1vw, 2rem);
  }

  .conversation-room-card {
    min-height: 360px;
    padding: 30px 25px;
  }

  .conversation-values {
    padding: 28px 0;
  }
}

/* ---------- SAMTALEN · EMNESIDE ---------- */

.conversation-topic-actions {
  margin-top: 56px;
}

.conversation-topic-invitation {
  max-width: 760px;
  padding: 36px;
  border: 1px solid rgba(199, 165, 106, 0.24);
  border-radius: 20px;
  background: rgba(7, 17, 26, 0.48);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
}

.conversation-topic-label {
  margin: 0 0 18px;
  color: #f4d27a;
  font-size: 0.82rem;
  letter-spacing: 0.18em;
}

.conversation-topic-invitation h2 {
  margin: 0 0 18px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 4vw, 3.4rem);
  font-weight: 500;
}

.conversation-topic-invitation p {
  max-width: 620px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.78);
}

.conversation-primary-button {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
  color: #f4d27a;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.3s ease, color 0.3s ease;
}

.conversation-primary-button:hover {
  transform: translateX(4px);
  color: #fff1bd;
}

/* ---------- SAMTALEN · EMNEKORT ---------- */

.conversation-topic-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  margin-top: 64px;
}

.conversation-topic-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 340px;
  padding: 38px;
  border: 1px solid rgba(199, 165, 106, 0.24);
  border-radius: 20px;
  background: rgba(4, 20, 32, 0.72);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.conversation-topic-card:hover {
  transform: translateY(-6px);
  border-color: rgba(244, 210, 122, 0.55);
  box-shadow:
    0 26px 60px rgba(0, 0, 0, 0.32),
    0 0 30px rgba(199, 165, 106, 0.1);
}

.conversation-topic-number {
  margin: 0 0 40px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.95rem;
  letter-spacing: 0.14em;
}

.conversation-topic-card h2 {
  margin: 0 0 20px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 3.1vw, 3.5rem);
  line-height: 1.05;
  font-weight: 500;
  color: #f5f0e6;
}

.conversation-topic-card > p:not(.conversation-topic-number) {
  margin: 0 0 34px;
  max-width: 560px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.78);
}

.conversation-room-link {
  margin-top: auto;
  align-self: flex-start;
}

.conversation-topic-card-wide {
  grid-column: 1 / -1;
  min-height: 280px;
}

@media (max-width: 800px) {
  .conversation-topic-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .conversation-topic-card,
  .conversation-topic-card-wide {
    grid-column: auto;
    min-height: 300px;
    padding: 28px;
  }
}

/* ---------- SAMTALEN · EMNESIDE ---------- */

.conversation-topic-opening {
  max-width: 860px;
  margin-top: 54px;
  padding: 34px 36px;
  border: 1px solid rgba(199, 165, 106, 0.28);
  border-radius: 20px;
  background: rgba(5, 19, 30, 0.7);
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.24);
}

.conversation-topic-opening p {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: 1.12rem;
  line-height: 1.8;
}

.conversation-topic-opening p + p {
  margin-top: 20px;
}

.conversation-topic-actions {
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
  margin-top: 36px;
}

.conversation-primary-button {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  padding: 16px 22px;
  border: 1px solid rgba(244, 210, 122, 0.5);
  border-radius: 999px;
  color: #f4d27a;
  font-weight: 700;
  text-decoration: none;
  background: rgba(7, 17, 26, 0.5);
  transition:
    transform 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.conversation-primary-button:hover {
  transform: translateY(-3px);
  color: #fff1bd;
  border-color: rgba(244, 210, 122, 0.85);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.28);
}

.conversation-secondary-link {
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  transition:
    color 0.3s ease,
    border-color 0.3s ease;
}

.conversation-secondary-link:hover {
  color: #ffffff;
  border-color: rgba(244, 210, 122, 0.7);
}

.conversation-thread-section {
  margin-top: 92px;
  padding-top: 46px;
  border-top: 1px solid rgba(199, 165, 106, 0.24);
}

.conversation-thread-heading h2 {
  margin: 10px 0 0;
  color: #f7f1e4;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.2rem, 5vw, 4.6rem);
  font-weight: 500;
  line-height: 1.04;
}

.conversation-empty-state {
  max-width: 760px;
  margin-top: 34px;
  padding: 32px 34px;
  border: 1px solid rgba(199, 165, 106, 0.2);
  border-radius: 18px;
  background: rgba(5, 19, 30, 0.58);
}

.conversation-empty-state p {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  line-height: 1.7;
}

.conversation-empty-state .conversation-empty-title {
  margin-bottom: 10px;
  color: #f4d27a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.55rem;
}

@media (max-width: 700px) {
  .conversation-topic-opening {
    padding: 26px 22px;
  }

  .conversation-topic-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }

  .conversation-empty-state {
    padding: 26px 22px;
  }
}

/* ---------- SAMTALEN · OPRET INDLÆG ---------- */

.conversation-form {
  max-width: 980px;
  margin-top: 52px;
  padding: 38px;
  border: 1px solid rgba(199, 165, 106, 0.32);
  border-radius: 24px;
  background: rgba(5, 20, 33, 0.82);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.conversation-form-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 28px;
}

.conversation-form-group label {
  color: #f4d27a;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.conversation-form-group input,
.conversation-form-group textarea {
  width: 100%;
  padding: 18px 20px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  background: rgba(3, 14, 24, 0.72);
  color: rgba(255, 255, 255, 0.94);
  font: inherit;
  line-height: 1.6;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

.conversation-form-group input::placeholder,
.conversation-form-group textarea::placeholder {
  color: rgba(255, 255, 255, 0.42);
}

.conversation-form-group input:focus,
.conversation-form-group textarea:focus {
  outline: none;
  border-color: rgba(244, 210, 122, 0.72);
  background: rgba(3, 14, 24, 0.92);
  box-shadow: 0 0 0 4px rgba(199, 165, 106, 0.1);
}

.conversation-form-group textarea {
  min-height: 240px;
  resize: vertical;
}

.conversation-form-note {
  margin: 8px 0 34px;
  padding: 24px 26px;
  border-left: 2px solid rgba(244, 210, 122, 0.72);
  background: rgba(199, 165, 106, 0.06);
}

.conversation-form-note p {
  margin: 0 0 8px;
  color: #f4d27a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.2rem;
}

.conversation-form-note span {
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.6;
}

.conversation-form-actions {
  display: flex;
  align-items: center;
  gap: 26px;
  flex-wrap: wrap;
}

.conversation-primary-button {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  padding: 16px 24px;
  border: 1px solid rgba(244, 210, 122, 0.72);
  border-radius: 999px;
  background: transparent;
  color: #f4d27a;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition:
    transform 0.25s ease,
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease;
}

.conversation-primary-button:hover {
  transform: translateY(-2px);
  background: #f4d27a;
  color: #07111a;
  box-shadow: 0 14px 34px rgba(199, 165, 106, 0.18);
}

.conversation-secondary-link {
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
  transition:
    color 0.25s ease,
    border-color 0.25s ease;
}

.conversation-secondary-link:hover {
  color: #f4d27a;
  border-color: #f4d27a;
}

@media (max-width: 700px) {
  .conversation-form {
    margin-top: 36px;
    padding: 26px 20px;
  }

  .conversation-form-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .conversation-primary-button {
    width: 100%;
    justify-content: space-between;
  }
}

/* ---------- FÆLLES DISKRET HEADERLOGO ---------- */

.brand-logo,
.conversation-brand-logo {
  width: 42px;
  height: 54px;
  object-fit: contain;
  flex-shrink: 0;
  opacity: 0.88;
  filter: none;
  transform: scale(2.2);
  transform-origin: center;
}

.brand,
.conversation-brand {
  display: inline-flex;
  align-items: center;
  gap: 18px;
}

.brand:hover .brand-logo,
.conversation-brand:hover .conversation-brand-logo {
  opacity: 1;
}

.brand-logo,
.conversation-brand-logo {
  width: 54px;
  height: 54px;
  object-fit: contain;
  opacity: 0.82;
  filter: none;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.conversation-brand {
  overflow: visible;
}

.conversation-brand .conversation-brand-logo {
  width: 42px !important;
  height: 54px !important;
  object-fit: contain !important;
  opacity: 0.9 !important;

  transform: scale(1.35) !important;
  transform-origin: center !important;

  margin-right: 18px;
}

/* ---------- PASTEL BLUE ACCENT ---------- */

:root {
  --pf-pastel-blue: #6e9fc0;
  --pf-pastel-blue-soft: rgba(110, 159, 192, 0.18);
  --pf-pastel-blue-glow: rgba(110, 159, 192, 0.28);
}

.conversation-welcome {
  background:
    radial-gradient(
      circle at 18% 12%,
      var(--pf-pastel-blue-soft),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #123f68 0%,
      #0b3153 48%,
      #071f36 100%
    );
}

.conversation-card {
  border-color: rgba(110, 159, 192, 0.32);
}

.conversation-card:hover {
  border-color: var(--pf-pastel-blue);
  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.38),
    0 0 30px var(--pf-pastel-blue-glow);
}

.conversation-eyebrow {
color: #f4d27a;
}

/* Pastel Blue – diskret accent */
.conversation-topic:hover,
.conversation-card:hover {
  border-color: rgba(111, 159, 189, 0.55);
  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.38),
    0 0 30px rgba(111, 159, 189, 0.16);
}

/* ---------- TEST: KUN TIMES NEW ROMAN ---------- */

html,
body,
button,
input,
textarea,
select {
  font-family: "Times New Roman", Times, serif !important;
}

/* ---------- MENU: TIMES NEW ROMAN FINPUDSNING ---------- */

.main-nav a {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.18rem;
  letter-spacing: 0.01em;
}

.brand-name {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.45rem;
  letter-spacing: 0.01em;
}

/* ---------- TILBAGE TIL FORSIDEN ---------- */

.back-home-wrap {
  display: flex;
  justify-content: center;
  padding: 70px 20px 40px;
}

.back-home-button {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #c7a56a;
  text-decoration: none;
  border: 1px solid rgba(199, 165, 106, 0.45);
  border-radius: 999px;
  padding: 14px 24px;
  transition: transform 0.25s ease,
              color 0.25s ease,
              border-color 0.25s ease,
              background 0.25s ease;
}

.back-home-button:hover {
  transform: translateY(-2px);
  color: #f4d27a;
  border-color: #f4d27a;
  background: rgba(199, 165, 106, 0.08);
}

/* ---------- PODCAST: VENSTRE LUFT ---------- */

#podcast {
  padding-left: clamp(54px, 6vw, 106px);
  padding-right: clamp(32px, 6vw, 106px);
  box-sizing: border-box;
}

/* ---------- PODCASTSIDE ---------- */

.podcast-page {
  margin: 0;
  background:
    linear-gradient(
      180deg,
      #06111f 0%,
      #0b3152 48%,
      #071522 100%
    );
  color: #f5f0e7;
  font-family: "Times New Roman", Times, serif;
}

.podcast-main {
  width: min(1480px, calc(100% - 80px));
  margin: 0 0 48px 32px;
  padding: 80px 0 110px;
}

.podcast-hero {
  max-width: 900px;
  margin-bottom: 85px;
}

.podcast-hero .eyebrow,
.podcast-episode .eyebrow {
  color: #c7a56a;
  font-size: 0.95rem;
  letter-spacing: 0.22em;
  margin-bottom: 18px;
}

.podcast-hero h1 {
  margin: 0 0 30px;
  font-family: "Playfair Display", serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -1px;
}

.podcast-hero p {
  max-width: 820px;
  margin: 0 0 22px;
  font-size: 1.28rem;
  line-height: 1.7;
}

.podcast-episodes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}

.podcast-episode {
  min-height: 250px;
  padding: 34px;
  border: 1px solid rgba(199, 165, 106, 0.35);
  border-radius: 26px;
  background: rgba(3, 23, 39, 0.58);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.podcast-episode:hover {
  transform: translateY(-5px);
  border-color: rgba(199, 165, 106, 0.75);
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.28);
}

.podcast-episode h2 {
  margin: 0 0 18px;
  color: #f2cd76;
  font-size: 2rem;
  font-weight: 400;
}

.podcast-episode p {
  margin: 0;
  font-size: 1.15rem;
  line-height: 1.65;
}

@media (max-width: 760px) {
  .podcast-main {
    width: min(100% - 30px, 1180px);
    padding-top: 55px;
  }

  .podcast-episodes {
    grid-template-columns: 1fr;
  }

  .podcast-episode {
    padding: 28px;
  }
}


.language-switcher button {
  font-family: "Times New Roman", Times, serif;
  font-size: 1rem;
}

/* ---------- ANKERLANDING: VIDEO + PODCAST ---------- */

#video,
#podcast {
  scroll-margin-top: 145px;
}

#podcast .pf-button {
  margin-top: 22px;
}

.text-perspective {
  margin-top: 5rem;
  padding-top: 2.5rem;
  border-top: 1px solid rgba(199, 165, 106, 0.45);
  max-width: 900px;
}

.text-perspective .eyebrow {
  margin-bottom: 1.5rem;
}

.text-perspective p {
  max-width: 760px;
}

.reflection-question {
  margin-top: 2.5rem;
  margin-bottom: 5rem;
  padding-left: 1.25rem;
  border-left: 2px solid rgba(199, 165, 106, 0.75);
  font-style: italic;
  font-size: 1.08em;
}

/* =========================
   BILLEDERNE – GALLERI
========================= */

.images-page {
  background: #061a2e;
}

.images-main {
  min-height: 100vh;
}

.images-gallery-section {
  padding: 2.5rem 0 5rem;
}

.images-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
}

.image-card {
  overflow: hidden;
  border: 1px solid rgba(199, 165, 106, 0.35);
  border-radius: 24px;
  background: rgba(3, 18, 34, 0.88);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

.image-card:hover {
  transform: translateY(-8px);
  border-color: rgba(199, 165, 106, 0.75);
  box-shadow: 0 26px 65px rgba(0, 0, 0, 0.42);
}

.image-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.image-card-text {
  padding: 1.5rem 1.6rem 1.8rem;
}

.image-card-text h2 {
  margin: 0 0 0.6rem;
  color: #d1ad6f;
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  font-weight: 500;
}

.image-card-text p {
  margin: 0;
  color: rgba(245, 241, 232, 0.82);
  line-height: 1.65;
}

@media (max-width: 760px) {
  .images-gallery {
    grid-template-columns: 1fr;
    gap: 1.4rem;
  }

  .image-card {
    border-radius: 18px;
  }
}

#om {
  scroll-margin-top: 150px;
}

/* Luft mellem Samtalen og OS / SAMARBEJDET */
.first-door-button + .about-collaboration-text {
  margin-top: 5rem;
  padding-top: 3rem;
 border-top: 1px solid rgba(212, 169, 92, 0.35);
}

/* VIDEO-SIDE */

.video-page {
  background:
    radial-gradient(circle at top right, rgba(22, 93, 155, 0.18), transparent 34%),
    linear-gradient(180deg, #031321 0%, #061c30 100%);
  color: #f5efe4;
}

.video-main {
  min-height: 100vh;
  padding-top: 2rem;
}

.video-gallery-section {
  padding: 1rem 0 5rem;
}

.video-card {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;

  padding: clamp(1.4rem, 3vw, 2.6rem);
  border: 1px solid rgba(212, 169, 92, 0.35);
  border-radius: 26px;

  background:
    linear-gradient(
      135deg,
      rgba(8, 35, 58, 0.96),
      rgba(3, 18, 31, 0.94)
    );

  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.video-card-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;

  border-radius: 20px;
  border: 1px solid rgba(212, 169, 92, 0.28);

  background:
    radial-gradient(circle at center, rgba(212, 169, 92, 0.12), transparent 45%),
    linear-gradient(145deg, #0b2b47, #03111e);

  box-shadow: inset 0 0 55px rgba(0, 0, 0, 0.36);
}

.video-placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;

  color: rgba(245, 239, 228, 0.58);
  font-family: Georgia, serif;
  font-size: clamp(1rem, 2vw, 1.25rem);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.video-card-text h2 {
  margin: 0.5rem 0 1.1rem;
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: 1.02;
}

.video-card-text p {
  margin: 0;
  max-width: 38rem;
  color: rgba(245, 239, 228, 0.78);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  line-height: 1.75;
}

@media (max-width: 860px) {
  .video-card {
    grid-template-columns: 1fr;
  }

  .video-card-text {
    padding: 0.4rem 0.2rem 0.2rem;
  }
}

@media (max-width: 560px) {
  .video-main {
    padding-top: 1rem;
  }

  .video-gallery-section {
    padding-bottom: 3rem;
  }

  .video-card {
    padding: 1rem;
    border-radius: 20px;
  }

  .video-card-media {
    border-radius: 15px;
  }
}

.footer-line {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2rem 1rem;
  background: transparent;
  border: 0;
}

.footer-line span {
  display: inline;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  color: rgba(245, 238, 224, 0.65);
}

/* REN FOOTER – INGEN KASSE */
footer,
.footer-line,
.footer-line span {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.footer-line {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 0 !important;
  padding: 2rem 1rem 3rem;
}

.footer-line span {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  color: rgba(245, 238, 224, 0.45);
}

.edition-details {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 1.5rem 0 2rem;
}

.edition-details span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.55rem 1rem;
  border: 1px solid rgba(212, 169, 92, 0.55);
  border-radius: 999px;
  color: #d4a95c;
  font-size: 0.82rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* KALENDER – BEGIVENHEDSKORT */

.calendar-events {
  padding: 1rem 0 4rem;
}

.calendar-event {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;

  margin-top: 2rem;
  padding: clamp(2rem, 5vw, 4.5rem);

  background:
    linear-gradient(
      135deg,
      rgba(7, 31, 52, 0.96),
      rgba(12, 54, 88, 0.92)
    );

  border: 1px solid rgba(212, 169, 92, 0.42);
  border-radius: 28px;
}

.calendar-date {
  min-height: 180px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(212, 169, 92, 0.6);
  border-radius: 24px;

  color: #d4a95c;
  text-align: center;
}

.calendar-day {
  font-family: "Playfair Display", serif;
  font-size: 4rem;
  line-height: 1;
}

.calendar-month {
  margin-top: 0.8rem;
  font-size: 0.82rem;
  letter-spacing: 0.22em;
}

.calendar-event-text h2 {
  margin: 1rem 0 1.5rem;
}

.calendar-note {
  color: rgba(245, 248, 252, 0.68);
  font-style: italic;
}

@media (max-width: 760px) {
  .calendar-event {
    grid-template-columns: 1fr;
  }

  .calendar-date {
    min-height: 130px;
  }
}


.language-switcher {
  transform: translateY(3px);
}

.text-body blockquote {
  margin: 3.5rem 0 1rem;
  padding: 0;
  border: 0;

  max-width: 900px;

  font-size: clamp(1.5rem, 2.4vw, 2.2rem);
  line-height: 1.45;
  font-style: italic;
  color: #d8b15d;
}

/* ===== LÆS HØJT / STOP ===== */

.read-aloud-controls {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin: 1.4rem 0 1.6rem;
}

.read-aloud-button,
.read-aloud-stop {
  appearance: none;
  border: 1px solid rgba(216, 177, 93, 0.42);
  background: rgba(8, 12, 18, 0.78);
  color: #f3efe6;
  font-family: "Times New Roman", Times, serif;
  font-size: 0.95rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0.7rem 1.15rem;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease,
    color 0.25s ease;
  box-shadow: 0 0 0 rgba(216, 177, 93, 0);
}

.read-aloud-button:hover,
.read-aloud-stop:hover {
  transform: translateY(-1px);
  border-color: rgba(216, 177, 93, 0.72);
  background: rgba(14, 20, 30, 0.92);
  box-shadow: 0 0 18px rgba(216, 177, 93, 0.14);
}

.read-aloud-button:active,
.read-aloud-stop:active {
  transform: translateY(0);
}

.read-aloud-button {
  color: #f3efe6;
}

.read-aloud-stop {
  color: #d8b15d;
}

.read-aloud-button[disabled],
.read-aloud-stop[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* små ikoner lidt renere */
.read-aloud-button span[aria-hidden="true"],
.read-aloud-stop span[aria-hidden="true"] {
  font-size: 0.9em;
  line-height: 1;
}

/* ===== LÆS HØJT / STOP ===== */

/* ===== LÆS HØJT / STOP ===== */

.read-aloud-controls {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 1.4rem 0 1.8rem;
}

.read-aloud-button,
.read-aloud-stop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;

  padding: 0.7rem 1.15rem;
  border: 1px solid rgba(212, 169, 92, 0.55);
  border-radius: 999px;

  background: rgba(5, 18, 31, 0.72);
  color: #f5f2ea;

  font-family: "Times New Roman", Times, serif;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.08em;

  cursor: pointer;
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    background 0.22s ease,
    box-shadow 0.22s ease;
}

.read-aloud-button:hover,
.read-aloud-stop:hover {
  transform: translateY(-2px);
  border-color: rgba(212, 169, 92, 0.95);
  background: rgba(15, 39, 61, 0.95);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

.read-aloud-button:focus-visible,
.read-aloud-stop:focus-visible {
  outline: 2px solid rgba(212, 169, 92, 0.95);
  outline-offset: 4px;
}

.read-aloud-stop {
  color: rgba(245, 242, 234, 0.78);
}

.conversation-back-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 36px;
  padding: 12px 18px;
  border: 1px solid rgba(244, 210, 122, 0.55);
  border-radius: 999px;

  color: #f4d27a;
  text-decoration: none;
  font-weight: 700;

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease;
}

.conversation-back-link:hover {
  transform: translateY(-2px);
  color: #ffffff;
  border-color: rgba(244, 210, 122, 0.9);
}

.conversation-page-container > .conversation-back-link {
  display: flex;
  width: fit-content;
  margin: 36px auto 0;
}

.music-page .language-switcher {
  top: 54px;
}

.images-page .language-switcher {
  top: 54px;
}

.video-page .language-switcher {
  top: 54px;
}

.shop-page .language-switcher {
  top: 54px;
}

.calendar-page .language-switcher {
  top: 38px;
top: 50%;
transform: translateY(-50%);
}

/* ===== SAMTALEN · ENS LANDING PÅ ALLE EMNESIDER ===== */

.conversation-page .conversation-welcome {
  padding-top: 92px;
}

@media (max-width: 600px) {
  .conversation-page .conversation-welcome {
    padding-top: 68px;
  }
}

.contact-hero {
  padding-top: 0 !important;
  transform: translateY(-85px);
}

.calendar-hero {
  padding-top: 10px;
}

.music-page .music-hero {
  padding-top: 0;
  margin-top: 70px;
  transform: translateX(0px);
}

.music-page .music-hero h1 {
  font-family: "Playfair Display", serif !important;
  font-size: 64px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -1px !important;
}

.music-page .music-hero .eyebrow {
  font-family: "Playfair Display", serif !important;
  color: #f4d27a !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
}


.images-page .music-hero {
  padding-top: 10px;
  margin-top: 0;
}


.tekster-page .podcast-hero {
  padding-top: 10px;
  margin-top: 0px;
  transform: translateX(-22px);
}

.podcast-page .podcast-hero {
  padding-top: 0;
  margin-top: -62px;
  padding-left: 0;
  transform: translateY(0px);
}


.video-page .video-hero {
  padding-top: 10px;
  margin-top: 0;
}

.shop-page .shop-hero {
  padding-top: 10px;
  margin-top: 0;
}


/* ===== ENS TOPPLACERING PÅ UNDERSIDER ===== */

/* PODCAST – SAMME HEADERHØJDE SOM DE ØVRIGE */

#latest-post {
  max-width: 670px;
  margin: 38px 0 0 105px;
  padding: 28px 46px;
  background: rgba(8, 28, 45, 0.78);
  border: 1px solid rgba(216, 177, 93, 0.35);
  border-radius: 24px;
}

#latest-post h3 {
  margin: 0 0 12px;
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  color: #f5f0e7;
}

#latest-post p {
  margin: 0;
  line-height: 1.65;
  color: rgba(245, 240, 231, 0.88);
}

/* ===== SPROGBOX · MASTER DESKTOP ===== */

@media (min-width: 701px) {
  .language-switcher,
  .music-page .language-switcher,
  .images-page .language-switcher,
  .video-page .language-switcher,
  .shop-page .language-switcher,
  .calendar-page .language-switcher,
  .contact-page .language-switcher {
    position: absolute;
    top: 50%;
    right: 8px;
    left: auto;
    margin: 0;
    transform: translateY(-50%);
    width: auto;
  }
}

/* ===== TOPMENU · ENS KNAPPER ===== */

@media (min-width: 701px) {
  .main-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;
    padding: 0 2px;

    line-height: 1;
    box-sizing: border-box;
  }
}


/* ===== HEADER MASTER — ENS PÅ ALLE SIDER ===== */

.site-header {
  min-height: 136px !important;
}

.site-header .container.nav {
  min-height: 136px !important;
  display: flex !important;
  align-items: center !important;
}

.site-header .main-nav {
  align-items: center !important;
}

.site-header .language-switcher {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* ===== MASTER: ALLE UNDERSIDER ÅBNER SAMME STED ===== */

body:not(.home-page) main > section:first-child {
  margin-top: 0 !important;
  padding-top: 60px !important;
}


.video-page .video-hero {
  padding-top: 0 !important;
  margin-top: -64px;
}


.video-page .video-main {
  padding-top: 0 !important;
  margin-top: 0px !important;
}



/* ===== TEKSTER · LANDING MASTER ===== */

.tekster-page .podcast-main {
  padding-top: 0 !important;
  margin-top: 0px !important;
}

.tekster-page .podcast-hero {
  padding-top: 0 !important;
  margin-top: 0 !important;
  transform: translateX(-130px);
}



/* SAMTALEN – full width landing */
body.conversation-page main > .conversation-welcome {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* PODCAST – desktop landing */
.podcast-page .podcast-main {
  padding-top: 0 !important;
}

/* PODCAST – desktop landing */



/* TEKSTER – final landing */

 

.tekster-page .podcast-hero h1 {
  font-family: "Playfair Display", serif !important;
  font-size: 64px !important;
font-weight: 700 !important;
line-height: 1.08 !important;
letter-spacing: -1px !important;
}
 
}
.conversation-page h1 {
  font-family: "Playfair Display", serif;
  font-size: clamp(34px, 5vw, 64px);
  font-weight: 400;
  line-height: .95;
  letter-spacing: -.04em;
}

/* TEKSTER – ABSOLUT FINAL H1 */

body.tekster-page main.podcast-main section.podcast-hero h1 {
  font-family: "Playfair Display", serif !important;
 font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 0.95 !important;
  letter-spacing: -0.04em !important;
}
.tekster-page .podcast-hero .eyebrow {
  font-family: "Playfair Display", serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.26em !important;
  transform: translateY(-6px);
}




body.tekster-page main.podcast-main section.podcast-hero h1 {
  font-family: "Playfair Display", serif !important;
  font-size: 64px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -1px !important;
} 

/* ===== NYHEDSBREV ===== */

.newsletter-section {
  padding: 50x 48px;
}

.newsletter-box {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;

 
padding: 42px 52px;
  border: 1px solid rgba(244, 210, 122, 0.32);
  border-radius: 28px;

  background:
    linear-gradient(
      135deg,
      rgba(8, 41, 67, 0.95),
      rgba(5, 25, 42, 0.98)
    );

  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28);
}

.newsletter-eyebrow {
  margin: 0 0 18px;

  color: #f4d27a;

  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.24em;
}

.newsletter-box h2 {
  margin: 0 0 20px;

  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(2.3rem, 5vw, 4.8rem);
  line-height: 1;
  font-weight: 500;

  color: #f7f3ea;
}

.newsletter-text {
  max-width: 720px;
  margin-bottom: 32px;

  font-size: 1.15rem;
  line-height: 1.7;

  color: rgba(247, 243, 234, 0.86);
}

.newsletter-form {
  display: flex;
  gap: 12px;
  max-width: 680px;
}

.newsletter-form input {
  flex: 1;

  padding: 16px 20px;

  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;

  background: rgba(0, 0, 0, 0.18);
  color: #fff;

  font-size: 1rem;
}

.newsletter-form button {
  padding: 16px 28px;

  border: 1px solid rgba(244, 210, 122, 0.65);
  border-radius: 999px;

  background: transparent;
  color: #f4d27a;

  font-weight: 700;
  letter-spacing: 0.12em;

  cursor: pointer;
}

.newsletter-form button:hover {
  background: rgba(244, 210, 122, 0.1);
}

.newsletter-form button:hover {
  background: rgba(244, 210, 122, 0.12);
  box-shadow: 0 0 18px rgba(244, 210, 122, 0.22);
  transform: translateY(-1px);
}

@media (max-width: 700px) {
  .newsletter-section {
    padding: 60px 20px;
  }

  .newsletter-box {
    padding: 36px 24px;
  }

  .newsletter-form {
    flex-direction: column;
  }

  .newsletter-form button {
    width: 100%;
  }
}

.newsletter-box iframe {
  display: block;
  width: 100%;
  min-height: 420px;
  border: 0;
}

.newsletter-box iframe {
  display: block !important;
  width: 100% !important;
 height: 220px !important;
min-height: 220px !important;
  border: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ===== BREVO / PARKINSONFIGHTER LOOK ===== */

.newsletter-box .sib-form {
  background: transparent !important;
  text-align: left !important;
}

.newsletter-box #sib-form-container {
  max-width: 760px;
  margin: 0;
}

.newsletter-box #sib-container {
  max-width: 760px !important;
  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;

  text-align: left !important;
}

.newsletter-box #sib-container .sib-form-block {
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
}

.newsletter-box #sib-container .sib-form-block p {
  margin: 0;
}

.newsletter-box #sib-container .sib-form-block:first-of-type {
  display: none;
}

.newsletter-box #sib-container .sib-text-form-block {
  display: none;
}

.newsletter-box #sib-container .entry__label {
  display: none !important;
}

.newsletter-box #sib-container .entry__specification {
  display: none !important;
}

.newsletter-box #sib-container .entry__field {
  background: transparent !important;
  border: 0 !important;
}

.newsletter-box #sib-container input.input {
  width: 100% !important;
  min-height: 58px;

  padding: 16px 22px !important;

  border: 1px solid rgba(244, 210, 122, 0.42) !important;
  border-radius: 999px !important;

  background: rgba(0, 0, 0, 0.16) !important;

  color: #f7f3ea !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 1rem !important;

  box-shadow: none !important;
}

.newsletter-box #sib-container input.input::placeholder {
  color: rgba(247, 243, 234, 0.48) !important;
}

.newsletter-box #sib-container .sib-input {
  padding: 0 !important;
}

.newsletter-box #sib-container .sib-form-block:has(button) {
  padding: 14px 0 0 !important;
}

.newsletter-box #sib-container button.sib-form-block__button {
  min-height: 54px !important;

  padding: 14px 30px !important;

  border: 1px solid rgba(244, 210, 122, 0.65) !important;
  border-radius: 999px !important;

  background: transparent !important;

  color: #f4d27a !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;

  text-transform: uppercase;

  box-shadow: none !important;
  cursor: pointer;
}

.newsletter-box #sib-container button.sib-form-block__button:hover {
  background: rgba(244, 210, 122, 0.10) !important;
}

.newsletter-box #sib-container button.sib-form-block__button svg {
  display: none !important;
}

.newsletter-box #sib-container button.sib-form-block__button {
  font-size: 0 !important;
}

.newsletter-box #sib-container button.sib-form-block__button::after {
  content: "TILMELD";
  font-size: 0.95rem;
}

.newsletter-box .entry__error {
  margin-top: 10px !important;
  background: transparent !important;
  border: 0 !important;
  color: #f2a3a3 !important;
}

@media (max-width: 700px) {
  .newsletter-box #sib-container {
    max-width: 100% !important;
  }

  .newsletter-box #sib-container button.sib-form-block__button {
    width: 100% !important;
  }
}

/* ===== BREVO / PARKINSONFIGHTER NEWSLETTER ===== */

.pf-newsletter-form {
  display: flex;
  gap: 14px;
  align-items: center;
  max-width: 680px;
  margin-top: 42px;
}

.pf-newsletter-form input[type="email"] {
  flex: 1;

  padding: 15px 20px;

  border: 1px solid rgba(244, 210, 122, 0.48);
  border-radius: 999px;

  background: rgba(0, 0, 0, 0.18);
  color: #f7f3ea;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 1rem;

  outline: none;

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

.pf-newsletter-form input[type="email"]::placeholder {
  color: rgba(247, 243, 234, 0.58);
}

.pf-newsletter-form input[type="email"]:focus {
  border-color: #f4d27a;
  background: rgba(0, 0, 0, 0.26);

  box-shadow:
    0 0 0 3px rgba(244, 210, 122, 0.08),
    0 0 24px rgba(244, 210, 122, 0.10);
}

.pf-newsletter-form button {
  padding: 15px 28px;

  border: 1px solid rgba(244, 210, 122, 0.7);
  border-radius: 999px;

  background: transparent;
  color: #f4d27a;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.95rem;
  font-weight: 700;

  letter-spacing: 0.12em;
  text-transform: uppercase;

  cursor: pointer;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.pf-newsletter-form button:hover {
  background: #f4d27a;
  color: #081f31;

  box-shadow: 0 8px 28px rgba(244, 210, 122, 0.18);

  transform: translateY(-1px);
}

@media (max-width: 700px) {
  .pf-newsletter-form {
    flex-direction: column;
    align-items: stretch;
  }

  .pf-newsletter-form button {
    width: 100%;
  }
}

.newsletter-status {
  margin: 0 0 14px;
  min-height: 1.4em;
  color: #f4d27a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
}

/* =========================
   KONTAKT – PARKINSONFIGHTER
   ========================= */

main.contact-page {
  width: min(1100px, calc(100% - 40px));
  margin: 0 auto;
  padding: 90px 0 120px;
}

.contact-card {
  max-width: 760px;
  margin: 0 auto;
  padding: 42px 42px 46px;
  background: linear-gradient(
    180deg,
    rgba(11, 49, 85, 0.96) 0%,
    rgba(6, 26, 43, 0.98) 100%
  );
  border: 1px solid rgba(212, 175, 55, 0.28);
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.contact-card h1,
.contact-card h2 {
  margin-top: 0;
  color: #f5f2ea;
}

.contact-card p {
  color: rgba(245, 242, 234, 0.82);
  line-height: 1.7;
}

.contact-card label {
  display: block;
  margin: 22px 0 8px;
  color: #f5f2ea;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.contact-card input,
.contact-card textarea,
.contact-card select {
  width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  color: #f5f2ea;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  outline: none;
  font: inherit;
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}

.contact-card textarea {
  min-height: 170px;
  resize: vertical;
}

.contact-card input:focus,
.contact-card textarea:focus,
.contact-card select:focus {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(212, 175, 55, 0.75);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.09);
}

.contact-card button,
.contact-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
  padding: 13px 28px;
  min-width: 150px;

  color: #061a2b;
  background: #d4af37;

  border: 1px solid #d4af37;
  border-radius: 999px;

  font: inherit;
  font-weight: 700;
  letter-spacing: 0.04em;

  cursor: pointer;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}

.contact-card button:hover,
.contact-submit:hover {
  transform: translateY(-2px);
  background: #e0bd4f;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}

.contact-card button:active,
.contact-submit:active {
  transform: translateY(0);
}

.contact-success {
  margin-top: 24px;
  padding: 18px 20px;
  color: #f5f2ea;
  background: rgba(212, 175, 55, 0.08);
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 12px;
}

/* MOBIL */
@media (max-width: 700px) {
  .contact-page {
    width: min(100% - 24px, 1100px);
    padding: 60px 0 90px;
  }

  .contact-card {
    padding: 28px 20px 32px;
    border-radius: 14px;
  }

  .contact-card button,

  .contact-submit {
    width: 100%;
  }
}

/* =========================
   KONTAKT – PARKINSONFIGHTER
   ========================= */

main.contact-page {
  width: min(1100px, calc(100% - 40px));
  margin: 0 auto;
  padding: 10px 0 120px;
}

.contact-card {
  max-width: 760px;
  margin: 0 auto;
  padding: 42px 42px 46px;
  background: linear-gradient(
    180deg,
    rgba(11, 49, 85, 0.96) 0%,
    rgba(6, 26, 43, 0.98) 100%
  );
  border: 1px solid rgba(212, 175, 55, 0.28);
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.contact-card h1,
.contact-card h2 {
  margin-top: 0;
  color: #f5f2ea;
}

.contact-card p {
  color: rgba(245, 242, 234, 0.82);
  line-height: 1.7;
}

.contact-card label {
  display: block;
  margin: 22px 0 8px;
  color: #f5f2ea;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.contact-card input,
.contact-card textarea,
.contact-card select {
  width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  color: #f5f2ea;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  outline: none;
  font: inherit;
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}

.contact-card textarea {
  min-height: 170px;
  resize: vertical;
}

.contact-card input:focus,
.contact-card textarea:focus,
.contact-card select:focus {
  background: rgba(255, 255, 255, 0.075);
  border-color: rgba(212, 175, 55, 0.75);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.09);
}

.contact-card button,
.contact-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 28px;
  padding: 13px 28px;
  min-width: 150px;

  color: #061a2b;
  background: #d4af37;

  border: 1px solid #d4af37;
  border-radius: 999px;

  font: inherit;
  font-weight: 700;
  letter-spacing: 0.04em;

  cursor: pointer;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}

.contact-card button:hover,
.contact-submit:hover {
  transform: translateY(-2px);
  background: #e0bd4f;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}

.contact-card button:active,
.contact-submit:active {
  transform: translateY(0);
}

.contact-success {
  margin-top: 24px;
  padding: 18px 20px;
  color: #f5f2ea;
  background: rgba(212, 175, 55, 0.08);
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 12px;
}

/* MOBIL */
@media (max-width: 700px) {
  .contact-page {
    width: min(100% - 24px, 1100px);
    padding: 60px 0 90px;
  }

  .contact-card {
    padding: 28px 20px 32px;
    border-radius: 14px;
  }

  .contact-card button,
  .contact-submit {
    width: 100%;
  }
}

.contact-main {
  padding-top: 90px;
}

.contact-content .container {
  width: min(1100px, calc(100% - 40px));
  margin: 0 auto;
}

.contact-card {
  max-width: 760px;
  margin: 0 auto;
}

.contact-card-text {
  padding: 0;
}

.contact-address {
  margin-top: 18px;
  color: #d4af37;
  font-weight: 700;
  letter-spacing: .03em;
}

.contact-quote {
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid rgba(212, 175, 55, 0.22);
}

.contact-quote span {
  color: #d4af37;
  font-size: .78rem;
  letter-spacing: .16em;
}

.contact-quote blockquote {
  margin: 14px 0 0;
  color: rgba(245, 242, 234, 0.9);
  font-style: italic;
  line-height: 1.7;
}

.om-page-container {
  margin-left: 82px !important;
}


.om-page-container .eyebrow {
  font-size: 0.66rem !important;
  transform: translateX(8px);
}

.om-page-container h1 {
  font-size: 0.86rem !important;
}



.tekster-page-container {
  margin-left: 78px !important;
}

.tekster-page-container {
  margin-left: 78px !important;
  font-family: "Cormorant Garamond", Georgia, serif;
}


.tekster-page-container h1,
.tekster-page-container h2,
.tekster-page-container h3,
.tekster-page-container p,
.tekster-page-container a,
.tekster-page-container button,
.tekster-page-container span,
.tekster-page-container strong {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 1.12rem !important;
  font-weight: 600 !important;
}

/* TEKSTER – præcis typografi */
.tekster-page .podcast-episode.text-entry h2 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 1.85rem !important;
  font-weight: 500 !important;
}

.tekster-page .podcast-episode.text-entry p {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 1.12rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

.tekster-page .podcast-hero .eyebrow {
  font-size: 1.05rem !important;
  margin-top: 12px !important;
}


.tekster-page .podcast-hero .eyebrow {
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  margin-top: 6px !important;
  margin-bottom: 28px !important;
}


/* PODCAST – final landing */

.podcast-page main.podcast-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 48px 110px 48px !important;
  box-sizing: border-box;
  transform: none !important;
}



.podcast-page .podcast-hero .eyebrow {
  font-weight: 600 !important;
}

main.contact-page {
  padding-top: 0px !important;
}

.contact-hero .eyebrow {
  transform: translateY(-7px);
}

/* VIDEO — sidste puds */
body.video-page .back-home-wrap {
  margin-top: 12px !important;
  padding-top: 0 !important;
}

/* TEKSTER — sidste 5% */
body.tekster-page .back-home-wrap {
  padding-top: 35px !important;
}

/* TEKSTER — footer sidste 5% */
body.tekster-page .conversation-footer {
  transform: translateY(-18px);
}

/* SAMTALEN – sidste 5% */
body.conversation-page .conversation-access {
  margin-top: 20px !important;
}

body.conversation-page {
  scroll-padding-top: 170px;
}



body.contact-page .contact-guestbook {
  margin-top: 32px;
}

/* KONTAKT — luft før GÆSTEBOG */
body.contact-page .contact-guestbook {
  margin-top: 24px;
}

/* KONTAKT — GÆSTEBOG link */
body.contact-page .contact-guestbook a {
  display: inline-block;
  margin-top: 18px;
  padding: 14px 24px;
  border: 1px solid rgba(199, 165, 106, 0.55);
  border-radius: 999px;
  color: #d8b06a;
  text-decoration: none;
  letter-spacing: 0.04em;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

body.contact-page .contact-guestbook a:hover {
  transform: translateY(-2px);
  border-color: rgba(199, 165, 106, 0.9);
}

/* GÆSTEBOG — formular */
.guestbook-page input,
.guestbook-page textarea {
  width: 100%;
  max-width: 720px;
  background: rgba(3, 23, 39, 0.72);
  color: #f5f3ee;
  border: 1px solid rgba(199, 165, 106, 0.45);
  border-radius: 18px;
  padding: 14px 16px;
  font: inherit;
}

.guestbook-page textarea {
  min-height: 150px;
  resize: vertical;
}

.guestbook-page input:focus,
.guestbook-page textarea:focus {
  outline: none;
  border-color: rgba(199, 165, 106, 0.9);
  box-shadow: 0 0 0 3px rgba(199, 165, 106, 0.08);
}

.guestbook-page button[type="submit"] {
  margin-top: 18px;
  padding: 14px 24px;
  background: transparent;
  color: #d8b06a;
  border: 1px solid rgba(199, 165, 106, 0.55);
  border-radius: 999px;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.guestbook-page button[type="submit"]:hover {
  border-color: rgba(199, 165, 106, 0.95);
  transform: translateY(-2px);
}

.contact-page .guestbook-teaser .eyebrow {
  margin-top: 36px;
}

/* GÆSTEBOG – afstande på KONTAKT */
.contact-page .guestbook-teaser {
  margin-top: 70px;
}

.contact-page .guestbook-teaser .eyebrow {
  margin-bottom: 46px;
}

@media (max-width: 768px) {
  .tekster-page-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}


/* TEKSTER – mobil fix */
@media (max-width: 768px) {

  body.tekster-page main.podcast-main {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box;
  }

  body.tekster-page .podcast-hero,
  body.tekster-page .podcast-episode {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    box-sizing: border-box;
  }

  body.tekster-page .tekster-page-container {
  margin-left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
}

/* PODCAST — desktop reset efter TEKSTER-fix */
@media (min-width: 769px) {
  body.podcast-page main.podcast-main {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 48px !important;
    padding-right: 48px !important;
    transform: none !important;
    box-sizing: border-box;
  }

  body.podcast-page .podcast-hero,
  body.podcast-page .podcast-grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }
}

/* BLUE — UDEN VIDNER */

.blue-album {
  margin-top: 64px;
  margin-bottom: 72px;
  text-align: center;
}

.blue-album .album-cover {
  width: min(100%, 520px);
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 4px;
}

 =========================
   BLUE — UDEN VIDNER
   ========================= */

.blue-album {
  max-width: 720px;
  margin: 48px auto 72px;
  text-align: center;
}

.blue-album .album-kicker {
  margin-bottom: 12px;
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.72;
}

.blue-album h2 {
  margin: 0 0 14px;
}

.blue-album p {
  max-width: 560px;
  margin: 0 auto 28px;
  line-height: 1.6;
}

.blue-album .album-cover {
  display: block;
  width: min(100%, 460px);
  height: auto;
  margin: 0 auto;
  border-radius: 4px;
}

/* BLUE TRACKS */

.blue-tracks {
  max-width: 720px;
  margin: 0 auto 72px;
}

.blue-track {
  margin-bottom: 24px;
}

.blue-track-title {
  margin-bottom: 10px;
  font-size: 0.95rem;
  letter-spacing: 0.06em;
}

.blue-track audio {
  width: 100%;
  display: block;
}