@property --rotate{syntax: "<number>"; inherits: true; initial-value: 0;}@property --delayed-rotate{syntax: "<number>"; inherits: true; initial-value: 0;}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:#fafaf8;color:#1a1a1a;-webkit-font-smoothing:antialiased;overflow:hidden;height:100vh}body.holding .circle-wrap{opacity:.12}.circle-wrap{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.07;transition:opacity .5s ease}.circle-wrap ul{--circle-size: 40vmin;--spacing: 2.5vmin;position:absolute;left:-10vmin;bottom:-10vmin;right:auto;top:auto;width:var(--circle-size);height:var(--circle-size);list-style:none;border-radius:50%;transform:rotate(calc(var(--rotate) * 360deg));font-family:Cormorant Garamond,serif;font-size:4vmin;font-weight:200}.circle-wrap li{position:absolute;top:50%;left:50%;line-height:0;transform-origin:0 0;text-wrap:nowrap}.circle-wrap li:nth-child(1){rotate:18deg}.circle-wrap li:nth-child(2){rotate:36deg}.circle-wrap li:nth-child(3){rotate:54deg}.circle-wrap li:nth-child(4){rotate:72deg}.circle-wrap li:nth-child(5){rotate:90deg}.circle-wrap li:nth-child(6){rotate:108deg}.circle-wrap li:nth-child(7){rotate:126deg}.circle-wrap li:nth-child(8){rotate:144deg}.circle-wrap li:nth-child(9){rotate:162deg}.circle-wrap li:nth-child(10){rotate:180deg}.circle-wrap li:nth-child(11){rotate:198deg}.circle-wrap li:nth-child(12){rotate:216deg}.circle-wrap li:nth-child(13){rotate:234deg}.circle-wrap li:nth-child(14){rotate:252deg}.circle-wrap li:nth-child(15){rotate:270deg}.circle-wrap li:nth-child(16){rotate:288deg}.circle-wrap li:nth-child(17){rotate:306deg}.circle-wrap li:nth-child(18){rotate:324deg}.circle-wrap li:nth-child(19){rotate:342deg}.circle-wrap li:nth-child(20){rotate:360deg}.circle-wrap li span{--rotate-velocity: calc(var(--rotate) - var(--delayed-rotate));--rotate-spacing: calc(var(--spacing) * -4 * var(--rotate-velocity));--x: calc(var(--circle-size) / 2 + var(--rotate-spacing));--y: calc(10px * var(--rotate-velocity));--r: calc(90deg * var(--rotate-velocity));display:inline-block;transform:translate(var(--x),var(--y)) rotate(var(--r));transform-origin:0 0}.circle-wrap li span:nth-child(1){--y: calc(-20px * var(--rotate-velocity));transition:--delayed-rotate 0ms ease-out}.circle-wrap li span:nth-child(2){--y: calc(-40px * var(--rotate-velocity));transition:--delayed-rotate 50ms ease-out}.circle-wrap li span:nth-child(3){--y: calc(-60px * var(--rotate-velocity));transition:--delayed-rotate 100ms ease-out}.circle-wrap li span:nth-child(4){--y: calc(-80px * var(--rotate-velocity));transition:--delayed-rotate 150ms ease-out}.circle-wrap li span:nth-child(5){--y: calc(-100px * var(--rotate-velocity));transition:--delayed-rotate 200ms ease-out}.circle-wrap li span:nth-child(6){--y: calc(-120px * var(--rotate-velocity));transition:--delayed-rotate 250ms ease-out}.circle-wrap li span:nth-child(7){--y: calc(-140px * var(--rotate-velocity));transition:--delayed-rotate 300ms ease-out}.circle-wrap li span:nth-child(8){--y: calc(-160px * var(--rotate-velocity));transition:--delayed-rotate 350ms ease-out}.circle-wrap li span:nth-child(9){--y: calc(-180px * var(--rotate-velocity));transition:--delayed-rotate 400ms ease-out}.circle-wrap li span:nth-child(10){--y: calc(-200px * var(--rotate-velocity));transition:--delayed-rotate 450ms ease-out}.circle-wrap li span:nth-child(11){--y: calc(-220px * var(--rotate-velocity));transition:--delayed-rotate 500ms ease-out}.circle-wrap li span:nth-child(12){--y: calc(-240px * var(--rotate-velocity));transition:--delayed-rotate 550ms ease-out}.site-content{position:relative;z-index:1;max-width:540px;margin:0 auto;padding:12vh 1.5rem 8vh;font-family:IBM Plex Mono,monospace;font-weight:300;font-size:.8rem;line-height:1.6;transition:filter 4s ease}header{margin-bottom:5rem}h1{font-family:Cormorant Garamond,serif;font-weight:600;font-size:2.8rem;letter-spacing:-.02em;line-height:1.1;margin-bottom:.75rem;display:inline-block;position:relative;cursor:default;-webkit-user-select:none;user-select:none;transition:color 3s ease}h1:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1.5px;background:#ff8966;transition:width .4s cubic-bezier(.25,.1,.25,1)}h1:hover:after{width:100%}.tagline{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#555}.school{margin-top:.3rem;font-size:.75rem;color:#888}h2{font-family:IBM Plex Mono,monospace;font-weight:400;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#999;margin-bottom:1.25rem}section{margin-bottom:3.5rem}.entry{display:flex;justify-content:space-between;align-items:baseline;padding:.6rem 0;border-bottom:1px solid #eee}.entry:last-child{border-bottom:none}.entry-main{display:flex;align-items:baseline;gap:.6rem}.entry-role{font-weight:400}.entry-company{color:#777}.entry-meta{display:flex;gap:1rem;font-size:.7rem;color:#999;flex-shrink:0}.dim{color:#aaa}.shared-block{display:grid;grid-template-columns:auto 1fr;gap:0 1.5rem;padding:.6rem 0;border-bottom:1px solid #eee}.shared-block:last-child{border-bottom:none}.shared-role{grid-row:1/2;display:flex;align-items:center;font-family:Cormorant Garamond,serif;font-weight:600;font-size:1.15rem;letter-spacing:-.01em;line-height:1.2}.shared-entries{display:flex;flex-direction:column;gap:.2rem}.shared-entry{display:flex;justify-content:space-between;align-items:baseline;padding:.15rem 0}.shared-company{color:#777}.shared-meta{display:flex;gap:1rem;font-size:.7rem;color:#999;flex-shrink:0}footer{display:flex;gap:1.5rem;padding-top:2rem;border-top:1px solid #e0e0e0;justify-content:flex-end}footer a{font-size:.7rem;letter-spacing:.04em;color:#888;text-decoration:none;transition:color .2s}footer a:hover{color:#ff8966}@media(max-width:700px){.site-content{padding:8vh 1.25rem 6vh}h1{font-size:2.2rem}.entry{flex-direction:column;gap:.15rem}.entry-meta{font-size:.65rem}.shared-block{grid-template-columns:1fr;gap:.3rem}.shared-role{grid-row:auto}.shared-entry{flex-direction:column;gap:.1rem}.shared-meta{font-size:.65rem}.circle-wrap ul{--circle-size: 55vmin;font-size:4.5vmin;left:-15vmin;bottom:-15vmin}}@media(min-width:1200px){.circle-wrap ul{--circle-size: 40vmin;font-size:5vmin;left:-12vmin;bottom:-12vmin}}
