/* One navigation surface, with labels that fit before they collide. */
.header.site-header{display:flex;min-height:104px;height:auto;gap:24px;padding-block:18px}
.header.site-header .brand{flex:0 0 76px}
.header.site-header .brand img{width:76px}
.header.site-header nav.site-main-nav{display:flex;flex:1;align-items:center;justify-content:space-between;gap:2px;margin:0 0 0 auto;min-width:0;padding:5px;border:1px solid #ffffff80;border-radius:999px;background:linear-gradient(135deg,#ffffff55,#ffffff18);box-shadow:inset 0 1px 0 #fff9,0 4px 20px #393c4b08;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5)}
.header.site-header nav.site-main-nav>a{display:flex;align-items:center;justify-content:center;position:relative;flex:1 1 auto;gap:7px;min-width:0;min-height:44px;padding:10px 8px;font-size:13px;line-height:1.35;white-space:nowrap;border:0;border-radius:999px;background:transparent!important;color:var(--muted);text-align:center;transition:color .25s}
.header.site-header nav.site-main-nav>a[aria-current=page],.header.site-header nav.site-main-nav>a:hover{color:var(--text)}
.header.site-header nav.site-main-nav>a::after{display:none}
[data-theme=dark] .header.site-header nav.site-main-nav{background:linear-gradient(135deg,#ffffff10,#ffffff05);border-color:#ffffff26;box-shadow:inset 0 1px 0 #ffffff20,0 4px 20px #0001}
.site-main-nav .glass-tab-lens{z-index:-1}
.header.site-header nav.site-main-nav>a:focus-visible{outline-offset:0}
.nav-short-label,.nav-more{display:none}
.nav-more-menu[hidden]{display:none!important}
.nav-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nav-more-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:30;min-width:200px;padding:8px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 35px #1112}
.header.site-header nav.site-main-nav .nav-more-menu a{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border-radius:12px;font-size:14px;color:var(--muted)}
.header.site-header nav.site-main-nav .nav-more-menu a::after{display:none}
.header.site-header nav.site-main-nav .nav-more-menu a:hover,.header.site-header nav.site-main-nav .nav-more-menu a[aria-current=page]{color:var(--text);background:color-mix(in srgb,var(--bg) 90%,var(--text))}
.work-tools:empty{display:none}
.work-tools{margin-block:0 24px}
.work-tools>#industry-filter[hidden]{display:none!important}
.results-footer{display:flex;justify-content:center;margin-top:24px}
.results-footer:has(>[hidden]){display:none}
.clear-filters-bottom{min-height:48px}
.footer-appearance.theme-control{display:flex;align-items:center;gap:10px;margin-left:auto;flex:none}
.appearance-label{font-size:11px;color:var(--muted)}
.footer-appearance .monochrome-toggle{--orb-travel:32px;width:72px;height:38px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 85%,var(--text))!important;box-shadow:inset 0 1px 2px #0001;isolation:isolate}
.monochrome-toggle svg{position:absolute;top:9px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;color:var(--text);z-index:1}
.monochrome-toggle .appearance-sun{left:9px}.monochrome-toggle .appearance-moon{right:9px}
.monochrome-toggle .appearance-thumb{position:absolute;top:3px;left:3px;width:30px;height:30px;border-radius:50%;background:var(--bg);box-shadow:0 1px 5px #0002;transform:translateX(calc(var(--theme-progress)*32px));transition:transform .35s cubic-bezier(.22,1,.36,1)}
.monochrome-toggle.is-dragging .appearance-thumb{transition:none}
.footer-appearance .theme-auto{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);min-height:38px;padding:8px 12px;font-size:11px}
.footer-appearance .theme-auto[aria-pressed=true]{color:var(--text);background:color-mix(in srgb,var(--bg) 90%,var(--text));box-shadow:none}
footer.wrap:has(.footer-content){display:block;padding:28px 0 96px!important;border-top:1px solid var(--line)}
.footer-content{display:grid;grid-template-columns:1fr auto;gap:24px 48px;align-items:start;padding-bottom:24px}
.footer-content .experience-footer{width:auto;margin:0;display:flex;flex-wrap:wrap;gap:8px 22px;padding:0;font-size:12px}
.footer-content .experience-footer>span,.footer-label{flex-basis:100%;margin:0 0 6px;font-size:11px;color:var(--muted)}
.footer-content .experience-footer a{min-height:36px;padding:4px 0;gap:7px}
.footer-connect{display:grid;gap:8px;font-size:12px}
.footer-connect>a{overflow-wrap:anywhere;line-height:1.5}
.footer-social-links{display:flex;gap:20px;align-items:center}
.footer-social-links a{display:inline-flex;gap:5px;align-items:center;min-height:32px}
.footer-social-links .ui-arrow{width:14px;height:14px}
.footer-utilities{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;padding-top:20px;border-top:1px solid var(--line);font-size:11px}
.footer-utilities .client-login{margin-left:auto}
.footer-utilities .footer-appearance{margin:0}
/* Natural proportions share a media height within each packed row. */
.piece-grid.justified-gallery{display:flex!important;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:20px 16px!important;max-width:none;margin-inline:0}
.justified-gallery>.gallery-item{display:block;flex:0 0 var(--gallery-width,100%);width:var(--gallery-width,100%);max-width:none;min-width:0;margin:0!important;align-self:flex-start;break-inside:avoid}
.justified-gallery>.gallery-heading{flex:0 0 100%;width:100%;margin:20px 0 0;min-width:0}
.justified-gallery>.gallery-item .piece-image,.justified-gallery>.gallery-item .stream-portfolio-art{width:100%;height:var(--gallery-height)!important;aspect-ratio:auto!important;max-height:none;background:transparent}
.justified-gallery>.gallery-item .piece-image>img{object-fit:contain!important;width:100%;height:100%;padding:0}
.justified-gallery>.gallery-item .piece-caption{display:grid;grid-template-columns:1fr;gap:5px;padding-top:10px;min-width:0}
.justified-gallery>.gallery-item .piece-caption strong{font-size:13px;line-height:1.45;max-width:none;overflow-wrap:break-word}
.justified-gallery>.gallery-item .piece-caption>span{font-size:10px;line-height:1.5;white-space:normal;overflow-wrap:break-word}
.justified-gallery>.gallery-item .piece-control{width:48px;height:48px}
.work-grid.compact-cards,.piece-grid.compact-cards{display:block;columns:2;column-gap:28px}
.compact-cards>[hidden],.justified-gallery>[hidden]{display:none!important}
.piece-grid.justified-gallery[hidden],.work-grid.compact-cards[hidden],.piece-grid.compact-cards[hidden]{display:none!important}
.compact-cards>.work-card,.compact-cards>.website-example,.compact-cards>.television-portfolio-feature{display:inline-block;width:100%;break-inside:avoid;margin:0 0 32px;vertical-align:top}
/* Only standalone portfolio apps receive this notice. */
.platform-welcome{position:fixed;right:24px;bottom:24px;z-index:18;width:min(390px,calc(100% - 32px));display:grid;grid-template-columns:1fr 36px;gap:8px 12px;padding:18px 16px 16px 20px;border:1px solid #e0dbffb0;border-radius:20px;color:#202033;background:linear-gradient(120deg,#b5d6fff0,#d4bffff0);box-shadow:0 8px 32px #11132824;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:welcome-arrive .35s ease-out}
.platform-welcome[hidden]{display:none!important}
.platform-welcome strong{font-size:15px;line-height:1.4;font-weight:600}
.platform-welcome p{grid-column:1;font-size:12px;line-height:1.5;margin:0}
.platform-welcome>a{grid-column:1;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px;justify-self:start;min-height:32px;display:flex;align-items:center}
.platform-welcome .welcome-close{grid-row:1;grid-column:2;align-self:start;width:36px;height:36px;background:#ffffff55;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;color:inherit;padding:9px}
.welcome-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
@keyframes welcome-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.header.site-header{display:grid;grid-template-columns:1fr;gap:14px}.header.site-header .brand{grid-column:1;grid-row:1}.header.site-header nav.site-main-nav{grid-column:1;grid-row:2;width:100%}}
@media(max-width:960px){.header.site-header nav.site-main-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-radius:22px;padding:4px;gap:2px;overflow:visible;z-index:25}.header.site-header nav.site-main-nav>.nav-secondary{display:none}.header.site-header nav.site-main-nav>.nav-primary,.nav-more-toggle{flex-direction:column;gap:5px;white-space:normal;padding:8px 3px;min-height:58px;border-radius:18px;font-size:10px;line-height:1.2}.nav-icon,.nav-short-label{display:block}.nav-long-label{display:none}.nav-more{display:block;position:relative;min-width:0}.nav-more-toggle{display:flex;align-items:center;justify-content:center;width:100%;border:0;background:transparent;color:var(--muted);font-family:inherit}.nav-more-toggle[aria-current=page],.nav-more-toggle[aria-expanded=true]{color:var(--text)}.site-main-nav .glass-tab-lens{border-radius:18px}}
@media(max-width:760px){.header.site-header{padding-block:16px;min-height:0;gap:12px}.header.site-header .brand img{width:58px}.piece-grid.justified-gallery{gap:16px 10px!important}.justified-gallery>.gallery-item .piece-caption strong{font-size:12px}.justified-gallery>.gallery-item .piece-control{width:40px;height:40px}.footer-appearance.theme-control{flex-basis:100%;margin:4px 0 0;justify-content:flex-start}.work-grid.compact-cards,.piece-grid.compact-cards{columns:1}.platform-welcome{right:16px;bottom:calc(90px + env(safe-area-inset-bottom));padding:16px;border-radius:18px;width:min(390px,calc(100% - 32px))}.stream-page .platform-welcome{bottom:16px}.watch-page .platform-welcome{bottom:80px}}
@media(prefers-reduced-motion:reduce){.platform-welcome{animation:none}.appearance-thumb{transition:none!important}}
@media(max-width:760px){.footer-content{grid-template-columns:1fr;gap:24px;padding-bottom:20px}.footer-utilities{display:grid;grid-template-columns:1fr;gap:14px}.footer-utilities .client-login{margin:0;grid-row:1}.footer-utilities .footer-appearance{grid-row:2;margin:0;flex-basis:auto}.footer-utilities>a[aria-label="Viele Media home"]{grid-row:3}.footer-content .experience-footer{column-gap:22px}}

/* Keep the full navigation readable with all nine icon-and-label links. */
@media(min-width:961px) and (max-width:1200px){.header.site-header nav.site-main-nav>a{padding-inline:6px;font-size:12px;gap:5px}.header.site-header nav.site-main-nav .nav-icon{width:18px;height:18px}}

/* Keep the complete Spark Florida launch frame within its header. */
.case-feature.full-frame-header{height:auto;aspect-ratio:16/9;overflow:hidden}
.case-feature.full-frame-header>video{display:block;width:100%;max-width:100%;height:100%;object-fit:contain}