/**
 * MAUP manifest.
 * @maup-path: template-parts/components/content-discovery/style.css
 * @maup-version: 1.6.0
 * @maup-mode: upsert
 * @maup-role: Shared previous/next and related-content discovery styles
 */
.content-discovery{position:relative;z-index:3;padding:clamp(34px,5vw,76px) 0 clamp(110px,12vw,190px)}
.content-discovery-head{display:grid;grid-template-columns:minmax(130px,.3fr) minmax(0,1fr);gap:clamp(26px,5vw,82px);align-items:start;margin-bottom:clamp(38px,5vw,68px);padding-top:clamp(28px,4vw,50px);border-top:1px solid rgba(255,255,255,.08)}
.content-discovery-head:not(:has(.eyebrow)){grid-template-columns:1fr}
.content-discovery-head .eyebrow{margin:.5em 0 0}
.content-discovery-head .display{max-width:900px;margin:0;font-weight:100;text-wrap:balance}
.content-discovery-adjacent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.8vw,22px)}
.content-discovery-nav-card{position:relative;display:block;min-height:clamp(300px,34vw,520px);overflow:hidden;border-radius:var(--radius-md);background:#141416;color:#f4f4f1;isolation:isolate;text-decoration:none}
.content-discovery-nav-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.04);transition:transform .8s var(--ease),filter .8s var(--ease)}
.content-discovery-nav-card:hover>img,.content-discovery-nav-card:focus-visible>img{transform:scale(1.035);filter:saturate(1) contrast(1.06)}
.content-discovery-placeholder{position:absolute;inset:0;background:radial-gradient(circle at 72% 24%,rgba(143,130,255,.19),transparent 34%),linear-gradient(145deg,#18181c,#0c0c0e)}
.content-discovery-nav-scrim{position:absolute;inset:18% 0 0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.18) 22%,rgba(0,0,0,.82) 100%)}
.content-discovery-nav-copy{position:absolute;z-index:2;left:clamp(24px,3vw,42px);right:clamp(68px,7vw,92px);bottom:clamp(24px,3vw,40px);display:grid;gap:12px}
.content-discovery-nav-copy small{color:rgba(255,255,255,.62);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}
.content-discovery-nav-copy strong{font:200 clamp(2rem,4vw,4.4rem)/.94 var(--font-display);letter-spacing:-.055em;text-wrap:balance}
.content-discovery-nav-arrow{position:absolute;z-index:3;right:clamp(22px,3vw,38px);bottom:clamp(24px,3vw,38px);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:rgba(8,8,10,.42);backdrop-filter:blur(14px);transition:transform .35s var(--ease),background .35s ease}
.content-discovery-nav-card--previous .content-discovery-nav-arrow{transform:rotate(180deg)}
.content-discovery-nav-card--previous:hover .content-discovery-nav-arrow,.content-discovery-nav-card--previous:focus-visible .content-discovery-nav-arrow{transform:rotate(180deg) translateX(-3px)}
.content-discovery-nav-card--next:hover .content-discovery-nav-arrow,.content-discovery-nav-card--next:focus-visible .content-discovery-nav-arrow{transform:translateX(3px)}
.content-discovery-nav-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.content-discovery-related-head{display:flex;align-items:center;justify-content:space-between;margin:clamp(62px,8vw,110px) 0 24px;padding-top:26px;border-top:1px solid rgba(255,255,255,.08)}
.content-discovery-related-head .mono{margin:0;color:#74747b;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase}
.content-discovery-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(34px,4vw,62px) clamp(14px,2vw,26px)}
.content-discovery-related-project{display:grid;gap:14px;color:inherit;text-decoration:none;min-width:0}
.content-discovery-related-media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-md);background:#111}
.content-discovery-related-media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .7s ease;filter:saturate(.9) contrast(1.02)}
.content-discovery-related-project:hover .content-discovery-related-media>img,.content-discovery-related-project:focus-visible .content-discovery-related-media>img{transform:scale(1.025);filter:saturate(1) contrast(1.04)}
.content-discovery-related-project>strong{font:300 clamp(1rem,1.35vw,1.3rem)/1.2 var(--font-display);letter-spacing:-.025em;color:#d8d8dc;text-wrap:balance}
.content-discovery-related--posts .blog-card--compact .blog-card-copy{padding-top:14px}
.content-discovery-related--posts .blog-card--compact .blog-card-meta{display:none}
.content-discovery-related--posts .blog-card--compact h2{margin:0;font-size:clamp(1.05rem,1.5vw,1.42rem);line-height:1.18;letter-spacing:-.025em}
.content-discovery-adjacent>.content-discovery-nav-card:only-child{grid-column:1/-1}
@media(max-width:760px){
  .content-discovery{padding-bottom:110px}
  .content-discovery-head{grid-template-columns:1fr;gap:14px}
  .content-discovery-head .eyebrow{margin:0}
  .content-discovery-adjacent{grid-template-columns:1fr}
  .content-discovery-nav-card{min-height:0;aspect-ratio:4/3}
  .content-discovery-nav-copy strong{font-size:clamp(2rem,10vw,3.7rem)}
  .content-discovery-related{grid-template-columns:1fr;gap:36px}
  .content-discovery-related-project>strong{font-size:1.05rem}
}