.flux3-image .klein-hero{min-height:calc(100svh - var(--nav-h));gap:var(--gap-block);padding-block:var(--gap-block);align-content:center}.flux3-image .klein-hero .hero__copy{gap:16px}.flux3-image .klein-hero .hero__lede{margin-bottom:8px}.flux3-image .klein-hero .hero__title-product{margin-top:.1em}.flux3-image .klein-marquee{width:100%;overflow:hidden}.flux3-image .klein-marquee__track{--gap:var(--gap-tight);display:flex;gap:var(--gap);width:max-content;margin:0;padding:0;list-style:none;animation:klein-slide var(--duration,80s) linear infinite}.flux3-image .klein-marquee:hover .klein-marquee__track,.flux3-image .klein-marquee[data-paused] .klein-marquee__track{animation-play-state:paused}@keyframes klein-slide{to{transform:translateX(calc(-50% - var(--gap) / 2))}}.flux3-image .klein-marquee__tile{flex:none;height:var(--tile-h);overflow:hidden;border-radius:var(--radius);background:var(--cell)}.flux3-image .klein-marquee__tile img{width:auto;height:100%}@media (prefers-reduced-motion:reduce){.flux3-image .klein-marquee{overflow-x:auto;scrollbar-width:none}.flux3-image .klein-marquee__track{animation:none}}.flux3-image .klein-points{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-block);margin-bottom:0;padding:0;list-style:none}@media (min-width:768px){.flux3-image .klein-points{grid-template-columns:repeat(3,minmax(0,1fr))}}.flux3-image .klein-points__item{padding-top:var(--gap-block);border-top:1px solid var(--line)}.flux3-image .klein-points__title{margin:0 0 8px;font-size:1.125rem;font-weight:500;letter-spacing:-.01em}.flux3-image .klein-points__body{margin:0;color:var(--fg-60);line-height:1.55}.flux3-image .klein-layout{container-type:inline-size}.flux3-image .klein-bbox{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-section);align-items:start;max-width:880px}@container (min-width: 720px){.flux3-image .klein-bbox{grid-template-columns:minmax(0,380px) minmax(0,1fr)}}.flux3-image .klein-bbox__figure{position:relative;width:100%;max-width:380px;margin:0}.flux3-image .klein-bbox__figure img{width:100%;height:auto;border-radius:var(--radius)}.flux3-image .klein-bbox__layer{position:absolute;inset:0}.flux3-image .klein-bbox__list{display:grid;margin:0;padding:0;list-style:none}.flux3-image .klein-bbox__row{display:grid;gap:8px;padding-block:var(--gap-tight);border-top:1px solid var(--line)}.flux3-image .klein-bbox__row:last-child{border-bottom:1px solid var(--line)}.flux3-image .klein-bbox__row-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.flux3-image .klein-bbox__coords{font-size:12px;color:var(--fg-40)}.flux3-image .klein-bbox__desc{margin:0;font-size:15px;color:var(--fg-80);line-height:1.5}.flux3-image .klein-gallery{--bleed:min(100vw - 2 * var(--gutter),1600px);width:var(--bleed);margin-left:calc(50% - var(--bleed) / 2)}.flux3-image .klein-examples{display:grid;gap:var(--gap-section)}.flux3-image .klein-examples__group{display:grid;gap:var(--gap-block);width:100%}.flux3-image .klein-examples__head{display:grid;gap:8px}.flux3-image .klein-examples__title{margin:0;font-size:1.5rem;font-weight:500;letter-spacing:-.01em}.flux3-image .klein-examples__body{max-width:700px;margin:0;font-size:1.125rem;line-height:1.6;color:var(--fg-60)}.flux3-image .klein-pairs{column-count:1;column-gap:var(--gap-block)}@media (min-width:900px){.flux3-image .klein-pairs{column-count:2}}@media (min-width:1300px){.flux3-image .klein-pairs{column-count:3}}.flux3-image .klein-pairs__item{break-inside:avoid;margin-bottom:var(--gap-block)}.flux3-image .klein-pairs__figure{display:grid;gap:10px;margin:0}.flux3-image .klein-pairs__prompt{margin:0;font-size:15px;line-height:1.5;color:var(--fg-60)}.flux3-image .klein-compare{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--cell);user-select:none}.flux3-image .klein-compare img{display:block;width:100%;height:auto}.flux3-image .klein-compare__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.flux3-image .klein-compare__line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;transform:translateX(-50%);background:#fff;box-shadow:0 0 6px rgb(0 0 0/.4);pointer-events:none}.flux3-image .klein-compare__line:after{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:rgb(0 0 0/.35);backdrop-filter:blur(4px)}.flux3-image .klein-compare__tag{position:absolute;top:8px;padding:2px 6px;border-radius:4px;font-size:11px;color:#fff;background:rgb(0 0 0/.55);pointer-events:none}.flux3-image .klein-compare__tag--in{left:8px}.flux3-image .klein-compare__tag--out{right:8px}.flux3-image .klein-compare__range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.flux3-image .klein-compare:has(.klein-compare__range:focus-visible){outline:2px solid var(--fg);outline-offset:2px}