@import"https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Georama:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-x-reverse:0}}}@layer theme{:root,:host{--font-sans:"Mona Sans",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-50:#839cb5;--color-blue-100:#2d2d38;--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-black:#000;--color-white:#fff;--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-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:.1em;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-3xl:1.5rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-white-50:#d9ecff;--color-black-50:#1c1c21;--color-black-100:#0e0e10;--color-black-200:#282732}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@keyframes indicator-line{0%{height:12px;transform:translateY(0)}50%{height:24px;transform:translateY(-4px)}to{height:12px;transform:translateY(0)}}}@layer components{html:not(.secret-portfolio-active) .padding-x{padding-inline:calc(var(--spacing)*5)}@media(min-width:48rem){html:not(.secret-portfolio-active) .padding-x{padding-inline:calc(var(--spacing)*10)}}html:not(.secret-portfolio-active) .padding-x-lg{padding-inline:calc(var(--spacing)*5)}@media(min-width:48rem){html:not(.secret-portfolio-active) .padding-x-lg{padding-inline:calc(var(--spacing)*20)}}html:not(.secret-portfolio-active) .section-padding{margin-top:calc(var(--spacing)*20);padding-inline:calc(var(--spacing)*5)}@media(min-width:48rem){html:not(.secret-portfolio-active) .section-padding{margin-top:calc(var(--spacing)*40);padding-inline:calc(var(--spacing)*10)}}html:not(.secret-portfolio-active) .mt-responsive{margin-top:calc(var(--spacing)*40)}@media(min-width:48rem){html:not(.secret-portfolio-active) .mt-responsive{margin-top:calc(var(--spacing)*0)}}@media(min-width:80rem){html:not(.secret-portfolio-active) .mt-responsive{margin-top:calc(var(--spacing)*20)}}html:not(.secret-portfolio-active) .grid-base{grid-template-columns:repeat(1,minmax(0,1fr));display:grid}html:not(.secret-portfolio-active) .grid-2-cols{gap:calc(var(--spacing)*6);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:48rem){html:not(.secret-portfolio-active) .grid-2-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}html:not(.secret-portfolio-active) .grid-3-cols{gap:calc(var(--spacing)*6);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:48rem){html:not(.secret-portfolio-active) .grid-3-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:80rem){html:not(.secret-portfolio-active) .grid-3-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}html:not(.secret-portfolio-active) .grid-3-cols-md-tight{gap:calc(var(--spacing)*5);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:48rem){html:not(.secret-portfolio-active) .grid-3-cols-md-tight{gap:calc(var(--spacing)*0);grid-template-columns:repeat(3,minmax(0,1fr))}}html:not(.secret-portfolio-active) .grid-4-cols{gap:calc(var(--spacing)*7);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:48rem){html:not(.secret-portfolio-active) .grid-4-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:80rem){html:not(.secret-portfolio-active) .grid-4-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}html:not(.secret-portfolio-active) .grid-12-cols{gap:calc(var(--spacing)*10);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:80rem){html:not(.secret-portfolio-active) .grid-12-cols{grid-template-columns:repeat(12,minmax(0,1fr))}}html:not(.secret-portfolio-active) .hero-layout{z-index:10;margin-top:calc(var(--spacing)*32);justify-content:center;align-items:flex-start;height:80vh;display:flex;position:relative}@media(min-width:48rem){html:not(.secret-portfolio-active) .hero-layout{height:100dvh}}@media(min-width:80rem){html:not(.secret-portfolio-active) .hero-layout{margin-top:calc(var(--spacing)*20);align-items:center}}html:not(.secret-portfolio-active) .hero-text{pointer-events:none;z-index:10;--tw-font-weight:var(--font-weight-semibold);font-size:30px;font-weight:var(--font-weight-semibold);flex-direction:column;justify-content:center;display:flex;position:relative}@media(min-width:48rem){html:not(.secret-portfolio-active) .hero-text{font-size:60px}}html:not(.secret-portfolio-active) .hero-text img{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8);object-fit:contain}@media(min-width:48rem){html:not(.secret-portfolio-active) .hero-text img{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}}html:not(.secret-portfolio-active) .hero-text .slide{--tw-translate-y:calc(var(--spacing)*0);height:48px;translate:var(--tw-translate-x)var(--tw-translate-y);padding-inline:calc(var(--spacing)*2);padding-block:30px;padding-top:calc(var(--spacing)*0);position:absolute;overflow:hidden}@media(min-width:48rem){html:not(.secret-portfolio-active) .hero-text .slide{--tw-translate-y:calc(var(--spacing)*1);height:78px;translate:var(--tw-translate-x)var(--tw-translate-y);padding-inline:calc(var(--spacing)*5)}}html:not(.secret-portfolio-active) .hero-badge{background-color:var(--color-black-200);width:fit-content;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-wrap:nowrap;border-radius:3.40282e38px}@media(min-width:48rem){html:not(.secret-portfolio-active) .hero-badge{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}html:not(.secret-portfolio-active) .hero-3d-layout{top:calc(var(--spacing)*24);right:calc(var(--spacing)*0);z-index:10;width:100%;height:100%;min-height:50vh;position:absolute}@media(min-width:80rem){html:not(.secret-portfolio-active) .hero-3d-layout{top:calc(var(--spacing)*-20);right:calc(var(--spacing)*-20);width:70%}}html:not(.secret-portfolio-active) .navbar{z-index:100;--tw-translate-x: -50% ;width:100%;translate:var(--tw-translate-x)var(--tw-translate-y);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*5);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-in-out);transition-duration:.3s;transition-timing-function:var(--ease-in-out);position:fixed;left:50%}@media(min-width:48rem){html:not(.secret-portfolio-active) .navbar{padding-inline:calc(var(--spacing)*20)}}html:not(.secret-portfolio-active) .navbar.scrolled{top:calc(var(--spacing)*0);background-color:var(--color-black)}html:not(.secret-portfolio-active) .navbar.not-scrolled{top:calc(var(--spacing)*0);background-color:#0000}@media(min-width:48rem){html:not(.secret-portfolio-active) .navbar.not-scrolled{top:calc(var(--spacing)*10)}}html:not(.secret-portfolio-active) .navbar .inner{justify-content:space-between;align-items:center;margin-inline:auto;display:flex}html:not(.secret-portfolio-active) .navbar .logo{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white-50);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){html:not(.secret-portfolio-active) .navbar .logo:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}@media(min-width:48rem){html:not(.secret-portfolio-active) .navbar .logo{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}html:not(.secret-portfolio-active) .navbar nav.desktop{align-items:center;display:none}@media(min-width:64rem){html:not(.secret-portfolio-active) .navbar nav.desktop{display:flex}}html:not(.secret-portfolio-active) .navbar nav.desktop ul{display:flex}:where(html:not(.secret-portfolio-active) .navbar nav.desktop ul>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))}html:not(.secret-portfolio-active) .navbar nav.desktop ul li{color:var(--color-white-50);position:relative}html:not(.secret-portfolio-active) .navbar nav.desktop ul li span{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){html:not(.secret-portfolio-active) .navbar nav.desktop ul li span:hover{color:var(--color-white)}}html:not(.secret-portfolio-active) .navbar nav.desktop ul li .underline{bottom:calc(var(--spacing)*-1);left:calc(var(--spacing)*0);height:calc(var(--spacing)*.5);width:calc(var(--spacing)*0);background-color:var(--color-white);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s;position:absolute}@media(hover:hover){html:not(.secret-portfolio-active) .navbar nav.desktop ul li .underline:is(:where(.group):hover *){width:100%}}html:not(.secret-portfolio-active) .navbar .contact-btn{display:flex}html:not(.secret-portfolio-active) .navbar .contact-btn .inner{border-radius:var(--radius-lg);background-color:var(--color-white);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2);color:var(--color-black);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){html:not(.secret-portfolio-active) .navbar .contact-btn .inner:is(:where(.group):hover *){background-color:var(--color-black-50)}}html:not(.secret-portfolio-active) .navbar .contact-btn .inner span{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){html:not(.secret-portfolio-active) .navbar .contact-btn .inner span:is(:where(.group):hover *){color:var(--color-white)}}html:not(.secret-portfolio-active) .logo-section{align-items:center;gap:calc(var(--spacing)*4);display:flex}html:not(.secret-portfolio-active) .audio-btn{cursor:pointer;align-items:center;gap:calc(var(--spacing)*.5);--tw-border-style:none;padding:calc(var(--spacing)*1);background-color:#0000;border-style:none;display:flex}html:not(.secret-portfolio-active) .indicator-line{height:calc(var(--spacing)*3);width:calc(var(--spacing)*1);background-color:var(--color-white-50);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:var(--ease-in-out);transition-duration:.2s;transition-timing-function:var(--ease-in-out);border-radius:3.40282e38px}html:not(.secret-portfolio-active) .indicator-line.active{animation:1s infinite indicator-line;animation-delay:calc(var(--animation-order)*.2s)}html:not(.secret-portfolio-active) .app-showcase{margin-top:calc(var(--spacing)*20);width:100%;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*10);justify-content:center;align-items:center;display:flex}@media(min-width:48rem){html:not(.secret-portfolio-active) .app-showcase{padding-inline:calc(var(--spacing)*20);padding-block:calc(var(--spacing)*20)}}html:not(.secret-portfolio-active) .app-showcase .showcaselayout{justify-content:space-between;gap:calc(var(--spacing)*10);flex-direction:column;display:flex}@media(min-width:80rem){html:not(.secret-portfolio-active) .app-showcase .showcaselayout{flex-direction:row}}html:not(.secret-portfolio-active) .app-showcase .first-project-wrapper{flex-direction:column;justify-content:space-between;height:100%;display:flex}@media(min-width:80rem){html:not(.secret-portfolio-active) .app-showcase .first-project-wrapper{width:60%}}html:not(.secret-portfolio-active) .app-showcase .first-project-wrapper .image-wrapper{height:calc(var(--spacing)*96);border-radius:var(--radius-xl);position:relative;overflow:hidden}@media(min-width:48rem){html:not(.secret-portfolio-active) .app-showcase .first-project-wrapper .image-wrapper{height:50vh}}@media(min-width:80rem){html:not(.secret-portfolio-active) .app-showcase .first-project-wrapper .image-wrapper{height:70vh}}html:not(.secret-portfolio-active) .app-showcase .first-project-wrapper .image-wrapper img{inset:calc(var(--spacing)*0);border-radius:var(--radius-xl);object-fit:cover;width:100%;height:100%;position:absolute}html:not(.secret-portfolio-active) .app-showcase .first-project-wrapper .text-content{margin-top:calc(var(--spacing)*5)}:where(html:not(.secret-portfolio-active) .app-showcase .first-project-wrapper .text-content>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}html:not(.secret-portfolio-active) .app-showcase .first-project-wrapper .text-content .badges{margin-bottom:calc(var(--spacing)*4);gap:calc(var(--spacing)*2);display:flex}html:not(.secret-portfolio-active) .app-showcase .first-project-wrapper .text-content h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}@media(min-width:48rem){html:not(.secret-portfolio-active) .app-showcase .first-project-wrapper .text-content h2{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media(min-width:64rem){html:not(.secret-portfolio-active) .app-showcase .first-project-wrapper .text-content h2{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper{gap:calc(var(--spacing)*10);flex-direction:column;display:flex}@media(min-width:48rem){html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper{flex-direction:row}}@media(min-width:80rem){html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper{flex-direction:column;width:40%}}html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper .project{gap:calc(var(--spacing)*4);flex-direction:column;display:flex}@media(min-width:48rem){html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper .project{width:50%}}@media(min-width:80rem){html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper .project{width:100%}}html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper .image-wrapper{border-radius:var(--radius-xl);position:relative}html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper .image-wrapper img{border-radius:var(--radius-xl);object-fit:contain;width:100%;height:400px;padding-block:calc(var(--spacing)*0)}@media(min-width:48rem){html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper .image-wrapper img{height:350px}}@media(min-width:80rem){html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper .image-wrapper img{height:37vh;padding-inline:calc(var(--spacing)*5)}}@media(min-width:96rem){html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper .image-wrapper img{padding-inline:calc(var(--spacing)*12)}}html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper h2{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}@media(min-width:64rem){html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper .tech-stack{gap:calc(var(--spacing)*3);display:flex}html:not(.secret-portfolio-active) .app-showcase .project-list-wrapper .shield-counter{display:block}html:not(.secret-portfolio-active) .cta-wrapper{z-index:20;cursor:pointer;position:relative}html:not(.secret-portfolio-active) .cta-button{cursor:pointer;border-radius:var(--radius-lg);background-color:var(--color-black-200);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}html:not(.secret-portfolio-active) .cta-button .bg-circle{top:50%;right:calc(var(--spacing)*-10);transform-origin:50%;--tw-translate-y: -50% ;width:120%;height:120%;translate:var(--tw-translate-x)var(--tw-translate-y);background-color:var(--color-white-50);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;border-radius:3.40282e38px;transition-duration:.5s;position:absolute}@media(hover:hover){html:not(.secret-portfolio-active) .cta-button .bg-circle:is(:where(.group):hover *){right:calc(var(--spacing)*10);width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}}html:not(.secret-portfolio-active) .cta-button .text{--tw-translate-x:calc(var(--spacing)*-5);translate:var(--tw-translate-x)var(--tw-translate-y);color:var(--color-black);text-transform:uppercase;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;transition-duration:.5s}@media(hover:hover){html:not(.secret-portfolio-active) .cta-button .text:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*-5);translate:var(--tw-translate-x)var(--tw-translate-y);color:var(--color-white-50)}}@media(min-width:48rem){html:not(.secret-portfolio-active) .cta-button .text{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media(min-width:80rem){html:not(.secret-portfolio-active) .cta-button .text{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}html:not(.secret-portfolio-active) .cta-button .arrow-wrapper{top:50%;right:calc(var(--spacing)*10);width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}@media(hover:hover){html:not(.secret-portfolio-active) .cta-button .arrow-wrapper:is(:where(.group):hover *){background-color:var(--color-white-50)}}html:not(.secret-portfolio-active) .cta-button .arrow-wrapper img{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5);--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);animation:var(--animate-bounce);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;transition-duration:.5s}@media(hover:hover){html:not(.secret-portfolio-active) .cta-button .arrow-wrapper img:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media(min-width:80rem){html:not(.secret-portfolio-active) .cta-button .arrow-wrapper img{--tw-translate-y:calc(var(--spacing)*-32);translate:var(--tw-translate-x)var(--tw-translate-y)}}html:not(.secret-portfolio-active) .card-border{border-style:var(--tw-border-style);background-color:var(--color-black-100);border-width:1px;border-color:#fff6;overflow:hidden;border-radius:.75rem!important}@media(max-width:767px){html:not(.secret-portfolio-active) .tech-card.card-border{border-radius:.5rem!important}}@media(min-width:768px)and (max-width:1279px){html:not(.secret-portfolio-active) .tech-card.card-border{border-radius:.75rem!important}}@media(min-width:1280px){html:not(.secret-portfolio-active) .tech-card.card-border{border-radius:9999px!important}}html:not(.secret-portfolio-active) .timeline-logo{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-black-50);background-color:var(--color-black-100);border-radius:3.40282e38px;flex:none;justify-content:center;align-items:center;display:flex}@media(min-width:48rem){html:not(.secret-portfolio-active) .timeline-logo{width:calc(var(--spacing)*20);height:calc(var(--spacing)*20);--tw-translate-y:calc(var(--spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}}html:not(.secret-portfolio-active) .exp-card-wrapper{justify-content:space-between;gap:calc(var(--spacing)*10);flex-direction:column-reverse;display:flex}@media(min-width:80rem){html:not(.secret-portfolio-active) .exp-card-wrapper{gap:calc(var(--spacing)*20);flex-direction:row}}html:not(.secret-portfolio-active) .gradient-edge{bottom:calc(var(--spacing)*0);z-index:20;height:100%;width:calc(var(--spacing)*36);position:absolute}html:not(.secret-portfolio-active) .tech-card-animated-bg{bottom:-100%;left:calc(var(--spacing)*0);width:100%;height:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.7s;background-color:#2d3240;transition-duration:.7s;position:absolute}@media(hover:hover){html:not(.secret-portfolio-active) .tech-card-animated-bg:is(:where(.group):hover *){bottom:calc(var(--spacing)*0)}}html:not(.secret-portfolio-active) .tech-card-content{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}@media(hover:hover){html:not(.secret-portfolio-active) .tech-card-content:is(:where(.group):hover *){cursor:grab}}@media(min-width:48rem){html:not(.secret-portfolio-active) .tech-card-content{justify-content:center}}@media(min-width:80rem){html:not(.secret-portfolio-active) .tech-card-content{gap:calc(var(--spacing)*5);height:50vh}}html:not(.secret-portfolio-active) .tech-card-content p{padding-bottom:calc(var(--spacing)*5);text-align:center;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white-50)}@media(min-width:80rem){html:not(.secret-portfolio-active) .tech-card-content p{padding-bottom:calc(var(--spacing)*0)}}@media(min-width:96rem){html:not(.secret-portfolio-active) .tech-card-content p{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}html:not(.secret-portfolio-active) .tech-grid{margin-top:calc(var(--spacing)*16);gap:calc(var(--spacing)*5);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:48rem){html:not(.secret-portfolio-active) .tech-grid{gap:calc(var(--spacing)*10);grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:80rem){html:not(.secret-portfolio-active) .tech-grid{gap:calc(var(--spacing)*10);grid-template-columns:repeat(6,minmax(0,1fr))}}html:not(.secret-portfolio-active) .tech-icon-wrapper{height:calc(var(--spacing)*60);justify-content:center;align-items:center;width:100%;display:flex;position:relative}@media(min-width:80rem){html:not(.secret-portfolio-active) .tech-icon-wrapper{width:calc(var(--spacing)*72)}}html:not(.secret-portfolio-active) form label{margin-bottom:calc(var(--spacing)*2);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-white);display:block}@media(min-width:48rem){html:not(.secret-portfolio-active) form label{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}html:not(.secret-portfolio-active) form input,html:not(.secret-portfolio-active) form textarea{border-radius:var(--radius-md);background-color:var(--color-blue-100);width:100%;padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}:is(html:not(.secret-portfolio-active) form input,html:not(.secret-portfolio-active) form textarea)::placeholder{color:var(--color-blue-50)}@media(min-width:48rem){html:not(.secret-portfolio-active) form input,html:not(.secret-portfolio-active) form textarea{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}html:not(.secret-portfolio-active) form input,html:not(.secret-portfolio-active) form textarea{font-size:16px;color:#fff!important;background-color:#2d2d38!important;border-radius:.75rem!important}html:not(.secret-portfolio-active) form a{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-md);background-color:var(--color-white);width:100%;padding-block:calc(var(--spacing)*4);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-black);display:flex}html:not(.secret-portfolio-active) form a img{display:inline-block}html:not(.secret-portfolio-active) .footer{margin-block:calc(var(--spacing)*10);margin-top:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*5);color:var(--color-white-50);justify-content:center;align-items:center;display:flex}@media(min-width:48rem){html:not(.secret-portfolio-active) .footer{margin-top:calc(var(--spacing)*20);padding-inline:calc(var(--spacing)*20)}}@media(min-width:80rem){html:not(.secret-portfolio-active) .footer{padding-inline:calc(var(--spacing)*20)}}html:not(.secret-portfolio-active) .footer p{text-align:center}@media(min-width:48rem){html:not(.secret-portfolio-active) .footer p{text-align:start}}html:not(.secret-portfolio-active) .footer .socials{justify-content:center;align-items:center;gap:calc(var(--spacing)*5);display:flex}html:not(.secret-portfolio-active) .footer .socials .icon{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);cursor:pointer;border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-black-50);background-color:var(--color-black-100);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;justify-content:center;align-items:center;transition-duration:.5s;display:flex}@media(hover:hover){html:not(.secret-portfolio-active) .footer .socials .icon:hover{background-color:var(--color-black-50)}}@media(min-width:48rem){html:not(.secret-portfolio-active) .footer .socials .icon{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}}html:not(.secret-portfolio-active) .footer .socials img{display:inline-block}html:not(.secret-portfolio-active) .timeline-card.card-border{border-style:var(--tw-border-style);background-color:var(--color-black-100);border-width:1px;border-color:#fff6}html:not(.secret-portfolio-active) .interaction-text:before{content:"Click to Interact"}@media(hover:none)and (pointer:coarse){html:not(.secret-portfolio-active) .interaction-text:before{content:"Swipe to Interact"}}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.top-5{top:calc(var(--spacing)*5)}.top-35{top:calc(var(--spacing)*35)}.top-\[3vh\]{top:3vh}.top-\[20vh\]{top:20vh}.top-\[37vh\]{top:37vh}.top-\[54vh\]{top:54vh}.top-\[71vh\]{top:71vh}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-2{left:calc(var(--spacing)*2)}.left-5{left:calc(var(--spacing)*5)}.left-6{left:calc(var(--spacing)*6)}.left-35{left:calc(var(--spacing)*35)}.left-65{left:calc(var(--spacing)*65)}.left-95{left:calc(var(--spacing)*95)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-10000{z-index:10000}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-9{grid-column:span 9/span 9}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-5{margin-block:calc(var(--spacing)*5)}.ms-5{margin-inline-start:calc(var(--spacing)*5)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-32{margin-top:calc(var(--spacing)*32)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-20{margin-bottom:calc(var(--spacing)*20)}.ml-5{margin-left:calc(var(--spacing)*5)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-16{width:calc(var(--spacing)*16);height:calc(var(--spacing)*16)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.h-24{height:calc(var(--spacing)*24)}.h-\[63\%\]{height:63%}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.min-h-96{min-height:calc(var(--spacing)*96)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-60{width:calc(var(--spacing)*60)}.w-\[63\%\]{width:63%}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-24{max-width:calc(var(--spacing)*24)}.min-w-\[8rem\]{min-width:8rem}.flex-1{flex:1}.flex-\[1\.5\]{flex:1.5}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.break-inside-avoid-column{break-inside:avoid-column}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*7)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*7)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-transparent{border-color:#0000}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-\[\#cd7c2e\]{background-color:#cd7c2e}.bg-\[\#ffffff\]{background-color:#fff}.bg-black{background-color:var(--color-black)}.bg-white{background-color:var(--color-white)}.bg-white-50{background-color:var(--color-white-50)}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-10{padding:calc(var(--spacing)*10)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-5{padding-block:calc(var(--spacing)*5)}.pt-10{padding-top:calc(var(--spacing)*10)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-red-500{color:var(--color-red-500)}.text-white-50{color:var(--color-white-50)}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.shadow-\[0_0_20px_rgba\(255\,255\,255\,0\.1\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.\!invert-0{--tw-invert:invert(0%)!important;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert-0{--tw-invert:invert(0%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.hover\:cursor-grab:hover{cursor:grab}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}@media not all and (min-width:40rem){.max-sm\:hidden{display:none}.max-sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.max-sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}@media(min-width:40rem){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex-row{flex-direction:row}.sm\:gap-4{gap:calc(var(--spacing)*4)}}@media(min-width:48rem){.md\:mt-40{margin-top:calc(var(--spacing)*40)}.md\:h-10{height:calc(var(--spacing)*10)}.md\:h-16{height:calc(var(--spacing)*16)}.md\:w-10{width:calc(var(--spacing)*10)}.md\:w-80{width:calc(var(--spacing)*80)}.md\:w-full{width:100%}.md\:max-w-none{max-width:none}.md\:gap-3{gap:calc(var(--spacing)*3)}.md\:gap-10{gap:calc(var(--spacing)*10)}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:px-10{padding-inline:calc(var(--spacing)*10)}.md\:px-20{padding-inline:calc(var(--spacing)*20)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:80rem){.xl\:col-span-5{grid-column:span 5/span 5}.xl\:col-span-7{grid-column:span 7/span 7}.xl\:h-12{height:calc(var(--spacing)*12)}.xl\:w-2\/6{width:33.3333%}.xl\:w-4\/6{width:66.6667%}.xl\:w-12{width:calc(var(--spacing)*12)}.xl\:gap-20{gap:calc(var(--spacing)*20)}:where(.xl\:space-y-32>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*32)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*32)*calc(1 - var(--tw-space-y-reverse)))}.xl\:rounded-full{border-radius:3.40282e38px}.xl\:px-0{padding-inline:calc(var(--spacing)*0)}}@media(min-width:96rem){.\32xl\:px-28{padding-inline:calc(var(--spacing)*28)}}@media(prefers-color-scheme:dark){.dark\:text-white{color:var(--color-white)}.dark\:invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media(hover:hover){.dark\:hover\:border-white:hover{border-color:var(--color-white)}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col-center{flex-direction:column;justify-content:center;align-items:center;display:flex}}:root:not(.secret-portfolio-active){--gradient:radial-gradient(circle,#e5e5e5 0%,#fff 100%)}html:not(.secret-portfolio-active),body:not(.secret-portfolio-active){color:#fff;scroll-behavior:smooth;background-color:#000;width:100dvw;font-family:Mona Sans,sans-serif;overflow-x:hidden}html:not(.secret-portfolio-active) section{width:100dvw}html:not(.secret-portfolio-active) .slide{flex-direction:column;transition:all cubic-bezier(.71,.03,.34,1);display:inline-block}html:not(.secret-portfolio-active) .wrapper{flex-direction:column;animation:21s cubic-bezier(.9,.01,.3,.99) infinite wordSlider;display:flex}@keyframes wordSlider{0%{transform:translateY(.5%)}12.5%{transform:translateY(-12.5%)}25%{transform:translateY(-25%)}37.5%{transform:translateY(-37.5%)}50%{transform:translateY(-50%)}62.5%{transform:translateY(-62.5%)}75%{transform:translateY(-75%)}87.5%{transform:translateY(-87.5%)}}html:not(.secret-portfolio-active) .gradient-edge:first-of-type{background:linear-gradient(90deg,#000,#fff0);left:0}html:not(.secret-portfolio-active) .gradient-edge:nth-of-type(2){background:linear-gradient(-90deg,#000,#fff0);right:0}html:not(.secret-portfolio-active) .card{--start:0;z-index:40;border-radius:12px;transition:border-color 1s ease-in-out;position:relative;overflow:hidden}html:not(.secret-portfolio-active) .card:before{content:"";background:var(--gradient);width:100%;height:100%;-webkit-mask:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start) - 15)*1deg),#ffffff1f 0deg,white,#fff0 100deg);mask:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start) - 15)*1deg),#ffffff1f 0deg,white,#fff0 100deg);opacity:0;background-attachment:fixed;border:2px solid #0000;border-radius:12px;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect}html:not(.secret-portfolio-active) .glow{pointer-events:none;filter:blur(10px)saturate(200);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html:not(.secret-portfolio-active) .card:hover:before{opacity:1}.tiny-viewport-meme-main{z-index:99999;background:#000;justify-content:center;align-items:center;display:none;position:fixed;top:0;right:0;bottom:0;left:0}.tiny-viewport-meme-main img{object-fit:contain;max-width:80%;max-height:75%}@media(max-height:499px){html:not(.secret-portfolio-active) .tiny-viewport-meme-main{display:flex}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-x-reverse:0;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@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;--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-pink-600:oklch(59.2% .249 .584);--color-slate-100:oklch(96.8% .007 247.896);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--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-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:.1em;--leading-tight:1.25;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4,0,1,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-md:12px;--blur-lg:16px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-georama:"Georama",sans-serif;--font-roboto:"Roboto Mono",monospace;--color-dark-800:#ffffff1a;--color-dark-700:#1e1e1e;--color-dark-500:#1e1e1ecc;--color-dark-300:#323232;--color-dark-100:#ffffff40}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.secret-portfolio-root main{width:100dvw;height:100dvh;overflow:hidden}.secret-portfolio-root nav{background-color:#ffffff80;justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.secret-portfolio-root nav{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.secret-portfolio-root nav{padding:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*5);color:var(--color-black);--tw-backdrop-blur:blur(var(--blur-3xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);-webkit-user-select:none;user-select:none}@media not all and (min-width:40rem){.secret-portfolio-root nav{display:none}}.secret-portfolio-root nav:where(.dark,.dark *){background-color:#1e1e1e80}@supports (color:color-mix(in lab,red,red)){.secret-portfolio-root nav:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-dark-700)50%,transparent)}}.secret-portfolio-root nav:where(.dark,.dark *){color:var(--color-white)}.secret-portfolio-root nav div,.secret-portfolio-root nav ul{align-items:center;gap:calc(var(--spacing)*5);display:flex}.secret-portfolio-root nav ul p{cursor:pointer;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.secret-portfolio-root nav ul p:hover{text-decoration-line:underline}}.secret-portfolio-root nav time{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-black)}.secret-portfolio-root nav time:where(.dark,.dark *){color:var(--color-white)}html.secret-portfolio-active .secret-portfolio-root *{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){html.secret-portfolio-active .secret-portfolio-root *{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body.secret-portfolio-active{background-color:var(--background)}}@layer components{.secret-portfolio-root .icon{padding:calc(var(--spacing)*1);color:var(--color-black);border-radius:.25rem}@media(hover:hover){.secret-portfolio-root .icon:hover{cursor:default;background-color:var(--color-gray-200)}}.secret-portfolio-root .icon:where(.dark,.dark *){color:var(--color-white)}@media(hover:hover){.secret-portfolio-root .icon:where(.dark,.dark *):hover{background-color:var(--color-dark-500)}}.secret-portfolio-root #welcome{--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);color:var(--color-gray-200);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}@media not all and (min-width:40rem){.secret-portfolio-root #welcome{pointer-events:none;width:100%;height:100vh;padding-inline:calc(var(--spacing)*10)}}.secret-portfolio-root #welcome .small-screen{top:calc(var(--spacing)*10);margin:calc(var(--spacing)*7);border-radius:calc(var(--radius) - 2px);background-color:#ffa3a333;position:absolute}@supports (color:color-mix(in lab,red,red)){.secret-portfolio-root #welcome .small-screen{background-color:color-mix(in oklab,var(--color-red-300)20%,transparent)}}.secret-portfolio-root #welcome .small-screen{padding:calc(var(--spacing)*3);--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}@media(min-width:40rem){.secret-portfolio-root #welcome .small-screen{display:none}}.secret-portfolio-root #welcome .small-screen p{text-align:center;font-family:var(--font-roboto);color:var(--color-gray-400);flex:1;font-size:16px}.secret-portfolio-root #dock{bottom:calc(var(--spacing)*5);z-index:50;--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);padding-inline:calc(var(--spacing)*5);-webkit-user-select:none;user-select:none;position:absolute;left:50%}@media not all and (min-width:40rem){.secret-portfolio-root #dock{width:100%}}.secret-portfolio-root #dock .dock-container{justify-content:space-between;align-items:flex-end;gap:calc(var(--spacing)*1.5);border-radius:var(--radius-2xl);background-color:#fff3;display:flex}@supports (color:color-mix(in lab,red,red)){.secret-portfolio-root #dock .dock-container{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.secret-portfolio-root #dock .dock-container{padding:calc(var(--spacing)*1.5);--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}@media not all and (min-width:40rem){.secret-portfolio-root #dock .dock-container{border-radius:var(--radius-3xl);width:100%;padding-inline:calc(var(--spacing)*3)}}.secret-portfolio-root #dock .tooltip{border-radius:calc(var(--radius) - 2px)!important;background-color:var(--color-blue-200)!important;width:fit-content!important;padding-inline:calc(var(--spacing)*3)!important;padding-block:calc(var(--spacing)*1)!important;text-align:center!important;font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important;color:var(--color-blue-900)!important;--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.secret-portfolio-root #dock .dock-icon{width:calc(var(--spacing)*14);height:calc(var(--spacing)*14);cursor:pointer}@media not all and (min-width:40rem){.secret-portfolio-root #dock .dock-icon{width:100%;height:100%}}@media(min-width:1920px){.secret-portfolio-root #dock .dock-icon{width:calc(var(--spacing)*20);height:calc(var(--spacing)*20)}}.secret-portfolio-root #dock .dock-icon img{object-fit:cover;object-position:center}.secret-portfolio-root #window-controls{gap:calc(var(--spacing)*2);display:flex}.secret-portfolio-root #window-controls .close{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5);cursor:pointer;background-color:#ff6157;border-radius:3.40282e38px}.secret-portfolio-root #window-controls .minimize{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5);background-color:#ffc030;border-radius:3.40282e38px}.secret-portfolio-root #window-controls .maximize{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5);background-color:#2acb42;border-radius:3.40282e38px}.secret-portfolio-root #window-header{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-400);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.secret-portfolio-root #window-header:where(.dark,.dark *){border-color:var(--color-dark-300);background-color:var(--color-dark-300)}.secret-portfolio-root #safari{top:calc(var(--spacing)*12);width:90vw;max-width:var(--container-2xl);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:calc(var(--radius) + 4px);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);-webkit-user-select:none;user-select:none;left:50%;overflow:hidden}@media not all and (min-width:40rem){.secret-portfolio-root #safari{display:none}}@media(min-width:40rem){.secret-portfolio-root #safari{position:absolute}}.secret-portfolio-root #safari:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #safari .search{align-items:center;gap:calc(var(--spacing)*3);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);width:66.6667%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);display:flex}.secret-portfolio-root #safari .search:where(.dark,.dark *){border-color:var(--color-dark-300);background-color:var(--color-dark-500)}.secret-portfolio-root #safari .search input::placeholder{color:var(--color-gray-400)}.secret-portfolio-root #safari .song{max-width:var(--container-3xl);background-color:var(--color-white);padding:calc(var(--spacing)*10);margin-inline:auto}.secret-portfolio-root #safari .song:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #safari .song h2{margin-bottom:calc(var(--spacing)*10);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-pink-600)}.secret-portfolio-root #safari .song .song-link{grid-template-columns:repeat(12,minmax(0,1fr));display:grid}:where(.secret-portfolio-root #safari .song .song-link>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-x-reverse)))}.secret-portfolio-root #safari .song .song-link img{border-radius:calc(var(--radius) - 2px);object-fit:cover;width:100%;height:100%}.secret-portfolio-root #safari .song .song-link .content{grid-column:span 10/span 10}:where(.secret-portfolio-root #safari .song .song-link .content>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.secret-portfolio-root #safari .song .song-link .content p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-gray-500)}.secret-portfolio-root #safari .song .song-link .content p:where(.dark,.dark *){color:var(--color-white)}.secret-portfolio-root #safari .song .song-link .content h3{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.secret-portfolio-root #safari .song .song-link .content h3:where(.dark,.dark *){color:var(--color-white)}.secret-portfolio-root #safari .song .song-link .content a{align-items:center;gap:calc(var(--spacing)*3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-blue-600);display:flex}@media(hover:hover){.secret-portfolio-root #safari .song .song-link .content a:hover{text-decoration-line:underline}}.secret-portfolio-root #mobile-safari{top:calc(var(--spacing)*0);z-index:60;background-color:var(--color-white);width:100vw;min-height:100vh;padding-top:calc(var(--spacing)*20);-webkit-user-select:none;user-select:none;position:absolute;overflow-y:auto}@media(min-width:40rem){.secret-portfolio-root #mobile-safari{display:none}}.secret-portfolio-root #mobile-safari:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #mobile-safari .song{max-width:var(--container-3xl);background-color:var(--color-white);padding:calc(var(--spacing)*5);margin-inline:auto}.secret-portfolio-root #mobile-safari .song:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #mobile-safari .song h2{margin-bottom:calc(var(--spacing)*10);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-pink-600)}.secret-portfolio-root #mobile-safari .song .song-link{grid-template-columns:repeat(12,minmax(0,1fr));display:grid}:where(.secret-portfolio-root #mobile-safari .song .song-link>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-x-reverse)))}.secret-portfolio-root #mobile-safari .song .song-link img{border-radius:calc(var(--radius) - 2px);object-fit:cover;width:100%;height:100%}.secret-portfolio-root #mobile-safari .song .song-link .content{grid-column:span 8/span 8}:where(.secret-portfolio-root #mobile-safari .song .song-link .content>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.secret-portfolio-root #mobile-safari .song .song-link .content p{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-gray-500)}.secret-portfolio-root #mobile-safari .song .song-link .content p:where(.dark,.dark *){color:var(--color-white)}.secret-portfolio-root #mobile-safari .song .song-link .content h3{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.secret-portfolio-root #mobile-safari .song .song-link .content h3:where(.dark,.dark *){color:var(--color-white)}.secret-portfolio-root #mobile-safari .song .song-link .content a{align-items:center;gap:calc(var(--spacing)*3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-blue-600);display:flex}@media(hover:hover){.secret-portfolio-root #mobile-safari .song .song-link .content a:hover{text-decoration-line:underline}}.secret-portfolio-root #mobile-safari footer{inset-inline:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0);border-top-left-radius:calc(var(--radius) + 4px);border-top-right-radius:calc(var(--radius) + 4px);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-200);background-color:var(--color-slate-100);width:100%;padding-inline:calc(var(--spacing)*5);padding-top:calc(var(--spacing)*2);padding-bottom:calc(var(--spacing)*5);position:fixed}.secret-portfolio-root #mobile-safari footer:where(.dark,.dark *){border-color:var(--color-dark-300);background-color:var(--color-dark-700)}.secret-portfolio-root #mobile-safari footer .search{align-items:center;gap:calc(var(--spacing)*3);border-radius:var(--radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);background-color:var(--color-white);width:100%;padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);display:flex}.secret-portfolio-root #mobile-safari footer .search:where(.dark,.dark *){border-color:var(--color-dark-300);background-color:var(--color-dark-500)}.secret-portfolio-root #mobile-safari footer .search input{--tw-outline-style:none;outline-style:none}.secret-portfolio-root #mobile-safari footer .search input::placeholder{color:var(--color-gray-400)}.secret-portfolio-root #mobile-safari footer div{margin-top:calc(var(--spacing)*5);justify-content:space-between;align-items:center;gap:calc(var(--spacing)*5);flex-wrap:wrap;display:flex}.secret-portfolio-root #terminal{top:calc(var(--spacing)*20);width:var(--container-xl);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:calc(var(--radius) + 4px);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);position:absolute;left:50%;overflow:hidden}.secret-portfolio-root #terminal:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #terminal h2{text-align:center;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.secret-portfolio-root #terminal .techstack{padding:calc(var(--spacing)*5);font-family:var(--font-roboto);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-black)}.secret-portfolio-root #terminal .techstack:where(.dark,.dark *){color:var(--color-white)}.secret-portfolio-root #terminal .techstack .label{margin-inline-start:calc(var(--spacing)*10);margin-top:calc(var(--spacing)*7);align-items:center;display:flex}.secret-portfolio-root #terminal .techstack .content{margin-block:calc(var(--spacing)*5)}:where(.secret-portfolio-root #terminal .techstack .content>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}.secret-portfolio-root #terminal .techstack .content{border-block-style:var(--tw-border-style);--tw-border-style:dashed;padding-block:calc(var(--spacing)*5);border-block-width:1px;border-style:dashed}.secret-portfolio-root #terminal .techstack .content li .check{width:calc(var(--spacing)*5);color:#00a154}.secret-portfolio-root #terminal .techstack .content li h3{width:calc(var(--spacing)*32);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:#00a154;margin-inline-start:calc(var(--spacing)*5)}.secret-portfolio-root #terminal .techstack .content li ul{align-items:center;gap:calc(var(--spacing)*3);display:flex}:where(.secret-portfolio-root #terminal .techstack .footnote>: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)))}.secret-portfolio-root #terminal .techstack .footnote{color:#00a154}.secret-portfolio-root #terminal .techstack .footnote p{align-items:center;display:flex}.secret-portfolio-root #terminal .techstack .footnote p svg{width:calc(var(--spacing)*5);margin-inline-end:calc(var(--spacing)*5)}.secret-portfolio-root #mobile-terminal{top:calc(var(--spacing)*0);z-index:60;background-color:var(--color-white);width:100vw;min-height:100vh;padding-top:calc(var(--spacing)*20);-webkit-user-select:none;user-select:none;position:absolute;overflow-y:auto}@media(min-width:40rem){.secret-portfolio-root #mobile-terminal{display:none}}.secret-portfolio-root #mobile-terminal:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #mobile-terminal .techstack{padding:calc(var(--spacing)*5);font-family:var(--font-roboto);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-black)}.secret-portfolio-root #mobile-terminal .techstack:where(.dark,.dark *){color:var(--color-white)}.secret-portfolio-root #mobile-terminal .techstack .content{margin-block:calc(var(--spacing)*7)}:where(.secret-portfolio-root #mobile-terminal .techstack .content>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}.secret-portfolio-root #mobile-terminal .techstack .content{border-bottom-style:var(--tw-border-style);--tw-border-style:dashed;padding-bottom:calc(var(--spacing)*10);border-style:dashed;border-bottom-width:1px}.secret-portfolio-root #mobile-terminal .techstack .content .check{width:calc(var(--spacing)*5);color:#00a154}.secret-portfolio-root #mobile-terminal .techstack .content h3{width:calc(var(--spacing)*32);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:#00a154;margin-inline-start:calc(var(--spacing)*2)}.secret-portfolio-root #mobile-terminal .techstack .content ul{margin-inline-start:calc(var(--spacing)*7);margin-top:calc(var(--spacing)*2);gap:calc(var(--spacing)*1);flex-direction:column;display:flex}.secret-portfolio-root #mobile-terminal .techstack .content ul li:before{margin-right:calc(var(--spacing)*2);--tw-content:"-";content:var(--tw-content)}.secret-portfolio-root #mobile-terminal .techstack .content ul li::marker{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#00a154}:where(.secret-portfolio-root #mobile-terminal .techstack .footnote>: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)))}.secret-portfolio-root #mobile-terminal .techstack .footnote{color:#00a154}.secret-portfolio-root #mobile-terminal .techstack .footnote p{align-items:center;display:flex}.secret-portfolio-root #mobile-terminal .techstack .footnote p svg{width:calc(var(--spacing)*5);margin-inline-end:calc(var(--spacing)*5)}.secret-portfolio-root #contact{top:calc(var(--spacing)*28);max-width:var(--container-2xl);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:calc(var(--radius) + 4px);background-color:var(--color-white);color:var(--color-black);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);position:absolute;left:50%;overflow:hidden}.secret-portfolio-root #contact:where(.dark,.dark *){background-color:var(--color-dark-700);color:var(--color-white)}.secret-portfolio-root #contact h2{text-align:center;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.secret-portfolio-root #contact h3{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.secret-portfolio-root #contact ul{align-items:center;gap:calc(var(--spacing)*3);display:flex}.secret-portfolio-root #contact ul li{width:calc(var(--spacing)*60);transform-origin:50%;border-radius:var(--radius);padding:calc(var(--spacing)*3);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){.secret-portfolio-root #contact ul li:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}:where(.secret-portfolio-root #contact ul li a>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}.secret-portfolio-root #contact ul li p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white)}.secret-portfolio-root #mobile-contact{top:calc(var(--spacing)*0);z-index:60;background-color:var(--color-white);width:100vw;min-height:100vh;padding-top:calc(var(--spacing)*20);-webkit-user-select:none;user-select:none;position:absolute;overflow-y:auto}@media(min-width:40rem){.secret-portfolio-root #mobile-contact{display:none}}.secret-portfolio-root #mobile-contact:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #mobile-contact .content{flex-direction:column;align-items:center;display:flex}:where(.secret-portfolio-root #mobile-contact .content>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}.secret-portfolio-root #mobile-contact .content{padding:calc(var(--spacing)*5);color:var(--color-black)}.secret-portfolio-root #mobile-contact .content:where(.dark,.dark *){color:var(--color-white)}.secret-portfolio-root #mobile-contact .content h3{text-align:center;font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.secret-portfolio-root #mobile-contact .content p{max-width:var(--container-xs);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.secret-portfolio-root #mobile-contact .content ul{align-items:center;gap:calc(var(--spacing)*3);flex-wrap:wrap;display:flex}.secret-portfolio-root #mobile-contact .content ul li{transform-origin:50%;border-radius:var(--radius);width:100%;padding:calc(var(--spacing)*3);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){.secret-portfolio-root #mobile-contact .content ul li:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}:where(.secret-portfolio-root #mobile-contact .content ul li a>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}.secret-portfolio-root #mobile-contact .content ul li p{text-align:start;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white)}.secret-portfolio-root #photos{top:calc(var(--spacing)*24);width:90vw;max-width:var(--container-4xl);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:calc(var(--radius) + 4px);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);position:absolute;left:50%;overflow:hidden}.secret-portfolio-root #photos:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #photos .sidebar{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50);width:25%;padding:calc(var(--spacing)*5);color:var(--color-black);flex-direction:column;flex:none;display:flex}.secret-portfolio-root #photos .sidebar:where(.dark,.dark *){border-color:var(--color-dark-500);background-color:var(--color-dark-300);color:var(--color-white)}.secret-portfolio-root #photos .sidebar h2{margin-bottom:calc(var(--spacing)*3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-400)}.secret-portfolio-root #photos .sidebar h2:where(.dark,.dark *){color:var(--color-dark-100)}.secret-portfolio-root #photos .sidebar ul{gap:calc(var(--spacing)*1.5);flex-direction:column;display:flex}.secret-portfolio-root #photos .sidebar ul li{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);display:flex}:where(.secret-portfolio-root #photos .sidebar ul li>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}.secret-portfolio-root #photos .sidebar ul li{border-radius:calc(var(--radius) - 2px);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.secret-portfolio-root #photos .sidebar ul li:first-child{background-color:var(--color-blue-100);color:var(--color-blue-700)}.secret-portfolio-root #photos .sidebar ul li:first-child:where(.dark,.dark *){background-color:var(--color-dark-800);color:var(--color-white)}.secret-portfolio-root #photos .sidebar ul li img{width:calc(var(--spacing)*4)}.secret-portfolio-root #photos .sidebar ul li p{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.secret-portfolio-root #photos .gallery{max-height:65vh;padding:calc(var(--spacing)*4);overflow-y:auto}.secret-portfolio-root #photos .gallery ul{gap:calc(var(--spacing)*3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.secret-portfolio-root #photos .gallery ul li img{height:calc(var(--spacing)*56);border-radius:var(--radius);object-fit:cover;object-position:center;width:100%}:is(.secret-portfolio-root #photos .gallery ul li:first-child,.secret-portfolio-root #photos .gallery ul li:nth-child(2)) img{height:28rem}.secret-portfolio-root #mobile-photos{top:calc(var(--spacing)*0);z-index:60;background-color:var(--color-white);width:100vw;min-height:100vh;padding-top:calc(var(--spacing)*20);-webkit-user-select:none;user-select:none;position:absolute;overflow-y:auto}@media(min-width:40rem){.secret-portfolio-root #mobile-photos{display:none}}.secret-portfolio-root #mobile-photos:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #mobile-photos .gallery{padding:calc(var(--spacing)*5)}.secret-portfolio-root #mobile-photos .gallery ul{gap:calc(var(--spacing)*2.5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media not all and (min-width:360px){.secret-portfolio-root #mobile-photos .gallery ul{grid-template-columns:repeat(1,minmax(0,1fr))}}.secret-portfolio-root #mobile-photos .gallery ul li img{height:calc(var(--spacing)*52);border-radius:var(--radius);object-fit:cover;width:100%}.secret-portfolio-root #resume{top:calc(var(--spacing)*20);width:fit-content;max-width:90vw;min-width:calc(var(--spacing)*80);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:calc(var(--radius) + 4px);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);position:absolute;left:50%;overflow:hidden}.secret-portfolio-root #resume:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #resume #window-header{z-index:10;position:relative}.secret-portfolio-root #resume #window-header h2{text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);flex:1}.secret-portfolio-root #resume .resume-pdf{z-index:0;max-height:70vh;min-width:calc(var(--spacing)*80);padding:calc(var(--spacing)*4);position:relative;overflow-y:auto}.secret-portfolio-root #resume .resume-pdf:where(.dark,.dark *){--tw-hue-rotate:hue-rotate(180deg);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);--tw-invert:invert(100%)}.secret-portfolio-root #mobile-resume{top:calc(var(--spacing)*0);z-index:60;background-color:var(--color-white);width:100vw;min-height:100vh;padding-top:calc(var(--spacing)*20);-webkit-user-select:none;user-select:none;position:absolute;overflow-y:auto}@media(min-width:40rem){.secret-portfolio-root #mobile-resume{display:none}}.secret-portfolio-root #mobile-resume:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #mobile-resume .resume-pdf{object-fit:contain;object-position:center;width:100%;height:fit-content}.secret-portfolio-root #mobile-resume .resume-pdf:where(.dark,.dark *){--tw-hue-rotate:hue-rotate(180deg);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);--tw-invert:invert(100%)}.secret-portfolio-root #finder{top:calc(var(--spacing)*20);width:90vw;max-width:var(--container-3xl);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:calc(var(--radius) + 4px);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);position:absolute;left:50%;overflow:hidden}.secret-portfolio-root #finder .sidebar{width:calc(var(--spacing)*48);flex-direction:column;display:flex}:where(.secret-portfolio-root #finder .sidebar>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.secret-portfolio-root #finder .sidebar{border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50);padding:calc(var(--spacing)*5)}.secret-portfolio-root #finder .sidebar:where(.dark,.dark *){border-color:var(--color-dark-500);background-color:var(--color-dark-300)}.secret-portfolio-root #finder .sidebar h3{margin-bottom:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-400)}.secret-portfolio-root #finder .sidebar h3:where(.dark,.dark *){color:var(--color-dark-100)}:where(.secret-portfolio-root #finder .sidebar ul>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}.secret-portfolio-root #finder .sidebar ul .active{background-color:var(--color-blue-100);color:var(--color-blue-700)}.secret-portfolio-root #finder .sidebar ul .active:where(.dark,.dark *){background-color:var(--color-dark-800);color:var(--color-white)}.secret-portfolio-root #finder .sidebar ul .not-active{color:var(--color-gray-700)}@media(hover:hover){.secret-portfolio-root #finder .sidebar ul .not-active:hover{background-color:var(--color-gray-200)}}.secret-portfolio-root #finder .sidebar ul .not-active:where(.dark,.dark *){color:var(--color-white)}@media(hover:hover){.secret-portfolio-root #finder .sidebar ul .not-active:hover:where(.dark,.dark *){background-color:var(--color-dark-800)}}.secret-portfolio-root #finder .sidebar ul li{cursor:pointer;align-items:center;gap:calc(var(--spacing)*2);border-radius:calc(var(--radius) - 2px);padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:flex}.secret-portfolio-root #finder .content{min-height:300px;max-width:var(--container-2xl);background-color:var(--color-white);padding:calc(var(--spacing)*8);color:var(--color-black);flex:1;position:relative}.secret-portfolio-root #finder .content:where(.dark,.dark *){background-color:var(--color-dark-700);color:var(--color-white)}.secret-portfolio-root #finder .content li{align-items:center;gap:calc(var(--spacing)*3);flex-direction:column;display:flex;position:absolute}.secret-portfolio-root #finder .content li img{width:calc(var(--spacing)*16);height:calc(var(--spacing)*16);object-fit:contain;object-position:center;position:relative}@media(hover:hover){.secret-portfolio-root #finder .content li img:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.secret-portfolio-root #finder .content li p{width:calc(var(--spacing)*40);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.secret-portfolio-root #trash{top:calc(var(--spacing)*20);width:50vw;max-width:var(--container-md);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:calc(var(--radius) + 4px);background-color:var(--color-white);color:var(--color-black);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);position:absolute;left:50%;overflow:hidden}.secret-portfolio-root #trash:where(.dark,.dark *){background-color:var(--color-dark-700);color:var(--color-white)}.secret-portfolio-root #trash h2{text-align:center;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.secret-portfolio-root #trash .content{background-color:var(--color-white);min-height:200px;padding:calc(var(--spacing)*8);color:var(--color-black);position:relative}.secret-portfolio-root #trash .content:where(.dark,.dark *){background-color:var(--color-dark-700);color:var(--color-white)}.secret-portfolio-root #trash .content li{cursor:pointer;align-items:center;gap:calc(var(--spacing)*3);flex-direction:column;display:flex;position:absolute}.secret-portfolio-root #trash .content li img{width:calc(var(--spacing)*16);height:calc(var(--spacing)*16);object-fit:contain;object-position:center;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:relative}@media(hover:hover){.secret-portfolio-root #trash .content li img:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.secret-portfolio-root #trash .content li p{width:calc(var(--spacing)*40);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.secret-portfolio-root #mobile-finder{top:calc(var(--spacing)*0);z-index:60;background-color:var(--color-white);width:100vw;min-height:100vh;padding-top:calc(var(--spacing)*20);-webkit-user-select:none;user-select:none;position:absolute;overflow-y:auto}@media(min-width:40rem){.secret-portfolio-root #mobile-finder{display:none}}.secret-portfolio-root #mobile-finder:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #mobile-finder .breadcrumb{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);background-color:var(--color-gray-50);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*3);align-items:center;display:flex}.secret-portfolio-root #mobile-finder .breadcrumb:where(.dark,.dark *){border-color:var(--color-dark-500);background-color:var(--color-dark-300)}.secret-portfolio-root #mobile-finder .finder-gallery{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*5)}.secret-portfolio-root #mobile-finder .finder-gallery ul{gap:calc(var(--spacing)*4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.secret-portfolio-root #mobile-finder .finder-gallery ul li{cursor:pointer;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.secret-portfolio-root #mobile-finder .finder-gallery ul li:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.secret-portfolio-root #mobile-finder .finder-gallery ul li:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.secret-portfolio-root #mobile-finder .finder-gallery ul li .finder-item{align-items:center;gap:calc(var(--spacing)*2);flex-direction:column;display:flex}.secret-portfolio-root #mobile-finder .finder-gallery ul li .finder-item .folder-icon{height:calc(var(--spacing)*20);width:calc(var(--spacing)*20);border-radius:calc(var(--radius) + 4px);background-color:var(--color-blue-50);justify-content:center;align-items:center;display:flex}.secret-portfolio-root #mobile-finder .finder-gallery ul li .finder-item .folder-icon:where(.dark,.dark *){background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.secret-portfolio-root #mobile-finder .finder-gallery ul li .finder-item .folder-icon:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-blue-900)20%,transparent)}}.secret-portfolio-root #mobile-finder .finder-gallery ul li .finder-item .file-icon{height:calc(var(--spacing)*20);width:calc(var(--spacing)*20);border-radius:var(--radius);object-fit:contain}.secret-portfolio-root #mobile-finder .finder-gallery ul li .finder-item .item-name{-webkit-line-clamp:2;width:100%;padding-inline:calc(var(--spacing)*1);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-black);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.secret-portfolio-root #mobile-finder .finder-gallery ul li .finder-item .item-name:where(.dark,.dark *){color:var(--color-white)}.secret-portfolio-root #txtfile{top:calc(var(--spacing)*28);width:var(--container-md);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:calc(var(--radius) + 4px);background-color:var(--color-white);color:var(--color-black);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);position:absolute;left:50%;overflow:hidden}.secret-portfolio-root #txtfile:where(.dark,.dark *){background-color:var(--color-dark-700);color:var(--color-white)}.secret-portfolio-root #txtfile h2{text-align:center;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.secret-portfolio-root #txtfile>div:last-child{max-height:60vh;overflow-y:auto}.secret-portfolio-root #mobile-txtfile{top:calc(var(--spacing)*0);z-index:60;background-color:var(--color-white);width:100vw;min-height:100vh;padding-top:calc(var(--spacing)*20);color:var(--color-black);-webkit-user-select:none;user-select:none;position:absolute;overflow-y:auto}@media(min-width:40rem){.secret-portfolio-root #mobile-txtfile{display:none}}.secret-portfolio-root #mobile-txtfile:where(.dark,.dark *){background-color:var(--color-dark-700);color:var(--color-white)}.secret-portfolio-root #imgfile{top:calc(var(--spacing)*24);width:90vw;max-width:var(--container-xl);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:calc(var(--radius) + 4px);background-color:var(--color-white);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);position:absolute;left:50%;overflow:hidden}.secret-portfolio-root #imgfile:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #imgfile #window-header p{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:#5f6266}.secret-portfolio-root #imgfile #window-header p:where(.dark,.dark *){color:var(--color-white)}.secret-portfolio-root #imgfile .preview{background-color:var(--color-gray-200);max-height:70vh;padding:calc(var(--spacing)*2);overflow-y:auto}.secret-portfolio-root #imgfile .preview:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #imgfile .preview img{object-fit:contain;object-position:center;width:100%;height:fit-content}.secret-portfolio-root #mobile-imgfile{top:calc(var(--spacing)*0);z-index:60;background-color:var(--color-white);width:100vw;min-height:100vh;padding-top:calc(var(--spacing)*20);-webkit-user-select:none;user-select:none;position:absolute;overflow-y:auto}@media(min-width:40rem){.secret-portfolio-root #mobile-imgfile{display:none}}.secret-portfolio-root #mobile-imgfile:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #mobile-imgfile .preview{inset:calc(var(--spacing)*0);background-color:#f3f4f61a;align-items:center;height:100%;display:flex;position:absolute}@supports (color:color-mix(in lab,red,red)){.secret-portfolio-root #mobile-imgfile .preview{background-color:color-mix(in oklab,var(--color-gray-100)10%,transparent)}}.secret-portfolio-root #mobile-imgfile .preview{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2)}.secret-portfolio-root #mobile-imgfile .preview:where(.dark,.dark *){background-color:var(--color-dark-700)}.secret-portfolio-root #mobile-imgfile .preview img{object-fit:contain;object-position:center;width:100%;height:fit-content}.secret-portfolio-root #home{z-index:0;position:relative}@media not all and (min-width:40rem){.secret-portfolio-root #home{display:none}}.secret-portfolio-root #home ul li{z-index:0;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex;position:absolute}.secret-portfolio-root #home ul li img{border-radius:calc(var(--radius) - 2px);padding:calc(var(--spacing)*1)}@media(hover:hover){.secret-portfolio-root #home ul li img:is(:where(.group):hover *){background-color:#0307121a}@supports (color:color-mix(in lab,red,red)){.secret-portfolio-root #home ul li img:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-gray-950)10%,transparent)}}}.secret-portfolio-root #home ul li p{max-width:calc(var(--spacing)*40);border-radius:calc(var(--radius) - 2px);padding-inline:calc(var(--spacing)*1);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-white);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.secret-portfolio-root #home ul li p:is(:where(.group):hover *){background-color:var(--color-blue-500)}}.secret-portfolio-root #mobile-home{z-index:10;padding-inline:calc(var(--spacing)*5);padding-top:calc(var(--spacing)*5);position:relative}@media(min-width:40rem){.secret-portfolio-root #mobile-home{display:none}}.secret-portfolio-root #mobile-home ul{gap:calc(var(--spacing)*3);flex-wrap:wrap;display:flex}.secret-portfolio-root #mobile-home ul li{transform-origin:50%;cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){.secret-portfolio-root #mobile-home ul li:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.secret-portfolio-root #mobile-home ul li img{width:calc(var(--spacing)*20);height:calc(var(--spacing)*20);border-radius:var(--radius);object-fit:cover}.secret-portfolio-root #mobile-home ul li:last-child img{width:5.25rem;height:5.25rem}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.top-5{top:calc(var(--spacing)*5)}.top-35{top:calc(var(--spacing)*35)}.top-\[3vh\]{top:3vh}.top-\[20vh\]{top:20vh}.top-\[37vh\]{top:37vh}.top-\[54vh\]{top:54vh}.top-\[71vh\]{top:71vh}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-2{left:calc(var(--spacing)*2)}.left-5{left:calc(var(--spacing)*5)}.left-6{left:calc(var(--spacing)*6)}.left-35{left:calc(var(--spacing)*35)}.left-65{left:calc(var(--spacing)*65)}.left-95{left:calc(var(--spacing)*95)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-10000{z-index:10000}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-9{grid-column:span 9/span 9}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.my-5{margin-block:calc(var(--spacing)*5)}.ms-5{margin-inline-start:calc(var(--spacing)*5)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-32{margin-top:calc(var(--spacing)*32)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-20{margin-bottom:calc(var(--spacing)*20)}.ml-5{margin-left:calc(var(--spacing)*5)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-auto{margin-left:auto}.flex-center{justify-content:center;align-items:center;display:flex}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-16{width:calc(var(--spacing)*16);height:calc(var(--spacing)*16)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.h-24{height:calc(var(--spacing)*24)}.h-\[63\%\]{height:63%}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.min-h-96{min-height:calc(var(--spacing)*96)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-60{width:calc(var(--spacing)*60)}.w-\[63\%\]{width:63%}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-24{max-width:calc(var(--spacing)*24)}.min-w-\[8rem\]{min-width:8rem}.flex-1{flex:1}.flex-\[1\.5\]{flex:1.5}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.break-inside-avoid-column{break-inside:avoid-column}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*7)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*7)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-transparent{border-color:#0000}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-\[\#cd7c2e\]{background-color:#cd7c2e}.bg-\[\#ffffff\]{background-color:#fff}.bg-accent{background-color:var(--accent)}.bg-black{background-color:var(--color-black)}.bg-border{background-color:var(--border)}.bg-popover{background-color:var(--popover)}.bg-white{background-color:var(--color-white)}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-10{padding:calc(var(--spacing)*10)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-5{padding-block:calc(var(--spacing)*5)}.pt-10{padding-top:calc(var(--spacing)*10)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-georama{font-family:var(--font-georama)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-accent-foreground{color:var(--accent-foreground)}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-red-500{color:var(--color-red-500)}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.shadow-\[0_0_20px_rgba\(255\,255\,255\,0\.1\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.\!invert-0{--tw-invert:invert(0%)!important;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert-0{--tw-invert:invert(0%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.hover\:cursor-grab:hover{cursor:grab}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}@media not all and (min-width:40rem){.max-sm\:hidden{display:none}.max-sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.max-sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}@media(min-width:40rem){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:flex-row{flex-direction:row}.sm\:gap-4{gap:calc(var(--spacing)*4)}}@media(min-width:48rem){.md\:mt-40{margin-top:calc(var(--spacing)*40)}.md\:h-10{height:calc(var(--spacing)*10)}.md\:h-16{height:calc(var(--spacing)*16)}.md\:w-10{width:calc(var(--spacing)*10)}.md\:w-80{width:calc(var(--spacing)*80)}.md\:w-full{width:100%}.md\:max-w-none{max-width:none}.md\:gap-3{gap:calc(var(--spacing)*3)}.md\:gap-10{gap:calc(var(--spacing)*10)}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:px-10{padding-inline:calc(var(--spacing)*10)}.md\:px-20{padding-inline:calc(var(--spacing)*20)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:80rem){.xl\:col-span-5{grid-column:span 5/span 5}.xl\:col-span-7{grid-column:span 7/span 7}.xl\:h-12{height:calc(var(--spacing)*12)}.xl\:w-2\/6{width:33.3333%}.xl\:w-4\/6{width:66.6667%}.xl\:w-12{width:calc(var(--spacing)*12)}.xl\:gap-20{gap:calc(var(--spacing)*20)}:where(.xl\:space-y-32>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*32)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*32)*calc(1 - var(--tw-space-y-reverse)))}.xl\:rounded-full{border-radius:3.40282e38px}.xl\:px-0{padding-inline:calc(var(--spacing)*0)}}@media(min-width:96rem){.\32xl\:px-28{padding-inline:calc(var(--spacing)*28)}}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:invert:where(.dark,.dark *){--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media(hover:hover){.dark\:hover\:border-white:where(.dark,.dark *):hover{border-color:var(--color-white)}.dark\:hover\:bg-dark-300:where(.dark,.dark *):hover{background-color:var(--color-dark-300)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where(.dark,.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where(.dark,.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}}html.secret-portfolio-active,body.secret-portfolio-active{background-color:#000;width:100dvw;height:auto;min-height:100dvh;font-family:Georama,sans-serif;overflow:hidden auto}body.secret-portfolio-active.show-wallpaper{background-image:url(/secret/images/wallpaper.png);background-position:50%;background-repeat:no-repeat;background-size:cover}:root{--radius:.5rem;--background:transparent;--foreground:inherit;--card:transparent;--card-foreground:inherit;--popover:transparent;--popover-foreground:inherit;--primary:transparent;--primary-foreground:inherit;--secondary:transparent;--secondary-foreground:inherit;--muted:transparent;--muted-foreground:inherit;--accent:transparent;--accent-foreground:inherit;--destructive:transparent;--border:transparent;--input:transparent;--ring:transparent;--chart-1:transparent;--chart-2:transparent;--chart-3:transparent;--chart-4:transparent;--chart-5:transparent;--sidebar:transparent;--sidebar-foreground:inherit;--sidebar-primary:transparent;--sidebar-primary-foreground:inherit;--sidebar-accent:transparent;--sidebar-accent-foreground:inherit;--sidebar-border:transparent;--sidebar-ring:transparent}:root.secret-portfolio-active,html.secret-portfolio-active{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}html.dark.secret-portfolio-active{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@media(max-width:768px){body.no-scroll{width:100%;height:100%;position:fixed;overscroll-behavior-y:none!important;overflow:hidden!important}#secret-main{overscroll-behavior-y:none;height:100dvh}}.tiny-viewport-meme{z-index:99999;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:none;position:fixed;top:0;right:0;bottom:0;left:0}.tiny-viewport-meme img{object-fit:contain;max-width:80%;max-height:75%}@media(max-height:499px){.secret-portfolio-active .tiny-viewport-meme{display:flex}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}body.secret-portfolio-active.landing-active{background-image:none!important;background-color:#fff!important}.secret-portfolio-root .landing-container{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:#fff;overflow:hidden;z-index:200;display:flex;justify-content:center;align-items:center}.secret-portfolio-root .black-screen{position:absolute;top:0;left:0;height:100dvh;width:100%;background-color:#000;transform:scale(0,.005);z-index:201}.secret-portfolio-root .black-screen.animate{animation:expandBlackScreen 1.5s ease-in forwards}@keyframes expandBlackScreen{0%{transform:scale(0,.005)}50%{transform:scaleY(.005)}to{transform:scale(1)}}.secret-portfolio-root .apple-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 100px));width:150px;height:auto;z-index:202;pointer-events:none;opacity:1}.secret-portfolio-root .progress-bar-container{position:absolute;top:50%;left:50%;transform:translate(-50%,15px);width:200px;height:4px;background-color:#fff3;border-radius:2px;overflow:hidden;z-index:202;opacity:0;transition:opacity .3s ease-in}.secret-portfolio-root .progress-bar-container.visible{opacity:1}.secret-portfolio-root .progress-bar-fill{height:100%;width:0%;background-color:#fff;border-radius:2px}@keyframes fillProgress{0%{width:0%}to{width:100%}}@media(max-width:767px){.secret-portfolio-root .apple-logo{width:100px}.secret-portfolio-root .progress-bar-container{width:150px;transform:translate(-50%,-10px)}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors:active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;top:0;right:0;bottom:0;left:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}