/* Homepage layer: shared tokens load first; native hero geometry remains untouched. */
.hr-redesign[data-hr-visual="v1"] {--accent:var(--hrv-orange);--ground:var(--hrv-light);--panel:var(--hrv-white);--ink:var(--hrv-ink);--muted:var(--hrv-muted);--line:var(--hrv-line-light);color-scheme:light;background:var(--hrv-light)}
.hr-redesign[data-hr-visual="v1"] .home-hero,
.hr-redesign[data-hr-visual="v1"] .home-factory {--ink:var(--hrv-on-dark);--muted:var(--hrv-muted-dark);--line:var(--hrv-line-dark);--panel:var(--hrv-dark-panel);background-color:var(--hrv-dark);color:var(--ink)}
.hr-redesign[data-hr-visual="v1"] .home-factory {max-width:none;padding-inline:max(var(--hrv-gutter),calc((100% - 1152px)/2))}
.hr-redesign[data-hr-visual="v1"] .home-families,
.hr-redesign[data-hr-visual="v1"] .home-industries,
.hr-redesign[data-hr-visual="v1"] .home-resource {padding:var(--hrv-section) var(--hrv-gutter)}
.hr-redesign[data-hr-visual="v1"] .button {background:var(--hrv-orange);color:var(--hrv-dark);border-radius:var(--hrv-radius);transition:background-color var(--hrv-fast)}
.hr-redesign[data-hr-visual="v1"] .button:hover {background:var(--hrv-orange-hover);color:var(--hrv-dark)}
.hr-redesign[data-hr-visual="v1"] .home-outline {background:transparent;color:var(--hrv-on-dark)}
.hr-redesign[data-hr-visual="v1"] .family-navigation {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;padding:0;margin:32px 0 0;border-bottom:1px solid var(--hrv-line-light)}
.hr-redesign[data-hr-visual="v1"] .family-navigation a {display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px 8px;text-align:center;text-decoration:none;color:var(--hrv-ink);font-weight:600;border-bottom:3px solid transparent;transition:background-color var(--hrv-fast),border-color var(--hrv-fast)}
.hr-redesign[data-hr-visual="v1"] .family-navigation a:hover {background:var(--hrv-white)}
.hr-redesign[data-hr-visual="v1"] .family-navigation [aria-selected="true"] {border-bottom-color:var(--hrv-orange);background:var(--hrv-white)}
.hr-redesign[data-hr-visual="v1"] .family-grid {display:block;margin:0 0 28px}
.hr-redesign[data-hr-visual="v1"] .family {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;background:var(--hrv-white);margin-bottom:32px;min-height:560px}
.hr-redesign[data-hr-visual="v1"] .family-copy {padding:32px}
.hr-redesign[data-hr-visual="v1"] .family-copy a,
.hr-redesign[data-hr-visual="v1"] .industry-routes span,
.hr-redesign[data-hr-visual="v1"] .new-machine a {color:var(--hrv-link-light)}
.hr-redesign[data-hr-visual="v1"] .rskf-composition {height:auto;min-height:560px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px;background:var(--hrv-white)}
.hr-redesign[data-hr-visual="v1"] .rskf-composition figure {min-width:0}
/* Portrait originals have clear white margins above/below the complete product.
   A centered square removes only those margins; keep width and height equal. */
.hr-redesign[data-hr-visual="v1"] .rskf-composition img {width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 50%}
.hr-redesign[data-hr-visual="v1"] .rskf-composition figcaption {font-size:16px;font-weight:600}
.hr-redesign[data-hr-visual="v1"] .family-image {height:560px;width:100%;padding:24px;object-fit:contain;background:var(--hrv-white);aspect-ratio:auto}
.hr-redesign[data-hr-visual="v1"].hr-visual-ready .family:not([hidden]) {animation:hrv-family-in var(--hrv-switch) var(--hrv-ease) both}
.hr-redesign[data-hr-visual="v1"].hr-visual-ready .home-hero-copy h1,
.hr-redesign[data-hr-visual="v1"].hr-visual-ready .home-hero-copy>p {animation:hrv-hero-in var(--hrv-enter) var(--hrv-ease) both}
.hr-redesign[data-hr-visual="v1"] .hr-factory-reveal {animation:hrv-factory-in var(--hrv-enter) var(--hrv-ease) both}
.hr-redesign[data-hr-visual="v1"] .home-industries .industry-photographs {max-width:780px;gap:20px}
.hr-redesign[data-hr-visual="v1"] .home-industries .industry-photographs img {aspect-ratio:16/9}
.hr-redesign[data-hr-visual="v1"] .hr-built-motion {max-width:780px;background:var(--hrv-white);padding:0;border:0;margin:32px 0}
.hr-redesign[data-hr-visual="v1"] .home-resource {background:var(--hrv-light)}
@keyframes hrv-family-in {from{opacity:.45;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@keyframes hrv-hero-in {from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes hrv-factory-in {from{clip-path:inset(0 0 8% 0)}to{clip-path:inset(0)}}
@media(max-width:899px) {
 .hr-redesign[data-hr-visual="v1"] .family {grid-template-columns:1fr;min-height:0}
 .hr-redesign[data-hr-visual="v1"] .rskf-composition {min-height:0;padding:8px;gap:12px}
 .hr-redesign[data-hr-visual="v1"] .family-image {height:clamp(300px,68vw,480px);padding:16px}
 .hr-redesign[data-hr-visual="v1"] .family-copy {padding:28px 20px}
 .hr-redesign[data-hr-visual="v1"] .family-navigation {font-size:13px}
 .hr-redesign[data-hr-visual="v1"] .family-navigation a {padding-inline:4px;white-space:nowrap;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce) {
 .hr-redesign[data-hr-visual="v1"] *, .hr-redesign[data-hr-visual="v1"] *::before {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

.hr-redesign[data-hr-visual="v1"] .family-status {font-size:14px;min-height:24px;margin:12px 0}
/* Without a decoded fallback retain the media geometry, including first load.
   Only remove the original slot when a visible fallback occupies it. */
.hr-redesign[data-hr-visual="v1"] .family[data-hr-image-state="loading"] > :is(.family-image,.rskf-composition):not([data-hr-image-fallback]),
.hr-redesign[data-hr-visual="v1"] .family[data-hr-image-state="error"] > :is(.family-image,.rskf-composition):not([data-hr-image-fallback]) {visibility:hidden}
.hr-redesign[data-hr-visual="v1"] .family:is([data-hr-image-state="loading"],[data-hr-image-state="error"]):has(> [data-hr-image-fallback]) > :is(.family-image,.rskf-composition):not([data-hr-image-fallback]) {display:none}
.hr-redesign[data-hr-visual="v1"] .home-hero [data-hr-hero-play] {margin-top:16px;min-height:44px;padding:8px 12px;background:var(--hrv-dark);color:var(--hrv-on-dark);border:1px solid var(--hrv-muted-dark);font-size:14px;font-weight:400;cursor:pointer}
.hr-redesign[data-hr-visual="v1"] .home-hero [data-hr-hero-play]:hover {background:var(--hrv-dark-panel);color:var(--hrv-on-dark)}
.hr-redesign[data-hr-visual="v1"] .home-hero [data-hr-hero-play]:focus-visible {outline:3px solid var(--hrv-orange);outline-offset:4px}
/* Explicit play also overrides the inherited hero adapter's reduced-motion poster rule. */
.hr-redesign[data-hr-visual="v1"] .home-hero.hr-home-hero .hr066-deferred-video[data-hr-manual-playing="true"] {opacity:1!important}

@media(max-width:899px) {
 /* The copy starts exactly below the 16:9 film. Keep the control inside that
    film's lower-right edge so focusing it cannot scroll the film offscreen. */
 .hr-redesign[data-hr-visual="v1"] .home-hero.hr-home-hero .hr-home-hero-inner [data-hr-hero-play] {position:absolute;top:-52px;right:12px;margin:0;height:44px;min-height:44px;max-width:calc(100% - 24px);z-index:2}
}

/* 2026-10-15 workshop preview, with the complete tour retained. */
.hr-redesign .hr-process-preview video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#171b1b}
.hr-redesign .hr-extended-tour{margin-top:24px}
.hr-redesign .hr-extended-tour summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600}
.hr-redesign .hr-extended-tour summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}