@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#111;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:block;min-width:320px;min-height:100vh}:root{--bg-color: #ffffff;--text-color: #111111;--secondary-color: #666666;--border-color: #e5e5e5;--font-serif: "Inter", system-ui, sans-serif;--font-sans: "Inter", system-ui, sans-serif}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);margin:0;-webkit-font-smoothing:antialiased}.studio-container{max-width:640px;margin:0 auto;padding:4rem 2rem;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box}.hero{text-align:center;margin-bottom:6rem;padding-top:4rem}.hero h1{font-family:var(--font-serif);font-size:3rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.02em}.hero p{font-size:1.125rem;color:var(--secondary-color);font-weight:300;margin:0}.portfolio{text-align:center;margin-bottom:6rem}.portfolio p{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--secondary-color);margin-bottom:3.5rem}.app-button-wrapper{position:relative;display:inline-block}.app-button{background:none;border:1px solid var(--text-color);color:var(--text-color);padding:.75rem 2rem;font-family:var(--font-sans);font-size:1rem;border-radius:9999px;cursor:default;transition:all .2s ease}.app-button:hover{background-color:var(--text-color);color:var(--bg-color)}.tooltip{position:absolute;top:-40px;left:50%;transform:translate(-50%);background-color:var(--text-color);color:var(--bg-color);padding:.5rem .75rem;font-size:.75rem;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;pointer-events:none}.tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-width:4px;border-style:solid;border-color:var(--text-color) transparent transparent transparent}.app-button-wrapper:hover .tooltip{opacity:1;visibility:visible}.contact{text-align:center;margin-bottom:6rem}.divider{border:0;height:1px;background-color:var(--border-color);width:60px;margin:0 auto 3rem}.contact p{font-family:var(--font-serif);font-size:1.25rem;margin-bottom:2rem;color:var(--text-color)}.contact-form{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:320px;margin:0 auto}.email-input{width:100%;padding:.75rem 0;border:none;border-bottom:1px solid var(--border-color);font-family:var(--font-sans);font-size:1rem;text-align:center;outline:none;background:transparent;transition:border-color .2s;border-radius:0}.email-input::placeholder{color:#ccc}.email-input:focus{border-color:var(--text-color)}.message-input{width:100%;padding:.75rem 0;border:none;border-bottom:1px solid var(--border-color);font-family:var(--font-sans);font-size:1rem;text-align:center;outline:none;background:transparent;transition:border-color .2s;border-radius:0;resize:vertical;min-height:3rem}.message-input::placeholder{color:#ccc}.message-input:focus{border-color:var(--text-color)}.submit-btn{background-color:transparent;color:var(--text-color);border:none;font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;letter-spacing:.05em;text-transform:uppercase;margin-top:1rem;opacity:.7;transition:opacity .2s}.submit-btn:hover{opacity:1}.message-sent{font-size:1rem;color:var(--text-color);animation:fadeIn .5s ease-in}.footer{margin-top:auto;text-align:center;border-top:1px solid var(--border-color);padding-top:2rem}.copyright{font-size:.75rem;color:var(--text-color);margin-bottom:.5rem}.disclosure{font-size:.7rem;color:#999;max-width:400px;margin:0 auto;line-height:1.4}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.hero h1{font-size:2.5rem}}
