:root{color:#f7f7f7;background:#050505;font-family:"Bodoni 72",Didot,Bodoni MT,Georgia,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%;background:#050505}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(#0505052e,#050505db),linear-gradient(45deg,rgba(255,255,255,.085) 25%,transparent 25% 75%,rgba(255,255,255,.085) 75%),linear-gradient(45deg,rgba(255,255,255,.085) 25%,transparent 25% 75%,rgba(255,255,255,.085) 75%),#050505;background-position:0 0,0 0,24px 24px;background-size:auto,48px 48px,48px 48px}a{color:inherit}.portfolio-shell{display:grid;min-height:100vh;padding:clamp(18px,4vw,56px);place-items:center}.hero{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(320px,1fr);width:min(1120px,100%);min-height:min(780px,calc(100vh - 36px));align-items:stretch;gap:clamp(18px,4vw,52px)}.mosaic-panel{position:relative;overflow:hidden;min-height:100%;border:1px solid rgba(255,255,255,.26);background:linear-gradient(180deg,#ffffff1a,#0505055c),repeating-conic-gradient(from 45deg,#f8f8f8 0deg 90deg,#050505 90deg 180deg);background-size:auto,72px 72px;box-shadow:inset 0 0 0 18px #050505;clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}.mosaic-panel:before{position:absolute;inset:18px;content:"";border:1px solid rgba(255,255,255,.56);pointer-events:none}.mosaic-panel:after{position:absolute;inset:18px;content:"";background:radial-gradient(ellipse at 50% 16%,rgba(255,255,255,.28),transparent 42%),linear-gradient(90deg,rgba(5,5,5,.42),transparent 28% 72%,rgba(5,5,5,.5)),linear-gradient(180deg,transparent 0 35%,rgba(5,5,5,.58) 100%);pointer-events:none}.content-column{display:grid;align-content:center;justify-items:start;gap:clamp(26px,4vw,42px);padding-block:clamp(24px,5vw,72px)}.brand-lockup{display:inline-flex;align-items:center;gap:14px}.brand-name{margin:0;color:#fff;font-family:Aptos,Segoe UI,Arial,sans-serif;font-size:clamp(.88rem,1.2vw,1.05rem);font-weight:800;letter-spacing:0;line-height:1;text-transform:uppercase}.profile-photo{width:48px;height:48px;border:1px solid rgba(255,255,255,.72);border-radius:50%;object-fit:cover;filter:grayscale(1) contrast(1.08)}h1{max-width:10.6ch;margin:0;color:#fff;font-size:clamp(4rem,9vw,9rem);font-weight:700;letter-spacing:0;line-height:.9}.services-line{margin:0;color:#ffffffc7;font-family:Aptos,Segoe UI,Arial,sans-serif;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:700;letter-spacing:0;line-height:1.2}.social-links{display:flex;flex-wrap:wrap;gap:10px}.social-link{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.34);background:#050505b8;color:#fff;font-family:Aptos,Segoe UI,Arial,sans-serif;font-size:1.05rem;font-weight:900;line-height:1;text-decoration:none;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.social-link svg{width:1em;height:1em}.social-link:hover,.social-link:focus-visible{border-color:#fff;background:#fff;color:#050505;transform:translateY(-2px)}.social-link:focus-visible{outline:3px solid #ffffff;outline-offset:4px}.whatsapp-button{display:inline-flex;width:fit-content;min-height:56px;align-items:center;justify-content:center;border:1px solid #ffffff;padding:0 24px;background:#fff;color:#050505;font-family:Aptos,Segoe UI,Arial,sans-serif;font-size:1rem;font-weight:800;line-height:1;text-decoration:none;text-transform:uppercase;transition:background-color .18s ease,color .18s ease,transform .18s ease}.whatsapp-button:hover,.whatsapp-button:focus-visible{background:#050505;color:#fff;transform:translateY(-2px)}.whatsapp-button:focus-visible{outline:3px solid #ffffff;outline-offset:5px}@media(max-width:760px){.portfolio-shell{place-items:stretch}.hero{grid-template-columns:1fr;min-height:calc(100vh - 48px);gap:24px}.mosaic-panel{min-height:30vh;clip-path:none}h1{max-width:10ch;font-size:clamp(3rem,15vw,5.6rem)}}
