.artwork{position:relative;container-type:inline-size;overflow:hidden;width:100%;height:100%}.artwork__shape{content:"";position:absolute}.artwork--strings{display:flex;align-items:stretch}.artwork--strings::before{position:absolute;transform:translateX(-100%);content:"";height:100%;width:25%;background:linear-gradient(90deg,transparent,rgb(from var(--color-text) r g b / .6),transparent);z-index:1;transition:transform .25s linear}.string{height:100%;width:100%;position:relative}.string--type-0{background:0 0}.string--type-1{background:linear-gradient(to top,transparent 2%,var(--color-text) 50%,transparent 65%)}.string--type-2{background:linear-gradient(to top,transparent 50%,var(--color-text) 60%,transparent 90%)}.string--type-3{background:linear-gradient(to top,transparent 10%,var(--color-text) 50%,transparent 75%)}.string--type-4{background:linear-gradient(to top,transparent 25%,var(--color-text) 50%,transparent 75%)}.string--type-5{background:linear-gradient(to top,transparent 5%,var(--color-text) 50%,transparent 65%)}.string--type-6{background:linear-gradient(to top,transparent 30%,var(--color-text) 65%,transparent 98%)}.string--type-7{background:linear-gradient(to top,transparent 45%,var(--color-text) 65%,transparent 92%)}.string--type-8{background:linear-gradient(to top,transparent 15%,var(--color-text) 35%,transparent 95%)}.string--type-9{background:linear-gradient(to top,transparent 5%,var(--color-text) 45%,transparent 60%)}@media (prefers-reduced-motion:no-preference){:is(.card__link:hover ~ .card__content .artwork--strings,.card__link:focus ~ .card__content .artwork--strings)::before{transform:translateX(100cqw)}}.artwork--whist{display:flex;align-items:center;justify-content:center;container-type:size}.artwork__shape--card{height:75cqh;width:48.21cqh;border:1px solid var(--color-text);border-radius:4px;container-type:size;background-color:var(--color-background);transform-origin:bottom center}.bottom-number,.figure,.top-number{font-size:10cqh;color:var(--color-text);justify-self:center;align-self:center;line-height:1.25;position:absolute}.bottom-number,.top-number{display:flex;flex-direction:column}.figure{font-size:50cqh;color:var(--color-text);left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.top-number{top:.2rem;right:.4rem}.bottom-number{bottom:.2rem;left:.4rem}.card__link:focus~.card__content .artwork__shape--card:first-child,.card__link:hover~.card__content .artwork__shape--card:first-child{transform:rotate(40deg) translateX(15px)}.card__link:focus~.card__content .artwork__shape--card:nth-child(2),.card__link:hover~.card__content .artwork__shape--card:nth-child(2){transform:rotate(10deg) translateX(10px)}.card__link:focus~.card__content .artwork__shape--card:nth-child(3),.card__link:hover~.card__content .artwork__shape--card:nth-child(3){transform:rotate(-10deg) translateX(-10px)}.card__link:focus~.card__content .artwork__shape--card:nth-child(4),.card__link:hover~.card__content .artwork__shape--card:nth-child(4){transform:rotate(-40deg) translateX(-15px)}@media (prefers-reduced-motion:no-preference){.artwork__shape--card{transition:transform .15s ease-in-out}}.artwork--tawct{display:flex;align-items:center;justify-content:center;color:var(--color-text)}.toilet{width:25cqw}.sparkle{position:absolute;transform:scale(0);opacity:0;transition:all .4s ease-in-out}.sparkle:nth-child(2){--sparkle-delay:0s;left:20%;top:10%}.sparkle:nth-child(3){--sparkle-delay:.2s;left:32%;top:40%}.sparkle:nth-child(4){--sparkle-delay:.4s;right:25%;top:20%}.sparkle:nth-child(5){--sparkle-delay:.1s;right:30%;top:60%}@media (prefers-reduced-motion:no-preference){.card__link:focus~.card__content .sparkle,.card__link:hover~.card__content .sparkle{animation:sparkle 1s ease-in-out var(--sparkle-delay)}}@keyframes sparkle{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.artwork--scheut{display:flex;justify-content:center;align-items:center;container-type:size}.flower{position:absolute;bottom:0}.flower--01{--flower-delay:.6s;left:20%;transform:scale(1.2) translateY(-5%)}.flower--02{--flower-delay:0s;left:40%}.flower--03{--flower-delay:.4s;left:68%;transform:scaleY(1.1) scaleX(-1) translateY(-2%)}.flower__head,.flower__leaf,.flower__petal{position:absolute;width:var(--width);height:var(--height)}.flower__stem{--width:20px;--height:50cqh;width:var(--width);height:var(--height);border-top-left-radius:100%;border-left:1cqw solid var(--color-text)}.flower__leaf{border-top-right-radius:var(--height);border-bottom-left-radius:var(--height);background-color:var(--color-text)}.flower__leaf--01,.flower__leaf--02,.flower__leaf--03,.flower__leaf--04,.flower__leaf--05,.flower__leaf--06{--height:calc(var(--width) + 2cqh)}.flower__leaf--04,.flower__leaf--05,.flower__leaf--06{border-radius:var(--height) 0 var(--height) 0}.flower__leaf--01{--width:4cqw;bottom:10%;right:100%}.flower__leaf--02{--width:3.5cqw;bottom:30%;right:calc(100% - 1px)}.flower__leaf--03{--width:3cqw;bottom:50%;right:calc(100% - 4px)}.flower__leaf--04{--width:4cqw;bottom:8%;left:3px;transform:rotate(15deg)}.flower__leaf--05{--width:3.5cqw;bottom:28%;left:5px;transform:rotate(20deg)}.flower__leaf--06{--width:3cqw;bottom:48%;left:6px;transform:rotate(20deg)}.flower__head{top:0;left:50%;transform:scale(.2) translateX(36px)}.flower__head-center{--radius:4cqw;--diameter:calc(var(--radius) * 2);position:absolute;background-color:hsl(from var(--color-text) h s l);height:var(--diameter);width:var(--diameter);border-radius:50%;z-index:1;bottom:calc(100% - var(--radius) + 1px);left:calc(100% - var(--radius));box-shadow:0 0 10px rgba(0,0,0,.2)}.flower__petal{--width:4cqw;--height:var(--width);--offset:1cqw;border-radius:var(--height) 0 var(--height) 0;bottom:50%;left:50%;background-color:var(--color-text);transform-origin:bottom left}.flower__petal{transform:scale(0) rotate(var(--angle))}.flower__petal--01{--angle:0deg}.flower__petal--02{--angle:45deg}.flower__petal--03{--angle:90deg}.flower__petal--04{--angle:135deg}.flower__petal--05{--angle:180deg}.flower__petal--06{--angle:225deg}.flower__petal--07{--angle:270deg}.flower__petal--08{--angle:315deg}.card__link:focus~.card__content .flower__head,.card__link:hover~.card__content .flower__head{--flower-petal-base-delay:.04s;--flower-petal-initial-delay:calc(.1s + var(--flower-delay));transform:scale(1) translateX(8px)}:is(.card__link:hover ~ .card__content .flower__head,.card__link:focus ~ .card__content .flower__head) .flower__petal{transform:scale(1) rotate(var(--angle)) translateX(var(--offset)) translateY(calc(-1 * var(--offset)))}:is(.card__link:hover ~ .card__content .flower__head,.card__link:focus ~ .card__content .flower__head) .flower__petal--01{--n:0}:is(.card__link:hover ~ .card__content .flower__head,.card__link:focus ~ .card__content .flower__head) .flower__petal--02{--n:1}:is(.card__link:hover ~ .card__content .flower__head,.card__link:focus ~ .card__content .flower__head) .flower__petal--03{--n:2}:is(.card__link:hover ~ .card__content .flower__head,.card__link:focus ~ .card__content .flower__head) .flower__petal--04{--n:3}:is(.card__link:hover ~ .card__content .flower__head,.card__link:focus ~ .card__content .flower__head) .flower__petal--05{--n:4}:is(.card__link:hover ~ .card__content .flower__head,.card__link:focus ~ .card__content .flower__head) .flower__petal--06{--n:5}:is(.card__link:hover ~ .card__content .flower__head,.card__link:focus ~ .card__content .flower__head) .flower__petal--07{--n:6}:is(.card__link:hover ~ .card__content .flower__head,.card__link:focus ~ .card__content .flower__head) .flower__petal--08{--n:7}@media (prefers-reduced-motion:no-preference){.flower__head{transition:transform .1s ease-in-out}.card__link:focus~.card__content .flower__head,.card__link:hover~.card__content .flower__head{transition:transform .2s var(--ease-ease-out-back) var(--flower-delay)}:is(.card__link:hover ~ .card__content .flower__head,.card__link:focus ~ .card__content .flower__head) .flower__petal{transition:transform .2s var(--ease-ease-out-back);transition-delay:calc(
                var(--flower-petal-initial-delay)
                + (var(--flower-petal-base-delay) * (var(--n)))
            )}}.artwork--rapworldmap{display:flex;color:var(--color-text);font-size:.4rem;container-type:size;overflow:hidden;align-items:center;justify-content:center}.notes{display:flex;gap:.5rem}.note{--duration:.3s;font-size:2rem;transform:translateY(100%);opacity:0}.note--01{--delay:0s}.note--02{--delay:.25s}.note--03{--delay:.35s}.note--04{--delay:.65s}.note--05{--delay:1s}.note--06{--delay:1.15s}.note--07{--delay:1.35s}:is(.card__link:hover ~ .card__content .artwork--rapworldmap,.card__link:focus ~ .card__content .artwork--rapworldmap) .ascii-map{transform:scale(2.5) translate(20cqw,10cqw)}@media (prefers-reduced-motion:no-preference){.ascii-map{transition:transform .2s ease-in-out}:is(.card__link:hover ~ .card__content .artwork--rapworldmap,.card__link:focus ~ .card__content .artwork--rapworldmap) .ascii-map{animation:beat .7s 2 linear(0,.724 8.8%,.886 12.4%,.924 14.1%,.937 15.8%,.926 17.3%,.894 18.9%,.771 22.1%,-.248 37.2%,-.43 41.2%,-.515 45%,-.525 46.6%,-.521 48.2%,-.469 51.6%,-.04 65.1%,.039 68.5%,.086 71.9%,.103 74.7%,.102 77.7%,.015 91%,.003 95%,0) .2s}:is(.card__link:hover ~ .card__content .artwork--rapworldmap,.card__link:focus ~ .card__content .artwork--rapworldmap) .note{animation:note var(--duration) var(--ease-ease-out-back) var(--delay)}}@keyframes note{0%{opacity:0;transform:translateY(100%)}75%{opacity:1;transform:translateY(0)}100%{opacity:0}}@keyframes beat{from{transform:scale(2.5) translate(20cqw,10cqw)}to{transform:scale(2.3) translate(20cqw,10cqw)}}.card-list{list-style-type:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(auto,20rem));gap:1rem;margin-top:2rem}@media screen and (min-width:480px){.card-list{grid-template-columns:1fr 1fr}}@media screen and (min-width:780px){.card-list{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1280px){.card-list{grid-template-columns:repeat(auto-fill,minmax(auto,20rem))}}.card{position:relative;border:1px solid var(--color-text);display:grid;grid-template-rows:auto 1fr;aspect-ratio:4/3;color:var(--color-background);transition:background-color .2s ease}.card:has(:hover,:focus) .card__content::after{background-color:rgb(from var(--color-img-overlay) r g b / .3)}.card:has(:focus-visible){outline:8px double var(--color-primary);outline-offset:4px}.card__content::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:50;transition:background-color .2s ease}.card__link{background:var(--color-text);width:100%;display:block;text-decoration:unset;padding:0 1rem;font-size:1.1rem}.card__link:focus,.card__link:hover{color:inherit;outline:0}.card__link::after{content:"";position:absolute;inset-block:0;inset-inline:0;cursor:pointer;z-index:100}