.lp-projects-universe{--pf-bg:#07120f;--pf-surface:#102b22}.pu-hero{background:linear-gradient(90deg,#07120ff5 12%,#07120f60 78%),url('website-express/marble-1600.webp') center/cover;position:relative}.pu-hero-grid{display:grid;grid-template-columns:.8fr 1.25fr;align-items:center;gap:36px;min-height:650px;padding-top:38px}.pu-intro{position:relative;z-index:4;padding-bottom:35px}.lp-projects-universe h1{font-size:clamp(44px,4.4vw,72px);margin-bottom:25px;max-width:640px}.pu-intro>p:not(.pf-note){color:var(--pf-muted);font-size:18px;max-width:42ch;margin:0 0 29px}.pu-intro .pf-note{margin-top:27px}.pu-universe{height:570px;position:relative;perspective:1600px;min-width:0;isolation:isolate}.pu-orbits{position:absolute;inset:-8% -15%;width:130%;height:115%;stroke:#ddb878;stroke-width:1;opacity:.7;filter:drop-shadow(0 0 5px #d7b16d);pointer-events:none}.pu-world{display:block;position:absolute;background:#081710;border-radius:14px;overflow:hidden;box-shadow:0 25px 50px #0008;transition:translate .4s,filter .4s;transform-style:preserve-3d}.pu-world:hover{translate:0 -9px;filter:brightness(1.12)}.pu-world>img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:center top}.pu-world-bar{height:38px;display:flex;gap:10px;align-items:center;padding-inline:13px;font-size:10px;letter-spacing:.06em;color:var(--pf-gold)}.pu-world-bar svg{height:17px;width:17px;flex:none}.pu-world-bar svg:last-child{margin-left:auto}.pu-world-caption{display:block;padding:7px 12px;font-size:10px;color:var(--pf-muted)}.pu-world--web{width:68%;left:-2%;top:110px;transform:rotateY(12deg) rotateZ(-6deg);z-index:4;outline:1px solid #c6a363}.pu-world--visual{width:48%;right:-1%;top:0;transform:rotateY(-17deg) rotateZ(8deg);z-index:2}.pu-world--music{width:43%;left:12%;bottom:8px;transform:rotateY(10deg) rotateZ(5deg);z-index:6}.pu-world--art{width:34%;right:-1%;top:300px;transform:rotateY(-18deg) rotateZ(-7deg);z-index:5}.pu-world--art>img{aspect-ratio:1.2;object-position:center}.pu-world--music>img{aspect-ratio:1.4}.lp-projects-universe .pf-category{flex-basis:240px}.lp-projects-universe .pf-category-media{aspect-ratio:1.45}.lp-projects-universe .pf-category>strong{font-size:29px}.lp-projects-universe .pf-category>p{font-size:13px}.lp-projects-universe .pf-project-media{aspect-ratio:1.45}.lp-projects-universe .pf-project-card{flex-basis:280px}.lp-projects-universe .pf-project-select>strong{font-size:26px}.lp-projects-universe .pf-showcase{background:linear-gradient(120deg,#133b2c,#07120f 75%)}.lp-projects-universe .pf-project-info h2{font-size:clamp(35px,3.3vw,52px)}.lp-projects-universe .pf-project-info>.pf-note{font-size:12px;max-width:55ch}.pu-media{border-top:1px solid var(--pf-line);margin-top:28px;padding-top:18px}.pu-media[hidden],.pu-related[hidden]{display:none}.pu-media audio,.pu-media video{width:100%;display:block;margin-top:15px;border-radius:12px;max-height:350px;background:#06100c}.pu-media .pf-note{font-size:11px}.pu-media .pu-media-error{color:#f3dda8}.pu-related{margin-top:30px}.pu-related h3{font-size:23px}.pu-related ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.pu-related a{display:inline-flex;align-items:center;gap:12px;padding-block:10px;min-height:44px;color:var(--pf-gold);font-size:13px;text-decoration:underline;text-underline-offset:5px}.pu-process{background:#0d281e;border-bottom:1px solid var(--pf-line)}.pu-process-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;margin-bottom:38px}.pu-process-heading h2{margin:0}.pu-process-heading p{color:var(--pf-muted);font-size:15px;max-width:47ch}.pu-process-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.pu-process-track li{position:relative}.pu-process-track li:after{content:'';position:absolute;left:60px;right:-28px;top:24px;height:1px;background:#ae8c4f70}.pu-process-track li:last-child:after{display:none}.pu-step-number{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--pf-line);color:var(--pf-gold);font-size:13px;font-variant-numeric:tabular-nums;transition:background .5s}.pu-process-track h3{margin:22px 0 10px;font-size:28px}.pu-process-track p{color:var(--pf-muted);font-size:13px;max-width:28ch}.lp-projects-universe[data-motion-state=running] .pu-process-track li[data-lp-visible=true] .pu-step-number{background:#315137;box-shadow:0 7px 16px #0004}.pu-outro{text-align:center;background:#071a13}.pu-outro p{margin:0 auto 30px;color:var(--pf-muted)}.pu-outro .pf-actions{justify-content:center}.lp-projects-universe[data-motion-state=running] .pu-world--web{animation:pu-float 9s ease-in-out infinite}.lp-projects-universe[data-motion-state=running] .pu-world--music{animation:pu-float 11s ease-in-out infinite reverse}@keyframes pu-float{0%,100%{translate:0 0}50%{translate:0 -9px}}.lp-projects-universe[data-motion-state=still] .pu-world{animation:none}
@media(min-width:1600px){.pu-universe{height:620px}.pu-world--web{top:145px}.pu-world--art{top:330px}.pu-hero-grid{min-height:710px}}
@media(max-width:1100px){.pu-hero-grid{gap:10px;grid-template-columns:.9fr 1.1fr;min-height:610px}.pu-universe{height:520px}.pu-world--web{top:110px;width:76%}.pu-world--music{bottom:35px;left:9%;width:49%}.pu-world--visual{width:50%}.pu-world--art{top:285px;width:36%}.pu-world-bar{font-size:8px;gap:5px;padding-inline:8px;height:29px}.pu-world-bar svg{width:14px;height:14px}.pu-world-caption{font-size:8px}.lp-projects-universe h1{font-size:clamp(42px,4.7vw,58px)}.pu-process-heading{gap:30px}.pu-process-track{gap:18px}.pu-process-track li:after{right:-18px}}
@media(max-width:760px){.pu-hero{background:linear-gradient(#07120ff0,#07120f70),url('website-express/marble-960.webp') center/cover}.pu-hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:35px}.pu-intro{width:100%;padding-bottom:0}.lp-projects-universe h1{font-size:clamp(39px,10vw,58px);max-width:570px}.pu-intro>p:not(.pf-note){font-size:15px;margin-bottom:25px}.pu-intro .pf-note{margin:20px 0 0;font-size:11px}.pu-universe{height:430px;width:100%;margin-top:24px}.pu-world--web{width:85%;top:88px;left:0;transform:rotateY(8deg) rotateZ(-4deg)}.pu-world--visual{width:49%;top:0;right:-1%}.pu-world--music{width:48%;left:7%;bottom:0;transform:rotateY(8deg) rotateZ(4deg)}.pu-world--art{width:36%;right:0;top:auto;bottom:15px}.pu-world-bar{font-size:7px;height:27px;padding-inline:7px;letter-spacing:.02em}.pu-world-bar svg{width:13px;height:13px}.pu-world-caption{font-size:8px;padding:5px 8px}.pu-world--art .pu-world-bar svg:first-child{display:none}.lp-projects-universe .pf-hero-bottom{padding-top:22px}.lp-projects-universe .pf-category{flex:0 0 min(76vw,295px)}.lp-projects-universe .pf-category>strong{font-size:29px}.lp-projects-universe .pf-project-card{flex-basis:min(80vw,310px)}.pu-process-heading{display:block;margin-bottom:28px}.pu-process-heading p{margin-top:20px;font-size:14px}.pu-process-track{grid-template-columns:1fr;gap:25px}.pu-process-track li{padding-left:75px;min-height:100px}.pu-step-number{position:absolute;left:0;top:0}.pu-process-track li:after{left:24px;top:58px;bottom:-16px;right:auto;width:1px;height:auto}.pu-process-track h3{margin:0 0 10px}.pu-process-track p{max-width:36ch;margin:0}.pu-outro .pf-actions{flex-direction:column;align-items:stretch}.pu-outro .pf-text-link{justify-content:center}.pu-outro p{font-size:14px}.lp-projects-universe .pf-project-info h2{font-size:37px}}
@media(max-width:359px){.pu-universe{height:360px}.pu-world--web{top:75px}.pu-world--music{bottom:0}.pu-world--art{bottom:0}.pu-world-bar{font-size:6px;gap:3px}.pu-world--art .pu-world-bar svg{display:none}.pu-intro .pf-actions{flex-direction:column;align-items:flex-start}.lp-projects-universe .pf-project-info h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.lp-projects-universe .pu-world{animation:none!important;transition:none!important}.pu-world:hover{translate:0 0}}

.pu-world-caption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}