:root{--type-sm:clamp(12.8px,.17vi + 12.14px,14.25px);--type-base:clamp(16px,.34vi + 14.64px,19px);--type-md:clamp(20px,.61vi + 17.58px,25.33px);--type-lg:clamp(25px,1vi + 21.02px,33.76px);--type-xl:clamp(31.25px,1.56vi + 25px,45px);--type-xxl:clamp(39.06px,2.38vi + 29.55px,59.99px);--type-xxxl:clamp(48.83px,3.54vi + 34.67px,79.97px);--color-primary:#DD0215;--color-accent:#01A3BE;--color-secondary:#333333;--color-dark:#333333;--color-light:#F4F3EA}.frosted-header,.mobile-menu-dropdown{background-color:rgba(244,243,234,.35)!important;box-shadow:0 1px 15px -5px rgba(0,0,0,.01)!important;will-change:backdrop-filter,background-color;isolation:isolate}.font-thin,body{font-weight:300!important}.container,.header-container,.hero-container{margin-left:auto;margin-right:auto;width:100%}.contact-icon svg,.portfolio-view-btn svg,.team-social-link svg{width:20px;height:20px}.portfolio-image,.portfolio-preview-img{object-position:top left;object-fit:cover}[x-cloak]{display:none!important}.frosted-header{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;transform:translateZ(0);-webkit-transform:translateZ(0);padding:.5rem 0!important;border:none!important}.backdrop-blur{background-color:rgba(244,243,234,.35)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;will-change:backdrop-filter,background-color}.mobile-menu-dropdown{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;transform:translateZ(0);-webkit-transform:translateZ(0)}body{font-family:Inter,sans-serif!important;font-size:var(--type-base)!important;line-height:1.5;background-color:#fff;color:var(--color-dark)}h1,h2,h3,h4,h5,h6{font-family:'Host Grotesk',sans-serif!important;font-weight:500!important;line-height:1.1!important;margin-bottom:.5em}.text-3xl,h1{font-size:var(--type-xxxl)!important}.text-2xl,h2{font-size:var(--type-xxl)!important}.text-xl,h3{font-size:var(--type-xl)!important}.text-lg,h4{font-size:var(--type-lg)!important}.text-md,h5{font-size:var(--type-md)!important}.footer-section h2,.footer-section h3,.footer-section h4,.text-base,h6{font-size:var(--type-base)!important}.footer-section h5,.text-sm{font-size:var(--type-sm)!important}.service-card h4{font-size:var(--type-md)!important;font-weight:400!important}.faq-question h3{font-size:var(--type-lg)!important;font-weight:500!important}.btn,.info-section h4,.portfolio-filter,.project-details li{font-size:var(--type-base)}.font-extralight{font-weight:200!important}.font-light{font-weight:300!important}.font-regular{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.font-extrabold{font-weight:800!important}.font-black{font-weight:900!important}.required,.text-primary{color:var(--color-primary)}.budget-radio:checked+.budget-label,.text-accent{color:var(--color-accent)}.portfolio-modal-details h3,.text-secondary{color:var(--color-secondary)}.portfolio-modal-details h2,.text-dark{color:var(--color-dark)}.text-light{color:var(--color-light)}.text-white{color:#fff}.bg-light{background-color:var(--color-light)}.border-accent{border-color:#01a3be}.border-highlight{border-color:#dd0215}.container{max-width:1260px;padding-left:1rem;padding-right:1rem}.header-container{max-width:780px}.hero-container{display:flex;flex-direction:column;align-items:center}.hero-content{width:100%;max-width:660px;text-align:center;margin:0 auto;padding-top:0;position:relative;z-index:10}.content-container,.hero .container{max-width:1260px;margin-left:auto;margin-right:auto;width:100%}@media (min-width:992px){.hero-container{grid-template-columns:auto 660px auto;gap:2rem}}.hero-left{grid-column:1/2;display:flex;align-items:flex-start;justify-content:flex-end}.hero-right{grid-column:3/4;display:flex;align-items:flex-start}.section{padding:8rem 0}.hero-buttons{position:absolute;width:100%;max-width:1140px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.hero-buttons-left,.social-links{display:flex;gap:1rem}.hero-buttons-right{margin-left:auto}#site-header{position:fixed;width:100%;z-index:50;padding:1rem 0;transition:.3s;transform:translateY(0)}#site-header.translate-y-0{transform:translateY(0)!important}#site-header.-translate-y-full{transform:translateY(-100%)!important}#site-header .nav-container{padding:12px 24px;border-radius:6px;transition:.3s}.frosted-header .nav-container{padding:8px 20px!important}#site-header .logo-text{color:#333;font-weight:600;font-size:var(--type-md);transition:color .3s}#site-header nav a{font-weight:400;transition:.2s}#site-header nav a:hover,.service-link:hover{opacity:.8}#site-header nav a.active{font-weight:500}.hero{background-image:url('/assets/img/hero-bg.webp');background-size:cover;background-position:center;background-attachment:scroll;background-repeat:no-repeat;min-height:95vh;display:flex;align-items:flex-end;position:relative;color:#fff;padding-bottom:8rem;overflow:hidden}.btn,.link-arrow{display:inline-flex}.hero .container{position:relative;z-index:2;padding-left:1rem;padding-right:1rem}.hero h1{margin-bottom:1.5rem}.hero .flex{align-items:center}.hero .flex>div{display:flex;align-items:center}.btn{align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.25rem;font-weight:300;text-align:center;transition:.2s;cursor:pointer;height:3rem}.link-arrow,.team-social-link{align-items:center;text-decoration:none}.btn-primary{background-color:#dd0215;color:#fff}.btn-primary:hover{background-color:#c00213}.btn-secondary{background-color:#333;color:#fff}.btn-secondary:hover{background-color:#222}.btn-outline{border:1px solid var(--color-dark);background:0 0;color:var(--color-dark)}.btn-outline:hover{background-color:var(--color-dark);color:#fff}.link-arrow{font-weight:400;color:inherit;white-space:nowrap}.link-arrow svg{margin-left:.5rem;transition:transform .2s;fill:#DD0215}.link-arrow:hover svg{transform:translateY(4px)}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.team-card{border:15px solid #fff;box-shadow:0 4px 20px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05)}.team-member:hover .team-card{transform:rotate(-2deg) scale(1.05);box-shadow:0 8px 30px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.1)}.team-card-new{box-shadow:0 2px 8px rgba(0,0,0,.04)!important;transition:.3s!important;position:relative;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);overflow:hidden}.team-member-new{flex:1;min-width:300px;max-width:400px}.team-member-new:hover .team-card-new{box-shadow:0 8px 25px rgba(0,0,0,.12)!important;transform:translateY(-2px) rotate(-1deg)!important}.team-image-container{width:100%;height:300px;background-color:#f8f9fa;background-size:cover;background-position:center;position:relative;overflow:hidden}.team-card-content{padding:2rem;background:#fff;text-align:center}.team-card-content h3{margin-bottom:.5rem}.form-input,.team-card-content p:first-of-type,.value-item h3,.work-website-link{margin-bottom:1rem}.team-card-content p:nth-of-type(2){line-height:1.4}.team-social-strip{position:absolute;bottom:0;left:0;right:0;background:rgba(51,51,51,.5);backdrop-filter:blur(10px);padding:1rem;transform:translateY(100%);transition:transform .3s;display:flex;justify-content:center;align-items:center;gap:1.5rem}.team-member-new:hover .team-social-strip{transform:translateY(0)}.team-social-link{color:#fff;opacity:.8;transition:.2s;display:inline-flex;justify-content:center}.team-social-link:hover{opacity:1;transform:scale(1.1)}.team-social-link svg{fill:currentColor}.team-social-link svg[viewBox="0 0 24 24"]{transform:scale(1)}.team-social-link svg[viewBox="0 0 32 32"]{transform:scale(1.44)}.team-social-link svg:not([viewBox="0 0 24 24"]):not([viewBox="0 0 32 32"]){transform:scale(1.2)}.about-hero,.portfolio-hero,.project-hero,.services-hero{padding:12rem 0 8rem}.hero.about-image-section{background-image:url('/assets/img/services.jpg')!important;height:670px;min-height:670px;padding:0;align-items:center;justify-content:center}.client-trust-section{padding:6rem 0;border-bottom:1px solid #e5e5e5}.client-trust-container{width:80%;max-width:1800px;margin:0 auto;padding:0 2rem}.client-name{opacity:.4}.values-section{padding:8rem 0;background:linear-gradient(to bottom,#f4f3ea 0,#fff 100%)}.screenshot-item,.value-item{cursor:pointer;background:#fff}.team-intro,.values-section .text-center{margin-bottom:4rem}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.value-item{padding:2rem;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.04);transition:.3s}.portfolio-card:hover,.service-detail-card:hover,.value-item:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 8px 25px rgba(0,0,0,.12)}.value-item p{line-height:1.6}.screenshot-mosaic{display:grid;gap:1rem;margin:0 auto}.screenshot-item{overflow:hidden;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s}.screenshot-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.screenshot-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.portfolio-card,.portfolio-filter{background:#fff;transition:.3s;cursor:pointer}.portfolio-card:hover .portfolio-image,.screenshot-item:hover .screenshot-image{transform:scale(1.05)}.screenshot-mosaic-single{grid-template-columns:1fr;max-width:800px}.screenshot-mosaic-single .screenshot-item{aspect-ratio:16/10}.screenshot-mosaic-two{grid-template-columns:1fr 1fr}.screenshot-mosaic-four .screenshot-item-2,.screenshot-mosaic-four .screenshot-item-3,.screenshot-mosaic-four .screenshot-item-4,.screenshot-mosaic-many .screenshot-item-2,.screenshot-mosaic-many .screenshot-item-3,.screenshot-mosaic-many .screenshot-item-4,.screenshot-mosaic-many .screenshot-item-5,.screenshot-mosaic-three .screenshot-item-2,.screenshot-mosaic-three .screenshot-item-3,.screenshot-mosaic-two .screenshot-item{aspect-ratio:4/3}.screenshot-mosaic-three{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.screenshot-mosaic-four .screenshot-item-1,.screenshot-mosaic-many .screenshot-item-1,.screenshot-mosaic-three .screenshot-item-1{grid-row:1/3;aspect-ratio:3/4}.screenshot-mosaic-four{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}.screenshot-mosaic-many{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.screenshot-mosaic-many .screenshot-item:nth-child(n+6){display:none}.portfolio-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem}.portfolio-filter{padding:.75rem 1.5rem;border:1px solid rgba(0,0,0,.2);border-radius:25px;font-weight:300}.portfolio-filter.active,.portfolio-filter:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.portfolio-grid,.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.portfolio-card{border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden;text-decoration:none;color:inherit;display:block}.service-link,.work-collaboration a:hover,.work-website-link a:hover{text-decoration:underline}.portfolio-card-inner{display:flex;flex-direction:column}.portfolio-image-container{position:relative;width:100%;height:600px;overflow:hidden;flex-shrink:0;border-radius:12px 12px 0 0}.portfolio-image{width:100%;height:600px;transition:transform .3s;display:block;border-radius:0!important}body.work-page .portfolio-image,body.work-page .portfolio-image-container{height:300px}.portfolio-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(221,2,21,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.footer-menu a:hover,.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-view-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#fff;color:var(--color-primary);border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:.3s}.portfolio-card:hover .portfolio-view-btn{background:var(--color-primary);color:#fff}.portfolio-card-content,.portfolio-modal-body{padding:2rem}.portfolio-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center;padding:2rem}.portfolio-modal.active{display:flex}.portfolio-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);cursor:pointer}.portfolio-modal-content{position:relative;background:#fff;border-radius:12px;max-width:900px;max-height:90vh;width:100%;overflow-y:auto;z-index:1001}.portfolio-modal-close{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.1);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1002;transition:background .3s}.faq-item,.portfolio-item,.work-accordions .faq-item{border-bottom:1px solid #e5e5e5}.portfolio-modal-close:hover{background:rgba(0,0,0,.2)}.info-section,.portfolio-modal-image,.team-intro p:first-of-type,.work-accordions,.work-highlights{margin-bottom:2rem}.portfolio-modal-info{margin:2rem 0}.info-section h4{color:var(--color-dark)}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:var(--color-light);color:var(--color-dark);padding:.25rem .75rem;border-radius:15px;font-size:var(--type-sm);font-weight:300}.project-details{list-style:none;padding:0}.project-details li{margin-bottom:.5rem;font-weight:300}.featured-badge{background:var(--color-primary);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:var(--type-sm);font-weight:500}.portfolio-modal-cta{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.1)}.portfolio-card.hidden{opacity:0;transform:scale(.8);pointer-events:none}.portfolio-card.visible{opacity:1;transform:scale(1);pointer-events:auto}.team-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.service-card,.service-card-inner{min-height:300px;position:relative}.card img.object-cover{object-position:top center}.portfolio-hover-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:stretch}.portfolio-list{display:flex;flex-direction:column;gap:0;max-height:600px;justify-content:center}.portfolio-item{transition:.2s;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;width:100%;text-align:left;padding:0;font-family:inherit}.process-number,.service-card h3{font-family:'Host Grotesk',sans-serif}.portfolio-item:first-child,.work-accordions .faq-item:first-child{border-top:1px solid #e5e5e5}.portfolio-item:hover{background-color:rgba(244,243,234,.3)}.portfolio-item-content,.work-accordions .faq-question{padding:1.5rem 0}.portfolio-title{transition:color .2s;margin-bottom:0}.portfolio-item:hover .portfolio-title{color:#dd0215}.portfolio-image-preview{position:relative;height:100%;max-height:550px;display:flex;align-items:center;justify-content:center}.portfolio-preview-img{width:100%;height:100%;transition:opacity .3s}.testimonial{position:relative;padding:2rem;background-color:#01a3be;color:#fff;border-radius:.5rem}.testimonial::before{content:'"';position:absolute;top:1rem;left:1rem;font-size:4rem;opacity:.2;font-family:serif}.services-gradient-section{background:linear-gradient(to bottom,#f4f3ea 0,#fff 100%)}.service-card{overflow:hidden;border-radius:8px;background-image:url('/assets/img/hero-bg.webp');background-size:cover;background-position:center}.service-card-inner{height:100%;padding:2.5rem 2rem;background-color:rgba(221,2,21,.78);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.service-card h3{font-weight:500;font-size:var(--type-lg);line-height:1.2;margin-bottom:1rem}.service-card p{font-size:var(--type-base);line-height:1.6;margin-bottom:2rem;flex-grow:1}.service-link{color:#fff;font-weight:400;font-size:var(--type-base);transition:opacity .2s}.testimonial-section{position:relative;padding:0 0 5rem;background:0 0}.testimonial-three-piece{display:flex;gap:30px;height:450px;margin:0 auto;align-items:stretch}.testimonial-side-panel{flex:0 0 102px;height:450px;background-color:#01a3be;border-radius:8px}.testimonial-center{flex:1;height:450px;position:relative;border-radius:8px;overflow:hidden;min-width:873px;background-image:url('/assets/img/hero-bg.webp');background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.testimonial-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(1,163,190,.8);z-index:1;border-radius:8px}.testimonial-content{position:relative;z-index:2;text-align:center;padding:3rem;max-width:800px}.testimonial-content blockquote{font-family:Inter,sans-serif;font-size:var(--type-lg);line-height:1.4;margin-bottom:1.5rem;color:#fff}.testimonial-content p{font-family:Inter,sans-serif;font-weight:300;font-size:var(--type-base);color:#fff;opacity:.9}@media (max-width:1200px){.testimonial-three-piece{flex-direction:column;height:auto;gap:20px}.testimonial-side-panel{flex:0 0 102px;height:102px;width:100%}.testimonial-center{min-width:auto;height:300px}.testimonial-content{padding:2rem}}.faq-section{background-color:#fff;padding:5rem 0}.faq-container{max-width:1260px;margin:0 auto}.faq-list,.work-projects{display:flex;flex-direction:column;gap:0}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:2.5rem 0;background:0 0;border:none;cursor:pointer;text-align:left;transition:.2s}.faq-question:hover{opacity:.7}.faq-question h3{font-size:var(--type-lg);color:#333;margin:0;flex:1;padding-right:2rem}.faq-icon{font-size:1.25rem;color:#333;font-weight:400;transition:transform .3s;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid #333;border-radius:50%}.faq-question[aria-expanded=true] .faq-icon{transform:none}.faq-answer,.work-accordions .faq-answer{max-height:0;overflow:hidden;transition:max-height .4s}.faq-answer.active{max-height:300px;padding-bottom:2.5rem}.faq-answer p{color:#666;line-height:1.6;margin:0;font-size:var(--type-base);max-width:90%}.cta-section{background-color:#f4f3ea;padding:4rem 0}.cta-wrapper{display:flex;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;min-height:400px}.cta-content{flex:1;padding-right:2rem}.cta-content h2{font-size:var(--type-xxl);color:#333;margin-bottom:1.5rem;line-height:1.2}.cta-content p{font-size:var(--type-lg);color:#666;margin-bottom:2rem;line-height:1.4}.cta-buttons{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.cta-secondary{font-size:var(--type-base);color:#666;font-weight:300}.cta-image{flex:0 0 400px;height:300px;border-radius:8px;overflow:hidden}.footer-section{background-color:#333;padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:3rem}.footer-brand p{max-width:400px;line-height:1.6}.footer-menu,.work-highlights ul{list-style:none;padding:0;margin:0}.footer-menu li,.process-content h3{margin-bottom:.75rem}.footer-contact-info a,.footer-contact-info p{display:block}.social-link{color:#fff;opacity:.75;transition:opacity .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.process-step,.service-detail-card{transition:.3s;box-shadow:0 2px 8px rgba(0,0,0,.04)}.social-link:hover{opacity:1;border-color:rgba(255,255,255,.4)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;text-align:center}.form-input:focus{border-color:#01a3be;box-shadow:0 0 0 3px rgba(1,163,190,.2)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.animate-fade-in{animation:.5s forwards fadeIn}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:.5s forwards slideUp}.text-gradient{background:linear-gradient(90deg,#01a3be,#dd0215);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.visually-hidden:focus{position:absolute;top:10px;left:10px;width:auto;height:auto;padding:.5rem 1rem;margin:0;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:4px;z-index:9999;clip:auto;overflow:visible;white-space:normal;font-weight:500}@media (max-width:991px){.hero{min-height:95vh;padding-bottom:3rem;align-items:center}.hero .max-w-4xl{max-width:100%;margin-bottom:2rem}.hero h1{font-size:var(--type-xxl)!important;text-align:center}.hero .flex{flex-direction:column;align-items:center;gap:2rem}.hero .flex>div{width:100%;display:flex;justify-content:center;text-align:center}.hero .flex>div:first-child{order:3}.hero .flex>div:nth-child(2){order:1;margin-bottom:0}.hero .flex>div:nth-child(3){order:2;margin-top:0}.hero p{max-width:100%;margin:0 auto}.hero .btn{width:auto;min-width:200px}}.service-detail-card{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);overflow:hidden;cursor:pointer;display:block}.service-detail-inner{padding:2rem;display:flex;flex-direction:column;height:100%}.process-number,.service-icon{width:60px;height:60px;color:#fff;display:flex}.service-icon{background:var(--color-primary);border-radius:12px;align-items:center;justify-content:center;margin-bottom:1.5rem}.service-icon svg{width:32px;height:32px}.service-features{list-style:none;padding:0;margin:0;flex-grow:1}.service-features li{padding:.5rem 0 .5rem 1.5rem;font-size:var(--type-base);font-weight:300;color:var(--color-secondary);position:relative}.service-features li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:500}.process-timeline{display:flex;flex-direction:column;gap:3rem;max-width:800px;margin:0 auto}.process-step{display:flex;align-items:flex-start;gap:2rem;padding:2rem;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);position:relative}.process-step:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.process-step:not(:last-child):after{content:'';position:absolute;bottom:-3rem;left:3rem;width:2px;height:3rem;background:linear-gradient(to bottom,var(--color-accent),transparent)}.process-number{flex-shrink:0;background:var(--color-accent);border-radius:50%;align-items:center;justify-content:center;font-size:var(--type-lg);font-weight:500}.process-content{flex:1}.work-project{padding:5rem 0;border-bottom:1px solid #e5e5e5}.work-project:last-child{border-bottom:none}.work-project-inner{display:flex;flex-direction:row;gap:4rem;align-items:flex-start}.work-project-reverse .work-project-inner{flex-direction:row-reverse}.work-project-image{flex:0 0 50%}.work-image-container{height:800px;overflow:hidden;border-radius:8px;position:relative;cursor:pointer;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.04)}.work-image-container::before{content:'';position:absolute;top:0;left:0;right:0;height:36px;background:var(--color-dark);border-bottom:1px solid #555;z-index:2}.work-image-container::after{content:'● ● ●';position:absolute;top:12px;left:12px;font-size:8px;color:#fff;letter-spacing:2px;z-index:3}.work-scroll-image{width:100%;height:auto;object-fit:cover;object-position:top center;transition:transform .3s;margin-top:36px}.work-hover-indicator{position:absolute;bottom:20px;right:20px;background:rgba(0,0,0,.8);color:#fff;padding:8px 16px;border-radius:20px;font-size:var(--type-sm);display:flex;align-items:center;gap:6px;opacity:1;transition:opacity .3s}.work-image-container:hover .work-hover-indicator{opacity:0}.scroll-icon{animation:2s infinite bounce}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(4px)}60%{transform:translateY(2px)}}.work-project-content{flex:1;padding:2rem 0}.work-project-content h3{font-size:var(--type-xxl);margin-bottom:.5rem}.work-project-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.work-collaboration a,.work-website-link a{color:var(--color-accent);text-decoration:none}.work-collaboration{font-style:italic;color:#666;margin-bottom:2rem;font-size:var(--type-sm)}.work-highlights h5{font-size:var(--type-base);margin-bottom:1rem}.work-highlights li{display:flex;align-items:flex-start;margin-bottom:.75rem}.highlight-check{width:16px;height:16px;color:#10b981;margin-right:.75rem;margin-top:.125rem;flex-shrink:0}.work-accordions .faq-question h4{font-size:var(--type-lg);margin:0}.work-accordions .faq-answer.active{max-height:500px;padding-bottom:1.5rem}.work-cta{margin-top:2rem}.start-project-hero{padding:12rem 0 4rem}.contact-wrapper{display:grid;grid-template-columns:1fr 2fr;gap:6rem;max-width:1200px;margin:0 auto;align-items:start}.contact-info{position:sticky;top:8rem}.contact-details{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem}.contact-item{display:flex;align-items:flex-start;gap:1rem}.contact-icon{flex-shrink:0;width:48px;height:48px;background:var(--color-light);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-secondary)}.contact-item h3{font-size:var(--type-sm);color:var(--color-secondary);margin-bottom:.25rem;font-weight:400}.contact-item a,.contact-item p,.form-label{color:var(--color-dark);font-size:var(--type-base)}.contact-item a{text-decoration:none;display:inline-block;font-weight:500}.contact-item p{font-weight:500;margin:0}.contact-form-container{background:#fff;padding:3rem;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.04)}.project-form{display:flex;flex-direction:column;gap:2rem}.budget-option,.success-popup{align-items:center;display:flex}.form-group{position:relative}.form-label{display:block;font-weight:400;margin-bottom:.5rem}.form-input,.form-textarea{width:100%;padding:1rem;border:1px solid #ddd;border-radius:8px;font-family:Inter,sans-serif;font-size:var(--type-base);font-weight:300;transition:.3s;background:#fff}.form-input:focus,.form-textarea:focus{outline:0;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(1,163,190,.1)}.form-input.error,.form-textarea.error{border-color:var(--color-primary)}.form-textarea{resize:vertical;min-height:120px}.error-message{display:none;color:var(--color-primary);font-size:var(--type-sm);font-weight:300;margin-top:.25rem;position:absolute;bottom:-1.25rem;left:0}.btn-submit,.budget-label{font-size:var(--type-base);width:100%}.budget-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.budget-option{padding:1rem;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:.3s;position:relative}.budget-option:hover{border-color:var(--color-accent);background:rgba(1,163,190,.05)}.budget-radio{position:absolute;opacity:0;pointer-events:none}.budget-radio:checked~.budget-label::before{content:'✓';position:absolute;right:1rem;color:var(--color-accent);font-weight:500}.budget-label{font-weight:400;color:var(--color-dark);position:relative}.budget-option:has(.budget-radio:checked){border-color:var(--color-accent);background:rgba(1,163,190,.05)}.btn-submit{padding:1rem 2rem;margin-top:1rem}.success-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);justify-content:center;z-index:9999;animation:.3s fadeIn}.success-content{background:#fff;padding:3rem;border-radius:12px;text-align:center;max-width:400px;animation:.3s slideUp}.success-icon{width:60px;height:60px;background:var(--color-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem}@media (max-width:1024px){.values-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.portfolio-hover-wrapper{grid-template-columns:1fr;gap:2rem}.portfolio-image-preview{height:300px}.cta-wrapper{flex-direction:column;text-align:center;gap:2rem}.cta-content{padding-right:0}.cta-image{flex:0 0 auto;width:100%;max-width:500px}.footer-content{grid-template-columns:1fr 1fr;gap:2rem}.work-project-inner{flex-direction:column!important;gap:2rem}.work-project-image{flex:none}.work-image-container{height:400px}.contact-wrapper{grid-template-columns:1fr;gap:4rem}.contact-info{position:static;text-align:center}.contact-details{flex-direction:row;justify-content:center;gap:3rem}}@media (max-width:768px){.values-grid{grid-template-columns:1fr;gap:2rem}.portfolio-modal-body,.process-step,.service-detail-inner,.testimonial-content,.value-item{padding:1.5rem}.screenshot-mosaic-four,.screenshot-mosaic-many,.screenshot-mosaic-three,.screenshot-mosaic-two{grid-template-columns:1fr;grid-template-rows:auto}.screenshot-mosaic .screenshot-item{grid-row:auto!important;aspect-ratio:16/10!important}.screenshot-mosaic-many .screenshot-item:nth-child(n+4){display:none}.portfolio-hero,.services-hero{padding:8rem 0 5rem}.portfolio-grid,.services-grid{grid-template-columns:1fr;gap:1.5rem}.portfolio-filters{flex-direction:column;align-items:center}.portfolio-filter{width:200px;text-align:center}.portfolio-modal{padding:1rem}.portfolio-modal-content{max-height:95vh}.portfolio-modal-cta{flex-direction:column}.about-hero{padding:8rem 0 5rem!important}.about-hero h1{font-size:var(--type-xl)!important;line-height:1.2!important}.about-hero p,.client-name,.hero p{font-size:var(--type-base)!important}.about-hero p{margin-bottom:2rem!important}.about-image-section{height:400px!important;min-height:400px!important}.client-trust-section{padding:4rem 0!important}.client-trust-container{width:90%!important;padding:0 1rem!important}.client-names{gap:1rem!important}.client-name{min-width:120px;text-align:center}.team-section,.values-section{padding:5rem 0!important}.values-grid{flex-direction:column!important;gap:3rem!important}.value-item{min-width:auto!important;max-width:none!important}.value-number{font-size:2rem!important}.team-intro{margin-bottom:3rem!important}.team-grid{flex-direction:column!important;align-items:center!important;gap:2rem!important}.team-member-new{max-width:350px!important;width:100%!important}.team-card-content{padding:1.5rem!important}.faq-question,.portfolio-hover-section{padding:2rem 0}.portfolio-item-content,.work-project-content{padding:1rem 0}.cta-image,.portfolio-image-preview,.testimonial-center{height:250px}.portfolio-title{font-size:var(--type-lg)}#site-header .logo-text,.cta-content p,.testimonial-content blockquote{font-size:var(--type-base)}.faq-question h3{font-size:var(--type-base);padding-right:1rem}.faq-icon{width:20px;height:20px;font-size:1rem}.faq-answer.active{padding-bottom:2rem}.faq-answer p{max-width:100%}.cta-section{padding:5rem 0}.cta-content h2,.work-project-content h3{font-size:var(--type-xl)}.cta-buttons{flex-direction:column;align-items:center;gap:1rem}.footer-section{padding:5rem 0 3rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-brand p{max-width:none}.social-links{justify-content:center}.hero{min-height:100vh;padding-top:6rem;padding-bottom:2rem}.hero .container{padding-left:1.5rem;padding-right:1.5rem}.hero h1{font-size:calc(var(--type-xl))!important;text-align:center}.hero .btn{width:100%;max-width:300px}#site-header{padding:.75rem 0}.process-timeline{gap:2rem}.process-step{flex-direction:column;text-align:center}.process-step:not(:last-child):after{left:50%;transform:translateX(-50%)}.process-number{margin:0 auto 1rem}.work-project{padding:3rem 0}.work-image-container{height:300px}.work-project-meta{flex-direction:column;align-items:flex-start}.start-project-hero{padding:8rem 0 3rem}.contact-form-container{padding:2rem}.contact-details{flex-direction:column;gap:2rem}.budget-options{grid-template-columns:1fr}.form-group{margin-bottom:.5rem}.error-message{position:static;margin-top:.25rem}}

/* Page-specific Web Design & Development image section */
.hero.web-design-development-image-section{background-image:url('/assets/img/web-design-development.webp')!important;height:670px;min-height:670px;padding:0;align-items:center;justify-content:center}
@media (max-width:1024px){.web-design-development-image-section{height:400px!important;min-height:400px!important}}
@media (max-width:768px){.web-design-development-image-section{height:300px!important;min-height:300px!important}}

/* page-specific hero backgrounds */.hero.about-image-section{background-image:url('/assets/img/heros/market-street.webp')!important;height:670px;min-height:670px;padding:0;align-items:center;justify-content:center}.hero.services-image-section{background-image:url('/assets/img/heros/customer.webp')!important;height:670px;min-height:670px;padding:0;align-items:center;justify-content:center}.hero.start-project-image-section{background-image:url('/assets/img/heros/tatoo.webp')!important;height:670px;min-height:670px;padding:0;align-items:center;justify-content:center}.hero.web-design-development-image-section{background-image:url('/assets/img/heros/bus.webp')!important;height:670px;min-height:670px;padding:0;align-items:center;justify-content:center}@media (max-width:1024px){.about-image-section,.services-image-section,.start-project-image-section,.web-design-development-image-section{height:400px!important;min-height:400px!important}}@media (max-width:768px){.about-image-section,.services-image-section,.start-project-image-section,.web-design-development-image-section{height:300px!important;min-height:300px!important}}