*{padding:0;margin:0;scroll-behavior:smooth;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg);font-weight:400;padding:20px 10px}:root{--accent: #0066cc}.statement{margin:0;font-size:clamp(20px,2vw,72px);font-weight:700;line-height:1.05;letter-spacing:-.035em;color:#1d1d1f;font-style:italic}.head{font-size:clamp(10px,16px,22px);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6e6e73;padding-bottom:10px}.navbar{position:sticky;top:0;z-index:1000;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 24px;background:transparent;box-sizing:border-box}.logo{display:flex;align-items:center;gap:6px;color:gray;justify-self:start;text-decoration:none}.nav-items{position:relative;display:flex;gap:4px;padding:6px;border-radius:999px;border:none;background:linear-gradient(135deg,#ffffff59,#ffffff14);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #0000001f,inset 0 1px 1px #ffffffb3,inset 0 -1px 1px #0000000f,inset 0 0 20px #ffffff26}.nav-items a{position:relative;z-index:1;padding:8px 18px;border-radius:999px;text-decoration:none;font-size:15px;color:#1d1d1f;transition:color .3s ease}.nav-items a.active{color:#06c}.nav-pill{position:absolute;top:0;left:0;z-index:0;pointer-events:none;box-sizing:border-box;border:1.5px solid rgba(255,255,255,.55);border-radius:999px;box-shadow:0 1px 2px #00000014,0 4px 14px #0000001a,inset 0 1px 1px #ffffffb3;background:#ffffff73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .5s cubic-bezier(.22,1,.36,1),width .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1),opacity .3s ease}.menu-toggle{display:none;cursor:pointer;justify-self:end}@media(max-width:768px){.navbar{display:flex;justify-content:space-between;background:#ffffffd9}.navbar.menu-open{background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.menu-toggle{display:block;background:none;border:none}.nav-items{position:absolute;top:100%;left:0;width:100%;box-sizing:border-box;background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:none;border-radius:0 0 24px 24px;box-shadow:0 14px 20px -12px #0000001f;flex-direction:column;align-items:center;gap:8px;padding:12px 0 20px;transform:translateY(-200%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}.nav-items.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-items a{padding:10px 24px}.nav-pill{display:none}}#home{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:80%;box-sizing:border-box;margin:0 auto;gap:20px;padding:90px 24px 0}.home-section h1{font-size:clamp(18px,2.4vw,22px);display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;margin:0}.home-section h1 span{font-size:clamp(40px,11vw,100px);font-weight:600;line-height:1.05;letter-spacing:-.03em}.home-section a{text-decoration:none}.top-par{color:#4d4c4c;font-size:clamp(16px,2.4vw,28px);line-height:1.35;max-width:34ch;margin:0}.bottom-par{color:#706f6f;font-size:20px;display:flex;align-items:center;justify-content:center}.home-btn{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;margin-top:12px}.home-section button{font-family:inherit;font-size:17px;font-weight:500;letter-spacing:-.01em;padding:14px 28px;border-radius:980px;cursor:pointer;border:none;transition:background-color .25s ease,transform .2s ease,box-shadow .25s ease,color .25s ease}.home-section button:active{transform:scale(.97)}.home-section button:focus-visible{outline:2px solid #0071e3;outline-offset:3px}.left-btn{display:flex;align-items:center;gap:8px;color:#fff;background-color:#1d1d1f;box-shadow:0 1px 2px #0003,0 6px 16px #0000001f}.left-btn:hover{background-color:#3a3a3c;transform:translateY(-1px);box-shadow:0 2px 4px #0003,0 10px 24px #0000002e}.left-btn span{font-size:20px;line-height:1;transition:transform .25s ease}.left-btn:hover span{transform:translate(4px)}.right-btn{color:#1d1d1f;background-color:#0000000d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #00000014}.right-btn:hover{background-color:#00000017;transform:translateY(-1px)}.fade-up{opacity:0;transform:translateY(20px);animation:fadeUp .8s ease forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){#home{width:100%;padding-bottom:0}}@media(max-width:768px){#home{width:100%;padding:100px 20px 30px;gap:16px;line-height:1.4}.bottom-par{display:none}}@media(max-width:430px){.home-btn{width:100%;flex-direction:column;align-items:center}.home-section button{width:100%}}.abt-section{max-width:1160px;margin:0 auto;padding:100px 24px 80px;box-sizing:border-box;width:100%}.abt-flow{position:relative;display:grid;grid-template-columns:minmax(0,1fr);row-gap:110px;margin-top:40px}.abt-curve{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible;clip-path:inset(0 0 100% 0)}.abt-curve path{fill:none;stroke:#06c;stroke-width:2;stroke-linecap:round;stroke-dasharray:2 8}.abt-curve.show{clip-path:inset(0 0 0 0);transition:clip-path 2.4s ease}.abt-card{position:relative;z-index:1;display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:center;width:100%;max-width:700px;box-sizing:border-box;padding:24px;border-radius:28px;background:#fff;text-decoration:none;color:inherit;opacity:0;transform:translate3d(0,24px,0);box-shadow:0 0 0 1px #0000000f,0 0 6px #00000024;will-change:transform;transition:opacity .7s ease,transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.abt-card.show{opacity:1;transform:translateZ(0)}.abt-card.show:hover{transform:translate3d(0,-10px,0);box-shadow:0 0 0 1px #00000014,0 0 10px #0003}.abt-card:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px}@media(prefers-reduced-motion:reduce){.abt-card,.abt-card.show,.abt-card.show:hover{transform:none;transition:none}}@keyframes abtUp{to{opacity:1;transform:translateY(0)}}.c1{justify-self:start}.c2{justify-self:center}.c3{justify-self:end}.abt-thumb img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:18px}.abt-num{display:block;margin-bottom:6px;font-size:13px;font-weight:600;letter-spacing:.1em;color:#06c}.abt-text h3{margin:0 0 10px;font-size:26px;font-weight:650;letter-spacing:-.02em;color:#1d1d1f}.abt-text p{margin:0;font-size:16px;line-height:1.55;color:#515154}.abt-link{display:inline-block;margin-top:14px;font-size:15px;font-weight:500;color:#06c}.abt-link i{display:inline-block;font-style:normal;transition:transform .25s ease}.abt-card:hover .abt-link i{transform:translate(4px)}@media(max-width:900px){.abt-curve{display:none}.abt-flow{row-gap:20px;margin-top:56px}.abt-card{grid-template-columns:1fr;gap:20px;max-width:none;justify-self:stretch}.abt-thumb img{aspect-ratio:16 / 9}.abt-section{padding:90px 20px 60px}.abt-building{margin-top:56px}}@media(prefers-reduced-motion:reduce){.abt-card{opacity:1;transform:none;animation:none!important}.abt-curve{clip-path:none;transition:none}}.abt-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:18px;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;text-align:center;font-size:13px;font-weight:600;letter-spacing:.04em}.abt-placeholder.blue{background:linear-gradient(160deg,#2b7fa6,#0a4a57);color:#fff}.abt-placeholder.dark{background:#1e1e1e;color:#9cdcfe}.abt-placeholder.graphite{background:linear-gradient(160deg,#3a3a3c,#111113);color:#d2d2d7}@media(max-width:900px){.abt-placeholder{aspect-ratio:16 / 9}}.project-section{max-width:1160px;margin:0 auto;padding:50px 24px 120px;width:100%;box-sizing:border-box}.project-head{text-align:right}.projects-list{display:flex;flex-direction:column;gap:28px;margin-top:40px;align-items:stretch}.project{display:flex;align-items:center;justify-content:space-between;gap:40px;width:100%;box-sizing:border-box;padding:20px;border-radius:28px;background:#fff;box-shadow:0 0 0 1px #0000000f,0 0 6px #00000024;transition:opacity .8s ease,transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.project.fade-in.show:hover{transform:translate3d(0,-10px,0);box-shadow:0 0 0 1px #00000014,0 0 10px #0003}.project-media{position:relative;flex:0 0 50%;min-width:0}.project-media img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 0 0 1px #0000000f}.project-media .project-status{position:absolute;top:14px;left:14px;margin:0;background:#ffffffeb;box-shadow:0 0 0 1px #0000000f}.project-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.project-body h3{margin:0 0 14px;font-size:clamp(24px,2.6vw,32px);font-weight:650;line-height:1.15;letter-spacing:-.02em;color:#1d1d1f}.project-summary{margin:0 0 20px;font-size:16px;line-height:1.6;color:#515154;text-wrap:pretty}.sum-short{display:none}.project-status{display:inline-block;padding:4px 12px;border-radius:980px;background:#0066cc1a;color:#06c;font-size:12px;font-style:normal;font-weight:600}.project-stack{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.project-stack li{padding:5px 12px;border-radius:980px;background:#0000000d;font-size:13px;font-weight:500;color:var(--accent)}.project-btn{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:28px}.btn-primary,.btn-secondary{display:inline-block;padding:12px 24px;border-radius:980px;font-size:15px;font-weight:500;text-decoration:none;text-align:center;transition:background-color .25s ease,transform .2s ease}.btn-primary{background:#1d1d1f;color:#fff}.btn-primary:hover{background:#3a3a3c}.btn-secondary{background:#0000000d;color:#1d1d1f;box-shadow:inset 0 0 0 1px #00000014}.btn-secondary:hover{background:#00000017}.btn-primary:active,.btn-secondary:active{transform:scale(.97)}@media(min-width:1500px){.project-section{max-width:1240px}}@media(max-width:1100px){.project{gap:32px}}@media(max-width:900px){.project-section{padding:40px 20px 80px}.projects-list{gap:24px;margin-top:32px}.project{flex-direction:column;align-items:stretch;gap:24px;padding:16px}.project-media{flex:none;width:100%}.project-body{padding:0 8px 8px}.project-body h3{font-size:26px}}@media(max-width:600px){.project-section{padding:32px 16px 72px}.project{border-radius:24px;padding:14px;gap:20px}.project-media img{border-radius:16px}.project-body{padding:0 6px 6px}.project-body h3{font-size:24px;margin-bottom:10px}.sum-full{display:none}.sum-short{display:inline}.project-summary{font-size:15px;line-height:1.55;margin-bottom:18px}.project-stack li:nth-child(n+4){display:none}.project-btn{margin-top:24px;gap:10px}.project-btn .btn-primary,.project-btn .btn-secondary{flex:1;padding:13px 16px}}@media(max-width:380px){.project-btn{flex-direction:column}.project-btn .btn-primary,.project-btn .btn-secondary{flex:none;width:100%;box-sizing:border-box}}@media(hover:none){.project.fade-in.show:hover{transform:none}}@media(prefers-reduced-motion:reduce){.project,.project.fade-in.show:hover{transform:none;transition:none}}.journey-section{padding:30px clamp(24px,5vw,70px)}.journey-head{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:0}.journey-head h2{margin:0;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.2;color:#6e6e73;font-style:normal;position:relative;display:inline-block}.journey-head h2:after{content:none}.journey-head p{margin:12px 0 0;font-size:clamp(17px,2vw,22px);font-style:italic;color:#1d1d1f}.timeline{position:relative;margin-top:40px;display:flex;flex-direction:column;gap:40px;padding-left:40px}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:45px;width:1px;background:#d2d2d7}.timeline-item{display:flex;gap:25px;position:relative;align-items:flex-start}.timeline-dot{background:#fff;border-radius:50%;padding:4px 0;position:relative;z-index:1}.td{padding:6px;background:var(--accent);border-radius:50%;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.timeline-content{flex:1;min-width:0}.timeline-content h3{margin:0 0 12px;font-size:20px;font-weight:600;color:#1d1d1f}.timeline-box{border:none;border-radius:20px;background:#fff;width:100%;box-sizing:border-box;padding:22px 24px;box-shadow:0 0 0 1px #0000000f,0 0 6px #00000024;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}.timeline-box h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1d1d1f}.timeline-box p{margin:0;font-size:16px;line-height:1.55;color:#515154}.timeline-content:hover .timeline-box{transform:translate3d(0,-10px,0);box-shadow:0 0 0 1px #00000014,0 0 10px #0003}.timeline-item:hover .timeline-dot .td{transform:scale(1.4);box-shadow:0 0 0 6px #00000014}.timeline-item.fade-in{opacity:0;transform:translate3d(0,30px,0);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.timeline-item.fade-in.show{opacity:1;transform:translateZ(0)}.timeline-item.fade-in .td{transform:scale(0)}.timeline-item.fade-in.show .td{transform:scale(1)}.timeline-item.fade-in.show:hover .timeline-dot .td{transform:scale(1.4)}.journey-head.fade-in{opacity:0;transform:translate3d(0,24px,0);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.journey-head.fade-in.show{opacity:1;transform:translateZ(0)}@media(max-width:768px){.timeline{padding-left:28px;gap:32px}.timeline:before{left:33px}.timeline-item{gap:18px}.timeline-box{padding:18px 20px}}@media(max-width:570px){.journey-section{padding:30px 20px}.journey-head{align-items:flex-end;text-align:right}.timeline{padding-left:0;gap:28px}.timeline:before{left:5px}.timeline-item{gap:14px}.timeline-content h3{font-size:18px}.timeline-box h4{font-size:17px}.timeline-box p{font-size:15px}}@media(hover:none){.timeline-content:hover .timeline-box{transform:none;box-shadow:0 0 0 1px #0000000f,0 0 6px #00000024}.timeline-item:hover .timeline-dot .td,.timeline-item.fade-in.show:hover .timeline-dot .td{transform:scale(1);box-shadow:none}}@media(prefers-reduced-motion:reduce){.timeline-item.fade-in,.journey-head.fade-in,.timeline-box,.td{transition:none}}.think-section{max-width:1160px;margin:0 auto;padding:70px 24px 100px;box-sizing:border-box;width:100%}.think-head{text-align:left}.think-carousel{display:flex;flex-direction:column;align-items:center;margin-top:56px}.think-stage{width:100%;max-width:620px;min-height:250px;display:flex;justify-content:center;align-items:flex-start;padding-top:20px}.think-item{text-align:center;opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease}.think-item.visible{opacity:1;transform:translateY(0)}.think-icon{display:inline-block;margin-bottom:18px;font-size:40px;color:#1d1d1f}.think-item h3{margin:0 0 12px;font-size:clamp(22px,2.6vw,28px);font-weight:650;letter-spacing:-.02em;color:#1d1d1f}.think-item p{margin:0;font-size:17px;line-height:1.6;color:#515154}.think-dots{display:flex;gap:12px;margin-top:10px}.think-dot{position:relative;width:8px;height:8px;padding:0;border:none;border-radius:50%;background:#0003;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.think-dot:after{content:"";position:absolute;inset:-10px}.think-dot.active{background:var(--accent);box-shadow:0 0 0 3px #1d1d1f2e}.think-controls{display:flex;gap:16px;margin-top:28px}.think-arrow{width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;border:1.5px solid #1d1d1f;border-radius:50%;background:transparent;color:#1d1d1f;cursor:pointer;transition:background-color .25s ease,color .25s ease,transform .2s ease}.think-arrow .material-symbols-outlined{font-size:22px}.think-arrow:hover{background:#1d1d1f;color:#fff}.think-arrow:active{transform:scale(.94)}.think-arrow:focus-visible,.think-dot:focus-visible{outline:2px solid #0066cc;outline-offset:3px}@media(max-width:900px){.think-section{padding:40px 20px 80px}.think-carousel{margin-top:44px}}@media(max-width:530px){.think-section{padding:32px 16px 64px}.think-carousel{margin-top:36px}.think-stage{min-height:290px}.think-icon{font-size:34px}.think-item p{font-size:16px}.think-dots{margin-top:28px}}@media(prefers-reduced-motion:reduce){.think-item,.think-arrow,.think-dot{transition:none}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.contact-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 20px;gap:10px;background-color:#f9f9f9;height:100%}.contact-head h2{font-size:38px;font-weight:400;position:relative;display:inline-block;margin-bottom:15px;font-style:normal}.contact-head p{font-size:16px;font-style:normal;color:#706f6f;max-width:600px;margin:0 auto}.contact-btns{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.contact-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid #c9c9c9;border-radius:10px;text-decoration:none;color:#333;font-size:16px;background-color:#fff;transition:all .3s ease}.contact-btn:hover{background-color:#f0f0f0;transform:translateY(-3px);box-shadow:0 8px 20px #0000000d}.contact-btn .material-symbols-outlined{font-size:22px;color:#333}@media(max-width:1350px){.contact-section{padding:30px 20px;height:100%}}@media(max-width:768px){.contact-section{padding:70px 30px}.contact-btns{gap:15px}.contact-btn{font-size:15px;padding:10px 16px}.contact-btn .material-symbols-outlined{font-size:20px}}@media(max-width:480px){.contact-section{padding:100px 30px 70px}.contact-head h2{font-size:48px}.contact-head p{font-size:14px}}.fade-in{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.fade-in.show{opacity:1;transform:translateY(0)}.tech-carousel{width:100%;overflow:hidden;background-color:#f9f9f9;padding:30px 0}.carousel-wrapper{display:flex;gap:65px;animation:scroll 10s linear infinite}.carousel-item{flex:0 0 auto;display:flex;justify-content:center;align-items:center}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-113%)}}@media(max-width:700px){.carousel-wrapper{display:flex;gap:65px;animation:scroll 3s linear infinite}}@media(max-width:480px){.carousel-item svg{width:32px;height:32px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-200%)}}.carousel-wrapper{display:flex;gap:65px;animation:scroll 15s linear infinite}}.pd{max-width:760px;margin:0 auto;padding:140px 24px 120px;box-sizing:border-box;color:#1d1d1f;animation:pdIn .7s cubic-bezier(.22,1,.36,1) both}@keyframes pdIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pd-back{display:inline-block;margin-bottom:40px;font-size:15px;font-weight:500;color:#06c;text-decoration:none}.pd-back:hover{text-decoration:underline}.pd-eyebrow{margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6e6e73}.pd-eyebrow .project-status{letter-spacing:0;text-transform:none}.pd h1{margin:0;font-size:clamp(40px,7vw,68px);font-weight:700;line-height:1.05;letter-spacing:-.035em}.pd-summary{margin:20px 0 0;font-size:clamp(18px,2.2vw,22px);line-height:1.5;color:#515154}.pd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.pd-block{margin-top:56px;padding-top:32px;border-top:1px solid rgba(0,0,0,.1)}.pd-block h2{margin:0 0 18px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6e6e73}.pd-block p{margin:0;font-size:18px;line-height:1.6;color:#1d1d1f}.pd-list{list-style:none;margin:0;padding:0}.pd-list li{padding:16px 0;border-bottom:1px solid rgba(0,0,0,.08);font-size:17px;line-height:1.5;color:#1d1d1f}.pd-list li:first-child{padding-top:0}.pd-list li:last-child{border-bottom:none;padding-bottom:0}.pd-next{display:flex;flex-direction:column;gap:6px;margin-top:72px;padding:24px 28px;border-radius:24px;background:#0000000a;color:inherit;text-decoration:none;transition:background-color .3s ease,transform .45s cubic-bezier(.22,1,.36,1)}.pd-next:hover{background:#00000012;transform:translateY(-4px)}.pd-next span{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#6e6e73}.pd-next strong{font-size:24px;font-weight:650;letter-spacing:-.02em}.pd-next i{font-style:normal;color:#06c}@media(max-width:768px){.pd{padding:100px 20px 80px}.pd-block{margin-top:40px}}@media(prefers-reduced-motion:reduce){.pd,.pd-next{animation:none;transition:none}}
