.artwork{position:relative;container-type:inline-size;overflow:hidden;width:100%;height:100%}.artwork__shape{content:"";position:absolute}:root{--color-light-octahedron-background:var(--color-text);--color-dark-octahedron-background:var(--color-background);--color-octahedron-background:var(--color-light-octahedron-background);--octahedron-side-width:15cqw;--triangle-height-ratio:1.732;--octahedron-side-height:calc(var(--octahedron-side-width) * var(--triangle-height-ratio))}@media (prefers-color-scheme:dark){:root{--color-octahedron-background:var(--color-dark-octahedron-background)}}.artwork--lab .octahedron{width:calc(var(--octahedron-side-width) * 2);height:calc(var(--octahedron-side-width) * 2);left:50%;top:50%;transform:translate(-50%,-50%) rotateX(0) rotateY(65deg) rotateZ(0);transform-style:preserve-3d}.octahedron__side{position:absolute;left:0;bottom:50%;border-bottom:var(--octahedron-side-height) solid #000;border-left:var(--octahedron-side-width) solid transparent;border-right:var(--octahedron-side-width) solid transparent;transform-origin:50% 100%}.octahedron__side:first-child{transform:rotateY(90deg) translateZ(var(--octahedron-side-width)) rotateX(35.27deg);border-bottom-color:hsl(from var(--color-octahedron-background) h s calc(l + 50))}.octahedron__side:nth-child(2){transform:rotateY(180deg) translateZ(var(--octahedron-side-width)) rotateX(35.27deg);border-bottom-color:hsl(from var(--color-octahedron-background) h s calc(l + 30))}.octahedron__side:nth-child(3){transform:rotateY(270deg) translateZ(var(--octahedron-side-width)) rotateX(35.27deg);border-bottom-color:hsl(from var(--color-octahedron-background) h s calc(l + 30))}.octahedron__side:nth-child(4){transform:rotateY(360deg) translateZ(var(--octahedron-side-width)) rotateX(35.27deg);border-bottom-color:hsl(from var(--color-octahedron-background) h s calc(l + 50))}.octahedron__side:nth-child(5){transform:rotateY(450deg) translateZ(var(--octahedron-side-width)) rotateX(144.73deg);border-bottom-color:hsl(from var(--color-octahedron-background) h s calc(l + 20))}.octahedron__side:nth-child(6){transform:rotateY(540deg) translateZ(var(--octahedron-side-width)) rotateX(144.73deg);border-bottom-color:hsl(from var(--color-octahedron-background) h s calc(l + 10))}.octahedron__side:nth-child(7){transform:rotateY(630deg) translateZ(var(--octahedron-side-width)) rotateX(144.73deg);border-bottom-color:hsl(from var(--color-octahedron-background) h s calc(l + 10))}.octahedron__side:nth-child(8){transform:rotateY(720deg) translateZ(var(--octahedron-side-width)) rotateX(144.73deg);border-bottom-color:hsl(from var(--color-octahedron-background) h s calc(l + 20))}.card__link:focus~.card__content .artwork--lab .octahedron,.card__link:hover~.card__content .artwork--lab .octahedron{transform:translate(-50%,-50%) rotateX(0) rotateY(80deg) rotateZ(0)}@media (prefers-reduced-motion:no-preference){.artwork--lab .octahedron{transition:transform .5s cubic-bezier(.66, 0, .34, 1)}}.container--shape{position:relative;width:100%;max-width:30rem;height:30rem}.container--shape:focus .artwork--lab .octahedron,.container--shape:hover .artwork--lab .octahedron{transform:translate(-50%,-50%) rotateX(0) rotateY(80deg) rotateZ(0)}.artwork--cube{perspective:500px}.cube{margin:0 auto;display:block;transform-style:preserve-3d;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(-15deg) rotateY(45deg);width:5rem;height:5rem}.cube__side{position:absolute;width:100%;height:100%;border:1px solid var(--color-text)}.cube__side.top{transform:rotateX(90deg) translateZ(50px)}.cube__side.bottom{transform:rotateX(-90deg) translateZ(50px)}.cube__side.right{transform:rotateY(90deg) translateZ(50px)}.cube__side.left{transform:rotateY(-90deg) translateZ(50px)}.cube__side.front{transform:rotateX(0) translateZ(50px)}.cube__side.back{transform:rotateX(-180deg) translateZ(50px)}.container--shape:focus .artwork--lab .cube,.container--shape:hover .artwork--lab .cube{transform:translate(-50%,-50%) rotateX(-15deg) rotateY(80deg)}@media (prefers-reduced-motion:no-preference){.artwork--lab .cube{transition:transform .5s cubic-bezier(.66, 0, .34, 1)}}.breadcrumb__list{padding:0;list-style-type:none;display:flex;gap:1ch;font-size:.8rem}.breadcrumb__list-item:not(:last-child)::after{content:">";margin-left:1ch}.breadcrumb__list-link{text-decoration:none}