.portfolio-preview-section{background:var(--color-bg);padding:var(--space-24)0;position:relative;overflow:hidden}.portfolio-preview-section:before{content:"";background:linear-gradient(to right,transparent,var(--color-border),transparent);height:1px;position:absolute;top:0;left:5%;right:5%}.portfolio-preview-section__observer{height:0;display:block}.portfolio-preview-section__header{text-align:center;max-width:600px;margin:0 auto var(--space-16);opacity:0;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transform:translateY(24px)}.portfolio-preview-section--visible .portfolio-preview-section__header{opacity:1;transform:translateY(0)}.portfolio-preview-section__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-5);display:inline-block}.portfolio-preview-section__title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:var(--weight-bold);color:var(--color-text);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-5)}.portfolio-preview-section__desc{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:52ch;line-height:var(--leading-normal);margin:0 auto}.portfolio-preview-section__grid{gap:var(--space-5);margin-bottom:var(--space-14);grid-template-columns:1fr;display:grid}.portfolio-preview-section__column{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}@media (min-width:640px) and (max-width:1023.98px){.preview-card--featured{aspect-ratio:16/9}.portfolio-preview-section__column{flex-direction:row}.portfolio-preview-section__column>.preview-card{flex:1 1 0;min-width:0}}@media (min-width:1024px){.portfolio-preview-section__grid{align-items:stretch;gap:var(--space-6);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.portfolio-preview-section__column{gap:var(--space-6)}.preview-card{aspect-ratio:auto}.preview-card--featured{aspect-ratio:4/3}.portfolio-preview-section__column>.preview-card{flex:1 1 0;min-height:0}}.preview-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);isolation:isolate;aspect-ratio:4/3;opacity:0;transition:border-color var(--duration-default)var(--ease-in-out),box-shadow var(--duration-default)var(--ease-in-out),transform var(--duration-slow)var(--ease-out);text-decoration:none;position:relative;overflow:hidden;transform:translateY(28px)}.portfolio-preview-section--visible .preview-card{opacity:1;transition-delay:calc(var(--card-index,0)*.1s + .2s);transition-property:opacity,transform;transition-duration:.65s;transition-timing-function:var(--ease-out);transform:translateY(0)}.portfolio-preview-section--visible .preview-card:not(.preview-card--placeholder):hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-glow-strong);transform:translateY(-4px)}.preview-card__image-wrap{z-index:0;position:absolute;inset:0;overflow:hidden}.preview-card__image-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000 30%,#0a0a0ae0 100%);position:absolute;inset:0}.preview-card__image{object-fit:cover;filter:saturate()brightness(.92);width:100%;height:100%;transition:transform var(--duration-slow)var(--ease-out),filter var(--duration-slow)var(--ease-out);position:absolute;inset:0;transform:scale(1.02)}.portfolio-preview-section--visible .preview-card:not(.preview-card--placeholder):hover .preview-card__image{filter:saturate(1.1)brightness();transform:scale(1.07)}.preview-card__deco{width:140px;height:140px;color:var(--color-text);opacity:.06;pointer-events:none;position:absolute;top:0;right:0}.preview-card--no-image{background:var(--color-surface)}.preview-card--no-image .preview-card__image-wrap:after{background:linear-gradient(#0000 40%,#0a0a0ab3 100%)}.preview-card__category{top:var(--space-5);left:var(--space-5);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-border-accent);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(6px);z-index:3;background:#0a0a0ab3;padding:5px 9px;position:absolute}.preview-card__year{top:var(--space-5);right:var(--space-5);font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);color:var(--color-text);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(6px);z-index:3;background:#0a0a0ab3;border:1px solid #ffffff1a;padding:5px 9px;position:absolute}.preview-card__label{bottom:var(--space-6);left:var(--space-6);right:var(--space-6);z-index:2;color:var(--color-text);position:absolute}.preview-card__name{font-family:var(--font-heading);font-size:1.75rem;font-weight:var(--weight-medium);color:var(--color-text);letter-spacing:-.02em;max-width:calc(100% - 52px);margin:0;line-height:1.15}.preview-card--featured .preview-card__name{font-size:clamp(1.75rem,3.2vw,2.5rem)}.preview-card__arrow{background:var(--color-accent);color:#0a0a0a;opacity:0;width:40px;height:40px;transition:transform var(--duration-default)var(--ease-out),opacity var(--duration-default)var(--ease-in-out);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:2px;right:0;transform:translateY(12px)}.portfolio-preview-section--visible .preview-card:not(.preview-card--placeholder):hover .preview-card__arrow{opacity:1;transform:translateY(0)}@media (max-width:639.98px){.preview-card__category,.preview-card__year{top:var(--space-4)}.preview-card__category{left:var(--space-4)}.preview-card__year{right:var(--space-4)}.preview-card__label{left:var(--space-5);right:var(--space-5);bottom:var(--space-5)}.preview-card__name{font-size:1.5rem}.preview-card--featured .preview-card__name{font-size:1.75rem}}.preview-card--placeholder{background:radial-gradient(circle at 30% 20%,#e8891c0f 0%,transparent 55%),var(--color-surface);cursor:default;padding:var(--space-6);border:1px dashed #e8891c47;align-items:flex-end;display:flex}.preview-card--placeholder:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#e8891c0a 1px,#0000 1px),linear-gradient(#e8891c0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(at 50% 40%,#000 20%,#0000 75%)}.preview-card__placeholder-dot{top:var(--space-4);right:var(--space-4);background:var(--color-accent);z-index:2;border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite preview-placeholder-pulse;position:absolute;box-shadow:0 0 12px #e8891c99}@keyframes preview-placeholder-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.preview-card__placeholder-inner{z-index:1;gap:var(--space-3);flex-direction:column;max-width:32ch;display:flex;position:relative}.preview-card__placeholder-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-accent)}.preview-card__placeholder-title{font-family:var(--font-heading);font-size:clamp(1.25rem,1.8vw,1.5rem);font-weight:var(--weight-bold);color:var(--color-text);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);margin:0}.preview-card__placeholder-desc{font-size:var(--text-sm);color:var(--color-text-dim);line-height:var(--leading-normal);margin:0}.portfolio-preview-section__footer{text-align:center;opacity:0;transition:opacity .7s .45s var(--ease-out),transform .7s .45s var(--ease-out);margin-top:var(--space-12);transform:translateY(16px)}.portfolio-preview-section--visible .portfolio-preview-section__footer{opacity:1;transform:translateY(0)}