.dir-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.75rem 1.75rem;margin-top:1.75rem}@media(max-width:1099px){.dir-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dcard-slot[hidden]{display:none}.dcard{position:relative;display:flex;height:100%;flex-direction:column}.dcard-media{position:relative;aspect-ratio:3 / 2;overflow:hidden;border-radius:1rem;background:var(--fto-paper)}.dcard-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .7s var(--ease-out-soft, ease-out)}.dcard:hover .dcard-img{transform:scale(1.04)}.dcard-leaf{position:absolute;top:.75rem;left:.75rem;z-index:1;display:flex;min-width:3.25rem;flex-direction:column;align-items:center;overflow:hidden;border-radius:.75rem;background:#fff;box-shadow:0 6px 18px -8px #10101059;line-height:1}.dcard-leaf-month{width:100%;background:var(--fto-mint);padding:.3125rem .5rem .25rem;text-align:center;font-size:.625rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--fto-ink)}.dcard-leaf-day{padding:.3125rem .5rem .4375rem;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--fto-ink)}.dcard--event .dcard-label>span:first-child{border-color:transparent;background:color-mix(in srgb,var(--fto-mint) 55%,white);color:var(--fto-ink)}.dcard-when{display:inline-flex;align-items:center;gap:.375rem}.dcard-when svg{flex-shrink:0;color:var(--fto-purple)}.dcard-body{display:flex;flex:1;flex-direction:column;padding-top:.875rem}.dcard-label{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;font-size:.75rem}.dcard-label>span:first-child{border-radius:9999px;border:1px solid var(--fto-faint);padding:.1875rem .625rem;font-weight:500;color:color-mix(in srgb,var(--fto-ink) 82%,var(--fto-purple))}.dcard-near{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;color:var(--fto-purple)}.dcard-near[hidden]{display:none}.dcard-near:before{content:"";width:.65em;height:.8em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M6 0a5 5 0 0 0-5 5c0 3.6 5 9 5 9s5-5.4 5-9a5 5 0 0 0-5-5Zm0 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M6 0a5 5 0 0 0-5 5c0 3.6 5 9 5 9s5-5.4 5-9a5 5 0 0 0-5-5Zm0 7a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z'/%3E%3C/svg%3E") center / contain no-repeat}.dcard-title{margin-top:.5rem;font-size:1.125rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--fto-ink)}.dcard-link{outline:none}.dcard-link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:1rem}.dcard-link:focus-visible:after{outline:2px solid var(--fto-purple);outline-offset:6px}.dcard:hover .dcard-title{color:var(--fto-purple)}.dcard-meta{display:flex;flex-wrap:wrap;margin-top:.25rem;margin-left:-1rem;clip-path:inset(0 0 0 1rem);font-size:.875rem;color:var(--fto-muted)}.dcard-meta>span:before{content:"·";content:"·" / "";display:inline-block;width:1rem;text-align:center}.dcard-essence{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:.5rem;font-size:.90625rem;line-height:1.5;color:color-mix(in srgb,var(--fto-ink) 78%,white)}.dcard-facts{display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin-top:auto;padding-top:.75rem;font-size:.8125rem;color:var(--fto-ink)}.dcard-facts>span:first-child{font-weight:600}.dcard-facts>span+span:before{content:"·";margin-right:.75rem;color:var(--fto-muted)}.dcard-dates{position:relative;z-index:2;margin-top:.5rem;font-size:.8125rem}.dcard-dates summary{cursor:pointer;list-style:none;font-weight:500;color:var(--fto-purple);text-decoration:underline;text-underline-offset:4px}.dcard-dates summary::-webkit-details-marker{display:none}.dcard-dates ul{margin-top:.5rem;max-height:11rem;overflow-y:auto;border-radius:.75rem;background:var(--fto-paper);padding:.375rem}.dcard-dates a{display:block;border-radius:.5rem;padding:.3125rem .5rem}.dcard-dates a:hover{background:#fff}.dir-grid.is-list{grid-template-columns:minmax(0,1fr);gap:1rem}.dir-grid.is-list .dcard{flex-direction:row;gap:1.5rem;border-radius:1.25rem;padding:.75rem;transition:background-color .15s}.dir-grid.is-list .dcard:hover{background:var(--fto-paper)}.dir-grid.is-list .dcard-media{width:17rem;flex-shrink:0}.dir-grid.is-list .dcard-body{padding-top:.25rem}.dir-grid.is-list .dcard-essence{-webkit-line-clamp:3;max-width:46rem}@media(max-width:639px){.dir-grid,.dir-grid.is-list{grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-top:1.25rem}.dir-grid .dcard,.dir-grid.is-list .dcard{flex-direction:row;gap:.875rem;padding:0}.dir-grid .dcard-media,.dir-grid.is-list .dcard-media{width:6.75rem;aspect-ratio:1;flex-shrink:0;border-radius:.875rem}.dir-grid .dcard-leaf{top:.375rem;left:.375rem;min-width:2.375rem;border-radius:.5rem}.dir-grid .dcard-leaf-month{padding:.1875rem .3125rem .125rem;font-size:.5rem}.dir-grid .dcard-leaf-day{padding:.1875rem .3125rem .25rem;font-size:1rem}.dcard-body{padding-top:0}.dcard-title{margin-top:.375rem;font-size:1rem}.dcard-essence{margin-top:.25rem;font-size:.84375rem}.dcard-facts{padding-top:.375rem}}
