@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#fff7ef;--wall:#f8e4d4;--wood:#6f321f;--wood-dark:#32160f;--ink:#1c1713;--muted:#7a6255;--line:#e8cdbb;--paper:#fffdf8;--accent:#b65a35;--accent-soft:#f0a76c;--sea:#1d7892;color:var(--ink);background:var(--bg);font-synthesis:none;scroll-behavior:smooth;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-padding-top:92px}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 12%, #f0a76c3d, transparent 28rem), linear-gradient(90deg, #ffffff2e 0 1px, transparent 1px), linear-gradient(var(--bg), #fff2e7);background-size:auto,92px 92px,auto;min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}p,h1,h2,h3{margin:0}main{width:min(1120px,100% - 40px);margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff7efe6;border-bottom:1px solid #e8cdbbb8;width:100vw;margin-left:calc(50% - 50vw);position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100% - 40px);margin:0 auto;padding:22px 0;display:flex}.logo{color:var(--wood);font-family:DM Serif Display,Georgia,serif;font-size:1.28rem}.site-header nav{color:var(--muted);flex-wrap:wrap;gap:22px;font-size:.92rem;font-weight:800;display:flex}.site-header a:hover{color:var(--accent)}.hero{isolation:isolate;text-align:center;background:linear-gradient(90deg,#5d2b190f 0 1px,#0000 1px) 0 0/96px 96px,linear-gradient(#5d2b190d 0 1px,#0000 1px) 0 0/96px 96px,linear-gradient(#fff6ef,#f4d9c6);place-items:center;width:100vw;min-height:calc(100vh - 76px);margin-left:calc(50% - 50vw);display:grid;position:relative;overflow:hidden}.house-frame{z-index:0;background:#6b321f;border:clamp(14px,2vw,24px) solid #6b321f;border-bottom-width:clamp(30px,5vw,54px);border-radius:32px 32px 20px 20px;position:absolute;inset:clamp(42px,8vw,82px) clamp(18px,7vw,86px);box-shadow:inset 0 0 0 6px #ffeed980,0 34px 80px #4d1f123b}.house-frame:before,.house-frame:after{z-index:3;content:"";background:#6b321fd6;width:6px;position:absolute;top:0;bottom:0}.house-frame:before{left:50%}.house-frame:after{left:25%;box-shadow:calc(50vw - 86px) 0 #6b321fd6}.window-scene{background:#1b100b;border-radius:14px;position:absolute;inset:0;overflow:hidden}.window-scene:before{z-index:4;content:"";pointer-events:none;background:radial-gradient(at 50% 28%,#fff3dd33,#0000 40%),linear-gradient(#1b100b47,#1b100b33 50%,#1b100b73);position:absolute;inset:0}.window-scene:after{z-index:5;content:"";opacity:.42;pointer-events:none;background:linear-gradient(90deg,#fff1e038 0 1px,#0000 1px) 0 0/25% 100%,linear-gradient(#fff1e029 0 1px,#0000 1px) 0 0/100% 50%;position:absolute;inset:0}.slide-layer{z-index:1;object-fit:cover;object-position:center;backface-visibility:hidden;will-change:transform;width:100%;height:100%;position:absolute;inset:0;transform:translate(0,0)scale(1)}.slide-enter{z-index:3;animation:3s cubic-bezier(.22,.8,.18,1) both slideDrop}.slide-enter.from-top{--slide-x:0;--slide-y:-105%}.slide-enter.from-right{--slide-x:105%;--slide-y:0}.slide-enter.from-bottom{--slide-x:0;--slide-y:105%}.slide-enter.from-left{--slide-x:-105%;--slide-y:0}.window-shade{z-index:6;pointer-events:none;background:radial-gradient(#0000 0 42%,#1f0d0752 74%,#1f0d079e 100%),linear-gradient(#ffe6c62e,#32160b38);position:absolute;inset:0}.sun{filter:blur(.4px);background:radial-gradient(circle,#fff5cd,#f4a456 66%,#f4a45600);border-radius:999px;width:9rem;height:9rem;animation:6s ease-in-out infinite alternate sunPulse;position:absolute;top:12%;right:16%}.cloud{filter:blur(10px);background:#ffefdc94;border-radius:999px;width:17rem;height:4rem;animation:22s linear infinite cloudDrift;position:absolute}.cloud-one{top:18%;left:4%}.cloud-two{animation-duration:28s;animation-direction:reverse;top:34%;right:8%}.wave{transform-origin:50%;background:repeating-radial-gradient(at 50% 0,#fff5dc75 0 2px,#0000 2px 18px),radial-gradient(at 35% 30%,#ffe0b438,#0000 16rem),linear-gradient(#ffffff24,#0d4b671a);border-radius:45%;width:124%;height:18rem;position:absolute;left:-12%}.wave-one{animation:7s ease-in-out infinite waveFlow;bottom:-3rem}.wave-two{opacity:.72;animation:9s ease-in-out infinite reverse waveFlow;bottom:-6.5rem}.wave-three{opacity:.52;animation:11s ease-in-out infinite waveFlow;bottom:-10rem}.living-tide{filter:blur(10px);mix-blend-mode:screen;background:radial-gradient(circle at 42% 38%,#fff0c352,#49aeb733 42%,#0000 68%);border-radius:42% 58% 64% 36%;width:24rem;height:24rem;position:absolute}.tide-one{animation:12s ease-in-out infinite alternate tideMorph;bottom:1rem;left:12%}.tide-two{opacity:.7;width:19rem;height:19rem;animation:14s ease-in-out infinite alternate-reverse tideMorph;bottom:4rem;right:16%}.moon-pull{filter:blur(1px);opacity:.52;background:radial-gradient(circle at 40% 40%,#fffce2e6,#ffd39a2e 55%,#0000 72%);border-radius:999px;width:8rem;height:8rem;animation:10s ease-in-out infinite moonHover;position:absolute;top:22%;left:17%}.glow-fish{filter:blur(3px);opacity:.78;background:linear-gradient(90deg,#0000,#fff5d2cc,#0000);border-radius:999px;width:5.6rem;height:1.2rem;position:absolute}.fish-one{animation:11s ease-in-out infinite fishDrift;bottom:25%;left:24%}.fish-two{animation:13s ease-in-out infinite reverse fishDrift;bottom:18%;right:26%}.hero-copy{z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);text-shadow:0 3px 18px #461c0d38;background:#5426152e;border-radius:28px;gap:clamp(12px,2vw,22px);width:min(100% - 72px,1040px);padding:clamp(2.4rem,5vw,4.8rem) clamp(1rem,3vw,2rem);animation:.7s both heroIn;display:grid;position:relative}.role-line,.student-line{color:#fff8ef;font-family:DM Serif Display,Georgia,serif;font-style:italic}.role-line{white-space:normal;font-size:clamp(1.2rem,2.6vw,2.1rem)}.hero h1{color:#fff8ef;text-transform:uppercase;overflow-wrap:normal;text-shadow:.035em .045em #562515b8;justify-self:center;max-width:100%;font-family:DM Serif Display,Georgia,serif;font-size:clamp(3.4rem,8.4vw,7.6rem);line-height:.95}.student-line{gap:.2rem;font-size:clamp(1.18rem,2.7vw,2.05rem);display:grid}.about-section,.section,footer{border-top:1px solid var(--line);padding:86px 0}.reveal-ready{opacity:0;transition:opacity .62s,transform .62s;transform:translateY(24px)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}.about-section{grid-template-columns:minmax(280px,.9fr) minmax(280px,.7fr);align-items:center;gap:clamp(34px,8vw,92px);display:grid}.about-photo{position:relative}.about-photo:before,.about-photo:after{z-index:-1;content:"";background:var(--accent-soft);opacity:.24;filter:blur(18px);border-radius:999px;position:absolute}.about-photo:before{width:9rem;height:9rem;top:12%;left:-2rem}.about-photo:after{width:7rem;height:7rem;bottom:-1rem;right:1rem}.about-photo img{aspect-ratio:16/10;object-fit:cover;object-position:50% 42%;border-radius:28px;width:min(100%,680px);display:block;box-shadow:0 24px 70px #5b2d1b33}.about-copy{color:var(--muted);gap:20px;font-size:clamp(1.05rem,2.2vw,1.28rem);line-height:1.75;display:grid}h2{color:var(--wood-dark);font-family:DM Serif Display,Georgia,serif;font-size:clamp(2.35rem,5vw,4rem);font-style:italic;font-weight:400;line-height:1}.about-copy strong{color:var(--wood-dark);font-family:DM Serif Display,Georgia,serif;font-size:1.12em}.about-socials,.contact-links{flex-wrap:wrap;gap:14px;display:flex}.about-socials a,.contact-links a,.button{border:1px solid var(--line);min-height:42px;color:var(--wood);background:#fff9;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:.95rem;font-weight:800;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.about-socials img,.contact-links img{object-fit:contain;width:18px;height:18px}.button.primary{border-color:var(--wood);background:var(--wood);color:#fff8ef}.about-socials a:hover,.contact-links a:hover,.button:hover{border-color:var(--accent);transform:translateY(-1px)}.section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:42px;display:flex}.section-heading>div{justify-items:end;gap:18px;display:grid}.section-heading p{max-width:560px;color:var(--muted);text-align:right;font-size:1.04rem;line-height:1.7}.experience-section .section-heading{grid-template-columns:minmax(260px,620px);justify-content:start;align-items:start;gap:18px;display:grid}.experience-section .section-heading>div{justify-items:start}.experience-section .section-heading p{text-align:left;max-width:760px}.resume-inline{width:fit-content}.timeline{--progress:0;gap:72px;display:grid;position:relative}.timeline:before{content:"";background:#b65a352e;width:2px;position:absolute;top:.4rem;bottom:.4rem;left:12rem}.timeline:after{width:2px;height:calc((100% - .8rem) * var(--progress));content:"";background:linear-gradient(var(--accent), #8b3f28);transition:height .12s linear;position:absolute;top:.4rem;left:12rem}.entry{grid-template-columns:9rem 2rem minmax(0,1fr);align-items:start;gap:2rem;display:grid;position:relative}.date-block{color:var(--wood);align-content:start;gap:4px;font-family:DM Serif Display,Georgia,serif;display:grid}.date-block strong{font-size:clamp(2.2rem,4vw,3.35rem);font-weight:400}.date-block span{color:var(--accent);font-size:clamp(1.05rem,2.1vw,1.45rem);font-style:italic}.timeline-dot{z-index:2;background:var(--accent);border:.42rem solid #fff7ef;border-radius:999px;grid-column:2;justify-self:center;width:1.84rem;height:1.84rem;margin-top:1.9rem;position:relative;box-shadow:0 0 0 1px #6f321f38,0 8px 24px #6f321f2e}.entry-body{grid-column:3;gap:18px;min-width:0;display:grid}.entry-head{grid-template-columns:minmax(0,1fr) minmax(110px,auto);align-items:center;gap:18px;display:grid}.company-logo{border:1px solid var(--line);width:132px;min-height:148px;color:var(--wood);text-align:center;background:#fffdf8b8;border-radius:16px;place-items:center;padding:14px;font-weight:900;display:grid;overflow:hidden}.company-logo img{object-fit:contain;max-width:100%;max-height:98px}.entry-title{min-width:0}.entry-title h3{color:var(--wood-dark);overflow-wrap:anywhere;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.16}.entry-title p,.entry-location{color:var(--muted);font-size:1rem;line-height:1.45}.entry-location{text-align:right;font-weight:800}.entry-copy{max-width:820px;color:var(--muted);font-size:clamp(1rem,1.7vw,1.16rem);line-height:1.72}.work-visual-row{grid-template-columns:132px minmax(0,640px);align-items:stretch;gap:18px;display:grid}.work-image{object-fit:cover;object-position:center;border:1px solid var(--line);background:var(--paper);border-radius:18px;width:min(100%,640px);height:220px;box-shadow:0 18px 48px #5b2d1b1f}.entry:nth-child(2) .work-image{object-fit:cover;padding:0}.entry:nth-child(3) .work-image{object-fit:contain;background:#0d3f6c;width:min(100%,320px);height:220px;padding:14px}.entry:nth-child(4) .work-image{object-fit:contain;background:#050403;width:min(100%,320px);height:220px;padding:14px}.projects-section{color:#fff8ef;background:#1b100b;width:100vw;margin-left:calc(50% - 50vw);padding-left:max(20px,50vw - 560px);padding-right:max(20px,50vw - 560px)}.projects-section h2{color:#fff8ef}.projects-section .section-heading p{color:#d7bda9}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,5vw,56px);display:grid}.project-card{min-width:0}.project-media{cursor:zoom-in;aspect-ratio:16/9;background:#0f0a07;border:1px solid #ffdcc238;border-radius:24px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 22px 58px #00000047}.project-media img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .26s,opacity .26s;display:block}.project-media:hover img{opacity:.9;transform:scale(1.025)}.project-media span{color:#fff8ef;background:#1b100bc2;border-radius:999px;max-width:calc(100% - 28px);padding:7px 10px;font-size:.78rem;font-weight:800;position:absolute;bottom:14px;right:14px}.project-head{justify-content:space-between;align-items:start;gap:18px;margin-top:20px;display:flex}.project-head>div:first-child{min-width:0}.project-title-wrap{gap:10px;display:grid}.project-logo{object-fit:contain;object-position:left center;width:min(100%,290px);max-height:56px;display:block}.project-card h3{color:#f7d7c4;overflow-wrap:anywhere;font-family:DM Serif Display,Georgia,serif;font-size:clamp(2rem,4.2vw,3rem);font-style:italic;line-height:1}.project-head p{color:#d7bda9;margin-top:4px;font-family:DM Serif Display,Georgia,serif;font-size:1.35rem;font-style:italic}.project-links{flex:none;gap:14px;display:flex}.project-links a,.disabled-link{color:#1b100b;background:#fff8efe6;border-radius:999px;place-items:center;width:36px;height:36px;display:inline-grid}.project-links img,.contact-links img{width:20px;height:20px}.disabled-link{opacity:.36;cursor:not-allowed}.stack-line{color:#d7bda9;overflow-wrap:anywhere;margin-top:10px;line-height:1.6}.project-summary{color:#fff8ef;margin-top:18px;font-size:1.02rem;line-height:1.65}.hobby-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.hobby-card{border:1px solid var(--line);background:#ffffffad;border-radius:22px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 18px 45px #5b2d1b14}.hobby-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px #5b2d1b24}.hobby-card img{aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform .26s;display:block}.hobby-card:hover img{transform:scale(1.035)}.hobby-card:first-child img{object-position:50% 45%}.hobby-card:nth-child(2) img{aspect-ratio:4/3;object-position:50% 42%}.hobby-card:nth-child(2){margin-top:clamp(150px,13vw,230px)}.hobby-card:nth-child(3) img{object-position:50% 35%}.hobby-card div{padding:18px}.hobby-card h3{color:var(--wood-dark);font-family:DM Serif Display,Georgia,serif;font-size:1.55rem}.hobby-card p,footer p{color:var(--muted);margin-top:8px;line-height:1.6}footer{padding-bottom:46px}footer h2{margin-bottom:12px}.contact-links{margin-top:22px}@media (width<=900px){main{width:min(100% - 28px,1120px)}.site-header-inner{flex-direction:column;align-items:flex-start;padding:18px 0}.house-frame{inset:36px 14px}.hero h1{font-size:clamp(3rem,10.8vw,5.8rem)}.about-section,.project-grid,.hobby-grid{grid-template-columns:1fr}.hobby-card:nth-child(2){margin-top:0}.about-copy{font-size:1.04rem}.section-heading{display:block}.section-heading>div,.experience-section .section-heading>div{justify-items:start;margin-top:14px}.section-heading p,.experience-section .section-heading p{text-align:left}.timeline:before,.timeline:after{left:1rem}.entry{grid-template-columns:2rem minmax(0,1fr);gap:16px;padding-left:3rem}.timeline-dot{grid-column:1;justify-self:center;margin-top:.7rem}.date-block{grid-column:2;align-items:baseline;gap:12px;display:flex}.entry-body{grid-column:2}.entry-head{grid-template-columns:minmax(0,1fr)}.entry-location{text-align:left}.work-visual-row{grid-template-columns:1fr}.company-logo{width:min(100%,180px);min-height:86px}}@media (width<=560px){.hero{min-height:640px}.role-line{font-size:1.18rem}.student-line{font-size:1.04rem}.entry-head{grid-template-columns:1fr}.entry-location{grid-column:auto}}@keyframes cloudDrift{50%{transform:translate(2.8rem)translateY(-.5rem)}}@keyframes sunPulse{to{opacity:.84;transform:scale(1.05)}}@keyframes waveFlow{50%{transform:translate(4%)translateY(-1.2rem)rotate(1.5deg)}}@keyframes surfaceBreath{to{opacity:.82;transform:translateY(-1.2rem)scale(1.04)}}@keyframes lightSway{to{opacity:.78;transform:translate(3%,-2%)scale(1.05)}}@keyframes tideMorph{to{border-radius:60% 40% 38% 62%;transform:translate(2.6rem,-1.2rem)rotate(11deg)scale(1.08)}}@keyframes moonHover{50%{transform:translate(1rem,-.8rem)scale(1.08)}}@keyframes fishDrift{50%{opacity:.38;transform:translate(7rem,-1.6rem)rotate(-4deg)}}@keyframes heroIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDrop{0%{transform:translate3d(var(--slide-x), var(--slide-y), 0) scale(1.03);filter:saturate(.92)brightness(.92)}to{filter:saturate()brightness();transform:translate(0,0)scale(1)}}.hero-copy{width:min(100% - 36px,1040px)}