/* Project imagery sits below a reserved, consistently spaced brand row. */
.work .curated-cover{display:block;padding:0;isolation:isolate}
.curated-cover .tile-logo{position:absolute;left:23px;top:21px;width:110px;height:27px;display:flex;align-items:center;justify-content:flex-start;z-index:2}
.curated-cover .tile-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.curated-cover .transparent-logo img{filter:brightness(0) invert(1);opacity:.94}
.curated-cover .paper-logo{mix-blend-mode:screen}
.curated-cover .paper-logo img{filter:grayscale(1) invert(1);opacity:.96}
.curated-cover .logo-03,.curated-cover .logo-04{width:139px;height:23px}
.curated-cover .logo-06{width:30px;height:31px;top:18px}
.curated-cover .logo-07{width:111px;height:23px}
.curated-cover .logo-08{width:32px;height:32px;top:17px}
.curated-cover .logo-09{width:88px;height:39px;top:13px}
.curated-cover .logo-10{width:76px;height:33px;top:17px}
.curated-cover .logo-11{width:92px;height:31px;top:17px}
.curated-cover .logo-12{width:90px;height:28px}
.curated-cover .tile-art{position:absolute;top:80px;left:7%;width:86%;height:calc(100% - 80px);overflow:visible;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.curated-cover .tile-screen{overflow:hidden;box-shadow:0 15px 32px #101a2350;background:#fff;border-radius:2px}
.curated-cover .tile-main{width:100%;max-height:100%}
.curated-cover .tile-screen img{display:block;width:100%;height:auto;max-width:none}
.curated-cover .screen-pair .tile-main{width:90%;max-height:100%}
.curated-cover .tile-secondary{position:absolute;right:-1%;top:62px;width:25%;max-height:calc(100% - 62px);z-index:1}
.curated-cover .screen-pair{left:5%;width:90%}
.project-card:hover .curated-cover .tile-art{transform:translateY(-3px)}
.curated-cover.project-05 .tile-art,.curated-cover.project-07 .tile-art,.curated-cover.project-12 .tile-art{top:85px;height:calc(100% - 85px)}
.curated-cover.project-08 .tile-art,.curated-cover.project-11 .tile-art{top:87px;height:calc(100% - 87px)}
.curated-cover.project-08 .tile-secondary,.curated-cover.project-11 .tile-secondary{top:43px;width:23%;right:0;max-height:calc(100% - 43px)}
.curated-cover.project-09 .tile-art{top:84px;height:calc(100% - 84px)}
.curated-cover.project-10 .tile-art{left:10%;width:80%}
@media(min-width:701px) and (max-width:1000px){.curated-cover .tile-art{top:74px;height:calc(100% - 74px)}.curated-cover .tile-logo{left:18px;max-width:calc(100% - 75px)}.curated-cover .logo-03,.curated-cover .logo-04{width:125px}}
@media(max-width:700px){.curated-cover .tile-art{top:78px;height:calc(100% - 78px)}.curated-cover .tile-logo{left:22px}.curated-cover.project-08 .tile-art,.curated-cover.project-11 .tile-art{top:82px;height:calc(100% - 82px)}}
@media(prefers-reduced-motion:reduce){.curated-cover .tile-art{transition:none}.project-card:hover .curated-cover .tile-art{transform:none}}

/* Preserve the AMEX reverse lettering and lift the original Vicks shield. */
.curated-cover .logo-08 img{filter:grayscale(1);opacity:1}
.curated-cover .logo-06 img{filter:grayscale(1) invert(1) contrast(3)}

/* Half-size company marks, vertically centered with the tile arrow control. */
.work .curated-cover .tile-logo{top:29px;transform:translateY(-50%) scale(.5);transform-origin:left center}

/* Larger previews use the space freed by the smaller brand row. */
.work .curated-cover .tile-art{top:64px;left:5%;width:90%;height:calc(100% - 64px)}
.work .curated-cover .screen-pair{left:4%;width:92%}
.work .curated-cover.project-10 .tile-art{left:7%;width:86%}
/* Slightly stronger wordmark beside the Verizon tile. */
.work .selected-project[href="project-talent-rank.html"] .tile-logo{transform:translateY(-50%) scale(.58)}

/* Approved aligned-preview family: shared frame, screen origin and mobile placement. */
.work .curated-cover{height:auto;aspect-ratio:4/3;border-radius:8px;background:#526873;border:0}
.work .curated-cover .tile-logo{left:5.6%;top:11.1111%}
.work .curated-cover .cover-arrow{width:26px;height:26px;top:calc(11.1111% - 13px);right:5%;background:transparent}
.work .curated-cover .cover-arrow svg{width:14px;height:14px}
.work .curated-cover .tile-art,.work .curated-cover .screen-pair,.work .curated-cover.project-10 .tile-art{top:21.3333%;left:5.6%;width:88.8%;height:78.6667%}
.work .curated-cover .tile-main{width:100%;height:100%;max-height:100%;border-radius:3px}
.work .curated-cover .screen-pair .tile-main{width:94%}
.work .curated-cover .tile-secondary{top:20.6102%;right:-1%;width:23%;height:79.3898%;max-height:79.3898%;border-radius:3px}
@media(max-width:800px){.work[data-work-expanded="true"] .more-projects>.project-card{display:block}}

/* Optical sizing of client marks within Selected Work only. */
.work .selected-project[href="project-talent-rank.html"] .tile-logo,
.work .selected-project[href="project-ereq.html"] .tile-logo{width:86px;height:20px;transform:translateY(-50%)}
.work .selected-project[href="project-vicks.html"] .tile-logo{width:20px;height:22px;transform:translateY(-50%)}
.work .selected-project[href="project-clairol.html"] .tile-logo{width:105px;height:20px;transform:translateY(-50%)}

.work .selected-project[href="project-vicks.html"] .pg-tile-logo{width:35px;height:16px;transform:translateY(-50%);mix-blend-mode:normal}
.work .curated-cover .pg-tile-logo img{filter:brightness(0) invert(1);opacity:.94}

/* Desktop shows all available previews; retain the original expandable mobile button. */
@media(min-width:801px){
 .work .more-projects[hidden]{display:grid}
 .work .more-work-action{display:none}
 .work .more-projects{margin-top:54px}
}