#radio{position:fixed;display:flex;flex-direction:column;--top: 20vh;--left: 5vw;bottom:var(--top);left:var(--left)}#work-flex{overflow-x:hidden;display:flex;width:300vw;position:fixed}@media (prefers-reduced-motion: no-preference){#work-flex{--duration: .18s;--transition: translate var(--duration) ease-in-out;transition:var(--transition)}#work-flex #radio{transition:top var(--duration) ease-in-out,left var(--duration) ease-in-out,bottom var(--duration) ease-in-out,right var(--duration) ease-in-out}}#work-flex .work-flex-content{overflow-y:auto;flex-basis:100vw;flex-grow:0}#work-flex .work-flex-content{min-height:100vh}@supports (height: 100dvh){#work-flex .work-flex-content{min-height:100dvh}}@supports (height: 100svh){#work-flex .work-flex-content{min-height:100svh}}#work-flex .work-flex-content{max-height:100vh}@supports (height: 100dvh){#work-flex .work-flex-content{max-height:100dvh}}@supports (height: 100svh){#work-flex .work-flex-content{max-height:100svh}}#work-flex:has(input[type=radio].work-flex-panel[value=site]:checked){translate:0}#work-flex:has(input[type=radio].work-flex-panel[value=brand-identity]:checked){translate:-100vw}#work-flex:has(input[type=radio].work-flex-panel[value=brand-identity]:checked) #radio{left:calc(var(--left) + 100vw)}#work-flex:has(input[type=radio].work-flex-panel[value=design-outline]:checked){translate:-200vw}#work-flex:has(input[type=radio].work-flex-panel[value=design-outline]:checked) #radio{left:calc(var(--left) + 200vw)}@media (prefers-color-scheme: light){[data-prefers-color-scheme]{--color-primary: #3b82f6;--color-primary-hover: #1d4ed8;--color-accent: #ec4899;--color-bg: #f3f4f6;--color-surface: #ffffff;--color-surface-alt: #f3f4f6;--color-text: #111827;--color-text-muted: #4b5563;--color-heading: #0a0f1c;--color-border: #e5e7eb;--color-divider: #d1d5db;--color-success: #059669;--color-warning: #f59e0b;--color-danger: #dc2626;--color-focus-ring: #93c5fd;--color-button-text: #000000}}@media (prefers-color-scheme: dark){[data-prefers-color-scheme]{--color-primary: #ffffff;--color-primary-hover: #e5e7eb;--color-accent: #f9a8d4;--color-bg: #222;--color-surface: #5588aa;--color-surface-alt: #334466;--color-text: #f3f4f6;--color-text-muted: #9ca3af;--color-heading: #f9fafb;--color-border: #374151;--color-divider: #1f2937;--color-success: #34d399;--color-warning: #fcd34d;--color-danger: #f87171;--color-focus-ring: #2563eb;--color-button-text: #000000}}[data-prefers-color-scheme][data-compel-color-scheme=light]{--color-primary: #3b82f6;--color-primary-hover: #1d4ed8;--color-accent: #ec4899;--color-bg: #f3f4f6;--color-surface: #ffffff;--color-surface-alt: #f3f4f6;--color-text: #111827;--color-text-muted: #4b5563;--color-heading: #0a0f1c;--color-border: #e5e7eb;--color-divider: #d1d5db;--color-success: #059669;--color-warning: #f59e0b;--color-danger: #dc2626;--color-focus-ring: #93c5fd;--color-button-text: #000000}[data-prefers-color-scheme][data-compel-color-scheme=dark]{--color-primary: #ffffff;--color-primary-hover: #e5e7eb;--color-accent: #f9a8d4;--color-bg: #222;--color-surface: #5588aa;--color-surface-alt: #334466;--color-text: #f3f4f6;--color-text-muted: #9ca3af;--color-heading: #f9fafb;--color-border: #374151;--color-divider: #1f2937;--color-success: #34d399;--color-warning: #fcd34d;--color-danger: #f87171;--color-focus-ring: #2563eb;--color-button-text: #000000}.base{background-color:var(--color-bg);color:var(--color-text)}@media (min-width: 1536px){#brand-identity>*:not(.banner){max-width:1200px;margin-inline:auto}}