.intro{z-index:80;background:var(--bg);clip-path:inset(0 0 0%);position:fixed;inset:0;overflow:hidden}.intro__inner{grid-template-rows:auto 1fr auto;height:100%;padding-block:1.25rem clamp(1.25rem,4.5svh,3rem)}.intro__mark{flex-direction:column;grid-area:2/1/auto/-1;place-self:center;gap:.6rem;display:flex}.intro__mask{font-family:var(--font-display);letter-spacing:-.04em;padding-block:.06em;font-size:clamp(3.5rem,13vw,9rem);font-weight:600;line-height:.82;display:block;overflow:hidden}.intro__letter{display:inline-block}.intro__rule{background:var(--accent);transform-origin:0;height:2px}.intro__count{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.04em;justify-self:end;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:600;line-height:.8}.hero{touch-action:pan-y;height:100svh;min-height:520px;position:relative;overflow:hidden}.hero__foot{padding-bottom:clamp(1.25rem,4.5svh,3rem);position:absolute;inset:auto 0 0}.hero__stack{--name-size:min(100cqi / 5, 12svh);grid-column:1/-1;position:relative;container-type:inline-size}@media (width>=48rem){.hero__stack{--name-size:min(100cqi / 12, 16svh)}}.hero-name{color:var(--fg);font-family:var(--font-display);text-transform:uppercase;font-weight:600}.hero-name__line{white-space:nowrap;font-size:var(--name-size);letter-spacing:-.035em;line-height:.84;display:block}.hero-name__word,.hero-name__letter{display:inline-block}@media (width<48rem){.hero-name__line:first-child .hero-name__word{display:block}}.hero__aside{justify-content:space-between;align-items:flex-end;gap:var(--gutter);margin-top:1.5rem;display:flex}.hero__tagline{text-wrap:balance;max-width:28ch}@media (width>=64rem){.hero__aside{right:0;bottom:calc(var(--name-size) * .115 - .65rem);left:calc(50% + var(--gutter) / 2);margin:0;position:absolute}}.reveal-mask{display:block;overflow:hidden}.reveal-line{display:block}.scroll-cue{flex-shrink:0}.scroll-cue__link{color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:6px;transition:color .3s;display:flex}.scroll-cue__link:hover{color:var(--fg)}.scroll-cue__track{background:var(--line);width:1px;height:44px;position:relative;overflow:hidden}.scroll-cue__bead{background:var(--accent);animation:cue-run 2s var(--ease-in-out) infinite;position:absolute;inset:0}@keyframes cue-run{0%{translate:0 -100%}to{translate:0 100%}}@media (prefers-reduced-motion:reduce){.scroll-cue__bead{animation:none}}.pj__inner{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 30%, transparent) 1px, transparent 1.6px) 0 0 / 20px 20px, var(--deep);height:100svh;min-height:560px;position:relative;overflow:hidden}.pj__stage{perspective:1200px;position:absolute;inset:0}.pj__space,.pj__wall,.pj-row,.pj__cards{transform-style:preserve-3d;position:absolute;inset:0}.pj-letter{color:var(--accent);font-family:var(--font-condensed);text-transform:uppercase;text-shadow:-.035em .02em 0 var(--shadow), -.07em .04em 0 var(--shadow);white-space:nowrap;will-change:transform;backface-visibility:hidden;font-weight:400;line-height:1;position:absolute;top:50%;left:50%;translate:-50% -50%}.pj__cards{pointer-events:none}.pj-card{visibility:hidden;backface-visibility:hidden;will-change:transform;position:absolute;top:50%;left:50%}.pj-card__link{display:block;position:relative}.pj-card__tag{z-index:1;background:var(--fg);box-shadow:0 0 0 2px var(--deep);color:var(--deep);white-space:nowrap;padding:.5rem .75rem;animation:2.4s ease-in-out infinite pj-tag-wiggle;position:absolute;top:-.85rem;left:-.7rem;rotate:-7deg}.pj-card__link:hover .pj-card__tag,.pj-card__link:focus-visible .pj-card__tag{background:var(--brand)}@keyframes pj-tag-wiggle{0%,70%,to{rotate:-7deg}76%{rotate:-1deg}82%{rotate:-11deg}88%{rotate:-4deg}}.pj-card__shot{aspect-ratio:16/10;background:var(--bg-raised);position:relative;overflow:hidden}.pj-card__shot .shot{border:0}.pj-card__caption{background:var(--deep);color:var(--accent);white-space:nowrap;justify-content:space-between;gap:1rem;padding:.5rem .6rem;display:flex}.pj-card__caption>span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.pj-card__line{color:color-mix(in srgb, var(--accent) 60%, var(--deep))}@media (width<48rem){.pj-card__line{display:none}}.pj-card__link:hover .pj-card__shot,.pj-card__link:focus-visible .pj-card__shot{outline:2px solid var(--accent);outline-offset:4px}.pj-card__link:focus-visible{outline:none}.pj-card.is-self .pj-card__shot{box-shadow:0 0 0 1px var(--accent)}.pj-mask{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
