.works-module{padding-top:120px}.wcat,.works-module{width:100%;background:#0a0a0a}.wcat{opacity:0;will-change:transform,opacity;transition:opacity .9s ease-out,transform 1s cubic-bezier(.22,1,.36,1)}.wcat:nth-child(odd){transform:translateX(-120px)}.wcat:nth-child(2n){transform:translateX(120px)}.wcat.in-view{opacity:1;transform:translateX(0)}.wcat-card{position:relative;width:100%;height:460px;overflow:hidden;cursor:pointer}.wcat-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease,filter .6s ease}.wcat-card:hover .wcat-photo{transform:scale(1.03);filter:brightness(1.05)}.wcat-panel{position:absolute;top:0;right:0;height:100%;width:48%;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;color:#fff;pointer-events:none;-webkit-clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);padding-left:90px}.wcat--rev .wcat-panel{right:auto;left:0;-webkit-clip-path:polygon(0 0,72% 0,100% 100%,0 100%);clip-path:polygon(0 0,72% 0,100% 100%,0 100%);padding-right:90px;padding-left:0}.wcat-label{font-family:Hannari,Shippori Mincho,serif;font-size:clamp(28px,3.2vw,44px);font-weight:400;letter-spacing:.36em;line-height:1.4;text-align:center}.wcat-arrow{width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:transform .35s ease;color:#fff}.wcat-arrow svg{width:42px;height:20px}.wcat.is-open .wcat-arrow{transform:rotate(180deg)}.wcat-accordion{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.25,1,.5,1)}.wcat.is-open .wcat-accordion{grid-template-rows:1fr}.wcat-accordion-inner{overflow:hidden;min-height:0}.wcat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;width:100%;max-width:960px;margin:0 auto;padding:44px 24px 80px}.wcat-item{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#1a1a1a;cursor:pointer}.wcat-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.wcat-item:hover img{transform:scale(1.05);filter:brightness(1.08)}.work-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:40px 24px}.work-modal.is-open{display:flex}.modal-panel{position:relative;background:#fff;color:#111;width:100%;max-width:720px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.modal-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;z-index:3;color:#fff;background:rgba(0,0,0,.6);border:none;cursor:pointer;border-radius:50%;transition:background .2s}.modal-close:hover{background:rgba(0,0,0,.85)}.modal-close svg{width:22px;height:22px}.modal-media{position:relative;background:#eaeaea;display:flex;align-items:center;justify-content:center;min-height:320px;max-height:65vh;overflow:hidden}.modal-media img{max-width:100%;max-height:65vh;width:auto;height:auto;object-fit:contain}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;z-index:2;color:#fff;background:rgba(0,0,0,.6);border:none;cursor:pointer;border-radius:50%;transition:background .2s}.modal-nav:hover{background:rgba(0,0,0,.85)}.modal-nav svg{width:18px;height:28px}.modal-nav--prev{left:12px}.modal-nav--next{right:12px}.modal-nav[disabled]{opacity:.35;cursor:default}.modal-meta{padding:24px 32px 32px;font-family:Noto Sans JP,sans-serif;color:#333;overflow-y:auto}.modal-meta dl{display:grid;grid-template-columns:max-content 1fr;grid-row-gap:8px;row-gap:8px;grid-column-gap:24px;column-gap:24px}.modal-meta dt{font-size:13px;font-weight:700;color:#444;letter-spacing:.06em}.modal-meta dd{font-size:13.5px;font-weight:500;color:#111}@media (max-width:1099px){.works-module{padding-top:96px}.wcat-card{height:380px}.wcat-panel{width:52%;padding-left:70px}.wcat--rev .wcat-panel{padding-right:70px;padding-left:0}.wcat-grid{max-width:620px;gap:14px;padding:32px 20px 56px}}@media (max-width:767px){.works-module{padding-top:72px}.wcat-card{height:300px}.wcat-panel{width:60%;padding-left:40px;gap:20px}.wcat--rev .wcat-panel{padding-right:40px;padding-left:0}.wcat-label{font-size:22px;letter-spacing:.24em}.wcat-arrow{width:40px;height:40px}.wcat-arrow svg{width:32px;height:16px}.wcat-grid{grid-template-columns:repeat(2,1fr);gap:6px;padding:16px 12px 40px;max-width:100%}.work-modal{padding:16px 12px}.modal-panel{max-width:100%}.modal-close{top:6px;right:6px;width:36px;height:36px}.modal-close svg{width:22px;height:22px}.modal-media{min-height:220px}.modal-media,.modal-media img{max-height:55vh}.modal-nav{width:34px;height:34px}.modal-nav svg{width:16px;height:26px}.modal-meta{padding:18px 20px 24px}.modal-meta dl{column-gap:16px}.modal-meta dt{font-size:12.5px}.modal-meta dd{font-size:13px}}