@import"https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Josefin Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-yellow-100:oklch(97.3% .071 103.193);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-12{margin-top:calc(var(--spacing) * 12)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.table{display:table}.h-10{height:calc(var(--spacing) * 10)}.min-w-10{min-width:calc(var(--spacing) * 10)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-full{border-radius:3.40282e38px}.bg-black{background-color:var(--color-black)}.px-3{padding-inline:calc(var(--spacing) * 3)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-black{color:var(--color-black)}.text-white{color:var(--color-white)}.opacity-40{opacity:.4}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:bg-yellow-100:hover{background-color:var(--color-yellow-100)}}}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}.rich-content{color:#000;max-width:100%;font-size:1.125rem;line-height:1.8}.rich-content>:first-child{margin-top:0}.rich-content h1,.rich-content h2,.rich-content h3,.rich-content h4{margin:1.5em 0 .5em;font-weight:700;line-height:1.3}.rich-content h1{font-size:2rem}.rich-content h2{font-size:1.6rem}.rich-content h3{font-size:1.3rem}.page-title{margin-bottom:1.4rem;font-size:2.8rem;font-weight:700}.post{width:100%;max-width:720px;height:100%;margin:0 auto;padding:7.5rem 0 4rem;overflow:scroll}.post-back{color:#000;margin-bottom:2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.post-back:hover{text-decoration:underline}.post-image{margin-bottom:2rem}.post-image img{object-fit:cover;width:100%;height:auto}.post-title{margin-bottom:.5rem;font-size:2.6rem;font-weight:700;line-height:1.2}.post-date{opacity:.6;margin-bottom:1.5rem;font-size:1rem}.post-tags{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.post-tag{color:#fff;background:#000;border-radius:9999px;padding:.25rem .9rem;font-size:.875rem;text-decoration:none}.post-tag:hover{opacity:.8}.post-content{color:#000;font-size:1.125rem;line-height:1.8}.page-transition{z-index:1000;pointer-events:none;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.page-transition-block{width:33.3333%;height:100vh;position:relative;overflow:hidden}.page-transition-overlay{transform-origin:100%;background:#000;width:100%;height:100%;position:absolute;top:0;right:0;transform:scaleX(0)}.rich-content p{margin:0 0 1em}.rich-content a{color:#000;text-decoration:underline}.rich-content ul,.rich-content ol{margin:0 0 1em;padding-left:1.5em}.rich-content ul{list-style:outside}.rich-content ol{list-style:decimal}.rich-content img{max-width:100%;height:auto}.rich-content blockquote{border-left:3px solid #000;margin:1em 0;padding-left:1em}.rich-content pre,.rich-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.rich-content pre{background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;padding:1rem}pre code.hljs{background:#f6f8fa;padding:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.header{position:fixed;width:100%;height:128px;z-index:4}@media(max-width:425px){.header{height:96px}}.header .logo a{font-size:1.2rem;letter-spacing:.5rem;color:#000;text-decoration:none;font-weight:700}.header .logo img{max-width:64px}.header .nav-toggle{cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center}@media(max-width:768px){.header .nav-toggle{margin-right:24px}}@media(max-width:425px){.header .nav-toggle{width:20px;margin-right:16px}}.header .nav-toggle .hamburger-menu{width:25px}.header .nav-toggle .hamburger-menu span{text-align:center;margin-bottom:.3rem;background:#000;height:2px;width:100%;display:block}.header .nav-toggle .hamburger-menu-close{position:absolute;display:none}@media(max-width:768px){.header .nav-toggle .hamburger-menu-close svg{width:56px}}@media(max-width:425px){.header .nav-toggle .hamburger-menu-close svg{width:48px}}.frontpage{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.main{height:50vh;height:calc(var(--vh, 1vh) * 50);flex-shrink:0;background-color:#fff}.main .row{flex-direction:column;justify-content:center}.main .row h2{font-size:3rem;line-height:4.2rem;font-weight:700;z-index:10;color:#fff;mix-blend-mode:difference}@media(max-width:768px){.main .row h2{font-size:2.4rem;line-height:3rem}}@media(max-width:425px){.main .row h2{margin-top:72px;font-size:1.7rem;line-height:2.2rem}}.main .row h2 .line{margin-bottom:8px;height:56px;position:relative;overflow:hidden}@media(max-width:768px){.main .row h2 .line{height:48px}}@media(max-width:425px){.main .row h2 .line{height:32px}}.main .row h2 .line span{position:absolute}.main .row .btn-row{width:256px;position:relative;z-index:2}.main .row .btn-row a{font-size:1.6rem;color:#000;text-decoration:none;display:flex;align-items:center;font-weight:600}@media(max-width:768px){.main .row .btn-row a{font-size:1.3rem}}@media(max-width:425px){.main .row .btn-row a{font-size:1.1rem}}.main .row .btn-row a svg{margin-left:16px;height:24px;width:24px;border-radius:100px;transition:transform .4s ease-in-out}@media(max-width:768px){.main .row .btn-row a svg{width:20px;height:20px}}@media(max-width:425px){.main .row .btn-row a svg{width:16px;height:16px}}.main .row .btn-row a:hover svg{transform:translate(6px)}.cases{position:relative;height:50vh;height:calc(var(--vh, 1vh) * 50);flex-shrink:0}.cases .cases-navigation{position:absolute;bottom:0;width:100%;display:none;justify-content:space-between;align-items:center;z-index:6;padding:32px;box-sizing:border-box}@media(max-width:768px){.cases .cases-navigation{display:flex}}@media(max-width:425px){.cases .cases-navigation{padding:16px}}.cases .cases-navigation .cases-arrow{background:#0006;height:72px;width:72px;border-radius:100%;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}@media(max-width:425px){.cases .cases-navigation .cases-arrow{height:48px;width:48px}}.cases .cases-navigation .cases-arrow svg{color:#fff;height:28px;width:28px}@media(max-width:425px){.cases .cases-navigation .cases-arrow svg{height:20px;width:20px}}.cases .cases-navigation .cases-arrow.disabled{opacity:.3;pointer-events:none}@media(max-width:768px){.cases .row{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}}.cases .row .case{position:relative;background:#000;cursor:pointer}@media(max-width:768px){.cases .row .case{flex:0 0 100%;scroll-snap-align:start;height:100%}}.cases .row .case:hover .case-image{opacity:.4}.cases .row .case .case-details{width:33.3333vw;height:50vh;height:calc(var(--vh, 1vh) * 50);display:flex;flex-direction:column;justify-content:center;padding:32px;box-sizing:border-box;z-index:1;position:relative}@media(max-width:768px){.cases .row .case .case-details{width:100%;height:50vh;height:calc(var(--vh, 1vh) * 50)}}@media(max-width:425px){.cases .row .case .case-details{padding:16px}}.cases .row .case .case-details span{margin-top:156px;font-size:1.6rem;opacity:.8;color:#fff;font-weight:600}@media(max-width:1366px)and (min-width:769px){.cases .row .case .case-details span{font-size:1.4rem}}@media(max-width:425px){.cases .row .case .case-details span{font-size:1.2rem;line-height:2.2rem}}.cases .row .case .case-details h2{font-size:2.4rem;line-height:3.4rem;width:85%;margin-top:16px;color:#fff}@media(max-width:1366px)and (min-width:769px){.cases .row .case .case-details h2{font-size:2rem;line-height:2.4rem}}@media(max-width:425px){.cases .row .case .case-details h2{font-size:1.7rem;line-height:2.2rem;margin-top:8px}}.cases .row .case .case-image{top:0;left:0;width:100%;height:100%;overflow:hidden;position:absolute;opacity:.65;transition:.4s cubic-bezier(.6,-.05,.1,.99)}.cases .row .case .case-image img{height:100%;width:100%;object-fit:cover}nav{left:0;top:-1px;width:100%;height:100%;z-index:1;display:none;position:fixed;overflow:hidden;background:#fff3d8}nav a{position:relative}nav a:after{content:"";position:absolute;width:0;height:2px;display:block;margin-top:5px;right:0;background:#000;transition:.4s ease}nav a:hover{color:pink}nav a:hover:after{width:100%;left:0;background:#000}nav .nav-columns{transform:translateY(125px);display:flex;padding:0 32px}@media(max-width:654px){nav .nav-columns{flex-direction:column}}@media(max-width:654px)and (max-width:425px){nav .nav-columns{padding:0 16px}}nav .nav-columns .nav-column{width:45%}@media(max-width:654px){nav .nav-columns .nav-column{width:100%}}nav .nav-columns .nav-column:last-child{width:55%}@media(max-width:654px){nav .nav-columns .nav-column:last-child{width:100%}}nav .nav-columns .nav-column .nav-label{margin-bottom:3rem;font-size:1.2rem}@media(max-width:768px){nav .nav-columns .nav-column .nav-label{font-size:1rem;margin-bottom:1.4rem}}@media(max-width:425px){nav .nav-columns .nav-column .nav-label{font-size:.875rem;margin-bottom:1.2rem}}nav .nav-columns .nav-column .nav-infos{display:flex;flex-wrap:wrap}@media(max-width:1024px){nav .nav-columns .nav-column .nav-infos{flex-direction:column}}@media(max-width:654px){nav .nav-columns .nav-column .nav-infos{justify-content:space-between}}nav .nav-columns .nav-column .nav-infos .nav-info{padding:0;width:50%}nav .nav-columns .nav-column .nav-infos .nav-info .nav-info-label{font-weight:600}nav .nav-columns .nav-column .nav-infos .nav-info li{font-weight:300;list-style:none;font-size:1.4rem;margin-bottom:1.2rem}@media(max-width:768px){nav .nav-columns .nav-column .nav-infos .nav-info li{font-size:1.2rem;margin-bottom:1rem}}@media(max-width:425px){nav .nav-columns .nav-column .nav-infos .nav-info li{font-size:1rem;margin-bottom:.875rem}}nav .nav-columns .nav-column .nav-infos .nav-info li a{text-decoration:none;color:#000}nav .nav-columns .nav-column .nav-links{padding:0;margin:0}nav .nav-columns .nav-column .nav-links li{list-style:none;margin-bottom:1.4rem}@media(max-width:425px){nav .nav-columns .nav-column .nav-links li{margin-bottom:1.4rem}}nav .nav-columns .nav-column .nav-links li a{font-weight:600;font-size:2.8rem;text-decoration:none;color:#000}@media(max-width:425px){nav .nav-columns .nav-column .nav-links li a{font-size:2rem}}.blog-links{padding:0;margin:0}.blog-links li{list-style:none;margin-bottom:1.4rem}@media(max-width:425px){.blog-links li{margin-bottom:1.4rem}}.blog-links li a{position:relative;font-weight:600;font-size:1.4rem;text-decoration:none;color:#000}.blog-links li a:after{content:"";position:absolute;width:0;height:2px;display:block;margin-top:5px;right:0;background:#000;transition:.4s ease}.blog-links li a:hover:after{width:100%;left:0;background:#000}@media(max-width:425px){.blog-links li a{font-size:1.4rem}}body,html{visibility:hidden;-webkit-user-select:none;user-select:none;background:#fff;overscroll-behavior:none;margin:0;font-family:Josefin Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:1560px;min-width:1560px;margin:0 auto;height:100%}@media(max-width:1560px){.container{width:1280px;min-width:1280px}}@media(max-width:1366px){.container{width:1080px;min-width:1080px}}@media(max-width:1080px){.container{width:100%;min-width:100%}}.container .row{display:flex;height:100%;padding:0 32px}@media(max-width:425px){.container .row{padding:0 16px}}.container .v-center{align-items:center}.container .space-between{justify-content:space-between}.container-fluid{width:100%;height:100%}.container-fluid .row{display:flex;height:100%}.intro-overlay .top{height:50vh;height:calc(var(--vh, 1vh) * 50);position:absolute;width:100%;z-index:8}.intro-overlay .top .overlay-top{position:absolute;height:100%;width:33.333vw;background:#000;bottom:0;left:0;right:0}@media(max-width:768px){.intro-overlay .top .overlay-top{width:100vw}}.intro-overlay .top .overlay-top:nth-child(2){left:33.333%}@media(max-width:768px){.intro-overlay .top .overlay-top:nth-child(2){display:none}}.intro-overlay .top .overlay-top:nth-child(3){left:66.666%}@media(max-width:768px){.intro-overlay .top .overlay-top:nth-child(3){display:none}}.intro-overlay .bottom{height:50vh;height:calc(var(--vh, 1vh) * 50);position:absolute;bottom:0;width:100%;z-index:8}.intro-overlay .bottom .overlay-bottom{position:absolute;height:100%;width:33.333vw;background:#000;bottom:0;right:66.666%}@media(max-width:768px){.intro-overlay .bottom .overlay-bottom{right:0;width:100vw}}.intro-overlay .bottom .overlay-bottom:nth-child(2){right:33.333%}@media(max-width:768px){.intro-overlay .bottom .overlay-bottom:nth-child(2){width:100vw;top:100%;right:0}}.intro-overlay .bottom .overlay-bottom:nth-child(3){right:0}@media(max-width:768px){.intro-overlay .bottom .overlay-bottom:nth-child(3){width:100vw;top:200%}}.App{z-index:2;transform:translateY(0);position:relative}.page{height:100vh;width:100%;background:#fff}.page .row{display:flex}.blog-page{height:100vh;width:100%;padding:7.5rem 0 4rem;background:#fff}.page.post-page{height:100vh;overflow:hidden;-webkit-user-select:text;user-select:text}.page.post-page .row{align-items:flex-start}.about-page{display:flex;flex-direction:column;justify-content:center}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}