.projects-kicker{border:1px solid var(--border);background:#ffffff0d;color:#ffffffad;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}body.theme-light .projects-kicker{background:#ffffffeb;color:#04151fa3}.project-card{position:relative;display:flex;flex-direction:column;border-radius:1.9rem;border:1px solid rgba(255,255,255,.14);background:#070410c7;overflow:hidden;box-shadow:0 32px 90px -60px #000000c7;color:var(--fg);transform:translateZ(0) scale(1);opacity:1;transition:transform 1.65s cubic-bezier(.19,.94,.22,1),opacity 1.65s cubic-bezier(.19,.94,.22,1),box-shadow .42s ease,border-color .32s ease,background .32s ease,color .32s ease;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);isolation:isolate}.project-card:before,.project-card:after{content:"";position:absolute;inset:0;pointer-events:none;transition:opacity .36s ease;z-index:0}.project-card:before{background:linear-gradient(160deg,rgba(255,255,255,.08),transparent 60%);mix-blend-mode:screen;opacity:.9}.project-card:after{background:radial-gradient(circle at top left,rgba(88,15,65,.32),transparent 62%),radial-gradient(circle at bottom right,rgba(255,122,0,.26),transparent 68%);opacity:.55}.project-card:hover{transform:translateY(-16px);border-color:#ff7a0073;box-shadow:0 46px 120px -56px #ff7a0061}.project-card:hover:after{opacity:.72}body.theme-light .project-card{border-color:#04151f1f;background:#fffffff0;box-shadow:0 26px 70px -52px #580f4138;color:#04151fe6}body.theme-light .project-card:before{background:linear-gradient(160deg,rgba(88,15,65,.08),transparent 62%);mix-blend-mode:normal}body.theme-light .project-card:after{background:radial-gradient(circle at top left,rgba(88,15,65,.16),transparent 68%),radial-gradient(circle at bottom right,rgba(255,122,0,.16),transparent 70%);opacity:.5}.project-card:not(.is-visible){opacity:0}.project-card[data-motion=left]:not(.is-visible){transform:translate3d(clamp(-60vw,-28rem,-18rem),3.5rem,0) rotate(-3deg) scale(.9)}.project-card[data-motion=right]:not(.is-visible){transform:translate3d(clamp(18rem,28rem,60vw),3.5rem,0) rotate(3deg) scale(.9)}.project-card.is-visible{transform:translateZ(0) scale(1);opacity:1}.project-card__media,.project-card__content{position:relative;z-index:1}.project-card__media{position:relative;aspect-ratio:16 / 10;overflow:hidden}.project-card__image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1);transition:transform .64s cubic-bezier(.19,1,.22,1)}.project-card:hover .project-card__image{transform:scale(1.08)}.project-card__media-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(11,6,22,.78));opacity:.92;transition:opacity .36s ease}body.theme-light .project-card__media-overlay{background:linear-gradient(180deg,transparent,rgba(255,255,255,.82))}.project-card:hover .project-card__media-overlay{opacity:1}.project-card__title{color:#fff}body.theme-light .project-card__title{color:#04151feb}.project-card__brand{position:absolute;left:1.4rem;bottom:1.4rem;display:inline-flex;align-items:center;gap:.75rem;padding:.55rem 1.3rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0c0816ad;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}body.theme-light .project-card__brand{border-color:#04151f1f;background:#ffffffeb;color:#04151fc7}.project-card__brand-separator{display:block;width:1.25rem;height:1px;background:#ffffff59}body.theme-light .project-card__brand-separator{background:#04151f40}.project-card__brand-year{font-feature-settings:"tnum";opacity:.82}.project-card__content{display:flex;flex-direction:column;gap:1.25rem;padding:2.2rem 2.1rem 2.3rem;position:relative}.project-card__title{font-size:1.7rem;font-weight:600;line-height:1.25}body.theme-light .project-card__title{color:#0f152b}.project-card__description{font-size:1rem;line-height:1.7;color:#ffffffb8}body.theme-light .project-card__description{color:#04151fb3}.project-card__meta{display:flex;flex-direction:column;gap:1.15rem}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-card__tag{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fffc;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .95rem;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.project-card__tag:hover{border-color:#ff7a008c;background:#ff7a0040;color:#fff}body.theme-light .project-card__tag{border-color:#04151f24;background:#fffffff0;color:#04151fb3}body.theme-light .project-card__tag:hover{background:#ff7a002e;color:#04151fdb;border-color:#ff7a004d}.project-card__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.project-card__metric{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:1rem;padding:.95rem 1.05rem;display:grid;gap:.25rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.theme-light .project-card__metric{border-color:#04151f1f;background:#ffffffeb}.project-card__metric-value{font-size:1.45rem;font-weight:600;color:#ff7a00;font-feature-settings:"tnum"}.project-card__metric-label{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#fff9}body.theme-light .project-card__metric-label{color:#04151f85}@media (max-width: 1024px){.project-card{border-radius:1.6rem}.project-card__content{padding:2rem 1.8rem 2.1rem}}@media (max-width: 640px){.project-card{border-radius:1.45rem}.project-card__brand{left:1rem;bottom:1rem;padding:.45rem 1.05rem;gap:.55rem;font-size:.78rem}.project-card__content{padding:1.75rem 1.5rem 1.9rem;gap:1.05rem}.project-card__metrics{grid-template-columns:1fr}}@media (max-width: 768px){.project-card[data-motion=left]:not(.is-visible),.project-card[data-motion=right]:not(.is-visible){transform:translate3d(0,3rem,0) scale(.92)}}
