@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#06070e;font-weight:500;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.App{background-color:#fffbf9;min-height:100vh}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px}.highlight{background-color:bisque}:root{--bg-color:#fffbf9;--title-size:48px;--shadow:drop-shadow(gray 0 0 5px);--border:1px solid #889779}*{box-sizing:border-box;list-style-type:none;scroll-behavior:smooth;text-decoration:none}header{background-color:#fffbf9;background-color:var(--bg-color);padding:2em 4em}nav{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.pages{align-items:center;display:flex;gap:2em;justify-content:flex-start;margin:0;padding:0}.logo{font-size:1rem;font-weight:600;letter-spacing:.05em;margin-right:auto;text-transform:uppercase}.logo a,.pages a{color:#06070e;margin:0}.pages a{font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:opacity .3s ease}.pages a:hover{opacity:.6}.header-resume{border:1px solid #b0b0b0;border-radius:2em;padding:.5em 1.25em}.header-resume:hover{opacity:.6}@media screen and (max-width:800px){header{padding:1.5em 2em}.pages{flex-wrap:wrap;gap:1em}.logo{font-size:.9rem}.pages a{font-size:.85rem}}.intro-page{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:70vh}.hero-section{grid-gap:4em;align-items:center;display:grid;gap:4em;grid-template-columns:1fr 1fr;max-width:1200px;min-height:60vh;width:100%}.hero-content{text-align:left}.hero-title{color:#06070e;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1.2;margin:0 0 1.5rem}.me-animated{animation:fadeIn 1s ease-in;display:inline-block;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-tagline{color:#222325;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(1rem,2vw,1.25rem);font-weight:500;line-height:1.6;margin:0}.hero-image{border-radius:4px;height:auto;max-width:500px;object-fit:contain;width:100%}@media screen and (max-width:900px){.hero-section{gap:2em;grid-template-columns:1fr}.hero-content,.hero-section,.hero-tagline,.hero-title{text-align:center}.hero-image{margin:0 auto;max-width:100%}}@media screen and (max-width:768px){.intro-page{min-height:50vh;padding:2em 1em}.hero-content,.hero-tagline,.hero-title{text-align:center}}.intro-projects-divider{align-items:center;display:flex;flex-direction:column;gap:.75em;margin:3em 0 0;max-width:1200px;padding:0 1em;width:100%}.intro-projects-divider__line{background-color:#b0b0b0;height:1px;width:100%}.intro-projects-divider__label{color:#888;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.project-filters{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;margin-bottom:2.5em}.project-filter-btn{background:#0000;border:1px solid #b0b0b0;border-radius:2em;color:#666;cursor:pointer;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.08em;padding:.5em 1.25em;text-transform:uppercase;transition:color .2s ease,background .2s ease,border-color .2s ease}.project-filter-btn:hover{border-color:#888;color:#333}.project-filter-btn--active{background:#06070e;border-color:#06070e;color:#fffbf9}.project-list .playground-card-image-wrapper{border-radius:4px;margin-bottom:1em;overflow:hidden}.project-list .playground-image{display:block;height:auto;object-fit:cover;transition:transform .4s ease;width:100%}.project-list .playground-item:not(.playground-item--no-hover):hover .playground-image{transform:scale(1.05)}.project-list .playground-item--no-hover{cursor:default}.project-stack-tags{display:flex;flex-wrap:wrap;gap:.35em;margin-top:.75em}.project-stack-tag{border-radius:1em;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.7rem;font-weight:500;padding:.25em .6em}.project-stack-tag--design{background-color:#fff;border:1px solid #d4c5e0;color:#5a4a6a}.project-stack-tag--tech{background-color:#fff;border:1px solid #c5dce8;color:#3a5a6a}.project-list .playground-item-description{color:#555;font-size:.9rem;font-weight:400;line-height:1.5;margin:.5em 0 0}.project-list .playground-item-description,.project-list-empty{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.project-list-empty{color:#888;font-size:1rem;margin:3em 0;text-align:center}.works-section{margin-top:100px}.intro-page{padding:4em 2em}.works-section{margin:0 auto;max-width:1200px;padding:2em 0}.playground-title,.works-title{color:#06070e;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.5rem;font-weight:400;letter-spacing:.1em;margin-bottom:3em;text-transform:uppercase}.sunney-showcase{grid-gap:3em;align-items:center;display:grid;gap:3em;grid-template-columns:1fr 1fr;margin-bottom:6em}.Sunney{border-radius:4px;cursor:default;height:auto;object-fit:cover;transition:transform .3s ease,opacity .3s ease;width:100%}.Sunney:hover{opacity:.9;transform:scale(1.02)}.description-section{display:flex;flex-direction:column;gap:.5em}.description-section h3{color:#06070e;font-size:1.5rem;margin:0 0 .5em}.description-section h3,.description-section h4{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400}.description-section h4{color:#222325;font-size:.9rem;letter-spacing:.05em;margin:0 0 1em;text-transform:uppercase}.description-section p{color:#222325;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:500;line-height:1.6;margin:0 0 1.5em}.sunney-anchor{margin-top:1em}.case-study-button,.sunney-button{border:1px solid #b0b0b0;border-radius:2em;color:#06070e;display:inline-block;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.95rem;font-weight:500;letter-spacing:.1em;padding:.5em 1.25em;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.case-study-button:hover,.sunney-button:hover{background-color:#06070e;box-shadow:0 4px 8px #0000001a;color:#fffbf9;transform:translateY(-2px)}@media screen and (max-width:900px){.sunney-showcase{gap:2em;grid-template-columns:1fr;margin-bottom:4em}.works-section{padding:1em}.description-section{align-items:center;text-align:center}.description-section h3,.description-section h4,.description-section p{text-align:center}}.dot1,.dot2,.dot3,.dot4,.dot5{display:none}.playground-subtitle{color:#222325;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:300;margin:-2em 0 3em}.playground-grid{grid-gap:3em 2em;display:grid;gap:3em 2em;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));margin-top:2em}.playground-item{color:inherit;cursor:pointer;display:flex;flex-direction:column;text-decoration:none}.playground-image{border-radius:4px;height:auto;margin-bottom:1em;object-fit:cover;width:100%}.playground-item-title{display:flex;flex-direction:column;gap:.25em}.playground-item-title h3{color:#06070e;font-size:1.4rem;font-weight:400;letter-spacing:-.01em}.playground-item-subtitle,.playground-item-title h3{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;margin:0}.playground-item-subtitle{color:#666;font-size:1rem;font-weight:500}.playground-empty{color:#888;padding:4em 2em;text-align:center}.playground-empty p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.6;margin:.5em 0}.playground-empty-hint{color:#aaa;font-size:.9rem}@media screen and (max-width:768px){.playground-grid{gap:2em 1.5em;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.playground-subtitle{margin:-2em 0 2em;text-align:center}.playground-item-title{align-items:center;text-align:center}.playground-item-subtitle,.playground-item-title h3{text-align:center}}@media screen and (max-width:480px){.playground-grid{gap:2em;grid-template-columns:1fr}.playground-item-title{align-items:center;text-align:center}}.image-carousel-container,.image-carousel-wrapper{position:relative;width:100%}.image-carousel-container{border-radius:4px;overflow:hidden}.image-carousel-slides{display:flex;transition:transform .5s ease-in-out;will-change:transform}.image-carousel-slide{flex-shrink:0;min-width:100%;width:100%}.image-carousel-arrow{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;border:none;border-radius:50%;color:#ffffffe6;cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease,color .2s ease;width:40px;z-index:10}.image-carousel-arrow:hover{background-color:#00000080;color:#fff}.image-carousel-arrow:focus{outline:none}.image-carousel-arrow svg{display:block}.image-carousel-arrow-left{left:12px}.image-carousel-arrow-right{right:12px}.image-carousel-dots{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;border-radius:20px;bottom:12px;display:flex;gap:.5em;justify-content:center;left:50%;padding:6px 12px;position:absolute;transform:translateX(-50%);z-index:10}.image-carousel-dot{background-color:#ffffff80;border-radius:50%;cursor:pointer;height:6px;transition:background-color .3s ease,width .3s ease;width:6px}.image-carousel-dot.active{background-color:#fff;border-radius:3px;width:20px}@media screen and (max-width:768px){.image-carousel-arrow{font-size:18px;height:32px;width:32px}.image-carousel-arrow-left{left:6px}.image-carousel-arrow-right{right:6px}}.top-section{margin:0 auto;max-width:1200px;padding:4em 2em}.bio-section{grid-gap:4em;align-items:start;display:grid;gap:4em;grid-template-columns:300px 1fr;margin-bottom:4em}.image-button-section{align-items:flex-start;display:flex;flex-direction:column}.image-button-section img{border-radius:4px;height:auto;margin-bottom:1.5em;object-fit:cover;width:100%}.resume-button{border:1px solid #06070e;color:#06070e;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9rem;font-weight:400;letter-spacing:.05em;padding:.75em 1.5em;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.resume-button:hover{background-color:#06070e;color:#fffbf9}.word-section{max-width:600px}.word-section h1{color:#06070e;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1.2;margin:0 0 1.5rem}.hello{background:none;background-color:initial;font-style:italic}.word-section p{color:#222325;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.highlight-p{background-color:#f8e2d1;padding:.1em .2em}.word-section ul{list-style:none;margin:0 0 2em;padding:0}.experience{display:inline-block;font-weight:700;margin-bottom:.5em}.word-section li{color:#222325;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin-bottom:.5em}.word-section a{color:#1254a9;text-decoration:underline;transition:color .3s ease}.word-section a:hover{color:#589ac8}.word-section>span{color:#222325;display:block;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin-top:1.5em}@media screen and (max-width:900px){.bio-section{gap:2em;grid-template-columns:1fr}.image-button-section{align-items:center}.image-button-section img{max-width:300px}.top-section{padding:2em 1em}.word-section{margin:0 auto}.word-section,.word-section h1,.word-section p,.word-section ul,.word-section>span{text-align:center}}.works-title{color:#06070e;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.5rem;font-weight:400;letter-spacing:.1em;margin:4em auto 3em;max-width:1200px;padding:0 2em;text-transform:uppercase}.gallery{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5em;justify-content:center;margin:0 auto;max-width:1200px;padding:2em}.gallery img{border-radius:4px;height:300px;max-width:350px;object-fit:cover;transition:transform .3s ease,opacity .3s ease;width:100%}.gallery img:hover{cursor:zoom-in;opacity:.9;transform:scale(1.02)}@media screen and (max-width:768px){.works-title{margin-bottom:2em;margin-top:2em;padding:0 1em}.gallery{padding:1em}}.modal{background-color:#000000e6;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.modal,.modal-content{align-items:center;display:flex}.modal-content{border-radius:8px;flex-direction:column;max-height:90%;max-width:60%;overflow:hidden;padding:10px}.caption{margin:1em}.modal-content img{max-height:80vh;max-width:100%;object-fit:contain}.title{word-wrap:break-word;color:#000;font-family:ED Garamond;font-size:1.2rem;font-weight:400;max-width:100%;text-align:center}.close{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5em;position:absolute;right:10px;top:10px}.close:hover{color:#a4a4a4}footer{background-color:var(--bg-color);border-top:none;padding:4em 4em 2em}.footer-nav{display:flex;flex-direction:column;gap:1em;margin:0 auto;max-width:1200px}.footer-nav>span:first-child{color:#222325;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9rem;font-weight:400}.footer-nav ul{display:flex;gap:2em;list-style:none;margin:0;padding:0}.footer-nav li{align-items:center;display:flex}.footer-nav a{color:#06070e;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9rem;text-decoration:none;transition:opacity .3s ease}.footer-nav a:hover{opacity:.6}@media (max-width:768px){footer{padding:3em 2em 2em}.footer-nav ul{flex-direction:column;gap:.5em}}body{background-color:#fffbf9}.sunneyTopSection{margin:0 auto;max-width:1200px;padding:6em 2em 4em;text-align:left}.top-section-title{color:#06070e;font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.2;margin:0 0 1.5rem}.sunneyTopSection p,.top-section-title{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400}.sunneyTopSection p{color:#222325;font-size:1.125rem;line-height:1.7;margin:0 0 4em;max-width:800px}.spotify-case-study{margin:0 auto;max-width:1300px;padding:0 1em;width:100%}.spotify-case-study__slide{aspect-ratio:16/9;border-radius:20px;margin-bottom:.5em;overflow:hidden;width:100%}.spotify-case-study__slide img{display:block;height:100%;object-fit:cover;object-position:center;transition:filter .3s ease;width:100%}.spotify-case-study__slide--hovered img{filter:brightness(1.1)}.spotify-case-study__slide--dimmed img{filter:brightness(.45)}.sunneyTopSection img{background-color:#f5f5f5;border-radius:4px;display:block;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:high-quality;margin:0 0 4em;max-width:1200px;min-height:400px;object-fit:contain;position:relative;width:100%;z-index:2}.data-about-project{grid-gap:clamp(1.5em,4vw,3em) clamp(2em,5vw,4em);display:grid;gap:clamp(1.5em,4vw,3em) clamp(2em,5vw,4em);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:4em 0 0;max-width:100%;padding:0;text-align:left}.data-about-project ul{list-style:none;margin:0;padding:0}.data-about-project span{display:block;font-size:clamp(.65rem,1.5vw,.75rem);letter-spacing:.15em;margin-bottom:.75em;text-transform:uppercase}.data-about-project li,.data-about-project span{color:#222325;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;text-align:left}.data-about-project li{font-size:clamp(.8rem,2vw,.95rem);line-height:1.6;margin:.25em 0}.sunney-comp-analysis,.sunney-design,.sunney-findings-analysis,.sunney-overview,.sunney-problem,.sunney-solution,.sunney-user-interviews,.sunneyBranding,.sunneyFourthSection,.sunneyHifi,.sunneyLowfi{align-items:flex-start;display:flex;flex-direction:column;margin:0 auto 8em;max-width:1200px;padding:0 2em}.sunney-comp-analysis h2,.sunney-design h2,.sunney-findings-analysis h2,.sunney-overview h2,.sunney-problem h2,.sunney-solution h2,.sunney-user-interviews h2,.sunneyBranding h2,.sunneyFourthSection h2,.sunneyHifi h2,.sunneyLowfi h2{color:#888;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.125rem;font-weight:400;letter-spacing:.1em;margin:0 0 .5em;text-align:left;text-transform:uppercase;width:100%}.sunney-comp-analysis h3,.sunney-design h3,.sunney-findings-analysis h3,.sunney-overview h3,.sunney-problem h3,.sunney-solution h3,.sunney-user-interviews h3,.sunneyBranding h3,.sunneyFourthSection h3,.sunneyHifi h3,.sunneyLowfi h3{color:#06070e;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.25rem;font-weight:400;margin:.5em 0 1em;text-align:left;width:100%}.sunney-comp-analysis h4,.sunney-design h4,.sunney-findings-analysis h4,.sunney-overview h4,.sunney-problem h4,.sunney-solution h4,.sunney-user-interviews h4,.sunneyBranding h4,.sunneyFourthSection h4,.sunneyHifi h4,.sunneyLowfi h4{color:#06070e;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.125rem;font-weight:400;margin:1.5em 0 .75em;text-align:left;width:100%}.sunney-comp-analysis p,.sunney-comp-analysis span,.sunney-design span,.sunney-overview p,.sunney-problem p,.sunney-solution p,.sunney-user-interviews p,.sunneyFourthSection p,.sunneyHifi p,.sunneyLowfi p{color:#222325;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:400;line-height:1.7;margin:0 0 2em;max-width:100%;text-align:left}.sunney-problem p,.sunney-solution p{border-left:4px solid #1db954;padding-left:1.5em}.sunney-comp-analysis img,.sunney-design img,.sunney-overview img,.sunney-problem img,.sunney-solution img,.sunneyBranding img,.sunneyHifi img,.sunneyLowfi img{background-color:#f5f5f5;border-radius:4px;display:block;height:600px;margin:2em 0;max-width:1200px;object-fit:cover;position:relative;width:100%;z-index:2}.sunneyHifi{align-items:flex-start;display:flex;flex-direction:column;gap:2em}.sunneyHifi img{max-width:100%;width:100%}.sunney-findings-analysis ul,.sunney-user-interviews ul{list-style:none;margin:0 0 2em;max-width:100%;padding:0;text-align:left}.sunney-findings-analysis li,.sunney-user-interviews li{font-weight:400;line-height:1.7;margin:.5em 0;padding-left:0}.sunney-findings-analysis li,.sunney-findings-analysis span,.sunney-user-interviews li,.sunney-user-interviews span{color:#222325;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem}.sunney-findings-analysis span,.sunney-user-interviews span{display:block;font-weight:500;margin:0 0 1em;text-align:left}.no-controls{border-radius:4px;max-width:100%;pointer-events:none}.video-container-left,.video-container-right{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;margin:2em 0;width:100%}.video-container-left video,.video-container-right video{border-radius:4px;display:block;height:auto;margin:0;max-width:600px;width:100%}.video-caption{color:#222325;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:400;line-height:1.7;margin:1em 0;max-width:600px;text-align:left}.sunney-solution video{border-radius:4px;display:block;height:auto;margin:2em 0;max-width:600px;width:100%}@media screen and (max-width:768px){.sunneyTopSection{padding:4em 1.5em 3em}.data-about-project{gap:1.5em 1.5em;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.sunney-comp-analysis,.sunney-design,.sunney-findings-analysis,.sunney-overview,.sunney-problem,.sunney-solution,.sunney-user-interviews,.sunneyBranding,.sunneyFourthSection,.sunneyHifi,.sunneyLowfi{margin-bottom:5em;padding:0 1.5em}.sunney-comp-analysis img,.sunney-design img,.sunney-overview img,.sunney-problem img,.sunney-solution img,.sunneyBranding img,.sunneyHifi img,.sunneyLowfi img{height:auto;margin:1.5em 0;max-width:100%;min-height:300px;width:100%}.sunneyHifi img,.sunneyTopSection img{height:auto;min-height:300px}.sunneyHifi img{max-width:100%;width:100%}.sunney-comp-analysis h2,.sunney-comp-analysis p,.sunney-comp-analysis span,.sunney-design h2,.sunney-design span,.sunney-findings-analysis h2,.sunney-findings-analysis span,.sunney-findings-analysis ul,.sunney-overview h2,.sunney-overview p,.sunney-problem h2,.sunney-problem p,.sunney-solution h2,.sunney-solution p,.sunney-user-interviews h2,.sunney-user-interviews p,.sunney-user-interviews span,.sunney-user-interviews ul,.sunneyBranding h2,.sunneyFourthSection h2,.sunneyFourthSection p,.sunneyHifi h2,.sunneyHifi p,.sunneyLowfi h2,.sunneyLowfi p,.video-caption{text-align:center}}.button{cursor:pointer;display:inline-block;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.button,.button:hover{text-decoration:none}.color-blobs-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.color-blob{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(70px);opacity:.5;position:absolute}.blob-1{animation-delay:0s;background-color:#ffd6e8;height:300px;left:5%;top:10%;width:300px}.blob-2{animation-delay:2s;background-color:#d4e4f7;height:250px;right:10%;top:60%;width:250px}.blob-3{animation-delay:4s;background-color:#e8f5e9;bottom:15%;height:280px;left:15%;width:280px}.blob-4{animation-delay:6s;background-color:#fff4e6;height:200px;right:20%;top:30%;width:200px}.blob-5{display:none}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(20px,30px) scale(1.05)}}.bio-section,.intro-page,.playground-page,.playground-section,.spotify-case-study,.sunney-comp-analysis,.sunney-design,.sunney-findings-analysis,.sunney-overview,.sunney-problem,.sunney-solution,.sunney-user-interviews,.sunneyBranding,.sunneyFourthSection,.sunneyHifi,.sunneyLowfi,.sunneyTopSection,.top-section,.works-section,body,footer,header{position:relative;z-index:1}@media screen and (max-width:768px){.color-blob{filter:blur(50px);opacity:.4}.blob-1,.blob-2,.blob-3,.blob-4{height:200px;width:200px}}
/*# sourceMappingURL=main.a6372a76.css.map*/