@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f3ec;--ink:#232d28;--muted:#646b63;--line:#d7dad0;--accent:#b84b2a;--green:#dce5cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--green)}.wrap{width:min(1240px,calc(100% - 100px));margin-inline:auto}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1px}.wordmark span{color:var(--accent);margin-left:5px}nav{display:flex;gap:38px;font-size:14px;font-weight:600}nav a:hover,footer>a:last-child:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:center;padding-block:95px 105px}.eyebrow,.section-label>span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 26px}.status-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;background:#5c7650;border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(42px,5.4vw,72px);letter-spacing:-4px;font-weight:500;line-height:1.1;margin-bottom:30px}h1 em{font-family:Georgia,serif;color:var(--accent);font-weight:400;letter-spacing:-3px}.intro{max-width:390px;color:var(--muted);font-size:17px;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:15px 22px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:var(--accent);transform:translateY(-2px)}.button>span[aria-hidden]{font-size:20px;line-height:1}.portrait-area{transform:rotate(3deg);max-width:440px}.portrait-placeholder,.portrait{aspect-ratio:4/4.5;width:100%;background:var(--green);position:relative;overflow:hidden;border-radius:3px}.portrait-placeholder:before{content:'';position:absolute;width:350px;height:350px;border:1px solid #acbba0;border-radius:50%;left:-70px;top:55px}.portrait-placeholder:after{content:'';position:absolute;width:350px;height:350px;border:1px solid #acbba0;border-radius:50%;right:-140px;top:140px}.portrait-corner{position:absolute;top:24px;left:26px;font-size:11px;letter-spacing:2px}.monogram{position:absolute;top:30px;left:40px;font-family:Georgia,serif;font-style:italic;font-size:210px;letter-spacing:-20px;color:#687c5d;line-height:1.4}.portrait-caption{position:absolute;bottom:25px;left:26px;font-size:16px;z-index:1}.portrait-caption small{font-size:11px;color:#59694f}.portrait-spark{position:absolute;right:28px;bottom:30px;font-size:56px;color:var(--accent);line-height:1}.portrait-note{font-size:12px;margin-top:14px;padding-left:10px}.portrait-note span{font-size:23px;margin-right:8px}.portrait{object-fit:cover;display:block}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding-block:66px 75px}.section-label>span{color:var(--muted)}h2{font-size:38px;letter-spacing:-1.8px;font-weight:500;line-height:1.2}.section-label h2{margin-top:24px}.about-content{padding-top:34px}.about-content>p{font-size:17px;color:var(--muted);max-width:550px}.skills{margin-top:28px}.skills h3{font-family:'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:1.3px;font-size:10px;margin-bottom:14px}.skills ul{display:flex;gap:10px;list-style:none;padding:0;margin:0}.skills li{border:1px solid #bcc3b6;padding:6px 20px;font-size:13px;border-radius:3px}.projects{border-top:1px solid var(--line);padding-block:65px 95px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-heading .eyebrow{color:var(--muted);margin-bottom:18px}.section-heading h2{margin:0}.quiet{font-size:12px;color:var(--muted);margin-bottom:5px}.project{display:grid;grid-template-columns:1.35fr 1fr;border:1px solid var(--line);background:#faf9f5}.project-visual{background:#e4e7df;padding:58px 32px 30px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;min-height:440px}.dashboard-preview{display:grid;grid-template-columns:115px 1fr;background:#fff;border:1px solid #d4d8ce;box-shadow:0 20px 40px #232d2810;border-radius:7px;transform:rotate(-3deg);min-height:265px}.preview-sidebar{border-right:1px solid #e7e7e3;display:flex;flex-direction:column;padding:18px 10px;gap:14px;font-size:9px;color:#6b6b67}.preview-sidebar>b{font-size:15px;color:#111;margin-bottom:15px;letter-spacing:-.8px}.preview-sidebar>b span{background:#d8ff48}.preview-sidebar>span{padding:3px}.preview-sidebar .selected{background:#232d28;color:white;border-radius:4px;padding:7px}.preview-sidebar small{margin-top:auto;font-size:6px;letter-spacing:1px}.preview-main{padding:23px 17px}.preview-top{font-size:6px;letter-spacing:1px;color:#787c75;display:flex;justify-content:space-between}.preview-top>span{color:#5b7145}.preview-main h3{font-size:24px;letter-spacing:-1px;margin:6px 0 18px;line-height:1.2}.preview-main h3>span{color:var(--accent)}.preview-cards{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}.preview-timetable{border:1px solid #e5e6df;padding:10px;border-radius:5px;font-size:8px}.preview-timetable>div{display:flex;gap:10px;margin-top:12px;font-size:7px}.preview-timetable strong{font-weight:500}.preview-timetable small{display:block;color:#777;font-size:6px}.preview-timetable p{font-size:6px;margin:12px 0 0}.preview-stat{background:#d8ff48;padding:12px;border-radius:5px;display:flex;flex-direction:column;font-size:7px}.preview-stat>b{font-size:37px;letter-spacing:-2px;line-height:1.4}.preview-stat small{display:block;font-size:7px;letter-spacing:0}.preview-stat>span:last-child{margin-top:auto;font-size:6px}.preview-sync{display:flex;align-items:center;gap:5px;margin-top:16px;font-size:6px}.preview-sync>span:last-child{margin-left:auto;color:#68745b}.preview-sync .status-dot{width:4px;height:4px}.visual-caption{font-family:Georgia,serif;font-style:italic;text-align:center;font-size:15px;margin-top:35px;color:#64715a}.project-content{padding:38px 35px;display:flex;flex-direction:column}.project-content .eyebrow{color:var(--muted);font-size:9px;margin-bottom:12px}.project-content h3{font-size:37px;letter-spacing:-1.8px;font-weight:600;margin-bottom:14px;display:flex;justify-content:space-between}.project-content h3 span{font-size:25px;color:var(--accent)}.project-content>p:not(.eyebrow){font-size:14px;color:var(--muted)}.feature-list{list-style:none;padding:0;margin:4px 0 28px;font-size:11px;line-height:2.3}.feature-list li:before{content:'+';color:var(--accent);margin-right:10px}.project-bottom{margin-top:auto}.project-bottom .button{font-size:11px;gap:22px}.demo-note{font-size:10px;color:var(--muted);margin:12px 0 0;line-height:1.6}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:30px}footer p,footer>a:last-child{font-size:11px;color:var(--muted);margin:0}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;top:8px;left:8px;background:var(--ink);color:white;padding:10px;z-index:10}
@media(min-width:1500px){.hero{padding-block:110px 120px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:32px;padding-block:70px}h1{letter-spacing:-2.5px}.monogram{font-size:170px;left:25px}.about{gap:45px}.project{grid-template-columns:1fr}.project-visual{padding:50px 65px 30px;min-height:380px}.dashboard-preview{max-width:560px;width:100%;margin:auto}.project-content{padding:35px}.project-content>p{max-width:540px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.site-header{height:82px}.wordmark{font-size:20px}nav{gap:22px;font-size:12px}.hero{grid-template-columns:1fr;padding-block:50px;gap:45px}h1{font-size:48px;letter-spacing:-2.7px}.eyebrow{font-size:9px;letter-spacing:1.1px}.intro{font-size:16px}.portrait-area{width:80%;margin:0 auto 10px;max-width:330px}.monogram{font-size:170px}.about{grid-template-columns:1fr;padding-block:40px;gap:0}.about-content{padding-top:10px}.about-content>p{font-size:15px}h2{font-size:32px}.section-heading{display:block}.quiet{display:block;margin-top:12px}.projects{padding-block:40px 55px}.project-visual{padding:35px 13px 22px;min-height:310px}.dashboard-preview{grid-template-columns:87px 1fr;min-height:235px}.preview-sidebar{font-size:7px;padding:15px 8px}.preview-sidebar>b{font-size:12px}.preview-main{padding:18px 10px}.preview-main h3{font-size:20px}.preview-timetable{padding:8px}.preview-timetable>div{gap:5px}.preview-stat{padding:8px}.preview-top{font-size:5px}.preview-sync{font-size:5px}.visual-caption{font-size:13px;margin-top:25px}.project-content{padding:27px 23px}.feature-list{display:block}footer{flex-wrap:wrap;gap:15px}footer p{display:none}.portrait-note{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}