/* Final shared layout layer. Keep the films and the next action in focus. */
.site-header { background: #000; padding-block: 18px; }
.site-header .nav-link { display: inline-flex; align-items: center; min-height: 44px; }
.site-header .lang-select { min-height: 44px; }
.hero-copy .eyebrow { max-width: 34ch; color: #f7f7f3; font-weight: 500; line-height: 1.55; text-wrap: balance; text-shadow: 0 2px 12px #000b; }
.hero-shade,.awards-hero-shade { pointer-events: none; }
.hero-shade { background: linear-gradient(180deg,#0004,#0006 50%,#0007); }
.hero-action,.text-cta { display: inline-flex; align-items: center; min-height: 44px; line-height: 1.45; }
.hero-action { font-size: 15px; }
.video-toggle { min-height: 44px; }
.page-heading { text-wrap: balance; }
.site-footer { align-items: center; font-size: 13px; }
.site-footer a { display: inline-flex; align-items: center; min-height: 44px; }
.home-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 48px 28px; }
.home-selected .section-head { align-items: center; }
.home-selected .section-head a { min-height: 44px; display: inline-flex; align-items: center; }
.home-gallery .work-caption h3 { font-size: clamp(23px,2.1vw,29px); }
.work-card { scroll-margin-top: 128px; }
.work-channel { margin-top: 36px; }
.work-channel a { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); font-size: 14px; }
.work-channel a:hover { color: var(--ink); }
.about-main .about-text { max-width: 52ch; line-height: 1.65; letter-spacing: 0; }
.about-main .page-heading { text-shadow: 0 2px 18px #073f4670; }
.about-main .about-meta { font-size: 15px; }
.contact-main.contact-film { display: flex; align-items: stretch; justify-content: center; }
.contact-content { max-width: 1440px; }
.contact-film .page-heading { max-width: 19ch; line-height: 1.06; }
.contact-email { min-height: 44px; line-height: 1.4; }
.contact-content .intro,.contact-location,.demo-notice p,.project-title h2 { text-wrap: balance; }
.pricing-paused { min-height: calc(100svh - 180px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 20px; }
.pricing-paused .page-heading { font-size: clamp(2.5rem,5.5vw,4.5rem); max-width: 19ch; margin: 0; }
.awards-heading .intro { max-width: 36ch; }
.award-feature .feature-note { max-width: 36ch; }
.awards-collection-link { margin-top: 18px; font-size: 14px; }
.awards-filter-actions { display: flex; justify-content: flex-end; grid-column: 1/-1; }
.awards-reset { background: transparent; color: var(--ink); padding: 8px 0; min-height: 44px; text-decoration: underline; text-underline-offset: 5px; font-size: 14px; }
.awards-filter-disclosure summary { min-height: 44px; font-size: 14px; }
.award-card h4,.award-text-row h4 { font-weight: 500; }
.award-status,.award-year { font-size: 12px; letter-spacing: .025em; }
.award-source { min-height: 32px; display: inline-flex; align-items: center; font-size: 12px; }
.awards-project-header .project-type,.awards-project-header .project-role { font-size: 13px; }
.client-main .section-head { flex-wrap: wrap; }
.project-timeline { overflow-wrap: normal; }
@media(max-width:700px) {
  .site-header { padding: 10px 20px 9px; grid-template-rows: 44px minmax(44px,auto); row-gap: 4px; min-height: 112px; }
  .site-header .nav-left .nav-link,.site-header .nav-right .nav-link { min-height: 44px; padding-block: 8px; }
  .site-header .lang-select { min-height: 44px; }
  .hero-copy .eyebrow { max-width: 28ch; font-size: 12px; }
  .home-gallery { grid-template-columns: minmax(0,1fr); gap: 34px; }
  .home-selected .section-head { align-items: flex-start; flex-direction: column; gap: 8px; margin-bottom: 24px; }
  .home-selected .section-head h2 { font-size: 32px; }
  .work-intro { margin-bottom: 22px; }
  .work-toolbar { margin-bottom: 24px; }
  .work-channel { margin-top: 24px; }
  .about-main::before { height: min(65vw,320px); }
  .about-main .about-grid { grid-template-rows: min(65vw,320px) auto; }
  .about-main .about-text { font-size: 18px; line-height: 1.7; }
  .about-main .about-text p+p { margin-top: 22px; }
  .about-main .about-meta,.about-main .about-invitation { padding-inline: 20px; }
  .contact-film .page-heading { max-width: 19ch; }
  .contact-film .intro { line-height: 1.6; }
  .pricing-paused { padding-block: 54px 72px; min-height: calc(100svh - 240px); }
  .pricing-paused .page-heading { font-size: clamp(2.2rem,9vw,3rem); }
  .awards-hero-content { padding-top: 30px; padding-bottom: 84px; }
  .awards-heading { margin-bottom: 26px; }
  .awards-heading .page-heading { font-size: 32px; }
  .awards-heading .intro { margin-top: 12px; font-size: 14px; }
  .award-feature { grid-template-columns: 132px minmax(0,1fr); align-items: start; gap: 20px; padding: 0; }
  .award-feature-art { padding: 0; }
  .award-feature-art img { width: 132px; }
  .award-feature h2 { font-size: 28px; line-height: 1.1; }
  .award-feature .award-status { font-size: 12px; margin-bottom: 10px; }
  .award-feature .feature-event { font-size: 14px; line-height: 1.5; }
  .award-feature .feature-project { font-size: 17px; line-height: 1.4; margin-top: 16px; }
  .award-feature .feature-role { font-size: 12px; }
  .award-feature .feature-note { font-size: 14px; margin-top: 14px; }
  .award-feature .text-cta { margin-top: 12px; font-size: 14px; }
  .awards-collection-link { margin-top: 18px; }
  .awards-browser-heading h2 { max-width: none; }
  .awards-project-header { margin-bottom: 28px; }
  .award-status,.award-year { font-size: 12px; }
  .project-timeline { grid-template-columns: 1fr; gap: 0; margin: 28px 0; }
  .project-timeline li { border-top: 0; border-left: 2px solid var(--line); padding: 10px 14px; font-size: 14px; }
  .project-timeline li.active,.project-timeline li.complete { border-top: 0; }
}
@media(max-width:360px) {
  .award-feature { grid-template-columns: 100px minmax(0,1fr); gap: 16px; }
  .award-feature-art img { width: 100px; }
  .award-feature h2 { font-size: 25px; }
}