*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a{text-decoration:none}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}ul{margin:0;padding:0;list-style-type:none}li{list-style-type:none}:root{--ci-cream: #f9f4eb;--ci-white: #ffffff;--ci-black: #000000;--ci-black-60: #0009;--ci-yellow: #ffe32e;--ci-pink: #ffd2f3;--ci-violet: #e5daf6;--ci-beige: #f0ece5;--ci-peach: #fcdca6;--ci-lemon: #fef280;--color: var(--ci-black);--color-bg: var(--ci-cream);--color-beige: var(--ci-beige);--color-accent-peach: var(--ci-peach);--color-accent-pink: var(--ci-pink);--color-accent-violet: var(--ci-violet);--color-accent: var(--ci-yellow);--font-family-normal: "font-normal-medium", -apple-system, blinkmacsystemfont, avenir next, avenir, segoe ui, helvetica neue, helvetica, cantarell, ubuntu, roboto, noto, arial, sans-serif;--font-family-narrow: "font-narrow-semibold", arial narrow fallback, -apple-system, blinkmacsystemfont, avenir next, avenir, segoe ui, helvetica neue, helvetica, cantarell, ubuntu, roboto, noto, arial, sans-serif;--font-family-mono: "font-mono-medium", menlo, consolas, monaco, liberation mono, lucida console, monospace;--font-size-h1: clamp(5rem, -.0556rem + 11.5556vi, 11.5rem);--font-size-h2: clamp(2rem, 1.0278rem + 2.2222vi, 3.25rem);--font-size-h3: clamp(1.375rem, 1.0833rem + .6667vi, 1.75rem);--font-size-p1: clamp(1rem, .9028rem + .2222vi, 1.125rem);--font-size-p2: clamp(.75rem, .1667rem + 1.3333vi, 1.5rem);--size-48: clamp(2rem, 1.2222rem + 1.7778vi, 3rem);--size-64: clamp(2.5rem, 1.3333rem + 2.6667vi, 4rem);--size-80: clamp(3rem, 1.4444rem + 3.5556vi, 5rem);--size-96: clamp(4rem, 2.4444rem + 3.5556vi, 6rem);--size-120: clamp(5rem, 3.0556rem + 4.4444vi, 7.5rem);--size-144: clamp(6rem, 3.6667rem + 5.3333vi, 9rem);--z-index-header: 10;--card-aspect: 382 / 528;--header-height: 3.75rem;--swup-blue-darker: var(--ci-black)}@media (width <= 768px){:root{--header-height: 3.25rem}}:root{font-family:var(--font-family-normal);line-height:1.5;font-weight:500;color-scheme:light dark;color:var(--color);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color)}::selection{color:var(--ci-peach)}.menu{background-color:#0000;border-style:none;margin:0;padding:0;max-width:none;max-height:none;position:fixed;inset:0%;overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:2rem;user-select:none;-webkit-user-select:none;opacity:0;transition:opacity .3s ease-out,overlay .3s ease-out allow-discrete,display .3s ease-out allow-discrete}.menu .menu__header{position:relative;z-index:1;width:min(1200px,94%);margin-inline:auto;display:flex;justify-content:flex-end;padding-top:1.5rem}.menu .menu__btn{all:unset;display:inline-block;text-transform:uppercase;padding:.5rem 1rem;background:var(--ci-cream);color:var(--ci-black);border-radius:999px}.menu .menu__content{position:relative;z-index:1;width:min(1200px,94%);margin-inline:auto;background:var(--ci-beige);border-radius:1rem;padding-bottom:var(--size-80);transform:translateY(100%);transition:transform .2s}.menu .menu__grab{width:100%;height:var(--size-64);text-align:center}.menu .menu__grab-inner{height:100%}.menu .menu__grab-bar{background:#b1b1b1;display:inline-block;width:3rem;height:6px;border-radius:999px}.menu .menu__nav{margin-top:1rem}.menu .menu__lists{display:flex;flex-direction:column;gap:calc(var(--size-48) * .4);align-items:center}.menu .menu__link{background:var(--ci-white);padding:.5rem 1rem;border-radius:2px;text-transform:uppercase;display:inline-block;font-size:1.2rem}.menu .menu__link.active{background:var(--ci-black);color:var(--ci-beige);border-radius:999px}.menu[open]{opacity:1}.menu:not([open]){pointer-events:none}.menu::backdrop{background-color:color-mix(in hsl,var(--color),transparent 82%);transition:opacity .3s ease-out,overlay .3s ease-out allow-discrete,display .3s ease-out allow-discrete;backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);opacity:0;user-select:none;-webkit-user-select:none}.menu[open] .menu__content{transform:translateY(0)}.menu[open]::backdrop{opacity:1}.menu .menu__backdrop{all:unset;position:absolute;inset:0}@starting-style{.menu[open]{opacity:0}.menu[open]::backdrop{opacity:0}.menu[open] .menu__content{transform:translateY(100%)}}html:has(dialog[open]){height:100vh;overflow:hidden}.header{position:sticky;top:0;z-index:var(--z-index-header);width:100%;text-transform:uppercase;padding-top:1.5rem}.header .header__inner{width:min(1200px,94%);margin-inline:auto;display:flex;justify-content:space-between;align-items:center}.header .header__title-link{font-size:1rem;color:var(--ci-beige);background:var(--ci-black);border-radius:2px;padding:.5rem 1rem;display:grid;place-items:center;display:inline-block;line-height:1.5}.header .header__link{padding:.5rem .7rem;background:var(--ci-beige);border-radius:2px;display:inline-block}.header .header__lists{display:flex;gap:1rem}.header .header__list.active .header__link{border-radius:999px;background:var(--ci-black);color:var(--ci-beige);pointer-events:none;border:1px solid var(--ci-beige);paint-order:fill}.header .header__info-text{background:var(--ci-beige);border-radius:2px;padding:.5rem 1rem}.header .header__menu{display:none}.header .header__menu-btn{all:unset;color:var(--ci-black);background:var(--ci-beige);padding:.5rem 1rem}@media (width <= 768px){.header .header__nav,.header .header__info{display:none}.header .header__menu{display:block}}.hero{min-height:calc(100vh - var(--header-height));padding-block:3rem}.hero .hero__inner{height:100%;display:flex;flex-direction:column;justify-content:space-between}.hero .hero__header{font-size:var(--font-size-h1);font-weight:700;text-align:center}.hero .hero__cards{display:flex;justify-content:center;gap:1rem;padding-block:var(--size-120);perspective:1000px}.hero .card__wrapper{position:relative;width:min(110px,30%);aspect-ratio:var(--card-aspect);transform-style:preserve-3d;z-index:3}.hero .card__wrapper:nth-child(2){z-index:2}.hero .card__wrapper:nth-child(3){z-index:1}.hero .card{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:.5rem;border-radius:.75rem;padding:.75rem;transform-style:preserve-3d;content-visibility:auto}.hero .card_cover{position:absolute;inset:0;background:var(--ci-cream);opacity:0}.hero .card__title{display:flex;justify-content:space-between}.hero .card__title:nth-child(2){transform:rotate(180deg);flex-direction:row-reverse}.hero #hero-card-1{background:var(--ci-violet)}.hero #hero-card-2{background:var(--ci-pink)}.hero #hero-card-3{background:var(--ci-peach)}.hero .hero__content{position:relative;display:grid;grid-template-columns:repeat(12,1fr);font-size:var(--font-size-h3);width:90%;margin-inline:auto;align-items:end}.hero .hero__description{grid-column:span 6}.hero .hero__footer{font-size:.8rem;grid-column:10 / 12;text-align:right;font-family:var(--font-family-mono)}.about{position:relative;display:grid;place-items:center;height:100vh;background:var(--ci-black);color:var(--ci-cream)}.service .service__container{position:relative;height:450vh;contain:paint}.service .service__inner{position:sticky;top:0;min-height:100vh;display:flex;flex-direction:column;justify-content:space-around;padding-top:calc(var(--size-96) + 2rem);width:min(90%,1200px);margin-inline:auto}@media (width <= 768px){.service .service__inner{position:relative}}.service .service__header,.service .service__cards,.service .service__footer{transform:translateY(calc(3rem * (1 - var(--progress))))}.service .service__header{display:flex;flex-direction:column-reverse;font-size:var(--font-size-p2)}.service .service__header>p{width:min(100%,500px)}@media (width >= 768px){.service .service__header{flex-direction:row-reverse;justify-content:space-between}}.service .service__cards{padding-block:var(--size-96) var(--size-64)}.service .service__card-cover{background:var(--ci-cream);position:absolute;inset:0;z-index:4}.service .service__title{font-size:calc(var(--font-size-p2) * 1.2);font-weight:500;margin-top:1.5rem}.service .service__card-list{display:flex;gap:var(--size-64);justify-content:center;perspective:1000px}@media (width <= 768px){.service .service__card-list{flex-direction:column;align-items:center}}.service .service__footer{text-align:center;padding-bottom:var(--size-64)}.service .service__card-wrapper{width:100%;aspect-ratio:var(--card-aspect);max-width:300px;transform-style:preserve-3d}.service .service__card-wrapper:nth-child(1){z-index:3}.service .service__card-wrapper:nth-child(2){z-index:2}.service .card{position:relative;aspect-ratio:var(--card-aspect);flex:1;transform-style:preserve-3d}.service .card__title{display:flex;justify-content:space-between}.service .card__title:last-child{flex-direction:row-reverse;transform:rotate(180deg)}.service #service-card-1 .card__front{background:var(--ci-violet)}.service #service-card-2 .card__front{background:var(--ci-pink)}.service #service-card-3 .card__front{background:var(--ci-peach)}.service .card__front,.service .card__back{position:absolute;top:0;left:0;width:100%;height:100%;padding:1.5rem 2rem;display:flex;flex-direction:column;justify-content:space-between;border-radius:1.5rem;backface-visibility:hidden}.service .card__back{background:var(--ci-white);transform:rotateY(180deg)}@keyframes identifier{}.height{display:grid;place-items:center;height:100vh;width:min(90%,500px);margin-inline:auto;font-size:1.5vw}html.is-changing .transition-main{transition:transform .4s ease-in-out}html.is-animating.is-leaving .transition-main{transform:translateY(calc(1 * 5vh * var(--overlay-direction, 1)))}html.is-animating.is-rendering .transition-main{transform:translateY(calc(-1 * 5vh * var(--overlay-direction, 1)))}.transition-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background-color:var(--swup-blue-darker);opacity:0;transform:translate3d(0,calc(-1 * 100% * var(--overlay-direction, 1)),0);pointer-events:none}@media (width <= 768px){.transition-overlay{width:100vw;height:100vh}}html.is-changing .transition-overlay{transition:transform .4s ease-in-out;opacity:1}html.is-animating .transition-overlay{transform:translateZ(0)}html.is-rendering .transition-overlay{transform:translate3d(0,calc(var(--overlay-direction, 1) * 100%),0)}
