:root{--soft-orange:#fff0e3;--action:#a84009}
.skip-link{position:fixed;left:16px;top:12px;z-index:200;padding:10px 16px;background:#fff;color:#252321;transform:translateY(-180%)}
.skip-link:focus{transform:none;outline:2px solid #a84009}
body{font-size:17px;background:#fffaf6;isolation:isolate}
body::before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(115deg,#fff 8%,#fff0e3 38%,#fff 65%,#fff7ef 90%);background-size:240% 240%;animation:ambient-shift 24s ease-in-out infinite;pointer-events:none}
@keyframes ambient-shift{0%,100%{background-position:0% 35%}50%{background-position:100% 70%}}

.hero,.hero-stage,.clients-section,.intro,.work-section,.voices-section{background:transparent}
.services-section{background:#fff9f2e8}.contact-section{background:#fff0e0e6}.directory-footer{background:#fffaf5eb}
.header{background:#fffaf5ed}.header .desktop-nav button,.header .header-contact{font-size:18px;font-weight:500}
.hero .hero-description{font-size:18px;line-height:1.7}.service-body>p,.service-body a,.intro-note,.work-label p,.contact-bottom p{font-size:17px;line-height:1.7}
.footer-group a,.footer-office,.footer-reach,.footer-network a{font-size:14px}.directory-results a{font-size:15px}
.button,.text-link,.header-contact,.page-nav a,.page-action{transition:color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.button:focus-visible,.page-action:focus-visible{outline:3px solid #a84009;outline-offset:5px}
@media(hover:hover){.button:hover,.page-action:hover{transform:translateY(-3px);box-shadow:0 10px 24px -12px #a8400966}.text-link:hover,.header-contact:hover,.page-nav a:hover{color:#a84009}.desktop-nav button:hover{color:#a84009;background:#ffecd9}.work-item:hover .work-image{box-shadow:0 18px 30px -22px #7c451a66}}
.site-subpage{min-height:100vh}.page-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:20px max(24px,5vw);border-bottom:1px solid #d6c8bd;background:#ffffffa8}
.page-brand{width:240px;flex-shrink:0}.page-brand img{width:100%;height:auto;mix-blend-mode:multiply}
.page-nav{display:flex;gap:28px;align-items:center}.page-nav a{font-size:16px;padding:10px 0;white-space:nowrap}.page-nav a[aria-current=page]{color:#a84009;border-bottom:2px solid #a84009}
.page-main{max-width:1380px;margin:auto;padding:72px 32px 96px}.page-kicker{font-size:14px;color:#a84009;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}
.page-main h1{font-size:clamp(42px,5.2vw,76px);line-height:1.06;letter-spacing:-.045em;max-width:850px}.page-lead{font-size:20px;line-height:1.7;color:#56534f;max-width:650px;margin-top:28px}
.page-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}.page-split h1{font-size:clamp(42px,4.4vw,64px)}
.contact-details{margin-top:42px;border-top:1px solid #d8cdc2;padding-top:28px}.contact-details p{margin-top:20px}.contact-details a{color:#8d3709;overflow-wrap:anywhere}.contact-details address{font-style:normal;margin-top:12px;line-height:1.8}
.form-panel{padding:36px;background:#fffffff2;border:1px solid #e6d9ce;border-radius:20px;box-shadow:0 20px 55px -35px #6f35104d}.form-panel h2{font-size:28px;letter-spacing:-.02em;margin-bottom:8px}.form-note{font-size:14px;color:#625c55;margin-bottom:26px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:500}.field-wide{grid-column:1/-1}.field input,.field select,.field textarea{font:400 16px/1.5 Archivo,Arial,sans-serif;width:100%;min-width:0;border:1px solid #b9b0a7;border-radius:7px;background:#fff;padding:12px 14px;color:#252321}.field textarea{resize:vertical;min-height:135px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #b84c12;outline-offset:2px;border-color:#b84c12}.field input:invalid:not(:placeholder-shown):not(:focus){border-color:#ae5140}
.form-consent{display:flex;gap:10px;align-items:flex-start;margin:24px 0;font-size:14px;line-height:1.6;color:#59524d}.form-consent input{margin-top:5px;width:18px;height:18px;flex-shrink:0;accent-color:#a84009}.form-status{margin:18px 0 0;font-size:15px;line-height:1.6;white-space:pre-line}.form-status[data-state=error]{color:#a12e20}.form-status[data-state=success]{color:#24643a}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.page-action{display:inline-flex;gap:28px;align-items:center;justify-content:center;border:1px solid #a84009;border-radius:999px;background:#a84009;color:#fff;padding:14px 25px;font:500 16px/1.5 Archivo,Arial,sans-serif;cursor:pointer;min-height:50px}.page-action:disabled{opacity:.6;cursor:wait;transform:none}.about-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.about-visual{width:100%;border-radius:18px;aspect-ratio:1/1;object-fit:cover}.about-capabilities{margin-top:80px;border-top:1px solid #d8cdc2}.about-capability{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;border-bottom:1px solid #d8cdc2;padding:32px 0}.about-capability h2{font-size:28px;letter-spacing:-.025em}.about-capability p{line-height:1.8;color:#59524d}.about-close{margin-top:56px;display:flex;align-items:center;justify-content:space-between;gap:28px}.about-close h2{font-size:32px;max-width:530px}
.page-footer{border-top:1px solid #d8cdc2;padding:32px max(24px,5vw);display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;background:#fffaf5b3;font-size:14px}.page-footer nav{display:flex;gap:22px}.page-footer a:hover{color:#a84009}
@media(max-width:1380px){.header .desktop-nav button,.header .header-contact{font-size:18px}}
@media(max-width:850px){.page-header{flex-direction:column;gap:14px;align-items:flex-start}.page-nav{gap:23px;width:100%;overflow-x:auto}.page-main{padding:48px 24px 64px}.page-split,.about-intro{grid-template-columns:1fr;gap:40px}.about-visual{max-width:440px;aspect-ratio:1.3}.about-capabilities{margin-top:48px}.about-capability{grid-template-columns:1fr;gap:14px}.about-close{align-items:flex-start;flex-direction:column}}
@media(max-width:500px){body{font-size:16px}.page-main h1{font-size:44px}.page-lead{font-size:18px}.form-panel{padding:24px 20px}.form-grid{grid-template-columns:1fr}.page-nav{gap:20px}.page-nav a{font-size:15px}.page-brand{width:220px}.form-panel h2{font-size:26px}.page-action{width:100%}.hero .hero-description{font-size:16px}.page-footer nav{flex-wrap:wrap}.page-main{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){body::before{animation:none}.button,.text-link,.page-action,.header-contact,.page-nav a{transition:none}.button:hover,.page-action:hover{transform:none}}

/* Remove the white logo backdrop inside the subpage header stacking context. */
.page-brand img{filter:url(#editone-background-cutout);mix-blend-mode:normal}

/* The hero moves with the document immediately; no pinned scroll hold. */
.hero[data-sc-act="flow"]{height:auto;min-height:0}
.hero[data-sc-act="flow"] .hero-stage{position:relative;top:auto}

@media(min-width:1381px){.header .desktop-nav{gap:clamp(10px,1vw,20px)}}

/* Header search opens and focuses the existing directory search. */
.header-search{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:50%;color:#41433e;background:transparent;cursor:pointer;opacity:.72;transition:opacity .2s ease,background-color .2s ease,color .2s ease}
.header-search:hover,.header-search:focus-visible,.header-search[aria-expanded=true]{opacity:1;color:#a84009;background:#f58b3b14}
.header-search:focus-visible{outline:2px solid #a84009;outline-offset:3px}
@media(max-width:1380px){.header{grid-template-columns:minmax(0,1fr) 44px auto;column-gap:8px}.header-search{grid-column:2;grid-row:1}.header .header-contact{grid-column:3;margin-left:0}}
@media(prefers-reduced-motion:reduce){.header-search{transition:none}}

/* Keep the complete header in one compact, centred content band. */
.header-utilities{display:flex;align-items:center;justify-content:flex-end;gap:20px;min-width:0}
@media(min-width:1381px){
 .header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-inline:max(24px,calc((100% - 1320px)/2))}
 .header .brand{flex:0 0 240px}
 .header .desktop-nav{display:flex;flex:1;min-width:0;width:auto;max-width:none;justify-content:space-between;gap:12px}
 .header-utilities{flex:0 0 auto;gap:16px}
}
@media(max-width:1380px){.header{grid-template-columns:minmax(0,1fr) auto;column-gap:12px}.header-utilities{grid-column:2;grid-row:1;gap:8px}.header .desktop-nav{justify-content:safe center}.header .header-contact{margin-left:0}}

/* Restore the solid light header while preserving its current layout. */
.header,.header.scrolled{background:#fffaf5;border:0;border-bottom:1px solid #e3e4e1;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.header .brand img{filter:url(#editone-background-cutout);mix-blend-mode:normal}

/* Social icons sit together at the right edge of the footer. */
.directory-footer .footer-bottom{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.directory-footer .footer-bottom>p{margin-right:auto}
.directory-footer .footer-bottom .footer-back-top{font-size:13px;white-space:nowrap}
.directory-footer .footer-bottom nav.footer-socials{display:flex;align-items:center;gap:10px;margin:0;flex-wrap:nowrap}
.footer-socials a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dfd5cc;border-radius:50%;background:#fff9f2;color:#55504a;transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}
.footer-socials a svg{display:block}
.directory-footer .footer-bottom .footer-socials a:hover{background:#a84009;color:#fff;border-color:#a84009;transform:translateY(-3px)}
.footer-socials a:focus-visible{outline:2px solid #a84009;outline-offset:4px}
@media(max-width:700px){.directory-footer .footer-bottom{gap:20px 12px}.directory-footer .footer-bottom>p{flex-basis:100%;font-size:12px}.directory-footer .footer-bottom nav.footer-socials{margin-left:auto;gap:8px}.footer-socials a{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.footer-socials a{transition:none}.directory-footer .footer-bottom .footer-socials a:hover{transform:none}}
