.portfolio-page{color:#000;background:#fff;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.portfolio-pin-section{flex-direction:column;justify-content:center;width:100%;min-height:100vh;display:flex}:root{--gap:1.25vw;--speed:.6s cubic-bezier(.25,.46,.45,.94);--closed:5.8vw;--open:35vw;--accent:#ff6b35}.slider-section{width:100%;max-width:83.3vw;margin:auto;padding:0 2.1vw}.portfolio-hero-header{text-align:center;padding:5vw 1vw 0}.portfolio-hero-title{color:#000;letter-spacing:-.08vw;text-transform:uppercase;font-size:4.6vw;font-weight:900;line-height:1;font-family:var(--font-outfit),sans-serif;margin-bottom:1.6vw}.portfolio-hero-title span{color:var(--accent)}.hero-description{color:#0009;max-width:39vw;margin:0 auto;font-size:1.2vw;font-weight:400;line-height:1.6}.head{justify-content:space-between;align-items:flex-end;gap:1.6vw;margin-bottom:3.1vw;display:flex}.portfolio-intro{margin-bottom:2.1vw}.portfolio-label{text-transform:uppercase;color:var(--accent);letter-spacing:.16vw;margin-bottom:.8vw;font-size:.75vw;font-weight:700;display:block}.portfolio-description-text{color:#000000b3;max-width:31.25vw;font-size:.9vw;line-height:1.6}.head h2{font:500 1.5vw/1.2 var(--font-outfit),sans-serif;color:#000;max-width:41.6vw}@media (min-width:1024px){.head h2{font-size:2.5vw}}.controls{flex-direction:row;gap:.66vw;display:flex}.portfolio-nav-btn{color:#fff;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.9vw;height:2.9vw;font-size:1.66vw;transition:all .3s;display:flex}.portfolio-nav-btn:hover{background:var(--accent);color:#fff}.portfolio-nav-btn:disabled{opacity:.3;cursor:default}.slider-wrapper{width:100%;padding-top:2.6vw;overflow:hidden}.track{gap:var(--gap);scroll-behavior:smooth;scroll-snap-type:x mandatory;justify-content:center;align-items:flex-start;margin-top:1vw;padding-bottom:5.2vw;display:flex}.track::-webkit-scrollbar{display:none}.project-card{flex:0 0 var(--closed);cursor:pointer;height:29.1vw;transition:flex-basis var(--speed),transform var(--speed);border:.05vw solid #0000001a;border-radius:1.25vw;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000d}.project-card.active{flex-basis:var(--open);border-color:#ff6b35;transform:translateY(-.52vw);box-shadow:0 0 1.3vw #ff6b354d,0 1.3vw 3.6vw #0000001a}.project-card__bg{object-fit:cover;filter:brightness(.9);width:100%;height:100%;transition:filter .3s,transform var(--speed);position:absolute;top:0;bottom:0;left:0;right:0}.project-card:hover .project-card__bg{filter:brightness();transform:scale(1.08)}.project-card__content{z-index:2;background:linear-gradient(#0000 30%,#000c 100%);flex-direction:column;justify-content:center;align-items:center;gap:.8vw;padding:0;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.project-card__title{color:#fff;writing-mode:vertical-rl;white-space:nowrap;font-size:1.5vw;font-weight:700;transform:rotate(180deg)}.project-card__thumb,.project-card__desc,.project-card__btn{display:none}.project-card.active .project-card__content{flex-direction:row;justify-content:flex-start;align-items:center;gap:2vw;padding:1.66vw 3.3vw}.project-card.active .project-card__title{writing-mode:horizontal-tb;white-space:normal;max-width:100%;margin-bottom:.4vw;font-size:2.5vw;line-height:1.1;transform:none}.project-card.active .project-card__content>div{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.project-card.active .project-card__thumb,.project-card.active .project-card__desc,.project-card.active .project-card__btn{display:block}.project-card__thumb{object-fit:cover;border-radius:.66vw;flex-shrink:0;width:9.3vw;height:18.75vw;box-shadow:0 .4vw 1.3vw #0003}.project-card__desc{color:#ddd;max-width:16.6vw;margin-bottom:1.66vw;font-size:1vw;line-height:1.5}.project-card__btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50vw;padding:.66vw 1.66vw;font-size:.83vw;font-weight:700;transition:all .3s}.project-card__btn:hover{background:#ff824f;transform:scale(1.05)}.dots{justify-content:center;gap:.4vw;padding:1vw 0;display:flex}.dot{cursor:pointer;background:#0003;border-radius:50%;width:.67vw;height:.67vw;transition:all .3s}.dot.active{background:var(--accent);transform:scale(1.2)}.cta-actions{align-items:center;gap:1.5vw;display:flex}.cta-primary-btn{background:linear-gradient(135deg,var(--accent),#ff824f);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.8vw;padding:1.2vw 2.5vw;font-size:1vw;font-weight:700;transition:all .3s;display:flex;box-shadow:0 .5vw 1.5vw #ff6b3566}.cta-primary-btn:hover{transform:translateY(-.3vw);box-shadow:0 1vw 2.5vw #ff6b3599}.cta-primary-btn svg{transition:transform .3s}.cta-primary-btn:hover svg{transform:translate(.3vw,-.3vw)}.cta-secondary-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50px;padding:1.2vw 2.5vw;font-size:1vw;font-weight:600;transition:all .3s}.cta-secondary-btn:hover{background:#ffffff0d;border-color:#ffffff80;transform:translateY(-.3vw)}.cta-visual{pointer-events:none;z-index:1;width:40%;height:100%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.abstract-shape{filter:blur(40px);background:radial-gradient(circle,#ff6b3526,#0000 70%);border-radius:50%;position:absolute}.shape-1{width:25vw;height:25vw;animation:6s ease-in-out infinite float;top:10%;right:5%}.shape-2{width:18vw;height:18vw;animation:8s ease-in-out infinite reverse float;bottom:15%;right:20%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2vw)rotate(5deg)}}@media (max-width:1024px){.portfolio-hero-title{font-size:8vw}.hero-description{max-width:70vw;font-size:2vw}.project-card.active .project-card__title{font-size:4vw}.project-card.active .project-card__desc{max-width:30vw;font-size:1.8vw}.cta-title{font-size:8vw}.cta-desc{font-size:2.2vw}}@media (max-width:767px){.portfolio-pin-section{padding:15vw 0}.portfolio-hero-header{margin-top:10vw;margin-bottom:8vw}.portfolio-hero-title{letter-spacing:-.05vw;text-transform:uppercase;margin-bottom:4vw;padding:0 5vw;font-size:10vw}.hero-description{color:#000000b3;max-width:100%;padding:0 8vw;font-size:4vw}.slider-section{max-width:100%;padding:0 5vw}.head{flex-direction:column;align-items:center;margin-bottom:8vw}.controls{justify-content:center;gap:8vw;width:100%;margin-top:6vw}.portfolio-nav-btn{width:14vw;height:14vw;font-size:8vw}.track{flex-direction:column;gap:6vw;padding-bottom:10vw}.project-card{border-radius:6vw;flex:none;width:100%;height:auto;min-height:20vw}.project-card.active{flex-basis:auto;min-height:120vw;transform:translateY(-2vw)}.project-card__content{background:linear-gradient(#0000 0%,#000000e6 70%);padding:6vw}.project-card__title{writing-mode:horizontal-tb;margin-bottom:0;font-size:5vw;transform:none}.project-card.active .project-card__content{text-align:center;flex-direction:column;justify-content:flex-end;padding:10vw 6vw 6vw}.project-card.active .project-card__title{text-align:center;margin-bottom:4vw;font-size:8vw}.project-card.active .project-card__thumb{border-radius:4vw;align-self:center;width:60vw;height:40vw;margin-bottom:6vw}.project-card.active .project-card__desc{max-width:100%;margin-bottom:6vw;font-size:4vw}.project-card.active .project-card__btn{border-radius:10vw;width:100%;padding:4vw;font-size:4.5vw}.dots{gap:3vw;padding:6vw 0}.dot{width:2.5vw;height:2.5vw}.dot.active{border-radius:4vw;width:8vw}.portfolio-cta-section{padding:40px 20px}.portfolio-cta-section .container{max-width:100%}.cta-glass-card{border-radius:40px;margin-bottom:40px;padding:60px 30px}.cta-tag{letter-spacing:2px;margin-bottom:20px;padding:6px 16px;font-size:14px}.cta-title{letter-spacing:-1px;margin-bottom:24px;font-size:32px}.cta-desc{max-width:100%;margin-bottom:40px;padding:0;font-size:16px}.cta-actions{flex-direction:column;gap:16px;width:100%}.cta-primary-btn,.cta-secondary-btn{border-radius:100px;justify-content:center;width:100%;padding:16px 30px;font-size:16px}.cta-primary-btn svg{width:18px;height:18px}.cta-content{text-align:center;max-width:100%}.shape-1{opacity:.4;width:250px;height:250px}.shape-2{opacity:.4;width:200px;height:200px}}