@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&display=swap";.app{position:relative;overflow:hidden;min-height:100vh}.site-header,.content,.contact,.site-footer{width:min(1110px,100% - 2rem);margin-inline:auto}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;padding-block:2rem}.brand{color:#fff;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.03em;text-decoration:none}.socials{display:flex;gap:1.6rem}.socials a img{display:block;width:1.35rem;height:1.35rem}.content{padding-top:2rem}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:end;border-bottom:1px solid #ffffff4b;padding-bottom:4rem}.hero-copy h1{margin:0;font-size:clamp(2.6rem,8vw,5.5rem);line-height:1;letter-spacing:-.05em}.hero-copy h1 span{text-decoration:underline;text-decoration-color:#4ee1a0;text-underline-offset:.25em}.hero-copy p{width:min(40ch,100%);color:#d9d9d9;margin:2rem 0}.hero-image{justify-self:end;display:block}.photo{width:100%;max-width:445px}.link-cta{text-transform:uppercase;letter-spacing:.15em;font-size:.95rem;font-weight:700;color:#fff;text-decoration:none;border:0;border-bottom:2px solid #4ee1a0;background:transparent;padding-bottom:.6rem;cursor:pointer}.skills{padding:4.5rem 0 3rem;border-bottom:1px solid #ffffff4b;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 1rem}.skill-card h2{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.skill-card p{color:#d9d9d9;margin:.75rem 0 0}.projects{padding-block:4.5rem}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4rem}.section-heading h2{margin:0;font-size:clamp(2.5rem,5vw,5rem);line-height:1}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 1.5rem}.project-card img{width:100%;display:block}.project-info h3{margin:1.15rem 0 .5rem;text-transform:uppercase;font-size:1.6rem}.project-info p{margin:0;color:#d9d9d9;text-transform:uppercase;letter-spacing:.08em}.project-actions{margin-top:1.3rem;display:flex;gap:1.8rem}.contact{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding-block:5rem}.contact-copy h2{margin:0;font-size:clamp(2.5rem,6vw,5.5rem);line-height:1}.contact-copy p{margin-top:2rem;color:#d9d9d9;width:min(40ch,100%)}.rings{position:absolute;opacity:.55}.rings-top{top:8rem;left:-12rem}.rings-middle{top:65rem;right:-12rem}.rings-bottom{left:-24rem;bottom:4rem}.circle{position:absolute;right:40%;top:40rem}.hero-circle{z-index:2}@media (max-width: 1023px){.site-header,.site-footer{padding-top:1.8rem}.hero-copy p{margin-inline:auto}.hero-image{justify-self:center}.skills{grid-template-columns:repeat(2,minmax(0,1fr));text-align:center}.contact{width:60%;grid-template-columns:1fr;text-align:center}.contact-copy p{margin-inline:auto}.circle{top:35rem;right:-4rem}}@media (max-width: 767px){.site-header,.site-footer{flex-direction:column;gap:1.4rem}.hero{grid-template-columns:1fr;gap:2.2rem;text-align:center}.hero-image{order:-1}.skills,.projects-grid{grid-template-columns:1fr;text-align:center}.section-heading{align-items:center}.project-actions{justify-content:center}.rings-top{top:6rem;left:-18rem}.rings-middle{top:100rem;right:-12rem}.rings-bottom{bottom:11rem;left:-24rem}.circle{top:34rem;right:-4rem}.photo{width:90%}}.contact-form{display:flex;flex-direction:column;gap:2rem;width:100%}.field{display:flex;flex-direction:column;gap:.5rem}.field-control{position:relative;display:flex;align-items:flex-end}.field input,.field textarea{width:100%;color:#fff;background:transparent;border:0;border-bottom:1px solid #ffffff;padding:0 0 1rem;font:inherit;font-size:1rem;font-weight:700;letter-spacing:-.02em;text-transform:uppercase;outline:none;transition:border-color .2s ease}.field input::placeholder,.field textarea::placeholder{color:#757575;opacity:1}.field--focus input,.field--focus textarea{border-bottom-color:#4ee1a0}.field--error input,.field--error textarea{border-bottom-color:#ff6f5e;padding-right:2.5rem}.field--message textarea{min-height:6.5rem;resize:vertical;overflow-y:auto;padding-right:.75rem;scrollbar-width:thin;scrollbar-color:#4ee1a0 #2a2a2a}.field--message textarea::-webkit-scrollbar{width:6px}.field--message textarea::-webkit-scrollbar-track{background:#2a2a2a;border-radius:3px}.field--message textarea::-webkit-scrollbar-thumb{background-color:#4ee1a0;border-radius:3px}.field--message textarea::-webkit-scrollbar-thumb:hover{background-color:#6ae8b8}.field--message textarea::-webkit-scrollbar-button{display:none;height:0;width:0}.field-error-icon{position:absolute;right:0;bottom:.85rem;flex-shrink:0}.field-error-message{margin:0;color:#ff6f5e;font-size:.75rem;font-weight:400;letter-spacing:0;text-transform:none;text-align:right}.form-submit{align-self:flex-end;margin-top:.5rem;padding:0 0 .6rem;border:0;border-bottom:2px solid #4ee1a0;background:transparent;color:#fff;font:inherit;font-size:.95rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease}.form-submit:hover:not(:disabled){color:#4ee1a0;opacity:.85}.form-submit:disabled{opacity:.6;cursor:not-allowed}.form-status{margin:0;font-size:.875rem;font-weight:400;letter-spacing:0;text-transform:none;text-align:right}.form-status--success{color:#4ee1a0}.form-status--error{color:#ff6f5e}.form-status a{color:inherit}.form-status-region{outline:none}.form-status-region:focus{outline:none}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}@media (max-width: 1023px){.form-submit{align-self:center}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*,*:before,*:after{box-sizing:border-box}:root{font-family:Space Grotesk,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;background:#151515;color:#fff}