/* v0.7.1: small reusable refinements; the approved layout and palette remain intact. */
.gtl-material-safety .gtl-container,
.gtl-material-comparison__note,
.gtl-equipment__note,
.gtl-artwork-guide__reassurance { padding-inline-start: 22px; }
.gtl-material-safety .gtl-container { width: calc(100% - 40px); }
.gtl-material-comparison__legend { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 28px; margin-block: 20px; font-size: .9rem; }
.gtl-material-comparison__legend dt { font-weight: 700; }
.gtl-material-comparison__legend dd { margin: 4px 0 0; color: #666666; }
.gtl-industrial-module { border-top: 1px solid #D9D9D9; }
.gtl-industrial-module li { margin-block: 10px; }
.gtl-industrial-module .gtl-button { margin-top: 12px; }
.gtl-industrial-materials { padding-left: 22px; }
.gtl-industrial-materials li { margin-block: 12px; }
.gtl-header .sub-menu { max-height: calc(100dvh - 120px); overflow-y: auto; }
@media (max-width: 700px) {
 .gtl-material-comparison__legend { grid-template-columns: 1fr; }
}

/* Only the background changes; headline and conversion controls stay stationary. */
.gtl-hero__view { position: absolute; inset: 0; opacity: 0; transition: opacity .8s ease; background: #111111; }
.gtl-hero__view.is-active { opacity: 1; }
.gtl-hero__technical { display: block; width: 100%; height: 100%; object-fit: cover; }
.gtl-hero__technical .hero-grid { fill: none; stroke: rgba(217,217,217,.12); stroke-width: 1; }
.gtl-hero__process-label { color: #FFFFFF; letter-spacing: .12em; font-size: .78rem; font-weight: 700; margin: 0 0 16px; }
.gtl-hero__process-label::before { content: ''; display: inline-block; width: 18px; height: 2px; margin-right: 10px; vertical-align: middle; background: #E2001A; }
.gtl-hero__sequence-controls, .gtl-hero__sequence-controls > div { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.gtl-hero__sequence-controls { margin-top: 20px; }
.gtl-hero__sequence-controls button { min-height: 44px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.65); background: transparent; color: #FFFFFF; font: inherit; font-size: .8rem; cursor: pointer; }
.gtl-hero__sequence-controls button[aria-pressed="true"] { background: #FFFFFF; color: #111111; }
.gtl-hero__sequence-controls button:hover { background: #E2001A; border-color: #E2001A; color: #FFFFFF; }
.gtl-hero__sequence-controls button:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 3px; }
.gtl-site .gtl-hero__media-status { font-size: .75rem; line-height: 1.5; color: rgba(255,255,255,.85); margin: 12px 0 0; max-width: 550px; min-height: 2.25rem; }
.gtl-hero [hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { .gtl-hero__view { transition: none; } }
@media (max-width: 600px) {
 .gtl-hero__sequence-controls { gap: 8px; }
 .gtl-hero__sequence-controls button { padding-inline: 10px; font-size: .75rem; }
 .gtl-hero__process-label { font-size: .7rem; margin-bottom: 12px; }
}

@media (max-width: 600px) {
 .gtl-site [data-gtl-hero-sequence] .gtl-hero__inner { padding-block: 32px; min-height: 0; }
 .gtl-site [data-gtl-hero-sequence] h1 { font-size: clamp(1.9rem,8.2vw,2.35rem); line-height: 1.13; }
 .gtl-site [data-gtl-hero-sequence] .gtl-hero__summary { font-size: .95rem; line-height: 1.55; }
}

@media (min-width: 901px) {
 .gtl-header .gtl-navigation--enhanced .gtl-menu .menu-item-has-children:not(.is-submenu-open) > .sub-menu { visibility: hidden; opacity: 0; pointer-events: none; }
 .gtl-header .gtl-navigation--enhanced .gtl-menu .menu-item-has-children.is-submenu-open > .sub-menu { visibility: visible; opacity: 1; pointer-events: auto; }
}

/* v0.8.0 shared hero selectors: 44px targets with restrained visible dots. */
.gtl-hero__sequence-controls button[data-gtl-hero-select] { width: 44px; height: 44px; padding: 0; border: 0; background: transparent; display: grid; place-items: center; }
.gtl-hero__sequence-controls button[data-gtl-hero-select] > span[aria-hidden] { width: 10px; height: 10px; border-radius: 50%; border: 1px solid #FFFFFF; background: transparent; }
.gtl-hero__sequence-controls button[data-gtl-hero-select][aria-pressed="true"] > span[aria-hidden] { background: #FFFFFF; box-shadow: 0 0 0 3px rgba(255,255,255,.2); }
.gtl-hero__sequence-controls button[data-gtl-hero-select]:hover > span[aria-hidden] { background: #E2001A; }
.gtl-hero__process-labels { min-height: 3.4rem; }
.gtl-hero__process-description { display: block; margin-top: 8px; font-size: .85rem; font-weight: 400; letter-spacing: 0; line-height: 1.45; max-width: 55ch; }
.gtl-hero__media-status:empty { min-height: 0; margin: 0; }
.gtl-hero__technical { opacity: .75; }
.gtl-artwork-example { margin: 24px 0; padding: 20px; background: #FFFFFF; border: 1px solid #D9D9D9; }
.gtl-artwork-example svg { width: 100%; height: auto; color: #111111; }
.gtl-artwork-example figcaption { font-size: .9rem; margin-top: 14px; }
.gtl-process-comparison { width: 100%; border-collapse: collapse; margin-block: 24px; }
.gtl-process-comparison th, .gtl-process-comparison td { text-align: left; padding: 12px; border-bottom: 1px solid #D9D9D9; }
.gtl-legal-page__body h2 { margin-top: 2rem; }
.gtl-legal-page__body p, .gtl-legal-page__body li { max-width: 75ch; }
@media (max-width: 600px) { .gtl-hero__process-labels { min-height: 4.8rem; } .gtl-process-comparison th, .gtl-process-comparison td { padding: 8px; font-size: .85rem; } }

/* Sequence wrappers need the same full-cover rule as the original direct hero image. */
.gtl-site .gtl-hero__view > img.gtl-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }

.gtl-artwork-example svg text { font-size: 26px; }


/* Owner-approved equipment references; preserve the complete machine silhouette. */
.gtl-equipment__visual img { display:block; width:100%; height:240px; object-fit:contain; background:#fff; }
.gtl-equipment__visual span { display:block; padding:12px 16px; font-size:12px; line-height:1.5; }

.gtl-material-photo figcaption { padding:10px 14px; font-size:12px; line-height:1.5; color:#666; }