/* A single image responds to attention; the collection advances by choice. */
.featured-image .featured-preview-layer{position:absolute;inset:0;opacity:0;pointer-events:none}
.featured-open,.featured-overlay{z-index:2}
.featured-preview-badge{position:absolute;z-index:2;left:16px;top:16px;display:flex;align-items:center;gap:4px;padding:9px 11px;background:#0b100ee0;border:1px solid #e4d4b32b;backdrop-filter:blur(10px);color:#ece9e0;opacity:0;transition:opacity .4s;pointer-events:none}
.featured-preview-badge>span{min-width:72px;margin-right:12px;font:8px/1.2 ui-monospace,monospace;letter-spacing:1.4px;text-transform:uppercase}
.featured-preview-badge>i{width:13px;height:1px;background:#ffffff45;transition:background .4s}
.featured-preview-badge>i.is-current{background:#d5bc95}
.is-previewing .featured-preview-badge{opacity:1}
.featured-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-top:29px;padding-top:20px;border-top:1px solid #ffffff1a}
.featured-hint{font-size:11px;color:#a8aaa2;line-height:1.7}
.featured-touch-hint{display:none}
.featured-paging{display:flex;align-items:center;gap:10px}
.featured-more{font-size:11px;margin-right:12px;color:#e6e2d9}
.featured-page{font:9px ui-monospace,monospace;letter-spacing:1px;min-width:55px;color:#c4b299;margin-right:12px}
.featured-paging button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;background:transparent;color:#e9e5da;font-size:21px;cursor:pointer;transition:background .25s,border-color .25s}
.featured-paging button:hover{background:#c4b29919;border-color:#c4b299}
.featured-paging button:focus-visible{outline:2px solid #dcc39f;outline-offset:4px}
.featured-paging button[aria-disabled=true]{opacity:.45;cursor:wait}
.featured-error{width:100%;font-size:12px;color:#e2c69f}
.featured-meta p{min-height:1.6em}
@media(max-width:700px){.featured-controls{gap:12px;margin-top:22px;padding-top:17px}.featured-hint{width:100%;font-size:10px}.featured-paging{width:100%;justify-content:flex-end}.featured-more{margin-right:auto}.featured-preview-badge{left:10px;top:10px;padding:7px}.featured-preview-badge>span{font-size:7px;min-width:61px;margin-right:3px}.featured-preview-badge>i{width:8px}.featured-meta h3{font-size:clamp(19px,5.5vw,23px)}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.featured-mouse-hint{display:none}.featured-touch-hint{display:inline}}
@media(prefers-reduced-motion:reduce){.featured-preview-badge,.featured-paging button,.featured-preview-badge>i{transition:none}}

/* Grade-only gallery for Em foco; the comparison console remains independent. */
.featured-looks-dialog{width:min(1380px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:96svh;padding:24px;background:#101211;color:var(--type-body,#e4dac9);border:1px solid #c9b69d40;overscroll-behavior:contain}
.featured-looks-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.featured-looks-heading p{font:8px/1.6 ui-monospace,monospace;letter-spacing:1.6px;color:#b5aa97;margin:0 0 9px}
.featured-looks-heading h2{font-size:clamp(24px,3vw,40px);line-height:1.2;letter-spacing:-.045em}
.featured-looks-heading button{display:flex;align-items:center;gap:20px;min-height:44px;padding:8px 12px;background:none;color:inherit;font-size:10px;white-space:nowrap}
.featured-looks-heading button span{font-size:26px;line-height:1}
.featured-looks-stage{position:relative;width:100%;margin:0;aspect-ratio:16/9;max-height:57svh;background:#080b0a;display:grid;place-items:center;overflow:hidden}
.featured-looks-stage>img{width:100%;height:100%;max-height:57svh;min-height:0;object-fit:contain}
.featured-looks-name{position:absolute;left:15px;bottom:15px;background:#0b0d0ec9;border:1px solid #c9b69d38;padding:7px 12px;font:9px/1.5 ui-monospace,monospace;letter-spacing:1.2px;text-transform:uppercase;color:#e4dac9}
.featured-looks-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:730px;margin-top:20px}
.featured-looks-options button{display:flex;align-items:center;gap:14px;padding:8px;border:1px solid #c9b69d30;background:transparent;color:#c8c1b6;text-align:left;font-size:12px}
.featured-looks-options img{width:80px;aspect-ratio:16/9;height:auto;object-fit:cover;flex-shrink:0}
.featured-looks-options button[aria-pressed=true]{border-color:#c9b69d;background:#c9b69d12;color:#f0e6d5}
.featured-looks-options button:focus-visible,.featured-looks-heading button:focus-visible{outline:2px solid #c9b69d;outline-offset:3px}
.featured-looks-decision{max-width:850px;font-size:12px;line-height:1.7;margin:14px 0 0;color:#b5b4ac}
.featured-looks-error{font-size:12px;color:#e2c69f;margin:12px 0 0}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .featured-looks-heading h2{background-image:var(--type-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
}
@media(max-width:700px){
 .featured-looks-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:16px;max-height:96svh}
 .featured-looks-heading{gap:12px;margin-bottom:17px}.featured-looks-heading p{font-size:7px;letter-spacing:1px}.featured-looks-heading h2{font-size:26px}
 .featured-looks-heading button{padding:5px;gap:10px;font-size:9px}.featured-looks-options{gap:7px;margin-top:16px}
 .featured-looks-options button{display:block;padding:6px;font-size:10px;text-align:center}.featured-looks-options img{width:100%;margin-bottom:8px}
 .featured-looks-name{left:10px;bottom:10px;font-size:7px;padding:5px 8px}.featured-looks-decision{font-size:11px}
}
@media(forced-colors:active),(prefers-contrast:more){.featured-looks-heading h2{background:none;-webkit-text-fill-color:currentColor}.featured-looks-options button[aria-pressed=true]{outline:2px solid currentColor}}
