
:root{
  --maroon:#800020;
  --maroon-2:#97002f;
  --maroon-3:#b23258;
  --deep:#2a000b;
  --ink:#161419;
  --muted:#625c62;
  --bg:#fcfaf8;
  --paper:#ffffff;
  --line:#ebe1e5;
  --soft:#f7f2f4;
  --shadow:0 18px 48px rgba(29,12,22,.08);
  --container:min(1180px, calc(100vw - 52px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
.container{width:var(--container);margin:0 auto}
header.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(128,0,32,.08)}
.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand img{height:60px;width:auto}
.nav-links{display:flex;align-items:center;gap:30px;font-size:15px;font-weight:600;color:#332f34}
.nav-links a{position:relative}
.nav-links a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--maroon);transition:width .2s ease}
.nav-links a:not(.nav-cta):hover::after,.nav-links a.active::after{width:100%}
.nav-cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#8d0a32,#68001d);color:#fff;padding:14px 24px;border-radius:999px;box-shadow:0 12px 26px rgba(128,0,32,.18)}
.nav-toggle{display:none;background:none;border:0;font-size:30px;color:var(--maroon)}
.hero-home{background:#fff}
.hero-shell{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 10%, rgba(255,255,255,.20), rgba(255,255,255,0) 28%),linear-gradient(128deg,var(--maroon-3) 0%,var(--maroon-2) 34%,var(--maroon) 62%,var(--deep) 100%);color:#fff}
.hero-shell .container{display:grid;grid-template-columns:1.12fr .88fr;gap:20px;align-items:center;min-height:560px;padding:28px 0 34px}
.eyebrow{font-size:15px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#f2d8df;margin-bottom:24px}
h1{font-size:clamp(50px,5.6vw,78px);line-height:1.01;letter-spacing:-.055em;margin:0 0 24px;font-weight:800}
.hero-shell p.lead{font-size:20px;line-height:1.65;color:rgba(255,255,255,.9);max-width:640px;margin:0}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:15px 24px;font-weight:700;font-size:15px;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--maroon)}
.btn-ghost{border:1px solid rgba(255,255,255,.3);color:#fff}
.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;isolation:isolate}
.hero-art::before{content:"";position:absolute;width:620px;height:620px;right:-34%;top:50%;transform:translateY(-50%);border:1px solid rgba(255,255,255,.07);border-radius:50%}
.hero-art::after{content:"";position:absolute;width:430px;height:430px;right:-4%;top:50%;transform:translateY(-50%);border:1px solid rgba(255,255,255,.05);border-radius:50%}
.hero-art img{position:relative;z-index:1;width:min(625px,124%);max-width:none;height:auto;object-fit:contain;transform:translateX(7%) scale(1.1);filter:drop-shadow(0 15px 28px rgba(24,0,12,.06));mix-blend-mode:screen}
section{padding:82px 0}
.section-head{max-width:790px;margin-bottom:38px}
.section-head .kicker{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--maroon);margin-bottom:14px}
h2{font-size:clamp(34px,4.6vw,58px);line-height:1;letter-spacing:-.045em;margin:0 0 16px}
h3{font-size:clamp(22px,2.4vw,30px);line-height:1.08;letter-spacing:-.04em;margin:0 0 10px}
p{margin:0;color:var(--muted);font-size:17px}
.glance-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px}
.glance-card,.panel-card,.life-card,.service-card,.cap-block,.contact-card,.team-card,.method-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}
.glance-card p,.panel-card p,.life-card p,.service-card p,.cap-block p,.contact-card p,.team-card p,.method-card p{font-size:15px;line-height:1.7}
.glance-card .num,.service-card .num{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8c6674;font-weight:800;margin-bottom:10px}
.different{background:linear-gradient(135deg,#8f0e35,#68001d);color:#fff}
.different p{color:rgba(255,255,255,.84)}
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.diff-grid .panel-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none}
.diff-grid .panel-card h3{color:#fff}
.lifecycle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lifecycle-grid .life-card{position:relative;overflow:hidden}
.lifecycle-grid .life-card::before{content:"";position:absolute;right:-26px;top:-26px;width:110px;height:110px;background:radial-gradient(circle at 30% 30%, rgba(128,0,32,.12), rgba(128,0,32,0) 66%);border-radius:50%}
.subhero{background:linear-gradient(128deg,#983157 0%,#830028 42%,#2b000c 100%);color:#fff;position:relative;overflow:hidden}
.subhero::before{content:"";position:absolute;right:-180px;top:-150px;width:560px;height:560px;border:1px solid rgba(255,255,255,.1);border-radius:50%}
.subhero .container{padding:84px 0 76px}
.subhero p{color:rgba(255,255,255,.86);font-size:19px;max-width:740px}
.subhero h1{font-size:clamp(46px,6vw,76px);max-width:820px}
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.service-card ul{margin:14px 0 0;padding-left:18px;color:#4d4650;font-size:14px;line-height:1.8}
.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}
.contact-form{display:grid;gap:14px}
.input, textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink)}
textarea{min-height:140px;resize:vertical}
footer{padding:26px 0 38px;border-top:1px solid var(--line);color:#8b8188;font-size:13px}
.small{font-size:14px;color:#7a7278}
.badge{display:inline-block;padding:7px 12px;border-radius:999px;background:#f4ebef;color:var(--maroon);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media (max-width: 980px){
  .nav-links{display:none}
  .nav-toggle{display:block}
  .hero-shell .container,.glance-layout,.diff-grid,.lifecycle-grid,.services-grid,.capability-grid,.two-col,.contact-grid{grid-template-columns:1fr}
  .hero-shell .container{min-height:auto;padding:34px 0 26px}
  .hero-art{justify-content:center}
  .hero-art img{width:min(540px,100%);max-width:100%;transform:none}
  .brand img{height:52px}
}

/* Add shared site styles below. */

/* Responsive menu: toggled by site.js */
@media(max-width:980px){
  .nav{position:relative}
  .nav-links.is-open{display:flex;position:absolute;top:100%;left:0;right:0;padding:18px 24px 24px;flex-direction:column;align-items:stretch;gap:18px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px rgba(29,12,22,.12);z-index:100}
  .nav-links.is-open .nav-cta{justify-content:center}
}


/* 2026 HOME DESIGN REFRESH — editorial system */
.glance-editorial{background:#fff;padding:75px 0 80px}
.glance-head{max-width:930px;margin-bottom:36px}
.glance-head h2{margin-bottom:14px}
.glance-head p{font-size:18px;max-width:760px}
.glance-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ded1d6;border-bottom:1px solid #ded1d6}
.pillar{padding:12px 30px 30px;border-right:1px solid #ded1d6;display:flex;flex-direction:column;min-width:0}
.pillar:first-child{padding-left:0}.pillar:last-child{border-right:0;padding-right:0}
.pillar-art{height:154px;margin-bottom:18px}.pillar-art svg{height:100%;width:100%}.pillar-art svg path,.pillar-art svg polyline{fill:none;stroke:#800020;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.pillar-art svg circle{fill:#800020}
.pillar-index{font-size:11px;letter-spacing:.15em;font-weight:800;color:#8f6575;margin-bottom:20px}
.pillar h3{font-size:clamp(23px,2.3vw,30px);min-height:64px}.pillar p{font-size:15px;line-height:1.75;margin-bottom:28px}.pillar a{margin-top:auto;color:#800020;font-size:14px;font-weight:800;text-underline-offset:5px;border-bottom:1px solid #d7bbc6;width:max-content;max-width:100%;padding-bottom:4px}
.approach-feature{padding:74px 0 78px;background:linear-gradient(115deg,#921038 0%,#770020 55%,#340010 100%);overflow:hidden}
.approach-shell{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}
.approach-heading .kicker{display:block;font-size:12px;font-weight:800;letter-spacing:.17em;color:#f1c2d0;margin-bottom:20px}
.approach-heading h2{font-size:clamp(42px,5vw,70px);line-height:.96}
.approach-heading p{color:#f1dce3;font-size:18px;line-height:1.7;max-width:410px;margin-bottom:28px}
.approach-link{display:inline-block;color:#fff;font-weight:700;border-bottom:1px solid rgba(255,255,255,.52);padding-bottom:4px}
.approach-motif{height:155px;opacity:.55}.approach-motif svg{width:100%;height:100%}.approach-motif path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}.approach-motif circle{fill:#fff}
.approach-rows{border-top:1px solid rgba(255,255,255,.35)}
.approach-rows article{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.26)}
.approach-rows article>span{color:#f0c2d0;font-size:12px;font-weight:800;letter-spacing:.1em}.approach-rows h3{color:#fff;font-size:23px;margin:0 0 8px}.approach-rows p{color:#ebd8df;font-size:15px;line-height:1.65}
.lifecycle-editorial{background:#fcfaf8;padding:74px 0 78px}
.timeline-editorial{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative;padding-top:29px}
.timeline-editorial::before{content:"";position:absolute;top:10px;left:0;right:0;height:1px;background:#dac3cb}
.stage-line{position:relative;padding:0 8px 0 0}.stage-dot{position:absolute;top:-25px;width:13px;height:13px;border:3px solid #800020;background:#fff;border-radius:100%;box-shadow:0 0 0 6px rgba(128,0,32,.08)}
.stage-period{display:block;color:#800020;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin:0 0 14px}.stage-line h3{font-size:22px;line-height:1.15}.stage-line p{font-size:15px;line-height:1.65}
.home-cta{background:#1e1117;color:#fff;padding:55px 0}.home-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.home-cta .kicker{display:block;color:#d8aabd;font-size:12px;font-weight:800;letter-spacing:.18em;margin-bottom:14px}.home-cta h2{font-size:clamp(30px,3vw,46px);margin-bottom:9px}.home-cta p{color:#e3d7dc;font-size:16px}
@media(max-width:980px){.glance-pillars{grid-template-columns:1fr}.pillar,.pillar:first-child,.pillar:last-child{padding:24px 0;border-right:0;border-bottom:1px solid #ded1d6}.pillar:last-child{border-bottom:0}.pillar-art{height:115px}.pillar h3{min-height:auto}.approach-shell{grid-template-columns:1fr;gap:24px}.timeline-editorial{grid-template-columns:repeat(2,1fr);row-gap:34px}.timeline-editorial::before{display:none}.home-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.glance-editorial,.approach-feature,.lifecycle-editorial{padding:56px 0}.timeline-editorial{grid-template-columns:1fr;gap:26px}.stage-dot{top:-24px}}

/* Ammonite service icons: replace similar charts with original deck icon family. */
.pillar-art{height:148px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.pillar-art img{width:105px;height:105px;object-fit:contain;max-width:100%}
@media(max-width:980px){.pillar-art{height:122px}.pillar-art img{width:94px;height:94px}}


/* Expanded Who We Are page — editorial design */
.who-hero .container{padding:52px 0 54px}
.who-hero h1{max-width:950px;font-size:clamp(44px,5.4vw,72px)}
.who-hero .badge{display:inline-block;background:rgba(255,255,255,.10);color:#fff;margin-bottom:20px}
.who-kicker{display:block;color:#800020;font-size:12px;font-weight:800;letter-spacing:.17em;margin-bottom:16px}
.who-kicker-light{color:#f0c2d0}
.who-intro-section{padding:76px 0 80px;background:#fff}
.who-intro-grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:74px;align-items:start}
.who-intro-section h2{max-width:560px}
.who-intro-copy{display:grid;gap:20px;padding-top:20px}.who-intro-copy p{font-size:18px;line-height:1.8}
.who-stand-for{background:linear-gradient(110deg,#9a1a42 0%,#770020 50%,#350010 100%);color:#fff;padding:82px 0}
.who-stand-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:82px}
.who-stand-lead h2{font-size:clamp(42px,4.6vw,64px);line-height:1.02;max-width:510px}
.who-stand-lead p{color:#f3dce4;font-size:18px;line-height:1.75;max-width:480px;margin:25px 0}
.who-text-link{display:inline-block;color:#fff;font-size:15px;font-weight:750;border-bottom:1px solid rgba(255,255,255,.65);padding-bottom:5px}
.who-principles{border-top:1px solid rgba(255,255,255,.27)}
.who-principles article{display:grid;grid-template-columns:42px 1fr;gap:16px;border-bottom:1px solid rgba(255,255,255,.27);padding:25px 0}
.who-principle-number{color:#f1c4d2;font-size:12px;font-weight:800;letter-spacing:.1em}
.who-principles h3{color:#fff;font-size:24px;margin-bottom:8px}
.who-principles p{color:#eddae2;font-size:15px;line-height:1.7}
.who-expertise{background:#faf7f8;padding:76px 0 84px}
.who-expertise-heading{display:grid;grid-template-columns:1fr .85fr;gap:72px;align-items:end;margin-bottom:34px}
.who-expertise-heading p{font-size:17px;line-height:1.75;padding-bottom:5px}
.who-therapy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e2d5da;border-left:1px solid #e2d5da}
.who-therapy-card{position:relative;background:#fff;border-right:1px solid #e2d5da;border-bottom:1px solid #e2d5da;padding:28px 28px 32px;min-height:248px;overflow:hidden;transition:background .2s ease}
.who-therapy-card:hover{background:#fdfafb}
.who-therapy-art{height:116px;max-width:250px;margin:0 0 13px}
.who-therapy-art svg{width:100%;height:100%}.who-therapy-art svg path,.who-therapy-art svg circle{stroke:#800020;stroke-width:2.1;fill:none;stroke-linecap:round;stroke-linejoin:round}
.who-therapy-card h3{font-size:23px;line-height:1.16;margin:10px 0 0;max-width:310px}
.who-therapy-no{font-size:10px;letter-spacing:.12em;font-weight:800;color:#9a6e80}
.who-reach{background:#fff;padding:78px 0}
.who-reach-grid{display:grid;grid-template-columns:1fr 1fr;gap:74px}
.who-reach p{font-size:18px;line-height:1.75}
.who-region-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.who-region-list span{border:1px solid #e3d5dc;border-radius:999px;padding:8px 13px;font-size:13px;color:#72203a;background:#fcf8fa}
.who-name{background:#f7f1f3;padding:62px 0}
.who-name-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.who-name-graphic{display:flex;justify-content:center;align-items:center}
.who-name-graphic svg{width:min(100%,390px)}.who-name-graphic svg path{fill:none;stroke:#800020;stroke-width:2.5;stroke-linecap:round}
.who-name p{line-height:1.8;margin:0 0 16px}
.who-end-cta{background:#251019;color:#fff;padding:46px 0}
.who-end-cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}
.who-end-cta h2{font-size:clamp(30px,3.6vw,46px);margin:0;max-width:750px}
@media(max-width:950px){.who-intro-grid,.who-stand-grid,.who-expertise-heading,.who-reach-grid,.who-name-grid{grid-template-columns:1fr;gap:24px}.who-therapy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.who-intro-copy{padding-top:0}.who-name-graphic{display:none}.who-end-cta .container{align-items:start;flex-direction:column}}
@media(max-width:600px){.who-therapy-grid{grid-template-columns:1fr}.who-therapy-card{min-height:210px}.who-hero .container{padding:38px 0}.who-intro-section,.who-stand-for,.who-expertise,.who-reach,.who-name{padding:56px 0}}

/* Home hero: space between the two intro paragraphs */
.hero-shell p.lead + p.lead{margin-top:18px}

/* Home hero: remove the white band above the maroon hero */
.hero-home{padding:0}

/* Home hero: trim ~5% off the top of the maroon section */
.hero-shell{padding-top:46px}

/* Site footer: page links and policy links */
.site-footer{padding:40px 0 44px}
.footer-inner{display:grid;gap:18px}
.footer-links,.footer-legal{display:flex;flex-wrap:wrap;gap:10px 28px}
.footer-links a{color:var(--ink);font-size:15px;font-weight:600}
.footer-legal a{color:var(--muted);font-size:14px}
.footer-links a:hover,.footer-legal a:hover{color:var(--maroon)}
.site-footer .footer-note{font-size:13px;color:#8b8188}
/* Policy pages */
.policy-body .container{max-width:760px}
.policy-body h2{font-size:clamp(26px,3vw,34px);margin:32px 0 12px}
.policy-body p{margin:0 0 16px;line-height:1.75}

/* Policy pages: legal document layout (numbered clauses, (a)/(i) lists, tables) */
.policy-body{padding-block:56px 72px}
.policy-body .container{max-width:820px}
.policy-body p,.policy-body li,.policy-body td,.policy-body th{font-size:16px;line-height:1.75;color:#3f3940}
.policy-body p{margin:0 0 14px}
.policy-body h2{display:flex;gap:16px;align-items:baseline;font-size:19px;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;color:var(--maroon);margin:40px 0 14px;padding-top:18px;border-top:1px solid var(--line)}
.policy-body h2:first-of-type{margin-top:0}
.policy-body h3{display:flex;gap:14px;align-items:baseline;font-size:16px;line-height:1.4;letter-spacing:.03em;text-transform:uppercase;color:var(--ink);margin:24px 0 10px}
.policy-body .clause-no{min-width:28px;font-variant-numeric:tabular-nums;color:var(--maroon)}
.policy-body ol{list-style:none;margin:0 0 14px;padding-left:44px}
.policy-body ol>li{position:relative;counter-increment:clause}
.policy-body ol{counter-reset:clause}
.policy-body ol.alpha>li::before{content:"(" counter(clause,lower-alpha) ")"}
.policy-body ol.roman>li::before{content:"(" counter(clause,lower-roman) ")"}
.policy-body ol.decimal>li::before{content:counter(clause) "."}
.policy-body ol>li::before{position:absolute;left:-44px;color:#7a6470}
.policy-body ol>li>p{margin-bottom:8px}
.policy-body ul{margin:0 0 14px;padding-left:22px}
.policy-body ul>li>p{margin-bottom:6px}
.policy-body a{color:var(--maroon);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.policy-table{overflow-x:auto;margin:6px 0 22px;border:1px solid var(--line);border-radius:12px}
.policy-table table{border-collapse:collapse;width:100%;min-width:560px}
.policy-table th,.policy-table td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.policy-table tr:last-child td{border-bottom:0}
.policy-table th{background:var(--soft);color:var(--ink);font-weight:700}
.policy-table td:first-child{width:34%;font-weight:600;color:var(--ink)}
.policy-table td p,.policy-table td ul{margin-bottom:6px}
.policy-body mark.placeholder{background:#fff1b8;color:#5a4300;padding:1px 4px;border-radius:4px}
@media(max-width:600px){.policy-body ol{padding-left:36px}.policy-body ol>li::before{left:-36px}}

.policy-body .container>h2:first-child{border-top:0;padding-top:0}
.policy-hero{padding-block:0}
.policy-hero .container{padding:56px 0 52px}

/* Who we are: image icons in therapy cards */
.who-therapy-art img{height:100%;width:auto;max-width:100%;object-fit:contain}

/* Footer: LinkedIn icon */
.footer-legal{align-items:center}
.footer-social{display:inline-flex;color:var(--muted)}
.footer-social svg{width:22px;height:22px;display:block;fill:currentColor}
.footer-social:hover{color:var(--maroon)}

/* Who we are: solid (filled) SVG icons, recoloured to the site maroon */
.who-therapy-art svg.icon-solid path{stroke:none;fill:#800020}
.who-therapy-art svg.icon-solid path.accent{fill:#e8c3cf}

/* Home "at a glance": solid SVG icons */
.pillar-art svg.icon-solid{width:80px;height:80px}
.pillar-art svg.icon-solid path{fill:#800020;stroke:none}
@media(max-width:980px){.pillar-art svg.icon-solid{width:72px;height:72px}}

/* Who we are: "Why Ammonite?" engraved plate */
.who-name-graphic img{width:min(100%,390px);height:auto;border-radius:4px;box-shadow:0 14px 34px rgba(29,12,22,.14)}

/* Who we are: "Why Ammonite?" sign-off line */
.who-name p.who-name-signoff{margin-top:24px;color:var(--maroon);font-weight:700;font-size:19px}

/* Who we are: space between the two international-experience paragraphs */
.who-reach p + p{margin-top:16px}
.who-therapy-art svg.icon-solid circle{stroke:none;fill:#800020}

/* Who we are: centre icon and title in each therapy tile */
.who-therapy-card{text-align:center}
.who-therapy-art{margin-left:auto;margin-right:auto}
.who-therapy-card h3{margin-left:auto;margin-right:auto}

/* Who we are: top-align the therapeutic-areas heading and its paragraph */
.who-expertise-heading{align-items:start}
.who-expertise-heading h2{margin-bottom:0}
.who-expertise-heading p{padding-bottom:0}

/* Typesetting: better line breaks (no widows; balanced headings) */
main p, main li, main td, .site-footer p{text-wrap:pretty}
main h1, main h2, main h3{text-wrap:balance}

/* Standard height for the maroon top banner on What we do, How we do it, Who we are and Contact (matches Who we are) */
.subhero:not(.policy-hero){padding-block:0}
.subhero:not(.policy-hero) .container{min-height:617px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:52px 0 54px}
@media(max-width:600px){.subhero:not(.policy-hero) .container{min-height:0;padding:72px 0}}

/* Who we are: two paragraphs beside the therapeutic-areas heading */
.who-expertise-copy{display:grid;gap:16px;min-width:0}
.who-expertise-copy p{font-size:17px;line-height:1.75}

/* Footer: no-cookies note after the LinkedIn icon */
.footer-note-inline{color:var(--muted);font-size:14px}

/* Home landing banner: network-spiral image as the full background */
.hero-shell.hero-network{background:#3a0008 url("../images/home-hero-network.jpg") right center/cover no-repeat}
.hero-shell.hero-network .container{grid-template-columns:minmax(0,1fr)}
.hero-shell.hero-network .container>div:first-child{max-width:680px}
@media(max-width:980px){.hero-shell.hero-network{background-image:linear-gradient(rgba(58,0,8,.72),rgba(58,0,8,.72)),url("../images/home-hero-network.jpg");background-position:center,70% center}.hero-shell.hero-network .container{min-height:520px}}

/* How we do it banner: light-fibres image as the full background */
.subhero.how-fibres{background:#3a0a1c url("../images/how-hero-fibres-wide.jpg") right center/cover no-repeat}
.subhero.how-fibres::before{display:none}
@media(max-width:980px){.subhero.how-fibres{background-image:linear-gradient(rgba(58,6,24,.7),rgba(58,6,24,.7)),url("../images/how-hero-fibres-wide.jpg");background-position:center,80% center}}

/* Who we are banner: particle-helix image as the full background */
.subhero.who-helix{background:#3a0008 url("../images/who-hero-helix-wide.jpg") right top/cover no-repeat}
.subhero.who-helix::before{display:none}
@media(max-width:980px){.subhero.who-helix{background-image:linear-gradient(rgba(58,0,8,.65),rgba(58,0,8,.65)),url("../images/who-hero-helix-wide.jpg");background-position:center,75% top}}

/* What we do banner: wave-network image (widened to 2:1) as the full background */
.subhero.what-wave{background:#3a0008 url("../images/what-hero-wave-wide.jpg") right top/cover no-repeat}
.subhero.what-wave::before{display:none}
@media(max-width:980px){.subhero.what-wave{background-image:linear-gradient(rgba(58,0,8,.65),rgba(58,0,8,.65)),url("../images/what-hero-wave-wide.jpg");background-position:center,75% top}}

/* How we do it banner: heading sits above the blue line in the image, paragraph below it.
   The line is at 62% of the image height; the image is cover-sized so its height is max(617px, half the page width). */
.subhero.how-split .container{display:grid;grid-template-rows:calc(308.5px + .12 * max(617px, 50vw)) 1fr;padding:0;justify-content:stretch;align-items:stretch}
.how-split .how-split-top{align-self:end;padding-bottom:30px}
.how-split h1{margin:0}
.how-split .container>p{align-self:start;padding-top:30px;margin:0}
@media(max-width:980px){.subhero.how-split .container{display:flex;grid-template-rows:none;padding:72px 0}.how-split .how-split-top{padding-bottom:0}.how-split .container>p{padding-top:16px}}

/* Home "approach" section: longer heading, so a smaller size and space above the link */
.approach-heading h2{font-size:clamp(32px,3.6vw,50px);line-height:1.04;margin-bottom:28px}

/* How we do it banner on phones: keep text left-aligned and let lines wrap naturally */
@media(max-width:980px){.subhero.how-split .how-split-top,.subhero.how-split .container>p{align-self:flex-start}}
@media(max-width:600px){.subhero.how-split .container>p br{display:none}}


/* Haboro Soft - Website typography
   One family with real weights, so bold text uses the true bold font instead of a computer-generated one.
   Font files live in the webFonts folder (licensed from MyFonts). */
@font-face{font-family:"Haboro Soft";font-weight:300;font-style:normal;font-display:swap;src:url("../../webFonts/HaboroSoftNormalLight/font.woff2") format("woff2"),url("../../webFonts/HaboroSoftNormalLight/font.woff") format("woff")}
@font-face{font-family:"Haboro Soft";font-weight:300;font-style:italic;font-display:swap;src:url("../../webFonts/HaboroSoftNormalLightItalic/font.woff2") format("woff2"),url("../../webFonts/HaboroSoftNormalLightItalic/font.woff") format("woff")}
@font-face{font-family:"Haboro Soft";font-weight:400;font-style:normal;font-display:swap;src:url("../../webFonts/HaboroSoftNormalRegular/font.woff2") format("woff2"),url("../../webFonts/HaboroSoftNormalRegular/font.woff") format("woff")}
@font-face{font-family:"Haboro Soft";font-weight:400;font-style:italic;font-display:swap;src:url("../../webFonts/HaboroSoftNormalRegularItalic/font.woff2") format("woff2"),url("../../webFonts/HaboroSoftNormalRegularItalic/font.woff") format("woff")}
@font-face{font-family:"Haboro Soft";font-weight:500;font-style:normal;font-display:swap;src:url("../../webFonts/HaboroSoftNormalMedium/font.woff2") format("woff2"),url("../../webFonts/HaboroSoftNormalMedium/font.woff") format("woff")}
@font-face{font-family:"Haboro Soft";font-weight:500;font-style:italic;font-display:swap;src:url("../../webFonts/HaboroSoftNormalMediumItalic/font.woff2") format("woff2"),url("../../webFonts/HaboroSoftNormalMediumItalic/font.woff") format("woff")}
@font-face{font-family:"Haboro Soft";font-weight:600;font-style:normal;font-display:swap;src:url("../../webFonts/HaboroSoftNormalDemi/font.woff2") format("woff2"),url("../../webFonts/HaboroSoftNormalDemi/font.woff") format("woff")}
@font-face{font-family:"Haboro Soft";font-weight:600;font-style:italic;font-display:swap;src:url("../../webFonts/HaboroSoftNormalDemiItalic/font.woff2") format("woff2"),url("../../webFonts/HaboroSoftNormalDemiItalic/font.woff") format("woff")}
@font-face{font-family:"Haboro Soft";font-weight:700;font-style:normal;font-display:swap;src:url("../../webFonts/HaboroSoftNormalBold/font.woff2") format("woff2"),url("../../webFonts/HaboroSoftNormalBold/font.woff") format("woff")}
@font-face{font-family:"Haboro Soft";font-weight:700;font-style:italic;font-display:swap;src:url("../../webFonts/HaboroSoftNormalBoldItalic/font.woff2") format("woff2"),url("../../webFonts/HaboroSoftNormalBoldItalic/font.woff") format("woff")}
@font-face{font-family:"Haboro Soft";font-weight:800;font-style:normal;font-display:swap;src:url("../../webFonts/HaboroSoftNormalExtraBold/font.woff2") format("woff2"),url("../../webFonts/HaboroSoftNormalExtraBold/font.woff") format("woff")}
@font-face{font-family:"Haboro Soft";font-weight:800;font-style:italic;font-display:swap;src:url("../../webFonts/HaboroSoftNormalExtraBoldItalic/font.woff2") format("woff2"),url("../../webFonts/HaboroSoftNormalExtraBoldItalic/font.woff") format("woff")}
body,button,input,textarea,select{font-family:"Haboro Soft",Arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:"Haboro Soft",Arial,sans-serif;font-weight:700}

/* Banner spacing standard (matches Who we are): label 20px above the heading, paragraph 24px below it */
.subhero .badge,.hero-shell .eyebrow{margin-bottom:20px}
.subhero h1,.hero-shell h1{margin-bottom:24px}
.subhero.how-split .how-split-top{padding-bottom:12px}
.subhero.how-split .container>p{padding-top:12px}
@media(max-width:980px){.subhero.how-split .how-split-top{padding-bottom:0}.subhero.how-split .container>p{padding-top:0}}
.subhero.how-split h1{margin-bottom:0}

/* Footer: Ammonite mark on the right-hand side */
.site-footer .footer-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.site-footer .footer-legal,.site-footer .footer-note{grid-column:1}
.site-footer .footer-mark{grid-column:2;grid-row:1 / span 2;width:auto;height:64px;justify-self:end}
@media(max-width:600px){.site-footer .footer-mark{height:48px}}

/* Header logo: slightly smaller now the new artwork has no built-in margin */
.brand img{height:48px}
@media(max-width:980px){.brand img{height:42px}}

/* Home "Ammonite at a glance": no white band below the three columns */
.glance-editorial,.glance-editorial[id]{padding-bottom:0}
.glance-pillars{border-bottom:0}
@media(max-width:560px){.glance-editorial{padding-bottom:0}}

/* Home "Ammonite at a glance": no divider lines between the three columns */
.glance-pillars .pillar{border-right:0}
@media(max-width:980px){.glance-pillars .pillar{border-bottom:0}}
.glance-pillars{border-top:0}

/* Header bar: solid white, no see-through blur */
header.site-header{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}

/* Home "Ammonite at a glance": three equal-width columns; icon and title centred */
.glance-pillars{column-gap:48px}
.glance-pillars .pillar,.glance-pillars .pillar:first-child,.glance-pillars .pillar:last-child{padding-left:0;padding-right:0}
.glance-pillars .pillar-art{justify-content:center}
.glance-pillars .pillar h3{text-align:center}
/* Home glance: tighter gap between icon and sub-heading (space above icon unchanged) */
.glance-pillars .pillar-art{height:auto;padding-top:34px;margin-bottom:22px}
@media(max-width:980px){.glance-pillars .pillar-art{padding-top:25px}}
/* Home glance: tighter gap between sub-heading and its text; text still lines up across the three columns */
.glance-pillars .pillar h3{min-height:0;margin-bottom:8px}
@media(min-width:981px){.glance-pillars{grid-template-rows:auto auto 1fr auto;row-gap:0}.glance-pillars .pillar{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}.glance-pillars .pillar h3{align-self:end}}
/* Home glance: smaller gap between the intro sentence and the icons (about 40px) */
.glance-head{margin-bottom:16px}
.glance-pillars .pillar-art{padding-top:12px}
@media(max-width:980px){.glance-pillars .pillar-art{padding-top:0}}
/* Home glance: white space below the section matches the space above the heading (75px, 56px on phones) */
.glance-editorial,.glance-editorial[id]{padding-bottom:45px}
@media(max-width:980px){.glance-editorial,.glance-editorial[id]{padding-bottom:51px}}
@media(max-width:560px){.glance-editorial,.glance-editorial[id]{padding-bottom:32px}}
/* Home glance: extra 15px above the heading (90px, 71px on phones) */
.glance-editorial,.glance-editorial[id]{padding-top:90px}
@media(max-width:560px){.glance-editorial,.glance-editorial[id]{padding-top:71px}}
/* How we do it tiles: Ammonite swirl in the top-right corner instead of the blurred circle */
.lifecycle-grid .life-card::before{right:22px;top:22px;width:40px;height:42px;background:url("../images/ammonite-mark.png") no-repeat center/contain;border-radius:0}
.lifecycle-grid .life-card h3{padding-right:52px}
/* What we do service tiles: titles in the logo maroon */
.services-grid .service-card h3{color:#6f0027}
/* What we do tiles: closing "You will..." line sits at the bottom of each tile */
.services-grid .service-card{display:flex;flex-direction:column}
.services-grid .service-card ul{margin-bottom:0}
.services-grid .service-card .service-outcome{margin:auto 0 0;padding-top:20px;font-weight:600;color:#3d2a32}
/* Links to a tile (e.g. "Explore strategy" on the home page) stop just below the sticky header */
.services-grid .service-card[id]{scroll-margin-top:113px}
/* What we do tiles: closing line fills the full width of the tile (no early line breaks) */
.services-grid .service-card .service-outcome{text-wrap:wrap}

.subhero.contact-hero{
  background:#5a0017 url("../images/contact-hero-bg.jpg") center center/cover no-repeat;
}

.subhero.contact-hero::before{
  display:none;
}
/* What we do tiles: icon + title header, maroon dot bullets, highlighted closing line */
.services-grid .service-card{padding:32px}
.services-grid .service-head{display:grid;grid-template-columns:76px 1fr;gap:22px;align-items:start;margin-bottom:24px}
.services-grid .service-icon{width:76px;height:76px;border-radius:50%;background:#f6e8ec;display:grid;place-items:center}
.services-grid .service-icon svg{width:44px;height:44px;fill:none;stroke:#6f0027;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.services-grid .service-head h3{margin:8px 0 10px}
.services-grid .service-head p{font-size:14px;line-height:1.65}
.services-grid .service-card ul{list-style:none;padding-left:0;margin:0 0 24px;font-size:14px;line-height:1.65;color:#4d4650}
.services-grid .service-card li{position:relative;padding-left:26px;margin-bottom:9px}
.services-grid .service-card li::before{content:"";position:absolute;left:4px;top:.62em;width:6px;height:6px;border-radius:50%;background:#6f0027}
.services-grid .service-card li strong{color:#2b2027}
.services-grid .service-card .service-outcome{margin:auto 0 0;padding:16px 20px 16px 26px;position:relative;background:#f8edf0;border-radius:12px;color:#6f0027;font-size:14px;line-height:1.65;font-weight:700}
.services-grid .service-card .service-outcome::before{content:"";position:absolute;left:10px;top:14px;bottom:14px;width:3px;border-radius:2px;background:#6f0027}
@media(max-width:560px){.services-grid .service-card{padding:24px}.services-grid .service-head{grid-template-columns:56px 1fr;gap:16px}.services-grid .service-icon{width:56px;height:56px}.services-grid .service-icon svg{width:30px;height:30px}.services-grid .service-head h3{margin-top:4px}}
/* What we do: solid icons (same as the home page) for Strategic roadmap, Health economics and Market access */
.services-grid .service-icon svg.icon-solid{fill:#6f0027;stroke:none;width:40px;height:40px}
@media(max-width:560px){.services-grid .service-icon svg.icon-solid{width:30px;height:30px}}
/* Who we are: "Rooted in the UK and Canada" section in the same maroon fade as "Scientific rigour..." on How we do it */
.who-reach{background:linear-gradient(110deg,#9a1a42 0%,#770020 50%,#350010 100%);color:#fff;padding:82px 0}
.who-reach h2{color:#fff;font-size:clamp(42px,4.6vw,64px);line-height:1.02}
.who-reach p{color:#f3dce4}
@media(max-width:600px){.who-reach{padding:56px 0}}
/* Who we are: therapy tiles with icon beside title and "The access challenge" note */
.who-therapy-card{text-align:left;display:flex;flex-direction:column;min-height:0;padding:32px 32px 30px}
.who-therapy-head{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:center;margin-bottom:22px}
.who-therapy-head .who-therapy-art{height:64px;width:64px;max-width:none;margin:0}
.who-therapy-head h3{font-size:22px;line-height:1.2;margin:0;max-width:none}
.who-therapy-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#800020;margin-bottom:10px}
.who-therapy-card p{font-size:16px;line-height:1.65;margin:0}
@media(max-width:600px){.who-therapy-card{padding:28px 24px}.who-therapy-head{grid-template-columns:52px 1fr;gap:16px}.who-therapy-head .who-therapy-art{height:52px;width:52px}}
/* Contact page: "Contact us" links from the therapy tiles land on the enquiry form, below the sticky header */
#enquiry{scroll-margin-top:113px}
/* Who we are: "Our experience" label styled like "Our capabilities" on What we do */
.who-expertise-heading .kicker{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--maroon);margin-bottom:14px}
/* How we do it: process flow, clean style (decision problem > Frame > Evidence > Test > Translate > outcome) */
.how-flow-section{padding:28px 0 42px;background:#F7F5F6}
.hw-board{max-width:1560px;margin:0 auto;width:calc(100% - 48px);padding:36px 52px 46px;color:var(--ink)}
.hw-flow p{margin:0;color:#4D4D4D}
.hw-flow{display:grid;grid-template-columns:minmax(0,.72fr) 44px repeat(4,minmax(0,1.06fr) 44px) minmax(0,.72fr);grid-template-rows:auto 50px auto;align-items:stretch}
.hw-box{position:relative;z-index:1;box-sizing:border-box;border-radius:20px;padding:22px 20px;font-size:14px;line-height:1.57}
.hw-box p{font-size:14px;line-height:1.57;text-wrap:wrap}
.hw-box p+p{margin-top:10px}
.hw-label,.hw-kicker{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8A1538}
.hw-box h3{color:#141414;letter-spacing:-.01em;text-wrap:wrap}
.hw-start{margin:16px 0;background:#FBF5F7;border:1.5px solid #8A1538;display:flex;flex-direction:column;justify-content:center}
.hw-start h3{font-size:20px;line-height:1.3;margin:8px 0}
.hw-step{background:#fff;border:1px solid #E9DFE2;box-shadow:0 8px 24px rgba(20,20,20,.05)}
.hw-step-head{margin-bottom:6px}
.hw-step-head h3{font-size:22px;line-height:1.27;margin:6px 0 0}
.hw-end-wrap{display:flex;align-items:center;padding:46px 0}
.hw-end{width:100%;background:#8A1538;border:0;box-shadow:0 10px 28px rgba(138,21,56,.22);color:#fff;padding:22px 20px;display:flex;flex-direction:column;justify-content:center;min-height:100%}
.hw-end .hw-label{color:#F6D9E2}
.hw-end h3{color:#fff;font-size:20px;line-height:1.3;margin:8px 0}
.hw-end p{color:#fff;font-size:15px;line-height:1.47}
.hw-arrow{display:flex;align-items:center;justify-content:center}
.hw-arrow svg{width:40px;height:12px;overflow:visible;fill:none;stroke:#8A1538;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hw-arrow .hw-head{fill:#8A1538;stroke-width:1}
.hw-loop-start,.hw-loop-mid,.hw-loop-end{grid-row:2;position:relative}
.hw-loop-start{grid-column:3}.hw-loop-mid{grid-column:4 / 7}.hw-loop-end{grid-column:7}
.hw-loop-mid{border-bottom:2px dashed #B98A98}
.hw-loop-start::before{content:"";position:absolute;left:50%;right:0;top:12px;bottom:0;border-left:2px dashed #B98A98;border-bottom:2px dashed #B98A98}
.hw-loop-start::after{content:"";position:absolute;left:calc(50% - 5px);top:2px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #B98A98}
.hw-loop-end::before{content:"";position:absolute;left:0;right:50%;top:0;bottom:0;border-right:2px dashed #B98A98;border-bottom:2px dashed #B98A98}
.hw-board .hw-loop-label{grid-row:3;grid-column:3 / 8;text-align:center;font-size:14px;line-height:1.3;font-weight:600;color:#6E5A61;margin:12px 0 0}
.mark-underline{text-decoration:underline;text-decoration-color:#8A1538;text-decoration-thickness:1.5px;text-underline-offset:3px}
.mark-circle{display:inline;padding:0;border:0;color:inherit}
.hw-loop-mobile{display:none}
@media(max-width:1200px){.hw-board{padding:36px 28px 40px;width:calc(100% - 24px)}.hw-flow{grid-template-columns:minmax(0,.78fr) 30px repeat(4,minmax(0,1.08fr) 30px) minmax(0,.78fr)}.hw-box{padding:18px 14px}.hw-box p{font-size:13.5px}.hw-step-head h3{font-size:19px}.hw-start h3,.hw-end h3{font-size:18px}}
@media(max-width:980px){
.how-flow-section{padding:20px 0 18px}
.hw-board{padding:28px 14px 30px}
.hw-flow{display:flex;flex-direction:column;align-items:stretch;max-width:520px;margin:0 auto;position:relative;padding-left:30px}
.hw-flow>*{order:2}
.hw-flow>:nth-child(-n+8),.hw-flow>.hw-loop-label{order:1}
.hw-arrow{height:40px}.hw-arrow svg{transform:rotate(90deg)}
.hw-box{padding:20px 20px 22px}.hw-box p{font-size:15px}.hw-step-head h3{font-size:21px}
.hw-start{margin:0}.hw-end-wrap{padding:0}
.hw-loop-start,.hw-loop-mid,.hw-loop-end{display:none}
.hw-board .hw-loop-label{text-align:left;max-width:calc(50% + 2px);margin:-38px 0 12px -14px;font-size:14px}
.hw-loop-mobile{display:block;position:absolute;left:0;top:0;z-index:2;pointer-events:none;overflow:visible}
.hw-loop-line{fill:none;stroke:#B98A98;stroke-width:2;stroke-dasharray:6 6;stroke-linecap:round;stroke-linejoin:round}
.hw-loop-head{fill:#B98A98;stroke:none}}
@media(max-width:560px){.hw-board{width:calc(100% - 10px);padding-left:8px;padding-right:10px}}
/* How we do it: outcome card title sits below its text; "Iterate" loop arrow in the blue of the page imagery */
.hw-end p{margin-top:8px}
.hw-end h3{margin:10px 0 0}
.hw-loop-mid{border-bottom-color:#5B73C4}
.hw-loop-start::before{border-left-color:#5B73C4;border-bottom-color:#5B73C4}
.hw-loop-start::after{border-bottom-color:#5B73C4}
.hw-loop-end::before{border-right-color:#5B73C4;border-bottom-color:#5B73C4}
.hw-loop-line{stroke:#5B73C4}
.hw-loop-head{fill:#5B73C4}
/* How we do it: outcome tile removed; "Value unlocked" sits at the bottom of Step 04 */
.hw-flow{grid-template-columns:minmax(0,.72fr) 44px repeat(3,minmax(0,1.06fr) 44px) minmax(0,1.06fr)}
.hw-step{display:flex;flex-direction:column}
.hw-box .hw-value{margin-top:auto;padding:12px 16px;background:#8A1538;border-radius:12px;box-shadow:0 8px 20px rgba(138,21,56,.2);color:#fff;font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.01em}
.hw-box p+.hw-value{margin-top:auto}
.hw-step-4 p:nth-last-child(2){margin-bottom:16px}
@media(max-width:1200px){.hw-flow{grid-template-columns:minmax(0,.78fr) 30px repeat(3,minmax(0,1.08fr) 30px) minmax(0,1.08fr)}.hw-box .hw-value{font-size:16px;padding:10px 12px}}
/* Home "Rigorous methods" section: no image, no 01-03 numbers, a little less height */
.approach-feature{padding:54px 0 58px}
.approach-rows article{grid-template-columns:1fr;gap:0;padding:18px 0}
@media(max-width:560px){.approach-feature{padding:44px 0}}
/* Home glance: 15px less above the heading (75px, 56px on phones) */
.glance-editorial,.glance-editorial[id]{padding-top:75px}
@media(max-width:560px){.glance-editorial,.glance-editorial[id]{padding-top:56px}}
/* How we do it "Scientific rigour" section: no 01-03 numbers */
.who-principles article{grid-template-columns:1fr;gap:0}
/* Banners: space between two paragraphs under the headline */
.subhero p+p{margin-top:14px}

/* How we do it banner: paragraph group under the split */
.subhero.how-split .container>.how-split-body{align-self:start;padding-top:60px;padding-bottom:64px;max-width:660px}
.subhero.how-split .how-split-body p{margin:0;padding:0}
.subhero.how-split .how-split-body p+p{margin-top:14px}
@media(max-width:980px){.subhero.how-split .container>.how-split-body{align-self:flex-start;padding-top:0;padding-bottom:0}}
@media(max-width:600px){.subhero.how-split .how-split-body p br{display:none}}

/* What we do + Who we are banners: match the How we do it banner height and text position (desktop) */
@media(min-width:981px){.subhero.what-wave .container,.subhero.who-helix .container{min-height:calc(567.5px + .12 * max(617px, 50vw));padding:80px 0 40px}}

/* Contact banner: shorter than the other page banners */
.subhero.contact-hero .container{min-height:0;padding:64px 0}
@media(max-width:600px){.subhero.contact-hero .container{padding:56px 0}}

/* North-east link arrows: drawn as a small icon so phones don't swap in an emoji */
.arr-ne{display:inline-block;width:.8em;height:.8em;margin-left:0;vertical-align:-.05em;flex:none}

/* Header links: grey underline on hover; maroon stays for the current page */
.nav-links a:not(.nav-cta):not(.active)::after{background:#b3adb1}
