*{box-sizing:border-box}body{margin:0;background:#faf8f3;color:#0d0d0d;font-family:Editorial,Georgia,serif}a{color:inherit}.bio{max-width:460px;margin:auto;min-height:100svh!important}body:has(.v2){background:#e5b9ff}body:has(.v3){background:#0d0d0d}.bio{min-height:100%;padding:25px 22px;display:flex;flex-direction:column;background:#faf8f3}.bio .mark{width:65px;height:44px;object-fit:contain;mix-blend-mode:multiply}.bio .art{width:120px;height:124px;object-fit:contain;align-self:center;margin:18px 0}.bio h1{font-size:43px;line-height:.98;margin:24px 0 10px}.bio p{font-size:18px;line-height:1.3}.bio nav{margin-top:auto}.bio nav a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;min-height:53px;border-top:1px solid;padding:13px 0;font-size:19px}.bio a:focus-visible{outline:3px solid #e5b9ff;outline-offset:4px}.bio nav a:hover{background:#0d0d0d;color:#faf8f3}.bio footer{padding-top:23px;font-size:13px;display:flex;justify-content:space-between}.bio footer a{min-height:28px}.bio.v1 .art{background:#e5b9ff;width:100%;height:170px}.bio.v2{background:#e5b9ff;text-align:center}.bio.v2 .mark{align-self:center}.bio.v2 h1{margin-top:8px}.bio.v2 nav a{border:1px solid;margin:8px 0;padding:12px;background:#e5b9ff}.bio.v3{background:#0d0d0d;color:#faf8f3}.bio.v3 .mark{filter:invert(1);mix-blend-mode:screen}.bio.v3 .art{display:none}.bio.v3 h1{font-size:64px;margin-top:50px}.bio.v3 p{max-width:170px}.bio.v3 nav a:first-child{color:#e5b9ff}.bio.v3 nav a:hover{background:#faf8f3;color:#0d0d0d}.bio.v4 .art{display:none}.bio.v4 h1{font-size:58px}.bio.v4 nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bio.v4 nav a{border:1px solid;min-height:108px;padding:12px;align-items:flex-end}.bio.v4 nav a:first-child{background:#0d0d0d;color:#faf8f3}.bio.v4 footer{margin-top:auto}
.bio .official-logo{display:block;width:100%;max-width:360px;height:auto;align-self:center;margin:35px auto 24px;mix-blend-mode:multiply}.bio .bio-brand{margin:0;width:100%;line-height:0}.bio.v3 .official-logo{filter:invert(1);mix-blend-mode:screen}.bio.v1 .art{height:220px}.bio.v1 p{text-align:center;margin:0 0 12px}.bio.v1{gap:0}.bio.v1 nav{margin-top:auto}
