@layer components{.hero-scene{position:fixed;inset:0;--light-y: 10dvh;--pad-center-y: 48dvh;--pad-float: 28;--light-height: 612;--shadow-throw: calc( (var(--pad-center-y) - var(--light-y)) * var(--pad-float) / var(--light-height) );--shadow-color: 43 36 26;--pad-width: min(84vw, 72rem, 102dvh);--pad-height: calc(var(--pad-width) * 2 / 3);--pad-radius: calc(var(--pad-width) * .042);--pad-rim: 1.4px;--pad-sheen-y: max( calc(var(--light-y) - var(--pad-center-y) + var(--pad-height) / 2), calc(var(--pad-height) * -.3) );--pad-rim-light: 44.9%;--pad-sheen: 9.2%}.hero-scene__shadow,.hero-pad{position:absolute;top:var(--pad-center-y);left:50%;width:var(--pad-width);height:var(--pad-height);translate:-50% -50%}.hero-scene__shadow-fill{position:absolute;inset:0;border-radius:var(--pad-radius);corner-shape:squircle}.hero-scene__shadow--ambient{z-index:1;transform:translateY(calc(var(--shadow-throw) * .3 + 5.6px)) scale(1.0658);filter:blur(48.8px);opacity:.1144}.hero-scene__shadow--ambient .hero-scene__shadow-fill{background:rgb(var(--shadow-color))}.hero-scene__shadow--cast{z-index:2;transform:translateY(var(--shadow-throw)) scale(1.0458);filter:blur(calc(28.8px + var(--shadow-throw) * .35));opacity:.342}.hero-scene__shadow--cast .hero-scene__shadow-fill{background:linear-gradient(180deg,rgb(var(--shadow-color) / 100%),rgb(var(--shadow-color) / 52%))}.hero-scene__shadow--contact{z-index:3;transform:translateY(calc(var(--shadow-throw) * .14 + 1.68px)) scale(.988);filter:blur(5.92px);opacity:.3412}.hero-scene__shadow--contact .hero-scene__shadow-fill{background:rgb(var(--shadow-color))}.hero-pad{z-index:4;container-type:inline-size}.hero-pad__ring,.hero-pad__face,.hero-pad__sheen{position:absolute}.hero-pad__ring{inset:0;border-radius:var(--pad-radius);corner-shape:squircle;background:linear-gradient(180deg,rgb(255 248 236 / var(--pad-rim-light)),#fffcf60d 34%,#fff0 62%),#0d0c0b}.hero-pad__face{inset:var(--pad-rim);border-radius:calc(var(--pad-radius) - var(--pad-rim));corner-shape:squircle;overflow:hidden;isolation:isolate;background:#080d16}.hero-pad__art{position:absolute;z-index:0;inset:0 0 0 38%;width:62%;height:100%;object-fit:cover;object-position:50% 22%;scale:1.025;transform-origin:66% 50%;filter:saturate(.94) contrast(1.02) brightness(1.08);transition:scale 1.1s var(--ease-settle),filter 1.1s var(--ease-settle)}.hero-pad:focus-within .hero-pad__art{scale:1.04;filter:saturate(1) contrast(1.03) brightness(1.14)}@media(hover:hover){.hero-pad:hover .hero-pad__art{scale:1.04;filter:saturate(1) contrast(1.03) brightness(1.14)}}.hero-pad__wash{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#11100f,#11100ffa 34%,#11100feb 43%,#0a0d147a 53%,#080d1614 65%,#080d1600 76%),linear-gradient(0deg,rgb(4 8 15 / 34%),transparent 38%)}.hero-pad__stars{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;opacity:.92;mix-blend-mode:screen;pointer-events:none}.hero-pad__planet{position:absolute;z-index:3;display:block;height:auto;opacity:var(--planet-alpha-low);transform:translate3d(-50%,-50%,0);transform-origin:center;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity}.hero-pad__planet--aurora{--planet-alpha-low: .32;--planet-alpha-high: .5;top:19%;left:55%;width:clamp(2.05rem,4.25cqi,3.15rem);filter:saturate(.8) brightness(.88) contrast(.96) drop-shadow(0 .12rem .48rem rgb(132 218 212 / 20%));animation:planet-aurora-drift 26s ease-in-out -7s infinite}.hero-pad__planet--eclipse{--planet-alpha-low: .34;--planet-alpha-high: .48;top:95%;left:50%;width:clamp(1.95rem,4.5cqi,3rem);filter:saturate(.46) sepia(.08) brightness(.72) contrast(.93) drop-shadow(0 .1rem .46rem rgb(122 105 132 / 18%));animation:planet-eclipse-drift 32s ease-in-out -11s infinite}@keyframes planet-aurora-drift{0%,to{opacity:var(--planet-alpha-low);transform:translate3d(-50%,-50%,0) rotate(-2.6deg) scale(.97)}48%{opacity:var(--planet-alpha-high);transform:translate3d(calc(-50% + .42rem),calc(-50% - .26rem),0) rotate(1.2deg) scale(1.015)}}@keyframes planet-eclipse-drift{0%,to{opacity:var(--planet-alpha-low);transform:translate3d(-50%,-50%,0) rotate(1.2deg) scale(.995)}53%{opacity:var(--planet-alpha-high);transform:translate3d(calc(-50% - .18rem),calc(-50% + .18rem),0) rotate(-.8deg) scale(1.012)}}.hero-pad__sheen{z-index:4;inset:0;opacity:.42;mix-blend-mode:screen;background:radial-gradient(90cqi circle at 50% var(--pad-sheen-y),rgb(255 252 244 / var(--pad-sheen)),transparent 68%)}.hero-pad__glow{position:absolute;z-index:-1;inset:-13%;pointer-events:none;opacity:0;scale:.92;filter:blur(clamp(1.8rem,4.8cqi,4rem)) saturate(1.18);transition:opacity var(--pause-unhover) var(--ease-exit),scale var(--pause-unhover) var(--ease-exit)}.hero-pad__glow:before,.hero-pad__glow:after{content:"";position:absolute;inset:0;border-radius:42%}.hero-pad__glow:before{background:conic-gradient(from 22deg,#ffe78eb8,#efac99b3,#9ddce6c7,#b8a6e19e,#efbfaca8,#ffe78eb8)}.hero-pad__glow:after{inset:6%;background:radial-gradient(circle at 18% 28%,rgb(255 226 126 / 90%),transparent 31%),radial-gradient(circle at 82% 22%,rgb(239 156 142 / 82%),transparent 34%),radial-gradient(circle at 77% 78%,rgb(120 211 231 / 88%),transparent 37%),radial-gradient(circle at 18% 72%,rgb(198 171 228 / 78%),transparent 34%)}.hero-pad:focus-within .hero-pad__glow{opacity:.86;scale:1;transition-duration:var(--pause-hover);transition-timing-function:var(--ease-settle);will-change:opacity,scale}.hero-pad:focus-within .hero-pad__glow:before{animation:pad-glow-orbit 8s linear infinite}.hero-pad:focus-within .hero-pad__glow:after{animation:pad-glow-drift 5.6s ease-in-out infinite alternate}@media(hover:hover){.hero-pad:hover .hero-pad__glow{opacity:.86;scale:1;transition-duration:var(--pause-hover);transition-timing-function:var(--ease-settle);will-change:opacity,scale}.hero-pad:hover .hero-pad__glow:before{animation:pad-glow-orbit 8s linear infinite}.hero-pad:hover .hero-pad__glow:after{animation:pad-glow-drift 5.6s ease-in-out infinite alternate}}@keyframes pad-glow-orbit{to{rotate:1turn}}@keyframes pad-glow-drift{0%{translate:-3% 2%;rotate:-4deg;scale:.96}50%{translate:3% -2%;rotate:3deg;scale:1.04}to{translate:-1% -3%;rotate:-2deg;scale:1}}@media(max-width:48rem)and (min-width:34.01rem){.hero-scene{--pad-width: min(90vw, 58rem, 100dvh)}}@media(max-width:34rem){.hero-scene{--pad-center-y: 49dvh;--pad-width: min(88vw, 24rem, 76dvh);--pad-height: calc(var(--pad-width) * 7 / 6);--pad-rim-light: 23.1%;--pad-sheen: 3.8%}.hero-pad__art{inset:0 auto 0 28%;width:100%;object-position:50% 0%;scale:1.02;filter:saturate(1) contrast(1.01) brightness(1.3)}.hero-pad__wash{background:linear-gradient(180deg,#0d0e1170,#090c1214 40%,#060a1100 60%,#0509109e),linear-gradient(90deg,rgb(9 10 13 / 96%) 0%,rgb(9 10 13 / 72%) 38%,transparent 62%)}.hero-pad__planet--aurora{--planet-alpha-low: .25;--planet-alpha-high: .38;top:20%;left:78%;width:clamp(1.7rem,8.8cqi,2.15rem)}.hero-pad__planet--eclipse{--planet-alpha-low: .24;--planet-alpha-high: .35;top:91%;left:82%;width:clamp(1.65rem,8.4cqi,2.1rem)}}@media(max-height:35rem)and (min-width:34.01rem){.hero-scene{--pad-width: min(84vw, 46rem, 100dvh)}}@media(prefers-reduced-motion:reduce){.hero-pad__glow{transition:opacity var(--pause-hover) ease-out}.hero-pad__art{transition:none}.hero-pad__stars{display:none}.hero-pad__planet{animation:none;opacity:var(--planet-alpha-low);will-change:auto}.hero-pad:focus-within .hero-pad__art{scale:1.025}@media(hover:hover){.hero-pad:hover .hero-pad__art{scale:1.025}}}}