*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,#f3ede2,#eae3d5 60%,#ddd5c4);color:#29251f;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}button,a{font:inherit}.stage{position:fixed;top:0;right:0;bottom:0;left:0;isolation:isolate}.topbar{position:absolute;z-index:5;top:0;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;padding:clamp(1.25rem,3vw,2.4rem) clamp(1.5rem,4.5vw,5rem)}.topbar-name{display:flex;flex-direction:column;align-items:flex-start;gap:.32rem;color:#29251f;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.35vw,1.25rem);letter-spacing:-.02em;text-decoration:none}.topbar-name small{color:#766e60;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.48rem,.58vw,.62rem);font-weight:400;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.topbar--experience .topbar-name small{color:#766e60}.topbar-nav{display:flex;align-items:center;gap:clamp(1.15rem,3vw,3rem)}.topbar-nav a{position:relative;padding-block:.25rem;color:#514b42;font-size:clamp(.68rem,.8vw,.78rem);letter-spacing:.06em;text-decoration:none}.topbar-nav a:after{position:absolute;right:0;bottom:-.15rem;left:0;height:1px;background:#a64b2a;content:"";transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.topbar-nav a:hover:after,.topbar-nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}.topbar-nav a:focus-visible,.topbar-name:focus-visible{border-radius:2px;outline:2px solid #a64b2a;outline-offset:5px}.topbar--experience{position:fixed;color:#29251f}.topbar--experience .topbar-name,.topbar--experience .topbar-nav a{color:#29251f}.topbar-nav a[aria-current=page]:after{transform:scaleX(1)}.sound-toggle{position:fixed;z-index:20;right:clamp(1rem,2.5vw,2.5rem);bottom:clamp(1rem,2.5vw,2.5rem);display:grid;grid-template-rows:1fr 1fr;width:3.4rem;height:6.7rem;padding:.22rem;border:0;border-radius:2rem;background:#080808;box-shadow:0 .7rem 2rem #1e1b162e;cursor:pointer}.sound-option{display:grid;width:100%;aspect-ratio:1;border-radius:50%;color:#f7f4ed;place-items:center;transition:color .22s ease,background .22s ease,transform .22s ease}.sound-option svg{width:1.25rem;height:1.25rem;overflow:visible;fill:currentColor}.sound-wave,.sound-cross{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.sound-option--on{background:#f7f4ed;color:#080808}.sound-toggle.is-muted .sound-option--on{background:transparent;color:#f7f4ed}.sound-toggle.is-muted .sound-option--off{background:#f7f4ed;color:#080808}.sound-toggle:hover .sound-option--on,.sound-toggle.is-muted:hover .sound-option--off{transform:scale(.94)}.sound-toggle:focus-visible{outline:2px solid #a64b2a;outline-offset:4px}.scene{position:fixed;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease}.is-introduced .scene{transform:none}.enter-layer{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer}.enter-layer:focus-visible{outline:2px solid #29251f;outline-offset:-10px}.intro{position:absolute;z-index:3;top:50%;left:clamp(2rem,7vw,8rem);width:min(39vw,35rem);transform:translateY(calc(-50% + 24px));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease,transform .9s cubic-bezier(.16,1,.3,1),visibility 0s linear .9s}.is-introduced .intro{transform:translateY(-50%);opacity:1;visibility:visible;pointer-events:auto;transition-delay:.18s,.18s,0s}.intro-kicker{margin-bottom:.75rem;color:#766e60;font-size:clamp(.7rem,.75vw,.82rem);letter-spacing:.18em;text-transform:uppercase}.intro h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(3.1rem,6.5vw,7rem);font-weight:400;line-height:.9;letter-spacing:-.065em;white-space:nowrap}.intro h1 span{color:#a64b2a}.intro-copy{max-width:31rem;margin-top:clamp(1.25rem,2.5vh,2rem);color:#514b42;font-size:clamp(.82rem,.95vw,1rem);line-height:1.75}.intro-nav{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:clamp(1.6rem,3.5vh,2.8rem)}.intro-nav a,.intro-nav button{padding:.72rem 1rem;border:1px solid rgba(41,37,31,.32);border-radius:100px;background:transparent;color:#29251f;font-size:.75rem;letter-spacing:.06em;text-decoration:none;cursor:pointer;transition:color .18s ease,background .18s ease,border-color .18s ease}.intro-nav a:hover,.intro-nav a:focus-visible,.intro-nav button:hover,.intro-nav button:focus-visible{border-color:#29251f;background:#29251f;color:#f1eadf;outline:none}.contact{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;width:fit-content;margin-top:clamp(2rem,5vh,4rem);color:#29251f;font-size:clamp(.73rem,.85vw,.9rem);text-decoration-color:#29251f66;text-underline-offset:.35em}.contact span{color:#8a8174;font-size:.65rem;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.contact:hover{text-decoration-color:#a64b2a}.experience-stage,.project-stage{position:relative;min-height:100%;overflow:visible;background:radial-gradient(circle at 80% 12%,rgba(123,145,119,.16),transparent 28rem),radial-gradient(circle at 10% 45%,rgba(166,75,42,.1),transparent 34rem),radial-gradient(120% 90% at 50% 20%,#f3ede2,#eae3d5 60%,#ddd5c4);color:#29251f;isolation:isolate}.experience-stage .scene,.project-stage .scene{z-index:3;clip-path:inset(47% 0 0 64%);-webkit-clip-path:inset(47% 0 0 64%);transform:none;pointer-events:none}.experience-stage .scene canvas,.project-stage .scene canvas{pointer-events:none!important}.experience-loading{display:grid;height:100%;place-items:center;color:#766e60;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.experience-page{position:relative;z-index:2;min-height:100vh;overflow:visible;background:transparent;scrollbar-color:#9f9688 #eae3d5}.experience-page:before{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(41,37,31,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(41,37,31,.045) 1px,transparent 1px);background-size:5rem 5rem;content:"";pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%)}.experience-content{position:relative;z-index:1;width:min(100% - 3rem,87rem);margin-inline:auto;user-select:text;-webkit-user-select:text}.experience-hero{display:flex;flex-direction:column;justify-content:center;min-height:min(52rem,100vh);padding:9rem 0 6rem}.experience-eyebrow{margin-bottom:clamp(1.5rem,3vh,2.5rem);color:#788573;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.experience-hero h1{max-width:60rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.35rem,8.2vw,8.2rem);font-weight:400;line-height:.89;letter-spacing:-.065em}.experience-hero h1 span{color:#d66d45}.experience-hero>p:last-of-type{max-width:35rem;margin-top:clamp(1.6rem,4vh,3rem);color:#625c52;font-size:clamp(.82rem,1vw,1rem);line-height:1.8}.experience-scroll-cue{display:flex;align-items:center;gap:.7rem;margin-top:clamp(3rem,7vh,6rem);color:#847c70;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}.experience-scroll-cue span{display:block;width:2.5rem;height:1px;background:currentColor;animation:cue-pulse 2.4s ease-in-out infinite;transform-origin:left}.experience-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(18rem,.85fr);gap:clamp(4rem,9vw,9rem);padding:7rem 0 10rem;border-top:1px solid rgba(41,37,31,.17)}.section-heading{display:flex;align-items:baseline;gap:1rem;margin-bottom:3.5rem}.section-heading h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.6vw,3.7rem);font-weight:400;letter-spacing:-.045em}.timeline{position:relative}.timeline:before{content:none}.role-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;padding:0 0 3.8rem}.role-card+.role-card{padding-top:3.8rem;border-top:1px solid rgba(41,37,31,.12)}.role-card.is-expandable{padding-right:2.4rem;cursor:pointer;user-select:text;-webkit-user-select:text}.role-card.is-expandable:after{position:absolute;top:.35rem;right:.2rem;color:#766f64;font-size:1.1rem;content:"+";transition:transform .22s ease}.role-card.is-expandable.is-open:after{transform:rotate(45deg)}.role-card.is-expandable:focus-visible{border-radius:.4rem;outline:2px solid #a64b2a;outline-offset:.6rem}.role-main{display:grid;grid-template-columns:2.8rem minmax(0,1fr);gap:1rem}.experience-mark{display:grid;flex:0 0 auto;width:2.8rem;height:2.8rem;border:1px solid rgba(255,255,255,.12);border-radius:.65rem;color:#fff;font-size:.62rem;font-weight:700;letter-spacing:-.03em;place-items:center;box-shadow:0 .8rem 2rem #0000002e}.mark--mint{background:#315e50}.mark--blue{background:#234e75}.mark--orange{background:#db5d2e}.mark--black{background:linear-gradient(135deg,#242424 48%,#43c8c5 49%,#e44b67 72%)}.mark--cyan{background:#1f829b}.mark--gold{background:#9d7925}.mark--red{background:#9d3832}.experience-mark--logo{border-color:#29251f1f;background:#fdfbf6}.experience-mark--logo img{width:66%;height:66%;object-fit:contain}.role-company{margin-bottom:.55rem;color:#6f675c;font-size:.66rem;line-height:1.5;letter-spacing:.04em;text-transform:uppercase}.role-company span{color:#928a7e}.role-card h3{max-width:28rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,2.25vw,2.2rem);font-weight:400;line-height:1.05;letter-spacing:-.035em}.role-title-toggle{display:inline-flex;align-items:baseline;gap:.55rem;margin:0;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.role-title-toggle:hover h3{opacity:.7}.role-place,.role-note{margin-top:.8rem;color:#766f64;font-size:.68rem;line-height:1.6}.role-details{display:grid;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .35s ease,margin-top .35s ease}.role-details.is-open{grid-template-rows:1fr;margin-top:.9rem}.role-details-inner{overflow:hidden}.role-details ul{display:grid;gap:.6rem;max-width:32rem;padding-left:1.1rem;list-style:disc}.role-details li{color:#6f675c;font-size:.7rem;line-height:1.7}.role-note{display:inline-block;padding:.35rem .55rem;border:1px solid rgba(79,102,75,.2);border-radius:100px;color:#667760}.role-date{min-width:8.5rem;text-align:right}.role-date p{color:#514b42;font-size:.67rem;line-height:1.45}.role-date span{display:block;margin-top:.4rem;color:#928a7e;font-size:.6rem}.education-list{display:grid;gap:1rem}.education-card{position:relative;overflow:hidden;padding:1.5rem;border:1px solid rgba(41,37,31,.13);border-radius:1rem;background:#f6f1e794;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .22s ease,transform .22s ease}.education-card:hover{border-color:#29251f52;transform:translateY(-3px)}.education-card .experience-mark{margin-bottom:2.2rem}.education-date{margin-bottom:.8rem;color:#80786d!important;font-size:.6rem!important;letter-spacing:.05em;text-transform:uppercase}.education-card h3{margin-bottom:.65rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.3rem,1.8vw,1.75rem);font-weight:400;line-height:1.05;letter-spacing:-.03em}.education-card>p:last-child{color:#6f685e;font-size:.67rem;line-height:1.65}.experience-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;padding:5rem 0 6rem;border-top:1px solid rgba(41,37,31,.17)}.experience-footer p{max-width:35rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,4.5rem);line-height:.98;letter-spacing:-.045em}.experience-footer a{flex:0 0 auto;color:#d66d45;font-size:.78rem;text-decoration:none}.projects-page{position:relative;z-index:2;min-height:100vh;color:#29251f}.projects-content{width:min(100% - 3rem,76rem);margin-inline:auto;padding:clamp(9rem,17vh,12rem) 0 6rem;user-select:text;-webkit-user-select:text}.projects-hero{margin-bottom:clamp(4rem,9vh,7rem)}.projects-hero p{margin-bottom:1.2rem;color:#788573;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.projects-hero h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,9vw,8.5rem);font-weight:400;line-height:.9;letter-spacing:-.065em}.projects-hero h1 span{color:#a64b2a}.projects-list{display:grid;gap:1rem}.project-card{position:relative;display:grid;grid-template-columns:4rem minmax(0,1fr) auto;align-items:center;min-height:clamp(10rem,20vh,14rem);padding:clamp(1.5rem,4vw,3.5rem);border:1px solid rgba(41,37,31,.14);border-radius:1.2rem;background:#f6f1e79e;box-shadow:0 1.5rem 4rem #463d300a;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:border-color .25s ease,background .25s ease,transform .35s cubic-bezier(.16,1,.3,1)}.project-card:hover{border-color:#29251f57;background:#faf6eedb;transform:translate(.5rem)}.project-number{align-self:start;color:#91887b;font-size:.62rem}.project-card h2{display:flex;align-items:center;gap:clamp(.6rem,1.4vw,1.1rem);font-family:Georgia,Times New Roman,serif;font-size:clamp(2.3rem,5.2vw,5.2rem);font-weight:400;line-height:.95;letter-spacing:-.055em}.project-logo{width:clamp(1.9rem,4.2vw,3.6rem);height:clamp(1.9rem,4.2vw,3.6rem);border-radius:22%;object-fit:contain}.project-card-main{min-width:0}.project-github{display:inline-block;margin-top:.9rem;color:#766f64;font-size:clamp(.64rem,.78vw,.76rem);line-height:1.5;text-decoration-color:#766f6473;text-underline-offset:.3rem}.project-github:hover,.project-github:focus-visible{color:#a64b2a;text-decoration-color:currentColor}.project-card--featured{align-items:start;min-height:28rem}.project-intro{max-width:48rem;margin-top:1.4rem;color:#4f4940;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.5}.project-video-frame{position:relative;display:block;overflow:hidden;width:min(100%,48rem);aspect-ratio:16 / 9;margin-top:1.8rem;border:1px solid rgba(41,37,31,.14);border-radius:.85rem;background:#d9d1c3}.project-widget-frame{display:block;width:min(100%,48rem);margin-top:1.8rem}.project-image-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(1.5rem,3vw,3rem);margin-top:1.8rem}.project-image-frame{display:flex;flex:0 0 auto;gap:1rem}.project-image-frame img{display:block;width:10.5rem;aspect-ratio:230 / 499;border:1px solid rgba(41,37,31,.14);border-radius:.85rem;object-fit:cover;background:#d9d1c3}.project-image-row .project-details{flex:1 1 18rem;margin-top:0}.project-video-cover{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.project-video-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .3s ease}.project-video-cover:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(24,22,18,.22));content:""}.project-video-cover:hover img{filter:saturate(.85);transform:scale(1.025)}.project-video-embed{display:block;width:100%;height:100%;border:0}.project-play{position:absolute;z-index:1;top:50%;left:50%;display:grid;width:clamp(3rem,5vw,4.5rem);height:clamp(3rem,5vw,4.5rem);padding-left:.2rem;border-radius:50%;background:#f6f1e7eb;color:#a64b2a;font-size:clamp(.8rem,1.2vw,1.1rem);place-items:center;transform:translate(-50%,-50%);box-shadow:0 .8rem 2rem #221e1933}.project-details{display:grid;gap:.9rem;max-width:50rem;margin-top:1.5rem}.project-details p{color:#70685d;font-size:clamp(.72rem,.85vw,.84rem);line-height:1.75}.project-arrow{display:grid;width:3rem;height:3rem;border:1px solid rgba(41,37,31,.22);border-radius:50%;color:#a64b2a;font-size:1rem;place-items:center;text-decoration:none}.projects-footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:6rem;padding-top:3rem;border-top:1px solid rgba(41,37,31,.16);color:#6f685e;font-size:.72rem}.projects-footer a{color:#a64b2a;text-decoration:none}@keyframes cue-pulse{0%,to{transform:scaleX(.35);opacity:.45}50%{transform:scaleX(1);opacity:1}}@media(max-width:760px){.topbar{padding:1.25rem 1.5rem}.topbar-name{display:none}.topbar-nav{justify-content:space-between;width:100%;gap:.75rem}.is-introduced .scene{transform:translate(28vw) scale(.92);opacity:.42!important}.is-introduced:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(234,227,213,.98) 0%,rgba(234,227,213,.84) 58%,transparent 100%);content:"";pointer-events:none}.intro{left:1.5rem;width:calc(100vw - 3rem)}.intro h1{font-size:clamp(3.1rem,15vw,5rem)}.intro-copy{max-width:82vw}.topbar--experience .topbar-name{display:block}.topbar--experience{gap:1rem;background:linear-gradient(#eee7da 20%,#eee7da00)}.topbar--experience .topbar-nav{justify-content:flex-end;width:auto}.topbar--experience .topbar-nav a:not([aria-current=page]){display:none}.experience-content{width:min(100% - 2rem,87rem)}.experience-hero{min-height:100svh;padding:7rem 0 4rem}.experience-hero h1{font-size:clamp(3.1rem,17vw,5.6rem)}.experience-stage .scene,.project-stage .scene{clip-path:inset(48% 0 0 52%);-webkit-clip-path:inset(48% 0 0 52%);transform:none;opacity:.78!important}.experience-layout{grid-template-columns:1fr;gap:6rem;padding:5rem 0 7rem}.section-heading{margin-bottom:2.5rem}.role-card{grid-template-columns:1fr;gap:1rem;padding:0 0 3.5rem}.role-card+.role-card{padding-top:3.5rem}.role-main{grid-template-columns:2.5rem minmax(0,1fr);gap:.8rem}.experience-mark{width:2.5rem;height:2.5rem}.role-date{padding-left:3.3rem;text-align:left}.experience-footer{align-items:flex-start;flex-direction:column;padding:4rem 0}.projects-content{width:min(100% - 2rem,76rem);padding:7rem 0 4rem}.projects-hero{margin-bottom:3rem}.project-card{grid-template-columns:2rem minmax(0,1fr) auto;min-height:8.5rem;padding:1.25rem;border-radius:.85rem}.project-card h2{font-size:clamp(2rem,11vw,3.5rem)}.project-card--featured{grid-template-columns:1.5rem minmax(0,1fr);min-height:0;padding-block:2rem}.project-card--featured>.project-arrow{display:none}.project-intro{margin-top:1rem}.project-details{margin-top:1.2rem}.project-arrow{width:2.3rem;height:2.3rem}.projects-footer{align-items:flex-start;flex-direction:column;margin-top:4rem}}@media(prefers-reduced-motion:reduce){.scene,.intro,.intro-nav a,.intro-nav button,.topbar-nav a:after,.education-card{transition-duration:.01ms}.experience-scroll-cue span{animation:none}}