:root{--fg: #D7D7D7;--bg: #000000}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}*,*:focus,*:focus-visible,*:focus-within{outline:none!important;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--fg);font-family:"Instrument Serif",Georgia,serif;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;animation:fade 1.2s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page{position:relative;z-index:1;height:100dvh;display:grid;gap:clamp(10px,2vh,22px);padding:max(clamp(16px,3.2vmin,40px),env(safe-area-inset-top)) max(clamp(18px,3.2vmin,40px),env(safe-area-inset-right)) max(clamp(16px,3.2vmin,40px),env(safe-area-inset-bottom)) max(clamp(18px,3.2vmin,40px),env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"role" "." "bio" "icons"}.role,.bio{font-style:italic;font-size:clamp(3rem,min(3.8vh,5.4vw),2.6rem);line-height:1.12;letter-spacing:-.005em}.role span,.bio span{display:block}.role{grid-area:role;align-self:center}.bio{grid-area:bio;opacity:.85}.icons{grid-area:icons;display:flex;gap:clamp(10px,2vmin,16px);margin-top:.4em}.icons a{flex-shrink:0;box-sizing:border-box;width:clamp(48px,min(8vh,16vw),64px);aspect-ratio:1;border-radius:50%;border:1px solid var(--fg);color:var(--fg);background:#0000008c;display:grid;place-items:center;transition:background .25s,color .25s,transform .25s}.icons svg{width:48%;height:48%;max-width:100%;max-height:100%;display:block;overflow:visible}.icons a:hover,.icons a:focus-visible{background:var(--fg);color:var(--bg);transform:translateY(-3px);outline:none}@media (orientation: landscape){.page{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"role icons" ". ." "bio bio"}.icons{margin:0;align-self:center}.bio{justify-self:end;text-align:right}}@media (orientation: portrait) and (max-height: 520px){.bio{display:none}}@media (prefers-reduced-motion: reduce){.field{animation:none}.icons a{transition:none}}@media (max-width: 600px){.bio{font-size:clamp(1.6rem,5vw,1rem)}.bio span{display:inline}.bio span+span:before{content:" ";white-space:pre}}@media (max-width: 600px){.role{font-style:italic;font-size:2.3rem}}