html{scroll-behavior:smooth}body{--cursor-x:50vw;--cursor-y:50vh;overflow-x:hidden;isolation:isolate}body>*{position:relative;z-index:2}.ambient-field{position:fixed;inset:-15%;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(144,185,165,.16),transparent 22%)}.ambient-field:before,.ambient-field:after{content:"";position:absolute;inset:8%;border-radius:44% 56% 62% 38%;filter:blur(55px);opacity:.18;background:linear-gradient(130deg,#9fb8a7,transparent 55%);animation:ambientDrift 18s ease-in-out infinite alternate}.ambient-field:after{inset:42% 4% 2% 48%;animation-duration:13s;animation-direction:alternate-reverse}.archive-header{transition:background .45s,backdrop-filter .45s}.archive-header.is-scrolled{position:sticky;top:0;z-index:18;background:rgba(248,248,245,.82);backdrop-filter:blur(18px)}.spatial-card,.work-tile,.explorer-card{transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.is-tilting{box-shadow:0 30px 70px rgba(0,0,0,.12)}.scene-stage{perspective:1200px}.scene-stage:before{content:"";position:absolute;inset:-20%;z-index:1;pointer-events:none;background:radial-gradient(circle at calc(50% + var(--pointer-x)*30%),calc(50% + var(--pointer-y)*30%),rgba(130,255,205,.16),transparent 35%);mix-blend-mode:screen}.scene-link{transform:rotateX(calc(var(--pointer-y)*-2deg)) rotateY(calc(var(--pointer-x)*2.5deg)) scale(1.012);transition:transform .45s cubic-bezier(.16,1,.3,1)}.scene-caption{transform:translate3d(calc(var(--pointer-x)*14px),calc(var(--pointer-y)*10px),45px)}.scene-link>img{transition:opacity .35s,filter .5s,transform .7s}.scene-stage.is-changing .scene-link>img{opacity:.12;filter:blur(12px);transform:scale(1.05)}[data-motion-reveal]{opacity:0;transform:translateY(42px);filter:blur(7px);transition:opacity .85s,transform .9s cubic-bezier(.16,1,.3,1),filter .8s}[data-motion-reveal].is-visible{opacity:1;transform:none;filter:none}.interaction-ripple{position:fixed;left:var(--x);top:var(--y);width:20px;height:20px;border-radius:50%;z-index:90;pointer-events:none;transform:translate(-50%,-50%) scale(0);border:2px solid var(--effect,#82998c);box-shadow:0 0 0 2px rgba(255,255,255,.6),0 0 90px 30px var(--effect,#82998c);animation:clickRipple .8s cubic-bezier(.12,.7,.1,1) forwards}.page-transition{position:fixed;inset:0;z-index:80;pointer-events:none;clip-path:circle(0 at var(--x) var(--y));background:var(--effect,#20231f);animation:transitionOpen .78s cubic-bezier(.7,0,.2,1) forwards}body.theme-water .ambient-field{background:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(110,225,255,.24),transparent 18%),linear-gradient(145deg,#eef5f2,#d8e8e5 46%,#f8f8f5)}body.theme-water .ambient-field:before,body.theme-water .ambient-field:after{border:2px solid rgba(44,132,157,.22);background:transparent;filter:blur(2px);opacity:.75;animation:waterOrbit 9s ease-in-out infinite}body.theme-emotion .ambient-field{background:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(255,69,83,.23),transparent 15%),radial-gradient(circle at 70% 30%,rgba(126,70,255,.16),transparent 28%)}body.theme-emotion .ambient-field:before{background:#ff344f;animation:pulseField 3.2s ease-in-out infinite}body.theme-data .ambient-field{opacity:.5;background-image:linear-gradient(rgba(34,70,58,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(34,70,58,.1) 1px,transparent 1px);background-size:44px 44px;animation:gridShift 7s linear infinite}body.theme-light .ambient-field{background:conic-gradient(from 0deg at 50% 50%,transparent,#ff426a22,#6affd522,transparent 42%);animation:lightTurn 12s linear infinite}body.theme-nature .ambient-field:before,body.theme-nature .ambient-field:after{background:linear-gradient(120deg,#a5d789,#7dadd4);opacity:.28;animation:organicFloat 10s ease-in-out infinite alternate}body.theme-culture .ambient-field{background:repeating-linear-gradient(110deg,transparent 0 42px,rgba(112,65,48,.07) 43px 45px);animation:gridShift 12s linear infinite}@keyframes ambientDrift{to{transform:translate(13vw,-8vh) rotate(35deg) scale(1.25)}}@keyframes clickRipple{70%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%) scale(28)}}@keyframes transitionOpen{to{clip-path:circle(160vmax at var(--x) var(--y))}}@keyframes waterOrbit{50%{transform:scale(1.25) rotate(16deg);border-radius:58% 42% 35% 65%}to{transform:scale(.92) rotate(-8deg)}}@keyframes pulseField{50%{transform:scale(1.28);opacity:.08}}@keyframes gridShift{to{background-position:44px 44px}}@keyframes lightTurn{to{transform:rotate(360deg)}}@keyframes organicFloat{to{transform:translate(14vw,9vh) rotate(28deg) scale(1.3)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient-field,.ambient-field:before,.ambient-field:after,.interaction-ripple,.page-transition{animation:none!important}.spatial-card,.work-tile,.explorer-card,.scene-link,.scene-caption,[data-motion-reveal]{transition:none!important;transform:none!important;filter:none!important;opacity:1!important}}
