:root{--paper:#f3f0e9;--ink:#0a0a0b;--pink:#f24f91;--purple:#8d54ef;--blue:#526ff2;--accent:var(--pink);--pad:clamp(20px,4vw,64px)}
*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Arial Black","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;overflow-x:hidden}body.blue{--accent:var(--blue)}body.purple{--accent:var(--purple)}body.light{--accent:#d9d5cd}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.75' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.skip-link{position:fixed;left:16px;top:12px;z-index:100;background:var(--ink);color:#fff;padding:12px 16px;font:800 12px Arial,sans-serif;transform:translateY(-180%)}.skip-link:focus{transform:none}:where(a):focus-visible{outline:3px solid var(--pink);outline-offset:4px}
header{height:76px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(10,10,11,.22);position:relative;z-index:5}.logo{width:52px;height:52px;object-fit:contain}.back{display:flex;align-items:center;gap:14px;font:900 11px/1 ui-monospace,monospace;letter-spacing:.12em}.back span{font-size:18px}.back:hover{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:3px;text-underline-offset:5px}
.profile-page{min-height:calc(100svh - 76px);display:grid;grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr)}.profile-page.no-portrait{grid-template-columns:1fr}.profile-page.no-portrait .details{max-width:980px}.portrait{background:var(--accent);padding:clamp(22px,4vw,58px);position:relative;display:flex;align-items:center}.portrait:before{content:attr(data-no);position:absolute;right:-.04em;top:-.12em;color:rgba(10,10,11,.12);font:900 clamp(170px,25vw,400px)/1 Arial,sans-serif;letter-spacing:-.08em}.portrait img{position:relative;z-index:1;width:100%;max-height:calc(100svh - 150px);aspect-ratio:4/5;object-fit:cover;object-position:center top;filter:contrast(1.04) saturate(.92)}.details{padding:clamp(54px,7vw,105px) var(--pad);display:flex;flex-direction:column;justify-content:center;position:relative}.details:before{content:"";position:absolute;right:var(--pad);top:42px;width:86px;height:9px;background:linear-gradient(90deg,var(--pink),var(--purple),var(--blue));transform:skewX(38deg)}.role{font:800 10px/1.4 ui-monospace,monospace;letter-spacing:.16em;color:var(--pink)}h1{font-size:clamp(55px,8vw,112px);line-height:.88;letter-spacing:-.075em;margin:22px 0 36px}.bio{max-width:780px;font:600 clamp(16px,1.5vw,20px)/2 "Yu Gothic",sans-serif}.bio p{margin:0}.fact{display:flex;align-items:end;gap:14px;margin-top:38px;padding:18px 0;border-top:2px solid var(--ink);border-bottom:1px solid rgba(10,10,11,.25)}.fact strong{font:900 clamp(36px,5vw,72px)/.85 Arial,sans-serif;letter-spacing:-.05em}.fact span{font:800 10px/1.5 ui-monospace,monospace;letter-spacing:.1em;padding-bottom:4px}.specialties{margin-top:35px}.specialties h2{margin:0 0 13px;font:800 10px/1.4 ui-monospace,monospace;letter-spacing:.15em}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid var(--ink);padding:8px 11px;font:800 12px/1.2 "Yu Gothic",sans-serif}.note{margin:26px 0 0;max-width:720px;font:600 10px/1.7 "Yu Gothic",sans-serif;color:#5b5b5b}
.member-nav{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff}.member-nav a{padding:22px var(--pad);display:flex;justify-content:space-between;gap:20px;font:900 11px/1.4 ui-monospace,monospace;letter-spacing:.1em}.member-nav a:first-child{border-right:1px solid rgba(255,255,255,.25)}.member-nav a:hover{background:var(--blue)}footer{background:var(--ink);color:#aaa;padding:16px var(--pad);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:700 9px/1.4 ui-monospace,monospace;letter-spacing:.1em;border-top:1px solid rgba(255,255,255,.2)}
@media(max-width:800px){header{height:68px}.logo{width:46px;height:46px}.back{font-size:10px}.profile-page{min-height:auto;grid-template-columns:1fr}.portrait{padding:28px 24px 0}.portrait:before{font-size:78vw;top:-.18em}.portrait img{max-height:none;aspect-ratio:4/4.6}.details{padding:64px 24px 72px}.details:before{right:24px;top:28px;width:62px;height:7px}h1{font-size:clamp(54px,17vw,78px);margin-bottom:30px}.bio{font-size:16px;line-height:1.9}.fact{margin-top:32px}.member-nav{grid-template-columns:1fr}.member-nav a:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.25)}footer{padding:18px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}