.pj{--pj-accent:#e27b4a;--pj-wash:#e8c9a0;--pj-deep:#19342f;position:relative;padding-bottom:40px}.pj--studio{--pj-accent:#e27b4a;--pj-wash:#efc896}.pj--games{--pj-accent:#d46a3a;--pj-wash:#f0d2a8}.pj--tools{--pj-accent:#3d6b5e;--pj-wash:#c9ddd4}.pj--horizon{--pj-accent:#2a4a62;--pj-wash:#c5d5e2}.pj-hero{position:relative;display:grid;grid-template-columns:1.15fr .85fr;grid-gap:clamp(28px,5vw,64px);gap:clamp(28px,5vw,64px);align-items:end;min-height:min(88vh,820px);padding:120px 7vw 72px;overflow:hidden}.pj-hero__glow{position:absolute;inset:-10% 30% auto -15%;height:70%;background:radial-gradient(ellipse at 30% 40%,var(--pj-wash) 0,transparent 68%),radial-gradient(ellipse at 80% 10%,color-mix(in srgb,var(--pj-accent) 35%,transparent) 0,transparent 55%);pointer-events:none;z-index:0}.pj-hero__copy{position:relative;z-index:1;max-width:640px}.pj-hero__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-bottom:22px}.pj-hero h1{font-size:clamp(48px,8vw,96px);font-weight:500;line-height:.92;letter-spacing:-.045em;margin:0 0 18px}.pj-hero__leitmotif{font-size:clamp(22px,3vw,34px);font-style:italic;font-weight:400;line-height:1.25;margin:0 0 22px;color:color-mix(in srgb,var(--ink) 82%,var(--pj-accent));max-width:28ch}.pj-hero__desc{font-size:18px;line-height:1.65;max-width:46ch;margin:0 0 28px;color:var(--muted)}.pj-hero__tags{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;margin:0;padding:0}.pj-hero__tags li{font:11px/1 DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid color-mix(in srgb,var(--ink) 35%,transparent);padding-bottom:2px}.pj-hero__cover{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-end}.pj-hero__cover:before{content:"";position:absolute;width:min(100%,420px);aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--pj-accent) 45%,transparent);top:50%;left:50%;transform:translate(-50%,-52%);pointer-events:none}.pj-hero__img{width:min(100%,420px);height:auto;object-fit:contain;filter:drop-shadow(18px 28px 0 color-mix(in srgb,var(--ink) 10%,transparent))}.pj-toc{margin:0 7vw 10px;padding:28px 0 8px;border-top:1px solid var(--line);display:grid;grid-template-columns:140px 1fr;grid-gap:20px 32px;gap:20px 32px;align-items:start}.pj-toc ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px 28px;gap:14px 28px}.pj-toc li{display:flex;gap:12px;align-items:baseline;font-size:14px;line-height:1.35;color:var(--muted)}.pj-toc li .mono{color:var(--pj-accent);font-size:12px}.pj-journey{display:flex;flex-direction:column;gap:0}.pj-story{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:clamp(28px,5vw,72px);gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(64px,9vw,120px) 7vw;position:relative}.pj-story--flip{grid-template-columns:.9fr 1.1fr}.pj-story--flip .pj-story__copy{order:2}.pj-story--flip .pj-story__media{order:1}.pj-story--text-only{grid-template-columns:1fr;max-width:920px}.pj-story--warm{background:linear-gradient(180deg,color-mix(in srgb,var(--pj-wash) 55%,transparent) 0,transparent 100%)}.pj-story--sage{background:linear-gradient(105deg,color-mix(in srgb,var(--sage) 70%,transparent) 0,transparent 62%)}.pj-story--ink{background:var(--pj-deep);color:var(--cream)}.pj-story--ink .eyebrow,.pj-story--ink .pj-chapter-num{color:color-mix(in srgb,var(--cream) 65%,var(--pj-accent))}.pj-story--ink p{color:color-mix(in srgb,var(--cream) 82%,transparent)}.pj-story__meta{display:flex;align-items:center;gap:14px;margin-bottom:18px}.pj-chapter-num{font-size:12px;letter-spacing:.14em;color:var(--pj-accent)}.pj-story h2{font-size:clamp(34px,5vw,58px);font-weight:500;line-height:1.05;letter-spacing:-.03em;margin:0 0 22px;max-width:16ch}.pj-story p{font-size:17px;line-height:1.75;margin:0 0 1.1em;max-width:54ch}.pj-story__frame{position:relative;display:flex;justify-content:center;padding:24px}.pj-story__frame:after{content:"";position:absolute;inset:8% 12%;border:1px solid color-mix(in srgb,var(--pj-accent) 40%,transparent);border-radius:2px;transform:rotate(3deg);pointer-events:none}.pj-story--ink .pj-story__frame:after{border-color:color-mix(in srgb,var(--cream) 28%,transparent)}.pj-story__img{width:min(100%,380px);height:auto;position:relative;z-index:1}.pj-quote{padding:clamp(72px,11vw,140px) 7vw;text-align:center;background:radial-gradient(ellipse 50% 80% at 50% 50%,color-mix(in srgb,var(--pj-wash) 45%,transparent),transparent 70%)}.pj-quote blockquote{margin:0 auto;max-width:18em;font-size:clamp(28px,4.6vw,48px);font-weight:500;font-style:italic;line-height:1.2;letter-spacing:-.02em}.pj-quote cite{display:block;margin-top:28px;font-style:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.pj-log{padding:clamp(64px,9vw,110px) 7vw;border-top:1px solid var(--line)}.pj-log__head{max-width:640px;margin-bottom:48px}.pj-log__head h2{font-size:clamp(32px,4.5vw,52px);font-weight:500;line-height:1.05;margin:12px 0 0}.pj-log__list{list-style:none;margin:0;padding:0;position:relative}.pj-log__list:before{content:"";position:absolute;left:22px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--pj-accent),var(--line))}.pj-log__item{display:grid;grid-template-columns:56px 1fr;grid-gap:20px 28px;gap:20px 28px;padding:28px 0 28px 8px;max-width:760px}.pj-log__mark{width:44px;height:44px;border-radius:50%;border:1px solid var(--pj-accent);background:var(--cream);display:grid;place-items:center;font-size:12px;color:var(--pj-accent);position:relative;z-index:1}.pj-log__item h3{margin:4px 0 8px;font-size:22px;font-weight:500}.pj-log__item p{margin:0;line-height:1.65;color:var(--muted);font-size:16px}.pj-way{padding:clamp(64px,9vw,110px) 7vw;background:color-mix(in srgb,var(--pj-wash) 38%,var(--paper))}.pj-way__head{max-width:640px;margin-bottom:52px}.pj-way__head h2{font-size:clamp(32px,4.5vw,52px);font-weight:500;line-height:1.05;margin:12px 0 16px}.pj-way__head p{margin:0;line-height:1.65;color:var(--muted);max-width:48ch}.pj-way__track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:28px 24px;gap:28px 24px;position:relative}.pj-way__point{position:relative;padding-top:12px}.pj-way__point:before{content:"";position:absolute;top:30px;left:52px;right:-24px;height:1px;background:color-mix(in srgb,var(--ink) 18%,transparent)}.pj-way__point:last-child:before{display:none}.pj-way__dot{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--cream);border:1px solid var(--line);font-size:11px;margin-bottom:16px;position:relative;z-index:1}.pj-way__point--done .pj-way__dot{background:var(--pj-deep);color:var(--cream);border-color:var(--pj-deep)}.pj-way__point--now .pj-way__dot{background:var(--pj-accent);color:var(--cream);border-color:var(--pj-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--pj-accent) 22%,transparent)}.pj-way__point h3{margin:0 0 8px;font-size:20px;font-weight:500}.pj-way__point p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}.pj-mosaic{padding:clamp(64px,9vw,110px) 7vw}.pj-mosaic__head{max-width:640px;margin-bottom:48px}.pj-mosaic__head h2{font-size:clamp(32px,4.5vw,52px);font-weight:500;line-height:1.05;margin:12px 0 16px}.pj-mosaic__head p{margin:0;line-height:1.65;color:var(--muted)}.pj-mosaic__grid{display:grid;grid-template-columns:repeat(var(--pj-cols,3),minmax(0,1fr));grid-gap:0;gap:0;border-top:1px solid var(--ink)}.pj-mosaic__panel{padding:40px 28px 48px 0;border-right:1px solid var(--line);min-height:320px;display:flex;flex-direction:column;gap:14px}.pj-mosaic__panel:last-child{border-right:0;padding-right:0}.pj-mosaic__panel:not(:first-child){padding-left:28px}.pj-mosaic__panel .mono{font-size:11px;letter-spacing:.12em;color:var(--pj-accent)}.pj-mosaic__panel h3{font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.05;margin:0;letter-spacing:-.02em}.pj-mosaic__panel p{margin:auto 0 0;font-size:15px;line-height:1.65;color:var(--muted);max-width:32ch}.pj-close{margin:40px 7vw 20px;padding:clamp(48px,7vw,88px);background:var(--pj-accent);color:#1a1814;position:relative;overflow:hidden}.pj-close:after{content:"";position:absolute;width:380px;height:380px;border:1px solid color-mix(in srgb,#fff 35%,transparent);border-radius:50%;right:-80px;top:-120px;pointer-events:none}.pj-close .eyebrow{color:color-mix(in srgb,#1a1814 70%,transparent);position:relative;z-index:1}.pj-close h2{font-size:clamp(36px,5.5vw,64px);font-weight:500;line-height:1.02;letter-spacing:-.03em;margin:14px 0 20px;max-width:14ch}.pj-close h2,.pj-close p{position:relative;z-index:1}.pj-close p{margin:0;max-width:46ch;font-size:17px;line-height:1.65}@media (max-width:900px){.pj-hero{grid-template-columns:1fr;min-height:auto;padding:100px 20px 48px;align-items:start}.pj-hero__cover{order:-1;justify-content:flex-start}.pj-hero__img{width:min(72%,280px)}.pj-toc{margin:0 20px;grid-template-columns:1fr}.pj-story,.pj-story--flip{grid-template-columns:1fr;padding:56px 20px}.pj-story--flip .pj-story__copy,.pj-story--flip .pj-story__media{order:unset}.pj-log,.pj-mosaic,.pj-quote,.pj-way{padding-left:20px;padding-right:20px}.pj-way__point:before{display:none}.pj-mosaic__grid{grid-template-columns:1fr}.pj-mosaic__panel,.pj-mosaic__panel:not(:first-child){border-right:0;border-bottom:1px solid var(--line);padding:28px 0;min-height:0}.pj-mosaic__panel:last-child{border-bottom:0}.pj-close{margin:24px 20px;padding:40px 28px}.pj-log__list:before{left:18px}}.project-index{margin-top:56px;display:flex;flex-direction:column;border-top:1px solid var(--line)}.project-index__row{display:grid;grid-template-columns:72px 1fr;grid-gap:20px 28px;gap:20px 28px;padding:36px 0;border-bottom:1px solid var(--line);transition:background .25s ease}.project-index__row:hover{background:color-mix(in srgb,var(--sage) 45%,transparent)}.project-index__num{font-size:13px;letter-spacing:.12em;color:var(--orange);padding-top:6px}.project-index__top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:10px}.project-index__body h2{font-size:clamp(28px,4vw,42px);font-weight:500;line-height:1.05;letter-spacing:-.02em;margin:0 0 10px}.project-index__leit{font-style:italic;font-size:18px;margin:0 0 12px;color:color-mix(in srgb,var(--ink) 75%,var(--orange));max-width:36ch}.project-index__body p{margin:0 0 14px;line-height:1.65;color:var(--muted);max-width:58ch;font-size:16px}.project-index__body small{color:var(--ink)}@media (max-width:700px){.project-index__row{grid-template-columns:48px 1fr;gap:12px 16px;padding:28px 0}}