/* WIGUEL Hero FX — layout tweaks for the 3D logo. */
.hero__canvas canvas { -webkit-tap-highlight-color: transparent; }

/* Phones: the logo is wide and short, so give it a shorter stage and a wider fade mask
   so the first and last letters are not faded out. */
@media (max-width: 760px) {
	.hero__stage { height: clamp(190px, 30vh, 280px); }
	.hero__canvas {
		-webkit-mask-image: radial-gradient(ellipse 98% 92% at 50% 50%, #000 72%, transparent 100%);
		mask-image: radial-gradient(ellipse 98% 92% at 50% 50%, #000 72%, transparent 100%);
	}
}