@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties,theme,base,components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--ease-out:cubic-bezier(0,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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;-o-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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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}}@layer utilities{.visible{visibility:visible}.relative{position:relative}.isolate{isolation:isolate}.mx-auto{margin-inline:auto}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.hidden{display:none}.h-10{height:calc(var(--spacing)*10)}.min-h-\[calc\(100\%-9rem\)\]{min-height:calc(100% - 9rem)}.w-10{width:calc(var(--spacing)*10)}.max-w-\[--w\]{max-width:--w}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.border{border-style:var(--tw-border-style);border-width:1px}.px-8{padding-inline:calc(var(--spacing)*8)}.pt-14{padding-top:calc(var(--spacing)*14)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.text-black{color:var(--color-black)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{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,)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (prefers-color-scheme:dark){.dark\:text-white{color:var(--color-white)}}}:root{--bg:#faf8f1;--w:min(1200px, calc(100vw - 2rem) )}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Open Sans,sans-serif;line-height:1.5;overflow-y:scroll}body{line-height:inherit;background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;min-height:100vh;margin:0}body:is(.dark *):before{content:"";background-color:#000000d9;position:fixed;inset:0}h1,h2,h3{transition:color .3s;font-weight:600!important}h1,h2{font-family:Pixelify Sans,sans-serif}h3{font-family:Open Sans,sans-serif}.dark h1,.dark h2,.dark h3,.dark p{color:#fff}p{transition:color .3s}.header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:6rem;padding:2rem clamp(1rem,5%,3rem) 0;display:flex;position:relative}.header-left{white-space:nowrap;color:#000;flex:1;align-items:center;gap:1.5rem;min-width:0;font-family:Pixelify Sans,sans-serif;font-size:clamp(1.5rem,4vw,5rem);font-weight:700;transition:color .3s;display:flex;overflow:hidden}.header-left .site-title,.header-left .wave-letter{color:inherit;transition:color .3s}.btn-dark{background-color:#0000;background-repeat:no-repeat;background-size:cover;flex-shrink:0;width:2.5rem;height:2.5rem;margin:0;padding:0;display:block!important}.header-right{white-space:nowrap;flex-shrink:0;align-items:center;display:flex}.nav-right{color:#000;gap:clamp(1rem,3vw,2rem);font-family:Pixelify Sans,sans-serif;font-size:clamp(1rem,2.5vw,2.5rem);text-decoration:none;transition:color .3s;display:flex}.nav-link{transition:color .3s,-webkit-text-decoration .3s,text-decoration .3s}.nav-link:hover{color:gray}.nav-link-active{color:gray!important}.line{background-color:#000;width:calc(100% - clamp(2rem,10%,6rem));height:3px;margin:-.2rem clamp(1rem,5%,3rem) 0}.dark .header-left{color:#fff}.dark .header-left .site-title,.dark .header-left .wave-letter{color:#fff!important}.dark .nav-right,.dark .nav-link{color:#fff}.dark .nav-link:hover{color:gray}.dark .nav-link-active{color:gray!important}.dark .line{background-color:#fff}#scrollTopBtn{z-index:99;color:#fff;cursor:pointer;opacity:0;visibility:hidden;background-color:#000;border:none;border-radius:10px;outline:none;min-width:clamp(2.5rem,5vw,3rem);min-height:clamp(2.5rem,5vw,3rem);padding:clamp(.75rem,1.5vw,15px);font-family:Pixelify Sans,sans-serif;font-size:clamp(.9rem,2vw,18px);transition:opacity .3s,visibility .3s,background-color .3s;display:block;position:fixed;bottom:clamp(1rem,2vw,20px);right:clamp(1rem,2vw,30px)}.dark #scrollTopBtn{color:#000;background-color:#fff}#scrollTopBtn:hover{background-color:gray}.homepage-layout{align-items:flex-start;gap:clamp(1.5rem,4vw,3rem);max-width:1200px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem);display:flex}.introduction-section{flex-direction:column;flex:0 0 350px;gap:2rem;display:flex}.introduction-content h2{color:#000;margin:0 0 1rem;font-family:Pixelify Sans,sans-serif;font-size:1.5rem;font-weight:600;transition:color .3s}.introduction-content p{color:#333;margin:0;font-family:Open Sans,sans-serif;font-size:1rem;line-height:1.6;transition:color .3s}.social-buttons-vertical{flex-direction:column;gap:1rem;display:flex}.social-button-vertical{color:#333;background:#fff;border:1px solid #e5e5e5;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:Open Sans,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.social-button-vertical:hover{background:#f8f8f8;border-color:#d0d0d0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.social-icon-vertical{background-position:50%;background-size:cover;flex-shrink:0;width:1.5rem;height:1.5rem}.github-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E")}.linkedin-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}.email-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E")}.dark .introduction-content h2{color:#fff}.dark .introduction-content p{color:#ccc}.dark .social-button-vertical{color:#ccc;background:#1a1a1a;border-color:#333}.dark .social-button-vertical:hover{background:#2a2a2a;border-color:#444}.dark .github-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ccc'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E")}.dark .linkedin-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ccc'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E")}.dark .email-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ccc'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E")}.project-detail-container{max-width:1200px;margin:0 auto;padding:clamp(1rem,4vw,2rem)}.project-detail-layout{align-items:flex-start;gap:clamp(1.5rem,4vw,3rem);display:flex}.project-introduction{color:#666;flex:0 0 35%;padding-top:0;font-size:.9rem;font-weight:400;line-height:1.6;transition:color .3s}.project-introduction p{margin:0 0 1rem;transition:color .3s}.project-introduction a{color:#333;text-decoration:underline;transition:color .3s}.project-introduction a:hover{color:#000}.project-image-section{margin-top:2rem}.project-image{opacity:0;border-radius:8px;width:100%;max-width:300px;height:auto;animation:.8s forwards imageDropIn;transform:translateY(-20px);box-shadow:0 4px 8px #0000001a}.project-image[src*=andy]{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.project-main-image{opacity:0;border-radius:8px;width:100%;max-width:800px;height:auto;animation:.8s forwards imageDropIn;transform:translateY(-20px);box-shadow:0 4px 12px #00000026}@keyframes imageDropIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}video.project-main-image{opacity:0;animation:.8s forwards imageDropIn;transform:translateY(-20px)}.image-caption{color:#666;text-align:left;margin-top:.5rem;font-size:.85rem;font-style:italic;transition:color .3s}.project-main-content{flex:0 0 65%}.project-main-content h1{color:#000;word-wrap:break-word;overflow-wrap:break-word;margin:0 0 1.5rem;font-family:Pixelify Sans,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:600;line-height:1.2;transition:color .3s}.project-main-content p{color:#333;margin:0 0 1.5rem;font-family:Open Sans,sans-serif;font-size:1rem;line-height:1.6;transition:color .3s}.project-subtitle{color:#000;text-align:center;background:#f8f8f8;border-radius:8px;margin:1.5rem 0;padding:1.5rem;font-family:Pixelify Sans,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s}.project-main-image-section{text-align:center;margin-top:2rem}.project-main-image{border-radius:8px;width:100%;max-width:800px;height:auto;box-shadow:0 4px 12px #00000026}.poster-thumbnail{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:12px;max-width:400px;margin:0 auto;transition:all .3s;animation:.6s forwards tileFadeIn;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.poster-thumbnail:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.poster-tile-image{width:100%;height:200px;position:relative;overflow:hidden}.poster-preview{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.poster-thumbnail:hover .poster-preview{transform:scale(1.05)}.poster-overlay{opacity:0;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.poster-thumbnail:hover .poster-overlay{opacity:1}.poster-overlay-text{color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.5px;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1rem;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:500}.poster-tile-content{background:#fff;padding:1.5rem}.poster-tile-title{color:#000;margin:0 0 .5rem;font-family:Pixelify Sans,sans-serif;font-size:1.25rem;font-weight:600;transition:color .3s}.poster-modal-overlay{z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:clamp(.5rem,2vw,2rem);animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}.poster-modal-content{background:#fff;border-radius:8px;width:100%;max-width:90vw;height:100%;max-height:90vh;animation:.3s modalScaleIn;position:relative;overflow:hidden}.poster-modal-close{color:#fff;cursor:pointer;z-index:1001;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(2rem,4vw,3rem);height:clamp(2rem,4vw,3rem);font-size:clamp(1rem,2vw,1.5rem);font-weight:700;transition:background .3s;display:flex;position:absolute;top:clamp(.5rem,1vw,1rem);right:clamp(.5rem,1vw,1rem)}.poster-modal-close:hover{background:#000000e6}.poster-modal-pdf{border:none;width:100%;height:100%}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.project-toggle-nav{border-top:1px solid #e0e0e0;justify-content:center;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.toggle-button{color:#333;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:.75rem 1.5rem;font-family:Open Sans,sans-serif;font-size:.9rem;font-weight:500;transition:all .3s}.toggle-button:hover{background:#f5f5f5;border-color:#999}.toggle-button.active{color:#fff;background:#333;border-color:#333}.toggle-button.active:hover{background:#555;border-color:#555}.dark .project-toggle-nav{border-top-color:#404040}.dark .toggle-button{color:#ccc;background:#2a2a2a;border-color:#404040}.dark .toggle-button:hover{background:#333;border-color:#666}.dark .toggle-button.active{color:#333;background:#ccc;border-color:#ccc}.dark .toggle-button.active:hover{background:#ddd;border-color:#ddd}@keyframes letterWaveUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wave-letter{opacity:0;animation:.2s ease-out forwards letterWaveUp;display:inline-block}.wave-letter:first-child{animation-delay:0s}.wave-letter:nth-child(2){animation-delay:20ms}.wave-letter:nth-child(3){animation-delay:40ms}.wave-letter:nth-child(4){animation-delay:60ms}.wave-letter:nth-child(5){animation-delay:80ms}.wave-letter:nth-child(6){animation-delay:.1s}.wave-letter:nth-child(7){animation-delay:.12s}.wave-letter:nth-child(8){animation-delay:.14s}.wave-letter:nth-child(9){animation-delay:.16s}.wave-letter:nth-child(10){animation-delay:.18s}.wave-letter:nth-child(11){animation-delay:.2s}.wave-letter:nth-child(12){animation-delay:.22s}.wave-letter:nth-child(13){animation-delay:.24s}.wave-letter:nth-child(14){animation-delay:.26s}.wave-letter:nth-child(15){animation-delay:.28s}.wave-letter:nth-child(16){animation-delay:.3s}.wave-letter:nth-child(17){animation-delay:.32s}.wave-letter:nth-child(18){animation-delay:.34s}.wave-letter:nth-child(19){animation-delay:.36s}.wave-letter:nth-child(20){animation-delay:.38s}.wave-letter:nth-child(21){animation-delay:.4s}.wave-letter:nth-child(22){animation-delay:.42s}.wave-letter:nth-child(23){animation-delay:.44s}.wave-letter:nth-child(24){animation-delay:.46s}.wave-letter:nth-child(25){animation-delay:.48s}.wave-letter:nth-child(26){animation-delay:.5s}.wave-letter:nth-child(27){animation-delay:.52s}.wave-letter:nth-child(28){animation-delay:.54s}.wave-letter:nth-child(29){animation-delay:.56s}.wave-letter:nth-child(30){animation-delay:.58s}.wave-letter:nth-child(31){animation-delay:.6s}.wave-letter:nth-child(32){animation-delay:.62s}.wave-letter:nth-child(33){animation-delay:.64s}.wave-letter:nth-child(34){animation-delay:.66s}.wave-letter:nth-child(35){animation-delay:.68s}.wave-letter:nth-child(36){animation-delay:.7s}.wave-letter:nth-child(37){animation-delay:.72s}.wave-letter:nth-child(38){animation-delay:.74s}.wave-letter:nth-child(39){animation-delay:.76s}.wave-letter:nth-child(40){animation-delay:.78s}.pdf-container{opacity:0;border-radius:8px;width:90%;height:800px;margin:0 auto;animation:.8s forwards imageDropIn;overflow:hidden;transform:translateY(-20px);box-shadow:0 4px 12px #0000001a}.pdf-viewer{border:none;border-radius:8px;width:100%;height:100%}.dark .pdf-container{box-shadow:0 4px 12px #0000004d}.dark .poster-thumbnail{background:#2a2a2a;border:1px solid #404040;box-shadow:0 4px 12px #0000004d}.dark .poster-thumbnail:hover{box-shadow:0 8px 25px #0006}.dark .poster-tile-content{background:#2a2a2a}.dark .poster-tile-title{color:#fff}.dark .project-introduction,.dark .project-introduction p,.dark .project-introduction a{color:#ccc}.dark .project-introduction a:hover{color:#fff}.dark .image-caption{color:#ccc}.dark .project-main-content h1{color:#fff}.dark .project-main-content p{color:#ccc}.dark .project-subtitle{color:#fff;background:#2a2a2a}@media (max-width:1024px){.project-detail-layout{flex-direction:column;gap:clamp(1rem,3vw,2rem)}.project-introduction,.project-main-content{flex:none;width:100%}}@media (max-width:768px){.project-detail-container{padding:clamp(.5rem,2vw,1rem)}.project-detail-layout{gap:clamp(1rem,2vw,1.5rem)}.project-main-content h1{margin-bottom:1rem;font-size:clamp(1.2rem,5vw,1.5rem)}.project-subtitle{margin:1rem 0;padding:clamp(.75rem,2vw,1rem);font-size:clamp(.9rem,3vw,1rem)}.project-introduction{font-size:clamp(.8rem,2.5vw,.9rem)}.project-main-content p{margin-bottom:1rem;font-size:clamp(.9rem,2.5vw,1rem)}}@media (max-width:480px){.project-detail-container{padding:.5rem}.project-main-content h1{font-size:clamp(1rem,6vw,1.2rem);line-height:1.3}.project-subtitle{padding:.75rem;font-size:clamp(.8rem,4vw,.9rem)}}@media (max-width:1024px){.homepage-layout{flex-direction:column;gap:clamp(1rem,3vw,2rem);padding:0 clamp(.5rem,3vw,1rem)}.introduction-section{flex:none;width:100%;max-width:500px;margin:0 auto}.social-buttons-vertical{flex-flow:wrap;justify-content:center;gap:clamp(.5rem,2vw,1rem)}.social-button-vertical{flex:none;min-width:120px;font-size:clamp(.8rem,2vw,.9rem)}}@media (max-width:768px){.homepage-layout{gap:clamp(1rem,2vw,1.5rem);padding:0 clamp(.5rem,2vw,1rem)}.introduction-section{max-width:100%}.social-buttons-vertical{flex-direction:column;align-items:stretch;gap:.75rem}.social-button-vertical{min-width:auto;font-size:clamp(.8rem,2.5vw,.9rem)}.introduction-content h2{font-size:clamp(1.2rem,3vw,1.5rem)}.introduction-content p{font-size:clamp(.9rem,2.5vw,1rem)}}@media (max-width:480px){.homepage-layout{padding:0 .5rem}.introduction-content h2{font-size:clamp(1rem,4vw,1.2rem)}.introduction-content p{font-size:clamp(.8rem,3vw,.9rem)}.social-button-vertical{padding:.5rem .75rem;font-size:clamp(.75rem,3vw,.8rem)}}.project-tiles-container{flex:1}.project-tiles-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.project-tile{color:inherit;opacity:0;background:#fff;border-radius:12px;text-decoration:none;transition:all .3s;animation:.6s forwards tileFadeIn;display:block;overflow:hidden;transform:translateY(20px);box-shadow:0 4px 6px #0000001a}.project-tile:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 12px 24px #00000026}.project-tile-image{width:100%;height:200px;position:relative;overflow:hidden}.project-tile-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.project-tile:hover .project-tile-image img{transform:scale(1.05)}.project-tile-content{padding:1.5rem}.project-tile-title{color:#000;margin:0 0 .5rem;font-family:Pixelify Sans,sans-serif;font-size:1.25rem;font-weight:600;transition:color .3s}.project-tile-description{color:#666;margin:0;font-family:Open Sans,sans-serif;font-size:.9rem;line-height:1.5;transition:color .3s}.dark .project-tile{background:#1a1a1a;box-shadow:0 4px 6px #ffffff1a}.dark .project-tile:hover{box-shadow:0 12px 24px #ffffff26}.dark .project-tile-title{color:#fff}.dark .project-tile-description{color:#ccc}@media (max-width:768px){.project-tiles-grid{grid-template-columns:1fr;gap:clamp(1rem,2vw,1.5rem);padding:0 clamp(.5rem,2vw,1rem)}.project-tile-image{height:clamp(150px,25vw,180px)}.project-tile-content{padding:clamp(1rem,2vw,1.25rem)}.project-tile-title{font-size:clamp(1rem,3vw,1.1rem)}.project-tile-description{font-size:clamp(.8rem,2vw,.85rem)}}@media (max-width:480px){.project-tiles-grid{gap:1rem;padding:0 .5rem}.project-tile-image{height:clamp(120px,30vw,150px)}.project-tile-content{padding:.75rem}.project-tile-title{font-size:clamp(.9rem,4vw,1rem)}.project-tile-description{font-size:clamp(.75rem,3vw,.8rem)}}@media (min-width:769px) and (max-width:1024px){.project-tiles-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.5rem)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes tileFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.header-container{flex-direction:column;align-items:flex-start;gap:.5rem;min-height:auto;padding:1rem clamp(.5rem,3%,1rem) 0}.header-left{justify-content:space-between;width:100%;font-size:clamp(1.2rem,6vw,2rem)}.header-right{justify-content:center;width:100%}.nav-right{gap:clamp(1.5rem,8vw,3rem);font-size:clamp(.9rem,4vw,1.5rem)}.btn-dark{width:2rem;min-width:2rem;height:2rem;min-height:2rem}.line{width:calc(100% - clamp(1rem,6%,2rem));margin:-.2rem clamp(.5rem,3%,1rem) 0}}@media (max-width:480px){.header-left{font-size:clamp(1rem,8vw,1.5rem)}.nav-right{gap:clamp(1rem,10vw,2rem);font-size:clamp(.8rem,5vw,1.2rem)}}@media (min-width:1024px){.lg\:static{position:static}.lg\:ml-14{margin-left:3.5rem}.lg\:mt-0{margin-top:0}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-6{height:1.5rem}.lg\:h-auto{height:auto}.lg\:w-6{width:1.5rem}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-center{justify-content:center}.lg\:space-x-10>:not([hidden])~:not([hidden]){margin-right:calc(2.5rem*var(--tw-space-x-reverse));margin-left:calc(2.5rem*calc(1 - var(--tw-space-x-reverse)))}.lg\:\!bg-transparent{background-color:#0000!important}.lg\:pb-0{padding-bottom:0}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:font-normal{font-weight:400}.lg\:transition-none{transition-property:none}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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}@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-border-style:solid;--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}}}