@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;text-rendering:optimizeLegibility;--color-canvas: #f7f4ee;--color-surface: rgba(255, 255, 255, .76);--color-surface-strong: #ffffff;--color-text: #1f2523;--color-muted: #68736d;--color-border: rgba(31, 37, 35, .14);--color-accent: #2f7d6d;--color-accent-strong: #165a4d;--color-warm: #b65f36;--color-gold: #c69233;--shadow-soft: 0 24px 70px rgba(53, 63, 58, .16);--shadow-tight: 0 12px 28px rgba(53, 63, 58, .12);--radius-card: 8px;--radius-pill: 999px;--page-width: 1180px;--background-image: url(/assets/background-light-2.jpg);--background-overlay-start: rgba(247, 244, 238, .75);--background-overlay-end: rgba(247, 244, 238, .6)}body.dark-mode{color-scheme:dark;--color-canvas: #151715;--color-surface: rgba(28, 32, 29, .78);--color-surface-strong: #202520;--color-text: #f3f0e8;--color-muted: #b6bdb4;--color-border: rgba(243, 240, 232, .16);--color-accent: #70c2ac;--color-accent-strong: #9dddc9;--color-warm: #e09662;--color-gold: #e6c062;--shadow-soft: 0 24px 70px rgba(0, 0, 0, .34);--shadow-tight: 0 12px 28px rgba(0, 0, 0, .28);--background-image: url(/assets/background-dark-2.jpg);--background-overlay-start: rgba(21, 23, 21, .83);--background-overlay-end: rgba(21, 23, 21, .7)}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;background:linear-gradient(135deg,var(--background-overlay-start),var(--background-overlay-end)),var(--background-image) center / cover fixed no-repeat,var(--color-canvas);color:var(--color-text);font-weight:300}body a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button{color:inherit}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.site-header{position:fixed;top:0;left:0;z-index:20;width:100%;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(150px,1fr);align-items:center;gap:1rem;padding:.8rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-strong) 76%,transparent);backdrop-filter:blur(18px);box-shadow:0 1px #ffffff29}.brand{width:fit-content;color:var(--color-text);font-weight:700;text-decoration:none}.navigation-inner{display:flex;align-items:center;gap:.25rem}.navigation a{display:inline-flex;align-items:center;gap:.45rem;min-height:2.5rem;padding:.55rem .85rem;border-radius:var(--radius-pill);color:var(--color-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:background .18s ease,color .18s ease}.navigation a:hover,.navigation a:focus-visible,.navigation a.active{color:var(--color-text);background:color-mix(in srgb,var(--color-accent) 14%,transparent);outline:none}.navigation .material-symbols-outlined{font-size:1.15rem}.selectors{display:flex;align-items:center;justify-content:flex-end;gap:.4rem}.toggle,.icon-button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-pill);cursor:pointer}.toggle.open{display:none}.icon-button{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem}.main{width:min(var(--page-width),calc(100% - 2rem));margin:7rem auto 0;flex:1}.route-transition{animation:route-enter .32s ease both}.page{display:grid;gap:clamp(3rem,6vw,5.5rem)}.hero-section{position:relative;min-height:calc(100vh - 8rem);display:flex;align-items:center;padding-bottom:3rem;overflow:hidden}.page-heading,.section-heading{max-width:760px}.hero-copy{position:relative;z-index:1;margin-left:clamp(1rem,3vw,3rem);max-width:880px}.hero-copy .eyebrow,.hero-copy h1,.hero-copy .lede{text-shadow:0 1px 1px var(--color-canvas),0 0 4px var(--color-canvas),0 0 16px var(--color-canvas),0 0 30px var(--color-canvas)}.hero-copy h1{max-width:17ch;font-size:clamp(2.4rem,5vw,4.4rem)}.eyebrow{width:fit-content;margin-bottom:.8rem;color:var(--color-accent-strong);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3{color:var(--color-text);font-weight:700;line-height:1.08;letter-spacing:0}h1{max-width:12ch;font-size:clamp(2.45rem,6vw,5.4rem)}.page-heading h1{max-width:14ch}h2{font-size:clamp(1.7rem,3vw,2.7rem)}h3{font-size:clamp(1.12rem,1.6vw,1.45rem)}.lede{max-width:68ch;margin-top:1.25rem;color:var(--color-muted);font-size:clamp(1rem,1.4vw,1.2rem)}.hero-copy .lede{color:var(--color-text)}.action-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.primary-action,.secondary-action,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.8rem;border-radius:var(--radius-pill);font-weight:700;text-decoration:none}.primary-action{padding:.75rem 1.15rem;border:1px solid var(--color-accent);background:var(--color-accent);color:#fff;box-shadow:var(--shadow-tight)}.secondary-action{padding:.75rem 1.15rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.text-button{width:fit-content;border:0;background:transparent;color:var(--color-accent-strong);cursor:pointer;font-size:.95rem}.primary-action:hover,.secondary-action:hover,.text-button:hover{transform:translateY(-1px)}.hero-visual{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.hero-visual>*{display:block;width:100%;height:100%}.hero-visual .logo-section{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.hero-visual canvas{width:100%;height:auto;max-width:none;image-rendering:pixelated;opacity:.55}.hero-visual .ctrl-panel{position:absolute;right:0;bottom:0;z-index:3;pointer-events:auto}.logo-section{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#101311;box-shadow:var(--shadow-soft)}.source-logo{display:none}.static-logo{width:100%;aspect-ratio:4 / 5;object-fit:cover}.ctrl-panel{display:flex;justify-content:center;gap:.5rem}.btn{width:auto;min-width:5.5rem;height:2.35rem;padding:0 .8rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:.9rem;font-weight:600}.btn:hover,.btn.selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 16%,var(--color-surface-strong))}.section-grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(1.5rem,4vw,4rem)}.strength-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.strength-item,.skill-group,.project-card,.contact-panel,.contact-link{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-tight)}.strength-item{display:grid;grid-template-columns:auto 1fr;gap:.8rem;padding:1rem}.strength-item .material-symbols-outlined{color:var(--color-warm)}.prose-stack{display:grid;gap:1rem;color:var(--color-muted)}.skills-groups{display:grid;gap:1rem}.skill-group{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:1.5rem;padding:clamp(1rem,3vw,1.5rem)}.skill-group p{margin-top:.65rem;color:var(--color-muted)}.skill-list{display:flex;flex-wrap:wrap;align-content:start;gap:.65rem;list-style:none}.skill-chip,.tag-list li{display:inline-flex;align-items:center;gap:.45rem;min-height:2.2rem;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-surface-strong) 82%,transparent);font-weight:600}.skill-chip{padding:.35rem .75rem}.skill-chip img{width:1.25rem;height:1.25rem;object-fit:contain}.skill-marker{width:.55rem;height:.55rem;border-radius:var(--radius-pill);background:var(--color-gold)}.projects-section{display:grid;gap:1.25rem}.projects-container{display:grid;gap:1rem}.projects-container.compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.projects-container.compact .project-card{grid-template-columns:1fr}.project-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.25rem;padding:clamp(1rem,3vw,1.4rem)}.project-card.featured{border-color:color-mix(in srgb,var(--color-accent) 44%,var(--color-border))}.project-logo{display:grid;place-items:center;min-height:150px;padding:1rem;border-radius:var(--radius-card);background:color-mix(in srgb,var(--color-surface-strong) 80%,transparent)}.project-logo img{max-width:160px;max-height:96px;object-fit:contain}.project-text,.dialog-content{display:grid;align-content:start;gap:.8rem}.project-kicker{color:var(--color-warm);font-size:.82rem;font-weight:700;text-transform:uppercase}.project-role{color:var(--color-accent-strong);font-weight:700}.project-text p,.dialog-content p,.contact-panel p,.contact-link small{color:var(--color-muted)}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none}.tag-list li{min-height:1.9rem;padding:.25rem .65rem;color:var(--color-muted);font-size:.78rem}.project-dialog{width:min(960px,calc(100% - 2rem));max-height:min(760px,calc(100vh - 2rem));margin:auto;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-strong);color:var(--color-text);box-shadow:var(--shadow-soft)}.project-dialog::backdrop{background:rgba(15,18,16,.62);backdrop-filter:blur(8px)}.dialog-layout{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.25rem;padding:clamp(1rem,4vw,2rem)}.dialog-close{position:absolute;top:1rem;right:1rem}.dialog-logo{align-self:start;margin-top:3rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.detail-list{display:grid;gap:.55rem;margin-top:.65rem;padding-left:1.1rem;color:var(--color-muted)}.contact-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:1rem}.contact-panel{display:grid;align-content:start;gap:1rem;padding:clamp(1rem,3vw,1.5rem)}.contact-list{display:grid;gap:.8rem}.contact-link{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:center;padding:1rem;color:var(--color-text);text-decoration:none}.contact-link .material-symbols-outlined{color:var(--color-accent-strong)}.contact-link span:last-child{display:grid;gap:.1rem}.site-footer{width:min(var(--page-width),calc(100% - 2rem));margin:clamp(3rem,6vw,5rem) auto 0;padding:1.5rem 0 2rem;color:var(--color-muted)}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--color-border);padding-top:1.25rem}.footer-copy,.footer-links{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.footer-copy strong{color:var(--color-text)}.footer-links a{color:var(--color-muted);font-weight:600;text-decoration:none}.footer-links a:hover,.footer-links a:focus-visible{color:var(--color-accent-strong)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .52s ease,transform .52s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes route-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.site-header{grid-template-columns:auto 1fr auto}.toggle.open{display:inline-grid;place-items:center;justify-self:start;width:2.5rem;height:2.5rem}.brand{grid-column:2}.selectors{grid-column:3}.navigation{position:fixed;inset:0 auto 0 0;width:min(22rem,86vw);padding:1rem;background:var(--color-surface-strong);box-shadow:var(--shadow-soft);transform:translate(-105%);transition:transform .24s ease}.navigation.visible{transform:translate(0)}.navigation-inner{align-items:stretch;flex-direction:column}.navigation a{border-radius:var(--radius-card);font-size:1rem}.toggle.close{width:2.5rem;height:2.5rem;margin-bottom:1rem}.hero-section,.section-grid,.skill-group,.project-card,.contact-layout,.dialog-layout{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:2rem}h1,.page-heading h1{max-width:100%}.hero-section{min-height:78vh}.hero-visual{inset:0;width:auto}.hero-visual canvas{opacity:.4}.strength-grid,.detail-grid{grid-template-columns:1fr}.project-logo{min-height:120px}.dialog-logo{margin-top:3rem}}@media (max-width: 620px){.site-header{gap:.6rem;padding:.7rem .8rem}.brand{max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{width:min(100% - 1rem,var(--page-width));margin-top:6rem}.page{gap:2.5rem}.hero-section{gap:1.5rem}.action-row,.primary-action,.secondary-action{width:100%}.project-dialog{width:calc(100% - 1rem)}.dialog-layout{padding:1rem}.footer-inner{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}:root{--color_design: rgb(255, 255, 255, .8);--color_light: rgb(255, 199, 189, .8);--color_silver: rgb(240, 240, 241, .2);--color_grey: rgb(161, 160, 161, .2);--color_white: rgb(255, 255, 255, .6);--color_border: rgb(225, 225, 226, .6)}.dark-mode{--color_design: rgba(49, 49, 49, .8);--color_light: rgb(52, 40, 38);--color_silver: rgb(77, 77, 77, .2);--color_grey: rgb(161, 160, 161, .2);--color_white: rgb(40, 3, 34, .6);--color_border: rgb(18, 18, 20, .6)}.grad{background:rgb(35,110,132);background:linear-gradient(to bottom,rgb(174,225,247) 0%,rgb(83,157,181) 45%,rgb(35,110,132) 69%,rgb(12,55,72) 100%)}.loader :before,.loader :after{position:absolute;content:"";box-sizing:border-box}.loader{position:relative;width:100%;height:100%}.loader-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flower-01 .loader-container{width:110px;height:110px}.flower-01 .petal{position:absolute;width:27%;height:45%;background-color:transparent;overflow:hidden}.flower-01 .petal:nth-of-type(odd){left:50%;transform-origin:bottom left}.flower-01 .petal:nth-of-type(even){right:50%;transform-origin:bottom right}.flower-01 .petal:before,.flower-01 .petal:after{background-color:var(--color_design)}.flower-01 .petal:before{width:86%;height:76%;bottom:0%}.flower-01 .petal:nth-of-type(even):before{left:100%;transform:rotate(-45deg);transform-origin:bottom left}.flower-01 .petal:nth-of-type(odd):before{right:100%;transform:rotate(45deg);transform-origin:bottom right}.flower-01 .petal:after{width:101%;height:57%;top:0;right:0;border-radius:50%}.flower-01 .petal:nth-of-type(1){top:0;margin-left:2px;animation:flower1-1 1s infinite linear}.flower-01 .petal:nth-of-type(2){top:4px;margin-right:-4px;transform:rotate(90deg);animation:flower1-2 1s .125s infinite linear}.flower-01 .petal:nth-of-type(3){top:8px;margin-left:4px;transform:rotate(90deg);animation:flower1-2 1s .25s infinite linear}.flower-01 .petal:nth-of-type(4){top:12px;margin-right:-2px;transform:rotate(180deg);animation:flower1-3 1s .37s infinite linear}.flower-01 .petal:nth-of-type(5){top:12px;margin-left:-2px;transform:rotate(180deg);animation:flower1-3 1s .5s infinite linear}.flower-01 .petal:nth-of-type(6){top:8px;margin-right:4px;transform:rotate(270deg);animation:flower1-4 1s .65s infinite linear}.flower-01 .petal:nth-of-type(7){top:4px;margin-left:-4px;transform:rotate(270deg);animation:flower1-4 1s .77s infinite linear}.flower-01 .petal:nth-of-type(8){top:0px;margin-right:2px;animation:flower1-1 1s .89s infinite linear}@keyframes flower1-1{2%{transform:scale(1.2)}}@keyframes flower1-2{2%{transform:rotate(90deg) scale(1.2)}}@keyframes flower1-3{2%{transform:rotate(180deg) scale(1.2)}}@keyframes flower1-4{2%{transform:rotate(270deg) scale(1.2)}}.flower-02 .loader-container{width:120px;height:120px}.flower-02 .petal,.flower-02 .petal-1{position:absolute;width:30%;height:50%;bottom:50%;left:50%;transform-origin:bottom center;border-radius:50%}.flower-02 .petal{z-index:2}.flower-02 .petal-1{z-index:-1}.flower-02 .petal:before,.flower-02 .petal-1:before{position:absolute;content:"";width:100%;height:100%;bottom:0%;left:0%;transform-origin:bottom center;border-radius:50%;background-color:var(--color_design);z-index:2;animation:flower2 .8s infinite linear;opacity:1}.flower-02 .petal:before{border-left:1px solid var(--color_white)}.flower-02 .petal:nth-of-type(6):before,.flower-02 .petal:nth-of-type(7):before,.flower-02 .petal:nth-of-type(8):before{background-color:transparent}.flower-02 .petal:nth-of-type(1){transform:translate(-50%)}.flower-02 .petal:nth-of-type(2){transform:translate(-50%) rotate(45deg)}.flower-02 .petal:nth-of-type(3){transform:translate(-50%) rotate(90deg)}.flower-02 .petal:nth-of-type(4){transform:translate(-50%) rotate(135deg)}.flower-02 .petal:nth-of-type(5){transform:translate(-50%) rotate(180deg)}.flower-02 .petal:nth-of-type(6),.flower-02 .petal-1:nth-of-type(9){transform:translate(-50%) rotate(225deg)}.flower-02 .petal:nth-of-type(7),.flower-02 .petal-1:nth-of-type(10){transform:translate(-50%) rotate(270deg)}.flower-02 .petal:nth-of-type(8),.flower-02 .petal-1:nth-of-type(11){transform:translate(-50%) rotate(315deg)}.flower-02 .petal:nth-of-type(1):before{animation-delay:0s}.flower-02 .petal:nth-of-type(2):before{animation-delay:.1s}.flower-02 .petal:nth-of-type(3):before{animation-delay:.2s}.flower-02 .petal:nth-of-type(4):before{animation-delay:.3s}.flower-02 .petal:nth-of-type(5):before{animation-delay:.4s}.flower-02 .petal:nth-of-type(6):before,.flower-02 .petal-1:nth-of-type(9):before{animation-delay:.5s}.flower-02 .petal:nth-of-type(7):before,.flower-02 .petal-1:nth-of-type(10):before{animation-delay:.6s}.flower-02 .petal:nth-of-type(8):before,.flower-02 .petal-1:nth-of-type(11):before{animation-delay:.7s}.flower-02 .ball{position:absolute;width:28%;height:28%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--color_white);background-color:var(--color_design);z-index:3}@keyframes flower2{0%{opacity:1}95%{opacity:.2}to{opacity:.2}}.flower-04 .loader-container{width:200px;height:100px;perspective:100px}.flower-04 .petal,.flower-04 .petal-1{position:absolute;width:30%;height:50%;bottom:50%;left:50%;transform-origin:bottom center;border-radius:50%}.flower-04 .petal{z-index:2}.flower-04 .petal-1{z-index:-1}.flower-04 .petal:before,.flower-04 .petal-1:before{position:absolute;width:100%;height:100%;bottom:0%;left:0%;transform-origin:bottom center;border-radius:50%;background-color:var(--color_design);z-index:2;animation:flower4 1.6s infinite linear}.flower-04 .petal:before{border-left:2px solid var(--color_white)}.flower-04 .petal:nth-of-type(6):before,.flower-04 .petal:nth-of-type(7):before,.flower-04 .petal:nth-of-type(8):before{background-color:transparent}.flower-04 .petal:nth-of-type(1){transform:translate(-50%)}.flower-04 .petal:nth-of-type(2){transform:translate(-50%) rotate(45deg)}.flower-04 .petal:nth-of-type(3){transform:translate(-50%) rotate(90deg)}.flower-04 .petal:nth-of-type(4){transform:translate(-50%) rotate(135deg)}.flower-04 .petal:nth-of-type(5){transform:translate(-50%) rotate(180deg)}.flower-04 .petal:nth-of-type(6),.flower-04 .petal-1:nth-of-type(9){transform:translate(-50%) rotate(225deg)}.flower-04 .petal:nth-of-type(7),.flower-04 .petal-1:nth-of-type(10){transform:translate(-50%) rotate(270deg)}.flower-04 .petal:nth-of-type(8),.flower-04 .petal-1:nth-of-type(11){transform:translate(-50%) rotate(315deg)}.flower-04 .petal:nth-of-type(1):before{animation-delay:0s}.flower-04 .petal:nth-of-type(2):before{animation-delay:.2s}.flower-04 .petal:nth-of-type(3):before{animation-delay:.4s}.flower-04 .petal:nth-of-type(4):before{animation-delay:.6s}.flower-04 .petal:nth-of-type(5):before{animation-delay:.8s}.flower-04 .petal:nth-of-type(6):before,.flower-04 .petal-1:nth-of-type(9):before{animation-delay:1s}.flower-04 .petal:nth-of-type(7):before,.flower-04 .petal-1:nth-of-type(10):before{animation-delay:1.2s}.flower-04 .petal:nth-of-type(8):before,.flower-04 .petal-1:nth-of-type(11):before{animation-delay:1.4s}@keyframes flower4{10%{transform:rotateY(85deg) scale(1.4)}90%,to{transform:rotateY(0) scale(1)}}.circle-05 .loader-container{width:100px;height:100px;background-color:var(--color_border);border-radius:50%;z-index:1;animation:spin 1s infinite linear}.circle-05 .loader-container:before,.circle-05 .loader-container:after{width:50%;height:100%;top:50%;transform:translateY(-50%);background-color:var(--color_design);z-index:2}.circle-05 .loader-container:before{left:50%;border-radius:0 100px 100px 0;transform-origin:left center;transform:translateY(-50%) rotate(20deg);animation:circle5-1 4s infinite linear}.circle-05 .loader-container:after{left:0%;border-radius:100px 0 0 100px;transform-origin:right center;transform:translateY(-50%) rotate(0);animation:circle5-2 4s infinite linear}.circle-05 .circle{position:absolute;display:block;width:102%;height:102%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--color_silver);overflow:hidden;z-index:3;background:transparent}.circle-05 .circle:after{width:70%;height:70%;background-color:var(--color_silver);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes circle5-1{0%{transform:translateY(-50%) rotate(20deg)}25%{transform:translateY(-50%) rotate(180deg)}50%{transform:translateY(-50%) rotate(180deg)}75%{transform:translateY(-50%) rotate(180deg)}to{transform:translateY(-50%) rotate(20deg)}}@keyframes circle5-2{25%{transform:translateY(-50%) rotate(0);background-color:var(--color_design)}25.05%{transform:translateY(-50%) rotate(-180deg);background-color:var(--color_border)}50%{transform:translateY(-50%) rotate(-30deg);background-color:var(--color_border)}75%{transform:translateY(-50%) rotate(-180deg);background-color:var(--color_border)}75.05%{transform:translateY(-50%) rotate(0);background-color:var(--color_design)}to{transform:translateY(-50%) rotate(0);background-color:var(--color_design)}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}