/* Original catalogue imagery, presented as a scroll-led product constellation. */
.h-overview{background:#fff;color:#121812;position:relative;scroll-margin-top:var(--home-header-height,80px)}
.ho-stage{position:relative;min-height:740px;height:calc(100svh - var(--home-header-height,80px));overflow:hidden;isolation:isolate}
.ho-top,.ho-bottom{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:11px;letter-spacing:.1em}
.ho-top{top:26px}.ho-top a{color:#475246;text-decoration:none;font-size:12px;letter-spacing:0;border-bottom:1px solid #a4afa1;padding-bottom:5px}
.ho-bottom{bottom:27px;flex-wrap:wrap;color:#667061;gap:15px}.ho-progress{width:100%;height:2px;background:#e4e8e0}.ho-progress i{display:block;background:#7b8a65;width:100%;height:100%;transform:scaleX(var(--overview-progress,0));transform-origin:left}
.ho-centre{position:absolute;top:47%;left:50%;width:80%;transform:translate(-50%,-50%);text-align:center;z-index:2;pointer-events:none}
.lsh .ho-centre h2{font-size:clamp(40px,4.9vw,88px);line-height:1.02;letter-spacing:-.055em;font-weight:700;margin:0 0 20px;color:#111811}.ho-centre a{pointer-events:auto;font-size:14px}
.ho-products{position:absolute;inset:0}.ho-product{position:absolute;display:block;width:28%;height:35%;color:#17261b;text-decoration:none;transform:translate3d(var(--ox,0px),var(--oy,0px),0);will-change:transform;outline-offset:-3px}
.ho-product img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply;pointer-events:none}
.ho-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;z-index:4;font-size:11px;background:#ffffffeb;padding:5px 9px;border-radius:20px}
.ho-label i{font-style:normal;border:1px solid #869571;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;color:#526b39;font-size:17px}.ho-label b{margin-left:6px;font-weight:400}.ho-product:hover .ho-label,.ho-product:focus-visible .ho-label{background:#e9efdf}.ho-product:focus-visible{outline:2px solid #596c3e}
.ho-edge{left:-3%;top:5%}.ho-hiro{left:23%;top:2%}.ho-modo{left:47%;top:1%}.ho-dot{left:76%;top:6%;width:19%}.ho-dot img{transform:scale(1.7)}
.ho-loor{left:-3%;bottom:12%;width:31%}.ho-verve{left:25%;bottom:9%;width:21%;height:33%}.ho-feyz{left:49%;bottom:10%;width:26%}.ho-neon{left:75%;bottom:12%;width:29%}
.ho-enhanced{height:230svh}.ho-enhanced .ho-stage{position:sticky;top:var(--home-header-height,80px);min-height:0}
.h-hero-art .h-hero-still{position:relative;width:100%;height:100%;object-fit:contain}.h-hero-art .h-hero-still[hidden]{display:none!important}.h-hero[data-slide="2"] .h-hero-art{background:#fff}.h-hero[data-slide="3"] .h-hero-art{background:#eee}
@media(max-width:760px){.ho-stage{height:900px;min-height:0}.ho-enhanced{height:220svh}.ho-enhanced .ho-stage{height:calc(100svh - var(--home-header-height,80px));min-height:590px}.ho-top,.ho-bottom{left:5%;right:5%;font-size:8px}.ho-top{top:18px}.ho-top .h-eyebrow{font-size:9px}.ho-top a{font-size:10px}.ho-bottom{bottom:18px}.ho-centre{top:48%;width:94%}.lsh .ho-centre h2{font-size:clamp(30px,7.5vw,48px);margin-bottom:14px}.ho-centre a{font-size:12px}.ho-product{width:36%;height:23%}.ho-label{font-size:8px;padding:2px 4px;gap:3px}.ho-label i{width:15px;height:15px;font-size:12px}.ho-label b{display:none}.ho-edge{left:-3%;top:7%}.ho-hiro{left:31%;top:4%}.ho-modo{left:65%;top:7%}.ho-dot{left:72%;top:25%;width:18%;height:14%}.ho-dot img{transform:scale(1.9)}.ho-dot .ho-label{bottom:-6px}.ho-loor{left:-5%;bottom:18%;width:40%;height:23%}.ho-verve{left:32%;bottom:17%;width:30%;height:25%}.ho-feyz{left:65%;bottom:19%;width:36%;height:22%}.ho-neon{left:31%;bottom:7%;width:40%;height:13%}.ho-neon .ho-label{bottom:-7px}}
@media(prefers-reduced-motion:reduce){.ho-enhanced{height:auto}.ho-enhanced .ho-stage{position:relative;top:0;min-height:740px}.ho-product{transform:none!important;will-change:auto}.ho-progress{display:none}}
@media(min-width:761px){.ho-edge,.ho-hiro,.ho-modo,.ho-dot{height:28%}.ho-loor,.ho-feyz,.ho-neon{height:30%}.ho-verve{height:29%}}
/* A loose, asymmetric arrangement rather than two uniform rows. */
@media(min-width:761px){
 .ho-edge{left:-9%;top:0%;width:39%;height:33%}
 .ho-hiro{left:24%;top:9%;width:22%;height:24%}
 .ho-modo{left:49%;top:-4%;width:32%;height:34%}
 .ho-dot{left:82%;top:18%;width:13%;height:18%}
 .ho-loor{left:-8%;bottom:8%;width:38%;height:34%}
 .ho-verve{left:31%;bottom:6%;width:18%;height:28%}
 .ho-feyz{left:56%;bottom:5%;width:30%;height:32%}
 .ho-neon{left:84%;bottom:23%;width:33%;height:26%}
 .ho-neon .ho-label{left:30%}
 .ho-label{bottom:5%}
 .ho-label>span{display:none}
 .ho-product:hover .ho-label>span,.ho-product:focus-visible .ho-label>span{display:block}
 .ho-label{background:transparent}
 .ho-label i{background:#ffffffda}
}
@media(min-width:761px){.ho-neon{left:72%;bottom:24%;width:40%;height:26%}.ho-neon .ho-label{left:45%}.ho-verve{bottom:10%}.ho-feyz{bottom:9%}.ho-dot img{transform:scale(2.5)}}
@media(max-width:760px){.ho-label>span{display:none}.ho-label{background:transparent}.ho-label i{background:#ffffffe8}.ho-dot img{transform:scale(2.8)}.ho-neon{bottom:10%}.ho-verve{bottom:18%}.ho-feyz{bottom:15%}.ho-modo{top:10%}.ho-edge{top:5%}}

/* The catalogue link is revealed only after the last luminaire arrives. */
.ho-enhanced .ho-centre>a{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px);transition:opacity .5s ease,transform .5s ease,visibility .5s}
.ho-enhanced.ho-arrived .ho-centre>a{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.ho-centre>a{opacity:1;visibility:visible;transform:none;transition:none}}
/* Original white image canvases must not mask adjacent products on narrow screens. */
.ho-product{mix-blend-mode:multiply}