.wcat-obi{--obi-h:456px;--obi-art-ar:1.27524;--obi-art-w:calc(var(--obi-h) * var(--obi-art-ar));position:relative;overflow:hidden;min-height:var(--obi-h);background:linear-gradient(90deg,var(--bg) 0,var(--bg) 14%,var(--media-bg) 34%)}.wcat-obi-art{position:absolute;right:0;bottom:0;z-index:0;width:var(--obi-art-w);pointer-events:none}.wcat-obi-art img{display:block;width:100%;height:auto}.wcat-obi-fade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,var(--bg) 0,transparent 12%)}.works .wcat-obi>.works-hero{position:relative;z-index:2;background:none;min-height:var(--obi-h);display:flex;flex-direction:column;justify-content:center;padding-right:calc(var(--obi-art-w) + 24px)}@media (max-width:1199px){.wcat-obi{--obi-h:400px}}@media (max-width:899px){.wcat-obi{--obi-h:340px}}.wcat-lead{max-width:62ch;margin:0 0 8px;color:var(--text-muted);line-height:2;word-break:auto-phrase;line-break:strict}.wcat-count{margin:0 0 40px;font-family:var(--font-outfit),sans-serif;font-size:13px;letter-spacing:.08em;color:var(--text-dim)}.wcat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;padding:0 48px 96px;margin:0;list-style:none}.wcat-card,.wcat-grid>li{display:flex}.wcat-card{flex:1;flex-direction:column;gap:12px;text-decoration:none;color:inherit;border:1px solid var(--line2);border-radius:2px;padding:14px;background:var(--bg2);transition:border-color .4s var(--ease),transform .4s var(--ease)}.wcat-card:focus-visible,.wcat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.wcat-thumb{position:relative;width:100%;background:var(--bg3);overflow:hidden}.wcat-thumb img{display:block;width:100%;height:auto}.wcat-thumb--none{display:grid;place-items:center;min-height:140px;font-size:11px;letter-spacing:.16em;color:var(--text-dim);border:1px solid var(--accent-line)}.wcat-meta,.wcat-thumb--none{font-family:var(--font-outfit),sans-serif}.wcat-meta{display:flex;gap:10px;align-items:baseline;font-size:12px;letter-spacing:.06em;color:var(--accent)}.wcat-title{font-size:15px;font-weight:500;line-height:1.7;color:var(--text)}.wcat-title,.wcat-work{margin:0;word-break:auto-phrase;line-break:strict}.wcat-work{font-size:12.5px;line-height:1.9;color:var(--text-muted)}.wcat-scope{padding:0 48px 88px}.wcat-scope-title{margin:0 0 20px;font-family:var(--font-serif);font-weight:500;font-size:20px;letter-spacing:.06em;line-height:1.4;color:var(--text)}.wcat-scope p{max-width:68ch;line-break:strict;word-break:auto-phrase}.wcat-scope-lead{margin:0;font-size:14.5px;line-height:2;color:var(--text)}.wcat-scope-body{margin:18px 0 0;font-size:13.5px;line-height:2.05;color:var(--text-muted)}.wcat-scope-body strong{font-weight:500;color:var(--accent)}.wcat-scope-note{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line2);font-size:12px;line-height:1.9;color:var(--text-muted)}.wcat-nav{display:flex;flex-wrap:wrap;gap:12px;padding:0 48px 96px}.wcat-nav a{font-family:var(--font-en);font-size:11px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;color:var(--text-muted);border:1px solid var(--line3);border-radius:999px;padding:8px 16px;transition:color .4s var(--ease),border-color .4s var(--ease)}.wcat-nav a:focus-visible,.wcat-nav a:hover{color:var(--accent);border-color:var(--accent-line2)}.wcat-nav-jp{font-family:var(--font-jp);font-size:10px;letter-spacing:.5px;text-transform:none}@media (max-width:768px){.wcat-grid,.wcat-nav,.wcat-scope{padding-left:20px;padding-right:20px}.wcat-scope-title{font-size:18px}.wcat-obi{--obi-h:auto;--obi-art-w:min(88%,320px);min-height:0;background:linear-gradient(90deg,var(--bg) 0,var(--media-bg) 8%)}.wcat-obi-art{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%);mask-image:linear-gradient(180deg,transparent 0,#000 9%)}.works .wcat-obi>.works-hero{min-height:0;padding-right:20px;padding-bottom:267px}}