.b3d{--b3d-ink:#161310;--b3d-muted:#6b625a;--b3d-band-top:0;--b3d-band-height:1;color:var(--b3d-ink);font-family:var(--font-sans,Outfit, system-ui, -apple-system, "Segoe UI", sans-serif);position:relative}.b3d-stage{top:var(--header-h,0px);width:100%;height:calc(100vh - var(--header-h,0px));height:calc(100svh - var(--header-h,0px));position:sticky;overflow:hidden}.b3d-media{position:absolute;inset:0}.b3d-canvas{opacity:0;width:100%;height:100%;transition:opacity .9s;display:block}.b3d--ready .b3d-canvas{opacity:1}.b3d-fallback{width:100%;height:100%;display:none}.b3d-captions{pointer-events:none;position:absolute;inset:0}.b3d-cap{letter-spacing:-.012em;text-wrap:balance;opacity:0;will-change:opacity, translate;width:min(30vw,440px);margin:0;font-size:clamp(26px,2.35vw,38px);font-weight:400;line-height:1.2;position:absolute;top:50%;left:max(24px,7vw);transform:translateY(-50%)}.b3d-cap--top{letter-spacing:0;text-align:center;width:max-content;max-width:80vw;font-size:clamp(17px,1.3vw,21px);line-height:1.35;top:max(22px,5vh);left:50%;transform:translate(-50%)}.b3d-cap-strong{color:var(--b3d-ink)}.b3d-cap-muted{color:var(--b3d-muted)}@media (max-width:767px),(max-aspect-ratio:4/5){.b3d{--b3d-band-top:.06;--b3d-band-height:.62}.b3d-captions{text-align:center;align-content:start;justify-items:center;padding-top:4px;display:grid;inset:68% 16px 0}.b3d-cap,.b3d-cap--top{letter-spacing:-.012em;grid-area:1/1;width:auto;max-width:21ch;font-size:clamp(21px,5.6vw,28px);line-height:1.2;position:static;transform:none}}.b3d.b3d--static{--b3d-band-top:0;--b3d-band-height:1}.b3d--static .b3d-stage{box-sizing:border-box;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:4vw;height:auto;padding:12vh max(24px,7vw);display:grid;position:relative;top:auto;overflow:visible}.b3d--static .b3d-media{grid-area:1/2;height:min(76vh,720px);position:relative;inset:auto}.b3d--static .b3d-captions{flex-direction:column;grid-area:1/1;gap:1.1em;padding:0;display:flex;position:static}.b3d--static .b3d-cap{opacity:1;visibility:visible;letter-spacing:-.012em;width:auto;max-width:none;text-align:inherit;font-size:clamp(26px,2.35vw,38px);line-height:1.2;position:static;transform:none}.b3d--static .b3d-canvas{transition:none}@media (max-width:767px),(max-aspect-ratio:4/5){.b3d--static .b3d-stage{grid-template-columns:minmax(0,1fr);row-gap:28px;padding:8vh 16px}.b3d--static .b3d-media{grid-area:1/1;height:min(54vh,500px)}.b3d--static .b3d-captions{text-align:center;grid-area:2/1;align-items:center}.b3d--static .b3d-cap{max-width:21ch;font-size:clamp(21px,5.6vw,28px)}}.b3d--nogl .b3d-canvas{display:none}.b3d--nogl .b3d-fallback{display:block}
.b3d-host{border-top:1px solid var(--color-line);height:520svh}@media (max-width:767px),(max-aspect-ratio:4/5){.b3d-host{height:400svh}}.b3d-host .b3d-cap:first-child{opacity:1}@media (prefers-reduced-motion:reduce){.b3d-host{height:auto;min-height:calc(24svh + min(76svh,720px))}@media (max-width:767px),(max-aspect-ratio:4/5){.b3d-host{min-height:calc(16svh + min(54svh,500px) + 28px + 16em)}}.b3d-host.b3d{--b3d-band-top:0;--b3d-band-height:1}.b3d-host .b3d-stage{box-sizing:border-box;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;column-gap:4vw;height:auto;padding:12vh max(24px,7vw);display:grid;position:relative;top:auto;overflow:visible}.b3d-host .b3d-media{grid-area:1/2;height:min(76vh,720px);position:relative;inset:auto}.b3d-host .b3d-captions{flex-direction:column;grid-area:1/1;gap:1.1em;padding:0;display:flex;position:static}.b3d-host .b3d-cap{opacity:1;visibility:visible;letter-spacing:-.012em;width:auto;max-width:none;text-align:inherit;font-size:clamp(26px,2.35vw,38px);line-height:1.2;position:static;transform:none}@media (max-width:767px),(max-aspect-ratio:4/5){.b3d-host .b3d-stage{grid-template-columns:minmax(0,1fr);row-gap:28px;padding:8vh 16px}.b3d-host .b3d-media{grid-area:1/1;height:min(54vh,500px)}.b3d-host .b3d-captions{text-align:center;grid-area:2/1;align-items:center}.b3d-host .b3d-cap{max-width:21ch;font-size:clamp(21px,5.6vw,28px)}}}.b3d-host.b3d--static,.b3d-host.b3d-failed{height:auto}.b3d-still{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.b3d-host.b3d-failed{min-height:60vh}.b3d-host.b3d-failed .b3d-media{background:url(/images/produkt/box-1300.webp) 50%/contain no-repeat}