@font-face{font-family:Heebo;src:url('assets/Heebo.ttf') format('truetype');font-display:swap}
[hidden]{display:none!important}
/* The English portfolio uses the full desktop canvas. */
@media(min-width:900px){
 html[lang=en] body{padding:0}
 html[lang=en] .shell{width:100%;max-width:none;min-height:100svh;margin:0;padding:28px clamp(40px,7vw,140px);border-radius:0;background:transparent;box-shadow:none;display:flex;flex-direction:column}
 html[lang=en] header{height:80px;flex-shrink:0}
 html[lang=en] nav a{width:48px;height:48px}
 html[lang=en] .quote{font-size:24px;margin:12px 10px 0 0}
 html[lang=en] .shell #main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;align-content:center;align-items:start;column-gap:clamp(40px,8vw,150px);row-gap:10px;text-align:left;padding:24px 0}
 html[lang=en] .portrait{grid-column:1;grid-row:1;width:clamp(240px,22vw,340px);height:clamp(240px,22vw,340px);margin:0 0 12px;border-width:7px}
 html[lang=en] .portrait svg{width:70%;height:70%}
 html[lang=en] h1{grid-column:1;grid-row:2;font-size:clamp(48px,4.5vw,76px);margin:0;line-height:1.12}
 html[lang=en] .role{grid-column:1;grid-row:3;font-size:clamp(20px,1.8vw,28px);margin:0}
 html[lang=en] .intro{grid-column:1;grid-row:4;font-size:20px;line-height:1.65;max-width:550px;margin:4px 0 0}
 html[lang=en] .cards{grid-column:2;grid-row:1 / span 4;align-self:center;width:100%;gap:16px}
 html[lang=en] .card{min-height:92px;padding:18px 28px;border-radius:24px;gap:24px}
 html[lang=en] .card strong{font-size:24px}
 html[lang=en] .card-copy>span{font-size:16px;line-height:1.6}
 html[lang=en] .card-icon svg{width:36px;height:36px}
 html[lang=en] .whatsapp .card-icon svg{width:23px;height:23px}
 html[lang=en] footer{width:100%;margin:12px 0 0;padding:12px 0;border-top:1px solid #ded8d370;text-align:center}
 html[lang=en] footer p{margin:8px 0;font-size:22px;transform:none}
 html[lang=en] .city{height:75vh;min-height:480px}
 html[lang=en] .city i{height:24vh}
}
*{box-sizing:border-box}html{color:#101719;background:#f7f2ec;font-family:Heebo,Arial,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 90% 17%,#ffe6c3 0,transparent 37%),radial-gradient(ellipse at 0 7%,#dadbd7 0,transparent 40%),#f8f4ef}a{color:inherit}button{font:inherit}svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.shell{max-width:508px;margin:auto;position:relative;padding:28px 56px 30px}header{height:80px;display:flex;justify-content:space-between;direction:ltr;align-items:flex-start}nav{display:flex;gap:7px}nav a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#ffffffa8;border-radius:50%;text-decoration:none}nav svg{width:21px;height:21px}.quote{font-family:Heebo,Arial,sans-serif;font-style:italic;font-size:20px;line-height:1.35;transform:rotate(-10deg);text-align:center;margin:8px -28px 0 8px}.quote:after{content:'';display:block;width:110px;border-bottom:2px solid;margin:8px auto;transform:rotate(-3deg)}main{text-align:center}.portrait{width:240px;height:240px;margin:0 auto 12px;border:5px solid white;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#d6dcd8,#a8b7b3);display:grid;place-items:center;box-shadow:0 8px 35px #383c3510}.portrait svg{width:165px;height:165px;stroke:#f8f4ef;stroke-width:3}.portrait img{width:100%;height:100%;object-fit:cover}.portrait [hidden]{display:none}h1{font-size:44px;line-height:1.15;margin:14px 0 2px;font-weight:850;letter-spacing:-1px}.role{font-size:22px;margin:0;line-height:1.5}.intro{font-size:17px;line-height:1.5;margin:13px -8px 18px}.cards{display:grid;gap:11px}.card{display:flex;direction:ltr;align-items:center;text-align:start;gap:26px;min-height:72px;padding:10px 22px;background:#fffffff0;border-radius:21px;text-decoration:none;box-shadow:0 6px 20px #5c4c3710;transition:transform .2s,box-shadow .2s}.card-copy{flex:1;display:grid;direction:rtl;line-height:1.35;text-align:right}.card strong{font-size:21px;font-weight:550}.card-copy>span{font-size:14px;color:#53575a}.card-icon{display:grid;place-items:center;width:40px;flex-shrink:0}.card-icon svg{width:31px;height:31px}.chevron svg{width:19px;height:19px}.whatsapp .card-icon{background:#2bc856;border-radius:50%;color:white;height:33px;width:33px;margin-inline:3px}.whatsapp .card-icon svg{width:20px;height:20px}.card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #5c4c3720}.card:focus-visible,nav a:focus-visible,button:focus-visible{outline:3px solid #417b73;outline-offset:5px}footer{margin:30px auto 0;border-top:1px solid #ded8d370;width:75%;padding:12px 0;text-align:center}footer p{font-size:20px;font-style:italic;transform:rotate(-6deg);white-space:nowrap}.city{position:absolute;top:0;left:0;right:0;height:395px;background:linear-gradient(#e8d8d155,#ffdfaf 49%,#b7b8b1 80%,#f8f4ef 100%);overflow:hidden;pointer-events:none;mask-image:linear-gradient(black 60%,transparent)}.city i{position:absolute;bottom:22px;width:14%;height:110px;background:#898d8b;filter:blur(9px);opacity:.43}.city i:nth-child(1){left:0;height:100px}.city i:nth-child(2){left:14%;height:130px}.city i:nth-child(3){left:26%;height:185px;width:5%}.city i:nth-child(4){left:33%;height:96px}.city i:nth-child(5){left:49%;height:115px}.city i:nth-child(6){left:66%;height:140px}.city i:nth-child(7){left:81%;height:102px}.city i:nth-child(8){left:95%;height:120px}dialog{border:0;border-radius:24px;padding:34px;max-width:460px;width:calc(100% - 40px);box-shadow:0 25px 70px #0003;color:#101719;background:#fffdf9}dialog::backdrop{background:#28302c70;backdrop-filter:blur(6px)}dialog h2{font-size:25px;margin:8px 0}dialog p{font-size:17px;line-height:1.8}dialog a{display:inline-block;overflow-wrap:anywhere}.close{position:absolute;top:10px;inset-inline-end:14px;background:none;border:0;font-size:30px;cursor:pointer}.skip{position:absolute;top:-90px}.skip:focus{top:5px;z-index:10;background:white;padding:12px}[dir=ltr] .card-copy{direction:ltr;text-align:left}[dir=ltr] h1{font-size:40px}[dir=ltr] .quote{font-size:18px}[dir=ltr] .role{font-size:19px}[dir=ltr] .card strong{font-size:20px}
@media(min-width:700px){body{padding:24px 0}.shell{border-radius:32px;background:#fff3;box-shadow:0 20px 90px #64584415}.city{height:420px}}@media(max-width:420px){.shell{padding:22px 24px}.portrait{width:215px;height:215px}.quote{margin-right:0;font-size:18px}h1{font-size:40px}.role{font-size:20px}.card{gap:17px;padding:11px 18px}.card strong{font-size:20px}.intro{margin-inline:0}footer{width:85%}footer p{font-size:18px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}
.contact-email-box{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.contact-email-box input{flex:1;min-width:0;width:100%;padding:12px;border:1px solid #dcd6ca;border-radius:10px;font:16px Arial,sans-serif;color:#101719;background:#faf8f4}.contact-email-box button{border:0;border-radius:10px;padding:12px 18px;background:#ead0a7;color:#101719;cursor:pointer}.contact-email-box button:focus-visible,.contact-email-box input:focus-visible{outline:3px solid #417b73;outline-offset:3px}.contact-email-box p{flex-basis:100%;font-size:14px;margin:0;white-space:normal}