@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap";.polaroid-stack{position:relative;width:min(280px,34vw);aspect-ratio:54 / 86;display:flex;align-items:center;justify-content:center;perspective:1200px;-webkit-user-select:none;user-select:none}.polaroid-stack[role=button]{cursor:pointer}.polaroid-card{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fffef9,#fef9f1 58%,#fbf2e5);border-radius:22px;padding:clamp(.85rem,1.8vw,1.15rem) clamp(.75rem,1.6vw,1rem) clamp(1.9rem,3vw,2.4rem);box-shadow:0 18px 35px #17090547,0 0 0 1px #fff9 inset;border:1px solid color-mix(in srgb,var(--border-medium) 35%,transparent);display:flex;flex-direction:column;justify-content:flex-start;transition:transform .6s cubic-bezier(.4,.14,.3,1),opacity .35s ease,filter .35s ease;pointer-events:none}.polaroid-card.is-active{pointer-events:auto;filter:drop-shadow(0 28px 45px rgb(16 7 4 / .35))}.polaroid-photo-wrapper{position:relative;flex:1;width:100%;aspect-ratio:46 / 60;border-radius:12px;overflow:hidden;background:#f6ebe0;border:1px solid color-mix(in srgb,var(--border-medium) 45%,transparent);box-shadow:inset 0 0 0 2px #ffffffa6}.polaroid-photo-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.polaroid-card figcaption{font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:color-mix(in srgb,var(--text-secondary) 80%,#4a3d36 20%);margin-top:.9rem;text-align:center;min-height:1.2rem;display:flex;align-items:center;justify-content:center}.polaroid-card figcaption.is-hidden{color:transparent;text-shadow:none}@media (width <= 768px){.polaroid-stack{width:min(280px,70vw);margin:0 auto}}.hero-section{animation:fadeUp .6s ease-out both;margin:var(--space-2) auto var(--space-4);max-width:min(calc(var(--max-width) + 320px),1720px);padding:0 var(--space-6) var(--space-4)}.hero-layout{display:flex;align-items:center;gap:clamp(var(--space-3),7vw,var(--space-10))}.hero-media{flex:0 0 min(320px,28%);display:flex;justify-content:center}.hero-copy{flex:1;max-width:640px}.hero-title{animation:fadeUp .5s ease-out both;color:var(--heading-color);font-family:Fraunces,serif;font-optical-sizing:auto;font-size:var(--font-display);font-style:normal;font-variation-settings:"SOFT" 50,"WONK" 1;font-weight:700;letter-spacing:-.0125em;line-height:1.12;margin:0 0 var(--space-2);max-width:20ch;text-wrap:balance}.hero-tagline{animation:fadeUp .55s ease-out both;animation-delay:.05s;color:var(--text-secondary);font-size:var(--font-body);line-height:1.6;margin:0 0 var(--space-3);max-width:60ch;text-align:left}.hero-actions{animation:fadeUp .6s ease-out both;animation-delay:.1s;display:inline-flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-start}.about-section{margin:0 auto var(--space-5);max-width:var(--max-width-narrow);padding:0 var(--space-4);text-align:center}.interests-section{animation:fadeUp .6s ease-out both;animation-delay:.12s;border-top:1px solid var(--border-strong);margin:var(--space-4) auto 0;max-width:var(--max-width-narrow);padding:var(--space-5) 0 var(--space-3)}.interests-section h3{color:var(--heading-color);font-size:var(--font-h2);margin-bottom:var(--space-3)}.interests-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.interest-card{align-items:center;background-color:transparent;border:none;border-radius:var(--border-radius-sm);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);text-align:center;transform:translateY(0);transition:transform var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base)}.interest-card:hover{background-color:var(--bg-secondary);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.interest-card:active{transform:translateY(-1px) scale(.99)}.interest-icon{color:var(--icon-color);height:24px;margin-bottom:var(--space-1);transition:transform var(--transition-base);width:24px}.interest-card:hover .interest-icon{transform:scale(1.05)}.interest-card h4{color:var(--heading-color);font-size:var(--font-h3);margin-bottom:0;min-height:2rem;display:flex;align-items:flex-end}.interest-card p{color:var(--text-secondary);font-size:var(--font-sm);margin:0}.tech-section{animation:fadeUp .6s ease-out both;animation-delay:.14s;border-top:1px solid var(--border-strong);margin:var(--space-4) auto 0;max-width:var(--max-width-narrow);padding:var(--space-5) 0 var(--space-3);text-align:center}.tech-section h3{color:var(--heading-color);font-size:var(--font-h2);margin-bottom:var(--space-2)}.tech-description{color:var(--text-secondary);font-size:var(--font-sm);margin:0 auto;max-width:64ch}@media (width <= 1024px){.hero-layout{flex-direction:column;text-align:center}.hero-copy{text-align:center}.hero-media{width:min(360px,70vw)}.hero-tagline{text-align:center;margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}}@media (width <= 768px){.hero-section{padding:0 var(--space-3) var(--space-3)}.hero-title{font-size:2.5rem}.hero-actions{width:100%}.interests-grid{grid-template-columns:1fr}}@media (width <= 480px){.hero-title{font-size:2rem}}.projects-page-wrapper{animation:fadeUp .55s ease-out both;margin:0 auto;max-width:var(--max-width);padding:var(--space-4) var(--space-4) var(--space-6)}.projects-header{animation:fadeUp .6s ease-out both;animation-delay:.05s;margin:0 auto var(--space-4);max-width:820px;text-align:center}.projects-header h2{color:var(--heading-color);font-size:var(--font-h2);margin-bottom:var(--space-2)}.projects-header p{color:var(--text-muted);font-size:var(--font-body);margin:0 auto;max-width:60ch;text-align:center}.project-showcase-container{animation:fadeUp .6s ease-out both;animation-delay:.08s;display:grid;gap:var(--space-3);margin:0 auto;max-width:1000px}.project-entry-card{background-color:var(--bg-tertiary);border:none;border-left:3px solid transparent;border-radius:0;display:grid;gap:var(--space-3);grid-template-columns:35% 65%;max-height:280px;overflow:hidden;transform:translateY(0);transition:transform var(--transition-base),border-color var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base)}.project-entry-card:hover{background-color:var(--bg-secondary);border-left-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.project-entry-card:active{transform:translateY(-1px) scale(.99)}.project-thumbnail-link{border-radius:0;display:block;height:100%;overflow:hidden;position:relative}.project-thumbnail{height:100%;transition:transform var(--transition-slow),filter var(--transition-base);width:100%;will-change:transform}.project-thumbnail img{display:block;height:100%;object-fit:cover;width:100%}.project-entry-card:hover .project-thumbnail{filter:brightness(1.05);transform:scale(1.06)}.project-details{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:var(--space-2) var(--space-3)}.project-details h3{color:var(--heading-color);font-size:var(--font-h3);font-weight:500;margin-bottom:var(--space-1)}.project-details h3 a{border:none;color:var(--heading-color);transition:color var(--transition-fast)}.project-details h3 a:hover{color:var(--accent-primary)}.project-description{-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;flex-grow:0;font-size:var(--font-sm);-webkit-line-clamp:3;line-clamp:3;line-height:1.5;margin-bottom:var(--space-2);overflow:hidden;padding-right:10px}.project-link-button{align-self:flex-start;font-size:var(--font-xs);font-weight:500;gap:.25rem;margin-bottom:var(--space-2);min-height:30px;padding:.375rem .75rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.project-link-button:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.project-link-button:active{transform:translateY(0) scale(.97)}.project-tags-row{border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:.375rem;padding-top:var(--space-2);transition:border-color var(--transition-base)}.tag-badge{border-radius:4px;font-size:.625rem;font-weight:600;letter-spacing:.05em;line-height:1;padding:.25rem .5rem;text-transform:uppercase}.tech-tag{background-color:var(--accent-primary);border:1px solid var(--accent-primary);color:var(--bg-primary);font-weight:600}.category-tag{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary)}.project-entry-card:hover .project-tags-row{border-color:var(--accent-primary)}@media (width <= 900px){.project-entry-card{grid-template-columns:1fr;max-height:none}.project-thumbnail-link{aspect-ratio:16 / 9;height:auto}}body:not(.initial-visit) :where(.projects-page-wrapper,.projects-header,.project-showcase-container){animation:none!important;opacity:1!important;transform:none!important}@media (width <= 640px){.projects-page-wrapper{padding:var(--space-3) var(--space-2) var(--space-5)}.projects-header p{font-size:var(--font-sm)}.project-showcase-container{gap:var(--space-4)}.project-details{padding:var(--space-3)}.project-details h3{font-size:var(--font-h3)}.project-entry-card{border-left-width:0;border-top:2px solid var(--border-subtle);gap:var(--space-2)}.project-link-button{justify-content:center;width:100%}.project-tags-row{align-items:flex-start;flex-direction:column}}.resume-container{animation:fadeUp .55s ease-out both;max-width:var(--max-width);padding:var(--space-4) var(--space-4) var(--space-6)}.resume-contact-card{animation:fadeUp .6s ease-out both;animation-delay:.05s;background-color:transparent;border:none;border-bottom:1px solid var(--border-medium);border-radius:0;box-shadow:none;margin-bottom:var(--space-4);padding:var(--space-4);text-align:left;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.resume-contact-card:hover{border-bottom-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.resume-name{color:var(--heading-color);font-size:var(--font-h1);font-weight:400;margin-bottom:var(--space-3)}.contact-actions{animation:fadeUp .6s ease-out both;animation-delay:.08s;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:flex-start}.copy-feedback{animation:fadeIn .3s ease;background-color:var(--accent-light);border-radius:var(--border-radius-sm);color:var(--accent-primary);font-size:var(--font-sm);font-weight:500;margin-top:var(--space-3);padding:var(--space-2) var(--space-3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.resume-filter{animation:fadeUp .6s ease-out both;animation-delay:.1s;margin-bottom:var(--space-4)}.filter-input{background-color:var(--bg-tertiary);border:2px solid var(--border-medium);border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:var(--font-body);padding:.875rem 1rem;transition:all var(--transition-fast);width:100%}.filter-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);outline:none}.filter-results{color:var(--text-secondary);font-size:var(--font-sm);margin-top:var(--space-2)}.resume-section{animation:fadeUp .6s ease-out both;animation-delay:.12s;margin-bottom:var(--space-4)}.resume-section h2{border-bottom:1px solid var(--border-subtle);color:var(--heading-color);font-size:var(--font-h2);margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.summary-card{background-color:transparent;border:none;border-left:3px solid var(--accent-primary);border-radius:0;box-shadow:none;color:var(--text-secondary);font-size:var(--font-body);line-height:1.7;padding:var(--space-4)}.category-filters{animation:fadeUp .6s ease-out both;animation-delay:.15s;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.experience-container{display:flex;flex-direction:column;gap:var(--space-3)}.job-entry{background-color:transparent;border:none;border-left:2px solid var(--border-subtle);border-radius:0;overflow:hidden;transform:translateY(0);transition:transform var(--transition-base),border-color var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base)}.job-entry:hover{background-color:var(--bg-secondary);border-left-color:var(--accent-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.job-entry:active{transform:translateY(-1px) scale(.99)}.job-header{cursor:pointer;padding:var(--space-3);transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none}.job-header:hover{background-color:transparent}.job-header h3{align-items:center;color:var(--heading-color);display:flex;font-size:var(--font-h3);gap:var(--space-2);margin-bottom:var(--space-2)}.toggle-icon{align-items:center;color:var(--accent-primary);display:inline-flex;justify-content:center;transition:transform var(--transition-fast)}.job-entry[data-expanded=true] .toggle-icon{transform:rotate(90deg)}.job-meta{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.job-meta p{color:var(--text-secondary);font-size:var(--font-sm);margin:0}.job-meta a{font-weight:500;transition:color var(--transition-fast)}.job-meta a:hover{color:var(--accent-primary)}.job-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);font-size:var(--font-xs);font-weight:500;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.job-details{list-style:none;padding:0 var(--space-3) var(--space-3)}.job-details li{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.6;margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative}.job-details li:before{background-color:var(--accent-primary);border-radius:50%;content:"";height:5px;left:0;position:absolute;top:.6em;width:5px}.job-details li:last-child{margin-bottom:0}.no-results{background-color:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:var(--space-8);text-align:center}.no-results p{color:var(--text-secondary);font-size:var(--font-body-lg);margin-bottom:var(--space-4)}.skills-visualization{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}body:not(.initial-visit) :where(.resume-container,.resume-contact-card,.contact-actions,.resume-filter,.resume-section,.category-filters){animation:none!important;opacity:1!important;transform:none!important}@media (width <= 768px){.resume-name{font-size:var(--font-h2)}.contact-actions{flex-direction:column;justify-content:center}.contact-actions .button{width:100%}.category-filters{flex-direction:column}.category-filters .button{width:100%}.job-header{padding:var(--space-3)}.job-details{padding:0 var(--space-3) var(--space-3)}.job-header h3{font-size:var(--font-body)}}@media (width <= 640px){.resume-container{padding:var(--space-3) var(--space-2) var(--space-5)}.resume-contact-card,.summary-card{padding:var(--space-3)}.resume-section h2{font-size:var(--font-h2);text-align:left}.job-entry{border-left-width:0;border-top:2px solid var(--border-subtle)}.job-header{padding:var(--space-2)}.job-header h3{align-items:flex-start;flex-direction:column;gap:var(--space-1)}}@media (width <= 480px){.resume-contact-card{padding:var(--space-4)}.summary-card{font-size:var(--font-sm);padding:var(--space-3)}}.guestbook-container{animation:fadeUp .55s ease-out both;margin:0 auto;max-width:900px;text-align:center}.guestbook-container h2{animation:fadeUp .6s ease-out both;animation-delay:.05s;color:var(--heading-color);font-size:var(--font-h2);margin-bottom:var(--space-4);text-align:center}.guestbook-container h3{color:var(--heading-color);font-size:var(--font-h3);margin-bottom:var(--space-3);margin-top:var(--space-6);text-align:center}.guestbook-form{animation:fadeUp .6s ease-out both;animation-delay:.08s;background-color:transparent;border:none;border-left:3px solid var(--accent-primary);border-radius:0;box-shadow:none;margin-bottom:var(--space-4);padding:var(--space-4);text-align:left;transition:border-color var(--transition-base),background-color var(--transition-base),box-shadow var(--transition-base)}.guestbook-form:hover{background-color:var(--bg-secondary);border-left-color:var(--accent-hover);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:var(--space-3)}.form-group label{color:var(--text-primary);display:block;font-size:var(--font-sm);font-weight:500;margin-bottom:var(--space-2)}.form-group input,.form-group textarea{background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--font-sm);min-height:38px;padding:.625rem .875rem;transform:translateY(0);transition:all var(--transition-fast);width:100%}.form-group input:hover,.form-group textarea:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-light);outline:none}.form-group input:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.form-group textarea{line-height:1.6;min-height:120px;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.success-message{background-color:var(--feedback-success-bg);border:1px solid var(--feedback-success-border);border-radius:var(--border-radius-sm);color:var(--feedback-success-text);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.error-message{background-color:var(--feedback-error-bg);border:1px solid var(--feedback-error-border);border-radius:var(--border-radius-sm);color:var(--feedback-error-text);margin-top:var(--space-4);padding:var(--space-3) var(--space-4)}.guestbook-divider{background-color:var(--border-subtle);border:none;height:1px;margin:var(--space-4) 0}.guestbook-entries{animation:fadeUp .6s ease-out both;animation-delay:.1s;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.guestbook-entry{background:color-mix(in srgb,var(--bg-secondary) 75%,var(--bg-tertiary) 25%);border:1px solid color-mix(in srgb,var(--border-medium) 60%,transparent);border-radius:var(--border-radius-lg);padding:var(--space-3) var(--space-4);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014,var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.guestbook-entry:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent-primary) 12%,transparent) 0%,transparent 65%);opacity:.5;pointer-events:none}.guestbook-entry:after{content:"";position:absolute;left:1.75rem;top:16px;bottom:16px;width:2px;border-radius:999px;background:linear-gradient(180deg,var(--accent-primary),color-mix(in srgb,var(--accent-primary) 40%,transparent));opacity:.5}.guestbook-entry:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-medium) 50%,transparent),var(--shadow-md)}.entry-meta{color:var(--text-tertiary);font-size:var(--font-xs);line-height:1.5;margin-bottom:var(--space-1);display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;align-items:center}.entry-meta strong{color:var(--text-primary);font-weight:600}.entry-meta a{color:var(--accent-primary);font-weight:500;transition:color var(--transition-fast)}.entry-message{color:var(--text-primary);font-size:1rem;line-height:1.6;margin:var(--space-1) 0 0}.entry-meta a:hover{color:var(--accent-hover)}.guestbook-container>p{color:var(--text-secondary);font-size:var(--font-body);padding:var(--space-6);text-align:center}@media (width <= 640px){.guestbook-container{padding:var(--space-3) var(--space-2) var(--space-5)}.guestbook-form,.guestbook-entry{padding:var(--space-3)}}body:not(.initial-visit) :where(.guestbook-container,.guestbook-container h2,.guestbook-container h3,.guestbook-form,.guestbook-entries){animation:none!important;opacity:1!important;transform:none!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fraunces-headline{font-family:Fraunces,serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"SOFT" 50,"WONK" 1;font-weight:700}:root{color-scheme:light;--bg-primary: #f4ede2;--bg-secondary: #eee2d4;--bg-tertiary: #fff8ef;--surface-panel: var(--bg-tertiary);--surface-panel-muted: var(--bg-secondary);--glass-overlay: color-mix(in srgb, var(--bg-tertiary) 92%, transparent);--header-surface: color-mix(in srgb, var(--bg-primary) 75%, var(--bg-secondary) 25%);--text-primary: #261613;--text-secondary: color-mix(in srgb, #57473f 92%, #ffffff 8%);--text-tertiary: #7a6a62;--text-muted: color-mix(in srgb, #8d7770 90%, #ffffff 10%);--heading-color: #2f1c18;--icon-color: #5b473f;--accent-primary: #b64668;--accent-hover: #a83f60;--accent-strong: #862a43;--accent-muted: #f8dce5;--accent-contrast: #fffaf6;--border-subtle: #e1d0c1;--border-medium: #cbb3a3;--border-strong: #a48675;--shadow-sm: 0 1px 3px rgb(19 8 4 / .08);--shadow-md: 0 4px 10px rgb(25 13 7 / .12);--shadow-lg: 0 8px 20px rgb(27 14 7 / .18);--text-shadow-soft: 0 2px 6px rgb(20 10 8 / .08);--focus-ring: 0 0 0 3px rgb(182 70 104 / .35);--feedback-success-bg: #e6f1ea;--feedback-success-border: #c6dfcb;--feedback-success-text: #1f462a;--feedback-error-bg: #fbe6ea;--feedback-error-border: #f0c6d0;--feedback-error-text: #5f1c2a;--selection-bg: color-mix(in srgb, var(--accent-primary) 18%, transparent);--selection-text: var(--accent-contrast);--scrim: rgb(23 18 14 / .5);--bg-texture-glow: rgb(255 255 255 / .24);--bg-texture-haze: rgb(246 230 216 / .3);--bg-texture-grain: rgb(110 86 74 / .12);--bg-noise-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0%200%20256%20256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' seed='9' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)'/%3E%3C/svg%3E");--bg-noise-opacity: .12;--bg-noise-scale: 480px 480px;--page-background-image: radial-gradient(120% 90% at 15% 20%, var(--bg-texture-glow) 0%, transparent 70%), radial-gradient(140% 110% at 85% 5%, color-mix(in srgb, var(--accent-primary) 8%, transparent) 20%, transparent 75%), radial-gradient(140% 100% at 10% 100%, color-mix(in srgb, var(--accent-muted) 30%, transparent) 10%, transparent 80%), radial-gradient(120% 95% at 75% 80%, var(--bg-texture-grain) 5%, transparent 85%), linear-gradient(135deg, color-mix(in srgb, var(--bg-secondary) 85%, #050101 15%) 0%, color-mix(in srgb, var(--bg-primary) 80%, #000 20%) 100%);--page-background-size: 160vmax 140vmax, 160vmax 140vmax, 170vmax 150vmax, 150vmax 130vmax, 100vmax 100vmax;--page-background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;--page-texture-opacity: .9;--font-display: clamp(2.5rem, 5.5vw, 3.5rem);--font-h1: clamp(2rem, 4.5vw, 2.75rem);--font-h2: clamp(1.75rem, 4vw, 2.25rem);--font-h3: clamp(1.25rem, 3vw, 1.5rem);--font-body-lg: clamp(1.125rem, 2.6vw, 1.25rem);--font-body: clamp(1.0625rem, 2.2vw, 1.125rem);--font-sm: clamp(.85rem, 2.4vw, .875rem);--font-xs: clamp(.78rem, 2vw, .8125rem);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--space-10: 5rem;--space-12: 6rem;--space-16: 8rem;--max-width: 1400px;--max-width-narrow: 1100px;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg-primary: #141111;--bg-secondary: #1c1717;--bg-tertiary: #261f1f;--glass-overlay: color-mix(in srgb, var(--bg-tertiary) 80%, transparent);--header-surface: color-mix(in srgb, var(--bg-primary) 60%, var(--bg-secondary) 40%);--text-primary: #f8f3ef;--text-secondary: #d8cac2;--text-tertiary: #bba59c;--text-muted: #99837a;--accent-primary: #c25776;--accent-hover: #d7728e;--accent-strong: #f2a7bd;--accent-muted: #3b1f28;--heading-color: #f9f3ee;--icon-color: #f5e5de;--border-subtle: #372d2c;--border-medium: #4d3d3c;--border-strong: #6d5352;--shadow-sm: 0 1px 3px rgb(0 0 0 / .45);--shadow-md: 0 6px 16px rgb(0 0 0 / .5);--shadow-lg: 0 12px 30px rgb(0 0 0 / .65);--text-shadow-soft: 0 2px 6px rgb(0 0 0 / .65);--bg-texture-glow: rgb(255 255 255 / .06);--bg-texture-haze: rgb(81 51 51 / .18);--bg-texture-grain: rgb(0 0 0 / .3);--bg-noise-opacity: .14;--page-texture-opacity: .98;--focus-ring: 0 0 0 3px rgb(212 122 146 / .4);--feedback-success-bg: #1b2b23;--feedback-success-border: #2a4a35;--feedback-success-text: #a1e4be;--feedback-error-bg: #321a21;--feedback-error-border: #4d2632;--feedback-error-text: #ffc2d0;--selection-bg: color-mix(in srgb, var(--accent-primary) 40%, transparent);--scrim: rgb(0 0 0 / .65)}:root[data-theme=dark] body:before{opacity:.98}:root[data-theme=dark] body:after{opacity:.14}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--bg-primary: #141111;--bg-secondary: #1c1717;--bg-tertiary: #261f1f;--glass-overlay: color-mix(in srgb, var(--bg-tertiary) 80%, transparent);--text-primary: #f8f3ef;--text-secondary: #d8cac2;--text-tertiary: #bba59c;--text-muted: #99837a;--accent-primary: #c25776;--accent-hover: #d7728e;--accent-strong: #f2a7bd;--accent-muted: #3b1f28;--heading-color: #f9f3ee;--icon-color: #f5e5de;--button-ghost-border: #6d4f4d;--button-ghost-text: #f8f3ef;--border-subtle: #372d2c;--border-medium: #4d3d3c;--border-strong: #6d5352;--shadow-sm: 0 1px 3px rgb(0 0 0 / .45);--shadow-md: 0 6px 16px rgb(0 0 0 / .5);--shadow-lg: 0 12px 30px rgb(0 0 0 / .65);--text-shadow-soft: 0 2px 6px rgb(0 0 0 / .65);--focus-ring: 0 0 0 3px rgb(212 122 146 / .4);--feedback-success-bg: #1b2b23;--feedback-success-border: #2a4a35;--feedback-success-text: #a1e4be;--feedback-error-bg: #321a21;--feedback-error-border: #4d2632;--feedback-error-text: #ffc2d0;--selection-bg: color-mix(in srgb, var(--accent-primary) 40%, transparent);--scrim: rgb(0 0 0 / .65)}:root:not([data-theme]) body:before{opacity:.98}:root:not([data-theme]) body:after{opacity:.14}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}html,body{min-height:100%;background-color:var(--bg-primary);transition:background-color var(--transition-slow)}body{position:relative;isolation:isolate;color:var(--text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-body);line-height:1.6;transition:background-color var(--transition-slow),color var(--transition-slow)}body:before,body:after{content:"";position:fixed;top:-12vmax;right:-12vmax;bottom:-12vmax;left:-12vmax;pointer-events:none;z-index:-2}body:before{background-image:var(--page-background-image);background-size:var(--page-background-size);background-repeat:var(--page-background-repeat);background-position:left top,right top,left bottom,right bottom,center;background-attachment:fixed;opacity:.9;transition:opacity var(--transition-slow);will-change:opacity}body:after{background-image:var(--bg-noise-texture);background-size:var(--bg-noise-scale);background-repeat:repeat;background-position:center;background-attachment:fixed;opacity:.12;mix-blend-mode:soft-light;z-index:-1;transition:opacity var(--transition-slow);will-change:opacity}body.nav-menu-open{overflow:hidden}body.nav-menu-open main,body.nav-menu-open .page-content,body.nav-menu-open .footer{filter:blur(3px);transition:filter var(--transition-base)}main,.page-content,.footer{transition:filter var(--transition-base)}#root{display:flex;flex-direction:column;min-height:100vh}.fraunces-headline,h1,h2,h3,h4,h5,h6{color:var(--heading-color);font-family:Fraunces,serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"SOFT" 50,"WONK" 1;font-weight:700;line-height:1.2;margin-bottom:var(--space-2)}h1{font-size:var(--font-h1);font-weight:700;letter-spacing:-.02em}h2{font-size:var(--font-h2);font-weight:700;line-height:1.25}h3{font-size:var(--font-h3);font-weight:700}p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-2)}a{border-bottom:1px solid transparent;color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{border-bottom-color:currentcolor;color:var(--text-primary)}a:focus-visible{border-radius:2px;outline:2px solid var(--accent-primary);outline-offset:2px}.main-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--header-surface);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}.header-inner{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--space-4);justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:var(--space-2) var(--space-4);position:relative;width:100%}.brand-row{align-items:center;display:flex;flex:1 1 auto;gap:var(--space-2);min-width:0;white-space:nowrap}.header-controls{align-items:center;display:flex;flex:0 0 auto;gap:var(--space-2);margin-left:auto}.site-main-title{font-size:var(--font-h3);font-weight:500;margin:0}.site-title-link{align-items:center;border:none;color:var(--text-primary);display:flex;gap:var(--space-2);white-space:nowrap}.site-title-link:hover{border:none;color:var(--accent-primary)}.brand-primary{color:var(--heading-color);font-weight:600;letter-spacing:-.02em}.badge{background-color:transparent;border:2px solid var(--accent-primary);border-radius:99px;color:var(--accent-primary);font-size:var(--font-xs);font-weight:600;letter-spacing:.1em;padding:.25rem .625rem;text-transform:uppercase}.badge-portfolio{font-size:.75rem;letter-spacing:.3em;text-transform:none}.window-controls{display:flex;flex-shrink:0;gap:var(--space-1);opacity:.3}.wc{background-color:var(--text-tertiary);border-radius:50%;height:12px;width:12px}.main-nav{flex:1 1 auto;margin-left:var(--space-4);min-width:0;transition:transform var(--transition-fast),opacity var(--transition-fast)}.main-nav ul{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--space-3);list-style:none}.main-nav a{align-items:center;border:none;color:var(--text-secondary);display:flex;font-size:var(--font-sm);font-weight:500;gap:0;letter-spacing:.02em;padding:var(--space-1) 0;position:relative;transition:color var(--transition-fast)}.main-nav a svg{flex-shrink:0}.main-nav a:hover{color:var(--text-primary)}.main-nav a.active{color:var(--accent-primary)}.main-nav a.active:after{background-color:var(--accent-primary);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.nav-item{flex-shrink:0}.nav-toggle{align-items:center;background-color:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:999px;box-shadow:var(--shadow-sm);color:var(--text-primary);cursor:pointer;display:none;flex-shrink:0;font-size:var(--font-sm);font-weight:600;gap:var(--space-1);height:40px;justify-content:center;letter-spacing:.08em;margin-left:var(--space-2);min-width:44px;padding:0 var(--space-2);text-transform:uppercase;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.nav-toggle:hover{background-color:var(--surface-panel-muted);border-color:var(--border-medium)}.nav-toggle:focus-visible{outline:none;box-shadow:var(--shadow-sm),var(--focus-ring)}.nav-toggle:active{transform:scale(.94)}.nav-toggle.is-active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--accent-contrast)}.nav-toggle__icon{align-items:center;display:inline-flex;height:20px;justify-content:center;transition:transform var(--transition-base);width:20px}.nav-toggle.is-active .nav-toggle__icon{transform:rotate(90deg)}.nav-toggle__label{letter-spacing:.08em}@media (width >= 701px){.nav-toggle__label{display:none}}.nav-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--scrim);top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--transition-base);z-index:150}.nav-backdrop.is-visible{opacity:1;pointer-events:auto}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}main{flex:1;width:100%}.page-content{margin:0 auto;max-width:var(--max-width-narrow);padding:var(--space-4) var(--space-4) var(--space-6)}@media (width <= 640px){.page-content{padding:var(--space-3) var(--space-2) var(--space-5)}.footer{padding:var(--space-3) var(--space-2)}}.page-transition{animation:pageFade .35s ease both}body.initial-visit .page-transition{animation:none!important}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-subtle);overflow:hidden;padding:var(--space-3) var(--space-4)}.footer-quote{color:var(--text-tertiary);cursor:pointer;font-size:var(--font-sm);font-style:italic;margin:0 auto;max-width:1000px;text-align:center;transform:translateY(0);transform-origin:center;transition:color var(--transition-fast),transform var(--transition-fast),text-shadow var(--transition-fast);-webkit-user-select:none;user-select:none}.footer-quote:hover{color:var(--text-primary);text-shadow:var(--text-shadow-soft);transform:translateY(-1px)}.footer-quote:active{transform:translateY(0) scale(.96)}.footer-quote:focus{border-radius:4px;outline:2px solid var(--border-focus, var(--text-tertiary));outline-offset:4px}.footer-quote:focus:not(:focus-visible){outline:none}.footer-copyright{color:var(--text-tertiary);font-size:var(--font-xs);margin:var(--space-2) auto 0;max-width:1000px;opacity:.7;text-align:center}.button{align-items:center;background-color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:6px;box-shadow:var(--shadow-sm);color:var(--accent-contrast);cursor:pointer;display:inline-flex;font-size:var(--font-sm);font-weight:500;gap:var(--space-1);justify-content:center;min-height:38px;padding:.625rem 1.25rem;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.button:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-contrast)}.button:active{transform:scale(.98)}.button:focus-visible{outline:none;box-shadow:var(--shadow-sm),var(--focus-ring)}.button--ghost{background-color:transparent;border:1px solid var(--button-ghost-border);color:var(--button-ghost-text)}.button--ghost:hover{background-color:color-mix(in srgb,var(--button-ghost-border) 12%,transparent);border-color:var(--button-ghost-border)}.button--ghost.is-active{background-color:var(--accent-muted);border-color:var(--accent-primary);color:var(--accent-strong)}.button--sm{font-size:var(--font-xs);min-height:32px;padding:.375rem .875rem}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.theme-toggle{align-items:center;background-color:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:999px;color:var(--icon-color);cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);width:36px}.theme-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.theme-toggle:active{transform:scale(.94)}.theme-toggle[data-variant=dark]{color:var(--accent-contrast);background-color:var(--accent-primary);border-color:var(--accent-primary)}.theme-toggle[data-variant=system]{border-style:dashed}.theme-toggle svg{height:16px;width:16px}@keyframes pageFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes navReveal{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes navItemFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.card{background-color:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--space-5);transition:all var(--transition-base)}.card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.text-center{text-align:center}.hidden{display:none}.visually-hidden{border-width:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.icon-inline{display:inline-block;vertical-align:middle}.mr-2{margin-right:var(--space-2)}.mb-5{margin-bottom:var(--space-5)}.mt-7{margin-top:var(--space-8)}@media (width <= 1200px){.nav-item--home{display:none}}@media (width <= 1080px){.nav-item--contact{display:none}}@media (width <= 960px){.window-controls{display:none}}@media (width <= 900px){.badge-portfolio{display:none}}@media (width <= 820px){.header-inner{gap:var(--space-3)}.main-nav ul{gap:var(--space-2)}}@media (width <= 700px){.header-inner{padding:var(--space-2) var(--space-3)}.main-nav{background:linear-gradient(145deg,color-mix(in srgb,var(--bg-tertiary) 96%,transparent),color-mix(in srgb,var(--bg-secondary) 94%,transparent));border:1px solid var(--border-subtle);border-radius:18px;box-shadow:var(--shadow-lg);left:auto;margin-left:0;max-height:calc(100vh - 5.5rem);max-width:100%;opacity:0;overflow-y:auto;padding:var(--space-3);pointer-events:none;position:absolute;right:var(--space-2);top:calc(100% + var(--space-2));transform:translateY(-10px);transition:opacity var(--transition-fast),transform var(--transition-fast);width:min(320px,calc(100vw - 2 * var(--space-2)));z-index:200}.main-header.nav-open .main-nav{animation:navReveal .3s ease;opacity:1;pointer-events:auto;transform:translateY(0)}.main-nav ul{align-items:flex-start;flex-direction:column;gap:0;width:100%}.main-nav li{border-bottom:1px solid var(--border-subtle);display:block;opacity:0;transform:translateY(-6px);width:100%}.main-nav li:last-child{border-bottom:none}.main-nav a{border-radius:0;color:var(--text-primary);font-size:var(--font-sm);justify-content:flex-start;padding:var(--space-2) var(--space-1);width:100%}.main-nav a:after{display:none}.main-nav a.active{background-color:color-mix(in srgb,var(--accent-muted) 35%,transparent);color:var(--accent-primary)}.main-nav a:hover{background-color:color-mix(in srgb,var(--surface-panel-muted) 55%,transparent)}.main-header.nav-open .main-nav li{animation:navItemFade .35s ease forwards}.main-nav li:nth-child(1){animation-delay:.02s}.main-nav li:nth-child(2){animation-delay:.06s}.main-nav li:nth-child(3){animation-delay:.1s}.main-nav li:nth-child(4){animation-delay:.14s}.main-nav li:nth-child(5){animation-delay:.18s}.nav-toggle{display:inline-flex;position:relative;z-index:250}.nav-item--home,.nav-item--contact{display:block}}@media (width <= 480px){.main-nav a{font-size:var(--font-body);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.theme-toggle__auto{padding:0 var(--space-1)}}@media (width <= 560px){.brand-row{gap:var(--space-1);justify-content:space-between;width:100%}.site-main-title{font-size:1.25rem}.brand-primary{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (width >= 1100px){.header-inner{justify-content:space-between}.main-nav{margin-left:var(--space-6)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.bg-gray-300{background-color:var(--surface-panel-muted)}.dark\\:bg-gray-600{background-color:var(--surface-panel)}.rounded{border-radius:var(--border-radius)}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-gray-400{color:var(--text-tertiary)}.h-full{height:100%}.w-full{width:100%}::selection{background-color:var(--selection-bg);color:var(--selection-text)}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}--button-ghost-border: var(--border-strong); --button-ghost-text: var(--text-primary); --button-ghost-border: #6d4f4d; --button-ghost-text: #f8f3ef; {}