.nav-bar{background:var(--mainBg);box-sizing:border-box;border-bottom:1px solid var(--border-primary);position:sticky;top:0;z-index:100000;height:var(--nav-height);display:flex;justify-content:space-evenly;align-items:end;font-size:1rem}.nav-bar-menu-items{display:flex;align-items:end;width:70%}.logo{flex:0 0 10%;display:flex;text-align:center;justify-content:center;align-items:center}.logo img{width:60%;height:90%}.nav-bar a{flex:1;color:var(--text-80);font-weight:700}.nav-bar a:hover{color:var(--primary)}.nav-actions{display:flex;align-items:center;margin:auto 0}.theme-toggle{background:none;border:1px solid var(--border-secondary);border-radius:6px;font-size:1rem;cursor:pointer;color:var(--text);padding:.75rem;opacity:.8}.theme-toggle:hover{background-color:var(--offWhite)}.hamburger-btn,.hamburger-btn img{display:none}@media(max-width:969px){.nav-bar{display:flex;justify-content:space-evenly;align-items:center;padding:.25rem 0}.nav-bar-menu-items{display:none}.hamburger-btn,.hamburger-btn img{display:block}.logo{flex:0 0 25%}.theme-toggle{padding:.5rem}}.hamburger-btn{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer}.hamburger-btn span{width:24px;height:2px;background:#0a143c;border-radius:2px}.global-overlay{position:fixed;inset:0;background:#0000;pointer-events:none;transition:background .3s ease}.global-overlay.open{background:#0006;pointer-events:auto}.global-mobile-menu{box-sizing:border-box;position:fixed;display:flex;flex-direction:column;top:var(--nav-height);left:0;width:min(320px,85vw);margin:0;height:calc(100vh - var(--nav-height));background:var(--offWhite);transform:translate(-100%);transition:transform .35s ease;padding:2rem 1.5rem;gap:1rem;z-index:999}.global-mobile-menu.open{transform:translate(0)}.global-close-btn{align-self:flex-start;background:none;font-size:2rem;color:var(--text-90);cursor:pointer;padding:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease;margin-bottom:1rem}.global-mobile-menu a{display:block;color:var(--text-90);text-decoration:none;font-weight:700;transition:color .2s ease;padding:.5rem 0}.global-mobile-menu a:hover{color:var(--primary)}.footer{display:flex;padding:2rem;background:var(--mainBg);color:var(--text-70);font-size:2rem;flex-wrap:wrap}.footer-col{flex:1 1 0;min-width:220px;display:flex;flex-direction:column;align-items:center;justify-items:center}.footer-col.center{text-align:center;margin:auto}.footer-image{max-width:220px;margin:auto}.footer-location{font-size:.95rem;margin:.5rem 0 .25rem;color:var(--text-70)}.footer-updated{font-size:.7rem;color:var(--text-50);margin-bottom:.5rem}.footer-socials{display:flex;gap:1.2rem;margin:.7rem 0 .5rem}.footer-socials a{color:var(--primary);transition:color .2s}.footer-socials a:hover{color:#16213e}.footer-copyright{font-size:.8rem;color:var(--text-50);margin-top:.5rem}.left{color:var(--primary);gap:.3rem;margin:auto}.right{font-size:1.25rem;color:var(--text-90);display:flex;flex-direction:column;gap:.3rem;margin:auto}@media(max-width:969px){.footer{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.footer-col{align-items:center;min-width:0}.footer-col.left,.footer-col.right{align-items:center}}.hero{display:flex;flex-direction:row;max-width:100%;margin:auto;background:var(--mainBg)}.hero-left{text-align:center;padding-bottom:6rem;padding-top:4rem;width:50vw}.hero-right{position:relative;display:flex;align-items:center;justify-content:center;width:50vw;background-image:url("data:image/svg+xml,%3csvg%20width='1008'%20height='857'%20viewBox='0%200%201008%20857'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_f_143_241)'%3e%3cpath%20d='M1030.22%20720.464C973.523%20942.927%201101.83%201023.21%20536.044%201023.48C-29.7416%201023.75%20302.903%20923.606%20247.197%20520.887C191.49%20118.169%20572.695%20-44.7211%20741.377%20217.87C910.058%20480.462%201086.93%20498.001%201030.22%20720.464Z'%20fill='%23FF96C3'%20fill-opacity='0.8'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_f_143_241'%20x='0'%20y='-109.77'%20width='1241.03'%20height='1333.25'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='100'%20result='effect1_foregroundBlur_143_241'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");background-size:cover;background-position:center;background-repeat:no-repeat}.hero-name{font-size:5rem;margin:auto;padding-top:10%;color:var(--text-90)}.hero-image{max-width:500px;height:auto;min-width:300px;margin:auto auto 0;background:radial-gradient(ellipse 80% 90% at bottom,#112240,#112240e6 50%,#11224000 60%)}.hero-description{margin-top:1.5rem;font-size:1.25rem;max-width:350px;margin-left:auto;margin-right:auto;text-align:center;color:var(--text-70);padding-bottom:3%}@media(max-width:1000px){.hero{flex-direction:column-reverse;padding-bottom:0}.hero-right,.hero-left{flex:none;width:100%;margin:auto}.hero-image{max-width:320px;padding-top:10%}.hero-name{padding:0;font-size:4rem}}.custom-primary-button{background:var(--primary);color:#fff;border:none;border-radius:var(--btnBorderRadius);font-size:1rem;cursor:pointer;transition:background .2s;padding:1rem 3rem;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:3rem}.custom-primary-button:hover{background:var(--btn-hover)}.button-text{display:flex;align-items:center}.button-icon{display:flex;align-items:center;vertical-align:middle;font-size:1.2rem}.custom-outline-button{background:transparent;color:var(--primary);border:1px solid var(--primary);border-radius:var(--btnBorderRadius);font-size:1rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.35rem .9rem}.custom-outline-button:hover{background-color:rgb(from var(--primary) r g b / .08)}.custom-secondary-button{background:#fff;color:var(--primary);border:1px solid var(--primary);border-radius:var(--btnBorderRadius);font-size:1rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem 1rem;max-width:200px}.custom-secondary-button:hover{background-color:rgb(from var(--primary) r g b / .1)}.btn-cta{margin-left:auto;margin-right:auto;font-weight:700}.sourcecode_btn{margin:1.75rem 0 1rem}.contact-btn{margin:.5rem}.info-wrapper{position:relative;display:inline-block}.info-trigger{font-size:1.75rem;color:var(--primary);font-weight:700;cursor:pointer}.info-popup{margin-top:.5rem;margin-bottom:1rem;max-width:350px;margin-left:auto;margin-right:auto;text-align:center;color:var(--text-70);padding:3rem 2rem;background-color:var(--mainBg);border-radius:var(--borderRadius);box-shadow:var(--box-shadow-hover);font-size:1.25rem;line-height:1.2;z-index:20;opacity:0;transform:translateY(6px);animation:fadeIn .25s ease forwards}#title-bold{font-weight:700;line-height:1.4;color:var(--text-90)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.section-title-bg{background:var(--section-gradient);text-align:center;padding:1rem 0;height:var(--section-title-height)}.section-title-image{max-height:100px;width:auto;margin:0 auto;display:block;opacity:.8}.section-title-text{text-align:center}.section-title-heading{font-size:4rem;color:var(--text-90);margin:0}.section-title-subtitle{font-size:1rem;color:var(--text-80);margin:auto;text-align:center;max-width:250px}@media(max-width:969px){.section-title-text{text-align:center}.section-title-heading{font-size:2.5rem}.section-title-subtitle{font-size:.75rem;max-width:200px}.section-title-image{max-width:40%}}.case-studies-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding-top:6rem;max-width:80%;margin-inline:auto}.case-wrapper{padding-bottom:var(--section-padding-bottom);background:var(--mainBg)}#case-studies{scroll-margin-top:calc(var(--scroll-margin-top) + 100px)}.case-study-card{position:relative;width:340px;min-width:20vw;height:auto;min-height:330px;box-sizing:border-box;background-size:cover;background-position:center;border-radius:1.5rem;overflow:hidden;box-shadow:var(--box-shadow);display:flex;flex-direction:column;justify-content:flex-end;transition:transform .2s,box-shadow .2s}.case-study-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--box-shadow-hover)}.case-study-banner{width:100%;height:150px;padding:1.5rem 1rem 1rem;box-sizing:border-box;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;background:var(--transparent-bg);position:absolute;left:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.case-study-title{font-size:1.4rem;font-weight:700;margin:0 0 .5rem;color:var(--text-90)}.case-study-description{font-size:1rem;color:var(--text-70);margin:0}.featured-container{position:absolute;top:0;right:0;margin:20px}.featured-star{max-width:30px;opacity:1;animation:twinkle 1.8s infinite ease-in-out;transform-origin:center}@keyframes twinkle{0%{opacity:.4;transform:scale(.9) rotate(0);filter:brightness(1)}50%{opacity:1;transform:scale(1.15) rotate(10deg);filter:brightness(1.4)}to{opacity:.4;transform:scale(.9) rotate(0);filter:brightness(1)}}@media(max-width:969px){.case-studies-list{flex-direction:column;align-items:center;max-width:100%}.case-wrapper{padding-bottom:calc(var(--section-padding-bottom) + 100px)}.case-study-card{width:80vw}}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-bubble{position:absolute;padding:8px 12px;background:#111;color:#fff;font-size:.75rem;border-radius:6px;white-space:nowrap;z-index:999;opacity:0;animation:fadeIn .15s forwards ease-out;pointer-events:none}.tooltip-top{bottom:100%;left:50%;transform:translate(-50%) translateY(-8px)}.tooltip-bottom{top:100%;left:50%;transform:translate(-50%) translateY(8px)}.tooltip-left{right:100%;top:50%;transform:translateY(-50%) translate(-8px)}.tooltip-right{left:100%;top:50%;transform:translateY(-50%) translate(8px)}@keyframes fadeIn{to{opacity:1}}@media(max-width:600px){.tooltip-bubble{font-size:.85rem;white-space:normal;max-width:200px}}.process-section{display:flex;flex-direction:row;padding:10rem 2rem;justify-content:center;margin:auto;background-color:var(--mainBg)}#my-process{scroll-margin-top:var(--scroll-margin-top)}.process-section:nth-child(2n){flex-direction:row-reverse;background-color:var(--offWhite)}.process-section:last-child{padding-bottom:var(--section-padding-bottom)}.process-text-container{max-width:700px;text-align:center;color:var(--text-90)}.process-text{padding:3rem;color:var(--text-80);font-size:1.25rem}.process-image-container{display:flex;flex-direction:column;align-items:center}.process-image-container img{max-width:400px;height:auto;object-fit:contain}.img-subtext{margin-top:.5rem;font-size:.85rem;color:var(--text-60);text-align:center}.process-bold-word{font-weight:700}#process-github-link{color:var(--primary);cursor:pointer}@media(max-width:969px){.process-section,.process-section:nth-child(2n){flex-direction:column;text-align:center}.process-text-container h2{margin-bottom:0}.process-text{padding-top:1rem}.process-section{padding:3rem 1rem}.process-image-container img{max-width:90vw;height:auto;filter:drop-shadow(8px 8px 16px rgba(0,0,0,.3))}}.about-wrapper{width:100%;padding-bottom:var(--section-padding-bottom);background-color:var(--mainBg)}#about-me{scroll-margin-top:var(--scroll-margin-top)}.about-bio-panel{padding:4rem 0;display:flex;flex-direction:row;gap:10rem;justify-content:center;align-items:center;max-width:80%;margin:0 auto 6rem}.about-quote{font-size:2.5rem;font-weight:700;line-height:1.6;margin-bottom:1.5rem;max-width:30%;text-align:center;color:var(--text-90)}.about-description{font-size:1.25rem;line-height:1.6;max-width:480px;margin:auto;padding-top:2rem;text-align:center;color:var(--text-80)}.about-image img{width:100%;max-width:400px;height:auto}@media(max-width:1000px){.about-bio-panel{flex-direction:column;position:relative;margin-bottom:1rem}.about-quote{position:absolute;bottom:20%;font-size:1.6rem;z-index:10;line-height:1.25;max-width:300px;margin:0;color:#fff}.about-image{position:relative;z-index:1;width:100%;max-width:400px}.about-image img{background-color:var(--secondary);mix-blend-mode:multiply;filter:brightness(.6)}.about-description{max-width:400px;margin:0 auto;font-size:1rem;line-height:1.55;padding-top:0}}.resume-wrapper{display:flex;flex-direction:column;gap:3rem;color:var(--text-90);margin:0 auto;padding-bottom:var(--section-padding-bottom);background-color:var(--mainBg)}#resume-section{scroll-margin-top:var(--scroll-margin-top)}.resume-content-section{max-width:900px;margin:0 auto}.resume-download-btn{background:none;border:1px solid var(--primary);color:var(--primary);padding:.5rem 1rem;max-width:200px;display:flex;align-items:center;justify-content:center;gap:.75rem;border-radius:var(--btnBorderRadius);cursor:pointer;transition:all .3s ease;margin-left:auto;margin-right:auto}.resume-download-btn:hover{background:var(--primary);color:#fff}.resume-title-wrapper{display:flex;flex-direction:row;border-bottom:2px solid var(--border-secondary);gap:2rem}.resume-item{margin-bottom:1.5rem}.resume-job-title{font-weight:600}.resume-date{font-weight:400}.resume-job-type{font-style:italic;margin-bottom:.3rem}.resume-job-description{color:var(--text-70)}.skills-filter{display:flex;gap:1rem;margin-top:1rem}.skills-filter button{background:none;border:1px solid var(--primary);color:var(--primary);padding:.4rem 1rem;border-radius:var(--btnBorderRadius);cursor:pointer;transition:all .3s ease}.skills-filter button:hover{background:var(--primary);color:#fff}.skills-filter .active{background:var(--primary);color:#fff;box-shadow:var(--box-shadow-selected)}.filter-description{color:var(--text-60);font-style:italic;font-size:.75rem;padding-left:.25rem}.skills-list{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;padding:0}.skills-list li{background:var(--medGrey);color:var(--text-80);padding:.4rem .8rem;border-radius:6px;font-size:.9rem}@media(max-width:969px){.resume-wrapper{padding:3rem 3rem var(--section-padding-bottom) 3rem}.resume-title-icon{max-width:35px}.filter-description{margin-top:.25rem}}.contact-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--mainBg);padding-bottom:calc(var(--section-padding-bottom) / 2)}#contact-me{scroll-margin-top:var(--scroll-margin-top)}.contact-section{text-align:center;display:flex;flex-direction:column;justify-content:space-around}.contact-subtitle{display:flex;align-items:center;padding:1rem;gap:.9rem;color:var(--text-60)}.copy-icon{cursor:pointer;color:var(--text-60);transition:color .2s ease}.copy-icon:hover{color:var(--primary)}.email-text{-webkit-user-select:text;user-select:text}.info-card{background:var(--mainBg);border:1px solid var(--border-secondary);width:80%;margin:32px auto auto;border-radius:var(--borderRadius);padding:3rem;box-shadow:var(--box-shadow-deep);display:flex;flex-direction:row;overflow-x:hidden;scroll-margin-top:var(--case-study-scroll-margin-top)}.info-card:last-child{margin-bottom:30vh}.info-card-col1{margin-right:1.75rem;flex-shrink:0}.info-card-col2{display:flex;flex-direction:column;flex:1;min-width:0}.info-card-divider{border-top:1px solid var(--border-secondary);margin-top:.25rem;margin-bottom:1rem}.info-card-title{font-size:1.75rem;font-weight:700;color:var(--text-90);margin:0}.info-card-headline{font-size:1rem;color:var(--text-80);margin-bottom:.5rem}.info-card-description{font-size:1rem;line-height:1.6;color:var(--text-70);margin:0;white-space:pre-line;max-width:100%}.info-card-block-row{display:flex;flex-direction:row;gap:var(--blockGap);flex-wrap:wrap;align-self:stretch}.info-card-image-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.info-card-image-row img{max-width:100%;height:auto}@media(max-width:969px){.info-card{width:90%;max-width:100%;padding:1.5rem 1rem;align-items:flex-start;border:none;box-shadow:none;background:transparent}.info-card:last-child{margin-bottom:5rem}.info-card-col1{margin-right:.75rem;margin-bottom:0}.card-icon{max-width:25px;max-height:25px;margin-top:.35rem}.info-card-title{font-size:1.5rem}.info-card-col2{width:100%}.info-card-block-row,.info-card-image-row{flex-direction:column}.info-card-image-row img{width:100%;max-width:100%}.info-card-description{max-width:100%}}.block-card{display:flex;flex-direction:column;align-items:center;padding:.25rem 2rem .75rem;flex:1;border-radius:var(--borderRadius);color:rgb(from var(--secondary) r g b / .8);background-color:#fff;background-image:linear-gradient(var(--block-color),var(--block-color))}.block-card-title{text-align:center;height:20%}.block-card-description{text-align:center;color:rgb(from var(--secondary) r g b / .7)}.block-card-feedback{font-weight:700;padding:4rem 1rem;margin:auto;text-align:center}.image-card{display:flex;flex-direction:column;max-width:100%}.image-card-intro{color:var(--text-70)}.multiple{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;flex-shrink:0;gap:1rem}.image-card-item{flex:0 0 auto}.image-card-item img{display:block;height:auto;max-width:100%}.image-card-caption{text-align:center;font-size:1rem;color:var(--text-50);margin-top:.5rem;line-height:1.4}.image-card-scroll-indicator{font-size:1.25rem;color:var(--text-60);text-align:center}@media(max-width:969px){.image-card-scroll-indicator{display:none}.image-card-caption{font-size:.7rem}.multiple{flex-direction:column}.image-card-item{width:80%;margin:0 auto}.image-card-item img{width:100%;height:auto}}.prototype-card{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:2rem;color:var(--text-70)}.prototype-col1{display:flex;flex-direction:column;align-items:center}.prototype-col2 p{max-width:80%}.prototype-btn-desc{font-size:.75rem;text-align:center;color:var(--text-60)}@media(max-width:969px){.prototype-card{flex-direction:column-reverse;align-items:center}.prototype-col1{text-align:center;width:100%}.prototype-col2 p{max-width:100%}}.usability-card{display:flex;flex-direction:column;color:var(--text-70);max-width:100%}.usability-headline{font-size:1rem;font-weight:700}.usability-intro{font-size:1rem;line-height:1.6;color:var(--text-70)}.usability-rounds{display:flex;flex-direction:row;gap:var(--blockGap)}.usability-block{padding:1.5rem;flex:1;border-radius:var(--borderRadius);color:rgb(from var(--secondary) r g b / .8);background-color:#fff;background-image:linear-gradient(var(--block-color),var(--block-color))}.usability-round-label{text-align:center;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.usability-round-subtitle{text-align:center;font-size:.95rem;margin-bottom:.75rem}.usability-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem;list-style:none}.usability-item{font-size:.75rem;line-height:.9}.usability-list li:before{content:"›";color:rgb(from var(--secondary) r g b / .5);margin-right:.4rem;font-weight:500}@media(max-width:969px){.usability-card{line-height:1.2}.usability-list{padding:0}.usability-item{line-height:1.2}}.final-design-card{display:grid;grid-template-areas:"top" "bottom";align-items:center;gap:1.75rem;text-align:center;width:100%}.final-design-images{display:flex;flex-direction:row;justify-content:space-around;grid-area:"top"}.final-design-images img{max-width:50%}.final-design-bottom{grid-area:"bottom";place-items:center}.final-design-desc{font-size:.75rem;color:var(--text-60);max-width:420px;line-height:1.5}.overview-details{color:var(--text-80);margin-bottom:1rem;margin-top:-1rem}.info-card-headline{font-size:1rem;color:var(--text-90);margin-bottom:.5rem}.overview-label{font-weight:700;color:var(--text-80)}.info-card-description{font-size:1rem;line-height:1.6;color:var(--text-70);margin:0;white-space:pre-line;max-width:90%}.info-card-image{width:100%;max-width:400px;margin-top:1rem;border-radius:var(--borderRadius)}@media(max-width:969px){.info-card-headline,.info-card-description{font-size:.95rem}}.case-study-detail-layout{height:calc(100vh - var(--nav-height));display:grid;grid-template-columns:200px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"menu head" "menu content";box-sizing:border-box}.case-study-right-col{display:grid;grid-template-rows:auto 1fr;grid-template-areas:"head" "content";min-height:0;height:calc(100vh - var(--nav-height));max-height:calc(100vh - var(--nav-height))}.case-study-simple-header{box-sizing:border-box;position:sticky;top:var(--nav-height);left:0;background-color:var(--mainBg);padding:1rem 2rem;border-bottom:2px solid var(--border-secondary);display:flex;flex-direction:row;align-items:center;justify-content:space-between;z-index:700;height:var(--case-study-header-height);width:100%;max-width:100vw}.header-right{display:flex;flex-direction:column}.simple-header-title{font-size:2rem;font-weight:700;color:var(--text-80);margin:0}.simple-header-type{font-size:1rem;color:var(--text-80)}.mobile-contents{display:none}.mobile-back-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-90);padding:0;transition:color .2s ease}.mobile-back-btn:hover{color:var(--primary)}.contents-btn{display:none}.case-study-scrolling-container{background-color:var(--offWhite);grid-area:content;max-width:100vw;height:calc(100vh - var(--nav-height) - var(--case-study-header-height));overflow-y:scroll;overflow-x:hidden;width:100%}.side-menu{grid-area:menu;position:sticky;top:var(--nav-height);height:calc(100vh - var(--nav-height));color:var(--text-70);display:flex;flex-direction:column;padding:1rem;gap:2rem;background-color:var(--medGrey);border-right:1px solid var(--border-secondary);overflow-x:hidden}.side-menu-list{list-style:none;padding:1rem;gap:1rem;margin:0;display:flex;flex-direction:column;flex:8;overflow-y:auto;min-height:0;border-bottom:1px solid var(--border-secondary)}.side-menu-back:hover{color:var(--primary)}.side-menu-back{color:var(--text-60);font-size:.75rem;text-align:center;flex:1}.side-menu-icon{width:16px;height:16px;opacity:.75}.side-menu-text{line-height:1}.side-menu-item.active{background:#0000000f;border-left:3px solid var(--primary);font-weight:600;color:var(--primary)}.side-menu-item{cursor:pointer;padding:8px 12px;display:flex;align-items:center;gap:8px;transition:background .2s,color .2s}@media(max-width:969px){.case-study-detail-layout{display:flex;flex-direction:column;max-width:100vw}.simple-header-title{font-size:1.25rem}.side-menu{display:none}.contents-btn{display:flex;padding:.25rem .75rem;margin-bottom:0;font-size:.9rem}.mobile-contents{display:flex;flex-direction:row;order:-1;gap:2rem}.case-study-scrolling-container{background-color:var(--mainBg);overflow-x:hidden}.mobile-back-btn{display:block;color:var(--primary)}}.contents-overlay{position:fixed;inset:0;background:#0000;pointer-events:none;transition:background .3s ease}.contents-overlay.open{background:#0006;pointer-events:auto}.contents-menu{position:absolute;top:0;left:0;margin:0;width:99vw;height:calc(100vh - var(--nav-height));background:var(--offWhite);transform:translate(-100%);transition:transform .35s ease;padding:2rem 1.5rem;z-index:1000}.contents-menu.open{transform:translate(0)}.contents-menu-close-btn{align-self:flex-start;background:none;border:none;font-size:2rem;color:var(--text-90);cursor:pointer;padding:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease;margin-bottom:1rem}.contents-menu-close-btn:hover{color:var(--primary)}.ux-case-study-menu-container{display:flex;flex-direction:column;height:100%;max-width:90vw}.ux-case-study-menu-list{list-style:none;margin:0;display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;max-width:90vw;overflow-y:auto}.ux-case-study-menu-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-90);font-weight:700}.ux-case-study-menu-link:hover{color:var(--primary);opacity:.8}.ux-case-study-menu-icon{max-width:25px;opacity:.8}.ux-case-study-menu-back{padding:1rem 2rem;color:var(--text-90);font-weight:700;text-decoration:none;background:var(--bg);border-top:1px solid var(--border-secondary);max-width:80%}.ux-case-study-menu-back:hover{color:var(--primary);opacity:.8}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--nav-height));padding:2rem;background-color:var(--mainBg);text-align:center}.error-code{font-size:8rem;font-weight:900;color:var(--secondary);line-height:1;margin:0}html[data-theme=dark] .error-code{color:var(--text-90)}.error-message{font-size:1.5rem;color:var(--text-70);margin:.5rem 0 0}.error-sub{font-size:1rem;color:var(--text-50);margin:.5rem 0 2rem}.error-robot{width:220px;height:auto;margin-bottom:2.5rem}@media(max-width:969px){.error-code{font-size:5rem}.error-robot{width:160px}}:root{--primary: #e3549d;--secondary: #112a55;--mainBg: #ffffff;--offWhite: #f7f7f8;--ltGrey: #efeff1;--medGrey: #e4e4e7;--transparent-bg: rgb(from var(--offWhite) r g b / .7);--text-90: rgb(from var(--secondary) r g b / .9);--text-80: rgb(from var(--secondary) r g b / .8);--text-70: rgb(from var(--secondary) r g b / .7);--text-60: rgb(from var(--secondary) r g b / .6);--text-50: rgb(from var(--secondary) r g b / .5);--section-gradient: linear-gradient( to bottom, rgb(from var(--primary) r g b / .12) 10%, var(--mainBg) );--box-shadow: 0 4px 24px rgb(from var(--secondary) r g b / .08);--box-shadow-deep: 0 12px 24px rgb(from var(--secondary) r g b / .2);--box-shadow-hover: 0 8px 32px rgb(from var(--secondary) r g b / .16);--box-shadow-selected: 0 3px 3px rgb(from var(--secondary) r g b / .25);--btn-hover: #e04386;--border-primary: rgb(from var(--primary) r g b / .2);--border-secondary: rgb(from var(--secondary) r g b / .2);--scroll-track: var(--ltGrey);--scroll-thumb: var(--primary);--scroll-thumb-hover: #e25492;--nav-height: 70px;--case-study-header-height: 70px;--section-title-height: 300px;--section-padding-bottom: 300px;--borderRadius: 12px;--btnBorderRadius: 20px;--blockGap: .25rem;--scroll-margin-top: calc( var(--section-title-height) + var(--nav-height) + 40px );--case-study-scroll-margin-top: 120px}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:var(--scroll-track)}*::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);border-radius:10px;border:2px solid var(--scroll-track)}*::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover)}html[data-theme=dark]{--mainBg: #2d3543;--offWhite: #1a1f27;--ltGrey: #242b33;--medGrey: #2c3037;--transparent-bg: rgb(from var(--offWhite) r g b / .7);--text-90: #e6eef6;--text-80: #d0d9e6;--text-70: #b9c2d6;--text-60: #a2abc6;--text-50: #8b94b6;--section-gradient: var(--mainBg);--box-shadow: 0 4px 24px rgba(0, 0, 0, .4);--box-shadow-deep: 0 12px 24px rgba(0, 0, 0, .6);--box-shadow-hover: 0 8px 32px rgba(0, 0, 0, .5);--box-shadow-selected: 0 3px 3px rgba(0, 0, 0, .5);--btn-hover: #ff7ab6;--border-primary: rgba(255, 101, 167, .25);--border-secondary: rgba(230, 238, 246, .1);--scroll-track: var(--ltGrey);--scroll-thumb: var(--primary);--scroll-thumb-hover: #ff7ab6}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;max-width:100vw;padding:0;margin:0;box-sizing:border-box}html{width:100vw;padding:0;overflow-x:hidden;box-sizing:border-box}body{width:100vw;padding:0;box-sizing:border-box}body{margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;background-color:var(--mainBg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .22s ease,color .22s ease}a{color:var(--accent);text-decoration:none}a:hover{opacity:.9}h1{font-size:3.2em;line-height:1.1}@media(max-width:969px){:root{--nav-height: max-content;--section-title-height: max-content;--case-study-header-height: max-content;--section-padding-bottom: 100px}}