:root{--color-bg:#f3efe6;--color-bg-deep:#e7e0d2;--color-ink:#2c2924;--color-muted:#6a645a;--color-line:#cfc6b6;--color-accent:#4f5d45;--color-accent-soft:#dfe5d8;--color-panel:#fffdf8;--font-sans:var(--font-noto),"Hiragino Sans",sans-serif;--font-display:var(--font-shippori),"Hiragino Mincho ProN",serif;--space-1:0.5rem;--space-2:0.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--radius:2px;--shadow:0 12px 40px rgba(44,41,36,.12)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--color-ink);font-family:var(--font-sans);font-weight:400;line-height:1.7;background:linear-gradient(180deg,hsla(42,35%,93%,.92),hsla(40,30%,86%,.96)),repeating-linear-gradient(-12deg,transparent,transparent 11px,rgba(79,93,69,.03) 0,rgba(79,93,69,.03) 12px)}a{color:inherit}img{display:block;max-width:100%;height:auto}button,input{font:inherit}.site-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);max-width:1120px;margin:0 auto}.site-header__brand{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.04em}.site-header__brand a{text-decoration:none}.site-header__nav{display:flex;gap:var(--space-3);font-size:.9rem}.site-header__nav a{text-decoration:underline;text-underline-offset:.2em;color:var(--color-muted)}.site-header__nav a:hover{color:var(--color-ink)}.site-header__note{margin:0 0 0 auto;color:var(--color-muted);font-size:.8rem}.site-footer a{color:var(--color-ink)}.site-main{padding:0 var(--space-4) var(--space-6);display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.site-footer,.site-main{max-width:1120px;margin:0 auto}.site-footer{padding:var(--space-4);color:var(--color-muted);font-size:.8rem}.works__label{margin:0 0 var(--space-1);color:var(--color-accent);font-size:.75rem;letter-spacing:.16em}.detail__title,.works__heading{margin:0;font-family:var(--font-display);font-weight:500;letter-spacing:.03em;line-height:1.4}.works__heading{font-size:clamp(1.75rem,3vw,2.4rem)}.works__lead{margin:var(--space-2) 0 var(--space-4);color:var(--color-muted);max-width:40rem}.filter{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);background:rgba(255,253,248,.72);border:1px solid var(--color-line)}.filter__types{display:flex;flex-wrap:wrap;gap:var(--space-1)}.filter__type{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-line);background:transparent;color:var(--color-ink);padding:.45rem .9rem;cursor:pointer}.filter__type--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.filter__search{display:grid;grid-gap:.35rem;gap:.35rem}.filter__search-label{font-size:.8rem;color:var(--color-muted)}.filter__search input{width:min(100%,28rem);padding:.7rem .85rem;border:1px solid var(--color-line);background:var(--color-panel);color:var(--color-ink)}.filter__count{margin:0;font-size:.85rem;color:var(--color-muted)}.works__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.works__empty{margin:0;padding:var(--space-5);border:1px dashed var(--color-line);color:var(--color-muted);text-align:center}.work-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;padding:0;border:1px solid var(--color-line);background:var(--color-panel);cursor:pointer;color:inherit;transition:border-color .15s ease,transform .15s ease}.work-card--selected,.work-card:hover{border-color:var(--color-accent)}.work-card:hover{transform:translateY(-1px)}.work-card__media{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--color-bg-deep)}.work-card__media img{width:100%;height:100%;object-fit:cover}.work-card__placeholder{display:block;width:100%;height:100%;background:var(--color-bg-deep)}.work-card__body{display:grid;grid-gap:.35rem;gap:.35rem;padding:var(--space-3)}.work-card__type{display:inline-block;width:-moz-fit-content;width:fit-content;padding:.15rem .45rem;background:var(--color-accent);color:#fff;font-size:.7rem;letter-spacing:.06em}.work-card__title{font-family:var(--font-display);font-size:1.05rem;line-height:1.45}.work-card__meta{color:var(--color-muted);font-size:.8rem}.detail{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:var(--space-3)}.detail__backdrop{position:absolute;inset:0;background:rgba(44,41,36,.45)}.detail__panel{position:relative;z-index:1;width:min(720px,100%);max-height:min(90vh,920px);overflow:auto;padding:var(--space-4);background:var(--color-panel);box-shadow:var(--shadow)}.detail__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-line);background:transparent;padding:.4rem .75rem;margin-bottom:var(--space-3);cursor:pointer}.detail__image{width:100%;margin-bottom:var(--space-3);aspect-ratio:4/3;object-fit:cover}.detail__type{margin:0 0 var(--space-1);color:var(--color-accent);font-size:.8rem}.detail__title{font-size:1.6rem;margin-bottom:var(--space-3)}.detail__meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3);margin:0 0 var(--space-4)}.detail__meta dt{margin:0;color:var(--color-muted);font-size:.75rem}.detail__meta dd{margin:.2rem 0 0}.detail__content :is(h2,h3){font-family:var(--font-display);font-weight:500;line-height:1.45}.detail__content .wp-block-gallery,.detail__content .wp-block-image{margin:var(--space-3) 0}.detail__content img{width:100%;height:auto}@media (max-width:900px){.works__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.detail__meta,.works__grid{grid-template-columns:1fr}.site-header{flex-direction:column}.site-header__note{margin-left:0}}:root{--mutti-demo-bar-h:40px}.mutti-demo-bar{position:-webkit-sticky;position:sticky;top:0;z-index:300;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:var(--mutti-demo-bar-h);box-sizing:border-box;padding:.45rem 1rem;background:#111;color:#fafaf9;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:12px;letter-spacing:.08em;line-height:1.4}.mutti-demo-bar p{margin:0}.mutti-demo-bar a{flex-shrink:0;color:#fde68a;text-decoration:underline;text-underline-offset:.15em}.mutti-demo-bar a:focus,.mutti-demo-bar a:hover{color:#fff}.mutti-demo-bar a:focus-visible{outline:2px solid #fff;outline-offset:2px}