:root{--background: #ffe8b9;--foreground: #1e1e1e;--border-color: #999999;--element-background: #ffffff;--accent-color: #fafafa;--title-color: #777;--img-opacity: 1;--transition-duration: .2s;--box-shadow-color: rgba(0, 0, 0, .15);--font-weight-bold: bolder}[data-theme=light]{--background: #ffe8b9;--foreground: #1e1e1e;--border-color: #999999;--element-background: #ffffff;--accent-color: #fafafa;--title-color: #777;--img-opacity: 1;--transition-duration: .2s;--box-shadow-color: rgba(0, 0, 0, .15);--font-weight-bold: bolder}[data-theme=dark]{--background: #1e1e1e;--foreground: #ffe8b9;--border-color: #dedcd14d;--element-background: #2b2b2b;--accent-color: #444;--title-color: #bbb;--img-opacity: 1;--transition-duration: .2s;--box-shadow-color: rgba(0, 0, 0, .2);--font-weight-bold: 800}html,body{max-width:100vw;-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important;font-family:Sofia Sans,serif}body,button{color:var(--foreground);font-family:Sofia Sans,serif;background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-duration),color var(--transition-duration)}.wrapper{margin:0 auto;max-width:1350px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none;transition:opacity .2s ease 0ms}html,body,div,input,textarea,button,select,a{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:0px}.flex-group{display:flex;align-items:center;gap:1rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{background-color:var(--background)!important;color:var(--foreground)!important;border:2px solid var(--foreground)!important;-webkit-text-fill-color:var(--foreground)!important;-webkit-box-shadow:0 0 0px 1000px var(--background) inset!important}input:autofill{background-color:var(--background)!important;color:var(--foreground)!important;border:2px solid var(--foreground)!important}input.autofilled{background-color:var(--background)!important;color:var(--foreground)!important;border:2px solid var(--foreground)!important}input:focus-visible,input:focus,textarea:focus-visible,textarea:focus{outline:1px solid var(--background)}@media (prefers-color-scheme: dark){html{color-scheme:dark}}.header-container{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 1rem 1.5rem;padding:1rem;position:fixed;width:calc(100% - 2rem);max-width:calc(1350px - 2rem);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f5ead440;border-radius:6px;z-index:2020;transition:background-color .2s ease,border-color .4s ease;border:1px solid;border-color:transparent}.header-container a:hover{opacity:.7}.header-link{font-size:15px}.theme-toggle{display:flex;color:var(--foreground);background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.5rem;border-radius:50%;transition:all .2s ease}.theme-toggle svg{transition:all .2s ease}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle.rotating svg{transform:rotate(360deg)}.content-wrapper{padding-top:calc(74px + 1.5rem)}.home-container,.contact-wrapper{margin:0 2rem 2rem;display:flex;flex-direction:column;gap:2rem}.project-detail{margin:0 2rem 2rem}.projects-container,.project-detail{background:var(--element-background);border:1px solid var(--border-color);box-shadow:0 8px 30px var(--box-shadow-color);border-radius:6px;transition:all .2s ease}.projects-title,.project-title,.contact-title{display:flex;font-size:20px;font-weight:600;padding:1.1rem 1.6rem;background:var(--accent-color);border-bottom:1px solid var(--border-color);border-radius:6px 6px 0 0/6px 6px 0px 0px;justify-content:space-between;align-items:center;transition:all .2s ease}.projects-title span{display:flex;gap:3px;cursor:pointer;font-size:15px;opacity:.7;transition:all .2s ease}.projects-title span:hover{opacity:1}.projects-header{display:flex;justify-content:space-between;padding:.9rem 1.5rem;border-bottom:1px solid var(--border-color);font-size:15px;transition:all .2s ease}.projects-header div{transition:all .2s ease}.projects-header div:hover{opacity:.7}.project-stats{display:flex;gap:1rem}.loading label{color:var(--foreground)!important;font-size:14px;font-weight:600}.project-list{padding:1.4rem}.project-list svg{color:var(--foreground)!important;transition:all .2s ease}.project-item{display:flex;justify-content:space-between;gap:4rem;align-items:center}.folder .container{border-left:solid 1px color-mix(in srgb,var(--foreground) 60%,transparent);padding-left:1rem!important;margin-left:11px!important}.project-stat{font-size:15px;display:flex;align-items:center;gap:.3rem}.status{background-color:transparent!important}.grid-view{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin:.9rem}@media (min-width: 768px){.grid-view{grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem}.loading label,.header-link{font-size:16px}}@media (min-width: 1220px){.grid-view{grid-template-columns:repeat(4,1fr)}}.grid-item{display:flex;flex-direction:column;align-items:flex-start;border-radius:8px;cursor:pointer;border:solid 1px var(--border-color);transition:all .2s ease}.grid-item:hover{box-shadow:0 12px 20px #00000013!important;transform:translate3d(0,-2px,5px)!important}.grid-item:hover .grid-thumb{transform:scale(1.03)}.grid-item.active{transition:none;box-shadow:none;transform:none}.grid-item.active .grid-thumb{transform:scale(1)}.grid-item-appear{opacity:.5;transform:translate(-15px,2px);transition:opacity .25s ease-in-out,transform .45s ease-in-out}.grid-item-appear.appeared{opacity:1;transform:translate(0)}.grid-thumb-container{width:100%;aspect-ratio:1.55;background:var(--accent-color);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:solid 1px var(--border-color);border-radius:8px 8px 0 0/8px 8px 0px 0px;transition:all .2s}.grid-thumb{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.grid-name{font-weight:500;margin:1rem;margin-bottom:0}.grid-views{display:flex;gap:.2rem;font-size:.85rem;opacity:.8;margin:.2rem 1rem .75rem;align-items:center}@media (max-width: 768px){.grid-name{font-size:12px;margin:.6rem .8rem 0rem}.grid-views{font-size:11px;margin:.25rem .8rem .75rem}.grid-views span{margin-top:1px}}.indent{background-color:#adadad!important}.apiStatus{background-color:var(--element-background)!important;transition:all .2s ease}.name{font-size:17px!important;color:var(--foreground)!important;transition:color .2s ease,opacity .1s ease 0ms!important}.extra{color:var(--foreground)!important;transition:all .2s ease}.site-link{font-size:16px;text-decoration:underline}.site-link:hover{opacity:.7}.title-grey{color:var(--title-color);cursor:pointer;transition:all .2s ease}.title-grey:hover{opacity:.7}.project-content{display:flex;justify-content:space-between;flex-direction:column-reverse;gap:1.2rem;padding:2rem}.project-overview{display:flex;flex-direction:column;gap:2rem;padding:0 1rem}.title{font-size:26px;font-weight:600}.project-overview-title{display:none}.like-grow{animation:likePulse 1s ease}@keyframes likePulse{0%{transform:scale(1)}30%{transform:scale(1.4)}70%{transform:scale(.9)}to{transform:scale(1)}}.unlike-wiggle{animation:unlikeShake 1s ease}@keyframes unlikeShake{0%{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}to{transform:rotate(0)}}.project-overview-description{font-size:17px;line-height:1.8;display:flex;flex-direction:column;gap:1rem}.project-overview-description strong{font-style:italic;font-weight:var(--font-weight-bold);transition:all .2s ease}.project-overview-description ul{margin:.5rem 1rem 0}.project-cta{font-size:16px;background:var(--accent-color);width:fit-content;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease}.project-cta:hover{opacity:.8}.project-gallery{display:flex;flex-direction:column;gap:1.2rem}.media-description{font-size:15px;font-style:italic;line-height:1.5;padding:0 1rem}.project-images img{width:100%;height:100%;aspect-ratio:1024 / 546;border:solid 1px var(--border-color);opacity:var(--img-opacity);background:var(--accent-color);border-radius:6px;transition:background-color .2s ease,opacity .3s ease-in-out,filter .3s ease-in-out;cursor:pointer}.project-images.no-link img{cursor:zoom-in}@media (max-height: 915px){.project-images img{aspect-ratio:1024 / 465}}@media (max-width: 1400px){.project-content{flex-direction:row-reverse}.project-overview-description{font-size:16px}.project-images img{aspect-ratio:1024 / 600}}@media (max-width: 1150px){.project-content{flex-direction:column-reverse}}.project-images:hover img{opacity:.95;filter:brightness(.95)}.project-images.no-link:hover img{opacity:1;filter:brightness(1)}.project-images-title{display:none}.services-container{position:relative;background:var(--element-background);border:1px solid var(--border-color);box-shadow:0 8px 30px var(--box-shadow-color);border-radius:6px;transition:all .2s ease;padding-bottom:2rem}.info-button{cursor:pointer;position:absolute;top:1.5rem;right:1.5em;transition:all .2s ease}.info-button:hover{scale:1.1}.tooltip-content{border:solid 1px var(--border-color);background:var(--element-background)!important;color:var(--foreground)!important;box-shadow:0 8px 30px var(--box-shadow-color)!important}.tooltip-content .inner span{border-color:transparent var(--border-color) transparent transparent}.services-container header{text-align:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.services-title{font-size:24px;font-weight:600}.services-subtitle{font-size:17px;font-weight:400;width:55%;margin:auto}.service-cards{display:flex;justify-content:space-evenly;align-items:flex-start;margin:2rem;font-weight:400}.service-card{width:25%;border:solid 1px var(--border-color);border-radius:6px;transition:all .2s ease}.service-card-name{text-align:center;font-size:18px;background-color:var(--accent-color);padding:1.4rem 1rem;border-bottom:solid 1px var(--border-color);border-radius:6px 6px 0 0/6px 6px 0px 0px;transition:all .2s ease}.service-card-content{display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.service-card-description{font-size:16px;line-height:26px;width:100%}.service-card-value{height:75px;border:solid 1px var(--border-color);transition:all .2s ease;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-evenly}.service-cost{display:flex}.static-rating svg{transition:all .2s ease}.cta{width:max-content;margin:auto;display:flex;justify-content:center;align-items:center;padding:1rem;gap:.4rem}.cta a:hover{opacity:.7}.contact-link{width:max-content;display:flex;align-items:center;gap:4px}.arrow-icon{width:0;opacity:0;transform:translate(-10px);transition:all .3s ease;margin-top:1px}.contact-link:hover .arrow-icon{width:20px;opacity:1;transform:translate(0)}.contact-container{background:var(--element-background);border:1px solid var(--border-color);box-shadow:0 8px 30px var(--box-shadow-color);border-radius:6px;transition:all .2s ease}.contact-content{padding:1.4rem}.contact-description{font-size:18px;text-align:center;max-width:580px;margin:1rem auto 3rem}.contact-container input,.contact-container textarea{background:var(--accent-color);color:var(--foreground);border:1px solid var(--border-color);border-radius:6px}.contact-container input{height:50px}.contact-form{margin:2rem 1rem 1rem}.contact-form.no-desc,.contact-form.no-desc .contact-info{margin-top:1rem}.contact-info{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;gap:2rem}.contact-info .form-group{width:50%}.form-group{margin-bottom:1.5rem}.contact-container label{display:block;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.5rem;transition:all .2s}.form-group textarea{min-height:150px;resize:none}.character-count{text-align:left;font-size:.875rem;margin:.25rem}.button-container{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.contact-button{font-size:16px;background:var(--accent-color);width:fit-content;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease;cursor:pointer}.contact-button:hover{opacity:.8}.receipt{position:relative;display:flex;flex-direction:column;background:var(--accent-color);border:solid 1px var(--border-color);padding:1.5rem;gap:.75rem}.receipt h4{font-size:18px;font-weight:600}.receipt-message{background:var(--element-background);padding:1rem;margin-top:.5rem;border-radius:6px;border:solid 1px var(--border-color)}.small-print{font-size:14px;margin-top:.5rem;font-style:italic;transition:all .2s ease}.small-print a:hover{text-decoration:underline;opacity:.7}.receipt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.download-button{display:flex;background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;align-items:center;transition:all .2s ease}.download-button:hover{opacity:.85}.policy-content{padding:1.4rem;font-size:16px;line-height:1.7;transition:color .2s,background-color .2s}.policy-content ol,.policy-content ul{margin-top:.5rem;margin-bottom:1rem;padding-left:1.2rem}.policy-content ol{list-style-type:circle;margin-bottom:1rem}.policy-content ul{list-style-type:decimal}.policy-content li{margin-bottom:.45em;padding-left:.2em}.policy-content strong{font-weight:bolder;color:var(--foreground);transition:color .2s}.policy-content p{margin-bottom:1.2em}@media (max-width: 768px){.policy-content{font-size:13px;padding:1rem;line-height:1.75}.policy-content ol,.policy-content ul{margin-left:.5rem;padding-left:.5rem}.policy-content p{margin-bottom:.5em}}footer{display:flex;justify-content:space-between;padding:2rem}footer a:hover{opacity:.7}@media (max-width: 1830px){.tooltip-content{width:max-content!important;font-size:14px}.tooltip-content .cta{margin-top:0}}@media (max-width: 1220px){.service-cost svg{width:16px}.static-rating svg{width:16px}.service-card-value{height:60px}.service-card-content{gap:1.5rem}.service-card-name{font-size:17px}.service-card{width:26%}.service-card-description{font-size:15px}}@media (max-width: 1000px){.service-cards{flex-direction:column;gap:1.5rem;margin:1.5rem}.service-card{width:80%;margin:auto}.service-card-description{font-size:16px}.services-container header{padding:2rem 1.5rem 1.5rem}}@media (max-width: 768px){.header{margin:.6rem;margin-bottom:.4rem!important;font-size:26px}.header-container{margin:0;margin-bottom:1rem;width:100%;border-radius:0;border-left-width:0px;border-right-width:0px;border-top-width:0px}.content-wrapper{padding-top:calc(74px + .5rem)}.project-content,.project-list{padding:.95rem .95rem 1.5rem}.home-container,.project-detail,.contact-wrapper{margin:0 .6rem 1.5rem;gap:1.5rem}.projects-header{padding:.7rem 1.2rem;font-size:14px}.projects-title,.project-title,.contact-title{font-size:14px;padding:.9rem}.projects-title span{font-size:13px}.project-item{gap:1rem}.site-link{font-size:14px;text-decoration:underline}.project-stats{gap:.5rem}.project-stat{font-size:13px}.project-stat svg{width:14px;height:14px}.name{font-size:15px!important}.project-content{flex-direction:column-reverse;gap:1rem}.project-overview{width:100%;gap:1rem;padding:0 .3rem}.title{font-size:18px}.project-overview-title{display:none}.project-overview-description{font-size:13px;line-height:1.7}.project-cta{font-size:16px;padding:.4rem .7rem}.project-images img{object-fit:cover;aspect-ratio:1024 / 730}.project-images-title{display:contents}.project-gallery{width:100%;gap:.6rem}.media-description{font-size:12px;line-height:1.7;padding:0 .3rem}.services-container{padding-bottom:1rem}.info-button{top:1rem;right:1rem}.info-button .tooltip svg{width:20px;height:20px}.services-container header{gap:.75rem;padding:2rem 1.7rem 1.7rem;text-align:start}.services-title{font-size:16px}.services-subtitle{font-size:13px;line-height:21px;width:100%}.service-cards{margin:.5rem;flex-direction:column;gap:2rem}.service-card{width:90%;margin:auto}.service-card:hover{transform:none}.service-card-name{font-size:16px;padding:1rem .8rem}.service-card-content{gap:1rem;padding:1.3rem}.service-card-description{font-size:13px;line-height:1.7}.service-card-value{height:60px}.cta{margin-top:1rem;font-size:14px}.contact-content{padding:1.1rem;font-size:14px}.contact-description{text-align:start;font-size:14px;line-height:1.7;margin:0rem auto 1rem}.contact-info{margin-top:1rem;gap:1rem}.contact-form.no-desc,.contact-form.no-desc .contact-info{margin-top:0}.contact-form{margin:0}.contact-container label{font-size:14px}.contact-container input{height:44px}.button-container{margin-top:1rem}.contact-button{font-size:14px;padding:.4rem .7rem}.receipt{padding:1rem;gap:.5rem;font-size:14px}.receipt h4{font-size:16px}.receipt-message{padding:.8rem}.small-print{font-size:12px}footer{font-size:14px}}.pulse-animation{animation:pulse 1s ease-in-out forwards}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.skeleton-image{width:100%;height:180px;background:#e0e0e0;border-radius:8px;animation:shimmer 1.5s infinite linear}.skeleton-text{width:100%;height:20px;background:#e0e0e0;border-radius:4px;animation:shimmer 1.5s infinite linear}.skeleton-text.short{width:60%}@keyframes shimmer{0%{background-position:100%}to{background-position:-100%}}.skeleton-image,.skeleton-text{background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5,#e0e0e0 75%);background-size:200% 100%}
