/* T6-E2: real controls only; image/card targets keep their natural larger area. */
body.e2-ui{--ctl-primary:48px;--ctl-secondary:44px;--ctl-icon:44px;--ctl-pad:18px;--ctl-gap:12px;--ctl-radius:4px;--ctl-ease:cubic-bezier(.22,1,.36,1);--ctl-time:200ms;--ctl-ink:#202323;--ctl-paper:#f4f2ed;--ctl-line:#8a9090;--ctl-hover:#e3e6e3;--ctl-focus:#334c65}
body.e2-ui.r1-case{--ctl-ink:#d9b9ef;--ctl-paper:#17121d;--ctl-line:#74627e;--ctl-hover:#302237;--ctl-focus:#ead5f7}
body.e2-ui.clirik-case{--ctl-ink:#263b31;--ctl-paper:#f5f3ec;--ctl-line:#849489;--ctl-hover:#e3e8df;--ctl-focus:#385f47}
html[data-portfolio-page=macy-pan] body.e2-ui{--ctl-ink:#1959a6;--ctl-paper:#f7fbff;--ctl-line:#96afc9;--ctl-hover:#e5eff8;--ctl-focus:#1959a6}
body.e2-ui :is(.s2-primary,.f1-primary,.t4-link,.r1-product-link,.p4-copy,.p4-prompt-toggle,.p4-image-open,.p4-dialog-close,.cl-text-link,.mp-text-link,:where(.cl-view-head) button,:where(.mp-view-head) button,.e2-open-original,:where(.case-pagination) .button){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--ctl-gap);min-height:var(--ctl-secondary);padding:0 var(--ctl-pad);border:1px solid var(--ctl-line);border-radius:var(--ctl-radius);background:transparent;color:var(--ctl-ink);font-family:inherit;font-size:14px;font-weight:500;line-height:1.35;text-decoration:none;vertical-align:middle;touch-action:manipulation;transition:color var(--ctl-time) var(--ctl-ease),background-color var(--ctl-time) var(--ctl-ease),border-color var(--ctl-time) var(--ctl-ease)}
body.e2-ui :is(.s2-primary,.f1-primary,.t4-link,.r1-product-link,.p4-copy,.e2-open-original,:where(.case-pagination) .button){height:var(--ctl-primary);min-height:var(--ctl-primary);background:var(--ctl-ink);color:var(--ctl-paper);border-color:var(--ctl-ink)}
body.e2-ui :is(.s2-primary,.f1-primary){--ctl-ink:#f4f2ed;--ctl-paper:#111316;--ctl-hover:#fff;--ctl-line:#f4f2ed}
body.e2-ui :is(.s2-primary,.f1-primary):is(:hover,:focus-visible){background:#fff;border-color:#fff;color:#111316}
body.e2-ui :is(.t4-link,.r1-product-link,.p4-copy,.e2-open-original,:where(.case-pagination) .button):is(:hover,:focus-visible){background:var(--ctl-hover);color:var(--ctl-ink);border-color:var(--ctl-ink)}
body.e2-ui :is(.p4-prompt-toggle,.p4-image-open,.p4-dialog-close,.cl-text-link,.mp-text-link,:where(.cl-view-head) button,:where(.mp-view-head) button):is(:hover,:focus-visible){background:var(--ctl-hover);border-color:var(--ctl-ink);color:var(--ctl-ink)}
body.e2-ui :is(.p4-prompt-toggle,.cl-text-link,.mp-text-link){padding-inline:0;border-width:0 0 1px;border-radius:0;justify-content:flex-start}
.e2-ui .cl-catalog .cl-text-link{--ctl-ink:#f5f3ec;--ctl-hover:#ffffff0d;--ctl-line:#9aaca0;--ctl-focus:#e2eee0}
body.e2-ui :is(.s2-primary,.f1-primary,.t4-link,.r1-product-link,.p4-copy,.p4-prompt-toggle,.p4-image-open,.p4-dialog-close,.cl-text-link,.mp-text-link,:where(.cl-view-head) button,:where(.mp-view-head) button,.e2-open-original,:where(.case-pagination) .button):active{opacity:.82;transition-duration:100ms}
body.e2-ui :is(a,button):focus-visible{outline:2px solid var(--ctl-focus);outline-offset:4px}
body.e2-ui :is(button:disabled,[aria-disabled=true]){opacity:.42;cursor:default;box-shadow:none}
body.e2-ui :is(.s2-primary,.f1-primary,.t4-link,.r1-product-link,.p4-copy,.p4-image-open,.p4-dialog-close,.cl-text-link,.mp-text-link,:where(.cl-view-head) button,:where(.mp-view-head) button,.e2-open-original,:where(.case-pagination) .button) svg{width:20px;height:20px;flex:none}
body.e2-ui :is(.s2-nav a,.f1-desktop-nav a,.cl-header nav a,.mp-header nav a,.nav-links a,.cl-chapters a,.mp-chapters a,.r1-toc a,.t4-work-title-row nav a,.cl-footer a,.mp-footer a,.aethera-case-footer a,.t4-footer-bottom a){display:inline-flex;align-items:center;min-height:44px;padding-block:8px;box-sizing:border-box;touch-action:manipulation}
body.e2-ui :is(.cl-tab-list button,.mp-tab-list button,.c0-tabs button){min-height:44px;padding-block:10px;font-size:14px}
body.e2-ui :is(.cl-next-case,.mp-next-case){min-height:48px;padding-block:12px}
body.e2-ui :is(.cl-next-case,.mp-next-case)>svg{width:24px;height:24px}
body.e2-ui :is(.cl-view-head,.mp-view-head,.p4-dialog-head){gap:16px;padding:16px 20px;min-height:76px;box-sizing:border-box}
body.e2-ui :is(.cl-view-head,.mp-view-head,.p4-dialog-head) h2{font-size:16px;line-height:1.4}
body.e2-ui :is(.cl-zoom,.mp-zoom){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 14px;box-sizing:border-box;font-size:12px;border-radius:3px}
body.e2-ui :is(.cl-zoom,.mp-zoom) svg{width:18px;height:18px}
.e2-ui .p4-copy[data-result=success]{background:#d3e7d1;color:#18341d;border-color:#d3e7d1}
.e2-ui .p4-copy[data-result=error]{background:#3b1e26;color:#ffe1e5;border-color:#d89ca8}
body.e2-ui :is(.t4-email,.t4-footer-bottom a){min-height:44px}
.e2-ui .t4-rail-controls button,.e2-ui .f1-menu-toggle,.e2-ui .e2-hero-control{width:44px;height:44px;min-height:44px;min-width:44px;padding:0;display:inline-grid;place-items:center}
.e2-ui .t4-rail-controls button svg,.e2-ui .e2-hero-control svg{width:20px;height:20px}
/* Gallery viewer: quiet header, a coherent view-mode group and one primary action. */
.e2-ui .t4-art-dialog{--ctl-ink:#202323;--ctl-paper:#f8f8f5;--ctl-line:#a6adad;--ctl-hover:#e4e8e5;--ctl-focus:#334c65;border:0;border-radius:8px;background:#f8f8f5;color:#202323;box-shadow:0 24px 70px #101a2666}
.e2-ui .t4-art-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:24px;background:#f8f8f5;color:#202323;border-bottom:1px solid #d7dcda;flex:none}
.e2-ui .t4-art-dialog>header h2{font-size:24px;font-weight:500;line-height:1.3}
.e2-ui .t4-art-dialog>header p{font-size:12px;color:#606a66;margin-top:5px}
.e2-ui .t4-art-dialog .e2-close-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #b8c0bb;border-radius:50%;background:transparent;color:#202323;cursor:pointer}
.e2-ui .e2-close-icon svg{width:20px;height:20px}
.e2-ui .t4-art-dialog .e2-close-icon:hover{background:#e4e8e5}
.e2-ui .t4-art-dialog .e2-close-icon:active{background:#ced6cf}
.e2-ui .t4c-preview-tools{display:grid;grid-template-columns:auto 1fr auto;gap:10px 24px;padding:16px 24px;background:#f8f8f5;border-bottom:1px solid #d7dcda}
.e2-ui .e2-view-mode{display:flex;gap:2px;padding:3px;background:#e5e9e5;border-radius:5px;grid-column:1;grid-row:1}
.e2-ui .e2-view-mode button{height:44px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:3px;background:transparent;color:#54625a;font:500 13px/1.4 Inter,'Microsoft YaHei',sans-serif;transition:background-color 200ms var(--ctl-ease),color 200ms var(--ctl-ease)}
.e2-ui .e2-view-mode button[aria-pressed=true]{background:#fff;color:#202323;border-color:#d0d8d1;box-shadow:0 2px 4px #18231c0c}
.e2-ui .e2-view-mode button:hover:not([aria-pressed=true]){background:#d8dfd8;color:#202323}
.e2-ui .t4c-preview-tools .e2-open-original{grid-column:3;grid-row:1;margin:0;min-width:144px;height:48px;min-height:48px;border-radius:4px;border-color:#202323;background:#202323;color:#f8f8f5;padding:0 18px}
.e2-ui .t4c-preview-tools .e2-open-original:hover{background:#3c5142;color:#fff;border-color:#3c5142}
.e2-ui .t4c-preview-tools p{grid-column:1/-1;width:auto;font-size:12px;line-height:1.6;color:#606a66}
.e2-ui .t4-art-dialog .t4-art-body{background:#e8ece8;padding:20px}
.e2-ui .t4-art-dialog .t4-art-body img{box-shadow:0 8px 28px #26372b0e}
/* The accepted project cover, kept inside the existing tilt and reveal layers. */
.e2-ui .t5-work #project-prompt .tilted-card__face{background:#09070d}
.e2-ui .t5-work #project-prompt .tilted-card__img{object-position:center center}
/* Mobile-only silver film. The original poster remains below the video. */
.e2-ui .f1-art video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 90%,transparent 100%);transition:opacity 180ms linear}
.e2-ui .f1-art video.is-ready{opacity:1}
.e2-ui .e2-hero-control{position:absolute;z-index:2;right:24px;bottom:4px;pointer-events:auto;border:1px solid #737b83;border-radius:50%;background:#121619cc;color:#f4f2ed;touch-action:manipulation}
.e2-ui .e2-hero-control:hover{background:#354048}
.e2-ui .e2-hero-control:focus-visible{outline-color:#fff}
.e2-ui .e2-hero-control:active{background:#56636c}
body.e2-ui :is(.mp-source-note,.mp-project-sources>p,.p4-dna-boundary,.r1-source-note,.r1-output-note){font-size:12px;line-height:1.7;max-width:75ch}
@media(max-width:767px){
 body.e2-ui :is(.cl-view-head,.mp-view-head,.p4-dialog-head){padding:14px 12px;gap:10px}
 body.e2-ui :is(.cl-view-head,.mp-view-head)>div{gap:8px;flex-shrink:0}
 body.e2-ui :is(.cl-view-head,.mp-view-head) h2{font-size:14px;max-width:7ch}
 body.e2-ui :is(:where(.cl-view-head) button,:where(.mp-view-head) button,.p4-dialog-close){font-size:12px;padding-inline:12px;gap:8px}
 .e2-ui .t4-art-dialog{border-radius:0}
 .e2-ui .t4-art-dialog>header{padding:16px}
 .e2-ui .t4-art-dialog>header h2{font-size:22px}
 .e2-ui .t4c-preview-tools{grid-template-columns:1fr;gap:12px;padding:14px 16px}
 .e2-ui .e2-view-mode{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr 1fr}
 .e2-ui .e2-view-mode button{font-size:13px;padding-inline:10px}
 .e2-ui .t4c-preview-tools .e2-open-original{grid-column:1;grid-row:2;width:100%;justify-content:space-between}
 .e2-ui .t4c-preview-tools p{grid-column:1;grid-row:3}
 .e2-ui .t4-art-dialog .t4-art-body{padding:12px}
 body.e2-ui :is(.cl-zoom,.mp-zoom){min-height:44px;padding-inline:10px;font-size:11px}
 .e2-ui .t5-work #project-prompt .tilted-card__img{object-fit:cover;object-position:50% 50%}
}
@media(prefers-reduced-motion:reduce){
 body.e2-ui :is(a,button,svg,span)::before,body.e2-ui :is(a,button,svg,span)::after,body.e2-ui :is(a,button,svg,span),.e2-ui .f1-art video{transition:none!important}
}

body.e2-ui.r1-case .case-pagination .button{height:var(--ctl-primary);padding:0 var(--ctl-pad);gap:var(--ctl-gap);background:var(--ctl-ink);color:var(--ctl-paper);border:1px solid var(--ctl-ink);border-radius:4px;font-size:14px;box-shadow:none}
body.e2-ui.r1-case .case-pagination .button:hover{background:var(--ctl-hover);color:var(--ctl-ink)}
body.e2-ui :is(.cl-view-head,.mp-view-head,.p4-dialog-head) .e2-close-icon{display:inline-grid;place-items:center;flex:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:50%}
body.e2-ui :is(.cl-view-head,.mp-view-head,.p4-dialog-head) .e2-close-icon svg{width:20px;height:20px}
body.e2-ui .s2-control{min-height:44px;padding:0 14px;border:1px solid #858b8f;border-radius:4px;font-size:12px}
body.e2-ui .cl-catalog button:focus-visible{outline-color:#e7ecdf}
body.e2-ui.r1-case .c0-tabs button:focus-visible{outline-color:#6a3d85;outline-offset:-4px}
body.e2-ui :is(.s2-primary,.f1-primary):focus-visible{outline-color:#fff}
body.e2-ui .r1-product-link svg{transition:transform 200ms var(--ctl-ease)}
@media(hover:hover){body.e2-ui .r1-product-link:hover svg{transform:translate(3px,-3px)}}
@media(prefers-reduced-motion:reduce){body.e2-ui .r1-product-link:hover svg{transform:none}}
@media(max-width:767px){
 body.e2-ui :is(.cl-image-open,.mp-image-open){aspect-ratio:auto;padding-bottom:54px;background:var(--ctl-paper)}
 body.e2-ui :is(.cl-image-open,.mp-image-open)>img{height:auto}
 body.e2-ui .cl-image-open .cl-zoom,body.e2-ui .mp-image-open .mp-zoom{bottom:5px;right:8px}
}

/* First inspection: correct cascade, complete link targets, keep image badges outside mobile UI. */
body.e2-ui :is(.cl-brand,.mp-brand,.aethera-case-brand,.s2-logo,.f1-logo){display:inline-flex;align-items:center;min-height:44px}
body.e2-ui .case-pagination .text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding-block:8px}
body.e2-ui .case-pagination .text-link svg{width:20px;height:20px}
body.e2-ui .case-pagination .p4-next-arrow{margin-left:0}
body.e2-ui :is(.s2-hero,.f1-hero){--ctl-focus:#fff}
body.e2-ui .s2-primary svg{transition:transform 200ms var(--ctl-ease)}
@media(hover:hover){body.e2-ui .s2-primary:hover svg{transform:translate(3px,-3px)}}
@media(prefers-reduced-motion:reduce){body.e2-ui .s2-primary:hover svg{transform:none}}
body.e2-ui .t5-work #project-prompt>.t4-case-image{background:#141019}
body.e2-ui .t5-work #project-prompt>.t4-case-image::before{border-color:#aa91ba55}
@media(max-width:767px){body.e2-ui .cl-image-open .cl-zoom,body.e2-ui .mp-image-open .mp-zoom{position:absolute}}
body.e2-ui.r1-case .r1-finale .r1-product-link{height:48px;min-height:48px;padding:0 var(--ctl-pad);background:var(--ctl-ink);color:var(--ctl-paper);border:1px solid var(--ctl-ink)}
body.e2-ui.r1-case .r1-finale .r1-product-link:is(:hover,:focus-visible){background:var(--ctl-hover);color:var(--ctl-ink);border-color:var(--ctl-ink)}