/* 全ページ共通（試作 about/music/works/event/contact/gallery の共通部分をそのまま移したもの） */
:root{--paper:#f2f6f7;--ink:#1f2d38;--mute:#5d7480;--line:rgba(31,45,56,.25);--drip:#8fabb7;--title:#3a6e8a;color-scheme:light dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#131b21;--ink:#d3e0e5;--mute:#7e97a1;--line:rgba(211,224,229,.25);--drip:#55788a;--title:#8cc3da}}
:root[data-theme="dark"]{--paper:#131b21;--ink:#d3e0e5;--mute:#7e97a1;--line:rgba(211,224,229,.25);--drip:#55788a;--title:#8cc3da}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 4rem)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans","Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;font-weight:300;line-height:1.9;position:relative}
/* 紙のざらつき */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.38;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .45 0 0 0 0 .5 0 0 0 .45 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body::before{mix-blend-mode:screen;opacity:.25}}
:root[data-theme="dark"] body::before{mix-blend-mode:screen;opacity:.25}
a{color:inherit;text-decoration:none}
a:hover,a:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
header{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;padding:1.1rem 1.4rem;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(6px)}
header>a{font-size:.95rem;letter-spacing:.3em}
nav{display:flex;gap:1.1rem;flex-wrap:wrap}
nav a{font-size:.85rem;color:var(--mute)}
nav a[aria-current]{color:var(--ink)}
.sec{max-width:42rem;margin:0 auto;padding:5.5rem clamp(1.4rem,6vw,3rem) 0}
.lab{margin:0 0 2rem;font-size:.8rem;letter-spacing:.4em;color:var(--mute)}
.tmp{margin-left:1rem;padding:0 .5rem;border:1px solid var(--line);font-size:.7rem;letter-spacing:.2em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
footer{max-width:42rem;margin:0 auto;padding:6rem 1.4rem 3rem;font-size:.75rem;letter-spacing:.2em;color:var(--mute)}
/* ふわっと出現 */
.rv{opacity:0;transform:translateY(12px);transition:opacity 1.2s ease,transform 1.2s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
/* ロゴ（Home / About 共通） */
#blobs .o{fill:none;stroke:var(--drip);stroke-width:1.3;vector-effect:non-scaling-stroke;opacity:.8}
#blobs .f{fill:var(--drip);opacity:.22}
#blobs .tint{fill:var(--drip);opacity:.08;pointer-events:none}
.scene{opacity:0;transition:opacity 4.8s ease}
.scene.on{opacity:1}