.life-section{position:relative;padding:65px 0 35px;isolation:isolate;overflow:clip;scroll-margin-top:15px}
.life-section h2{position:relative;z-index:2;padding:0 clamp(24px,6vw,100px);font:400 clamp(64px,8vw,112px)/1 var(--serif);letter-spacing:-.055em;color:#e5eee7;pointer-events:none}
.life-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 38%,#64928d12,transparent 52%),radial-gradient(ellipse at 80% 65%,#74799112,transparent 50%)}
.life-stage{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:35px;padding:40px}
.life-photo{position:relative;display:block;padding:0;background:transparent;min-width:0;line-height:0;touch-action:pan-y}
.life-photo img{width:100%;height:100%;object-fit:contain;display:block;border-radius:3px;box-shadow:0 24px 35px -22px #000b;user-select:none;-webkit-user-drag:none;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.life-photo:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:3px;background:radial-gradient(ellipse at var(--life-light-x,40%) var(--life-light-y,20%),#effffb18,transparent 60%);opacity:0;transition:opacity .45s;transform:translateZ(1px)}
.life-stage.life-ready{display:block;position:relative;height:720px;padding:0;perspective:1100px;perspective-origin:50% 48%;transform-style:preserve-3d;cursor:grab;touch-action:pan-y}
.life-ready .life-photo{position:absolute;left:50%;top:48%;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}
.life-photo:hover img,.life-photo:focus-visible img{transform:translateZ(22px) scale(1.055);box-shadow:0 30px 48px -24px #000d}
.life-photo:hover:after,.life-photo:focus-visible:after{opacity:1}
.life-stage.is-dragging,.life-stage.is-dragging .life-photo{cursor:grabbing}
.life-photo:focus-visible{outline:1px solid #d7ede6;outline-offset:7px;border-radius:3px}
.life-viewing{overflow:hidden}
#life-viewer{position:fixed;inset:0;margin:auto;padding:64px 70px;max-width:100vw;max-height:100svh;width:100vw;height:100svh;border:0;border-radius:0;background:#061118ed;box-shadow:none;overflow:hidden;color:#e9f3ef}
#life-viewer::backdrop{background:#061118cc;backdrop-filter:blur(20px)}
#life-viewer[open]{display:flex;align-items:center;justify-content:center}
#life-full-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:2px;box-shadow:0 25px 80px #0006}
#life-viewer button{position:absolute;width:44px;height:44px;display:grid;place-items:center;border:1px solid #d8eee333;border-radius:50%;background:#19313baa;backdrop-filter:blur(16px);color:#f0f6ee;z-index:2}
#life-viewer button:hover{background:#45606cc9}#life-close{top:20px;right:20px}#life-prev{left:14px;top:calc(50% - 22px)}#life-next{right:14px;top:calc(50% - 22px)}
#life-viewer svg{width:20px;height:20px}
.motion-paused .life-photo img{transition:none}
@media(max-width:700px){.life-section{padding:45px 0 15px}.life-section h2{font-size:66px}.life-stage{grid-template-columns:repeat(2,1fr);padding:25px;gap:20px}.life-stage.life-ready{height:630px;perspective:850px}.glass-nav{max-width:calc(100vw - 24px)}.glass-nav a{padding:10px 8px;font-size:13px}#life-viewer{padding:65px 12px 82px}#life-prev,#life-next{top:auto;bottom:20px}#life-prev{left:calc(50% - 52px)}#life-next{right:calc(50% - 52px)}}
@media(prefers-reduced-motion:reduce){.life-photo img,.life-photo:after{transition:none}}

/* Image planes face the viewer; depth uses position and uniform scale only. */
#process .spatial-scene .spatial-image{transform:none!important}
#work .gallery-stage.index-mode .art-panel{transform:none!important}
/* Large exhibition prints: unwarped artwork, physical mat and dark metal frame. */
.life-section{padding-top:64px;padding-bottom:65px;background:radial-gradient(ellipse at 50% 42%,#536f7438,transparent 67%)}
.life-section h2{margin-bottom:20px}
.life-stage.life-exhibition{display:flex;position:relative;align-items:center;gap:clamp(26px,3.5vw,65px);padding:28px max(8vw,calc((100vw - 920px)/2)) 60px;height:auto;min-height:560px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab;overscroll-behavior-x:contain;perspective:1600px}
.life-stage.life-exhibition::-webkit-scrollbar{display:none}
.life-slot{display:flex;align-items:center;justify-content:center;flex:none;scroll-snap-align:center;scroll-snap-stop:always}
.life-exhibition .life-photo{position:relative;flex:none;left:auto;top:auto;box-sizing:content-box!important;padding:0!important;width:auto!important;height:auto!important;line-height:0;border:5px solid #19292e;border-radius:3px;background:#edece4;box-shadow:inset 0 0 0 1px #fbfff166,0 2px 0 #516063,0 5px 0 #0a161b,0 25px 35px -15px #000a,0 45px 65px -27px #000b;transform:translateY(var(--print-lift,0px)) scale(var(--print-scale,1));transform-origin:center;transition:box-shadow .4s;will-change:transform}
.life-exhibition .life-photo img{width:auto;height:auto;max-width:min(70vw,856px);max-height:min(62vh,556px);padding:28px;box-sizing:content-box;object-fit:contain;border-radius:0;box-shadow:none;background:linear-gradient(135deg,#f4f3ec,#dedfd5);transform:none!important}
.life-exhibition .life-photo:before{content:"";position:absolute;inset:27px;pointer-events:none;z-index:1;border:1px solid #172b302b;box-shadow:inset 0 1px 3px #10232930}
.life-exhibition .life-photo:after{inset:0;border-radius:0;background:linear-gradient(130deg,#fff1,transparent 45%,#e3faff05);opacity:1;transform:none}
.life-exhibition .life-photo:hover,.life-exhibition .life-photo.is-current{box-shadow:inset 0 0 0 1px #fbfff166,0 2px 0 #697675,0 5px 0 #0a161b,0 32px 44px -20px #000c,0 55px 70px -30px #000b}
.life-stage.is-dragging{scroll-snap-type:none;scroll-behavior:auto}
.life-browse{display:flex;justify-content:center;gap:14px;margin:0 auto}
.life-browse button{display:grid;place-items:center;width:52px;height:52px;border:1px solid #c6e3d938;border-radius:50%;background:#24424b65;color:#e6eee6;backdrop-filter:blur(16px);transition:background .2s,transform .2s}
.life-browse button:hover{background:#55767e80;transform:translateY(-2px)}.life-browse button:disabled{opacity:.25;cursor:default;transform:none}
.life-browse svg{width:22px;height:22px}
@media(max-width:700px){.life-section{padding:40px 0}.life-section h2{margin-bottom:12px}.life-stage.life-exhibition{padding:18px 8vw 38px;min-height:400px;gap:20px}.life-exhibition .life-photo{border-width:3px}.life-exhibition .life-photo img{max-width:calc(84vw - 42px);max-height:60svh;padding:18px}.life-exhibition .life-photo:before{inset:17px}.life-browse button{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.life-exhibition .life-photo,.life-browse button{transition:none}}