.portfolio-hero{align-items:center;min-height:85vh;display:flex;position:relative;overflow:hidden}.portfolio-hero__video-wrapper{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-hero__video{object-fit:cover;width:100%;height:100%}.portfolio-hero__overlay{z-index:1;background:linear-gradient(#0000 0%,#0006 100%);height:40%;position:absolute;bottom:0;left:0;right:0}.portfolio-hero__container{z-index:2;width:100%;position:relative}.portfolio-hero__content{text-align:left;max-width:800px;margin-left:0}.portfolio-hero__title{flex-wrap:wrap;gap:.3rem;margin-bottom:.75rem;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;line-height:1.3;display:flex}.portfolio-hero__title-word{white-space:nowrap;display:inline-block}.portfolio-hero__title-letter{color:#fff;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;transform:translateY(20px)}.portfolio-hero__title-letter--visible{opacity:1;transform:translateY(0)}.portfolio-hero__title-letter:hover{color:#0000;background:linear-gradient(135deg,#fff,#dc2626,#ef4444);-webkit-background-clip:text;background-clip:text;transform:translateY(-3px)scale(1.08)}.portfolio-hero__subtitle{color:#fffffff2;max-width:600px;margin-bottom:.25rem;font-size:clamp(.9rem,2vw,1rem);line-height:1.5}.portfolio-hero__subtitle-secondary{color:#fffc;max-width:600px;font-size:clamp(.85rem,1.8vw,.95rem);line-height:1.4}@media (max-width:768px){.portfolio-hero{min-height:50vh}.portfolio-hero__title{flex-direction:column;gap:.2rem;font-size:clamp(1.5rem,6vw,2rem)}.portfolio-hero__title-word{white-space:normal}.portfolio-hero__content,.portfolio-hero__subtitle,.portfolio-hero__subtitle-secondary{text-align:center;margin-left:auto;margin-right:auto}}.portfolio-content{padding:4rem 0}.portfolio-section-header{margin-bottom:2rem}.portfolio-section-header__badge{color:#ef4444;text-transform:uppercase;letter-spacing:2px;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.7rem;font-weight:600;display:inline-flex}.portfolio-section-header__badge-line{background:linear-gradient(135deg,#dc2626,#ef4444);width:30px;height:2px}.portfolio-section-header__title{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;display:flex}.portfolio-section-header__title-word{color:rgb(var(--text-primary))}.portfolio-section-header__title-accent{color:#0000;background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-background-clip:text;background-clip:text}.portfolio-section-header__subtitle{color:rgb(var(--text-secondary));font-size:.9rem}@media (max-width:768px){.portfolio-section-header{text-align:center;margin-bottom:1.5rem}.portfolio-section-header__title{justify-content:center}}.portfolio-swipe-hint{display:none}@media (max-width:768px){.portfolio-swipe-hint{color:rgb(var(--text-secondary));justify-content:flex-end;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;animation:.6s ease-out fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.portfolio-swipe-hint__text{font-size:.75rem}.portfolio-swipe-hint__arrow{animation:1.5s ease-in-out infinite bounceRight}@keyframes bounceRight{0%,to{transform:translate(0)}50%{transform:translate(8px)}}}.portfolio-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:768px){.portfolio-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.portfolio-grid::-webkit-scrollbar{height:4px}.portfolio-grid::-webkit-scrollbar-track{background:rgba(var(--bg-secondary), .3);border-radius:4px}.portfolio-grid::-webkit-scrollbar-thumb{background:#dc2626;border-radius:4px}.portfolio-card{scroll-snap-align:start;opacity:0;flex:0 0 85%;animation:.4s ease-out forwards slideIn;transform:translate(30px)}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.portfolio-grid:after{content:"";flex:0 0 10px}}.portfolio-card{background:rgba(var(--bg-card), .3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--accent), .1);border-radius:1rem;transition:all .4s cubic-bezier(.2,.9,.4,1.1);animation:.6s ease-out both cardAppear;overflow:hidden}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.portfolio-card:hover{background:rgba(var(--bg-card), .5);border-color:#dc26264d;transform:translateY(-6px)}.portfolio-card__video-wrapper{aspect-ratio:9/16;cursor:pointer;position:relative;overflow:hidden}.portfolio-card__video{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio-card:hover .portfolio-card__video{transform:scale(1.05)}.portfolio-card__overlay{opacity:0;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.portfolio-card__video-wrapper:hover .portfolio-card__overlay{opacity:1}.portfolio-card__play{background:#dc2626e6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex}.portfolio-card__play svg{color:#fff;margin-left:4px}.portfolio-card__video-wrapper:hover .portfolio-card__play{background:#dc2626;transform:scale(1.1)}@media (max-width:1200px){.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width:768px){.portfolio-content{padding:2rem 0}.portfolio-card__play{width:50px;height:50px}.portfolio-card__play svg{width:24px;height:24px}}.portfolio-modal{z-index:1000;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;animation:.3s modalFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.portfolio-modal__content{background:rgba(var(--bg-card), .95);border-radius:1rem;width:auto;max-width:90vw;position:relative;overflow:hidden}.portfolio-modal__close{color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.portfolio-modal__close:hover{background:#dc2626;transform:scale(1.1)}.portfolio-modal__video-wrapper{aspect-ratio:9/16;width:auto;max-height:85vh;margin:0 auto}.portfolio-modal__video{object-fit:contain;width:auto;height:100%;max-height:85vh}@media (max-width:768px){.portfolio-modal{padding:1rem}.portfolio-modal__close{width:30px;height:30px;top:.5rem;right:.5rem}.portfolio-modal__video-wrapper{max-height:80vh}}.portfolio-cta{text-align:center;background:linear-gradient(135deg,#dc26261a,#ef44440d);border:1px solid #dc262633;border-radius:1.5rem;margin-top:4rem;padding:3rem 2rem}.portfolio-cta__title{color:rgb(var(--text-primary));margin-bottom:.75rem;font-size:clamp(1.3rem,2.5vw,1.6rem)}.portfolio-cta__text{color:rgb(var(--text-secondary));max-width:500px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:.9rem}.portfolio-cta__buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.portfolio-cta__btn{border-radius:9999px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.portfolio-cta__btn--primary{color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444)}.portfolio-cta__btn--primary:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 8px 25px #dc26264d}.portfolio-cta__btn--secondary{color:#dc2626;background:0 0;border:2px solid #dc2626}.portfolio-cta__btn--secondary:hover{color:#ef4444;background:#dc26261a;border-color:#ef4444;transform:translateY(-2px)}@media (max-width:480px){.portfolio-cta__buttons{flex-direction:column;align-items:center}.portfolio-cta__btn{justify-content:center;width:100%}}