.project-hero-light{background:radial-gradient(ellipse 42% 58% at 74% 48%, rgb(var(--accent-rgb) / .13), transparent 70%), radial-gradient(ellipse 120% 90% at 50% 40%, transparent 55%, var(--vignette) 100%)}.project-hero-title{font-family:var(--font-display);text-transform:uppercase;overflow-wrap:break-word;margin-top:1.5rem;font-size:clamp(2.75rem,1rem + 3.5vw,5.25rem);font-weight:600;line-height:.9}@media (min-width:640px){.project-hero-title{margin-top:2rem}}.hero-stage{aspect-ratio:5/4;width:100%;max-width:min(58rem,max(22rem,125svh - 15rem));margin-inline:auto;position:relative}@media (min-width:1024px){.hero-stage{margin-right:0}}.hero-stage-grid{background-image:linear-gradient(to right, color-mix(in oklab, var(--color-ink) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--color-ink) 6%, transparent) 1px, transparent 1px);background-position:50%;background-size:48px 48px;position:absolute;inset:-6% -4%;-webkit-mask-image:radial-gradient(60% 60% at 55%,#000 30%,#0000 78%);mask-image:radial-gradient(60% 60% at 55%,#000 30%,#0000 78%)}.hero-stage-glow{background:rgb(var(--accent-rgb) / .22);filter:blur(70px);border-radius:50%;position:absolute;inset:18% 8% 10% 22%}html[data-theme=light] .hero-stage-glow{background:rgb(var(--accent-rgb) / .14)}.hero-plate{margin:0;position:absolute}.hero-plate-media{background:var(--color-night);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-ink) 12%, transparent), 0 40px 70px -36px #000000f2;transition:box-shadow .4s var(--ease-soft);border-radius:10px;position:absolute;inset:0;overflow:hidden}.hero-plate-inner{position:absolute;inset:0;overflow:hidden}.hero-plate-img{object-fit:cover}.hero-plate[data-kind=main] .hero-plate-media{box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .35), 0 50px 90px -40px #000, 0 0 70px -30px rgb(var(--accent-rgb) / .45)}.hero-plate[data-kind=front] .hero-plate-media,.hero-plate[data-kind=detail] .hero-plate-media{box-shadow:0 0 0 1px color-mix(in oklab, var(--color-ink) 16%, transparent), 0 50px 80px -30px #000}.hero-plate[data-kind=depth] .hero-plate-inner:after{content:"";background:linear-gradient(#0000 40%,#00000059);transition:opacity .4s;position:absolute;inset:0}.hero-plate[data-kind=depth]:hover .hero-plate-inner:after{opacity:0}.hero-stage:is([data-variant=workflow],[data-variant=intelligence]) .hero-plate:not([data-kind=detail]) .hero-plate-inner{border-radius:4px;inset:4%}.hero-stage:is([data-variant=workflow],[data-variant=intelligence]) .hero-plate-img{object-fit:contain}.hero-stage[data-variant=workflow] .hero-plate:not([data-kind=detail]) .hero-plate-media{background-color:var(--color-night);background-image:radial-gradient(color-mix(in oklab, var(--color-ink) 14%, transparent) 1px, transparent 1.2px);background-size:14px 14px}.hero-stage[data-variant=intelligence] .hero-plate:not([data-kind=detail]) .hero-plate-media{background-color:var(--color-night);background-image:linear-gradient(to right, color-mix(in oklab, var(--color-ink) 5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--color-ink) 5%, transparent) 1px, transparent 1px);background-size:22px 22px}.hero-plate-open{z-index:2;cursor:zoom-in;outline-offset:3px;border-radius:10px;position:absolute;inset:0}.hero-plate:hover .hero-plate-media{box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .7), 0 40px 70px -36px #000000f2, 0 0 48px -14px rgb(var(--accent-rgb) / .55)}.hero-plate:has(.hero-plate-open:focus-visible) .hero-plate-media{box-shadow:0 0 0 1px rgb(var(--accent-rgb) / .7), 0 40px 70px -36px #000000f2, 0 0 48px -14px rgb(var(--accent-rgb) / .55)}.hero-plate-label{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;max-width:100%;color:var(--color-muted);align-items:center;gap:.5rem;font-size:.6875rem;font-weight:600;transition:color .3s;display:flex;position:absolute}.hero-plate-label[data-at=above]{bottom:calc(100% + .6rem)}.hero-plate-label[data-at=below]{top:calc(100% + .6rem)}.hero-plate-label[data-align=left]{left:0}.hero-plate-label[data-align=right]{right:0}.hero-plate:hover .hero-plate-label{color:var(--color-ink)}@media (max-width:639px){.hero-plate-label{letter-spacing:.1em;font-size:.5625rem}.hero-plate:not([data-kind=main]) .hero-plate-label{display:none}}.hero-stage-lines{z-index:6;pointer-events:none;fill:none;width:100%;height:100%;stroke:rgb(var(--accent-rgb) / .6);stroke-width:1px;stroke-dasharray:3 4;position:absolute;inset:0;overflow:visible}.hero-stage-lines path{vector-effect:non-scaling-stroke}.hero-node{z-index:7;background:var(--color-accent);width:7px;height:7px;box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .18), 0 0 12px rgb(var(--accent-rgb) / .8);pointer-events:none;border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute}@keyframes hero-settle{0%{opacity:0;transform:translateY(28px)scale(.965)}to{opacity:1;transform:none}}@keyframes hero-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.hero-plate{animation:hero-settle 1.1s var(--ease-soft) both;animation-delay:var(--rise-delay,0s)}.hero-stage-glow{animation:1.6s ease-out .3s both hero-fade}.hero-stage-lines,.hero-node{animation:.9s ease-out 1.15s both hero-fade}}