/* License page — final layout.
   Cover photo is a fixed backdrop (100vw × 100svh, object-fit: cover).
   Logo/nav sit on top and scroll away. Text is a narrow left column
   overlaid on the photo, with per-glyph text-shadow for contrast.
   Footer spans full width, same as every other page. */

body.license-page {
  position: relative;
  background: var(--bg);
}

/* Cover section: just tall enough to hold the logo/nav row.
   padding-top is inherited from shared (4.2vw) so the logo and nav land
   at the exact same distance from the top as on every other page —
   navigating between pages doesn't shift them. Background stays
   transparent, so that 4.2vw area is photo, not a black bar. */
body.license-page .cover-container {
  min-height: 11vw;
  background: transparent;
}

body.license-page .cover-inner {
  aspect-ratio: auto;
  flex: 1 1 auto;
  min-height: 11vw;
}

/* Photo is FIXED so it's the backdrop for the whole document, not just
   the cover. Stays visible as you scroll through the text. */
body.license-page .cover-inner picture {
  display: block;
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100svh;
  z-index: 0;
}

body.license-page .cover-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* --- License text content: narrow LEFT-COLUMN, flows right after the
       logo/nav row. Not full width — photo stays visible to the right. --- */

.license-content {
  position: relative;
  z-index: 2;
  padding: 6vw 0 2vw 5vw;
  max-width: 80vw;
  box-sizing: border-box;
  color: var(--text);
  background: transparent;
}

/* Glyph-level contrast boost — replaces the removed global dim.
   Keeps text readable over brighter patches of the photo. */
.license-content h1,
.license-content h2,
.license-content p {
  text-shadow: 0 0.08vw 0.35vw rgba(0, 0, 0, 0.75);
}

.license-title {
  font-size: 5.2vw;
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: 0.05vw;
  text-transform: uppercase;
  margin: 0 0 0.8vw;
}

.license-title .red {
  color: var(--red);
}

.license-tagline {
  font-size: 1.6vw;
  font-weight: 500;
  font-style: italic;
  line-height: 1.4;
  margin: 0 0 4vw;
  opacity: 0.92;
}

.license-intro {
  margin: 0 0 4vw;
}

.license-intro p {
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 1.4vw;
}

.license-section {
  margin: 0 0 4.5vw;
}

.license-section:last-of-type {
  margin-bottom: 0;
}

.license-heading {
  font-size: 2.8vw;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0.04vw;
  margin: 0 0 1.4vw;
}

.license-heading .red {
  color: var(--red);
}

.license-section p {
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 1.3vw;
}

.license-content p:last-child {
  margin-bottom: 0;
}

.license-content p strong {
  font-weight: 700;
}

.license-content a {
  color: var(--red);
  text-decoration: underline;
  text-underline-offset: 0.22vw;
  text-decoration-thickness: 0.08vw;
  transition: opacity 0.15s ease;
}

.license-content a:hover {
  opacity: 0.7;
}

.license-content em {
  font-style: italic;
}

/* Footer spans full page width, centered like every other page. */
body.license-page > .footer {
  position: relative;
  z-index: 2;
  margin-top: 0;
  text-shadow: 0 0.08vw 0.35vw rgba(0, 0, 0, 0.75);
}

/* --- Portrait viewports: text column fills viewport, fonts bumped to
       1.7× the landscape vw values. --- */
@media (orientation: portrait) {
  body.license-page .license-content {
    max-width: none;
    padding: 9vw 5vw 3.5vw 5vw;
  }

  body.license-page .license-title {
    font-size: 8.84vw;
    letter-spacing: 0.085vw;
    margin: 0 0 1.36vw;
  }

  body.license-page .license-tagline {
    font-size: 2.89vw;
    margin: 0 0 6.8vw;
  }

  body.license-page .license-intro {
    margin: 0 0 6.8vw;
  }

  body.license-page .license-intro p {
    font-size: 2.55vw;
    margin: 0 0 2.38vw;
  }

  body.license-page .license-section {
    margin: 0 0 7.65vw;
  }

  body.license-page .license-heading {
    font-size: 4.76vw;
    letter-spacing: 0.068vw;
    margin: 0 0 2.38vw;
  }

  body.license-page .license-section p {
    font-size: 2.55vw;
    margin: 0 0 2.21vw;
  }

  body.license-page .license-content a {
    text-underline-offset: 0.37vw;
    text-decoration-thickness: 0.14vw;
  }
}