.portfolio-page{padding-top:7rem;padding-bottom:6rem}.portfolio-header{margin-bottom:3.5rem}.portfolio-header .subtitle{color:var(--text-secondary);margin:0;font-size:1.15rem}.section-label{text-transform:uppercase;letter-spacing:2px;color:var(--accent-secondary);margin-bottom:.5rem;font-size:.78rem;font-weight:700}.section-title{color:#fff;margin-bottom:.8rem;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700}.section-desc{color:var(--text-secondary);max-width:680px;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.section-divider{background:linear-gradient(90deg,transparent,var(--glass-border)20%,var(--accent-primary)50%,var(--glass-border)80%,transparent);width:100%;height:1px;margin:4rem 0}.videos-section{margin-bottom:0}.videos-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.video-wrapper{padding:1rem}.iframe-container{border-radius:10px;width:100%;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000080}.iframe-container iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.projects-section{margin-bottom:0}.projects-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:2rem;display:grid}.proj-card{flex-direction:column;display:flex;position:relative}.proj-card:before{content:"";background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transform-origin:0;border-radius:16px 16px 0 0;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.proj-card:hover:before{transform:scaleX(1)}.proj-type{text-transform:uppercase;letter-spacing:1.2px;color:var(--accent-secondary);margin-bottom:.4rem;font-size:.78rem;font-weight:700}.proj-title{color:#fff;margin-bottom:.75rem;font-size:1.35rem;font-weight:700;line-height:1.3}.proj-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:0;font-size:1rem;line-height:1.65}.tags{flex-wrap:wrap;gap:.45rem;margin-top:1.2rem;display:flex}.tag{letter-spacing:.5px;text-transform:uppercase;color:var(--accent-primary);background:#6ee7b714;border:1px solid #6ee7b72e;border-radius:999px;padding:.28rem .8rem;font-size:.73rem;font-weight:600;display:inline-block}.proj-link{color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;align-items:center;margin-top:1.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.proj-link span{margin-left:.4rem;transition:transform .25s}.proj-link:hover span{transform:translate(5px)}.bc-root{flex-direction:column;margin-top:1.4rem;display:flex}@keyframes bc-enter{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bc-slide{cursor:grab;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:1.6rem 1.4rem 1.5rem;animation:.25s forwards bc-enter;position:relative;overflow:hidden}.bc-slide:active{cursor:grabbing}.bc-glow{opacity:.14;filter:blur(44px);pointer-events:none;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-30px;left:-30px}.bc-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);margin-bottom:.35rem;font-size:.7rem;font-weight:600}.bc-name{color:var(--brand-color,var(--accent-primary));margin-bottom:1.2rem;font-size:1.45rem;font-weight:800;line-height:1.2}.bc-badges{flex-wrap:wrap;gap:.5rem;display:flex}.bc-badge{letter-spacing:.3px;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.42rem .9rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.bc-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000073}.bc-yt{color:#fff;background:red}.bc-sp{color:#fff;background:#1db954}.bc-am{color:#fff;background:linear-gradient(135deg,#fc3c44,#d63031)}.bc-controls{justify-content:space-between;align-items:center;margin-top:1rem;padding:0 .1rem;display:flex}.bc-arrow{color:var(--text-primary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;transition:background .2s,transform .15s;display:flex}.bc-arrow:hover{background:#ffffff24;transform:scale(1.1)}.bc-dots{align-items:center;gap:.45rem;display:flex}.bc-dot{cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .25s,transform .25s}.bc-dot-active{transform:scale(1.4)}@media (max-width:768px){.portfolio-page{padding-top:5.5rem}.projects-grid,.videos-grid{grid-template-columns:1fr}.section-divider{margin:3rem 0}}