/* Startsidan. Inget här behöver ändras när en annan undersida skapas. */

body.website-v2 .v2-hero {
  position: relative;
  min-height: clamp(660px,78vh,930px);
  display: flex;
  align-items: center;
  isolation: isolate;
  background: #161514;
  overflow: hidden;
}

body.website-v2 .v2-hero-photo {
  position: absolute;
  inset: 0;
  z-index: -2;
  background: #2e302b var(--v2-hero-image) center 55%/cover no-repeat;
}

body.website-v2 .v2-hero-shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg,rgba(8,8,8,.89) 0%,rgba(8,8,8,.76) 27%,rgba(8,8,8,.34) 66%,rgba(8,8,8,.17) 100%),linear-gradient(0deg,rgba(0,0,0,.52),transparent 39%);
}

body.website-v2 .v2-hero-content {
  width: min(100%,1540px);
  padding: 90px clamp(22px,7vw,112px) 128px;
  margin: 0 auto;
}

body.website-v2 .v2-hero h1 {
  font-size: clamp(3rem,6.3vw,6.4rem);
  max-width: 950px;
  letter-spacing: -.028em;
  color: var(--v2-white);
  margin-bottom: 29px;
  text-shadow: 0 2px 22px rgba(0,0,0,.24);
}

body.website-v2 .v2-hero h1 em {
  font-weight: 300;
  color: #f5e8d2;
}

body.website-v2 .v2-hero-lead {
  max-width: 55ch;
  font-size: clamp(1rem,1.48vw,1.2rem);
  line-height: 1.85;
  color: #f2eee8;
  margin-bottom: 35px;
  text-shadow: 0 2px 16px rgba(0,0,0,.4);
}

body.website-v2 .v2-hero-foot {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 20px clamp(22px,5vw,86px);
  border-top: 1px solid rgba(237,211,170,.32);
  color: #e0d9ce;
  font-size: .72rem;
  letter-spacing: .17em;
}

body.website-v2 .v2-hero-foot a {
  letter-spacing: .03em;
  font-size: .83rem;
}

body.website-v2 .v2-hero-foot a:hover {
  color: var(--v2-gold-light);
}

body.website-v2 .v2-intro {
  text-align: center;
  background: var(--v2-ivory);
  color: #26221d;
  display: flex;
  flex-direction: column;
  align-items: center;
}

body.website-v2 .v2-intro .v2-kicker {
  color: #86633a;
}

body.website-v2 .v2-intro h2 {
  max-width: 980px;
  margin-bottom: 27px;
}

body.website-v2 .v2-intro p:not(.v2-kicker) {
  max-width: 750px;
  color: #4d473f;
  line-height: 1.95;
  margin-bottom: 14px;
  font-size: 1.045rem;
}

body.website-v2 .v2-pathways {
  background: #111111;
  color: var(--v2-ivory);
}

body.website-v2 .v2-pathway-grid {
  max-width: 1490px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 15px;
}

/* Fem kort: tre överst och två centrerade under. */
body.website-v2 .v2-pathway-grid > .v2-pathway-card {
  grid-column: span 2;
}
body.website-v2 .v2-pathway-grid > .v2-pathway-card:nth-child(4) {
  grid-column: 2 / span 2;
}
body.website-v2 .v2-pathway-grid > .v2-pathway-card:nth-child(5) {
  grid-column: 4 / span 2;
}

body.website-v2 .v2-pathway-card {
  display: flex;
  flex-direction: column;
  min-height: 320px;
  padding: clamp(24px,2.6vw,41px) clamp(20px,2.2vw,33px);
  border: 1px solid var(--v2-border);
  border-top: 2px solid var(--v2-gold);
  background: #1c1b1a;
  transition: background .2s,transform .2s;
}

body.website-v2 .v2-pathway-card:hover {
  transform: translateY(-4px);
  background: #282522;
}

body.website-v2 .v2-pathway-number {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--v2-gold-light);
  font: 600 .68rem/1.4 var(--v2-body);
  letter-spacing: .15em;
  margin-bottom: 36px;
}

body.website-v2 .v2-pathway-number span {
  width: 18px;
  height: 1px;
  background: var(--v2-gold);
}

body.website-v2 .v2-pathway-card h3 {
  margin-bottom: 18px;
}

body.website-v2 .v2-pathway-card p {
  color: #c6bfb5;
  font-size: .95rem;
  line-height: 1.8;
  margin-bottom: 24px;
}

body.website-v2 .v2-card-link {
  display: inline-block;
  margin-top: auto;
  padding-bottom: 5px;
  align-self: start;
  border-bottom: 1px solid var(--v2-gold);
  color: var(--v2-gold-light);
  font-weight: 600;
  font-size: .9rem;
}

body.website-v2 .v2-perspective {
  background: #211e1c;
  display: grid;
  grid-template-columns: minmax(0,.93fr) minmax(0,1fr);
  align-items: center;
  gap: clamp(46px,8vw,140px);
}

body.website-v2 .v2-perspective-visual {
  width: 100%;
  min-height: 480px;
  padding: clamp(36px,5vw,70px);
  border: 1px solid rgba(201,163,108,.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(132deg,#24201d,#141312);
  box-shadow: 0 20px 60px rgba(0,0,0,.15);
}

body.website-v2 .v2-large-quote {
  font: 400 7rem/.9 Georgia,serif;
  color: var(--v2-gold);
  opacity: .85;
}

body.website-v2 .v2-perspective-visual p {
  font: italic 400 clamp(1.85rem,3vw,3rem)/1.45 var(--v2-display);
  color: var(--v2-ivory);
  max-width: 550px;
}

body.website-v2 .v2-visual-rule {
  height: 2px;
  width: 76px;
  background: var(--v2-gold);
  margin-top: 40px;
}

body.website-v2 .v2-perspective-copy {
  max-width: 600px;
}

body.website-v2 .v2-perspective h2 {
  margin-bottom: 28px;
}

body.website-v2 .v2-perspective-copy>p:not(.v2-kicker) {
  color: #d0c8bc;
  margin-bottom: 19px;
  line-height: 1.95;
}

body.website-v2 .v2-music {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  background: var(--v2-ivory-deep);
  color: #302820;
  border-top: 2px solid var(--v2-gold);
}

body.website-v2 .v2-music-content {
  max-width: 840px;
}

body.website-v2 .v2-music h2 {
  margin-bottom: 24px;
}

body.website-v2 .v2-music p:not(.v2-kicker) {
  color: #595046;
  max-width: 650px;
}

body.website-v2 .v2-music .v2-kicker {
  color: #785834;
}

body.website-v2 .v2-music-art {
  height: 220px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 30px;
  opacity: .95;
}

body.website-v2 .v2-music-art span {
  width: 4px;
  height: 44px;
  border-radius: 4px;
  background: linear-gradient(#86643b,#d0ac70);
}

body.website-v2 .v2-music-art span:nth-child(2),body.website-v2 .v2-music-art span:nth-child(10) {
  height: 76px;
}

body.website-v2 .v2-music-art span:nth-child(3),body.website-v2 .v2-music-art span:nth-child(9) {
  height: 132px;
}

body.website-v2 .v2-music-art span:nth-child(4),body.website-v2 .v2-music-art span:nth-child(8) {
  height: 92px;
}

body.website-v2 .v2-music-art span:nth-child(5),body.website-v2 .v2-music-art span:nth-child(7) {
  height: 168px;
}

body.website-v2 .v2-music-art span:nth-child(6) {
  height: 202px;
}

body.website-v2 .v2-current {
  background: #121212;
  color: var(--v2-ivory);
}

body.website-v2 .v2-current-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  max-width: 1490px;
  margin: auto;
  border-top: 2px solid var(--v2-gold);
}

body.website-v2 .v2-current-item {
  padding: 34px 36px;
  border-bottom: 1px solid rgba(201,163,108,.32);
  border-right: 1px solid rgba(201,163,108,.32);
}

body.website-v2 .v2-current-item:nth-child(2n) {
  border-right: 0;
}

body.website-v2 .v2-current-item h3 {
  color: var(--v2-gold-light);
  margin-bottom: 9px;
  font-size: 1.55rem;
}

body.website-v2 .v2-current-item p {
  max-width: 60ch;
  color: #c5beb4;
  font-size: .95rem;
}

body.website-v2 .v2-closing {
  text-align: center;
  background: #24201c;
  color: var(--v2-ivory);
  border-top: 2px solid var(--v2-gold);
}

body.website-v2 .v2-closing h2 {
  margin: 0 auto 20px;
  max-width: 920px;
}

body.website-v2 .v2-closing>p:not(.v2-kicker) {
  max-width: 670px;
  margin: 0 auto 30px;
  color: #dbd4cb;
}

body.website-v2 .v2-closing .v2-actions {
  justify-content: center;
}