/* The facade module: quarter-round cell extracted from the mark.
   Geometry from the logo paths: cell 375.37 x 211.59, corner radius 165.59 x 165.69
   => aspect 1.774 : 1, radius 44.1% of width / 78.3% of height. */
:root{
--cell-ratio:1.774; /* @kind other */
--cell-rx:44.1%;
--cell-ry:78.3%;
--cell-color:var(--ink);
}
.cell{display:inline-block;aspect-ratio:1.774;background:var(--cell-color);border-radius:0}
.cell--tr{border-top-right-radius:var(--cell-rx) var(--cell-ry)}
.cell--tl{border-top-left-radius:var(--cell-rx) var(--cell-ry)}
.cell--br{border-bottom-right-radius:var(--cell-rx) var(--cell-ry)}
.cell--bl{border-bottom-left-radius:var(--cell-rx) var(--cell-ry)}
/* image mask: clips any element to the cell silhouette */
.cell-mask--tr{border-top-right-radius:var(--cell-rx) var(--cell-ry);overflow:hidden}
.cell-mask--bl{border-bottom-left-radius:var(--cell-rx) var(--cell-ry);overflow:hidden}