.selected-projects{--selected-projects-micro-type: var(--type-size-meta);--selected-projects-space-label-to-cards: var( --home-space-label-to-cards, clamp(.85rem, .9765625vw, 1.5625rem) );display:grid;gap:var(--selected-projects-space-label-to-cards)}.selected-projects__header{display:flex;align-items:center}.selected-projects__label{margin:0;width:max-content;color:var(--color-text);font-size:var(--selected-projects-micro-type);letter-spacing:var(--tracking-natural);text-transform:uppercase}.selected-projects[data-home-project-reveal=ready] .selected-projects__label{opacity:0;transform:translateY(1.75rem);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.selected-projects[data-home-project-reveal=ready][data-home-project-label-visible=true] .selected-projects__label{opacity:1;transform:translateY(0)}.selected-projects[data-home-project-reveal=reduced] .selected-projects__label{opacity:0;transform:none;transition:opacity .24s ease-out}.selected-projects[data-home-project-reveal=reduced][data-home-project-label-visible=true] .selected-projects__label{opacity:1}.selected-projects__grid{--selected-project-card-height: clamp(16rem, 29.296875vw, 46.875rem);display:grid;gap:var(--home-space-card-gap, clamp(.4rem, .390625vw, .9rem));grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.selected-project-card{display:block;min-height:auto;color:var(--color-text);background:#000;border-radius:var(--media-corner-radius);overflow:hidden;--home-project-reveal-duration: 1.4s;--home-project-reveal-delay: 0s}.selected-projects[data-home-project-reveal=ready] .selected-project-card{opacity:0;transform:translateY(80px);transition:opacity var(--home-project-reveal-duration) cubic-bezier(.22,1,.36,1) var(--home-project-reveal-delay),transform var(--home-project-reveal-duration) cubic-bezier(.22,1,.36,1) var(--home-project-reveal-delay);will-change:opacity,transform}.selected-projects[data-home-project-reveal=ready] .selected-project-card[data-home-project-visible=true]{opacity:1;transform:translateY(0)}.selected-projects[data-home-project-reveal=reduced] .selected-project-card{opacity:0;transform:none;transition:opacity .24s ease-out}.selected-projects[data-home-project-reveal=reduced] .selected-project-card[data-home-project-visible=true]{opacity:1}.selected-project-card--mock{cursor:default;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#050505}.selected-project-card__meta{position:absolute;inset:auto 0 0;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(1rem,1.8vw,1.8rem);align-items:flex-end;inline-size:100%;padding:clamp(1rem,1.4vw,1.4rem);color:#fff;font-size:var(--selected-projects-micro-type);font-weight:600;letter-spacing:var(--tracking-natural);text-transform:uppercase}.selected-project-card__title,.selected-project-card__location{min-width:0;overflow-wrap:anywhere}.selected-project-card__location{text-align:right}.selected-project-card__media{position:relative;display:block;inline-size:100%;block-size:var(--selected-project-card-height);max-block-size:100%;aspect-ratio:1.18 / 1;border-radius:inherit;background:#050505;overflow:hidden}.selected-project-card__image{width:100%;height:100%;display:block;object-fit:cover;object-position:var( --selected-project-media-position-mobile, var(--selected-project-media-position-desktop, 50% 46%) )}.selected-project-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000005,#0000000f 42%,#000000d1);pointer-events:none}.selected-project-card__media--mock{background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.16),transparent 0 34%),linear-gradient(145deg,#ffffff05,#ffffff14),linear-gradient(180deg,#111,#050505)}.selected-project-card--mock[data-mock-tone=amber] .selected-project-card__media--mock{background:radial-gradient(circle at 18% 18%,rgba(255,214,34,.3),transparent 0 35%),linear-gradient(145deg,#ffd62214,#ffffff08),linear-gradient(180deg,#16120a,#050505)}.selected-project-card--mock[data-mock-tone=olive] .selected-project-card__media--mock{background:radial-gradient(circle at 82% 22%,rgba(123,175,41,.28),transparent 0 33%),linear-gradient(145deg,#7baf2912,#ffffff08),linear-gradient(180deg,#0f1309,#050505)}.selected-project-card--mock[data-mock-tone=sand] .selected-project-card__media--mock{background:radial-gradient(circle at 30% 78%,rgba(242,238,227,.2),transparent 0 32%),linear-gradient(145deg,#f2eee314,#ffffff05),linear-gradient(180deg,#14120e,#050505)}.selected-project-card--mock[data-mock-tone=slate] .selected-project-card__media--mock{background:radial-gradient(circle at 72% 32%,rgba(126,137,160,.2),transparent 0 36%),linear-gradient(145deg,#7e89a014,#ffffff08),linear-gradient(180deg,#101216,#050505)}@media(hover:hover)and (pointer:fine){.selected-project-card__meta{opacity:0;transform:translateY(1rem);transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1)}.selected-project-card:where(:hover,:focus-visible) .selected-project-card__meta{opacity:1;transform:translateY(0)}.selected-project-card__media:after{transition:background .42s cubic-bezier(.22,1,.36,1);background:linear-gradient(180deg,#0000 8%,#0000000a 46%,#0000003d)}.selected-project-card:where(:hover,:focus-visible) .selected-project-card__media:after{background:linear-gradient(180deg,#00000005,#00000014 40%,#000000d6)}}@media(max-width:640px){.selected-projects__grid{grid-template-columns:1fr}.selected-project-card__media{--selected-project-media-position-mobile: 50% 42%}.selected-project-card__meta{grid-template-columns:minmax(0,1fr) auto;gap:.6rem}}