.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=1024px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-tile__link{color:inherit;border:1px solid var(--portfolio-rule,#d1cbc0);border-radius:var(--portfolio-radius-lg,12px);background:var(--portfolio-paper,#faf8f5);box-shadow:var(--portfolio-shadow,0 1px 0 #1412100f);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .12s;display:block;overflow:hidden}.portfolio-tile__link:hover{border-color:var(--portfolio-border-hover,#e8e2d8);box-shadow:var(--portfolio-shadow-md,0 8px 30px #14121014);transform:translateY(-2px)}.portfolio-tile__link:focus-visible{outline:2px solid var(--portfolio-accent,#b8860b);outline-offset:3px}.portfolio-preview{aspect-ratio:16/10;border-bottom:1px solid var(--portfolio-rule,#d1cbc0);flex-direction:column;display:flex}.portfolio-preview__chrome{background:var(--portfolio-cream,#e8e2d8);border-bottom:1px solid var(--portfolio-rule,#d1cbc0);align-items:center;gap:.35rem;padding:.45rem .65rem;display:flex}.portfolio-preview__dot{background:var(--portfolio-rule,#d1cbc0);border-radius:50%;flex-shrink:0;width:6px;height:6px}.portfolio-preview__dot:first-child{background:#d4a59a}.portfolio-preview__dot:nth-child(2){background:#e4d06f}.portfolio-preview__dot:nth-child(3){background:#8fbc8f}.portfolio-preview__url{text-align:center;font-family:var(--portfolio-font-mono,ui-monospace, monospace);letter-spacing:.06em;color:var(--portfolio-muted,#6b6560);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 .25rem;font-size:.58rem;overflow:hidden}.portfolio-preview__body{background:var(--portfolio-cream,#e8e2d8);isolation:isolate;flex:1;min-height:0;position:relative;overflow:hidden}.portfolio-preview__body:after{content:"";z-index:1;pointer-events:none;background:var(--portfolio-overlay,#14110e6b);-webkit-backdrop-filter:blur(1px)saturate(.95);opacity:1;transition:opacity .22s;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #0000001f}.portfolio-preview:hover .portfolio-preview__body:after,.portfolio-tile__link:focus-visible .portfolio-preview__body:after{opacity:0;-webkit-backdrop-filter:none;box-shadow:none;background:0 0}.portfolio-preview__img{object-fit:cover;object-position:top center;z-index:0;width:100%;height:100%;display:block;position:relative}@media (prefers-reduced-motion:reduce){.portfolio-preview__body:after{-webkit-backdrop-filter:none;background:var(--portfolio-overlay-static,#14110e80);transition:none}}.portfolio-tile__meta{padding:1.1rem 1.15rem 1.25rem}.portfolio-tile__title{font-family:var(--portfolio-font-display,Georgia, serif);letter-spacing:-.02em;margin-bottom:.2rem;font-size:1.2rem;font-weight:500}.portfolio-tile__url{font-family:var(--portfolio-font-mono,ui-monospace, monospace);color:var(--portfolio-muted,#6b6560);margin-bottom:.65rem;font-size:.72rem}.portfolio-tile__desc{color:var(--portfolio-muted,#6b6560);margin-bottom:.65rem;font-size:.88rem;line-height:1.5}.portfolio-tile__cta{color:var(--portfolio-accent,#b8860b);align-items:center;gap:.2rem;font-size:.82rem;font-weight:600;display:inline-flex}.portfolio-tile__link:hover .portfolio-tile__cta{text-underline-offset:3px;text-decoration:underline}