*{box-sizing:border-box}:root{--bg:#070707;--fg:#f1f1eb;--muted:#8f8f88;--line:#2b2b29}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--fg);font-family:Inter,Arial,Helvetica,sans-serif}body.screen-page{height:100dvh;overflow:hidden;display:grid;grid-template-rows:min-content minmax(0,1fr) min-content}a{color:inherit}.site-header{padding:24px 4vw 0;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.wordmark{font-size:clamp(68px,8.2vw,118px);line-height:.82;letter-spacing:-.055em;text-decoration:none;font-weight:400}.wordmark.small-mark{font-size:clamp(38px,4vw,58px)}.header-right{display:flex;gap:26px;align-items:flex-start}nav{display:flex;gap:28px;font-size:11px;letter-spacing:.08em}nav a,.lang-switch a{text-decoration:none;opacity:.58}nav a.active,nav a:hover,.lang-switch .active,.lang-switch a:hover{opacity:1}.lang-switch{display:flex;gap:9px;font-size:10px;letter-spacing:.08em;color:var(--muted)}.site-footer{padding:0 4vw 14px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.06em;color:var(--muted)}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--fg)}.footer-links{display:flex;gap:18px;align-items:center}.home-screen{display:flex;align-items:center;min-height:0;padding:0 4vw}.home-copy{width:min(720px,66vw)}.home-copy p{font-size:clamp(18px,1.7vw,24px);line-height:1.34;margin:0}.home-copy p+p{margin-top:clamp(30px,4vh,58px)}.stack-screen{min-height:0;overflow:hidden;padding:10px 4vw 6px;display:grid}.projects-stack{grid-template-rows:repeat(6,min-content);gap:8px;align-content:start}.about-stack{grid-template-rows:none;grid-auto-rows:min-content;gap:32px;align-content:start;padding-top:22px}.stack-row{min-height:0;display:grid;gap:22px;align-items:center;padding:0}.stack-image{min-height:0;overflow:hidden;background:transparent}.stack-image img{width:100%;height:100%;display:block}.projects-stack .stack-row{grid-template-columns:clamp(150px,13vw,205px) minmax(0,1fr)}.projects-stack .stack-image{width:clamp(150px,13vw,205px);aspect-ratio:16/9;height:auto}.project-image img{object-fit:cover;object-position:center;transform:scale(1.01)}.about-stack .stack-row{grid-template-columns:140px minmax(0,620px);gap:22px;align-items:start}.about-stack .stack-image{width:125px;height:185px;max-width:none;overflow:visible}.portrait-image img{object-fit:contain;object-position:left top}.stack-text{min-width:0;align-self:center}.eyebrow{font-size:8px;letter-spacing:.12em;color:var(--muted);margin-bottom:4px}.stack-text h1{font-size:clamp(16px,1.5vw,25px);line-height:1;letter-spacing:-.035em;font-weight:500;margin:0 0 5px}.stack-text .subline{font-size:9px;letter-spacing:.02em;color:#b7b7b0;margin:0 0 5px}.stack-text>p:last-child{font-size:clamp(10px,.82vw,13px);line-height:1.24;margin:0;max-width:900px}.projects-stack .stack-text>p:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.about-stack .stack-text{padding-top:3px}.about-stack .stack-text h1{font-size:clamp(25px,2.2vw,38px);margin-bottom:8px}.about-stack .stack-text .subline{font-size:11px;margin-bottom:13px}.about-stack .stack-text>p:last-child{font-size:clamp(12px,1vw,15px);line-height:1.35;max-width:760px}.legal-page{min-height:100dvh;background:var(--bg);color:var(--fg)}.legal-content{width:min(840px,92vw);margin:0 auto;padding:clamp(80px,11vh,140px) 0 90px}.legal-content h1{font-size:clamp(42px,6vw,86px);line-height:.92;letter-spacing:-.05em;font-weight:400;margin:0 0 60px}.legal-content section{border-top:1px solid var(--line);padding:18px 0 30px}.legal-content h2{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin:0 0 16px}.legal-content p{max-width:680px;font-size:14px;line-height:1.55;margin:0 0 12px}.legal-content a{text-underline-offset:3px}.legal-reference{color:var(--muted);margin-top:24px!important}@media(max-width:760px){.site-header{padding:11px 10px 0;display:block;position:relative}.wordmark,.wordmark.small-mark{font-size:30px;display:block;margin-top:28px}.header-right{display:block}nav{position:absolute;top:11px;left:10px;gap:11px;font-size:7.5px}.lang-switch{position:absolute;top:11px;right:10px;font-size:7.5px}.site-footer{padding:0 10px 7px;font-size:7.5px}.home-screen{padding:0 10px}.home-copy{width:100%}.home-copy p{font-size:13px;line-height:1.35}.home-copy p+p{margin-top:18px}.stack-screen{padding:3px 10px 2px}.projects-stack{gap:6px}.projects-stack .stack-row{grid-template-columns:34vw minmax(0,1fr);gap:8px}.projects-stack .stack-image{width:34vw;aspect-ratio:16/9}.about-stack{gap:18px;padding-top:10px}.about-stack .stack-row{grid-template-columns:82px minmax(0,1fr);gap:10px}.about-stack .stack-image{width:72px;height:106px}.eyebrow{font-size:6.5px;margin-bottom:2px}.stack-text h1{font-size:10.5px;margin-bottom:2px}.stack-text .subline{font-size:6.4px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stack-text>p:last-child{font-size:7.7px;line-height:1.12}.projects-stack .stack-text>p:last-child{-webkit-line-clamp:2}.about-stack .stack-text h1{font-size:16px;margin-bottom:4px}.about-stack .stack-text .subline{font-size:7.5px;margin-bottom:5px}.about-stack .stack-text>p:last-child{font-size:8.6px;line-height:1.17;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.legal-page .site-header{min-height:68px}.legal-content{width:auto;margin:0;padding:58px 10px 60px}.legal-content h1{font-size:36px;margin-bottom:36px}.legal-content section{padding:14px 0 22px}.legal-content h2{font-size:9px}.legal-content p{font-size:12px;line-height:1.5}}
/* Let the project list grow and scroll while keeping every project readable. */
body.projects-page{height:auto;min-height:100dvh;overflow:visible;grid-template-rows:min-content 1fr min-content}
.projects-page .projects-stack{grid-template-rows:none;grid-auto-rows:min-content;gap:clamp(22px,3vh,38px);overflow:visible;padding:24px 4vw 72px}
.projects-page .projects-stack .stack-text>p:last-child{display:block;overflow:visible}
.projects-page .project-image img[src$="longevity.png"],.projects-page .project-image img[src$="dear-nothing.png"]{transform:scale(1.08)}
@media(max-width:760px){.projects-page .projects-stack{gap:26px;padding:18px 10px 56px}.projects-page .projects-stack .stack-row{align-items:start}.projects-page .projects-stack .stack-text h1{font-size:14px;line-height:1.1;margin-bottom:5px}.projects-page .projects-stack .stack-text .subline{font-size:9px;line-height:1.25;white-space:normal;overflow:visible;text-overflow:clip;margin-bottom:6px}.projects-page .projects-stack .stack-text>p:last-child{font-size:11px;line-height:1.35}}

/* Align biography text with portraits and lower the pair of profiles. */
.about-stack{padding-top:clamp(54px,7vh,90px)}
.about-stack .stack-text{align-self:start;padding-top:0}
@media(max-width:760px){.about-stack{padding-top:34px}}

/* Keep mobile navigation legible and let longer copy expand the page. */
@media(max-width:760px){
body.screen-page{height:auto;min-height:100dvh;overflow:visible;grid-template-rows:min-content 1fr min-content}
nav{font-size:10px;gap:14px}
.lang-switch{font-size:10px}
.site-footer{font-size:9px;padding-bottom:10px}
.home-screen{padding-block:28px}
.home-copy p{font-size:14px;line-height:1.4}
.about-stack{overflow:visible;gap:28px;padding-bottom:50px}
.about-stack .stack-text h1{font-size:17px}
.about-stack .stack-text .subline{font-size:9px;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip}
.about-stack .stack-text>p:last-child{font-size:11px;line-height:1.35;display:block;overflow:visible;-webkit-line-clamp:unset}
}
