/* NF: the inner pages' own look. Dark, cinematic, a PNE-green glow, wide display type, big rounded covers. */
html.nf{--bg:#050706;--fg:#EEF1EF;--fg2:#A9B0AC;--mute:#6F7672;--line:rgba(255,255,255,.12);--w:var(--d)}
html.nf body{background:#050706}
html.nf body:before{content:'';position:fixed;inset:-10%;z-index:1;pointer-events:none;background:radial-gradient(48% 42% at 50% 30%,rgba(22,196,127,.28),transparent 70%),radial-gradient(40% 40% at 85% 90%,rgba(22,196,127,.10),transparent 70%);animation:nfg 14s ease-in-out infinite alternate}
@keyframes nfg{to{transform:translate3d(0,6%,0) scale(1.08)}}
html.nf #gl{opacity:.55}
html.nf main{position:relative;z-index:2}
html.nf .pg-h,html.nf .cta-h{font-family:var(--w);font-weight:700;letter-spacing:-.03em;text-transform:lowercase;line-height:.92}
html.nf .pg-h em,html.nf .cta-h em{font-style:normal;color:var(--g)}
html.nf[data-pg=work] .pg-hero{text-align:center;padding-top:22vh}
html.nf[data-pg=work] .pg-h{font-size:clamp(3.4rem,11vw,12rem)}
html.nf[data-pg=work] .pg-sub{flex-direction:column;align-items:center;gap:2.4rem;text-align:center;margin-top:3rem}
html.nf[data-pg=work] .pg-sub p{color:var(--fg2);max-width:34rem}
html.nf .filters button{background:none;border:0;color:var(--fg);font-weight:500;font-size:.95rem;opacity:.55;padding:.4rem .9rem;position:relative}
html.nf .filters button.on{opacity:1}
html.nf .filters button.on:after{content:'';position:absolute;left:.9rem;right:.9rem;bottom:0;height:2px;background:var(--g);border-radius:2px}
html.nf .wg{grid-template-columns:1fr 1fr;gap:3rem 4vw;max-width:1500px;margin-left:auto;margin-right:auto}
html.nf .wk.feat{grid-column:auto}
html.nf .wk:not(.feat):nth-child(odd),html.nf .wk.feat{margin-top:0}
html.nf .wk:nth-child(even){margin-top:8rem}
html.nf .wk-f,html.nf .wk.feat .wk-f{aspect-ratio:5/4;border-radius:28px;box-shadow:0 50px 100px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.06)}
html.nf .wk-f:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55));pointer-events:none}
html.nf .wk-m{display:block;padding-top:1.8rem}
html.nf .wk-k{display:block;color:var(--g);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.9rem}
html.nf .wk-m h3,html.nf .wk.feat .wk-m h3{font-family:var(--w);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(1.8rem,3.2vw,3.4rem);line-height:.95}
html.nf .wk-u{display:block;width:4.5rem;height:2px;background:var(--fg);opacity:.5;margin:1.3rem 0 1.1rem;transition:width .8s var(--e),background .4s,opacity .4s}
html.nf .wk a:hover .wk-u{width:9rem;background:var(--g);opacity:1}
html.nf .wk-s{color:var(--fg2);font-size:.95rem}
html.nf .wk-m p.wk-t{color:var(--mute);margin-top:.5rem;font-size:.9rem}
@media(max-width:900px){html.nf .wg{grid-template-columns:1fr}html.nf .wk:nth-child(even){margin-top:0}}

/* shared: headings, labels, CTA on every inner page */
html.nf h2,html.nf h3,html.nf h4{font-family:var(--w);font-weight:700;letter-spacing:-.02em}
html.nf .label{color:var(--g)}
html.nf .pg-hero .pg-h{font-size:clamp(3rem,9.5vw,10.5rem)}
html.nf .cta{position:relative}
html.nf .cta-h{font-size:clamp(3rem,9vw,10rem)}
html.nf .wordmark{font-family:var(--w);font-weight:800;letter-spacing:-.04em;color:rgba(255,255,255,.06);-webkit-text-stroke:1px rgba(22,196,127,.35)}
/* case: Yokohama-style hero, centred, uppercase name, service line */
html.nf[data-pg=case] .ed-hero{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:16vh}
html.nf[data-pg=case] .ed-hero:before{content:'';display:block;width:6rem;height:2px;background:var(--g);margin:0 auto 1.6rem}
html.nf[data-pg=case] .pg-h{text-transform:uppercase;font-size:clamp(3rem,9vw,10rem);letter-spacing:-.02em}
html.nf[data-pg=case] .ed-tl{margin-left:auto;margin-right:auto;text-align:center;color:var(--fg)}
html.nf .ed-facts{border:0;gap:1rem;margin:0 auto 6rem;max-width:1200px;padding:0 2rem}
html.nf .ed-facts div{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:18px;padding:1.3rem 1.4rem}
html.nf .ed-facts dt{color:var(--g)}
html.nf .ed-facts dd{font-size:1.05rem}
html.nf .cs-win{border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(22,196,127,.12),0 60px 140px -40px rgba(22,196,127,.35)}
html.nf .ed-side h3{text-transform:uppercase;font-size:clamp(2rem,3vw,3rem)}
html.nf .ed-body .mandate{font-family:var(--w);font-weight:500;text-transform:none;letter-spacing:-.02em}
html.nf .ed .res .r{border-top:1px solid var(--line)}
html.nf .res h4{font-family:var(--w);font-weight:700;text-transform:uppercase;color:var(--fg)}
html.nf .ed-btn{border-color:var(--line);color:var(--fg)}
html.nf .ed-btn:hover{background:var(--fg);color:#050706;border-color:var(--fg)}
html.nf .ed-next .h{font-family:var(--w);font-weight:700;text-transform:uppercase}
html.nf .ed-next .ed-nimg{border-radius:28px;width:min(70rem,90vw)}
/* services: each service is a solid panel with a giant green number */
html.nf .svp{display:grid;gap:1.4rem;max-width:1400px;margin:0 auto}
html.nf .sv-row{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid var(--line);border-radius:32px;padding:clamp(2rem,5vw,4.5rem);position:relative;overflow:hidden;min-height:60vh;display:flex;align-items:flex-end}
html.nf .sv-row:before{content:attr(data-s);position:absolute;right:-.06em;top:-.22em;font-family:var(--w);font-weight:800;font-size:clamp(14rem,32vw,34rem);line-height:1;color:transparent;-webkit-text-stroke:2px rgba(22,196,127,.4)}
html.nf .sv-row:after{content:'';position:absolute;inset:auto -20% -60% 30%;height:90%;background:radial-gradient(closest-side,rgba(22,196,127,.25),transparent);pointer-events:none}
html.nf .sv-row .t{position:relative;z-index:1;max-width:46rem}
html.nf .sv-row .n{color:var(--g)}
html.nf .sv-row h2{text-transform:uppercase;font-size:clamp(2.6rem,6vw,6.5rem);line-height:.95;margin:1rem 0 1.4rem}
html.nf .sv-row p{color:var(--fg2);font-size:1.15rem;line-height:1.45}
html.nf .sv-row ul{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem;list-style:none}
html.nf .sv-row li{border:1px solid var(--line);border-radius:99px;padding:.55rem 1rem;font-size:.75rem;background:rgba(0,0,0,.3)}
html.nf .sv-row li span{color:var(--g);margin-left:.6rem}
/* studio: process and values as cards */
html.nf .proc>*,html.nf .vals>div{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:24px;padding:2rem}
html.nf .vals div{border-top:1px solid var(--line)}
html.nf .proc h3,html.nf .vals h3{text-transform:uppercase}
html.nf .n{color:var(--g)}
/* contact: dark card form */
html.nf .ct .fm{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:32px;padding:clamp(1.6rem,4vw,3.5rem)}
html.nf .fm .grp label{border-color:var(--line);color:var(--fg)}
html.nf .fm input,html.nf .fm textarea,html.nf .fm select{color:var(--fg)}
html.nf .ct .side a{font-family:var(--w);font-weight:500;letter-spacing:-.02em}
html.nf .ct .side a:hover{color:var(--g)}

html.nf .svp{padding:0 2rem 10vh}
html.nf .sv-row{margin:0;width:auto}

/* solid cards: nothing shows through them */
html.nf .proc>*,html.nf .vals>div,html.nf .ed-facts div,html.nf .ct .fm{background:#0b100e;box-shadow:0 30px 80px -40px rgba(0,0,0,.9)}
html.nf .sv-row{background:linear-gradient(160deg,#121916,#080b0a)}
html.nf .proc>.label{background:none;border:0;box-shadow:none;padding:0 0 1rem}
html.nf .proc,html.nf .vals,html.nf .ct,html.nf .svp,html.nf .ed,html.nf .ed-facts{position:relative;z-index:3}

/* book a call: two steps, a solid form card, then the calendar in a framed card */
html.nf[data-pg=book] .bk-hero{min-height:auto;padding-top:20vh;padding-bottom:6vh}
html.nf .bk-sub{color:var(--fg2);font-size:1.2rem;max-width:36rem;margin-top:2rem}
html.nf .bk-steps{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;margin-top:2.6rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
html.nf .bk-steps li{display:flex;align-items:center;gap:.7rem;border:1px solid var(--line);border-radius:99px;padding:.7rem 1.2rem;color:var(--mute);transition:all .6s var(--e)}
html.nf .bk-steps b{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:rgba(255,255,255,.06);font-weight:500}
html.nf .bk-steps li.on{color:var(--fg);border-color:rgba(22,196,127,.5)}
html.nf .bk-steps li.on b{background:var(--g);color:#06110c}
html.nf .bk{display:grid;grid-template-columns:1fr 1.5fr;gap:3vw;padding:2vh 2rem 16vh;max-width:1500px;margin:0 auto;position:relative;z-index:3}
html.nf .bk[hidden]{display:none}
html.nf .bk-get{display:flex;flex-direction:column;gap:1rem}
html.nf .bk-i,html.nf .bk-card{background:#0b100e;border:1px solid var(--line);border-radius:24px;padding:1.8rem;box-shadow:0 30px 80px -40px rgba(0,0,0,.9)}
html.nf .bk-i h3,html.nf .bk-card h3{text-transform:uppercase;font-size:clamp(1.1rem,1.5vw,1.45rem);line-height:1.05;margin:.8rem 0 .6rem}
html.nf .bk-i p,html.nf .bk-card p{color:var(--fg2);line-height:1.45;font-size:.95rem}
html.nf .bk-q{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem .4rem;font-size:.82rem;color:var(--mute)}
html.nf .bk-q a{color:var(--fg);transition:color .4s}html.nf .bk-q a:hover{color:var(--g)}
html.nf .bk-fm{background:#0b100e;border:1px solid var(--line);border-radius:32px;padding:clamp(1.6rem,4vw,3.5rem);box-shadow:0 0 0 1px rgba(22,196,127,.08),0 60px 140px -50px rgba(22,196,127,.3);gap:1.8rem}
html.nf .bk-t{text-transform:uppercase;font-size:clamp(1.8rem,3.2vw,3.2rem);line-height:.95;margin-top:.8rem}
html.nf .bk-2{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem}
html.nf .bk-fm .f input,html.nf .bk-fm .f textarea{font-size:clamp(1.1rem,1.5vw,1.4rem)}
html.nf .bk-cal{grid-template-columns:300px 1fr;align-items:start}
html.nf .bk-sum{display:flex;flex-direction:column;gap:1rem;position:sticky;top:7rem}
html.nf .bk-sum ul{list-style:none;margin-top:1rem;display:flex;flex-direction:column;gap:.55rem;font-size:.85rem;word-break:break-word}
html.nf .bk-sum li{position:relative;padding-left:1rem}html.nf .bk-sum li:before{content:'';position:absolute;left:0;top:.5em;width:5px;height:5px;border-radius:50%;background:var(--g)}
html.nf .bk-edit{background:none;border:0;color:var(--mute);margin-top:1.2rem;font-size:.78rem;cursor:none;transition:color .4s}
html.nf .bk-edit:hover{color:var(--g)}
html.nf .bk-tip{border-color:rgba(22,196,127,.35);background:linear-gradient(160deg,rgba(22,196,127,.14),#0b100e 70%)}
html.nf .bk-frame{border-radius:28px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(22,196,127,.15),0 60px 140px -40px rgba(22,196,127,.35)}
html.nf .bk-frame iframe{display:block;width:100%;min-width:320px;height:720px;border:0}
@media(max-width:900px){html.nf .bk,html.nf .bk-cal,html.nf .bk-2{grid-template-columns:1fr}html.nf .bk{padding-left:1.2rem;padding-right:1.2rem}html.nf .bk-sum{position:static}}

/* same type as the home page: Inter Tight, medium weight, tight tracking, sentence case (no shouty caps) */
html.nf .pg-h,html.nf .cta-h,html.nf h1,html.nf h2,html.nf h3,html.nf h4,html.nf .wk-m h3,html.nf .wk.feat .wk-m h3,html.nf .ed-next .h,html.nf .res h4,html.nf .ed-side h3,html.nf .sv-row h2,html.nf .bk-t,html.nf .bk-i h3,html.nf .bk-card h3,html.nf .proc h3,html.nf .vals h3,html.nf[data-pg=case] .pg-h{font-family:var(--d);font-weight:500;text-transform:none;letter-spacing:-.05em}
html.nf .pg-h,html.nf .cta-h,html.nf[data-pg=case] .pg-h{letter-spacing:-.065em;line-height:.88}
html.nf .wordmark{font-family:var(--d);font-weight:500;letter-spacing:-.06em}
html.nf .sv-row:before{font-family:var(--d);font-weight:400;letter-spacing:-.06em}
html.nf .ed-body .mandate,html.nf .ct .side a{font-family:var(--d);font-weight:400;letter-spacing:-.04em}

/* case v2, Netfolie-style story: full-bleed hero photo, overview, facts line, the site, client + what we did, gallery, results, identity, more work */
html.nf .cx-hero{position:relative;height:100vh;min-height:640px;overflow:hidden;display:flex;align-items:flex-end;z-index:3}
html.nf .cx-hero .crumb{position:absolute;top:6.4rem;left:2rem;right:2rem;display:flex;justify-content:space-between;color:var(--fg);z-index:3}
html.nf .cx-img{position:absolute;inset:0;z-index:1;background:#0b100e}
html.nf .cx-img img{width:100%;height:115%;object-fit:cover;object-position:top center;display:block;will-change:transform}
html.nf .cx-img:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,6,.55) 0%,rgba(5,7,6,.15) 35%,rgba(5,7,6,.85) 78%,#050706 100%)}
html.nf .cx-img.none img{display:none}
html.nf .cx-t{position:relative;z-index:2;padding:0 2rem 7vh;max-width:1500px;width:100%;margin:0 auto}
html.nf .cx-t .eb{color:var(--g);margin-bottom:1.4rem}
html.nf[data-pg=case] .cx-t .pg-h{font-size:clamp(4rem,13vw,15rem);text-transform:none;text-align:left}
html.nf .cx-t .ed-tl{color:var(--fg);font-size:clamp(1.15rem,1.7vw,1.6rem);line-height:1.35;max-width:40rem;margin:2rem 0 0;text-align:left}
html.nf .cx-ov{display:grid;grid-template-columns:1fr 2.2fr;gap:4vw;max-width:1500px;margin:0 auto;padding:16vh 2rem 10vh;position:relative;z-index:3}
html.nf .cx-ov .mandate{font-size:clamp(1.6rem,3vw,3rem);line-height:1.15;letter-spacing:-.04em;color:var(--fg);max-width:none}
html.nf[data-pg=case] .ed-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:1500px;padding:0 2rem;margin:0 auto 12vh;border-top:1px solid var(--line)}
html.nf[data-pg=case] .ed-facts div{background:none;border:0;border-radius:0;box-shadow:none;padding:1.6rem 0 0;border-right:1px solid var(--line);padding-left:1.4rem}
html.nf[data-pg=case] .ed-facts div:first-child{padding-left:0}
html.nf[data-pg=case] .ed-facts div:last-child{border-right:0}
html.nf[data-pg=case] .cs-win{max-width:1500px;width:calc(100% - 4rem);margin:0 auto}
html.nf .cx-two{display:grid;grid-template-columns:1fr 1fr;gap:6vw;max-width:1500px;margin:0 auto;padding:18vh 2rem 12vh;position:relative;z-index:3}
html.nf .cx-cl h3{font-size:clamp(2.6rem,5vw,5.5rem);line-height:.92;margin:1.4rem 0 1.6rem}
html.nf .cx-cl .ed-tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}
html.nf .cx-cl .ed-tags li{border:1px solid var(--line);border-radius:99px;padding:.5rem .9rem}
html.nf .cx-act{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.4rem}
html.nf .cx-two .did{list-style:none;margin-top:1.4rem}
html.nf .cx-two .did li{display:flex;gap:1.4rem;align-items:baseline;font-size:clamp(1.2rem,1.8vw,1.7rem);letter-spacing:-.03em;padding:1.2rem 0;border-bottom:1px solid var(--line)}
html.nf .cx-two .did li span{color:var(--g);font-size:.72rem}
html.nf .cx-gal{max-width:1500px;margin:0 auto;padding:0 2rem 12vh;position:relative;z-index:3}
html.nf .cx-gal .cs-gal-g{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:2rem}
html.nf .cx-gal figure{border-radius:24px;overflow:hidden;margin:0}
html.nf .cx-gal figure:nth-child(3n+1){grid-column:1/-1}
html.nf .cx-gal img{width:100%;display:block}
html.nf .cx-res{max-width:1500px;margin:0 auto;padding:6vh 2rem 14vh;position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
html.nf .cx-res>.label{grid-column:1/-1}
html.nf .cx-res .r{display:block;background:#0b100e;border:1px solid var(--line);border-radius:24px;padding:2.2rem;min-height:18rem;position:relative}
html.nf .cx-res .r>span{display:block;font-size:clamp(3rem,5vw,5rem);font-family:var(--d);letter-spacing:-.06em;color:var(--g);margin-bottom:2.4rem;line-height:1}
html.nf .cx-res .r h4{font-size:clamp(1.3rem,1.8vw,1.8rem);text-transform:none;margin-bottom:.8rem}
html.nf .cx-res .r p{color:var(--fg2);line-height:1.45}
html.nf .cx-brand{max-width:1500px;margin:0 auto;padding:0 2rem 16vh;position:relative;z-index:3}
html.nf .cx-bg{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:1.4rem;margin-top:2rem}
html.nf .cx-sw,html.nf .cx-ty{border-radius:24px;min-height:20rem;padding:1.6rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line)}
html.nf .cx-sw span,html.nf .cx-sw b{color:#fff;mix-blend-mode:difference;font-weight:400}
html.nf .cx-ink{background:#0B0D0C}
html.nf .cx-paper{background:#F2F2EF}
html.nf .cx-ty{background:#0b100e}
html.nf .cx-ty span{color:var(--mute)}
html.nf .cx-ty b{font-size:clamp(5rem,9vw,9rem);font-weight:500;letter-spacing:-.06em;line-height:1}
html.nf .cx-ty p{color:var(--fg2)}
html.nf .cx-rel{max-width:1500px;margin:0 auto;padding:0 2rem 14vh;position:relative;z-index:3}
html.nf .cx-rg{display:grid;grid-template-columns:1fr 1fr;gap:3rem 2vw;margin-top:2rem}
html.nf .cx-rf{aspect-ratio:16/10;border-radius:24px;overflow:hidden;background:#0b100e;margin-bottom:1.4rem}
html.nf .cx-rf img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.2s var(--e)}
html.nf .cx-rc:hover .cx-rf img{transform:scale(1.05)}
html.nf .cx-rc span{color:var(--g)}
html.nf .cx-rc h3{font-size:clamp(2rem,3.4vw,3.6rem);margin-top:.6rem}
html.nf[data-pg=case] .ed-next{display:none}
@media(max-width:900px){html.nf .cx-ov,html.nf .cx-two,html.nf .cx-rg,html.nf .cx-res,html.nf .cx-gal .cs-gal-g{grid-template-columns:1fr}html.nf .cx-bg{grid-template-columns:1fr 1fr}html.nf[data-pg=case] .ed-facts{grid-template-columns:1fr 1fr}html.nf .cx-hero .crumb,html.nf .cx-t{padding-left:1.2rem;padding-right:1.2rem}}

/* 0315 calm-down pass: smaller type everywhere, a contained case hero (title above, framed image below) */
html.nf .pg-hero .pg-h{font-size:clamp(2.6rem,6.2vw,6.8rem)}
html.nf[data-pg=work] .pg-h{font-size:clamp(2.8rem,7vw,7.5rem)}
html.nf .cta-h{font-size:clamp(2.6rem,6vw,6.5rem)}
html.nf .wk-m h3,html.nf .wk.feat .wk-m h3{font-size:clamp(1.5rem,2.2vw,2.3rem)}
html.nf .sv-row{min-height:auto}
html.nf .sv-row:before{font-size:clamp(9rem,18vw,18rem);opacity:.6}
html.nf .sv-row h2{font-size:clamp(2rem,3.6vw,3.8rem)}
html.nf .sv-row p{font-size:1.02rem}
html.nf .proc h3,html.nf .vals h3{font-size:clamp(1.2rem,1.6vw,1.6rem)}
html.nf .bk-t{font-size:clamp(1.5rem,2.4vw,2.4rem)}
html.nf .label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}

html.nf .cx-hero{height:auto;min-height:0;display:block;padding:11rem 2rem 0;max-width:1500px;margin:0 auto}
html.nf .cx-hero .crumb{position:static;margin-bottom:3rem}
html.nf .cx-t{padding:0;margin:0 0 3.5rem}
html.nf[data-pg=case] .cx-t .pg-h{font-size:clamp(2.8rem,6.5vw,7rem);line-height:.95}
html.nf .cx-t .ed-tl{font-size:clamp(1.05rem,1.3vw,1.3rem);max-width:34rem;margin-top:1.4rem;color:var(--fg2)}
html.nf .cx-img{position:relative;inset:auto;height:min(58vh,640px);border-radius:24px;overflow:hidden;border:1px solid var(--line)}
html.nf .cx-img img{height:112%;object-position:center 8%}
html.nf .cx-img:after{background:linear-gradient(180deg,rgba(5,7,6,.35),rgba(5,7,6,0) 30%,rgba(5,7,6,0) 70%,rgba(5,7,6,.4))}
html.nf .cx-hero{display:flex;flex-direction:column}
html.nf .cx-hero .crumb{order:0}html.nf .cx-t{order:1}html.nf .cx-img{order:2}
html.nf .cx-ov{padding-top:8rem}
html.nf .cx-ov .mandate{font-size:clamp(1.3rem,2vw,2rem);line-height:1.3}
html.nf[data-pg=case] .ed-facts{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}
html.nf .cx-cl h3{font-size:clamp(1.9rem,3vw,3rem)}
html.nf .cx-two .did li{font-size:clamp(1.05rem,1.3vw,1.25rem);padding:1rem 0}
html.nf .cx-res .r{min-height:13rem;padding:1.8rem}
html.nf .cx-res .r>span{font-size:clamp(2rem,3vw,3rem);margin-bottom:1.6rem}
html.nf .cx-res .r h4{font-size:clamp(1.1rem,1.3vw,1.3rem)}
html.nf .cx-sw,html.nf .cx-ty{min-height:13rem}
html.nf .cx-ty b{font-size:clamp(3.5rem,5vw,5.5rem)}
html.nf .cx-rc h3{font-size:clamp(1.5rem,2.2vw,2.3rem)}
@media(max-width:900px){html.nf .cx-hero{padding:8rem 1.2rem 0}html.nf .cx-img{height:42vh}}
html.nf .cx-hero{align-items:stretch}html.nf .cx-hero .crumb{width:100%;display:flex;justify-content:space-between}html.nf .cx-img{width:100%;margin:0;left:auto;right:auto}
html.nf .cx-img img{object-position:center 30%}
html.nf .cx-img{height:min(46vh,520px)}

/* 0318 one voice: inner pages use the home page's type, Inter Tight light and tight, sentence case, no shouting caps */
html.nf .pg-h,html.nf .cta-h,html.nf h1,html.nf h2,html.nf h3,html.nf h4,html.nf .wk-m h3,html.nf .wk.feat .wk-m h3,html.nf .sv-row h2,html.nf .proc h3,html.nf .vals h3,html.nf .bk-t,html.nf .bk-i h3,html.nf .bk-card h3,html.nf .res h4,html.nf .cx-res .r h4,html.nf .ed-side h3,html.nf .ed-next .h,html.nf[data-pg=case] .pg-h,html.nf[data-pg=case] .cx-t .pg-h{font-family:var(--d);font-weight:400;text-transform:none;letter-spacing:-.055em;line-height:.98}
html.nf .pg-h,html.nf .cta-h{line-height:.92}
html.nf h3,html.nf h4{letter-spacing:-.04em;line-height:1.08}
html.nf .wordmark{font-family:var(--d);font-weight:400;letter-spacing:-.06em}
html.nf .sv-row:before{font-family:var(--d);font-weight:300;-webkit-text-stroke:1px rgba(22,196,127,.35)}
html.nf .cx-res .r>span{font-family:var(--d);font-weight:300}
html.nf .ed-body .mandate,html.nf .cx-ov .mandate{font-family:var(--d);font-weight:400;letter-spacing:-.035em}
html.nf .cx-img img{position:absolute;top:-12%;left:0;height:124%}

/* small labels: plain sans words in sentence case, no tracked caps */
html.nf .label,html.nf .bk-steps,html.nf .wk-k{font-family:var(--d);font-size:.9rem;font-weight:500;letter-spacing:0;text-transform:none}