@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700;0,9..40,800;1,9..40,300&display=swap";/*! tailwindcss v4.1.13 | 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}}}@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;--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)}}@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%;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]){appearance:button}::file-selector-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 components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.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))}}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%}body{width:100%;min-width:320px;min-height:100vh;margin:0;padding:0;overflow-x:hidden}#root{width:100%;min-height:100vh}img{max-width:100%;height:auto;display:block}.gem-accent{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 6px #3a122640);z-index:2;position:absolute}.gem-accent-behind{z-index:-1}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.tape-accent{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3;filter:drop-shadow(0 2px 3px #3a122638);width:112px;height:auto;position:absolute}@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}#root{width:100%;min-height:100vh;margin:0;padding:0;font-family:system-ui,sans-serif;background:var(--bg-color);color:var(--text-color);text-align:center;transition:background .5s ease,color .5s ease}html{scroll-behavior:smooth}.section{padding:4rem 2rem;margin:auto}.ascii-art{width:45%;white-space:pre-wrap;font-family:monospace;font-size:1.75rem;line-height:1.3;color:#4a5568;text-align:right;display:inline-block;animation:waveMotion 1.5s infinite ease-in-out alternate}@keyframes waveMotion{0%{transform:rotate(0) scale(1)}50%{transform:rotate(3deg) scale(1.05)}to{transform:rotate(-3deg) scale(1)}}:root{--nav-h: 72px}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}.navbar-container{position:sticky;top:0;height:var(--nav-h);z-index:1000}section[id]{scroll-margin-top:calc(var(--nav-h) + 8px)}.home-wrapper{font-family:DM Sans,sans-serif}.navbar-container{position:fixed;top:0;width:100%;background:#ffffffd9;padding:15px 0;box-shadow:0 8px 20px #0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000}.navbar{max-width:1000px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:25px}.nav-item{text-decoration:none;color:#6e0435;font-weight:500;font-size:16px;transition:color .3s ease}.nav-item:hover{color:#ec6c9f}.dark-mode-btn{background:none;border:none;cursor:pointer;color:#333;transition:transform .2s ease}.dark-mode-btn:hover{transform:scale(1.1)}.home-container{display:flex;justify-content:center;align-items:center;text-align:center;min-height:100vh;padding:80px 20px 20px;background:linear-gradient(to bottom right,#fcdce4,#ffc3e2);position:relative;z-index:0;overflow:hidden}.hero-container{max-width:600px;margin-top:80px;position:relative;z-index:2}.hero-title{font-family:"DM Serif Display",serif;font-size:clamp(2.6rem,6vw,4rem);font-weight:400;letter-spacing:.01em;color:#aa1961}.hero-description{font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#b53a75;opacity:.85;margin-top:6px}.hero-buttons{margin-top:30px;display:flex;justify-content:center;gap:15px}.button-primary{font-family:DM Sans,sans-serif;background-color:#af1e4c;color:#fff;padding:12px 24px;border-radius:10px;text-decoration:none;font-weight:500;box-shadow:0 6px 16px #af1e4c40;transition:background-color .2s ease,transform .2s ease}.button-primary:hover{background-color:#49042c;color:#fff;transform:translateY(-2px)}.button-secondary{font-family:DM Sans,sans-serif;background-color:#ff9fc2;color:#af1e4c;padding:12px 24px;border-radius:10px;text-decoration:none;font-weight:500;transition:background-color .2s ease,transform .2s ease}.button-secondary:hover{background-color:#f130a0;color:#fff;transform:translateY(-2px)}.home-container:before{content:"";background:url(/images/stars-v2.gif) repeat;background-size:auto;position:absolute;inset:0;width:100%;height:100%;opacity:.6;z-index:1;pointer-events:none}:root.dark{--text-color: #e5e7eb;--bg-color: #1f0a16;--navbar-bg: rgba(31, 10, 22, .85);--hero-bg: linear-gradient(to bottom right, #1f0a16, #5a0f3f);--button-primary: #181717;--button-secondary: #fff;--dark-accent: #ff8dce;--dark-text: #e8c7d6;--dark-card-bg: #241318;--dark-card-border: #4a2a35;--gem-pink: #ff8dce;--gem-violet: #c9a6f5;--gem-sky: #87d2f0;--gem-gold: #f0cf6b;--gem-green: #8fe0b0}.dark .navbar-container{background:var(--navbar-bg)}.dark .nav-item{color:var(--text-color)}.dark .dark-mode-btn{color:#ddd}.dark .hero-title,.dark .hero-description{color:var(--text-color)}.dark .home-container{background:var(--hero-bg)}.dark .button-primary{background-color:var(--button-primary);color:#fff}.dark .button-secondary{background-color:transparent;border:1px solid var(--text-color);color:var(--text-color)}.dark .button-secondary:hover{background-color:var(--button-primary);color:#fff}#about{background:linear-gradient(to bottom right,#fff0f6,#ffd6e8);padding:4rem 1.5rem;position:relative;overflow:hidden}#about .about-title{color:#b53a75;font-family:DM Sans,sans-serif;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:2.5rem}#about .about-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;width:100%;max-width:60rem;margin:0 auto;text-align:left;font-family:DM Sans,sans-serif;color:#b53a75;font-size:1.05rem;line-height:1.75}#about .about-text-container{flex:1 1 50%;min-width:0}#about .ascii-art{flex:1 1 40%;min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:monospace;font-size:clamp(.7rem,1.5vw,1.2rem);color:#cb0d69;text-align:right}.butters-link{font-weight:700;cursor:pointer;text-decoration:underline;transition:color .2s ease}.butters-link:hover{color:#ffa2cd}.butters-modal{background-color:#ffe2f1!important;color:#cb0d69;padding:20px;width:min(90vw,500px);max-height:90vh;overflow-y:auto;box-sizing:border-box;animation:zoomIn .5s}.butters-modal button{color:#cb0d69!important}.butters-image{max-width:350px;width:100%;height:auto;border-radius:12px;margin:12px auto 0;display:block}@keyframes zoomIn{0%{transform:translate(-50%,-50%) scale(.6)}to{transform:translate(-50%,-50%) scale(1)}}@media (max-width: 900px){#about{padding:4rem 1.5rem}#about .about-content{flex-direction:column;align-items:center;width:100%;gap:2rem;text-align:center}#about .about-text-container{width:100%;flex:none;text-align:center}#about .ascii-art{width:100%;flex:none;max-width:100%;text-align:center;margin-top:1rem;font-size:clamp(.65rem,2vw,1rem)}}@media (max-width: 600px){#about{padding:3rem 1.25rem}#about .about-title{font-size:clamp(2rem,10vw,2.6rem);margin-bottom:2rem}#about .about-content{gap:1.5rem;font-size:1rem;line-height:1.7}#about .ascii-art{width:100%;font-size:clamp(.55rem,2.5vw,.8rem);overflow:hidden}.butters-modal{width:92vw;padding:16px}.butters-image{max-width:100%}}@media (max-width: 400px){#about{padding:2.5rem 1rem}#about .about-title{font-size:2rem}#about .about-content{font-size:.95rem}#about .ascii-art{font-size:.52rem}}.dark #about{background:var(--bg-color)}.dark #about .about-title{color:var(--dark-accent)}.dark #about .about-content{color:var(--dark-text)}.dark #about .ascii-art{color:var(--gem-violet)}.dark .butters-link:hover{color:var(--dark-accent)}.dark .butters-modal{background-color:var(--dark-card-bg)!important;color:var(--dark-text)}.dark .butters-modal button{color:var(--dark-text)!important}.photobooth{flex:0 0 300px;width:300px;max-width:100%;order:2}.booth-face{position:relative;min-height:430px;padding:18px 18px 0;border-radius:26px;background:linear-gradient(160deg,#fcecf3,#f3cfe0);border:1px solid #e8b6cc;box-shadow:inset 0 2px #ffffffd9,inset 0 -8px 16px #b53a7529,0 20px 36px #b53a7538}.booth-plate{width:62%;margin:0 auto;padding:8px 6px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;border-radius:6px;background:linear-gradient(#f6e6ee,#dcc0cf);border:1px solid #c9a3b8;box-shadow:inset 0 1px #ffffffe6}.booth-plate span{font-family:DM Sans,sans-serif;font-size:.62rem;font-weight:700;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;color:#6e2a4d}.booth-arrow{display:block;width:0;height:0;margin-top:3px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #6e2a4d}.booth-led{position:absolute;top:26px;right:26px;width:9px;height:9px;border-radius:50%;background:#d9a9c0;box-shadow:inset 0 1px 1px #ffffffb3}.booth-bezel{position:relative;margin-top:18px;padding:10px;border-radius:22px;background:linear-gradient(#fbeaf2,#ecc4d7);border:1px solid #e0adc4;box-shadow:inset 0 2px 4px #b53a752e,0 1px #fffc}.booth-slot{height:54px;border-radius:14px;background:#1c0f16;box-shadow:inset 0 6px 10px #0009}.booth-window{position:absolute;top:10px;left:22px;right:22px;height:54px;clip-path:inset(0 -30px -800px -30px)}.booth-photo{margin:0;padding:9px 9px 30px;background:#fffdfb;border-radius:3px;box-shadow:0 6px 14px #3a122647;transform:translateY(-104%) rotate(-.6deg);transform-origin:50% 0;will-change:transform}.booth-photo img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:1px;filter:grayscale(1) contrast(1.08)}.photobooth.is-printed .booth-photo{animation:booth-print 3.4s cubic-bezier(.3,.7,.3,1) .35s both}.photobooth.is-printed .booth-led{animation:booth-led 3.4s ease .2s both}@keyframes booth-print{0%{transform:translateY(-104%) rotate(-.6deg)}20%{transform:translateY(-82%) rotate(-.6deg)}28%{transform:translateY(-82%) rotate(-.6deg)}48%{transform:translateY(-50%) rotate(-.6deg)}56%{transform:translateY(-50%) rotate(-.6deg)}80%{transform:translateY(-9%) rotate(-.6deg)}86%{transform:translateY(-9%) rotate(-.6deg)}to{transform:translateY(-5%) rotate(-.6deg)}}@keyframes booth-led{0%{background:#d9a9c0;box-shadow:none}6%{background:#ff4f9a;box-shadow:0 0 8px 2px #ff4f9ad9}18%{background:#ff4f9a;box-shadow:0 0 8px 2px #ff4f9ad9}24%{background:#d9a9c0;box-shadow:none}30%{background:#ff4f9a;box-shadow:0 0 8px 2px #ff4f9ad9}50%{background:#ff4f9a;box-shadow:0 0 8px 2px #ff4f9ad9}58%{background:#d9a9c0;box-shadow:none}64%{background:#ff4f9a;box-shadow:0 0 8px 2px #ff4f9ad9}90%{background:#ff4f9a;box-shadow:0 0 8px 2px #ff4f9ad9}to{background:#d9a9c0;box-shadow:none}}@media (prefers-reduced-motion: reduce){.photobooth .booth-photo{animation:none!important;transform:translateY(-5%) rotate(-.6deg)}.photobooth .booth-led{animation:none!important}}@media (max-width: 900px){.photobooth{margin:0 auto;order:0}}.dark .booth-face{background:linear-gradient(160deg,#3b2331,#26151f);border-color:#52324a;box-shadow:inset 0 2px #ffffff14,inset 0 -8px 16px #00000059,0 20px 36px #0000008c}.dark .booth-plate{background:linear-gradient(#4a3441,#3a2630);border-color:#5d3f52;box-shadow:inset 0 1px #ffffff1a}.dark .booth-plate span{color:#f1c9dc}.dark .booth-arrow{border-top-color:#f1c9dc}.dark .booth-bezel{background:linear-gradient(#34202b,#27151f);border-color:#4d2f43;box-shadow:inset 0 2px 4px #0006,0 1px #ffffff0f}.dark .booth-slot{background:#0b0508}.dark .booth-led{background:#7a5368;box-shadow:none}#education{background:linear-gradient(to bottom right,#fff0f6,#ffd6e8);padding:4rem 1.5rem;position:relative;overflow:hidden}.education-container{display:flex;flex-direction:column;gap:2rem;width:90%;max-width:900px;margin:0 auto}.education-card{padding:1.8rem;border-radius:12px;border:1px solid #f5b7d6;background:#fff6fa;position:relative;z-index:0}.education-card h2{color:#b53a75;font-family:DM Sans,sans-serif;font-size:clamp(1.15rem,2.8vw,1.5rem);font-weight:800;text-transform:uppercase;letter-spacing:-.005em;margin:0 0 .35rem;line-height:1.25}.degree{color:#b53a75;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .3rem}.date{color:#b53a75;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 1.1rem;opacity:.65}.course-title{color:#b53a75;font-family:DM Sans,sans-serif;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;margin:0 0 .4rem;opacity:.75}.courses{color:#b53a75;font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:300;line-height:1.75;margin:0}.education-title{color:#b53a75;font-family:DM Sans,sans-serif;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:2.5rem}.dark #education{background:var(--bg-color)}.dark .education-card{background:var(--dark-card-bg);border-color:var(--dark-card-border)}.dark .education-card:nth-of-type(odd) h2{color:var(--gem-sky)}.dark .education-card:nth-of-type(2n+2) h2{color:var(--gem-gold)}.dark .education-title{color:var(--dark-accent)}.dark .degree,.dark .date,.dark .course-title,.dark .courses{color:var(--dark-text)}#projects{padding:4rem 2rem 5rem;background:linear-gradient(to bottom right,#fff0f6,#ffd6e8);position:relative;overflow-x:clip}.projects-title{color:#b53a75;font-family:DM Sans,sans-serif;font-size:clamp(2.2rem,6vw,3.4rem);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:2.5rem}.project-subtitle{font-family:DM Sans,sans-serif;font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;color:#b53a75;opacity:.75;margin:0 0 .6rem}.project-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.tag{font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.03em;padding:4px 10px;border-radius:6px;background:#ffe2f1;border:1px solid #f5b7d6;color:#b53a75}.project-desc{font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:300;line-height:1.7;color:#b53a75;margin:0}.project-links{display:flex;gap:1rem;padding-top:.8rem;justify-content:flex-start}.project-links a{font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:500;text-decoration:none;color:#cb0d69;border-bottom:1px solid transparent;transition:border-color .2s ease}.project-links a:hover{border-color:#cb0d69}.projects-container{display:flex;flex-direction:column;gap:7rem;max-width:640px;margin:0 auto;padding-top:1rem}.project-card{--env-paper: #fff6fa;--env-label: #fffafc;--env-flap: #fff0f7;--env-flap-2: #ffe2f1;--env-lining: #ffd0e6;--env-line: #f5b7d6;--letter-bg: #fffdf9;--env-shadow: rgba(181, 58, 117, .14);position:relative;z-index:0;width:100%;color:#b53a75;cursor:pointer;outline:none;transition:transform .35s ease,z-index 0s .6s}.project-card.is-open{z-index:10;transform:translateY(-4px);transition:transform .35s ease,z-index 0s 0s}.project-card:focus-visible .envelope-body{outline:2px solid rgb(203,13,105);outline-offset:3px}.envelope-body{position:relative;z-index:2;padding:124px 1.4rem 1.6rem;text-align:center;background:var(--env-paper);border:1px solid var(--env-line);border-radius:12px;box-shadow:0 6px 18px var(--env-shadow);transition:box-shadow .35s ease}.project-card.is-open .envelope-body{box-shadow:0 14px 30px var(--env-shadow)}.envelope-body:before{content:"";position:absolute;inset:112px 0 0;border-radius:0 0 11px 11px;pointer-events:none;background:linear-gradient(to top left,transparent calc(50% - .75px),var(--env-line) 50%,transparent calc(50% + .75px)) left top / 50% 100% no-repeat,linear-gradient(to top right,transparent calc(50% - .75px),var(--env-line) 50%,transparent calc(50% + .75px)) right top / 50% 100% no-repeat}.envelope-label{position:relative;display:inline-block;max-width:100%;padding:.8rem 1.1rem .9rem;background:var(--env-label);border:1px dashed var(--env-line);border-radius:10px}.envelope-label h2{font-family:DM Sans,sans-serif;font-size:1.3rem;font-weight:800;text-transform:uppercase;letter-spacing:-.005em;color:#b53a75;margin:0 0 .25rem}.envelope-flap{position:absolute;top:0;left:0;right:0;height:112px;z-index:3;transform-origin:50% 0;pointer-events:none;filter:drop-shadow(0 1.5px 0 var(--env-line)) drop-shadow(0 4px 5px var(--env-shadow));transition:transform .55s cubic-bezier(.4,0,.2,1),z-index 0s .27s}.envelope-flap:before{content:"";position:absolute;inset:0;border-radius:12px 12px 0 0;background:linear-gradient(180deg,var(--env-flap),var(--env-flap-2));clip-path:polygon(0 0,100% 0,50% 100%);transition:background 0s .27s}.project-card.is-open .envelope-flap{transform:scaleY(-1);z-index:0}.project-card.is-open .envelope-flap:before{background:var(--env-lining)}.envelope-seal{position:absolute;top:112px;left:50%;width:46px;z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translate(-50%,-55%) rotate(-8deg);filter:drop-shadow(0 3px 5px rgba(58,18,38,.3));transition:opacity .2s ease .1s,transform .4s ease}.project-card.is-open .envelope-seal{opacity:0;transform:translate(-50%,-55%) rotate(-8deg) scale(.5);transition:opacity .2s ease,transform .3s ease}.project-card .tape-accent{z-index:5;transition:opacity .25s ease .2s}.project-card.is-open .tape-accent{opacity:0;transition:opacity .15s ease 0s}.envelope-letter{position:absolute;left:6%;right:6%;bottom:14px;z-index:1;padding:1.2rem 1.3rem 4rem;text-align:left;background:var(--letter-bg);border:1px solid var(--env-line);border-radius:6px;box-shadow:0 8px 20px var(--env-shadow);opacity:0;pointer-events:none;transition:bottom .6s cubic-bezier(.34,1.45,.5,1),opacity .2s ease .35s}.project-card.is-open .envelope-letter{bottom:calc(100% - 40px);opacity:1;pointer-events:auto;transition:bottom .6s cubic-bezier(.34,1.45,.5,1),opacity .12s ease 0s}@media (prefers-reduced-motion: reduce){.project-card,.envelope-flap,.envelope-flap:before,.envelope-seal,.envelope-letter,.project-card .tape-accent{transition:none!important}}.dark #projects{background:var(--bg-color)}.dark .projects-title{color:var(--dark-accent)}.dark .project-card{--env-paper: var(--dark-card-bg);--env-label: #2c1823;--env-flap: #33202b;--env-flap-2: #2a1721;--env-lining: #3e2434;--env-line: var(--dark-card-border);--letter-bg: #301c27;--env-shadow: rgba(0, 0, 0, .45);color:var(--dark-text)}.dark .project-card:nth-of-type(3n+1) h2{color:var(--gem-gold)}.dark .project-card:nth-of-type(3n+2) h2{color:var(--gem-pink)}.dark .project-card:nth-of-type(3n+3) h2{color:var(--gem-violet)}.dark .project-subtitle,.dark .project-desc{color:var(--dark-text)}.dark .tag:nth-of-type(5n+1){background:#f0cf6b24;border-color:#f0cf6b66;color:var(--gem-gold)}.dark .tag:nth-of-type(5n+2){background:#ff8dce24;border-color:#ff8dce66;color:var(--gem-pink)}.dark .tag:nth-of-type(5n+3){background:#c9a6f524;border-color:#c9a6f566;color:var(--gem-violet)}.dark .tag:nth-of-type(5n+4){background:#87d2f024;border-color:#87d2f066;color:var(--gem-sky)}.dark .tag:nth-of-type(5n+5){background:#8fe0b024;border-color:#8fe0b066;color:var(--gem-green)}.dark .project-links a{color:var(--dark-accent)}