body{--paper:#f5eee0;--gold:#dfbf86;background:#090b0f}#scene-backdrop{position:fixed;inset:-20px;background-image:url('/assets/night-garden-background.png');background-size:cover;background-position:center;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0) scale(calc(1.03 + var(--scene-depth,0)*.07));transition:opacity 1s ease,transform .6s ease;pointer-events:none;z-index:0}#scene-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090b10a8 0%,#090b1040 40%,#090b1020 72%),linear-gradient(0deg,#080a10ca,transparent 35%,#06090d44)}#cosmos{z-index:1;opacity:.65}.vignette{z-index:1;background:radial-gradient(ellipse at 50% 45%,transparent 10%,#04070a44 80%,#04070abb)}header{position:absolute;inset:0 0 auto;height:100px;border:0;background:linear-gradient(#05070c88,transparent);padding:0 5%}.brand .seal{border-color:#dfbf8670;color:#e5cba2}.brand{font-size:16px;letter-spacing:.22em}.brand small{font-size:9px}nav{font-size:13px}.hero-journey{position:relative;height:230svh;z-index:2}.immersive-hero{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden}.hero-copy{position:absolute;top:18%;left:6%;z-index:5;pointer-events:none}.hero-copy .eyebrow{font-size:11px;letter-spacing:.21em;margin-bottom:25px}.hero-copy h1{font-weight:400;font-size:clamp(34px,4.2vw,64px);line-height:1.7;letter-spacing:.14em;margin:0;text-shadow:0 5px 30px #0009}.hero-copy h1 em{font-style:normal}.hero-signature{font-family:var(--roman);font-size:28px;letter-spacing:.23em;color:var(--gold);margin-top:20px}.floating-gallery{position:absolute;inset:0;perspective:1600px;transform-style:preserve-3d}.floating-work{position:absolute;top:46%;left:58%;width:clamp(210px,22vw,310px);display:block;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.16,1,.3,1),filter 1s,opacity 1s;transform-origin:center center;z-index:3}.floating-work .frame{height:clamp(265px,30vw,420px);background:#080a0dbb;border-color:#d5b4849c;padding:8px;box-shadow:0 35px 70px #000a,0 0 32px #d0aa6026;transform:none}.floating-work .frame:before{inset:-6px;border-color:#dfbf8640;transform:translateZ(-9px)}.floating-work .frame:after{background:linear-gradient(120deg,#ffe3bc22,transparent 42%,transparent 75%,#bed7ff12)}.floating-work .frame img{object-fit:contain}.floating-work:after{content:'';position:absolute;left:5%;right:5%;top:calc(100% + 45px);height:25px;border-radius:50%;background:#000a;filter:blur(14px);transform:rotateX(70deg) translateZ(-100px);pointer-events:none}.floating-work.hero-focus{transform:translate(-50%,-50%) translateZ(calc(100px + var(--approach,0)*95px)) rotateY(-4deg);filter:brightness(1.1);z-index:4;opacity:1}.floating-work.hero-left{transform:translate(-145%,-40%) translateZ(-220px) rotateY(24deg) rotateZ(-3deg);filter:brightness(.68);z-index:2;opacity:.88}.floating-work.hero-right{transform:translate(60%,-47%) translateZ(-270px) rotateY(-27deg) rotateZ(3deg);filter:brightness(.72);z-index:2;opacity:.85}.floating-work:hover,.floating-work:focus-visible{filter:brightness(1.2)}.floating-caption{display:block;text-align:center;margin-top:20px;font-size:14px;letter-spacing:.1em;color:#f0e5d4;text-shadow:0 2px 12px #000;line-height:1.7}.hero-bottom{position:absolute;left:6%;right:6%;bottom:9%;z-index:5;display:flex;align-items:end;justify-content:space-between;gap:40px}.theme-label{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.24em;color:#c1b7a7}.hero-bottom .artist-themes{font-size:18px;letter-spacing:.14em;gap:18px;text-shadow:0 2px 12px #000;margin-top:15px}.hero-guidance{text-align:right;color:#c4bdb0}.hero-guidance>span{display:block;color:var(--paper);font-size:18px;letter-spacing:.08em}.hero-guidance p{font-size:12px;letter-spacing:.08em;margin:12px 0}.collection-jump{color:var(--gold);font-size:14px;display:inline-block;padding-bottom:6px;border-bottom:1px solid #dfbf865c}.scroll-marker{position:absolute;bottom:2%;left:50%;display:flex;flex-direction:column;align-items:center;gap:12px;color:#dbd0bd;transform:translateX(-50%)}.scroll-marker span{font-family:Arial,sans-serif;font-size:9px;letter-spacing:.24em}.scroll-marker i{display:block;width:1px;height:22px;background:linear-gradient(var(--gold),transparent);animation:scrollLight 2.5s infinite}@keyframes scrollLight{0%,100%{opacity:.4;transform:scaleY(.6);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}.collection-surface{padding-top:50px;background:linear-gradient(#090b0fbd,#090b0fec 14%,#090b0ff5);border-top:1px solid #c7ad7833;backdrop-filter:blur(12px)}.collection-heading{margin-top:0}.detail #scene-backdrop{opacity:.3}.detail #scene-backdrop:after{background:#080a1090}.detail header{height:106px;background:#090b0fbb}.detail .story{position:relative;z-index:3}.detail .art-fixed{z-index:2}.detail-frame{background:#090b0fc7;box-shadow:0 20px 100px #000a,0 0 60px #c7ad7815}.art-portal:before,.art-portal:after{display:none}.art-portal img{transform:none;object-fit:contain}.still .floating-work.hero-focus{transform:translate(-50%,-50%)}.still .floating-work.hero-left{transform:translate(-145%,-40%) scale(.8)}.still .floating-work.hero-right{transform:translate(60%,-47%) scale(.75)}
.hero-copy h1{font-size:clamp(34px,3.3vw,54px)}.floating-work:not([data-hero-index="0"]) .frame{height:clamp(210px,22vw,310px)}.floating-caption{font-size:14px}
@media(min-width:1600px){.floating-work{left:57%;width:310px}.floating-work .frame{height:420px}.hero-copy{top:22%}}
@media(max-width:1000px) and (min-width:801px){.hero-copy{top:17%}.hero-copy h1{font-size:36px}.floating-work{left:61%;width:205px}.floating-work .frame{height:280px}.hero-bottom .artist-themes{font-size:15px;gap:12px}}
@media(max-width:800px){header{height:80px;padding:0 6%}.brand{font-size:13px}.brand small{font-size:8px}.immersive-hero{min-height:620px}.hero-journey{height:205svh}#scene-backdrop{background-position:50% center}#scene-backdrop:after{background:linear-gradient(0deg,#07090ed9,transparent 70%),linear-gradient(90deg,#07090e44,transparent)}.hero-copy{top:15%;left:7%}.hero-copy .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:16px}.hero-copy h1{font-size:31px;line-height:1.65}.hero-signature{font-size:21px;margin-top:10px}.floating-work{top:52%;left:50%;width:43vw;max-width:230px}.floating-work .frame{height:58vw;max-height:300px;padding:5px}.floating-work.hero-focus{transform:translate(-50%,-50%) translateZ(calc(20px + var(--approach,0)*55px)) rotateY(-3deg)}.floating-work.hero-left{transform:translate(-155%,-43%) translateZ(-180px) rotateY(24deg) rotateZ(-4deg)}.floating-work.hero-right{transform:translate(55%,-43%) translateZ(-180px) rotateY(-24deg) rotateZ(4deg)}.floating-caption{font-size:11px;margin-top:14px}.hero-bottom{left:7%;right:7%;bottom:9%;display:block}.hero-bottom .artist-themes{font-size:14px;gap:10px;margin-top:12px}.hero-bottom .theme-label{font-size:9px}.hero-guidance{text-align:left;margin-top:25px}.hero-guidance>span{display:none}.hero-guidance p{font-size:11px}.collection-jump{font-size:13px}.scroll-marker{bottom:2%;left:90%}.collection-surface{padding-top:35px}.detail header{height:85px}.detail .art-fixed{background:radial-gradient(ellipse,#131820,#090b0ff5)}.hero-copy h1 em{display:inline}.still .floating-work.hero-left{transform:translate(-155%,-43%) scale(.75)}.still .floating-work.hero-right{transform:translate(55%,-43%) scale(.75)}}
@media(prefers-reduced-motion:reduce){#scene-backdrop{transform:none}.floating-work.hero-focus{transform:translate(-50%,-50%)}.floating-work.hero-left{transform:translate(-145%,-40%) scale(.8)}.floating-work.hero-right{transform:translate(60%,-47%) scale(.75)}}