/* Services layout, using Ace's shared theme and components. */
.services-hero{padding-bottom:4rem}.services-hero h1{max-width:940px;font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.08;letter-spacing:-.04em}.services-hero h1 em{font-style:italic;color:var(--cta)}.services-hero .section-sub{max-width:660px;margin:1.75rem 0 0;font-size:1.125rem;line-height:1.7}
.service-offerings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem}.service-offerings article{min-width:0}.service-icon{width:48px;height:48px;color:var(--cta);margin-bottom:1.5rem}.service-offerings h2{font-size:1.35rem;line-height:1.3;margin-bottom:.75rem}.service-offerings p{color:var(--text-sec);font-size:1rem;line-height:1.65;max-width:310px}
section[id]{scroll-margin-top:var(--nav-h)}.skip-link{position:fixed;top:-100px;left:20px;z-index:500;background:var(--bg);color:var(--text);padding:10px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid var(--cta);outline-offset:5px}
@media(max-width:720px){.services-hero{padding-top:calc(var(--nav-h) + 2.5rem);padding-bottom:2.5rem}.services-hero .section-sub{font-size:1rem}.service-offerings{grid-template-columns:1fr;gap:2rem}.service-offerings article+article{border-top:1px solid var(--border);padding-top:2rem}.service-icon{width:38px;height:38px;margin-bottom:1rem}.service-offerings p{max-width:none}.section{padding:3rem 0}.v2-closing{padding:3rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Alcanah-to-Ace services preview. Reuses the existing theme tokens. */
.services-hero{padding-bottom:3.5rem}
.services-hero h1{font-size:clamp(2.25rem,4.8vw,4rem);max-width:1000px;text-wrap:balance}
.services-hero .section-sub{max-width:650px;margin-top:1.5rem}
.services-start{margin-top:1.75rem}
.service-offerings .service-detail{margin-top:1rem;font-size:.875rem;color:var(--text-muted)}
.project-section{border-top:1px solid var(--border);padding:4.5rem 0}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}
.project-intro h2{font-size:clamp(2rem,3.2vw,2.75rem);line-height:1.12;letter-spacing:-.035em;margin:1rem 0 1.5rem;text-wrap:balance}
.project-intro h2 em{color:var(--cta)}
.project-intro p{color:var(--text-sec);max-width:390px;line-height:1.7}
.studio-link{display:inline-flex;gap:.75rem;align-items:center;margin-top:2rem;font-size:.875rem;color:var(--text);text-decoration:underline;text-underline-offset:5px;min-height:44px}
.project-form{min-width:0}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.project-form label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600}
.project-form input,.project-form select,.project-form textarea{width:100%;min-width:0;min-height:48px;padding:.75rem 1rem;margin-bottom:1.25rem;font:inherit;font-size:16px;color:var(--text);background:var(--bg);border:1px solid var(--border-hover);border-radius:var(--radius-sm)}
.project-form textarea{resize:vertical;line-height:1.5}
.project-form :is(input,select,textarea):focus-visible{outline:2px solid var(--cta);outline-offset:2px}
.project-form .btn{width:100%;justify-content:center;min-height:48px}
.preview-note{font-size:.75rem;line-height:1.5;color:var(--text-muted);margin-top:.75rem}
@media(max-width:900px){.project-grid{gap:3rem}.nav-links{gap:1rem}}
@media(max-width:720px){.services-hero h1{font-size:clamp(2rem,7.8vw,2.75rem);line-height:1.12}.services-hero{padding-bottom:2.5rem}.services-start{min-height:48px}.project-grid{grid-template-columns:1fr;gap:2rem}.project-section{padding:3rem 0}.project-intro h2{font-size:2rem}.project-intro p{max-width:none}.studio-link{margin-top:1rem}.field-pair{grid-template-columns:1fr;gap:0}.service-offerings .service-detail{margin-top:.5rem}}

@media(max-width:768px){.nav .nav-links{display:none}.nav .nav-tag{display:inline}.nav .nav-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center}.mobile-menu .nav-link{min-height:44px;display:flex;align-items:center}}

.services-hero h1{margin-top:0}.project-intro h2{margin-top:0}.form-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-note,.form-status{font-size:.8125rem;line-height:1.6;margin-top:1rem;color:var(--text-sec)}.form-note a{text-decoration:underline}.form-status:empty{display:none}.form-status[data-state="error"]{color:var(--text);border-left:3px solid #dc2626;padding-left:.75rem}.form-status[data-state="success"]{color:var(--text);border-left:3px solid var(--agents);padding-left:.75rem}.project-form button:disabled{opacity:.65;cursor:wait}
