@import"https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;700;800&display=swap";:root{--accent: #c5a059;--accent-dark: #b18e4a;--accent-red: #d14d3a;--glass: rgba(255, 255, 255, .85);--glass-border: rgba(197, 160, 89, .2);--tag-works: #2c7c5e;--tag-sample: #c5a059;--tag-demo: #2c5e7c;--text-deep: #1a1a1a}.premium-heading{font-family:Shippori Mincho,serif!important;font-weight:800!important;letter-spacing:.05em}.bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:#fdfcf9;overflow:hidden}.bg-decoration:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter id='noiseFilter'%3E%3FfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3F/filter%3E%3Frect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3F/svg%3E");opacity:.05;pointer-events:none}.sakura-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.petal-subtle{position:absolute;background:#ffb7c5;border-radius:150% 0;opacity:.4;animation:fall-subtle linear infinite}@keyframes fall-subtle{0%{transform:translateY(-10vh) rotate(0);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(110vh) rotate(360deg);opacity:0}}.works-page{padding-bottom:100px;font-family:Shippori Mincho,serif!important}.works-hero{padding:80px 0 60px;text-align:center}.works-anniversary-banner{margin-bottom:40px}.works-anniversary-banner a{display:block;background:#fff;border:1px solid var(--accent-red);border-radius:20px;padding:20px 30px;text-decoration:none;transition:.4s;box-shadow:0 10px 30px #d14d3a1a}.works-anniversary-banner a:hover{transform:translateY(-3px)}.ann-label{display:inline-block;background:var(--accent-red);color:#fff;font-size:.75rem;font-weight:800;padding:4px 12px;border-radius:4px;margin-bottom:8px}.ann-content{display:flex;align-items:center;justify-content:center;gap:20px;color:#2c2c2c}.ann-content strong{font-size:1.2rem;color:var(--accent-red)}.eyebrow{font-size:.85rem;font-weight:800;color:var(--accent);letter-spacing:.3em;text-transform:uppercase;margin-bottom:16px;display:block}.lead{font-size:1.1rem;color:#555;line-height:1.8;max-width:800px;margin:0 auto}.filter-nav{display:flex;justify-content:center;gap:12px;margin-bottom:60px;flex-wrap:wrap}.filter-btn{padding:12px 28px;border-radius:999px;background:#fff;border:1px solid var(--glass-border);color:#666;font-weight:800;cursor:pointer;transition:.3s}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.work-card{background:#fff;border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:.4s;box-shadow:0 10px 20px #00000005}.work-card:hover{transform:translateY(-10px);border-color:var(--accent)}.card-visual-wrap{padding:12px}.card-visual{height:160px;border-radius:16px;overflow:hidden;position:relative;background:#f5f5f5}.category-tag{position:absolute;top:12px;left:12px;font-size:.65rem;font-weight:800;padding:4px 10px;border-radius:999px;z-index:2}.category-tag.real{background:var(--accent-red);color:#fff}.category-tag.demo{background:var(--tag-demo);color:#fff}.category-tag.sample{background:var(--accent);color:#fff}.card-body{padding:24px;flex:1;display:flex;flex-direction:column}.expert-label{font-size:.75rem;font-weight:800;color:var(--accent);letter-spacing:.1em;margin-bottom:8px}.card-body h3{font-size:1.25rem;font-weight:800;margin-bottom:12px;line-height:1.4}.card-text{font-size:.9rem;color:#666;line-height:1.7;margin-bottom:20px;flex:1}.card-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}.tech-tag{font-size:.7rem;font-weight:800;color:#888;background:#f5f5f5;padding:4px 8px;border-radius:4px}.card-link,.premium-link{margin-left:auto;font-size:.85rem;font-weight:800;color:var(--accent);text-decoration:none}.packages-cta{margin-top:100px}.glass-panel{background:#3a2e26;color:#fff;border-radius:32px;padding:60px 20px;text-align:center;border:1px solid var(--accent)}.cta-label{font-size:.8rem;font-weight:800;color:var(--accent);letter-spacing:.3em;margin-bottom:16px}.glass-panel h2{font-size:1.8rem;margin-bottom:20px;font-weight:800}.glass-panel p{font-size:1rem;opacity:.8;margin-bottom:32px}.btn-secondary-outline{display:inline-block;border:2px solid var(--accent);color:var(--accent);padding:12px 36px;border-radius:50px;text-decoration:none;font-weight:800;transition:.3s}.btn-secondary-outline:hover{background:var(--accent);color:#fff}.reveal{opacity:0;transform:translateY(20px);transition:.6s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.works-grid{grid-template-columns:1fr}}