/* Briary public-page design. Intentionally not loaded on calculation tools.
   index.css retains the shared navigation, forms, utilities and tool baseline. */
.ux-v2 {
  --paper:#fcfcf8; --ink:#19392b; --ink-soft:#536159; --line:#dce2d8;
  --soft:#f1f4ee; --soft-2:#e8eee2; --green-900:#173e2c;
  --space-7:clamp(3.5rem,6vw,5.5rem); --header-h:104px;
  --h1:clamp(2.4rem,4.2vw,4.2rem); --h2:clamp(1.85rem,2.65vw,2.85rem);
}
.ux-v2 h1,.ux-v2 h2,.ux-v2 h3 {text-wrap:pretty}
.ux-v2 h1 {letter-spacing:-.045em;line-height:1.1}
.ux-v2 h2 {line-height:1.17;letter-spacing:-.033em}
.ux-v2 .lead {font-size:clamp(1.08rem,1.25vw,1.22rem);line-height:1.65}
.ux-v2 .eyebrow {font-size:.72rem;letter-spacing:.13em;margin-bottom:1.15rem}
.ux-v2 .brand img {width:152px}
.ux-v2 .header-navigation {gap:.1rem}
.ux-v2 .primary-nav {gap:1.85rem}
.ux-v2 .primary-nav a {font-size:.94rem}
.ux-v2 .utility-nav {font-size:.75rem}
.ux-v2 .utility-nav a[href$="/contact"] {font-weight:650;color:var(--green-900)}
.ux-v2 .button {border-radius:2px;min-height:49px;padding:.85rem 1.35rem;gap:1.6rem;font-size:.9rem}
.ux-v2 .button span {font-size:1.15rem}
.ux-v2 .button:hover,.ux-v2 .button:focus-visible {background:var(--green-700)}
.ux-v2 .section-heading {margin-bottom:2.7rem}
.ux-v2 .section-deck {color:var(--ink-soft);font-size:1rem;line-height:1.75;max-width:46ch}
.ux-v2 .section-heading--spread {align-items:end}
.ux-v2 .section-heading--spread>.section-deck {max-width:40ch}
.ux-v2 .editorial-image {overflow:hidden;min-width:0}
.ux-v2 .editorial-image img {background:#e6e9e0}
.ux-v2 .editorial-image figcaption {padding-top:.65rem;line-height:1.5;font-size:.74rem}
.ux-v2 a:hover {text-decoration-color:var(--green-700)}
.ux-v2 .text-link:hover {color:var(--green-700)}

/* The opening gives two clear audience routes without burying the photograph. */
.home-hero {padding:2.6rem 0 2.8rem}
.home-hero__grid {display:grid;grid-template-columns:1fr 1.03fr;gap:6%;align-items:center}
.home-hero__copy {padding-block:1rem}
.home-hero h1 {max-width:17ch;font-size:clamp(2.7rem,4.4vw,4.65rem);line-height:1.07}
.home-hero .lead {margin-top:1.65rem;max-width:46ch}
.home-hero__photo img {aspect-ratio:1.02;height:auto;min-height:470px;max-height:640px;object-fit:cover}
.hero-routes {display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:2rem}
.hero-routes a {display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:54px;border-top:1px solid var(--ink);text-decoration:none;font-weight:600;font-size:.99rem}
.hero-routes a:hover {color:var(--green-700);border-color:var(--green-700)}
.hero-routes span {font-size:1.2rem}
.hero-note {font-size:.77rem;color:var(--ink-soft);margin-top:1rem;line-height:1.6}
.quick-services {background:var(--soft);border-block:1px solid var(--line)}
.quick-services>.shell {display:flex;align-items:center;gap:2.5rem;min-height:78px;padding-block:.9rem}
.quick-services p {font-size:.78rem;font-weight:600;flex:none;color:var(--ink-soft)}
.quick-services>.shell>div {display:flex;flex:1;justify-content:space-between;gap:1.5rem}
.quick-services a {display:inline-flex;align-items:center;gap:1.2rem;min-height:44px;text-decoration:none;font-size:.86rem;font-weight:550}
.quick-services a:hover {text-decoration:underline}
.client-proof {padding:2rem 0 2.4rem;border-bottom:1px solid var(--line);background:#fff}
.client-proof__label {font-size:.73rem;color:var(--ink-soft);margin:0;text-align:center;letter-spacing:.015em}
.client-proof__logos {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;list-style:none;margin:1.2rem 0 0;padding:0;gap:.85rem 2.5rem}
.client-proof__logos li,.client-proof__logos a {display:flex;align-items:center;justify-content:center;min-width:0;min-height:52px}
.client-proof__logos img {display:block;width:100%;height:44px;max-width:140px;object-fit:contain}
/* One neutral treatment so the wall reads as a set, not competing brand colours. */
.client-proof__logos img,.client-proof__logo {filter:grayscale(1);opacity:.65}
.client-proof__name,.client-proof__fallback {font-size:.85rem;text-align:center;font-weight:600}

/* Photography supports the route, rather than a grid of generic service boxes. */
.route-cards {display:grid;grid-template-columns:1fr 1fr;gap:3.2rem}
.route-card {min-width:0}
.route-card__photo {display:block;overflow:hidden;background:var(--soft)}
.route-card__photo img {aspect-ratio:1.8;transition:transform .25s ease}
.route-card:has(a:hover) .route-card__photo img {transform:scale(1.015)}
.route-card__copy {padding-top:1.6rem}
.route-card h3 {font-size:clamp(1.6rem,2.4vw,2.2rem)}
.route-card h3 a {display:flex;justify-content:space-between;align-items:center;gap:1rem;text-decoration:none}
.route-card h3 span {font-size:1.2rem;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;flex:none}
.route-card h3 a:hover span {background:var(--green-900);color:white;border-color:var(--green-900)}
.route-card p {max-width:53ch;color:var(--ink-soft);font-size:1rem;margin-top:.9rem;line-height:1.75}
.route-card__note {display:block;font-size:.78rem;margin-top:1.1rem;color:var(--green-700)}
.other-routes {border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 2.8rem;margin-top:2.6rem;padding-top:1.2rem;font-size:.88rem}
.other-routes>span {font-size:.76rem;color:var(--ink-soft)}
.other-routes a {display:inline-flex;min-height:44px;align-items:center;gap:1.4rem;text-decoration:none}
.other-routes a:hover {text-decoration:underline}

.capabilities {background:var(--green-900);color:#f5f7f0}
.capabilities__grid {display:grid;grid-template-columns:1fr 1.5fr;gap:9%}
.capabilities .eyebrow {color:var(--leaf)}
.capabilities h2 {max-width:15ch}
.capabilities header>p:not(.eyebrow) {margin-top:1.4rem;color:#d2decf;font-size:1rem;max-width:38ch}
.capabilities .text-link {font-size:.86rem;margin-top:1.5rem}
.capabilities .text-link:hover {color:var(--leaf)}
.capabilities :focus-visible {outline-color:var(--leaf)}
.capability-list a {display:grid;grid-template-columns:2rem 1fr 1.5rem;gap:1rem;border-top:1px solid #ffffff30;padding:1.3rem 0;text-decoration:none;align-items:center}
.capability-list a:last-child {border-bottom:1px solid #ffffff30}
.capability-list small {font-size:.73rem;color:var(--leaf);align-self:start;padding-top:.2rem}
.capability-list strong {display:block;font-size:clamp(1.1rem,1.7vw,1.55rem);font-weight:450;line-height:1.35}
.capability-list a>span>span {display:block;font-size:.83rem;color:#d2decf;margin-top:.4rem;line-height:1.6}
.capability-list b {font-size:1.1rem;font-weight:400}
.capability-list a:hover strong {color:var(--leaf)}
.working-feature__grid {display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.working-feature__photo img {aspect-ratio:1.03}
.working-feature h2 {max-width:19ch}
.working-feature .section-deck {margin-top:1.3rem}
.working-steps {list-style:none;counter-reset:work;margin:1.8rem 0 0;padding:0}
.working-steps li {position:relative;border-top:1px solid var(--line);padding:1.1rem 0 1.1rem 2.8rem;counter-increment:work}
.working-steps li::before {content:"0" counter(work);position:absolute;left:0;top:1.22rem;font-size:.75rem;color:var(--green-700)}
.working-steps h3 {font-size:1.15rem;font-weight:600;line-height:1.4}
.working-steps p {color:var(--ink-soft);font-size:.91rem;line-height:1.7;margin-top:.5rem}
.home-guidance {border-top:1px solid var(--line);background:var(--soft)}
.guidance-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem}
.guidance-cards article {border-top:1px solid #aebbad;padding-top:1.4rem;display:flex;flex-direction:column;align-items:start}
.guidance-cards .eyebrow {font-size:.64rem;letter-spacing:.07em}
.guidance-cards h3 {font-size:1.45rem;line-height:1.3;letter-spacing:-.02em}
.guidance-cards h3 a {text-decoration:none}
.guidance-cards h3 a:hover {text-decoration:underline}
.guidance-cards p:not(.eyebrow) {font-size:.93rem;line-height:1.75;color:var(--ink-soft);margin-top:1rem}
.guidance-cards .text-link {font-size:.83rem;margin-top:auto;padding-top:1.1rem}

/* Inner pages: orient, explain the work, show the output, then the input pack. */
.ux-v2 .page-hero {padding:1.7rem 0 3.3rem}
.ux-v2 .breadcrumbs {margin-bottom:1.4rem;font-size:.76rem}
.ux-v2 .page-hero__layout {gap:7%}
.ux-v2 .page-hero--image .page-hero__layout {grid-template-columns:1.07fr 1fr;align-items:center}
.ux-v2 .page-hero--image h1 {font-size:clamp(2.3rem,3.55vw,3.7rem);max-width:20ch}
.ux-v2 .page-hero .lead {margin-top:1rem;max-width:none}
.ux-v2 .page-hero .hero-intro {font-size:.96rem;margin-top:.75rem;max-width:none}
.ux-v2 .page-hero__image img {aspect-ratio:1.45}
/* Both hero actions are buttons of equal width, so neither reads as an
   afterthought beside the other. */
.ux-v2 .page-hero__actions {display:flex;flex-wrap:wrap;align-items:stretch;gap:.8rem 1rem;margin-top:1.8rem}
.ux-v2 .page-hero__actions .button {flex:1 1 0;min-width:12rem;max-width:17rem;white-space:normal;text-align:center}
/* The on-page bar is a primary way through a long service page, so it carries
   real type and marks the section being read rather than sitting as fine print. */
.ux-v2 .page-journey {background:var(--paper);position:sticky;top:var(--header-height,var(--header-h));z-index:10;border-bottom:1px solid var(--line);box-shadow:0 4px 12px #102a140a}
.ux-v2 .page-journey>.shell {flex-wrap:nowrap;overflow-x:auto;gap:2rem;white-space:nowrap;padding-block:0;font-size:.9rem;scrollbar-width:thin}
.ux-v2 .page-journey>.shell>* {flex:none}
.ux-v2 .page-journey span {font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-right:.4rem}
.ux-v2 .page-journey a {position:relative;min-height:54px;color:var(--ink-soft);font-weight:550}
.ux-v2 .page-journey a::after {position:absolute;content:"";height:2px;left:0;right:0;bottom:0;background:transparent}
.ux-v2 .page-journey a:hover {color:var(--ink);text-decoration:none}
.ux-v2 .page-journey a:hover::after {background:var(--line)}
.ux-v2 .page-journey a.is-active {color:var(--green-900);font-weight:650}
.ux-v2 .page-journey a.is-active::after {background:var(--green-700)}
.ux-v2 main section[id] {scroll-margin-top:calc(var(--header-height,var(--header-h)) + 4rem)}
.ux-v2 .page-overview {padding-block:3.5rem}
.ux-v2 .page-overview .prose {font-size:1rem;max-width:71ch;line-height:1.85}
.overview-intro {margin-bottom:1.1rem}
.ux-v2 .page-overview .editorial-split>h2 {font-size:clamp(1.5rem,2.05vw,2.25rem)}
.design-decisions {background:var(--soft)}
.decision-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.1rem 4rem}
.decision-grid article {display:grid;grid-template-columns:1.65rem 1fr;gap:1rem;border-top:1px solid #c2cec0;padding-top:1.4rem}
.decision-number {font-size:.73rem;color:var(--green-700);padding-top:.28rem}
.decision-grid h3 {font-size:1.3rem;line-height:1.35;margin-bottom:.8rem;font-weight:550}
.decision-grid .prose {font-size:.98rem;line-height:1.8;color:var(--ink-soft)}
.stage-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:2.1rem;counter-reset:stage;list-style:none;margin:0;padding:0}
.stage-list li {border-top:1px solid var(--green-700);padding-top:1.2rem;counter-increment:stage}
.stage-list li::before {content:"0" counter(stage);display:block;font-size:.75rem;color:var(--green-700);margin-bottom:1rem}
.stage-list h3 {font-size:1.2rem;line-height:1.4;margin-bottom:.85rem;font-weight:550}
.stage-list .prose {font-size:.94rem;line-height:1.75;color:var(--ink-soft)}
.outputs-section {background:var(--soft-2)}
.output-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2.5rem}
.output-grid article {border-top:1px solid #aebdac;padding-top:1.5rem}
.output-grid h3 {font-size:1.22rem;line-height:1.4;margin-bottom:.9rem;font-weight:550}
.output-grid .prose {font-size:.96rem;color:var(--ink-soft);line-height:1.8}
.information-pack__grid {display:grid;grid-template-columns:1fr 1.4fr;gap:9%}
.information-pack h2 {max-width:19ch}
.information-pack .section-deck {margin-top:1.2rem;font-size:.95rem}
.information-pack__photo {margin-top:1.8rem}
.information-pack__photo img {aspect-ratio:1.5}
.information-checklist article {display:grid;grid-template-columns:1.8rem 1fr;gap:1rem;border-top:1px solid var(--line);padding:1.35rem 0}
.information-checklist article:first-child {padding-top:1.2rem}
.information-checklist article>span {font-size:.73rem;padding-top:.27rem;color:var(--green-700)}
.information-checklist h3 {font-size:1.2rem;line-height:1.45;margin-bottom:.6rem;font-weight:550}
.information-checklist .prose {font-size:.96rem;line-height:1.8;color:var(--ink-soft)}
.information-checklist>.text-link {font-size:.88rem;margin-left:2.8rem;margin-top:.7rem}
.ux-v2 .faq-list summary {font-size:1rem}
.ux-v2 .section--ruled {padding-block:2rem 4rem}
.ux-v2 .section--ruled>.shell {padding-top:2.5rem}
.ux-v2 .related-content {padding-block:2.8rem;background:var(--soft)}
.ux-v2 .related-links a {font-size:.94rem;min-height:48px}
.ux-v2 .project-cta {padding-block:3.5rem;background:#dde8d4;border-top:1px solid #c9d8be}
.ux-v2 .project-cta__inner {gap:3rem}
.ux-v2 .project-cta__inner>div {max-width:75ch}
.ux-v2 .project-cta .button {flex:none;white-space:normal;text-align:center;max-width:300px}
.ux-v2 .project-cta h2 {font-size:clamp(1.7rem,2.5vw,2.6rem)}
.ux-v2 .project-cta p {font-size:.95rem;max-width:67ch;line-height:1.75}
.supporting-photo {padding-top:0}
.supporting-photo img {aspect-ratio:2.7;max-height:460px}

/* Find the right service without understanding our internal terminology. */
.ux-v2 .service-directory {padding-top:1rem}
.service-finder {display:grid;grid-template-columns:1.3fr 1fr;gap:12%;margin-bottom:2.5rem;align-items:center}
.service-finder h2 {font-size:clamp(1.5rem,2.1vw,2.2rem);margin-bottom:1rem}
.service-finder .prose {font-size:.97rem;color:var(--ink-soft)}
.service-finder__search label {display:block;font-size:.86rem;font-weight:600;margin-bottom:.6rem}
.service-finder__search input {width:100%;background:#fff;border:1px solid #acbbab;padding:.85rem 1rem;font-size:.95rem;min-height:50px}
.service-finder__status {display:flex;justify-content:space-between;gap:1rem;align-items:center;min-height:38px;font-size:.76rem;color:var(--ink-soft)}
.service-finder__status button {background:none;border:0;padding:.4rem 0;text-decoration:underline;font-size:.78rem}
.ux-v2 .service-jump a {background:var(--soft)}
.ux-v2 .service-jump a:hover {background:var(--soft-2)}
.ux-v2 .service-family {padding-block:3.7rem}
.ux-v2 .service-family h2 {font-size:clamp(1.55rem,2.1vw,2.25rem)}
.ux-v2 .service-family header>p {font-size:.94rem;line-height:1.75;margin-top:1.15rem}
.service-family__image {margin-top:1.5rem}
.service-family__image img {aspect-ratio:1.85}
.ux-v2 .service-list h3 {font-size:1.24rem}
.ux-v2 .service-list p {font-size:.93rem;line-height:1.7}
.ux-v2 .service-list>a {padding-block:1.3rem}
.ux-v2 .service-list>a:first-child {padding-top:0}
.ux-v2 .service-list>a:hover h3 {text-decoration:underline;text-underline-offset:.22em}

.ux-v2.template-knowledge .page-hero {padding-bottom:2rem}
.ux-v2.template-knowledge .page-hero+.section {padding-top:1.5rem}
.knowledge-feature {display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:0 0 2.7rem;margin-bottom:.5rem;align-items:center}
.knowledge-feature__image {display:block}
.knowledge-feature img {aspect-ratio:1.65}
.knowledge-feature h2 {font-size:clamp(1.6rem,2.4vw,2.4rem);line-height:1.24}
.knowledge-feature h2 a {text-decoration:none}
.knowledge-feature h2 a:hover {text-decoration:underline}
.knowledge-feature p:not(.eyebrow) {margin-top:1rem;font-size:.95rem;line-height:1.75;color:var(--ink-soft)}
.knowledge-feature .text-link {font-size:.86rem;margin-top:1.25rem}
.ux-v2 .catalogue-controls {margin-bottom:2rem}
.ux-v2 .knowledge-list h2 {font-size:1.55rem}
.ux-v2 .article-hero {padding-bottom:2rem}
.ux-v2 .article-body>.editorial-image {margin-block:1rem 2.2rem}
/* A banner, not a full screen. At the article measure a 1.9 ratio ran past
   690px tall and pushed the opening text below the fold. */
.ux-v2 .article-body>.editorial-image img {aspect-ratio:2.6;max-height:min(420px,44vh)}
.ux-v2 .article-hero h1 {font-size:clamp(2.3rem,3.9vw,3.8rem)}
.ux-v2 .article-body .prose {font-size:1.03rem}
.ux-v2 .site-footer {padding-top:2.6rem}
.ux-v2 .footer-main {padding-bottom:1.6rem}

@media(min-width:1600px) {
  .home-hero__photo img {min-height:570px}
}
@media(max-width:1100px) {
  .home-hero__grid {gap:4%;grid-template-columns:1fr 1fr}
  .home-hero h1 {font-size:3.4rem}
  .home-hero__photo img {min-height:450px;aspect-ratio:.94}
  .hero-routes {grid-template-columns:1fr;gap:.25rem;margin-top:1.4rem}
  .hero-routes a {min-height:48px;font-size:.94rem}
  .quick-services>.shell {gap:1.5rem}
  .quick-services>.shell>div {gap:.75rem;flex-wrap:wrap;justify-content:start}
  .quick-services a {margin-right:1rem;font-size:.82rem}
  .route-cards {gap:2rem}
  .capabilities__grid {gap:6%}
  .working-feature__grid {gap:6%}
  .guidance-cards {gap:1.8rem}
  .decision-grid {gap:2rem}
  .stage-list {grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px) {
  .ux-v2 {--header-h:82px}
  .ux-v2 .service-jump {grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub-promo__points {grid-template-columns:repeat(2,minmax(0,1fr))}
  .ux-v2 .primary-nav {gap:0}
  .ux-v2 .primary-nav a {font-size:1.65rem}
  .ux-v2 .utility-nav {font-size:.92rem}
  .ux-v2 .page-hero--image .page-hero__layout {gap:5%}
  .ux-v2 .page-hero__actions {gap:.7rem}
  .ux-v2 .page-hero--image h1 {font-size:2.6rem}
  .ux-v2 .page-hero__image img {aspect-ratio:1.03}
}
@media(max-width:760px) {
  .ux-v2 {--gutter:22px;--space-7:3.2rem;--header-h:76px}
  .ux-v2 .brand img {width:128px;height:52px}
  .ux-v2 .header-inner {gap:1rem}
  .ux-v2 .section-heading {margin-bottom:1.8rem}
  .ux-v2 .section-heading--spread {display:block}
  .ux-v2 .section-heading--spread>.section-deck,.ux-v2 .section-heading--spread>.text-link {margin-top:1rem}
  .home-hero {padding:1.7rem 0 1.8rem}
  .home-hero__grid {grid-template-columns:1fr;gap:1.65rem}
  .home-hero__copy {padding:0}
  .home-hero h1 {font-size:clamp(2.55rem,9vw,3.6rem);line-height:1.08;max-width:18ch}
  .home-hero .eyebrow {font-size:.64rem;margin-bottom:1rem}
  .home-hero .lead {margin-top:1.15rem;max-width:51ch;font-size:1.05rem;line-height:1.68}
  .hero-routes {grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.4rem}
  .hero-routes a {min-height:52px;font-size:.85rem;gap:.5rem;align-items:center}
  .hero-note {font-size:.75rem;margin-top:.75rem}
  .home-hero__photo img {min-height:0;aspect-ratio:1.55;max-height:430px}
  .quick-services>.shell {display:block;padding-block:1.1rem}
  .quick-services p {margin-bottom:.5rem;font-size:.74rem}
  .quick-services>.shell>div {display:grid;grid-template-columns:1fr 1fr;gap:0 1.3rem}
  .quick-services a {justify-content:space-between;gap:.4rem;margin:0;font-size:.78rem;min-height:42px}
  .client-proof {padding-block:1.5rem 1.8rem}
  .client-proof__label {font-size:.7rem;text-align:left}
  .client-proof__logos {grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem 1.4rem;margin-top:1.1rem}
  .client-proof__logos img {height:36px;max-width:118px}
  .client-proof__logos li,.client-proof__logos a {min-height:45px}
  .route-cards {grid-template-columns:1fr;gap:2.3rem}
  .route-card__photo img {aspect-ratio:1.65}
  .route-card__copy {padding-top:1.2rem}
  .route-card h3 {font-size:1.85rem}
  .route-card p {font-size:.96rem;line-height:1.75;margin-top:.8rem}
  .route-card__note {margin-top:.75rem;font-size:.76rem}
  .other-routes {display:grid;gap:.4rem;margin-top:2rem;padding-top:1rem}
  .other-routes>span {margin-bottom:.3rem}
  .other-routes a {justify-content:space-between;font-size:.86rem}
  .capabilities__grid {grid-template-columns:1fr;gap:2rem}
  .capabilities h2 {max-width:22ch}
  .capabilities header>p:not(.eyebrow) {max-width:50ch;margin-top:1.1rem;font-size:.96rem}
  .capabilities .text-link {margin-top:1rem}
  .capability-list a {grid-template-columns:1.4rem 1fr 1.1rem;gap:.75rem;padding-block:1.2rem}
  .capability-list strong {font-size:1.2rem}
  .capability-list a>span>span {font-size:.78rem}
  .working-feature__grid {grid-template-columns:1fr;gap:2rem}
  .working-feature__photo img {aspect-ratio:1.55}
  .working-feature h2 {max-width:22ch}
  .working-feature .section-deck {margin-top:1rem;font-size:.96rem}
  .working-steps {margin-top:1.5rem}
  .working-steps li {padding-left:2.3rem}
  .working-steps h3 {font-size:1.12rem}
  .guidance-cards {grid-template-columns:1fr;gap:2rem}
  .guidance-cards h3 {font-size:1.45rem}
  .guidance-cards article {padding-top:1.15rem}
  .guidance-cards .eyebrow {margin-bottom:.9rem}
  .guidance-cards .text-link {padding-top:1rem}
  .ux-v2 .page-hero {padding:1.1rem 0 2rem}
  .ux-v2 .breadcrumbs {font-size:.7rem;margin-bottom:1.6rem}
  .ux-v2 .page-hero--image .page-hero__layout {grid-template-columns:1fr;gap:1.8rem}
  .ux-v2 .page-hero h1,.ux-v2 .page-hero--image h1 {font-size:clamp(2.25rem,8.5vw,3.3rem);max-width:21ch}
  .ux-v2 .page-hero .lead {font-size:1.05rem;margin-top:1.15rem}
  .ux-v2 .page-hero__image img {aspect-ratio:1.7;max-height:360px}
  .ux-v2 .service-jump {grid-template-columns:minmax(0,1fr)}
  .ux-v2 .page-hero__actions {margin-top:1.3rem;gap:.6rem}
  .ux-v2 .page-hero__actions .button {flex:1 1 100%;max-width:none;font-size:.86rem;min-height:48px;padding:.7rem 1rem}
  .ux-v2 .page-journey>.shell {width:100%;padding-inline:22px;gap:1.4rem;font-size:.84rem;padding-block:0}
  .ux-v2 .page-journey a {min-height:48px}
  .ux-v2 .page-journey span {display:none}
  .ux-v2 main section[id] {scroll-margin-top:68px}
  .ux-v2 .page-overview {padding-block:2.4rem}
  .ux-v2 .page-overview .editorial-split {gap:1.2rem}
  .ux-v2 .page-overview .editorial-split>h2 {font-size:1.6rem;max-width:25ch}
  .ux-v2 .page-overview .prose {font-size:.96rem;line-height:1.8}
  .ux-v2 .page-overview__copy>h2{margin-bottom:1.2rem}
  .decision-grid {grid-template-columns:1fr;gap:1.5rem}
  .decision-grid article {grid-template-columns:1.35rem 1fr;gap:.8rem;padding-top:1.2rem}
  .decision-grid h3 {font-size:1.2rem}
  .decision-grid .prose {font-size:.95rem}
  .stage-list {grid-template-columns:1fr;gap:1.7rem}
  .stage-list li {padding-left:2.2rem;position:relative}
  .stage-list li::before {position:absolute;left:0;top:1.25rem}
  .stage-list h3 {font-size:1.18rem}
  .output-grid {grid-template-columns:1fr;gap:1.5rem}
  .output-grid article {padding-top:1.2rem}
  .output-grid h3 {font-size:1.18rem}
  .information-pack__grid {grid-template-columns:1fr;gap:1.7rem}
  .information-pack h2 {max-width:25ch}
  .information-pack__photo {margin-top:1.25rem}
  .information-pack__photo img {aspect-ratio:1.7;max-height:320px}
  .information-checklist article {grid-template-columns:1.35rem 1fr;gap:.8rem}
  .information-checklist>.text-link {margin-left:2.15rem}
  .ux-v2 .section--ruled {padding-block:1rem 2.4rem}
  .ux-v2 .section--ruled>.shell {padding-top:2rem}
  .ux-v2 .project-cta {padding-block:2.6rem}
  .ux-v2 .project-cta__inner {align-items:start;gap:1.5rem}
  .ux-v2 .project-cta .button {align-self:start;font-size:.86rem}
  .service-finder {grid-template-columns:1fr;gap:1.6rem;margin-bottom:1.4rem}
  .service-finder h2 {font-size:1.6rem}
  .service-finder__search input {font-size:.9rem}
  .ux-v2 .service-family {padding-block:2.3rem;gap:1.6rem}
  .service-family__image {margin-top:1.2rem}
  .service-family__image img {aspect-ratio:2.15;max-height:220px}
  .ux-v2 .service-list h3 {font-size:1.15rem}
  .ux-v2 .service-list p {font-size:.92rem}
  .knowledge-feature {grid-template-columns:1fr;gap:1.3rem;padding-bottom:2rem}
  .knowledge-feature h2 {font-size:1.65rem}
  .knowledge-feature img {aspect-ratio:1.7}
  .ux-v2 .knowledge-list h2 {font-size:1.35rem}
  .ux-v2 .article-hero h1 {font-size:2.35rem}
  .ux-v2 .article-body .prose {font-size:1rem}
  .ux-v2 .article-body>.editorial-image {margin-block:.75rem 1.6rem}
  .ux-v2 .article-body>.editorial-image img {aspect-ratio:1.9;max-height:240px}
}
@media(prefers-reduced-motion:reduce) {
  .route-card__photo img {transition:none}
  .route-card:has(a:hover) .route-card__photo img {transform:none}
}
@media print {
  .ux-v2 .page-hero__actions,.quick-services,.hero-routes,.client-proof,.other-routes,.service-finder__search,.service-jump {display:none!important}
  .home-hero__grid,.capabilities__grid,.working-feature__grid,.decision-grid,.output-grid,.information-pack__grid {display:block}
  .capabilities,.outputs-section,.design-decisions {background:white;color:black}
  .capabilities p,.capability-list a>span>span {color:black}
  .ux-v2 .section {padding-block:1rem}
}


/* Better rhythm, more visual breaks and subtle motion. */
.ux-v2 .site-header{position:sticky;top:0;backdrop-filter:saturate(160%) blur(14px);background:color-mix(in srgb, var(--paper) 88%, white)}
.ux-v2 .site-header.is-scrolled{box-shadow:0 8px 24px #16302012}
.ux-v2 .home-hero__photo,.ux-v2 .page-hero__image,.ux-v2 .route-card__photo,.ux-v2 .service-family__image,.ux-v2 .knowledge-feature__image,.ux-v2 .information-pack__photo,.ux-v2 .page-overview__photo,.ux-v2 .editorial-gallery__item{border-radius:2px;overflow:hidden}
.ux-v2 .home-hero__photo img,.ux-v2 .page-hero__image img,.ux-v2 .service-family__image img,.ux-v2 .information-pack__photo img,.ux-v2 .page-overview__photo img,.ux-v2 .editorial-gallery__item img{transition:transform .55s ease, filter .55s ease}
.ux-v2 .home-hero__photo:hover img,.ux-v2 .page-hero__image:hover img,.ux-v2 .service-family__image:hover img,.ux-v2 .page-overview__photo:hover img,.ux-v2 .editorial-gallery__item:hover img{transform:scale(1.03)}
.ux-v2 .route-card,.ux-v2 .guidance-cards article,.ux-v2 .decision-grid article,.ux-v2 .output-grid article,.ux-v2 .stage-list li,.ux-v2 .service-list>a{transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease}
.ux-v2 .guidance-cards article:hover,.ux-v2 .decision-grid article:hover,.ux-v2 .output-grid article:hover,.ux-v2 .stage-list li:hover{transform:translateY(-2px)}
.ux-v2 .service-list>a:hover{background:#f6f8f3}
.ux-v2 [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease, transform .65s ease}
.ux-v2 [data-reveal].is-revealed{opacity:1;transform:none}
.ux-v2 .page-overview__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
.ux-v2 .page-overview__grid--with-photo{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start;gap:8%}
.ux-v2 .page-overview__copy{min-width:0}
/* No photo means the copy owns the whole row, so the heading takes the left
   column rather than leaving the text hard against the edge with a bare band. */
.ux-v2 .page-overview__grid:not(.page-overview__grid--with-photo) .page-overview__copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.75fr);gap:1.4rem 7%;align-items:start}
.ux-v2 .page-overview__grid:not(.page-overview__grid--with-photo) .page-overview__copy>h2{margin-bottom:0;max-width:15ch}
.ux-v2 .page-overview__grid:not(.page-overview__grid--with-photo) .page-overview__copy>.prose{max-width:96ch}
@media(max-width:1080px){
  .ux-v2 .page-overview__grid:not(.page-overview__grid--with-photo) .page-overview__copy{grid-template-columns:minmax(0,1fr);gap:1rem}
  .ux-v2 .page-overview__grid:not(.page-overview__grid--with-photo) .page-overview__copy>h2{max-width:none}
}
/* The overview heading needs air before the introduction; with h2 margins
   reset globally the two would otherwise sit flush. */
.ux-v2 .page-overview__copy>h2{margin-bottom:1.75rem}
.ux-v2 .page-overview__photo{margin:0}
.ux-v2 .page-overview__photo img{aspect-ratio:1.3;max-height:430px}
.ux-v2 .page-gallery{background:var(--soft)}
.ux-v2 .editorial-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}
.ux-v2 .editorial-gallery--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ux-v2 .editorial-gallery--1{grid-template-columns:minmax(0,1fr);max-width:48rem}
.gallery-disclosure{margin-top:1.25rem;font-size:.875rem;color:var(--ink-soft)}
.project-context-card{display:block;text-decoration:none}
.project-context-card h3,.project-context-card p,.project-context-card .text-link{margin-top:1rem}
.page-sources .source-list{margin-top:0}
.ux-v2 .editorial-gallery__item img{aspect-ratio:1.22}
.ux-v2 .information-pack__grid,.ux-v2 .working-feature__grid,.ux-v2 .knowledge-feature,.ux-v2 .service-finder,.ux-v2 .page-hero__layout{align-items:start}
.ux-v2 .quick-services{position:relative;overflow:hidden}
.ux-v2 .quick-services::after{content:"";position:absolute;inset:auto 0 0;display:block;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
@media(max-width:1024px){
  .ux-v2 .page-overview__grid--with-photo{grid-template-columns:1fr;gap:1.5rem}
}
@media(max-width:760px){
  .ux-v2 .editorial-gallery,.ux-v2 .editorial-gallery--2{grid-template-columns:1fr}
  .ux-v2 .page-overview__photo img{aspect-ratio:1.45;max-height:none}
}
@media(prefers-reduced-motion:reduce){
  .ux-v2 [data-reveal],.ux-v2 .home-hero__photo img,.ux-v2 .page-hero__image img,.ux-v2 .service-family__image img,.ux-v2 .page-overview__photo img,.ux-v2 .editorial-gallery__item img{transition:none;transform:none;opacity:1}
}

/* ---------------------------------------------------------------- app promo
   A Briary-owned mobile app presented on a service or audience page. Tinted
   panel so it reads as a product aside rather than another body section. */
/* The client hub is a separate product, so it gets a section of its own rather
   than a line in the body copy. */
.hub-promo {padding:var(--space-6) 0;background:var(--green-950);color:#edf1e7;border-block:1px solid var(--green-950)}
.hub-promo :focus-visible {outline-color:var(--focus)}
.hub-promo__inner {display:grid;gap:var(--space-4)}
.hub-promo__intro .eyebrow {color:var(--leaf)}
.hub-promo__intro h2 {max-width:22ch}
.hub-promo__intro .prose {margin-top:1.1rem;color:#c8d6c4;font-size:1rem;line-height:1.8;max-width:68ch}
.hub-promo__intro .prose a {color:var(--leaf);text-decoration-color:#7f9a78}
.hub-promo__points {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3) var(--space-4);list-style:none;margin:0;padding:0}
.hub-promo__points li {border-top:1px solid #ffffff2e;padding-top:1rem}
.hub-promo__points li>span {display:block;font-size:.72rem;color:var(--leaf);margin-bottom:.8rem}
.hub-promo__points h3 {font-size:1.08rem;letter-spacing:-.015em;font-weight:550}
.hub-promo__points p {margin-top:.45rem;font-size:.92rem;line-height:1.7;color:#bccdb9;max-width:42ch}
.hub-promo__actions {display:flex;flex-wrap:wrap;align-items:stretch;gap:.9rem 1rem}
.hub-promo__actions .button {flex:0 1 16rem;min-width:13rem;white-space:normal;text-align:center}
.hub-promo__actions .button {background:var(--leaf);border-color:var(--leaf);color:var(--green-950)}
.hub-promo__actions .button:hover {background:var(--white);border-color:var(--white);color:var(--green-950)}
.hub-promo__actions .button--outline {background:transparent;border-color:#8fa989;color:#edf1e7}
.hub-promo__actions .button--outline:hover {background:#ffffff14;border-color:var(--leaf);color:var(--white)}
.hub-promo__note {margin:0;font-size:.85rem;color:#a8bba5;max-width:66ch}
.app-promo {padding:var(--space-6) 0;background:var(--soft);border-block:1px solid var(--line)}
.app-promo__inner {display:grid;gap:var(--space-4)}
.app-promo__intro {display:flex;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}
.app-promo__icon {width:88px;height:88px;flex:none;border-radius:18px;border:1px solid var(--line);background:var(--white);object-fit:contain}
.app-promo__intro h2 {margin-top:.35rem;max-width:22ch}
.app-promo__intro .prose {margin-top:1rem;max-width:62ch}
.app-promo__points {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-3) var(--space-4);list-style:none;margin:0;padding:0}
.app-promo__points li {border-top:1px solid var(--line);padding-top:.9rem}
.app-promo__points h3 {font-size:1.05rem;letter-spacing:-.015em}
.app-promo__points p {margin-top:.4rem;font-size:.93rem;color:var(--ink-soft);max-width:42ch}
.app-promo__actions {display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.1rem}
.app-promo__store {flex-direction:column;align-items:flex-start;gap:.05rem;padding-block:.7rem;text-align:left}
.app-promo__store-lead {font-size:.7rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.app-promo__store-name {font-size:1.02rem;font-weight:650;letter-spacing:-.02em}
.app-promo__link {font-weight:600}
.app-promo__note {margin:0;font-size:.85rem;color:var(--ink-soft);max-width:64ch}
@media(max-width:760px){
  .hub-promo {padding:var(--space-5) 0}
  .hub-promo__points {grid-template-columns:minmax(0,1fr)}
  .hub-promo__actions .button {flex:1 1 100%}
  .app-promo {padding:var(--space-5) 0}
  .app-promo__icon {width:68px;height:68px;border-radius:14px}
  .app-promo__store {width:100%}
}