@import url("https://fonts.googleapis.com/css2?family=Doto:wght@400;500;600;700&family=Grape+Nuts&family=Inter:wght@400;500;600&family=Poppins:wght@400;500;600&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0c0c;--fg:#d4d4d4;--fg-bright:#fff;--muted:#525252;--accent:#6b7280;--comment:#6b7280;--border:hsla(0,0%,100%,.08);--highlight:hsla(0,0%,100%,.05)}body{background:var(--bg);color:var(--fg);font-family:SF Mono,Fira Code,JetBrains Mono,ui-monospace,monospace;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}::selection{background:hsla(0,0%,100%,.15)}a{color:var(--fg);text-decoration:none;transition:color .2s}a:hover{color:var(--fg-bright)}main{position:relative}.section{display:flex;align-items:center;justify-content:center;padding:3rem 2rem}.section.section-hero{padding-top:6rem}.section.section-auto{min-height:auto;align-items:flex-start}.section-content{width:100%;max-width:600px;text-align:left}.timestamp{position:fixed;top:1.5rem;right:2rem;font-size:12px;color:var(--muted);z-index:100}.timestamp:before{content:"";display:inline-block;width:6px;height:6px;background:#22c55e;border-radius:50%;margin-right:8px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.font-selector{position:fixed;top:1.5rem;left:2rem;z-index:100}.font-selector-toggle{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:transparent;border:1px solid var(--border);color:var(--muted);font-family:inherit;font-size:12px;cursor:pointer;transition:all .2s ease}.font-selector-toggle:hover{border-color:hsla(0,0%,100%,.15);color:var(--fg)}.font-selector-label{font-weight:600;opacity:.5}.font-selector-current{color:var(--fg)}.font-selector-arrow{font-size:10px;transition:transform .2s ease}.font-selector-arrow.open{transform:rotate(180deg)}.font-selector-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:140px;background:#141414;border:1px solid var(--border);padding:.375rem;display:flex;flex-direction:column;gap:.125rem}.font-option{padding:.5rem .75rem;background:transparent;border:none;color:var(--muted);font-size:13px;text-align:left;cursor:pointer;transition:all .15s ease}.font-option:hover{background:var(--highlight);color:var(--fg)}.font-option.active{color:var(--fg-bright);background:var(--highlight)}@media (max-width:640px){.font-selector{position:relative;top:auto;left:auto;margin:1rem 0 0 1.5rem}.font-selector-current{display:none}}.line{display:flex;gap:2rem;margin-bottom:.25rem}.line-number{color:var(--muted);font-size:12px;min-width:24px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.5}.line-content{flex:1 1}.title{font-size:14px;font-weight:400;color:var(--fg);margin-bottom:2rem}.cursor{color:var(--fg-bright);animation:blink 1s infinite;margin-left:1px}@keyframes blink{0%,45%{opacity:1}50%,to{opacity:0}}.fade-in{opacity:0;transform:translateY(16px);transition:opacity 1.4s cubic-bezier(.45,0,.15,1),transform 1.4s cubic-bezier(.45,0,.15,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-line{opacity:0;transform:translateY(12px);transition:opacity 1.2s cubic-bezier(.45,0,.15,1),transform 1.2s cubic-bezier(.45,0,.15,1)}.fade-line.visible{opacity:1;transform:translateY(0)}p{color:var(--fg);margin-bottom:1rem}p:last-child{margin-bottom:0}strong{color:var(--fg-bright);font-weight:500}.text-muted{color:var(--muted)}.comment{color:var(--comment);font-style:italic}.comment:before{content:"// "}.label{font-size:12px;color:var(--muted);margin-top:3rem;margin-bottom:1.5rem;text-transform:lowercase}.label:first-child{margin-top:0}.label:before{content:"## ";opacity:.5}.projects-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{font-size:11px;padding:.25rem .5rem;background:var(--highlight);color:var(--muted)}.browser-window,.tag{border:1px solid var(--border)}.browser-window{background:hsla(0,0%,100%,.02);overflow:hidden;transition:all .3s ease}.browser-window:hover{border-color:hsla(0,0%,100%,.15);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.3)}.browser-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:hsla(0,0%,100%,.03);border-bottom:1px solid var(--border)}.browser-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.browser-url{gap:.5rem;flex:1 1;padding:.375rem .75rem;background:rgba(0,0,0,.3);border-radius:4px;font-size:11px;color:var(--muted)}.browser-url,.url-icon{display:flex;align-items:center}.url-icon{opacity:.5}.url-text{opacity:.7}.browser-title{display:none}.browser-content{padding:1.25rem}.browser-content h3{font-size:14px;font-weight:500;color:var(--fg-bright);margin-bottom:.5rem}.browser-content p{font-size:13px;color:var(--muted);margin-bottom:0}@media (max-width:640px){.browser-url{display:none}.browser-title{display:block;font-size:11px;color:var(--muted)}}.footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.links{display:flex;gap:1.5rem}.links a{color:var(--muted)}.links a:hover{color:var(--fg)}.cursor-glow{pointer-events:none;position:fixed;width:400px;height:400px;background:radial-gradient(circle,hsla(0,0%,100%,.02) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);z-index:0}@media (max-width:640px){body{font-size:15px}.section{padding:2rem 1.5rem}.section.section-hero{padding-top:1rem}.timestamp{position:relative;top:auto;right:auto;font-size:11px;margin:.5rem 0 0 1.5rem}.project-desc,.project-tags{padding-left:0}.footer{flex-direction:column;text-align:center}.footer,.line{gap:1rem}.line-number{display:none}}.editable-word{color:var(--fg-bright);cursor:pointer;position:relative;display:inline-block;transition:opacity .15s ease,transform .15s ease}.editable-word.changing{opacity:0;transform:translateY(-4px)}.hover-hint-wrapper{position:relative;display:inline}.hover-hint-trigger{border-bottom:1px dotted hsla(0,0%,100%,.2);cursor:default;transition:border-color .2s ease}.hover-hint-wrapper:hover .hover-hint-trigger{border-bottom-color:hsla(0,0%,100%,.4)}.hover-hint-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);padding:.5rem .75rem;background:#1a1a1a;border:1px solid var(--border);font-size:13px;font-style:italic;color:var(--fg);white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:50}.hover-hint-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1a1a1a}.hover-hint-tooltip.visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}@media (max-width:640px){.hover-hint-tooltip{display:none}.hover-hint-trigger{border-bottom:none}}.note-input-wrapper{margin-top:3rem;padding:1.25rem;background:var(--highlight);border:1px solid var(--border);transition:all .2s ease}.note-input-wrapper.focused{border-color:hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.03)}.note-input-container{display:flex;gap:.5rem;align-items:flex-start}.note-prefix{color:var(--muted);font-style:italic;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.7}.note-input{flex:1 1;background:transparent;border:none;outline:none;color:var(--fg);font-family:inherit;font-size:inherit;line-height:1.7;resize:none;min-height:24px;max-height:200px}.note-input::placeholder{color:var(--muted);font-style:italic}.note-input:disabled{opacity:.5}.note-actions{display:flex;justify-content:flex-end;margin-top:.75rem;min-height:24px}.note-send{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:inherit;font-size:12px;padding:.25rem .75rem;cursor:pointer;transition:all .2s ease}.note-send:hover{border-color:var(--fg);color:var(--fg)}.note-status{font-size:12px;padding:.25rem 0}.note-status.sending{color:var(--muted)}.note-status.sent{color:#22c55e}.note-status.error{color:#ef4444}.comment-section{position:relative}.css-comment{display:block;margin-top:.75rem;font-size:12px;color:#6a9955;font-style:italic}.polaroid{background:#f5f5f0;padding:12px 12px 40px;box-shadow:0 4px 6px rgba(0,0,0,.3),0 10px 20px rgba(0,0,0,.2);transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;cursor:pointer}.polaroid:hover{box-shadow:0 8px 16px rgba(0,0,0,.4),0 20px 40px rgba(0,0,0,.3);z-index:10}.polaroid-image{position:relative;width:100%;aspect-ratio:1;background:#222;overflow:hidden}.polaroid-caption{font-family:Grape Nuts,cursive;color:#333;text-align:center;font-size:14px;margin-top:12px;line-height:1.3}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;padding:1rem;max-width:700px}@media (max-width:640px){.photo-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.polaroid{padding:8px 8px 32px}.polaroid-caption{font-size:12px}}.resume-card{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:hsla(0,0%,100%,.02);border:1px solid var(--border);transition:all .3s ease}.resume-card:hover{border-color:hsla(0,0%,100%,.15);transform:translateY(-2px)}.resume-section{display:flex;flex-direction:column;gap:.5rem}.resume-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);opacity:.7}.resume-item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.resume-item-title{font-size:14px;color:var(--fg-bright);font-weight:500}.resume-item-subtitle{font-size:13px;color:var(--fg)}.resume-item-date{font-size:12px;color:var(--muted);white-space:nowrap}.resume-download{display:inline-flex;align-items:center;gap:.5rem;font-size:12px;padding:.5rem 1rem;border:1px solid var(--border);background:transparent;cursor:pointer;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.resume-download:hover{color:var(--fg);border-color:hsla(0,0%,100%,.2)}.section-divider{width:100%;height:1px;background:var(--border);margin:3rem 0}.client-grid{display:flex;flex-direction:column;gap:1.5rem}.embed-wrapper{position:relative;width:100%;height:300px;overflow:hidden}.site-embed{width:100%;height:100%;border:none;pointer-events:none}.embed-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent 50%);display:flex;align-items:flex-end;justify-content:flex-start;padding:1rem;opacity:0;transition:opacity .3s ease}.embed-wrapper:hover .embed-overlay{opacity:1}.embed-link{font-size:12px;color:var(--fg);padding:.5rem 1rem;background:rgba(0,0,0,.6);border:1px solid var(--border);transition:all .2s ease}.embed-link:hover{background:rgba(0,0,0,.8);border-color:hsla(0,0%,100%,.2)}.socials-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:640px){.socials-grid{grid-template-columns:1fr}}.instagram-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:hsla(0,0%,100%,.02);border:1px solid var(--border);transition:all .3s ease;text-decoration:none}.instagram-card:hover{border-color:hsla(0,0%,100%,.15);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.3)}.instagram-header{display:flex;align-items:center;gap:.75rem}.instagram-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.instagram-info{display:flex;flex-direction:column}.instagram-handle{font-size:14px;font-weight:500;color:var(--fg-bright)}.instagram-subtitle{font-size:12px;color:var(--muted)}.instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px}.instagram-placeholder{aspect-ratio:1;background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid var(--border)}.instagram-cta{font-size:12px;color:var(--muted);transition:color .2s ease}.instagram-card:hover .instagram-cta{color:var(--fg)}.tiktok-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:hsla(0,0%,100%,.02);border:1px solid var(--border);transition:all .3s ease;text-decoration:none}.tiktok-card:hover{border-color:hsla(0,0%,100%,.15);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.3)}.tiktok-header{gap:.75rem}.tiktok-avatar,.tiktok-header{display:flex;align-items:center}.tiktok-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#25f4ee,#fe2c55);justify-content:center;font-weight:600;font-size:14px;color:#fff}.tiktok-info{display:flex;flex-direction:column}.tiktok-handle{font-size:14px;font-weight:500;color:var(--fg-bright)}.tiktok-subtitle{font-size:12px;color:var(--muted)}.tiktok-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px}.tiktok-placeholder{aspect-ratio:9/16;background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid var(--border)}.tiktok-cta{font-size:12px;color:var(--muted);transition:color .2s ease}.tiktok-card:hover .tiktok-cta{color:var(--fg)}.experience-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:640px){.experience-grid{grid-template-columns:1fr}}.experience-card{display:flex;flex-direction:column;gap:.25rem;padding:1.25rem;background:hsla(0,0%,100%,.02);border:1px solid var(--border);transition:all .3s ease}.experience-card:hover{border-color:hsla(0,0%,100%,.15)}.experience-card-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.experience-company{font-size:14px;font-weight:600;color:var(--fg-bright)}.experience-date{font-size:12px;color:var(--muted);white-space:nowrap}.experience-role{font-size:13px;color:var(--fg)}.experience-description{font-size:12px;color:var(--muted);margin-top:.25rem}.writing-list{display:flex;flex-direction:column}.writing-link{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--fg);font-size:14px;transition:color .2s ease}.writing-link:first-child{border-top:1px solid var(--border)}.writing-link:hover{color:var(--fg-bright)}.writing-arrow{color:var(--muted);transition:transform .2s ease,color .2s ease}.writing-link:hover .writing-arrow{transform:translateX(4px);color:var(--fg-bright)}.linkedin-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:hsla(0,0%,100%,.02);border:1px solid var(--border);transition:all .3s ease;text-decoration:none}.linkedin-card:hover{border-color:hsla(0,0%,100%,.15);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.3)}.linkedin-header{display:flex;align-items:center;gap:.75rem}.linkedin-avatar{width:40px;height:40px;border-radius:50%;background:#0a66c2;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.linkedin-info{display:flex;flex-direction:column}.linkedin-handle{font-size:14px;font-weight:500;color:var(--fg-bright)}.linkedin-cta,.linkedin-subtitle{font-size:12px;color:var(--muted)}.linkedin-cta{transition:color .2s ease}.linkedin-card:hover .linkedin-cta{color:var(--fg)}.resume-download{display:inline-block;font-size:13px;color:var(--muted);text-decoration:none;padding:.5rem 0;transition:color .2s ease}.resume-download:hover{color:var(--fg-bright)}