.portfolio-page{position:relative;--portfolio-pad:clamp(40px,5.25vw,62px)}.portfolio-page>main{position:relative;z-index:1}.portfolio-hero,.portfolio-grid-section,.portfolio-why{position:relative;isolation:isolate;overflow:hidden}.portfolio-hero>.container,.portfolio-grid-section>.container,.portfolio-why>.container{position:relative;z-index:1}.section-texture--portfolio-hero{background:radial-gradient(ellipse 50% 45% at 15% 35%,rgba(217,4,41,0.07) 0%,transparent 65%),repeating-linear-gradient(-38deg,transparent,transparent 120px,rgba(255,255,255,0.015) 120px,rgba(255,255,255,0.015) 121px)}.section-texture--portfolio-grid{background:radial-gradient(ellipse 40% 35% at 90% 20%,rgba(217,4,41,0.04) 0%,transparent 70%),linear-gradient(rgba(255,255,255,0.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.018) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.section-texture--portfolio-alt{background-color:var(--bg-section);background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,black 60%,transparent 100%)}.portfolio-hero{padding:calc(var(--nav-h) + clamp(32px,5vh,48px)) 0 clamp(48px,6vh,72px)}.portfolio-hero__inner{display:grid;grid-template-columns:1.05fr 0.95fr;gap:clamp(32px,4.5vw,56px);align-items:center}.portfolio-hero__content{min-width:0}.portfolio-hero__title{font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:600;line-height:1.08;letter-spacing:-0.035em;color:var(--text);margin:0}.portfolio-hero__text{margin-top:clamp(16px,2.5vh,22px);max-width:520px;font-size:clamp(0.9375rem,1.5vw,1.0625rem);line-height:1.75;color:var(--text-muted)}.portfolio-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(28px,4vh,40px)}.portfolio-hero__visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.portfolio-hero__visual-grid{position:absolute;inset:-6%;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 75%);pointer-events:none}.portfolio-hero__glow{position:absolute;width:100%;height:90%;background:radial-gradient(ellipse,rgba(217,4,41,0.19) 0%,transparent 68%);filter:blur(48px);animation:bloomPulse 9s ease-in-out infinite;pointer-events:none}.portfolio-hero__card{position:relative;width:100%;max-width:420px;background:rgba(255,255,255,0.03);border:1px solid rgba(217,4,41,0.14);border-radius:16px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 32px 64px rgba(0,0,0,0.45),0 0 90px rgba(217,4,41,0.06);animation:mockupFloat 10s ease-in-out infinite;transition:border-color 0.3s ease,box-shadow 0.3s ease}.portfolio-hero__stats:hover{border-color:rgba(217,4,41,0.28);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 36px 72px rgba(0,0,0,0.48),0 0 110px rgba(217,4,41,0.12)}.portfolio-hero__card-texture{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(180deg,black 40%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,black 40%,transparent 100%);pointer-events:none}.portfolio-hero__card-inner{position:relative;z-index:1;padding:clamp(26px,3.5vw,32px) clamp(24px,3vw,30px) clamp(28px,3.5vw,34px);background:rgba(0,0,0,0.55)}.portfolio-hero__card-title{margin:0;font-size:clamp(0.9375rem,1.5vw,1.0625rem);font-weight:600;line-height:1.45;letter-spacing:-0.02em;color:var(--text)}.portfolio-hero__stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 16px;margin-top:24px}.portfolio-hero__stat{display:flex;flex-direction:column;gap:4px;padding:14px 12px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:10px;transition:border-color 0.3s ease,background 0.3s ease}.portfolio-hero__stats:hover .portfolio-hero__stat{border-color:rgba(217,4,41,0.15)}.portfolio-hero__stat-value{font-size:clamp(1.5rem,2.5vw,1.875rem);font-weight:600;line-height:1.1;letter-spacing:-0.03em;color:var(--text)}.portfolio-hero__stat-label{font-size:0.75rem;font-weight:500;line-height:1.4;color:var(--text-muted)}.portfolio-grid-section{padding:clamp(48px,6vw,72px) 0 var(--portfolio-pad);border-top:1px solid rgba(255,255,255,0.04)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.5vw,28px);align-items:stretch}.portfolio-project{display:flex;flex-direction:column;height:100%;padding:0;border-color:rgba(217,4,41,0.12);overflow:hidden;transition:transform 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}.portfolio-project:hover{transform:translateY(-6px);border-color:rgba(217,4,41,0.55);box-shadow:0 24px 48px rgba(217,4,41,0.14)}.portfolio-project__browser{flex-shrink:0}.portfolio-project__browser .browser{border:none;border-radius:0;border-bottom:1px solid rgba(255,255,255,0.05)}.portfolio-project__browser .browser__chrome{line-height:normal}.portfolio-project__browser .browser__url{font-size:0.6875rem;font-weight:500;line-height:1.4;color:rgba(255,255,255,0.42)}.portfolio-project__browser .browser__url-text{flex:1;min-width:0;line-height:1.4;color:rgba(255,255,255,0.58);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-project__browser .browser__viewport{height:280px;aspect-ratio:auto;background:#0a0a0a;overflow:hidden;line-height:0}.portfolio-project__browser .browser__screenshot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 0.3s ease}.portfolio-project:hover .browser__screenshot{transform:scale(1.02)}.portfolio-project__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:20px 24px 24px}.portfolio-project__category{margin:0;font-size:0.6875rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:#ff4d68}.portfolio-project__title{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:-0.02em;color:var(--text);line-height:1.25}.portfolio-project__meta{margin:2px 0 0;font-size:0.6875rem;font-weight:500;letter-spacing:0.06em;color:var(--text-muted)}.portfolio-project__desc{margin:0;font-size:0.875rem;line-height:1.6;color:var(--text-muted)}.portfolio-project__result{margin:0;font-size:0.8125rem;font-weight:500;line-height:1.55;color:var(--text);opacity:0.88}.portfolio-project__tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(36px,1fr));gap:10px;margin-top:auto;padding-top:6px;flex-shrink:0;min-height:calc(36px * 2 + 10px)}.portfolio-project__tags span{box-sizing:border-box;width:100%;min-height:36px;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:999px;white-space:normal;padding:6px 10px;font-size:12px;font-weight:500;line-height:1.2;color:var(--text-muted);background:var(--glass);border:1px solid var(--border)}.portfolio-project__cta{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;flex-shrink:0;font-size:0.875rem;font-weight:600;letter-spacing:-0.01em;color:#ff4d68;transition:color 0.3s ease}.portfolio-project__cta:hover{color:var(--text)}.portfolio-project:hover .portfolio-project__cta{color:var(--text)}.portfolio-project--next{background:rgba(0,0,0,0.35);border-color:rgba(217,4,41,0.18)}.portfolio-project--next:hover{border-color:rgba(217,4,41,0.55)}.portfolio-project__next-visual{position:relative;flex-shrink:0;height:calc(280px + 47px);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);border-bottom:1px solid rgba(255,255,255,0.05);overflow:hidden}.portfolio-project__next-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(217,4,41,0.14) 0%,transparent 70%);animation:portfolioNextGlow 4s ease-in-out infinite;pointer-events:none}.portfolio-project__next-wire{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;width:min(72%,280px)}.portfolio-project__next-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:1.75rem;font-weight:300;line-height:1;color:var(--accent);border:1px solid rgba(217,4,41,0.35);border-radius:50%;background:rgba(217,4,41,0.06)}.portfolio-project__next-frame{width:100%;height:120px;border:1px dashed rgba(255,255,255,0.12);border-radius:8px;background:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:20px 20px}.portfolio-project__next-lines{display:flex;flex-direction:column;gap:8px;width:100%}.portfolio-project__next-lines span{display:block;height:8px;border-radius:4px;background:rgba(255,255,255,0.06)}.portfolio-project__next-lines span:nth-child(1){width:100%}.portfolio-project__next-lines span:nth-child(2){width:78%}.portfolio-project__next-lines span:nth-child(3){width:52%}.portfolio-project__next-btn{margin-top:auto;width:fit-content}@keyframes portfolioNextGlow{0%,100%{opacity:0.7}50%{opacity:1}}.portfolio-why{padding:clamp(40px,5vw,56px) 0 clamp(56px,6.5vw,88px);border-top:1px solid rgba(255,255,255,0.04);background:var(--bg-section)}.portfolio-why__header{text-align:center;margin-bottom:clamp(28px,3.5vw,36px)}.portfolio-why__header .section-title{margin:0;text-transform:uppercase;letter-spacing:0.04em;font-size:clamp(1.375rem,2.4vw,1.75rem)}.portfolio-why__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.75vw,18px);align-items:stretch}.portfolio-why-card{display:flex;flex-direction:column;height:100%;padding:clamp(22px,2.5vw,28px) clamp(20px,2.25vw,24px);border-color:rgba(217,4,41,0.12);transition:transform 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}.portfolio-why-card:hover{transform:translateY(-4px);border-color:rgba(217,4,41,0.5);box-shadow:0 20px 40px rgba(217,4,41,0.12)}.portfolio-why-card h3{margin:0 0 10px;text-transform:uppercase;font-size:0.8125rem;font-weight:600;letter-spacing:0.08em;color:var(--text)}.portfolio-why-card>p{margin:0;flex:1;font-size:0.875rem;line-height:1.65;color:var(--text-muted)}@media (max-width:1024px){.portfolio-hero__inner{grid-template-columns:1fr;gap:36px}.portfolio-hero__visual{justify-content:center}.portfolio-hero__card{max-width:480px}.portfolio-hero__text{max-width:none}.portfolio-project__browser .browser__viewport{height:240px}.portfolio-project__tags{grid-template-columns:repeat(2,1fr)}.portfolio-why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-project__next-visual{height:calc(240px + 47px)}}@media (max-width:768px),(hover:none),(pointer:coarse){.portfolio-project__browser .browser__viewport{height:220px}.portfolio-project:hover .browser__screenshot{transform:none}}@media (prefers-reduced-motion:reduce){.portfolio-hero__card{animation:none}.portfolio-project__next-glow{animation:none}.portfolio-project:hover .browser__screenshot{transform:none}}@media (max-width:640px){.portfolio-grid{grid-template-columns:1fr;gap:20px}.portfolio-project__tags{grid-template-columns:repeat(2,1fr)}.portfolio-hero__actions{flex-direction:column;width:100%}.portfolio-hero__actions .btn{width:100%;justify-content:center}.portfolio-project__next-visual{height:calc(220px + 47px)}}@media (max-width:480px){.portfolio-project__tags{grid-template-columns:1fr;grid-template-rows:unset;min-height:0}}@media (max-width:320px){.portfolio-hero__title{font-size:1.875rem}.portfolio-project__body{padding:20px 20px 24px}}.portfolio-page{--portfolio-pad:clamp(40px,4.5vw,54px)}.portfolio-hero{padding-top:calc(var(--nav-h) + clamp(32px,4vw,44px));padding-bottom:clamp(40px,4vw,52px)}.portfolio-grid-section{padding:clamp(40px,4.5vw,54px) 0 var(--portfolio-pad)}.portfolio-why{padding:40px 0 clamp(48px,5vw,60px)}.portfolio-project__body{padding:20px 22px 22px}@media (max-width:640px){.portfolio-hero{padding-top:calc(var(--nav-h) + 28px);padding-bottom:40px}.portfolio-grid-section{padding:40px 0}.portfolio-why{padding:36px 0 48px}.portfolio-project__tags{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.portfolio-hero{padding-top:calc(var(--nav-h) + 32px);padding-bottom:32px}.portfolio-hero__inner,.portfolio-grid-section>.container,.portfolio-why>.container{padding-left:24px;padding-right:24px}.portfolio-hero__inner{gap:24px}.portfolio-hero__content,.portfolio-why__header{text-align:left}.portfolio-hero__text{margin-left:0;margin-right:0}.portfolio-hero__actions{gap:12px}.portfolio-hero__card{max-width:none}.portfolio-hero__card-inner{padding:22px 18px}.portfolio-hero__stats-grid{gap:10px;margin-top:18px}.portfolio-grid-section{padding:32px 0}.portfolio-grid{gap:16px}.portfolio-project,.portfolio-why-card{height:auto}.portfolio-project__browser .browser__viewport{height:auto;aspect-ratio:16 / 10}.portfolio-project__body{gap:9px;padding:18px}.portfolio-project__tags{grid-template-columns:1fr;grid-template-rows:none;min-height:0;gap:8px}.portfolio-project__tags span{min-height:34px}.portfolio-project__next-visual{height:220px}.portfolio-why{padding:32px 0 44px}.portfolio-why__header{margin-bottom:18px}.portfolio-why__grid{grid-template-columns:1fr;gap:12px}.portfolio-why-card{padding:18px}.portfolio-why-card>p{flex:initial}}