@import"https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;700;800&display=swap";:root{--accent: #8c6b1f;--accent-dark: #725719;--accent-red: #c7352f;--accent-red-dark: #b62f29;--trust: #0f4c5c;--trust-mid: #1f6f78;--trust-line: rgba(15, 76, 92, .18);--glass: rgba(255, 253, 248, .9);--glass-border: rgba(15, 76, 92, .14);--base: #f8fbf9;--surface: #fffdf8;--surface-strong: #fffaf2;--surface-cool: #eef5f2;--card-shadow: 0 16px 38px rgba(15, 76, 92, .075), 0 4px 14px rgba(70, 52, 32, .045);--card-shadow-hover: 0 24px 52px rgba(15, 76, 92, .12), 0 8px 20px rgba(70, 52, 32, .07);--tag-works: #2c7c5e;--tag-sample: #8c6b1f;--tag-demo: #2c5e7c;--text-deep: #1a1a1a}.premium-heading{font-family:Shippori Mincho,serif!important;font-weight:800!important;letter-spacing:.05em}.title-nowrap{white-space:nowrap}.bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(180deg,#ffffff 0%,var(--base) 52%,#fffaf3 100%);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:linear-gradient(180deg,var(--surface) 0%,var(--surface-strong) 100%);border:1px solid var(--accent-red);border-radius:20px;padding:20px 30px;text-decoration:none;transition:.4s;box-shadow:0 10px 30px #c7352f1a}.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}.price-guide-note{max-width:760px;margin:22px auto 0;padding:14px 18px;border:1px solid var(--trust-line);border-radius:16px;background:#eef5f2b8;color:var(--trust);font-size:.92rem;font-weight:800;line-height:1.8;text-align:left}.works-use-guide{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,2.3fr);gap:28px;align-items:stretch;margin-bottom:34px;padding:26px;border:1px solid rgba(15,76,92,.14);border-radius:24px;background:linear-gradient(135deg,#ffffffeb,#eef5f2c7);box-shadow:0 14px 34px #0f4c5c0e}.works-use-guide h2{margin:0;color:var(--text-deep);font-size:1.55rem;line-height:1.35}.works-use-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.works-use-steps li{min-height:160px;padding:18px 17px;border:1px solid var(--trust-line);border-radius:18px;background:#ffffffc7}.works-use-steps span{display:inline-grid;min-width:36px;min-height:36px;margin-bottom:12px;place-items:center;border-radius:50%;background:var(--trust);color:#fff;font-size:.72rem;font-weight:900;line-height:1}.works-use-steps strong{display:block;margin-bottom:7px;color:var(--text-deep);font-size:.98rem;font-weight:900;line-height:1.45}.works-use-steps p{margin:0;color:#636363;font-size:.82rem;font-weight:700;line-height:1.7}.priority-works{margin-bottom:60px;padding:36px;background:linear-gradient(135deg,#eef5f2f0,#fffdf8d1);border:1px solid var(--glass-border);border-radius:28px;box-shadow:var(--card-shadow)}.priority-copy{max-width:720px;margin:0 auto 28px;text-align:center}.priority-copy h2{margin-bottom:14px;color:var(--text-deep);font-size:1.9rem}.priority-copy p{margin:0;color:#666;line-height:1.8}.priority-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.priority-card{display:flex;min-height:300px;flex-direction:column;justify-content:space-between;gap:12px;padding:26px 22px;background:linear-gradient(180deg,#fff 0%,var(--surface) 100%);border:1px solid var(--glass-border);border-radius:20px;color:#333;text-decoration:none;transition:.3s;box-shadow:0 10px 26px #0f4c5c0b}.priority-card:hover{transform:translateY(-4px);border-color:var(--trust-mid);box-shadow:var(--card-shadow-hover)}.priority-card.main{border:2px solid var(--trust-line);background:linear-gradient(135deg,#eef5f2f0,#c7352f0b),var(--surface)}.priority-visual{display:grid;gap:8px;margin-bottom:2px;padding:13px;border:1px solid var(--trust-line);border-radius:18px;background:linear-gradient(135deg,#eef5f2e6,#ffffffd1)}.priority-visual strong{display:grid;min-height:40px;place-items:center;border-radius:14px;background:var(--trust);color:#fff;font-size:1rem;font-weight:900;letter-spacing:.04em;line-height:1.2}.priority-card.main .priority-visual strong{background:var(--accent-red)}.priority-visual small{display:block;color:var(--trust);font-size:.72rem;font-weight:900;line-height:1.4;text-align:center}.priority-card span{align-self:flex-start;padding:4px 10px;background:#0f4c5c14;border-radius:999px;color:var(--trust);font-size:.72rem;font-weight:800}.priority-card h3{margin:0;color:var(--text-deep);font-size:1.18rem;line-height:1.45}.priority-card p{margin:0;color:#666;font-size:.9rem;line-height:1.7}.priority-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}.priority-tags li{padding:4px 9px;border-radius:999px;background:#8c6b1f14;color:var(--accent);font-size:.7rem;font-weight:900;line-height:1.35}.priority-price{margin-top:auto;padding:12px 14px;border:1px solid rgba(199,53,47,.18);border-radius:16px;background:linear-gradient(135deg,#c7352f12,#fffaf2e6)}.priority-card .priority-price span{display:block;margin:0 0 4px;padding:0;background:none;color:var(--accent-red);font-size:.7rem;font-weight:900;letter-spacing:.12em}.priority-price strong{display:block;color:var(--text-deep);font-size:.92rem;line-height:1.5}.priority-cta{margin-top:26px;text-align:center}.priority-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;border-radius:999px;background:var(--accent-red);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 12px 26px #c7352f2e;transition:.3s}.priority-cta a:hover{background:var(--accent-red-dark);transform:translateY(-2px)}.filter-nav{display:flex;justify-content:center;gap:12px;margin-bottom:60px;flex-wrap:wrap}.filter-btn{padding:12px 28px;border-radius:999px;background:var(--surface);border:1px solid var(--glass-border);color:#666;font-weight:800;cursor:pointer;transition:.3s}.filter-btn.active{background:var(--trust);color:#fff;border-color:var(--trust)}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.work-card{background:linear-gradient(180deg,#fff 0%,var(--surface) 100%);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:.4s;box-shadow:var(--card-shadow)}.work-card:hover{transform:translateY(-10px);border-color:var(--trust-mid);box-shadow:var(--card-shadow-hover)}.card-visual-wrap{padding:12px}.card-visual{height:160px;border-radius:16px;overflow:hidden;position:relative;background:#f5f5f5}.portfolio-process-visual{display:grid;align-content:center;justify-items:center;gap:12px;padding:32px 18px 14px;color:#fff}.portfolio-process-visual--ad{background:linear-gradient(135deg,#193c42,#a27423)}.portfolio-process-visual--system{background:linear-gradient(135deg,#164c56,#2f846b)}.portfolio-process-visual>div{display:flex;align-items:center;justify-content:center;gap:9px}.portfolio-process-visual>div>span{display:inline-flex;min-width:52px;min-height:48px;align-items:center;justify-content:center;gap:5px;padding:8px;border:1px solid rgba(255,255,255,.42);background:#ffffff1a;font-weight:900}.portfolio-process-visual>small{color:#ffffffd1;font-weight:800}.wasm-card-visual{display:grid;place-items:center;height:100%;text-align:center;color:var(--trust)}.wasm-card-visual strong{display:block;font-size:2.35rem;font-weight:900;letter-spacing:.12em;line-height:1}.wasm-card-visual small{display:block;margin-top:10px;color:var(--accent-dark);font-weight:900;letter-spacing:.04em}.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}.work-snapshot{margin-bottom:12px;padding:13px 14px;border:1px solid var(--trust-line);border-radius:16px;background:#eef5f2b8}.work-snapshot span{display:block;margin-bottom:4px;color:var(--trust);font-size:.68rem;font-weight:900;letter-spacing:.12em}.work-snapshot strong{display:block;color:var(--text-deep);font-size:.95rem;font-weight:900;line-height:1.5}.design-chart{display:grid;gap:8px;margin:0 0 14px;padding:12px 13px;border:1px solid rgba(15,76,92,.12);border-radius:14px;background:#ffffffb8}.design-chart div{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:start}.design-chart dt{color:var(--accent-red);font-size:.68rem;font-weight:900;letter-spacing:.08em;line-height:1.6}.design-chart dd{margin:0;color:#555;font-size:.78rem;font-weight:700;line-height:1.65}.work-chips{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0 0 14px;padding:0}.work-chips li{padding:4px 9px;border-radius:999px;background:#8c6b1f14;color:var(--accent-dark);font-size:.7rem;font-weight:900;line-height:1.35}.card-text{display:-webkit-box;flex:1;margin-bottom:20px;overflow:hidden;color:#666;font-size:.86rem;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}.price-hint{margin:0 0 18px;padding:13px 14px;border:1px solid rgba(199,53,47,.16);border-radius:16px;background:linear-gradient(135deg,#c7352f0f,#fffaf2f0)}.price-hint span{display:block;margin-bottom:4px;color:var(--accent-red);font-size:.68rem;font-weight:900;letter-spacing:.12em}.price-hint strong{display:block;color:var(--text-deep);font-size:.95rem;line-height:1.45}.price-hint small{display:block;margin-top:4px;color:#6f6a62;font-size:.76rem;font-weight:700;line-height:1.5}.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:.8rem;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:99px;color:#fff!important;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 10px #0000000d;border:none}.card-link:hover,.premium-link:hover{transform:translateY(-2px);filter:brightness(1.1)}.card-border-green .card-link,.card-border-green .premium-link{background:var(--tag-works);box-shadow:0 4px 12px #2c7c5e33}.card-border-gold .card-link,.card-border-gold .premium-link{background:var(--tag-sample);box-shadow:0 4px 12px #8c6b1f33}.card-border-blue .card-link,.card-border-blue .premium-link{background:var(--tag-demo);box-shadow:0 4px 12px #2c5e7c33}.card-border-red .card-link,.card-border-red .premium-link{background:var(--accent-red);box-shadow:0 4px 12px #c7352f33}.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-hero .premium-heading{font-size:clamp(1.55rem,6.8vw,1.95rem);white-space:nowrap}.works-use-guide{grid-template-columns:1fr;padding:24px 18px}.works-use-steps{grid-template-columns:1fr}.works-use-steps li{min-height:auto}.priority-works{padding:28px 20px}.priority-copy{text-align:left}.priority-copy h2{font-size:1.55rem}.priority-grid{grid-template-columns:1fr}.priority-card{min-height:auto}.works-grid{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1100px){.priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}