@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@300;400;500;600;700;800;900&display=swap";.menu__wrapper .content__wrapper li a,.featured-projects .projects .project-top .single-project .project-banner .overlay .view-site a,.footer .footer-top .footer-text p a,.navbar .nav-right .nav-links .menu-container #menuToggle,.navbar .nav-right .nav-links .menu-container a,.navbar .nav-right .nav-links a{display:inline-block;overflow:hidden;position:relative;vertical-align:top}.featured-projects .projects .project-top .single-project .project-banner .overlay .view-site a:after,.footer .footer-top .footer-text p a:after,.navbar .nav-right .nav-links .menu-container #menuToggle:after,.navbar .nav-right .nav-links .menu-container a:after,.navbar .nav-right .nav-links a:after{background:currentColor;bottom:0;content:"";height:2px;left:0;position:absolute;transition:transform .7s cubic-bezier(.19,1,.22,1);width:100%}.menu__wrapper .content__wrapper li a:after{background:#fff;top:50%;content:"";height:2px;left:0;position:absolute;transition:transform .7s cubic-bezier(.19,1,.22,1);width:100%}.menu__wrapper .content__wrapper li a:hover:after,.featured-projects .projects .project-top .single-project .project-banner .overlay .view-site a:hover:after,.footer .footer-top .footer-text p a:hover:after,.navbar .nav-right .nav-links .menu-container #menuToggle:hover:after,.navbar .nav-right .nav-links a:hover:after{transform:scaleX(1);transform-origin:left center}.menu__wrapper .content__wrapper li a:after,.featured-projects .projects .project-top .single-project .project-banner .overlay .view-site a:after,.footer .footer-top .footer-text p a:after,.navbar .nav-right .nav-links .menu-container #menuToggle:after,.navbar .nav-right .nav-links .menu-container a:after,.navbar .nav-right .nav-links a:after{transform:scaleX(0);transform-origin:right center}.featured-projects .projects .project-top .single-project .project-banner .overlay .view-site a,.footer .footer-top .footer-text p a,.navbar .nav-right .nav-links .menu-container #menuToggle,.navbar .nav-right .nav-links .menu-container a,.navbar .nav-right .nav-links a,.menu__wrapper .content__wrapper li a{display:inline-block}.menu__wrapper .content__wrapper li a:hover:after{color:#fff}:root{font-family:Hanken Grotesk,sans-serif;position:relative}*{margin:0;padding:0}html body{margin:0;color:#3c3c31;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;height:100%;transition:.3s;font-family:Hanken Grotes;background:#FFFEFB;position:relative}html{scroll-behavior:auto}.cursor{position:fixed;top:0;left:0;z-index:1000;pointer-events:none;height:20px;width:20px;background:#808080;border-radius:50%;display:block}@media (max-width: 600px){.cursor{display:none}}.exit-h1{overflow:hidden}.exit-transition{position:fixed;background:#FFFEFB;height:100vh;bottom:0;left:0;width:100%;z-index:1000;height:0;overflow:hidden;display:flex;justify-content:center;align-items:center}.exit-transition h1{color:#1d1d1d;font-family:Hanken Grotesk;font-size:42px;font-style:normal;font-weight:400;line-height:50px;letter-spacing:-1.26px}@media (max-width: 900px){.exit-transition h1{font-size:30px}}@media (max-width: 600px){.exit-transition h1{font-size:25px}}.exit-transition span{display:inline-block}.navbar{width:90%;display:flex;justify-content:space-between;padding:2rem 6rem;position:fixed;top:0;background-color:#fffefb;z-index:2}@media (max-width: 600px){.navbar{padding:2rem}}.navbar .nav-left .logo a{color:#1d1d1d;font-family:Hanken Grotesk;font-size:18px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.54px;text-transform:uppercase;text-decoration:none}.navbar .nav-right .nav-links{color:#1d1d1d;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.51px;text-transform:uppercase;display:flex}.navbar .nav-right .nav-links a{text-decoration:none;color:#1d1d1d;margin:0 2rem}.navbar .nav-right .nav-links .menu-container{display:flex;align-items:center}.navbar .nav-right .nav-links .menu-container #menuToggle{display:flex;align-items:center;color:#1d1d1d;font-family:Hanken Grotesk;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.39px;text-transform:uppercase}@media (max-width: 1024px){.navbar .nav-right .nav-links{display:flex;flex-direction:column-reverse;gap:2rem}}.menu{background:#1D1D1D;color:#bbb;min-width:100%;position:fixed;top:0;left:0;z-index:5;height:0vh}.menu .navbar{background:transparent}.menu .navbar .logo a,.menu .navbar .nav-right .nav-links .menu-container #menuToggle{color:#fffefb}.menu__wrapper{height:100%;display:none;flex-direction:column}.menu__wrapper .content{display:flex;align-items:center;justify-content:center;flex-direction:column;height:88%}.menu__wrapper .content__wrapper{display:flex;flex-direction:column;text-align:center}.menu__wrapper .content__wrapper ul{list-style-type:none;margin:0;padding-inline-start:0}.menu__wrapper .content__wrapper li{overflow:hidden;margin:0;padding:0}.menu__wrapper .content__wrapper li a{text-decoration:none;color:#bbb;font-family:Hanken Grotesk;font-size:42px;font-style:normal;font-weight:400;line-height:50px;letter-spacing:-1.26px;margin-bottom:32px;overflow:hidden;display:inline-block;transform:translateY(150%)}.menu__wrapper .content__wrapper li a span{position:relative;margin:0;padding:0}.menu__wrapper .content__wrapper li a:hover{color:#fff}.menu__wrapper .menu-bottom{display:flex;justify-content:center;gap:3rem;margin-top:3rem}@media (max-width: 600px){.menu__wrapper .menu-bottom{flex-wrap:wrap}}.menu__wrapper .menu-bottom .social-link{display:flex;padding:5px 10px;justify-content:center;align-items:center;border-radius:25px;border:1px solid #8E8E8E;transition:all .5s}.menu__wrapper .menu-bottom .social-link a{text-decoration:none;color:#8e8e8e;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.51px;text-transform:uppercase}.menu__wrapper .menu-bottom .email-link:hover{background-color:#ff964f;color:#fff;border:1px solid transparent}.menu__wrapper .menu-bottom .email-link:hover .email{color:#fff}.menu__wrapper .menu-bottom .linkedin-link:hover{background-color:#11bebe;color:#fff;border:1px solid transparent}.menu__wrapper .menu-bottom .linkedin-link:hover .linkedin{color:#fff}.menu__wrapper .menu-bottom .github-link:hover{background-color:#fff;color:#fff;border:1px solid transparent}.menu__wrapper .menu-bottom .github-link:hover .github{color:#1d1d1d}.menu__wrapper .menu-bottom .twitter-link:hover{background-color:#6c8dfa;color:#fff;border:1px solid transparent}.menu__wrapper .menu-bottom .twitter-link:hover .twitter{color:#fff}.menu__wrapper .menu-bottom .instagram-link:hover{background:linear-gradient(151deg,#FF964F 6.18%,#F4ED6C 52.57%,#6C8DFA 101.86%);color:#fff;border:1px solid transparent}.menu__wrapper .menu-bottom .instagram-link:hover .instagram{color:#fff}.underlined-words{text-decoration-line:underline;margin-right:4rem}.underlined-words h4{color:#1d1d1d;font-family:Hanken Grotesk;font-size:13px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-.39px;text-decoration-line:underline;text-transform:uppercase}.footer{width:94%;margin:5rem auto}.footer .footer-top{width:80%}.footer .footer-top .footer-header{padding:2rem 0}.footer .footer-top .footer-header h1{color:#1d1d1d;font-family:Hanken Grotesk;font-size:42px;font-style:normal;font-weight:400;line-height:50px;letter-spacing:-1.26px}.footer .footer-top .footer-text{width:65%}@media (max-width: 1024px){.footer .footer-top .footer-text{width:100%}}.footer .footer-top .footer-text p{color:#1d1d1d;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.51px;padding-top:1rem}.footer .footer-top .footer-text p a{text-decoration:none;color:#8e8e8e;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.51px;vertical-align:text-bottom}.footer .footer-bottom{display:flex;justify-content:space-between;margin-top:3rem}.footer .footer-bottom .footer-links{display:flex;gap:2rem}@media (max-width: 600px){.footer .footer-bottom .footer-links{flex-wrap:wrap}}.footer .footer-bottom .footer-links .social-link{display:flex;padding:5px 10px;justify-content:center;align-items:center;border-radius:25px;border:1px solid #8E8E8E;transition:all .5s}.footer .footer-bottom .footer-links .social-link a{text-decoration:none;color:#8e8e8e;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.51px;text-transform:uppercase}.footer .footer-bottom .footer-links .email-link:hover{background-color:#ff964f;color:#fff;border:1px solid transparent}.footer .footer-bottom .footer-links .email-link:hover .email{color:#fff}.footer .footer-bottom .footer-links .linkedin-link:hover{background-color:#11bebe;color:#fff;border:1px solid transparent}.footer .footer-bottom .footer-links .linkedin-link:hover .linkedin{color:#fff}.footer .footer-bottom .footer-links .github-link:hover{background-color:#fff;color:#fff;border:1px solid transparent}.footer .footer-bottom .footer-links .github-link:hover .github{color:#1d1d1d}.footer .footer-bottom .footer-links .twitter-link:hover{background-color:#6c8dfa;color:#fff;border:1px solid transparent}.footer .footer-bottom .footer-links .twitter-link:hover .twitter{color:#fff}.footer .footer-bottom .footer-links .instagram-link:hover{background:linear-gradient(151deg,#FF964F 6.18%,#F4ED6C 52.57%,#6C8DFA 101.86%);color:#fff;border:1px solid transparent}.footer .footer-bottom .footer-links .instagram-link:hover .instagram{color:#fff}@media (max-width: 600px){.footer .footer-bottom .design-by{display:none}}.footer .footer-bottom .design-by p{color:#1d1d1d;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.51px}.footer .footer-bottom .design-by p .grey-p{color:#8e8e8e;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.51px}.footer .footer-bottom .design-by p .grey-p a{color:#8e8e8e;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.51px;text-decoration:underline}.icon-arrow{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.15em;pointer-events:none}html.is-intro-playing,html.is-intro-playing body{overflow:hidden}.is-intro-playing .cursor{display:none}.kiks-intro{--intro-ink: #181b17;--intro-paper: #f2f0e7;--intro-accent: #f17c56;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;height:100svh;overflow:hidden;color:var(--intro-paper);font-family:Hanken Grotesk,sans-serif;isolation:isolate}.kiks-intro[hidden]{display:none}.kiks-intro__panel{position:absolute;left:0;width:100%;height:calc(50% + 1px);background:var(--intro-ink);z-index:-1}.kiks-intro__panel--top{top:0}.kiks-intro__panel--bottom{bottom:0}.kiks-intro__top,.kiks-intro__bottom{position:absolute;right:clamp(24px,4vw,72px);left:clamp(24px,4vw,72px);display:flex;justify-content:space-between;align-items:flex-start;font-size:11px;font-weight:500;line-height:1.7;letter-spacing:.09em;text-transform:uppercase}.kiks-intro__top{top:clamp(24px,4vw,56px);padding-top:17px;border-top:1px solid rgba(242,240,231,.2)}.kiks-intro__bottom{bottom:clamp(24px,4vw,48px);align-items:flex-end;padding-bottom:17px;border-bottom:1px solid rgba(242,240,231,.2)}.kiks-intro__muted{display:block;color:#969b90}.kiks-intro__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;padding:80px 24px}.kiks-intro__word-window{font-size:clamp(150px,29vw,430px);line-height:1;overflow:hidden;padding:.15em .13em .12em 0;margin:-.15em -.13em 0 0}.kiks-intro__word{position:relative;display:flex;align-items:baseline;font-weight:600;letter-spacing:-.075em}.kiks-intro__letter{display:block;transform-origin:50% 90%}.kiks-intro__letter--i{position:relative;width:.22em;text-align:center;letter-spacing:-.04em}.kiks-intro__dot{position:absolute;top:.185em;left:50%;width:.113em;height:.113em;background:var(--intro-accent);border-radius:50%;transform:translate(-50%)}.kiks-intro__asterisk{position:absolute;top:.05em;right:-.4em;color:var(--intro-accent);font-size:.2em;line-height:1;letter-spacing:0}.kiks-intro__caption{display:flex;align-items:center;gap:15px;margin-top:26px;color:#c4c7bc;font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.kiks-intro__dash{display:inline-block;width:32px;height:1px;background:var(--intro-accent)}.kiks-intro__waiting{display:inline-flex;align-items:center;gap:12px;opacity:0}.kiks-intro.is-waiting .kiks-intro__waiting{opacity:1}.kiks-intro__waiting-dot{width:5px;height:5px;border-radius:50%;background:var(--intro-accent)}.kiks-intro__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width: 600px){.kiks-intro__edition{max-width:105px;text-align:right}.kiks-intro__top,.kiks-intro__bottom{font-size:9px}.kiks-intro__caption{gap:10px;font-size:8px;letter-spacing:.07em}.kiks-intro__dash{width:20px}.kiks-intro__note{max-width:175px}.kiks-intro__word-window{font-size:clamp(135px,31vw,185px)}}.hero{display:flex;margin:15rem auto 0;width:94%}@media (max-width: 900px){.hero{flex-direction:column;gap:2.5rem}}.hero .left .underlined-words{text-decoration-line:underline;margin-right:4rem}@media (max-width: 900px){.hero .left .underlined-words{width:38%}}.hero .left .underlined-words h4{color:#1d1d1d;font-family:Hanken Grotesk;font-size:13px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-.39px;text-decoration-line:underline;text-transform:uppercase}.hero .center{flex-basis:80%;position:relative;overflow:hidden}.hero .center .hero-word-container{position:relative;overflow:hidden}.hero .center .hero-word-container h1{color:#1d1d1d;font-family:Hanken Grotesk;font-size:120px;font-style:normal;font-weight:400;line-height:100px;letter-spacing:-4.2px;overflow:hidden}@media (max-width: 1366px){.hero .center .hero-word-container h1{font-size:90px;line-height:80px}}@media (max-width: 1024px){.hero .center .hero-word-container h1{font-size:60px;line-height:60px}}.hero .right{display:flex;align-items:flex-end}.hero .right .hero-right{width:70%;margin:0 auto}@media (max-width: 1024px){.hero .right .hero-right{width:100%;margin:0}}@media (max-width: 1024px){.hero .right .hero-right{width:70%}}.hero .right .hero-right h2{color:#1d1d1d;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.51px;text-transform:uppercase}.banner{width:100%;margin-top:5rem}.banner .banner-image img{width:100%;height:100%}.crafting{width:100%;margin-top:8rem}.crafting .crafting-wrapper{width:90%;margin:auto;display:flex;gap:7rem}@media (max-width: 1024px){.crafting .crafting-wrapper{gap:2rem}}@media (max-width: 900px){.crafting .crafting-wrapper{width:100%;flex-direction:column}}.crafting .crafting-wrapper .left{margin-left:3rem}.crafting .crafting-wrapper .left h1{color:#1d1d1d;font-family:Hanken Grotesk;font-size:42px;font-style:normal;font-weight:400;line-height:50px;letter-spacing:-1.26px}.crafting .crafting-wrapper .left img{-webkit-filter:grayscale(100%);filter:grayscale(100%);margin-top:3rem}@media (max-width: 900px){.crafting .crafting-wrapper .left img{display:block;width:50%;margin:3rem 0}}.crafting .crafting-wrapper .right{display:flex;justify-content:center;align-items:flex-start}.crafting .crafting-wrapper .right .hero-text-wrapper{width:90%;margin:auto;position:relative;overflow:hidden}@media (max-width: 1024px){.crafting .crafting-wrapper .right .hero-text-wrapper{width:100%}}@media (max-width: 900px){.crafting .crafting-wrapper .right .hero-text-wrapper{margin-top:2rem}}.crafting .crafting-wrapper .right .hero-text-wrapper p{width:70%;color:#1d1d1d;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.51px;margin:auto;padding-top:1rem}@media (max-width: 900px){.crafting .crafting-wrapper .right .hero-text-wrapper p{font-size:22px;width:80%}}@media (max-width: 600px){.crafting .crafting-wrapper .right .hero-text-wrapper p{font-size:18px;width:87%}}.crafting .crafting-wrapper .right .hero-text-wrapper p .grey-p{color:#8e8e8e;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.51px}@media (max-width: 900px){.crafting .crafting-wrapper .right .hero-text-wrapper p .grey-p{font-size:22px}}@media (max-width: 600px){.crafting .crafting-wrapper .right .hero-text-wrapper p .grey-p{font-size:18px}}@media (max-width: 600px){.crafting .crafting-wrapper .right .desktop{display:none}}.crafting .crafting-wrapper .right .phone{display:none}@media (max-width: 600px){.crafting .crafting-wrapper .right .phone{display:block}}.crafting.crafting--intro{font-family:Hanken Grotesk,sans-serif}.crafting.crafting--intro .crafting-wrapper{width:90%;gap:clamp(32px,6vw,90px);align-items:flex-start}.crafting.crafting--intro .left{flex:0 1 40%;min-width:0;margin-left:0}.crafting.crafting--intro .left h2{max-width:14ch;color:#1d1d1d;font-family:Hanken Grotesk,sans-serif;font-size:clamp(32px,3.5vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.04em}.crafting.crafting--intro .left img{display:block;max-width:100%}.crafting.crafting--intro .right{flex:1;min-width:0}.crafting.crafting--intro .right .hero-text-wrapper{width:100%;max-width:54ch;margin:0}.crafting.crafting--intro .right .hero-text-wrapper p{width:100%;padding-top:0;margin:0;font-size:17px;line-height:1.65;letter-spacing:-.02em}.crafting.crafting--intro .right .hero-text-wrapper p+p{margin-top:20px}.crafting.crafting--intro .home-experience{margin-top:30px;border-top:1px solid #d6d7cd}.crafting.crafting--intro .home-experience>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;padding-block:15px;border-bottom:1px solid #d6d7cd;font-size:13px;line-height:1.5}.crafting.crafting--intro .home-experience dt{color:#1d1d1d;font-weight:500}.crafting.crafting--intro .home-experience dd{margin:0;color:#666}.crafting.crafting--intro .home-about-link{display:inline-flex;align-items:center;gap:22px;min-height:44px;margin-top:16px;color:#1d1d1d;font-size:14px;text-decoration:underline;text-underline-offset:5px}.crafting.crafting--intro .home-about-link span{font-size:22px}.crafting.crafting--intro .home-about-link:focus-visible{outline:2px solid currentColor;outline-offset:5px}@media (max-width: 700px){.crafting.crafting--intro .crafting-wrapper{flex-direction:column;gap:24px}.crafting.crafting--intro .left{flex-basis:auto;width:100%}.crafting.crafting--intro .left h2{max-width:17ch}.crafting.crafting--intro .left img{width:min(50%,190px);margin-block:25px 0}.crafting.crafting--intro .right .hero-text-wrapper p{font-size:16px}.crafting.crafting--intro .home-experience>div{grid-template-columns:85px minmax(0,1fr);gap:12px}}.featured-projects .projects .project-top .single-project .project-banner{width:100%;position:relative;border-radius:10px}.collaboration{margin:5rem 0}.collaboration .collaboration-text{text-align:center;width:70%;margin:auto}.collaboration .collaboration-text p{color:#8e8e8e;text-align:center;font-family:Hanken Grotesk;font-size:32px;font-style:normal;font-weight:400;line-height:40px;letter-spacing:-.96px}@media (max-width: 600px){.collaboration .collaboration-text p{font-size:22px}}.creativity-section{width:100%;margin:7rem 0 0;position:relative;z-index:1;overflow:hidden}.creativity-section .creativity-wrapper{width:100%;margin:5rem auto;display:flex;flex-direction:row;flex:auto}.creativity-section .creativity-wrapper #scroll-text{flex-shrink:0;margin-right:5rem;color:#1d1d1d;font-family:Hanken Grotesk;font-size:100px;font-style:normal;font-weight:400;line-height:120px;letter-spacing:-4.2px;display:flex;align-items:center}@media (max-width: 900px){.creativity-section .creativity-wrapper #scroll-text{font-size:70px;line-height:100px}}.creativity-section .creativity-wrapper #scroll-text .bar{width:280px;height:8px;background-color:#8e8e8e;margin-left:3rem}@media (max-width: 900px){.creativity-section .creativity-wrapper #scroll-text .bar{width:230px;height:6px}}.creativity-section .creativity-wrapper-2{width:100%;margin:5rem auto;display:flex;flex-direction:row;flex:auto}.creativity-section .creativity-wrapper-2 #scroll-text-2{flex-shrink:0;margin-right:5rem;color:#1d1d1d;font-family:Hanken Grotesk;font-size:100px;font-style:normal;font-weight:400;line-height:120px;letter-spacing:-4.2px;display:flex;align-items:center}@media (max-width: 900px){.creativity-section .creativity-wrapper-2 #scroll-text-2{font-size:70px;line-height:100px}}.creativity-section .creativity-wrapper-2 #scroll-text-2 .bar{width:280px;height:8px;background-color:#8e8e8e;margin-left:3rem}@media (max-width: 900px){.creativity-section .creativity-wrapper-2 #scroll-text-2 .bar{width:230px;height:6px}}.about-page{--profile-ink: #191919;--profile-muted: #666;--profile-line: #d8d8d8;color:var(--profile-ink);background:#fff;font-family:Hanken Grotesk,sans-serif;overflow:clip}.about-page>.navbar{background:#fff}.about-page>.navbar{box-sizing:border-box;width:100%;padding-inline:5%}.about-page a{color:inherit}.about-page a:focus-visible{outline:2px solid currentColor;outline-offset:6px}.about-page .profile-width{width:min(90%,1440px);margin-inline:auto}.about-page .profile-label{font-size:11px;line-height:1.6;font-weight:500;text-transform:uppercase;letter-spacing:.12em}.about-page .profile-heading{font-size:clamp(32px,3.8vw,56px);font-weight:400;line-height:1.12;letter-spacing:-.055em;text-wrap:balance}.about-page .profile-section{padding-block:clamp(75px,9vw,140px);border-top:1px solid var(--profile-line)}.about-page #profile-story{scroll-margin-top:130px}.about-page button[data-menu-toggle]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:none;font:inherit;text-transform:inherit;cursor:pointer}.about-page .nav-links button[data-menu-toggle]{display:flex;align-items:center;font-size:13px;color:inherit}.about-page .menu .nav-links button[data-menu-toggle]{color:#fff}.about-page button:focus-visible{outline:2px solid currentColor;outline-offset:6px}.about-page .profile-index{font-size:11px;font-variant-numeric:tabular-nums;color:var(--profile-muted)}.about-page .profile-link{display:inline-flex;align-items:center;gap:25px;font-size:13px;padding-block:12px;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#aaa}.about-page .profile-link>span[aria-hidden]{display:inline-block;font-size:20px;transition:transform .25s cubic-bezier(.22,1,.36,1)}.about-page .profile-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.profile-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:clamp(35px,5vw,80px);padding-top:clamp(145px,13vw,205px)}.profile-hero__copy{align-self:center;padding-block:24px}.profile-hero__title{margin-top:26px;font-size:clamp(44px,5.7vw,88px);font-weight:400;line-height:1.09;letter-spacing:-.065em}.profile-hero .profile-line{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}.profile-hero .profile-line>span{display:block}.profile-hero__soft{color:#777}.profile-hero__intro{max-width:39ch;margin-block:27px 20px;font-size:16px;line-height:1.65;color:var(--profile-muted)}.profile-hero__portrait{min-width:0}.profile-hero__image{overflow:hidden;aspect-ratio:.91;background:#e7e7e7;border-radius:2px}.profile-hero__image img{width:100%;height:100%;object-fit:cover;object-position:54% 45%;filter:grayscale(1) brightness(1.16) contrast(1.04);transform:scale(1.5);transform-origin:54% 40%;display:block}.profile-hero figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:14px;font-size:10px;line-height:1.5}.profile-hero figcaption span:last-child{color:var(--profile-muted);text-align:right}.profile-hero__bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-block:48px 30px;margin-top:20px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--profile-muted)}.profile-hero__bottom span span{margin-left:20px;color:var(--profile-ink);font-size:19px}.profile-story{display:grid;grid-template-columns:1fr 2.4fr;gap:30px}.profile-story__text{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:35px}.profile-story__text p{max-width:42ch;font-size:15px;line-height:1.8;color:var(--profile-muted)}.profile-craft .profile-section__intro{display:grid;grid-template-columns:1fr 2.4fr;gap:30px;margin-bottom:55px}.profile-craft__list{margin-left:calc((100% - 30px) / 3.4 + 30px)}.profile-craft__row{display:grid;grid-template-columns:35px 1fr 1fr;gap:22px;padding-block:30px;border-top:1px solid var(--profile-line)}.profile-craft__row h3{font-size:clamp(20px,2.1vw,29px);font-weight:400;line-height:1.2;letter-spacing:-.04em}.profile-craft__row p{max-width:34ch;font-size:14px;line-height:1.7;color:var(--profile-muted)}.profile-experience{background:#191919;color:#fff;padding-block:clamp(75px,9vw,140px)}.profile-experience__heading{display:grid;grid-template-columns:1fr 2.4fr;gap:30px;padding-bottom:55px}.profile-experience__list{list-style:none;padding:0;margin:0 0 28px}.profile-experience .profile-index{color:#aaa}.profile-experience .profile-link{margin-left:calc((100% - 30px) / 3.4 + 30px)}.profile-role{display:grid;grid-template-columns:.25fr 1.65fr 1fr;gap:30px;align-items:center;padding-block:32px;border-top:1px solid #444}.profile-role h3{font-size:clamp(32px,4.5vw,66px);font-weight:400;letter-spacing:-.055em;line-height:1.1}.profile-role p{font-size:14px;line-height:1.6}.profile-role div>span{display:block;margin-top:7px;font-size:12px;line-height:1.5;color:#aaa}.profile-toolkit{display:grid;grid-template-columns:1fr 2.4fr;gap:30px;border-top:0!important}.profile-toolkit .profile-label{margin-bottom:24px}.profile-toolkit__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;padding-top:5px}.profile-toolkit__groups h3{font-size:13px;font-weight:500;padding-bottom:20px;border-bottom:1px solid var(--profile-line)}.profile-toolkit ul{list-style:none;padding:20px 0 0}.profile-toolkit li{font-size:13px;color:var(--profile-muted);line-height:2}.profile-offline{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(35px,7vw,100px);align-items:center;padding-bottom:clamp(75px,9vw,140px)}.profile-offline__image{aspect-ratio:1.05;overflow:hidden;background:#eee}.profile-offline img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 68%;filter:grayscale(1) brightness(1.04) contrast(1.04);transform:scale(1.1);transform-origin:65% 65%}.profile-offline .profile-label{margin-bottom:26px}.profile-offline__copy>p:not(.profile-label){max-width:34ch;margin-top:26px;font-size:15px;line-height:1.75;color:var(--profile-muted)}.profile-offline__note{display:block;margin-top:30px;font-size:12px;color:var(--profile-muted);font-style:italic}.profile-contact{padding-top:clamp(60px,7vw,100px);border-top:1px solid var(--profile-line)}.profile-contact__headline{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:30px 65px;text-decoration:none;font-size:clamp(50px,7.9vw,118px);letter-spacing:-.065em;line-height:1.05}.profile-contact__headline>span:last-child{align-self:flex-start;transition:transform .3s cubic-bezier(.22,1,.36,1)}.profile-contact__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;padding-block:28px;border-top:1px solid var(--profile-line);font-size:11px;line-height:1.6}.profile-contact__bottom a{text-decoration:none}.profile-contact__bottom a:hover{text-decoration:underline;text-underline-offset:4px}.profile-contact__bottom div{display:flex;gap:23px}.profile-contact__bottom>span{color:var(--profile-muted)}@media (max-width: 1000px){.profile-hero{column-gap:30px;grid-template-columns:1.35fr 1fr}.profile-hero__title{font-size:5.8vw}.profile-story,.profile-toolkit,.profile-craft .profile-section__intro,.profile-experience__heading{grid-template-columns:1fr 2.8fr}.profile-toolkit__groups{gap:18px}.profile-craft__list{margin-left:0}.profile-craft__row{grid-template-columns:45px 1fr 1fr}.profile-offline{gap:35px}}@media (max-width: 700px){.about-page .profile-width{width:calc(100% - 40px)}.about-page>.navbar{padding:24px 20px;align-items:center}.about-page>.navbar .nav-links{flex-direction:row;align-items:center;gap:16px;font-size:12px}.about-page>.navbar .nav-links a{margin:0}.about-page>.navbar .nav-links [data-menu-toggle]{font-size:12px}.about-page .profile-section{padding-block:65px}.about-page .profile-heading{font-size:clamp(32px,7vw,45px)}.profile-hero{padding-top:130px;grid-template-columns:1fr}.profile-hero__copy{padding:15px 0 35px}.profile-hero__title{font-size:clamp(39px,8.5vw,59px);margin-top:24px}.profile-hero__intro{margin-top:24px;font-size:15px}.profile-hero__portrait{width:min(100%,440px);justify-self:end}.profile-hero__image{aspect-ratio:1.04}.profile-hero__bottom{padding-block:27px 25px;margin-top:10px;font-size:9px}.profile-hero__bottom>span:last-child{font-size:0}.profile-hero__bottom span span{font-size:20px}.profile-story,.profile-toolkit,.profile-craft .profile-section__intro,.profile-experience__heading{grid-template-columns:1fr;gap:25px}.profile-story__text{grid-template-columns:1fr;gap:20px;margin-top:25px}.profile-story__text p{max-width:none}.profile-craft .profile-section__intro{margin-bottom:32px}.profile-craft__row{grid-template-columns:25px 1fr;gap:12px;padding-block:25px}.profile-craft__row h3{font-size:25px}.profile-craft__row p{grid-column:2;max-width:none}.profile-experience{padding-block:65px}.profile-experience__heading{padding-bottom:35px}.profile-experience .profile-link{margin-left:37px}.profile-role{grid-template-columns:25px 1fr;gap:12px;padding-block:25px}.profile-role h3{font-size:36px}.profile-role>div{grid-column:2}.profile-toolkit__groups{grid-template-columns:1fr;gap:25px;padding-top:10px}.profile-toolkit__groups>div{display:grid;grid-template-columns:1fr 1.5fr;gap:18px;padding-top:20px;border-top:1px solid var(--profile-line)}.profile-toolkit__groups h3{border:0;padding:0}.profile-toolkit ul{padding:0}.profile-offline{grid-template-columns:1fr;gap:32px;padding-bottom:65px}.profile-offline__image{aspect-ratio:1.05}.profile-contact__headline{font-size:clamp(43px,9.2vw,64px);padding-bottom:45px;gap:10px}.profile-contact__bottom{flex-direction:column;gap:20px}}@media (hover: hover) and (pointer: fine){.profile-link:hover>span[aria-hidden]{transform:translate(2px,-2px)}.profile-contact__headline:hover>span:last-child{transform:translate(6px,-6px)}}@media (prefers-reduced-motion: reduce){.about-page .profile-link>span,.profile-contact__headline>span:last-child{transition:none;transform:none}}.banner{width:100%;margin:5rem 0}.banner .banner-image{width:90%;margin:auto;display:flex;justify-content:center}.banner .banner-image img{width:100%;height:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.banner .banner-text{width:55%;margin:6rem auto 0}@media (max-width: 900px){.banner .banner-text{width:85%}}.banner .banner-text p{color:#1d1d1d;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.51px;padding-top:1rem}.project-section{display:flex;margin:15rem auto 0;width:94%}@media (max-width: 900px){.project-section{flex-direction:column;gap:2.5rem}}.project-section .left .underlined-words{text-decoration-line:underline;margin-right:4rem}@media (max-width: 900px){.project-section .left .underlined-words{width:38%}}.project-section .left .underlined-words h4{color:#1d1d1d;font-family:Hanken Grotesk;font-size:13px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:-.39px;text-decoration-line:underline;text-transform:uppercase}.project-section .center{flex-basis:80%;position:relative;overflow:hidden;margin-left:10rem}@media (max-width: 1024px){.project-section .center{margin:0}}.project-section .center .hero-word-container{position:relative;overflow:hidden}.project-section .center .hero-word-container h1{color:#1d1d1d;font-family:Hanken Grotesk;font-size:120px;font-style:normal;font-weight:400;line-height:134px;letter-spacing:-4.2px;overflow:hidden}@media (max-width: 1366px){.project-section .center .hero-word-container h1{font-size:90px;line-height:80px}}@media (max-width: 1024px){.project-section .center .hero-word-container h1{font-size:60px;line-height:60px}}.project-section .right{display:flex;align-items:center}.project-section .right .hero-right{width:70%;margin:0 auto}@media (max-width: 1024px){.project-section .right .hero-right{width:100%;margin:0}}@media (max-width: 1024px){.project-section .right .hero-right{width:70%}}.project-section .right .hero-right h2{color:#1d1d1d;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.51px;text-transform:uppercase}.featured-projects{margin:7rem 0}@media (max-width: 899px){.featured-projects{margin:2rem 0}}.featured-projects .underlined-words{margin-left:4rem;padding:3rem 0}@media (max-width: 899px){.featured-projects .underlined-words{margin-left:1rem}}.featured-projects .projects{width:94%;margin:auto}.featured-projects .projects .project-top{display:flex;gap:4rem;margin-top:3rem}@media (max-width: 900px){.featured-projects .projects .project-top{flex-direction:column}}.featured-projects .projects .project-top .single-project{width:50%;position:relative}@media (max-width: 900px){.featured-projects .projects .project-top .single-project{width:100%}}.featured-projects .projects .project-top .single-project .evo{background-color:#ffe1e0}.featured-projects .projects .project-top .single-project .korrect{background-color:#039ac4}.featured-projects .projects .project-top .single-project .rock-paper{background-color:#1c2e4d}.featured-projects .projects .project-top .single-project .get-set{background-color:#351754}.featured-projects .projects .project-top .single-project .todo{background-color:#171b2b}.featured-projects .projects .project-top .single-project .project-banner{width:100%;position:relative}.featured-projects .projects .project-top .single-project .project-banner .overlay{position:absolute;width:100%;height:100%;background-color:none;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .5s;opacity:0}.featured-projects .projects .project-top .single-project .project-banner .overlay:hover{opacity:.8}.featured-projects .projects .project-top .single-project .project-banner .overlay .view-site{width:120px;height:120px;background-color:#fff;border-radius:50%;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.featured-projects .projects .project-top .single-project .project-banner .overlay .view-site a{text-decoration:none;color:#1d1d1d;text-align:center;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.51px}.featured-projects .projects .project-top .single-project .project-banner img{width:100%}.featured-projects .projects .project-top .single-project .project-text{display:flex;justify-content:space-between;padding-top:1rem;width:95%;margin:auto}.featured-projects .projects .project-top .single-project .project-text .left h1{color:#1d1d1d;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.51px}@media (max-width: 1024px){.featured-projects .projects .project-top .single-project .project-text .left h1{font-size:13px}}.featured-projects .projects .project-top .single-project .project-text .right{display:flex;justify-content:flex-end;text-align:right}.featured-projects .projects .project-top .single-project .project-text .right p{color:#8e8e8e;font-family:Hanken Grotesk;font-size:17px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.51px}@media (max-width: 1024px){.featured-projects .projects .project-top .single-project .project-text .right p{font-size:13px}}.selected-work{--work-ink: #24271f;--work-muted: #666b5e;--work-accent: #d76542;width:min(90%,1440px);margin:clamp(90px,10vw,170px) auto;scroll-margin-top:135px;color:var(--work-ink);font-family:Hanken Grotesk,sans-serif}.selected-work__header{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-bottom:35px}.selected-work__eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:11px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}.selected-work__signal{width:6px;height:6px;border-radius:50%;background:var(--work-accent)}.selected-work__title{font-size:clamp(45px,6.4vw,94px);font-weight:400;line-height:1.05;letter-spacing:-.065em}.selected-work__title>span{font-style:italic}.selected-work__title>sup{display:inline-block;margin-left:14px;vertical-align:top;padding-top:9px;font-size:12px;font-style:normal;line-height:1;letter-spacing:0;color:var(--work-muted)}.selected-work__intro{padding-bottom:5px;color:var(--work-muted);font-size:14px;line-height:1.6}.selected-work__rule{height:1px;background:#d6d7cd;transform-origin:left center}.selected-work__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,6vw,90px) clamp(24px,4vw,60px);margin-top:40px}.selected-work__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:60px;padding-top:27px;border-top:1px solid #d6d7cd}.selected-work__footer p{font-size:13px;line-height:1.6;color:var(--work-muted)}.selected-work__more{display:inline-flex;align-items:center;gap:25px;padding-block:10px;font-size:15px;color:var(--work-ink);text-decoration:none}.selected-work__more span{font-size:25px;color:var(--work-accent);transition:transform .25s cubic-bezier(.22,1,.36,1)}.selected-work a:focus-visible{outline:2px solid var(--work-accent);outline-offset:6px}@media (max-width: 700px){.selected-work{width:calc(100% - 40px);scroll-margin-top:120px}.selected-work__header{align-items:flex-start;flex-direction:column;gap:20px;padding-bottom:25px}.selected-work__eyebrow{margin-bottom:16px}.selected-work__intro br{display:none}.selected-work__grid{grid-template-columns:minmax(0,1fr);gap:45px;margin-top:25px}.selected-work__footer{margin-top:40px;align-items:flex-start}.selected-work__footer p{max-width:155px}.selected-work__more{gap:12px;padding-block:0;white-space:nowrap;font-size:13px}}.selected-work .work-project__summary .work-project__contribution{margin-top:14px;font-size:12px;line-height:1.6;color:var(--work-ink)}.selected-work .work-project__summary .work-project__contribution>span{display:block;margin-bottom:3px;color:var(--work-muted);font-size:9px;letter-spacing:.09em;text-transform:uppercase}.work-project{min-width:0;display:grid;grid-template-rows:auto 1fr}.work-project--lead{grid-column:1/-1}.work-project__visual{display:block;position:relative;overflow:hidden;aspect-ratio:1.5;border-radius:6px;text-decoration:none;background:#f0eee9}.work-project__visual--onile{aspect-ratio:1.7;background:#e3e9e1;padding:clamp(28px,5.1vw,76px) clamp(24px,6.8vw,100px) 0;box-sizing:border-box}.work-project__visual--mainstack{background:#edeae4;padding:38px 28px 0;box-sizing:border-box}.work-project__visual--logistics{background:#e8ecf0;padding:22px 20px;box-sizing:border-box}.work-project__frame-label{position:absolute;top:22px;left:clamp(24px,3vw,44px);right:clamp(24px,3vw,44px);display:flex;justify-content:space-between;align-items:center;color:#34503c}.work-project__frame-label span:first-child{font-size:19px;font-weight:600;letter-spacing:-.04em}.work-project__frame-label span:last-child{font-size:10px;letter-spacing:.06em}.work-project__image-window{height:100%;overflow:hidden;border-radius:6px 6px 0 0;box-shadow:0 12px 50px #1f271d1a}.work-project__image-motion{width:100%;height:100%}.work-project__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .65s cubic-bezier(.22,1,.36,1)}.work-project__visual--onile .work-project__image{object-fit:contain;object-position:center top}.work-project__visual--logistics .work-project__image-window{box-shadow:none;border-radius:0}.work-project__visual--logistics .work-project__image{object-fit:contain;object-position:center}.work-project__visual-arrow{position:absolute;right:17px;bottom:15px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fffefb;color:var(--work-ink);font-size:22px;line-height:1;transition:transform .3s cubic-bezier(.22,1,.36,1)}.work-project__meta{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:13px;padding-top:23px}.work-project__number{display:block;color:var(--work-muted);font-size:10px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase}.work-project h3{margin-top:9px;color:var(--work-ink);font-size:clamp(28px,2.8vw,40px);font-weight:400;line-height:1.1;letter-spacing:-.045em}.work-project__summary p{max-width:43ch;color:var(--work-muted);font-size:14px;line-height:1.6}.work-project__stack{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:5px;padding:0;margin:13px 0 0;list-style:none;color:var(--work-muted);font-size:11px;line-height:1.6}.work-project__stack li+li{position:relative}.work-project__stack li+li:before{position:absolute;content:"·";left:-9px}.work-project__links{display:flex;gap:26px;padding-top:3px}.work-project__links a{display:inline-flex;align-items:center;gap:11px;min-height:38px;color:var(--work-ink);font-size:13px;line-height:1.5;text-decoration:underline;text-decoration-color:#bbbfb2;text-underline-offset:6px}.work-project__links a span{display:inline-block;color:var(--work-accent);font-size:18px;text-decoration:none;transition:transform .25s cubic-bezier(.22,1,.36,1)}.work-project--lead .work-project__meta{grid-template-columns:1fr 1.3fr auto;grid-template-rows:auto;gap:35px;padding-top:27px}.work-project--lead .work-project__summary{padding-top:3px}.work-project--lead .work-project__links{align-items:flex-start;gap:22px}@media (hover: hover) and (pointer: fine){.work-project__visual:hover .work-project__image{transform:scale(1.025)}.work-project__visual:hover .work-project__visual-arrow,.work-project__links a:hover span{transform:translate(2px,-2px)}}@media (max-width: 1000px){.work-project--lead .work-project__meta{grid-template-columns:1fr 1.4fr;gap:15px 30px}.work-project--lead .work-project__links{grid-column:2}.work-project__visual--onile{aspect-ratio:1.8;padding-top:65px}.work-project__visual--mainstack{padding:28px 20px 0}}@media (max-width: 700px){.work-project__visual--onile{aspect-ratio:1.3;padding:58px 18px 0}.work-project__frame-label{top:20px;left:20px;right:20px}.work-project__frame-label span:first-child{font-size:17px}.work-project__frame-label span:last-child{font-size:9px;letter-spacing:0}.work-project--lead .work-project__meta{grid-template-columns:minmax(0,1fr);gap:13px;padding-top:21px}.work-project--lead .work-project__links{grid-column:auto}.work-project__meta{padding-top:21px}.work-project__links a{min-height:44px}.work-project__visual-arrow{right:12px;bottom:12px}}@media (hover: hover) and (pointer: fine){.selected-work__more:hover span{transform:translate(3px,-3px)}}@media (prefers-reduced-motion: reduce){.selected-work__more span,.work-project__image,.work-project__visual-arrow,.work-project__links a span{transition:none}.work-project__visual:hover .work-project__image,.work-project__visual:hover .work-project__visual-arrow,.work-project__links a:hover span,.selected-work__more:hover span{transform:none}}.projects-page{color:#191919;background:#fff;font-family:Hanken Grotesk,sans-serif}.projects-page>.navbar{width:100%;box-sizing:border-box;padding-inline:5%;background:#fff}.projects-page button[data-menu-toggle]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:none;color:inherit;font:inherit;font-size:13px;text-transform:inherit;cursor:pointer;display:flex;align-items:center}.projects-page .menu button[data-menu-toggle]{color:#fff}.projects-page a:focus-visible,.projects-page button:focus-visible,.projects-page [tabindex="0"]:focus-visible{outline:2px solid currentColor;outline-offset:5px}.projects-page .projects-label{font-size:10px;font-weight:500;line-height:1.6;letter-spacing:.13em;text-transform:uppercase}.projects-page .projects-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.projects-intro{width:min(90%,1440px);margin:0 auto;padding-block:clamp(150px,13vw,205px) 65px}.projects-intro h1{margin-top:28px;font-size:clamp(72px,10.5vw,160px);font-weight:400;line-height:.97;letter-spacing:-.07em}.projects-intro .projects-title-line{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.projects-intro .projects-title-line>span{display:block}.projects-intro .projects-title-line:last-child{color:#777}.projects-intro__bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-top:40px}.projects-intro__bottom p{font-size:14px;line-height:1.7;color:#666}.projects-intro__bottom a{color:inherit;text-decoration:none;font-size:12px}.projects-intro__bottom a span{margin-left:35px;font-size:25px}.project-gallery{--work-ink: #191919;--work-muted: #666;--work-accent: #191919;border-block:1px solid #ddd;scroll-margin-top:98px}.project-gallery__stage{padding-block:26px;background:#fff}.project-gallery__header{width:90%;margin:0 auto 30px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.project-gallery__header h2{margin-top:5px;font-size:clamp(26px,3vw,42px);font-weight:400;letter-spacing:-.05em;line-height:1.1}.project-gallery__header sup{font-size:11px;vertical-align:top;padding-left:7px;letter-spacing:0}.project-gallery__skip{font-size:11px;color:#666;text-underline-offset:5px;white-space:nowrap}.project-gallery__skip span{margin-left:12px}.project-gallery__viewport{width:90%;margin-inline:auto}.project-gallery__track{display:grid;gap:60px}.project-gallery .work-project{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);grid-template-rows:auto;align-items:center;gap:clamp(26px,4vw,60px)}.project-gallery .work-project__visual{box-sizing:border-box;aspect-ratio:1.45;border-radius:4px}.project-gallery .work-project__visual--onile{padding:58px 25px 20px}.project-gallery .work-project__visual--mainstack,.project-gallery .work-project__visual--logistics{padding:28px}.project-gallery .work-project__visual--carquire{padding:25px;background:#e8f0f4}.project-gallery .work-project__visual--portfolio{padding:25px;background:#eeeae5}.project-gallery .work-project__image-window{box-shadow:none;border-radius:3px}.project-gallery .work-project__image{object-fit:contain;object-position:center}.project-gallery .work-project__frame-label{top:20px;left:25px;right:25px}.project-gallery .work-project__meta{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:25px}.project-gallery .work-project h3{margin-top:14px;font-size:clamp(34px,4.5vw,64px)}.project-gallery .work-project__summary p{max-width:32ch;font-size:15px;line-height:1.7}.project-gallery .work-project__stack{margin-top:22px;font-size:11px}.project-gallery .work-project__links{flex-wrap:wrap;gap:12px 26px}.project-gallery__navigation{width:90%;margin:25px auto 0;align-items:center;gap:25px}.project-gallery__navigation:not([hidden]){display:flex}.project-gallery__hint{font-size:10px;color:#666;white-space:nowrap}.project-gallery__hint span{margin-left:15px}.project-gallery__progress{flex:1;height:2px;background:#ddd;overflow:hidden}.project-gallery__progress>span{display:block;width:100%;height:100%;background:#191919;transform:scaleX(0);transform-origin:left}.project-gallery__count{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#777}.project-gallery__count>span{color:#191919}.project-gallery__buttons{display:flex;gap:8px}.project-gallery__buttons button{width:44px;height:38px;border:1px solid #ccc;border-radius:2px;background:#fff;color:#191919;cursor:pointer;font-size:19px}.project-gallery__buttons button:disabled{opacity:.3;cursor:default}.project-gallery.is-horizontal .project-gallery__stage{width:100%!important;box-sizing:border-box;height:calc(100svh - 98px);overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.project-gallery.is-horizontal .project-gallery__viewport{height:100%;min-height:0;min-width:0}.project-gallery.is-horizontal .project-gallery__track{display:flex;width:max-content;height:100%;gap:5vw}.project-gallery.is-horizontal .work-project{flex:0 0 auto;width:min(84vw,1240px)}.project-gallery.is-horizontal .work-project__visual{aspect-ratio:auto;height:100%;max-height:540px;min-height:0}.projects-after{width:90%;margin:0 auto;padding-block:45px 20px;display:flex;justify-content:space-between;gap:25px;scroll-margin-top:125px;font-size:12px;color:#666}.projects-after a{color:#191919;text-underline-offset:5px}@media (max-width: 999px){.project-gallery .work-project{grid-template-columns:1fr;gap:23px}.project-gallery .work-project__visual{aspect-ratio:1.55}.project-gallery .work-project__meta{gap:16px}.project-gallery .work-project__summary p{max-width:48ch;font-size:14px}.project-gallery .work-project__stack{margin-top:12px}.project-gallery .work-project h3{margin-top:8px;font-size:34px}.project-gallery__header{align-items:flex-start}.project-gallery__skip{font-size:0}.project-gallery__skip span{font-size:20px}.project-gallery__hint{font-size:0}.project-gallery__hint span{font-size:18px;margin:0}.project-gallery__navigation{gap:15px}.project-gallery__buttons button{height:44px}}@media (max-width: 999px){.project-gallery.is-horizontal .project-gallery__stage{padding-block:16px}.project-gallery.is-horizontal .project-gallery__header{margin-bottom:16px}.project-gallery.is-horizontal .project-gallery__navigation{margin-top:16px}.project-gallery.is-horizontal .work-project{width:85vw;height:100%;grid-template-rows:minmax(0,1fr) auto;gap:14px}.project-gallery.is-horizontal .work-project__visual{width:100%;max-height:none;aspect-ratio:auto}.project-gallery.is-horizontal .work-project__meta{gap:10px}.project-gallery.is-horizontal .work-project h3{margin-top:6px;font-size:clamp(28px,5vw,34px)}.project-gallery.is-horizontal .work-project__summary p{font-size:13px;line-height:1.5}.project-gallery.is-horizontal .work-project__stack{margin-top:8px;font-size:10px}.project-gallery.is-horizontal .work-project__links a{min-height:44px}}@media (max-height: 600px) and (min-width: 600px){.project-gallery.is-horizontal .project-gallery__stage{padding-block:12px}.project-gallery.is-horizontal .project-gallery__header{margin-bottom:12px;align-items:center}.project-gallery.is-horizontal .project-gallery__header .projects-label{display:none}.project-gallery.is-horizontal .project-gallery__header h2{margin-top:0;font-size:24px}.project-gallery.is-horizontal .project-gallery__navigation{margin-top:12px}.project-gallery.is-horizontal .work-project{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:24px;height:100%}.project-gallery.is-horizontal .work-project__meta{gap:8px}.project-gallery.is-horizontal .work-project h3{font-size:28px;margin-top:4px}.project-gallery.is-horizontal .work-project__summary p{font-size:12px;line-height:1.4}.project-gallery.is-horizontal .work-project__stack{margin-top:6px;font-size:10px}.project-gallery.is-horizontal .work-project__links a{min-height:36px}}@media (max-width: 700px){.projects-page>.navbar{padding:24px 20px;align-items:center;gap:12px}.projects-page>.navbar .nav-left{flex-shrink:0}.projects-page>.navbar .nav-right{min-width:0}.projects-page>.navbar .nav-links{flex-direction:row;align-items:center;gap:16px;font-size:12px}.projects-page>.navbar .nav-right .nav-links a{margin:0}.projects-page>.navbar button[data-menu-toggle]{font-size:12px}.projects-intro{padding-block:140px 48px}.projects-intro h1{font-size:clamp(68px,14vw,98px)}.projects-intro__bottom{margin-top:28px;align-items:flex-start}.projects-intro__bottom p{font-size:12px}.projects-intro__bottom a{font-size:0}.projects-intro__bottom a span{font-size:25px}.project-gallery .work-project__visual--onile{padding:50px 16px 15px}.project-gallery .work-project__frame-label{left:16px;right:16px;top:17px}.project-gallery .work-project__frame-label span:last-child{font-size:9px}.project-gallery .work-project__visual--mainstack,.project-gallery .work-project__visual--logistics,.project-gallery .work-project__visual--carquire,.project-gallery .work-project__visual--portfolio{padding:18px}.projects-after{font-size:11px;align-items:flex-start}.projects-after p{max-width:18ch}}@media (prefers-reduced-motion: reduce){.projects-page *,.projects-page *:before,.projects-page *:after{scroll-behavior:auto!important}}.splitting .word,.splitting .char{display:inline-block}.splitting .char{position:relative}.splitting .char:before,.splitting .char:after{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;-webkit-user-select:none;user-select:none}.splitting{--word-center: calc((var(--word-total) - 1) / 2);--char-center: calc((var(--char-total) - 1) / 2);--line-center: calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent: calc(var(--word-index) / var(--word-total));--line-percent: calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent: calc(var(--char-index) / var(--char-total));--char-offset: calc(var(--char-index) - var(--char-center));--distance: calc( (var(--char-offset) * var(--char-offset)) / var(--char-center) );--distance-sine: calc(var(--char-offset) / var(--char-center));--distance-percent: calc((var(--distance) / var(--char-center)))}.splitting.cells img{width:100%;display:block}@supports (display: grid){.splitting.cells{position:relative;overflow:hidden;background-size:cover;visibility:hidden}.splitting .cell-grid{background:inherit;position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template:repeat(var(--row-total),1fr) / repeat(var(--col-total),1fr)}.splitting .cell{background:inherit;position:relative;overflow:hidden}.splitting .cell-inner{background:inherit;position:absolute;visibility:visible;width:calc(100% * var(--col-total));height:calc(100% * var(--row-total));left:calc(-100% * var(--col-index));top:calc(-100% * var(--row-index))}.splitting .cell{--center-x: calc((var(--col-total) - 1) / 2);--center-y: calc((var(--row-total) - 1) / 2);--offset-x: calc(var(--col-index) - var(--center-x));--offset-y: calc(var(--row-index) - var(--center-y));--distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) );--distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) )}}
