html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}img{max-width:100%;height:auto}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:local("Roboto Thin"),local("Roboto-Thin"),url(/static/media/roboto-100.9a8a1f8c.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light"),local("Roboto-Light"),url(/static/media/roboto-300.c0cc9c92.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular"),url(/static/media/roboto-400.ece6673e.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local("Roboto Black"),local("Roboto-Black"),url(/static/media/roboto-900.2e17a648.woff2) format("woff2")}@font-face{font-family:Reem Kufi;font-style:normal;font-weight:400;src:local("Reem Kufi Regular"),local("ReemKufi-Regular"),url(/static/media/reem-kufi-v4-latin-regular.d8f8811d.woff2) format("woff2"),url(/static/media/reem-kufi-v4-latin-regular.20e4fd7e.woff) format("woff")}html{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scroll-behavior:smooth;font-size:12px}@media(min-width:376px){html{font-size:14px}}@media(min-width:481px){html{font-size:16px}}@media(min-width:769px){html{font-size:18px}}@media(min-width:1440px){html{font-size:20px}}body,h1,h2,h3,h4,h5,h6,ol,p,ul{font-family:Roboto,sans-serif;font-weight:300}h1{font-weight:900}.content-grid{margin:0 auto;width:calc(100% - 5rem)}@media(min-width:481px){.content-grid{width:calc(100% - 5rem)}}@media(min-width:769px){.content-grid{width:calc(100% - 10rem)}}@media(min-width:1025px){.content-grid{width:calc(100% - 20rem)}}::-webkit-scrollbar{display:none}@-webkit-keyframes reveal-up{0%{opacity:0;-webkit-transform:translateY(48px);transform:translateY(48px)}55%{opacity:1;-webkit-transform:translateY(-8px);transform:translateY(-8px)}75%{-webkit-transform:translateY(3px);transform:translateY(3px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes reveal-up{0%{opacity:0;-webkit-transform:translateY(48px);transform:translateY(48px)}55%{opacity:1;-webkit-transform:translateY(-8px);transform:translateY(-8px)}75%{-webkit-transform:translateY(3px);transform:translateY(3px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.reveal{opacity:0;-webkit-transform:translateY(48px);-ms-transform:translateY(48px);transform:translateY(48px)}.reveal.is-visible{-webkit-animation:reveal-up .72s cubic-bezier(.22,1,.36,1) both;animation:reveal-up .72s cubic-bezier(.22,1,.36,1) both;-webkit-animation-delay:var(--reveal-delay,0s);animation-delay:var(--reveal-delay,0s)}a{text-decoration:none}body{background-color:#050208}.about-page,.contact-page,.landing-page,.portfolio-page,.technical-page{position:relative;z-index:1;scroll-snap-align:start}.social-icons{padding:.25rem 0;font-size:3rem}@media(max-width:480px){.social-icons{font-size:2.5rem}}.social-icons a{padding:0 .625rem}.social-icons a.devto svg{margin-bottom:-.25rem;width:2.7rem;height:2.7rem}@media(max-width:480px){.social-icons a.devto svg{margin-bottom:-.225rem;width:2.25rem;height:2.25rem}}.social-icons.animate-icons a{display:inline-block;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent}.social-icons.animate-icons a:active,.social-icons.animate-icons a:focus,.social-icons.animate-icons a:hover{-webkit-animation-name:icon-wobble;animation-name:icon-wobble;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes icon-wobble{25%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes icon-wobble{25%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}75%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.flap-board{-ms-flex-direction:column;flex-direction:column;gap:4px}.flap-board,.flap-row{display:-ms-flexbox;display:flex}.flap-row{gap:3px}.flap-tile{width:clamp(.875rem,calc((100vw - 28.125rem) / 27),2rem);height:clamp(1.14rem,calc(1.3 * (100vw - 28.125rem) / 27),2.6rem);position:relative;-webkit-perspective:clamp(80px,9vw,120px);perspective:clamp(80px,9vw,120px);-ms-flex-negative:0;flex-shrink:0}.flap-face{position:absolute;inset:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:Roboto Mono,monospace;font-weight:700;font-size:clamp(.44rem,calc(.5 * (100vw - 28.125rem) / 27),1rem);border-radius:3px}.flap-face:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(0,0,0,.4);pointer-events:none}@-webkit-keyframes flip-in{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:.2}60%{-webkit-transform:rotateX(-6deg);transform:rotateX(-6deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes flip-in{0%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:.2}60%{-webkit-transform:rotateX(-6deg);transform:rotateX(-6deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}.flap-tile.flipping .flap-face{-webkit-animation:flip-in .2s cubic-bezier(.23,1,.32,1) forwards;animation:flip-in .2s cubic-bezier(.23,1,.32,1) forwards}@media(prefers-reduced-motion:reduce){.flap-tile.flipping .flap-face{-webkit-animation-duration:.01ms;animation-duration:.01ms}}@media(max-width:768px){.flap-board,.flap-row{gap:2px}.flap-tile{width:calc((100vw - 4rem - 22px) / 12);height:calc((100vw - 4rem - 22px) / 9.2);-webkit-perspective:200px;perspective:200px}.flap-face{font-size:calc((100vw - 4rem - 22px) / 24);border-radius:2px}}.landing-page{min-height:100vh;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;position:relative}.landing-page,.landing-page main{display:-ms-flexbox;display:flex;justify-content:center}.landing-page main{-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;padding:3.25rem 2.5rem 1rem}@media(min-width:769px)and (max-width:1024px){.landing-page main{padding:3.25rem 2rem 1rem}}@media(max-width:768px){.landing-page main{padding:calc(5.5rem + env(safe-area-inset-top)) 2rem 1.5rem}}@media(max-width:480px){.landing-page main{padding:calc(5.5rem + env(safe-area-inset-top)) 1.25rem 1.5rem}}.landing-page main .intro-wrapper{-ms-flex:auto;flex:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:3.5rem}@media(min-width:769px)and (max-width:1024px){.landing-page main .intro-wrapper{gap:1.5rem}}@media(max-width:768px){.landing-page main .intro-wrapper{-ms-flex-direction:column;flex-direction:column;gap:2rem}}.landing-page main .intro-wrapper .intro-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:1.25rem;-ms-flex-negative:0;flex-shrink:0}@media(max-width:768px){.landing-page main .intro-wrapper .intro-left{-ms-flex-align:center;align-items:center;-ms-flex-order:2;order:2}}.landing-page main .intro-wrapper .intro-eyebrow{font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;color:hsla(0,0%,100%,.25)}.landing-page main .intro-wrapper .intro-divider{width:2rem;height:1px;background:rgba(124,58,171,.5)}.landing-page main .intro-wrapper .intro-buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.75rem}.landing-page main .intro-wrapper .intro-buttons .btn-neon{padding:.75rem 2rem;min-height:2.75rem;background:transparent;border:1.5px solid;border-radius:3px;font-family:Roboto,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;-webkit-box-shadow:0 0 12px currentColor;box-shadow:0 0 12px currentColor;text-shadow:0 0 8px currentColor;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;-o-transition:box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s}.landing-page main .intro-wrapper .intro-buttons .btn-neon:hover{-webkit-box-shadow:0 0 24px currentColor;box-shadow:0 0 24px currentColor}.landing-page main .intro-wrapper .intro-buttons .btn-ghost{padding:.75rem 2rem;min-height:2.75rem;background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:3px;font-family:Roboto,sans-serif;font-size:.8rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:hsla(0,0%,100%,.5);cursor:pointer;-webkit-transition:border-color .2s,color .2s;-o-transition:border-color .2s,color .2s;transition:border-color .2s,color .2s}.landing-page main .intro-wrapper .intro-buttons .btn-ghost:hover{border-color:hsla(0,0%,100%,.4);color:hsla(0,0%,100%,.8)}.landing-page main .intro-wrapper .intro-right{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}@media(max-width:768px){.landing-page main .intro-wrapper .intro-right{-ms-flex-order:1;order:1;width:100%}}.landing-page main .intro-wrapper .intro-right .board-housing{background:#0d0d0d;padding:1.25rem 1.75rem;border-radius:6px;border:1px solid hsla(0,0%,100%,.06);-webkit-box-shadow:0 0 60px rgba(0,0,0,.8),inset 0 0 40px rgba(0,0,0,.4);box-shadow:0 0 60px rgba(0,0,0,.8),inset 0 0 40px rgba(0,0,0,.4);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.75rem}@media(min-width:769px)and (max-width:1024px){.landing-page main .intro-wrapper .intro-right .board-housing{padding:1rem 1.25rem;gap:.5rem}}@media(max-width:768px){.landing-page main .intro-wrapper .intro-right .board-housing{background:none;border:none;-webkit-box-shadow:none;box-shadow:none;padding:0;gap:.6rem;-ms-flex-align:center;align-items:center}}.landing-page main .intro-wrapper .intro-right .hero-board--desktop,.landing-page main .intro-wrapper .intro-right .hero-board--mobile{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.75rem}.landing-page main .intro-wrapper .intro-right .hero-board--mobile{display:none}@media(max-width:768px){.landing-page main .intro-wrapper .intro-right .hero-board--desktop{display:none}.landing-page main .intro-wrapper .intro-right .hero-board--mobile{display:-ms-flexbox;display:flex}}.landing-page main .intro-wrapper .intro-right .board-divider{width:100%;height:1px;background:hsla(0,0%,100%,.08)}@media(max-width:768px){.landing-page main .intro-wrapper .intro-right .board-divider{display:none}}.about-page{padding-top:2rem;min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}@media(max-width:480px){.about-page{padding-top:5.5rem}}.about-page .about-wrapper,.about-page .content-grid{-ms-flex:auto;flex:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.about-page .about-wrapper{-ms-flex-pack:center;justify-content:center}.about-page .about-wrapper .about-content{font-size:.875rem;line-height:1.5rem}@media(max-width:480px){.about-page .about-wrapper .about-content{font-size:1rem}}.about-page .about-wrapper .about-content p{font-weight:300;padding:.5rem 0}.about-page .about-wrapper .about-content .text-emoji{padding:2rem 0;font-size:1.5rem;font-weight:300;text-align:center}.portfolio-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;-webkit-transition:border-color .3s ease,background .3s ease,-webkit-box-shadow .3s ease;transition:border-color .3s ease,background .3s ease,-webkit-box-shadow .3s ease;-o-transition:box-shadow .3s ease,border-color .3s ease,background .3s ease;transition:box-shadow .3s ease,border-color .3s ease,background .3s ease;transition:box-shadow .3s ease,border-color .3s ease,background .3s ease,-webkit-box-shadow .3s ease;width:12rem;margin:1rem;border:1px solid transparent}@media(max-width:480px){.portfolio-item{width:calc(100% - 2rem);max-width:22rem}}.portfolio-item__title{-ms-flex:1 1;flex:1 1;padding:1rem 1.5rem;font-size:1.125rem;font-weight:300;text-align:center;letter-spacing:.02em}@media(max-width:480px){.portfolio-item__title{font-size:1.25rem}}.portfolio-item__desc{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0 1rem;font-size:.75rem;font-weight:300;text-align:center;line-height:1.4rem;opacity:.72}@media(max-width:480px){.portfolio-item__desc{font-size:.875rem}}.portfolio-item__icon{padding:1rem 0;font-size:1.5rem;font-weight:100;text-align:center}.portfolio-item__icon i,.portfolio-item__icon svg{margin:0 .35rem}.portfolio-item__links{padding:.625rem 0 .75rem;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;font-size:.7rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid hsla(0,0%,100%,.07)}.portfolio-item__links a{padding-bottom:2px;border-bottom:1px solid transparent;-webkit-transition:color .2s ease,text-shadow .2s ease,border-color .2s ease,opacity .2s ease;-o-transition:color .2s ease,text-shadow .2s ease,border-color .2s ease,opacity .2s ease;transition:color .2s ease,text-shadow .2s ease,border-color .2s ease,opacity .2s ease;opacity:.6}.portfolio-item__links a:hover{cursor:pointer;opacity:1}.portfolio-page{padding-top:2rem;min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}@media(max-width:480px){.portfolio-page{padding-top:5.5rem}}.portfolio-page .content-grid{-ms-flex:auto;flex:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.portfolio-page .portfolio-wrapper{-ms-flex:auto;flex:auto;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}@media(max-width:480px){.portfolio-page .portfolio-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}}.technical-page{padding-top:2rem;min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}@media(max-width:480px){.technical-page{padding-top:5.5rem}}.technical-page .content-grid{-ms-flex:auto;flex:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.technical-page .technical-wrapper{-ms-flex:auto;flex:auto;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}@media(max-width:480px){.technical-page .technical-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}}footer{-ms-flex-item-align:end;align-self:flex-end;margin-top:auto;padding:.75rem 1.5rem;font-size:.625rem}footer .footer-note{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.5rem;white-space:nowrap;-ms-flex-pack:center;justify-content:center}footer .footer-divider{width:1px;height:.7rem;background:currentColor;opacity:.3}footer .bmc-link{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.3rem;text-decoration:none;opacity:.6;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}footer .bmc-link:hover{opacity:1}.contact-page{padding-top:2rem;min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:column;flex-direction:column}@media(max-width:480px){.contact-page{padding-top:5.5rem}}.contact-page .contact-wrapper,.contact-page .content-grid{-ms-flex:auto;flex:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.contact-page .contact-wrapper{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:2rem;text-align:center;padding:2rem 0}.contact-page .contact-wrapper .contact-tagline{font-size:1.25rem;font-weight:300;opacity:.8}.contact-page .contact-wrapper .contact-email{display:inline-block;padding:.875rem 2.5rem;word-break:break-all;border:1.5px solid;border-radius:3px;font-size:1rem;font-weight:400;letter-spacing:.05em;text-decoration:none;-webkit-box-shadow:0 0 12px currentColor,inset 0 0 12px rgba(220,38,38,.05);box-shadow:0 0 12px currentColor,inset 0 0 12px rgba(220,38,38,.05);text-shadow:0 0 8px currentColor;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;-o-transition:box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s}@media(max-width:480px){.contact-page .contact-wrapper .contact-email{padding:.875rem 1.25rem;font-size:.85rem}}.contact-page .contact-wrapper .contact-email:hover{-webkit-box-shadow:0 0 24px currentColor,inset 0 0 20px rgba(220,38,38,.1);box-shadow:0 0 24px currentColor,inset 0 0 20px rgba(220,38,38,.1)}.parallax{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}nav{position:fixed;top:0;width:100%;height:calc(4.5rem + env(safe-area-inset-top));display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center;z-index:100;overflow:visible;padding:0 1.5rem env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top)}.nav-brand{position:absolute;left:1.75rem;font-size:.65rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:hsla(0,0%,100%,.45);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}@media(max-width:480px){.nav-brand{display:none}}.nav-pill{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.1rem;background:hsla(0,0%,100%,.065);border:1px solid hsla(0,0%,100%,.13);border-radius:100px;padding:.35rem .45rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);-webkit-box-shadow:0 0 0 1px hsla(0,0%,100%,.04),0 8px 32px rgba(0,0,0,.5),0 0 24px hsla(0,0%,100%,.03);box-shadow:0 0 0 1px hsla(0,0%,100%,.04),0 8px 32px rgba(0,0,0,.5),0 0 24px hsla(0,0%,100%,.03);-webkit-transition:border-color .3s ease,-webkit-box-shadow .3s ease;transition:border-color .3s ease,-webkit-box-shadow .3s ease;-o-transition:border-color .3s ease,box-shadow .3s ease;transition:border-color .3s ease,box-shadow .3s ease;transition:border-color .3s ease,box-shadow .3s ease,-webkit-box-shadow .3s ease}@media(max-width:480px){.nav-pill{max-width:calc(100vw - 2rem)}}.nav-pill--sticky{border-color:hsla(0,0%,100%,.22);-webkit-box-shadow:0 0 0 1px hsla(0,0%,100%,.06),0 12px 40px rgba(0,0,0,.65),0 0 32px hsla(0,0%,100%,.05);box-shadow:0 0 0 1px hsla(0,0%,100%,.06),0 12px 40px rgba(0,0,0,.65),0 0 32px hsla(0,0%,100%,.05)}.nav-pill__item{font-size:.65rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:hsla(0,0%,100%,.55);padding:.38rem 1rem;border-radius:100px;cursor:pointer;-webkit-transition:background .18s,color .18s,text-shadow .18s;-o-transition:background .18s,color .18s,text-shadow .18s;transition:background .18s,color .18s,text-shadow .18s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}@media(max-width:480px){.nav-pill__item{padding:.38rem .55rem;letter-spacing:.06em}}.nav-pill__item:hover{color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.45);background:hsla(0,0%,100%,.09)}.nav-pill__divider{width:1px;height:.9rem;background:hsla(0,0%,100%,.14);margin:0 .2rem}.nav-pill__divider,.theme-btn{-ms-flex-negative:0;flex-shrink:0}.theme-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.45rem;padding:.35rem .7rem .35rem .55rem;border-radius:100px;cursor:pointer;-webkit-transition:background .18s;-o-transition:background .18s;transition:background .18s;position:relative}@media(max-width:480px){.theme-btn{padding:.35rem .45rem .35rem .4rem;gap:.3rem}}.theme-btn--open,.theme-btn:hover{background:hsla(0,0%,100%,.09)}.theme-btn--open .theme-dot,.theme-btn:hover .theme-dot{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.theme-dot{width:.72rem;height:.72rem;border-radius:50%;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-o-transition:transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-ms-flex-negative:0;flex-shrink:0}.theme-label{font-size:.6rem;letter-spacing:.14em;color:hsla(0,0%,100%,.38)}.theme-label,.theme-name-display{text-transform:uppercase;white-space:nowrap}.theme-name-display{font-size:.55rem;letter-spacing:.12em;color:hsla(0,0%,100%,.45);padding:0 .4rem;-webkit-animation:fade-in-theme .3s ease both;animation:fade-in-theme .3s ease both}@media(max-width:480px){.theme-name-display{display:none}}@-webkit-keyframes fade-in-theme{0%{opacity:0;-webkit-transform:translateX(-4px);transform:translateX(-4px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-theme{0%{opacity:0;-webkit-transform:translateX(-4px);transform:translateX(-4px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.swatch-popover{position:absolute;top:calc(100% + .6rem);left:50%;-webkit-transform:translateX(-50%) translateY(-6px);-ms-transform:translateX(-50%) translateY(-6px);transform:translateX(-50%) translateY(-6px);background:rgba(12,8,18,.92);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;padding:.75rem .85rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-webkit-box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.04);box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.04);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;min-width:220px;z-index:200;opacity:0;pointer-events:none;-webkit-transition:opacity .18s,-webkit-transform .18s;transition:opacity .18s,-webkit-transform .18s;-o-transition:opacity .18s,transform .18s;transition:opacity .18s,transform .18s;transition:opacity .18s,transform .18s,-webkit-transform .18s}.swatch-popover--visible{opacity:1;pointer-events:auto;-webkit-transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.swatch-popover:after{content:"";position:absolute;top:-5px;left:50%;width:8px;height:8px;background:rgba(12,8,18,.92);border-left:1px solid hsla(0,0%,100%,.12);border-top:1px solid hsla(0,0%,100%,.12);-webkit-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.swatch-popover__title{font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:hsla(0,0%,100%,.28)}.swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.45rem}.swatch-item{width:1.4rem;height:1.4rem;border-radius:50%;cursor:pointer;border:1.5px solid hsla(0,0%,100%,.1);-webkit-transition:border-color .15s,-webkit-transform .15s,-webkit-box-shadow .15s;transition:border-color .15s,-webkit-transform .15s,-webkit-box-shadow .15s;-o-transition:transform .15s,box-shadow .15s,border-color .15s;transition:transform .15s,box-shadow .15s,border-color .15s;transition:transform .15s,box-shadow .15s,border-color .15s,-webkit-transform .15s,-webkit-box-shadow .15s}.swatch-item:hover{-webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25);border-color:hsla(0,0%,100%,.5);-webkit-box-shadow:0 0 10px currentColor;box-shadow:0 0 10px currentColor}.swatch-item--active{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);border-color:#fff;-webkit-box-shadow:0 0 10px hsla(0,0%,100%,.5);box-shadow:0 0 10px hsla(0,0%,100%,.5)}.section-dots{position:fixed;right:1.25rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.75rem;z-index:90}@media(max-width:480px){.section-dots{display:none}}.section-dot{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.3);border:none;padding:0;cursor:pointer;-webkit-transition:width .25s ease,height .25s ease,background .25s ease,-webkit-box-shadow .25s ease;transition:width .25s ease,height .25s ease,background .25s ease,-webkit-box-shadow .25s ease;-o-transition:width .25s ease,height .25s ease,background .25s ease,box-shadow .25s ease;transition:width .25s ease,height .25s ease,background .25s ease,box-shadow .25s ease;transition:width .25s ease,height .25s ease,background .25s ease,box-shadow .25s ease,-webkit-box-shadow .25s ease}.section-dot--active{width:8px;height:8px}.section-dot:hover:not(.section-dot--active){background:hsla(0,0%,100%,.6)}.scroll-progress-track{position:fixed;top:0;left:0;width:100%;height:2px;z-index:200;background:transparent;pointer-events:none}.scroll-progress-bar{height:100%;width:0}
/*# sourceMappingURL=main.87599823.css.map*/