.project-tags[data-astro-cid-xlrsuoqo]{flex-wrap:wrap;gap:8px;margin:16px 0 20px;padding:0;list-style:none;display:flex}.project-tags[data-astro-cid-xlrsuoqo] li[data-astro-cid-xlrsuoqo]{color:inherit;border:1px solid color-mix(in srgb, currentColor 24%, transparent);font:500 13px/1.4 var(--font-reading);border-radius:99px;padding:6px 12px}.project-showcase-row{border-top:1px solid color-mix(in srgb, var(--cream) 18%, transparent);grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr);align-items:center;gap:clamp(36px,6vw,92px);padding:clamp(34px,4vw,54px) 0;display:grid}.project-showcase-copy{min-width:0}.project-showcase-services{color:var(--service-color);margin:0 0 12px;font-size:11px;font-weight:700;line-height:1.45}.project-showcase-copy h3{letter-spacing:normal;text-wrap:balance;margin:0;font:clamp(27px,2.6vw,40px)/1.05 TAN Memories,Georgia,serif}.project-showcase-copy h3 a{color:inherit}.project-showcase-intro{max-width:43ch;color:color-mix(in srgb, var(--cream) 78%, transparent);text-wrap:pretty;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:16px 0 0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.project-showcase-link{color:inherit;text-transform:uppercase;align-items:center;gap:10px;margin-top:20px;font-size:11px;font-weight:700;display:inline-flex}.project-showcase-link svg{width:17px;height:17px;color:var(--service-color);transition:transform .25s cubic-bezier(.22,1,.36,1)}.project-showcase-link:is(:hover,:focus-visible) svg{transform:translate(3px,-3px)}.project-showcase-media{min-width:0;color:inherit;grid-template-columns:1.3fr 1fr 1fr;gap:clamp(10px,1.25vw,18px);display:grid}.project-showcase-media.reverse{grid-template-columns:1fr 1fr 1.3fr}.project-showcase-media.count-2{grid-template-columns:1fr 1.25fr}.project-showcase-media.count-2.reverse{grid-template-columns:1.25fr 1fr}.project-showcase-media.count-1{grid-template-columns:1fr}.project-showcase-media figure{background:var(--project-background);border-radius:5px;height:clamp(180px,17vw,290px);margin:0;overflow:hidden}.project-showcase-media img,.project-showcase-media .project-lottie,.project-showcase-media .project-lottie>svg{width:100%;height:100%}.project-showcase-media img{object-fit:cover;object-position:center;transition:transform .55s cubic-bezier(.22,1,.36,1)}.project-showcase-media .project-lottie{place-items:center;display:grid}.project-showcase-media:is(:hover,:focus-visible) img{transform:scale(1.025)}.project-showcase-media:focus-visible,.project-showcase-link:focus-visible,.project-showcase-copy h3 a:focus-visible{outline:3px solid var(--service-color);outline-offset:4px}@media (width<=980px){.project-showcase-row{grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);gap:38px}.project-showcase-media,.project-showcase-media.reverse{grid-template-columns:repeat(2,minmax(0,1fr))}.project-showcase-media.count-3 figure:last-child{grid-column:1/-1;width:calc(50% - 5px)}}@media (width<=700px){.project-showcase-row{grid-template-columns:1fr;gap:28px;padding:34px 0 42px}.project-showcase-intro{-webkit-line-clamp:3}.project-showcase-details .project-showcase-link{display:none}.project-showcase-media,.project-showcase-media.reverse,.project-showcase-media.count-2,.project-showcase-media.count-2.reverse,.project-showcase-media.count-1{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;gap:12px;padding-right:18px;display:flex;overflow-x:auto}.project-showcase-media::-webkit-scrollbar{display:none}.project-showcase-media figure,.project-showcase-media.count-3 figure:last-child{scroll-snap-align:start;flex:0 0 min(66vw,300px);width:auto;height:clamp(180px,52vw,240px)}}@media (prefers-reduced-motion:reduce){.project-showcase-media img,.project-showcase-link svg{transition:none}}@media (hover:hover) and (pointer:fine) and (width>=981px){.project-showcase{--showcase-h:clamp(214px, 17vw, 286px);--showcase-rest:.6;--showcase-ease:cubic-bezier(.22, 1, .36, 1)}.project-showcase-row{box-sizing:border-box;height:calc(var(--showcase-h) * var(--showcase-rest) + 52px);transition:height .6s var(--showcase-ease), opacity .35s ease, border-color .35s ease;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr);padding:0;overflow:hidden}.project-showcase-copy{transition:transform .6s var(--showcase-ease);align-self:center}.project-showcase-media,.project-showcase-media.reverse,.project-showcase-media.count-1,.project-showcase-media.count-2,.project-showcase-media.count-2.reverse{width:100%;height:var(--showcase-h);min-width:0;transform:scale(var(--showcase-rest));transform-origin:100%;transition:transform .6s var(--showcase-ease), opacity .35s ease;align-self:center;gap:clamp(10px,1.15vw,18px);display:flex;overflow:visible}.project-showcase-media figure,.project-showcase-media.count-3 figure:last-child{width:auto;min-width:0;height:100%;transition:flex-grow .5s var(--showcase-ease), opacity .3s ease, transform .5s var(--showcase-ease);flex:1 1 0}.project-showcase-media.count-3:not(.reverse) figure:first-child,.project-showcase-media.count-3.reverse figure:last-child{flex-grow:1.3}.project-showcase-row:is(.is-active-project,:focus-within){height:calc(var(--showcase-h) + 96px);border-color:color-mix(in srgb, var(--service-color) 60%, transparent)}.project-showcase-row:is(.is-active-project,:focus-within) .project-showcase-copy{transform:translate(4px)}.project-showcase-row:is(.is-active-project,:focus-within) .project-showcase-media{transform:none}.project-showcase.has-active-project .project-showcase-row:not(.is-active-project):not(:focus-within){opacity:.45}.project-showcase.has-active-project .project-showcase-media{will-change:transform}.project-showcase-media.has-active-preview figure:not(.is-active-preview){opacity:.6}.project-showcase-media figure.is-active-preview{z-index:1;opacity:1;transform:translateY(-4px);flex-grow:2.2!important}.project-showcase-details{opacity:0;max-height:0;transition:max-height .5s var(--showcase-ease), opacity .2s ease;display:block;overflow:hidden}.project-showcase-row:is(.is-active-project,:focus-within) .project-showcase-details{opacity:1;max-height:320px;transition:max-height .6s var(--showcase-ease), opacity .35s ease .1s}.project-showcase-intro,.project-showcase-link{transition:opacity .32s ease, transform .5s var(--showcase-ease)}.project-showcase-row:not(.is-active-project):not(:focus-within) .project-showcase-intro,.project-showcase-row:not(.is-active-project):not(:focus-within) .project-showcase-link{opacity:0;pointer-events:none;transform:translateY(10px)}}@media (width>=701px) and (width<=980px){.project-showcase-media,.project-showcase-media.reverse,.project-showcase-media.count-1,.project-showcase-media.count-2,.project-showcase-media.count-2.reverse{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.project-showcase-media::-webkit-scrollbar{display:none}.project-showcase-media figure,.project-showcase-media.count-3 figure:last-child{scroll-snap-align:start;flex:0 0 min(42vw,300px);width:auto}}@media (prefers-reduced-motion:reduce){.project-showcase-row,.project-showcase-copy,.project-showcase-media,.project-showcase-media figure{transition:none!important}}.project-showcase{color:var(--cream)}.project-showcase-services{color:var(--service-on-ink,color-mix(in srgb,var(--service-color) 75%,var(--cream)))}@media (prefers-reduced-motion:reduce){.project-showcase-details{transition:none!important}}
