/* Niche Consulting — website v2. Same visual system as the 2026 capability brochure:
   white page, faint 12-column grid, 2px ink rules, one electric blue. Built for scanning:
   short rows that open on demand, one large graphic for the approach. */
@font-face{font-family:"D-DIN";src:url("fonts/ddin-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"D-DIN";src:url("fonts/ddin-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"D-DIN";src:url("fonts/ddin-700.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --ink:#0B0C0E;
  --paper:#FFFFFF;
  --blue:#1A8AF0;
  --blue-text:#1379D6;
  --blue-deep:#0E5FB0;
  --grey:#4A5058;
  --grey-2:#5A616B;
  --hair:#D7DBE0;
  --grid:#EEF0F3;
  --tint:#EAF4FF;
  --tint-2:#D4E8FD;
  --font:"D-DIN","Helvetica Neue",Arial,sans-serif;
  --wrap:1200px;
  color-scheme:light;
  interpolate-size:allow-keywords;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
h1,h2,h3,h4{margin:0;font-weight:700;text-wrap:balance}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.grid-bg{background-image:linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:calc(100% / 12) 100%;background-origin:content-box;background-clip:content-box}
.label{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-2)}
.label.blue{color:var(--blue-text)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;z-index:100}
.skip:focus{left:8px}

/* Header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--paper);z-index:60}
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.95);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--hair)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:68px}
.site-head .logo img{height:40px;width:auto}
.nav{display:flex;gap:26px;align-items:center;font-size:15px;font-weight:500}
.nav a{text-decoration:none;color:var(--grey)}
.nav a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:15px;letter-spacing:.02em;padding:13px 20px;border:2px solid var(--ink);background:var(--ink);color:#fff;transition:background .15s,color .15s,border-color .15s}
.btn:hover{background:var(--blue);border-color:var(--blue)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn.on-blue{background:#fff;color:var(--ink);border-color:#fff}
.btn.on-blue:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn.on-blue-ghost{background:transparent;color:#fff;border-color:#fff}
.btn.on-blue-ghost:hover{background:#fff;color:var(--ink)}
.btn.line-white{background:transparent;color:#fff;border-color:#fff}
.btn.line-white:hover{background:#fff;color:var(--ink)}
.nav .btn{padding:9px 14px;color:#fff}
.arrow{display:inline-block;transition:transform .2s}
.btn:hover .arrow{transform:translateX(4px)}
@media (max-width:960px){.nav a:not(.btn){display:none}}

/* Hero */
.hero{padding-block:36px 0}
.spec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:2px solid var(--ink);padding-top:12px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-2);line-height:1.45}
.hero-main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;margin-top:48px}
.thesis{grid-column:1/span 8;font-size:clamp(64px,12.5vw,164px);line-height:.88;letter-spacing:-.045em;font-weight:700}
.thesis span{display:block;animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.thesis span:nth-child(2){animation-delay:.08s}
.thesis span:nth-child(3){animation-delay:.16s;color:var(--blue)}
@keyframes rise{from{transform:translateY(18px)}to{transform:none}}
.hero-side{grid-column:9/span 4;display:flex;flex-direction:column;gap:22px;padding-bottom:10px;min-width:0}
.hero-side h1{font-size:clamp(24px,2.3vw,30px);line-height:1.18;letter-spacing:-.01em}
.hero-side p{color:var(--grey);font-size:18px}
.ctas{display:flex;flex-wrap:wrap;gap:12px}

/* Proof strip */
.proof{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:64px;border-top:2px solid var(--ink);border-bottom:1px solid var(--hair)}
.proof > div{padding:20px 18px 22px 0;min-width:0}
.proof > div+div{padding-left:18px;border-left:1px solid var(--hair)}
.proof .n{font-size:clamp(30px,3.2vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1;white-space:nowrap}
.proof .w{font-size:clamp(24px,2.4vw,32px)}
.proof .d{margin-top:8px;font-size:14px;color:var(--grey);line-height:1.4}
.proof .hl .n{color:var(--blue)}
@media (max-width:960px){
  .hero-main{margin-top:32px}
  .thesis{grid-column:1/-1}
  .hero-side{grid-column:1/-1;margin-top:32px;padding-bottom:0}
  .proof{grid-template-columns:repeat(3,minmax(0,1fr))}
  .proof > div:nth-child(4){border-left:0;padding-left:0}
  .proof > div:nth-child(n+4){border-top:1px solid var(--hair)}
}
@media (max-width:560px){
  .spec{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proof{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proof > div:nth-child(n){border-left:0;padding-left:0;border-top:1px solid var(--hair)}
  .proof > div:nth-child(even){border-left:1px solid var(--hair);padding-left:14px}
  .proof > div:nth-child(-n+2){border-top:0}
}

/* Sections */
.section{padding-block:96px 24px}
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-top:2px solid var(--ink);padding-top:12px}
.sec-title{margin-top:28px;font-size:clamp(34px,4.6vw,56px);line-height:1.02;letter-spacing:-.028em;max-width:17ch}
.lede{margin-top:18px;font-size:20px;line-height:1.5;color:var(--grey);max-width:60ch}
.intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.intro .sec-title{grid-column:1/span 7}
.intro .lede{grid-column:8/span 5;margin-top:0}
@media (max-width:960px){.intro .sec-title,.intro .lede{grid-column:1/-1}.intro .lede{margin-top:4px}}

/* About */
.about{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:8px}
.about h2{grid-column:1/span 6;margin-top:28px;font-size:clamp(30px,3.8vw,46px);line-height:1.06;letter-spacing:-.025em}
.about .txt{grid-column:8/span 5;margin-top:32px;display:flex;flex-direction:column;gap:16px;font-size:18px;color:var(--grey)}
@media (max-width:960px){.about h2,.about .txt{grid-column:1/-1}.about .txt{margin-top:0}}

/* Approach graphic */
.approach{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:center;margin-top:40px}
.rings{grid-column:1/span 6;width:100%;max-width:560px;height:auto;overflow:visible}
.rings circle{transition:opacity .25s,transform .35s cubic-bezier(.2,.7,.2,1);transform-box:fill-box;transform-origin:50% 100%}
.rings text{font-family:var(--font);font-weight:700;letter-spacing:-.02em;pointer-events:none;transition:opacity .25s}
.rings .ring-x{fill:var(--tint)}
.rings .ring-p{fill:var(--blue)}
.rings .ring-n{fill:var(--ink)}
.rings .t-x{fill:var(--blue-text)}
.rings .t-p,.rings .t-n{fill:#fff}
.rings .t-small{font-weight:500;font-size:15px;letter-spacing:.12em}
.rings .guide{stroke:var(--hair);stroke-width:1;stroke-dasharray:3 5;fill:none}
.approach[data-focus] .rings g:not(.on){opacity:.28}
.approach[data-focus] .rings g.on circle{transform:scale(1.025)}
.rings g{transition:opacity .25s}
.steps-list{grid-column:8/span 5;list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.steps-list li{border-top:2px solid var(--ink);padding:18px 0 22px;cursor:default;transition:border-color .2s}
.steps-list li:last-child{border-bottom:1px solid var(--hair)}
.steps-list .k{display:flex;align-items:baseline;gap:14px}
.steps-list .k b{font-size:15px;color:var(--blue-text);letter-spacing:.06em}
.steps-list h3{font-size:34px;letter-spacing:-.025em;line-height:1}
.steps-list p{margin-top:8px;font-size:17px;color:var(--grey);padding-left:36px}
.steps-list li.on{border-top-color:var(--blue)}
.steps-list li.on h3{color:var(--blue)}
@media (max-width:960px){
  .rings{grid-column:1/-1;max-width:440px;margin:0 auto}
  .steps-list{grid-column:1/-1}
}

/* Accordions (services and cases) */
details > summary{list-style:none;cursor:pointer}
details > summary::-webkit-details-marker{display:none}
details::details-content{block-size:0;overflow:hidden;transition:block-size .4s cubic-bezier(.2,.7,.2,1),content-visibility .4s allow-discrete}
details[open]::details-content{block-size:auto}
.pm{flex:none;width:44px;height:44px;border:2px solid var(--ink);border-radius:50%;position:relative;transition:background .2s,border-color .2s,transform .3s}
.pm::before,.pm::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .3s,background .2s}
.pm::after{transform:translate(-50%,-50%) rotate(90deg)}
details[open] > summary .pm{background:var(--ink);transform:rotate(180deg)}
details[open] > summary .pm::before,details[open] > summary .pm::after{background:#fff}
details[open] > summary .pm::after{transform:translate(-50%,-50%) rotate(0deg)}
summary:hover .pm{border-color:var(--blue)}
summary:hover .pm::before,summary:hover .pm::after{background:var(--blue)}
details[open] > summary:hover .pm{background:var(--blue);border-color:var(--blue)}
details[open] > summary:hover .pm::before,details[open] > summary:hover .pm::after{background:#fff}

.areas{margin-top:48px;border-bottom:2px solid var(--ink)}
.area{border-top:2px solid var(--ink)}
.area > summary{display:grid;grid-template-columns:110px minmax(0,1fr) 44px;gap:24px;align-items:center;padding:26px 0}
.area-num{font-size:64px;font-weight:700;color:var(--blue);line-height:.85;letter-spacing:-.04em;transition:color .2s}
.area h3{font-size:clamp(26px,3vw,38px);letter-spacing:-.02em;line-height:1.06}
.area .q{margin-top:8px;font-size:18px;color:var(--grey)}
.area > summary:hover h3{color:var(--blue)}
.area-body{padding:0 0 34px 134px}
.svc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.svc > div{border-top:1px solid var(--hair);padding:16px 0 20px;min-width:0}
.svc h4{font-size:18px}
.svc p{margin-top:6px;font-size:16px;color:var(--grey);line-height:1.5}
.practice{margin-top:8px;background:var(--tint);padding:16px 20px;display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;font-size:16px}
.alongside{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:18px;font-weight:700}
.alongside span{color:var(--grey);font-weight:400}
@media (max-width:760px){
  .area > summary{grid-template-columns:56px minmax(0,1fr) 40px;gap:14px;padding:20px 0}
  .area-num{font-size:40px}
  .area .q{font-size:16px}
  .pm{width:40px;height:40px}
  .area-body{padding:0 0 26px}
  .svc{grid-template-columns:1fr}
  .practice{grid-template-columns:1fr;gap:4px}
}

.cases{margin-top:48px;border-bottom:2px solid var(--ink)}
.case{border-top:2px solid var(--ink)}
.case > summary{display:grid;grid-template-columns:170px minmax(0,1fr) 200px 44px;gap:28px;align-items:center;padding:26px 0}
.case .logo-cell{height:64px;display:flex;align-items:center}
.case .logo-cell img{max-height:44px;width:auto;max-width:150px;object-fit:contain}
.case .logo-cell img.sq{max-height:64px}
.case h3{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;line-height:1.08}
.case .one{margin-top:6px;font-size:17px;color:var(--grey)}
.case .head-metric .n{font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--blue);white-space:nowrap}
.case .head-metric .d{margin-top:6px;font-size:14px;color:var(--grey);line-height:1.35}
.case > summary:hover h3{color:var(--blue)}
.case-body{padding:0 0 36px}
.meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:1px solid var(--ink);padding-top:12px;font-size:16px}
.meta .label{font-size:12px;margin-bottom:4px}
.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;border-top:2px solid var(--ink)}
.results > div{padding:18px 20px 22px 0}
.results > div+div{padding-left:20px}
.results .n{font-size:clamp(42px,5vw,64px);font-weight:700;letter-spacing:-.035em;line-height:.95;white-space:nowrap}
.results .d{margin-top:10px;font-size:15px;color:var(--grey);max-width:30ch}
.results .hl{background:var(--blue);color:#fff}
.results .hl .d{color:var(--tint)}
.story{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:24px}
.story .ch{grid-column:1/span 5;border-top:1px solid var(--ink);padding:12px 28px 0 0}
.story .wd{grid-column:7/span 6;border-top:1px solid var(--ink);padding-top:12px}
.story .ch p{margin-top:10px;font-size:18px;line-height:1.5}
.story .note{margin-top:12px;color:var(--blue-text);font-weight:700;font-size:16px}
.did{list-style:none;margin:8px 0 0;padding:0;counter-reset:d}
.did li{display:grid;grid-template-columns:34px minmax(0,1fr);padding:10px 0;border-bottom:1px solid var(--hair);font-size:16px;counter-increment:d}
.did li:last-child{border-bottom:0}
.did li::before{content:counter(d,decimal-leading-zero);font-weight:700;color:var(--blue-text)}
.recog{margin-top:22px;background:var(--ink);color:#fff;padding:16px 22px;font-size:16px;display:flex;gap:14px;flex-wrap:wrap;align-items:baseline}
.recog b{color:#7FB8F5;letter-spacing:.14em;font-size:12px}
@media (max-width:860px){
  .case > summary{grid-template-columns:minmax(0,1fr) 40px;gap:14px 16px;padding:22px 0}
  .case .logo-cell{grid-column:1;grid-row:1;height:40px}
  .case .logo-cell img{max-height:30px}
  .case .logo-cell img.sq{max-height:40px}
  .case .who{grid-column:1/-1;grid-row:2}
  .case .head-metric{grid-column:1/-1;grid-row:3;display:flex;align-items:baseline;gap:12px}
  .case .head-metric .n{font-size:34px}
  .case .pm{grid-column:2;grid-row:1;justify-self:end}
  .meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .results{grid-template-columns:1fr}
  .results > div,.results > div+div{padding:16px 0;border-bottom:1px solid var(--hair)}
  .results .hl{padding-left:16px!important;padding-right:16px}
  .story .ch,.story .wd{grid-column:1/-1;padding-right:0}
  .story .wd{margin-top:24px}
}

/* Clients */
.logo-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:44px;border-top:2px solid var(--ink)}
.logo-wall > div{height:150px;display:flex;align-items:center;justify-content:center;padding:20px}
.logo-wall img{max-height:52px;width:auto;max-width:80%;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .25s,opacity .25s}
.logo-wall img.sq{max-height:84px}
.logo-wall > div:hover img{filter:none;opacity:1}
.also{margin-top:20px;font-size:17px;color:var(--grey)}
.also b{color:var(--ink)}
.leaders{margin-top:56px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;border-top:1px solid var(--ink);padding-top:16px}
.leaders .label{grid-column:1/span 3;padding-top:6px}
.leaders .names{grid-column:4/span 9;display:flex;flex-wrap:wrap;gap:6px 28px;font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:-.015em;color:#9AA1AB}
.leaders .names span:hover{color:var(--ink)}
.leaders + .leaders{margin-top:24px}
.leaders .feat{grid-column:4/span 9;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:17px;color:var(--grey)}
.leaders .feat b{color:var(--ink)}
@media (max-width:760px){
  .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .logo-wall > div{height:120px}
  .leaders .label,.leaders .names,.leaders .feat{grid-column:1/-1}
}

/* Engage */
.path{display:grid;grid-template-columns:minmax(0,5fr) 72px minmax(0,7fr);margin-top:48px;align-items:stretch}
.start{background:var(--blue);color:#fff;padding:26px 28px 28px;display:flex;flex-direction:column}
.start .label{color:#fff}
.start h3{margin-top:14px;font-size:40px;letter-spacing:-.025em;line-height:1}
.start .lede{margin-top:10px;font-size:18px;color:var(--tint)}
.weeks{margin-top:auto;padding-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.weeks > div{border-top:2px solid #fff;padding:12px 12px 0 0}
.weeks b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tint)}
.weeks h4{margin-top:6px;font-size:18px}
.weeks p{margin-top:4px;font-size:14px;line-height:1.4;color:var(--tint)}
.connector{position:relative}
.connector::before{content:"";position:absolute;left:0;right:28px;top:50%;height:2px;background:var(--ink)}
.connector::after{content:"";position:absolute;right:18px;top:50%;width:14px;height:14px;border-top:2px solid var(--ink);border-right:2px solid var(--ink);transform:translateY(-50%) rotate(45deg)}
.then{display:flex;flex-direction:column}
.then .label{padding-bottom:10px}
.opt{border-top:2px solid var(--ink);padding:18px 0 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;align-items:baseline}
.opt:last-child{border-bottom:1px solid var(--hair)}
.opt h3{font-size:26px;letter-spacing:-.02em;line-height:1.15}
@media (max-width:480px){.opt h3{font-size:23px}}
.opt .tag{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-text);text-align:right}
.opt p{grid-column:1/-1;font-size:17px;color:var(--grey)}
.side-band{margin-top:24px;border:2px solid var(--ink);padding:18px 22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.side-band h3{font-size:22px}
.side-band p{color:var(--grey);font-size:17px}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:56px}
.principles > div{border-top:2px solid var(--ink);padding-top:14px}
.principles h4{font-size:20px}
.principles p{margin-top:6px;color:var(--grey);font-size:16px}
@media (max-width:960px){
  .path{grid-template-columns:1fr}
  .connector{height:52px}
  .connector::before{left:50%;right:auto;top:0;bottom:14px;width:2px;height:auto}
  .connector::after{left:50%;right:auto;top:auto;bottom:6px;transform:translateX(-50%) rotate(135deg)}
  .principles{grid-template-columns:1fr;gap:20px}
}
@media (max-width:520px){.weeks{grid-template-columns:1fr;gap:12px}.weeks > div{padding-right:0}}

/* Contact */
.contact{margin-top:96px;background:var(--blue);color:#fff;padding-block:88px 80px;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 1px,transparent 1px,transparent calc((100% - 1px)/12))}
.contact .sec-head{border-color:#fff}
.contact .label{color:#fff}
.contact-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:36px}
.contact h2{grid-column:1/span 7;font-size:clamp(40px,6vw,80px);line-height:.97;letter-spacing:-.035em}
.contact .side{grid-column:9/span 4;display:flex;flex-direction:column;gap:18px;justify-content:flex-end}
.contact .side p{font-size:19px;line-height:1.5}
.cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 28px;margin-top:56px;border-top:2px solid #fff;padding-top:18px}
.cgrid .v{margin-top:8px;font-size:17px;line-height:1.45;word-break:break-word}
.cgrid a{color:#fff}
@media (max-width:960px){.contact h2,.contact .side{grid-column:1/-1}}
@media (max-width:760px){.cgrid{grid-template-columns:1fr;gap:20px}}

/* Footer */
.site-foot{background:var(--ink);color:#C9CED6;padding-block:32px;font-size:14.5px}
.site-foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.site-foot img{height:40px;width:auto}
.site-foot a{color:#fff}
.site-foot .links{display:flex;gap:20px;flex-wrap:wrap}

/* Privacy / 404 */
.doc{padding-block:56px 80px}
.doc h1{margin-top:28px;font-size:clamp(34px,5vw,56px);letter-spacing:-.025em;line-height:1.04}
.doc h2{margin-top:40px;font-size:22px}
.doc p,.doc li{font-size:17px;color:var(--grey);max-width:68ch}
.doc p{margin-top:12px}
.doc ul{margin:12px 0 0;padding-left:20px}
.doc li{margin-top:6px}
.case .head-metric{display:flex;flex-direction:column;min-width:0}
.case .head-metric .d{display:block}
.area > summary{align-items:start}
.area > summary .pm{margin-top:4px}
@media (max-width:860px){.case .head-metric{flex-direction:row;align-items:baseline;gap:12px}}

/* Print / Save as PDF: keep colours and layout, open every section */
@media print{
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .site-head{position:static}
  body::before{display:none}
  details::details-content{block-size:auto!important;content-visibility:visible!important}
  .pm{display:none}
  .section{padding-block:40px 8px;break-inside:auto}
  .area,.case,.path,.approach,.contact{break-inside:avoid-page}
  .thesis span{animation:none}
}

/* Relevant experience / Featured in */
.sub{margin-top:64px;padding-top:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px 24px}
.sub h3{grid-column:1/span 4;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;line-height:1.1}
.sub p{grid-column:6/span 7;font-size:17px;color:var(--grey);line-height:1.55}
.brand-wall{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:24px;border-top:2px solid var(--ink)}
.brand-wall.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-wall .wm{height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px;font-size:clamp(17px,1.6vw,22px);font-weight:700;letter-spacing:-.01em;color:#8A919B;text-align:center;transition:color .2s}
.brand-wall .wm small{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.brand-wall .wm:hover{color:var(--ink)}
.brand-wall .wm img{max-height:40px;max-width:80%;width:auto;filter:grayscale(1);opacity:.75}
@media (max-width:960px){.brand-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.sub h3,.sub p{grid-column:1/-1}}
@media (max-width:560px){.brand-wall,.brand-wall.three{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-wall .wm{height:90px}}
@media (max-width:760px){.spec{grid-template-columns:repeat(2,minmax(0,1fr))}}
.spec{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:560px){.spec{grid-template-columns:1fr 1fr}}
.brand-wall .wm img{max-height:34px;max-width:78%;filter:grayscale(1) contrast(1.1);opacity:.65;transition:filter .25s,opacity .25s}
.brand-wall .wm:hover img{filter:none;opacity:1}
.brand-wall .wm img.lg-wipro{max-height:56px}
.brand-wall .wm img.lg-hbr{max-height:72px}
.brand-wall .wm img.lg-thedrum{max-height:38px}
.brand-wall .wm img.lg-infosys{max-height:30px}
.brand-wall.three .wm{height:140px}
.brand-wall.three .wm img{max-height:44px}
.brand-wall.three .wm img.lg-hbr{max-height:88px}