:root{color-scheme:dark}
*{box-sizing:border-box}
html{background:#000}
body{margin:0;background:#000;color:#e9e4da;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.region-site-header{height:74px;display:flex;align-items:center;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,#070907,#0d120d 58%,#050505)}
.region-site-header img{display:block;width:auto;max-width:170px;max-height:46px;object-fit:contain}
.region-archive{width:min(100%,760px);margin:0 auto;padding:48px 18px 96px}
.region-heading{text-align:center;margin-bottom:28px}
.region-heading span{display:block;color:#777168;font:italic 8px Georgia,serif;letter-spacing:.35em}
.region-heading h1{margin:10px 0 0;font-size:30px;font-weight:400;letter-spacing:.12em}
.region-tabs{display:flex;align-items:center;justify-content:center;gap:0;margin:0 auto 34px;padding:13px 6px;border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.region-tabs::-webkit-scrollbar{display:none}
.region-tabs a{display:inline-flex;align-items:center;text-decoration:none;color:#938d84;font-size:13px;letter-spacing:.06em}
.region-tabs a::after{content:"｜";margin:0 7px;color:#4d4943}
.region-tabs a[aria-current="page"]{color:#f2eee5}
.region-count{margin:-18px 0 18px;text-align:right;color:#625d55;font:8px Georgia,serif;letter-spacing:.18em}
.region-record-list{display:grid;gap:18px}
.region-record{position:relative;display:block;overflow:hidden;border:1px solid rgba(214,204,185,.20);background:#0c0d0b;text-decoration:none}
.region-record::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 5px rgba(0,0,0,.25)}
.region-record img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;filter:brightness(.78) saturate(.78);transition:transform .35s ease,filter .35s ease}
.region-record:active img{transform:scale(1.015);filter:brightness(.9) saturate(.86)}
.region-record-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:44px 17px 16px;background:linear-gradient(transparent,rgba(0,0,0,.90))}
.region-record-copy h2{margin:0;color:#f0ece3;font-size:clamp(15px,4.2vw,22px);font-weight:400;line-height:1.45;letter-spacing:.04em;text-shadow:0 2px 7px #000}
.region-record-copy span{display:block;margin-bottom:6px;color:#a69f94;font:italic 7px Georgia,serif;letter-spacing:.24em}
.region-empty{padding:54px 16px;text-align:center;border:1px solid rgba(255,255,255,.10);color:#8b857d;font-size:13px;line-height:2}
.region-back{display:block;width:max-content;margin:46px auto 0;padding:12px 24px;border:1px solid rgba(255,255,255,.16);text-decoration:none;color:#bcb6ad;font-size:12px;letter-spacing:.10em}
.region-tag-v100{color:inherit;text-decoration:none}
@media(min-width:680px){.region-record-list{grid-template-columns:repeat(2,minmax(0,1fr))}.region-record-copy h2{font-size:18px}}
@media(max-width:380px){.region-tabs{justify-content:flex-start}.region-tabs a{font-size:12px}.region-tabs a:not(:last-child)::after{margin:0 5px}}