/* Personal miniature worlds. Scene order follows the five existing steps. */
.personal-scene{--scene-x:0%;--scene-y:0%;width:100%;aspect-ratio:1;flex-shrink:0;background-image:url('assets/personal-scenes.png');background-size:300% 200%;background-position:var(--scene-x) var(--scene-y);background-repeat:no-repeat;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;pointer-events:none}
.scene-1{--scene-x:50%}.scene-2{--scene-x:100%}.scene-3{--scene-y:100%}.scene-4{--scene-x:50%;--scene-y:100%}
.p-mobile-scene{display:none}
.p-layout .p-illustrated-aside{display:block;align-self:start;position:sticky;top:110px;padding:0 0 26px;margin:24px 0 0;min-width:0;border:0;background:transparent;box-shadow:none;border-radius:0}
.p-illustrated-aside>.eyebrow{display:block;margin:0 24px 4px;color:#48614f;font-size:11px;letter-spacing:.14em}
.p-illustrated-aside .personal-scene{max-width:500px;margin:0 auto 10px}
.p-illustrated-aside .p-aside-index{display:block;margin:0 24px 14px;font-size:12px;color:#41654e;font-weight:600;letter-spacing:.09em}
.p-illustrated-aside h3{font:650 clamp(23px,2.1vw,30px)/1.25 var(--font);letter-spacing:-.025em;margin:0 24px 12px;color:#193d2c}
.p-illustrated-aside>p{font-size:16px;line-height:1.7;color:#405a49;margin:0 24px 22px}
.p-illustrated-aside .p-aside-note{font-size:14px;line-height:1.6;color:#355642;background:linear-gradient(130deg,#ffffffc9,#e8efdf91);border:1px solid #cbdcc6;border-radius:16px;padding:16px 20px;margin:0 24px;box-shadow:inset 0 1px 0 #fff}
@media(min-width:901px){.p-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px}}
@media(max-width:900px){
 .p-layout{display:block}
 .p-mobile-scene{display:block;width:184px;height:184px;aspect-ratio:1;margin:-4px auto 18px}
 .p-layout .p-illustrated-aside{display:block;position:static;margin:24px 0 0;padding:22px 20px;border:1px solid #cfddc8;border-radius:20px;background:linear-gradient(135deg,#fff9,#ebf1e499)}
 .p-illustrated-aside>.personal-scene,.p-illustrated-aside>.eyebrow,.p-illustrated-aside .p-aside-note{display:none}
 .p-illustrated-aside .p-aside-index{margin:0 0 12px;font-size:12px}
 .p-illustrated-aside h3{font-size:23px;margin:0 0 12px}
 .p-illustrated-aside>p{font-size:15px;line-height:1.65;margin:0}
}
@media(max-width:360px){.p-mobile-scene{width:150px;height:150px;margin:0 auto 16px}}
@media(prefers-reduced-motion:no-preference){.personal-scene{animation:personal-scene-reveal .45s ease-out both}@keyframes personal-scene-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}
@media print{.personal-scene,.p-illustrated-aside{display:none!important}}