@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5efdf;color:#101010;font-family:'Space Mono',monospace}a{color:inherit}.skip{position:fixed;top:-5rem;z-index:99;background:#fff;padding:1rem;border:3px solid}.skip:focus{top:1rem}header{display:grid;grid-template-columns:1fr auto auto;border-bottom:4px solid;padding:1rem 2vw;gap:2rem;align-items:center;position:sticky;top:0;background:#f5efdf;z-index:20}.brand{font:1rem/1 'Archivo Black';text-decoration:none}nav{display:flex;gap:.5rem}nav a,.langs button,.menu{border:2px solid;padding:.55rem .7rem;background:white;text-decoration:none;font:700 .7rem 'Space Mono';box-shadow:3px 3px #111}.langs{display:flex}.langs button{cursor:pointer;box-shadow:none}.langs button.active{background:#ff4f8b}.menu{display:none}.hero{min-height:90vh;padding:6vw 3vw;position:relative;border-bottom:4px solid;background:#ffd92f;overflow:hidden}.sticker{position:absolute;right:8%;top:15%;background:#56e39f;border:3px solid;padding:1rem;transform:rotate(7deg);box-shadow:7px 7px #111}.eyebrow{display:inline-block;background:white;border:3px solid;padding:.6rem;max-width:750px}.hero h1{font:clamp(5rem,15vw,14rem)/.7 'Archivo Black';letter-spacing:-.08em;margin:6rem 0 3rem}.hero h1 span{color:#ff4f8b;text-shadow:5px 5px #111;-webkit-text-stroke:2px #111}.lead{background:#fff;border:4px solid;box-shadow:10px 10px #111;padding:1.2rem;max-width:670px;font-weight:700;line-height:1.6}.cta{display:inline-block;background:#6195ff;border:3px solid;padding:1.2rem 2.5rem;box-shadow:7px 7px #111;margin:2rem 0;text-decoration:none;font-weight:bold}.cta:hover{transform:translate(4px,4px);box-shadow:3px 3px}.about,main>section:not(.hero){padding:7rem 3vw;border-bottom:4px solid}.about{display:grid;grid-template-columns:1fr 2fr;gap:2rem;background:#6195ff}.about h2{font:clamp(2.5rem,6vw,6rem)/1 'Archivo Black';margin:0}.about p{grid-column:2;background:white;border:3px solid;padding:1.5rem;box-shadow:7px 7px}.section-head{display:flex;align-items:center;gap:2rem;margin-bottom:3rem}.section-head b{font-size:4rem}.section-head h2{font:clamp(2.5rem,6vw,6rem) 'Archivo Black';margin:0}.section-head p{margin-left:auto;max-width:300px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.project{border:4px solid;background:#fff;box-shadow:10px 10px}.project:nth-child(2){transform:rotate(1deg);background:#56e39f}.project:nth-child(3){transform:rotate(-1deg);background:#ff8b62}.project-toggle{border:0;background:none;width:100%;padding:2rem;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;cursor:pointer;font:inherit}.project-title{font:clamp(1.5rem,3vw,3rem)/1 'Archivo Black'}.plus{font-size:2rem}.toggle-label{grid-column:2;font-size:.7rem}.project-detail{padding:0 2rem 2rem}.project-detail ul{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;list-style:none}.project-detail li{background:#111;color:white;padding:.3rem}.project:hover,.project:focus-within{transform:translate(5px,5px) rotate(0);box-shadow:5px 5px}.skills{display:flex;flex-wrap:wrap;gap:1rem;padding:0;list-style:none}.skills li{border:3px solid;background:#ffd92f;box-shadow:5px 5px;padding:1rem;font-weight:bold;font-size:1.2rem}.skills span{background:#111;color:white;margin-right:.6rem}.timeline article{display:grid;grid-template-columns:180px 1fr;border:4px solid;margin-top:-4px;padding:1.5rem;background:white}.timeline time{font:2rem 'Archivo Black'}.timeline p{font-weight:bold}.contact{background:#ff4f8b!important}.contact h2{font:clamp(3rem,9vw,9rem)/.9 'Archivo Black';margin:2rem 0}.contact a{display:inline-block;background:#fff;border:4px solid;box-shadow:8px 8px;padding:1rem;font-weight:bold}footer{display:flex;justify-content:space-between;padding:2rem 3vw;background:#111;color:white;font-size:.75rem}.project-toggle:focus-visible,a:focus-visible,button:focus-visible{outline:4px solid #6195ff;outline-offset:4px}@media(max-width:760px){header{grid-template-columns:1fr auto auto;gap:.3rem}.menu{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#ffd92f;padding:1rem;flex-direction:column;border:4px solid}nav.open{display:flex}.langs button{padding:.45rem;font-size:.6rem}.hero{padding-top:8rem}.hero h1{font-size:22vw}.sticker{top:10%;right:3%;font-size:.7rem}.about{grid-template-columns:1fr}.about p{grid-column:1}.section-head{align-items:flex-start;flex-wrap:wrap}.section-head b{font-size:2rem}.section-head p{margin:0}.projects{grid-template-columns:1fr}.project{transform:none!important}.timeline article{grid-template-columns:1fr}footer{gap:1rem;flex-direction:column}}