@import"https://fonts.googleapis.com/css2?family=Geist&display=swap";.navbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 2rem;background:#f6f4f0;position:fixed;width:100%;top:0;z-index:1000}.navbar-center{position:absolute;top:0%;left:50%;transform:translate(-50%)}.navbar-logo{height:64px;width:auto}.nav-link{text-decoration:none;font-weight:500;color:#222;font-size:.9rem;transition:color .3s ease,background .3s ease;padding:.5rem 1.25rem;border-radius:999px;position:relative;margin-left:-.5rem}.nav-link:hover{color:#fff;background:#888}.nav-link.active{background:#0d0d0d22;color:#fff}.email{margin-bottom:1rem}.email-text{font-size:.9rem;color:#fff;font-weight:200;background:#000;padding:.5rem 1.25rem;border-radius:999px;cursor:pointer}.email-text.hovered{background:#fff;color:#000;padding:.5rem 2.75rem}.email-text.copied{background:#fff;color:#000;padding:.5rem 4rem}.mobile-project-links{display:none}.hamburger-btn{display:none;background:none;border:none;color:#222;cursor:pointer;padding-left:.5rem}.desktop-links{display:flex;gap:1.5rem}.mobile-dropdown{position:absolute;top:100%;left:1rem;right:1rem;background:#fff;padding:1rem;border:1px solid #ccc;border-radius:8px;z-index:1001;display:flex;flex-direction:column;gap:1rem}.mobile-project-links{display:flex;justify-content:flex-end;gap:4rem;margin-right:1.2rem;font-size:.9rem;font-weight:500;color:#222;cursor:pointer}.mobile-link-item{display:flex;align-items:center;gap:.4rem;font-weight:500;font-size:.9rem;color:#222;text-decoration:none}@media (max-width: 884px){.mobile-project-links{display:flex;justify-content:space-around;align-items:center;padding:0rem;font-size:.9rem;gap:1.5rem;position:sticky;top:60px;z-index:999;flex-wrap:wrap}.mobile-link-item{display:flex;align-items:center;gap:.35rem;font-weight:500;color:#111;text-decoration:none;white-space:nowrap}.mobile-link-item svg{height:1rem;width:1rem}}@media (max-width: 768px){.desktop-links{display:none}.hamburger-btn{display:block}.navbar-left{display:flex;align-items:center}.navbar-center{display:none}.mobile-project-links{justify-content:flex-end;padding-right:1rem}}@media (max-width: 440px){.navbar{padding:.75rem 1rem;flex-wrap:nowrap}.navbar-left,.navbar-right{gap:1rem}.navbar-logo{height:48px}.connect-pill{padding:.4rem .9rem;font-size:.8rem}.mobile-project-links{flex:1;justify-content:center;align-items:center;margin-left:2rem}.nav-link{margin-left:-.2rem;font-size:1rem}}.list-layout .projects-grid{display:flex;flex-direction:column;gap:4rem;max-width:100%;margin:0 auto;padding:0 20px;background-color:#f6f4f0;box-sizing:border-box;width:100vw}.project-card.list-item{display:flex;flex-direction:column;gap:1.25rem;cursor:pointer;border:none;position:relative;width:100%;border-top:1px solid #898989;padding-top:0rem}.list-info{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:1rem;padding:1.5rem 0}.project-left-row{display:flex;flex-wrap:nowrap;gap:1rem;font-size:.9rem;color:#000;flex:1;line-height:1.2;align-items:baseline;justify-content:flex-start}.project-name{position:relative;cursor:pointer;display:inline-block;padding-bottom:5px;color:#000;font-weight:700;font-size:.95rem}.project-name:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:0;background:#000;transition:width .4s ease}.project-name:hover:after{width:100%}.project-name.animate-line:after{width:100%;background:linear-gradient(90deg,#ff6ec542,#ff937241,#fcb04554,#87dffd55,#91a5ff46,#ff6ec541);transition:none}@keyframes glowline{0%{width:0%;opacity:.3}30%{opacity:1}to{width:100%;opacity:1}}.project-subtitle{color:#3e3e3e;font-weight:300;overflow:hidden;margin-top:0;flex-grow:1;font-size:.95rem;width:35ch}.project-category{color:#565555;font-weight:light;font-size:.85rem}.project-category-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:-.02rem;margin-left:.5rem}.category-pill{font-size:.6rem;padding:.35rem .75rem;border:1px solid #373737;border-radius:999px;background-color:transparent;color:#373737;text-transform:uppercase;letter-spacing:.03em}.work-section{margin:1rem auto .5rem}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:265px 265px;gap:1rem;margin-top:-1rem}.work-item.rectangle{grid-column:1 / 3;grid-row:1 / 2;border-radius:1rem;overflow:hidden;box-shadow:0 6px 18px #0000001a;cursor:pointer;transition:transform .3s ease}.work-item.tall-rectangle{grid-column:3 / 4;grid-row:1 / 3;border-radius:1rem;overflow:hidden;box-shadow:0 6px 18px #0000001a;cursor:pointer;transition:transform .3s ease}.work-item.square{border-radius:1rem;overflow:hidden;box-shadow:0 6px 18px #0000001a;cursor:pointer;transition:transform .3s ease}.work-item img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.projects-mobile-list{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.mobile-staircard{cursor:pointer;display:flex;flex-direction:column;gap:.5rem}.staircard-media{width:100%;max-height:220px;overflow:hidden}.staircard-img{width:100%;height:auto;object-fit:cover;border-radius:.75rem}.staircard-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.staircard-name{font-size:1.25rem;font-weight:700;color:#111;flex-grow:1}.staircard-tags{display:flex;gap:.5rem;flex-wrap:wrap}.category-pill{color:#333;padding:.25rem .75rem;border-radius:9999px;font-weight:600;font-size:.85rem}.staircard-tooltip{font-size:.9rem;color:#555;margin-top:.25rem;line-height:1.3}@media (min-width: 768px) and (max-width: 884px){.staircard-media{max-height:350px}.staircard-name{font-size:1.5rem}.category-pill{font-size:1rem;padding:.35rem 1rem}.staircard-tooltip{font-size:1.1rem}}@media (max-width: 767px){.staircard-media{max-height:180px}.staircard-name{font-size:1.2rem}.category-pill{font-size:.85rem}.staircard-tooltip{font-size:.9rem}}@media (max-width: 1023px){.mobile-staircard{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;border-top:1px solid #898989}.staircard-media{order:2}.staircard-row{margin-top:2rem}.staircard-row,.staircard-tooltip{order:1}}@media (min-width: 1281px){.staircard-name{font-size:3rem}.category-pill,.staircard-tooltip{font-size:2.5rem}.staircard-media{max-height:none;height:auto;overflow:visible}.staircard-img{width:100%;height:auto;object-fit:contain;border-radius:.75rem}.staircard-media video{width:100%;height:auto;object-fit:contain}.mobile-staircard,.staircase-card{border-top:1px solid #898989;gap:1rem;margin-top:2rem;margin-bottom:2rem;display:flex;flex-direction:column;padding-top:1rem}}.page-wrapper{padding:0rem;min-height:100vh}.hero{min-height:100vh;width:100vw;padding:60px;margin-top:0;box-sizing:border-box;display:flex;justify-content:center;align-items:center;background:#f6f4f0;font-family:Geist,sans-serif;position:relative;flex-wrap:nowrap;flex-direction:column;text-align:center}.hero-left{max-width:900px;width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;top:auto;left:auto;transform:none}.hero-left h1{font-size:4rem;line-height:1.2;margin-bottom:1.5rem;font-weight:200;background:#000;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hero-subtitles .subtitle-text{color:#000;font-family:inherit;font-size:1rem;font-weight:300;margin-bottom:2rem;max-width:700px}@media (max-width: 884px){.hero{padding:40px 20px;min-height:auto}.hero-left h1{font-size:2.8rem}.hero-subtitles .subtitle-text{font-size:1.1rem;max-width:100%}.pills-row{max-width:100%}}@media (max-width: 480px){.hero-left h1{font-size:2rem}.hero-subtitles .subtitle-text{font-size:1rem;margin-bottom:1.2rem}.pills-row{margin-top:.8rem}}.search-wrapper{display:flex;align-items:center;position:relative}.gradient-blob{position:relative;width:24px;height:24px;border-radius:50%;margin-right:12px;flex-shrink:0;z-index:1}.gradient-blob:before{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 6px);height:calc(100% + 6px);border-radius:50%;background:conic-gradient(from 270deg,#ff6ec569,#ff93727d,#fcb0457a,#87dffd70,#91a5ff78,#ff6ec56b);z-index:-1;filter:blur(6px);opacity:.9;animation:rotateGlow 6s linear infinite}.pill{display:inline-flex;align-items:center;padding:6px 14px;border-radius:9999px;font-size:1rem;font-weight:500;cursor:default;-webkit-user-select:none;user-select:none}.pills-row{display:flex;justify-content:center;align-items:center;width:100%;margin-top:20px}.audio-pill-ui{position:relative;display:flex;align-items:center;justify-content:center;height:48px;max-width:500px;width:100%;padding:0 20px;background:#fff;border-radius:9999px;box-shadow:0 2px 8px #0000000f;-webkit-user-select:none;user-select:none;overflow:hidden;box-sizing:border-box}.audio-pill-content{display:grid;grid-template-columns:24px 1fr 48px;align-items:center;width:100%;height:100%;gap:12px}.audio-pill-content .play-button,.audio-pill-content svg{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#000;display:flex;align-items:center;justify-content:center;height:100%}.audio-pill-content .intro-text,.audio-pill-content .paused-text{display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:500;color:#333;height:100%;width:100%;white-space:nowrap}.audio-pill-content .waveform-container{position:relative;width:100%;height:6px;background:#e0e0e0;border-radius:9999px;overflow:hidden;margin:0 auto;display:flex;align-items:center}.waveform-fill{position:absolute;top:0;left:0;height:100%;border-radius:9999px;background:#000;background-size:400% 400%;animation:gradientShift 6s ease infinite;transition:width .25s ease;box-shadow:0 0 6px #ff6ec466,0 0 12px #91a6ff4d}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.duration{font-size:.85rem;color:#888;text-align:right;display:flex;align-items:center;justify-content:flex-end;height:100%;min-width:40px}.play-button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#000;transition:transform .4s ease}.pulse-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background-color:#000;animation:pulse 1.2s infinite ease-in-out}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.6);opacity:.4}to{transform:scale(1);opacity:.8}}.search-wrapper{position:relative;display:flex;align-items:center;flex:1;gap:8px;width:100%}.search-icon{font-size:1.5rem;color:#888;flex-shrink:0}.search-input{flex:1;font-size:1.2rem;padding:4px 12px;border:1px solid #2929290f;border-radius:9999px;outline:none;transition:border-color .3s ease}.search-input:focus{border:1px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(270deg,#ff6ec569,#ff93727d,#fcb0457a,#87dffd70,#91a5ff78,#ff6ec56b);background-origin:border-box;background-clip:padding-box,border-box;border-radius:9999px}.search-input::placeholder{color:#888;font-size:small;font-style:normal;font-weight:100;opacity:.85;transition:all .3s ease}.floating-search-container{position:fixed;bottom:1.5rem;right:-2rem;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;z-index:1000;transition:right .4s ease}.floating-search-container.expanded{right:10px}.floating-search{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fff1;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease;z-index:1;overflow:visible}.floating-search:before{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:50%;background:conic-gradient(from 270deg,#ff6ec569,#ff93727d,#fcb0457a,#87dffd70,#91a5ff78,#ff6ec56b);z-index:-1;filter:blur(6px);opacity:.9;animation:rotateGlow 6s linear infinite}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-search:hover{transform:scale(1.08)}.floating-search-bar{padding:.5rem 1rem;font-size:.9rem;border-radius:999px;border:1px solid #ccc;outline:none;width:200px;box-shadow:0 4px 12px #0000001a}.floating-search-wrapper{display:flex;align-items:center;gap:.5rem;transition:all .4s ease;position:relative}.floating-search-wrapper input.floating-search-bar{max-width:0;opacity:0;transform:scaleX(0);transform-origin:right;transition:all .3s ease;white-space:nowrap}.floating-search-wrapper.expanded input.floating-search-bar{max-width:220px;opacity:1;transform:scaleX(1)}.search-input,.floating-search-bar{font-size:.95rem}@media (max-width: 440px){.hero{padding:180px 20px;align-items:center;text-align:center}.hero-left{align-items:center;text-align:center}.hero-left h1{font-size:2rem;text-align:center;margin-bottom:2rem}.hero-subtitles .subtitle-text{font-size:1rem;margin-bottom:2rem;max-width:100%;text-align:center}.pills-row{display:none}.fallback-message{animation:fadeInUp .6s ease-in;font-size:.875rem;color:#888;text-align:center;margin-top:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@media (min-width: 768px) and (max-width: 900px){.hero{padding:200px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-left{align-items:center;text-align:center}#hero-name,.hero-subtitles,.pills-row,.audio-pill-ui{margin-left:auto;margin-right:auto;text-align:center}.subtitle-left{text-align:center}.hero-left h1{font-size:3.5rem;line-height:1.2}.hero-subtitles .subtitle-text{font-size:1.1rem;max-width:100%;margin:0 auto}.audio-pill-ui{max-width:500px;transform:scale(1.1)}}.feature-section{display:flex;flex-wrap:wrap;gap:2rem;padding:3rem 2rem;min-height:80vh}.feature-title{width:100%;font-size:2rem;margin-bottom:1.5rem;margin-left:-1rem;font-family:var(--font-manrope);font-weight:700;text-align:left;white-space:normal;word-break:break-word}.simple-feature-item,.learned-item{text-align:left;margin-left:2%}.simple-feature-list{display:flex;flex-direction:column;gap:2rem;margin-top:1rem;margin-bottom:80px;width:100vw;padding:0 2rem;box-sizing:border-box;margin-left:-70px}.simple-feature-item h3{font-size:1.5rem;margin-bottom:.5rem;font-weight:500;max-width:none;font-family:var(--font-manrope)}.simple-feature-item p{font-size:1rem;font-weight:100;line-height:1.6;color:var(--text-secondary);max-width:none;width:100%}.media-row-2{grid-template-columns:repeat(2,1fr)}.media-row-3{grid-template-columns:repeat(3,1fr);justify-content:center}.media-row{display:flex;justify-content:center;gap:2rem;margin:2rem auto 5rem;width:calc(100vw - 90px);max-width:1200px;padding:0 1rem;margin-left:30px;margin-bottom:50px}.media-image{width:100%;height:100%;max-width:400px;max-height:550px;object-fit:cover;object-position:center;border-radius:1rem;box-shadow:0 8px 20px #0000000f;transition:transform .5s ease}.media-image:hover{transform:scale(1.015)}.media-wrapper{margin:2rem auto;text-align:center}.media-frische{max-width:960px}.media-default{max-width:640px;width:100%;height:auto;display:flex;flex-direction:column;gap:2rem;margin:0 auto}.media-element{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 20px #0000001a}.dual-image,.video-wrapper{flex:0 0 auto;width:380px;height:400px;object-fit:cover;object-position:center;border-radius:1rem;box-shadow:0 8px 20px #0000000f;transition:transform .5s ease}.dual-image:hover,.video-wrapper:hover video{transform:scale(1.015)}.video-wrapper{position:relative;width:100%;max-width:540px;height:400px;flex:1;overflow:hidden;border-radius:1rem;box-shadow:0 8px 20px #0000000f}.video-wrapper video{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease;display:block;border-radius:1rem}.video-wrapper:hover video{transform:scale(1.015)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000004d;color:#fff;font-size:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:1;transition:opacity .5s ease;pointer-events:none;border-radius:1rem}.play-icon{font-size:2.5rem;margin-bottom:.5rem;opacity:.9}.video-wrapper:hover .video-overlay,.video-wrapper:hover .video-overlay p{opacity:0;transition:opacity .5s ease}.learned-layout .learned-list{display:flex;flex-direction:column;gap:2rem;margin-top:2rem;width:100vw;padding:0 2rem;box-sizing:border-box;margin-left:-70px}.learned-layout .learned-item h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;max-width:none}.learned-layout .learned-item p{font-size:1rem;line-height:1.6;color:var(--text-secondary);max-width:none;width:100%;text-align:left}@media (max-width: 1115px){.media-row{margin-left:10px}}@media (max-width: 900px){.feature-section{margin-top:4rem;margin-bottom:-18rem;padding:2rem 1.5rem;flex-direction:column;align-items:flex-start}.media-row{display:none!important}.feature-title{font-size:1.75rem;margin-left:0;margin-bottom:1.5rem;text-align:left;width:100%}.simple-feature-item,.learned-item{margin-left:1rem;text-align:left}.simple-feature-list,.learned-layout .learned-list{margin-left:0;padding-left:0;width:100%}}@media (min-width: 769px) and (max-width: 900px){.feature-section{margin-top:4rem;margin-bottom:-30rem;padding:2rem 1.5rem;flex-direction:column;align-items:flex-start}}@media (max-width: 768px){.dual-image-row{flex-direction:column}.dual-image{max-width:100%;height:300px}}@media (max-width: 1114px){.feature-section{flex-direction:column;align-items:center;padding:2rem 1rem}.feature-title{width:100%;text-align:left;font-size:2rem;margin-bottom:1.5rem;margin-left:-3rem}.simple-feature-item,.learned-item{text-align:left;margin-left:2.5rem}}@media (max-width: 884px){.feature-title{width:100%;text-align:left;font-size:2rem;margin-bottom:1.5rem;margin-left:-1rem}.simple-feature-item,.learned-item{text-align:left;margin-left:2.5rem}}@media (max-width: 834px){.feature-title{width:100%;text-align:left;font-size:2rem;margin-bottom:1.5rem;margin-left:2rem}.simple-feature-item,.learned-item{text-align:left;margin-left:2rem}}@media (max-width: 820px){.feature-title{width:100%;text-align:left;font-size:2rem;margin-bottom:1.5rem;margin-left:0rem}.simple-feature-item,.learned-item{text-align:left;margin-left:2rem}}@media (max-width: 800px){.feature-title{width:100%;text-align:left;font-size:2rem;margin-bottom:1.5rem;margin-left:0rem}.simple-feature-item,.learned-item{text-align:left;margin-left:2.5rem}}@media (max-width: 768px){.feature-title{width:100%;text-align:left;font-size:2rem;margin-bottom:1.5rem;margin-left:-1rem}.simple-feature-item,.learned-item{text-align:left;margin-left:2.5rem}}@media (max-width: 440px){.feature-title{width:100%;margin:0;padding:0 0rem;font-size:1.75rem;font-family:var(--font-manrope);font-weight:700;text-align:left;white-space:normal;word-break:break-word}.simple-feature-item,.learned-item{text-align:left;margin-left:2.5rem}.media-row{display:none}.feature-section{margin-top:75px;margin-bottom:0}}.stat-section{padding:2rem;text-align:center;margin-top:-120px}.stat-title{font-size:2rem;font-family:var(--font-manrope);font-weight:700;margin-top:5rem;margin-bottom:2rem;margin-left:-.5rem;text-align:left}.stat-intro,.stat-outro{font-size:1rem;font-weight:300;color:#000;max-width:120ch;margin:1rem 0 2rem;text-align:left}.stat-outro{margin-top:3rem}.stat-item{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;justify-content:flex-start}.stat-bar{height:20px;border-radius:10px;margin-bottom:40px;background:#eee;flex-shrink:0;min-width:100px;transition:width .6s ease}.stat-text{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;max-width:30ch}.percentage{font-size:1.25rem;font-weight:500;color:#000}.description{font-size:.95rem;font-weight:500;color:#000;line-height:1.5}@media (max-width: 1024px){.stat-section{padding:2rem;text-align:center;margin-top:-250px}.stat-item{flex-direction:column;align-items:flex-start;width:100%}.stat-bar{width:auto;min-width:40%;max-width:100%;margin-bottom:.5rem;transition:width .3s ease}.stat-text{align-items:flex-start;padding-left:0}.percentage{font-size:1.5rem}.description{font-size:1rem;margin-bottom:1,5rem}}@media (max-width: 768px){.stat-item:nth-child(2n) .stat-text{padding-left:1rem}.stat-item:nth-child(odd) .stat-text{padding-left:0}}@media (max-width: 884px){.stat-section{padding:15rem 1rem}.stat-item{flex-direction:column;align-items:flex-start;width:100%;gap:.75rem}.stat-bar{width:100%;height:16px}.stat-text{align-items:flex-start}.percentage{font-size:1.1rem}.description{font-size:.95rem}}@media (max-width: 835px){.stat-section{padding:2rem;text-align:center;margin-top:-10px}}@media (max-width: 821px){.stat-section{padding:2rem;text-align:center;margin-top:-20px}}@media (max-width: 800px){.stat-section{padding:2rem;text-align:center;margin-top:-20px}}@media (max-width: 440px){.stat-section{padding:2rem;text-align:center;margin-top:-175px}}.img-grid{width:100vw;padding:4rem 2rem;box-sizing:border-box}.img-grid-title{font-size:2rem;font-weight:700;text-align:left;margin-left:2px;margin-top:40px;margin-bottom:0rem;color:#111}.img-scroll-wrapper{overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.img-caption{margin-top:80px;font-size:1rem;color:#000;text-align:center;max-width:90%;line-height:1.4;white-space:normal;word-break:break-word}.img-scroll-wrapper::-webkit-scrollbar{display:none}.img-scroll-wrapper{white-space:nowrap;width:100%;padding:2rem 0;scroll-behavior:smooth}.img-scroll-wrapper{height:100vh;display:flex;align-items:center;position:relative}.img-grid-header-row{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 2rem;margin-bottom:1rem;margin-left:-12px}.img-horizontal-scroll{display:flex;gap:2rem;padding:0 2rem;width:max-content}.img-grid-feature-summary{font-size:1rem;color:#000;margin:.5rem 0 1.5rem 20px;max-width:900px;line-height:2;list-style-type:disc;padding-left:1.25rem}.img-grid-feature-summary li{margin-bottom:.5rem}.swipe-hint-row{display:flex;justify-content:center;align:center;gap:6px;margin-top:2rem;margin-bottom:-40px;font-size:14px;font-weight:400;color:#444}.img-scroll-item{flex:0 0 auto;width:600px;height:80vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.carousel-wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.carousel-image{width:100%;height:100%;max-height:70vh;object-fit:cover;border-radius:1rem;box-shadow:0 8px 20px #0000000f}.carousel-wrapper video.carousel-image{width:100%;height:100%;object-fit:cover;border-radius:1rem}@media (max-width: 900px){.img-grid,.img-grid-title,.img-scroll-wrapper,.img-horizontal-scroll,.img-scroll-item,.carousel-wrapper,.carousel-image,.carousel-wrapper video.carousel-image,.swipe-hint-row,.img-caption,.img-grid-feature-summary{display:none!important}}.project-header{min-height:60vh;margin:0 auto;text-align:center;display:flex;flex-direction:column;justify-content:center}.project-big-title{font-size:3rem;font-weight:600;padding-top:1rem;max-width:max-content;margin-top:60px;margin-left:auto;margin-right:auto}.project-subinfo{margin-top:2rem;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#000;font-size:1rem;font-family:var(--font-manrope);text-align:center}.tag-row{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.tag{color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.5rem;text-transform:capitalize}.tag img{width:16px;height:16px;filter:grayscale(100%) brightness(2)}.tag:hover{opacity:.8}.tag-row .tag:last-child{margin-right:0}.tech-tag{background-color:#fff;border:#000 1px solid;color:#000}.overview-grid{display:grid;grid-template-columns:1fr;gap:1rem;max-width:1200px;margin:0 auto;text-align:center}.overview-grid .section-paragraph{margin-left:0;line-height:1.6;font-size:1rem;font-family:var(--font-manrope);text-align:center}.work-showcase{margin:2rem auto 3rem;width:calc(100vw - 60px);height:450px;display:flex;justify-content:center;align-items:center;margin-bottom:180px}.image-container{width:100%;height:120%}.full-width-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:1rem}.content-section{display:flex;flex-direction:column;gap:1rem}.flex{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:1.5rem}.flex-1{flex:1;width:100%}.problem-section .percentage{font-size:1.5rem;font-weight:500}.problem-section .section-paragraph{font-size:1rem;font-weight:300;line-height:1.4}.section-label{font-size:2rem;font-family:var(--font-manrope);font-weight:200;color:#3e3e3e}.section-title{font-size:2rem;font-family:var(--font-manrope);font-weight:700;color:#000}.section-paragraph{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;font-weight:200;font-family:var(--font-manrope)}.problem-section{padding:1rem;max-width:100vw}.problem-section .section-title{margin-left:5px}.problem-section .grid{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.problem-grid{display:grid;grid-template-columns:1fr;gap:2rem;width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1440px;margin:0 auto;padding:0 2rem}.problem-card{background-color:#fff;border-radius:1rem;padding:2rem;box-shadow:0 8px 18px #0000000d;width:100%}.percentage{font-size:2rem;font-weight:400;min-width:60px;color:#000}.section-paragraph{font-size:1.2rem;font-weight:300;color:#000;line-height:1.6}.extra-details{margin:1rem auto;max-width:1200px;width:100%}.extra-details .section-title{font-size:2rem;font-family:var(--font-manrope);font-weight:700;color:#000;text-align:left;margin-bottom:1rem;margin-left:-7rem}.extra-details .section-paragraph{font-size:1rem;font-weight:200;line-height:1.6;font-family:var(--font-manrope);color:#000;max-width:1400px;margin-bottom:2rem;margin-left:-7rem;text-align:left}.widgets-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;justify-items:center;margin:20px auto 0;background-color:#fff!important;width:100%;max-width:1200px}.widget-wrapper{width:100%;max-width:100%;aspect-ratio:16 / 9;background-color:#fff;overflow:hidden;position:relative;margin-bottom:2rem}.widget-subtitle{position:absolute;top:12px;left:50%;transform:translate(-50%);background-color:#ffffffbf;padding:.25rem .75rem;font-size:.95rem;font-weight:400;font-family:var(--font-manrope);color:#555;border-radius:1rem;z-index:5;pointer-events:none}.iframe-container{margin-top:0;height:100%}.iframe-container iframe{width:100%;height:100%;border:none;display:block;pointer-events:auto;transition:pointer-events .3s}.content-section .section-title{margin-top:3rem}.next-project-preview{margin:2rem auto;padding:2rem;cursor:pointer;text-align:center;position:relative;overflow:visible;max-width:800px;border-top:1px solid #333;transition:all .3s ease}.next-label{font-size:.75rem;letter-spacing:.15rem;color:#000;font-family:var(--font-manrope);margin-bottom:.25rem;margin-top:2rem}.next-title{font-size:3rem;font-weight:500;color:#000;font-family:var(--font-manrope)}.next-media-trail{position:absolute;left:50%;transform:translate(-50%);width:200px;height:180px;border-radius:12px;box-shadow:0 4px 20px #0000004d;top:-100px!important;opacity:1!important;pointer-events:auto!important;z-index:1000}.next-media-trail img{width:200%;height:180px;object-fit:cover;border-radius:12px;box-shadow:0 4px 20px #0000004d}.next-project-image-mobile{display:none;margin-top:1rem;margin-bottom:1rem}.next-project-image-mobile img{width:100%;max-width:375px;height:175px;border-radius:12px;margin:0 auto;display:block;box-shadow:0 4px 20px #0000004d}@media (max-width: 884px){.project-big-title{font-size:3.5rem}}@media (max-width: 600px){.project-big-title{font-size:2.8rem}}@media (max-width: 440px){.project-big-title{font-size:2.2rem}}@media (max-width: 360px){.project-big-title{font-size:1.8rem}}@media (max-width: 768px){.overview-grid{grid-template-columns:1fr}}@media (max-width: 440px){.project-subinfo{grid-auto-flow:column;grid-template-columns:repeat(2,max-content);justify-content:center;gap:.75rem .5rem;text-align:center}.subinfo-link{justify-content:center}}@media (max-width: 768px){.flex{flex-direction:column}}@media (min-width: 768px){.problem-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.card{padding:1.5rem}}@media (min-width: 1024px) and (max-width: 1280px){.iframe-container iframe{pointer-events:auto}.extra-details .section-title,.extra-details .section-paragraph{margin-left:-3rem;padding:0 1rem;text-align:left}.widget-subtitle{position:absolute;top:12px;left:50%;transform:translate(-50%)}}@media (max-width: 1024px){.widget-wrapper{aspect-ratio:auto;height:900px}}@media (min-width: 320px) and (max-width: 900px){.extra-details .section-title{font-size:2rem;padding:0 7rem}.extra-details .section-paragraph{font-size:1rem;padding:0 7rem}.widget-subtitle{font-size:.8rem}.widgets-container{grid-template-columns:1fr}}@media (max-width: 769px){.widget-wrapper{height:1000px}}@media (max-width: 1024px){.work-showcase{display:none}}@media (max-width: 440px){.frische-iframe{transform-origin:top center;height:900px;width:550px;margin-left:-5rem}.frische-iframe .iframe-container{height:100%}.frische-iframe iframe{height:100%;width:100%;pointer-events:auto;transform:scale(.8)}}@media (max-width: 1279px){.next-media-trail{display:none!important}.next-project-image-mobile{display:block}.next-title{text-align:center;font-size:2rem;margin-top:.5rem}.next-label{text-align:center;font-size:.75rem;letter-spacing:.15rem}}@media (max-width: 600px){.next-title{font-size:1.6rem}}.khi-section{padding:6rem;max-width:1200px;margin:auto}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;max-width:1200px;margin:0 auto;grid-template-rows:auto 375px}.card:nth-child(1){grid-column:span 4;grid-row:span 1}.card:nth-child(2){grid-column:5 / span 8;grid-row:span 1}.card:nth-child(3){grid-column-start:1;grid-column-end:9;grid-row:2;background-color:#fff}.card:nth-child(4){grid-column:9 / span 4;grid-row:2}.card{background-color:#fff;padding:1.5rem;border-radius:1rem;color:#000;display:flex;flex-direction:column;gap:.75rem;grid-column:span 12;transition:transform .2s ease}.card.imessage{display:flex;flex-direction:column;height:100%}.card.resume,.card.blue-bg{display:flex;flex-direction:column;padding:0;height:100%}.card.resume.khi-card{position:relative;background-image:url(/assets/khi.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:1rem;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:1rem;height:100%;min-height:280px;box-sizing:border-box}.card.resume.khi-card .khi-btn{position:relative;padding:.75rem 3rem;border:none;border-radius:999px;background:#fdfdfdb3;color:#000;font-weight:700;font-size:1rem;cursor:pointer;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;transition:color .3s ease-in-out;z-index:2;max-width:80%;white-space:nowrap}.card.resume.khi-card .khi-btn:hover{background:#000;color:#fff}.khi-buttons{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.khi-buttons .khi-btn{flex:1 1 auto;min-width:120px;text-align:center}.khi-buttons a{text-decoration:none}.about{background:#ebe8e8}.stats-row{display:flex;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1rem}.stat-block{background:#ffffff72;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:.75rem;flex:1;gap:.75rem}.stat-label{font-size:.75rem;color:#444;margin:0}.stat-value{font-size:1.25rem;font-weight:600;margin:0}.stat-icon{background:#fff;color:#000;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.pills-wrapper{position:relative;width:100%;height:100%;margin-top:auto;flex-grow:1;overflow:hidden;border-radius:1rem}@media (max-width: 899px){.card.resume.khi-card{min-height:350px;padding:1.5rem}.card.resume.khi-card .khi-overlay{max-width:300px}.card.resume.khi-card .khi-btn{font-size:.9rem;padding:.6rem 2.5rem}}@media (max-width: 599px){.card.resume.khi-card{min-height:180px;padding:1rem}.card.resume.khi-card .khi-overlay{max-width:260px}.card.resume.khi-card .khi-btn{font-size:.85rem;padding:.5rem 2rem}}@media (max-width: 899px){.bento-grid{grid-template-columns:1fr;grid-template-rows:auto;max-width:100%;padding:0 1rem}.card{grid-column:1 / -1!important;grid-row:auto!important;width:100%;max-width:600px;margin:0 auto}.khi-section{padding:6rem 1rem}}@media (max-width: 599px){.bento-grid{max-width:100%;padding-left:1rem;padding-right:1rem}.khi-section{padding:3rem 1rem}}@media (max-width: 599px){.bento-grid{max-width:100%;padding:2rem 0rem;margin:1rem auto 0;grid-template-columns:1fr;grid-auto-rows:auto;gap:1rem}.card{grid-column:1 / -1!important;grid-row:auto!important;padding:1.5rem;margin:0 auto;max-width:360px;width:100%}.khi-section{padding-left:1rem;padding-right:1.5rem}.stats-row{display:flex;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.75rem}.stat-block{background:#ffffff72;display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-radius:.75rem;flex:1 1 100px;min-width:0;gap:.75rem}.stat-label{font-size:.7rem;color:#444;margin:0}.stat-value{font-size:1rem;font-weight:600;margin:0}.stat-icon{display:none}}@media (min-width: 600px){.card{grid-column:span 6}}.tech-stack-container{display:flex;flex-direction:column;gap:1rem;overflow:hidden;width:100%;padding:1rem 0;background-color:#fff}.tech-stack-row{display:flex;flex-wrap:nowrap;white-space:nowrap;will-change:transform;transform:translateZ(0);backface-visibility:hidden;animation:scroll-left 30s linear infinite;gap:2rem;min-width:200%;margin-top:20px}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-80%)}}.tech-stack-row.second-end{animation-duration:25s;animation-direction:reverse}.tech-stack-item{display:inline-block;padding:1rem 4rem;border:1px solid #aca8a87d;border-radius:.75rem;background:transparent;color:#000;font-weight:500;font-size:1rem;white-space:nowrap}.tech-stack-container{position:relative;overflow:hidden}.tech-stack-section{display:flex;flex-direction:column;gap:1rem}.tech-stack-title{font-size:1.25rem;font-weight:600;margin-left:0rem;color:#000}@media (max-width: 900px){.tech-stack-row{flex-direction:row;animation:scroll-left 20s linear infinite;height:auto;overflow:hidden;white-space:nowrap;gap:1.5rem}.tech-stack-item{padding:.5rem 1rem;font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--page-max: 1200px;--page-pad: 20px}.container{width:100%;max-width:var(--page-max);padding-left:var(--page-pad);padding-right:var(--page-pad);margin-left:auto;margin-right:auto}html,body{width:100vw;overflow-x:hidden;font-family:Geist,sans-serif;color:#111827;line-height:1.3;background-color:#f6f4f0;overflow-y:scroll}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none}.nav-link.disabled{color:#bbb;cursor:default;pointer-events:none}