:root{--ease: cubic-bezier(.22, 1, .36, 1);--panel-border: #5a5a5a}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{color-scheme:dark;scrollbar-gutter:stable}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;min-height:100svh;overflow-x:hidden}body.theme-dark{--bg: #000;--fg: #fff;background:var(--bg);color:var(--fg)}body.theme-light{--bg: #fff;--fg: #000;background:var(--bg);color:var(--fg)}.topbar{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:flex-start;padding:clamp(1.25rem,2.5vw,2.25rem) clamp(1.25rem,3vw,3rem);z-index:30;pointer-events:none}.menu-button,.avatar{pointer-events:auto}.menu-button{display:inline-flex;align-items:center;gap:.9rem;background:transparent;border:0;color:var(--fg);cursor:pointer;padding:.5rem;margin:-.5rem;font:inherit;letter-spacing:-.03em;font-size:clamp(.9rem,1.1vw,1.05rem)}.menu-icon{position:relative;width:1.6rem;height:1rem;display:inline-block}.menu-icon span{position:absolute;left:0;right:0;height:2px;background:currentColor;border-radius:2px;transition:transform .3s var(--ease),opacity .2s var(--ease),top .3s var(--ease)}.menu-icon span:nth-child(1){top:0}.menu-icon span:nth-child(2){top:calc(50% - 1px)}.menu-icon span:nth-child(3){top:calc(100% - 2px)}body.menu-open .menu-icon span:nth-child(1){top:calc(50% - 1px);transform:rotate(45deg)}body.menu-open .menu-icon span:nth-child(2){opacity:0}body.menu-open .menu-icon span:nth-child(3){top:calc(50% - 1px);transform:rotate(-45deg)}body.menu-open .menu-button{color:#fff}.avatar{display:block;width:clamp(1.8rem,2.5vw,2.4rem);aspect-ratio:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform .3s var(--ease)}.avatar:hover{transform:translate(-50%,-50%) scale(1.04)}.avatar-fig{position:absolute;inset:0}.avatar-emblem{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .2s var(--ease)}body.theme-dark .avatar-emblem--light,body.theme-light .avatar-emblem--dark{opacity:0}body.menu-open .avatar-emblem--dark{opacity:1}body.menu-open .avatar-emblem--light{opacity:0}.menu-panel{position:fixed;inset:0 auto 0 0;width:min(100vw,38rem);background:#000;color:#fff;padding:clamp(6.5rem,12vh,9rem) clamp(1.75rem,4vw,3.5rem) 2.5rem;transform:translate(-100%);transition:transform .42s var(--ease);z-index:20;overflow-y:auto}body.menu-open .menu-panel{transform:translate(0)}.menu-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(1.25rem,3vh,2.25rem)}.menu-panel a{color:#fff;text-decoration:none;font-weight:500;font-size:clamp(2.75rem,7.5vw,5.75rem);line-height:.9;letter-spacing:-.05em;display:inline-block;transition:opacity .2s var(--ease)}.menu-panel a:hover,.menu-panel a:focus-visible{opacity:.6}.menu-panel a[aria-current=page]{opacity:.45}.page-banner{position:relative;width:100%;aspect-ratio:8 / 3;max-height:min(400px,40svh);overflow:hidden}@media(min-width:640px){.page-banner{aspect-ratio:15 / 4}}@media(min-width:1024px){.page-banner{aspect-ratio:9 / 2}}.page-banner img:not(.banner-logo){display:block;width:100%;height:100%;object-fit:cover;object-position:center}.page-banner:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,#00000080,#0000002e 28%,#0000 55%)}.banner-title{position:absolute;z-index:2;left:0;right:0;bottom:0;margin:0;padding:0 clamp(1.5rem,4vw,4rem) clamp(.85rem,2.5vh,1.6rem);font-family:Inter,sans-serif;font-weight:500;font-size:clamp(2.25rem,6.5vw,5.5rem);letter-spacing:-.05em;line-height:.9;color:#fff}.banner-logo{position:absolute;z-index:2;left:clamp(1.5rem,4vw,4rem);bottom:clamp(.85rem,2.5vh,1.6rem);margin:0;display:block;height:49%;width:auto;max-width:min(64%,36rem);object-fit:contain;object-position:left bottom}html.in-iframe .page-banner{display:none!important}:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}.essay-scrim{position:fixed;inset:0;z-index:50;background:#000000d9}.essay-frame{width:100%;height:100%;border:none;background:transparent}html.in-iframe .topbar{display:none!important}html.in-iframe,html.in-iframe body{background:transparent!important}html.in-iframe{scrollbar-gutter:auto!important}@media(prefers-reduced-motion:reduce){.menu-panel,.menu-icon span,.avatar,.avatar-emblem{animation:none!important;transition:none!important}}
