@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{color:#20201e;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f5f1;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button{font:inherit}:root{--ink:#20201e;--paper:#f6f5f1;--orange:#ed5e36;--line:#d8d6cf;--muted:#686862;--lime:#d8e858}main{overflow:hidden}.section-shell{width:min(1120px,100% - 64px);margin:0 auto}.nav{border-bottom:1px solid var(--line);z-index:3;justify-content:space-between;align-items:center;width:min(1120px,100% - 64px);height:76px;margin:auto;display:flex;position:relative}.brand{letter-spacing:-2px;font:600 27px/1 DM Mono,monospace;text-decoration:none}.nav-links{gap:30px;font:500 13px DM Mono,monospace;display:flex}.nav-links a{text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--orange)}.menu-button{background:0 0;border:0;width:29px;padding:8px 0;display:none}.menu-button span{background:var(--ink);height:1px;margin:6px 0;display:block}.hero{min-height:690px;padding:116px 0 48px;position:relative}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:1.4px;font:500 11px DM Mono,monospace}.hero h1,.about h2,.skills h2,.projects h2,.contact h2{font-family:Playfair Display,Georgia,serif;font-weight:500}.hero h1{letter-spacing:-.07em;margin:20px 0 22px;font-size:clamp(64px,10vw,132px);line-height:.88}.period{color:var(--orange)}.hero-role{letter-spacing:-1.7px;margin:0 0 22px;font-size:clamp(25px,3vw,38px);line-height:1.1}.hero-copy{color:var(--muted);max-width:405px;font-size:16px;line-height:1.55}.hero-actions{align-items:center;gap:30px;margin-top:36px;display:flex}.button{align-items:center;gap:17px;padding:14px 18px;font:500 12px DM Mono,monospace;text-decoration:none;display:inline-flex}.button-dark{background:var(--ink);color:#fff}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:11px;padding-bottom:4px;font:500 12px DM Mono,monospace;text-decoration:none;display:inline-flex}.arrow{font-size:18px;line-height:.5}.diagonal{display:inline-block;transform:rotate(-45deg)}.hero-orbit{border:1px solid var(--line);width:260px;height:260px;color:var(--orange);border-radius:50%;justify-content:center;align-items:center;font:10px DM Mono,monospace;display:flex;position:absolute;top:130px;right:3%;transform:rotate(-16deg)}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid var(--line);border-radius:50%;position:absolute}.hero-orbit:before{width:75%;height:75%}.hero-orbit:after{background:var(--orange);border:0;width:42%;height:42%}.hero-orbit span{position:absolute}.hero-orbit span:first-child{top:34px}.hero-orbit span:nth-of-type(2){left:17px}.hero-orbit span:last-child{bottom:32px}.hero-orbit i{background:var(--ink);border-radius:50%;width:6px;height:6px;position:absolute}.hero-orbit i:first-of-type{right:35px}.hero-orbit i:nth-of-type(2){bottom:60px;left:38px}.scroll-cue{color:var(--muted);font:10px DM Mono,monospace;text-decoration:none;position:absolute;bottom:37px;right:0}.scroll-cue span{color:var(--orange);padding-left:8px;font-size:18px}.about,.skills,.projects{border-top:1px solid var(--line);padding:112px 0}.section-label{color:var(--muted)}.section-label span{color:var(--orange);margin-right:12px}.about-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:10.5vw;margin-top:62px;display:grid}.portrait{letter-spacing:-.1em;color:#f3f0e9;background:#b9c1af;place-items:center;min-height:420px;font:600 84px Playfair Display,serif;display:grid;position:relative;overflow:hidden}.portrait:before{content:"";background:#5c6458;border-radius:50% 50% 11% 11%;width:250px;height:310px;position:absolute;bottom:-90px}.portrait span{z-index:1;position:relative}.portrait-sun{background:var(--orange);border-radius:50%;width:176px;height:176px;position:absolute;top:-60px;right:-45px}.about h2,.skills h2,.projects h2{letter-spacing:-.055em;margin:0 0 29px;font-size:clamp(40px,5vw,63px);line-height:.99}.about-content>p{max-width:510px;color:var(--muted);font-size:17px;line-height:1.6}.about dl{grid-template-columns:1fr 1fr;gap:23px 28px;margin:0;padding-top:42px;display:grid}.about dt{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px;font:10px DM Mono,monospace}.about dd{margin:0;font-size:14px}.skills-heading,.project-heading{justify-content:space-between;align-items:end;margin:58px 0 48px;display:flex}.skills-heading p{color:var(--muted);max-width:260px;font-size:14px;line-height:1.55}.skills-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.skill-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:31px 32px 34px}.skill-card h3{margin:0 0 25px;font-size:15px;font-weight:500}.skill-card div,.tags{flex-wrap:wrap;gap:7px;display:flex}.skill-card span,.tags span{border:1px solid var(--line);border-radius:20px;padding:6px 10px;font:10px DM Mono,monospace}.project-list{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project-card{background:#eeece6}.project-visual{height:260px;padding:18px;position:relative;overflow:hidden}.project-number,.visual-title{z-index:1;font:10px DM Mono,monospace;position:relative}.visual-title{position:absolute;bottom:18px;right:18px}.finance{background:#c6d1bd}.portfolio{background:#d9d5cb}.mobile{background:#e6b59a}.visual-shape{position:absolute}.finance .visual-shape{background:var(--lime);width:155px;height:155px;box-shadow:35px 35px 0 var(--ink);border-radius:50%;top:48px;left:calc(50% - 78px)}.portfolio .visual-shape{border:7px solid var(--ink);width:173px;height:114px;box-shadow:13px 13px 0 var(--orange);background:#f6f5f1;top:68px;left:calc(50% - 87px)}.mobile .visual-shape{border:7px solid var(--ink);width:97px;height:180px;box-shadow:25px 20px 0 var(--orange);background:#f8e7c7;border-radius:17px;top:39px;left:calc(50% - 48px)}.project-info{flex-direction:column;justify-content:space-between;min-height:260px;padding:25px 23px 22px;display:flex}.project-info h3{letter-spacing:-1px;margin:0 0 12px;font-size:22px}.project-info p{color:var(--muted);font-size:13px;line-height:1.55}.project-footer{justify-content:space-between;align-items:end;gap:8px;display:flex}.round-link{border:1px solid var(--ink);border-radius:50%;flex:0 0 35px;place-items:center;height:35px;text-decoration:none;display:grid}.contact{background:var(--ink);color:#f6f5f1}.contact-inner{padding:112px 0 30px}.contact h2{letter-spacing:-.065em;margin:25px 0 41px;font-size:clamp(50px,7.3vw,92px);line-height:.94}.contact h2 em{color:var(--lime)}.contact-email{color:var(--lime);border-bottom:1px solid var(--lime);align-items:center;gap:17px;padding-bottom:7px;font:500 17px DM Mono,monospace;text-decoration:none;display:inline-flex}.contact-bottom{color:#aeada8;border-top:1px solid #4d4d48;justify-content:space-between;margin-top:117px;padding-top:20px;font:10px DM Mono,monospace;display:flex}.contact-bottom div{gap:20px;display:flex}.contact-bottom a{color:#f6f5f1;text-decoration:none}footer{color:var(--muted);justify-content:space-between;padding:24px max(32px,50% - 560px);font:10px DM Mono,monospace;display:flex}footer a{text-decoration:none}@media (width<=720px){.section-shell,.nav{width:calc(100% - 40px)}.nav{height:64px}.menu-button{display:block}.nav-links{display:none}.nav-links.open{background:var(--paper);border:1px solid var(--line);flex-direction:column;gap:18px;padding:20px;display:flex;position:absolute;top:55px;right:0}.hero{min-height:650px;padding-top:98px}.hero h1{font-size:67px}.hero-orbit{opacity:.45;width:225px;height:225px;top:145px;right:-70px}.scroll-cue{left:0;right:auto}.about,.skills,.projects{padding:74px 0}.about-grid{grid-template-columns:1fr;gap:42px;margin-top:39px}.portrait{min-height:305px}.about dl{padding-top:31px}.skills-heading,.project-heading{margin:37px 0;display:block}.skills-heading p{margin-top:22px}.skills-grid{grid-template-columns:1fr}.skill-card{padding:26px 22px}.project-list{grid-template-columns:1fr;gap:18px}.project-visual{height:225px}.project-info{min-height:205px}.project-heading .text-link{margin-top:20px}.contact-inner{padding-top:78px}.contact-bottom{margin-top:82px}.contact-bottom,.contact-bottom div,footer{flex-wrap:wrap;gap:12px}.contact h2{font-size:54px}}