/* The three entrances share one moving rule; typography remains the focal point. */
.home-body{isolation:isolate}
.home-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.ambient-light{position:absolute;left:calc(28% - 440px);top:calc(48% - 440px);width:880px;height:880px;background:radial-gradient(ellipse at center,rgba(22,123,134,.075),rgba(22,123,134,0) 68%);transform:translate3d(0,0,0)}
.wordmark-glyph{display:inline-block}
.entry-nav{position:relative}
.entry-link{transition:border-color 300ms var(--ease)}
.entry-main{transition:transform 340ms var(--ease)}
.entry-main svg{transition:transform 340ms var(--ease),color 260ms ease}
.entry-detail{height:calc(1.8em + 8px);max-height:none;padding-top:8px;clip-path:inset(0 0 100% 0);transform:translateY(4px);transition:clip-path 320ms var(--ease),transform 320ms var(--ease),opacity 220ms ease}
.home-body[data-entry=work] .entry-work .entry-detail,
.home-body[data-entry=tools] .entry-tools .entry-detail,
.home-body[data-entry=profile] .entry-profile .entry-detail{max-height:none;clip-path:inset(0);transform:none}
.entry-track{position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;background:var(--entry-color);transform:translateY(var(--track-y,0px));opacity:0;z-index:1}
.entry-nav.is-tracking .entry-track{opacity:1;transition:transform var(--track-time,0ms) var(--ease),background-color 300ms ease}
.home-body .entry-nav.is-tracking .entry-link{border-bottom-color:var(--line)}
.entry-link:active .entry-main{transform:translateX(4px);transition-duration:100ms}
.entry-link:active .entry-main svg{transform:rotate(45deg) translateX(2px);transition-duration:100ms}
@media(prefers-reduced-motion:no-preference){
  .wordmark-glyph{animation:wordmark-arrive 700ms var(--ease) both}
  .wordmark-glyph:nth-child(2){animation-delay:55ms}
  .wordmark-glyph:nth-child(3){animation-delay:110ms}
  .caption-line{transform-origin:left center;animation:caption-arrive 680ms 140ms var(--ease) both}
}
@keyframes wordmark-arrive{from{opacity:.6;filter:blur(2px);transform:translateY(9px)}to{opacity:1;filter:blur(0);transform:none}}
@keyframes caption-arrive{from{transform:scaleX(.35);opacity:.35}to{transform:scaleX(1);opacity:1}}
@media(max-width:900px){.ambient-light{left:calc(40% - 330px);top:calc(25% - 330px);width:660px;height:660px}}
@media(hover:none){.entry-detail{clip-path:none;transform:none;opacity:1}.entry-link:active .entry-main{transform:none}.entry-link:active .entry-main svg{transform:none}}
@media(prefers-reduced-motion:reduce){
  .ambient-light{transform:none!important}
  .wordmark-glyph,.caption-line{animation:none;filter:none;transform:none}
  .entry-detail{transform:none;clip-path:none}
  .entry-link:active .entry-main,.entry-link:active .entry-main svg{transform:none}
}