.dh-project-fan{gap:.9rem;height:clamp(25rem,38vw,34rem);display:flex}.dh-project-fan-card{isolation:isolate;border-radius:var(--radius-card);min-width:0;color:var(--forest);flex:9 1 0;text-decoration:none;transition:flex-grow .56s cubic-bezier(.2,.72,.15,1);display:block;position:relative;overflow:hidden}.dh-project-fan-card[data-active=true]{flex-grow:14}.dh-project-fan-media{position:absolute;inset:0}.dh-project-fan-media picture,.dh-project-fan-media img{width:100%;height:100%;display:block}.dh-project-fan-media img{object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.2,1)}.dh-project-fan-card:hover img,.dh-project-fan-card:focus-visible img{transform:scale(1.035)}.dh-project-fan-caption{flex-direction:column;align-items:flex-start;gap:1rem;display:flex;position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem}.dh-project-fan-caption h3{color:#fff;letter-spacing:-.035em;text-shadow:0 1px 3px #000000d9,0 3px 18px #000000a6;margin:0;font-family:Deco Serif,Georgia,serif;font-size:clamp(1.65rem,2.2vw,2.1rem);font-weight:400;line-height:1.06}.dh-project-fan-box{background:var(--paper);width:100%;color:var(--forest);border-radius:1rem;padding:.6rem 1rem}.dh-project-fan-description{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.72,.15,1),opacity .18s;display:grid}.dh-project-fan-description>div{min-height:0;overflow:hidden}.dh-project-fan-description p{font-size:var(--type-body-sm);margin:.4rem 0 .8rem;line-height:1.5}.dh-project-fan-card[data-active=true] .dh-project-fan-description{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.2,.72,.15,1),opacity .24s .1s}.dh-project-fan-link{font-size:var(--type-control);justify-content:space-between;align-items:center;gap:.75rem;font-weight:700;display:flex}.dh-project-fan-arrow{border:1px solid var(--line);border-radius:50%;flex:0 0 2rem;place-items:center;width:2rem;height:2rem;transition:background .18s,color .18s;display:grid}.dh-project-fan-arrow svg{width:1rem;height:1rem}.dh-project-fan-card[data-active=true] .dh-project-fan-arrow{background:var(--forest);color:var(--paper)}.dh-project-fan-card:focus-visible{outline:2px solid var(--forest);outline-offset:4px}@media (width<=56rem){.dh-project-fan{scroll-snap-type:x mandatory;gap:1rem;height:auto;padding-bottom:.75rem;overflow-x:auto}.dh-project-fan-card,.dh-project-fan-card[data-active=true]{aspect-ratio:3/4;scroll-snap-align:start;flex:0 0 min(22rem,82vw)}.dh-project-fan-caption{bottom:1rem;left:1rem;right:1rem}.dh-project-fan-caption h3{font-size:1.8rem}.dh-project-fan-description,.dh-project-fan-card[data-active=true] .dh-project-fan-description{opacity:1;grid-template-rows:1fr;transition:none}.dh-project-fan-description p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (prefers-reduced-motion:reduce){.dh-project-fan-card,.dh-project-fan-media img,.dh-project-fan-arrow,.dh-project-fan-description,.dh-project-fan-card[data-active=true] .dh-project-fan-description{transition:none}}