/* Amplify Growth visual refresh: solid colour blocks, ink outlines, hard shadows, one heavy heading font */
:root{
  --ink:#1b1a18; --paper:#fffaf1; --soft:#fff3d6; --line:#1b1a18;
  --coral:#FE6958; --butter:#FFD766; --white:#fff;
  --head:"Montserrat",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --shadow:5px 5px 0 var(--ink);
}
body{background:var(--paper);font-size:1.06rem;line-height:1.6}
h1,h2,h3,.brand span{font-family:var(--head);letter-spacing:-.03em;text-transform:none;font-style:normal}
h1{font-weight:800;line-height:.98}
h2{font-weight:800;line-height:1.02}
h3{font-weight:700}
h1 em,h2 em{font-style:normal;background:linear-gradient(transparent 58%,var(--butter) 58%);color:inherit;padding:0 .08em}
.eyebrow{display:none}
.hero .eyebrow{display:inline-block;background:var(--ink);color:var(--butter);padding:.35rem .7rem;border-radius:4px;letter-spacing:.04em}
.hero .eyebrow::before{display:none}

.topbar{background:var(--ink);color:var(--butter)}
.topbar a{color:var(--white)}
.site-nav{border-bottom:2px solid var(--ink);background:var(--paper)}

.btn{border:2px solid var(--ink);border-radius:6px;box-shadow:3px 3px 0 var(--ink);font-family:var(--head);font-weight:700;text-transform:none;letter-spacing:0}
.btn:hover,.btn:focus-visible{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.btn-primary{background:var(--coral);color:var(--ink)}
.btn-primary:hover,.btn-primary:focus-visible{background:var(--coral);color:var(--ink)}
.btn-secondary{background:var(--white);color:var(--ink)}
.nav-cta{border:2px solid var(--ink);border-radius:6px;background:var(--butter);color:var(--ink)}

/* hero */
.hero{background:var(--coral);border-bottom:2px solid var(--ink)}
.hero::before{display:none}
.hero-grid{text-align:left}
.hero-copy{max-width:60rem;margin:0}
.hero h1{font-size:clamp(2.8rem,8vw,6.2rem)}
.hero .lede{font-family:var(--serif);font-size:1.3rem;color:var(--ink);max-width:40rem}
.founder-note{background:var(--butter);border:2px solid var(--ink);border-radius:6px;box-shadow:var(--shadow);padding:1rem 1.2rem;max-width:40rem;color:var(--ink)}
.proof-mini{background:var(--white);border:2px solid var(--ink);border-radius:6px;box-shadow:var(--shadow)}
.proof-mini strong{font-family:var(--head);color:var(--ink)}

/* founder */
.founder-photo img{border:2px solid var(--ink);border-radius:6px;box-shadow:8px 8px 0 var(--coral)}
.founder-fact{background:var(--white);border:2px solid var(--ink);border-radius:6px}

/* cards */
.work-card,.recent-card,.fit-card,.quote,.step{background:var(--white);border:2px solid var(--ink);border-radius:8px;box-shadow:var(--shadow)}
.work-card .num,.step span{display:none}
.work-card:nth-child(odd){background:var(--white)}
.work-card:nth-child(3n+2){background:var(--soft)}
.service-card-link,.recent-card-link{font-family:var(--head);font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:3px;text-underline-offset:4px}
.work-card li::before,.recent-list li::before,.fit-list li::before{color:var(--coral)}

/* sections */
.process{background:var(--butter);border-block:2px solid var(--ink)}
.process .lede,.step p{color:var(--ink)}
.step{background:var(--white)}
.fit-card.not{background:var(--soft)}
.proof-section{background:var(--coral);color:var(--ink);border-block:2px solid var(--ink)}
.proof-section .lede{color:var(--ink)}
.proof-stat{background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:6px}
.proof-stat strong{font-family:var(--head);color:var(--ink)}
.proof-stat span{color:var(--ink)}
.quote{color:var(--ink)}
.quote span{color:#5a534a}
.final-cta{background:var(--ink);color:var(--paper)}
.final-cta h2{color:var(--butter);font-size:clamp(2.4rem,6vw,4.6rem)}
.final-cta p{color:var(--paper)}
.final-cta .btn-secondary{background:transparent;color:var(--paper);border-color:var(--paper);box-shadow:3px 3px 0 var(--paper)}
.site-footer{background:var(--paper);border-top:2px solid var(--ink)}

/* layout fixes */
.hero h1{max-width:15ch;margin:0 0 1.25rem}
.work-grid{grid-template-columns:repeat(3,1fr);gap:1.4rem;border:0;background:none}
.work-card{min-height:0}
.steps{gap:1.2rem;background:none;border:0}
.step{grid-template-columns:1fr}
.process-copy{position:static}
.quote{background:var(--white)}
.quote p,.quote strong{color:var(--ink)}
.testimonial-grid{gap:1.4rem}
.recent-grid{gap:1.6rem}
@media (max-width:1000px){.work-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.work-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(2.4rem,12vw,3.4rem)}}

/* hero alignment and headline highlight */
.hero-copy,.hero-copy .lede,.founder-note{text-align:left;margin-left:0;margin-right:0}
.hero .btn-row,.hero-proof{justify-content:flex-start}
.hero-proof{margin-left:0;max-width:60rem}
.proof-mini{text-align:left}
h1 em,h2 em{display:inline;font-family:var(--head);font-weight:800;font-style:normal}
.hero-grid{display:block;justify-items:start;text-align:left}
.hero h1,.hero .eyebrow,.hero-copy{text-align:left;margin-left:0;margin-right:0}
.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
.hero-copy>*{margin-left:0!important;margin-right:0!important}
.hero-copy .btn-row{justify-content:flex-start!important}
.hero-copy .eyebrow{margin-bottom:1rem}
@media (max-width:640px){.hero-proof{grid-template-columns:1fr}}
.hero-grid{max-width:1100px;margin:0 auto;justify-items:start}
.hero-copy{justify-items:start}

/* Option E: coral + deep ink navy + off-white */
:root{--ink:#0f1b33;--line:#0f1b33;--paper:#f8f4ec;--soft:#efe9dc;--butter:#f8f4ec;--navy:#0f1b33;--shadow:5px 5px 0 var(--navy)}
body{color:var(--navy)}
.topbar{background:var(--navy);color:#fff}
.topbar a{color:#fff}
.hero .eyebrow{background:var(--navy);color:#fff}
h1 em,h2 em{background:linear-gradient(transparent 60%,#f8f4ec 60%)}
.founder-note{background:#f8f4ec}
.nav-cta{background:var(--navy);color:#fff}
.process{background:var(--navy);color:#fff}
.process h2,.process .lede{color:#fff}
.process .step{background:#f8f4ec}
.process .step h3,.process .step p{color:var(--navy)}
.work-card:nth-child(3n+2){background:var(--soft)}
.work-card,.recent-card,.fit-card,.quote,.step{background:#fff}
.recent{background:var(--soft)}
.fit-card.not{background:var(--soft)}
.proof-section{background:var(--coral)}
.final-cta{background:var(--navy);color:#f8f4ec}
.final-cta h2{color:var(--coral)}
.final-cta p{color:#f8f4ec}
.final-cta .btn-primary{background:var(--coral);color:var(--navy);border-color:#f8f4ec}
.final-cta .btn-secondary{border-color:#f8f4ec;color:#f8f4ec;box-shadow:3px 3px 0 #f8f4ec}
.founder-photo img{box-shadow:8px 8px 0 var(--coral)}

/* ---- homepage revision: photo in hero, fewer boxes, stronger text ---- */
:root{--muted:#38415a}
body{font-size:1.12rem}
p,li,.lede{color:var(--navy)}
.hero{padding-bottom:clamp(3rem,6vw,5rem)}
.hero-split{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;max-width:1180px}
.hero h1{font-size:clamp(2.6rem,6.2vw,5.2rem);max-width:13ch}
.hero .lede{font-size:1.25rem}
.hero-note{margin:1.2rem 0 0!important;font-family:var(--sans);font-size:.9rem;font-weight:700;color:var(--navy)}
.hero-photo{margin:0;justify-self:end;width:100%;max-width:400px}
.hero-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;border:2px solid var(--navy);border-radius:6px;box-shadow:8px 8px 0 var(--navy)}
.hero-photo figcaption{margin-top:1rem;font-family:var(--sans);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}
.quote-strip{background:var(--paper);border-bottom:2px solid var(--navy);padding-block:clamp(2.5rem,5vw,4rem)}
.quote-strip .testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.founder-solo{grid-template-columns:1fr!important;max-width:52rem}

/* shadows only on buttons, hero photo and the Crowdseek card; everything else is a plain outline */
.work-card,.fit-card,.quote,.step,.founder-fact,.proof-mini{box-shadow:none}
.work-card,.fit-card,.quote,.step{border-width:1.5px;border-radius:6px}
.recent-card{box-shadow:none;border-width:1.5px}
.recent-card:nth-child(2){box-shadow:var(--shadow)}
.quote span{color:#4a5470}
.work-card li,.recent-list li,.fit-list li{color:var(--navy)}

@media (max-width:820px){
  .hero-split{grid-template-columns:1fr}
  .hero-photo{justify-self:start;max-width:320px}
  .quote-strip .testimonial-grid{grid-template-columns:1fr}
}
.work-card p,.recent-card p,.fit-card p,.section-head .lede,.founder-copy p{color:var(--navy)}
.founder-solo .lede{font-size:1.3rem}

/* I also build */
.build-section{background:var(--paper)}
.build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin-top:2rem}
.build-card{border-top:3px solid var(--navy);padding-top:1.1rem}
.build-card h3{margin:0 0 .6rem;font-size:1.25rem}
.build-card p{margin:0;color:var(--navy)}
@media (max-width:820px){.build-grid{grid-template-columns:1fr}}

/* no highlighter: emphasised words keep the heading's weight and colour */
h1 em,h2 em,h3 em{background:none!important;padding:0!important;font-weight:800!important;font-family:var(--head)!important;font-style:normal!important}
h1,h2,.hero h1{font-weight:800!important}

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

/* Eldwick card is text only now */
.eldwick-project{grid-template-columns:1fr!important}
.eldwick-project>div{max-width:46rem}

/* 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}


/* 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}
.hero h1{font-size:clamp(2.2rem,5vw,4.3rem)!important;max-width:14ch}

/* platforms strip */
.tools-strip{background:var(--navy);border-bottom:2px solid var(--navy);padding:1.1rem 1rem}
.tools-strip ul{list-style:none;margin:0 auto;padding:0;max-width:1180px;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 2rem}
.tools-strip li{font-family:var(--head);font-weight:700;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:#f8f4ec}
.tools-strip li+li::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--coral);margin-right:2rem;vertical-align:middle}
.hero h1{max-width:19ch!important}
.hero h1{font-size:clamp(2.1rem,4.3vw,3.6rem)!important}
.tools-strip ul{gap:.5rem 1.35rem}
.tools-strip li{font-size:.7rem}
.tools-strip li+li::before{margin-right:1.35rem}
@media (max-width:900px){.tools-strip li+li::before{display:none}.tools-strip ul{gap:.4rem 1.1rem}}
.eldwick-project{grid-column:auto!important;align-items:start!important}

/* Recent work: two image cards on top, three text cards below */
.recent-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.recent-grid>.recent-card{grid-column:span 3}
.recent-grid>.eldwick-project{grid-column:span 2!important}
@media (max-width:900px){.recent-grid{grid-template-columns:1fr!important}.recent-grid>.recent-card,.recent-grid>.eldwick-project{grid-column:auto!important}}
.recent-grid>.eldwick-project{grid-column:span 3!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}

/* Recent work on tablet and phone: one column, every card full width (must stay last) */
@media (max-width:900px){
  .recent-grid{grid-template-columns:minmax(0,1fr)!important}
  .recent-grid>.recent-card,
  .recent-grid>.eldwick-project{grid-column:1 / -1!important;min-width:0}
  .recent-card{padding:1.25rem}
  .recent-card iframe,.recent-card img,.saas-mockup{max-width:100%}
}