*{margin:0;padding:0;box-sizing:border-box;cursor:none}:root{color-scheme:light dark;--bg-primary: #ffffff;--bg-secondary: #f8f8f8;--text-primary: #082114;--text-secondary: #666666;--accent: #082114;--accent-hover: #0a2a1a;--cta-accent: #01FF6F;--cta-accent-hover: #01e066;--border-color: #e0e0e0;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--font-family: "Host Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-width: 1400px;--section-padding: 8rem 2rem}html{font-size:16px;scroll-behavior:auto;width:100%;height:100%;overflow-x:hidden;background:var(--bg-primary);cursor:none}html.lenis,html.lenis body{height:auto;width:100%}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body{margin:0;padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;min-height:100%;font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100vw;max-width:100%;transition:background .6s ease;cursor:none}body.footer-in-view{background:#0c012a}@media(max-width:1023px){html{-webkit-overflow-scrolling:touch}body{touch-action:pan-y;-webkit-overflow-scrolling:touch}}#root{width:100%;min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-hover)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:-.02em}button{font-family:var(--font-family);cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}::selection{background:#c8ff00;color:#0c012a}::-moz-selection{background:#c8ff00;color:#0c012a}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.section{padding:var(--section-padding);position:relative}::-webkit-scrollbar{display:none;width:0;height:0}body{scrollbar-width:none;-ms-overflow-style:none}@media(max-width:768px){:root{--section-padding: 4rem 1.5rem}html{font-size:14px}}.hero-image{position:relative;z-index:10;width:100%;height:100vh;min-height:100vh;overflow:hidden;background:transparent}.hero-image-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero-image-bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:14%;background:linear-gradient(to bottom,transparent,white);pointer-events:none}.hero-image-img{width:100%;height:100%;object-fit:contain;object-position:center 100%;display:block;transform:scale(1.1);transform-origin:center 100%}.hero-image-title{position:absolute;left:50%;top:45.7%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;max-width:100%;margin:0;padding:0 var(--page-padding-x, 2rem);box-sizing:border-box;font-size:clamp(4rem,14vw,20rem);font-weight:700;letter-spacing:-.04em;line-height:.9;color:#c8ff00;mix-blend-mode:difference;text-align:center;white-space:nowrap;z-index:5;pointer-events:none}.hero-image-title-space{display:inline}.hero-image-title-br,.hero-image-title-dot{display:none}.hero-image-header{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:10;padding:var(--page-padding-x, 2rem);box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center}.hero-image-links{display:flex;flex-direction:row;gap:1.5rem;align-items:center}.hero-image-link{color:#0c012a;font-size:clamp(1.05rem,2.4vw,1.5rem);font-weight:500;text-decoration:none;transition:color .2s ease,opacity .2s ease}.hero-image-link:hover{color:#3100b5;opacity:1}@media(max-width:1023px){.hero-image{height:100vh;min-height:100vh;overflow-x:visible;overflow-y:hidden}.hero-image-bg{overflow:hidden;bottom:max(56px,env(safe-area-inset-bottom) + 40px)}}.hero-image-tagline{position:absolute;left:50%;bottom:10%;transform:translate(-50%);margin:0;padding:0 1rem;font-size:clamp(4rem,1.8vw,1.25rem);font-weight:400;letter-spacing:.02em;color:#0c012a;mix-blend-mode:normal;text-align:center;z-index:3;pointer-events:none;white-space:nowrap}@media(min-width:1024px){.hero-image-img{transform:scale(.92);transform-origin:center 100%}.hero-image-title{top:24%;white-space:nowrap;color:#0c012a;mix-blend-mode:normal;font-size:clamp(2.5rem,8vw,10rem)}.hero-image-title-dot{display:inline;color:#c8ff00}.hero-image-title-space{display:inline}.hero-image-title-br{display:none}.hero-image-tagline{top:30%;bottom:auto;transform:translate(-50%);font-size:clamp(1.05rem,2.4vw,1.5rem);font-weight:500;white-space:nowrap}}@media(max-width:768px){.hero-image-img{object-fit:contain;object-position:center 100%;transform:scale(2);transform-origin:center 100%}.hero-image-title{top:36%;white-space:normal;font-size:clamp(5rem,22vw,14rem);color:#0c012a;mix-blend-mode:normal}.hero-image-title-dot{display:inline;color:#c8ff00}.hero-image-title-space{display:none}.hero-image-title-br{display:block}.hero-image-header{padding:max(1rem,env(safe-area-inset-top)) 1rem 0 1rem}.hero-image-link{font-size:clamp(1rem,3.5vw,1.35rem);min-height:44px;display:inline-flex;align-items:center}.hero-image-tagline{bottom:30%;font-size:clamp(1rem,3.5vw,1.35rem);font-weight:500;max-width:22ch;white-space:normal}}@media(max-width:480px){.hero-image-img{object-fit:contain;object-position:center 100%;margin-left:0;transform:scale(2.3);transform-origin:center 100%}.hero-image-title{top:25%;mix-blend-mode:normal;color:#0c012a;font-size:clamp(5.5rem,26vw,18rem)}.hero-image-title-dot{display:inline;color:#c8ff00}.hero-image-link{font-size:clamp(.95rem,4vw,1.2rem)}.hero-image-tagline{bottom:50%;color:#0c012a;mix-blend-mode:normal;font-size:clamp(.95rem,4vw,1.2rem);font-weight:500;max-width:30ch;white-space:normal}}.about{position:relative;z-index:0;background:transparent;min-height:100vh;padding-bottom:6rem}.about-header{display:none}.about-title{font-size:clamp(5.75rem,3.7vw,3rem);letter-spacing:-.02em;text-transform:uppercase;color:#0c012a;margin:0;text-align:center}.about-title-dot{color:#c8ff00}body.footer-in-view .about-title{color:#fff}.about-title-inner{display:inline-block}.about-inner{max-width:1600px;margin:0 auto;padding:0 2rem}.about-content{display:block}.about-main{display:flex;flex-direction:column;gap:2rem}.about-photo-wrap{width:100%;aspect-ratio:1;margin:0 0 2.5rem;border-radius:24px;overflow:hidden;background:var(--bg-secondary, #f8f8f8)}.about-photo{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.about-intro{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;letter-spacing:-.02em;line-height:1.35;color:#fff;margin:0 0 3rem}.about-body{margin-bottom:2.5rem}.about-text{font-size:1.1rem;line-height:1.8;color:var(--text-secondary, #666);margin:0 0 1.25rem}.about-text:last-child{margin-bottom:0}.about-edu{margin-top:2.5rem}@media(max-width:768px){.about{padding-bottom:4rem}.about-inner{max-width:640px;padding:0 var(--page-padding-x, 2rem)}.about-intro,.about-body{margin-bottom:2rem}}@media(max-width:480px){.about-inner{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}}@media(min-width:1024px){.about-titles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:flex-end;margin-bottom:3rem}.about-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem;row-gap:2.5rem;align-items:flex-start}}@media(max-width:1023px){.about-titles{display:none}.about-title{font-size:clamp(3.5rem,14vw,4.5rem)}.about-photo-wrap{margin-bottom:2rem}}.about-title-mobile{display:block;text-align:center;margin-bottom:1.5rem}.about-title-mobile-cv{margin-top:3rem}@media(min-width:1024px){.about-title-mobile{display:none}}.about-cv{color:#fff}.about-cv-title{margin:0 0 .75rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffffa6}.about-cv-columns{display:block}.about-cv-column-heading{margin:0 0 1.25rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffffbf}.about-cv-timeline{position:relative;list-style:none;margin:0;padding:0 0 0 1.5rem}.about-cv-timeline:before{content:"";position:absolute;left:.5rem;top:.15rem;bottom:.15rem;width:2px;background:#ffffff24}.about-cv-item{position:relative;padding-bottom:1.75rem}.about-cv-item:last-child{padding-bottom:0}.about-cv-item-marker{position:absolute;left:0;top:.35rem;width:.75rem;height:.75rem;border-radius:999px;background:#c8ff00;box-shadow:0 0 0 3px #c8ff0040}.about-cv-item-content{margin-left:1.5rem;padding:.85rem 1rem .9rem;border-radius:14px;background:#06001ab3;border:1px solid rgba(255,255,255,.08)}.about-cv-item-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.about-cv-item-main{display:flex;flex-direction:column;gap:.15rem}.about-cv-item-role{font-size:1rem;font-weight:600;letter-spacing:-.01em;color:#fff}.about-cv-item-place{font-size:.95rem;color:#ffffffbf}.about-cv-item-time{font-size:.75rem;font-weight:500;color:#0c012a;white-space:nowrap;padding:.15rem .6rem;border-radius:999px;background:#c8ff00}.about-cv-item-body{font-size:.98rem;line-height:1.7;color:#ffffffc7;margin:.2rem 0 0}@media(max-width:1023px){.about-cv-columns{grid-template-columns:minmax(0,1fr)}.about-cv-timeline:before{display:none}.about-cv-item-marker{display:none}.about-cv-timeline{padding-left:0}.about-cv-item-content{margin-left:0}}@media(max-width:1023px){.about.section{padding-left:.5rem;padding-right:.5rem}.about-inner{max-width:none;padding-left:.5rem;padding-right:.5rem}}@media(max-width:1023px){.about-cv-item-role{font-size:1.15rem}}@media(max-width:480px){.about.section{padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}.about-cv-item-header{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:.75rem}.about-cv-item-main{min-width:0;flex:1}.about-cv-item-time{flex-shrink:0}.about-cv-item-role{font-size:1.2rem}}.project-showcase{width:100%}.project-showcase-inner{display:flex;flex-direction:column;width:100%;text-decoration:none;color:inherit;padding:0;container-type:inline-size;container-name:project-card}.project-showcase-image-wrap{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.project-showcase-image-link{position:absolute;inset:0;display:block;overflow:hidden;mask-image:url(/imagemask.svg);mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/imagemask.svg);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.project-showcase-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.project-showcase-placeholder{width:100%;height:100%;min-height:180px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #f0f0f0)}.project-showcase-placeholder span{font-size:2rem;font-weight:700;color:var(--accent);opacity:.35}.project-showcase-cursor{position:absolute;transform:translate(-50%,calc(-50% - 40px));pointer-events:none;padding:.5rem .85rem;background:#c8ff00;color:#0c012a;font-size:.8rem;font-weight:500;border-radius:999px;white-space:nowrap;z-index:2;box-shadow:0 2px 12px #00000026}.project-showcase-cursor-text{display:block}.project-showcase-content{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:1;padding:.25rem 1.5rem 1.25rem;width:100%;max-width:80%;pointer-events:none;text-align:center}.project-showcase-name{margin:0;font-size:clamp(1rem,7cqi,2.25rem);font-weight:600;letter-spacing:-.03em;color:#0c012a;text-align:center;text-transform:uppercase;text-shadow:0 1px 2px rgba(255,255,255,.8)}.project-showcase-arrow{position:absolute;top:1.25rem;right:1.25rem;z-index:1;width:44px;height:44px;display:none;background:#c8ff00;color:#0c012a;border-radius:50%;pointer-events:none;box-shadow:0 2px 8px #0000001f}@media(max-width:768px){.project-showcase-arrow{top:1rem;right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.project-showcase-arrow svg{width:18px;height:18px}}@media(max-width:600px){.project-showcase-content{top:-.4rem}.project-showcase-name{font-size:clamp(1.1rem,5vw,1.6rem)}.project-showcase-placeholder span{font-size:1.75rem}}.projects{position:relative;z-index:1;background:transparent;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.projects-header{position:absolute;top:6rem;left:50%;transform:translate(-50%);z-index:2;margin:0;pointer-events:none;width:100%;text-align:center}.projects-title{font-size:clamp(5.75rem,3.7vw,3rem);letter-spacing:-.02em;text-transform:uppercase;color:#0c012a}.projects-title-dot{color:#c8ff00}.projects-title-inner{display:inline-block;position:relative}.projects-viewport{width:100%;margin-top:8rem}.projects-list{display:flex;flex-direction:column;gap:2rem;padding:0 .5rem}.projects-viewport .project-showcase{width:100%}@media(max-width:1023px){.projects.section{justify-content:flex-start;padding-left:.5rem;padding-right:.5rem}.projects-header{top:2rem;left:50%;transform:translate(-50%)}.projects-viewport{overflow:visible;height:auto;margin-left:0;width:100%}.projects-list{transform:none!important;width:100%!important}.projects-viewport .project-showcase{width:100%!important;min-width:unset!important}}@media(min-width:1024px){.projects.section{min-height:100vh;display:block}.projects-header{top:5rem;left:50%;transform:translate(-50%)}.projects-viewport{width:100%;max-width:1600px;margin-left:auto;margin-right:auto;padding:0 2rem}.projects-list{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;padding:0 2rem}}@media(max-width:600px){.projects.section{padding-left:.5rem;padding-right:.5rem}}@media(prefers-reduced-motion:reduce){.projects-list{scroll-behavior:auto}}.text-reveal{overflow:visible}.text-reveal-word{display:inline-block;overflow:hidden;vertical-align:top}.text-reveal-word-inner{display:inline-block;will-change:transform}.contact{position:relative;z-index:0;--contact-accent: #0C012A;--contact-accent-hover: #1a0340;background:transparent;min-height:100vh;display:flex;flex-direction:column;padding:var(--section-padding)}.contact-inner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:560px;margin:0 auto;text-align:center;color:#0c012a;transition:color .4s ease}body.footer-in-view .contact-inner{color:#ffffffeb}.contact-title{font-size:clamp(5.75rem,3.7vw,3rem);letter-spacing:-.02em;text-transform:uppercase;color:#0c012a;margin:0 0 .5rem;transition:color .4s ease}body.footer-in-view .contact-title{color:#fff}.contact-title-dot{color:#c8ff00}.contact-title-inner{display:inline-block}.contact-tagline{font-size:1.05rem;color:var(--text-secondary);margin:0 0 3rem;line-height:1.6;transition:color .4s ease}body.footer-in-view .contact-tagline{color:#ffffffbf}.contact-email-wrap{margin-bottom:2.5rem}.contact-email{display:inline-block;font-size:clamp(1.1rem,3vw,1.35rem);font-weight:600;color:#0c012a;letter-spacing:-.01em;background:#c8ff00;border:none;padding:1rem 1.75rem;border-radius:999px;cursor:pointer;font-family:inherit;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.contact-email:hover{background:#b3e600;transform:translateY(-2px);box-shadow:0 8px 24px #c8ff0059}.contact-email-hint{display:block;margin-top:.5rem;font-size:.8rem;color:var(--text-secondary);transition:color .4s ease}body.footer-in-view .contact-email-hint{color:#fff9}.contact-social{display:flex;justify-content:center;gap:1.25rem;margin-bottom:4rem}.contact-social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:var(--text-primary);transition:color .2s ease,background .2s ease,transform .2s ease}.contact-social-link:hover{color:var(--contact-accent);background:#09361e14;transform:translateY(-2px)}body.footer-in-view .contact-social-link{color:#ffffffd9}body.footer-in-view .contact-social-link:hover{color:#c8ff00;background:#c8ff001f}.contact-icon{width:22px;height:22px;min-width:22px;min-height:22px;flex-shrink:0}@media(max-width:768px){.contact{padding:5rem 1.5rem 4rem}.contact-tagline{margin-bottom:2.5rem}.contact-email-wrap{margin-bottom:2rem}.contact-social{margin-bottom:3rem}}.signature-loader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#fff!important;pointer-events:none;contain:paint}.signature-loader-inner{width:min(50vw,200px);height:auto;contain:layout paint}.signature-loader-svg{width:100%;height:auto;display:block;overflow:visible}.signature-loader-path{stroke:#3100b5}.cs{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.cs-hero{position:relative;padding:1rem 1rem 0}.cs-hero-image{width:100%;height:78vh;object-fit:cover;display:block;border-radius:1.7rem}.cs-hero-image--empty{width:100%;height:78vh;background:#ebebeb;border-radius:2.5rem}.cs-back{position:fixed;top:1.25rem;left:1.25rem;z-index:10000;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#0c012a;color:#c8ff00;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.cs-back:hover{opacity:.9;color:#c8ff00;transform:scale(1.05)}.cs-back svg{flex-shrink:0}.cs-hero-oneliner-wrap{padding:3.5rem 2.5rem 0;text-align:center}.cs-oneliner{font-size:clamp(1.375rem,2.5vw,2rem);font-weight:500;line-height:1.45;color:#0c012a;max-width:780px;margin:0 auto}.cs-content{margin-top:5rem}.cs-section{padding:5rem 0}.cs-section--dark{border-top:none;padding:5rem 0}.cs-section-inner{max-width:1200px;margin:0 auto;padding:0 2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center}.cs-split-inner{max-width:1300px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.cs-split-text{display:flex;flex-direction:column;gap:1.5rem}.cs-split-text .cs-section-title{text-align:left;margin-bottom:0}.cs-split-text .cs-body-large{text-align:left}.cs-split-image{width:100%;aspect-ratio:3 / 4}.cs-split-image img{width:100%;height:100%;object-fit:contain;display:block}.cs-section-title{font-size:clamp(2.25rem,7vw,6rem);font-weight:700;letter-spacing:-.02em;text-transform:uppercase;color:#0c012a;margin:0 0 2rem;line-height:1}.cs-section-title--light{color:#0c012a}.cs-dot{color:#c8ff00}.cs-body-large{font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.75;color:#0c012a;max-width:700px;margin:0}.cs-body-large--muted{color:#0c012a8c;font-style:italic}.cs-results-list{align-items:center}.cs-image-placeholder{width:100%;height:100%}.cs-brand-logo{margin-top:3rem;max-width:320px}.cs-brand-logo img{width:100%;height:auto;display:block}.cs-brand-block{width:100%;margin-top:3.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.cs-brand-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#0c012a66;margin:0}.cs-color-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem}.cs-swatch{display:flex;flex-direction:column;align-items:center;gap:.5rem}.cs-swatch-color{width:80px;height:80px;border-radius:1rem}.cs-swatch-name{font-size:.8125rem;font-weight:600;color:#0c012a}.cs-swatch-hex{font-size:.75rem;color:#0c012a73;font-family:monospace}.cs-font-list{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:480px}.cs-font-item{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.cs-font-name{font-size:1.125rem;font-weight:600;color:#0c012a}.cs-font-weights{font-size:.8125rem;color:#0c012a73}.cs-results-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.cs-results-list li{font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.6;padding-left:1.5rem;position:relative;color:#0c012a}.cs-results-list li:before{content:"";position:absolute;left:0;top:.65em;width:7px;height:7px;border-radius:50%;background:#c8ff00}.cs-footer{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:3.5rem 2.5rem 6rem}.cs-footer-back{font-size:.875rem;font-weight:500;color:#0c012a73;text-decoration:none;transition:color .2s ease}.cs-footer-back:hover{color:#0c012a}.cs-footer-link{font-size:.9375rem;font-weight:600;color:#0c012a;text-decoration:none;border-bottom:1.5px solid #C8FF00;padding-bottom:.1em;transition:color .2s ease}.cs-footer-link:hover{color:#3100b5}@media(max-width:900px){.cs-split-inner{grid-template-columns:1fr;gap:2.5rem}.cs-split-image{aspect-ratio:4 / 3}.cs-split-text .cs-section-title,.cs-split-text .cs-body-large{text-align:center}.cs-split-text{align-items:center}.cs-split-inner--goal .cs-split-text{order:-1}}@media(max-width:640px){.cs-back{top:1.25rem;left:1.25rem}.cs-hero-image,.cs-hero-image--empty{height:82vh}.cs-hero-oneliner-wrap{padding:2rem 1.25rem 0}.cs-oneliner{font-size:clamp(1.125rem,5vw,1.5rem)}.cs-content{margin-top:3rem}.cs-section-inner{padding:0 1.25rem}.cs-section,.cs-section--dark{padding:3rem 0}.cs-section-title{margin-bottom:1.5rem}.cs-body-large,.cs-results-list li{font-size:1.0625rem}.cs-screen-caption{font-size:.9375rem}.cs-footer{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:2.5rem 1.25rem 4rem}.cs-brand-logo{max-width:240px}.cs-color-swatches{gap:.875rem}.cs-swatch-color{width:60px;height:60px;border-radius:.75rem}.cs-swatch-name{font-size:.75rem}.cs-swatch-hex{font-size:.6875rem}.cs-font-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.cursor-circle{position:fixed;left:0;top:0;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:50%;background:#c8ff00;mix-blend-mode:difference;pointer-events:none;z-index:99999;opacity:0;transition:opacity .15s ease;will-change:transform}.cursor-circle--visible{opacity:.9}.background-music-btn{position:fixed;top:1.25rem;right:1.25rem;z-index:10000;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:none;background:#0c012a;color:#c8ff00;cursor:pointer;border-radius:50%;transition:opacity .2s ease,transform .2s ease}.background-music-btn:hover{opacity:.9;transform:scale(1.05)}.background-music-btn:focus-visible{outline:2px solid #C8FF00;outline-offset:2px}.background-music-icon{width:22px;height:22px;color:#c8ff00}