/* LIVING CONSTELLATION — the artwork is the installation. */
.art-universe{height:480svh;position:relative;isolation:isolate}
.art-stage{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;background:#eeece5;color:#292c23;--lime:#596343}
.art-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 42%,#d7d8c566,transparent 58%),radial-gradient(ellipse at 20% 80%,#d9d4c044,transparent 60%),#eeece5}
.art-stage:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(90deg,#eeece5bb,transparent 45%),linear-gradient(0deg,#eeece5,transparent 18%,transparent 90%,#eeece5)}
.art-edition{position:absolute;left:5%;right:5%;top:115px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:2px;z-index:5;color:#676c5d}
.art-edition i{display:inline-block;width:4px;height:4px;background:#596343;margin-right:10px}.art-edition>span:last-child{font-size:7px}
.art-dust{position:absolute;left:64%;top:48%;perspective:950px;transform-style:preserve-3d;pointer-events:none}.art-dust i{position:absolute;width:2px;height:2px;background:#727b62;border-radius:50%;will-change:transform}
.art-space{position:absolute;left:32%;top:19%;width:65%;height:66%;perspective:1100px;transform-style:preserve-3d;will-change:transform}
.art-fragment{position:absolute;left:50%;top:50%;width:clamp(270px,34vw,560px);padding:0;border:0;background:transparent;will-change:transform,opacity;backface-visibility:hidden;transform:translate(-50%,-50%);text-align:left;cursor:pointer;box-shadow:none}
.art-fragment img{display:block;width:100%;height:auto;max-height:57svh;object-fit:contain;pointer-events:none;filter:drop-shadow(0 20px 45px #464b302b)}
.art-fragment>span{display:flex;justify-content:space-between;gap:12px;padding:18px 0;font-size:8px;letter-spacing:2px;line-height:1.4;color:#596343;border-top:1px solid #747b6233;margin-top:15px}
.art-fragment b{font-weight:400;font-size:18px;color:#596343}.art-fragment:hover img{filter:drop-shadow(0 20px 45px #464b302b) brightness(1.08)}.art-fragment:focus-visible{outline:1px solid #596343;outline-offset:10px}
.fragment-koi,.fragment-dryads,.fragment-trees,.fragment-astro,.fragment-city{visibility:hidden}
.art-coordinate{position:absolute;bottom:-5%;left:50%;transform:translateX(-50%);font:9px/1.5 monospace;letter-spacing:5px;color:#676c5d}
.art-opening-copy{position:absolute;z-index:4;left:6%;top:33%;width:36%;pointer-events:none}
.art-kicker{font-size:7px;letter-spacing:2.5px;line-height:1.8;color:#676c5d;margin:0 0 25px}
.art-opening-copy h1{font:400 clamp(54px,6.6vw,108px)/1.02 Manrope,sans-serif;letter-spacing:-5px;margin:0;color:#292c23}
.art-opening-copy h1 em{font:italic 1.05em/1 Georgia,serif;color:#596343;letter-spacing:-4px}
.art-intro{font-size:11px;line-height:1.9;max-width:270px;color:#676c5d;margin:32px 0 18px}
.art-explore{display:inline-flex;gap:35px;align-items:center;pointer-events:auto;border-bottom:1px solid #9da58f;padding:12px 0;font-size:10px;color:#292c23}.art-explore i{font-style:normal;font-size:22px;color:#596343}
.art-reveal-copy{position:absolute;z-index:5;left:6%;top:34%;width:36%;pointer-events:none;opacity:0;transform:translateY(40px)}
.art-reveal-copy>p{font-size:8px;letter-spacing:2px;color:#676c5d}.art-reveal-copy>div{font:400 clamp(40px,5.8vw,88px)/1.06 Manrope,sans-serif;letter-spacing:-3px}.art-reveal-copy em{color:#596343}
.art-stage-footer{position:absolute;left:5%;right:5%;bottom:25px;z-index:7;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#676c5d;font-size:9px}
.art-scroll{display:flex;gap:18px;align-items:center;min-height:44px}.art-scroll>span:first-child{font-size:24px;color:#596343}
.art-motion{display:flex;gap:9px;align-items:center;min-height:44px;border:1px solid #a3ab94;border-radius:25px;padding:10px 15px;font-size:9px;color:#292c23;background:#eeece5e6}
.art-footer-note{font-size:7px;letter-spacing:2px}.art-scroll-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#cbcdbf}.art-scroll-progress span{display:block;height:100%;background:#596343;transform:scaleX(0);transform-origin:left}
.art-universe.art-paused{height:100svh;min-height:700px}.art-paused .art-reveal-copy{display:none}
@media(max-width:1000px){.art-opening-copy h1{font-size:62px;letter-spacing:-3px}.art-opening-copy h1 em{letter-spacing:-3px}.art-footer-note{display:none}.art-intro{max-width:220px}}
@media(max-width:650px){.art-universe{height:420svh}.art-stage{min-height:760px}.art-edition{top:102px;left:7%;right:7%;font-size:6px;letter-spacing:1.2px}.art-edition>span:last-child{display:none}.art-space{left:0;top:19%;width:100%;height:39%;perspective:900px}.art-dust{left:50%;top:37%}.art-fragment{width:65vw}.art-fragment img{max-height:31svh}.art-fragment>span{font-size:6px;letter-spacing:1px;padding:10px 0;margin-top:10px}.art-coordinate{bottom:-5%;font-size:7px}.art-opening-copy{left:7%;top:auto;bottom:110px;width:86%}.art-opening-copy h1{font-size:clamp(46px,12vw,64px);letter-spacing:-3px;line-height:.98}.art-opening-copy h1 br{display:none}.art-opening-copy h1 em{display:block}.art-kicker{font-size:6px;margin:0 0 12px}.art-intro{font-size:10px;max-width:300px;margin:15px 0 3px;line-height:1.7}.art-explore{font-size:10px;padding:8px 0}.art-stage-footer{left:7%;right:7%;bottom:20px;font-size:7px}.art-motion{font-size:8px;padding:8px 10px}.art-scroll{max-width:150px;line-height:1.6;gap:10px}.art-reveal-copy{left:7%;top:auto;bottom:170px;width:86%}.art-reveal-copy>div{font-size:48px}.art-universe.art-paused{min-height:760px}.art-stage:after{background:linear-gradient(0deg,#eeece5,transparent 22%,transparent 85%,#eeece5)}}
@media(prefers-reduced-motion:reduce){.art-universe{height:100svh;min-height:760px}.art-stage{position:relative}.art-fragment,.art-dust i{will-change:auto;transition:none}}