/* V69 Printly Motion Studio — scoped to Products carousel only */
.pn-showcase{padding-top:40px}
.pn-slider{height:535px;perspective:1400px;background:#071629;box-shadow:0 26px 55px rgba(17,31,55,.14);border:1px solid #263b61}
.pn-slider:before{content:"";inset:0 0 auto;height:4px;z-index:7;border-radius:0;background:linear-gradient(90deg,#f7cb23,#4bcb82,#00b8fc,#c84dc6,#f7cb23);background-size:200% 100%;animation:pnSpectrum 8s linear infinite}
.pn-slider:after{pointer-events:none;position:absolute;inset:0;content:"";z-index:3;background:radial-gradient(circle at 65% 40%,transparent 40%,rgba(7,11,24,.13) 88%);mask-image:none}
.pn-slide{isolation:isolate;padding:46px clamp(34px,4.5vw,68px) 72px;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),visibility .9s;transform:translateY(36px) scale(.97);gap:22px}
.pn-slide.is-active{transform:translateY(0) scale(1)}
.pn-slide:before,.pn-slide:after{content:"";pointer-events:none;position:absolute;z-index:-1}
.pn-slide:before{inset:-50%;background:repeating-linear-gradient(100deg,transparent 0 58px,rgba(255,255,255,.027) 58px 59px,transparent 59px 117px);animation:pnDrift 25s linear infinite}
.pn-slide:after{right:-5%;top:-60%;width:63%;height:160%;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 75px rgba(255,255,255,.025),0 0 0 145px rgba(255,255,255,.025);animation:pnOrbital 16s ease-in-out infinite alternate}
.pn-slide-copy{z-index:4;align-self:center;transform:translateY(15px);opacity:.0}
.pn-slide.is-active .pn-slide-copy{animation:pnCopyIn 950ms .14s cubic-bezier(.18,.7,.16,1) forwards}
.pn-slide-copy h1{font-size:clamp(39px,3.85vw,61px);line-height:1.02;max-width:580px;letter-spacing:-.058em}
.pn-slide-description{line-height:1.56;color:#d1d9e9;font-size:15px;max-width:440px}
.pn-overline{letter-spacing:.18em;font-size:10px;color:#c8f3ff}
.pn-price strong{color:#fff;letter-spacing:-.067em;font-size:clamp(63px,6.2vw,92px)}
.pn-slide-cta{border-radius:12px!important;background:linear-gradient(110deg,#ffe270,#ffd52b)!important;color:#0b1726!important;box-shadow:0 13px 33px rgba(255,190,30,.2)}
.pn-slider-note{color:#b8c4d8;font-size:11px}
.pn-slide-visual{z-index:3;perspective:1100px;--mx:0deg;--my:0deg;align-self:stretch}
.pn-slide-visual:before{z-index:0;filter:blur(22px);opacity:.8;animation:pnGlow 5s ease-in-out infinite alternate}
.pn-orbit{width:min(100%,520px);border:1px dashed rgba(255,255,255,.22);animation:pnRotate 24s linear infinite}
.pn-orbit-2{width:80%;border-color:rgba(255,255,255,.14);animation-direction:reverse;animation-duration:32s}
.pn-poster{width:min(98%,440px);max-height:440px;border-radius:18px;overflow:hidden;--pose:rotateZ(-5deg);background:#070e20;transform:var(--pose) rotateY(var(--mx)) rotateX(var(--my));box-shadow:0 32px 65px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.24);transition:box-shadow .3s ease,transform .25s ease-out}
.pn-poster img{object-fit:cover;filter:contrast(1.045);transition:filter .4s ease,transform .5s ease}
.pn-slider:hover .pn-slide.is-active .pn-poster img{filter:contrast(1.09) saturate(1.1)}
.pn-slide.is-active .pn-poster{animation:pnPosterArrive 1100ms cubic-bezier(.14,.76,.13,1) both}
.pn-slide.is-active .pn-poster:hover{box-shadow:0 42px 88px rgba(0,0,0,.53),0 0 0 1px rgba(255,255,255,.35)}
.pn-glass-label{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;white-space:nowrap;color:#eaf5ff;font-size:9px;letter-spacing:.14em;font-weight:900;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:rgba(8,13,25,.60);backdrop-filter:blur(14px);box-shadow:0 7px 30px #0004}
.pn-glass-label--top{top:6%;left:0;transform:rotate(-6deg);animation:pnLabelFloat 4.8s ease-in-out infinite alternate}
.pn-glass-label--bottom{bottom:7%;right:0;transform:rotate(4deg);animation:pnLabelFloat 4.4s ease-in-out infinite alternate-reverse}
.pn-glass-label b{font-size:14px;color:#ffd027}
.pn-image-sheen{pointer-events:none;z-index:3;position:absolute;inset:0;background:linear-gradient(112deg,transparent 25%,rgba(255,255,255,.12) 45%,transparent 60%);background-size:250% 100%;background-position:120% 0;animation:pnFlash 5.2s ease-in-out infinite}
.pn-slider-bottom{background:rgba(3,12,28,.60);z-index:6;border-top:1px solid rgba(255,255,255,.19)}
.pn-slider-progress{height:4px}
.pn-slider-progress span{width:100%!important;height:100%;display:block;transform:scaleX(0);transform-origin:left;animation:pnAutoProgress 5.4s linear forwards;transition:none;background:linear-gradient(90deg,#ffcc2b,#29baf8,#e14cad)}
.pn-slider:not(.is-playing) .pn-slider-progress span{animation-play-state:paused}
.pn-autoplay-toggle{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:#ffffff18;color:#fff;font-size:13px;font-weight:900;cursor:pointer}
.pn-autoplay-toggle:hover{background:#ffffff38}
.pn-slider-dots button{height:8px;width:8px;background:#a9b4c8}.pn-slider-dots button.is-active{width:34px}
/* 01: TECH / floating web browser frame, navy + electric blue */
.pn-slide--web{background:radial-gradient(ellipse at 77% 42%,#0d61ae 0%,#102847 42%,#071522 80%)}
.pn-slide--web .pn-slide-visual{transform:translateX(4px)}
.pn-slide--web .pn-poster{--pose:rotateZ(-6deg) translateY(2px);border:6px solid #dcecf5;border-top-width:18px}
.pn-slide--web .pn-slide-visual:before{background:radial-gradient(circle,#30acffbb 0%,#32b9ff2b 48%,transparent 75%)}
.pn-ui-window{position:absolute;z-index:1;left:-10%;top:13%;width:84%;height:75%;border:1px solid #75c8ff8a;border-radius:12px;background:linear-gradient(122deg,#02436f70,#00132644);box-shadow:0 12px 38px #0003;transform:rotate(-13deg) translate(-9px,-9px);animation:pnWindowBob 7s ease-in-out infinite alternate}
.pn-ui-dots{font-size:12px;color:#69d8ff;padding:9px;letter-spacing:4px;display:block;border-bottom:1px solid #ffffff24}
.pn-ui-line{height:10px;background:#ffffff22;border-radius:4px;width:60%;margin:30px 20px 16px}.pn-ui-line.short{width:35%;margin-top:0}
.pn-ui-cursor{font-size:60px;color:#36bfff;position:absolute;bottom:25px;right:25px;animation:pnCursor 2.5s ease-in-out infinite alternate}
/* 02: MAGENTA / reversed composition with CMYK print ribbons */
.pn-slide--essentials{background:radial-gradient(ellipse at 24% 46%,#842157 0%,#30112e 46%,#120d27 100%);grid-template-columns:1.04fr .96fr}
.pn-slide--essentials .pn-slide-copy{grid-column:2;grid-row:1;padding-left:16px}
.pn-slide--essentials .pn-slide-visual{grid-column:1;grid-row:1}
.pn-slide--essentials .pn-poster{width:min(95%,420px);--pose:rotateZ(5deg) translateY(-6px);box-shadow:0 25px 88px #04030b99}
.pn-slide--essentials .pn-slide-visual:before{background:radial-gradient(circle,#ff41b989,#ff8e2323,transparent 70%)}
.pn-slide--essentials .pn-orbit{border-color:#ff67c466;border-style:solid}
.pn-cmyk{position:absolute;width:62%;height:18px;border-radius:30px;opacity:.6;filter:blur(.5px);box-shadow:0 0 45px currentColor;transform:rotate(-38deg);animation:pnRibbon 7s ease-in-out infinite alternate}
.pn-cmyk--c{background:#15b9f5;color:#15b9f5;top:28%;left:-24%;animation-delay:-1s}
.pn-cmyk--m{background:#fd4fb1;color:#fd4fb1;top:48%;left:-34%;animation-delay:-2s}
.pn-cmyk--y{background:#facd24;color:#facd24;top:68%;left:-23%;animation-delay:-4s}
/* 03: EVENT LIGHTS / teal spotlight and oversized tilted poster */
.pn-slide--tent{background:radial-gradient(ellipse at 77% 50%,#136770 0%,#0d3244 43%,#031b2c 85%);grid-template-columns:.98fr 1.02fr}
.pn-slide--tent .pn-slide-copy{align-self:end;padding-bottom:16px}
.pn-slide--tent .pn-poster{width:min(100%,460px);--pose:rotateZ(3deg) translateY(-16px)}
.pn-slide--tent .pn-slide-visual:before{background:radial-gradient(circle,#30e2d88c,#2ce3d822,transparent 72%)}
.pn-stage-beam{position:absolute;top:-80%;width:50%;height:190%;pointer-events:none;background:linear-gradient(180deg,rgba(149,254,248,.12),transparent 70%);filter:blur(3px);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);animation:pnSpotlight 7s ease-in-out infinite alternate}
.pn-stage-beam--one{left:-9%;transform:rotate(10deg)}.pn-stage-beam--two{right:-20%;transform:rotate(-18deg);animation-delay:-4s}
/* 04: BRIGHT SIGN LAB / inverted scene, golden paper sheets */
.pn-slide--yards{background:radial-gradient(ellipse at 16% 26%,#fffef6 0%,#e4edfa 48%,#f7e4ae 115%);grid-template-columns:1.03fr .97fr}
.pn-slide--yards:before{opacity:.4;background:repeating-linear-gradient(70deg,#d3b1450a 0 2px,transparent 2px 46px)}
.pn-slide--yards:after{border-color:#355c7d24;box-shadow:0 0 0 70px #ffd3281e,0 0 0 135px #254f990c}
.pn-slide--yards .pn-slide-copy{grid-column:2;grid-row:1;padding-left:24px;color:#101a2b}
.pn-slide--yards .pn-slide-visual{grid-column:1;grid-row:1}
.pn-slide--yards .pn-slide-copy h1,.pn-slide--yards .pn-price strong{color:#111827;text-shadow:none}
.pn-slide--yards .pn-overline{color:#304b74}.pn-slide--yards .pn-slide-description{color:#34445b}.pn-slide--yards .pn-price small{color:#34445b}.pn-slide--yards .pn-slider-note{color:#596b84}
.pn-slide--yards .pn-poster{width:min(95%,410px);--pose:rotateZ(-8deg) translateY(9px);box-shadow:18px 25px 1px #e8b937,-12px -15px 1px #ffffffa3,0 28px 66px #10274b55}
.pn-slide--yards .pn-slide-visual:before{background:radial-gradient(circle,#fdce3b8a,transparent 70%)}
.pn-slide--yards .pn-orbit{border-color:#6480a751}
.pn-yard-stack{width:60%;aspect-ratio:1;position:absolute;background:#ffd941;border:2px solid #13263a;border-radius:12px;transform:rotate(-20deg);left:2%;top:14%;box-shadow:4px 6px 12px #0d24471a;animation:pnStack 8s ease-in-out infinite alternate}
.pn-yard-stack--two{background:#d4edff;left:15%;top:10%;animation-delay:-3s}
.pn-slide--yards .pn-glass-label{color:#122438;border-color:#94a9bf75;background:#ffffffd9}
.pn-slide--yards .pn-glass-label b{color:#d78c00}
@keyframes pnSpectrum{to{background-position:200% 0}}
@keyframes pnAutoProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pnCopyIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
@keyframes pnPosterArrive{from{opacity:.1;transform:translateY(45px) rotateZ(-15deg) scale(.81)}to{opacity:1;transform:var(--pose) rotateY(var(--mx)) rotateX(var(--my))}}
@keyframes pnDrift{to{transform:translateX(100px)}}
@keyframes pnOrbital{to{transform:scale(1.18) rotate(40deg)}}
@keyframes pnRotate{to{transform:rotate(360deg)}}
@keyframes pnGlow{to{opacity:1;transform:scale(1.14)}}
@keyframes pnWindowBob{to{transform:rotate(-9deg) translate(1px,18px)}}
@keyframes pnCursor{to{transform:translate(22px,-14px)}}
@keyframes pnRibbon{to{transform:rotate(-29deg) translateY(38px)}}
@keyframes pnSpotlight{to{transform:rotate(25deg) translateX(44px)}}
@keyframes pnStack{to{transform:rotate(-10deg) translate(14px,-14px)}}
@keyframes pnLabelFloat{to{margin-top:12px}}
@keyframes pnFlash{0%,57%{background-position:120% 0}90%,100%{background-position:-60% 0}}
/* Responsive: preserve the distinctive mood without overlaying important pricing/text */
@media(max-width:1100px){.pn-slide{padding:28px 32px 66px;gap:18px}.pn-slide-copy h1{font-size:clamp(32px,4.1vw,47px)}.pn-price strong{font-size:clamp(54px,6vw,72px)}.pn-slider{height:490px}.pn-slide--essentials .pn-slide-copy,.pn-slide--yards .pn-slide-copy{padding-left:0}.pn-poster{width:min(100%,360px)}}
@media(max-width:700px){
 .pn-slider{height:730px;min-height:730px;border-radius:20px}.pn-slide,.pn-slide--tent,.pn-slide--essentials,.pn-slide--yards{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;padding:29px 24px 61px}
 .pn-slide-copy,.pn-slide--tent .pn-slide-copy,.pn-slide--essentials .pn-slide-copy,.pn-slide--yards .pn-slide-copy{grid-column:auto;grid-row:auto;align-self:auto;padding:0;flex:0 0 auto;order:0}
 .pn-slide-copy h1{font-size:clamp(29px,8vw,41px);margin:12px 0 8px;line-height:1.05}
 .pn-slide-description{font-size:13px;line-height:1.38;margin-bottom:10px}
 .pn-price{margin-bottom:9px}.pn-price strong{font-size:clamp(43px,12vw,61px)}.pn-price small{font-size:11px}
 .pn-slide-cta{padding:11px 15px;font-size:12px}.pn-slider-note{display:none}
 .pn-slide-visual,.pn-slide--essentials .pn-slide-visual,.pn-slide--yards .pn-slide-visual{grid-column:auto;grid-row:auto;order:1;flex:1;min-height:0;width:100%;max-height:none;align-self:auto}
 .pn-poster,.pn-slide--essentials .pn-poster,.pn-slide--tent .pn-poster,.pn-slide--yards .pn-poster{width:min(72vw,275px);height:min(72vw,275px);max-height:none}
 .pn-ui-window{width:75%;top:6%;left:5%}.pn-glass-label{font-size:8px;letter-spacing:.06em;padding:6px 8px}
 .pn-glass-label--top{top:1%;left:1%}.pn-glass-label--bottom{bottom:1%;right:0}
 .pn-slider-bottom{padding:10px 12px;gap:10px}.pn-slider-count strong{font-size:14px}.pn-slider-actions{gap:5px}
 .pn-arrow,.pn-autoplay-toggle{width:32px;height:32px;min-width:32px}
}
@media(max-width:400px){.pn-slider{height:698px;min-height:698px}.pn-slide{padding:20px 18px 59px}.pn-slide-copy h1{font-size:28px}.pn-slide-description{font-size:12px}.pn-poster,.pn-slide--essentials .pn-poster,.pn-slide--tent .pn-poster,.pn-slide--yards .pn-poster{width:min(65vw,245px);height:min(65vw,245px)}}
@media(prefers-reduced-motion:reduce){.pn-slider:before,.pn-slide:before,.pn-slide:after,.pn-slide-visual:before,.pn-slide.is-active .pn-slide-copy,.pn-slide.is-active .pn-poster,.pn-glass-label,.pn-orbit,.pn-image-sheen,.pn-ui-window,.pn-ui-cursor,.pn-cmyk,.pn-stage-beam,.pn-yard-stack{animation:none!important}.pn-slide.is-active .pn-slide-copy{opacity:1!important;transform:none!important}.pn-slide.is-active .pn-poster{opacity:1!important;transform:var(--pose)!important}.pn-slide{transition:none!important}}