.phpro-panels{font-family:var(--phpro-font,inherit);height:var(--phpro-height,100vh);display:flex;gap:var(--phpro-gap,1px);background:var(--phpro-bg,#111);overflow:hidden}.phpro-layout-vertical.phpro-panels{font-family:var(--phpro-font,inherit);flex-direction:column;height:var(--phpro-height,100vh)}.phpro-panel{border-radius:var(--phpro-radius,0);position:relative;flex:1;min-width:0;overflow:hidden;color:var(--phpro-text,#fff);text-decoration:none;transition:flex var(--phpro-dur,600ms) cubic-bezier(.2,.8,.2,1);display:block}.phpro-media{position:absolute;inset:0}.phpro-img{border-radius:inherit;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--phpro-zoom-base,1.05));transition:opacity 450ms ease,transform 900ms cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.phpro-hover{opacity:0}.phpro-overlay{border-radius:inherit;position:absolute;inset:0;background:var(--phpro-overlay-bg,linear-gradient(180deg,rgb(0 0 0 / .05) 0%,rgb(0 0 0 / .55) 100%));opacity:var(--phpro-overlay,.35);pointer-events:none}.phpro-label{position:absolute;left:var(--phpro-left,24px);bottom:var(--phpro-bottom,28px);z-index:2;letter-spacing:var(--phpro-letter,.06em)}.phpro-kicker{color:var(--phpro-kicker-color,currentColor);font-family:var(--phpro-kicker-font,inherit);opacity:.75;font-size:var(--phpro-kicker,12px);display:block}.phpro-title{color:var(--phpro-title-color,currentColor);font-family:var(--phpro-title-font,inherit);margin:8px 0 0;font-size:var(--phpro-title,clamp(18px, 2vw, 28px));line-height:1.1}.phpro-panels[data-uppercase="1"] .phpro-label{text-transform:uppercase}.phpro-panels:hover .phpro-panel{border-radius:var(--phpro-radius,0);flex:var(--phpro-shrink,.9)}.phpro-panels .phpro-panel:hover{flex:var(--phpro-expand,1.8)}.phpro-panels[data-zoom="1"] .phpro-panel:hover .phpro-base{opacity:0;transform:scale(var(--phpro-zoom-hover-base,1.12))}.phpro-panels[data-zoom="1"] .phpro-panel:hover .phpro-hover{opacity:1;transform:scale(var(--phpro-zoom-hover-hover,1.06))}.phpro-panels[data-zoom="0"] .phpro-panel:hover .phpro-base{opacity:0}.phpro-panels[data-zoom="0"] .phpro-panel:hover .phpro-hover{opacity:1}.phpro-panels .phpro-kicker,.phpro-panels .phpro-title{transition:opacity var(--phpro-text-anim-ms,350ms) ease,transform var(--phpro-text-anim-ms,350ms) ease;will-change:opacity,transform}.phpro-panels[data-text-anim="fade"] .phpro-kicker,.phpro-panels[data-text-anim="fade"] .phpro-title{opacity:.9}.phpro-panels[data-text-anim="slide"] .phpro-kicker,.phpro-panels[data-text-anim="slide"] .phpro-title{opacity:.9;transform:translateY(6px)}.phpro-panels:hover[data-text-anim="fade"] .phpro-panel .phpro-kicker,.phpro-panels:hover[data-text-anim="fade"] .phpro-panel .phpro-title{opacity:.65}.phpro-panels:hover[data-text-anim="slide"] .phpro-panel .phpro-kicker,.phpro-panels:hover[data-text-anim="slide"] .phpro-panel .phpro-title{opacity:.65;transform:translateY(6px)}.phpro-panels .phpro-panel:hover .phpro-kicker,.phpro-panels .phpro-panel:hover .phpro-title{opacity:1;transform:translateY(0)}@media (max-width:900px){.phpro-panels{height:auto}.phpro-panels[data-mobile-mode="stack"]{flex-direction:column}.phpro-panels[data-mobile-mode="stack"] .phpro-panel{height:var(--phpro-mobile-h,42vh);transition:none}.phpro-panels[data-mobile-mode="carousel"][data-carousel-hint="1"]::before,.phpro-panels[data-mobile-mode="carousel"][data-carousel-hint="1"]::after{content:"";position:sticky;top:0;width:var(--phpro-fade-size,42px);height:100%;pointer-events:none;z-index:5;flex:0 0 auto}.phpro-panels[data-mobile-mode="carousel"][data-carousel-hint="1"]::before{left:0;background:linear-gradient(90deg,var(--phpro-fade-color,rgb(0 0 0 / .55)) 0%,#fff0 100%)}.phpro-panels[data-mobile-mode="carousel"][data-carousel-hint="1"]::after{right:0;background:linear-gradient(270deg,var(--phpro-fade-color,rgb(0 0 0 / .55)) 0%,#fff0 100%)}.phpro-swipe-hint{position:absolute;right:14px;top:14px;z-index:6;padding:8px 10px;border-radius:999px;background:rgb(0 0 0 / .55);color:#fff;font-size:12px;letter-spacing:.04em;text-transform:uppercase;user-select:none;pointer-events:none;opacity:1;transition:opacity 400ms ease,transform 400ms ease;transform:translateY(0)}.phpro-panels.phpro-hint-hidden .phpro-swipe-hint{opacity:0;transform:translateY(-6px)}.phpro-panels[data-mobile-mode="carousel"]{flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--phpro-gap,12px);padding:0 var(--phpro-gap,12px)}.phpro-panels[data-mobile-mode="carousel"]::-webkit-scrollbar{display:none}.phpro-panels[data-mobile-mode="carousel"]{scrollbar-width:none;cursor:grab}.phpro-panels[data-mobile-mode="carousel"].phpro-dragging{cursor:grabbing}.phpro-panels[data-mobile-mode="carousel"] .phpro-panel{flex:0 0 var(--phpro-mobile-w,82vw);height:var(--phpro-mobile-h,42vh);scroll-snap-align:start;transition:none}.phpro-panels:hover .phpro-panel,.phpro-panels .phpro-panel:hover{flex:1}}@media (max-width:768px){.phpro-panels{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:10px}.phpro-panel{min-width:calc(100% - 20px);height:90vh;scroll-snap-align:center;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .2)}}