.archives{background:oklch(100% 0 0);min-height:100dvh}.archives__wrapper{grid-template-columns:1fr;gap:20px;padding:20px;display:grid}@media (width>=769px){.archives__wrapper{grid-template-columns:repeat(12,1fr)}}.archives__header{z-index:10;color:#fff;mix-blend-mode:difference;flex-direction:column;justify-content:center;height:200px;padding-top:60px;display:flex;position:sticky;top:20px}@media (width>=769px){.archives__header{grid-column:3/11;height:150px;padding-top:0;display:block}}.archives__title,.archives__year{-webkit-user-select:none;user-select:none;transition:opacity .3s}.archives__grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width>=769px){.archives__grid{grid-column:1/-1;grid-template-columns:repeat(6,1fr);margin-top:20px}}.archives__item{cursor:pointer;display:block}.archives__item:hover .archives__item-title,.archives__item:hover .archives__item-year{opacity:1}.archives__item-media{aspect-ratio:1;justify-content:center;align-items:center;width:100%;margin-bottom:12px;padding:30%;display:flex;position:relative;overflow:hidden}.archives__item-media img,.archives__item-media video{object-fit:contain;max-width:100%;max-height:100%;display:block}.archives__item-title,.archives__item-year{font-family:var(--type-meta-family,inherit);font-size:var(--type-meta-size,inherit);line-height:var(--type-meta-leading,inherit);letter-spacing:var(--type-meta-tracking,inherit);font-weight:var(--type-meta-weight,inherit);text-transform:var(--type-meta-case,none);text-wrap:var(--type-meta-wrap,wrap);--modulato-type:meta;opacity:.5}.archives__item-title{margin-bottom:.1em}.archives__detail{z-index:5;pointer-events:none;opacity:0;background:oklch(100% 0 0);justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}@media (width>=769px){.archives__detail{padding:80px}}.archives__detail--active{pointer-events:auto;opacity:1}.archives__detail-close{color:oklch(10% 0 0);cursor:pointer;z-index:20;background:0 0;border:none;width:40px;height:40px;line-height:1;position:fixed;top:20px;right:20px}.archives__detail-close svg{width:100%;height:100%}.archives__detail-media{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.archives__detail-media img,.archives__detail-media video{object-fit:contain;max-width:100%;max-height:100%;display:block}