.about{max-width:880px;padding-top:1.5rem}.about__head{border-bottom:1px solid var(--line-soft);margin-bottom:2.4rem;padding-bottom:1.4rem;position:relative}.about__title{font-family:var(--font-sans);letter-spacing:-.035em;margin:.4rem 0 .7rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1.32;display:inline-block;position:relative}.about__title-en{letter-spacing:-.04em;font-weight:800}.about__lead{max-width:36em;color:var(--ink-soft);margin:0}.about__profile{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-md);transition:border-color .36s var(--ease-soft), transform .46s var(--ease-soft), box-shadow .46s var(--ease-soft);isolation:isolate;margin:2.4rem 0 1.2rem;padding:1.25rem 1.35rem 1.35rem;position:relative}.about__profile>h2{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 .85rem;font-size:.78rem;font-weight:700}.about__profile:before{--eff-rot:0deg;content:"";opacity:0;pointer-events:none;background:url(/images/effect-yellow-sparkle.png) 50%/contain no-repeat;width:26px;height:26px;position:absolute;top:-10px;right:-8px;transform:scale(.3)}.about__profile:hover{border-color:var(--ink);box-shadow:var(--shadow-card);transform:translateY(-2px)}.about__profile:hover:before{animation:hero-pop .72s var(--ease-soft) both}.about__profile-body{flex-direction:column;gap:.7rem;display:flex}.about__profile-body p{color:var(--ink-soft);margin:0;font-size:.94rem;line-height:1.75}.about__profile-body a{color:var(--accent-strong);text-underline-offset:.18em;background-image:none;font-weight:600;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px;transition:text-decoration-color .22s}.about__profile-body a:hover{text-decoration-color:currentColor}.about__grid{grid-template-columns:1fr;gap:1.2rem;display:grid}@media (width>=720px){.about__grid{grid-template-columns:1fr 1fr}.about__grid>:first-child{grid-column:1/-1}}.about__card{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-md);transition:border-color .36s var(--ease-soft), transform .46s var(--ease-soft), box-shadow .46s var(--ease-soft);isolation:isolate;padding:1.25rem 1.35rem 1.35rem;position:relative}.about__card:before{--eff-rot:0deg;content:"";opacity:0;pointer-events:none;background:url(/images/effect-yellow-sparkle.png) 50%/contain no-repeat;width:26px;height:26px;position:absolute;top:-10px;right:-8px;transform:scale(.3)}.about__card:nth-child(2):before{background-image:url(/images/effect-mint-sparkle.png)}.about__card:nth-child(3):before{background-image:url(/images/effect-lavender-sparkle.png)}.about__card:hover{border-color:var(--ink);box-shadow:var(--shadow-card);transform:translateY(-2px)}.about__card:hover:before{animation:hero-pop .72s var(--ease-soft) both}.about__card h2{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 .85rem;font-size:.78rem;font-weight:700}.about__card ul{color:var(--ink);margin:0;padding-left:1.2em;font-size:.96rem;line-height:1.85}.about__card ul li::marker{color:var(--warm-orange)}.about__chips{flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;display:flex}.about__chips li{font-family:var(--font-sans);letter-spacing:-.005em;font-size:.78rem;font-weight:600;transition:border-color .22s,background .22s}.about__chips li:hover{border-color:var(--ink)}.about__links{flex-direction:column;gap:.6rem;padding:0;font-size:.96rem;list-style:none;display:flex}.about__links a{background-image:none;align-items:baseline;gap:1.4rem;transition:color .22s;display:inline-flex}.about__links a:hover,.about__links a:hover .about__link-key{color:var(--accent-strong)}.about__link-key{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);width:4.4em;font-size:.7rem;font-weight:700;transition:color .22s}.about__sign{justify-content:flex-end;align-items:center;gap:.4rem;margin-top:3rem;display:flex;position:relative}.about__tail{transform-origin:50% 70%;width:80px;height:auto}.about__sign:hover .about__tail{animation:tail-spin .9s var(--ease-soft) 1}:root[data-theme=dark] .about__tail,:root.dark .about__tail{filter:invert(.94)hue-rotate(-2deg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not(.light) .about__tail{filter:invert(.94)hue-rotate(-2deg)}}.about__sig{font-family:var(--font-sans);color:var(--ink-soft);font-size:1rem;font-style:italic;font-weight:600}