.portfolio-main{padding-bottom:var(--space-16)}.portfolio-hero{padding:var(--space-16) 0 var(--space-12);position:relative}.portfolio-hero-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--space-12);align-items:center}.portfolio-hero-copy .eyebrow{font-size:var(--font-size-sm);letter-spacing:0.18em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.portfolio-hero-copy h1{margin-bottom:var(--space-4)}.portfolio-hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-5) 0 var(--space-4)}.portfolio-hero-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.portfolio-hero-meta span{padding:0.4rem 0.9rem;border-radius:var(--radius-pill);background:rgba(255,255,255,0.75);box-shadow:var(--shadow-soft)}.portfolio-hero-media{position:relative;min-height:280px;display:grid;grid-template-columns:1.2fr 0.9fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--space-4)}.portfolio-hero-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:radial-gradient(circle at top left,rgba(255,255,255,0.95) 0,rgba(234,222,208,0.9) 40%,rgba(216,198,174,0.95) 100%);box-shadow:var(--shadow-glass);transform-origin:center;transition:transform var(--transition-slow),box-shadow var(--transition-slow),opacity var(--transition-normal)}.portfolio-hero-card img{width:100%;height:100%;object-fit:cover}.portfolio-hero-card.main{grid-row:1/3;grid-column:1/2;transform:translateY(6px)}.portfolio-hero-card.small.one{grid-row:1/2;grid-column:2/3;transform:translateY(0)}.portfolio-hero-card.small.two{grid-row:2/3;grid-column:2/3;transform:translateY(-6px)}.portfolio-hero-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-strong)}.portfolio-hero-tag{position:absolute;left:1.2rem;bottom:1.2rem;padding:0.55rem 1.4rem;border-radius:var(--radius-pill);background:rgba(0,0,0,0.64);color:#fff;font-size:var(--font-size-sm);letter-spacing:0.12em;text-transform:uppercase}.portfolio-intro{padding:0 0 var(--space-12)}.portfolio-intro-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--space-10);align-items:flex-start}.portfolio-intro-text h2{margin-bottom:var(--space-4)}.portfolio-intro-highlight{align-self:stretch}.portfolio-intro-list{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--font-size-md)}.portfolio-intro-list li span{display:block;font-weight:600;color:var(--color-text)}.portfolio-intro-btn{margin-top:var(--space-4)}.portfolio-grid{padding:0 0 var(--space-12)}.portfolio-grid-header{max-width:720px;margin:0 auto var(--space-8);text-align:center}.portfolio-grid-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.portfolio-card{border-radius:var(--radius-lg);background:radial-gradient(circle at top left,rgba(255,255,255,0.96) 0,rgba(248,245,242,0.98) 36%,rgba(232,220,200,0.96) 100%);box-shadow:var(--shadow-soft);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.portfolio-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.portfolio-card-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr)}.portfolio-card-media img{width:100%;height:100%;object-fit:cover}.portfolio-card-media{min-height:260px}.portfolio-card-body{padding:var(--space-6)}.portfolio-card-tag{font-size:var(--font-size-xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2)}.portfolio-card-body h3{margin-bottom:var(--space-3)}.portfolio-card-body p:last-child{margin-bottom:0}.portfolio-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.portfolio-card-meta span{padding:0.35rem 0.75rem;border-radius:var(--radius-pill);background:rgba(255,255,255,0.85)}.portfolio-gallery{padding:0 0 var(--space-14)}.portfolio-gallery-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr);gap:var(--space-10);align-items:center}.portfolio-gallery-copy h2{margin-bottom:var(--space-4)}.portfolio-gallery-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.portfolio-gallery-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.9fr);gap:var(--space-4)}.portfolio-gallery-item{border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.portfolio-gallery-item img{width:100%;height:100%;object-fit:cover}.portfolio-gallery-item.large{grid-row:1/3}.portfolio-gallery-item figcaption{padding:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.portfolio-cta{padding:0 0 var(--space-16)}.portfolio-cta-inner{border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);background:radial-gradient(circle at top left,rgba(255,255,255,0.98) 0,rgba(243,234,222,0.97) 40%,rgba(226,209,188,0.98) 100%);box-shadow:var(--shadow-medium);display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:center;justify-content:space-between}.portfolio-cta-text{max-width:720px}.portfolio-cta-text h2{margin-bottom:var(--space-3)}.portfolio-cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media (max-width:1200px){.portfolio-hero-inner{gap:var(--space-8)}.portfolio-gallery-inner{gap:var(--space-8)}}@media (max-width:960px){.portfolio-hero{padding:var(--space-12) 0 var(--space-10)}.portfolio-hero-inner{grid-template-columns:1fr}.portfolio-hero-media{order:-1;max-width:520px;margin:0 auto}.portfolio-intro-inner{grid-template-columns:1fr}.portfolio-grid-layout{grid-template-columns:1fr}.portfolio-card-featured{grid-template-columns:1fr}.portfolio-gallery-inner{grid-template-columns:1fr}.portfolio-gallery-grid{grid-template-columns:1fr}.portfolio-gallery-item.large{grid-row:auto}}@media (max-width:640px){.portfolio-hero{padding:var(--space-10) 0 var(--space-8)}.portfolio-hero-cta,.portfolio-gallery-cta,.portfolio-cta-actions{flex-direction:column;align-items:flex-start}.portfolio-cta-inner{padding:var(--space-6) var(--space-4)}.portfolio-card-body{padding:var(--space-5)}}@media (prefers-reduced-motion:reduce){.portfolio-hero-card,.portfolio-card{transition:none}}