article.svelte-2dvr13{--length:80%;--step:calc(var(--length) / 5);--tan60:tan(60deg);width:100%;padding-top:calc(var(--step) * 1.2);padding-left:calc(var(--step) * .4);aspect-ratio:1/1.03;position:relative;overflow:hidden}article.svelte-2dvr13 div:where(.svelte-2dvr13){aspect-ratio:1;width:100%;transform-origin:calc(var(--step) * 3) calc(var(--step) * 2);text-align:center;clip-path:polygon(calc(var(--step) * .5) 0, calc(var(--step) * 5.5) 0, calc(var(--step) * 3.5) calc(var(--tan60) * (var(--step) * 2)), calc(var(--step) * 3) calc(var(--tan60) * (var(--step) * 1.5)), calc(var(--step) * 4) calc(var(--tan60) * (var(--step) * .5)), 0 calc(var(--tan60) * var(--step) * .5));line-height:3em;position:absolute}article.svelte-2dvr13 div:where(.svelte-2dvr13):first-of-type{background:var(--light);background:linear-gradient(to top, var(--light) 60%, transparent);color:var(--medium);transform:rotate(-40deg)}article.svelte-2dvr13 div:where(.svelte-2dvr13):nth-of-type(2){background:var(--medium);background:linear-gradient(to top, var(--medium) 60%, var(--light));color:var(--dark);transform:rotate(80deg)}article.svelte-2dvr13 div:where(.svelte-2dvr13):nth-of-type(3){background:var(--dark);background:linear-gradient(to top, var(--dark) 60%, var(--medium));color:var(--light);transform:rotate(200deg)}@media (width>=30rem){article.svelte-2dvr13{grid-column:2/12}}@media (width>=45rem){article.svelte-2dvr13{grid-column:3/11}}