.honeycomb{--width:clamp(183px, 18cqw, 211px);--ratio:.89;--horizontal-clip:calc(.25 * var(--width));--vertical-clip:calc(.5 * (var(--width) * var(--ratio)));--gap:var(--spacing-xs);--mh:calc(var(--gap) + (var(--width) - 2 * var(--horizontal-clip)) / 2);--float-offset:calc(2 * var(--width) * var(--ratio) + 4 * var(--gap) - 2 * var(--vertical-clip) - 2px);--color:var(--brand-primary);max-width:calc(75rem + var(--horizontal-clip) * 2);margin-top:var(--spacing-xxl);padding-bottom:var(--vertical-clip);display:flex;container-type:inline-size}.honeycomb.safari{margin:var(--spacing-xxl) max((100dvw - 75rem) / 2, var(--spacing-m));display:block}.honeycomb.safari .container{--amount:2;grid-template-columns:repeat(var(--amount), 1fr 2fr) 1fr;gap:var(--spacing-s);padding:0;display:grid}.honeycomb.safari .container:before{display:none}.honeycomb.safari .container .cell{grid-row:var(--counter)/span 2;grid-column:1/span 3;width:auto;height:auto;margin:0;padding-bottom:89%;font-size:0;line-height:0}.honeycomb.safari .container .cell:nth-child(2n){grid-column:3/span 3}.honeycomb.safari .container .cell .content{font-size:initial;line-height:initial;position:absolute}.honeycomb.safari .container .cell .content .front,.honeycomb.safari .container .cell .content .back{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}@container (width>=700px){.honeycomb.safari .container{grid-template-columns:1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr}.honeycomb.safari .container .cell{grid-row:calc(var(--counter) / 2)/span 2}.honeycomb.safari .container .cell:nth-child(4n-3){grid-column:1/span 3}.honeycomb.safari .container .cell:nth-child(4n-2){grid-column:5/span 3}.honeycomb.safari .container .cell:nth-child(4n-1){grid-column:3/span 3}.honeycomb.safari .container .cell:nth-child(4n){grid-column:7/span 3}}@container (width>=844px){.honeycomb.safari .container{grid-template-columns:1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr}.honeycomb.safari .container .cell{--set:round(to-zero, (var(--counter) - 1) / 5, 1);--set-base:calc(var(--set) * 5);--position:calc(var(--counter) - var(--set-base));--set-row:round(to-zero, (var(--position) - 1) / 3, 1);--offset:calc(-3 * var(--set));--row:calc((var(--set-row) + var(--set-base) + 1) + var(--offset));grid-row:var(--row)/span 2}.honeycomb.safari .container .cell:nth-child(5n-4){grid-column:1/span 3}.honeycomb.safari .container .cell:nth-child(5n-3){grid-column:5/span 3}.honeycomb.safari .container .cell:nth-child(5n-2){grid-column:9/span 3}.honeycomb.safari .container .cell:nth-child(5n-1){grid-column:3/span 3}.honeycomb.safari .container .cell:nth-child(5n){grid-column:7/span 3}}@container (width>=935px){.honeycomb.safari .container{grid-template-columns:1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr 2fr 1fr}.honeycomb.safari .container .cell{--set:round(to-zero, (var(--counter) - 1) / 6, 1);--set-base:calc(var(--set) * 6);--position:calc(var(--counter) - var(--set-base));--set-row:round(to-zero, (var(--position) - 1) / 3, 1);--offset:calc(-4 * var(--set));--row:calc((var(--set-row) + var(--set-base) + 1) + var(--offset))}.honeycomb.safari .container .cell:nth-child(6n-5){grid-column:1/span 3}.honeycomb.safari .container .cell:nth-child(6n-4){grid-column:5/span 3}.honeycomb.safari .container .cell:nth-child(6n-3){grid-column:9/span 3}.honeycomb.safari .container .cell:nth-child(6n-2){grid-column:11/span 3}.honeycomb.safari .container .cell:nth-child(6n-1){grid-column:3/span 3}.honeycomb.safari .container .cell:nth-child(6n){grid-column:7/span 3}}.container{gap:var(--gap);flex-direction:column;font-size:0;line-height:0;display:flex}.container .cell{--background-url:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20178%22%20width%3D%22200%22%20height%3D%22178%22%3E%3Cpath%20fill%3D%22transparent%22%20stroke%3D%22%23e94c39%22%20stroke-width%3D%224%22%20d%3D%22M%2050%2C0%20L%20150%2C0%20200%2C89%20150%2C178%2050%2C178%200%2C89%20Z%22%20%2F%3E%3C%2Fsvg%3E);width:var(--width);height:calc(var(--width) * var(--ratio));font-size:initial;line-height:initial;color:var(--copy-color-primary-inverted);perspective:1000px;outline:none}.container .cell a{color:var(--copy-color-primary-inverted);text-decoration:underline}.container .cell .content{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s;position:relative}.container .cell:hover:not(:has([contenteditable=true])) .content,.container .cell:focus .content,.container .cell:focus-within:has(a:focus) .content,.container .cell:focus-within:has(.back [contenteditable]:focus-within) .content{transform:rotateY(-180deg)}.container .cell .front,.container .cell .back{text-align:center;background-color:var(--color);width:100%;height:100%;clip-path:polygon(var(--horizontal-clip) 0, calc(100% - var(--horizontal-clip)) 0, 100% var(--vertical-clip), 100% calc(100% - var(--vertical-clip)), calc(100% - var(--horizontal-clip)) 100%, var(--horizontal-clip) 100%, 0 calc(100% - var(--vertical-clip)), 0 var(--vertical-clip));justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.container .cell .front{font-size:1rem}.container .cell .back{background-color:var(--color);backface-visibility:hidden;font-size:.875rem;transform:rotateY(180deg)}.container .cell:has(a) .front,.container .cell:has(a) .back{background-color:#fff;background-image:var(--background-url);color:initial;background-position:50%;background-repeat:no-repeat;background-size:contain}.container .cell:has(a) .front a,.container .cell:has(a) .back a{color:initial}@media screen and (width>=393px){.honeycomb{margin:var(--spacing-xxl) max((100cqw - (75rem + var(--horizontal-clip) * 2)) / 2, var(--spacing-m) - var(--horizontal-clip))}.grid .honeycomb.safari{margin:var(--spacing-xxl) 0 0}.container{display:block}.container .cell{width:var(--width);height:calc(var(--width) * var(--ratio));margin:var(--gap) var(--mh);margin-bottom:calc(var(--gap) - var(--vertical-clip));display:inline-block}.container:before{content:"";float:left;width:calc(var(--width) / 2 + var(--mh));height:calc(var(--safari-height,100%) + var(--vertical-clip));shape-outside:repeating-linear-gradient(#0000 0 calc(var(--float-offset) - 2px), #000 0 var(--float-offset))}}