/* Selected work: portfolio scaffold styled to match the existing JourneyWell site. */
.selected-work{background:var(--faq,#f4f4f6);color:var(--navy,#131628);padding:56px 0 64px;position:relative}
.selected-work .wrap{max-width:1180px}
.work-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.work-kicker{margin:0 0 8px;color:var(--purple,#6f00ff);font-size:12px;letter-spacing:1.7px;font-weight:800;text-transform:uppercase}
.selected-work h2{margin:0;color:var(--navy,#131628);font-size:36px;line-height:40px;font-weight:800;letter-spacing:-.4px;text-transform:uppercase}
.work-intro{margin:10px 0 0;color:#555;font-size:16px;line-height:1.5}
.work-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.work-filter{border:1px solid #d3d3da;background:#fff;color:#454653;border-radius:0;padding:10px 17px;font:700 11px/1 var(--font);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.work-filter:hover,.work-filter.is-active{background:var(--purple,#6f00ff);border-color:var(--purple,#6f00ff);color:#fff}
.work-filter:focus-visible{outline:3px solid #b57bff;outline-offset:3px}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:0}
.work-card{position:relative;display:block;min-width:0;overflow:hidden;border:0;border-radius:0;background:transparent;color:inherit;text-decoration:none;box-shadow:none;transform:none;transition:border-color .2s}
.work-card:hover,.work-card:focus-visible{border-color:#b57bff;transform:none}
.work-card[hidden]{display:none}
.work-image{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16 / 9;position:relative;overflow:hidden;background:#e6e4eb}
.work-card-media{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.work-card-composite{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;justify-items:center;gap:8px;padding:8px;background:#e6e4eb}
.work-card-vertical{height:100%;max-width:100%;aspect-ratio:9/16;position:relative;overflow:hidden;background:#d9d6dc}
.work-card-vertical-media{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.work-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#e5e1ef,#d4c7e8 64%,#c7bbdc);color:var(--navy,#131628);font-size:17px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
.work-tone-2{background:linear-gradient(135deg,#f1e7dc,#e2c8ae 64%,#d0b291)}
.work-tone-3{background:linear-gradient(135deg,#e2eee9,#bed7ce 64%,#a9c7bb)}
.work-tone-4{background:linear-gradient(135deg,#e2edf4,#c6dce9 64%,#aec6d6)}
.work-tone-5{background:linear-gradient(135deg,#e9e6d8,#d7d1b7 64%,#c4bda3)}
.work-tone-6{background:linear-gradient(135deg,#f0e1e2,#ddc2c5 64%,#c9a9ae)}
.work-badge{position:absolute;top:12px;left:12px;border-radius:0;padding:6px 10px;background:var(--yellow,#f6d234);color:var(--navy,#131628);font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;opacity:0;transition:opacity .22s}
.work-copy{position:absolute;inset:auto 0 0;z-index:2;padding:24px 22px 20px;color:#fff;opacity:0;transform:translateY(8px);pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.35);transition:opacity .42s ease,transform .48s cubic-bezier(.2,.65,.3,1)}
.work-copy:before{content:"";position:absolute;z-index:0;inset:-56px 0 0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.10) 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 25%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.72) 80%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 25%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.72) 80%,#000 100%)}
.work-copy>*{position:relative;z-index:1}
.work-card:focus-visible .work-copy{opacity:1;transform:translateY(0)}
.work-card:focus-visible .work-badge{opacity:1}
@media(hover:hover) and (pointer:fine){.work-card:hover .work-copy{opacity:1;transform:translateY(0)}.work-card:hover .work-badge{opacity:1}}
@media(hover:none) and (pointer:coarse){.work-card .work-copy,.work-card .work-badge{display:none}.work-card:focus-visible{outline:3px solid #b57bff;outline-offset:-3px}}
.work-meta{margin:0 0 8px;color:rgba(255,255,255,.88);font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase}
.work-copy h3{margin:0 0 7px;color:#fff;font-size:17px;line-height:1.3;font-weight:800}
.work-copy>p:last-child{margin:0;color:rgba(255,255,255,.92);font-size:13px;line-height:1.55}
@media(max-width:1000px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.selected-work{padding:44px 0 50px}.work-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}.selected-work h2{font-size:28px;line-height:32px}.work-filters{justify-content:flex-start}.work-grid{grid-template-columns:1fr}.work-copy{padding:20px 16px 16px}.work-copy h3{font-size:15px}.work-copy>p:last-child{font-size:12px}}

.work-card-motion{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;pointer-events:none}

@media(prefers-reduced-motion:reduce){.work-copy,.work-badge{transition:none}}