.archive{background-color:var(--base-500);min-height:100vh}.archive-hero{width:100%;min-height:100svh;padding-top:12rem;position:relative}.archive-hero-content{max-width:800px}.archive-hero-content h1{color:var(--base-100);margin-bottom:1.5rem;overflow:hidden}.archive-hero-content p{color:var(--base-350);max-width:600px;line-height:1.6}.archive-grid-section{width:100%;padding-bottom:4rem;position:relative}.archive-bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:18vw;gap:.5rem;display:grid}.archive-card{background-color:var(--base-450);will-change:transform,opacity;border-radius:.75rem;position:relative;overflow:hidden}.archive-card .archive-card-media{opacity:.75;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.archive-card .archive-card-media img,.archive-card .archive-card-media video{object-fit:cover;width:100%;height:100%}.archive-card:hover .archive-card-media{opacity:1}.archive-card-meta{z-index:1;background:linear-gradient(#0000 0%,#0009 100%);justify-content:space-between;align-items:flex-end;padding:1rem 1.25rem;display:flex;position:absolute;bottom:0;left:0;right:0}.archive-card-title{color:var(--base-100);letter-spacing:-.01em;font-size:.85rem;font-weight:500}.archive-card-date{color:var(--base-350);white-space:nowrap;font-size:.75rem}.archive-card--trail{z-index:10;border-radius:.75rem;width:250px!important;height:250px!important;position:fixed!important}.archive-card--trail .archive-card-meta{opacity:0}.archive-card--normal{grid-area:span 1/span 1}.archive-card--wide{grid-area:span 1/span 2}.archive-card--tall{grid-area:span 2/span 1}.archive-card--large{grid-area:span 2/span 2}@media (max-width:1200px){.archive-bento{grid-template-columns:repeat(3,1fr);grid-auto-rows:22vw}.archive-card--large{grid-area:span 2/span 2}}@media (max-width:1000px){.archive-hero{padding-top:10rem}}@media (max-width:800px){.archive-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:28vw;gap:.4rem}.archive-card--large{grid-area:span 2/span 2}.archive-card--wide{grid-column:span 2}.archive-card-meta{padding:.75rem 1rem}.archive-card-title{font-size:.8rem}.archive-card-date{font-size:.7rem}}@media (max-width:480px){.archive-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:32vw}.archive-card--tall{grid-row:span 2}}