:root{--bg:#f7f7f7;--text:#111;--muted:#555;--border:#111;--card:#fff;--soft:#e9e9e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 18%, #0000000f 0 8px, transparent 9px), radial-gradient(circle at 85% 28%, #0000000d 0 11px, transparent 12px), radial-gradient(circle at 70% 80%, #0000000a 0 9px, transparent 10px), var(--bg);color:var(--text);font-family:var(--font-montserrat);margin:0;line-height:1.6}.page{max-width:920px;margin:0 auto;padding:2rem 1.3rem 3rem}header{border-bottom:2px dashed var(--border);justify-content:space-between;align-items:center;gap:2rem;padding:1rem 0 2rem;display:flex}.logo{color:var(--text);align-items:center;gap:.8rem;text-decoration:none;display:flex}.logo-mark{border:2px solid var(--border);width:46px;height:46px;box-shadow:4px 4px 0 var(--border);background:#fff;border-radius:56% 44% 49% 51%/45% 54% 46% 55%;place-items:center;font-family:Arial,sans-serif;font-size:1.1rem;font-weight:900;display:grid;transform:rotate(-6deg)}.logo-text{letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1}.nav_button{letter-spacing:-.02em;color:var(--muted);font-size:.8rem;font-weight:700;line-height:1;display:none}nav{gap:1rem;font-family:Arial,sans-serif;font-size:.95rem;display:flex}nav a{color:var(--text);border:2px solid #0000;border-radius:999px;padding:.25rem .55rem;text-decoration:none}nav a:hover{border-color:var(--border);background:#fff;transform:rotate(-2deg)}main{padding-top:3rem}.hero{border:none;margin-bottom:4rem;padding:2rem 0;position:relative}.hero h1{letter-spacing:-.06em;max-width:760px;margin:0 0 1.5rem;font-size:clamp(2.4rem,7vw,3rem);font-weight:400;line-height:.98}.hero h1 span{display:inline-block;position:relative}.hero p{max-width:620px;color:var(--muted);margin:0;font-size:1.2rem}section{border-top:2px dashed var(--border);padding:3rem 0;position:relative}.section-title{text-transform:uppercase;letter-spacing:.14em;color:var(--text);border:2px solid var(--border);box-shadow:3px 3px 0 var(--border);background:#fff;border-radius:999px;margin-bottom:1.2rem;padding:.25rem .7rem;font-family:Arial,sans-serif;font-size:.8rem;display:inline-block;transform:rotate(-2deg)}section h2{max-width:680px;margin:0 0 1rem;font-size:1.8rem;font-weight:400;line-height:1.2}section p{max-width:680px;color:var(--muted);margin:0 0 1rem}.projects-list{grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:1.7rem;display:grid}.project{background:var(--card);border:2px solid var(--border);box-shadow:5px 5px 0 var(--border);border-radius:18px 22px 16px 24px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.projects-list>:not(:last-child){cursor:pointer}.project:first-child{transform:rotate(-1.5deg)}.project:nth-child(2){transform:rotate(1deg)}.project:nth-child(3){transform:rotate(-.7deg)}.projects-list>:not(:last-child):hover{box-shadow:8px 8px 0 var(--border);transform:translateY(-4px)rotate(0)}.project h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;line-height:1.2}.project p{margin:0;font-size:.98rem}.project-tag{color:#fff;background:#111;border-radius:999px;margin-bottom:.7rem;padding:.15rem .5rem;font-family:Arial,sans-serif;font-size:.75rem;display:inline-block}.holder{gap:1rem;display:flex}.contact-box{border:2px solid var(--border);max-width:560px;box-shadow:5px 5px 0 var(--border);background:#fff;border-radius:24px 18px 28px 20px;flex:2;padding:1.5rem;transform:rotate(-.6deg)}.socials-box{border:2px solid var(--border);max-width:560px;box-shadow:5px 5px 0 var(--border);background:#fff;border-radius:24px 18px 28px 20px;flex:1;padding:1.5rem;transform:rotate(.4deg)}.socials-box p:has(a){margin:0}.contact-box a,.socials-box a{color:var(--text);text-underline-offset:3px;font-weight:700;text-decoration:underline 2px}footer{border-top:2px dashed var(--border);color:var(--muted);justify-content:space-between;margin-top:2rem;padding-top:2rem;font-family:Arial,sans-serif;font-size:.9rem;display:flex}footer a{color:var(--text);font-weight:700;text-decoration:none}@media (width<=760px){header{justify-content:space-between;align-items:center}.logo-mark,nav{display:none}.nav_button{display:block}.projects-list{grid-template-columns:1fr}.holder{flex-direction:column}.hero:after{display:none}footer{gap:.5rem}#footer-tagline{display:none}}