*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Montserrat,system-ui,sans-serif;background:#0a0a0a;color:#e5e5e5;min-height:100vh;-webkit-font-smoothing:antialiased}.container{max-width:960px;margin:0 auto;padding:3rem 1.5rem}.header{margin-bottom:3rem}.header h1{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.25rem}.header .subtitle{font-size:.9rem;color:#888;font-weight:400}.badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;border-radius:999px;background:#00bcd426;color:#00bcd4;margin-bottom:1rem}.intro{margin-top:1.5rem;max-width:46rem}.intro p{font-size:.9rem;color:#aaa;line-height:1.7;margin-bottom:.9rem}.intro p:last-child{margin-bottom:0}.toc{margin-bottom:3rem;padding:1.25rem 1.5rem;background:#111;border:1px solid #222;border-radius:8px}.toc h2{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#666;margin-bottom:.75rem}.toc ol{list-style:none;counter-reset:toc;columns:2;column-gap:2.5rem}.toc li{counter-increment:toc;margin-bottom:.4rem;break-inside:avoid}.toc a{color:#bbb;text-decoration:none;font-size:.85rem;line-height:1.5}.toc a:hover{color:#00bcd4}.toc a:before{content:counter(toc,decimal-leading-zero) "  ";color:#555;font-size:.75rem;white-space:pre}.video-section{margin-bottom:3rem;scroll-margin-top:1.5rem}.video-section h2{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.video-section h2 .tag{margin-left:.6rem;padding:.15rem .5rem;border:1px solid #333;border-radius:999px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999;vertical-align:middle;white-space:nowrap}.video-section p{font-size:.85rem;color:#888;margin-bottom:1rem;line-height:1.5}.footnote{font-size:.8rem;color:#777;line-height:1.5}.archive-section{margin-top:4rem;padding-top:2rem;border-top:1px solid #222;max-width:70%}.archive-section>h2{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#666;margin-bottom:.5rem}.archive-note{font-size:.85rem;color:#777;line-height:1.5;margin-bottom:2rem}.archive-section .video-section h2{font-size:.95rem;color:#bbb}.video-wrapper{border-radius:8px;overflow:hidden;background:#111;border:1px solid #222}video{display:block;width:100%;height:auto;max-height:72vh;background:#111}.images-section{margin-top:1rem;margin-bottom:3rem}.images-section h2{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.image-card{display:block;text-decoration:none;color:inherit;background:#111;border:1px solid #222;border-radius:8px;overflow:hidden;transition:border-color .15s ease,transform .15s ease}.image-card:hover{border-color:#333;transform:translateY(-2px)}.image-thumb{aspect-ratio:4 / 3;background:#0a0a0a;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-thumb img{width:100%;height:100%;object-fit:cover;display:block}.image-meta{padding:.65rem .75rem .75rem}.image-title{font-size:.85rem;font-weight:500;color:#ddd;margin-bottom:.2rem}.image-desc{font-size:.75rem;color:#777;line-height:1.4}.footer{margin-top:2rem;padding-top:2rem;border-top:1px solid #1a1a1a;font-size:.75rem;color:#555;line-height:1.7}.footer strong{color:#777}.legal{margin-top:1.5rem;padding:1.25rem;border:1px solid #1a1a1a;border-radius:6px;background:#ffffff05}.legal h3{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#666;margin-bottom:.75rem}.legal p{font-size:.7rem;color:#444;line-height:1.7;margin-bottom:.5rem}.legal p:last-child{margin-bottom:0}.not-found{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center}.not-found h1{font-size:1.25rem;color:#555;font-weight:500}@media(max-width:640px){.container{padding:2rem 1rem}.header{margin-bottom:2rem}.header h1{font-size:1.35rem}.video-section{margin-bottom:2rem}.toc ol{columns:1}.archive-section{max-width:100%}.video-section h2{font-size:1rem}.video-wrapper{border-radius:6px}.legal{padding:1rem}}