.rules{padding:150px 0 140px}.rules h2{font-size:calc(clamp(56px, 6.4vw, 104px) * var(--ds));line-height:.92;text-align:center}.notes{display:grid;grid-template-columns:repeat(4,minmax(0,290px));justify-content:center;gap:24px;margin-top:64px;view-timeline-name:--notes}.note{background:var(--c);color:var(--t,var(--ink));padding:30px 26px 34px;min-height:380px;rotate:var(--r)}.note small{display:inline-block;font:700 14px var(--f-text);padding:4px 10px;box-shadow:inset 0 0 0 2px currentColor}.note h3{font-size:calc(clamp(34px, 2.8vw, 44px) * var(--ds));line-height:1;margin:16px 0 14px}.note p{font-size:16px;line-height:1.55;font-weight:500}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.note{animation:fan linear both;animation-timeline:--notes;animation-range:entry 0% cover 40%}.note:nth-child(1){--k:-1.5;--r0:-9deg}.note:nth-child(2){--k:-.5;--r0:5deg}.note:nth-child(3){--k:.5;--r0:-3deg}.note:nth-child(4){--k:1.5;--r0:11deg}@keyframes fan{0%{translate:calc(var(--k) * (100% + 24px)) 45vh;rotate:var(--r0)}40%{translate:calc(var(--k) * (100% + 24px)) 0;rotate:var(--r0)}100%{translate:0 0;rotate:var(--r)}}@media (max-width:900px){.note{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% entry 80%}}}}@media (max-width:900px){.rules{padding:110px 0}.notes{grid-template-columns:minmax(0,1fr);gap:14px}.note{min-height:0;padding:22px 20px 24px;rotate:0deg}.note h3{font-size:calc(32px * var(--ds))}.note p{font-size:15.5px}}