@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:#1c2929;--sub:#596765;--bg:#f4f5f2;--line:#d5dcda;--accent:#b9e36a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.wrap{width:min(1260px,calc(100% - 80px));margin:auto}.nav{height:90px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:50px}.brand{font:800 27px Manrope,sans-serif;letter-spacing:-.1em}.brand-dot,.period{color:#8bae48}.navlinks{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:700}.navlinks a:hover,.textlink:hover{color:#659026}.navmark{font:700 10px Manrope;letter-spacing:.18em;margin-left:40px;color:var(--sub)}.eyebrow{font:700 11px Manrope,sans-serif;letter-spacing:.16em;color:#5c7566}.hero{padding:90px 0 85px;min-height:660px}.hero-meta,.hero-bottom,.sectionhead{display:flex;justify-content:space-between;gap:40px}.status{font-size:12px;color:var(--sub)}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#86ad46;margin-right:7px}.hero h1{font:800 clamp(62px,8.4vw,132px)/1.02 Manrope,sans-serif;letter-spacing:-.075em;max-width:1100px;margin:58px 0 65px}.line-accent{color:#8bae48}.hero-bottom p{font-size:22px;line-height:1.45;max-width:630px;margin:0}.hero-aside{border-left:1px solid #aebcb6;padding-left:24px;width:280px;display:flex;flex-direction:column;gap:5px}.hero-aside span,.hero-aside small{font-size:12px;color:var(--sub)}.hero-aside strong{font-size:16px;line-height:1.4}.textlink{display:inline-flex;margin-top:62px;padding-bottom:10px;border-bottom:1px solid var(--ink);font-weight:700;font-size:14px;gap:55px}.section{padding:110px 0}.sectionhead{align-items:end;margin-bottom:52px}.sectionhead h2,.about h2,.contact h2{font:800 clamp(38px,4.4vw,65px)/1.12 Manrope;letter-spacing:-.055em;margin:15px 0 0}.sectionhead p{max-width:340px;margin:0;color:var(--sub)}.projectgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.projectcard{background:#fff;transition:transform .25s,box-shadow .25s;overflow:hidden}.projectcard:hover{transform:translateY(-5px);box-shadow:0 18px 36px #1c292916}.cardimage{height:320px;position:relative;background:#d7dfd9;overflow:hidden}.cardimage img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:transform .5s}.projectcard:hover .cardimage img{transform:scale(1.04)}.cardnum{position:absolute;left:20px;top:18px;background:var(--accent);padding:6px 11px;font:700 11px Manrope}.cardbody{padding:27px 30px 33px}.cardbody h3{font:800 27px/1.2 Manrope;letter-spacing:-.04em;margin:11px 0}.cardbody h3 b{float:right;font:400 21px Manrope}.cardbody p{color:var(--sub);max-width:500px;margin:0 0 24px}.cardbody small{border-top:1px solid var(--line);padding-top:14px;display:block;font-weight:700;font-size:11px;letter-spacing:.05em}.dark{background:var(--ink);color:#f3f6f2}.dark .eyebrow{color:var(--accent)}.timeline{border-top:1px solid #586864}.timeline>div{display:grid;grid-template-columns:30% 1fr;border-bottom:1px solid #586864;padding:30px 0}.timeline time{font-size:13px;color:#b8c9c2}.timeline h3{font:700 23px Manrope;margin:0 0 4px}.timeline strong{font-size:13px;color:var(--accent)}.timeline p{max-width:670px;color:#c3cfca;margin:14px 0 0}.education{display:grid;grid-template-columns:1fr 1fr;gap:60px}.education>div{border-top:2px solid var(--ink);padding-top:24px}.education h3{font:800 27px Manrope;letter-spacing:-.03em;margin:12px 0}.education p,.researchnote p{color:var(--sub);max-width:510px}.researchnote{margin-top:70px;background:#e6ebdf;padding:32px 38px;display:flex;gap:60px;align-items:start}.researchnote p{margin:0;max-width:750px}.about{background:#e4eae2}.aboutgrid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h2 em{font-style:normal;color:#729348}.aboutgrid p{font-size:19px;line-height:1.65;margin:0 0 25px}.contact{min-height:430px}.contact p{color:var(--sub)}footer{background:#172323;color:#d7e5dc;padding:30px 0}.footergrid{display:flex;justify-content:space-between;align-items:center;font-size:12px}.footergrid strong{font:800 13px Manrope}.case{padding:50px 0 100px}.back{font-size:13px;font-weight:700}.casehero{margin-top:40px;display:grid;grid-template-columns:1fr 43%;background:#e3e9e3;min-height:450px}.casehero>div{padding:60px;display:flex;flex-direction:column;justify-content:center}.casehero h1{font:800 clamp(45px,5vw,76px)/1.04 Manrope;letter-spacing:-.065em;margin:20px 0}.casehero p{max-width:490px;color:var(--sub);font-size:18px}.casehero img{width:100%;height:100%;object-fit:cover}.casebody{max-width:900px;margin:75px auto 0}.casebody .lead{font:500 25px/1.5 Manrope;letter-spacing:-.035em;margin:0 0 55px}.casebody h2{font:800 35px/1.2 Manrope;letter-spacing:-.045em;margin:80px 0 22px}.casebody>p:not(.lead){font-size:18px;color:#4d5f59;line-height:1.75}.factrow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0}.factrow div{display:flex;flex-direction:column}.factrow small{font:700 10px Manrope;letter-spacing:.15em;color:#729348}.factrow strong{font:700 15px Manrope;margin-top:8px}.casebody figure{margin:50px 0}.casebody figure img,.casebody video{width:100%;max-height:540px;object-fit:contain;background:#dce4de}.casebody figcaption{font-size:12px;color:var(--sub);margin-top:10px}.video video{background:#172323;max-height:560px}.callout{background:#e7eddf;padding:32px 36px;margin-top:70px}.callout strong{font:700 15px Manrope}.callout p{color:var(--sub);margin-bottom:0}.steps,.featurepanel{display:flex;flex-wrap:wrap;gap:8px;margin:45px 0}.steps span,.featurepanel span{font-size:11px;font-weight:700;letter-spacing:.07em;padding:11px 14px;background:#e1e8dc}.next{text-align:center;margin:90px 0 0;font:700 18px Manrope}.next a{border-bottom:1px solid;padding-bottom:8px}@media(max-width:800px){.wrap{width:min(100% - 36px,600px)}.nav{height:74px;gap:12px}.navlinks{gap:12px;overflow:auto;font-size:11px}.navmark{display:none}.hero{padding:60px 0;min-height:0}.hero h1{font-size:clamp(48px,12vw,75px);margin:45px 0}.hero-bottom,.sectionhead{display:block}.hero-bottom p{font-size:18px}.hero-aside{margin-top:34px}.section{padding:75px 0}.sectionhead p{margin-top:22px}.projectgrid,.education,.aboutgrid{grid-template-columns:1fr}.cardimage{height:250px}.timeline>div{grid-template-columns:1fr;gap:14px}.researchnote{display:block}.researchnote p{margin-top:15px}.aboutgrid{gap:28px}.footergrid{gap:12px;flex-wrap:wrap}.casehero{grid-template-columns:1fr}.casehero>div{padding:35px 27px}.casehero img{height:300px}.casebody{margin-top:55px}.casebody .lead{font-size:21px}.factrow{grid-template-columns:1fr}.casebody h2{font-size:29px;margin-top:65px}.casebody>p:not(.lead){font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Portrait and project media */
.hero-intro{display:grid;grid-template-columns:minmax(0,1fr) 30%;gap:50px;align-items:center;margin:48px 0}.hero-name{font:600 18px Manrope,sans-serif}.hero h1{font-size:clamp(52px,6.1vw,91px);margin:22px 0;max-width:800px}.portrait{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:2px}.cardimage video{width:100%;height:100%;object-fit:cover}.industry-summary{height:100%;min-height:300px;background:#243b37;color:#ecf2e8;display:flex;flex-direction:column;justify-content:center;padding:46px;gap:20px}.industry-summary>span{font:700 17px Manrope;letter-spacing:.04em;color:#b9e36a}.industry-summary strong{font:600 34px/1.2 Manrope}.industry-summary small{font:600 10px Manrope;letter-spacing:.13em}.projectcard:nth-child(3) .cardimage img{object-fit:contain;background:#fff}.casehero img{object-fit:contain;background:#fff}.casebody figure img{background:#fff}.casebody .lead{margin-bottom:35px}.casebody h2{margin-top:45px}.callout{margin-top:45px}.hero{padding-top:65px}@media(max-width:800px){.hero-intro{grid-template-columns:1fr;gap:24px;margin:35px 0}.hero h1{font-size:clamp(46px,10vw,70px)}.portrait{width:min(280px,75%);aspect-ratio:4/5}.industry-summary{padding:30px}.hero{padding-top:45px}}

/* Compact, portrait-led portfolio */
.hero-intro{grid-template-columns:minmax(0,1fr) 38%;gap:50px;margin:36px 0}.hero h1{font-size:clamp(58px,7vw,106px);letter-spacing:-.055em;line-height:1.03;margin:0 0 24px}.portrait{aspect-ratio:1;object-position:center 35%;border-radius:3px}.hero-fields{font-size:22px;line-height:1.5;margin:0 0 20px}.hero-equation{font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--sub)}.hero-bottom p{font-size:19px;max-width:680px}.hero{padding-bottom:65px;min-height:0}.hero .textlink{margin-top:32px}.eyebrow{font-size:12px}.navlinks{font-size:14px;gap:24px}.navmark{font-size:12px;letter-spacing:.08em;margin-left:12px}.status,.hero-aside span,.hero-aside small{font-size:14px}.cardbody small{font-size:14px;letter-spacing:0;font-weight:500}.cardbody h3{font-size:25px;line-height:1.25}.cardbody p{min-height:104px}.projectcard:hover{transform:none;box-shadow:none}.cardimage{height:340px;background:#172323}.cardimage video{object-fit:contain;background:#101716}.timeline time,.timeline strong{font-size:14px}.section{padding:80px 0}.industry-summary small{font-size:12px}.video{position:relative}.projectcard:focus-within{outline:2px solid var(--ink)}a:focus-visible,button:focus-visible{outline:3px solid #729348;outline-offset:5px}.contact .textlink{margin-top:15px}.navlinks a{white-space:nowrap}section{scroll-margin-top:25px}@media(max-width:800px){.hero-intro{grid-template-columns:1fr;gap:24px}.hero h1{font-size:clamp(52px,12vw,78px)}.portrait{width:min(320px,100%);aspect-ratio:1}.hero-fields{font-size:20px}.hero-meta{display:block}.status{display:block;margin-top:12px}.nav{gap:20px;align-items:center}.navlinks{gap:16px;font-size:14px;padding:12px 0}.hero{padding-top:35px}.hero-intro{margin-top:26px}.cardimage{height:260px}.cardbody{padding:24px}.cardbody p{min-height:0}.hero-bottom p{font-size:18px}.section{padding:60px 0}.hero-bottom{display:block}.hero-aside{width:auto}.hero h1{overflow-wrap:normal}}

/* Contact form */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.contact-intro h2{font-size:clamp(34px,3.6vw,52px);max-width:530px}.contact-email{display:inline-block;margin-top:12px;border-bottom:1px solid var(--ink);font-size:17px;overflow-wrap:anywhere}.contact-form{background:white;padding:32px;border:1px solid var(--line)}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.form-field label{font-size:14px;font-weight:700}.form-field input,.form-field textarea{width:100%;min-width:0;border:1px solid #9caeaa;border-radius:2px;background:#fafbf9;color:var(--ink);padding:12px;font:inherit;font-size:16px;line-height:1.5}.form-field textarea{resize:vertical;min-height:150px}.form-field input:focus,.form-field textarea:focus{outline:2px solid #729348;outline-offset:2px}.contact-send{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:14px 22px;background:var(--ink);color:white;border:0;border-radius:2px;font:700 16px 'DM Sans',Arial,sans-serif;cursor:pointer}.contact-send:hover{background:#304b43}.contact .form-note{font-size:14px;line-height:1.6;margin:16px 0;color:var(--sub)}.form-note a{text-decoration:underline;text-underline-offset:3px}.form-trap{display:none!important}@media(max-width:800px){.contact-grid{grid-template-columns:1fr;gap:32px}.contact-form{padding:24px}.contact-fields{grid-template-columns:1fr;gap:0}.contact-send{width:100%}}

/* Continuous project footage and paired bachelor-thesis figures */
video{pointer-events:none}
.sff-media{display:flex;align-items:center;background:#fff;padding:48px 18px 20px}
.sff-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;background:#fff}
.sff-pair figure{margin:0;min-width:0}
.sff-crop{position:relative;overflow:hidden;width:100%;aspect-ratio:947 / 700;background:#fff}
.sff-crop.sff-heatmap{aspect-ratio:947 / 668}
.sff-pair .sff-crop img,.projectcard:nth-child(3) .sff-crop img,.casehero .sff-crop img,.casebody .sff-crop img{position:absolute;left:-5.069%;width:109.926%;max-width:none;height:auto;max-height:none;object-fit:initial;filter:none;transition:none;transform:none}
.sff-crop.sff-heatmap img{top:-3.892%}
.sff-crop.sff-reference img{top:-125%}
.sff-pair figcaption{font-size:12px;line-height:1.5;margin-top:10px;color:var(--sub)}
.casehero>.sff-hero-media{padding:20px;justify-content:center;background:white}
.sff-hero-media .sff-pair{grid-template-columns:1fr}
.casebody>.sff-pair{margin:40px 0}
@media(max-width:500px){.cardimage.sff-media{height:auto;min-height:260px}.sff-media .sff-pair{grid-template-columns:1fr;gap:20px}.sff-media{padding:50px 24px 24px}.casebody>.sff-pair{grid-template-columns:1fr}}

/* Bachelor thesis focus-sweep preview */
.ba-video{background:#101716}.media-caption{position:absolute;left:16px;bottom:14px;background:#172323dd;color:#fff;padding:5px 9px;font-size:12px;line-height:1.5;pointer-events:none}.casehero>.ba-case-video{position:relative;padding:0;background:#101716;display:flex;justify-content:center;align-items:center;min-height:280px}.ba-case-video video{width:100%;height:auto;object-fit:contain}

.hero-fields{font-size:clamp(18px,1.65vw,22px);line-height:1.6;text-wrap:pretty}@media(max-width:800px){.hero-fields{font-size:18px}}

/* Keep the project footage flush with its display area. */
.projectcard .cardimage video{object-fit:cover;background:transparent}
.casebody .video video{width:100%;aspect-ratio:16 / 10;max-height:none;object-fit:cover;background:transparent}

/* One calm, consistent frame for all project media. */
.projectcard .cardimage{aspect-ratio:16 / 10;background:#172323}
.projectcard .cardimage>img,.projectcard .cardimage>video{width:100%;height:100%;object-fit:cover;display:block}
.projectcard .cardimage>img{filter:saturate(.84) contrast(.98)}

.timeline strong a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.timeline strong a:hover{color:#d6f59d}

.education .education-institution{display:block;margin-bottom:.4rem;font-weight:600;color:var(--ink)}
.education .education-detail{display:block}
.education h3 a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.education h3 a:hover{color:#729348;border-bottom-color:currentColor}

/* Refined hero: all overrides are limited to this section. */
.hero-refined .hero-intro{margin:44px 0 40px}
.hero-refined .hero-copy{min-width:0}
.hero-refined h1{margin-bottom:30px}
.hero-refined .hero-fields{font-size:clamp(1.125rem,1.5vw,1.3125rem);line-height:1.6;margin:0 0 24px;max-width:34rem;text-wrap:pretty}
.hero-refined .hero-equation{font-size:.875rem;font-weight:700;letter-spacing:.075em;line-height:1.6;color:#5c7566;margin:0}
.hero-refined .hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) 38%;gap:50px;align-items:start}
.hero-refined .hero-bottom>p{max-width:37.5rem;margin:0;font-size:1.125rem;line-height:1.75}
.hero-refined .hero-aside{width:auto;max-width:20rem;padding-left:20px;margin:4px 0 0;gap:5px;align-self:start}
.hero-refined .hero-aside>span{font-size:.875rem;line-height:1.5;margin-bottom:3px;color:var(--sub)}
.hero-refined .hero-aside strong{font-size:.9375rem;font-weight:600;line-height:1.6}
.hero-refined .hero-aside small{font-size:.875rem;line-height:1.6;color:var(--sub)}
.hero-refined .textlink{margin-top:36px}
@media(max-width:800px){
 .hero-refined .hero-intro{margin:34px 0 32px;gap:32px}
 .hero-refined h1{margin-bottom:24px}
 .hero-refined .hero-fields{margin-bottom:20px}
 .hero-refined .hero-bottom{grid-template-columns:1fr;gap:28px}
 .hero-refined .hero-bottom>p{max-width:37.5rem;font-size:1.0625rem;line-height:1.75}
 .hero-refined .hero-aside{margin-top:0}
 .hero-refined .textlink{margin-top:30px}
}

/* Selected projects: practical context and the remote-sensing setup. */
#projects .sectionhead{display:block}
#projects .sectionhead>p{max-width:49rem;margin:24px 0 0;line-height:1.75}
#projects .remote-sensing-image img{width:100%;height:100%;object-fit:contain;filter:none;transform:none}
@media(max-width:800px){
 #projects .sectionhead>p{margin-top:22px}
}