.home .site-main{width:100%;max-width:none}.home .site-main > :not(.hps-featured,.hps-builder-page){width:min(var(--hps-shell-max),calc(100% - 2 * var(--hps-shell-gutter)));margin-inline:auto}.hps-featured{color:var(--hps-color-text-primary);background:var(--hps-color-bg-canvas)}.hps-featured a{color:inherit}
.hps-featured{width:100%;padding:0 24px 18px}.hps-feature-grid{display:grid;grid-template-columns:1fr 1fr .7fr;gap:24px;height:calc(100svh - 164px);min-height:540px}.hps-feature{position:relative;min-height:0;display:flex;flex-direction:column;color:var(--hps-color-text-primary);background:var(--hps-color-bg-canvas)}.hps-feature:hover{text-decoration:none}.hps-feature-visual{display:block;flex:1;min-height:0;overflow:hidden;background:var(--hps-color-bg-canvas)}.hps-feature-visual img,.hps-feature-visual video{width:100%;height:100%;display:block;object-fit:contain}.hps-feature-label{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size: var(--hps-type-label-size);text-transform:uppercase;padding:14px 0;border-top:1px solid var(--hps-color-border-subtle);flex-shrink:0}.hps-feature-stack{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:18px;min-height:0}.hps-feature--small{display:grid;grid-template-columns:45% 1fr;gap:10px;border-bottom:1px solid var(--hps-color-border-subtle)}.hps-feature--small .hps-feature-label{border:0;align-self:center;line-height:1.5}.hps-feature--large .hps-feature-visual{height:100%}
@media(max-width:700px){.hps-featured{padding:0 12px 18px}.hps-feature-grid{height:auto;min-height:0;grid-template-columns:1fr 1fr;gap:12px}.hps-feature--large{height:400px}.hps-feature-stack{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:12px;margin-top:14px}.hps-feature--small{display:flex;border:0;height:250px}.hps-feature--small .hps-feature-label{align-self:stretch;border-top:1px solid var(--hps-color-border-subtle)}.hps-feature-label{font-size: var(--hps-type-label-size);min-height:48px;align-items:flex-start;line-height: var(--hps-type-label-line)}.hps-feature--large .hps-feature-visual{height:100%}}

.hps-featured a{text-decoration:none}.hps-featured a:hover .hps-feature-label,.hps-feature-label:hover{text-decoration:underline;text-underline-offset:4px}

/* Center every asset in its frame so the films and product column share a centerline. */
.hps-feature-visual video,.hps-feature-visual img{object-position:center;transform:none}
.hps-feature--large .hps-loop-stage{display:grid;grid-template: minmax(0,1fr) / minmax(0,1fr)}
.hps-loop-stage video{grid-area:1 / 1;min-height:0;pointer-events:none}
.hps-loop-stage .hps-loop-standby{opacity:0}
.hps-feature-stack > .hps-feature--small:last-child { border-bottom: 0; }

/* Tablet: the two films stack, followed by a compact row of supporting products. */
@media (min-width:701px) and (max-width:1023px) {
    .hps-featured { padding: 0 20px 24px; }
    .hps-feature-grid { height: auto; min-height: 0; grid-template-columns: minmax(0,1fr); gap: 24px; }
    .hps-feature--large { height: min(72svh,760px); }
    .hps-feature-stack { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: auto; gap: 20px; }
    .hps-feature--small { display: flex; height: 300px; border: 0; }
    .hps-feature--small .hps-feature-label { align-self: stretch; border-top: 1px solid var(--hps-color-border-subtle); }
    .hps-feature--large .hps-feature-visual video,.hps-feature--large .hps-feature-visual img { transform: none; object-position: center; }
}
/* Stacked small tiles: a fixed photo height keeps every label on the same line, whatever its length. */
@media (max-width: 1023px) {
    .hps-feature--small { height: auto; }
    .hps-feature--small .hps-feature-visual { flex: 0 0 auto; height: 230px; }
}
@media (max-width: 700px) {
    .hps-feature--small .hps-feature-visual { height: 190px; }
    .hps-feature--small .hps-feature-label { border-top: 0; padding-top: 10px; }
}