:root{--bg-cream: #FAF8F3;--ink-black: #1A1818;--border-width: 3px;--radius-pill: 24px;--font-display: "Bodoni Moda", serif;--font-sans: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-cream);color:var(--ink-black);font-family:var(--font-sans);height:100vh;display:flex;justify-content:center;align-items:center;padding:4vh;overflow:hidden}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.museum-frame{width:100%;height:100%;max-width:1280px;border:var(--border-width) solid var(--ink-black);border-radius:20px;background-color:var(--bg-cream);position:relative;display:flex;flex-direction:column;padding:4rem 5rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ink-black) transparent}.museum-frame::-webkit-scrollbar{width:4px}.museum-frame::-webkit-scrollbar-thumb{background-color:var(--ink-black)}.nav-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-shrink:0}.brand-sub{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:400;max-width:200px;line-height:1.4;text-decoration:none;color:inherit}.nav-tagline{font-family:var(--font-sans);font-size:.85rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:4rem;flex-shrink:0}.hero-title{font-family:var(--font-display);font-size:clamp(6rem,15vw,12rem);font-weight:700;line-height:.8;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink-black);animation:fadeInScale 1.2s cubic-bezier(.16,1,.3,1) forwards}.hero-subtitle{font-family:var(--font-sans);font-size:1rem;font-weight:300;letter-spacing:.08em;text-transform:uppercase;margin-top:1.5rem;opacity:0;animation:fadeInScale 1.2s cubic-bezier(.16,1,.3,1) .3s forwards}.kern-a{letter-spacing:-.17em}.kern-w{letter-spacing:-.27em}.kern-a2{letter-spacing:-.04em}.masonry-gallery{columns:3;column-gap:2rem;width:100%;margin-bottom:6rem}.gallery-card{break-inside:avoid;margin-bottom:2rem;position:relative;border-radius:var(--radius-pill);overflow:hidden;background-color:#eee;cursor:pointer!important;opacity:0;animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards;text-decoration:none;display:block}.gallery-card:nth-child(1){height:500px;animation-delay:.1s}.gallery-card:nth-child(2){height:350px;animation-delay:.2s}.gallery-card:nth-child(3){height:450px;animation-delay:.3s}.gallery-card:nth-child(4){height:380px;animation-delay:.4s}.gallery-card:nth-child(5){height:520px;animation-delay:.5s}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.19,1,.22,1)}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 20%,rgba(26,24,24,.9));display:flex;flex-direction:column;justify-content:flex-end;padding:2.5rem;opacity:0;transition:opacity .6s ease;cursor:pointer}.gallery-card:hover .gallery-overlay{opacity:1}.gallery-card:hover .gallery-image{transform:scale(1.08)}.project-heading{font-family:var(--font-display);font-size:2rem;font-weight:400;font-style:italic;color:#fff;margin-bottom:.75rem;transform:translateY(15px);transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-desc{font-family:var(--font-sans);font-size:.85rem;color:#fffc;line-height:1.6;letter-spacing:.02em;transform:translateY(15px);transition:transform .6s cubic-bezier(.16,1,.3,1) .1s}.gallery-card:hover .project-heading,.gallery-card:hover .project-desc,.gallery-card:hover .telegram-handle{transform:translateY(0)}.telegram-handle{display:flex;align-items:center;gap:6px;margin-top:.75rem;color:#fff9;font-family:var(--font-sans);font-size:.8rem;transform:translateY(15px);transition:transform .6s cubic-bezier(.16,1,.3,1) .2s}.telegram-icon{width:16px;height:16px;flex-shrink:0}.seo-content{max-width:640px;margin:0 auto 4rem;text-align:center}.seo-heading{font-family:var(--font-display);font-size:1.6rem;font-weight:400;font-style:italic;margin-bottom:1rem;line-height:1.3}.seo-text{font-family:var(--font-sans);font-size:.9rem;font-weight:300;line-height:1.8;letter-spacing:.01em;color:#1a1818b3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.character-page{display:flex;flex-direction:column;gap:2rem}.breadcrumb{font-family:var(--font-sans);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-black);opacity:.6}.breadcrumb a{color:inherit;text-decoration:none;transition:opacity .3s ease}.breadcrumb a:hover{opacity:.7}.breadcrumb-sep{margin:0 .5em}.character-hero{width:100%;max-height:500px;border-radius:var(--radius-pill);overflow:hidden}.character-hero-image{width:100%;height:100%;object-fit:cover;max-height:500px}.character-content{max-width:640px;margin:0 auto;text-align:center}.character-name{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:400;font-style:italic;margin-bottom:.75rem;line-height:1.2}.character-tagline{font-family:var(--font-sans);font-size:1rem;font-weight:300;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2rem;opacity:.7}.character-description{font-family:var(--font-sans);font-size:.95rem;font-weight:300;line-height:1.8;letter-spacing:.01em;color:#1a1818bf;margin-bottom:1.5rem}.character-cta{display:inline-block;font-family:var(--font-sans);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--bg-cream);background-color:var(--ink-black);padding:1rem 2.5rem;border-radius:var(--radius-pill);text-decoration:none;transition:opacity .3s ease;margin-top:1rem}.character-cta:hover{opacity:.85}.meet-others{margin-top:2rem}.meet-others-heading{font-family:var(--font-display);font-size:1.4rem;font-weight:400;font-style:italic;text-align:center;margin-bottom:1.5rem}.others-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.other-card{text-decoration:none;color:var(--ink-black);border-radius:var(--radius-pill);overflow:hidden;transition:transform .3s ease}.other-card:hover{transform:translateY(-4px)}.other-card-image{width:100%;height:200px;object-fit:cover}.other-card-info{padding:1rem;text-align:center}.other-card-name{display:block;font-family:var(--font-display);font-size:1.1rem;font-style:italic;margin-bottom:.25rem}.other-card-tagline{display:block;font-family:var(--font-sans);font-size:.75rem;opacity:.6;line-height:1.4}.frame-footer{margin-top:auto;padding-top:4rem;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.logo-group{display:flex;align-items:center;gap:1.5rem}.logo-text{font-weight:700;font-size:1.2rem;letter-spacing:-.02em;text-decoration:none;color:inherit}.divider-v{height:20px;width:1px;background-color:var(--ink-black)}.footer-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.masonry-gallery{columns:2}.museum-frame{padding:2rem}.others-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.masonry-gallery{columns:1}.museum-frame{padding:1.5rem}.hero-title{font-size:3.5rem}.nav-header{flex-direction:column;align-items:center;text-align:center;gap:.5rem}.frame-footer{flex-direction:column;align-items:center;text-align:center;gap:1rem}.logo-group{justify-content:center}.others-grid{grid-template-columns:repeat(2,1fr)}.other-card-image{height:150px}}