@font-face { font-family: Akony; src: url("/legacy/fonts/akony-bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: Jost; src: url("/legacy/fonts/Jost-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: Jost; src: url("/legacy/fonts/Jost-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: Jost; src: url("/legacy/fonts/Jost-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: Jost; src: url("/legacy/fonts/Jost-Bold.woff2") format("woff2"); font-weight: 700; font-display: swap; }
/* Scoped adaptation of voice-of-mountains-folio.css for Nuxt project pages. */
.folio-body { margin: 0; background: #f8f7f3; }

  .public-project-folio {
  --paper: #f8f7f3;
  --ink: #142d4c;
  --blue: #36558d;
  --muted: #52617d;
  --line: #aeb8c2;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
}

  .public-project-folio, .public-project-folio * { box-sizing: border-box; }
  .public-project-folio { scroll-behavior: smooth; }
  .public-project-folio { margin: 0; color: var(--ink); background: var(--paper); font-family: Jost, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
  .public-project-folio button { font: inherit; cursor: pointer; }
  .public-project-folio a { color: inherit; text-decoration: none; touch-action: manipulation; }
  .public-project-folio button { touch-action: manipulation; -webkit-tap-highlight-color: #36558d26; }
  .public-project-folio a:hover { text-decoration: underline; text-underline-offset: 4px; }
  .public-project-folio :focus-visible { outline: 3px solid #1e6dc1; outline-offset: 3px; }
  .public-project-folio img, .public-project-folio svg { display: block; }
  .public-project-folio img { max-width: 100%; }
  .public-project-folio .folio-svg-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
  .public-project-folio .folio-skip-link { position: absolute; z-index: 10; top: -64px; left: var(--space-2); padding: var(--space-1) var(--space-2); color: #fff; background: var(--ink); }
  .public-project-folio .folio-skip-link:focus-visible { top: var(--space-1); }
  .public-project-folio .folio-page { width: min(1440px, 100%); margin-inline: auto; }

  .public-project-folio .folio-header { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; gap: var(--space-2); min-height: 64px; padding: var(--space-1) var(--space-4); border-bottom: 1px solid var(--line); font-size: 12px; line-height: 1.2; }
  .public-project-folio .folio-site-name { display: block; width: 160px; }
  .public-project-folio .folio-site-name img { width: 100%; height: auto; }
  .public-project-folio .folio-header > span { text-align: center; }
  .public-project-folio .folio-header .public-header-actions > a:first-child { display: inline-flex; align-items: center; justify-content: end; gap: var(--space-1); }
  .public-project-folio .folio-header svg, .public-project-folio .folio-facts-link svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }

  .public-project-folio .folio-story-heading { padding: var(--space-3) var(--space-6) var(--space-5); border-bottom: 1px solid var(--ink); }
  .public-project-folio .folio-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); color: var(--muted); font-size: 12px; }
  .public-project-folio .folio-breadcrumbs span[aria-current] { color: var(--ink); }
  .public-project-folio .folio-story-kicker { display: flex; justify-content: space-between; gap: var(--space-2); margin-top: var(--space-8); color: var(--blue); font-size: 13px; }
  .public-project-folio .folio-story-heading h1 { max-width: 1280px; margin: var(--space-3) 0 var(--space-4); font: 700 clamp(52px, 6.5vw, 94px)/.92 Akony, Jost, sans-serif; letter-spacing: -.055em; text-wrap: balance; }
  .public-project-folio .folio-story-heading h1 span { color: var(--blue); }
  .public-project-folio .folio-story-deck { display: flex; justify-content: space-between; align-items: end; gap: var(--space-4); }
  .public-project-folio .folio-story-deck p { max-width: 550px; margin: 0; font-size: clamp(17px, 1.65vw, 21px); line-height: 1.35; }
  .public-project-folio .folio-story-deck a { white-space: nowrap; font-size: 14px; }
  .public-project-folio .folio-story-deck a span { margin-left: var(--space-1); }

  .public-project-folio .folio-story-layout { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(280px, .8fr); gap: var(--space-4); padding: var(--space-4) var(--space-6) var(--space-8); }
  .public-project-folio .folio-story-main { min-width: 0; }
  .public-project-folio .folio-film-cover { position: relative; aspect-ratio: 1672 / 941; background: #bac7cf; overflow: hidden; }
  .public-project-folio .folio-film-cover > img { width: 100%; height: 100%; object-fit: cover; }
  .public-project-folio .folio-film-cover-label { position: absolute; left: var(--space-2); bottom: var(--space-2); padding: var(--space-1) var(--space-2); color: #fff; background: #142d4cf2; font-size: 13px; font-weight: 600; }
  .public-project-folio .folio-film-play { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 80px; height: 80px; padding: 0; transform: translate(-50%, -50%); border: 0; border-radius: 50%; color: var(--ink); background: var(--paper); box-shadow: 0 4px 20px #142d4c66; transition: background-color .2s, color .2s, transform .2s; }
  .public-project-folio .folio-film-play:hover, .public-project-folio .folio-film-play:focus-visible { transform: translate(-50%, -50%) scale(1.06); color: #fff; background: var(--ink); }
  .public-project-folio .folio-film-play:focus-visible { outline-color: #fff; outline-offset: 4px; }
  .public-project-folio .folio-film-play svg { width: 32px; height: 32px; fill: currentColor; }
  .public-project-folio .folio-video-status { margin: var(--space-1) 0 0; font-size: 14px; font-weight: 600; }
  .public-project-folio .folio-video-status:empty { display: none; }

  .public-project-folio .folio-film-facts { display: flex; flex-direction: column; min-width: 0; border-top: 1px solid var(--ink); }
  .public-project-folio .folio-facts-lead { margin: var(--space-3) 0 var(--space-6); color: var(--blue); font-size: clamp(23px, 2.4vw, 30px); font-weight: 500; line-height: 1.2; text-wrap: balance; }
  .public-project-folio .folio-film-facts dl { margin: 0; }
  .public-project-folio .folio-film-facts dl > div { display: grid; grid-template-columns: 85px minmax(0, 1fr); gap: var(--space-2); padding: var(--space-2) 0; border-top: 1px solid var(--line); font-size: 14px; line-height: 1.4; }
  .public-project-folio .folio-film-facts dt { color: var(--muted); }
  .public-project-folio .folio-film-facts dd { margin: 0; font-weight: 500; }
  .public-project-folio .folio-facts-link { display: flex; justify-content: space-between; align-items: center; gap: var(--space-2); margin-top: auto; padding: var(--space-2) 0; border-top: 1px solid var(--ink); font-size: 14px; font-weight: 600; }

  .public-project-folio .folio-about-film { display: grid; grid-template-columns: minmax(150px, .75fr) minmax(0, 1.25fr); gap: var(--space-4); margin-top: var(--space-8); padding-top: var(--space-3); border-top: 1px solid var(--line); scroll-margin-top: var(--space-2); }
  .public-project-folio .folio-section-title span, .public-project-folio .folio-stills-heading > div > span { color: var(--blue); font-size: 13px; }
  .public-project-folio .folio-section-title h2, .public-project-folio .folio-stills-heading h2 { margin: var(--space-1) 0 0; font: 700 clamp(28px, 2.5vw, 36px)/1.03 Akony, Jost, sans-serif; text-wrap: balance; }
  .public-project-folio .folio-section-title h2 { font-size: clamp(23px, 2vw, 28px); }
  .public-project-folio .folio-about-copy p { margin: 0 0 var(--space-2); font-size: 16px; line-height: 1.5; }
  .public-project-folio .folio-about-copy p:last-child { margin-bottom: 0; }

  .public-project-folio .folio-film-stills { padding: 0 var(--space-6) var(--space-8); }
  .public-project-folio .folio-stills-heading { display: flex; justify-content: space-between; align-items: end; gap: var(--space-4); padding-top: var(--space-3); margin-bottom: var(--space-4); border-top: 1px solid var(--ink); }
  .public-project-folio .folio-stills-heading > span { color: var(--muted); font-size: 13px; text-align: right; }
  .public-project-folio .folio-stills-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); }
  .public-project-folio .folio-stills-grid figure { min-width: 0; margin: 0; }
  .public-project-folio .folio-stills-grid img { width: 100%; height: clamp(130px, 19vw, 270px); object-fit: cover; }
  .public-project-folio .folio-stills-grid figcaption { padding-top: var(--space-1); color: var(--muted); font-size: 13px; }

  .public-project-folio .folio-footer { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-6); padding: var(--space-6); border-top: 1px solid var(--ink); }
  .public-project-folio .folio-footer img { width: 220px; height: auto; margin-bottom: var(--space-3); }
  .public-project-folio .folio-footer > div > a { font: 700 26px Akony, Jost, sans-serif; }
  .public-project-folio .folio-footer p { margin: var(--space-1) 0 0; font-size: 14px; }
  .public-project-folio .folio-footer nav { display: grid; grid-template-columns: repeat(2, max-content); justify-content: end; align-content: start; gap: var(--space-2) var(--space-6); font-size: 14px; }
  .public-project-folio .folio-footer small { grid-column: 1 / -1; color: var(--muted); font-size: 12px; }

@media (max-width: 900px) {
  .public-project-folio .folio-story-heading, .public-project-folio .folio-film-stills { padding-left: var(--space-4); padding-right: var(--space-4); }
  .public-project-folio .folio-story-layout { grid-template-columns: 1fr; gap: var(--space-5); padding-left: var(--space-4); padding-right: var(--space-4); }
  .public-project-folio .folio-film-facts { display: grid; grid-template-columns: 1fr 1.5fr; gap: var(--space-4); }
  .public-project-folio .folio-facts-lead { margin-bottom: 0; }
  .public-project-folio .folio-facts-link { grid-column: 2; }
  .public-project-folio .folio-stills-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .public-project-folio .folio-footer { padding-left: var(--space-4); padding-right: var(--space-4); }
}

@media (max-width: 600px) {
  .public-project-folio .folio-header { grid-template-columns: 1fr auto; padding: var(--space-1) var(--space-2); }
  .public-project-folio .folio-header > span { display: none; }
  .public-project-folio .folio-site-name { width: 120px; }
  .public-project-folio .folio-story-heading { padding: var(--space-3) var(--space-2) var(--space-4); }
  .public-project-folio .folio-story-kicker { margin-top: var(--space-6); font-size: 11px; }
  .public-project-folio .folio-story-heading h1 { margin: var(--space-3) 0; font-size: clamp(28px, 8.5vw, 50px); line-height: 1; letter-spacing: -.05em; }
  .public-project-folio .folio-story-deck { align-items: start; flex-direction: column; gap: var(--space-3); }
  .public-project-folio .folio-story-deck p { font-size: 16px; }
  .public-project-folio .folio-story-layout { padding: var(--space-2) var(--space-2) var(--space-6); gap: var(--space-5); }
  .public-project-folio .folio-film-play { width: 64px; height: 64px; }
  .public-project-folio .folio-film-play svg { width: 27px; height: 27px; }
  .public-project-folio .folio-film-cover-label { left: var(--space-1); bottom: var(--space-1); padding: 4px var(--space-1); font-size: 11px; }
  .public-project-folio .folio-about-film { grid-template-columns: 1fr; gap: var(--space-3); margin-top: var(--space-6); }
  .public-project-folio .folio-about-copy p { font-size: 15px; }
  .public-project-folio .folio-film-facts { display: block; }
  .public-project-folio .folio-facts-lead { margin: var(--space-3) 0 var(--space-5); font-size: 24px; }
  .public-project-folio .folio-facts-link { margin-top: var(--space-3); }
  .public-project-folio .folio-film-stills { padding: 0 var(--space-2) var(--space-6); }
  .public-project-folio .folio-stills-heading { align-items: start; flex-direction: column; gap: var(--space-1); margin-bottom: var(--space-3); }
  .public-project-folio .folio-stills-heading > span { text-align: left; }
  .public-project-folio .folio-stills-grid { gap: var(--space-2); }
  .public-project-folio .folio-stills-grid figcaption { font-size: 12px; }
  .public-project-folio .folio-footer { grid-template-columns: 1fr; gap: var(--space-4); padding: var(--space-5) var(--space-2); }
  .public-project-folio .folio-footer nav { justify-content: start; gap: var(--space-2) var(--space-5); }
  .public-project-folio .folio-footer small { grid-column: auto; }
}

@media (max-width: 350px) {
  .public-project-folio .folio-story-heading h1 { font-size: 28px; }
  .public-project-folio .folio-section-title h2 { font-size: 22px; }
  .public-project-folio .folio-story-kicker { flex-wrap: wrap; gap: 4px var(--space-2); }
  .public-project-folio .folio-film-facts dl > div { grid-template-columns: 70px minmax(0, 1fr); }
  .public-project-folio .folio-stills-grid { gap: var(--space-1); }
}

@media (prefers-reduced-motion: reduce) { .public-project-folio { scroll-behavior: auto; } }

.public-project-folio .folio-additional-blocks { padding: 0 var(--space-6) var(--space-8); }
.public-project-folio .folio-additional-blocks > * + * { margin-top: var(--space-8); }
@media (max-width: 900px) { .public-project-folio .folio-additional-blocks { padding-inline: var(--space-4); } }
@media (max-width: 600px) { .public-project-folio .folio-additional-blocks { padding-inline: var(--space-2); } }

.public-project-folio .folio-film-cover > video { display:block; width:100%; height:100%; object-fit:cover; }
.public-project-folio .folio-video-status { min-height: 21px; }
.public-project-folio .folio-facts-lead { white-space: pre-line; }
.public-project-folio .folio-story-heading h1 { overflow-wrap: anywhere; }
.public-project-folio .folio-breadcrumbs span[aria-current] { overflow-wrap: anywhere; }
.public-project-folio .folio-public-rating { display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:var(--space-2) 0; border-block:1px solid #b7c0c9; margin:var(--space-2) 0; }
.public-project-folio .folio-public-rating span { font-size:12px; color:#52627b; }
.public-project-folio .folio-public-rating strong { font-size:18px; font-weight:600; }
.public-project-folio .folio-public-rating a { margin-top:4px; font-size:13px; font-weight:600; text-decoration:underline; text-underline-offset:3px; }

@media (min-width: 601px) and (max-width: 900px) {
  .public-project-folio .folio-facts-without-quote { display: block; }
  .public-project-folio .folio-facts-without-quote .folio-facts-link { margin-top: var(--space-3); }
}