/* Decorative sky map: all content remains readable without motion or script. */
.hero-art{isolation:isolate}
.celestial-map{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:0;transform:translateY(var(--hero-shift,0px)) rotate(var(--hero-turn,0deg));will-change:transform}
.zodiac-wheel{position:relative;width:560px;height:560px;border:1px solid #77a89b55;border-radius:50%;background:radial-gradient(circle,transparent 54%,#8fbeb20b 62%,transparent 70%);box-shadow:0 0 0 42px #7eaca40b,0 0 0 96px #7eaca407;animation:zodiac-drift 150s linear infinite}
.zodiac-wheel:before,.zodiac-wheel:after{content:"";position:absolute;inset:39px;border:1px dashed #79a99e40;border-radius:50%}
.zodiac-wheel:after{inset:108px;border-style:solid;border-color:#79a99e30}
.zodiac-wheel span{position:absolute;left:calc(50% - 12px);top:calc(50% - 13px);width:24px;height:26px;text-align:center;font:19px/26px "Segoe UI Symbol",system-ui,sans-serif;color:#39736caa;transform:rotate(calc(var(--i) * 30deg)) translateY(-272px) rotate(calc(var(--i) * -30deg))}
.celestial-body{position:absolute;display:grid;place-items:center;border-radius:50%;font-family:"Segoe UI Symbol",system-ui,sans-serif;font-weight:400;line-height:1;box-shadow:0 0 22px #214f561c}
.celestial-sun{width:52px;height:52px;left:11%;top:17%;font-size:39px;color:#8a6125;background:#f4e5bf;border:1px solid #d8b46c}
.celestial-moon{width:64px;height:64px;right:8%;bottom:18%;font-size:43px;color:#39716f;background:#e1f0e9;border:1px solid #a7d2c7}
.celestial-saturn{width:37px;height:37px;right:13%;top:11%;font-size:27px;color:#67877d;background:#f4f5ec;border:1px solid #c5d3c4}
.hero-art .phone{z-index:2;transition:transform .5s ease,box-shadow .5s ease}
.hero-art:hover .phone{transform:rotate(3deg) translateY(-5px);box-shadow:0 35px 80px #214f5642,inset 0 0 0 1px #c4dcd0}
.hero-art .orbit{z-index:0}
.art-image{transition:transform .6s ease}
.art-card{transition:box-shadow .35s ease,transform .35s ease}
.art-card:hover{box-shadow:0 18px 38px #214f561a;transform:translateY(-3px)}
.art-card:hover .art-image{transform:scale(1.035)}
section[data-scene] .section-label:after{content:"";display:block;width:0;height:2px;margin-top:12px;background:#e5b86f;transition:width .55s ease}
section[data-scene].in-view .section-label:after{width:42px}
body:after{content:"";position:fixed;top:0;left:0;right:0;height:2px;z-index:30;pointer-events:none;background:#b78a42;transform:scaleX(var(--scroll-ratio,0));transform-origin:left center}
@keyframes zodiac-drift{to{transform:rotate(360deg)}}
@media(max-width:850px){.celestial-map{inset:0 0 auto;height:620px}.zodiac-wheel{width:520px;height:520px}.zodiac-wheel span{transform:rotate(calc(var(--i) * 30deg)) translateY(-252px) rotate(calc(var(--i) * -30deg))}}
@media(max-width:650px){.celestial-map{inset:0;overflow:hidden}.zodiac-wheel{width:420px;height:420px}.zodiac-wheel span{font-size:18px;transform:rotate(calc(var(--i) * 30deg)) translateY(-204px) rotate(calc(var(--i) * -30deg))}.celestial-sun{left:0;top:14%}.celestial-moon{right:1%;bottom:22%}.celestial-saturn{right:0;top:11%}.hero-art:hover .phone{transform:rotate(6deg)}}
@media(prefers-reduced-motion:reduce){.zodiac-wheel{animation:none}.celestial-map{transform:none;will-change:auto}.hero-art .phone{transition:none}.hero-art:hover .phone{transform:none}.art-card,.art-image{transition:none}.art-card:hover,.art-card:hover .art-image{transform:none}body:after{display:none}section[data-scene] .section-label:after{transition:none}}