:root{--bg:#151b22;--ink:#eeeae3;--muted:#aaaeb3;--line:#ffffff29;--warm:#d1baa0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--warm);outline-offset:6px}.skip{position:fixed;top:-70px;padding:16px;background:#151b22;z-index:100}.skip:focus{top:0}header{position:absolute;top:0;left:0;width:100%;z-index:5;padding:30px 4.5%;display:flex;align-items:center;gap:30px}.brand{font-size:11px;letter-spacing:3px;white-space:nowrap}nav{display:flex;gap:30px;margin-left:auto}nav a{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#dddfe2;transition:color .2s}nav a:hover{color:var(--warm)}.logo{width:30px;height:36px;object-fit:contain}.menu{display:none}.hero{position:relative;height:100svh;min-height:700px;max-height:1150px;overflow:hidden}.portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:44% 45%}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#111c2b33,transparent 45%,#080d1580),linear-gradient(90deg,transparent 48%,#111a2833)}.hero-copy{position:absolute;left:62%;top:17%;right:4%}h1{font-size:clamp(30px,3.5vw,61px);font-weight:300;letter-spacing:.13em;line-height:1.15;margin:0 0 22px}h1 span{display:block;color:#c2c5c8;font-weight:300;letter-spacing:.08em}.eyebrow{font-size:10px;letter-spacing:3px;line-height:1.7}.lead{font-size:14px;line-height:1.6;letter-spacing:.3px;color:#e0dcd5;margin:25px 0 30px}.outline{display:inline-flex;gap:32px;align-items:center;border:1px solid #e4ded18c;padding:13px 17px;font-size:9px;letter-spacing:1.8px;transition:background .25s,color .25s}.outline:hover{background:#eeeae3;color:#151b22}.hero-projects{position:absolute;bottom:6%;left:4.5%;display:flex;flex-direction:column;gap:17px}.hero-projects a{font-size:8px;letter-spacing:1.8px;width:fit-content;text-shadow:0 1px 8px #000}.hero-projects a:before{content:'';display:block;background:#eeeae36b;width:23px;height:1px;margin-bottom:14px;transition:width .25s}.hero-projects a:hover:before{width:100%}.scroll{position:absolute;right:4.5%;bottom:6%;font-size:9px;letter-spacing:2px}.scroll span{margin-left:25px}.section{padding:110px 7%;border-top:1px solid var(--line)}.label{font-size:9px;letter-spacing:2.2px;color:var(--warm);margin-bottom:32px}h2{font-size:clamp(30px,3.6vw,56px);font-weight:300;letter-spacing:-.035em;line-height:1.15;margin:0}.about{display:grid;grid-template-columns:1fr 2fr;gap:40px}.intro{font-size:20px;line-height:1.65;max-width:740px;margin-top:35px}.muted{color:var(--muted);font-size:14px;line-height:1.8;max-width:650px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:60px}.small{font-size:9px;letter-spacing:2px;color:var(--muted)}.project{display:grid;grid-template-columns:50px 1fr 170px 30px;gap:30px;align-items:center;padding:35px 0;border-top:1px solid var(--line);transition:color .2s}.project:last-child{border-bottom:1px solid var(--line)}.number{align-self:start;padding-top:9px;font-size:10px;color:var(--warm)}h3{font-size:clamp(25px,3vw,40px);font-weight:300;letter-spacing:-.025em;margin:0}.project p{font-size:13px;line-height:1.7;color:var(--muted);max-width:560px;margin-bottom:0}.domain{font-size:11px;color:var(--muted)}.arrow{font-size:25px;transition:transform .25s}.project:hover{color:var(--warm)}.project:hover .arrow{transform:translate(4px,-4px)}.approach{background:#1c232c}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:60px 0 40px}.steps span{font-size:10px;color:var(--warm)}.steps h3{font-size:20px;margin:20px 0}.steps p{font-size:14px;line-height:1.7;color:var(--muted)}footer{padding:35px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:8px;letter-spacing:1.5px;color:var(--muted)}@media(min-width:1600px){.hero-copy{top:19%}}@media(max-width:760px){header{padding:20px 6%;gap:15px}.brand{font-size:9px;letter-spacing:2px}.logo{width:25px;height:30px}.menu{display:block;margin-left:auto;background:none;color:var(--ink);border:0;font-size:11px;cursor:pointer;padding:10px 0}.menu span{margin-left:8px}nav{display:none;position:absolute;top:75px;left:5%;right:5%;background:#151b2bf5;padding:30px;flex-direction:column;gap:25px;border:1px solid var(--line)}nav.open{display:flex}.hero{height:930px;min-height:0;max-height:none}.portrait{height:680px;object-position:35% center}.shade{background:linear-gradient(180deg,#111b2933 0%,transparent 35%,#151b2240 48%,#151b22 72%)}.hero-copy{top:525px;left:7%;right:7%}h1{font-size:38px;letter-spacing:.12em;margin-bottom:12px}h1 span{font-size:26px;margin-bottom:5px}.eyebrow{font-size:8px;letter-spacing:2px}.lead{font-size:13px;margin:18px 0 22px}.hero-projects{left:7%;right:7%;bottom:30px;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px 22px}.hero-projects a{font-size:7px;letter-spacing:1px}.hero-projects a:before{display:none}.scroll{display:none}.section{padding:65px 7%}.about{display:block}.intro{font-size:17px;margin-top:25px}.section-top{display:block;margin-bottom:35px}.small{display:block;margin-top:25px}.project{grid-template-columns:24px 1fr 20px;gap:15px;padding:28px 0}.project .domain{grid-column:2;grid-row:2}.project .arrow{grid-column:3;grid-row:1}.project h3{font-size:28px}.project p{font-size:12px}.steps{grid-template-columns:1fr;gap:25px;margin:40px 0}.steps>div{border-top:1px solid var(--line);padding-top:25px}.steps h3{margin:12px 0}.steps p{margin:0}footer{flex-wrap:wrap;padding:30px 7%}footer>span:nth-child(2){width:100%;order:4;font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-copy .outline{background:#17202d70;border-color:#eeeae3c4}.hero-copy .outline:hover{background:var(--ink);color:var(--bg)}.hero-copy .lead{text-shadow:0 1px 8px #10192390}@media(min-width:761px){.hero-copy{padding:16px 0}.hero-copy:before{content:'';position:absolute;z-index:-1;inset:-35px;background:radial-gradient(ellipse,#111a282b,transparent 72%)} }
/* Personal portfolio: local assets, twelve languages. */
header{gap:24px}.brand{text-transform:uppercase}nav{gap:25px}.languages{position:relative;font-size:11px;letter-spacing:1px}.languages summary{cursor:pointer;list-style:none;padding:10px 2px}.languages summary::-webkit-details-marker{display:none}.languages summary span{margin-inline-start:8px}.languages>div{position:absolute;top:38px;right:-25px;width:250px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#151b22fa;border:1px solid var(--line);padding:15px;box-shadow:0 15px 40px #0005}.languages a{padding:10px;font-size:12px;letter-spacing:0}.languages a:hover,.languages a[aria-current]{background:#ffffff15;color:var(--warm)}.hero-copy{left:60%;right:5%;top:20%}h1{font-size:clamp(34px,3.7vw,62px);letter-spacing:.035em;text-transform:uppercase;overflow-wrap:anywhere;line-height:1.12}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:22px}.hero-copy .lead{max-width:350px;font-size:16px;line-height:1.7}.hero-copy .outline{font-size:10px;letter-spacing:1px}.shade{background:linear-gradient(180deg,#0b152555,transparent 45%,#080d158c),linear-gradient(90deg,transparent 50%,#10172365)}.hero-projects a{font-size:10px;letter-spacing:1.3px;text-transform:uppercase}.section{padding:95px 7%}.about .intro{font-size:20px}.contact{background:#1c232c}.contact h2{max-width:900px}.email{display:inline-block;font-size:clamp(23px,4.5vw,64px);letter-spacing:-.04em;border-bottom:1px solid var(--warm);padding:15px 0;margin:18px 0 35px}.email span{font-size:.6em;color:var(--warm);margin-left:15px}.social{display:flex;gap:30px;font-size:13px}.social a:hover{color:var(--warm)}footer{font-size:11px;letter-spacing:.5px}.project h3{font-size:clamp(24px,2.6vw,38px)}.project p{font-size:15px}.label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px}nav a{font-size:10px}.logo{flex-shrink:0}summary:focus-visible{outline:2px solid var(--warm);outline-offset:5px}[dir=rtl] header{direction:ltr}[dir=rtl] nav,[dir=rtl] .hero-copy{direction:rtl}[dir=rtl] .hero-copy{left:60%;right:5%}[dir=rtl] h1{letter-spacing:0}[dir=rtl] .languages>div{direction:rtl}[dir=rtl] .hero-projects{direction:ltr}[dir=rtl] .section-top{direction:rtl}
@media(max-width:1050px) and (min-width:761px){header{gap:16px}.brand{font-size:10px;letter-spacing:1px}nav{gap:16px}.hero-copy{left:57%;right:4%}h1{font-size:36px}.hero-copy .lead{font-size:14px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.6px}}
@media(max-width:760px){header{gap:15px;padding:18px 5%}.brand{font-size:9px;letter-spacing:1px;white-space:normal;max-width:150px}.logo{width:23px;height:29px}.languages>div{right:-35px;width:250px}nav{z-index:10}.hero{height:auto;min-height:980px;padding-bottom:25px}.portrait{height:620px;object-position:35% center}.shade{background:linear-gradient(180deg,#111b2955,transparent 25%,#151b2230 42%,#151b22 63%)}.hero-copy{position:relative;top:auto;left:auto;right:auto;margin:505px 7% 0}.hero-copy .eyebrow{font-size:9px;letter-spacing:.6px;margin-bottom:18px}h1{font-size:36px;line-height:1.12;margin:0 0 18px}.hero-copy .lead{font-size:15px;max-width:100%;margin:18px 0 24px}.hero-projects{position:relative;bottom:auto;left:auto;right:auto;margin:40px 7% 0;gap:15px 22px}.hero-projects a{font-size:9px;letter-spacing:.5px}.section{padding:60px 7%}.about .intro{font-size:17px}.project p{font-size:14px}.project h3{font-size:26px}.email{font-size:clamp(22px,6vw,40px)}.email span{margin-left:5px}[dir=rtl] .hero-copy{left:auto;right:auto}.social{gap:25px}.hero-copy .outline{font-size:11px}.project{gap:12px}footer>span:nth-child(2){width:auto;order:initial}}
@media print{header{position:fixed;background:#151b22}.hero{height:750px}.section{break-inside:avoid}.languages,.menu{display:none}}