/* Inner pages in the Diego index-4 language: Poppins uppercase titles, boxed labels with corner brackets,
   square corners, dark sections, Volt accents. Scoped to main.ip so the home page and site.js widgets are unaffected. */
.ip{--disp:"Poppins",system-ui,sans-serif;--body:"Syne",system-ui,sans-serif;--mono:"Poppins",system-ui,sans-serif;--r:0px;--sec:var(--jz-obsidian)}
.ip .w{max-width:1320px}

/* Sections */
.ip .s{padding:clamp(80px,10vw,150px) 0;background:var(--jz-obsidian);--sec:var(--jz-obsidian)}
.ip .s+.s{border-top:0}
.ip .s.alt{background:#131311;--sec:#131311}
.ip .s.vb{background:var(--jz-volt);--sec:var(--jz-volt)}
.ip .s.read{background:var(--jz-linen);--sec:var(--jz-linen)}
.ip .s.tight{padding:clamp(28px,4vw,48px) 0}

/* Type */
.ip :is(h1,h2){font-family:"Poppins",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:-.04em;line-height:.94}
.ip h1{font-size:clamp(2.6rem,7vw,7.5rem)}
.ip h1.sm{font-size:clamp(2rem,4.4vw,4.4rem);line-height:1}
.ip h2{font-size:clamp(2rem,4.6vw,4.6rem);margin-bottom:.5em}
.ip .side h2,.ip .split.ev h2{font-size:clamp(1.8rem,3.4vw,3.2rem)}
.ip .cta h2{font-size:clamp(2.4rem,6vw,6rem);max-width:16ch}
.ip h3{font-family:"Poppins",sans-serif;font-weight:500;letter-spacing:-.02em}
.ip .s.read :is(h1,h2,h3),.ip .prose :is(h2,h3){text-transform:none;letter-spacing:-.02em;line-height:1.15}
.ip p,.ip li{font-family:"Syne",sans-serif}
.ip .lead{font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.6}
.ip .o{color:var(--jz-volt);-webkit-text-stroke:0}
.ip .s.vb .o,.ip .s.read .o{color:var(--jz-obsidian)}
.ip .state{font-family:"Poppins",sans-serif;font-weight:500;text-transform:uppercase}

/* Page hero: plain dark, room for the transparent header */
.ip .hero.in-pg{padding:clamp(150px,16vw,220px) 0 clamp(70px,8vw,120px);background:var(--jz-obsidian);min-height:auto}
.ip .hero .bgx{display:none}
.ip .hero.in-pg .lead{max-width:56ch}

/* Boxed label with corner brackets (template section subtitle) */
.ip .k{position:relative;isolation:isolate;display:inline-block;border:1px solid currentColor;border-radius:0;padding:7px 20px;margin-bottom:30px;font:500 14px/20px "Poppins",sans-serif;letter-spacing:0;text-transform:uppercase;color:var(--jz-linen)}
.ip .k:before,.ip .k:after{content:"";position:absolute;width:auto;height:auto;border-radius:0;background:var(--sec);box-shadow:none;z-index:-1}
.ip .k:before{top:-2px;bottom:-2px;left:8px;right:8px}
.ip .k:after{top:8px;bottom:8px;left:-2px;right:-2px}
.ip .s.vb .k,.ip .s.read .k{color:var(--jz-obsidian)}
.ip .report-card{--sec:var(--jz-linen)}
.ip .report-card .k{color:var(--jz-obsidian)}

/* Buttons in the template style */
.ip .btn{font:600 15px/1.1 "Poppins",sans-serif;text-transform:uppercase;letter-spacing:.02em;min-height:56px;padding:0 28px}
.ip .lf .btn{min-height:56px}

/* Cards, steps, problems: square, outlined, Poppins numbers */
.ip .card,.ip .steps li,.ip .it,.ip .sc fieldset,.ip .rep,.ip .rep .kp div{background:transparent;border-color:rgba(245,245,242,.14);border-radius:0}
.ip .card:hover{transform:none;border-color:var(--jz-volt)}
.ip .probs .card:before,.ip .steps li:before{font:500 48px/1 "Poppins",sans-serif;letter-spacing:-.04em;color:var(--jz-volt);-webkit-text-stroke:0}
.ip .s.vb .card,.ip .s.vb .steps li{border-color:rgba(13,13,13,.25)}
.ip .acct h3,.ip .tile h3{font-family:"Poppins",sans-serif;font-weight:500}
.ip .mc .tt{font-family:"Poppins",sans-serif;font-weight:600;text-transform:uppercase}
.ip .ul li{border-color:rgba(245,245,242,.14)}

/* FAQ */
.ip .faq summary{font:500 clamp(1.1rem,1.8vw,1.5rem)/1.25 "Poppins",sans-serif;letter-spacing:-.02em}
.ip .faq details{border-color:rgba(245,245,242,.14)}

/* Forms and widgets: square corners */
.ip .lf input:not([type=checkbox]):not([type=range]),.ip .lf select,.ip .lf textarea,.ip .fmsg,.ip .book,.ip .book-days button,.ip .book-foot select,.ip .mini,.ip .meter,.ip .ph-hero,.ip .fdr,.ip .ba,.ip .gal figure,.ip .prose img{border-radius:0}
.ip .meter .val b,.ip .meter .band,.ip .mini-top b{font-family:"Poppins",sans-serif;font-weight:600}
.ip .sc legend{font-family:"Poppins",sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:-.01em}
.ip .chips button{border-radius:0;font-family:"Poppins",sans-serif;text-transform:uppercase;font-size:.8rem;letter-spacing:.04em}

/* Template hover list used for solutions and industries */
.jz-rows{border-bottom:1px solid rgba(245,245,242,.14)}
.jz-rows .tp-project-4-2-title-box span{max-width:60ch;display:block}
.s.vb .jz-rows .tp-project-4-2-title,.s.vb .jz-rows span,.s.vb .jz-rows a{color:var(--jz-obsidian)}

/* Phones */
@media(max-width:767px){.ip .k{font-size:12px;padding:6px 16px}.ip .probs .card:before,.ip .steps li:before{font-size:36px}}

/* overflow:hidden on main breaks sticky (audit score bar and meter); clip only sideways */
main.ip.fix{overflow:visible;overflow-x:clip}

/* ===== Round 3: headings colour, case study images ===== */
/* The template colours headings navy; on inner pages they take the section's colour */
.ip :is(h1,h2,h3,h4){color:inherit}
.ip .s.vb :is(h1,h2,h3,h4),.ip .s.read :is(h1,h2,h3,h4){color:var(--jz-obsidian)}

/* Case study images: whole picture in an even tile, click to enlarge */
.ip .jz-zoom{display:block;width:100%;height:100%;cursor:zoom-in;position:relative}
.ip .jz-zoom:after{content:"+";position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;background:var(--jz-volt);color:var(--jz-obsidian);display:grid;place-items:center;font:500 22px/1 "Poppins",sans-serif;opacity:0;transform:scale(.8);transition:.3s}
.ip .jz-zoom:hover:after,.ip .jz-zoom:focus-visible:after{opacity:1;transform:none}
.ip .jz-gal{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.ip .jz-gal figure{background:#0D0D0D}
.ip .jz-gal img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#0D0D0D}
.ip .ph-hero.jz-fit{aspect-ratio:auto;background:#0D0D0D}
.ip .ph-hero.jz-fit img{width:100%;height:auto;max-height:78vh;object-fit:contain}
/* Lightbox in Junza colours */
.mfp-bg{background:#0D0D0D;opacity:.94}
.mfp-figure:after{box-shadow:none;background:transparent}
.mfp-title{font-family:"Syne",sans-serif;color:rgba(245,245,242,.8)}
.mfp-close,.mfp-arrow{color:var(--jz-linen)}