.comic-grid-section{padding-block-end:var(--space-16);padding-block-start:var(--space-8);padding-inline:0}.comic-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(12,1fr);grid-template-rows:minmax(280px,auto) minmax(200px,auto) minmax(180px,auto) minmax(160px,auto)}.comic-panel{animation:fadeInUp var(--transition-slower) ease-out;animation-fill-mode:both;background:var(--color-gray-100);overflow:hidden;position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base)}.comic-panel:before{background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.2) 40%,transparent 60%);content:"";top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity var(--transition-base);z-index:1}.comic-panel:hover{box-shadow:0 25px 50px #0003;transform:scale(1.02);z-index:10}.comic-panel:hover:before{opacity:1}.comic-panel img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.comic-panel:hover img{transform:scale(1.08)}.panel-year{color:var(--color-white);font-size:var(--font-size-2xl);font-weight:var(--weight-bold);inset-block-end:var(--space-4);inset-inline-start:var(--space-4);opacity:0;position:absolute;transform:translateY(10px);transition:opacity var(--transition-base),transform var(--transition-base);z-index:2}.comic-panel:hover .panel-year{opacity:1;transform:translateY(0)}.panel-1st{grid-column:1 / 6;grid-row:1 / 3}.panel-2nd{grid-column:6 / 9;grid-row:1 / 2}.panel-3rd{grid-column:9 / 13;grid-row:1 / 2}.panel-4th{grid-column:6 / 8;grid-row:2 / 3}.panel-5th{grid-column:8 / 11;grid-row:2 / 4}.panel-6th{grid-column:11 / 13;grid-row:2 / 3}.panel-7th{grid-column:1 / 4;grid-row:3 / 5}.panel-8th{grid-column:4 / 6;grid-row:3 / 4}.panel-9th{grid-column:6 / 8;grid-row:3 / 4}.panel-10th{grid-column:11 / 13;grid-row:3 / 5}.panel-11th{grid-column:4 / 6;grid-row:4 / 5}.panel-12th{grid-column:6 / 8;grid-row:4 / 5}.panel-13th{grid-column:8 / 9;grid-row:4 / 5}.panel-14th{grid-column:9 / 11;grid-row:4 / 5}.panel-15th{display:none}.panel-1st .panel-year,.panel-5th .panel-year,.panel-7th .panel-year,.panel-10th .panel-year{font-size:var(--font-size-3xl)}.panel-1st{animation-delay:.1s}.panel-2nd{animation-delay:.18s}.panel-3rd{animation-delay:.22s}.panel-4th{animation-delay:.28s}.panel-5th{animation-delay:.2s}.panel-6th{animation-delay:.34s}.panel-7th{animation-delay:.26s}.panel-8th{animation-delay:.38s}.panel-9th{animation-delay:.42s}.panel-10th{animation-delay:.3s}.panel-11th{animation-delay:.46s}.panel-12th{animation-delay:.5s}.panel-13th{animation-delay:.54s}.panel-14th{animation-delay:.58s}.archive-years{animation:fadeInUp var(--transition-slower) ease-out;animation-delay:.6s;animation-fill-mode:both;border-block-start:1px solid var(--color-gray-100);margin-block-start:var(--space-10);padding-block-start:var(--space-8)}.archive-label{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);letter-spacing:.1em;margin-block-end:var(--space-4);text-transform:uppercase}.archive-links{display:flex;flex-wrap:wrap;gap:var(--space-2)}.archive-link{border:1px solid var(--color-gray-100);border-radius:2px;color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:var(--weight-medium);padding-block:var(--space-2);padding-inline:var(--space-3);transition:all var(--transition-fast)}.archive-link:hover{background:var(--color-accent);border-color:var(--color-black);color:var(--color-black)}@media (max-width: 1024px){.comic-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:minmax(220px,auto) minmax(180px,auto) minmax(160px,auto) minmax(140px,auto) minmax(120px,auto)}.panel-1st{grid-column:1 / 4;grid-row:1 / 3}.panel-2nd{grid-column:4 / 7;grid-row:1 / 2}.panel-3rd{grid-column:4 / 7;grid-row:2 / 3}.panel-4th{grid-column:1 / 3;grid-row:3 / 4}.panel-5th{grid-column:3 / 5;grid-row:3 / 5}.panel-6th{grid-column:5 / 7;grid-row:3 / 4}.panel-7th{grid-column:1 / 3;grid-row:4 / 6}.panel-8th{grid-column:5 / 7;grid-row:4 / 5}.panel-9th{grid-column:3 / 4;grid-row:5 / 6}.panel-10th{grid-column:4 / 7;grid-row:5 / 6}.panel-11th{grid-column:1 / 2;grid-row:6 / 7}.panel-12th{grid-column:2 / 3;grid-row:6 / 7}.panel-13th{grid-column:3 / 4;grid-row:6 / 7}.panel-14th{grid-column:4 / 6;grid-row:6 / 7}}@media (max-width: 768px){.comic-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);grid-template-rows:auto}.panel-1st{grid-column:1 / 3;grid-row:1 / 3}.panel-2nd{grid-column:3 / 5;grid-row:1 / 2}.panel-3rd{grid-column:3 / 5;grid-row:2 / 3}.panel-4th{grid-column:1 / 2;grid-row:3 / 4}.panel-5th{grid-column:2 / 4;grid-row:3 / 5}.panel-6th{grid-column:4 / 5;grid-row:3 / 4}.panel-7th{grid-column:1 / 2;grid-row:4 / 6}.panel-8th{grid-column:4 / 5;grid-row:4 / 5}.panel-9th{grid-column:2 / 3;grid-row:5 / 6}.panel-10th{grid-column:3 / 5;grid-row:5 / 6}.panel-11th{grid-column:1 / 2;grid-row:6 / 7}.panel-12th{grid-column:2 / 3;grid-row:6 / 7}.panel-13th{grid-column:3 / 4;grid-row:6 / 7}.panel-14th{grid-column:4 / 5;grid-row:6 / 7}.panel-year{font-size:var(--font-size-lg)!important;inset-block-end:var(--space-2);inset-inline-start:var(--space-2)}}@media (max-width: 480px){.comic-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.panel-1st{grid-column:1 / 3;grid-row:1 / 2;aspect-ratio:16/9}.panel-2nd{grid-column:1 / 2;grid-row:2 / 3;aspect-ratio:2/3}.panel-3rd{grid-column:2 / 3;grid-row:2 / 4;aspect-ratio:auto}.panel-4th{grid-column:1 / 2;grid-row:3 / 4;aspect-ratio:2/3}.panel-5th{grid-column:1 / 3;grid-row:4 / 5;aspect-ratio:16/9}.panel-6th{grid-column:1 / 2;grid-row:5 / 6;aspect-ratio:2/3}.panel-7th{grid-column:2 / 3;grid-row:5 / 6;aspect-ratio:2/3}.panel-8th{grid-column:1 / 2;grid-row:6 / 7;aspect-ratio:2/3}.panel-9th{grid-column:2 / 3;grid-row:6 / 7;aspect-ratio:2/3}.panel-10th{grid-column:1 / 3;grid-row:7 / 8;aspect-ratio:16/9}.panel-11th{grid-column:1 / 2;grid-row:8 / 9;aspect-ratio:2/3}.panel-12th{grid-column:2 / 3;grid-row:8 / 9;aspect-ratio:2/3}.panel-13th{grid-column:1 / 2;grid-row:9 / 10;aspect-ratio:2/3}.panel-14th{grid-column:2 / 3;grid-row:9 / 10;aspect-ratio:2/3}}