/* CHAYLUEKLAB: gold light, quiet depth, and motion that can be paused. */
.fx-control{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:20px;padding:9px 14px;border:1px solid #cba86c55;border-radius:30px;background:#101a14;color:#ead7af;font:inherit;font-size:.8125rem;cursor:pointer}
.fx-control svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.fx-control:hover{border-color:#dec18b;background:#1a231b}.fx-control:focus-visible{outline:2px solid #f1d7a2;outline-offset:4px}.fx-control:disabled{cursor:default;opacity:.7}
.fx-ambient-host{position:relative;isolation:isolate}
.fx-ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .4s;background:radial-gradient(ellipse at 85% 20%,#c5a16b13,transparent 55%),radial-gradient(ellipse at 12% 80%,#27785812,transparent 60%)}
.fx-kit-on .fx-ambient{opacity:1}
.fx-ambient:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#d4bb8410 1px,transparent 1px),linear-gradient(90deg,#d4bb840c 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(120deg,transparent 20%,#000 80%)}
.fx-ambient:after{content:"";position:absolute;width:58%;height:80%;right:-12%;top:5%;border-radius:50%;background:radial-gradient(ellipse,#c4a46417,transparent 68%);filter:blur(14px);animation:fx-aurora 12s ease-in-out infinite alternate;animation-play-state:paused}
.fx-orbit{position:absolute;right:-10%;top:12%;width:52%;aspect-ratio:1;border:1px solid #bca17016;border-radius:50%;background:conic-gradient(from 90deg,transparent 0deg 310deg,#d9bc8038 340deg,transparent 360deg);mask-image:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));animation:fx-orbit 32s linear infinite;animation-play-state:paused}
.fx-kit-on .fx-onstage .fx-ambient:after,.fx-kit-on .fx-onstage .fx-orbit{animation-play-state:running}
.fx-document-hidden .fx-ambient:after,.fx-document-hidden .fx-orbit,.fx-document-hidden .fx-scan:after{animation-play-state:paused!important}
.fx-media,.fx-card{position:relative;isolation:isolate}
.fx-halo,.fx-scan{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;overflow:hidden}
.fx-halo{opacity:0;transition:opacity .28s;background:radial-gradient(320px circle at var(--fx-x,50%) var(--fx-y,50%),#f0d69f24,transparent 75%);box-shadow:inset 0 0 0 1px #e3c68740}
.fx-card>.fx-halo{background:radial-gradient(260px circle at var(--fx-x,50%) var(--fx-y,50%),#d9bf8311,transparent 75%)}
.fx-kit-on .fx-pointing>.fx-halo,.fx-kit-on .fx-media:focus-visible>.fx-halo,.fx-kit-on .fx-card:focus-within>.fx-halo{opacity:1}
.fx-scan:after{content:"";position:absolute;inset:-20% -80%;background:linear-gradient(112deg,transparent 43%,#ebcc8d0d 48%,#f7e4bc42 50%,#ebcc8d0d 52%,transparent 57%);transform:translateX(-65%);opacity:0}
.fx-kit-on .fx-scanned>.fx-scan:after{animation:fx-scan .9s cubic-bezier(.2,.6,.3,1) both}
@keyframes fx-scan{0%{transform:translateX(-65%);opacity:0}18%{opacity:.7}80%{opacity:.6}100%{transform:translateX(65%);opacity:0}}
@keyframes fx-aurora{from{transform:translate3d(0,-3%,0) scale(.92)}to{transform:translate3d(-14%,8%,0) scale(1.1)}}
@keyframes fx-orbit{to{transform:rotate(360deg)}}
@media(hover:hover) and (pointer:fine){.fx-kit-on .fx-media{transform:perspective(1000px) rotateX(var(--fx-rx,0deg)) rotateY(var(--fx-ry,0deg));transition:transform .35s ease-out}.fx-kit-on .fx-media.fx-pointing{transition:transform .13s ease-out}}
.effects-off .showcase-card,.effects-off .showcase-visual img,.effects-off .project-card,.effects-off .project-visual img{animation:none!important;transition:none!important;transform:none!important}
.effects-off .fx-media,.effects-off .fx-card{transform:none!important}
@media(max-width:760px){.fx-ambient:after{filter:none}.fx-orbit{width:75%;right:-30%;opacity:.65}.fx-ambient:before{background-size:48px 48px;opacity:.65}}
@media(prefers-reduced-motion:reduce){.fx-ambient,.fx-halo{transition:none}.fx-ambient:after,.fx-orbit,.fx-scan:after{animation:none!important}.fx-media{transform:none!important;transition:none!important}}