:root{--pointer-x:50%;--pointer-y:30%;--tilt-x:0deg;--tilt-y:0deg}
body{background:#07080d;isolation:isolate}
.cosmos{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 80% 10%,#29345744,transparent 48%),radial-gradient(ellipse at 10% 55%,#38264a38,transparent 45%),#07080d}
.cosmos:before,.cosmos:after{content:"";position:absolute;inset:-15%;background-image:radial-gradient(1px 1px at 14% 23%,#d9e5ffb0 98%,transparent),radial-gradient(1px 1px at 78% 41%,#b8caff99 98%,transparent),radial-gradient(1.5px 1.5px at 45% 85%,#f4eaff80 98%,transparent);background-size:193px 229px,317px 271px,421px 383px;animation:star-drift 65s linear infinite;opacity:.7}
.cosmos:after{transform:rotate(20deg);animation-duration:95s;opacity:.3;filter:blur(.4px)}
.cosmic-light{position:absolute;inset:0;background:radial-gradient(550px circle at var(--pointer-x) var(--pointer-y),#9eacff0b,transparent 80%)}
.cosmic-nebula{position:absolute;width:55vw;height:55vw;min-width:350px;min-height:350px;border-radius:50%;background:radial-gradient(ellipse,#7888f41b,transparent 65%);filter:blur(25px);top:20%;left:-25%;animation:nebula-drift 22s ease-in-out infinite alternate}
.hero-art{isolation:isolate;perspective:1200px;position:relative;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .3s ease-out}
.hero-logo{position:relative;z-index:2;mix-blend-mode:screen;animation:logo-levitate 8s ease-in-out infinite;filter:drop-shadow(0 0 35px #b4c7ff0c)}
.orbital-system{position:absolute;inset:6%;z-index:3;pointer-events:none;animation:orbit-drift 34s linear infinite}
.orbit-ring{position:absolute;inset:0;border:1px solid #c3d2ff30;border-radius:50%;transform:rotateX(62deg) rotate(-25deg);box-shadow:0 0 30px #899dff0b,inset 0 0 25px #9ea6ff08}
.orbit-ring:before{content:"";position:absolute;top:14%;left:14%;width:9px;height:9px;background:#e2e9ff;border-radius:50%;box-shadow:0 0 20px #b4c4ff}
.orbit-ring:nth-child(2){inset:8%;transform:rotateY(65deg) rotate(35deg);border-color:#e1c5ff22}
.orbit-ring:nth-child(3){inset:-7%;transform:rotateX(72deg) rotate(60deg);border-style:dashed;opacity:.5}
.floating-service{position:absolute;z-index:5;padding:11px 15px;border:1px solid #a7b5e044;background:#121520c9;backdrop-filter:blur(14px);border-radius:8px;color:#e1e7f6;text-decoration:none;box-shadow:0 10px 35px #0006;animation:service-float 7s ease-in-out infinite;display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:.06em;min-height:44px}
.floating-service:before{content:"";width:6px;height:6px;border:1px solid #c1d0ff;border-radius:50%;box-shadow:0 0 12px #c1d0ff80}.floating-service:hover{background:#252c42;border-color:#c1d0ff;box-shadow:0 0 30px #a4b7ff20}.floating-photo{top:14%;left:1%}.floating-design{bottom:22%;left:-1%;animation-delay:-2s}.floating-web{top:38%;right:0;animation-delay:-4s}
.hero h1 em,.section-heading em{background:linear-gradient(110deg,#fff 10%,#b7c3de 55%,#d8c8ec);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .status-dot{box-shadow:0 0 15px #b8c9ff80}.hero-description{color:#b4b7c4}.header{background:#090b12e6;backdrop-filter:blur(20px)}
.approach-section,.book-section{background:linear-gradient(120deg,#111421cc,#0b0c13eb);border-block:1px solid #737eac20}
.project-card,.gallery-card,.shop-card,.print-listing{box-shadow:0 12px 40px #0002;transition:box-shadow .3s,border-color .3s,translate .3s}.project-card:hover,.shop-card:hover,.print-listing:hover{box-shadow:0 14px 48px #7d91d514;translate:0 -4px}.gallery-card{border-radius:4px}.gallery-card:hover{box-shadow:0 0 28px #9aaaff24}.inquiry-form{background:#11141ecc;backdrop-filter:blur(15px)}
.motion-control{position:fixed;right:14px;bottom:14px;z-index:20;border:1px solid #7984a955;background:#10131ee8;backdrop-filter:blur(12px);color:#cdd5e9;border-radius:30px;padding:10px 14px;min-height:44px;font-size:11px;cursor:pointer}.motion-control:hover{border-color:#bacbff}.motion-off .cosmos:before,.motion-off .cosmos:after,.motion-off .cosmic-nebula,.motion-off .hero-logo,.motion-off .orbital-system,.motion-off .floating-service{animation:none!important}.motion-off .hero-art{transform:none!important}.motion-off *{scroll-behavior:auto!important}
@keyframes star-drift{from{translate:0 0}to{translate:-4% -7%}}
@keyframes nebula-drift{to{translate:45vw 15vh;scale:1.3}}
@keyframes logo-levitate{50%{translate:0 -10px}}
@keyframes service-float{50%{translate:0 -12px}}
@keyframes orbit-drift{to{rotate:360deg}}
@media(max-width:599px){.floating-service{font-size:9px;padding:8px 10px;gap:7px}.floating-photo{top:11%;left:0}.floating-design{bottom:18%;left:0}.floating-web{right:0;top:40%}.orbital-system{inset:10%}.motion-control{font-size:10px;right:10px;bottom:10px}.hero-art{margin-inline:0}.hero-logo{width:100%}}
@media(prefers-reduced-motion:reduce){.cosmos:before,.cosmos:after,.cosmic-nebula,.hero-logo,.orbital-system,.floating-service{animation:none!important}.hero-art{transform:none!important}.project-card:hover,.shop-card:hover,.print-listing:hover{translate:none}}