:root{--path-black:#050505;--path-white:#f3f1eb}:is(html:has(.path-page),body:has(.path-page)){background:var(--path-black);margin:0}.path-page,.path-page *{box-sizing:border-box}.path-page{background:var(--path-black);height:100svh;color:var(--path-white);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow:clip}.path-header{z-index:10;background:linear-gradient(#00000094,#0000);justify-content:flex-end;align-items:center;padding:1.5rem 4.25rem;display:flex;position:absolute;top:0;left:0;right:0}.path-header .project-nav{color:#f3f1eb94;white-space:nowrap;justify-content:flex-end;max-width:100%}.path-header .project-nav a:hover,.path-header .project-nav .is-current{color:var(--path-white)}.path-hero{isolation:isolate;place-items:center;height:100svh;min-height:36rem;display:grid;position:relative;overflow:hidden}.path-background-video,.path-shade{width:100%;height:100%;position:absolute;inset:0}.path-background-video{z-index:-2;object-fit:cover}.path-shade{z-index:-1;background:linear-gradient(#00000014,#0003),radial-gradient(circle,#0000 18%,#00000047 110%)}.path-hero h1{color:var(--path-white);letter-spacing:-.105em;text-indent:-.08em;text-shadow:0 .04em .24em #0000002e;will-change:opacity;margin:0;font-size:clamp(7rem,25vw,28rem);font-weight:500;line-height:.72;animation:7s ease-in-out 1.2s forwards path-title-fade}@keyframes path-title-fade{0%{opacity:1}to{opacity:0}}.path-sound-toggle{color:var(--path-white);font:inherit;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;opacity:.78;background:0 0;border:0;align-items:center;gap:.55rem;padding:.35rem 0;font-size:.58rem;transition:opacity .18s;display:inline-flex;position:absolute;top:4.25rem;right:4.25rem}:is(.path-sound-toggle:hover,.path-sound-toggle:focus-visible){opacity:1}.path-sound-toggle:focus-visible{outline-offset:.45rem;outline:1px solid}.path-sound-dot{border:1px solid;border-radius:50%;width:.42rem;height:.42rem}.path-sound-toggle[aria-pressed=true] .path-sound-dot{background:currentColor}@media (max-width:700px){.path-header{padding:1.25rem}.path-header .project-nav{justify-content:flex-start;gap:.8rem;max-width:100%;font-size:.52rem}.path-hero{min-height:32rem}.path-hero h1{font-size:32vw}.path-sound-toggle{top:3.65rem;right:1.25rem}}@media (prefers-reduced-motion:reduce){.path-background-video{display:none}.path-hero{background:url(/media/final389-poster.jpg) 50%/cover no-repeat}.path-hero h1{animation:none}}