@font-face{font-family:Inter;src:url(/assets/inter-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{font-family:Inter,Arial,sans-serif;color:#f4f5f9;background:#080c16;font-synthesis:none;font-weight:400;--muted:#bfc8de;--accent:#a6b5ff;--line:#242b3b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{cursor:pointer}::selection{background:#a6b5ff;color:#080c16}.wrap{width:calc(100% - 96px);max-width:1200px;margin-inline:auto}.header{height:84px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:21px;font-size:19px;font-weight:500}.profile-photo{width:44px;height:44px;display:block;object-fit:cover;object-position:50% 40%;border-radius:50%;border:1px solid #59647d;flex-shrink:0}.brand{gap:14px}.navigation{display:flex;align-items:center;gap:36px;font-size:13px}.navigation a{transition:color .2s}.navigation a:hover,.text-link:hover{color:#fff}.hello{border:1px solid #9aaad8;padding:11px 22px;border-radius:9px}.hello:hover{background:#151e32}.menu-toggle{display:none}.hero{position:relative;min-height:504px;isolation:isolate}.hero-art{position:absolute;width:980px;height:700px;object-fit:cover;right:0;top:-40px;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 25%,#000 98%,transparent),linear-gradient(to bottom,#000 78%,transparent);mask-image:linear-gradient(to right,transparent,#000 25%,#000 98%,transparent),linear-gradient(to bottom,#000 78%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;max-width:none}.hero-copy{padding-top:23px;position:relative}.eyebrow{font-size:11px;font-weight:500;letter-spacing:3px;line-height:1.6;text-transform:uppercase;color:#b3c3ff;margin:0 0 22px}h1{font-weight:500;letter-spacing:-4.4px;font-size:80px;line-height:.95;margin:0 0 27px}h1 span{color:#9cadff}.intro{font-size:18px;line-height:1.5;color:#d3d9e8;margin:0 0 28px;letter-spacing:.04px}.hero-actions{display:flex;align-items:center;gap:39px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:47px;border-radius:8px;padding:12px 25px;font-size:14px;font-weight:500;transition:transform .2s,background .2s}.primary{background:#f7f8fc;color:#0b1020;box-shadow:0 3px 16px #0002}.primary:hover{background:#dfe5ff;transform:translateY(-2px)}.text-link{font-size:14px;color:#b9c7ff;transition:color .2s}.projects{padding-top:7px;position:relative}.section-label{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:2px;margin-bottom:8px}.section-label:before{content:"";width:54px;border-top:1px solid #a6b5ff}h2{font-size:30px;font-weight:450;line-height:1.3;letter-spacing:-.9px;margin:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:23px}.project{border:0;padding:0;display:block;text-align:left;background:none;min-width:0}.project-image{aspect-ratio:1.85;overflow:hidden;border-radius:11px;border:1px solid #252d3b;background:#101725}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s}.project:hover img{transform:scale(1.035)}.project-heading{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.project-heading h3{font-size:25px;letter-spacing:-.8px;font-weight:500;margin:0}.project-heading svg{color:var(--accent);transition:transform .2s}.project:hover svg{transform:translate(3px,-3px)}.project>p{color:#a1b0da;letter-spacing:1.2px;font-size:13px;margin:6px 0 0}.about{margin-top:110px;border-top:1px solid var(--line);padding-block:78px 86px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.about h2{font-size:44px;line-height:1.15;letter-spacing:-1.8px;margin-top:22px}.about h2 span{color:var(--accent)}.about-copy{padding-top:24px}.about-copy p{color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 18px;max-width:530px}.arrow-link{display:inline-flex;align-items:center;gap:12px;margin-top:8px}.contact{border-top:1px solid var(--line);padding-block:75px 80px;text-align:center}.contact h2{font-size:48px;letter-spacing:-2px;margin-bottom:28px}.contact .eyebrow{margin-bottom:16px}.email{display:block;color:var(--muted);font-size:14px;margin-top:20px}.email:hover{color:#fff}.footer{display:flex;gap:24px;justify-content:space-between;border-top:1px solid var(--line);padding-block:26px 30px;font-size:12px;color:#a6adc1}.footer p{margin:0}.footer-name{color:#e0e6f8}.skip-link{position:fixed;top:12px;left:16px;padding:14px;background:#fff;color:#000;z-index:99;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link:focus{clip-path:none;width:auto;height:auto;overflow:visible}.project-dialog{padding:0;border:1px solid #303b53;border-radius:16px;background:#101725;color:#f4f5f9;max-width:700px;width:calc(100% - 40px);max-height:90dvh;overflow:auto}.project-dialog::backdrop{background:#02050ce0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-dialog article>img{width:100%;aspect-ratio:1.85;object-fit:cover;display:block}.close-dialog{position:absolute;right:14px;top:14px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #737c92;border-radius:50%;background:#080c16e8}.dialog-content{padding:32px}.dialog-content .eyebrow{margin-bottom:8px}.dialog-content h2{font-size:32px}.dialog-content h3{font-size:20px;font-weight:500;margin:20px 0 14px}.dialog-content>p:not(.eyebrow){color:var(--muted);line-height:1.65}.dialog-content .button{margin-top:12px}@media(min-width:1550px){.hero-art{right:0}}@media(max-width:1100px){h1{font-size:66px;letter-spacing:-3.5px}.hero{min-height:480px}.hero-art{width:800px;height:570px;right:0;top:-20px;opacity:.85}.hero-copy{padding-top:34px}.intro{font-size:16px}.desktop-break{display:none}.intro{max-width:420px}.hero-copy{max-width:520px}.wrap{width:calc(100% - 72px)}.about h2{font-size:38px}}@media(max-width:760px){.wrap{width:calc(100% - 44px)}.header{height:80px}.brand{gap:16px}.navigation{gap:22px}.hero{min-height:0;padding-top:30px;padding-bottom:0;display:flex;flex-direction:column}.hero-copy{padding-top:0;max-width:none}.hero h1{font-size:clamp(47px,8.7vw,66px);letter-spacing:-2.8px;line-height:1.06}.eyebrow{font-size:9px;letter-spacing:2.4px;margin-bottom:21px}.hero-art{position:relative;order:2;right:auto;top:auto;width:calc(100% + 44px);height:auto;margin-left:-22px;max-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 80%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 80%,transparent);opacity:1;margin-top:5px}.intro{max-width:430px;line-height:1.65;margin-bottom:25px}.hero-actions{gap:25px}.button{padding-inline:22px}.projects{padding-top:10px}h2{font-size:26px}.project-grid{gap:30px;grid-template-columns:1fr;margin-top:24px}.project-heading h3{font-size:24px}.project-heading{margin-top:14px}.about{grid-template-columns:1fr;gap:18px;margin-top:64px;padding-block:48px}.about-copy{padding-top:0}.about h2{font-size:38px}.contact{padding-block:55px}.contact h2{font-size:36px;letter-spacing:-1.4px}.footer{flex-wrap:wrap;font-size:11px;gap:16px}.footer p{order:3;flex-basis:100%}.section-label{font-size:9px}}@media(max-width:460px){.menu-toggle{display:grid;place-items:center;border:1px solid var(--line);background:none;width:42px;height:42px;border-radius:8px}.navigation{display:none;position:absolute;right:0;left:0;top:72px;padding:22px;background:#111827;border:1px solid #2a354d;border-radius:12px;box-shadow:0 16px 30px #0008}.navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:22px}.hello{text-align:center}.hero-actions{gap:22px}.text-link{font-size:13px}.hero h1{font-size:46px;letter-spacing:-2.7px}.intro{font-size:15px}.hero .eyebrow{font-size:9px;letter-spacing:2px}.project-dialog{width:calc(100% - 24px)}.dialog-content{padding:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}main{overflow:clip}@media(max-width:360px){.hero h1{font-size:38px;letter-spacing:-2px}.hero-actions{gap:18px}.hero-actions .button{padding-inline:18px;font-size:13px;gap:14px}.hero-actions .text-link{font-size:12px}}@media(min-width:761px)and (max-width:1100px){.hero{min-height:0;display:flex;flex-direction:column;padding-top:22px}.hero-copy{padding-top:0;max-width:none}.hero-art{position:relative;order:2;top:auto;right:auto;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 80%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 80%,transparent);opacity:1;width:90%;height:auto;margin:-12px auto 0}.hero .intro{max-width:500px}.projects{padding-top:20px}}.project-grid{row-gap:40px}.project-dialog .project-image{border:0;border-radius:0}@media(max-width:760px){.project-grid{row-gap:32px}.profile-photo{width:42px;height:42px}}button.hello{font:inherit;background:transparent;color:inherit;cursor:pointer}button.text-link{background:transparent;border:0;padding:0;font-family:inherit}button.primary{border:0;font-family:inherit}.contact-dialog{padding:0;border:1px solid #303b53;border-radius:16px;background:#101725;color:#f4f5f9;max-width:620px;width:calc(100% - 40px);max-height:90dvh;overflow:auto}.contact-dialog::backdrop{background:#02050ce0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.contact-dialog-content{padding:38px;position:relative}.contact-dialog h2{font-size:38px;letter-spacing:-1.4px}.contact-dialog .eyebrow{margin-bottom:10px}.contact-dialog-intro{font-size:14px;line-height:1.7;color:var(--muted);margin:14px 0 27px;max-width:460px}.contact-dialog .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-dialog label{display:block;font-size:13px;font-weight:500;color:#e3e8f7;margin:0 0 20px}.contact-dialog input,.contact-dialog textarea{display:block;width:100%;margin-top:9px;border:1px solid #3b4965;border-radius:8px;background:#0a1120;color:#f4f5f9;font:400 15px/1.5 Inter,Arial,sans-serif;padding:12px 13px;transition:border-color .2s;box-shadow:none}.contact-dialog textarea{resize:vertical;min-height:130px;max-height:380px}.contact-dialog input::placeholder,.contact-dialog textarea::placeholder{color:#8e9ab5;opacity:1}.contact-dialog input:focus,.contact-dialog textarea:focus{outline:2px solid #a6b5ff;outline-offset:2px;border-color:#a6b5ff}.optional{color:#a4b0c8;font-size:12px;font-weight:400}.form-help{color:#a4b0c8;font-size:12px;line-height:1.6;margin:-10px 0 23px}.form-error{font-size:13px;line-height:1.6;color:#ffc3c3;background:#3e1f2a;padding:12px 14px;border:1px solid #744155;border-radius:8px;margin:0 0 18px}.send-message{width:100%}.button:disabled{cursor:wait;opacity:.65;transform:none}.contact-trap,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.contact-success{padding:28px 0 0}.contact-success>svg{color:#a6b5ff}.contact-success h3{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.5px;margin:19px 0 13px}.contact-success p{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:26px}.contact-success .button{min-width:120px}.spin{animation:contact-spin 1s linear infinite}@keyframes contact-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.contact-dialog{width:calc(100% - 24px);max-height:94dvh}.contact-dialog-content{padding:30px 22px}.contact-dialog h2{font-size:32px}.contact-dialog .form-row{grid-template-columns:1fr;gap:0}.contact-dialog label{margin-bottom:16px}.contact-dialog-intro{margin-bottom:22px}.contact-dialog .close-dialog{right:12px;top:12px}}