@charset "UTF-8";

@media (min-width:901px) {
  #work[data-portfolio-state="loading"] :is(.portfolio-heading,.toolkit-marquee) {visibility:hidden;}
  .home-page main { background:#000; }
  .home-page main>.hero-scroll-scene,
  .home-page main>.hero { margin-bottom:32px; }
  .home-page #about { padding-bottom:96px;background:#000; }
  .home-page #about>.toolkit { display:none; }
  .home-page #about>.journey { margin-top:96px; }
  .home-page #work { padding-top:64px;padding-bottom:96px;background:#000; }
  .home-page #contact { padding-block:96px; }

  .toolkit-marquee {
    position:relative;
    overflow:hidden;
    margin:0 calc(-1 * var(--pad)) 64px;
    padding-block:24px;
    border:0;
    cursor:pointer;
    user-select:none;
    -webkit-user-select:none;
  }
  .toolkit-marquee * {user-select:none;-webkit-user-select:none;}
  .toolkit-marquee.has-marquee-entry {opacity:0;transition:opacity 800ms cubic-bezier(.22,1,.36,1);}
  .toolkit-marquee.has-marquee-entry.is-marquee-entered {opacity:1;}
  .toolkit-marquee:focus-visible { outline:2px solid #ffffff80;outline-offset:-4px; }
  .toolkit-marquee-track {
    display:flex;
    width:max-content;
    pointer-events:none;
    animation:toolkit-marquee 32s linear infinite;
    animation-play-state:paused;
  }
  .toolkit-marquee.is-running .toolkit-marquee-track { animation-play-state:running; }
  .toolkit-marquee-group {
    display:flex;
    flex:none;
    align-items:center;
    gap:0;
  }
  .toolkit-marquee-set {
    display:flex;
    flex:none;
    align-items:center;
    gap:32px;
    padding-right:32px;
  }
  .toolkit-marquee-item {
    display:inline-flex;
    align-items:center;
    gap:12px;
    flex:none;
    font:500 24px/32px var(--font-sans);
    letter-spacing:0;
    color:var(--muted);
    white-space:nowrap;
  }
  .toolkit-software-icon {
    flex:none;
    width:32px;
    height:32px;
    border-radius:var(--radius-control);
    object-fit:contain;
    overflow:hidden;
    background:#181818;
    -webkit-user-drag:none;
  }
  @keyframes toolkit-marquee { to { transform:translateX(-50%); } }

  .home-page #work .carousel-shell { overflow:clip; }
  .portfolio-text-entry-ready portfolio-entry-char {
    display:inline-block;
    white-space:pre;
    opacity:0;
    filter:blur(8px);
  }
  #project-track.is-accordion.has-scroll-entry .project-card {
    animation:none;
    translate:var(--portfolio-entry-x,0px) 0;
    filter:blur(var(--portfolio-entry-blur,0px)) brightness(var(--portfolio-entry-brightness,1));
    opacity:var(--portfolio-entry-opacity,1);
  }
  #project-track.is-accordion.has-scroll-entry .project-card:focus-within {
    translate:0 0;
    filter:none;
    opacity:1;
  }
  #project-track.is-accordion.has-scroll-entry.is-scroll-entry-complete .project-card {
    translate:none;
    filter:none;
    opacity:1;
  }
}
@media (min-width:901px) and (prefers-reduced-motion:reduce) {
  .portfolio-text-entry-ready portfolio-entry-char {opacity:1;filter:none;}
  .toolkit-marquee-track { width:100%;animation:none; }
  .toolkit-marquee-group { min-width:0;width:100%;flex-wrap:wrap;gap:24px;justify-content:center; }
  .toolkit-marquee-set { width:100%;flex:0 1 auto;flex-wrap:wrap;gap:24px;justify-content:center;padding:0; }
  .toolkit-marquee-set[aria-hidden] { display:none; }
  .toolkit-marquee-group[aria-hidden] { display:none; }
}
