.portfolio-hero{color:#fff;background:radial-gradient(circle at 16% 35%,#1a3a6557,#0000 34%),linear-gradient(135deg,#111827 0%,#1f2937 47%,#000 100%);min-height:100svh;position:relative;overflow:hidden}.portfolio-hero__container{z-index:2;flex-direction:column;justify-content:center;min-height:100svh;display:flex;position:relative}.portfolio-hero__breadcrumbs{color:#ffffffad;font-size:14px;font-weight:500;position:absolute;top:144px;left:16px}.portfolio-hero__content{text-align:center;width:min(100%,900px);margin-inline:auto}.portfolio-hero h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(54px,5vw,72px);font-weight:700;line-height:1}.portfolio-hero h1>span:first-child{color:#60a5fa}.portfolio-hero__title-line:first-of-type{display:inline}.portfolio-hero__title-line:last-of-type{display:block}.portfolio-hero__content>p{color:#ffffffd1;max-width:790px;margin:34px auto 0;font-size:20px;line-height:1.55}.portfolio-hero__content>a{color:#fff;min-height:56px;transition:transform var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);background:#1374e7;border-radius:12px;justify-content:center;align-items:center;margin-top:42px;padding:0 32px;font-weight:600;display:inline-flex;box-shadow:0 14px 32px #1374e74d}.portfolio-hero__content>a:hover{background:#0f5fc4;transform:translateY(-2px);box-shadow:0 18px 36px #1374e761}.portfolio-hero__content>a:focus-visible,.portfolio-hero__scroll:focus-visible{outline-offset:4px;outline:3px solid #93c5fd}.portfolio-hero__scroll{color:#ffffffad;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.portfolio-hero__scroll svg{width:17px;animation:1.8s ease-in-out infinite portfolio-scroll}.portfolio-hero__lines,.portfolio-hero__lines i{pointer-events:none;position:absolute;inset:0}.portfolio-hero__lines i{border:2px solid #3777c414;border-radius:50%;width:116%;height:46%;top:24%;left:-8%;transform:rotate(8deg)}.portfolio-hero__lines i:nth-child(2){border-color:#1fba9d12;top:31%;transform:rotate(-5deg)}.portfolio-hero__lines i:nth-child(3){border-color:#895ede12;top:40%;transform:rotate(13deg)}.portfolio-stats{background:#fff;padding:102px 0}.portfolio-stats__grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;margin-inline:auto;display:grid}.portfolio-stat{text-align:center;min-width:0;padding:10px 42px}.portfolio-stat+.portfolio-stat{border-left:1px solid #e2e8f0}.portfolio-stat p{color:#2c3854;justify-content:center;align-items:baseline;gap:9px;display:flex}.portfolio-stat strong{font-size:54px;line-height:1}.portfolio-stat p span{font-size:18px;font-weight:600}.portfolio-stat h2{color:#68738d;max-width:250px;margin:16px auto 0;font-size:16px;font-weight:500;line-height:1.5}.portfolio-projects{background:#f8fafc;padding:96px 0}.portfolio-projects__list{gap:48px;max-width:1232px;margin-inline:auto;display:grid}.portfolio-project{min-width:0;transition:transform var(--transition-base), box-shadow var(--transition-base);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 18px 38px #0f172a24}.portfolio-project:hover{transform:translateY(-4px);box-shadow:0 28px 58px #0f172a33}.portfolio-project[data-tone=light]{color:#fff}.portfolio-project[data-tone=dark]{color:#000}.portfolio-project__number{z-index:3;color:currentColor;opacity:.14;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(82px,9vw,128px);font-weight:700;line-height:1;position:absolute;top:22px;right:28px}.portfolio-project__layout{grid-template-columns:repeat(2,minmax(0,1fr));min-height:500px;display:grid}.portfolio-project__content{z-index:2;flex-direction:column;justify-content:space-between;min-width:0;padding:48px;display:flex;position:relative}.portfolio-project__icon{border:2px solid #ffffff4d;border-radius:18%;width:80px;height:80px;margin-bottom:24px;position:relative;overflow:hidden}.portfolio-project__icon img{object-fit:contain}.portfolio-project h2{max-width:520px;margin:0 0 16px;font-size:36px;font-weight:700;line-height:1.15}.portfolio-project__content>div>p{opacity:.88;max-width:560px;margin:0 0 24px;font-size:17px;line-height:1.55}.portfolio-project[data-tone=light] .portfolio-project__content>div>p{opacity:.94}.portfolio-project__category{background:#0000001a;border-radius:999px;align-items:center;min-height:38px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.portfolio-project[data-tone=light] .portfolio-project__category{background:#ffffff26}.portfolio-project__stores{flex-wrap:wrap;gap:16px;margin-top:26px;display:flex}.portfolio-store{color:#fff;min-height:60px;transition:transform var(--transition-fast), filter var(--transition-fast);border-radius:12px;align-items:center;gap:10px;padding:10px 20px;display:inline-flex;box-shadow:0 10px 24px #0000002e}.portfolio-store:hover{filter:brightness(1.08);transform:translateY(-2px)}.portfolio-store:focus-visible{outline-offset:3px;outline:3px solid}.portfolio-store--apple{background:#000}.portfolio-store--google{background:#1374e7}.portfolio-store svg{flex:none;width:22px;height:22px}.portfolio-store span{text-align:left;display:grid}.portfolio-store small{opacity:.8;font-size:11px}.portfolio-store strong{font-size:14px;line-height:1.25}.portfolio-project__visual{min-height:500px;position:relative;overflow:hidden}.portfolio-project__visual img{object-fit:cover;object-position:left center;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.portfolio-project:hover .portfolio-project__visual img{transform:scale(1.025)}@keyframes portfolio-scroll{0%,to{transform:translateY(-2px)}50%{transform:translateY(5px)}}@media (max-width:1023px){.portfolio-hero__breadcrumbs{top:130px}.portfolio-project__layout{grid-template-columns:1fr}.portfolio-project__visual{min-height:360px}}@media (max-width:767px){.portfolio-hero{min-height:100svh}.portfolio-hero__container{min-height:100svh;padding-top:108px;padding-bottom:72px}.portfolio-hero__breadcrumbs{font-size:13px;top:140px}.portfolio-hero__content{margin-top:-48px;padding-top:0}.portfolio-hero h1{font-size:48px;line-height:60px}.portfolio-hero__title-line:first-of-type{display:block}.portfolio-hero__content>p{margin-top:30px;font-size:18px;line-height:1.72}.portfolio-hero__content>a{min-height:56px;margin-top:38px}.portfolio-hero__scroll{bottom:24px}.portfolio-stats{padding:56px 0}.portfolio-stats__grid{grid-template-columns:1fr}.portfolio-stat{padding:35px 18px}.portfolio-stat+.portfolio-stat{border-top:1px solid #e2e8f0;border-left:0}.portfolio-stat strong{font-size:48px}.portfolio-projects{padding:64px 0}.portfolio-projects__list{gap:48px}.portfolio-project{border-radius:24px}.portfolio-project__layout{min-height:0}.portfolio-project__content{min-height:680px;padding:32px}.portfolio-project__number{font-size:96px;top:24px;right:20px}.portfolio-project__icon{width:80px;height:80px}.portfolio-project h2{font-size:30px}.portfolio-project__content>div>p{font-size:16px;line-height:1.6}.portfolio-project__stores{margin-top:28px}.portfolio-store{padding-inline:16px}.portfolio-project__visual{min-height:280px}.portfolio-project:hover{transform:none}}@media (max-width:374px){.portfolio-hero__breadcrumbs{top:126px}.portfolio-hero__content{padding-top:0}.portfolio-project__content{min-height:0;padding:28px}.portfolio-project__stores{gap:10px}.portfolio-store{min-height:56px;padding-inline:13px}}@media (prefers-reduced-motion:reduce){.portfolio-hero__scroll svg,.portfolio-project__visual img{transition-duration:.01ms;animation:none}.portfolio-hero__content>a,.portfolio-project,.portfolio-store{transition-duration:.01ms}}