@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing: .25rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--tracking-tight: -.025em;--leading-relaxed: 1.625;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.right-0{right:0}.z-10{z-index:10}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.inline{display:inline}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-24{height:calc(var(--spacing) * 24)}.h-full{height:100%}.h-screen{height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-none{border-radius:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-\[color\:var\(--pixel-border-color\)\]{border-color:var(--pixel-border-color)}.border-\[color\:var\(--pixel-border-color\)\]\/10{border-color:var(--pixel-border-color)}@supports (color: color-mix(in lab,red,red)){.border-\[color\:var\(--pixel-border-color\)\]\/10{border-color:color-mix(in oklab,var(--pixel-border-color) 10%,transparent)}}.border-\[color\:var\(--pixel-border-color\)\]\/15{border-color:var(--pixel-border-color)}@supports (color: color-mix(in lab,red,red)){.border-\[color\:var\(--pixel-border-color\)\]\/15{border-color:color-mix(in oklab,var(--pixel-border-color) 15%,transparent)}}.border-\[color\:var\(--pixel-border-color\)\]\/20{border-color:var(--pixel-border-color)}@supports (color: color-mix(in lab,red,red)){.border-\[color\:var\(--pixel-border-color\)\]\/20{border-color:color-mix(in oklab,var(--pixel-border-color) 20%,transparent)}}.bg-\[color\:var\(--pixel-bg\)\]{background-color:var(--pixel-bg)}.bg-\[color\:var\(--pixel-card-bg\)\]{background-color:var(--pixel-card-bg)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pr-1{padding-right:var(--spacing)}.pr-24{padding-right:calc(var(--spacing) * 24)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading: 1;line-height:1}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight: var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-pre-line{white-space:pre-line}.text-\[color\:var\(--pixel-accent-blue\)\]{color:var(--pixel-accent-blue)}.text-\[color\:var\(--pixel-accent-yellow\)\]{color:var(--pixel-accent-yellow)}.opacity-60{opacity:60%}.opacity-70{opacity:70%}.opacity-80{opacity:80%}.transition-none{transition-property:none}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.hover\:bg-\[color\:var\(--pixel-border-color\)\]:hover{background-color:var(--pixel-border-color)}}@media(hover:hover){.hover\:text-\[color\:var\(--pixel-bg\)\]:hover{color:var(--pixel-bg)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[color\:var\(--pixel-accent-yellow\)\]:focus-visible{--tw-ring-color: var(--pixel-accent-yellow)}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset: inset}@media(width>=48rem){.md\:h-\[150px\]{height:150px}}@media(width>=48rem){.md\:w-\[150px\]{width:150px}}@media(width>=48rem){.md\:flex-row{flex-direction:row}}@media(width>=48rem){.md\:justify-start{justify-content:flex-start}}@media(width>=48rem){.md\:gap-10{gap:calc(var(--spacing) * 10)}}@media(width>=48rem){.md\:p-5{padding:calc(var(--spacing) * 5)}}@media(width>=48rem){.md\:p-8{padding:calc(var(--spacing) * 8)}}@media(width>=48rem){.md\:text-left{text-align:left}}@media(width>=48rem){.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}}@media(width>=48rem){.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}}}:root{--pixel-bg: #efeff2;--pixel-card-bg: #ffffff;--pixel-border-color: #000000;--pixel-shadow-color: #8c8c9a;--pixel-text-primary: #000000;--pixel-text-secondary: #2d2d34;--pixel-accent-red: #d81b1b;--pixel-accent-blue: #0066cc;--pixel-accent-green: #2e7d32;--pixel-accent-yellow: #7c5200;--red-to-pink-to-purple-horizontal-gradient: none;--ts-gradient: none}[theme=dark]{--pixel-bg: #06060a;--pixel-card-bg: #11111b;--pixel-border-color: #ffffff;--pixel-shadow-color: #ff0055;--pixel-text-primary: #ffffff;--pixel-text-secondary: #ccd0eb;--pixel-accent-red: #ff2255;--pixel-accent-blue: #00ccff;--pixel-accent-green: #39ff14;--pixel-accent-yellow: #ffff00}body{background-color:var(--pixel-bg)!important;color:var(--pixel-text-primary)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;image-rendering:pixelated;image-rendering:crisp-edges;transition:background-color .2s steps(4)}.crt-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;opacity:.15}.crt-overlay:after{content:" ";display:block;position:absolute;inset:0;background:#12101008;opacity:0;animation:crt-flicker .15s infinite}@keyframes crt-flicker{0%{opacity:.98}50%{opacity:.95}to{opacity:.98}}h1,h2,h3,h4,h5,h6,.pixel-title{font-family:VT323,monospace!important;line-height:1!important;letter-spacing:.05em!important;text-transform:uppercase;overflow-wrap:break-word;word-wrap:break-word}h1{font-size:2.25rem!important}@media(min-width:768px){h1{font-size:2.75rem!important}}@media(min-width:1440px){h1{font-size:3.5rem!important}}h2{font-size:1.75rem!important}@media(min-width:768px){h2{font-size:2rem!important}}@media(min-width:1440px){h2{font-size:2.5rem!important}}h3{font-size:1.5rem!important}@media(min-width:1440px){h3{font-size:2rem!important}}h4{font-size:1.5rem!important}@media(min-width:1440px){h4{font-size:2rem!important}}h5,h6{font-size:1.25rem!important}@media(min-width:1440px){h5,h6{font-size:1.5rem!important}}[theme=dark] h1,[theme=dark] h2,[theme=dark] h3{text-shadow:0 0 8px rgba(255,0,85,.3)}.text-gradient-angular{background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:unset!important;color:var(--pixel-accent-red)!important}[theme=dark] .text-gradient-angular{text-shadow:0 0 6px rgba(255,34,85,.4)}.text-gradient-typescript{background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:unset!important;color:var(--pixel-accent-blue)!important}[theme=dark] .text-gradient-typescript{text-shadow:0 0 6px rgba(0,204,255,.4)}.surface-card{border:4px solid var(--pixel-border-color)!important;border-radius:0!important;background:var(--pixel-card-bg)!important;box-shadow:6px 6px 0 var(--pixel-shadow-color)!important;transition:transform .1s steps(2),box-shadow .1s steps(2),border-color .1s steps(2)!important;position:relative}.surface-card.interactive-card:hover{transform:translate(-2px,-2px)!important;box-shadow:8px 8px 0 var(--pixel-shadow-color)!important;border-color:var(--pixel-border-color)!important}.surface-card.interactive-card:hover:after{content:"";position:absolute;inset:0 -8px -8px 0;background:transparent;pointer-events:auto;z-index:1}.pixel-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-family:VT323,monospace!important;text-transform:uppercase!important;border-radius:0!important;border:4px solid var(--pixel-border-color)!important;box-shadow:4px 4px 0 var(--pixel-shadow-color)!important;transition:none!important;position:relative!important;cursor:pointer!important;padding:4px 12px!important;line-height:1.2!important}.pixel-btn-l{font-size:1.25rem!important;padding:8px 16px!important}.pixel-btn-m{font-size:1.1rem!important;padding:6px 14px!important}.pixel-btn-s{font-size:.9rem!important;padding:4px 10px!important}.pixel-btn-primary{background-color:var(--pixel-accent-blue)!important;color:#fff!important}.pixel-btn-secondary{background-color:var(--pixel-card-bg)!important;color:var(--pixel-text-primary)!important}.pixel-btn-outline{background-color:transparent!important;color:var(--pixel-text-primary)!important}.pixel-btn-flat{background-color:transparent!important;color:var(--pixel-text-primary)!important;border-color:transparent!important;box-shadow:none!important}.pixel-btn-flat:hover{border-color:var(--pixel-border-color)!important;box-shadow:2px 2px 0 var(--pixel-shadow-color)!important;transform:translate(1px,1px)!important}.pixel-btn:not(.pixel-btn-flat):hover{transform:translate(2px,2px)!important;box-shadow:2px 2px 0 var(--pixel-shadow-color)!important}.pixel-btn:not(.pixel-btn-flat):active{transform:translate(4px,4px)!important;box-shadow:0 0 0 transparent!important}.pixel-avatar{border:4px solid var(--pixel-border-color)!important;box-shadow:4px 4px 0 var(--pixel-shadow-color)!important;background:var(--pixel-card-bg)!important}.skill-chip{background:var(--pixel-card-bg)!important;border:2px solid var(--pixel-border-color)!important;border-radius:0!important;color:var(--pixel-text-primary)!important;font-family:VT323,monospace!important;font-size:.9rem!important;padding:4px 8px!important;box-shadow:2px 2px 0 var(--pixel-border-color)!important;margin:2px!important}.skills-list li{position:relative;padding-left:1.25rem}.skills-list li:before{content:""!important;position:absolute;left:0;top:.6em;width:6px;height:6px;background-color:var(--pixel-accent-green);box-shadow:1px 1px 0 var(--pixel-border-color)}.reveal,.reveal-left,.reveal-right,.stagger-children>*{opacity:1!important;transform:none!important}.opacity-50,.opacity-60,.opacity-70,.text-secondary{color:var(--pixel-text-secondary)!important;opacity:1!important}.opacity-80{color:var(--pixel-text-primary)!important;opacity:1!important}[theme=dark] img[src*=nextdotjs]{filter:invert(1) brightness(2)!important}@media(min-width:768px){body,tui-root,section{overflow-x:hidden!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--pixel-bg);border-left:3px solid var(--pixel-border-color)}::-webkit-scrollbar-thumb{background:var(--pixel-border-color);border:2px solid var(--pixel-bg)}.project-preview ::-webkit-scrollbar{width:8px;height:8px}.project-preview ::-webkit-scrollbar-track{background:#e0e0e0;border:1px solid var(--pixel-border-color)}.project-preview ::-webkit-scrollbar-thumb{background:var(--pixel-accent-blue);border:1px solid var(--pixel-border-color)}.project-preview ::-webkit-scrollbar-thumb:hover{background:var(--pixel-accent-yellow)}button,a,[role=button],select,input[type=button],input[type=submit]{cursor:pointer!important}button:focus-visible{outline:3px solid var(--pixel-accent-yellow)!important;outline-offset:-3px!important;z-index:1}article[role=button]{transition:transform .1s steps(2),box-shadow .1s steps(2)}article[role=button]:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pixel-shadow-color)}article[role=button]:active{transform:translate(0);box-shadow:0 0 0 transparent}.bento-viewport{min-height:100vh;display:flex;flex-direction:column;padding:.75rem;overflow-y:auto}@media(min-width:768px){.bento-viewport{height:100vh;padding:.75rem}}@media(min-width:1440px){.bento-viewport{overflow-y:hidden;padding:1rem}}.bento-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:.75rem}@media(min-width:768px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1440px){.bento-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:auto 1fr;flex:1;min-height:0;height:100%}.bento-grid>.bento-cell:nth-child(1){grid-column:1 / span 2;grid-row:1}.bento-grid>.bento-cell:nth-child(2){grid-column:1;grid-row:2}.bento-grid>.bento-cell:nth-child(3){grid-column:2;grid-row:2}.bento-grid>.bento-cell:nth-child(4){grid-column:3 / span 2;grid-row:1 / span 2}}@media(min-width:1440px)and (max-width:1600px){.bento-viewport{padding:.4rem}.bento-grid{gap:.5rem}.bento-cell{box-shadow:4px 4px 0 var(--pixel-shadow-color)}}.bento-cell{border:4px solid var(--pixel-border-color);background:var(--pixel-card-bg);box-shadow:6px 6px 0 var(--pixel-shadow-color);position:relative;min-height:0}@media(hover:hover){.bento-cell:hover:before,.bento-cell:hover:after{animation:corner-pulse .85s steps(4) infinite}}@keyframes corner-pulse{0%,to{width:8px;height:8px;opacity:.5}50%{width:12px;height:12px;opacity:1}}@media(min-width:1440px){.bento-cell{overflow-y:auto;overflow-x:hidden}}.bento-cell:before,.bento-cell:after{content:"";position:absolute;width:8px;height:8px;border:3px solid var(--pixel-border-color);z-index:2;pointer-events:none;opacity:.5}.bento-cell:before{top:6px;left:6px;border-right:none;border-bottom:none}.bento-cell:after{bottom:6px;right:6px;border-left:none;border-top:none}.bento-span-2{grid-column:span 1}@media(min-width:768px){.bento-span-2{grid-column:span 2}}.bento-span-4{grid-column:span 1}@media(min-width:768px){.bento-span-4{grid-column:span 2}}@media(min-width:1440px){.bento-span-4{grid-column:span 4}}.pixel-divider{border:none;border-top:2px dashed var(--pixel-border-color);opacity:.2;margin:0}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.bento-cell{animation-fill-mode:both;animation-duration:.5s;animation-timing-function:steps(8)}.bento-cell:nth-child(1){animation-name:slide-in-left;animation-delay:0s}.bento-cell:nth-child(2){animation-name:slide-in-bottom;animation-delay:.15s}.bento-cell:nth-child(3){animation-name:slide-in-bottom;animation-delay:.25s}.bento-cell:nth-child(4){animation-name:slide-in-right;animation-delay:.35s}.project-list-item{border:2px solid var(--pixel-border-color);background:var(--pixel-bg);color:var(--pixel-text-primary);transition:transform .1s steps(2),box-shadow .1s steps(2);cursor:pointer}.project-list-item:hover:not(.active){transform:translate(3px);border-color:var(--pixel-accent-yellow)}.project-list-item.active{background:var(--pixel-border-color);color:var(--pixel-bg);box-shadow:3px 3px 0 var(--pixel-shadow-color);border-color:var(--pixel-border-color)}.project-iframe-wrap{flex:1;min-width:0;min-height:0;background:#fff;position:relative}.project-layout{display:flex;flex-direction:column;gap:0;flex:1;min-height:0}@media(min-width:768px){.project-layout{flex-direction:row}}.project-info{padding:1rem;display:flex;flex-direction:column;position:relative;gap:.5rem}.project-name{margin-top:.5rem}@media(min-width:768px){.project-info{width:35%;min-width:0}}.project-preview{flex:1;min-width:0;min-height:350px;display:flex;flex-direction:column;background:#fff;position:relative;z-index:10001;overflow:hidden}@media(max-width:1439px){.project-preview{min-height:400px;height:400px}}.project-preview iframe{width:calc(100% + 20px);height:calc(100% + 20px);border:none;background:#fff;position:absolute;top:-10px;left:-10px}.bento-cell-positioned{position:relative;z-index:10000}.project-info:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%);background-size:100% 4px;opacity:.15;z-index:1}@media(min-width:768px){.project-preview{min-height:0}}.project-title-bar{display:flex;align-items:center;gap:.5rem}.project-title-bar h2{margin:0;white-space:nowrap}.project-title-bar .project-nav-group{display:flex;align-items:center;gap:4px;margin-left:auto}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}