/* Tailwind companion adjustments for the public theme */
body{min-height:100vh;background:var(--c-bg);color:var(--c-text);transition:var(--transition-theme)}
.site-header{border-bottom:1px solid var(--c-border);background:color-mix(in srgb,var(--c-bg) 82%,transparent);backdrop-filter:blur(18px)}
.header-inner{min-height:72px}.main-nav{align-items:center}.nav-link{border-radius:10px;padding:8px 10px}.nav-link:hover{background:var(--c-surface-2)}
.main-content{min-height:60vh}.site-footer{border-top:1px solid var(--c-border)}
@media(max-width:768px){.main-nav{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;box-shadow:var(--shadow);padding:12px}.main-nav .nav-link{display:block;width:100%;padding:12px}}

/* v3.2 — palette-wide portfolio and credentials */
a{color:inherit}.gradient-text{background:var(--grad-main);-webkit-background-clip:text;background-clip:text;color:transparent}.about-credentials{display:grid;gap:10px;margin:18px 0}.about-credentials>div{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:12px;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface-2)}.about-credentials i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--c-primary-soft);color:var(--c-primary)}.about-credentials strong,.about-credentials span{display:block}.about-credentials span{color:var(--c-muted);font-size:.9rem;line-height:1.55}.about-credentials strong{margin-bottom:3px;color:var(--c-text);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.portfolio-page{padding-top:120px}.portfolio-page-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;margin-bottom:34px}.portfolio-page-hero .section-subtitle{max-width:760px}.portfolio-summary{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px}.portfolio-summary>div{padding:16px;border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface)}.portfolio-summary strong,.portfolio-summary span{display:block}.portfolio-summary strong{font-size:1.8rem;color:var(--c-primary)}.portfolio-summary span{margin-top:3px;color:var(--c-muted);font-size:.76rem}.portfolio-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.portfolio-filter button{padding:9px 13px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface);color:var(--c-muted);font-weight:700;cursor:pointer}.portfolio-filter button.active,.portfolio-filter button:hover{border-color:var(--c-primary);background:var(--c-primary);color:#fff}.portfolio-showcase-grid{display:grid;gap:28px}.portfolio-showcase-card{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr);overflow:hidden;border:1px solid var(--c-border);border-radius:calc(var(--radius) + 8px);background:var(--c-surface);box-shadow:var(--shadow)}.portfolio-showcase-card[hidden]{display:none}.portfolio-showcase-visual{position:relative;min-height:410px;background:var(--c-bg);overflow:hidden}.portfolio-showcase-visual>img{width:100%;height:100%;object-fit:cover}.portfolio-cover-empty{height:100%;display:grid;place-items:center;color:var(--c-muted);font-size:4rem}.portfolio-index,.portfolio-category{position:absolute;top:16px;padding:8px 11px;border-radius:999px;background:color-mix(in srgb,var(--c-surface) 88%,transparent);backdrop-filter:blur(10px);font-weight:800}.portfolio-index{left:16px;color:var(--c-primary)}.portfolio-category{right:16px;color:var(--c-text);font-size:.72rem}.portfolio-showcase-content{padding:28px}.portfolio-client-row{display:flex;align-items:center;gap:12px}.portfolio-client-row img{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#fff}.portfolio-client-row small{display:block;color:var(--c-secondary);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.portfolio-client-row h2{margin:3px 0 0;font-size:1.65rem}.portfolio-role{margin:12px 0;color:var(--c-muted)}.portfolio-role i{color:var(--c-primary)}.portfolio-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.portfolio-copy-grid>div{padding:14px;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface-2)}.portfolio-copy-grid span{display:block;margin-bottom:6px;color:var(--c-accent);font-size:.72rem;font-weight:800;text-transform:uppercase}.portfolio-copy-grid p{margin:0;color:var(--c-muted);line-height:1.65}.portfolio-badges,.portfolio-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.portfolio-badges span{padding:7px 10px;border-radius:999px;background:var(--c-primary-soft);color:var(--c-primary);font-size:.75rem;font-weight:800}.portfolio-tags span{color:var(--c-muted);font-size:.76rem}.portfolio-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}.portfolio-gallery-item{aspect-ratio:16/10;padding:0;overflow:hidden;border:1px solid var(--c-border);border-radius:10px;background:var(--c-bg);cursor:zoom-in}.portfolio-gallery-item img{width:100%;height:100%;object-fit:cover;transition:.2s}.portfolio-gallery-item:hover img{transform:scale(1.04)}.portfolio-project-link{margin-top:18px}.portfolio-lightbox{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.86)}.portfolio-lightbox[hidden]{display:none}.portfolio-lightbox figure{max-width:min(1200px,92vw);max-height:88vh;margin:0}.portfolio-lightbox img{display:block;max-width:100%;max-height:82vh;border-radius:14px}.portfolio-lightbox figcaption{padding:10px;color:#fff;text-align:center}.portfolio-lightbox-close{position:fixed;right:24px;top:18px;border:0;background:none;color:#fff;font-size:42px;cursor:pointer}.pricing-card,.work-card,.service-card,.services-offered-card,.embed-card,.about-meta,.contact-card{border-color:var(--c-border)!important;background:var(--c-surface)!important}.pricing-popular{border-color:var(--c-primary)!important}.pricing-badge,.pricing-icon,.work-badge,.services-offered-icon{background:var(--c-primary)!important;color:#fff!important}.pricing-features i,.services-offered-features i{color:var(--c-accent)!important}
@media(max-width:980px){.portfolio-page-hero,.portfolio-showcase-card{grid-template-columns:1fr}.portfolio-summary{grid-template-columns:repeat(3,1fr)}.portfolio-showcase-visual{min-height:320px}}
@media(max-width:640px){.portfolio-page{padding-top:96px}.portfolio-summary{grid-template-columns:1fr}.portfolio-copy-grid{grid-template-columns:1fr}.portfolio-gallery{grid-template-columns:repeat(2,1fr)}.portfolio-showcase-content{padding:20px}.portfolio-client-row h2{font-size:1.35rem}}