/* People First: selected direction. Subtle feedback, legible text, no decorative motion. */
.editorial{--paper:#fafaf8;--soft:#f0f1ef;--ink:#272d35;--muted:#545e69;--accent:#253e60;--accent2:#253e60}
html{scroll-padding-top:118px}.site-header{transition:box-shadow .22s ease}.site-header.scrolled{box-shadow:0 3px 18px #182b4010}.nav-links .btn{background:var(--accent);border-color:var(--accent)}.nav-links a[aria-current="location"]:not(.btn){color:var(--accent);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
button,a,summary{-webkit-tap-highlight-color:#253e601a}.btn{transition:background .18s ease,transform .18s ease;border-radius:2px}.btn:hover{background:#182d49}.btn:active{transform:translateY(1px)}.btn>span:not(.submit-label),.text-link>span,.arrow-link{transition:transform .2s ease}.btn:hover>span:not(.submit-label),.text-link:hover>span{transform:translate(2px,-2px)}.submit-label{font:inherit!important}.btn:disabled{cursor:wait;opacity:.72}.btn:disabled:active{transform:none}
.editorial .hero{padding-top:76px}.editorial .hero h1{max-width:1100px;line-height:1.1}.editorial .editorial-rule{margin-top:34px;width:76px;height:2px}.editorial .editorial-lower{padding-bottom:56px}.editorial .editorial-services a{transition:padding .2s ease,color .2s ease}.editorial .editorial-services a:hover{padding-left:7px;text-decoration:none}.audience{padding-block:29px}.audience strong{font-weight:500}.section-intro{margin-bottom:55px}.service-row{scroll-margin-top:12px;padding-block:34px;transition:background .2s}.services-list:not([data-highlight-ready]) .service-row:target,.service-row.is-active{background:#e9edf1}.service-row .arrow-link{width:44px;height:44px}.scope{margin-top:17px}.scope summary{display:inline-flex;gap:24px;align-items:center;font-size:15px;font-weight:600;color:var(--accent);min-height:44px;list-style:none}.scope summary::-webkit-details-marker{display:none}.scope summary span{font-size:22px;font-weight:400;transition:transform .2s}.scope[open] summary span{transform:rotate(45deg)}.scope ul{padding-left:19px;margin:6px 0 0;color:var(--muted);font-size:16px;line-height:1.75}.scope li{padding:3px 0}.service-row h3{line-height:1.22!important}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:88px}.story-copy .body-copy+.body-copy{margin-top:20px}.story-statement{font-family:"Source Serif",Georgia,serif;font-size:27px;line-height:1.4;margin-top:30px;color:var(--accent)}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:65px}.values article{border-top:1px solid var(--line);padding-top:23px}.values article>span{font-size:13px;color:var(--accent)}.values h3{font-size:21px;line-height:1.3;margin-top:21px;letter-spacing:-.01em}.values p{font-size:17px;color:var(--muted);margin-top:12px}.approach-section{border-top:1px solid var(--line)}.faq-list summary{min-height:44px}.faq-list details p{max-width:65ch}.field input,.field select,.field textarea{transition:border-color .16s,box-shadow .16s}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--accent)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field small{font-size:13px;line-height:1.5;color:var(--muted)}.field [aria-invalid="true"]{border:2px solid #a62929}.field-error{font-size:14px!important;color:#9b2424!important}.error-summary{grid-column:1/-1;background:#fff;border:2px solid #a62929;padding:20px}.error-summary h3{font:600 20px/1.3 "Source Sans",sans-serif}.error-summary ul{padding-left:20px;margin:12px 0 0;font-size:16px;color:#9b2424}.error-summary a{text-decoration:underline;text-underline-offset:3px}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-note{border-top:1px solid var(--line);padding-top:16px;margin-top:0}.status:not(:empty){padding:24px;background:white;border-left:3px solid var(--accent)}.status h3{font:600 23px/1.3 "Source Sans",sans-serif;margin-bottom:10px}.status p{font-size:16px}.status .reference{display:block;margin-top:12px;font-weight:600}.status .text-link{border:0;background:none;cursor:pointer;margin-top:12px;color:var(--accent);padding-bottom:0}.form[aria-busy="true"]{cursor:progress}[hidden]{display:none!important}.consent input{width:22px;height:22px}.footer-column a{min-height:38px}.privacy-content{max-width:910px}.privacy-content h1{font-size:clamp(44px,6vw,68px);margin-bottom:24px}.privacy-content h2{font-size:31px;margin:40px 0 18px}.privacy-content p{color:var(--muted);max-width:68ch}.privacy-note{padding:24px;background:var(--soft);border-left:3px solid var(--accent);margin-top:32px}.privacy-content .btn{margin-top:38px}.consent a{white-space:normal}
@media(prefers-reduced-motion:no-preference){.faq-list details[open] p,.scope[open] ul{animation:enter .2s ease}@keyframes enter{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}}
@media(max-width:1100px){.story-grid{gap:50px}.values{gap:22px}}
@media(max-width:800px){.editorial .hero{padding-top:44px}.story-grid{grid-template-columns:1fr;gap:30px}.values{grid-template-columns:repeat(2,1fr);gap:35px;margin-top:45px}.nav-links{max-height:calc(100dvh - 82px);overflow:auto}.service-row{scroll-margin-top:12px}.privacy-content .body-copy{font-size:17px}}
@media(max-width:520px){.editorial .hero h1{font-size:clamp(36px,9.6vw,48px);line-height:1.13}.editorial .hero{padding-top:37px}.editorial .editorial-lower{padding-bottom:34px;gap:35px}.editorial .editorial-services a{font-size:20px;padding-block:18px}.editorial .editorial-rule{margin-top:27px}.service-row{grid-template-columns:22px minmax(0,1fr) 44px;column-gap:10px}.service-row>div{grid-column:2/4!important}.editorial .service-row h3{font-size:25px}.values{gap:30px 20px}.values h3{font-size:20px}.values p{font-size:16px}.story-statement{font-size:25px}.section-intro{margin-bottom:35px}.submit-row .btn{width:100%;justify-content:space-between}.footer-bottom{font-size:12px}.privacy-content h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

.consent .field-error{display:block;margin-top:8px}.error-summary,.status{scroll-margin-top:120px}

/* Editorial entrance: fixed type sizes, opacity and transform only, no layout shift. */
.headline-line{display:block}.hero h1{overflow:visible}
@media(prefers-reduced-motion:no-preference){
 .nav-links.open{animation:menu-arrive .22s ease-out}
 @keyframes menu-arrive{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
}
@media print{.site-header{position:static}.menu,.review-strip{display:none!important}*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}.section{padding-block:35px}.service-row,.values article,.engagement{break-inside:avoid}}

/* Document content restoration: clear section headings and visible service scope. */
.audience-section{padding-top:36px;padding-bottom:52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.audience-heading{display:flex;gap:40px;align-items:start;justify-content:space-between;margin-bottom:30px}.audience-heading .eyebrow{margin-top:8px}.audience-heading h2{font-size:32px;max-width:540px}
.audience-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.audience-cards article{border-top:1px solid var(--line);padding-top:20px}.audience-cards h3{font:600 22px/1.3 "Source Sans",sans-serif;margin-bottom:10px}.audience-cards p{font-size:17px;line-height:1.65}
.section-caption{font-size:18px;color:var(--accent);margin-bottom:24px;font-weight:600}
.service-complete{padding-block:42px;grid-template-columns:32px .85fr 1.15fr 44px}.service-row.service-complete>.service-heading{grid-column:2!important;grid-row:1}.service-row.service-complete>.service-content{grid-column:3;grid-row:1;min-width:0}.service-row>.arrow-link{grid-column:4;grid-row:1}
.service-strap{margin-top:20px;font-weight:600;color:var(--accent)!important;max-width:25ch}.service-content .body-copy+.body-copy{margin-top:14px}.service-scope{margin-top:24px}.service-scope h4,.service-outcome h4{font:650 15px/1.4 "Source Sans",sans-serif;letter-spacing:.035em;color:var(--accent);margin:0 0 12px}.service-scope ul{padding-left:20px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}.service-scope li+li{margin-top:6px}.service-outcome{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.service-outcome p{font-size:17px}
.about-copy .body-copy+.body-copy{margin-top:18px}.engagement-options>.body-copy{font-size:17px;text-transform:none;letter-spacing:0;color:var(--muted);margin-bottom:28px}.about-jumps{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;font-size:16px;font-weight:600;color:var(--accent)}.about-jumps a{padding-block:8px;border-bottom:1px solid var(--line)}.about-jumps a:hover{border-color:var(--accent)}
.mission-vision{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--line);margin-top:64px;padding-top:40px}.mission-vision h3{font-family:"Source Serif",Georgia,serif;font-weight:400;font-size:32px;margin-bottom:18px}.mission-vision p{font-size:18px}
.why-hrlance{display:grid;grid-template-columns:1fr 1fr;gap:88px;border-top:1px solid var(--line);margin-top:64px;padding-top:44px}.why-hrlance h3{font-family:"Source Serif",Georgia,serif;font-size:31px;font-weight:400;margin-bottom:20px}.why-points article+article{margin-top:23px}.why-points h4{font:600 20px/1.3 "Source Sans",sans-serif;margin:0 0 7px}.why-points p{font-size:17px}.values-block{margin-top:64px}.values-block>h2{font-size:35px}.values-block .values{margin-top:32px}
.approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:88px;margin-bottom:48px}.approach-intro p+p{margin-top:18px}.working-title{font:600 22px/1.4 "Source Sans",sans-serif;margin-bottom:24px}.contact-copy>.body-copy+.body-copy{margin-top:18px}.service-foot p{max-width:65ch}
@media(max-width:1100px){.why-hrlance,.approach-intro{gap:50px}.mission-vision{gap:40px}.service-complete{grid-template-columns:26px .8fr 1.2fr 42px;gap:18px}}
@media(max-width:800px){.audience-heading{display:block}.audience-heading h2{font-size:30px}.audience-cards{gap:24px}.service-complete{grid-template-columns:28px minmax(0,1fr) 44px;row-gap:20px}.service-row.service-complete>.service-heading{grid-column:2!important;grid-row:1}.service-row.service-complete>.service-content{grid-column:2/4!important;grid-row:2}.service-row>.arrow-link{grid-column:3;grid-row:1}.service-strap{max-width:none;margin-top:10px}.why-hrlance,.approach-intro{grid-template-columns:1fr;gap:30px}.mission-vision{gap:32px}.values-block{margin-top:50px}}
@media(max-width:520px){.audience-section{padding-top:28px;padding-bottom:34px}.audience-cards{grid-template-columns:1fr;gap:22px}.audience-heading{margin-bottom:24px}.audience-heading h2{font-size:28px}.service-complete{grid-template-columns:22px minmax(0,1fr) 44px;gap:18px 10px;padding-block:30px}.service-scope ul,.service-outcome p{font-size:16px}.mission-vision{grid-template-columns:1fr;margin-top:42px;padding-top:30px;gap:30px}.mission-vision h3{font-size:29px}.why-hrlance{margin-top:42px;padding-top:30px}.why-hrlance h3{font-size:28px}.values-block>h2{font-size:30px}.service-foot .text-link{margin-top:18px}}

/* Native, keyboard-accessible service disclosures; all copy remains in the HTML. */
.service-disclosure{margin-top:22px;border-top:1px solid var(--line)}
.service-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;padding:12px 0;color:var(--accent);font-size:16px;font-weight:600;cursor:pointer;list-style:none}
.service-disclosure>summary::-webkit-details-marker{display:none}
.service-disclosure>summary:hover{color:var(--ink)}
.service-disclosure>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}
.service-disclosure .disclosure-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;height:28px;font-size:0}.service-disclosure .disclosure-icon::before,.service-disclosure .disclosure-icon::after{content:"";position:absolute;width:12px;height:1.5px;background:currentColor}.service-disclosure .disclosure-icon::after{transform:rotate(90deg);transition:transform .24s ease}
.service-disclosure[open] .disclosure-icon::after{transform:rotate(0)}
.service-disclosure-body{padding:4px 0 8px}.service-disclosure .service-scope{margin-top:8px}
@media(prefers-reduced-motion:reduce){.service-disclosure .disclosure-icon{transition:none}}

/* Final content audit: consistent reading rhythm and complete, compact service detail. */
.service-overview-title{font:600 23px/1.35 "Source Sans",sans-serif;margin-bottom:10px}
.service-description{margin:10px 0 24px}.service-description p+p{margin-top:16px}
.service-enquiry{margin-top:20px}.service-foot h3{font:600 22px/1.35 "Source Sans",sans-serif;margin-bottom:12px}
.service-foot>div{max-width:720px}.service-foot>.text-link{flex-shrink:0}
.about-invitation{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);margin-top:48px;padding-top:32px}
.about-invitation h3{font:400 29px/1.25 "Source Serif",Georgia,serif;margin-bottom:14px}
.about-invitation p{font-size:18px;max-width:58ch}.about-invitation .btn{flex-shrink:0}
.privacy-content p+p{margin-top:16px}.privacy-content ul{padding-left:24px;margin:16px 0 24px;color:var(--muted);max-width:68ch}.privacy-content li+li{margin-top:8px}
.privacy-content .policy-meta{font-size:15px;margin-top:4px}.privacy-content .policy-intro{margin-top:26px}
.privacy-content a:not(.btn){text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.utility-footer{border-top:1px solid var(--line);padding-block:24px;display:flex;gap:20px;justify-content:space-between;font-size:15px;color:var(--muted)}
.utility-footer nav{display:flex;gap:24px}.utility-footer a{text-decoration:underline;text-underline-offset:3px}
.next-steps a{overflow-wrap:anywhere;max-width:100%}
@media(max-width:800px){.about-invitation{align-items:flex-start;flex-direction:column;gap:24px}.service-foot{gap:24px}}
@media(max-width:520px){.service-overview-title{font-size:21px}.section-caption{font-size:16px}.service-foot h3{font-size:21px}.utility-footer{flex-direction:column}.service-enquiry{font-size:16px}}
.next-steps p+p{margin-top:16px}
.section-intro{align-items:start}.section-intro>p{padding-top:42px}@media(max-width:800px){.section-intro>p{padding-top:0}}
@media(max-width:1100px){.section-intro{grid-template-columns:1fr;gap:24px}.section-intro>p{padding-top:0;max-width:70ch}}

/* Client structure: a clear home overview, flexible services, and one About story. */
.why-hrlance{margin-top:0;border-top:0;padding-top:72px;padding-bottom:72px}
.why-hrlance h2{font-size:clamp(32px,3.2vw,44px);line-height:1.18;margin-bottom:22px}
.why-points h3{font:600 20px/1.3 "Source Sans",sans-serif;margin:0 0 7px}
.why-points{align-self:center}.services-section{border-top:1px solid var(--line)}
.support-section{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.support-intro{max-width:760px}.support-intro h2{max-width:700px}.support-intro>.body-copy{margin-top:24px;max-width:70ch}
.support-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:40px}
.support-models .support-mode{border-top:1px solid var(--line);padding-top:24px}
.support-models h3{font:600 23px/1.3 "Source Sans",sans-serif;margin:0 0 16px}.support-models p{font-size:17px}
.support-section .text-link{margin-top:30px}
.about-section{background:var(--paper)}.about-section>.wrap>.about-copy{max-width:850px}
.about-subsection{margin-top:64px;padding-top:56px;border-top:1px solid var(--line)}
.about-subheading{font:400 clamp(32px,3.4vw,44px)/1.16 "Source Serif",Georgia,serif;letter-spacing:-.022em;text-wrap:balance}
.about-section .mission-vision{margin-top:56px;padding-top:48px}
.about-section .values-block{margin-top:56px;padding-top:48px;border-top:1px solid var(--line)}
.values h4{font:550 21px/1.3 "Source Sans",sans-serif;letter-spacing:-.01em;margin:21px 0 0}
.engagement h4{font:550 24px/1.2 "Source Sans",sans-serif;letter-spacing:-.025em;margin:0 0 17px}
@media(max-width:800px){.why-hrlance{padding-block:56px}.support-models{grid-template-columns:1fr;gap:28px}.support-models .support-mode{padding-top:22px}.support-models p{max-width:65ch}.about-subsection{margin-top:48px;padding-top:40px}.about-section .mission-vision,.about-section .values-block{margin-top:48px;padding-top:40px}.engagement h4{font-size:21px}}
@media(max-width:520px){.why-hrlance{padding-block:44px}.values h4{font-size:20px}.support-models h3{font-size:22px}.support-section .text-link{gap:16px;align-items:flex-start}}

/* Four clear pages, with the original visual system retained. */
.nav-links a[aria-current="page"]:not(.btn){color:var(--accent);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
body:not([data-page="home"]) main>.services-section,body[data-page="contact"] .contact-section{border-top:0}
body:not([data-page="home"]) main>section:first-child>.section{padding-top:76px}
.services-section h1{font-size:clamp(40px,4.4vw,60px);max-width:800px}
.about-copy h1{font-size:clamp(42px,4.6vw,64px);max-width:840px}
.contact-copy h1{font-size:clamp(40px,4.2vw,58px);max-width:520px;line-height:1.12}
.home-next{background:var(--soft);border-top:1px solid var(--line)}.home-next h2{max-width:750px}.home-next .actions{margin-top:32px}
@media(max-width:800px){body:not([data-page="home"]) main>section:first-child>.section{padding-top:48px}}
@media(max-width:520px){.services-section h1,.about-copy h1,.contact-copy h1{font-size:36px}.nav-links .btn[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}}

/* Client review: more prominent section labels on every page. */
.editorial .eyebrow{font-size:18px;font-weight:700;line-height:1.45;letter-spacing:.07em;color:var(--accent);margin-bottom:24px;gap:14px}
.editorial .eyebrow::before{flex:0 0 24px;height:2px}
.audience-heading .eyebrow{min-width:220px}
@media(max-width:800px){.editorial .eyebrow{font-size:16px;letter-spacing:.06em;margin-bottom:20px;gap:12px}.audience-heading .eyebrow{min-width:0}}

/* Final contact details: small local SVGs, clear labels and generous touch targets. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.direct-contacts{margin:22px 0 24px;border-top:1px solid var(--line)}
.direct-contact{display:flex;align-items:center;gap:16px;padding:18px 0;min-height:76px;border-bottom:1px solid var(--line);color:var(--accent);text-decoration:none!important}
.contact-icon{display:flex;align-items:center;justify-content:center;flex:0 0 28px}.contact-icon svg{width:23px;height:23px}
.contact-detail{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.contact-label{font-size:14px;line-height:1.4;color:var(--muted)}
.contact-value{font-size:18px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.contact-arrow{font-size:22px;transition:transform .18s ease;flex-shrink:0}
.direct-contact:hover .contact-value{text-decoration:underline;text-underline-offset:4px}.direct-contact:hover .contact-arrow{transform:translate(2px,-2px)}
.footer-column .footer-contact{display:flex;align-items:center;gap:10px;min-height:44px;overflow-wrap:anywhere}.footer-contact svg{width:18px;height:18px;flex:0 0 18px;color:var(--accent)}.footer-contact span{min-width:0}
@media(max-width:520px){.direct-contact{gap:12px}.contact-value{font-size:17px}.contact-icon{flex-basis:24px}.contact-arrow{font-size:20px}}
/* One page entrance, independent of cross-document event timing and hosting. */
@view-transition{navigation:none}
@media(prefers-reduced-motion:no-preference){
 body[data-page] main{animation:page-arrive .28s cubic-bezier(.22,1,.36,1) both}
 .page-arrived main{animation:none!important}
 @keyframes page-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.contact-arrow{transition:none}}