.detail-container{z-index:2;position:fixed;inset:0;display:flex;justify-content:flex-end;padding:.5rem;overflow-x:hidden;overflow-y:scroll}.detail-container-backdrop{display:none}@media screen and (max-width:920px){.detail-container{display:block;padding:0 .25rem .25rem}.detail-container-backdrop{display:block;height:calc(100% - 17rem);cursor:pointer}}.detail-content{z-index:2;max-width:30%;min-width:28rem;width:100%;padding:2.75rem 4rem;border-radius:.75rem;background:rgba(15,15,15,.89);position:relative;display:flex;min-height:100%;height:fit-content}@media screen and (min-width:921px){.detail-content{backdrop-filter:blur(.75rem);-webkit-backdrop-filter:blur(.75rem)}}@media screen and (max-width:920px){.detail-content{position:relative;max-width:100%;min-width:0;height:100svh;padding:1.75rem 2rem 2rem;border-radius:1.25rem;background:#1a1a1a;box-shadow:0 0 4rem 2rem rgba(0,0,0,.8)}}.detail-inner{width:100%}.detail-bio,.detail-inner{display:flex;flex-direction:column}.detail-bio{gap:1rem;min-height:13rem;max-width:35rem}.detail-bio h1{font-size:2.1rem;font-weight:400;margin:0;padding-right:3rem}@media screen and (max-width:920px){.detail-bio h1{font-size:1.75rem}}.detail-tagline{font-size:1.25rem;font-weight:400;line-height:1.3;color:var(--color);margin:0}.detail-bio p{font-size:1.125rem;font-weight:300;line-height:1.5;color:rgba(255,255,255,.5);margin:0}.detail-surfaces{list-style:none;display:flex;gap:.3rem}@media screen and (max-width:920px){.detail-bio{max-width:100%}}.detail-meta{display:flex;flex-direction:column;gap:.5rem;padding:2.75rem 0 0}.detail-meta>div{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;font-size:.875rem;font-weight:300;line-height:1.375rem;padding:.25rem 0 .75rem;border-bottom:1px solid rgba(255,255,255,.05)}.detail-meta>div:last-child{border-bottom:none}.detail-meta>div dt{color:var(--color-light)}.detail-meta>div dd{text-align:right;margin:0}.detail-meta [data-highlight=true]{position:relative;display:block;padding:.25rem .3rem .2rem .35rem;color:var(--color);border-radius:.375rem;font-size:.8125rem;font-weight:400;line-height:1}.detail-meta [data-highlight=true]:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--color);opacity:.1}.detail-meta [data-highlight=true]:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 1px var(--color);opacity:.4}.detail-footer{margin-top:auto;padding-top:2rem;width:100%}.detail-links{padding:0 0 .5rem}.detail-links ul{list-style:none;display:flex;align-items:center;height:1.75rem;gap:.5rem}.detail-links ul li a{display:block;opacity:.3;transition:opacity .1s ease;color:#fff}.detail-links ul li a svg{display:block}.detail-links ul li a:hover{opacity:1}.detail-close{cursor:pointer;z-index:999;position:absolute;top:1.5rem;right:1.5rem;width:2.75rem;height:2.75rem;display:flex;justify-content:center;align-items:center;color:#fff;background:transparent;pointer-events:auto}.detail-close svg{display:block}@media screen and (min-width:921px){.detail-close{display:none}}.controls-container{z-index:999;position:fixed;bottom:3rem;right:0;left:0;display:flex;gap:.5rem;pointer-events:none}.controls-container:after{content:"";max-width:30%;min-width:28rem}@media screen and (max-width:920px){.controls-container{display:none}}.controls{display:flex;margin:0 auto;padding:0 .4rem;border-radius:2rem;background:rgba(191,191,191,.13);background-blend-mode:color-dodge,normal;box-shadow:inset 0 1px 2px 0 rgba(255,255,255,.04);pointer-events:auto}@media screen and (min-width:921px){.controls{backdrop-filter:blur(.75rem);-webkit-backdrop-filter:blur(.75rem)}}.controls button{cursor:pointer;background:transparent;color:#fff;line-height:1;padding:.5rem .4rem;transition:all .2s var(--ease-snappy);opacity:.33}.controls button:hover{opacity:1}.controls button:active{transform:scale(.8)}.controls button:disabled{opacity:.15;cursor:auto}