:root{--background:#f7f7f5;--foreground:#171717;--yellow:#e5a900;--red:#8e45dfba;--green:#d8ed00;--line:#dededb;--muted:#737373}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}.site{border-left:1px dashed var(--yellow);border-right:1px dashed var(--yellow);flex-direction:column;min-height:100vh;margin:0 2.2vw;display:flex}.header{border-bottom:1px dashed var(--yellow);justify-content:space-between;align-items:center;height:60px;padding:0;display:flex}.name{letter-spacing:.16em;font-size:20px;font-weight:600}.portfolio{color:var(--muted);font-size:20px}.hero{border-bottom:1px dashed var(--yellow);flex:1;grid-template-columns:55% 45%;min-height:calc(100vh - 120px);display:grid}.hero-content{border-right:1px dashed var(--red);flex-direction:column;justify-content:center;padding:8vw 5vw 8vw 0;display:flex}.eyebrow{letter-spacing:.18em;color:var(--muted);margin:0 0 45px;font-size:18px}h1{letter-spacing:-.06em;margin:0;font-size:clamp(64px,7vw,120px);font-weight:400;line-height:.95}.links{gap:45px;margin-top:65px;display:flex}.links a{color:var(--foreground);font-size:20px;text-decoration:none}.links a:hover{opacity:.5}.description{letter-spacing:.16em;color:var(--muted);margin:45px 0 0;font-size:18px}.pattern{background-image:repeating-linear-gradient(45deg, transparent, transparent 9px, var(--red) 10px, var(--red) 11px);opacity:.75}.footer{background:repeating-linear-gradient(45deg, transparent, transparent 9px, var(--green) 10px, var(--green) 11px);justify-content:space-between;align-items:center;min-height:65px;padding:0;font-size:16px;display:flex}.footer span{background:var(--background)}.footer span:first-child{padding-right:20px}.footer span:last-child{color:var(--muted);padding-left:20px}@media (max-width:700px){.site{margin:0 16px}.header{height:52px}.name,.portfolio{font-size:14px}.hero{grid-template-columns:1fr}.hero-content{border-right:none;border-bottom:1px dashed var(--red);min-height:70vh;padding:60px 20px 60px 0}.pattern{min-height:180px}.eyebrow{margin-bottom:30px}h1{font-size:62px}.links{gap:30px;margin-top:45px}.links a{font-size:16px}.description{font-size:12px;line-height:1.7}}