@import "https://fonts.cdnfonts.com/css/thegoodmonolith";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}img,video{max-width:100%;display:block}button{cursor:pointer;font:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}input,textarea{font:inherit;background:0 0;border:none;outline:none}:root{--color-bg:#0a0a0a;--color-bg-secondary:#111;--color-bg-overlay:#000000b3;--color-text:#f0f0f0;--color-text-muted:#f0f0f080;--color-accent:#c8a96e;--color-accent-hover:#d4b87a;--color-border:#ffffff14;--color-error:#e05252;--font-display:"TheGoodMonolith", monospace;--font-body:"Inter", sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:3rem;--font-size-hero:clamp(2.5rem, 6vw, 5rem);--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:5rem;--space-section:clamp(4rem, 8vw, 8rem);--thumb-width:120px;--line-base-height:15px;--line-max-height:50px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--z-base:1;--z-nav:100;--z-overlay:200;--z-lightbox:300;--z-toast:400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base) forwards}.fade-up{animation:fadeUp var(--transition-slow) forwards}.navbar{z-index:var(--z-nav);padding:var(--space-sm) var(--space-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#0a0a0ae6,#0000);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar__logo{font-family:var(--font-display);font-size:var(--font-size-lg);letter-spacing:.2em;color:var(--color-text);cursor:pointer}.navbar__links{gap:var(--space-lg);display:flex}.navbar__links a{font-size:var(--font-size-sm);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);transition:color var(--transition-fast);cursor:pointer}.navbar__links a:hover{color:var(--color-text)}.navbar__burger{flex-direction:column;gap:5px;padding:4px;display:none}.navbar__burger span{background:var(--color-text);width:22px;height:1px;transition:transform var(--transition-base), opacity var(--transition-base);display:block}.navbar__burger.open span:first-child{transform:translateY(6px)rotate(45deg)}.navbar__burger.open span:last-child{transform:translateY(-6px)rotate(-45deg)}@media (width<=768px){.navbar__burger{display:flex}.navbar__links{background:var(--color-bg);justify-content:center;align-items:center;gap:var(--space-xl);z-index:var(--z-nav);flex-direction:column;display:none;position:fixed;inset:0}.navbar__links.open{display:flex}.navbar__links a{font-size:var(--font-size-xl)}}.footer{padding:var(--space-lg);border-top:1px solid var(--color-border);margin-top:var(--space-2xl)}.footer__inner{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.footer__name{font-family:var(--font-display);font-size:var(--font-size-sm);letter-spacing:.15em;color:var(--color-text-muted)}.footer__links{gap:var(--space-md);display:flex}.footer__links a{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:color var(--transition-fast)}.footer__links a:hover{color:var(--color-text)}.footer__copy{font-size:var(--font-size-sm);color:var(--color-text-muted)}.hero{background:var(--color-bg);width:100%;height:100vh;position:relative;overflow:hidden}.slides{grid-template-rows:100%;grid-template-columns:100%;place-items:center;display:grid;position:absolute;inset:0}.slide{opacity:0;pointer-events:none;will-change:transform, opacity;grid-area:1/1/-1/-1;width:100%;height:100%;position:relative;overflow:hidden}.slide--current{opacity:1;pointer-events:auto}.slide__img{will-change:transform, filter;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.slide__overlay{background:linear-gradient(#0000001a 0%,#0003 50%,#000000d9 100%);position:absolute;inset:0}.hero__ui{width:min(720px,100%);padding-bottom:var(--space-lg);z-index:var(--z-nav);flex-direction:column;align-items:center;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero__category-label{font-family:var(--font-display);font-size:var(--font-size-sm);letter-spacing:.3em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.hero__counter{width:100%;margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.hero__nav{font-size:var(--font-size-sm);color:var(--color-text-muted);letter-spacing:.1em;transition:color var(--transition-fast);padding:var(--space-xs)}.hero__nav:hover{color:var(--color-text)}.hero__count{align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.hero__divider{opacity:.4}.hero__title-container{text-align:center;width:100%;height:40px;margin-bottom:var(--space-sm);position:relative;overflow:hidden}.hero__title{width:100%;font-family:var(--font-display);font-size:var(--font-size-xl);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text);transition:transform var(--transition-slow) ease, opacity var(--transition-slow) ease;position:absolute;left:0}.slide-title.exit-up{opacity:0;transform:translateY(-40px)}.slide-title.enter-up{opacity:0;transform:translateY(40px)}.thumbs-container{width:100%;overflow:hidden}.slide-thumbs{gap:0;display:flex}.slide-thumb{cursor:pointer;opacity:.4;height:70px;transition:opacity var(--transition-base);background-position:50%;background-size:cover;flex:1}.slide-thumb:hover{opacity:.7}.slide-thumb.active{opacity:1}.hero__enter{z-index:var(--z-nav);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__enter-btn{font-family:var(--font-display);font-size:var(--font-size-sm);letter-spacing:.3em;text-transform:uppercase;color:var(--color-text);border:1px solid var(--color-border);padding:var(--space-sm) var(--space-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-base);opacity:0;pointer-events:none;background:#0000004d}.hero__enter-btn.visible{opacity:1;pointer-events:auto}.hero__enter-btn:hover{background:#ffffff0d;border-color:#fff3}@media (width<=768px){.hero__ui{width:100%;padding:0 var(--space-sm) var(--space-sm)}.slide-thumb{height:50px}}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);overflow-x:hidden}#app{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:1.1}::selection{background:var(--color-accent);color:var(--color-bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border)}