.work-detail-page.svelte-15o1sxl{background:#fffefa}.project-hero.svelte-15o1sxl{position:relative;overflow:hidden;padding:8.5rem 0 clamp(5rem,10vw,9rem);background:#111014;color:#fffefa}.project-hero.svelte-15o1sxl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,black,transparent 85%);mask-image:linear-gradient(180deg,black,transparent 85%)}.project-hero.svelte-15o1sxl:after{content:"";position:absolute;top:-18rem;right:-12rem;width:48rem;height:48rem;border-radius:50%;background:#5a7bff38;filter:blur(90px)}.project-hero.svelte-15o1sxl .studio-container:where(.svelte-15o1sxl){position:relative;z-index:1}.project-back.svelte-15o1sxl{display:inline-flex;align-items:center;gap:.45rem;padding-bottom:.25rem;border-bottom:1px solid rgba(255,255,255,.28);font-size:.78rem;color:#ffffff9e}.project-back.svelte-15o1sxl:hover{color:#fff}.project-heading.svelte-15o1sxl{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;margin-top:3rem}.project-heading.svelte-15o1sxl h1:where(.svelte-15o1sxl){margin-top:1.1rem;font-size:clamp(4rem,10vw,10rem);font-weight:680;line-height:.84;letter-spacing:-.085em;color:#fffefa}.project-heading.svelte-15o1sxl>div:where(.svelte-15o1sxl):first-child>p:where(.svelte-15o1sxl):last-child{max-width:820px;margin-top:1.5rem;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.5;color:#ffffffab}.project-heading-actions.svelte-15o1sxl{display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}.project-browser.svelte-15o1sxl{position:relative;overflow:hidden;margin-top:clamp(3rem,7vw,6rem);border:1px solid rgba(255,255,255,.18);border-radius:1.25rem;background:#24242b;box-shadow:0 50px 110px #00000073}.project-browser-bar.svelte-15o1sxl{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.12);background:#1b1b21;font-family:Geist Mono,ui-monospace,monospace;font-size:.66rem;color:#ffffff94}.project-browser-bar.svelte-15o1sxl>span:where(.svelte-15o1sxl){display:flex;gap:.3rem}.project-browser-bar.svelte-15o1sxl i:where(.svelte-15o1sxl){display:block;width:.48rem;height:.48rem;border-radius:50%;background:#ffffff40}.project-browser-bar.svelte-15o1sxl i:where(.svelte-15o1sxl):first-child{background:var(--project-accent)}.project-browser-bar.svelte-15o1sxl b:where(.svelte-15o1sxl){font-weight:500}.project-browser-bar.svelte-15o1sxl>svg{justify-self:end}.project-browser.svelte-15o1sxl img:where(.svelte-15o1sxl){width:100%;aspect-ratio:1.44/1;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.project-story.svelte-15o1sxl{background:#fffefa}.project-story-grid.svelte-15o1sxl{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.62fr);align-items:end;gap:clamp(3rem,9vw,9rem)}.project-facts.svelte-15o1sxl{border-top:1px solid rgba(17,16,20,.16)}.project-facts.svelte-15o1sxl>div:where(.svelte-15o1sxl){display:grid;grid-template-columns:5rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(17,16,20,.16)}.project-facts.svelte-15o1sxl span:where(.svelte-15o1sxl){font-family:Geist Mono,ui-monospace,monospace;font-size:.61rem;letter-spacing:.08em;text-transform:uppercase;color:#77747c}.project-facts.svelte-15o1sxl b:where(.svelte-15o1sxl),.project-facts.svelte-15o1sxl a:where(.svelte-15o1sxl){font-size:.83rem;font-weight:620;color:#111014}.project-facts.svelte-15o1sxl a:where(.svelte-15o1sxl){display:inline-flex;align-items:center;gap:.35rem}.project-narrative.svelte-15o1sxl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(4rem,9vw,8rem);border:1px solid rgba(17,16,20,.16);border-radius:1.2rem}.project-narrative.svelte-15o1sxl article:where(.svelte-15o1sxl){min-height:24rem;padding:clamp(1.5rem,3vw,2.5rem)}.project-narrative.svelte-15o1sxl article:where(.svelte-15o1sxl):not(:last-child){border-right:1px solid rgba(17,16,20,.14)}.project-narrative.svelte-15o1sxl span:where(.svelte-15o1sxl),.project-deliverables.svelte-15o1sxl span:where(.svelte-15o1sxl){font-family:Geist Mono,ui-monospace,monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#5a7bff}.project-narrative.svelte-15o1sxl h3:where(.svelte-15o1sxl){margin-top:5rem;font-size:clamp(1.55rem,3vw,2.5rem);font-weight:650;line-height:1.02;letter-spacing:-.05em;color:#111014}.project-narrative.svelte-15o1sxl p:where(.svelte-15o1sxl){margin-top:1rem;font-size:.9rem;line-height:1.65;color:#625f67}.project-system.svelte-15o1sxl{background:#151825;color:#fffefa}.project-system-grid.svelte-15o1sxl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(22rem,.65fr);gap:clamp(3rem,9vw,9rem)}.project-system-grid.svelte-15o1sxl h2:where(.svelte-15o1sxl) span:where(.svelte-15o1sxl){color:#d9ff58}.project-deliverables.svelte-15o1sxl{border-top:1px solid rgba(255,255,255,.16)}.project-deliverables.svelte-15o1sxl>div:where(.svelte-15o1sxl){display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:1rem;padding:1.1rem 0;border-bottom:1px solid rgba(255,255,255,.16)}.project-deliverables.svelte-15o1sxl span:where(.svelte-15o1sxl){color:#5bc8ff}.project-deliverables.svelte-15o1sxl b:where(.svelte-15o1sxl){font-size:.9rem;font-weight:580}.project-deliverables.svelte-15o1sxl svg{color:#d9ff58}.system-rail.svelte-15o1sxl{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:clamp(3rem,6vw,5rem)}.system-rail.svelte-15o1sxl span:where(.svelte-15o1sxl){padding:.65rem .8rem;border:1px solid rgba(255,255,255,.17);border-radius:999px;font-family:Geist Mono,ui-monospace,monospace;font-size:.64rem;color:#fff9}.related-work.svelte-15o1sxl{background:#f4f2ec}.related-grid.svelte-15o1sxl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:clamp(3rem,6vw,5rem)}.project-final.svelte-15o1sxl{padding:0 0 clamp(5rem,10vw,9rem);background:#f4f2ec}.unknown-project.svelte-15o1sxl{position:relative;overflow:hidden;min-height:90svh;display:grid;place-items:center;padding:9rem 0 6rem;background:#111014;color:#fffefa}.unknown-project.svelte-15o1sxl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px}.unknown-orb.svelte-15o1sxl{position:absolute;top:-18rem;right:-10rem;width:46rem;height:46rem;border-radius:50%;background:#5a7bff40;filter:blur(90px)}.unknown-inner.svelte-15o1sxl{position:relative;z-index:1;text-align:center}.unknown-mark.svelte-15o1sxl{margin-bottom:1.5rem;filter:drop-shadow(0 20px 40px rgba(90,123,255,.4))}.unknown-inner.svelte-15o1sxl .studio-eyebrow:where(.svelte-15o1sxl){justify-content:center}.unknown-inner.svelte-15o1sxl h1:where(.svelte-15o1sxl){max-width:900px;margin:1.3rem auto 0;font-size:clamp(3.5rem,9vw,8.5rem);font-weight:680;line-height:.86;letter-spacing:-.08em;color:#fffefa}.unknown-inner.svelte-15o1sxl h1:where(.svelte-15o1sxl) span:where(.svelte-15o1sxl){color:#d9ff58}.unknown-inner.svelte-15o1sxl>p:where(.svelte-15o1sxl):last-of-type{max-width:740px;margin:1.7rem auto 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65;color:#ffffffa3}.unknown-inner.svelte-15o1sxl strong:where(.svelte-15o1sxl){color:#fffefa}.unknown-actions.svelte-15o1sxl{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}@media(max-width:900px){.project-heading.svelte-15o1sxl,.project-story-grid.svelte-15o1sxl,.project-system-grid.svelte-15o1sxl{grid-template-columns:1fr}.project-heading-actions.svelte-15o1sxl{align-items:flex-start}.project-narrative.svelte-15o1sxl{grid-template-columns:1fr}.project-narrative.svelte-15o1sxl article:where(.svelte-15o1sxl){min-height:0}.project-narrative.svelte-15o1sxl article:where(.svelte-15o1sxl):not(:last-child){border-right:0;border-bottom:1px solid rgba(17,16,20,.14)}.project-narrative.svelte-15o1sxl h3:where(.svelte-15o1sxl){margin-top:2.5rem}}@media(max-width:680px){.project-hero.svelte-15o1sxl{padding-top:7rem}.project-heading.svelte-15o1sxl h1:where(.svelte-15o1sxl){font-size:clamp(3.7rem,18vw,6rem)}.project-browser-bar.svelte-15o1sxl{grid-template-columns:1fr auto}.project-browser-bar.svelte-15o1sxl b:where(.svelte-15o1sxl){display:none}.related-grid.svelte-15o1sxl{grid-template-columns:1fr}.unknown-actions.svelte-15o1sxl{flex-direction:column}}