*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Noto Sans JP,Inter,sans-serif;font-weight:400;color:#0a0a0a;background-color:#fff;line-height:1.6}a{color:inherit;text-decoration:none}:root{--white: #FFFFFF;--black: #0A0A0A;--neutral: #F5F5F5;--amber: #FFAE01;--green: #00D100;--font-ja: "Noto Sans JP", sans-serif;--font-en: "Inter", sans-serif;--gap: 12px;--radius: 16px;--transition: .2s ease}.bento{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);padding:6vw;max-width:1600px;margin:0 auto;min-height:100vh}.tile{display:block;background:var(--neutral);border-radius:var(--radius);overflow:hidden;cursor:default;transition:transform var(--transition),background-color var(--transition);opacity:0;transform:translateY(12px);position:relative}.tile-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;transition:opacity .4s ease,transform .6s ease;pointer-events:none;z-index:0}.tile:hover .tile-bg-img{opacity:.35;transform:scale(1.04)}.tile[href],a.tile{cursor:pointer}.tile:hover{background-color:#ebebeb;transform:translateY(-2px)}.tile:active{transform:scale(.98)}.tile-inner{padding:clamp(20px,5vw,40px);height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:1}.tile.is-visible{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease,background-color var(--transition)}.tile-heading{font-family:var(--font-ja);font-weight:900;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.01em;margin-bottom:10px}.tile-label{font-family:var(--font-en);font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#0a0a0a;opacity:.4;margin-bottom:auto}.tile-body{font-family:var(--font-ja);font-weight:400;font-size:clamp(.8rem,1.2vw,.9rem);color:#0a0a0a;opacity:.5;line-height:1.5}.tile-arrow{font-family:var(--font-en);font-weight:400;font-size:1.5rem;opacity:.3;margin-top:12px;transition:opacity var(--transition),transform var(--transition)}a.tile:hover .tile-arrow{opacity:.7;transform:translate(4px)}.tile-profile{grid-column:1 / -1;background:var(--black);color:var(--white);min-height:240px}.tile-profile:hover{background-color:#1a1a1a}.tile-profile .tile-inner{flex-direction:row;align-items:center;gap:clamp(16px,4vw,32px);justify-content:flex-start}.profile-avatar{width:clamp(72px,12vw,120px);height:clamp(72px,12vw,120px);border-radius:14px;object-fit:cover;flex-shrink:0}.profile-name{font-family:var(--font-ja);font-weight:900;font-size:clamp(2.75rem,8vw,5.5rem);line-height:1.1;letter-spacing:-.01em}.profile-name-en{display:block;font-family:var(--font-en);font-weight:400;font-size:clamp(.75rem,1.5vw,1rem);opacity:.5;margin-top:4px;letter-spacing:.02em}.profile-title{font-family:var(--font-ja);font-weight:300;font-size:clamp(.75rem,1.5vw,.95rem);opacity:.6;margin-top:8px;line-height:1.5}.tile-profile .tile-arrow{color:var(--white)}.tile-works{grid-column:1 / -1}.media-logos{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px}.media-logo{font-family:var(--font-ja);font-weight:700;font-size:clamp(.65rem,1.2vw,.8rem);letter-spacing:.04em;opacity:.35;white-space:nowrap}.tile-youtube{grid-column:1 / -1;background:var(--green);color:var(--black);min-height:200px}.tile-youtube:hover{background-color:#00b800}.tile-youtube .tile-bg-img{opacity:.15;mix-blend-mode:multiply}.tile-youtube:hover .tile-bg-img{opacity:.25}.tile-youtube .tile-label{color:var(--black);opacity:.6}.tile-youtube .tile-body{color:var(--black);opacity:.7}.tile-youtube .tile-arrow{color:var(--black);opacity:.4}.tile-note{min-height:180px;background:var(--black);color:var(--white)}.tile-note:hover{background-color:#1a1a1a}.tile-note .tile-bg-img{opacity:.3}.tile-note:hover .tile-bg-img{opacity:.45}.tile-note .tile-label{color:var(--white);opacity:.6}.tile-note .tile-body{color:var(--white);opacity:.7}.tile-note .tile-arrow{color:var(--white);opacity:.4}.tile-x{grid-column:1 / -1}.x-accounts{display:flex;flex-direction:column;gap:12px;margin-top:8px}.x-account{display:flex;flex-direction:column;gap:2px;padding:14px 18px;background:#0a0a0a0a;border-radius:10px;transition:background-color var(--transition)}.x-account:hover{background:#0a0a0a14}.x-handle{font-family:var(--font-en);font-weight:700;font-size:.95rem}.x-desc{font-family:var(--font-ja);font-weight:300;font-size:.75rem;opacity:.5}.tile-music{min-height:140px}.tile-contact{background:var(--amber);min-height:140px}.tile-contact:hover{background-color:#e69e00;transform:translateY(-2px)}.tile-contact .tile-heading{font-family:var(--font-en);font-weight:900}.tile-contact .tile-body{opacity:.8}.tile-contact .tile-arrow{opacity:.5}@media(min-width:768px){:root{--gap: 16px}.bento{grid-template-columns:repeat(4,1fr);padding:8vh 6vw}.tile-profile{grid-column:1 / -1;min-height:280px}.tile-works{grid-column:1 / -1}.tile-youtube,.tile-note{grid-column:span 2;min-height:280px}.tile-x{grid-column:span 2}.x-accounts{flex-direction:row}.x-account{flex:1}.tile-music,.tile-contact{grid-column:span 1}}@media(min-width:1024px){:root{--gap: 20px}.bento{padding:8vh 4vw}}