/* About, Contact and case-study pages in the option E look */
:root{--ink:#0f1b33;--navy:#0f1b33;--paper:#f8f4ec;--cream:#efe9dc;--mid:#38415a;--muted:#38415a;--border:#0f1b33;--line:#0f1b33;--coral:#FE6958;
  --head:"Montserrat",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--shadow:5px 5px 0 var(--navy)}
body{background:var(--paper);color:var(--navy);font-size:1.12rem;line-height:1.6}
h1,h2,h3,.section-title{font-family:var(--head);letter-spacing:-.03em;text-transform:none;font-style:normal;color:var(--navy);font-weight:800;line-height:1.03}
h3{font-weight:700}
h1 em,h2 em,.section-title em,.coral{display:inline;font-style:normal;font-family:var(--head);font-weight:800;color:var(--navy)!important;background:linear-gradient(transparent 60%,#fff 60%);padding:0 .08em;margin-left:.1em}
.label,.section-label,.eyebrow,.proof-kicker{display:none!important}
p,li{color:var(--navy)}
.announce-bar{background:var(--navy)!important;color:#fff!important}
.announce-bar a{color:#fff!important}
nav{background:var(--paper)!important;border-bottom:2px solid var(--navy)!important;backdrop-filter:none}
.nav-links a{color:var(--navy)!important}
.nav-cta,.btn-coral,.cta-btn,.form-submit{background:var(--navy)!important;color:#fff!important;border:2px solid var(--navy)!important;border-radius:6px!important;box-shadow:3px 3px 0 var(--navy);font-family:var(--head);font-weight:700;letter-spacing:0!important;text-transform:none!important}
.btn,.btn-white{border-radius:6px!important;font-family:var(--head);font-weight:700;letter-spacing:0!important;text-transform:none!important}
.btn-white{background:var(--paper)!important;color:var(--navy)!important;border:2px solid var(--navy)!important;box-shadow:3px 3px 0 var(--navy)}

/* heroes */
.inner-hero,.hero{background:var(--coral)!important;border-bottom:2px solid var(--navy)}
.inner-hero h1,.hero h1{font-size:clamp(2.4rem,6vw,4.8rem);max-width:18ch}
.inner-hero p,.hero p,.hero .lede{color:var(--navy)!important;font-family:var(--serif)}
.inner-hero .btn-coral{background:var(--paper)!important;color:var(--navy)!important}

/* about */
.two-col img{border:2px solid var(--navy);border-radius:6px;box-shadow:8px 8px 0 var(--navy)}
.dark-band{background:var(--navy)!important;color:var(--paper)}
.dark-band h2,.dark-band h3,.dark-band p,.dark-band .section-title{color:var(--paper)!important}
.dark-band em{background:none;color:var(--coral)!important}
.why-grid{gap:1.2rem;background:none!important;border:0!important}
.why-cell{background:rgba(255,255,255,.07)!important;border:1.5px solid var(--paper)!important;border-radius:6px}
.testi-grid{gap:1.2rem;background:none!important;border:0!important}
.testi-card{background:#fff!important;border:1.5px solid var(--navy)!important;border-radius:6px}
.testi-card p,.testi-name,.testi-co{color:var(--navy)!important}
.testi-mark{color:var(--coral)!important}
.cta-band{background:var(--navy)!important;color:var(--paper)}
.cta-band h2,.cta-band p{color:var(--paper)!important}
.cta-band h2 em{background:none;color:var(--coral)!important}
.cta-band .btn-white{background:var(--coral)!important;color:var(--navy)!important;border-color:var(--paper)!important;box-shadow:3px 3px 0 var(--paper)}

/* contact */
.contact-form input,.contact-form textarea,.contact-form select{background:#fff;border:1.5px solid var(--navy);border-radius:6px;color:var(--navy);font-family:var(--serif)}
.form-label{color:var(--navy);font-family:var(--head);font-weight:700;letter-spacing:0;text-transform:none}
.contact-aside{background:#fff;border:1.5px solid var(--navy);border-radius:6px}
.contact-links a{color:var(--navy)}
.alan-proof-band{background:var(--coral)!important;color:var(--navy)!important;border-block:2px solid var(--navy)}
.alan-proof-band p,.alan-proof-band strong,.alan-proof-band span{color:var(--navy)!important}

/* case study */
.hero-meta-item{background:#fff;border:1.5px solid var(--navy);border-radius:6px}
.hero-meta-item .value,.hero-meta-item .label{color:var(--navy)!important;display:block!important}
.hero-meta-item .label{display:block!important;font-size:.72rem;font-family:var(--head);text-transform:uppercase;letter-spacing:.06em}
.deliverable-item,.persona-card{background:#fff!important;border:1.5px solid var(--navy)!important;border-radius:6px}
.d-number{display:none}
.stack-tag{background:#fff;color:var(--navy);border:1.5px solid var(--navy);border-radius:6px}
.testimonial-section{background:var(--coral)!important;border-block:2px solid var(--navy)}
.testimonial-block,.testimonial-block p,.cite-name,.cite-role{color:var(--navy)!important}
.quote-mark{color:var(--navy)!important}
.cta-section{background:var(--navy)!important}
.cta-section h2,.cta-section p{color:var(--paper)!important}
.cta-box{background:transparent!important}
.cta-btn{background:var(--coral)!important;color:var(--navy)!important;border-color:var(--paper)!important}
.status-note{color:var(--navy)}

/* footer */
.site-footer{background:var(--paper)!important;border-top:2px solid var(--navy)!important}
.site-footer,.site-footer a,.footer-strapline,.footer-copy{color:var(--navy)!important}

/* fixes: full-bleed heroes, nav button, italic leftovers */
.inner-hero,.hero{box-shadow:0 0 0 100vmax var(--coral);clip-path:inset(0 -100vmax)}
.nav-links a.nav-cta,.nav-links .nav-cta{color:#fff!important;background:var(--navy)!important}
.inner-hero h1 em,.hero h1 em,.cta-band h2 em,.dark-band h2 em,h2 em{font-style:normal!important;font-family:var(--head)!important}
.cta-band{box-shadow:0 0 0 100vmax var(--navy);clip-path:inset(0 -100vmax)}
.dark-band{box-shadow:0 0 0 100vmax var(--navy);clip-path:inset(0 -100vmax)}
.alan-proof-band,.testimonial-section,.cta-section{box-shadow:none}
.inner-hero,.hero{min-height:0!important;height:auto!important;padding-top:clamp(4rem,8vw,7rem)!important;padding-bottom:clamp(3rem,6vw,5rem)!important;display:block!important}
.inner-hero{padding-top:14.5rem!important}
.hero{padding-top:9rem!important}
@media (max-width:820px){.inner-hero{padding-top:9.5rem!important}.hero{padding-top:7rem!important}}
.contact-aside{padding:1.6rem}

/* no highlighter */
h1 em,h2 em,.section-title em,.coral{background:none!important;padding:0!important;margin-left:.25em!important;font-weight:800!important;font-family:var(--head)!important;font-style:normal!important}
br + em{margin-left:0!important}
h1,h2,.inner-hero h1,.hero h1,.section-title{font-weight:800!important}
h1 em,h2 em,.section-title em,.coral{margin-left:0!important}

h1 em,h2 em,h3 em,.section-title em{font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}

/* current landing page section on the Crowdseek case study */
.landing-today{margin:3rem 0}
.landing-shots{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:1.4rem;align-items:start;margin:1.6rem 0}
.landing-shots img{width:100%;height:auto;border:1.5px solid var(--navy);border-radius:6px;background:#fff}
.landing-today a{color:var(--navy);font-weight:700;text-decoration-color:var(--coral);text-decoration-thickness:3px;text-underline-offset:4px}
@media (max-width:640px){.landing-shots{grid-template-columns:1fr}.landing-shots .landing-mobile{max-width:220px}}

/* since the pilot */
.since-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (max-width:820px){.since-cards{grid-template-columns:1fr!important}}
.since-pilot>p:last-child{margin-top:1.5rem}

/* preview fixes: detail chips, logo size, consistent heading colour, body font */
.hero-meta{gap:.8rem}
.hero-meta-item{padding:.6rem .95rem!important;min-width:0}
.hero-meta-item .label{margin-bottom:.15rem}
.nav-logo img{height:auto!important;width:100px!important}
.hero h1,.inner-hero h1{color:var(--navy)!important}
p,li,.p-desc,.d-desc{font-family:"Lora",Georgia,serif}

/* no shadows on buttons */
.btn,.btn-primary,.btn-secondary,.btn-coral,.btn-white,.nav-cta,.cta-btn,.form-submit,.cta-band .btn-white,.cta .btn,.service-hero .btn,.final-cta .btn,.final-cta .btn-primary,.final-cta .btn-secondary,.nav-links a.nav-cta,.price-line,.cookie-btn{box-shadow:none!important;text-shadow:none!important}
.btn:hover,.btn:focus-visible,.btn-coral:hover,.btn-white:hover,.nav-cta:hover,.cta-btn:hover,.form-submit:hover{transform:none!important;box-shadow:none!important;opacity:.88}

/* header sits in the page flow (like the other pages) so it never covers the heading */
.announce-bar{position:relative!important;top:auto!important;left:auto!important;right:auto!important}
nav{position:sticky!important;top:0!important;left:auto!important;right:auto!important}
.inner-hero{padding-top:clamp(3.5rem,7vw,5.5rem)!important}
.hero{padding-top:clamp(3.5rem,7vw,5.5rem)!important}
.since-one{grid-template-columns:1fr!important}
.testimonial-section{padding:clamp(1.4rem,3vw,2.2rem)!important;margin:2.5rem 0;border:2px solid var(--navy);border-radius:6px}


/* headings: Montserrat, normal spacing */
h1,h2,h3,.section-title,.brand span{font-family:var(--head)!important;letter-spacing:-.015em!important;text-transform:none}
h1,.hero h1,.inner-hero h1,.service-hero h1{font-weight:800!important;line-height:1.1!important;letter-spacing:-.02em!important}
h2,.section-title{font-weight:700!important;line-height:1.15!important}
h3{font-weight:700!important;line-height:1.25!important}
h1 em,h2 em,h3 em,.section-title em,.coral{font-family:var(--head)!important;font-weight:inherit!important;letter-spacing:inherit!important}
.inner-hero h1,.hero h1{font-size:clamp(2rem,4.4vw,3.5rem)!important;max-width:20ch}
.hero-meta-item .label::before,.hero-meta-item .label::after{display:none!important;content:none!important}

/* about hero: portrait */
.hero-split-about{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.hero-portrait{margin:0;width:100%;max-width:380px;justify-self:end}
.hero-portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;border:2px solid var(--navy);border-radius:8px;display:block;box-shadow:none}
.hero-portrait figcaption{margin-top:.8rem;font-family:var(--head);font-weight:800;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:var(--navy)}
.about-facts{background:#fff;border:2px solid var(--navy);border-radius:8px;padding:1.5rem 1.6rem}
.about-facts-label{margin:0 0 .6rem;font-family:var(--head);font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.about-facts ul{list-style:none;margin:0;padding:0}
.about-facts li{padding:.75rem 0;border-top:1px solid rgba(15,27,51,.25);font-family:var(--head);font-weight:700;color:var(--navy)}
@media (max-width:820px){.hero-split-about{grid-template-columns:1fr}.hero-portrait{justify-self:start;max-width:300px}}

/* case study hero: phone screenshot */
.hero-inner:has(.hero-phone){display:grid;grid-template-columns:minmax(0,1fr) 210px;column-gap:clamp(2rem,5vw,4rem);align-items:start}
.hero-inner:has(.hero-phone)>*{grid-column:1}
.hero-phone{grid-column:2!important;grid-row:1 / span 4;margin:0}
.hero-phone img{width:100%;height:auto;border:2px solid var(--navy);border-radius:22px;background:#fff;display:block}
@media (max-width:820px){.hero-inner:has(.hero-phone){grid-template-columns:1fr}.hero-phone{grid-column:1!important;grid-row:auto;max-width:200px;margin-top:1.5rem}}
.landing-shots{grid-template-columns:1fr!important}
.inner-hero{border-bottom:0!important;position:relative}
.inner-hero::after{content:"";position:absolute;left:-100vmax;right:-100vmax;bottom:0;height:2px;background:var(--navy)}
.hero-inner:has(.hero-phone){max-width:1100px!important;margin:0 auto}
.hero-inner:has(.hero-phone) h1{max-width:18ch}

/* legal pages */
.legal-page p,.legal-page li,main p,main li{color:var(--navy)}
.legal-page a,main a{color:var(--navy);text-decoration-color:var(--coral);text-decoration-thickness:2px;text-underline-offset:3px}
.legal-content{padding-top:clamp(2rem,5vw,3.5rem)!important;margin-top:0!important}
.legal-content a{color:var(--navy)!important;text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:2px;text-underline-offset:3px}
.legal-content h1{font-size:clamp(2rem,4.4vw,3.2rem)!important}

/* mobile menu: one navy full-screen menu, white links, coral Let's Talk button */
#mobile-menu{background:#0f1b33!important}
#mobile-menu a,.mobile-panel a{font-family:"Montserrat",ui-sans-serif,system-ui,sans-serif!important;font-weight:700!important;font-size:1.15rem!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important;text-decoration:none!important}
#mobile-menu a:not(.coral):not(.mobile-cta),.mobile-panel a:not(.mobile-cta):not(.brand){border-bottom:1px solid rgba(255,255,255,.18)!important;padding:.95rem 0!important;text-align:left!important}
#mobile-menu a.coral,#mobile-menu a.mobile-cta,.mobile-panel a.mobile-cta{display:block!important;margin-top:1.4rem!important;padding:1rem 1.2rem!important;background:#FE6958!important;color:#0f1b33!important;border:2px solid #FE6958!important;border-radius:6px!important;text-align:center!important;box-shadow:none!important}
#mobile-menu .close-btn,.mobile-panel .close-btn{color:#fff!important;background:transparent!important;border:2px solid rgba(255,255,255,.5)!important;border-radius:6px!important}
.mobile-panel{background:#0f1b33!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.mobile-panel .brand{display:none!important}
.mobile-panel-header{justify-content:flex-end!important;border:0!important}