body{margin:0;padding:0;height:100vh;display:flex;align-items:center;justify-content:center;background:#fff!important;overflow:hidden;font-family:Outfit,sans-serif}.image-container{position:absolute;top:50%;left:50%;display:inline-block;max-width:50vw;z-index:10;transform:translate(-50%,-50%) scale(.1) rotate(0);will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;animation:spinAndGrow 1.4s cubic-bezier(.34,1.56,.64,1) forwards,floatPulse 2.5s ease-in-out 1.5s infinite}@keyframes spinAndGrow{0%{transform:translate(-50%,-50%) scale(.1) rotate(0)}80%{transform:translate(-50%,-50%) scale(2.05) rotate(1800deg)}90%{transform:translate(-50%,-50%) scale(1.9) rotate(1800deg)}to{transform:translate(-50%,-50%) scale(2) rotate(1800deg)}}@keyframes floatPulse{0%,to{transform:translate(-50%,-50%) scale(2) rotate(1800deg)}50%{transform:translate(-50%,-52%) scale(2.05) rotate(1800deg)}}.hyper-spin{animation:hyperSpin .7s cubic-bezier(.7,0,.84,0) forwards!important}@keyframes hyperSpin{0%{transform:translate(-50%,-50%) scale(2) rotate(1800deg)}to{transform:translate(-50%,-50%) scale(50) rotate(2880deg);opacity:0}}.base-image{display:block;width:100%;max-width:30vw;min-width:15vw;height:auto;position:relative;z-index:2}.screen-blur{position:fixed;top:0;left:0;width:100vw;height:100vh;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:5;pointer-events:none;opacity:1;transition:opacity .8s ease,backdrop-filter .8s ease}.screen-blur.hidden{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}@media(max-width:768px){.screen-blur{transition:opacity .2s ease,backdrop-filter .2s ease}}.locked-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:auto;pointer-events:none;z-index:1}.background-vector{position:fixed;top:50%;right:70%;transform:translateY(-50%);width:clamp(250px,35vw,544px);height:auto;z-index:1;pointer-events:none;opacity:0;filter:blur(40px);animation:revealVector 1.2s cubic-bezier(.16,1,.3,1) 1.9s forwards}@keyframes revealVector{0%{opacity:0;filter:blur(40px);transform:translate(-40px,-40px) translateY(-50%) scale(.85)}20%{opacity:.2}to{opacity:1;filter:blur(0);transform:translate(0) translateY(-50%) scale(1)}}@keyframes revealMobile{0%{opacity:0;filter:blur(20px)}to{opacity:1;filter:blur(0)}}.loader-text{position:fixed;top:50%;left:75%;transform:translateY(-50%);color:#494944;font-family:Satoshi-Bold,sans-serif;font-size:clamp(50px,8vw,110px);font-weight:900;z-index:1;pointer-events:none;opacity:0;filter:blur(40px);animation:revealVector 1.2s cubic-bezier(.16,1,.3,1) 1.9s forwards}@media(max-width:768px){.base-image,.loader-text,.background-vector{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important}.screen-blur{backdrop-filter:blur(.8px)!important;-webkit-backdrop-filter:blur(.8px)!important;z-index:20!important;opacity:1!important;transition:none!important}.image-container{position:fixed!important;left:50%!important;top:50%!important;width:42vmin!important;height:auto!important;max-width:none!important;max-height:none!important;z-index:30!important;animation:spinAndGrow 1.1s cubic-bezier(.34,1.56,.64,1) forwards,floatPulse 2.2s ease-in-out 1.2s infinite!important}.base-image{width:42vmin!important;height:auto!important;max-width:none!important;max-height:none!important}.background-vector{margin-top:-50vmin!important;width:35vmin!important;z-index:1!important;opacity:0;animation:revealMobile .5s ease-out .6s forwards!important;display:block;filter:blur(8px)}.loader-text{margin-top:50vmin!important;font-size:8vmin!important;color:#494944;z-index:1!important;opacity:0;animation:revealMobile .4s ease-out .7s forwards!important;display:block;filter:blur(5px)}.hyper-spin{animation:hyperSpin .5s cubic-bezier(.7,0,.84,0) forwards!important}}@media(min-width:769px){.card-overlay{display:none!important}}.main-nav{position:fixed;top:0;left:0;width:100%;padding:3vh 5vw;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;z-index:10001;transform:translateY(-100%);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.main-nav.visible{transform:translateY(0)}.nav-logo-icon{height:9vmin;width:auto;display:block}.nav-logo-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:8vmin;width:auto}.burger-menu{width:3.5vmin;height:2.2vmin;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.burger-menu span{display:block;width:100%;height:12%;background-color:#494944;border-radius:4px;transition:all .4s cubic-bezier(.16,1,.3,1);transform-origin:center}.burger-menu.open span:nth-child(1){transform:translateY(1vmin) rotate(45deg)}.burger-menu.open span:nth-child(2){opacity:0;transform:translate(-20px)}.burger-menu.open span:nth-child(3){transform:translateY(-1vmin) rotate(-45deg)}@media(max-width:768px){.burger-menu.open span:nth-child(1){transform:translateY(2.5vmin) rotate(45deg)}.burger-menu.open span:nth-child(3){transform:translateY(-2.5vmin) rotate(-45deg)}}@media(max-width:768px){.main-nav{padding:2.5vh 5vw}.nav-logo-icon{height:12vw}.nav-logo-text{display:none!important}.burger-menu{width:8vmin;height:5.5vmin}}.image-grid{position:fixed;top:14vh;left:0;width:100vw;height:88vh;display:none;z-index:900;flex-direction:row;overflow:hidden}.image-grid.active{display:flex!important}.grid-column{flex:1;height:100%;position:relative;overflow:hidden;cursor:pointer;transform:translateY(-200%);transition:all .5s cubic-bezier(.16,1,.3,1)}@media(min-width:769px){.grid-column{transition:all .5s cubic-bezier(.16,1,.3,1),flex .4s ease}.grid-column:hover{flex:1.5}}.desktop-only-img{width:100%;height:100%;object-fit:cover;display:block}.grid-column.fall{animation:dropIn .5s cubic-bezier(.25,1,.5,1) forwards}@keyframes dropIn{0%{transform:translateY(-200%)}to{transform:translateY(0)}}.grid-column .card-overlay,.grid-column .expanded-content{display:none!important}@media(max-width:768px){.desktop-info-container{display:none!important}}@media(min-width:769px){.desktop-info-container{position:absolute;bottom:3vh;left:0vw;right:3vw;z-index:10;pointer-events:none;display:flex;flex-direction:column-reverse;align-items:flex-start}.desktop-title{color:#fff;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5);font-family:Satoshi-Bold,sans-serif;padding:1rem}.desktop-hover-description{color:#fff;max-height:0;overflow:hidden;opacity:0;transition:all .4s cubic-bezier(.16,1,.3,1);padding:0 1rem;border-radius:.5rem}.desktop-hover-description p{font-size:clamp(.9rem,1.5vw,1.1rem);line-height:1.6;margin:0;padding:1rem 0;text-shadow:0 2px 8px rgba(0,0,0,.8)}.grid-column:hover .desktop-hover-description{max-height:200px;opacity:1;padding:0 1rem}.grid-column:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 25%,transparent 40%);pointer-events:none;z-index:5;opacity:0;transition:opacity .4s ease}.grid-column:hover:after{opacity:1}}@media(max-width:768px){.image-grid{flex-direction:column!important;left:50%!important;transform:translate(-50%)!important;width:95vw!important;height:84vh!important;top:10vh!important;gap:12px!important;padding:10px 0 100px!important;overflow-y:auto!important;background:transparent!important;scrollbar-width:none;-ms-overflow-style:none}.image-grid::-webkit-scrollbar{display:none}.grid-column{flex:none!important;width:100%!important;height:100px!important;border-radius:26px!important;box-shadow:none!important;background-size:cover!important;background-position:center!important;background-color:transparent!important;transform:translateY(60px);opacity:0;transition:height .4s cubic-bezier(.16,1,.3,1)!important}@keyframes mobileCardEnter{to{opacity:1;transform:translateY(0)}}.grid-column.fall{animation:mobileCardEnter .8s cubic-bezier(.16,1,.3,1) forwards!important}.grid-column:nth-child(1){background-image:url(/clinic-hero.png)!important}.grid-column:nth-child(2){background-image:url(/roofer-hero.png)!important}.grid-column:nth-child(3){background-image:url(/hvac-hero.png)!important}.grid-column:nth-child(4){background-image:url(/Rectangle%2010.png)!important}.grid-column.active-card{height:420px!important}.desktop-only-img{display:none!important}.grid-column .card-overlay{display:flex!important;position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 40%),#0000004d!important;padding:24px;flex-direction:column;color:#fff}.mobile-content-wrapper{display:flex;flex-direction:column;height:100%;position:relative}.mobile-card-title{font-size:2.2rem;font-weight:700;margin:0;line-height:1.1;font-family:Satoshi-Bold,sans-serif;transition:font-size .4s cubic-bezier(.16,1,.3,1)}.grid-column.active-card .mobile-card-title{font-size:3.5rem}.mobile-expanded-details{display:flex;flex-direction:column;overflow:hidden;margin-top:16px;opacity:0;max-height:0;filter:blur(12px);transform:scale(.92) translateY(8px);top:50%;transition:max-height .6s cubic-bezier(.16,1,.3,1),opacity .5s ease .1s,filter .5s ease .1s,transform .5s cubic-bezier(.16,1,.3,1) .1s}.mobile-expanded-details.expanded{opacity:1;max-height:500px;filter:blur(0);transform:scale(1) translateY(0);flex:1}.mobile-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:auto}.mobile-tag-pill{padding:8px 16px;border:1.5px solid rgba(255,255,255,.9);background:transparent;border-radius:999px;font-size:.85rem;font-weight:500;color:#fff}.mobile-description{font-size:14px;line-height:1.4;color:#fff;margin:0;flex:1}.mobile-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px}.mobile-action-btn{width:64px;height:64px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;border:none;box-shadow:0 4px 12px #0003;cursor:pointer;flex-shrink:0}}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fffffff5;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .4s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menu-overlay.open{opacity:1;pointer-events:auto}.menu-links{display:flex;flex-direction:column;gap:2rem;text-align:center}.menu-link{font-family:Satoshi-Bold,sans-serif;font-size:2.5rem;color:#1c1917;text-decoration:none;cursor:pointer;border:none;background:none;opacity:0;transform:translateY(30px);transition:opacity .4s ease,transform .4s cubic-bezier(.16,1,.3,1),color .3s ease}.menu-overlay.open .menu-link{opacity:1;transform:translateY(0)}.menu-overlay.open .menu-link:nth-child(1){transition-delay:.1s}.menu-overlay.open .menu-link:nth-child(2){transition-delay:.15s}.menu-overlay.open .menu-link:nth-child(3){transition-delay:.2s}.menu-overlay.open .menu-link:nth-child(4){transition-delay:.25s}.menu-overlay.open .menu-link:nth-child(5){transition-delay:.3s}.menu-link:hover{color:#78716c;transform:scale(1.05) translateY(0)}.menu-link.disabled{opacity:.4;cursor:not-allowed;transform:translateY(0)}@media(max-width:768px){.menu-link{font-size:2rem}}
