.portrait-cinema{padding:76px var(--pad);background:#141618}
.portrait-cinema>.section-heading{margin:0 0 36px;padding:0}
.portrait-stage{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(400px,1.2fr);gap:clamp(32px,6vw,100px);align-items:start;max-width:1320px;margin:auto}
.portrait-screen{position:relative;display:flex;justify-content:center;background:#08090a;border:1px solid #fff2;box-shadow:0 20px 70px #0005;max-width:430px;width:100%;justify-self:center;overflow:hidden;border-radius:6px}
.portrait-screen video{width:100%;height:min(70vh,660px);min-height:420px;object-fit:contain;background:#08090a}
.portrait-stage-label{position:absolute;top:16px;left:16px;direction:ltr;font-size:12px;letter-spacing:.1em;padding:6px 10px;background:#08090acc;pointer-events:none}
.portrait-current{border-top:1px solid #fff3;padding:22px 0 26px}
.portrait-current h3{font-size:34px;margin:12px 0;line-height:1.25}
.portrait-current>p:not(.eyebrow){font-size:15px;color:#b7b8b2}
.portrait-current .pill{margin-top:22px;font-size:14px}
.portrait-list-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.portrait-list-head>p{font-size:14px;color:#c9c9c2}
.portrait-list-head .carousel-controls{margin:0;gap:12px;direction:ltr}
.portrait-list-head .carousel-controls button{width:38px;height:38px}
.portrait-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:330px;overflow:auto;overscroll-behavior:contain;padding:3px 3px 10px;scrollbar-color:#777 #202224;scrollbar-width:thin}
.portrait-pick{padding:0;position:relative;background:#090a0b;border:1px solid #fff2;text-align:start;overflow:hidden;min-width:0;border-radius:3px}
.portrait-pick img{width:100%;height:136px;object-fit:contain;background:#090a0b;opacity:.65;transition:opacity .2s}
.portrait-pick>span{display:flex;gap:8px;align-items:baseline;padding:10px}
.portrait-pick small{color:var(--red);font-size:11px}
.portrait-pick b{font-size:12px;font-weight:500;line-height:1.4}
.portrait-pick[aria-pressed=true]{border-color:var(--red);box-shadow:inset 0 -3px var(--red)}
.portrait-pick[aria-pressed=true] img,.portrait-pick:hover img{opacity:1}
.portrait-curation>.text-link{font-size:14px;margin-top:16px}
.portal-cinema.identity-lab{display:block;padding:40px;margin-top:60px}
.portal-copy{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px;margin-bottom:30px;align-items:end}
.portal-copy>.eyebrow{grid-column:1/-1}.portal-copy h3{font-size:40px;margin:0}
.portal-copy>p:not(.eyebrow){font-size:17px;color:#b9bbb6}
.portal-copy .identity-steps{grid-column:1/-1;margin:12px 0 0;display:flex;gap:30px}
.portal-cinema .identity-proof video{width:100%;max-height:70vh;object-fit:contain;background:#000}
#portal-recommendations{padding-top:28px}
.portal-films{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:16px}
.portal-card{padding:0;text-align:start;position:relative;border:1px solid #fff3;background:#1b1d1f}
.portal-card img{width:100%;aspect-ratio:16/9;object-fit:contain}
.portal-card span{display:block;padding:14px 36px 14px 14px;font-size:15px}
.portal-card>b{position:absolute;bottom:12px;right:14px;color:var(--red)}
html[lang=ar] .portrait-cinema{padding-block:64px}
html[lang=ar] .portrait-cinema .section-heading{margin-bottom:30px}
html[lang=ar] .portrait-current h3{font-size:29px;line-height:1.6}
html[lang=ar] .portrait-pick b{font-family:Tajawal,sans-serif;font-size:14px;line-height:1.5}
html[lang=ar] .portrait-list-head>p{font-size:16px}
html[lang=ar] .portal-cinema.identity-lab{padding:36px}
html[lang=ar] .portal-copy h3{font-size:36px;margin:0}
html[lang=ar] .portal-card span{font-size:17px;padding:14px 14px 14px 36px}
html[lang=ar] .portal-card>b{right:auto;left:14px}
@media(max-width:900px){.portrait-stage{grid-template-columns:minmax(230px,.85fr) minmax(280px,1fr);gap:28px}.portrait-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait-current h3{font-size:27px}.portrait-list-head{flex-wrap:wrap}.portal-copy{grid-template-columns:1fr}}
@media(max-width:640px){
 .portrait-cinema{padding:52px 22px}.portrait-stage{grid-template-columns:1fr;gap:24px}
 .portrait-screen{max-width:310px}.portrait-screen video{height:min(60vh,500px);min-height:340px}
 .portrait-current{padding-top:18px}.portrait-current h3{font-size:26px}
 .portrait-picks{display:flex;gap:10px;max-height:none;overflow-x:auto;padding:3px 3px 12px;scroll-snap-type:x proximity}
 .portrait-pick{flex:0 0 112px;scroll-snap-align:start}.portrait-pick img{height:128px}.portrait-pick b{font-size:12px}
 .portrait-pick>span{padding:8px;gap:6px}.portrait-list-head{flex-wrap:nowrap}
 .portrait-list-head>p{font-size:13px}.portrait-list-head .carousel-controls{gap:8px}
 .portrait-list-head .carousel-controls button{width:32px;height:32px}
 .portal-cinema.identity-lab,html[lang=ar] .portal-cinema.identity-lab{padding:22px 16px;margin-top:40px}
 .portal-copy{gap:12px}.portal-copy h3,html[lang=ar] .portal-copy h3{font-size:28px}
 .portal-copy .identity-steps{gap:15px;flex-wrap:wrap}.portal-films{grid-template-columns:1fr;gap:14px}
 html[lang=ar] .portrait-current h3{font-size:25px}html[lang=ar] .portrait-list-head>p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.portrait-pick img{transition:none}}