/* Design Minds v3 inner pages: components on top of home.css. 25/09/2026 */

/* Page hero: type on a clean ground, no photography behind text */
.pg-hero{padding:calc(var(--nav-h) + clamp(64px,9vw,128px)) 0 clamp(56px,6vw,96px);text-align:center}
.pg-hero h1{font-family:var(--display);font-weight:600;color:var(--ink);font-size:clamp(44px,6.4vw,88px);line-height:1.02;letter-spacing:-.035em;margin:14px auto 0;max-width:14ch}
.pg-hero .pg-sub{font-family:var(--display);font-weight:600;color:var(--ink);font-size:clamp(22px,2.2vw,30px);line-height:1.2;letter-spacing:-.02em;margin:18px auto 0;max-width:24ch}
.pg-hero .lead{max-width:52ch;font-size:clamp(17px,1.35vw,20px)}
.pg-hero .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.pg-hero .ctas .btn{width:auto;padding-inline:26px;border-radius:980px}
.jump{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;list-style:none;margin:36px 0 0;padding:0}
.jump a{display:inline-flex;align-items:center;min-height:40px;padding:6px 18px;border-radius:980px;border:1px solid var(--rule);background:var(--canvas);color:var(--ink-2);font:500 14px var(--text);text-decoration:none;transition:border-color var(--t) var(--ease),color var(--t) var(--ease)}
.jump a:hover{border-color:var(--ink);color:var(--ink)}

/* Process: four steps */
.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;margin:clamp(36px,4vw,56px) auto 0;padding:0;max-width:980px;text-align:left}
@media (min-width:800px){.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
.steps li{background:var(--canvas);border-radius:18px;padding:24px 22px 26px}
.steps span{display:block;font:600 13px/1 var(--text);color:var(--red);letter-spacing:.02em}
.chapter:not(.parch) .steps li{background:var(--parch)}
.steps b{display:block;margin-top:18px;font:600 clamp(20px,1.8vw,24px)/1.15 var(--display);letter-spacing:-.02em;color:var(--ink)}

/* Service blocks: image and copy side by side, alternating */
.svc{padding-block:clamp(72px,9vw,136px);scroll-margin-top:var(--nav-h)}
.svc + .svc{border-top:1px solid var(--rule)}
.svc-in{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
@media (min-width:900px){.svc-in{grid-template-columns:1fr 1fr}.svc.flip .svc-in figure{order:2}}
.svc figure{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:var(--parch)}
.svc figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.svc figure:hover img{transform:scale(1.02)}
.svc .eyebrow{font-size:15px}
.svc h2{font-family:var(--display);font-weight:600;color:var(--ink);font-size:clamp(34px,4vw,56px);line-height:1.04;letter-spacing:-.03em;margin-top:10px}
.svc .tag{margin-top:14px;font-size:clamp(19px,1.6vw,22px);line-height:1.4;color:var(--ink);max-width:34ch}
.svc .copy p:not(.tag):not(.eyebrow){margin-top:16px;max-width:62ch}
.caps{list-style:none;margin:28px 0 0;padding:22px 0 0;border-top:1px solid var(--rule);columns:2;column-gap:28px}
.caps li{break-inside:avoid;position:relative;padding:5px 0 5px 18px;font-size:15px;line-height:1.4;color:var(--ink)}
.caps li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--red)}
@media (max-width:479px){.caps{columns:1}}
.svc .links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:26px}

/* Recent work */
.work-grid{margin-top:clamp(28px,3vw,44px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;text-align:left}
@media (min-width:900px){.work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.work-grid .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.work-grid .ins:hover .ph img{transform:scale(1.03)}

/* FAQ */
.faq{max-width:840px;margin:clamp(32px,4vw,52px) auto 0;text-align:left}
.faq details{border-top:1px solid var(--rule)}
.faq details:last-child{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;position:relative;padding:22px 44px 22px 0;font:600 clamp(17px,1.5vw,20px)/1.35 var(--display);letter-spacing:-.01em;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:8px;top:50%;width:9px;height:9px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:translateY(-70%) rotate(45deg);transition:transform var(--t) var(--ease)}
.faq details[open] summary::after{transform:translateY(-25%) rotate(-135deg)}
.faq details p{padding:0 0 24px;max-width:68ch}
.faq-intro{margin:18px auto 0;max-width:52ch;color:var(--muted)}

/* Awards tile on inner pages */
.dm-v3-inner .dark .awards{margin-top:clamp(32px,4vw,56px)}

/* Long-form copy: a readable left-aligned column inside a centred chapter */
.prose{max-width:68ch;margin:clamp(24px,3vw,40px) auto 0;text-align:left}
.prose p{margin-top:18px;font-size:clamp(17px,1.25vw,19px);line-height:1.6}
.prose p:first-child{margin-top:0}
.prose a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.prose h3{margin-top:36px;font:600 clamp(21px,1.8vw,26px)/1.2 var(--display);letter-spacing:-.015em;color:var(--ink)}

/* Offer and reason cards */
.cards{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:clamp(32px,4vw,52px) auto 0;max-width:1180px;text-align:left;list-style:none;padding:0}
@media (min-width:700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cards > li{background:var(--canvas);border-radius:18px;padding:clamp(24px,2.4vw,32px)}
.parch .cards > li{background:var(--canvas)}
.chapter:not(.parch) .cards > li{background:var(--parch)}
.cards .n{display:block;font:600 13px/1 var(--text);color:var(--red);letter-spacing:.02em}
.cards h3{margin-top:14px;font:600 clamp(20px,1.7vw,24px)/1.2 var(--display);letter-spacing:-.015em;color:var(--ink)}
.cards p{margin-top:10px;font-size:15px;line-height:1.55}
.cards a{color:var(--red)}
.cards-lead{margin:18px auto 0;max-width:56ch;color:var(--muted)}

/* Reasons list with a bold opener */
.reasons{list-style:none;margin:clamp(28px,3vw,44px) auto 0;padding:0;max-width:820px;text-align:left}
.reasons li{position:relative;padding:18px 0 18px 36px;border-top:1px solid var(--rule);font-size:17px;line-height:1.5}
.reasons li:last-child{border-bottom:1px solid var(--rule)}
.reasons li::before{content:"";position:absolute;left:4px;top:26px;width:10px;height:10px;border-radius:50%;background:var(--red)}
.reasons b{color:var(--ink);font-weight:600}

/* Callout */
.callout{max-width:820px;margin:clamp(28px,3vw,40px) auto 0;text-align:left;background:var(--canvas);border-left:3px solid var(--red);border-radius:0 14px 14px 0;padding:22px 26px;font-size:16px;line-height:1.55}
.chapter:not(.parch) .callout{background:var(--parch)}
.callout b{color:var(--ink)}

/* Two ideas side by side */
.split{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:1080px;margin:clamp(32px,4vw,52px) auto 0;text-align:left}
@media (min-width:800px){.split{grid-template-columns:1fr 1fr}}
.split > div{background:var(--canvas);border-radius:18px;padding:clamp(24px,2.6vw,36px)}
.chapter:not(.parch) .split > div{background:var(--parch)}
.split h3{font:600 clamp(22px,2vw,28px)/1.15 var(--display);letter-spacing:-.02em;color:var(--ink)}
.split p{margin-top:12px;font-size:16px;line-height:1.55}

/* Steps with a description */
.steps.described li p{margin-top:10px;font-size:15px;line-height:1.5}

/* Image gallery */
.gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:clamp(28px,3vw,44px)}
@media (min-width:700px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gallery figure{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:var(--canvas)}
.gallery img{width:100%;height:100%;object-fit:cover}

/* Work cards with a description line */
.ins .d{font-size:14px;line-height:1.45;color:var(--muted);margin-top:-4px}
.work-grid.c5{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1080px){.work-grid.c5{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Case in practice */
.case{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;max-width:1180px;margin:clamp(32px,4vw,52px) auto 0;text-align:left}
@media (min-width:900px){.case{grid-template-columns:1fr 1fr}}
.case figure{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:var(--parch)}
.case figure img{width:100%;height:100%;object-fit:cover}
.case p{font-size:clamp(17px,1.3vw,19px);line-height:1.6}
.case .more{display:inline-block;margin-top:18px}

/* Closing call to action */
.cta-band .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.cta-band .ctas .btn{width:auto;padding-inline:26px;border-radius:980px}
.cta-band .lead{max-width:52ch}
.cta-band .lead a{color:var(--red)}

/* Logo wall */
.logo-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:clamp(32px,4vw,52px) 0 0;padding:0}
@media (min-width:600px){.logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1200px){.logo-wall{grid-template-columns:repeat(6,minmax(0,1fr))}}
.logo-wall li{margin:0;aspect-ratio:3/2;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--rule) inset}
.logo-wall img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.logo-wall li:hover img{transform:scale(1.04)}
.logo-wall:not(.all) li:nth-child(n+25){display:none}
.more-btn{margin-top:28px;width:auto!important;padding-inline:26px;border-radius:980px}

/* Client names */
.names{list-style:none;margin:0;padding:0;columns:2;column-gap:28px;text-align:left}
@media (min-width:700px){.names{columns:3}}
@media (min-width:1080px){.names{columns:5}}
.names li{break-inside:avoid;padding:9px 0;border-bottom:1px solid var(--rule);font-size:15px;line-height:1.35;color:var(--ink)}

/* Testimonials */
.quotes{columns:1;column-gap:16px;margin-top:clamp(32px,4vw,52px);text-align:left}
@media (min-width:760px){.quotes{columns:2}}
@media (min-width:1180px){.quotes{columns:3}}
.quotes figure{break-inside:avoid;margin:0 0 16px;background:var(--parch);border-radius:18px;padding:clamp(22px,2.2vw,30px)}
.quotes blockquote{margin:0;font-size:16px;line-height:1.55;color:var(--ink)}
.quotes figcaption{margin-top:16px;font-size:14px;color:var(--muted)}
.quotes figcaption b{display:block;color:var(--ink);font-weight:600}

/* Case studies list */
.cs-list{list-style:none;margin:clamp(32px,4vw,52px) auto 0;padding:0;max-width:1180px;text-align:left}
.cs-list > li{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center;padding-block:clamp(32px,4vw,56px);border-top:1px solid var(--rule)}
.cs-list > li:last-child{border-bottom:1px solid var(--rule)}
@media (min-width:900px){.cs-list > li{grid-template-columns:1.1fr 1fr}.cs-list > li:nth-child(even) figure{order:2}}
.cs-list figure{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:3/2;background:var(--parch)}
.cs-list figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.cs-list li:hover figure img{transform:scale(1.02)}
.cs-list .kicker{font:500 14px/1.3 var(--text);color:var(--red)}
.cs-list h3{margin-top:10px;font:600 clamp(26px,2.8vw,38px)/1.1 var(--display);letter-spacing:-.025em;color:var(--ink)}
.cs-list h3 a{text-decoration:none;color:inherit}
.cs-list p{margin-top:14px;font-size:clamp(16px,1.2vw,18px);line-height:1.55}
.cs-list .more{display:inline-block;margin-top:18px}

/* Contact details */
.contact-card{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:1180px;margin:clamp(32px,4vw,52px) auto 0;text-align:left}
@media (min-width:900px){.contact-card{grid-template-columns:1fr 1.3fr}}
.contact-card .details{background:var(--canvas);border-radius:18px;padding:clamp(24px,2.6vw,36px)}
.contact-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 18px;font-size:16px}
.contact-card dt{color:var(--muted)}
.contact-card dd{margin:0;color:var(--ink)}
.contact-card a{color:var(--ink)}
.contact-card address{font-style:normal;font-size:17px;line-height:1.5;color:var(--ink);margin-bottom:20px}
.contact-card .map{border-radius:18px;overflow:hidden;min-height:320px;background:var(--canvas)}
.contact-card iframe{display:block;width:100%;height:100%;min-height:320px;border:0}
.cs-list figure a{display:block;height:100%}
.page-id-44966 .form-row .more{display:none} /* no "use the contact page" link on the Contact page itself */

/* Card grids with filters (Our Work, Insights) */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;margin-top:clamp(24px,3vw,40px);text-align:left}
@media (min-width:900px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1200px){.card-grid:not(.posts){grid-template-columns:repeat(4,minmax(0,1fr))}}
.card-grid .ins.out{display:none}
.card-grid .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.card-grid .ins:hover .ph img{transform:scale(1.03)}
.card-grid .card-t{margin:0;font:600 clamp(17px,1.4vw,19px)/1.3 var(--display);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.card-grid:not(.posts) small{color:var(--muted);font-weight:400}
.dm-filter{justify-content:center}
@media (max-width:699px){.card-grid{grid-template-columns:minmax(0,1fr)}}

/* Case-study pages: gallery stacked at natural proportions */
.pf-gallery{padding-bottom:clamp(64px,7vw,112px)}
.pf-row{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:1180px;margin:0 auto 16px}
.pf-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.pf-row figure{margin:0;border-radius:18px;overflow:hidden;background:var(--parch)}
.pf-row img{width:100%;height:auto;display:block}
@media (max-width:599px){.pf-row.two{grid-template-columns:minmax(0,1fr)}}
.pf-content p[style*="center"]{text-align:left!important;font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:var(--ink)}
.pf-content img{max-width:100%;height:auto;border-radius:14px}
.cs-title h1{font-size:clamp(40px,5.2vw,72px)}
.cs-wrap{overflow-x:clip}
/* Long-form case studies: dark title bar running into the dark article, content in the site container */
.cs-title.is-cs{background:#000;padding-bottom:clamp(8px,1.5vw,20px)}
.cs-title.is-cs h1{color:#fff}
.cs-wrap{background:#000;padding-bottom:clamp(48px,6vw,96px)}
.cs-wrap .dm-cs{max-width:1180px;margin-inline:auto;padding-inline:var(--gutter);box-sizing:content-box}
.dm-v3-inner .nav{background:rgba(255,255,255,.96)}

/* Blog posts */
.post-hero{padding-bottom:clamp(32px,4vw,56px)}
.post-hero h1{font-size:clamp(34px,4.6vw,60px);max-width:22ch}
.post-lead{max-width:1060px;margin:0 auto;padding-inline:var(--gutter)}
.post-lead img{width:100%;height:auto;border-radius:18px;display:block}
.post-body{max-width:70ch;margin:0 auto;padding:clamp(40px,5vw,72px) var(--gutter) clamp(64px,7vw,112px);font-size:clamp(17px,1.25vw,19px);line-height:1.65;color:var(--ink-2)}
.post-body > *:first-child{margin-top:0}
.post-body p,.post-body ul,.post-body ol,.post-body blockquote,.post-body table,.post-body figure{margin:0 0 1.1em}
.post-body h2{margin:1.8em 0 .5em;font:600 clamp(24px,2.3vw,32px)/1.18 var(--display);letter-spacing:-.02em;color:var(--ink)}
.post-body h3{margin:1.5em 0 .4em;font:600 clamp(20px,1.7vw,24px)/1.25 var(--display);letter-spacing:-.015em;color:var(--ink)}
.post-body h4,.post-body h5,.post-body h6{margin:1.3em 0 .3em;font:600 18px/1.3 var(--display);color:var(--ink)}
.post-body a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.post-body strong,.post-body b{color:var(--ink);font-weight:600}
.post-body ul,.post-body ol{padding-left:1.3em}
.post-body li{margin:.35em 0}
.post-body li::marker{color:var(--red)}
.post-body blockquote{border-left:3px solid var(--red);padding:.2em 0 .2em 1.1em;color:var(--ink);font-size:1.08em}
.post-body img{max-width:100%;height:auto;border-radius:14px}
.post-body figcaption,.post-body .wp-caption-text{font-size:14px;color:var(--muted);margin-top:.5em}
.post-body .wp-caption,.post-body figure{max-width:100%!important}
.post-body table{width:100%;border-collapse:collapse;font-size:15px}
.post-body th,.post-body td{border-bottom:1px solid var(--rule);padding:10px 8px;text-align:left;vertical-align:top}
.post-body th{color:var(--ink);font-weight:600}
.post-body iframe,.post-body video{max-width:100%}
.post-body .vc_row,.post-body .wpb_row,.post-body .vc_column_container,.post-body .wpb_wrapper{margin:0;padding:0;width:auto;float:none}

/* Legal pages: their raw HTML (.dm-legal) was styled for the old dark site; set it on the light reading column */
body.dm-v3-inner .post-body .dm-legal{background:transparent!important;padding:0!important}
body.dm-v3-inner .post-body .dm-legal.dm-legal.dm-legal.dm-legal .dm-inner.dm-inner.dm-inner{font-family:var(--text)!important;max-width:none!important}
body.dm-v3-inner .post-body .dm-legal.dm-legal.dm-legal.dm-legal .dm-inner.dm-inner.dm-inner *{color:var(--ink-2)!important;font-family:inherit!important}
body.dm-v3-inner .post-body .dm-legal.dm-legal.dm-legal.dm-legal .dm-inner.dm-inner.dm-inner :is(h1,h2,h3,h4,strong,b){color:var(--ink)!important;font-family:var(--display)!important}
body.dm-v3-inner .post-body .dm-legal.dm-legal.dm-legal.dm-legal .dm-inner.dm-inner.dm-inner h1{font-size:clamp(34px,4.6vw,56px)!important;letter-spacing:-.025em!important;line-height:1.08!important}
body.dm-v3-inner .post-body .dm-legal.dm-legal.dm-legal.dm-legal .dm-inner.dm-inner.dm-inner :is(a,h2 span){color:var(--red)!important}
body.dm-v3-inner .post-body .dm-legal.dm-legal.dm-legal.dm-legal .dm-inner.dm-inner.dm-inner :is(p,li){font-size:clamp(16px,1.2vw,18px)!important;line-height:1.65!important}

/* 26/09/2026 breadcrumbs: sit in the hero's top padding, left-aligned, small */
#dm-main{position:relative}
.crumbs{position:absolute;left:0;right:0;top:calc(var(--nav-h) + 18px);z-index:2;font-size:13px;line-height:1.4;color:var(--muted)}
.crumbs nav{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crumbs a{color:var(--ink-2);text-decoration:none;display:inline-block;padding-block:12px}
.crumbs a:hover,.crumbs a:focus-visible{text-decoration:underline}
.crumbs .breadcrumb_last{color:var(--muted)}
.crumbs.on-dark,.crumbs.on-dark .breadcrumb_last{color:rgba(255,255,255,.72)}
.crumbs.on-dark a{color:#fff}
@media (max-width:699px){.crumbs{top:calc(var(--nav-h) + 6px)}}

/* case studies: at-a-glance facts and previous/next */
.pf-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;list-style:none;margin:28px auto 0;padding:0;font-size:15px;color:var(--ink-2)}
.pf-facts li b{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.pf-content blockquote,.pf-content .reviewtext{font-family:var(--display)}
.pf-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1180px;margin-inline:auto}
.pf-pager a{display:block;padding:22px 24px;border:1px solid var(--rule);border-radius:18px;background:var(--canvas);text-decoration:none;color:var(--ink);transition:border-color var(--t) var(--ease)}
.pf-pager a:hover,.pf-pager a:focus-visible{border-color:var(--ink)}
.pf-pager small{display:block;font-size:13px;color:var(--red-press);margin-bottom:4px}
.pf-pager b{font-family:var(--display);font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.02em}
.pf-pager .pv{text-align:left}
.pf-pager .nx{text-align:right}
@media (max-width:599px){.pf-pager{grid-template-columns:1fr}.pf-pager .nx{text-align:left}}

/* posts: byline, author box, related service */
.byline{margin:18px auto 0;font-size:15px;color:var(--muted)}
.byline a{color:var(--ink-2)}
.author-box{max-width:720px;margin:clamp(40px,5vw,64px) auto 0;padding:24px 26px;border:1px solid var(--rule);border-radius:18px;background:var(--canvas);display:grid;gap:6px}
.author-box small{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--red-press)}
.author-box b{font-family:var(--display);font-size:20px;letter-spacing:-.02em}
.author-box p{margin:0;color:var(--ink-2);font-size:16px;line-height:1.55}
.svc-link{max-width:720px;margin:16px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;border-radius:18px;background:var(--ink);color:#fff;text-decoration:none}
.svc-link small{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#FF4B3E;margin-bottom:4px}
.svc-link b{font-family:var(--display);font-size:clamp(19px,1.9vw,24px);font-weight:600;letter-spacing:-.02em}
.svc-link span.go{flex:0 0 auto;font-size:15px;border-bottom:1px solid rgba(255,255,255,.5)}
.svc-link:hover span.go,.svc-link:focus-visible span.go{border-color:#fff}

/* 404 */
.nf-search{display:flex;gap:8px;max-width:520px;margin:28px auto 0}
.nf-search input{flex:1;min-width:0;font:400 17px/1.35 var(--text);padding:12px 16px;border:1px solid #CFCDC8;border-radius:980px;background:var(--canvas);color:var(--ink)}
.nf-search input:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px rgba(23,23,23,.08)}
.nf-search .btn{width:auto;border-radius:980px;padding-inline:22px}
.nf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;margin:26px auto 0;padding:0}
.nf-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid var(--rule);border-radius:980px;background:var(--canvas);color:var(--ink);text-decoration:none;font-size:15px}
.nf-links a:hover,.nf-links a:focus-visible{border-color:var(--ink)}

/* 26/09/2026 search results: pages as a list */
.sr-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:880px}
.sr-list a{display:grid;gap:4px;padding:18px 22px;border:1px solid var(--rule);border-radius:16px;background:var(--canvas);text-decoration:none;color:var(--ink);transition:border-color var(--t) var(--ease)}
.sr-list a:hover,.sr-list a:focus-visible{border-color:var(--ink)}
.sr-list b{font-family:var(--display);font-size:clamp(18px,1.7vw,22px);font-weight:600;letter-spacing:-.02em}
.sr-list span{font-size:15px;line-height:1.5;color:var(--muted)}
/* case studies: related service */
.pf-svc{max-width:1180px;margin-inline:auto}

/* 26/09/2026 short case studies: intro left, first image right (stacked on phones, image after the text) */
.pf-split .pf-split-in{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center}
@media (min-width:900px){
  .pf-split .pf-split-in{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);text-align:left}
  .pf-split .pf-split-copy h1,.pf-split .pf-split-copy .lead{margin-left:0;margin-right:0}
  .pf-split .pf-facts{justify-content:flex-start}
}
.pf-split-img{margin:0;border-radius:22px;overflow:hidden;background:var(--parch,#F5F5F3)}
.pf-split-img img{display:block;width:100%;height:auto}
/* Our Work: "Full case study" label on cards */
.ins .ph{position:relative}
.ins .badge{position:absolute;left:10px;top:10px;padding:4px 10px;border-radius:980px;background:rgba(0,0,0,.78);color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;line-height:1.4}