.reels-portfolio{background-image:url(../svgs/polygon.svg);background-size:cover;color:#000;padding:225px 1rem 150px}.reels-portfolio__inner{margin:0 auto;width:min(1180px,100%)}.reels-portfolio__eyebrow{color:var(--primary);font-size:.85rem;font-weight:700;letter-spacing:.14em;margin-bottom:.85rem;text-transform:uppercase}.reels-portfolio h1{color:#fff;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.95;margin:0;max-width:850px;text-transform:uppercase}.reels-portfolio__intro{color:hsla(0,0%,100%,.72);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7;margin:1.25rem 0 3rem;max-width:660px}.reels-grid{display:grid;gap:clamp(1rem,2.4vw,2rem);grid-template-columns:repeat(3,minmax(0,1fr));perspective:1500px}.reel-card{background:#151515;border:1px solid hsla(0,0%,100%,.1);border-radius:1.25rem;box-shadow:0 24px 70px rgba(0,0,0,.35);opacity:0;overflow:hidden;padding:.85rem;position:relative;transition:transform .45s cubic-bezier(.17,.84,.44,1),opacity .3s ease,box-shadow .45s ease;z-index:1}.reel-card__video-wrap{aspect-ratio:9/16;background:#000;border-radius:1rem;overflow:hidden;position:relative}.reel-card video{cursor:pointer;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.reel-card__play{background:var(--primary);border:1px solid hsla(0,0%,100%,.35);border-radius:50%;color:#fff;cursor:pointer;font-size:1.35rem;height:4.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease,transform .2s ease;width:4.25rem}.reel-card.is-playing .reel-card__play{opacity:0;pointer-events:none}.reel-card h2{font-size:1.15rem;margin:1rem 0 .35rem;text-transform:uppercase}.reel-card p{color:hsla(0,0%,100%,.65);line-height:1.6;margin:0}.reveal-1{transform:translateY(80px) rotate(-3deg)}.reveal-2{transform:translateY(80px) scale(1.05)}.reveal-3{transform:translateY(80px) rotate(3deg)}.reel-card.loaded{will-change:transform,opacity}.reveal-1.loaded{animation:reelEntranceLeft .8s cubic-bezier(.17,.84,.44,1) forwards}.reveal-2.loaded{animation:reelEntranceCenter .8s cubic-bezier(.17,.84,.44,1) forwards}.reveal-3.loaded{animation:reelEntranceRight .8s cubic-bezier(.17,.84,.44,1) forwards}@keyframes reelEntranceLeft{0%{opacity:0;transform:translateY(80px) rotate(-12deg)}70%{opacity:1;transform:translateY(-10px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}@keyframes reelEntranceCenter{0%{opacity:0;transform:translateY(80px) scale(.9)}70%{opacity:1;transform:translateY(-10px) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1.05)}}@keyframes reelEntranceRight{0%{opacity:0;transform:translateY(80px) rotate(12deg)}70%{opacity:1;transform:translateY(-10px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(3deg)}}.reels-grid.has-active .reel-card.loaded{opacity:.55;transform:scale(.95)}.reel-card.is-playing,.reel-card:hover{box-shadow:0 35px 90px rgba(0,0,0,.5),0 0 40px rgba(246,197,68,.15);opacity:1!important;transform:rotate(0deg) scale(1.08)!important;z-index:20}@media (max-width:900px){.reels-grid{gap:2rem;grid-template-columns:1fr;margin:0 auto;max-width:440px}.reel-card{opacity:0}.reel-card,.reveal-1,.reveal-2,.reveal-3{transform:translateY(70px) scale(.96)}.reveal-1.loaded,.reveal-2.loaded,.reveal-3.loaded{animation:mobileReelEntrance .75s cubic-bezier(.17,.84,.44,1) forwards}.reels-grid.has-active .reel-card{opacity:1;transform:none}.reel-card:hover{transform:none!important}.reel-card.is-playing{box-shadow:0 35px 90px rgba(0,0,0,.5),0 0 40px rgba(246,197,68,.15);opacity:1!important;transform:scale(1.03)!important;z-index:20}.reel-card h2{font-size:1rem}.reel-card p{font-size:.95rem}}@keyframes mobileReelEntrance{0%{opacity:0;transform:translateY(70px) scale(.96)}70%{opacity:1;transform:translateY(-8px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}