.hero-role{position:absolute;top:31%;left:var(--pad);margin:0;color:var(--blue);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}
.hero-copy{max-width:760px}
.hero-copy>p{margin:0;font-size:clamp(.95rem,1.3vw,1.2rem);line-height:1.5;text-transform:none;letter-spacing:0;color:var(--bone)}
.hero-actions{display:flex;gap:14px;margin-top:24px}
.hero-actions a,.contact-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border:1px solid #4a4a4a;text-decoration:none;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;transition:background .25s,border-color .25s,color .25s}
.hero-actions a:first-child,.contact-button{background:var(--blue);border-color:var(--blue);color:#fff}
.hero-actions a:hover,.contact-button:hover{background:var(--bone);border-color:var(--bone);color:var(--black)}
.menu-toggle{display:none;width:42px;height:42px;border:1px solid #3a3a3a;border-radius:50%;background:rgba(9,9,9,.65);color:var(--bone);position:relative;cursor:pointer}
.menu-toggle span{position:absolute;left:11px;width:18px;height:1px;background:currentColor;transition:transform .25s,top .25s}
.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:23px}
.topbar.nav-open .menu-toggle span:first-child{top:20px;transform:rotate(45deg)}
.topbar.nav-open .menu-toggle span:last-child{top:20px;transform:rotate(-45deg)}
.mobile-contact{display:none}
.contact h2{margin-bottom:32px}
.contact-note{max-width:650px;margin:0 0 32px;color:var(--muted);font-size:clamp(1rem,1.35vw,1.2rem)}
.contact-button{align-self:flex-start;margin-bottom:80px}
.skip-link{position:fixed;z-index:2000;left:18px;top:14px;padding:11px 15px;background:var(--bone);color:var(--black);text-decoration:none;font-weight:700;transform:translateY(-180%);transition:transform .2s}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.project-form{margin:20px 0 90px;padding:clamp(24px,4vw,52px);border:1px solid var(--line);background:#0d0d0d}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}
.project-form label{display:grid;gap:10px;color:var(--muted);font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}
.project-form input,.project-form select,.project-form textarea{width:100%;border:0;border-bottom:1px solid #454545;border-radius:0;padding:13px 2px;background:transparent;color:var(--bone);font:inherit;font-size:1rem;line-height:1.4;letter-spacing:0;text-transform:none}
.project-form select{appearance:auto}.project-form option{background:#111;color:var(--bone)}
.project-form textarea{resize:vertical;min-height:135px}
.project-form input::placeholder,.project-form textarea::placeholder{color:#707070}
.form-wide{grid-column:1/-1}
.form-submit{display:flex;align-items:center;gap:24px;margin-top:34px}
.form-submit button{min-height:50px;padding:14px 22px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.form-submit button:hover{background:var(--bone);border-color:var(--bone);color:var(--black)}
.form-submit button:disabled{cursor:wait;opacity:.58;background:#323232;border-color:#323232;color:#aaa}
.form-submit p{max-width:480px;margin:0;color:var(--muted);font-size:.8rem}
.form-status{min-height:1.4em;margin:18px 0 0;color:var(--muted);font-size:.86rem}
.form-status.is-success{color:#5ef088}.form-status.is-error{color:#ff7474}
.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:850px){.menu-toggle{display:block}.topbar nav{position:fixed;display:flex;visibility:hidden;opacity:0;inset:0 0 auto 0;min-height:100svh;padding:110px var(--pad) 50px;background:rgba(9,9,9,.98);backdrop-filter:blur(12px);flex-direction:column;align-items:flex-start;gap:22px;pointer-events:none;transition:opacity .25s,visibility .25s}.topbar nav a{font-size:clamp(2rem,9vw,4.4rem);line-height:1;letter-spacing:-.04em;text-transform:none}.topbar.nav-open nav{visibility:visible;opacity:1;pointer-events:auto}.topbar.nav-open{background:#090909}.mobile-contact{display:block;color:var(--blue)}.header-actions{margin-left:auto;margin-right:10px}.hero-role{top:29%}.hero-copy{max-width:78%}}
@media(max-width:520px){.hero-role{position:static;margin:18px 0 26px;font-size:.6rem}.hero h1{margin:0 0 auto}.hero-foot{display:flex;gap:24px}.hero-copy{max-width:100%}.hero-copy>p{font-size:.92rem}.hero-actions{margin-top:18px;flex-wrap:wrap}.hero-actions a{padding:10px 13px}.contact-button{margin-bottom:60px}.contact-note{font-size:.95rem}.availability{display:none}.project-form{padding:22px 18px;margin-bottom:65px}.form-grid{grid-template-columns:1fr;gap:22px}.form-wide{grid-column:auto}.form-submit{align-items:flex-start;flex-direction:column}.form-submit button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero-line>span,.ticker div,.scroll-cue span{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
