.portfolio-page{padding-top:var(--page-top);padding-bottom:100px;min-height:100vh;box-sizing:border-box;background:radial-gradient(circle at 10% 20%,#fef2f273,#fff 90%);color:#0f172a}.portfolio-hero{text-align:center;margin-bottom:80px;padding:0 20px}.portfolio-page-title{font-size:clamp(2.5rem,5vw,4.2rem);font-weight:900;margin-bottom:20px;letter-spacing:-.03em;color:#0f172a}.portfolio-page-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:#475569;max-width:700px;margin:0 auto;line-height:1.6}.project-section{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,4vw,80px);padding:clamp(60px,8vh,100px) 5%;border-bottom:1px solid #f1f5f9;align-items:center}.project-section:last-child{border-bottom:none}.project-info-col{display:flex;flex-direction:column;gap:30px}.portfolio-header{display:flex;flex-direction:column;gap:16px}.header-top{display:flex;align-items:center;gap:12px}.subtitle-tag{font-family:system-ui,-apple-system,sans-serif;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.project-divider{color:#cbd5e1}.project-id{font-family:monospace;font-size:.95rem;color:#94a3b8}.project-title{font-size:clamp(2.2rem,3.5vw,3.2rem);font-weight:850;color:#0f172a;letter-spacing:-.02em;margin:0}.portfolio-desc{font-size:1.05rem;color:#475569;line-height:1.7;margin:0}.portfolio-desc .highlight{color:#0f172a;font-weight:650}.stats-minimal{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 20px}.stat-item-minimal{display:flex;align-items:flex-start;gap:12px}.stat-icon-min{margin-top:2px}.stat-val{display:block;font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:2px}.portfolio-page .stat-label{display:block;font-size:.88rem;color:#64748b}.cta-minimal{margin-top:10px}.minimal-btn{display:inline-flex;align-items:center;padding:12px 24px;background:transparent;border:1px solid #cbd5e1;border-radius:12px;color:#334155;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.minimal-btn:hover{border-color:var(--hover-color, #f43f5e);color:var(--hover-color, #f43f5e);box-shadow:0 0 20px #0f172a0a;transform:translateY(-2px)}.project-visual-col{width:100%}.portfolio-carousel-container{width:100%;max-width:100%;height:clamp(280px,30vw,440px);border-radius:20px;border:1px solid #e2e8f0;background:#fff;overflow:hidden;box-shadow:0 20px 45px #0f172a0a}.portfolio-carousel{display:flex;gap:16px;padding:0;height:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.portfolio-carousel::-webkit-scrollbar{display:none}.portfolio-carousel-track{display:flex;gap:16px;height:100%}.portfolio-img{height:100%;width:auto;aspect-ratio:auto 472 / 1024;object-fit:contain;border-radius:12px;scroll-snap-align:start;flex-shrink:0;border:1px solid #f1f5f9}.design-slideshow-section{max-width:1000px;margin:0 auto 80px;padding:0 20px;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.design-slideshow-container{position:relative;width:100%;aspect-ratio:16 / 10;max-height:560px;border-radius:24px;border:1px solid rgba(226,232,240,.8);background:#ffffff80;overflow:hidden;box-shadow:0 30px 60px #0f172a0f;display:flex;justify-content:center;align-items:center}.design-slideshow-track{width:100%;height:100%;position:relative}.design-slideshow-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:24px;opacity:0;transition:opacity .6s ease}.design-slideshow-img.is-active{opacity:1}.design-slideshow-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:24px}.slideshow-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;border:none;cursor:pointer;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.slideshow-dot:hover{background:#94a3b8}.slideshow-dot.active{background:#0f172a;transform:scale(1.1);width:28px;border-radius:99px}@media(max-width:1440px),(max-height:850px){.portfolio-page{padding-top:var(--page-top)}.portfolio-hero{padding:30px 5% 20px}.portfolio-page-title{font-size:clamp(2rem,3.8vw,3.4rem);margin-bottom:12px}.project-section{padding:50px 5%;gap:40px}.project-title{font-size:clamp(1.8rem,2.8vw,2.5rem)}.portfolio-carousel-container{height:clamp(250px,24vw,340px)}}@media(max-width:900px){.project-section{grid-template-columns:1fr;gap:50px;padding:60px 5%}.portfolio-carousel-container{max-width:100%}}@media(max-width:768px){.portfolio-page{padding-top:var(--page-top)}.project-section{display:flex;flex-direction:column;gap:32px;padding:50px 4%}.project-visual-col{order:-1;width:100%}.project-info-col{width:100%;gap:24px}.portfolio-carousel-container{height:350px;max-width:100%;border-radius:16px}.portfolio-img{border-radius:10px}.project-title{font-size:1.85rem;font-weight:800}.portfolio-desc{font-size:.98rem;line-height:1.6}.stats-minimal{grid-template-columns:1fr;gap:10px}.stat-item-minimal{background:#0f172a08;border:1px solid rgba(15,23,42,.05);border-radius:12px;padding:12px 16px;align-items:center}.stat-val{font-size:.95rem;margin-bottom:0}.portfolio-page .stat-label{font-size:.8rem}.cta-minimal{margin-top:5px;width:100%}.minimal-btn{display:flex;width:100%;justify-content:center;box-sizing:border-box;background:#0f172a;color:#fff;border:none;padding:14px 0;border-radius:12px;box-shadow:0 4px 12px #0f172a1a}.minimal-btn:hover{background:var(--hover-color, #f43f5e);color:#fff}.design-slideshow-section{margin-bottom:50px}.design-slideshow-container,.design-slideshow-img{border-radius:16px}.slideshow-dot.active{width:20px}}