:root{--cream:#faf6ee;--card:#fffdf8;--ink:#3a332d;--mute:#8a8178;--mustard:#f3cd6b;--sky:#b9d6ee;--sage:#cfe0bf;--sand:#ecdcc3;--round:"Zen Maru Gothic",system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;color:var(--ink);font:15px/1.9 var(--round);letter-spacing:.03em;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}.blobs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.blobs i{position:absolute;width:var(--s);height:var(--s);opacity:.6;border-radius:42% 58% 63% 37%/45% 40% 60% 55%;animation:morph var(--d) ease-in-out infinite alternate}.k1{--s:340px;--d:12s;top:-120px;left:-110px;background:radial-gradient(#fffdf8 22%,transparent 24%) 0 0/24px 24px,var(--mustard)}.k2{--s:300px;--d:15s;top:20%;right:-130px;animation-delay:-5s;background:repeating-linear-gradient(0deg,#9dbfe3 0,#9dbfe3 11px,#fffdf8 11px,#fffdf8 22px)}.k3{--s:320px;--d:17s;bottom:2%;left:-150px;animation-delay:-9s;background:linear-gradient(90deg,rgba(255,253,248,.55) 50%,transparent 50%) 0 0/26px 26px,linear-gradient(rgba(255,253,248,.55) 50%,transparent 50%) 0 0/26px 26px,var(--sage)}.k4{--s:230px;--d:13s;bottom:-80px;right:-60px;animation-delay:-3s;background:radial-gradient(#fffdf8 20%,transparent 22%) 0 0/20px 20px,var(--sand)}.k5{--s:150px;--d:11s;top:52%;right:8%;animation-delay:-6s;opacity:.4;background:repeating-linear-gradient(0deg,var(--mustard) 0 8px,#fffdf8 8px 16px)}@keyframes morph{to{border-radius:60% 40% 35% 65%/55% 62% 38% 45%;transform:translate(24px,-20px) rotate(28deg) scale(1.08)}}.bubbles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bubbles img{position:absolute;bottom:-120px;width:var(--s,72px);height:var(--s,72px);border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 2px var(--ink),0 6px 14px #3a332d26;animation:rise var(--d,24s) linear infinite;animation-delay:var(--w,0s)}.u1{left:5%;--s:78px;--d:26s}.u2{left:14%;--s:58px;--d:21s;--w:-9s}.u3{left:2%;--s:66px;--d:29s;--w:-17s}.u4{left:11%;--s:84px;--d:33s;--w:-24s}.u5{right:4%;--s:70px;--d:24s;--w:-4s}.u6{right:13%;--s:60px;--d:27s;--w:-13s}.u7{right:2%;--s:82px;--d:31s;--w:-21s}.u8{right:10%;--s:56px;--d:22s;--w:-16s}@keyframes rise{0%{transform:translate(0) rotate(-6deg)}25%{transform:translate(18px,-30vh) rotate(6deg)}50%{transform:translate(-14px,-60vh) rotate(-4deg)}75%{transform:translate(16px,-90vh) rotate(5deg)}to{transform:translateY(-125vh) rotate(-6deg)}}@media(max-width:700px){.blobs i{opacity:.3}.k2{--s:220px;right:-150px}.k5{display:none}.bubbles img{--s:44px!important}.u2,.u4,.u6,.u8{display:none}.u1,.u3{left:-4px}.u5,.u7{right:-4px}}.wrap{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:64px 20px 72px;text-align:center}.pic{position:relative;width:156px;margin:0 auto}.pic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--mustard);transform:translate(8px,8px)}.me{position:relative;display:block;width:156px;height:156px;border-radius:50%;object-fit:cover;object-position:50% 22%;border:3px solid var(--ink)}.badge{width:62px;height:62px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 2px var(--ink),0 6px 14px #3a332d26;animation:bob 3.4s ease-in-out infinite alternate}.pic .badge{position:absolute}.b1{left:-58px;top:22px}.b2{right:-56px;bottom:6px;animation-delay:-1.7s}@keyframes bob{0%{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-10px) rotate(6deg)}}.chip{display:inline-block;margin:26px 0 0;padding:2px 16px;border-radius:99px;background:var(--sky);border:2px solid var(--ink);font-weight:700;font-size:.78rem;letter-spacing:.12em}.name{font:900 34px/1.1 var(--round);margin:14px 0 0;letter-spacing:.02em}.kana{font-size:.75rem;letter-spacing:.35em;color:var(--mute);margin:6px 0 0}.intro{font-size:16px;line-height:1.9;margin:20px auto 0;font-weight:500}.proof{display:inline-block;font-size:13px;margin:14px 0 0;font-weight:700;background:linear-gradient(transparent 55%,var(--mustard) 55%)}.sec{display:flex;align-items:center;justify-content:center;gap:30px;margin:56px 0 24px;font-weight:900;letter-spacing:.4em}.sec i{width:8px;height:8px;border-radius:50%;background:var(--ink);box-shadow:14px 0 0 var(--mustard),-14px 0 0 var(--sky)}.cards{display:grid;gap:22px}.card{--c:var(--mustard);display:flex;align-items:center;gap:16px;text-align:left;text-decoration:none;background:var(--card);border:2px solid var(--ink);border-radius:28px;padding:14px 18px 14px 14px;box-shadow:5px 5px 0 var(--c);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;animation:pop .6s both}.card:nth-child(2){--c:var(--sky);animation-delay:.07s}.card:nth-child(3){--c:var(--sage);animation-delay:.14s}.card:nth-child(4){--c:var(--sand);animation-delay:.21s}.card:nth-child(5){animation-delay:.28s}@keyframes pop{0%{opacity:0;transform:scale(.94) translateY(10px)}}.card:hover,.card:focus-visible{transform:translate(-2px,-3px);box-shadow:8px 9px 0 var(--c)}.card video{flex:0 0 auto;width:84px;height:84px;object-fit:cover;border-radius:46% 54% 50% 50%/52% 46% 54% 48%;transition:border-radius .5s}.card:hover video{border-radius:50%}.txt{flex:1;min-width:0}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row b{font-weight:900;font-size:1.2rem;letter-spacing:.06em}.tag{font-size:.66rem;font-weight:700;background:var(--c);border:1.5px solid var(--ink);padding:0 9px;border-radius:99px}.ja{display:block;font-size:.84rem;color:var(--mute);line-height:1.6;margin-top:4px}.go{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;font-weight:900;transition:background .2s}.card:hover .go{background:var(--c)}footer{position:relative;z-index:1;background:var(--sand);text-align:center;padding:44px 20px 40px;margin-top:30px;-webkit-mask:radial-gradient(22px at 50% 0,#0000 98%,#000) 50% 0/44px 100%;mask:radial-gradient(22px at 50% 0,#0000 98%,#000) 50% 0/44px 100%}footer .badge{width:70px;height:70px}.sig{font:900 1.5rem var(--round);margin:12px 0 10px}.flinks{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:0 0 14px;font-weight:700}.flinks a{text-decoration:none}.small{font-size:.74rem;color:var(--mute)}@media(max-width:440px){.wrap{padding-top:52px}.name{font-size:28px}.card video{width:68px;height:68px}.row b{font-size:1.05rem}.go{display:none}.b1{left:-48px}.b2{right:-46px}.badge{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.blobs i,.badge,.card,.bubbles img{animation:none}.bubbles{display:none}}