/* B: Fresh Pop — 白に近いミント地、黄緑のステッカー、弾むバネの動き */
:root{--bg:#fbffee;--fg:#14301a;--ink:#14301a;--muted:#4b6350;--line:rgba(20,48,26,.14);--card:#fff;--card-line:1.5px solid rgba(20,48,26,.1);--radius:28px;
--accent:#b6f23a;--link:#16702a;--profile:#d9f98a;--h1b:var(--ink);
--pink:#a5e83a;--yellow:#ffe14d;--blue:#3fd0c0;--green:#7ddc5c;--orange:#ffb347;--violet:#5bc8f5;
--font-display:"Space Grotesk","Zen Kaku Gothic New",sans-serif;--font-body:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",sans-serif;color-scheme:light}
.nav{background:linear-gradient(rgba(251,255,238,.95),rgba(251,255,238,0))}
.hero{overflow:visible}
.shapes{position:absolute;inset:0;z-index:0;pointer-events:none}
.sh{position:absolute;display:block;will-change:transform}
.s1{width:clamp(120px,22vw,260px);aspect-ratio:1;border-radius:50%;background:var(--pink);right:2%;top:10%}
.s2{width:clamp(70px,12vw,140px);aspect-ratio:1;border-radius:36% 64% 60% 40%/50% 40% 60% 50%;background:var(--blue);right:26%;top:46%}
.s3{width:clamp(50px,8vw,96px);aspect-ratio:1;border-radius:24px;background:var(--yellow);right:6%;top:58%}
.s4{width:clamp(30px,5vw,60px);aspect-ratio:1;border-radius:50%;border:8px solid var(--ink);right:38%;top:8%}
h1{font-weight:900}
h1>span:nth-child(2){position:relative;isolation:isolate}
h1>span:nth-child(2)::after{content:"";position:absolute;z-index:-1;left:0;bottom:.06em;height:.32em;width:var(--ms,100%);background:var(--accent);border-radius:.08em}
.btn{border-width:2.5px}
.btn.fill{box-shadow:4px 4px 0 var(--accent)}
.stat b{color:var(--ink)}
.eq i{border-radius:999px}
.band{margin:72px 0 0;width:100vw;margin-left:calc(50% - 50vw);background:var(--accent);color:var(--ink);transform:rotate(-2deg);overflow:hidden;border-block:3px solid var(--ink);padding-block:14px;user-select:none}
.bandtrack{display:flex;gap:36px;width:max-content;font-family:var(--font-display);font-weight:700;font-size:clamp(22px,4vw,40px);text-transform:uppercase;white-space:nowrap;animation:bandmove 32s linear infinite}
.bandtrack span::after{content:"";display:inline-block;width:.45em;height:.45em;border-radius:50%;background:var(--ink);margin-left:36px;vertical-align:middle}
@keyframes bandmove{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.bandtrack{animation:none}}
html.static .bandtrack{animation:none}
.tag{border:2px solid var(--ink);transform:rotate(-3deg)}
h2{letter-spacing:-.01em}
.card,.cred,.yt,.flow li{box-shadow:0 10px 30px rgba(20,48,26,.07)}
.card::before{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:var(--c);opacity:.22}
.yt:hover{box-shadow:0 14px 30px rgba(20,48,26,.15)}
.yt .role{background:var(--c);color:var(--ink)}
.profile{box-shadow:8px 8px 0 var(--ink)}
.career dt{color:#16702a}
.contact{background:var(--accent);color:var(--ink);border:3px solid var(--ink)}
.bub{position:absolute;display:block;border-radius:50%;pointer-events:none;will-change:transform}
.b1{width:260px;height:260px;right:-60px;top:-80px;background:var(--yellow)}
.b2{width:150px;height:150px;right:20%;bottom:-70px;background:var(--blue)}
.b3{width:60px;height:60px;right:8%;bottom:30px;border:8px solid var(--ink)}
.mail button:hover{background:#2c5a36}