@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{--ink:#102b39;--accent:#d5ee83;--muted:#5c6d76;--line:#d9e0e3;--paper:#f7f9fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #608c25;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--accent);color:var(--ink)}header{max-width:1440px;margin:auto;padding:25px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:22px;line-height:1.2;letter-spacing:-.7px}.wordmark span{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:.4px;margin-top:6px;color:var(--muted)}nav{display:flex;gap:35px;align-items:center;font-size:14px}nav a:hover,.text-link:hover{color:#557422}.nav-contact{border:1px solid var(--ink);padding:9px 17px;border-radius:4px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;padding:55px 5% 65px;gap:6%;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 24px}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,4.5vw,68px);font-weight:500;letter-spacing:-3px;line-height:1.13;margin:0 0 28px}em{font-family:Georgia,serif;font-weight:400}.intro{font-size:18px;max-width:450px;color:var(--muted);line-height:1.65}.actions{display:flex;align-items:center;gap:25px;margin-top:35px;flex-wrap:wrap}.button{display:inline-flex;gap:25px;padding:15px 23px;background:var(--ink);color:white;border-radius:4px;font-size:14px;font-weight:600;transition:background .2s}.button:hover{background:#285263}.text-link{display:inline-block;font-size:14px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:3px}.hero-note{margin-top:55px;display:flex;gap:20px;font-size:12px;color:var(--muted)}.hero-note span+span{border-left:1px solid var(--line);padding-left:20px}.portrait{position:relative;margin:0;aspect-ratio:4/4.7;overflow:hidden;border-radius:5px}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 32%}.portrait figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(3,15,25,.8));padding:75px 25px 23px;color:white;font-size:12px;letter-spacing:1.8px;display:flex;justify-content:space-between;gap:15px}.portrait figcaption span{letter-spacing:0;font-family:Georgia,serif;font-style:italic;font-size:15px}.numbers{background:var(--ink);color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:32px max(5%,calc((100% - 1296px)/2));gap:20px}.numbers div{padding:0 25px;border-right:1px solid #36505b}.numbers div:first-child{padding-left:0}.numbers div:last-child{border:0}.numbers strong{display:block;font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:42px;letter-spacing:-2px;color:var(--accent)}.numbers span{font-size:13px;color:#c1cfd5}.section{max-width:1440px;padding:100px 5%;margin:auto}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:48px}.section-head>p{max-width:340px;color:var(--muted);margin:0 0 10px}h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(36px,4vw,54px);line-height:1.14;font-weight:500;letter-spacing:-2px;margin:0}h3{font-family:Manrope,Arial,sans-serif;font-size:29px;font-weight:500;letter-spacing:-1px;line-height:1.25;margin:0 0 23px}.project{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding:35px 0 50px;gap:6%;align-items:center}.project-visual{aspect-ratio:1.18;position:relative;padding:32px;display:flex;flex-direction:column;justify-content:center;border-radius:5px;overflow:hidden}.creator .project-visual{background:var(--accent)}.small-label{position:absolute;top:30px;left:32px;font-size:12px;font-weight:600;letter-spacing:1px}.big-number{font-family:Manrope,sans-serif;font-size:clamp(80px,11vw,158px);letter-spacing:-10px;line-height:1;font-weight:500;margin-top:35px}.big-number span{font-size:.47em;letter-spacing:-4px}.project-visual>p{margin:10px 0;font-family:Georgia,serif;font-style:italic;font-size:25px}.visual-bottom{display:flex;justify-content:space-between;gap:15px;position:absolute;bottom:25px;left:32px;right:32px;border-top:1px solid #102b3944;padding-top:15px;font-size:11px;letter-spacing:1px}.project-copy{padding:15px 0}.project-copy .eyebrow{margin-bottom:18px}.project-copy p{color:var(--muted)}.project-copy ul{padding-left:20px;margin:22px 0;color:var(--ink)}.project-copy li{padding-left:4px;margin-bottom:9px;font-size:15px}.commerce .project-visual{background:#dfeaf0}.commerce-title{font-family:Manrope,sans-serif;font-size:80px;line-height:.95;letter-spacing:-5px;margin-top:24px}.commerce-title i{font-family:Georgia,serif;font-weight:400}.commerce .project-visual>p{font-size:20px;margin-top:24px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{border:1px solid #c7d2d8;border-radius:4px;font-size:12px;padding:5px 10px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px}.compact-project{padding:35px;border:1px solid var(--line);border-radius:5px}.compact-project p{color:var(--muted)}.compact-project .eyebrow{color:var(--ink)}.result{font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-1px;border-top:1px solid var(--line);padding-top:20px}.result span{display:block;font-family:'DM Sans',sans-serif;font-size:12px;color:var(--muted);letter-spacing:0;margin-top:3px}.compact-project .detail{font-size:12px;border-top:1px solid var(--line);padding-top:17px;margin-bottom:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#eaf0f3;max-width:none;padding-left:max(5%,calc((100% - 1296px)/2));padding-right:max(5%,calc((100% - 1296px)/2))}.about-intro>p:not(.eyebrow){max-width:480px;color:var(--muted);margin:25px 0}.timeline h3{font-size:22px}.timeline>div{border-top:1px solid #c8d4db;padding:19px 0}time,.degree>span{font-size:12px;color:var(--muted);letter-spacing:1px}h4{font-size:17px;line-height:1.4;font-weight:600;margin:7px 0}.timeline h4 span{display:block;font-weight:400;color:var(--muted);font-size:15px;margin-top:4px}.timeline p{font-size:14px;color:var(--muted);margin:12px 0 0}.details{display:grid;grid-template-columns:1fr 1fr;gap:10%}.degree{border-top:1px solid var(--line);padding:18px 0}.degree p{font-size:14px;color:var(--muted);margin:6px 0}.skills{margin:25px 0}.skills span{font-size:14px;padding:7px 12px}.tools-title{margin-top:30px}.details>div>p:not(.eyebrow){color:var(--muted);font-size:14px}.languages{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:14px}.languages b{display:block;font-size:12px;font-weight:400;color:var(--muted)}.contact{background:var(--ink);color:white;padding:80px 5%;text-align:center}.contact .eyebrow{color:var(--accent)}.contact h2{font-size:clamp(50px,6vw,80px);line-height:1.06}.contact h2 em{color:var(--accent)}.contact p:not(.eyebrow){color:#b9cad3;margin:25px 0}.email{display:inline-block;border-bottom:1px solid #69828f;font-family:Manrope,sans-serif;font-size:clamp(17px,2.7vw,34px);letter-spacing:-.7px;margin:15px 0;padding-bottom:10px;overflow-wrap:anywhere}.email span{color:var(--accent);margin-left:20px}.contact-links{display:flex;justify-content:center;gap:30px;font-size:14px;margin-top:20px}.contact-links a:hover{color:var(--accent)}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 5%;font-size:12px;color:var(--muted)}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){.numbers{padding-left:calc((100% - 1296px)/2);padding-right:calc((100% - 1296px)/2)}}@media(max-width:900px){.hero h1{letter-spacing:-2px;font-size:43px}.hero-note{flex-direction:column;gap:4px;margin-top:30px}.hero-note span+span{border:0;padding:0}.numbers strong{font-size:34px}.numbers div{padding:0 10px}.project-visual{aspect-ratio:.95;padding:25px}.big-number{font-size:90px;letter-spacing:-6px}.commerce-title{font-size:70px}.project-visual>p{font-size:19px}.small-label{left:25px;font-size:10px}.visual-bottom{left:25px;right:25px;font-size:10px}.section{padding-top:70px;padding-bottom:70px}.compact-project{padding:25px}.about,.details{gap:6%}}@media(max-width:640px){header{padding:22px 6%}.wordmark{font-size:19px}.wordmark span{font-size:11px}nav{gap:18px}nav a{font-size:13px}nav a:first-child{display:none}.nav-contact{padding:7px 10px}.hero{display:flex;flex-direction:column;padding:45px 6% 35px;gap:35px;align-items:stretch}.hero h1{font-size:46px}.hero .eyebrow{margin-bottom:20px}.intro{font-size:17px}.hero-note{display:none}.actions{margin-top:28px;gap:20px}.portrait{aspect-ratio:1.05}.portrait img{object-position:50% 27%}.numbers{grid-template-columns:1fr 1fr;padding:23px 6%;gap:20px}.numbers div{padding:0;border:0}.numbers strong{font-size:36px}.numbers span{font-size:12px}.section{padding:60px 6%}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:20px}.section-head h2{font-size:40px}.project{grid-template-columns:1fr;gap:12px;padding:25px 0 35px}.project-visual{aspect-ratio:1.23}.big-number{font-size:120px}.project-visual>p{font-size:23px}.commerce-title{font-size:80px}.project-copy{padding:20px 0}h3{font-size:28px}.project-pair,.about,.details{grid-template-columns:1fr;gap:35px}.compact-project{padding:28px}.about .timeline{margin-top:5px}.contact{padding:60px 6%}.contact-links{gap:20px;flex-wrap:wrap}.email span{margin-left:5px}.contact p br{display:none}footer{padding:25px 6%;flex-wrap:wrap}footer>span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}