.work-collection .pagehero{padding:116px 0 24px}.work-collection .pagehero h1{font-size:36px;line-height:1.2;letter-spacing:-.04em;margin:0}.work-collection main>.section{padding:0 0 64px}.work-collection .shell{max-width:1440px;padding-left:32px;padding-right:32px}.work-collection .journal-controls{margin-bottom:22px;gap:10px}.work-collection .journal-controls select{max-width:100%;padding:10px 12px;font-size:14px}.work-collection .journal-controls button[hidden]{display:none}.work-collection .journal-grid,.work-collection .interest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px;align-items:start}.work-collection .journal-card,.work-collection .interest{display:block;min-width:0;min-height:0;border:0;padding:0;overflow:hidden;border-radius:7px;background:transparent;transition:none}.work-collection .journal-card:hover,.work-collection .interest:hover{background:transparent;box-shadow:none;transform:none}.work-collection .journal-card .cover-frame,.work-collection .interest .cover-frame{position:relative;width:100%;height:auto;aspect-ratio:3/4;margin:0;border-radius:7px;overflow:hidden}.work-collection .interest .interest-cover{width:100%!important;height:100%!important;margin:0!important;max-height:none!important}.work-collection .journal-placeholder{position:relative;aspect-ratio:3/4;border-radius:7px}.work-collection .journal-card-info{padding:10px 2px 0}.work-collection .journal-card h3,.work-collection .interest b{display:block;margin:0;font-size:17px;font-weight:700;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}.work-collection .interest b{padding:10px 2px 0}.work-collection .interest-no-photo{border:1px solid rgba(0,0,0,.35);padding:16px 12px}.work-collection .interest-no-photo b{padding:0}.work-collection .video-label{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;padding:0;background:rgba(0,0,0,.55)}.work-collection .video-label::after{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid white;margin-left:2px}.work-collection .filterbar{gap:8px;margin-bottom:14px}.work-collection .filterbar button{min-height:44px;padding:9px 15px;font-size:13px}.work-collection .explore-display-toolbar{margin:0 0 22px}.work-collection .next-goals{margin-top:44px}.work-collection .empty-story{grid-column:1/-1}.work-collection .journal-card:focus-visible,.work-collection .interest:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
@media(max-width:1100px){.work-collection .journal-grid,.work-collection .interest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.work-collection .pagehero{padding:94px 0 20px}.work-collection .pagehero h1{font-size:28px}.work-collection .shell{padding-left:12px;padding-right:12px}.work-collection .journal-grid,.work-collection .interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.work-collection .journal-card h3,.work-collection .interest b{font-size:15px;line-height:1.45}.work-collection .journal-card-info{padding:9px 2px 0}.work-collection .journal-type-filters{gap:6px}.work-collection .journal-controls .journal-type{padding:9px 12px}.work-collection .journal-controls{margin-bottom:18px}.work-collection .filterbar button{padding:8px 11px}.work-collection .explore-display-toolbar{margin-bottom:18px;gap:8px}.work-collection .journal-card .cover-frame,.work-collection .interest .cover-frame{border-radius:6px}}
.work-collection .collection-hover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent;pointer-events:none;opacity:0}.work-collection .is-video-previewing .collection-hover-video{opacity:1}.work-collection .collection-preview-time{position:absolute;bottom:8px;left:8px;padding:4px 7px;border-radius:4px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;line-height:1.3;pointer-events:none}.work-collection .is-video-previewing .video-label{display:none}.work-collection .journal-results.sr-only{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}

@media(min-width:1440px){.work-collection .shell{max-width:1640px}.work-collection .journal-grid,.work-collection .interest-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}

.work-collection .collection-preview-sound{position:absolute;right:6px;bottom:6px;z-index:2;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:6px;background:rgba(0,0,0,.6);color:#fff;cursor:pointer;line-height:1}.work-collection .collection-preview-sound svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.work-collection .collection-preview-sound:focus-visible{outline:3px solid #ffde00;outline-offset:-3px}.work-collection .collection-preview-time{max-width:calc(100% - 68px)}

.work-collection .journal-card-views{position:absolute;left:8px;bottom:8px;z-index:1;display:flex;align-items:center;gap:4px;max-width:calc(100% - 16px);padding:3px 5px;border-radius:4px;color:#fff;background:rgba(0,0,0,.38);font-size:13px;line-height:1.3;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px #000}.work-collection .journal-card-views svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;flex:none}.work-collection .journal-card-gallery{position:absolute;right:8px;top:8px;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:rgba(0,0,0,.38);color:#fff;pointer-events:none}.work-collection .journal-card-gallery svg{width:22px;height:22px;fill:#fff;stroke:#777;stroke-width:1.5}.work-collection .is-video-previewing .journal-card-views{visibility:hidden}

.work-collection .collection-card-backdrop{position:absolute;inset:0;width:100%;height:100%;display:block;transform:scale(1.25);filter:blur(16px) brightness(.78);pointer-events:none}.work-collection .collection-card-backdrop[hidden]{display:none}.work-collection .collection-image-backdrop{z-index:0}.work-collection .cover-frame.has-image-backdrop>img{position:relative;z-index:1;background:transparent}.work-collection .collection-preview-backdrop{z-index:2;opacity:0}.work-collection .is-video-previewing .collection-preview-backdrop{opacity:1}.work-collection .collection-hover-video{z-index:3}.work-collection .collection-preview-time,.work-collection .journal-card-views,.work-collection .journal-card-gallery{z-index:4}.work-collection .collection-preview-sound{z-index:5}

/* Keep the cover intact until moving video and its frozen backdrop are ready together. */
.work-collection .collection-hover-video,.work-collection .collection-preview-backdrop{transition:opacity .14s ease-out}.work-collection .is-video-previewing .cover-frame>img{opacity:0;transition:opacity .14s ease-out}.work-collection .collection-preview-time,.work-collection .collection-preview-sound{visibility:hidden}.work-collection .is-video-previewing .collection-preview-time,.work-collection .is-video-previewing .collection-preview-sound{visibility:visible}@media(prefers-reduced-motion:reduce){.work-collection .collection-hover-video,.work-collection .collection-preview-backdrop,.work-collection .is-video-previewing .cover-frame>img{transition:none}}
