:root{--color-surface:#240c0e;--color-surface-dim:#240c0e;--color-surface-bright:#4f3133;--color-surface-container-lowest:#1d0709;--color-surface-container-low:#2d1416;--color-surface-container:#2a060b;--color-surface-container-high:#3e2224;--color-surface-container-highest:#4a2d2f;--color-surface-variant:#4a2d2f;--color-on-surface:#ffdadb;--color-on-surface-variant:#cec5bc;--color-outline:#978f88;--color-outline-variant:#3d0910;--color-primary:#fff;--color-on-primary:#33302d;--color-secondary:#ffb2bf;--color-on-secondary:#541e2b;--color-tertiary:#fff;--color-on-tertiary:#571d22;--color-error:#ffb4ab;--color-on-error:#690005;--color-background:#1a0507;--color-on-background:#f5eee9;--color-surface-tint:#d88c9a}.portfolio-tag{font-family:var(--font-label-caps);color:#f5eee999;border:1px solid #d88c9a33;border-radius:9999px;padding:.4rem 1rem;font-size:.75rem}.portfolio-project{background-color:#2a060b4d;border:1px solid #d88c9a1a;border-radius:1.25rem;overflow:hidden}.portfolio-image-frame{aspect-ratio:16/10;filter:brightness(.85);border-radius:1.25rem;flex-shrink:0;overflow:hidden}.portfolio-content{flex-direction:column;justify-content:center;gap:.5rem;padding:1.5rem 2rem;display:flex}.portfolio-number{font-family:var(--font-display-hero);color:#d88c9a26;font-size:2.25rem;line-height:1;position:absolute;top:-2rem;left:0}.portfolio-number--right{left:auto;right:0}.portfolio-eyebrow{font-family:var(--font-label-caps);letter-spacing:.1em;color:var(--color-surface-tint);text-transform:uppercase;font-size:.6875rem}.portfolio-title{font-family:var(--font-headline-lg-mobile);color:var(--color-primary);font-size:1.5rem;line-height:1.2}.portfolio-subheading{font-family:var(--font-body-lg);color:var(--color-on-surface);margin-top:.15rem;font-size:.875rem;font-style:italic}.portfolio-copy{font-family:var(--font-body-md);color:#f5eee9a6;font-size:.875rem;line-height:1.5}.portfolio-copy-title{color:var(--color-on-surface);font-style:italic}.portfolio-tech{font-family:var(--font-label-caps);color:#f5eee980;border:1px solid #d88c9a26;border-radius:9999px;padding:.2rem .6rem;font-size:.6875rem}.portfolio-link{color:#f5eee9;font-family:var(--font-label-caps);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#d88c9a1f;border:1px solid #d88c9a59;border-radius:9999px;align-items:center;gap:.6rem;width:fit-content;margin-top:.85rem;padding:.6rem 1.25rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 15px #00000040}.portfolio-link:hover{color:#fff;background-color:#d88c9a47;border-color:#d88c9a;transform:translateY(-2px);box-shadow:0 8px 25px #d88c9a4d}.portfolio-link .material-symbols-outlined{color:#d88c9a;font-size:1rem;transition:transform .3s}.portfolio-link:hover .material-symbols-outlined{color:#fff;transform:translate(4px)}@media (width<=639px){.portfolio-content{padding:1.5rem 1.25rem}.portfolio-title{font-size:1.75rem}}