.project-link,.project-toggle { color:inherit; font:inherit; letter-spacing:inherit; line-height:inherit; text-align:inherit; text-wrap:inherit; }
.project-link { text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:1px; text-underline-offset:.16em; transition:text-decoration-color 150ms; }
.project-toggle { appearance:none; border:0; border-radius:0; margin:0; padding:0; background:none; cursor:pointer; max-width:100%; }
.project-link:hover,.project-toggle:hover,.project-toggle[aria-expanded="true"] { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.16em; }
.project-link:hover { text-decoration-color:currentColor; }
.project-link:focus-visible,.project-toggle:focus-visible,.logo-replay:focus-visible { outline:2px solid currentColor; outline-offset:7px; }
.project-more { grid-column:1 / -1; margin:16px 0 0; font-family:Manrope,Arial,sans-serif; font-size:1rem; line-height:1.6; color:var(--fg,var(--ink,#f4f3ef)); text-align:inherit; }
.project-more[hidden] { display:none; }
.logo-replay { display:flex; justify-content:center; width:100%; padding:0; border:0; background:none; color:inherit; cursor:pointer; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.intro-overlay { position:fixed; inset:0; z-index:1000; background:#000; overflow:hidden; opacity:0; pointer-events:none; transition:opacity 180ms ease-out; }
.intro-overlay.is-playing { opacity:1; pointer-events:auto; }
.intro-video { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:min(1600px,max(100vw,760px)); height:auto; max-width:none; }
.intro-skip { position:absolute; right:max(24px,env(safe-area-inset-right)); bottom:max(24px,env(safe-area-inset-bottom)); background:transparent; color:#e8e8e8; border:1px solid #777; padding:12px 18px; min-height:44px; font:400 14px/1.4 Manrope,Arial,sans-serif; cursor:pointer; }
.intro-skip:hover { background:#222; }
.intro-skip:focus-visible { outline:2px solid white; outline-offset:4px; }
.intro-flying-logo { position:fixed; z-index:1001; pointer-events:none; transform-origin:top left; }
html.intro-running body > main { opacity:0; }
body > main { transition:opacity 350ms ease-out; }
@media(prefers-reduced-motion:reduce) { body > main,.intro-overlay,.project-link { transition:none; } }

.intro-mute{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));padding:12px 18px;min-height:44px;border:1px solid #777;background:transparent;color:#e3dacd;font:400 14px/1.4 Manrope,Arial,sans-serif;cursor:pointer}
.intro-mute:hover{background:#222}.intro-mute:focus-visible{outline:2px solid #e3dacd;outline-offset:5px}