.journey.portrait-display{display:block;width:100%;max-width:none;border:1px solid #d7ad6238;border-radius:12px;overflow:hidden;background:#0d1119;box-shadow:0 18px 55px #0004}.portrait-stage{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;perspective:1100px;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#87704222,transparent 60%),linear-gradient(145deg,#161a24,#090d15);--portrait-x:0deg;--portrait-y:0deg;--portrait-dx:0px;--portrait-dy:0px}.portrait-stage:before{content:'';position:absolute;inset:8%;border:1px solid #d7ad6210;border-radius:50%;transform:rotateX(60deg) rotateZ(-15deg);pointer-events:none}.portrait-depth{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--portrait-x)) rotateY(var(--portrait-y));transition:transform .35s ease-out;pointer-events:none}.portrait-halo{position:absolute;width:47%;aspect-ratio:1;left:26.5%;top:9%;border-radius:50%;background:radial-gradient(circle,#dec18b16,#9c79401a 42%,transparent 70%);box-shadow:0 0 75px #bd904418;transform:translateZ(-30px)}.portrait-orbit{position:absolute;left:19%;top:19%;width:62%;height:48%;border:1px solid #d7ad6226;border-radius:50%;transform:rotateZ(-20deg) rotateY(40deg) translateZ(-25px);box-shadow:inset 0 0 20px #d7ad6205}.portrait-floor{position:absolute;left:12%;bottom:-18%;width:76%;height:70%;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 38px,#d7ad620b 39px 40px);transform:rotateX(65deg) translateZ(-10px);opacity:.7}.portrait-pedestal{position:absolute;width:46%;height:9%;left:27%;bottom:5%;border-radius:50%;background:radial-gradient(ellipse,#2d2d2b,#171b23 58%,#080d15 75%);border:1px solid #d7ad6240;box-shadow:0 12px 0 -2px #070b11,0 14px 0 -2px #d7ad6214,0 21px 30px #0008,inset 0 1px 8px #e2c38725;transform:translateZ(20px)}.journey.portrait-display .cutout-subject{position:absolute;display:block;height:96%;width:auto;max-width:90%;max-height:none;aspect-ratio:auto;left:50%;bottom:4%;object-fit:contain;object-position:center bottom;background:none;border:0;border-radius:0;filter:drop-shadow(13px 10px 11px #0007);transform:translateX(-50%) translate(var(--portrait-dx),var(--portrait-dy)) rotateY(var(--portrait-y)) translateZ(55px);transform-origin:50% 85%;transition:transform .35s ease-out;z-index:2;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 85%,#000b 93%,transparent 99%);mask-image:linear-gradient(to bottom,#000 0%,#000 85%,#000b 93%,transparent 99%)}.portrait-stage-label{position:absolute;left:6%;top:8%;font-size:7px;line-height:1.9;letter-spacing:1.5px;color:#a99a7c;z-index:3;pointer-events:none}.journey.portrait-display figcaption{display:flex;justify-content:space-between;gap:15px;align-items:center;max-width:none;padding:17px 20px;line-height:1.8;background:#0d1119;border-top:1px solid #d7ad621a;color:#c1aa7d;font-size:11px}.journey.portrait-display figcaption small{font-size:9px;color:#8c8c83;letter-spacing:.5px}@media(max-width:800px){.journey.portrait-display{display:block;width:100%;max-width:none}.portrait-stage{aspect-ratio:4/3}.journey.portrait-display .cutout-subject{height:96%;width:auto;max-width:90%;aspect-ratio:auto}.portrait-stage-label{font-size:6px;letter-spacing:1px}.journey.portrait-display figcaption{padding:16px 18px;gap:10px;font-size:10px}.journey.portrait-display figcaption small{font-size:8px}}@media(prefers-reduced-motion:reduce){.portrait-depth,.journey.portrait-display .cutout-subject{transition:none}}