:root{--gold: #F2B424;--black: #000000;--pad: clamp(8px, 2vw, 12px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--black);min-height:100svh;display:flex;justify-content:center;align-items:flex-start}.poster{position:relative;width:calc(100vw - 8px);max-width:580px;margin:4px auto;overflow:hidden}.poster-wide{display:none}.poster-inner{background:url(/assets/paper-BtzCwVJQ.avif) center / cover var(--gold);position:relative;display:flex;flex-direction:column;padding:var(--pad);gap:clamp(8px,2vw,16px);overflow:hidden;filter:url(#ink)}.poster-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gold);mix-blend-mode:multiply;z-index:0;pointer-events:none}.poster:after{content:"";position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;width:110%;height:110%;pointer-events:none;filter:url(#ink);z-index:50}.grain-overlay{display:none}.photo-wrap{position:absolute;top:var(--pad);right:var(--pad);bottom:var(--contact-h, 0px);width:80%;overflow:hidden;pointer-events:none;z-index:2}.photo{width:100%;height:100%;object-fit:cover;object-position:top right;display:block}.name{width:100%;height:auto;display:block;color:var(--black);min-height:calc(.8 * 100% * 398 / 447);max-height:calc(1.2 * 100% * 398 / 447)}.roles{width:60%;display:flex;flex-direction:column;color:var(--black)}.role-link{display:block;text-decoration:none;color:var(--black);line-height:0;border:4px solid rgba(255,255,255,0%)}.role-link svg{width:100%;height:auto;display:block}.contact{position:relative;z-index:3;display:flex;flex-direction:column;width:100%;background:var(--black);gap:0;container-type:inline-size}.contact-header{padding:14px 12px;color:var(--gold)}.contact-svg{width:100%;height:auto;display:block}.contact-links-wrap{padding:0 10px 10px}.contact-links{background:var(--gold);padding:10px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.nav-row{display:flex;gap:12px;align-items:center;justify-content:center}.nav-row-2{padding-inline:4%;justify-content:center}.nav-link{display:flex;justify-content:center;align-items:center;color:var(--black);text-decoration:none;line-height:0;border:4px solid rgb(255,255,255,0%)}.nav-link svg{width:auto;height:16px;display:block}@media (min-width: 851px){body{align-items:center}.poster:not(.poster-wide){display:none}.poster-wide{display:block;width:min(850px,calc(100vw - 48px));aspect-ratio:850 / 900;margin:24px auto;overflow:visible}.poster-wide .name{min-height:0;max-height:none;max-width:100%}.poster-wide .roles{width:62%;align-items:flex-start}.poster-wide .role-link{width:100%}.poster-wide .role-link:nth-child(2){width:73.12%}.poster-wide .role-link svg{width:100%;height:auto}.poster-wide .photo-wrap{width:45%;bottom:var(--contact-h, 0px)}.poster-wide .photo{object-position:top center}.poster-wide .contact-links{padding:8px 16px;overflow:visible}.poster-wide .nav-row{flex-wrap:nowrap;gap:8px;justify-content:center}.poster-wide .nav-link svg{height:16px}}.not-ready{position:relative;cursor:pointer}.not-ready.struck:after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:var(--black);pointer-events:none}.not-ready.struck{pointer-events:none}@media (hover: hover){.nav-link:hover,.role-link:hover{background:var(--black);color:var(--gold);border:4px solid #000000;z-index:25}}
