/* Scene-led openings; catalogue, reading and enquiry content stay light. */
html body .page-hero.page-hero--scene:has(.page-hero-media) {
  --paper: #fff; --muted: #e0e5dc; --line: rgba(255,255,255,.32);
  display: flex; align-items: center; gap: 0;
  margin-top: var(--site-header-height); min-height: clamp(480px,64svh,620px);
  padding: clamp(2.25rem,4vw,4rem) var(--gutter);
  background: #182019; color: #fff; border: 0; isolation: isolate;
}
html body .page-hero.page-hero--scene .page-hero-media {
  position: absolute; inset: 0; order: initial; width: 100%; height: 100%; aspect-ratio: auto; z-index: -2;
}
html body .page-hero.page-hero--scene .page-hero-media img { object-fit: cover; object-position: 60% 46%; filter: none; }
html body .page-hero.page-hero--scene .page-hero-shade {
  display: block; z-index: -1;
  background: linear-gradient(90deg,rgba(12,20,14,.9) 0%,rgba(12,20,14,.78) 35%,rgba(12,20,14,.57) 55%,rgba(12,20,14,.13) 80%,rgba(12,20,14,.06) 100%);
}
html body .page-hero.page-hero--scene .page-hero-content { width: 100%; max-width: 1500px; padding: 0; margin: 0 auto; min-width: 0; }
html body .page-hero.page-hero--scene :is(.page-title,.page-lede,.page-hero-meta) { width: min(720px,60%); max-width: none; }
html body .page-hero.page-hero--scene .page-kicker { color: #e0e5dc; margin: 0 0 1.3rem; font-size: .75rem; }
html body .page-hero.page-hero--scene .page-title { color: #fff; font-size: clamp(2.6rem,4.4vw,4.75rem); line-height: 1.17; letter-spacing: -.035em; text-transform: none; text-wrap: pretty; }
html body .page-hero.page-hero--scene .page-title-line { overflow: visible; }
html body .page-hero.page-hero--scene .page-lede { margin: 1.6rem 0 0; color: #f0f3ec; font-size: clamp(1rem,1.15vw,1.15rem); line-height: 1.75; text-wrap: pretty; }
html body .page-hero.page-hero--scene .page-hero-meta { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 1.1rem 1.5rem; padding: 0; margin: 2rem 0 0; border: 0; color: #e0e5dc; }
html body .page-hero.page-hero--scene .page-hero-meta > span { order: 2; font-size: .78rem; }
html body .page-hero.page-hero--scene .page-hero-meta a {
  order: 1; display: inline-flex; align-items: center; justify-content: center; min-height: 48px;
  padding: .85rem 1.35rem; border: 1px solid #f8f8f4; background: #f8f8f4; color: #23301e;
  text-decoration: none; font-size: .9rem; font-weight: 600; line-height: 1.5;
  transition: background-color .18s,color .18s,border-color .18s;
}
html body .page-hero.page-hero--scene .page-hero-meta a:hover { background: #e4ecd9; color: #172510; border-color: #e4ecd9; }
html body .page-hero.page-hero--scene .page-hero-meta a:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
html body .page-hero.page-hero--scene.case-hero .page-hero-meta > a:not([data-hero-case-enquiry]) { order: 2; color: #fff; background: transparent; border-color: rgba(255,255,255,.65); }
html body .page-hero.page-hero--scene.case-hero .page-hero-meta > span { flex-basis: 100%; order: 3; }
html body .page-hero.page-hero--scene .case-content-date { order: 4; flex-basis: 100%; margin: 0; }
html body .page-hero.page-hero--scene .case-content-date, html body .page-hero.page-hero--scene .case-content-date time { color: #e0e5dc; }
html[dir=rtl] body .page-hero.page-hero--scene .page-hero-shade { background: linear-gradient(270deg,rgba(12,20,14,.9),rgba(12,20,14,.78) 35%,rgba(12,20,14,.57) 55%,rgba(12,20,14,.13) 80%,rgba(12,20,14,.06)); }
html[dir=rtl] body .page-hero.page-hero--scene .page-lede, html[dir=rtl] body .page-hero.page-hero--scene .page-hero-meta { margin-inline: 0; }
html body[data-page="work"] .page-hero.page-hero--scene .page-hero-media img { object-position: 60% 22%; }
@media(max-width:1000px) {
  html body .page-hero.page-hero--scene :is(.page-title,.page-lede,.page-hero-meta) { width: min(660px,78%); }
  html body .page-hero.page-hero--scene .page-hero-shade { background: linear-gradient(90deg,rgba(12,20,14,.91),rgba(12,20,14,.75) 60%,rgba(12,20,14,.2)); }
  html[dir=rtl] body .page-hero.page-hero--scene .page-hero-shade { background: linear-gradient(270deg,rgba(12,20,14,.91),rgba(12,20,14,.75) 60%,rgba(12,20,14,.2)); }
}
@media(max-width:700px) {
  html body .page-hero.page-hero--scene:has(.page-hero-media) { min-height: 500px; align-items: flex-end; padding: 3.75rem var(--gutter) 2rem; }
  html body .page-hero.page-hero--scene :is(.page-title,.page-lede,.page-hero-meta) { width: 100%; }
  html body .page-hero.page-hero--scene .page-hero-media img { object-position: 63% 45%; }
  html body .page-hero.page-hero--scene .page-hero-shade, html[dir=rtl] body .page-hero.page-hero--scene .page-hero-shade { background: linear-gradient(180deg,rgba(12,20,14,.18),rgba(12,20,14,.68) 27%,rgba(12,20,14,.86) 65%,rgba(12,20,14,.92)); }
  html body .page-hero.page-hero--scene .page-title { font-size: clamp(1.95rem,7.5vw,2.6rem); line-height: 1.22; }
  html body .page-hero.page-hero--scene .page-kicker { font-size: .7rem; margin-bottom: 1rem; }
  html body .page-hero.page-hero--scene .page-lede { margin-top: 1.15rem; font-size: .96rem; line-height: 1.7; }
  html body .page-hero.page-hero--scene .page-hero-meta { margin-top: 1.5rem; gap: .85rem 1rem; }
  html body .page-hero.page-hero--scene .page-hero-meta a { padding: .75rem 1.05rem; min-height: 48px; font-size: .85rem; }
  html body .page-hero.page-hero--scene .page-hero-meta > span { flex-basis: 100%; font-size: .73rem; }
}
@media(max-height:500px) and (orientation:landscape) {
  html body .page-hero.page-hero--scene:has(.page-hero-media) { min-height: 0; padding-block: 2rem; }
}
@media(prefers-reduced-motion:reduce) { html body .page-hero.page-hero--scene .page-hero-meta a { transition: none; } }

/* Information landing pages share the scene opening; article bodies stay light. */
html body .page-hero.page-hero--scene.knowledge-scene-header .page-hero-content { display: block; }
html body[data-page="contact"] .page-hero.page-hero--scene .page-hero-media img { object-position: 64% 54%; }
html body .knowledge-scene-header .page-hero-media img { object-position: 62% 52%; }

/* Frame the material rolls and laminating equipment on the information centre. */
html body .page-hero.page-hero--scene.knowledge-scene-header .page-hero-media img{object-position:65% 55%}
@media(max-width:700px){html body .page-hero.page-hero--scene.knowledge-scene-header .page-hero-media img{object-position:72% 55%}}

/* uifix02: the email address in scene heroes is a secondary text link, not a button; the enquiry form stays primary. */
html body .page-hero.page-hero--scene .page-hero-meta a[href^="mailto:"],
html body .page-hero.page-hero--scene .page-hero-meta a[href^="mailto:"]:hover {
  order: 2; min-height: 44px; padding: 0; background: transparent; border: 0; border-bottom: 1px solid rgba(255,255,255,.6);
  color: #fff; font-weight: 500; justify-content: flex-start;
}
html body .page-hero.page-hero--scene .page-hero-meta a[href^="mailto:"]:hover { border-bottom-color: #fff; }