body{margin:0;font-family:var(--primary-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;overscroll-behavior-x:none;background-color:var(--background-color);color:var(--text-color)}code,.mono{font-family:var(--mono-font)}.works-card{mix-blend-mode:normal;border-radius:4px;opacity:.85;position:relative;background:var(--static-background);border:1px solid rgba(206,156,108,.18);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,opacity .25s ease,transform .2s ease}.works-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:1;opacity:0;transition:opacity .25s ease}.works-card:hover{opacity:1;border-color:#ce9c6c73;box-shadow:0 0 22px #ce9c6c1a,inset 0 0 40px #ce9c6c0a;transform:translateY(-2px)}.works-card:hover:before{opacity:1}.works-card:hover .works-corner:before,.works-card:hover .works-corner:after{opacity:1}.works-corner{position:absolute;width:14px;height:14px;pointer-events:none;z-index:3}.works-corner:before,.works-corner:after{content:"";position:absolute;background:var(--primary-color);opacity:0;transition:opacity .25s ease}.works-corner:before{width:100%;height:1.5px}.works-corner:after{width:1.5px;height:100%}.works-corner.top-left{top:7px;left:7px}.works-corner.top-left:before{top:0;left:0}.works-corner.top-left:after{top:0;left:0}.works-corner.top-right{top:7px;right:7px}.works-corner.top-right:before{top:0;right:0}.works-corner.top-right:after{top:0;right:0}.works-corner.bottom-left{bottom:7px;left:7px}.works-corner.bottom-left:before{bottom:0;left:0;top:auto}.works-corner.bottom-left:after{bottom:0;left:0;top:auto}.works-corner.bottom-right{bottom:7px;right:7px}.works-corner.bottom-right:before{bottom:0;right:0;top:auto}.works-corner.bottom-right:after{bottom:0;right:0;top:auto}.works-card-container{padding:30px;position:relative;z-index:2}.works-card-header{margin-bottom:24px}.works-card-label{font-family:var(--pixel-font);font-size:10px;color:var(--primary-color);opacity:.45;letter-spacing:.05em}.works-body{margin-bottom:10px}.work{display:flex;flex-direction:column;padding-bottom:36px;max-width:100%;box-sizing:border-box;position:relative}.work:last-child{padding-bottom:0}.work-header{display:flex;align-items:center;margin-bottom:8px}.work-image{height:30px;width:30px;border-radius:50%;outline:6px solid var(--text-color);box-shadow:0 7px 10px #fff8df;margin-right:15px;flex-shrink:0}.work-title{font-size:15px;font-weight:700;color:var(--text-color);flex:1}.work-subtitle{font-size:15px;color:var(--text-color);margin-bottom:5px;margin-left:45px}.work-duration{font-family:var(--pixel-font);font-size:12px;color:var(--primary-color);opacity:.7;letter-spacing:.04em;margin-left:45px}@media (min-width: 801px){.work{flex-direction:row;align-items:flex-start}.work-header{flex:0 0 auto;margin-bottom:0}.work-subtitle{position:absolute;top:20px;left:50px;margin:0}.work-duration{position:absolute;top:2px;right:0;margin:0;text-align:right}}@media (max-width: 800px){.works-card-container{padding:22px}.work{flex-direction:column;align-items:flex-start;width:100%;padding-bottom:28px}.work-header{width:100%;margin-bottom:8px}.work-image{margin-right:12px}.work-title{font-size:14px}.work-subtitle{font-size:15px;margin-left:0;margin-bottom:3px}.work-duration{margin-left:0}}@media (max-width: 480px){.works-card-container{padding:20px}.work{padding-bottom:22px}.work-title{font-size:13px}.work-subtitle{font-size:14px}}.project{mix-blend-mode:normal;border-radius:4px;opacity:.85;height:100%;position:relative;background:var(--static-background);border:1px solid rgba(199,158,115,.18);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,opacity .25s ease,transform .2s ease}.project:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:1;opacity:0;transition:opacity .25s ease}.project a{text-decoration:none}.project:hover{opacity:1;border-color:#c79e7373;box-shadow:0 0 22px #c79e731a,inset 0 0 40px #c79e730a;transform:translateY(-2px)}.project:hover:before{opacity:1}.project:hover .project-link{color:var(--link-color)}.project:hover .project-corner:before,.project:hover .project-corner:after{opacity:1}.project-corner{position:absolute;width:14px;height:14px;pointer-events:none;z-index:3}.project-corner:before,.project-corner:after{content:"";position:absolute;background:var(--primary-color);opacity:0;transition:opacity .25s ease}.project-corner:before{width:100%;height:1.5px}.project-corner:after{width:1.5px;height:100%}.top-left{top:7px;left:7px}.top-left:before{top:0;left:0}.top-left:after{top:0;left:0}.top-right{top:7px;right:7px}.top-right:before{top:0;right:0}.top-right:after{top:0;right:0}.bottom-left{bottom:7px;left:7px}.bottom-left:before{bottom:0;left:0;top:auto}.bottom-left:after{bottom:0;left:0;top:auto}.bottom-right{bottom:7px;right:7px}.bottom-right:before{bottom:0;right:0;top:auto}.bottom-right:after{bottom:0;right:0;top:auto}.project-container{padding:30px;position:relative;z-index:2}.project-header{display:flex;justify-content:space-between;align-items:flex-start}.project-logo{width:30px}.project-logo img{width:100%}.project-num{font-family:var(--pixel-font);font-size:10px;color:var(--primary-color);opacity:.45;letter-spacing:.05em}.project-title{font-family:var(--pixel-font);color:var(--primary-color);font-size:14px;line-height:1.6;letter-spacing:.04em;padding-top:16px;margin-bottom:1em}.project-description{color:var(--text-color);font-size:15px;line-height:1.6}.project-link{display:flex;align-items:center;gap:10px;color:var(--secondary-color);font-family:var(--pixel-font);font-size:10px;letter-spacing:.05em;padding-top:20px;transition:color .25s ease}.project-link-arrow{font-size:9px}.project:hover .project-link-arrow{animation:blink-cursor .85s step-end infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.project--wip{border-style:dashed;border-color:#c79e7359}.project-stage{display:flex;align-items:center;gap:8px;padding-top:20px;color:var(--primary-color);font-family:var(--pixel-font);font-size:10px;letter-spacing:.08em}.project-stage-cursor{font-size:8px;animation:blink-cursor .85s step-end infinite}.project-tags{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px}.project-tag{font-family:var(--pixel-font);font-size:9px;color:var(--secondary-color);background:#30806a26;border-radius:2px;padding:2px 6px;letter-spacing:.04em}@media (max-width: 900px){.project-container{padding:22px}}@media (max-width: 600px){.project-container{padding:20px}.project-title{font-size:12px}.project-description{font-size:14px}}.all-projects-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:30px;padding-bottom:30px}.all-projects-project{box-sizing:border-box;overflow:hidden}@media (max-width: 900px){.all-projects-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.all-projects-container{grid-template-columns:1fr}}.pd{display:flex;align-items:center;gap:14px;margin:36px 0}.pd-row{display:flex;gap:4px}.pd-sq{width:8px;height:8px;display:inline-block}.pd-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-color);opacity:.5}a{color:var(--secondary-color)}.homepage-logo-container{display:flex;justify-content:left;align-items:center;padding-top:130px}.homepage-container{padding-top:25px}.homepage-first-area{display:flex;justify-content:space-between;align-items:center;margin-top:calc(3vh + 56px)}.homepage-first-area-left-side{display:flex;flex-direction:column;align-items:flex-start}.homepage-title,.homepage-subtitle{width:85%!important}.homepage-first-area-right-side{display:flex;align-items:center}.viewfinder-wrap{width:100%;display:flex;justify-content:center}.viewfinder-body{width:100%;max-width:520px;background:#0c0b0a;border-radius:12px;padding:12px 12px 16px;box-shadow:0 0 0 1px #ffffff0d,0 28px 72px #0009,inset 0 1px #ffffff12}.viewfinder-screen{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:4px;background:#000}.homepage-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.vf-hud-top{position:absolute;inset:0 0 auto 0;padding:8px 12px 22px;background:linear-gradient(to bottom,rgba(0,0,0,.62) 0%,transparent 100%);display:flex;justify-content:space-between;align-items:center;font-family:var(--mono-font);font-size:9px;color:#f1efede0;letter-spacing:.04em;z-index:20;pointer-events:none}.vf-focal{color:#c79e73}.vf-unit{font-size:7px;opacity:.75}.vf-af{opacity:.72}.vf-meter{opacity:.8}.vf-corner{position:absolute;width:22px;height:22px;z-index:15;opacity:0;animation:vf-corner-in .35s cubic-bezier(.2,0,.38,1) .2s forwards}.vf-tl{top:11px;left:11px;border-top:1.5px solid rgba(199,158,115,.9);border-left:1.5px solid rgba(199,158,115,.9)}.vf-tr{top:11px;right:11px;border-top:1.5px solid rgba(199,158,115,.9);border-right:1.5px solid rgba(199,158,115,.9)}.vf-bl{bottom:11px;left:11px;border-bottom:1.5px solid rgba(199,158,115,.9);border-left:1.5px solid rgba(199,158,115,.9)}.vf-br{bottom:11px;right:11px;border-bottom:1.5px solid rgba(199,158,115,.9);border-right:1.5px solid rgba(199,158,115,.9)}@keyframes vf-corner-in{0%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.vf-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:33.333% 33.333%;pointer-events:none}.vf-hud-bottom{position:absolute;inset:auto 0 0 0;padding:20px 12px 8px;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 100%);font-family:var(--mono-font);font-size:8px;color:#f1efeddb;z-index:20;pointer-events:none}.vf-exp-row{display:flex;justify-content:center;align-items:center;gap:7px;margin-bottom:5px}.vf-aperture{color:#c79e73;font-size:9px}.vf-dot{opacity:.3}.vf-shutter,.vf-iso{opacity:.9;font-size:9px}.vf-ev-track{display:flex;align-items:center;gap:5px;margin-bottom:5px}.vf-ev-neg,.vf-ev-pos{opacity:.4;font-size:7px;flex-shrink:0}.vf-ev-bar{flex:1;height:2px;background:#ffffff24;border-radius:1px;position:relative}.vf-ev-pip{position:absolute;left:calc(50% - 8px);top:-2px;width:2px;height:6px;background:#c79e73;border-radius:1px}.vf-status{display:flex;justify-content:space-between;align-items:center}.vf-mode{color:#c79e73;font-size:11px;font-weight:700}.vf-batt{color:#64d26ed1;letter-spacing:-.08em;font-size:7px}.vf-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.48) 100%);z-index:10;pointer-events:none}.vf-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.022) 3px,rgba(0,0,0,.022) 4px);z-index:22;pointer-events:none}.vf-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 4px 0}.vf-footer-exp,.vf-footer-file{font-family:var(--mono-font);font-size:8px;letter-spacing:.1em;color:#fff3}.homepage-eyebrow{font-size:11px;letter-spacing:.22em;color:var(--primary-color);text-transform:uppercase;margin-bottom:14px}.homepage-first-area{gap:32px}.homepage-first-area-right-side{flex:1 1 480px;min-width:320px;max-width:600px}.homepage-socials{display:flex;justify-content:left;align-items:center;padding-top:30px}.homepage-social-icon{padding-right:20px;font-size:25px;transition:color .2s ease-in-out;color:var(--text-color)}.homepage-social-icon:hover{color:var(--primary-color)}.homepage-email-btn{background:none;border:none;padding:0;cursor:pointer;line-height:1;position:relative}.homepage-email-toast{position:absolute;top:-24px;left:50%;transform:translate(-50%) translateY(4px);background:var(--static-background);color:var(--primary-color);border:1px solid var(--primary-color);font-family:var(--mono-font);font-size:10px;letter-spacing:.06em;padding:2px 8px;border-radius:3px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease}.homepage-email-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.homepage-after-title{display:flex;justify-content:space-between}.homepage-projects{flex-basis:300px;padding-top:40px}.homepage-articles{flex-basis:900px;padding-top:30px;margin-left:-30px}.homepage-article{padding-bottom:5px}.homepage-works{padding-top:40px}@media (max-width: 1024px){.homepage-first-area{flex-direction:column}.homepage-first-area-left-side{display:flex;flex-direction:column;align-items:flex-start;width:100%;order:2}.homepage-title{width:100%!important;margin-top:20px;order:2}.homepage-subtitle{width:100%!important;margin-top:10px;order:3}.homepage-first-area-right-side{width:100%;order:1}.viewfinder-wrap{padding-top:50px;padding-bottom:20px;width:100%;order:1}.homepage-first-area-right-side{max-width:100%}.homepage-after-title{flex-direction:column}.homepage-projects,.homepage-articles{flex-basis:auto}.homepage-works{flex-basis:auto;width:100%;justify-content:center}}@media (max-width: 600px){.homepage-first-area{margin-top:20px}}.social,.email-wrapper{display:flex;padding-bottom:20px}.social a,.email-wrapper a{text-decoration:none}.social-icon{font-size:15px;color:var(--secondary-color)}.social-text{color:var(--secondary-color);padding-left:30px;margin-top:-20px;font-weight:600;font-size:14px}.email-copy{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition:opacity .15s ease}.email-copy:hover{opacity:.75}.email-copy:active{opacity:.5}.email-toast{position:absolute;left:0;bottom:calc(100% + 6px);background:var(--static-background);color:var(--primary-color);border:1px solid var(--primary-color);font-family:var(--mono-font);font-size:11px;letter-spacing:.06em;padding:4px 10px;border-radius:3px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.email-toast--visible{opacity:1;transform:translateY(0)}.about-logo-container{display:flex;justify-content:left;padding-top:25px}.about-logo{display:flex;position:fixed;border:1px solid var(--rule-color);border-radius:50%;box-shadow:0 4px 10px #00000040;top:4vh}.about-container{display:flex;flex-direction:column;height:100%;margin:0;padding-top:120px}.about-main{display:flex}.about-right-side{flex-basis:900px}.about-title{width:100%!important}.about-subtitle{width:80%!important}.about-left-side{display:flex;flex-direction:column;flex-basis:300px}.about-image-container{width:370px}.about-image-wrapper{display:inline-block;overflow:hidden;width:100%;border-radius:10%;transform:rotate(3deg)}.about-image-wrapper img{display:block;width:100%}.about-socials{padding-top:50px;padding-bottom:50px}.about-socials-mobile{display:none}@media (max-width: 1024px){.about-logo{z-index:100}.about-main{flex-direction:column}.about-subtitle{padding-top:20px!important}.about-left-side{flex-basis:100%;order:1}.about-right-side{flex-basis:100%;order:2}.about-image-container{padding-bottom:40px}.about-socials{display:none}.about-socials-mobile{padding-top:30px;display:flex}}@media (max-width: 600px){.about-container{padding-top:60px}.about-image-container{width:80%}}.projects-logo-container{display:flex;justify-content:left;padding-top:25px}.projects-logo{display:flex;position:fixed;border:1px solid var(--rule-color);border-radius:50%;box-shadow:0 4px 10px #00000040;top:4vh;z-index:999}.projects-container{display:flex;flex-direction:column;height:100%;margin:0;padding-top:120px}.projects-eyebrow{font-family:var(--mono-font);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--primary-color);margin-bottom:12px}.projects-wip-title{font-family:var(--secondary-font);font-size:28px;letter-spacing:-.02em}.projects-divider{border:none;border-top:1px solid var(--rule-color);margin:56px 0 0}@media (max-width: 600px){.projects-container{padding-top:60px}.projects-project{width:50%}.projects-wip-title{font-size:22px}}.experience-container{margin-top:6em;padding-top:1em;display:flex;flex-direction:column;min-height:100vh;width:100%;box-sizing:border-box}.experience-logo{display:flex;position:fixed;border:1px solid var(--rule-color);border-radius:50%;box-shadow:0 4px 10px #00000040;top:4vh;z-index:999}.experience-title{padding-top:5px;padding-bottom:10px}.experience-eyebrow{font-family:var(--mono-font);font-size:11px;letter-spacing:.22em;color:var(--primary-color);text-transform:uppercase;margin-bottom:12px}.tl-spacer{display:none;pointer-events:none;flex-shrink:0;scroll-snap-align:none}.tl-root{position:relative;margin:48px 0 64px;padding:12px 0}.tl-spine{position:absolute;left:50%;top:0;transform:translate(-50%);width:4px;height:100%;overflow:visible;z-index:0}.tl-spine-h{display:none}.tl-outer{display:contents}.tl-progress{display:none}.tl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:56px;position:relative;z-index:1}.tl-entry{display:grid;grid-template-columns:1fr 56px 1fr;align-items:start;column-gap:16px}.tl-entry__rail{grid-column:2 / 3;display:flex;flex-direction:column;align-items:center;position:relative;padding-top:18px}.tl-entry__dot{display:block;width:14px;height:14px;border-radius:50%;background:var(--entry-accent, var(--primary-color));box-shadow:0 0 0 4px #22201f,0 0 0 5px var(--entry-accent, var(--primary-color));position:relative;z-index:2}.tl-entry__tick{position:absolute;top:25px;width:36px;height:2px;background:var(--primary-color)}.tl-entry--left .tl-entry__tick{right:50%;transform:translate(-7px)}.tl-entry--right .tl-entry__tick{left:50%;transform:translate(7px)}.tl-entry__card{background:var(--static-background);border:1px solid var(--rule-color);padding:22px 24px;border-radius:6px;color:var(--text-color);position:relative;overflow:hidden;background-image:radial-gradient(circle,var(--halftone-color) 1px,transparent 1.4px);background-size:11px 11px}.tl-entry__card:before{content:"";position:absolute;top:0;left:0;width:4px;height:32px;background:var(--entry-accent, var(--primary-color))}.tl-entry--left .tl-entry__card{grid-column:1 / 2;text-align:right}.tl-entry--right .tl-entry__card{grid-column:3 / 4;text-align:left}.tl-entry--left .tl-entry__card:before{left:auto;right:0}.tl-entry__date{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--primary-color);display:flex;align-items:center;gap:10px;margin-bottom:8px}.tl-entry--left .tl-entry__date{flex-direction:row-reverse}.tl-entry__index{color:var(--text-color);opacity:.55;font-weight:700}.tl-entry__role{font-family:var(--secondary-font);font-size:24px;line-height:1.2;margin:0 0 6px;font-weight:600;letter-spacing:-.01em}.tl-entry__org{margin:0;font-size:15px;color:var(--text-color);opacity:.82;line-height:1.5}.tl-entry__org-name{font-weight:500}.tl-entry__org-sep{opacity:.45;padding:0 2px}.tl-entry__loc{font-size:11px;letter-spacing:.1em;opacity:.7}.tl-entry__bullets{margin:12px 0 0;padding-left:16px;font-size:15px;line-height:1.55;color:var(--text-color);opacity:.85}@media (min-width: 801px){.experience-page{height:100vh;overflow:hidden;display:flex;flex-direction:column}.experience-page .content-wrapper{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.experience-logo-container{flex:none;height:0;overflow:visible}.experience-container{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;margin:0;padding:5em clamp(16px,4vw,56px) 0}.experience-eyebrow{flex:none;margin-bottom:6px}.experience-title{flex:none;font-size:clamp(22px,2.8vw,36px);padding-bottom:0}.experience-page .page-footer{display:none}.tl-outer{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.tl-spine-h{display:block;position:absolute;top:50%;left:0;right:0;height:2px;margin-top:-1px;background:var(--rule-color);transform-origin:right center;pointer-events:none;z-index:2}.tl-spine{display:none}.tl-root{flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;padding:0;margin:0;scroll-snap-type:x proximity;scrollbar-width:none;position:relative;z-index:1}.tl-root::-webkit-scrollbar{display:none}.tl-list{height:100%;min-height:0;flex-direction:row;gap:0;align-items:stretch;padding:0}.tl-entry,.tl-entry--left,.tl-entry--right{display:flex;flex-direction:column;align-items:center;flex:0 0 clamp(240px,24vw,340px);height:100%;position:relative;padding:0 10px;scroll-snap-align:center;grid-template-columns:none;column-gap:0}.tl-entry__rail{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;flex-direction:column;align-items:center;z-index:3}.tl-entry__tick{position:absolute;width:2px;height:30px;background:var(--primary-color);left:50%;transform:translate(-50%);top:auto}.tl-entry--left .tl-entry__tick{bottom:16px;top:auto;right:auto;transform:translate(-50%);width:2px}.tl-entry--right .tl-entry__tick{top:16px;bottom:auto;left:50%;right:auto;transform:translate(-50%);width:2px}.tl-entry__card{position:absolute;left:10px;right:10px;padding:16px 18px}.tl-entry--left .tl-entry__card{bottom:calc(50% + 50px);top:auto;grid-column:auto;text-align:left}.tl-entry--right .tl-entry__card{top:calc(50% + 50px);bottom:auto;grid-column:auto;text-align:left}.tl-entry--left .tl-entry__card:before,.tl-entry--right .tl-entry__card:before{left:0;right:auto}.tl-entry--left .tl-entry__date{flex-direction:row}.tl-entry__role{font-size:clamp(14px,1.4vw,20px)}.tl-spacer{display:block}.tl-progress{display:flex;align-items:center;justify-content:center;gap:2px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:6px 8px;background:#0e0c0ad1;border:1px solid var(--rule-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10;pointer-events:all;white-space:nowrap}.tl-progress__step{display:flex;align-items:center;background:none;border:none;padding:6px 8px;cursor:pointer;opacity:.32;transition:opacity .15s}.tl-progress__step:hover{opacity:.65}.tl-progress__step--active{opacity:1}.tl-progress__dot{width:5px;height:5px;border-radius:50%;background:var(--text-color);flex-shrink:0;transition:transform .2s ease,background .15s}.tl-progress__step--active .tl-progress__dot{transform:scale(1.8);background:var(--primary-color)}}@media (max-width: 800px){.experience-container{margin-top:2em;padding:1em}.tl-root{padding-left:36px}.tl-spine{left:18px;transform:none}.tl-entry,.tl-entry--left,.tl-entry--right{grid-template-columns:36px 1fr;column-gap:12px}.tl-entry__rail{grid-column:1 / 2}.tl-entry--left .tl-entry__card,.tl-entry--right .tl-entry__card{grid-column:2 / 3;text-align:left}.tl-entry--left .tl-entry__card:before,.tl-entry--right .tl-entry__card:before{left:0;right:auto}.tl-entry--left .tl-entry__date{flex-direction:row}.tl-entry--left .tl-entry__tick,.tl-entry--right .tl-entry__tick{left:100%;right:auto;transform:translate(0);width:18px}}@media (max-width: 480px){.experience-container{margin-top:1.5em;padding:.5em}.experience-title{font-size:32px}.tl-entry__card{padding:16px 18px}.tl-entry__role{font-size:18px}}.bp-bento{display:grid;gap:10px;margin-top:24px;grid-template-areas:"big  big  tall" "sm1  sm2  tall";grid-template-columns:repeat(3,1fr);grid-template-rows:260px 200px}.bp-bento[data-count="4"] .bp-card:nth-child(1){grid-area:big}.bp-bento[data-count="4"] .bp-card:nth-child(2){grid-area:tall}.bp-bento[data-count="4"] .bp-card:nth-child(3){grid-area:sm1}.bp-bento[data-count="4"] .bp-card:nth-child(4){grid-area:sm2}.bp-bento[data-count="2"]{grid-template-areas:"a b";grid-template-columns:1fr 1fr;grid-template-rows:300px}.bp-bento[data-count="2"] .bp-card:nth-child(1){grid-area:a}.bp-bento[data-count="2"] .bp-card:nth-child(2){grid-area:b}.bp-bento[data-count="3"]{grid-template-areas:"big  big  tall" "sm   sm   tall";grid-template-columns:repeat(3,1fr);grid-template-rows:220px 180px}.bp-bento[data-count="3"] .bp-card:nth-child(1){grid-area:big}.bp-bento[data-count="3"] .bp-card:nth-child(2){grid-area:tall}.bp-bento[data-count="3"] .bp-card:nth-child(3){grid-area:sm}.bp-bento[data-count="5"]{grid-template-areas:"a  a  b" "c  d  e";grid-template-columns:repeat(3,1fr);grid-template-rows:240px 200px}.bp-bento[data-count="5"] .bp-card:nth-child(1){grid-area:a}.bp-bento[data-count="5"] .bp-card:nth-child(2){grid-area:b}.bp-bento[data-count="5"] .bp-card:nth-child(3){grid-area:c}.bp-bento[data-count="5"] .bp-card:nth-child(4){grid-area:d}.bp-bento[data-count="5"] .bp-card:nth-child(5){grid-area:e}.bp-bento[data-count="6"]{grid-template-areas:"a  a  b" "c  d  b" "e  e  f";grid-template-columns:repeat(3,1fr);grid-template-rows:220px 180px 200px}.bp-bento[data-count="6"] .bp-card:nth-child(1){grid-area:a}.bp-bento[data-count="6"] .bp-card:nth-child(2){grid-area:b}.bp-bento[data-count="6"] .bp-card:nth-child(3){grid-area:c}.bp-bento[data-count="6"] .bp-card:nth-child(4){grid-area:d}.bp-bento[data-count="6"] .bp-card:nth-child(5){grid-area:e}.bp-bento[data-count="6"] .bp-card:nth-child(6){grid-area:f}.bp-card{position:relative;display:block;width:100%;height:100%;background:var(--static-background);border:1px solid var(--rule-color);border-radius:2px;padding:0;cursor:pointer;overflow:hidden;text-align:left;transition:border-color .22s ease,box-shadow .22s ease}.bp-card:hover{border-color:#c79e734d;box-shadow:0 6px 24px #00000059}.bp-card__photo{position:absolute;top:0;right:0;left:0;bottom:32px;overflow:hidden}.bp-card__photo img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.bp-card__placeholder{width:100%;height:100%}.bp-card:nth-child(1) .bp-card__placeholder{background:radial-gradient(ellipse at 38% 55%,#c79e7338,#1c1917 68%)}.bp-card:nth-child(2) .bp-card__placeholder{background:radial-gradient(ellipse at 52% 38%,#649bc529,#141210 68%)}.bp-card:nth-child(3) .bp-card__placeholder{background:radial-gradient(ellipse at 45% 60%,#30806a24,#12100e 68%)}.bp-card:nth-child(4) .bp-card__placeholder{background:radial-gradient(ellipse at 62% 42%,#c79e7321,#181513 68%)}.bp-card__strip{position:absolute;bottom:0;left:0;right:0;height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--static-background);border-top:1px solid var(--rule-color);z-index:2;transition:opacity .2s ease}.bp-card--open .bp-card__strip{opacity:0}.bp-card__caption{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-color);opacity:.6}.bp-card__year{font-size:9px;letter-spacing:.1em;color:var(--primary-color);opacity:.5}.bp-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0807ed;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;flex-direction:column;justify-content:flex-end;padding:18px;z-index:3;opacity:0;transform:translateY(6px);transition:opacity .26s cubic-bezier(.25,.46,.45,.94),transform .26s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.bp-card--open .bp-card__overlay{opacity:1;transform:translateY(0);pointer-events:auto}.bp-overlay__close{position:absolute;top:12px;right:12px;font-size:10px;color:var(--text-color);opacity:.3;letter-spacing:.05em}.bp-overlay__context{font-family:var(--secondary-font);font-size:13px;line-height:1.6;color:var(--text-color);opacity:.9;margin:0 0 14px;font-variation-settings:"wdth" 90,"wght" 400}.bp-overlay__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(241,239,237,.1);padding-top:11px}.bp-overlay__location{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--primary-color);opacity:.85}.bp-overlay__date{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-color);opacity:.38}@media (max-width: 768px){.bp-bento{margin-top:20px}.bp-bento[data-count="4"]{grid-template-areas:"big  big" "sm1  sm2" "tall tall";grid-template-columns:1fr 1fr;grid-template-rows:220px 170px 200px}.bp-bento[data-count="3"]{grid-template-areas:"big big" "sm  tall";grid-template-columns:1fr 1fr;grid-template-rows:200px 200px}.bp-bento[data-count="5"],.bp-bento[data-count="6"]{grid-template-columns:1fr 1fr;grid-template-areas:none;grid-auto-rows:200px}.bp-bento[data-count="5"] .bp-card:nth-child(1),.bp-bento[data-count="6"] .bp-card:nth-child(1){grid-area:unset;grid-column:span 2}.bp-bento[data-count="5"] .bp-card:not(:nth-child(1)),.bp-bento[data-count="6"] .bp-card:not(:nth-child(1)){grid-area:unset}}@media (max-width: 480px){.bp-bento,.bp-bento[data-count="2"],.bp-bento[data-count="3"],.bp-bento[data-count="4"],.bp-bento[data-count="5"],.bp-bento[data-count="6"]{grid-template-areas:none;grid-template-columns:1fr;grid-auto-rows:220px;margin-top:16px}.bp-bento .bp-card{grid-area:unset!important}.bp-overlay__context{font-size:12px}}.gp{flex-shrink:0;width:340px;padding-top:54px}.gp-label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--primary-color);opacity:.7;margin-bottom:14px}.gp-list{display:flex;flex-direction:row;gap:8px}.gp-item{flex:1;min-width:0}.gp-item{background:var(--static-background);border:1px dashed rgba(199,158,115,.35);border-radius:4px;padding:16px 18px;opacity:.85;position:relative;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,opacity .25s ease,transform .2s ease}.gp-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px);pointer-events:none;z-index:1;opacity:0;transition:opacity .25s ease}.gp-item:hover{opacity:1;border-color:#c79e7373;box-shadow:0 0 22px #c79e731a,inset 0 0 40px #c79e730a;transform:translateY(-2px)}.gp-item:hover:before{opacity:1}.gp-item__header{display:flex;justify-content:flex-end;margin-bottom:0;position:relative;z-index:2}.gp-item__num{font-family:var(--pixel-font);font-size:10px;color:var(--primary-color);opacity:.45;letter-spacing:.05em}.gp-item__title{font-family:var(--pixel-font);color:var(--primary-color);font-size:13px;line-height:1.6;letter-spacing:.04em;padding-top:10px;margin-bottom:10px;position:relative;z-index:2}.gp-item__stage{display:flex;align-items:center;gap:8px;color:var(--primary-color);font-family:var(--pixel-font);font-size:10px;letter-spacing:.08em;position:relative;z-index:2}.gp-item__cursor{font-size:8px;animation:gpBlink .85s step-end infinite}@keyframes gpBlink{0%,to{opacity:1}50%{opacity:0}}.gp-item__meta{font-family:var(--pixel-font);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-color)}.gp-corner{position:absolute;width:14px;height:14px;pointer-events:none;z-index:3}.gp-corner:before,.gp-corner:after{content:"";position:absolute;background:var(--primary-color);opacity:0;transition:opacity .25s ease}.gp-corner:before{width:100%;height:1.5px}.gp-corner:after{width:1.5px;height:100%}.gp-corner--tl{top:7px;left:7px}.gp-corner--tl:before{top:0;left:0}.gp-corner--tl:after{top:0;left:0}.gp-corner--tr{top:7px;right:7px}.gp-corner--tr:before{top:0;right:0}.gp-corner--tr:after{top:0;right:0}.gp-corner--bl{bottom:7px;left:7px}.gp-corner--bl:before{bottom:0;left:0;top:auto}.gp-corner--bl:after{bottom:0;left:0;top:auto}.gp-corner--br{bottom:7px;right:7px}.gp-corner--br:before{bottom:0;right:0;top:auto}.gp-corner--br:after{bottom:0;right:0;top:auto}.gp-item:hover .gp-corner:before,.gp-item:hover .gp-corner:after{opacity:1}@media (max-width: 768px){.gp{width:100%;padding-top:0}.gp-item{padding:14px 16px}}@media (max-width: 480px){.gp-list{flex-direction:column}}.hobbies-page{background:var(--background-color)}.hobbies-wrapper{max-width:1280px;margin:0 auto;padding:130px 48px clamp(64px,10vw,110px)}.hobbies-top{display:flex;align-items:flex-start;gap:48px}.hobbies-header{flex:1;min-width:0}.hobbies-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--primary-color);opacity:.7;margin-bottom:14px}.hobbies-title{font-family:var(--secondary-font);font-size:clamp(48px,7vw,84px);line-height:1;letter-spacing:-.025em;margin:0 0 16px;color:var(--text-color);font-variation-settings:"wdth" 95,"wght" 700}.hobbies-sub{font-size:16px;max-width:420px;color:var(--text-color);opacity:.55;margin:0;line-height:1.55}@media (max-width: 768px){.hobbies-wrapper{padding:100px 24px clamp(64px,10vw,96px)}.hobbies-top{flex-direction:column;gap:28px}}@media (max-width: 600px){.hobbies-wrapper{padding:52px 20px 100px}}.nav-container{margin:0;display:flex;justify-content:center}.navbar{position:fixed;top:3vh;left:50%;transform:translate(-50%);z-index:999}.nav-background{display:flex;align-items:center;padding:0 6px;height:40px;background:#22201fd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(241,239,237,.08);border-radius:40px}.nav-list{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:2px}.nav-item{font-family:var(--primary-font);font-size:14px;font-weight:500}.nav-item a{text-decoration:none;color:#f1efed73;padding:6px 12px;border-radius:40px;display:block;transition:color .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.nav-item a:active{background:#d4617452;color:var(--link-color)}.nav-item a:hover{color:var(--text-color)}.nav-item.active a{color:var(--link-color)!important;background:#d4617414}@media (max-width: 600px){.nav-container{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom));left:0;right:0;z-index:999;display:flex;justify-content:center}.navbar{position:static;transform:none}.nav-background{height:44px;padding:0 6px;border-radius:40px}.nav-item{font-size:12px}.nav-item a{padding:6px 10px}}:root{--text-color: #f1efed;--background-color: #22201f;--primary-color: #C79E73;--secondary-color: #30806a;--tertiary-color: #649bc5;--quaternary-color: #e4e4e7;--link-color: #d46174;--static-background: #34312e;--accent-soft: rgba(199, 158, 115, .18);--rule-color: rgba(241, 239, 237, .12);--halftone-color: rgba(241, 239, 237, .06);--photo-print-bg: #f4f0eb;--photo-print-text: #2e2a25;--primary-font: "DM Sans", system-ui, -apple-system, sans-serif;--secondary-font: "Bricolage Grotesque", system-ui, -apple-system, sans-serif;--mono-font: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace;--pixel-font: "Pixelify Sans", "Press Start 2P", monospace;--marker-font: "Permanent Marker", "Comic Sans MS", cursive}::selection{background:var(--primary-color);color:var(--background-color)}html,body{overflow-x:clip;max-width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#383636;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#000}.page-content{background-color:var(--background-color);position:relative;min-height:100vh;box-sizing:border-box}.content-wrapper{max-width:1400px;margin:0 auto;padding:0 clamp(16px,4vw,56px) clamp(48px,8vw,96px);box-sizing:border-box}.title{color:var(--text-color);font-family:var(--secondary-font);font-size:45px;font-weight:700;width:70%}.subtitle{padding-top:10px;color:var(--text-color);font-size:17px;line-height:30px;width:70%;margin-top:25px}.page-footer{position:block}.page-footer:before{content:"";position:absolute;left:0;right:0;border-top:2px solid var(--text-color)}@media (max-width: 800px){.title,.subtitle{width:100%}}@media (max-width: 600px){.page-content{padding-bottom:calc(56px + env(safe-area-inset-bottom))}}