:root{--void:#0b0908;--panel:#1a1512;--panel-2:#221b16;--line:#2c241d;--amber:#e4a84c;--amber-dim:#8a6a38;--moon:#f2e8d8;--ash:#9c8f7e;--serif:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;--sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--en:Georgia, "Times New Roman", serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--void);color:var(--moon);font-family:var(--serif);line-height:1.9}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1120px;margin:0 auto;padding:0 20px}.sitebar{border-bottom:1px solid var(--line);font-family:var(--en);letter-spacing:.2em;background:#060504;font-size:11px}.sitebar .container{align-items:center;gap:22px;height:34px;display:flex}.sitebar a{color:var(--ash)}.sitebar a:hover,.sitebar a.current{color:var(--amber)}.mag-header{border-bottom:1px solid var(--line)}.mag-header .brand{flex-wrap:wrap;align-items:baseline;gap:14px;padding:26px 0 14px;display:flex}.mag-header .logo{font-family:var(--en);letter-spacing:.32em;color:var(--moon);font-size:26px}.mag-header .logo span{color:var(--amber)}.mag-header .tagline{color:var(--ash);font-size:12px;font-family:var(--sans);letter-spacing:.08em}.catnav{scrollbar-width:none;gap:26px;padding-bottom:12px;display:flex;overflow-x:auto}.catnav::-webkit-scrollbar{display:none}.catnav a{white-space:nowrap;font-family:var(--sans);color:var(--ash);border-bottom:2px solid #0000;padding:4px 0;font-size:13px}.catnav a:hover,.catnav a.current{color:var(--moon);border-bottom-color:var(--amber)}.section-title{align-items:baseline;gap:12px;margin:56px 0 22px;display:flex}.section-title .en{font-family:var(--en);letter-spacing:.4em;color:var(--amber);font-size:12px}.section-title h2{letter-spacing:.12em;font-size:20px;font-weight:600}.section-title .more{font-family:var(--sans);color:var(--amber-dim);margin-left:auto;font-size:12px}.section-title .more:hover{color:var(--amber)}.cat-label{font-family:var(--sans);color:var(--amber);letter-spacing:.08em;font-size:11px;display:inline-block}.card{display:block}.card .thumb{aspect-ratio:16/10;background:var(--panel);border:1px solid var(--line);border-radius:6px;position:relative;overflow:hidden}.card .thumb .bg{filter:blur(18px)brightness(.45);background-position:50%;background-size:cover;position:absolute;inset:-20px}.card .thumb img{object-fit:contain;width:auto;height:100%;margin:0 auto;position:relative;box-shadow:0 8px 24px #00000080}.card .thumb.own img{object-fit:cover;width:100%;height:100%;box-shadow:none;transition:transform .4s}.card:hover .thumb.own img{transform:scale(1.03)}.card .body{padding-top:12px}.card h3{letter-spacing:.04em;margin:4px 0 6px;font-size:16px;font-weight:600;line-height:1.6}.card:hover h3{color:var(--amber)}.card .meta{font-family:var(--sans);color:var(--ash);font-size:11px}.card .desc{font-family:var(--sans);color:var(--ash);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:6px;font-size:12.5px;font-weight:300;line-height:1.8;display:-webkit-box;overflow:hidden}.grid{grid-template-columns:repeat(3,1fr);gap:36px 28px;display:grid}@media (width<=860px){.grid{grid-template-columns:repeat(2,1fr);gap:28px 18px}}@media (width<=520px){.grid{grid-template-columns:1fr}}.feature{grid-template-columns:1.3fr 1fr;align-items:center;gap:32px;margin-top:36px;display:grid}.feature .thumb{aspect-ratio:16/10}.feature h3{font-size:24px;line-height:1.55}.feature .desc{-webkit-line-clamp:4;font-size:13.5px}@media (width<=760px){.feature{grid-template-columns:1fr;gap:0}.feature h3{font-size:20px}}.app-banner{border:1px solid var(--amber-dim);background:linear-gradient(120deg, var(--panel) 0%, #20180f 100%);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:18px;margin:64px 0 8px;padding:26px 28px;display:grid}.app-banner .eyebrow{font-family:var(--en);letter-spacing:.3em;color:var(--amber);font-size:11px}.app-banner .title{margin:4px 0;font-size:19px}.app-banner .text{font-family:var(--sans);color:var(--ash);font-size:12.5px;font-weight:300;line-height:1.8}.app-banner .btn{font-family:var(--sans);color:var(--void);background:var(--amber);white-space:nowrap;border-radius:999px;padding:10px 18px;font-size:13px}@media (width<=600px){.app-banner{grid-template-columns:1fr}.app-banner .btn{justify-self:start}}.mag-footer{border-top:1px solid var(--line);font-family:var(--sans);color:var(--ash);margin-top:72px;padding:40px 0 56px;font-size:12px}.mag-footer .cols{flex-wrap:wrap;gap:14px 28px;margin-bottom:18px;display:flex}.mag-footer a:hover{color:var(--amber)}.mag-footer .copy{font-family:var(--en);letter-spacing:.2em;color:var(--amber-dim);margin-top:18px;font-size:11px}.page-head{padding:40px 0 8px}.page-head .en{font-family:var(--en);letter-spacing:.4em;color:var(--amber);font-size:12px}.page-head h1{letter-spacing:.12em;margin:6px 0;font-size:26px}.page-head p{font-family:var(--sans);color:var(--ash);font-size:13px;font-weight:300}.empty{font-family:var(--sans);color:var(--ash);padding:40px 0;font-size:13px}@media (width<=520px){.mag-header .brand{gap:6px;padding:20px 0 10px}.mag-header .logo{letter-spacing:.24em;font-size:18px}.mag-header .tagline{width:100%;font-size:11px}}.mag-footer .notice{max-width:760px;margin-top:10px;font-size:11px;line-height:1.8}.card .thumb.type{background:radial-gradient(circle at 50% 30%, #2a2018 0%, var(--panel) 70%);justify-content:center;align-items:center;padding:18px;display:flex}.card .thumb.type .type-title{font-family:var(--serif);color:var(--moon);text-align:center;letter-spacing:.06em;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:17px;line-height:1.6;display:-webkit-box;overflow:hidden}.card .thumb.type .type-en{font-family:var(--en);letter-spacing:.35em;color:var(--amber-dim);font-size:10px;position:absolute;top:12px;left:14px}.feature .thumb.type .type-title{font-size:24px}.about-text p,.about-text li{font-family:var(--sans);font-size:14px;font-weight:300;line-height:2}.about-text ul{margin:18px 0;padding-left:22px}.about-text li{margin:8px 0}.about-text a{color:var(--amber)}
