/* hero */
	/* kill Kadence boxed-content grey body bg (#fafafa) peeking above/below sections */
	body.post-type-archive-portfolio{background:#fff}
	.post-type-archive-portfolio .content-area{margin-top:0!important;margin-bottom:0!important}
	/* hero matches reference portfolio.vue: section pt-header pb-[5vw], inner pt-8 pb-40 lg:py-24, centered */
	.cgi-pf-hero{background:linear-gradient(to top right,#e2e8f0,#fff);padding:5.75rem 0 5vw;text-align:center}
	.cgi-pf-hero-inner{max-width:1536px;margin:0 auto;padding:2rem 1rem 10rem}
	@media(min-width:640px){.cgi-pf-hero-inner{padding-left:1.5rem;padding-right:1.5rem}}
	@media(min-width:1024px){.cgi-pf-hero-inner{padding-top:6rem;padding-bottom:6rem;padding-left:2rem;padding-right:2rem}}
	.cgi-pf-hero h1{font-family:var(--cgi-font-display,sans-serif);font-weight:600;color:#262626;margin:0;font-size:clamp(3rem,1.5rem + 4vw,4.5rem);line-height:1}
	.cgi-pf-hero p{max-width:48rem;margin:3rem auto 0;line-height:1.6;color:#374151;font-size:clamp(1.1rem,1rem + .6vw,1.5rem)}
	/* section */
	.cgi-pf-sec{position:relative;z-index:1;background:#fff;border-radius:5vw 5vw 0 0;margin-top:-5vw;padding:2.5rem 0 1rem}
	.cgi-pf-inner{max-width:1536px;margin:0 auto;padding:0 1rem}
	@media(min-width:640px){.cgi-pf-inner{padding:0 1.5rem}}
	@media(min-width:1024px){.cgi-pf-inner{padding:0 2rem}}
	/* search bar (rounded pill + focus dropdown) — full container width, reference w-full */
	.cgi-pf-searchwrap{position:relative;width:100%;margin:0 auto 1.5rem;height:4rem}
	.cgi-pf-ovl{position:fixed;inset:0;z-index:110;/* above the sticky header (z:100) — prod dims the whole chrome incl. the header CTA */background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .1s}
	.cgi-pf-searchwrap.open .cgi-pf-ovl,.cgi-pf-ovl.on{opacity:1;pointer-events:auto}
	.cgi-pf-bar{position:absolute;inset:0 0 auto 0;background:#fff;border:1px solid #e5e7eb;border-radius:2rem;overflow:hidden;transition:box-shadow .15s}
	.cgi-pf-bar:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}
	.cgi-pf-bar form{margin:0}/* kill theme default form margin-bottom that inflated the pill (overflow:hidden was baking it in) */
	.cgi-pf-searchwrap.open .cgi-pf-bar{z-index:120;border-color:transparent;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
	/* while the search is open its whole section must out-stack later siblings (guide banner z:2)
	   AND the body-level dim (z:110) — otherwise the dropdown is painted under them. The section
	   then gets its own inner dim (::after, z:110) so everything except the bar+dropdown (z:120)
	   stays shaded; clicks on the dim target the section itself → JS closes the search. */
	.cgi-pf-sec.cgi-search-open{z-index:130}
	.cgi-pf-sec.cgi-search-open::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(0,0,0,.4);z-index:110}
	.cgi-pf-bar-row{display:flex;align-items:center;height:4rem}
	.cgi-pf-searchwrap.open .cgi-pf-bar-row{border-bottom:1px solid #e5e7eb}
	.cgi-pf-bar-ico{display:flex;padding:1rem;color:#9ca3af;flex:0 0 auto}
	.cgi-pf-bar-ico svg{width:1.75rem;height:1.75rem}
	.cgi-pf-bar-chip{display:inline-flex;align-items:center;gap:.25rem;margin-right:.5rem;padding:.4rem .5rem .4rem 1.1rem;border-radius:999px;background:rgba(14,165,233,.18);white-space:nowrap;flex:0 0 auto;font-size:.95rem}
	.cgi-pf-bar-chip a{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:999px;color:#374151;text-decoration:none;font-size:1.1rem;line-height:1}
	.cgi-pf-bar-chip a svg{width:.85rem;height:.85rem;display:block}
	.cgi-pf-bar-chip a:hover{background:rgba(0,0,0,.08)}
	/* override Kadence global input styling (border/bg/radius/padding) */
	.cgi-pf-bar input.cgi-pf-bar-input,.cgi-pf-bar input.cgi-pf-bar-input:focus{flex:1;min-width:0;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;font-size:1rem!important;padding:1.25rem .5rem!important;margin:0!important;color:#111827;height:auto!important;line-height:1.5!important;-webkit-appearance:none;appearance:none}
	.cgi-pf-bar-input::-webkit-search-decoration,.cgi-pf-bar-input::-webkit-search-cancel-button,.cgi-pf-bar-input::-webkit-search-results-button{-webkit-appearance:none;display:none}
	.cgi-pf-drop{display:none;padding:1rem 2rem 2rem}
	.cgi-pf-searchwrap.open .cgi-pf-drop{display:block}
	.cgi-pf-searchwrap.typing .cgi-pf-drop{display:none}
	.cgi-pf-hint{display:none;padding:1rem 2rem 1.25rem;font-size:.9rem;color:#6b7280}
	.cgi-pf-searchwrap.open.typing .cgi-pf-hint{display:block}
	html.cgi-dark .cgi-pf-hint{color:#a3a3a3}
	.cgi-pf-drop-sec{margin-top:1.25rem}
	.cgi-pf-drop-sec:first-child{margin-top:0}
	.cgi-pf-drop h4{font-size:.8rem;font-weight:600;margin:0 0 .75rem}
	.cgi-pf-drop-cats{list-style:none;margin:0;padding:0}
	.cgi-pf-drop-cats a{display:flex;align-items:center;gap:.25rem;text-decoration:none;color:inherit;border-radius:999px;padding:.25rem}
	.cgi-pf-drop-cats a:hover{background:#f3f4f6}
	.cgi-pf-drop-cat-img{display:block;width:3rem;height:3rem;border-radius:999px;overflow:hidden;background:#f3f4f6;flex:0 0 auto}
	.cgi-pf-drop-cat-img img{width:100%;height:100%;object-fit:cover}
	.cgi-pf-drop-cat-img video,.cgi-pf-cat-img video{width:100%;height:100%;object-fit:cover}
	.cgi-pf-drop-inds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:.75rem}
	@media(min-width:640px){.cgi-pf-drop-inds{grid-template-columns:repeat(2,1fr)}}
	@media(min-width:768px){.cgi-pf-drop-inds{grid-template-columns:repeat(3,1fr)}}
	@media(min-width:1280px){.cgi-pf-drop-inds{grid-template-columns:repeat(5,1fr)}}
	.cgi-pf-drop-inds a{display:flex;align-items:center;text-decoration:none;color:inherit;background:#f3f4f6;border-radius:.5rem;overflow:hidden}
	.cgi-pf-drop-inds a:hover{background:#e5e7eb}
	.cgi-pf-drop-ind-img{display:block;width:5rem;height:5rem;flex:0 0 auto;overflow:hidden}
	.cgi-pf-drop-ind-img img{width:100%;height:100%;object-fit:cover;transition:transform .15s}
	.cgi-pf-drop-inds a:hover .cgi-pf-drop-ind-img img{transform:scale(1.1)}
	.cgi-pf-drop-inds a>span:last-child{padding:.5rem 1rem;text-align:left;font-size:.9rem}
	.cgi-pf-drop-cats a>span:last-child{padding:.25rem 1rem}
	.cgi-pf-drop-specs{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}
	.cgi-pf-drop-specs a{display:block;background:#f3f4f6;border-radius:.5rem;padding:.5rem 1rem;font-size:.95rem;text-decoration:none;color:#262626}
	.cgi-pf-drop-specs a:hover{background:#e5e7eb}
	/* suggestions */
	.cgi-pf-suggest{display:grid;gap:1.5rem;align-items:center;margin:.5rem 0 1rem}
	@media(min-width:640px){.cgi-pf-suggest{grid-template-columns:auto 1fr}}
	.cgi-pf-cats{display:flex;gap:.5rem;justify-content:center;list-style:none;margin:0;padding:0}
	@media(min-width:640px){.cgi-pf-cats{justify-content:flex-start}}
	.cgi-pf-cat{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;border-radius:1rem;padding:.5rem;transition:background .2s}
	.cgi-pf-cat:hover{background:#f3f4f6}
	.cgi-pf-cat-img{display:block;height:4rem;width:4rem;border-radius:999px;overflow:hidden;background:#f3f4f6;flex:0 0 auto}
	.cgi-pf-cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
	.cgi-pf-cat:hover .cgi-pf-cat-img img{transform:scale(1.2)}
	.cgi-pf-cat-name{padding:.4rem .5rem 0;font-size:.95rem;text-align:center}
	/* phones: stack the 3 category circles vertically (image + name side by side) instead of a cramped row */
	@media(max-width:639px){
		.cgi-pf-cats{flex-direction:column;align-items:stretch;gap:.5rem}
		.cgi-pf-cat{flex-direction:row;align-items:center;gap:.75rem;justify-content:flex-start}
		.cgi-pf-cat-name{padding:0;text-align:left;font-size:1rem}
	}
	.cgi-pf-specs{display:flex;align-items:center}
	@media(min-width:640px){.cgi-pf-specs{border-left:1px solid #e5e7eb;padding-left:1.5rem}}
	.cgi-pf-specs ul{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;list-style:none;margin:0;padding:0}
	@media(min-width:640px){.cgi-pf-specs ul{justify-content:flex-start}}
	.cgi-pf-specs a{display:block;background:#f3f4f6;border-radius:.5rem;padding:.5rem 1rem;font-size:.95rem;text-decoration:none;color:#262626;white-space:nowrap}
	.cgi-pf-specs a:hover{background:#e5e7eb}
	/* grid */
	.cgi-pf-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-flow:dense;padding:.5rem;max-width:1664px;margin:0 auto}
	@keyframes cgi-pop{from{transform:scale(.6) translateY(25%);opacity:0}to{transform:none;opacity:1}}
	.cgi-pf-item.pop{animation:cgi-pop .35s cubic-bezier(.47,1.36,.41,.9) both}
	.cgi-pf-item{padding:.4rem;min-width:0}
	.cgi-pf-item.wide{grid-column:span 2}
	@media(min-width:768px){.cgi-pf-grid{grid-template-columns:repeat(3,1fr)}.cgi-pf-item{padding:.6rem}}
	@media(min-width:1280px){.cgi-pf-grid{grid-template-columns:repeat(4,1fr)}}
	.cgi-pf-thumb{display:block;width:100%;padding:0;border:0;background:#f3f4f6;border-radius:1rem;overflow:hidden;cursor:pointer;aspect-ratio:1/1;position:relative}
	.cgi-pf-item.wide .cgi-pf-thumb{aspect-ratio:auto;height:0;padding-bottom:calc(50% - .4rem)}
	@media(min-width:768px){.cgi-pf-item.wide .cgi-pf-thumb{padding-bottom:calc(50% - .6rem)}}
	.cgi-pf-item.wide .cgi-pf-thumb img,.cgi-pf-item.wide .cgi-pf-thumb video{position:absolute;inset:0;height:100%}
	.cgi-pf-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
	.cgi-pf-thumb:hover img{transform:scale(1.05)}
	.cgi-pf-play{position:absolute;right:1rem;bottom:1rem;color:#fff;line-height:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));pointer-events:none}
	/* lightbox */
	.cgi-lb{position:fixed;inset:0;z-index:100000;background:#fff;display:none;flex-direction:column;overflow:auto}
	.cgi-lb.open{display:flex}
	.cgi-lb-head{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:.5rem 2rem;background:rgba(255,255,255,.6);backdrop-filter:blur(12px)}
	.cgi-lb-title{padding:.75rem 1rem;font-weight:400}
	/* reference UButton ghost: 16/500, 12px gap, 12x16 pad, 24px x-mark icon */
	.cgi-lb-close{background:none;border:0;cursor:pointer;font-size:1rem;font-weight:500;font-family:inherit;color:#171717;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:6px;line-height:1.5rem}
	.cgi-lb-close:hover{background:#f3f4f6;color:#0a0a0a}
	html.cgi-dark .cgi-lb-close{color:#e5e7eb}
	html.cgi-dark .cgi-lb-close:hover{background:#262626;color:#fff}
	.cgi-lb-body{padding:.5rem 2rem 3rem;display:flex;flex-direction:column;align-items:center}
	.cgi-lb-stage{display:flex;justify-content:center;align-items:flex-start;width:100%}
	.cgi-lb-stage img{display:block;max-width:100%;max-height:88vh;width:auto;height:auto;border-radius:1.5rem;margin:0 auto}
	.cgi-lb-stage iframe,.cgi-lb-stage video{width:min(90vw,1280px);aspect-ratio:16/9;max-height:88vh;border:0;border-radius:1.5rem;display:block;margin:0 auto;background:#000}
	.cgi-lb-stage video{object-fit:contain}
	.cgi-lb-foot{padding:0 2rem}
	.cgi-lb-tags{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;max-width:1536px;margin:1.5rem auto 0}
	.cgi-lb-tags a,.cgi-lb-tags span{background:#fafafa;border-radius:6px;padding:.75rem 1rem;font-size:1rem;font-weight:500;line-height:1.5rem;text-decoration:none;color:#737373}
	.cgi-lb-tags a:hover{background:#f0f0f0;color:#404040}
	.cgi-lb-similar-wrap{max-width:1536px;margin:1.5rem auto 0;width:100%;padding-bottom:2rem}
	.cgi-lb-similar-wrap h2{font-size:1.5rem;font-weight:700;margin:0 0 1rem}
	.cgi-lb-similar{padding:0;margin:0 -.4rem}
	/* intro copy */
	.cgi-pf-copy{background:#fff;padding:1rem 0 3rem}
	.cgi-pf-copy-cols{columns:1}
	.cgi-pf-copy p{margin:0 0 1rem;color:#374151;line-height:1.7;break-inside:avoid}
	/* dark theme */
	html.cgi-dark .cgi-pf-hero{background:linear-gradient(to top right,#171717,#0a0a0a)}
	html.cgi-dark .cgi-pf-hero h1{color:#fafafa}
	html.cgi-dark .cgi-pf-hero p{color:#d4d4d4}
	html.cgi-dark .cgi-pf-sec,html.cgi-dark .cgi-pf-copy{background:#0a0a0a}
	html.cgi-dark .cgi-pf-sec{border-top:1px solid #262626}
	html.cgi-dark .cgi-pf-bar{background:#171717;border-color:#262626}
	html.cgi-dark .cgi-pf-searchwrap.open .cgi-pf-bar-row{border-bottom-color:#262626}
	html.cgi-dark .cgi-pf-bar-input{color:#e5e7eb!important;caret-color:#e5e7eb}
	html.cgi-dark .cgi-pf-bar-chip a{color:#d4d4d4}
	html.cgi-dark .cgi-pf-drop-cats a:hover,html.cgi-dark .cgi-pf-drop-cat-img,html.cgi-dark .cgi-pf-drop-specs a{background:#262626}
	html.cgi-dark .cgi-pf-drop-specs a{color:#e5e7eb}
	html.cgi-dark .cgi-pf-drop-cats a:hover,html.cgi-dark .cgi-pf-drop-specs a:hover{background:#262626}
	html.cgi-dark body.post-type-archive-portfolio{background:#0a0a0a}/* was missing — page root stayed #fff in dark mode */
	html.cgi-dark .cgi-pf-drop-inds a{background:#262626}html.cgi-dark .cgi-pf-drop-inds a:hover{background:#262626}/* industry cards were staying light #f3f4f6 */
	html.cgi-dark .cgi-pf-cat:hover,html.cgi-dark .cgi-pf-cat-img,html.cgi-dark .cgi-pf-specs a,html.cgi-dark .cgi-pf-thumb{background:#262626}
	html.cgi-dark .cgi-pf-specs a{color:#e5e7eb}
	html.cgi-dark .cgi-pf-specs a:hover,html.cgi-dark .cgi-pf-cat:hover{background:#262626}
	html.cgi-dark .cgi-pf-specs{border-left-color:#262626}
	html.cgi-dark .cgi-pf-copy p{color:#9ca3af}
	html.cgi-dark .cgi-lb{background:#0a0a0a;color:#e5e7eb}
	html.cgi-dark .cgi-lb-head{background:rgba(15,17,21,.6)}
	html.cgi-dark .cgi-lb-tags a,html.cgi-dark .cgi-lb-tags span{background:#262626;color:#d4d4d4}