.reveal-hover{--closed:clamp(76px,8vw,112px);--height:min(820px,86vh);--pad:clamp(12px,1.8vw,32px);--rail-gap:clamp(10px,1vw,18px);--radius:clamp(14px,2vw,24px);--ease:cubic-bezier(.19,1,.22,1);width:100%;max-width:1380px;height:var(--height);isolation:isolate;color:#fff;border-radius:var(--radius);background:#0c0c0c;display:flex;overflow:hidden}.reveal-hover__panel{flex:0 0 var(--closed);cursor:pointer;min-width:0;transition:flex-grow .85s var(--ease),background-color .45s ease;background:#0d0d0d;border-right:1px solid #ffffff38;outline:none;flex-grow:0;position:relative;overflow:hidden}.reveal-hover__panel:last-child{border-right:0}.reveal-hover__panel[data-active=true]{background:#111;flex-grow:1}.reveal-hover__panel:focus-visible{box-shadow:inset 0 0 0 2px #ffffffa6}.reveal-hover__visual{top:var(--pad);bottom:var(--pad);left:calc(var(--closed) + var(--rail-gap));right:var(--pad);opacity:0;will-change:clip-path,opacity;transition:opacity .3s ease,left .85s var(--ease),right .85s var(--ease);border-radius:clamp(10px,1.2vw,16px);position:absolute;overflow:hidden;transform:translateZ(0)}.reveal-hover__panel[data-active=true] .reveal-hover__visual{opacity:1}.reveal-hover__panel[data-active=true][data-entry=left] .reveal-hover__visual{left:calc(var(--closed) + var(--rail-gap));right:var(--pad);animation:reveal-to-right .85s var(--ease)both}.reveal-hover__panel[data-active=true][data-entry=right] .reveal-hover__visual{left:var(--pad);right:calc(var(--closed) + var(--rail-gap));animation:reveal-to-left .85s var(--ease)both}.reveal-hover__visual img{object-fit:cover;object-position:var(--object-position);-webkit-user-select:none;user-select:none;filter:saturate(.92)contrast(1.04);width:100%;height:100%;transition:transform .85s var(--ease);display:block;transform:scale(1.08)}.reveal-hover__panel[data-active=true] .reveal-hover__visual img{transform:scale(1)}.reveal-hover__scrim{z-index:1;pointer-events:none;opacity:.48;background:linear-gradient(90deg,#000000a6,#00000014 32%,#0000001f 68%,#00000080);transition:opacity .45s;position:absolute;inset:0}.reveal-hover__panel[data-active=true] .reveal-hover__scrim{opacity:.22}.reveal-hover__copy{z-index:20;pointer-events:none;opacity:0;max-width:min(680px,78%);transition:opacity .45s ease .16s,transform .65s var(--ease).16s;position:absolute;bottom:clamp(18px,3vw,42px);left:clamp(18px,3vw,42px);right:clamp(18px,3vw,42px);transform:translateY(18px)}.reveal-hover__panel[data-active=true] .reveal-hover__copy{opacity:1;transform:translateY(0)}.reveal-hover__panel[data-active=true][data-entry=right] .reveal-hover__copy{text-align:left;margin-left:auto}.reveal-hover__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#ffffffb8;margin:0 0 10px;font-size:clamp(11px,1vw,13px);font-weight:700}.reveal-hover__role{letter-spacing:0;text-wrap:balance;color:#111;-webkit-box-decoration-break:clone;box-decoration-break:clone;width:fit-content;max-width:56ch;text-shadow:none;background:#facc15;margin:0;padding:.1em .3em .14em;font-size:clamp(18px,2.4vw,34px);font-weight:700;line-height:1.16}.reveal-hover__bio{color:#fff;letter-spacing:0;text-wrap:pretty;background:#050505;width:fit-content;max-width:min(560px,100%);margin:12px 0 0;padding:10px 12px;font-size:clamp(13px,1.2vw,16px);font-weight:500;line-height:1.45}.reveal-hover__rail{inset-block:0;width:var(--closed);z-index:2;pointer-events:none;transition:left .85s var(--ease),right .85s var(--ease);position:absolute;left:0}.reveal-hover__panel[data-active=true][data-entry=left] .reveal-hover__rail{left:0;right:auto}.reveal-hover__panel[data-active=true][data-entry=right] .reveal-hover__rail{left:auto;right:0}.reveal-hover__title{white-space:nowrap;letter-spacing:0;color:#ffffff52;transform-origin:50%;transition:color .45s ease,opacity .45s ease,letter-spacing .65s var(--ease),transform .85s var(--ease);margin:0;font-size:clamp(28px,3.2vw,50px);font-weight:650;line-height:.9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.reveal-hover__panel[data-active=true] .reveal-hover__title{color:#fff;letter-spacing:0;transform:translate(-50%,-50%)rotate(-90deg)scale(1.04)}.reveal-hover__year{letter-spacing:-.06em;opacity:0;color:#fff;transition:opacity .35s ease,transform .85s var(--ease);font-size:clamp(34px,4vw,62px);font-weight:520;line-height:1;position:absolute;top:clamp(28px,3.4vw,56px);left:50%;transform:translate(-50%)rotate(-90deg)translateY(-12px)}.reveal-hover__panel[data-active=true] .reveal-hover__year{opacity:1;transform:translate(-50%)rotate(-90deg)translateY(0)}.reveal-hover--transparent{color:#111827;box-shadow:none;background:0 0;border:1px solid #1118271f}.reveal-hover--transparent .reveal-hover__panel{background:#ffffffb8;border-right-color:#1118271f}.reveal-hover--transparent .reveal-hover__panel[data-active=true]{background:#fff}.reveal-hover--transparent .reveal-hover__panel:focus-visible{box-shadow:inset 0 0 0 2px #111827a6}.reveal-hover--transparent .reveal-hover__title{color:#1118276b}.reveal-hover--transparent .reveal-hover__panel[data-active=true] .reveal-hover__title{color:#111827}.reveal-hover--transparent .reveal-hover__scrim{opacity:.32;background:linear-gradient(90deg,#ffffffb8,#ffffff14 32%,#ffffff1a 68%,#ffffffa3)}.reveal-hover--transparent .reveal-hover__panel[data-active=true] .reveal-hover__scrim{opacity:.14}.reveal-hover--transparent .reveal-hover__eyebrow{color:#1118279e}.reveal-hover--transparent .reveal-hover__role,.reveal-hover--transparent .reveal-hover__bio{color:#111827;background:#ffffffe0}:where([data-theme=dark] *) .reveal-hover--transparent,:where([data-theme=dark].reveal-hover--transparent){color:#fff;border-color:#ffffff1f}:where([data-theme=dark] *) .reveal-hover--transparent .reveal-hover__panel,:where([data-theme=dark].reveal-hover--transparent) .reveal-hover__panel{background:#0a0a0ab8;border-right-color:#ffffff2e}:where([data-theme=dark] *) .reveal-hover--transparent .reveal-hover__panel[data-active=true],:where([data-theme=dark].reveal-hover--transparent) .reveal-hover__panel[data-active=true]{background:#0a0a0a}:where([data-theme=dark] *) .reveal-hover--transparent .reveal-hover__panel:focus-visible,:where([data-theme=dark].reveal-hover--transparent) .reveal-hover__panel:focus-visible{box-shadow:inset 0 0 0 2px #ffffffa6}:where([data-theme=dark] *) .reveal-hover--transparent .reveal-hover__title,:where([data-theme=dark].reveal-hover--transparent) .reveal-hover__title{color:#ffffff52}:where([data-theme=dark] *) .reveal-hover--transparent .reveal-hover__panel[data-active=true] .reveal-hover__title,:where([data-theme=dark].reveal-hover--transparent) .reveal-hover__panel[data-active=true] .reveal-hover__title{color:#fff}:where([data-theme=dark] *) .reveal-hover--transparent .reveal-hover__scrim,:where([data-theme=dark].reveal-hover--transparent) .reveal-hover__scrim{opacity:.48;background:linear-gradient(90deg,#000000a6,#00000014 32%,#0000001f 68%,#00000080)}:where([data-theme=dark] *) .reveal-hover--transparent .reveal-hover__panel[data-active=true] .reveal-hover__scrim,:where([data-theme=dark].reveal-hover--transparent) .reveal-hover__panel[data-active=true] .reveal-hover__scrim{opacity:.22}:where([data-theme=dark] *) .reveal-hover--transparent .reveal-hover__eyebrow,:where([data-theme=dark].reveal-hover--transparent) .reveal-hover__eyebrow{color:#ffffffb8}:where([data-theme=dark] *) .reveal-hover--transparent .reveal-hover__role,:where([data-theme=dark].reveal-hover--transparent) .reveal-hover__role,:where([data-theme=dark] *) .reveal-hover--transparent .reveal-hover__bio,:where([data-theme=dark].reveal-hover--transparent) .reveal-hover__bio{color:#fff;background:#050505e0}@keyframes reveal-to-right{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes reveal-to-left{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@media (max-width:720px){.reveal-hover{--closed:clamp(58px,14vw,82px);--pad:12px}.reveal-hover__title,.reveal-hover__year{font-size:clamp(28px,8vw,42px)}.reveal-hover__copy{max-width:82%}.reveal-hover__role{font-size:clamp(16px,5vw,24px)}.reveal-hover__bio{font-size:13px}}@media (prefers-reduced-motion:reduce){.reveal-hover__panel,.reveal-hover__visual,.reveal-hover__visual img,.reveal-hover__scrim,.reveal-hover__rail,.reveal-hover__title,.reveal-hover__year,.reveal-hover__copy{transition-duration:1ms!important;animation-duration:1ms!important}}.reveal-hover__socials{z-index:20;flex-wrap:wrap;gap:8px;margin-top:12px;display:flex;position:relative}.reveal-hover__social-link{color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050505b8;border:1px solid #ffffff2e;border-radius:9999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.reveal-hover__social-link:hover,.reveal-hover__social-link:focus-visible{background:#050505e0;border-color:#ffffff6b;transform:translateY(-1px)}.reveal-hover--transparent .reveal-hover__social-link{color:#111827;background:#ffffffe6;border-color:#1118271f}.reveal-hover--transparent .reveal-hover__social-link:hover,.reveal-hover--transparent .reveal-hover__social-link:focus-visible{background:#fff;border-color:#11182752}:where([data-theme=dark] *) .reveal-hover--transparent .reveal-hover__social-link,:where([data-theme=dark].reveal-hover--transparent) .reveal-hover__social-link{color:#fff;background:#050505b8;border-color:#ffffff2e}:where([data-theme=dark] *) .reveal-hover--transparent .reveal-hover__social-link:hover,:where([data-theme=dark].reveal-hover--transparent) .reveal-hover__social-link:focus-visible{background:#050505e0;border-color:#ffffff6b}
