/* Selected direction 3. Only the background layer is blurred. */
.selected-dark{background:#161718}
.selected-dark>.header{color:#fff;border-bottom:1px solid #ffffff17}
.selected-dark .header .wordmark span{color:#c2c0bd}
.selected-dark .header nav button{border-color:#ffffff40}
.selected-dark .top-shell{position:relative;isolation:isolate;background:#161718;overflow:clip}
.selected-dark .top-shell:before{content:"";position:absolute;inset:-3rem;z-index:-2;background:url('images/portrait-2.webp') center 40%/cover no-repeat;filter:blur(20px);opacity:.38;transform:scale(1.05);pointer-events:none}
.selected-dark .top-shell:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#161718cf 0%,#16171870 40%,#161718da 100%),radial-gradient(ellipse at 50% 95%,#8e312628,transparent 62%);pointer-events:none}
.selected-dark .hero{padding-block:2rem 3.75rem;color:#fff;position:relative}
.selected-dark .hero-copy>.eyebrow{color:#d3d0ca}
.selected-dark .hero h1{color:#fff}
.selected-dark .hero h1 .headline-accent{color:#f15c5b}
.selected-dark .hero .message{color:#dedbd6}
.selected-dark .hero .message strong{color:#fff}
.selected-dark .hero .secondary{border-color:#ffffff55;color:#fff;background:#ffffff08}
.selected-dark .hero .secondary:hover{background:#ffffff18}
.selected-dark .hero .featured-wrap{box-shadow:0 24px 80px #0007;background:#f9f6ef;border-color:#fff8}
.selected-dark .hero .side-portrait{border-color:#e5e0d8;box-shadow:0 18px 48px #0006}
.selected-dark .hero .video-base,.selected-dark .hero .share-small{color:#3f4540}
.selected-dark .library{position:relative;background:#faf9f5;border-radius:2rem 2rem 0 0;margin-top:-.25rem;padding-block:3rem}
.selected-dark .video-card{background:#eeeee7;border:1px solid transparent}
.selected-dark .video-card[aria-pressed="true"]{border-color:#b7282c;box-shadow:0 0 0 1px #b7282c}
.selected-dark .video-card[aria-pressed="true"] .card-index{color:#a51f24;font-weight:700}
.selected-dark .ending{width:100%;max-width:none;background:#faf9f5;padding:1rem max(3rem,calc((100% - 1240px)/2)) 3rem}
.share-panel{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:#eae9e1;border:1px solid #deded3;border-radius:1.5rem;padding:2.5rem 3rem}
.share-panel .eyebrow{font-size:.9375rem;color:#8d3d35;margin-bottom:.5rem}
.share-panel h2{font-size:2.35rem}
.share-panel p:last-child{margin:.65rem 0 0;color:#59605a}
.share-panel .primary{padding-inline:1.75rem}
.footer{background:#f1f0e8;color:#424a44;padding-block:2rem 1.5rem;border-top:1px solid #dfdfd5}
.partners-title{text-align:center;font-size:1rem;margin:0 0 1.25rem;color:#535f54}
.partner-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}
.logo-slot{height:96px;border:1px solid #e0e0d7;border-radius:.9rem;background:#fffefa;display:flex;align-items:center;justify-content:center;padding:.6rem}
.logo-slot img{display:block;object-fit:contain;width:auto;max-width:100%;height:100%;max-height:72px}
.logo-pending span{display:block;width:48%;height:17px;border-block:4px solid #cbd2c7;border-radius:4px;opacity:.7}
.back-top{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9375rem;margin-top:1.25rem;color:#626d62;min-height:44px}
.selected-dark dialog{background:#faf9f5;color:#252a27}
.selected-dark #featured-player:focus{outline:3px solid #f15c5b;outline-offset:6px}
.selected-dark .video-base{justify-content:flex-end}
.video-open{overflow:hidden}
#video-dialog{width:min(460px,calc(100% - 2rem));padding:1rem;max-height:calc(100dvh - 2rem)}
#video-dialog .dialog-head{margin-bottom:.75rem}
#video-dialog .dialog-head h2{font-size:1.25rem}
.video-stage{aspect-ratio:9/16;width:min(100%,calc(65dvh * 9 / 16));margin-inline:auto;background:#151515;color:#fff;border-radius:.9rem;display:grid;place-items:center;overflow:hidden}
.video-stage .unavailable{padding:1.25rem;font-size:1rem}
.video-stage .unavailable[hidden]{display:none}
.selected-dark .hero .message{max-width:780px;margin:0 auto 2rem;display:block;font-size:1.25rem;line-height:1.8}
.selected-dark .hero .message strong{display:block;margin-top:1rem;font-size:1.375rem}
.library-intro{max-width:880px;margin-bottom:2rem}
.library-intro blockquote{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.6;font-weight:700;margin:0 0 1rem}
.library-intro>p{margin:0;max-width:760px;color:#59605a;line-height:1.8}
.share-panel>div{max-width:840px;min-width:0;width:100%;overflow-wrap:anywhere}
.share-panel .coalition-members{line-height:1.8}
.share-panel p{margin:1rem 0 0;line-height:1.8}
.share-panel .coalition-call{color:#252a27}
@media(max-width:700px){.selected-dark .hero .message{font-size:1.0625rem;line-height:1.8}.selected-dark .hero .message strong{font-size:1.125rem}.section-top{flex-direction:column;gap:1rem}.section-top>p{max-width:none;text-align:start;padding:0}.share-panel h2{font-size:1.8rem}}
.video-stage iframe,.video-stage video{width:100%;height:100%;border:0}
#video-dialog>.primary{display:flex;margin:.75rem auto 0}
#share-dialog{width:min(32.5rem,calc(100% - 2rem));padding:1.5rem}
.share-intro{color:#5c625b;margin-bottom:1.25rem}
.social-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.social-option{display:flex;align-items:center;gap:.65rem;padding:1rem .85rem;min-height:88px;border:1px solid #dfdfd6;border-radius:1rem;background:#fffefa;color:#252a27;text-align:start}
.social-option:hover{background:#eeeee7;border-color:#bfc6bb}
.social-icon{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}
.social-icon svg{width:29px;height:29px}
.social-whatsapp{color:#187743}.social-facebook{color:#1c5bb9}.social-instagram{color:#a12b6b}.social-x{color:#151515}
.social-option strong{font-size:1.0625rem;font-weight:600;display:block;line-height:1.3}
.social-option small{font-size:.875rem;color:#676f63;display:block;margin-top:.3rem}
.social-arrow{margin-inline-start:auto;color:#707969;font-size:1rem}
.social-option>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.share-tools{margin-top:1.25rem;display:flex;gap:.75rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid #dfdfd6}
.copy-share,.native-share{border:1px solid #cccfc3;border-radius:.75rem;min-height:48px;padding:.6rem 1rem;background:#eeeee7;color:#252a27;display:inline-flex;align-items:center;gap:.65rem;justify-content:center;font-size:1rem}
.native-share{background:transparent}.native-share[hidden]{display:none}
#manual-share{margin-top:1rem}#manual-share label{font-size:1rem;display:block;margin-bottom:.5rem}#share-url{width:100%;font:1rem/1.5 Arial,sans-serif;border:1px solid #a3ad99;border-radius:.65rem;padding:.75rem;background:#fff;color:#252a27}
#share-status{line-height:1.6;font-size:1rem}
@media(max-width:420px){#share-dialog{padding:1.2rem}.social-options{gap:.6rem}.social-option{padding:.8rem .6rem;gap:.4rem;min-height:84px}.social-icon{width:27px}.social-icon svg{width:24px;height:24px}.social-option strong{font-size:1rem}.social-option small{font-size:.875rem}.social-arrow{display:none}.share-tools>*{flex:1;font-size:1rem;padding:.65rem .6rem}}
@media(max-width:360px){.social-options{grid-template-columns:1fr}.social-option{min-height:64px;padding:.65rem 1rem;gap:.75rem}.social-arrow{display:block}}
@media(max-width:1050px){.selected-dark .ending{padding-inline:2rem}}
@media(max-width:700px){.selected-dark .hero{padding-block:1.5rem 2.5rem}.selected-dark .top-shell:before{filter:blur(16px);background-position:48% 45%;opacity:.31}.selected-dark .hero h1 .headline-accent{color:#f77974}.selected-dark .library{padding-block:2rem;border-radius:1.5rem 1.5rem 0 0}.selected-dark .ending{padding:1rem 1.25rem 2rem}.share-panel{padding:1.5rem;align-items:start;flex-direction:column;gap:1.5rem}.share-panel h2{font-size:2rem}.share-panel .primary{width:100%}.partner-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.logo-slot{height:76px;padding:.5rem}.footer{padding-block:1.5rem 1rem}}

/* Review 1.5: portrait tiles inspired by familiar social video libraries. */
.selected-dark .hero{padding-top:3rem}
.library-intro{margin-inline:auto;text-align:center;margin-bottom:3rem}
.library-intro>p{margin-inline:auto}
.selected-dark .video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.selected-dark .video-card{position:relative;display:block;aspect-ratio:9/16;padding:0;border:0;border-radius:1.25rem;overflow:hidden;background:#242624;color:#fff;isolation:isolate}
.selected-dark .video-card .card-image{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:inherit}
.selected-dark .video-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.selected-dark .video-card:hover .card-image img{transform:scale(1.035)}
.selected-dark .video-card .card-image:after{background:linear-gradient(180deg,#0006 0%,transparent 30%,transparent 50%,#000e 100%)}
.selected-dark .video-card .card-index{position:absolute;top:1rem;inset-inline-start:1rem;color:#fff;z-index:2;font-size:.9375rem;font-weight:700;line-height:1.4;text-shadow:0 1px 5px #000}
.selected-dark .video-card .card-play{top:.75rem;bottom:auto;inset-inline-end:.75rem;width:36px;height:36px;background:#171717a6;border:1px solid #ffffff70;color:#fff;font-size:1.25rem;backdrop-filter:blur(6px)}
.selected-dark .video-card .card-copy{position:absolute;inset-inline:1.25rem;bottom:1.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;padding:0;z-index:2;min-width:0}
.selected-dark .video-card .card-copy strong{font-size:1.125rem;line-height:1.5;font-weight:700;overflow-wrap:anywhere}
.selected-dark .video-card .card-arrow{position:static;display:block;font-size:1.25rem;line-height:1;color:#fff;margin:0;flex-shrink:0}
.selected-dark .video-card:focus-visible{outline:3px solid #b7282c;outline-offset:5px;box-shadow:0 0 0 2px #fff}
@media(max-width:1100px){.selected-dark .video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}
@media(max-width:700px){.selected-dark .hero{padding-top:2rem}.library-intro{margin-bottom:2rem}.selected-dark .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.selected-dark .video-card{border-radius:1rem}.selected-dark .video-card .card-copy{inset-inline:.75rem;bottom:.875rem;gap:.25rem}.selected-dark .video-card .card-copy strong{font-size:1rem}.selected-dark .video-card .card-arrow{display:none}.selected-dark .video-card .card-index{top:.75rem;inset-inline-start:.75rem;font-size:.875rem}.selected-dark .video-card .card-play{width:32px;height:32px;top:.5rem;inset-inline-end:.5rem}}
@media(prefers-reduced-motion:reduce){.selected-dark .video-card .card-image img{transition:none}.selected-dark .video-card:hover .card-image img{transform:none}}
.selected-dark .video-card .card-index{inset-inline-start:auto;inset-inline-end:1rem}
@media(max-width:700px){.selected-dark .video-card .card-index{inset-inline-end:.75rem}}

.selected-dark .video-card .card-play svg{width:18px;height:18px;display:block}
.selected-dark .video-card .card-play{display:grid;place-items:center;border-radius:50%;z-index:3;backdrop-filter:none;background:#202320d9}
.selected-dark .hero .photo-frame{aspect-ratio:9/16}
.selected-dark .hero .featured-photo{object-fit:contain}
.selected-dark .hero .photo-shade{display:none}
.selected-dark .hero .side-portrait{height:auto;aspect-ratio:9/16}
.selected-dark .hero .side-portrait img{object-fit:contain}
.logo-slot{height:112px;padding:1rem}
.logo-slot img{width:100%;height:100%;max-height:80px;object-fit:contain}
@media(max-width:700px){.logo-slot{height:92px;padding:.65rem}.logo-slot img{max-height:68px}}
.ui-icon{display:inline-block;width:1.25rem;height:1.25rem;flex-shrink:0;vertical-align:middle}
.primary>span,.secondary>span,.share-small>span,.back-top>span,.social-arrow{display:inline-flex;align-items:center;justify-content:center}
.close .ui-icon{width:1.5rem;height:1.5rem}
.selected-dark .video-grid{--tile-gap:1.25rem;--columns:4;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--tile-gap)}
.selected-dark .video-grid .video-card{flex:0 0 calc((100% - (var(--columns) - 1)*var(--tile-gap))/var(--columns));width:calc((100% - (var(--columns) - 1)*var(--tile-gap))/var(--columns));min-width:0}
@media(max-width:1100px){.selected-dark .video-grid{--columns:3;--tile-gap:1rem}}
@media(max-width:700px){.selected-dark .video-grid{--columns:2;--tile-gap:.75rem}}
.logo-pnima img{transform:scale(.85)}
.close{min-width:44px;min-height:44px;display:grid;place-items:center}
body.modal-open{overflow:hidden}
#main:focus{outline:none}
:focus-visible{outline:3px solid #a51f24;outline-offset:5px}
.selected-dark .hero :focus-visible{outline-color:#fff}
.selected-dark dialog :focus-visible{outline-color:#a51f24}
.primary,.secondary,.social-option,.copy-share,.native-share{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
@media(prefers-reduced-motion:no-preference){
 .hero-copy{animation:gentle-in .6s ease-out both}
 .hero-media{animation:gentle-in .7s .08s ease-out both}
 dialog[open]{animation:dialog-in .2s ease-out}
 @keyframes gentle-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
 @keyframes dialog-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.video-card:hover{transform:none!important}}

.selected-dark .video-card .card-index{background:#111c;padding:.2rem .5rem;border-radius:999px}
.social-option small{color:#535d50}

.nojs-videos{background:#faf9f5;padding-block:2rem}.nojs-videos a{text-decoration:underline;display:inline-block;padding:.5rem 0}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#video-dialog{width:min(360px,calc(100vw - 24px),calc((100dvh - 144px)*9/16 + 24px));padding:12px;border-radius:20px;max-height:calc(100dvh - 24px)}
#video-dialog .dialog-head{height:44px;margin:0 0 8px;justify-content:flex-end}
#video-dialog .video-stage{width:100%;aspect-ratio:9/16;border-radius:12px}
#video-dialog>.primary{margin:12px auto 0;min-height:44px;padding:8px 24px}
@media(max-height:500px) and (orientation:landscape){#video-dialog{width:min(360px,calc(100vw - 24px))}#video-dialog .video-stage{aspect-ratio:16/9}}