:root{--ink:#12100c;--paper:#f3efe4;--muted:#9a9488;--soft:#e3ddce;--orange:#e8542f;--aqua:#8fd4c9}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink);scrollbar-width:none}
body{margin:0;background:var(--ink);color:var(--paper);font-family:"Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}
body::-webkit-scrollbar{display:none}
a{color:inherit;text-decoration:none;transition:opacity .2s ease}
a:hover{opacity:.8}
button{font:inherit}
::selection{background:var(--orange);color:var(--ink)}
.nf-page{position:relative;min-height:100vh;overflow-x:hidden;background:var(--ink);opacity:0;transition:opacity .7s ease}
.nf-page.is-ready{opacity:1}
@keyframes nf-grain{0%,100%{transform:translate(0)}10%{transform:translate(-2%,-4%)}20%{transform:translate(3%,2%)}30%{transform:translate(-4%,3%)}40%{transform:translate(2%,-3%)}50%{transform:translate(-3%,4%)}60%{transform:translate(4%,-2%)}70%{transform:translate(-2%,-3%)}80%{transform:translate(3%,3%)}90%{transform:translate(-3%,-1%)}}
.nf-grain{position:fixed;z-index:5;inset:-5%;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-size:180px 180px;animation:nf-grain 1.1s steps(1) infinite}
.nf-header{position:fixed;z-index:60;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,4vw,44px);background:linear-gradient(180deg,rgba(18,16,12,.92),rgba(18,16,12,0))}
.nf-language{display:flex;align-items:center;gap:2px;padding:4px;border:1px solid rgba(243,239,228,.25);border-radius:100px;background:rgba(18,16,12,.4);backdrop-filter:blur(6px)}
.nf-language button{padding:6px 13px;border:0;border-radius:100px;background:transparent;color:var(--paper);cursor:pointer;font:700 10.5px/1 "Archivo",sans-serif;letter-spacing:.06em}
.nf-language button[aria-pressed=true]{background:var(--paper);color:var(--ink)}
.nf-list-hero{max-width:1160px;margin:0 auto;padding:clamp(110px,15vw,150px) clamp(20px,5vw,44px) 20px}
.nf-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;color:var(--muted);font:700 11.5px/1.4 "Archivo",sans-serif;letter-spacing:.05em}
.nf-label{display:flex;align-items:baseline;gap:12px;margin:0 0 16px;font-family:"Archivo",sans-serif}
.nf-label b{color:var(--orange);font-size:11px;font-weight:900}
.nf-label span{color:var(--aqua);font-size:11.5px;font-weight:700;letter-spacing:.18em}
.nf-list-hero h1{margin:0 0 40px;font:700 clamp(30px,5vw,54px)/1.2 "Zen Old Mincho",serif}
.nf-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:26px;max-width:1160px;margin:0 auto;padding:0 clamp(20px,5vw,44px) 90px}
.nf-card{display:block;border:1px solid rgba(243,239,228,.14);background:rgba(24,20,16,.55);transition:opacity .25s ease,transform .35s ease,border-color .25s ease}
.nf-card:hover{border-color:rgba(243,239,228,.34);opacity:1;transform:translateY(-4px)}
.nf-card__media{display:block;width:100%;height:200px;overflow:hidden}
.nf-card__media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.92);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.media-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:18px;background:linear-gradient(135deg,rgba(143,212,201,.16),rgba(232,84,47,.16)),var(--ink)}
.media-placeholder span{max-width:100%;overflow:hidden;color:var(--paper);font:700 13px/1.5 Archivo,sans-serif;letter-spacing:.14em;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.nf-card:hover img{transform:scale(1.025)}
.nf-card__body{display:block;padding:22px}
.nf-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;font:700 10.5px/1.4 "Archivo",sans-serif;letter-spacing:.04em}
.nf-meta b{color:var(--orange)}.nf-meta time{color:var(--muted)}
.nf-card h2{margin:0;font:700 17px/1.5 "Zen Old Mincho",serif}
.nf-article{max-width:760px;margin:0 auto;padding:clamp(110px,15vw,150px) clamp(20px,5vw,44px) 70px}
.nf-article>.nf-back{margin-bottom:34px}
.nf-article h1{margin:0 0 30px;font:700 clamp(26px,4.2vw,42px)/1.35 "Zen Old Mincho",serif;text-wrap:pretty}
.nf-article__image{width:100%;aspect-ratio:16/9;margin:0 0 34px;overflow:hidden;border-radius:6px;box-shadow:0 20px 40px rgba(0,0,0,.45)}
.nf-article__image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.92)}
.nf-article__body{color:var(--soft);font-size:15.5px;line-height:2.1;text-wrap:pretty}
.nf-article__body p{margin:0 0 22px}
.nf-share{display:flex;align-items:center;gap:14px;margin:20px 0 60px;padding-top:24px;border-top:1px solid rgba(243,239,228,.14)}
.nf-share>span{color:var(--muted);font:700 11px/1 "Archivo",sans-serif;letter-spacing:.08em}
.nf-social{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(243,239,228,.3);border-radius:50%;font:500 11px/1 "Archivo",sans-serif}
.nf-related h2{margin:0 0 20px;padding-top:22px;border-top:1px solid rgba(243,239,228,.14);font:700 11.5px/1.4 "Archivo",sans-serif;letter-spacing:.14em}
.nf-related a{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid rgba(243,239,228,.1)}
.nf-related strong{font:700 15px/1.5 "Zen Old Mincho",serif}.nf-related time{color:var(--muted);font:500 11px/1.5 "Archivo",sans-serif;white-space:nowrap}
.nf-footer{position:relative;padding:clamp(50px,8vw,70px) clamp(20px,5vw,44px) 120px;border-top:1px solid rgba(243,239,228,.1);background:rgba(14,12,9,.7)}
.nf-footer__inner{max-width:1240px;margin:auto}
.nf-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:36px;margin-bottom:32px}
.nf-footer__grid>p{margin:0;color:var(--muted);font-size:13px;line-height:1.8;text-wrap:pretty}
.nf-footer nav{display:flex;flex-direction:column;gap:12px}.nf-footer nav a{font:700 13px/1.4 "Archivo",sans-serif}
.nf-follow>span{display:block;margin-bottom:14px;color:var(--muted);font:700 11px/1 "Archivo",sans-serif;letter-spacing:.06em}
.nf-follow p{display:flex;gap:12px;margin:0}.nf-follow a{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(243,239,228,.3);border-radius:50%;font-size:12px}
.nf-copyright{margin:0;padding-top:18px;border-top:1px solid rgba(243,239,228,.08);color:#6b665c;font:500 10.5px/1.4 "Archivo",sans-serif}
.nf-bottom-nav{position:fixed;z-index:80;right:50%;bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:2px;width:min(460px,calc(100% - 20px));padding:6px;border-radius:100px;background:rgba(21,19,16,.92);box-shadow:0 20px 40px rgba(0,0,0,.45);backdrop-filter:blur(10px);transform:translateX(50%)}
.nf-bottom-nav a{display:flex;flex:1;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:100px}
.nf-bottom-nav span{font-size:17px}.nf-bottom-nav b{font:700 9.5px/1.2 "Archivo",sans-serif}
@media(max-width:560px){.site-brand span{display:none}.nf-news-grid{grid-template-columns:1fr}.nf-card__media{height:190px}.nf-footer__grid{grid-template-columns:1fr 1fr}.nf-footer__grid>p{grid-column:1/-1}.nf-bottom-nav b{font-size:8.5px}.nf-article{padding-bottom:55px}}
.detail-not-found{max-width:680px;padding:clamp(30px,6vw,64px) clamp(22px,5vw,48px);border:1px solid rgba(243,239,228,.16);background:rgba(18,16,12,.42)}.detail-not-found__code{margin:0 0 12px;color:#8fd4c9;font:700 11px/1 Archivo,sans-serif;letter-spacing:.16em}.detail-not-found h1{margin:0 0 16px;font:700 clamp(26px,4vw,42px)/1.35 "Zen Old Mincho",serif;text-wrap:balance}.detail-not-found p:not(.detail-not-found__code){margin:0 0 24px;color:#e3ddce;text-wrap:pretty}.detail-not-found a{display:inline-flex;padding:10px 16px;border:1px solid rgba(243,239,228,.34);color:#f3efe4;font-weight:700;white-space:nowrap}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nf-page{transition:none}.nf-grain{animation:none}.nf-card,.nf-card__media img{transition:none}}