/* Keep the complete cover artwork legible inside the existing project folder. */
.work-section>.project{scroll-margin-top:0}
.work-section .bloom-video-cover{display:grid;place-items:center;container-type:size;background:transparent}
.bloom-video-frame{position:relative;width:min(100cqw,196.111cqh);max-width:100%;max-height:100%;aspect-ratio:1412/720}
.bloom-video-link{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.bloom-video-link video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.bloom-video-link:focus-visible{outline:2px solid #163b17;outline-offset:-5px}
.bloom-cover-motion{position:absolute;right:14px;top:14px;z-index:4;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffffb8;border-radius:50%;background:#143e26c9;color:#fff;cursor:pointer;transition:background .15s,transform .15s}
.bloom-cover-motion span{font:500 19px/1 Arial,sans-serif}
.bloom-cover-motion:hover{background:#143e26}
.bloom-cover-motion:active{transform:scale(.94)}
.bloom-cover-motion:focus-visible{outline:2px solid #143e26;outline-offset:3px}
.sdd-entry-action.sdd-entry-action-outline{left:53.79%;bottom:13.27%;width:41.125%;aspect-ratio:987/159;box-shadow:0 0 0 2px #c4ff42;pointer-events:none}
.sdd-entry-button:hover .sdd-entry-action-outline,.sdd-entry-button:active .sdd-entry-action-outline{transform:none;box-shadow:0 0 0 3px #c4ff42,0 0 14px #c4ff4266}
body[data-project="bloom"] .case-page-media>.sdd-entry{margin:0;padding:0}
body[data-project="bloom"] .case-page-media>figure,body[data-project="bloom"] .case-page-media>.bloom-flower-interactive{margin:0 0 12px}
body[data-project="bloom"] .case-page-media>figure:has(>img[src$="bloom-review-01.webp"]){background:#fff}
body[data-project="bloom"] #main{padding-top:56px}
.case-page-title-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:700px){.bloom-cover-motion{right:9px;top:9px}}
@media(prefers-reduced-motion:reduce){.bloom-cover-motion{transition:none}}

/* Show each official project cover in full, within the existing viewport. */
.work-section .project-document-cover{display:flex;align-items:center;justify-content:center;background:transparent}
.work-section .project-document-cover>img{width:100%;height:100%;object-fit:contain!important;object-position:center!important;background:transparent!important}
.work-section .project-document-cover::after{content:none}
.work-section .project-document-cover:hover>img{transform:none}