@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap";:root{--paper: #f3eee5;--paper-deep: #e7ddce;--ink: #241c16;--ink-soft: #6f6258;--mocha: #4a3327;--espresso: #2c1f18;--clay: #c96f4a;--cream: #fbf7ef;--line: rgba(50, 36, 28, .2);--header-surface: rgba(243, 238, 229, .88);--serif: "Newsreader", "Iowan Old Style", "Baskerville", Georgia, serif;--sans: "DM Sans", "Helvetica Neue", Arial, sans-serif;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}:root[data-theme=dark]{--paper: #1d1713;--paper-deep: #2a211b;--ink: #f3eee5;--ink-soft: #b8aa9d;--mocha: #5a3b2d;--espresso: #110d0b;--clay: #df8059;--cream: #fbf7ef;--line: rgba(243, 238, 229, .18);--header-surface: rgba(29, 23, 19, .88);color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:92px}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}body,.site-header,.hero,.education,.work-section,.contact-section,.site-footer,.button-primary,.skill-row li{transition:color .32s ease,background-color .32s ease,border-color .32s ease}body::selection{color:var(--cream);background:var(--mocha)}button,a{font:inherit}a{color:inherit;text-decoration:none}#app{min-height:100vh}.site-shell{overflow:hidden}.site-header{position:fixed;z-index:100;top:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:88px;padding:0 4vw;border-bottom:1px solid var(--line);background:var(--header-surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:12px;width:fit-content;font-weight:600;letter-spacing:-.02em}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--ink);border-radius:50%;font-family:var(--serif);font-size:14px}.site-nav{display:flex;gap:32px;font-size:13px}.site-nav a,.header-contact,.text-link,.contact-links a,.site-footer a{position:relative}.site-nav a:after,.header-contact:after,.text-link:after,.contact-links a:after,.site-footer a:after{position:absolute;right:0;bottom:-5px;left:0;height:1px;background:currentColor;content:"";transform:scaleX(0);transform-origin:right;transition:transform .24s ease}.site-nav a:hover:after,.header-contact:hover:after,.text-link:hover:after,.contact-links a:hover:after,.site-footer a:hover:after{transform:scaleX(1);transform-origin:left}.header-contact{font-size:13px;font-weight:600}.header-actions{display:flex;align-items:center;justify-self:end;gap:18px}.theme-toggle{display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:transparent;cursor:pointer;transition:color .22s ease,background-color .22s ease,border-color .22s ease,transform .22s ease}.theme-toggle:hover{border-color:var(--ink);background:var(--paper-deep);transform:rotate(8deg)}.theme-toggle:focus-visible{outline:2px solid var(--clay);outline-offset:3px}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.hero{position:relative;display:flex;align-items:center;min-height:100svh;padding:150px 4vw 70px;overflow:hidden;background:var(--paper)}.hero-copy{position:relative;z-index:2;display:flex;width:100%;max-width:1120px;flex-direction:column;justify-content:center;padding:3vh 0 6vh}.eyebrow{margin:0 0 24px;color:var(--clay);font-size:11px;font-weight:600;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}.eyebrow.light{color:#d9b7a2}.hero-kicker{opacity:0;animation:rise-in .7s .1s forwards}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}h1{max-width:1080px;margin-bottom:32px;font-size:clamp(72px,9vw,146px);line-height:.92;opacity:0;animation:rise-in .85s .18s forwards}.hero-name-first,h1 em{display:block}h1 em{margin-top:.08em;color:var(--clay);font-weight:400}.hero-intro{max-width:680px;margin-bottom:35px;color:var(--ink-soft);font-size:clamp(16px,1.3vw,20px);line-height:1.65;opacity:0;animation:rise-in .7s .3s forwards}.hero-actions{display:flex;align-items:center;gap:30px;opacity:0;animation:rise-in .7s .42s forwards}.profile-links{display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;width:fit-content;min-width:220px;padding:17px 20px;border:1px solid currentColor;font-size:13px;font-weight:600;transition:color .22s ease,background .22s ease,transform .22s ease}.button span{font-size:18px;transition:transform .22s ease}.button:hover{transform:translateY(-3px)}.button:hover span{transform:translate(3px,3px)}.button-primary{color:var(--cream);border-color:var(--mocha);background:var(--mocha)}.button-primary:hover{color:var(--mocha);background:transparent}.text-link{font-size:13px}.hero-visual{--pointer-x: 0px;--pointer-y: 0px;position:relative;z-index:1;align-self:center;width:min(38vw,590px);aspect-ratio:1;justify-self:center;perspective:1100px;opacity:0;animation:visual-in 1.1s .26s cubic-bezier(.22,1,.36,1) forwards}.player-stage{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate3d(var(--pointer-x),var(--pointer-y),0);transform-style:preserve-3d;transition:transform .28s ease-out}.player-shadow{position:absolute;right:4%;bottom:15%;left:4%;height:22%;border-radius:50%;background:#41291c3d;filter:blur(28px);transform:rotate(-6deg)}.turntable{position:absolute;top:47%;left:50%;width:88%;aspect-ratio:1.3;transform:translate(-50%,-50%) rotateX(55deg) rotate(-17deg);transform-style:preserve-3d}.deck-base,.deck-surface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px}.deck-base{background:linear-gradient(145deg,#80513b,#4a2d21 70%);box-shadow:20px 36px 50px #2c1f1842;transform:translateZ(-28px)}.deck-base:after{position:absolute;right:20px;bottom:12px;left:20px;height:12px;border-radius:50%;background:#1b110c59;filter:blur(7px);content:""}.deck-surface{overflow:hidden;border:1px solid rgba(69,45,32,.2);background:linear-gradient(135deg,rgba(255,255,255,.62),transparent 36%),linear-gradient(145deg,#f6f0e5,#ded0be);box-shadow:inset 0 1px #fffc,0 2px #4c30222e;transform:translateZ(2px)}.deck-surface:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 45%,rgba(104,71,51,.06) 45.2%,transparent 45.5%);content:"";pointer-events:none}.platter{position:absolute;top:7%;left:5%;width:65%;aspect-ratio:1;padding:2.2%;border:4px solid #7c6a5b;border-radius:50%;background:#b8aa98;box-shadow:0 12px 18px #2a1d163b,inset 0 0 0 2px #ffffff40}.vinyl-record{position:relative;display:grid;width:100%;height:100%;place-items:center;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 5px,rgba(255,255,255,.055) 6px,transparent 7px),radial-gradient(circle at 34% 28%,#392b25 0,#17110e 58%,#080605);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 22px #0000008c;animation:record-spin 11s linear infinite}.vinyl-record:before{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px solid rgba(255,255,255,.07);border-radius:50%;content:""}.vinyl-record:after{position:absolute;top:9%;left:25%;width:15%;height:39%;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);content:"";transform:rotate(28deg)}.record-label{position:relative;z-index:2;display:grid;width:31%;aspect-ratio:1;place-content:center;border:1px solid rgba(58,31,20,.3);border-radius:50%;color:var(--espresso);background:var(--clay);text-align:center}.record-label:after{position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:var(--espresso);content:"";transform:translate(-50%,-50%)}.record-label strong{font-family:var(--serif);font-size:clamp(14px,1.6vw,25px);font-weight:500;line-height:1}.record-label span{margin-top:12px;font-size:clamp(4px,.45vw,7px);font-weight:600;letter-spacing:.16em;text-transform:uppercase}.tonearm{position:absolute;top:9%;right:5%;width:31%;height:68%;z-index:4}.tonearm-pivot{position:absolute;top:0;right:2%;width:43%;aspect-ratio:1;border:5px solid #85786b;border-radius:50%;background:radial-gradient(circle at 35% 30%,#eee8df,#93877a 62%,#65584d);box-shadow:0 8px 12px #271b143d}.tonearm-pivot span{position:absolute;top:28%;right:28%;bottom:28%;left:28%;border-radius:50%;background:#3e3029;box-shadow:inset 2px 2px 4px #0000005c}.tonearm-arm{position:absolute;top:16%;right:17%;width:142%;height:9px;border:1px solid rgba(83,72,62,.6);border-radius:999px;background:linear-gradient(#f1ece5,#a89c90 45%,#756a60);box-shadow:0 5px 7px #271b1433;transform:rotate(-34deg);transform-origin:calc(100% - 10px) 50%;animation:arm-settle 1.2s .65s both cubic-bezier(.22,1,.36,1)}.tonearm-arm:before{position:absolute;right:-2px;top:-4px;width:16px;height:16px;border-radius:50%;background:#6d6157;content:""}.needle{position:absolute;top:50%;left:-4px;width:26px;height:18px;border-radius:3px 10px 10px 3px;background:linear-gradient(135deg,#5c4032,#241914);transform:translate(-40%,-50%) rotate(5deg)}.needle:after{position:absolute;bottom:-8px;left:6px;width:1px;height:10px;background:#514940;content:"";transform:rotate(9deg);transform-origin:top}.control-cluster{position:absolute;right:6.5%;bottom:10%;display:flex;align-items:center;gap:10px}.power-light{width:7px;height:7px;border-radius:50%;background:var(--clay);box-shadow:0 0 8px #c96f4ab3}.control-button{width:20px;height:9px;border-radius:3px;background:#4b3c34;box-shadow:0 3px 3px #2a1c1433}.control-dial{width:29px;height:29px;border:4px solid #8d8074;border-radius:50%;background:linear-gradient(145deg,#eee7de,#8f8377);box-shadow:0 5px 7px #2a1c1438}.control-dial:after{display:block;width:1px;height:7px;margin:2px auto 0;background:#493b33;content:""}.deck-brand{position:absolute;right:7%;bottom:28%;color:#74665b;font-size:clamp(5px,.5vw,8px);font-weight:600;letter-spacing:.18em}.player-foot{position:absolute;bottom:-38px;width:42px;height:24px;border-radius:0 0 10px 10px;background:#2f211a;transform:translateZ(-20px)}.player-foot-left{left:12%}.player-foot-right{right:12%}.record-speed{position:absolute;right:4%;bottom:5%;color:var(--ink-soft);font-size:8px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.scroll-cue{position:absolute;bottom:28px;left:4vw;display:flex;align-items:center;gap:15px;color:var(--ink-soft);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.scroll-line{position:relative;width:58px;height:1px;overflow:hidden;background:var(--line)}.scroll-line:after{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);content:"";animation:line-travel 2s ease-in-out infinite}.section-pad{padding:130px 6vw}.about,.education{display:grid;grid-template-columns:180px minmax(0,1fr);gap:6vw;border-top:1px solid var(--line)}.section-index{display:flex;height:fit-content;align-items:center;gap:14px;padding-top:5px;color:var(--ink-soft);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.section-index span:first-child{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);letter-spacing:0}.section-index.light{color:#fbf7ef8c}.section-index.light span:first-child{color:var(--cream);border-color:#fbf7ef3d}.about-content{max-width:1120px}.about h2,.section-heading h2,.education h2{margin-bottom:50px;font-size:clamp(48px,5.2vw,88px);line-height:.97}.about h2{max-width:1050px}.about-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5vw;max-width:980px;color:var(--ink-soft);font-size:17px;line-height:1.7}.work-section{color:var(--cream);background:var(--espresso)}.section-heading{display:grid;grid-template-columns:180px 1fr;gap:6vw;margin-bottom:90px}.section-heading h2{margin-bottom:0}.experience{display:grid;grid-template-columns:1fr 1.45fr;gap:7vw;padding:40px 0 95px calc(180px + 6vw);border-top:1px solid rgba(251,247,239,.2)}.experience-meta p{margin-bottom:22px;font-family:var(--serif);font-size:29px}.experience-meta span{display:block;margin-top:8px;color:#fbf7ef80;font-size:12px}.experience-role>p{max-width:700px;color:#fbf7efb3;font-size:18px;line-height:1.65}.experience-role>a{display:inline-block;margin-top:12px;padding-bottom:5px;border-bottom:1px solid rgba(251,247,239,.4);font-size:12px}.project-list{border-top:1px solid rgba(251,247,239,.2)}.project{display:grid;grid-template-columns:180px minmax(0,1.5fr) minmax(240px,.7fr);gap:6vw;padding:55px 0;border-bottom:1px solid rgba(251,247,239,.2);transition:padding .48s cubic-bezier(.22,1,.36,1),background-color .48s ease}.project:hover{padding-right:28px;padding-left:28px;background:#fbf7ef0a}.project-number{color:#fbf7ef59;font-family:var(--serif);font-size:24px}.project-main h3{max-width:600px;margin-bottom:20px;font-size:clamp(30px,3vw,48px);line-height:1.02}.project-main>p:last-child{max-width:650px;margin-bottom:0;color:#fbf7ef99;font-size:15px;line-height:1.7}.project-tech{margin:0;padding:0;list-style:none}.project-tech li{padding:10px 0;border-bottom:1px solid rgba(251,247,239,.13);color:#fbf7efad;font-size:12px}.skills-section .section-heading{margin-bottom:70px}.skill-list{border-top:1px solid var(--line)}.skill-row{display:grid;grid-template-columns:180px minmax(230px,.7fr) minmax(0,1.3fr);gap:6vw;padding:42px 0;border-bottom:1px solid var(--line)}.skill-row>span{color:var(--ink-soft);font-family:var(--serif);font-size:18px}.skill-row h3{margin:0;font-size:clamp(30px,3vw,46px)}.skill-row ul{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px;margin:0;padding:0;list-style:none}.skill-row li{padding:8px 13px;border:1px solid var(--line);border-radius:100px;color:var(--ink-soft);font-size:12px;transition:color .2s ease,border .2s ease,background .2s ease}.skill-row li:hover{color:var(--cream);border-color:var(--mocha);background:var(--mocha)}.education{position:relative;grid-template-columns:180px minmax(0,1fr);align-items:center;background:var(--paper-deep)}.education-main h2{margin-bottom:34px}.education-details{display:flex;gap:8vw;font-family:var(--serif);font-size:19px;line-height:1.45}.education-details p{margin-bottom:0}.education-details span{color:var(--ink-soft);font-family:var(--sans);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.contact-section{color:var(--cream);background:var(--mocha)}.contact-section h2{max-width:1050px;margin-bottom:70px;font-size:clamp(54px,7vw,112px);line-height:1.02}.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.button-light{color:var(--mocha);border-color:var(--cream);background:var(--cream)}.button-light:hover{color:var(--cream);background:transparent}.contact-links{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:25px 50px;font-size:12px}.site-footer{display:flex;justify-content:space-between;gap:30px;padding:30px 4vw;color:var(--ink-soft);background:var(--paper);font-size:10px;letter-spacing:.08em;text-transform:uppercase}[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.project[data-reveal]{transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1),padding .48s cubic-bezier(.22,1,.36,1),background-color .48s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes rise-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes visual-in{0%{opacity:0;transform:scale(.86) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes record-spin{to{transform:rotate(360deg)}}@keyframes arm-settle{0%{transform:rotate(-46deg)}to{transform:rotate(-34deg)}}@keyframes line-travel{0%{transform:translate(-110%)}50%,to{transform:translate(110%)}}@media (max-width: 1050px){.site-nav{display:none}.site-header{grid-template-columns:1fr 1fr}.about,.education,.section-heading{grid-template-columns:130px minmax(0,1fr)}.experience{padding-left:calc(130px + 6vw)}.project,.skill-row{grid-template-columns:90px minmax(210px,.8fr) minmax(0,1.2fr);gap:4vw}}@media (max-width: 760px){html{scroll-padding-top:72px}.site-header{min-height:72px;padding:0 20px}.brand{font-size:13px}.brand-mark{width:32px;height:32px;font-size:11px}.header-contact{font-size:11px}.header-actions{gap:12px}.theme-toggle{width:34px;height:34px}.hero{display:block;min-height:auto;padding:125px 20px 70px;background:var(--paper)}.hero-copy{display:block;padding:0}h1{font-size:clamp(48px,14vw,74px);line-height:.94}.hero-intro{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.scroll-cue{display:none}.section-pad{padding:85px 20px}.about,.education,.section-heading{display:block}.section-index{margin-bottom:65px}.about h2,.section-heading h2,.education h2{margin-bottom:38px;font-size:clamp(43px,12vw,65px)}.about-columns{grid-template-columns:1fr}.about-columns{gap:5px;font-size:15px}.section-heading{margin-bottom:55px}.experience{grid-template-columns:1fr;gap:50px;padding:35px 0 70px}.project,.skill-row{grid-template-columns:45px 1fr;gap:22px;padding:38px 0}.project:hover{padding-right:0;padding-left:0}.project-main,.skill-row h3{grid-column:2}.project-number,.skill-row>span{grid-row:1 / span 2}.project-tech,.skill-row ul{grid-column:2}.skill-row h3{margin-bottom:8px}.education-details{flex-direction:column;gap:20px}.contact-section h2{font-size:clamp(55px,16vw,85px);line-height:1.02}.contact-bottom{align-items:flex-start;flex-direction:column;gap:65px}.contact-links{width:100%;gap:24px}.site-footer{align-items:flex-start;flex-direction:column;padding:28px 20px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}