/* Platoroto Why Us v2.5 — 35mm Film Strip */
.pwu-section{--pwu-accent:#fffbf2;--pwu-dark:#2F2F2F;--pwu-film:#2F2F2F;--pwu-light:#FFFBF2;--pwu-hole:#f7f3ea;background:var(--pwu-accent);overflow:hidden;font-family:inherit;padding:4rem 0}
.pwu-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Marquee — hidden by default in new design */
.pwu-marquee{display:none}

/* Filmstrip — sprocket bars with SVG rounded holes */
.pwu-filmstrip{position:relative;height:42px;width:100%;background:var(--pwu-film);z-index:2}
.pwu-filmstrip__perfs{display:none}
.pwu-filmstrip__perf{display:none}
.pwu-filmstrip::before{content:'';position:absolute;left:0;right:0;height:16px;top:50%;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16'%3E%3Crect x='5' y='1' width='22' height='14' rx='4' ry='4' fill='%23f7f3ea'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:32px 16px}
.pwu-filmstrip::after{display:none}

/* Film edge marking */
.pwu-filmstrip__mark{position:absolute;right:48px;top:50%;transform:translateY(-50%);font-family:'Courier New',monospace;font-size:9px;font-weight:700;letter-spacing:2px;color:var(--pwu-hole);opacity:.35;z-index:3;pointer-events:none}

/* Film body — dark bg IS the frame around cards */
.pwu-film-body{background:var(--pwu-film);padding:10px 0}

/* Carousel */
.pwu-carousel{position:relative}
.pwu-carousel__container{max-width:1800px;margin:0 auto;position:relative}
.pwu-swiper{overflow:hidden}
.pwu-swiper .swiper-wrapper{display:flex;align-items:stretch}
.pwu-swiper .swiper-slide{height:auto}

/* Cards */
.pwu-card{aspect-ratio:4/3;position:relative;overflow:hidden;border-radius:4px;cursor:pointer}
.pwu-card:focus-visible{outline:3px solid var(--pwu-dark);outline-offset:3px}
.pwu-card__bg{position:absolute;inset:0;background-size:cover;background-position:center;background-color:#555;transition:transform .6s ease}
.pwu-card:hover .pwu-card__bg,.pwu-card:focus-visible .pwu-card__bg{transform:scale(1.08)}
.pwu-card__content{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.25) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;transition:background .4s ease}
.pwu-card:hover .pwu-card__content,.pwu-card:focus-visible .pwu-card__content{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 60%,rgba(0,0,0,.4) 100%)}

/* Title */
.pwu-card__title{font-size:1.1rem;font-weight:600;color:var(--pwu-light);line-height:1.4;margin:0;transition:transform .4s ease}
.pwu-card:hover .pwu-card__title,.pwu-card:focus-visible .pwu-card__title{transform:translateY(-4px)}

/* Description */
.pwu-card__desc{font-size:15px;color:rgba(255,255,255,.88);line-height:1.5;margin:0;display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s ease,opacity .4s ease,margin .4s ease}
.pwu-card__desc > span{overflow:hidden}
.pwu-card:hover .pwu-card__desc,.pwu-card:focus-visible .pwu-card__desc{grid-template-rows:1fr;opacity:1;margin-top:.6rem}

/* Navigation */
.pwu-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:rgba(0,0,0,.4);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}
.pwu-nav:hover{background:rgba(0,0,0,.65);transform:translateY(-50%) scale(1.1)}
.pwu-nav:focus-visible{outline:2px solid var(--pwu-dark);outline-offset:2px}
.pwu-nav svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.5}
.pwu-nav--prev{left:14px}
.pwu-nav--next{right:14px}

/* Mobile */
.pwu-mobile{display:none}

/* Mobile side strips with sprocket holes */
.pwu-mobile__strip{width:26px;flex-shrink:0;background:var(--pwu-film);position:relative}
.pwu-mobile__strip::before{content:'';position:absolute;top:0;bottom:0;width:12px;left:50%;transform:translateX(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Crect x='1' y='4' width='10' height='16' rx='3' ry='3' fill='%23f7f3ea'/%3E%3C/svg%3E");background-repeat:repeat-y;background-size:12px 24px}
.pwu-mobile__strip::after{display:none}

/* Mobile body — dark bg frames the cards */
.pwu-mobile__body{background:var(--pwu-film);padding:6px 0}
.pwu-mobile__body-inner{display:flex;align-items:stretch}

.pwu-mobile__cards{display:flex;flex-direction:column;flex:1;gap:6px;padding:0}
.pwu-mobile__cards .pwu-card{width:100%;aspect-ratio:16/10;border-radius:2px}
.pwu-mobile__heading{display:none}
.pwu-mobile__cards .pwu-card__title{font-size:.82rem;font-weight:700}
.pwu-mobile__cards .pwu-card__desc{grid-template-rows:0fr;opacity:0;font-size:.78rem}

/* Tap-to-expand */
.pwu-mobile__cards .pwu-card.is-active .pwu-card__desc{grid-template-rows:1fr;opacity:1;margin-top:.4rem}
.pwu-mobile__cards .pwu-card.is-active .pwu-card__content{background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.6) 55%,rgba(0,0,0,.3) 100%)}
.pwu-mobile__cards .pwu-card.is-active .pwu-card__bg{transform:scale(1.05)}

/* Responsive */
@media(max-width:768px){
.pwu-section{padding:2.5rem 0}
.pwu-filmstrip,.pwu-carousel,.pwu-marquee,.pwu-film-body{display:none}
.pwu-mobile{display:flex;flex-direction:column}
}

/* Reduced Motion */
@media(prefers-reduced-motion:reduce){
.pwu-card__bg,.pwu-card__content,.pwu-card__title,.pwu-card__desc{transition:none}
}