@charset "UTF-8";@font-face{font-family:inter;src:url(/_astro/Inter.c8O0ljhh.ttf);src:url(/_astro/Inter.c8O0ljhh.ttf) format("embedded-opentype"),url(/_astro/Inter.c8O0ljhh.ttf) format("truetype")}html{scroll-behavior:smooth}body{padding:0;margin:0;font-family:inter,helvetica,sans-serif}h1{margin:0;font-weight:600}@media (min-width: 850px){h1{font-size:48px}}.subtitle{margin:0;font-size:24px;font-weight:400}h2{font-size:18px;font-weight:600}@media (min-width: 850px){h2{font-size:24px}}p,span{font-size:16px;font-weight:400}@media (min-width: 850px){p,span{font-size:24px}}a{color:#000!important;text-decoration:underline}a:hover{text-decoration:underline}ul{list-style:none;padding-left:0;font-size:16px;font-weight:400}@media (min-width: 850px){ul{font-size:24px}}ul li{position:relative;padding-left:20px;line-height:1.6;margin-bottom:20px}ul li:before{content:"•";position:absolute;left:0;top:0}header .blog{margin:42px 0;display:flex;justify-content:center}header .logo{position:absolute;top:calc(30vh - 27px);right:calc(50vw - 40.5px);width:81px;height:54px}@media (min-width: 850px){header .logo{position:absolute;top:150px;right:calc(30vw - 82.5px);width:165px;height:109px}}header .logo.blog{position:unset;right:50vw}header nav{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}main{display:flex;flex-direction:column}section{display:flex;flex-direction:column-reverse;flex-wrap:wrap}@media (min-width: 850px){section{flex-direction:row;height:auto;align-items:stretch}}section:not(:first-child){margin-top:40px}@media (min-width: 850px){section.reverse{flex-direction:row-reverse;height:auto}}section .image-container{height:30vh;width:100vw;overflow:hidden}@media (min-width: 850px){section .image-container{width:30vw;height:100vh}}section .image-container img{width:100%;height:100%;object-fit:cover;object-position:top}section .image-container.projectteam img{object-position:bottom}section .image-container.work img{object-position:center}@media (min-width: 850px){section .image-container.imprint,section .image-container.privacy{position:fixed;right:0;z-index:-100;width:30vw;height:100vh}}section .content-container{min-height:70vh;display:flex;flex-direction:column}@media (min-width: 850px){section .content-container{width:70vw;height:calc(100% - 180px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}}section .content-container>div{display:flex;flex-direction:column;margin:0 40px}@media (min-width: 850px){section .content-container>div{padding:0 120px;box-sizing:border-box;width:100%}}@media (min-width: 1800px){section .content-container>div{padding:0 200px}}section .content-container>div .section-link-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;gap:10px}@media (min-width: 850px){section .content-container>div .section-link-container{justify-content:left;flex-direction:row}}section .content-container>div .section-link{width:200px;height:50px;border-radius:5px;background-color:#1a1f18;align-content:center;text-align:center;transition:transform .5s cubic-bezier(.25,1,.5,1),background-color .1s ease}section .content-container>div .section-link:hover{background-color:adjust(#1A1F18,-10%);transform:scale(1.02)}section .content-container>div .section-link span{font-size:16px;color:#fff}section .content-container.start{justify-content:center}section .content-container.start div{gap:40px}section .content-container.why{margin-bottom:200px}section .content-container.imprint{margin-top:60px}@media (min-width: 850px){section .content-container.imprint{margin-top:180px}}section .content-container.privacy{margin-top:60px}@media (min-width: 850px){section .content-container.privacy{margin-top:180px}}#services .subtitle{font-size:16px;font-weight:400}@media (min-width: 850px){#services .subtitle{font-size:18px;font-weight:600}}#services .card-grid{display:grid;grid-template-columns:1fr;max-width:100%;gap:20px;padding:20px 0}@media (min-width: 850px){#services .card-grid{grid-template-columns:repeat(2,1fr)}}#services .card-grid .card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:30px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .3s,box-shadow .3s}#services .card-grid .card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}#services .card-grid .card .icon{display:flex;font-size:40px;margin-bottom:15px}#services .card-grid .card h3{text-align:left;margin:0 0 10px;font-size:18px}#services .card-grid .card p{text-align:left;font-size:16px}.project-feature{display:flex;justify-content:center;margin:40px 0}@media (min-width: 850px){.project-feature{margin-top:100px}}.project-feature .circle-container{position:relative;width:300px;height:300px}@media (min-width: 850px){.project-feature .circle-container{width:400px;height:400px}}.project-feature .circle-container .center-circle{position:absolute;width:120px;height:120px;background-color:#fff;border-radius:50%;box-shadow:0 4px 8px #0003;display:flex;justify-content:center;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%)}.project-feature .circle-container .center-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover}.project-feature .circle-container .orbit{position:absolute;width:100%;height:100%;border:dotted black 3px;border-radius:100%}.project-feature .circle-container .item{position:absolute;width:60px;height:60px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%);transition:transform .3s ease,box-shadow .3s ease}@media (min-width: 850px){.project-feature .circle-container .item{width:70px;height:70px}}.project-feature .circle-container .item:hover{box-shadow:0 8px 16px #0003}.project-feature .circle-container .item img{width:100%;height:100%;border-radius:50%;object-fit:cover;transform-origin:center center}.project-feature .circle-container .orbit .item:nth-child(1){top:50%;left:50%;transform:translate(-50%,-50%) translateY(-150px)}@media (min-width: 850px){.project-feature .circle-container .orbit .item:nth-child(1){transform:translate(-50%,-50%) translateY(-200px)}}.project-feature .circle-container .orbit .item:nth-child(2){top:50%;left:50%;transform:translate(-50%,-50%) rotate(36deg) translateY(-150px) rotate(-36deg)}@media (min-width: 850px){.project-feature .circle-container .orbit .item:nth-child(2){transform:translate(-50%,-50%) rotate(36deg) translateY(-200px) rotate(-36deg)}}.project-feature .circle-container .orbit .item:nth-child(3){top:50%;left:50%;transform:translate(-50%,-50%) rotate(72deg) translateY(-150px) rotate(-72deg)}@media (min-width: 850px){.project-feature .circle-container .orbit .item:nth-child(3){transform:translate(-50%,-50%) rotate(72deg) translateY(-200px) rotate(-72deg)}}.project-feature .circle-container .orbit .item:nth-child(4){top:50%;left:50%;transform:translate(-50%,-50%) rotate(108deg) translateY(-150px) rotate(-108deg)}@media (min-width: 850px){.project-feature .circle-container .orbit .item:nth-child(4){transform:translate(-50%,-50%) rotate(108deg) translateY(-200px) rotate(-108deg)}}.project-feature .circle-container .orbit .item:nth-child(5){top:50%;left:50%;transform:translate(-50%,-50%) rotate(144deg) translateY(-150px) rotate(-144deg)}@media (min-width: 850px){.project-feature .circle-container .orbit .item:nth-child(5){transform:translate(-50%,-50%) rotate(144deg) translateY(-200px) rotate(-144deg)}}.project-feature .circle-container .orbit .item:nth-child(6){top:50%;left:50%;transform:translate(-50%,-50%) rotate(180deg) translateY(-150px) rotate(-180deg)}@media (min-width: 850px){.project-feature .circle-container .orbit .item:nth-child(6){transform:translate(-50%,-50%) rotate(180deg) translateY(-200px) rotate(-180deg)}}.project-feature .circle-container .orbit .item:nth-child(7){top:50%;left:50%;transform:translate(-50%,-50%) rotate(216deg) translateY(-150px) rotate(-216deg)}@media (min-width: 850px){.project-feature .circle-container .orbit .item:nth-child(7){transform:translate(-50%,-50%) rotate(216deg) translateY(-200px) rotate(-216deg)}}.project-feature .circle-container .orbit .item:nth-child(8){top:50%;left:50%;transform:translate(-50%,-50%) rotate(252deg) translateY(-150px) rotate(-252deg)}@media (min-width: 850px){.project-feature .circle-container .orbit .item:nth-child(8){transform:translate(-50%,-50%) rotate(252deg) translateY(-200px) rotate(-252deg)}}.project-feature .circle-container .orbit .item:nth-child(9){top:50%;left:50%;transform:translate(-50%,-50%) rotate(288deg) translateY(-150px) rotate(-288deg)}@media (min-width: 850px){.project-feature .circle-container .orbit .item:nth-child(9){transform:translate(-50%,-50%) rotate(288deg) translateY(-200px) rotate(-288deg)}}.project-feature .circle-container .orbit .item:nth-child(10){top:50%;left:50%;transform:translate(-50%,-50%) rotate(324deg) translateY(-150px) rotate(-324deg)}@media (min-width: 850px){.project-feature .circle-container .orbit .item:nth-child(10){transform:translate(-50%,-50%) rotate(324deg) translateY(-200px) rotate(-324deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.work-feature{display:flex;justify-content:center;margin:80px 0 40px}@media (min-width: 850px){.work-feature{margin:80px 0 40px 90px;justify-content:left}}.work-feature .card-fan{position:relative;width:230px;height:160px;transition:transform .3s ease}@media (min-width: 850px){.work-feature .card-fan{width:400px;height:300px}}.work-feature .card{position:absolute;width:100%;height:100%;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:1.2rem;color:#fff;text-decoration:none;transform-origin:bottom center;background:#ddd;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .3s ease,box-shadow .3s ease}.work-feature .card:nth-child(1){transform:rotate(-20deg)}.work-feature .card:nth-child(2){transform:rotate(-10deg)}.work-feature .card:nth-child(3){transform:rotate(0)}.work-feature .card:nth-child(4){transform:rotate(10deg)}.work-feature .card:nth-child(5){transform:rotate(20deg)}.work-feature .card-fan:hover{transform:scale(1.05)}.work-feature .card-fan:hover .card:nth-child(1){transform:rotate(-22deg) scale(1.02)}.work-feature .card-fan:hover .card:nth-child(2){transform:rotate(-12deg) scale(1.02)}.work-feature .card-fan:hover .card:nth-child(3){transform:rotate(0) scale(1.02)}.work-feature .card-fan:hover .card:nth-child(4){transform:rotate(12deg) scale(1.02)}.work-feature .card-fan:hover .card:nth-child(5){transform:rotate(22deg) scale(1.02)}footer{display:flex;width:100vw;justify-content:space-evenly;font-size:12px;color:#1e1e1e;margin-top:-30px}@media (min-width: 850px){footer{width:70vw}}footer span{font-size:12px}