/* Added for the Astro build. Everything here is new; the design's own stylesheets are untouched. */

/* "Last updated" on service pages: under the link in the FAQ section's left column. */
.page-updated{font-size:10px;line-height:1.6;color:#8b929d;margin-top:34px}

/* Footer: the areas we work in, as a slim row above the copyright line. */
.footer-areas{display:flex;flex-wrap:wrap;gap:6px 22px;border-top:1px solid #ddd;padding:18px 0;font-size:10px;line-height:1.7;color:#666}
.footer-areas>span:first-child{color:#171717;margin-right:8px}

/* Contact page: service areas. */
.studio-areas{padding:0 0 95px}
.areas-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,8vw,150px);align-items:end;border-top:1px solid #d9e1ee;padding-top:60px}
.areas-copy h2{font-size:clamp(26px,2.6vw,40px);letter-spacing:-.045em;line-height:1.12;font-weight:400}
.areas-copy h2>span{color:#0054f9}
.areas-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.areas-list li{font-size:13px;line-height:1;padding:11px 15px;border:1px solid #cfd8e7;color:#171717}
@media(max-width:1100px){.areas-grid{gap:55px}}
@media(max-width:850px){.areas-grid{gap:35px}}
@media(max-width:650px){.studio-areas{padding-bottom:65px}.areas-grid{display:block;padding-top:40px}.areas-list{margin-top:28px}.areas-list li{font-size:12px;padding:10px 13px}.footer-areas{font-size:9px;padding:16px 0}}

/* Home hero: a small line above the headline naming what we do and where. It sits inside the <h1>.
   The negative margin cancels its own height, so the headline and the card animation stay exactly where they were. */
.hero-eyebrow{display:block;font-size:12px;line-height:16px;height:16px;letter-spacing:0;margin:-38px 0 22px;color:rgba(255,255,255,.82)}
@media(max-width:650px){.hero-eyebrow{font-size:11px;margin:-32px 0 16px}}

/* Thank-you and not-found pages: a simple message under the normal header. */
.message-page{min-height:62vh;display:flex;align-items:center;padding:190px var(--message-gutter,clamp(24px,5vw,72px)) 110px}
.message-copy{max-width:760px}
.message-copy h1{font-size:clamp(44px,6.2vw,88px);letter-spacing:-.06em;line-height:1.02;font-weight:400;margin-top:22px}
.message-copy h1>span{color:#0054f9}
.message-copy>p:not(.finish-eyebrow){font-size:18px;line-height:1.6;color:#606b7c;margin-top:26px}
.message-actions{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:42px}
.message-actions>a:not(.button){font-size:13px;border-bottom:1px solid currentColor;padding-bottom:6px}
.message-actions>a:not(.button):hover{color:#0054f9}
@media(max-width:650px){.message-page{min-height:0;padding:140px 24px 70px}.message-copy>p:not(.finish-eyebrow){font-size:16px}}

/* Service-area pills that have a location page are links. */
.areas-list li:has(a){padding:0}
.areas-list li a{display:block;padding:11px 15px}
.areas-list li:has(a):hover{border-color:#0054f9;color:#0054f9}
.footer-areas a:hover{color:#0054f9}
@media(max-width:650px){.areas-list li a{padding:10px 13px}}