.portfolio-container{width:100%}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 32px}.portfolio-card{text-decoration:none;color:inherit;display:block;transition:transform .4s cubic-bezier(.16,1,.3,1)}.card-inner{background:transparent;border:none;border-radius:0;overflow:visible;box-shadow:none}.card-image{position:relative;aspect-ratio:3/2;overflow:hidden;background:#f5f5f5;border-radius:12px;margin-bottom:20px}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.portfolio-card:hover .card-image img{transform:scale(1.08)}.card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;background:#00000005;transition:all .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.card-gradient{pointer-events:none}.portfolio-card:hover .card-overlay{opacity:1}.card-info{padding:0}.card-line{width:40px;height:1px;background:#000;margin-bottom:20px;transition:width .6s cubic-bezier(.16,1,.3,1)}.portfolio-card:hover .card-line{width:100%}.card-header{display:flex;justify-content:space-between;align-items:flex-start}.card-title{font-size:18px;font-weight:500;margin:0 0 4px;letter-spacing:-.02em;color:#111;line-height:1.2}.card-desc{font-size:14px;color:#888;margin:0;line-height:1.4;font-weight:400}.card-action{width:24px;height:24px;color:#000;opacity:0;transform:translate(-10px,10px);transition:all .5s cubic-bezier(.16,1,.3,1)}.portfolio-card:hover .card-action{opacity:1;transform:translate(0)}.card-action svg{width:100%;height:100%}.portfolio-infinite-sentinel{width:100%;height:1px}.portfolio-infinite-loading{margin-top:56px;display:none;align-items:center;justify-content:center;gap:10px;color:#111;font-family:Manrope,sans-serif;font-size:14px;letter-spacing:.02em}.portfolio-infinite-loading:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,0,0,.15);border-top-color:#000000bf;animation:portfolio-spin .8s linear infinite}@keyframes portfolio-spin{to{transform:rotate(360deg)}}.card-inner.enter{opacity:0;transform:translateY(14px)}.card-inner.enter-active{opacity:1;transform:translateY(0);transition:opacity .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1)}@media(max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:40px 24px}}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr;gap:48px}.card-image{aspect-ratio:16/10;border-radius:16px}.card-title{font-size:20px}}.service-hero__inner{max-width:1600px;margin:0 auto;padding:0 60px}.service-hero--ultra{padding-top:160px;padding-bottom:20px}.hero-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px;padding-bottom:40px;border-bottom:1px solid rgba(0,0,0,.1)}.service-hero__title{font-size:80px;font-weight:300;letter-spacing:-.03em;margin:0 0 20px;line-height:1}.breadcrumb{font-family:Manrope,sans-serif;font-size:14px;color:#666;margin-bottom:10px}.breadcrumb a{color:#999;text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#000}.breadcrumb .sep{margin:0 8px;color:#ccc}.breadcrumb .current{color:#000}.hero-subtitle{font-family:Manrope,sans-serif;font-size:18px;color:#666;max-width:600px;line-height:1.6;margin:0}.projects-container{padding:0 60px 140px;max-width:1600px;margin:0 auto}@media(max-width:768px){.service-hero__inner{padding:0 24px}.hero-header{flex-direction:column;align-items:flex-start;gap:20px}.service-hero__title{font-size:50px}.service-hero--ultra{padding-top:120px}.projects-container{padding:0 24px 80px}}