.typography-tile{--tile-ratio:4/3}.typography-tile .typography-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.typography-cards{z-index:3;pointer-events:none;transform-origin:100% 0;gap:4px;width:30%;transition:transform .35s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;top:4.67%;right:3.5%}.typography-tile .explore-open:hover .typography-cards,.typography-tile .explore-open:focus-visible .typography-cards{transform:translateY(12.8%)scale(3.1)}.typography-cards[data-count="1"]{width:calc(15% - 2px)}.typography-tile .explore-open:hover .typography-cards[data-count="1"],.typography-tile .explore-open:focus-visible .typography-cards[data-count="1"]{transform:translate(calc(-155% - 6.2px),12.8%)scale(3.1)}.typography-card{aspect-ratio:658/900;border-radius:5px;flex:1;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000038}.typography-tile .typography-card img{width:218.84%;max-width:none;height:auto;position:absolute;top:-5.333%;left:-7.295%}.typography-tile .typography-card+.typography-card img{left:-111.55%}.typography-tile .explore-tile-cta{z-index:4}.typography-label-text{flex-direction:column;gap:5px;min-width:0;padding-right:28px;display:flex}.typography-label-fonts{letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.typography-label-plus{opacity:.45;margin:0 6px;font-weight:400}.typography-label-site{align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.typography-label-site>span:last-child{text-overflow:ellipsis;white-space:nowrap;opacity:.62;overflow:hidden}.explore-tile.typography-tile .explore-tile-label .site-icon{border-radius:4px;width:16px;height:16px}.explore-tile.typography-tile .explore-tile-label .site-icon.is-initials{font-size:7px}@media (max-width:760px){.explore-grid .explore-tile.typography-tile:not(.is-section) .explore-open{padding-bottom:52px}.explore-tile.typography-tile .explore-tile-label{height:52px}.typography-label-text{gap:4px}.typography-label-fonts{font-size:14px}.typography-label-site{font-size:11px}}.typography-fan{z-index:3;pointer-events:none;position:absolute;inset:0}.typography-fan:before{content:"";background:color-mix(in srgb,var(--site-backdrop,#111) 72%,transparent);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .35s;position:absolute;inset:0}.typography-fan-card,.typography-fan-colours{transition-property:left,top,width,height,transform,border-width;transition-duration:.5s;transition-timing-function:cubic-bezier(.2,.75,.2,1);position:absolute}.typography-fan-card{aspect-ratio:300/306;background:#fff;border-radius:5%/4.9%;width:18.7%;overflow:hidden;box-shadow:0 6px 16px #00000038,0 1px 3px #00000024}.typography-tile .typography-fan-card img{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.typography-fan-card[data-role=text]{top:7.4%;left:66.2%;transform:rotate(-7deg)}.typography-fan-card[data-role=head]{z-index:1;top:5.6%;left:75%;transform:rotate(4deg)}.typography-fan-colours{z-index:2;border:2px solid #fff;border-radius:6px;width:24%;height:5.2%;display:flex;top:36%;left:69.5%;overflow:hidden;box-shadow:0 4px 10px #00000029}.typography-fan-colours i{flex:1}.typography-fan[data-count="1"] .typography-fan-colours{width:18.7%;left:75%}.typography-tile:is(:hover,:focus-within) .typography-fan:before{opacity:1}.typography-tile:is(:hover,:focus-within) .typography-fan-card[data-role=text]{width:40%;top:10%;left:8.4%;transform:none}.typography-tile:is(:hover,:focus-within) .typography-fan-card[data-role=head]{width:40%;transition-delay:40ms;top:10%;left:51.6%;transform:none}.typography-tile:is(:hover,:focus-within) .typography-fan-colours{border-width:3px;width:83.2%;height:8.5%;transition-delay:80ms;top:67.8%;left:8.4%;transform:none}.typography-tile:is(:hover,:focus-within) .typography-fan[data-count="1"] .typography-fan-card{left:30%}.typography-tile:is(:hover,:focus-within) .typography-fan[data-count="1"] .typography-fan-colours{width:40%;left:30%}.typography-tile .explore-tile-label{opacity:0;transition:opacity .2s}.typography-tile:is(:hover,:focus-within) .explore-tile-label{opacity:1}@media (hover:none){.typography-tile .explore-tile-label{opacity:1}}.typography-font-links{flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:0 0 26px;font-size:14px;display:flex}.typography-font-links span{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.typography-font-links a{color:inherit}.typography-tile:is(:hover,:focus-within) .explore-tile-cta{opacity:1;transform:translateY(0)}.typography-tile:is(:hover,:focus-within) .explore-tile-label{z-index:5;color:#1f211e}.typography-tile{position:relative;container-type:inline-size}.typography-remix{z-index:6;left:50%;top:calc(var(--thumbnail-mat) + 100cqw * .75 * .885);color:#fff;opacity:0;pointer-events:none;background:#111;border:2px solid #ffffffd9;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .45s cubic-bezier(.3,1.6,.4,1);display:inline-flex;position:absolute;transform:translate(-50%,-50%)scale(.9);box-shadow:0 8px 20px #00000047}.typography-tile:is(:hover,:focus-within) .typography-remix{opacity:1;pointer-events:auto;transition-delay:.12s;transform:translate(-50%,-50%)}.typography-remix:hover{background:#000;transform:translate(-50%,-50%)scale(1.06)!important}@media (hover:none){.typography-remix{display:none}}.typography-tile>.explore-tile-label{left:var(--thumbnail-mat);right:var(--thumbnail-mat);pointer-events:none}.typography-label-fonts a{color:inherit;pointer-events:auto;text-decoration:none}.typography-label-fonts a:hover{text-underline-offset:3px;text-decoration:underline}.typography-tile:is(:hover,:focus-within) .typography-fan-card{pointer-events:auto;cursor:pointer}