.qj-root-hero{min-height:100dvh;position:relative;overflow:hidden}.qj-root-scene{z-index:1;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.qj-root-scene:active{cursor:grabbing}.qj-root-scene-stack{position:absolute;inset:0}.qj-root-scene-art{object-fit:cover;object-position:50% 58%;transform-origin:50% 62%;animation:qj-root-scene-still 32s var(--ease-drift) infinite}.qj-root-place{z-index:2;font-family:var(--font-accent);color:color-mix(in oklab, var(--brown) 42%, var(--foreground));pointer-events:none;margin:0;font-size:1.125rem;line-height:1.3;position:absolute;top:clamp(5.6rem,10vh,7.2rem);left:clamp(1.1rem,3.4vw,2.75rem);transform:rotate(-4deg)}.qj-root-intro-slot{z-index:3;width:min(28ch,100% - 2.4rem);position:absolute;bottom:clamp(1.4rem,4.5vh,3.25rem);right:clamp(1.15rem,4.5vw,3.75rem)}.qj-root-intro{background:var(--surface-soft);border:1px solid var(--border);transition:background-color var(--duration-normal) var(--ease-soft), border-color var(--duration-normal) var(--ease-soft);padding:1.2rem 1.3rem 1.25rem;transform:rotate(-1.1deg)}.qj-root-intro .roles{letter-spacing:.1em;text-transform:uppercase;color:var(--foreground-soft);font-size:.75rem}.qj-root-intro h1{text-wrap:balance;max-width:16ch;margin-top:.45rem;font-size:clamp(1.85rem,2.6vw,2.45rem);line-height:1.12}.qj-root-intro .lede{color:var(--foreground-soft);text-wrap:pretty;margin-top:.7rem;font-size:.9375rem;line-height:1.6}.qj-root-intro .quiet-link{min-height:44px;margin-top:1.05rem}.qj-root-place.qj-root-only-light,.qj-root-place.qj-root-only-dark,.qj-root-scene-art{transition:opacity .82s var(--ease-quiet), visibility 0s}.qj-root-place.qj-root-only-dark,.qj-root-scene-art{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,.82s}.qj-root-scene-art.is-current.qj-root-only-light{opacity:1;visibility:visible;transition-delay:0s,0s}.dark .qj-root-place.qj-root-only-light,.dark .qj-root-scene-art.is-current.qj-root-only-light{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,.82s}.dark .qj-root-place.qj-root-only-dark,.dark .qj-root-scene-art.is-current.qj-root-only-dark{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s,0s}.qj-root-slides{inset-inline:0;z-index:2;justify-content:center;gap:.2rem;display:flex;position:absolute;bottom:clamp(1.1rem,3vh,1.75rem)}.qj-root-slide-btn{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.qj-root-slide-btn:after{content:"";background:var(--paper);opacity:.45;width:7px;height:7px;box-shadow:0 0 0 1px color-mix(in srgb, var(--foreground) 18%, transparent);transition:opacity var(--duration-micro) var(--ease-soft);border-radius:999px}.qj-root-slide-btn.is-current:after{opacity:.95}.qj-root-slide-btn:hover:after,.qj-root-slide-btn:focus-visible:after{opacity:.8}.qj-root-slide-btn.is-current:hover:after,.qj-root-slide-btn.is-current:focus-visible:after{opacity:.95}.qj-root-slide-btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@keyframes qj-root-scene-still{0%,to{transform:scale(1)}50%{transform:scale(1.028)}}@media (max-width:1023px){.qj-root-hero{flex-direction:column;min-height:auto;display:flex;overflow:hidden}.qj-root-scene{flex:none;height:min(78svh,46rem);position:relative;inset:auto}.qj-root-scene-art{object-position:42% 68%}.qj-root-intro-slot{width:min(34ch,100% - 2.4rem);margin:0 var(--space-gutter) 2.75rem auto;position:relative;bottom:auto;right:auto}.qj-root-intro{transform:rotate(-.6deg)}}@media (max-width:767px){.qj-root-hero{flex-direction:column;min-height:auto;display:flex;overflow:hidden}.qj-root-scene{flex:none;height:min(72svh,38rem);position:relative;inset:auto}.qj-root-scene-art{object-position:40% 74%}.qj-root-place{font-size:1.05rem;top:5.4rem;left:1rem}.qj-root-intro-slot{width:auto;max-width:none;margin:0;position:relative;bottom:auto;right:auto}.qj-root-intro{padding:1.6rem var(--space-gutter) 2.4rem;border:0;border-top:1px solid var(--border);background:var(--background);border-radius:0;transform:none}.qj-root-intro h1{max-width:16ch;font-size:2.15rem}.qj-root-intro .lede{max-width:34ch}.qj-root-slides{bottom:1rem}}@media (prefers-reduced-motion:reduce){.qj-root-scene-art{animation:none}.qj-root-place.qj-root-only-light,.qj-root-place.qj-root-only-dark,.qj-root-scene-art,.qj-root-slide-btn:after{transition:none}}