#main-header{position:relative;z-index:30;background-color:#fff;padding:.5rem 1.25rem;display:flex;align-items:center;justify-content:space-between}#portfolio-logo img{display:block;height:60px;width:auto}.main-nav{display:flex;align-items:center;position:static}#burger-button{width:40px;height:40px;border:none;padding:0;background:url("../images/SVG/burger-menu.svg") no-repeat center;background-size:contain;cursor:pointer;transition:transform .3s ease}#burger-button.expanded{transform:rotate(90deg)}#burger-con{display:none;flex-direction:column;background-color:#fff;position:absolute;top:100%;left:0;right:0;width:100%;text-align:left;box-shadow:0 16px 40px rgba(0,0,0,.05)}#burger-con.slide-toggle{display:flex}#burger-con ul{width:100%;list-style:none;margin:0;padding:1.25rem 1.5rem 2rem;display:flex;flex-direction:column;gap:1rem}#burger-con li a{display:block;padding:.3rem 0;color:#717171;font-family:"Roboto",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600;font-size:.95rem;text-decoration:none;text-transform:uppercase;letter-spacing:.18em}#burger-con li a:hover{opacity:.7}@media screen and (min-width: 48em){#main-header{padding-inline:2rem}#burger-con ul{padding-inline:2rem}}@media screen and (min-width: 75em){#main-header{padding-inline:80px}#burger-button{display:none}#burger-con{display:block;position:static;width:auto;box-shadow:none}#burger-con ul{padding:0;display:flex;flex-direction:row;gap:2.5rem;justify-content:flex-end}#burger-con li a{padding:.5rem 0;font-weight:500}}#footer{margin-top:2.5rem;padding-block:1.8rem 2.2rem;border-top:1px solid #e3e3e3;background-color:rgba(0,0,0,0)}#footer .grid-con{max-width:1200px;margin:0 auto;padding-inline:1.5rem}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo img{height:40px;width:auto}.footer-copy{font-size:.85rem;color:#9f9f9f;text-align:center}.footer-social{display:flex;gap:1.5rem;justify-content:center;align-items:center}.footer-social a{display:inline-block}.footer-icon{width:30px;height:30px}.footer-social-item{width:40px;height:40px;border-radius:10px;border:1px solid #f7e1c7;background-color:#fffaf4;display:flex;align-items:center;justify-content:center}.footer-social-item img{width:22px;height:22px}@media screen and (min-width: 768px){#footer .grid-con{padding-inline:80px}.footer-inner{flex-direction:row;justify-content:space-between;align-items:center;gap:0}.footer-copy{text-align:center}}@keyframes hero-gradient-animation{0%{--s-start-0: 3.1210986267166043%;--s-end-0: 40%;--c-0: hsla(54.915254237288096, 95%, 88%, 0.85);--x-0: 0%;--y-0: 0%;--x-1: 20%;--s-start-1: 3.1210986267166043%;--s-end-1: 40%;--y-1: 0%;--c-1: hsla(355.55555555555566, 100%, 94%, 0.8);--y-2: 0%;--s-start-2: 3.1210986267166043%;--s-end-2: 40%;--x-2: 40%;--c-2: hsla(54.545454545454604, 90%, 95%, 0.81);--s-start-3: 3.1210986267166043%;--s-end-3: 40%;--x-3: 60%;--y-3: 0%;--c-3: hsla(354.1935483870968, 100%, 93%, 0.6);--y-4: 0%;--x-4: 80%;--c-4: hsla(54.782608695652186, 92%, 95%, 0.85);--s-start-4: 3.1210986267166043%;--s-end-4: 40%;--y-5: 0%;--x-5: 100%;--c-5: hsla(353.3333333333334, 100%, 92%, 0.68);--s-start-5: 3%;--s-end-5: 40%}100%{--s-start-0: 1;--s-end-0: 65;--c-0: hsla(54.915254237288096, 95%, 88%, 0.85);--x-0: 5%;--y-0: 42%;--x-1: 7%;--s-start-1: 1;--s-end-1: 65;--y-1: 100%;--c-1: hsla(355.55555555555566, 100%, 94%, 0.85);--y-2: 11%;--s-start-2: 1;--s-end-2: 65;--x-2: 61%;--c-2: hsla(54.54545454545464, 90%, 95%, 0.79);--s-start-3: 1;--s-end-3: 65;--x-3: 24%;--y-3: 76%;--c-3: hsla(354.1935483870968, 100%, 93%, 0.74);--y-4: 5%;--x-4: 78%;--c-4: hsla(54.782608695652186, 92%, 95%, 0.85);--s-start-4: 1;--s-end-4: 65;--y-5: 100%;--x-5: 63%;--c-5: hsla(353.3333333333334, 100%, 92%, 0.73);--s-start-5: 1;--s-end-5: 65}}@property --s-start-0{syntax:"<percentage>";inherits:false;initial-value:3.1210986267%}@property --s-end-0{syntax:"<percentage>";inherits:false;initial-value:40%}@property --c-0{syntax:"<color>";inherits:false;initial-value:hsla(54.9152542373,95%,88%,.85)}@property --x-0{syntax:"<percentage>";inherits:false;initial-value:0%}@property --y-0{syntax:"<percentage>";inherits:false;initial-value:0%}@property --x-1{syntax:"<percentage>";inherits:false;initial-value:20%}@property --s-start-1{syntax:"<percentage>";inherits:false;initial-value:3.1210986267%}@property --s-end-1{syntax:"<percentage>";inherits:false;initial-value:40%}@property --y-1{syntax:"<percentage>";inherits:false;initial-value:0%}@property --c-1{syntax:"<color>";inherits:false;initial-value:hsla(355.5555555556,100%,94%,.8)}@property --y-2{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-start-2{syntax:"<percentage>";inherits:false;initial-value:3.1210986267%}@property --s-end-2{syntax:"<percentage>";inherits:false;initial-value:40%}@property --x-2{syntax:"<percentage>";inherits:false;initial-value:40%}@property --c-2{syntax:"<color>";inherits:false;initial-value:hsla(54.5454545455,90%,95%,.81)}@property --s-start-3{syntax:"<percentage>";inherits:false;initial-value:3.1210986267%}@property --s-end-3{syntax:"<percentage>";inherits:false;initial-value:40%}@property --x-3{syntax:"<percentage>";inherits:false;initial-value:60%}@property --y-3{syntax:"<percentage>";inherits:false;initial-value:0%}@property --c-3{syntax:"<color>";inherits:false;initial-value:hsla(354.1935483871,100%,93%,.6)}@property --y-4{syntax:"<percentage>";inherits:false;initial-value:0%}@property --x-4{syntax:"<percentage>";inherits:false;initial-value:80%}@property --c-4{syntax:"<color>";inherits:false;initial-value:rgba(253.98,251.94,230.52,.85)}@property --s-start-4{syntax:"<percentage>";inherits:false;initial-value:3.1210986267%}@property --s-end-4{syntax:"<percentage>";inherits:false;initial-value:40%}@property --y-5{syntax:"<percentage>";inherits:false;initial-value:0%}@property --x-5{syntax:"<percentage>";inherits:false;initial-value:100%}@property --c-5{syntax:"<color>";inherits:false;initial-value:hsla(353.3333333333,100%,92%,.68)}@property --s-start-5{syntax:"<percentage>";inherits:false;initial-value:3%}@property --s-end-5{syntax:"<percentage>";inherits:false;initial-value:40%}.hero-section,.contact-section{--c-0: hsla(54.915254237288096, 95%, 88%, 0.85);--x-0: 0%;--y-0: 0%;--x-1: 20%;--y-1: 0%;--c-1: hsla(355.55555555555566, 100%, 94%, 0.8);--y-2: 0%;--x-2: 40%;--c-2: hsla(54.545454545454604, 90%, 95%, 0.81);--x-3: 60%;--y-3: 0%;--c-3: hsla(354.1935483870968, 100%, 93%, 0.6);--y-4: 0%;--x-4: 80%;--c-4: hsla(54.782608695652186, 92%, 95%, 0.85);--y-5: 0%;--x-5: 100%;--c-5: hsla(353.3333333333334, 100%, 92%, 0.68);background-color:#fff;background-image:radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)),radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4)),radial-gradient(circle at var(--x-5) var(--y-5), var(--c-5) var(--s-start-5), transparent var(--s-end-5));animation:hero-gradient-animation 2s linear infinite alternate;background-blend-mode:normal,normal,normal,normal,normal,normal}@keyframes hero-gradient-animation{0%{--s-start-0: 3.1210986267166043%;--s-end-0: 40%;--c-0: hsla(54.915254237288096, 95%, 88%, 0.25);--x-0: 0%;--y-0: 0%;--x-1: 20%;--s-start-1: 3.1210986267166043%;--s-end-1: 40%;--y-1: 0%;--c-1: hsla(355.55555555555566, 100%, 94%, 0.33);--y-2: 0%;--s-start-2: 3.1210986267166043%;--s-end-2: 40%;--x-2: 40%;--c-2: hsla(54.54545454545464, 90%, 95%, 0.58);--s-start-3: 3.1210986267166043%;--s-end-3: 40%;--x-3: 60%;--y-3: 0%;--c-3: hsla(354.1935483870968, 100%, 93%, 0.5);--y-4: 0%;--x-4: 80%;--c-4: hsla(54.782608695652186, 92%, 95%, 0.4);--s-start-4: 3.1210986267166043%;--s-end-4: 40%;--y-5: 0%;--x-5: 100%;--c-5: hsla(353.3333333333334, 100%, 92%, 0.38);--s-start-5: 3%;--s-end-5: 40%}100%{--s-start-0: 1;--s-end-0: 65;--c-0: hsla(54.915254237288096, 95%, 88%, 0.26);--x-0: 5%;--y-0: 42%;--x-1: 7%;--s-start-1: 1;--s-end-1: 65;--y-1: 100%;--c-1: hsla(355.55555555555566, 100%, 94%, 0.08);--y-2: 11%;--s-start-2: 1;--s-end-2: 65;--x-2: 61%;--c-2: hsla(54.54545454545464, 90%, 95%, 0.59);--s-start-3: 1;--s-end-3: 65;--x-3: 24%;--y-3: 76%;--c-3: hsla(354.1935483870968, 100%, 93%, 0.5);--y-4: 5%;--x-4: 78%;--c-4: hsla(54.782608695652186, 92%, 95%, 0.3);--s-start-4: 1;--s-end-4: 65;--y-5: 100%;--x-5: 63%;--c-5: hsla(353.3333333333334, 100%, 92%, 0.33);--s-start-5: 1;--s-end-5: 65}}@property --s-start-0{syntax:"<percentage>";inherits:false;initial-value:3.1210986267%}@property --s-end-0{syntax:"<percentage>";inherits:false;initial-value:40%}@property --c-0{syntax:"<color>";inherits:false;initial-value:hsla(54.9152542373,95%,88%,.25)}@property --x-0{syntax:"<percentage>";inherits:false;initial-value:0%}@property --y-0{syntax:"<percentage>";inherits:false;initial-value:0%}@property --x-1{syntax:"<percentage>";inherits:false;initial-value:20%}@property --s-start-1{syntax:"<percentage>";inherits:false;initial-value:3.1210986267%}@property --s-end-1{syntax:"<percentage>";inherits:false;initial-value:40%}@property --y-1{syntax:"<percentage>";inherits:false;initial-value:0%}@property --c-1{syntax:"<color>";inherits:false;initial-value:hsla(355.5555555556,100%,94%,.33)}@property --y-2{syntax:"<percentage>";inherits:false;initial-value:0%}@property --s-start-2{syntax:"<percentage>";inherits:false;initial-value:3.1210986267%}@property --s-end-2{syntax:"<percentage>";inherits:false;initial-value:40%}@property --x-2{syntax:"<percentage>";inherits:false;initial-value:40%}@property --c-2{syntax:"<color>";inherits:false;initial-value:hsla(54.5454545455,90%,95%,.58)}@property --s-start-3{syntax:"<percentage>";inherits:false;initial-value:3.1210986267%}@property --s-end-3{syntax:"<percentage>";inherits:false;initial-value:40%}@property --x-3{syntax:"<percentage>";inherits:false;initial-value:60%}@property --y-3{syntax:"<percentage>";inherits:false;initial-value:0%}@property --c-3{syntax:"<color>";inherits:false;initial-value:hsla(354.1935483871,100%,93%,.5)}@property --y-4{syntax:"<percentage>";inherits:false;initial-value:0%}@property --x-4{syntax:"<percentage>";inherits:false;initial-value:80%}@property --c-4{syntax:"<color>";inherits:false;initial-value:rgba(253.98,251.94,230.52,.4)}@property --s-start-4{syntax:"<percentage>";inherits:false;initial-value:3.1210986267%}@property --s-end-4{syntax:"<percentage>";inherits:false;initial-value:40%}@property --y-5{syntax:"<percentage>";inherits:false;initial-value:0%}@property --x-5{syntax:"<percentage>";inherits:false;initial-value:100%}@property --c-5{syntax:"<color>";inherits:false;initial-value:hsla(353.3333333333,100%,92%,.38)}@property --s-start-5{syntax:"<percentage>";inherits:false;initial-value:3%}@property --s-end-5{syntax:"<percentage>";inherits:false;initial-value:40%}#about-page{--c-0: hsla(54.915254237288096, 95%, 88%, 0.25);--x-0: 0%;--y-0: 0%;--x-1: 20%;--y-1: 0%;--c-1: hsla(355.55555555555566, 100%, 94%, 0.33);--y-2: 0%;--x-2: 40%;--c-2: hsla(54.54545454545464, 90%, 95%, 0.58);--x-3: 60%;--y-3: 0%;--c-3: hsla(354.1935483870968, 100%, 93%, 0.5);--y-4: 0%;--x-4: 80%;--c-4: hsla(54.782608695652186, 92%, 95%, 0.4);--y-5: 0%;--x-5: 100%;--c-5: hsla(353.3333333333334, 100%, 92%, 0.38);background-color:#fff;background-image:radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)),radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4)),radial-gradient(circle at var(--x-5) var(--y-5), var(--c-5) var(--s-start-5), transparent var(--s-end-5));animation:hero-gradient-animation 5s linear infinite alternate;background-blend-mode:normal,normal,normal,normal,normal,normal}body{font-family:"Roboto",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{background-color:#fff}.section-title{font-weight:600;font-size:1.6rem;color:#717171;margin-bottom:.4rem}.section-subtitle{font-weight:400;font-size:.95rem;color:#9f9f9f;margin-bottom:1.5rem}.hero-section{position:relative;width:100%;min-height:90vh;display:flex;align-items:center}.hero-section .grid-con{width:100%;margin:0 auto;padding-inline:1.5rem;row-gap:2.5rem}.hero-text{align-self:center}.hero-name{font-size:1.2rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.9rem;color:#9f9f9f}.hero-title{font-size:2.5rem;font-weight:700;line-height:1.05;margin-bottom:1rem;color:#717171}.hero-description{font-size:1.2rem;line-height:1.6;color:#9f9f9f;max-width:40rem}.hero-image-wrap{display:flex;justify-content:center;align-items:flex-end}.hero-memoji{display:block;width:260px;height:auto}.hero-role-rotating{display:inline-block}.hero-scroll{position:absolute;left:50%;bottom:1.5rem;transform:translateX(-50%);width:36px;height:36px;display:grid;place-items:center;z-index:5}.hero-scroll-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block;transition:transform 200ms ease,opacity 200ms ease}.hero-scroll:hover .hero-scroll-img{transform:translateY(4px);opacity:.8}.hero-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:1.5rem;padding:.75rem 1.5rem;border-radius:16px;border:1px solid #9f9f9f;color:#717171;text-decoration:none;font-weight:500;white-space:nowrap;transition:background-color 200ms ease,color 200ms ease,transform 200ms ease}.hero-cta:hover{background-color:#9f9f9f;color:#fff;transform:translateY(-1px)}.hero-cta:focus-visible{outline:2px solid #9f9f9f}#demo-reel{padding:5rem 0 4rem}#demo-reel .grid-con{margin:0 auto;padding-inline:1.5rem;-moz-column-gap:2rem;column-gap:2rem;row-gap:2.5rem;align-items:center}.placeholder-video{border-radius:24px;overflow:hidden;aspect-ratio:16/9}.placeholder-video video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.intro-copy{font-size:1rem;line-height:1.6;color:#9f9f9f}.plyr{--plyr-color-main: #dadada;--plyr-video-control-color: #ffffff;--plyr-video-control-background: #ffffff}#projects{background-color:#f4f4f4;padding:4rem 0 5rem}#projects .grid-con:first-of-type{margin:0 auto 2rem;padding-inline:1.5rem}#projects .grid-con:last-of-type{margin:0 auto;padding-inline:1.5rem;row-gap:2rem}#projects .section-title{font-size:2.1rem;font-weight:700;color:#717171;margin-bottom:.5rem}#projects .section-subtitle{font-size:.98rem;line-height:1.6;color:#9f9f9f}.featured-projects{background-color:#f4f4f4;padding:4rem 0 5rem}.featured-projects .grid-con:first-of-type{margin:0 auto 2rem;padding-inline:1.5rem}.featured-projects.grid-con:last-of-type{margin:0 auto;padding-inline:1.5rem;row-gap:2rem}.featured-projects .section-title{font-size:2.1rem;font-weight:700;color:#717171;margin-bottom:.5rem}.featured-projects .section-subtitle{font-size:.98rem;line-height:1.6;color:#9f9f9f}#featured-projects .section-subtitle{font-size:.98rem;line-height:1.6;color:#9f9f9f}#featured-projects{background-color:#f4f4f4;padding:4rem 0 5rem}#featured-projects .grid-con:first-of-type{margin:0 auto 2rem;padding-inline:1.5rem}#featured-projects .grid-con:last-of-type{margin:0 auto;padding-inline:1.5rem;row-gap:2rem}#featured-projects .section-title{font-size:2.1rem;font-weight:700;color:#717171;margin-bottom:.5rem}#featured-projects .section-subtitle{font-size:.98rem;line-height:1.6;color:#9f9f9f}.project-card{background-color:#fff;border-radius:22px;padding:1.25rem 1.4rem 1.4rem;cursor:pointer;display:flex;flex-direction:column;gap:.8rem;height:100%;box-shadow:0 0 0 rgba(0,0,0,0);transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.project-thumb{display:block;width:100%;height:auto;border-radius:18px;-o-object-fit:cover;object-fit:cover;margin-bottom:.85rem;transition:transform .25s ease}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}.tag{font-size:.75rem;padding:.35rem .7rem;border-radius:999px;background-color:#eee;color:#717171}.project-title{font-size:1rem;font-weight:700;color:#717171;margin-bottom:.25rem}.project-description{font-size:.9rem;line-height:1.6;color:#9f9f9f}.project-cta{margin-top:.9rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;font-weight:500;color:#717171;display:inline-flex;align-items:center;gap:.3rem;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.project-cta-arrow{display:inline-block;transition:transform .25s ease}.project-card:hover,.project-card:focus-within{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.12)}.project-card:hover .project-thumb,.project-card:focus-within .project-thumb{transform:scale(1.03)}.project-card:hover .project-cta,.project-card:focus-within .project-cta{opacity:1;transform:translateY(0)}.project-card:hover .project-cta-arrow,.project-card:focus-within .project-cta-arrow{transform:translateX(3px)}#tools{padding-block:3.5rem;background-color:#fff}#tools .section-title{font-weight:700;color:#717171;margin-bottom:.5rem}#tools .section-subtitle{font-weight:400;line-height:1.6;color:#9f9f9f}.tools-icons{padding-block:25px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));justify-items:center;align-items:center;row-gap:25px;-moz-column-gap:20px;column-gap:20px}.tool-icon{width:70px;max-width:100%;transition:transform .2s ease,filter .2s ease}.tool-icon:hover,.tool-icon:focus-visible{transform:scale(1.5);filter:drop-shadow(0 6px 12px rgba(0, 0, 0, 0.35))}#services{padding-block:3.5rem;background-color:#fff}#services .grid-con{margin:0 auto;padding-inline:1.5rem}#services .services-header{margin:0 0 2.5rem 0;text-align:left}#services .section-title{font-weight:700;font-size:2.1rem;color:#717171;margin-bottom:.5rem}#services .section-subtitle{font-weight:400;font-size:.98rem;line-height:1.6;color:#9f9f9f}.services-list{display:grid;grid-template-columns:1fr;row-gap:3rem}.service-item{text-align:center}.service-icon{width:110px;max-width:100%;margin-bottom:1.6rem}.service-title{font-weight:600;font-size:1.3rem;color:#717171;margin-bottom:.7rem}.service-text{font-weight:400;font-size:.95rem;line-height:1.6;color:#9f9f9f}#testimonials{padding-block:3.8rem 4rem}#testimonials .grid-con{margin:0 auto;padding-inline:1.5rem}#testimonials .testimonials-header{text-align:left}#testimonials .section-title{font-weight:700;font-size:2.3rem;color:#717171;margin-bottom:.5rem}#testimonials .section-subtitle{font-weight:400;font-size:.98rem;line-height:1.6;color:#9f9f9f}.testimonials-layout{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;align-items:center;-moz-column-gap:1rem;column-gap:1rem;row-gap:1.5rem}.testimonial-nav{width:50px;aspect-ratio:1/1;border-radius:30px;border:none;background-color:#f7cfc0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.08)}.testimonial-nav span{display:block;font-size:1.6rem;line-height:1;color:#fff}.testimonials-track{width:100%;display:grid;grid-template-columns:1fr;row-gap:1.5rem;grid-column:2/3}.testimonial-card{background-color:#fff;border-radius:24px;border:1px solid rgba(248,191,172,.5);padding:1.7rem 1.8rem 1.9rem;box-shadow:0 18px 45px rgba(0,0,0,.04);display:flex;flex-direction:column;justify-content:space-between;min-height:230px}.testimonial-text{font-weight:400;font-size:.98rem;color:#717171;margin-bottom:2.2rem}.testimonial-meta{display:flex;align-items:center;gap:.8rem}.testimonial-name{font-weight:600;font-size:.95rem;color:#717171}.testimonial-role{font-weight:400;font-size:.88rem;color:#9f9f9f}.testimonial-nav.prev{grid-column:1/2;justify-self:center}.testimonial-nav.next{grid-column:3/4;justify-self:center}.contact-section{padding-block:3.8rem 4.2rem}#contact .grid-con{max-width:1200px;margin:0 auto;padding-inline:1.5rem}#contact .contact-header{margin-bottom:2.4rem;padding-left:1.4rem;text-align:left}#contact .section-title{font-weight:700;font-size:2.3rem;color:#717171;margin-bottom:.5rem}#contact .section-subtitle{font-weight:400;font-size:1rem;color:#9f9f9f}.contact-form-wrap{margin-top:.5rem}.contact-form{max-width:420px;margin:0 auto;background-color:#fff;border-radius:26px;padding:1.8rem 2rem 2.2rem;box-shadow:0 18px 45px rgba(0,0,0,.07);display:flex;flex-direction:column;gap:.75rem}.contact-form input{width:100%;border-radius:12px;border:none;padding:.8rem .9rem;font-size:.95rem;color:#717171;background-color:#f6f6f6}.contact-form input::-moz-placeholder{color:#9f9f9f}.contact-form input::placeholder{color:#9f9f9f}.contact-submit{margin-top:1.1rem;align-self:center;min-width:140px;border-radius:12px;border:1px solid #d8d8d8;padding:.7rem 1.6rem;background-color:#fff;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:.14em;cursor:pointer}.contact-submit:hover{background-color:#f8f8f8}.contact-info{margin-top:2.4rem}.contact-info h3{font-weight:600;font-size:1.8rem;color:#717171;margin-bottom:.6rem}.contact-info p{font-weight:400;font-size:1.1rem;color:#9f9f9f}.contact-social{display:flex;gap:.9rem;margin-top:1rem}.contact-social img{width:30px;height:30px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden}.contact-form input,.contact-form textarea{width:100%;border:none;background-color:#f3f3f3;border-radius:18px;padding:1rem 1.25rem;font:inherit;color:#333;box-sizing:border-box}.contact-form textarea{min-height:120px;resize:vertical}@media screen and (min-width: 768px){.hero-section .grid-con{padding-inline:2.5rem}.hero-image-wrap{justify-content:flex-start}.hero-memoji{width:340px}#demo-reel .grid-con{padding-inline:80px;-moz-column-gap:4rem;column-gap:4rem}#demo-reel .placeholder-video{aspect-ratio:auto;height:320px}#projects .grid-con:first-of-type,#projects .grid-con:last-of-type{padding-inline:80px}#projects .grid-con:last-of-type{row-gap:2.5rem}#projects .section-title{font-size:2.3rem}#featured-projects .grid-con:first-of-type,#featured-projects .grid-con:last-of-type{padding-inline:80px}#featured-projects .grid-con:last-of-type{row-gap:2.5rem}#featured-projects .section-title{font-size:2.3rem}#tools .grid-con{padding-inline:80px}.tools-header{padding-inline-start:0}#tools .section-title{font-size:2.3rem}.tools-icons{padding-block:35px;grid-template-columns:repeat(6, minmax(0, 1fr));row-gap:0;-moz-column-gap:40px;column-gap:40px}.tool-icon{width:80px}#services .grid-con{padding-inline:80px}#services .section-title{font-size:2.3rem}.services-list{grid-template-columns:repeat(3, minmax(0, 1fr));-moz-column-gap:4rem;column-gap:4rem;row-gap:0;margin-top:2rem}.service-icon{width:120px}#testimonials .grid-con{padding-inline:80px}#testimonials .section-title{font-size:2.6rem}.testimonials-layout{-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:0}.testimonials-track{grid-template-columns:repeat(3, minmax(0, 1fr));-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:0}#contact .grid-con{padding-inline:80px}#contact .section-title{font-size:2.6rem}.contact-form-wrap{margin-top:0}.contact-info{margin-top:0;padding-left:2.2rem}}@media screen and (min-width: 1200px){.hero-section .grid-con{padding-inline:80px}.hero-memoji{width:460px;transform:translateX(100px)}.hero-name{font-size:1.2rem}.hero-title{font-size:3rem}.hero-description{font-size:1.2rem}#demo-reel .placeholder-video{aspect-ratio:auto;height:380px;max-width:900px}#projects .grid-con:first-of-type,#projects .grid-con:last-of-type{max-width:1400px}#projects .section-title{font-size:2.5rem}#featured-projects .grid-con:first-of-type,#featured-projects .grid-con:last-of-type{max-width:1400px}#featured-projects .section-title{font-size:2.5rem}.project-card{padding:1.5rem 1.6rem 1.6rem;border-radius:24px}.project-thumb{border-radius:20px}#contact .section-title{font-size:2.6rem}.contact-info h3{font-size:2rem}.contact-info p{font-size:1.2rem}#contact .section-subtitle{font-size:1.3rem;color:#9f9f9f}}.testimonial-text{white-space:pre-line}#learned-cards-row{display:flex;flex-direction:column;gap:30px}#learned-cards-row .learned-card{width:100%;max-width:none;flex:none}#project-page{color:#9f9f9f}#project-hero{margin-top:-30px}.project-hero-banner{background-color:#f7f7f7}.hero-media img{display:block;width:100%;height:auto}.project-hero-content{padding-block:20px}.project-title-main{font-size:1.8rem;font-weight:600;color:#717171;margin-bottom:1rem;padding-top:.5em}.project-text{font-size:.95rem;line-height:1.6;padding-bottom:1.2em;padding-top:.8em}.project-hero-container{max-width:1100px;margin:0 auto}.project-tags{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0;margin:0 0 1.5rem}.project-tag-circle{font-size:.8rem;color:#717171;border:1px dashed #e3e3e3;border-radius:20px;background-color:#fff;padding:.5rem 1.2rem;transition:all .2s ease;cursor:default}.project-hero-actions{display:flex;flex-direction:column;flex-wrap:wrap;gap:.75rem;align-items:flex-start;margin-top:.4rem}.project-hero-actions .project-tags{flex:1 1 auto}.skip-to-result-btn{flex:0 0 auto;width:100%;padding:.55rem 1.6rem;border-radius:999px;border:1px solid #bfbfbf;color:#7a7a7a;font-size:.9rem;text-decoration:none;text-align:center;background-color:#fff;transition:all .2s ease}.skip-to-result-btn:hover{background-color:#f7f7f7;border-color:#a5a5a5}.project-hero-image{margin:1.2rem auto 0;max-width:1100px;border-radius:18px;overflow:hidden;border:1px solid #e3e3e3}.project-hero-image picture,.project-hero-image img{display:block;width:100%;height:auto}.project-section{padding-block:20px;background-color:#fafafa}.project-section:not(:first-of-type){margin-top:20px}.project-section-header{margin-bottom:1.5rem}.project-section-title{font-size:1.3rem;font-weight:600;color:#717171}.project-section-subtitle{font-size:1rem;color:#9f9f9f;margin-top:.4rem}.body-text{font-size:1rem;line-height:1.7}.project-media-block picture,.project-results-main picture{display:block;border-radius:14px;overflow:hidden}.project-media-block img,.project-results-main img{display:block;width:100%;height:auto}.project-overview-info{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.info-card{border-radius:12px;border:1px solid #e3e3e3;background-color:#fff;padding:1rem 1.1rem}.info-row{display:flex;gap:.5rem;font-size:.85rem}.info-row+.info-row{margin-top:.35rem}#project-overview .overview-info-card .info-row{display:block;margin-bottom:1rem}#project-overview .overview-info-card .info-label{display:block;font-size:1.05rem;font-weight:700;color:#717171;margin-bottom:.25rem}#project-overview .overview-info-card .info-value{display:block;font-size:.9rem;line-height:1.5}.info-label{min-width:70px;font-weight:500;color:#717171}.info-value{flex:1}.project-overview-grid{display:grid;gap:1.5rem;margin-top:.8rem}.overview-card{border-radius:16px;background-color:#fff;border:1px solid #e3e3e3}.overview-media-card{padding:0;border-radius:16px;background-color:#fff;border:1px solid #e3e3e3}.overview-media-card picture,.overview-media-card img{display:block;width:100%;height:auto;border-radius:16px}.overview-info-card{padding:1.3rem 1.4rem}.overview-text-card{padding:1.4rem 1.5rem}#project-overview .project-section-header{margin-bottom:.8rem}#project-overview .project-overview-grid{margin-top:0}.challenge-section-container{padding-top:100px;padding-bottom:100px}.challenge-content{display:flex;flex-direction:column;gap:40px}.challenge-header-inner{display:flex;align-items:center;gap:15px}.challenge-icon-svg{background-image:url("../images/earbuds/icons-showcase/svg/challenge.svg");display:block;width:45px;height:45px;background-size:contain;background-repeat:no-repeat;background-position:center;line-height:1}.challenge-title{color:#717171;font-size:2.2rem;font-weight:600;margin:0;line-height:1.2;padding-left:8px}.challenge-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.challenge-item{display:flex;align-items:center;background-color:#f4f4f4;border-left:5px solid #fbeb9d;border-radius:10px;padding:20px 35px;box-shadow:0 4px 8px rgba(0,0,0,.081);transition:transform .2s}.challenge-number{display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;min-width:50px;min-height:50px;border-radius:50%;background-color:#fbeb9d;color:#717171;font-size:1.2rem;margin-right:18px}.challenge-text{color:#717171;font-size:1rem;line-height:1.4;margin:0}#process-title-row{display:flex;align-items:center;gap:12px;margin-bottom:1.4rem}#process-icon{background-image:url("../images/earbuds/icons-showcase/svg/process.svg");display:block;width:45px;height:45px;background-size:contain;background-repeat:no-repeat;background-position:center}.process-step{margin-top:2.2rem}.process-step-inner{display:flex;flex-direction:column;gap:1.2rem}.process-media{height:auto;align-self:start}.process-copy{font-size:.95rem;line-height:1.7}.process-media{border-radius:16px;overflow:hidden;border:1px solid #e3e3e3;background-color:#f4f4f4}.process-media img,.process-media video{display:block;width:100%;height:auto}.step-pill{display:inline-block;margin-bottom:.8rem;padding:.3rem 1.4rem;border-radius:15px;background-color:#fbeb9d;font-weight:600;color:#717171;font-size:1.1rem}.process-step-title{font-size:1.2rem;font-weight:600;color:#717171;margin-bottom:.5rem}.process-step.reverse .process-step-inner{flex-direction:column}#project-results{background-color:#fff;margin-top:-10px}.results-title-row{display:flex;align-items:center;gap:12px}.results-icon-svg{background-image:url("../images/earbuds/icons-showcase/svg/results.svg");display:block;width:45px;height:45px;background-size:contain;background-repeat:no-repeat;background-position:center}.project-results-main{display:flex;flex-direction:column;gap:2rem;margin-top:1.2rem}.results-card{border-radius:16px;background-color:#fff;overflow:hidden;border:none}.results-card picture,.results-card img,.results-card video{display:block;width:100%;height:auto}.results-posters{display:grid;gap:1rem;margin-top:.5rem}.project-results-stats{display:grid;gap:1rem;margin-top:2rem}.stat-card{background-color:#fff;border-radius:20px;border:none;padding:1.6rem 2.2rem;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.06)}.stat-value{display:block;font-size:2rem;font-weight:600;color:#ffe797;margin-bottom:.4rem}.stat-label{display:block;font-size:1.1rem;line-height:1.5;color:#717171}.project-results-main>.results-card:nth-of-type(2){display:none}#project-highlights{background-color:#fff;padding-top:40px}#highlights-title-row{display:flex;align-items:center;gap:12px}#highlights-icon{background-image:url("../images/earbuds/icons-showcase/svg/highlights.svg");display:block;width:52px;height:52px;background-size:contain;background-repeat:no-repeat;background-position:center}#highlights-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.highlight-item{display:flex;align-items:center;padding:20px 35px;border-radius:10px;background-color:#f4f4f4;border-left:5px solid #fbeb9d;box-shadow:0 8px 24px rgba(0,0,0,.06)}.highlight-number{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background-color:#fbeb9d;color:#717171;font-weight:600;font-size:.95rem;margin-right:18px;flex-shrink:0}.highlight-text{margin:0;color:#717171;font-size:1rem;line-height:1.5}#project-learned{background-color:#fafafa;padding-top:60px}#learned-title-row{display:flex;align-items:center;gap:12px}#learned-icon{background-image:url("../images/earbuds/icons-showcase/svg/learn.svg");display:block;width:52px;height:52px;background-size:contain;background-repeat:no-repeat;background-position:center}#learned-cards-row{display:grid;gap:16px;margin-top:1.5rem;grid-template-columns:1fr}@media screen and (min-width: 768px){#learned-cards-row{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1200px){#learned-cards-row{grid-template-columns:repeat(4, minmax(0, 1fr))}}.learned-card{background-color:#fff;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:center;text-align:center}.learned-text{margin:0;font-size:.95rem;line-height:1.5;color:#717171}@media screen and (min-width: 768px){#project-page .grid-con{padding-left:60px;padding-right:60px}.project-section{padding-block:80px}.project-section+.project-section{margin-top:80px}.project-overview-info{margin-top:0}.project-tag-circle{font-size:.9rem;border:2px dashed #e3e3e3;padding:.5rem 1.2rem}.project-hero-actions{flex-direction:row;justify-content:space-between;align-items:center}.skip-to-result-btn{width:auto;margin-top:-4px}#project-overview .project-overview-grid{grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr);align-items:stretch;gap:1.8rem}#project-overview .overview-media-card{height:100%}#project-overview .overview-media-card picture,#project-overview .overview-media-card img{height:100%;-o-object-fit:cover;object-fit:cover}#project-overview .overview-media-card{grid-column:1;grid-row:1}#project-overview .overview-info-card{grid-column:2;grid-row:1;height:100%;display:flex;flex-direction:column;justify-content:flex-start}#project-overview .overview-text-card:first-of-type{grid-column:1;grid-row:2}#project-overview .overview-text-card:last-of-type{grid-column:2;grid-row:2}.process-step{margin-top:2.4rem}.process-step-inner{flex-direction:row;align-items:flex-start;gap:1.6rem}.process-step.reverse .process-step-inner{flex-direction:row-reverse}.process-copy{flex:1.3;font-size:1rem}.process-media{flex:1}.step-pill{font-size:1.2rem;padding:.4rem 1.5rem}.process-step-title{font-size:1.3rem}.project-results-main{gap:2.5rem}.project-results-main>.results-card:nth-of-type(2){display:block}.results-posters{grid-template-columns:repeat(2, minmax(0, 1fr))}.project-results-stats{grid-template-columns:repeat(3, minmax(0, 1fr))}#highlights-list{gap:22px}.highlight-item{padding:22px 36px}.highlight-text{font-size:1.05rem}#learned-cards-row{grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px}.learned-card{padding:1.8rem 2.2rem}#project-overview-title{font-size:1.5rem}#project-page .project-section-title{font-size:2.2rem;line-height:1.3}#project-overview-title{font-size:2.4rem}}@media screen and (min-width: 1200px){#project-hero{margin-top:10px}#project-page .grid-con{padding-left:100px;padding-right:100px}.project-section{padding-block:100px}.project-section+.project-section{margin-top:100px}.project-title-main{font-size:3rem;margin-bottom:.75rem}.project-text{font-size:1.2rem;margin-bottom:.7rem}.project-tag-circle{font-size:1rem;border:2px dashed #e3e3e3;padding:.55rem 1.5rem}.project-section-title{font-size:2.2rem;font-weight:600;color:#717171}.project-section-subtitle{font-size:1.1rem}.body-text{font-size:1.1rem;line-height:1.7}#project-overview{margin-top:60px}#project-overview .project-overview-grid{gap:2rem}#project-overview .overview-info-card .info-label{display:block;font-size:1.2rem;font-weight:700;color:#717171;margin-bottom:.25rem}#project-overview .overview-info-card .info-value{display:block;font-size:1.1rem}.challenge-content{display:grid;gap:0}.challenge-list{grid-column:span 7}.challenge-icon-svg{background-image:url("../images/earbuds/icons-showcase/svg/challenge.svg");margin-left:110px}.challenge-text{color:#717171;font-size:1.2rem}.process-step-inner_1,.process-step-inner_3{display:flex;gap:1.2rem}.process-step-inner_2,.process-step-inner_4{display:flex;flex-direction:row-reverse;gap:1.2rem}.process-step{margin-top:2.8rem}.process-step-inner{gap:2.1rem}.process-copy{font-size:1.05rem}.process-step-title{font-size:1.4rem}.step-pill{font-size:1.2rem;padding:.5rem 1.2rem}#project-results{margin-top:-20px}.project-results-main{gap:3rem}.results-posters{grid-template-columns:repeat(4, minmax(0, 1fr))}.highlight-number{font-size:1.2rem}.highlight-item{border-radius:20px}.results-posters{grid-template-columns:repeat(2, minmax(0, 1fr))}.highlight-text{font-size:1.1rem}#learned-cards-row{grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px}}@media screen and (max-width: 767px){#project-page .grid-con{padding-left:30px;padding-right:30px}}.more-projects-section{background-color:#fff;padding-top:60px;padding-bottom:60px}.more-projects-section .project-section-title{margin-bottom:2rem}@media screen and (min-width: 1200px){.more-projects-section{padding-top:100px;padding-bottom:80px}.more-projects-section .project-section-title{margin-bottom:2.5rem}.explore-icon{background-image:url("../images/earbuds/icons-showcase/svg/explore.svg")}}.more-projects-section{background-color:#fafafa;padding-top:40px}#more-projects-title-row{display:flex;align-items:center;gap:12px}#explore-icon{background-image:url("../images/earbuds/icons-showcase/svg/explore.svg");display:block;width:52px;height:52px;background-size:contain;background-repeat:no-repeat;background-position:center;transform:translateY(-17px)}#about-page{color:#9f9f9f;font-family:"Roboto",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding-inline:20px}.about-hero-section{padding-block:60px}.about-hero-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.about-avatar-circle{width:240px;height:240px;border-radius:50%;overflow:hidden;margin-bottom:1.5rem}.about-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.about-hero-content{width:100%}.about-hero-title{font-size:2rem;font-weight:600;color:#717171;margin-bottom:1.5rem}.about-text-grid{display:flex;flex-direction:column;gap:1.5rem;font-size:1rem;line-height:1.7}.about-text p{margin:0}.about-photos-section{padding-block:60px}.about-photo img{display:block;width:100%;height:100%;max-height:360px;-o-object-fit:cover;object-fit:cover;border-radius:24px}.about-hobbies-section{padding-block:60px 80px}.about-hobbies-header{text-align:center;margin-bottom:2rem}.about-hobbies-title{font-size:1.6rem;font-weight:600;color:#717171}.about-hobbies-lists{display:block;font-size:1.05rem;line-height:1.7;max-width:480px;margin:1.5rem auto 0}.about-hobbies-lists ul{list-style:none;padding:0;margin:0 0 1.2rem}.about-hobbies-lists li{position:relative;padding-left:1.6rem;margin-bottom:.4rem}.about-hobbies-lists li::before{content:"";position:absolute;left:0;top:.65em;width:.55rem;height:.55rem;border-radius:50%;background-color:#717171}@media screen and (min-width: 768px){#about-page .grid-con{padding-left:40px;padding-right:40px}.about-hero-section{padding-block:80px}.about-hero-title{font-size:2.3rem;margin-bottom:2.2rem}.about-photos-section{padding-block:70px}.about-photos-section .grid-con{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));-moz-column-gap:2rem;column-gap:2rem}.about-photo:first-of-type{grid-column:2/7}.about-photo:last-of-type{grid-column:7/12}.about-hobbies-title{font-size:1.8rem}.about-hobbies-lists{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));-moz-column-gap:2.5rem;column-gap:2.5rem;max-width:700px}.about-hobbies-lists ul{margin:0}}@media screen and (min-width: 1200px){#about-page .grid-con{padding-inline:100px}.about-hero-section{padding-block:120px 80px}.about-hero-inner{flex-direction:row;align-items:flex-start;gap:3rem}.about-avatar-circle{width:260px;height:260px;transform:translateY(-80px);margin-bottom:0}.about-hero-content{flex:1;margin-top:40px}.about-hero-title{font-size:2.6rem;margin-bottom:2.5rem}.about-text-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));-moz-column-gap:3rem;column-gap:3rem;font-size:1rem;line-height:1.8;margin-top:100px}.about-hobbies-title{font-size:2rem}.about-hobbies-lists{max-width:700px;margin-top:2rem}.about-text p{line-height:2}}/*# sourceMappingURL=main.css.map */