/*
 PJBUILTS — EDITORIAL STUDIO / V4
 Structural companion: portfolio-layout-v4.js
 A NEW visual design, not a recolour of the previous hero and cards.
 IMPORTANT: all working links, real product imagery, enquiry form and app code
 remain in their original DOM elements. Only their presentation changes.
*/
:root{
 --pj-bg:#f5f5f2;
 --pj-ink:#192024;
 --pj-cobalt:#314aeb;
 --pj-blue-dark:#2436bf;
 --pj-pale:#e7edff;
 --pj-secondary:#636a73;
 --pj-rule:#dce0e1;
 --pj-card:#ffffff;
}
html,body{background:#f5f5f2!important;color:var(--pj-ink)!important}
body:before{background:none!important}
body:after{background:none!important;opacity:0!important}
body .cursor-glow{opacity:0!important}
body .wrap{width:min(1260px,calc(100% - 72px))!important}
body .progress{background:#314aeb!important;box-shadow:none!important;height:2px!important}

/* White navigation with bold square developer identity. */
body .nav,
body .nav.scrolled{
 background:rgba(251,251,249,.97)!important;
 border:0!important;
 border-bottom:1px solid #e1e3e3!important;
 box-shadow:none!important;
 backdrop-filter:blur(14px)!important;
 padding:12px 0!important;
}
body .navin{min-height:50px!important}
body .brand{font-size:.99rem!important;color:#161d24!important;letter-spacing:-.04em!important;gap:11px!important}
body .brandmark{
 width:39px!important;height:39px!important;
 border-radius:10px!important;
 color:#fff!important;
 background:#3046df!important;
 border:none!important;
 box-shadow:none!important;
}
body .navlinks{gap:26px!important}
body .navlinks a{color:#3c4651!important;font-weight:750!important;font-size:.79rem!important}
body .navlinks a:hover,body .navlinks a.active{color:#314aeb!important}
body .navlinks a:after{background:#314aeb!important}
body .status-pill{background:#edf0ff!important;border:1px solid #d5dcfe!important;color:#2f47d5!important;border-radius:10px!important}
body .status-pill i{background:#314aeb!important;box-shadow:none!important;animation:none!important}

/* A real editorial masthead rather than the old code-card marketing hero. */
html[data-pj-layout="editorial-v4"] body .hero{
 min-height:auto!important;
 background:#f5f5f2!important;
 padding:139px 0 72px!important;
 border-bottom:1px solid #dddfe0!important;
 overflow:hidden!important;
 isolation:isolate!important;
}
html[data-pj-layout="editorial-v4"] body .hero:before{
 content:"";position:absolute;z-index:0;pointer-events:none;
 width:min(650px,50vw);height:min(650px,50vw);border-radius:50%;
 border:1px solid #e3e5e9;right:-260px;top:-235px;
}
html[data-pj-layout="editorial-v4"] body .hero:after{display:none!important}
html[data-pj-layout="editorial-v4"] body .hero-canvas{display:none!important}
html[data-pj-layout="editorial-v4"] body .hero-grid{
 display:grid!important;
 grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr)!important;
 align-items:stretch!important;
 gap:clamp(28px,5.4vw,85px)!important;
 position:relative;z-index:1;
}
html[data-pj-layout="editorial-v4"] body .hero-grid>div:first-child{min-width:0}
html[data-pj-layout="editorial-v4"] body .hero .eyebrow{
 display:inline-flex!important;
 color:#3c4db4!important;
 background:#e8ecff!important;
 border:1px solid #d6ddff!important;
 border-radius:6px!important;
 margin:0 0 27px!important;
 padding:9px 12px!important;
 font-size:.69rem!important;
 letter-spacing:.075em!important;
 line-height:1.35!important;
 box-shadow:none!important;
 font-weight:810!important;
}
html[data-pj-layout="editorial-v4"] body .hero .eyebrow span{
 background:#314aeb!important;box-shadow:none!important;
 width:7px!important;height:7px!important;flex:none;
}
html[data-pj-layout="editorial-v4"] body .hero h1{
 margin:0!important;
 max-width:850px!important;
 color:#171e24!important;
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
 font-size:clamp(3.6rem,7.2vw,7.6rem)!important;
 font-weight:875!important;
 letter-spacing:-.089em!important;
 line-height:.985!important;
}
html[data-pj-layout="editorial-v4"] body .hero h1 .grad{
 display:block!important;
 color:#171e24!important;-webkit-text-fill-color:#171e24!important;
 background:none!important;
}
html[data-pj-layout="editorial-v4"] body .hero h1 .pj-last-name{
 display:block!important;
 color:#314aeb!important;
 font-style:normal;
 letter-spacing:-.095em!important;
}
html[data-pj-layout="editorial-v4"] body .hero h1 .thin{
 display:block!important;
 border:0!important;
 padding:0!important;
 margin:34px 0 0!important;
 color:#292f37!important;
 max-width:40ch!important;
 font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
 font-size:clamp(1.12rem,1.76vw,1.43rem)!important;
 letter-spacing:-.038em!important;
 line-height:1.46!important;
 font-weight:620!important;
}
html[data-pj-layout="editorial-v4"] body .hero-copy{
 max-width:63ch!important;
 font-size:clamp(.92rem,1.04vw,1rem)!important;
 line-height:1.78!important;
 color:#58636e!important;
 margin-top:17px!important;
}
html[data-pj-layout="editorial-v4"] body .hero-actions{
 display:flex!important;flex-wrap:wrap!important;
 margin-top:27px!important;gap:10px!important;
}
html[data-pj-layout="editorial-v4"] body .hero-actions .btn{
 border-radius:9px!important;
 min-height:50px!important;
 font-size:.83rem!important;
 font-weight:820!important;
 padding:0 20px!important;
 box-shadow:none!important;
}
html[data-pj-layout="editorial-v4"] body .hero-actions .btn:before{display:none!important}
html[data-pj-layout="editorial-v4"] body .hero-actions .btn.primary{
 background:#171e24!important;color:#fff!important;
 border:1px solid #171e24!important;
}
html[data-pj-layout="editorial-v4"] body .hero-actions .btn:not(.primary){
 color:#192024!important;
 background:#fff!important;
 border:1px solid #c8ced4!important;
}
html[data-pj-layout="editorial-v4"] body .hero-actions .btn:focus-visible{outline:2px solid #314aeb;outline-offset:3px}
html[data-pj-layout="editorial-v4"] body .hero-stats{
 margin-top:35px!important;
 display:flex!important;flex-wrap:wrap!important;
 gap:0!important;
 border:0!important;
 padding:0!important;
}
html[data-pj-layout="editorial-v4"] body .hero-stats .stat{
 padding:12px 19px!important;
 border-left:1px solid #d7dbdc!important;
}
html[data-pj-layout="editorial-v4"] body .hero-stats .stat:first-child{
 padding-left:0!important;border-left:0!important;
}
html[data-pj-layout="editorial-v4"] body .hero-stats .stat strong{
 color:#202a37!important;font-size:1.06rem!important;
 font-weight:810!important;letter-spacing:-.025em!important;
}
html[data-pj-layout="editorial-v4"] body .hero-stats .stat span{
 color:#737d87!important;font-size:.71rem!important;
 line-height:1.5!important;margin-top:5px!important;
}

/* Genuine new right-side composition: large cobalt product navigator. */
html[data-pj-layout="editorial-v4"] body .pj-hero-showcase{
 min-width:0;
 background:#3049e7!important;
 color:#fff!important;
 border-radius:18px!important;
 padding:clamp(21px,2.4vw,35px)!important;
 display:flex!important;flex-direction:column!important;
 box-shadow:0 24px 60px rgba(39,68,169,.13)!important;
 position:relative;overflow:hidden;
}
html[data-pj-layout="editorial-v4"] body .pj-hero-showcase:before{
 content:"";position:absolute;width:270px;height:270px;right:-95px;top:115px;
 border:1px solid rgba(255,255,255,.24);border-radius:50%;
 box-shadow:0 0 0 44px rgba(255,255,255,.035),0 0 0 94px rgba(255,255,255,.025);
 pointer-events:none;
}
html[data-pj-layout="editorial-v4"] body .pj-showcase-top{
 display:flex;justify-content:space-between;align-items:flex-start;gap:12px;
 position:relative;z-index:1;
}
html[data-pj-layout="editorial-v4"] body .pj-showcase-identity{
 font-size:3.2rem;line-height:1;font-weight:930;letter-spacing:-.13em;
}
html[data-pj-layout="editorial-v4"] body .pj-showcase-identity span{color:#b4ffae}
html[data-pj-layout="editorial-v4"] body .pj-showcase-edition{
 color:#dce2ff;font-size:.62rem;line-height:1.58;
 text-align:right;font-weight:720;letter-spacing:.11em;
}
html[data-pj-layout="editorial-v4"] body .pj-showcase-title{
 margin:clamp(33px,4.7vw,75px) 0 34px;
 color:#fff!important;
 font-size:clamp(2rem,2.9vw,3.7rem)!important;
 line-height:1.06;font-weight:815;letter-spacing:-.065em;
 position:relative;z-index:1;
}
html[data-pj-layout="editorial-v4"] body .pj-showcase-title em{
 color:#c6ffbf;font-style:normal;
}
html[data-pj-layout="editorial-v4"] body .pj-showcase-links{
 display:grid;position:relative;z-index:1;
 border-top:1px solid rgba(255,255,255,.32);
}
html[data-pj-layout="editorial-v4"] body .pj-showcase-links a{
 display:grid;grid-template-columns:95px 1fr 20px;
 gap:14px;align-items:center;
 padding:18px 0;
 text-decoration:none;
 border-bottom:1px solid rgba(255,255,255,.25);
 color:#fff!important;
 transition:padding .18s,background .18s;
}
html[data-pj-layout="editorial-v4"] body .pj-showcase-links a:hover{padding-left:6px}
html[data-pj-layout="editorial-v4"] body .pj-showcase-links a:focus-visible{outline:2px solid #c6ffbf;outline-offset:-2px}
html[data-pj-layout="editorial-v4"] body .pj-showcase-links a>span:first-child{
 font-size:.57rem;color:#cfd9ff;line-height:1.5;font-weight:820;letter-spacing:.04em;
}
html[data-pj-layout="editorial-v4"] body .pj-showcase-links a strong{font-size:.92rem;font-weight:760;letter-spacing:-.023em;}
html[data-pj-layout="editorial-v4"] body .pj-showcase-links a>span:last-child{font-size:1.05rem;text-align:right}
html[data-pj-layout="editorial-v4"] body .pj-showcase-footer{
 display:flex;justify-content:space-between;gap:8px;
 margin-top:auto;padding-top:27px;
 font-size:.65rem;font-weight:800;letter-spacing:.13em;
 color:#d4dcff;position:relative;z-index:1;
}

/* Former code sample is still preserved, available below the hero on demand. */
html[data-pj-layout="editorial-v4"] body .pj-technical-snapshot{
 background:#f5f5f2!important;
 border-bottom:1px solid #e0e2e4!important;
 padding:13px max(26px,calc((100vw - 1260px)/2))!important;
 color:#647078!important;font-size:.77rem!important;
}
html[data-pj-layout="editorial-v4"] body .pj-technical-snapshot summary{
 cursor:pointer;display:list-item!important;
 font-weight:720;letter-spacing:.01em;max-width:100%;
}
html[data-pj-layout="editorial-v4"] body .pj-technical-snapshot .hero-visual{
 max-width:520px!important;
 min-height:470px!important;
 margin:8px auto 0!important;
}
html[data-pj-layout="editorial-v4"] body .pj-technical-snapshot .dev-card{
 animation:none!important;
 transform:none!important;
 box-shadow:0 16px 28px rgba(0,0,0,.13)!important;
}
html[data-pj-layout="editorial-v4"] body .pj-technical-snapshot .float-chip{animation:none!important}

/* New full-width manifesto marquee */
html[data-pj-layout="editorial-v4"] body .marquee{
 background:#1b242e!important;
 border:0!important;
}
html[data-pj-layout="editorial-v4"] body .marquee span{color:#d6dde5!important;letter-spacing:.16em!important;font-size:.72rem!important}
html[data-pj-layout="editorial-v4"] body .marquee b{color:#adffb5!important}

/* Real work board: introductory editorial banner + sticky index + 2-column tiles */
html[data-pj-layout="editorial-v4"] body #work{
 background:#eaf0f3!important;
 color:#202a35!important;
 padding:96px 0 115px!important;
}
html[data-pj-layout="editorial-v4"] body #work .pj-work-intro{
 border-bottom:1px solid #cbd4d9!important;
 margin-bottom:38px!important;
 padding-bottom:35px!important;
}
html[data-pj-layout="editorial-v4"] body #work .section-head{
 display:flex!important;align-items:flex-start!important;
 justify-content:space-between!important;gap:35px!important;
 margin:0!important;
}
html[data-pj-layout="editorial-v4"] body #work .section-index{
 width:160px!important;flex:none;
 padding-top:9px!important;
 color:#3150d7!important;
 font-weight:800!important;letter-spacing:.145em!important;
 font-size:.7rem!important;
}
html[data-pj-layout="editorial-v4"] body #work .section-title{flex:1;min-width:0}
html[data-pj-layout="editorial-v4"] body .section-title small{
 color:#4356bb!important;
 font-size:.7rem!important;
 letter-spacing:.17em!important;
 margin-bottom:17px!important;
}
html[data-pj-layout="editorial-v4"] body .section-title h2{
 font-size:clamp(2.7rem,5.5vw,5.7rem)!important;
 color:#16202c!important;
 letter-spacing:-.08em!important;
 line-height:.99!important;
 font-weight:870!important;
}
html[data-pj-layout="editorial-v4"] body .section-title p{max-width:65ch!important;color:#5c6670!important;line-height:1.72!important}
html[data-pj-layout="editorial-v4"] body #work .pj-work-stage{
 display:grid!important;
 grid-template-columns:155px minmax(0,1fr)!important;
 gap:38px!important;
 align-items:start!important;
}
html[data-pj-layout="editorial-v4"] body #work .pj-project-rail{
 position:sticky;top:100px;min-width:0;
 padding:13px 0!important;
}
html[data-pj-layout="editorial-v4"] body #work .pj-rail-kicker{
 font-size:.61rem;color:#798792!important;
 font-weight:850;letter-spacing:.19em;
 display:block;margin-bottom:17px;
}
html[data-pj-layout="editorial-v4"] body #work .pj-project-index{
 display:grid;gap:1px;border-top:1px solid #ccd5d8;
}
html[data-pj-layout="editorial-v4"] body #work .pj-project-index-link{
 display:grid;grid-template-columns:24px 1fr;gap:10px;
 align-items:baseline;
 border-bottom:1px solid #ccd5d8;
 padding:13px 1px;
 color:#3a4a59!important;
 text-decoration:none;transition:color .2s;
}
html[data-pj-layout="editorial-v4"] body #work .pj-project-index-link:hover{color:#314aeb!important}
html[data-pj-layout="editorial-v4"] body #work .pj-project-index-num{
 color:#6978a3;font-size:.63rem;font-weight:840;font-variant-numeric:tabular-nums;
}
html[data-pj-layout="editorial-v4"] body #work .pj-project-index-name{
 font-size:.81rem;font-weight:770;line-height:1.42;letter-spacing:-.025em;
}
html[data-pj-layout="editorial-v4"] body #work .project-list{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 align-items:stretch!important;
 gap:23px!important;
 min-width:0!important;
}
html[data-pj-layout="editorial-v4"] body #work .project{
 display:flex!important;
 flex-direction:column!important;
 min-height:0!important;
 border-radius:14px!important;
 border:1px solid #d2dbe0!important;
 background:#fff!important;
 box-shadow:0 7px 26px rgba(30,47,61,.035)!important;
 overflow:hidden!important;
 transform-style:flat!important;
 width:100%!important;
 min-width:0!important;
}
html[data-pj-layout="editorial-v4"] body #work .project:before{display:none!important}
html[data-pj-layout="editorial-v4"] body #work .project-visual{
 order:-1!important;
 width:100%!important;
 min-height:370px!important;
 height:370px!important;
 border:0!important;
 border-bottom:1px solid #dbe1e4!important;
 background:#e1e9ed!important;
 display:grid!important;
 place-items:center!important;
 padding:16px 0!important;
 overflow:hidden!important;
 position:relative!important;
}
html[data-pj-layout="editorial-v4"] body #work .project .project-copy{
 order:1!important;
 width:100%!important;
 min-width:0!important;
 padding:26px 26px 25px!important;
 background:#fff!important;
 display:flex!important;
 flex-direction:column!important;
 flex:1!important;
 position:relative!important;
}
html[data-pj-layout="editorial-v4"] body #work .project .project-no{
 color:#3b53c8!important;
 letter-spacing:.14em!important;
 font-size:.63rem!important;
 font-weight:850!important;
}
html[data-pj-layout="editorial-v4"] body #work .project h3{
 font-size:clamp(1.7rem,2.55vw,2.68rem)!important;
 color:#17232f!important;
 font-weight:850!important;
 letter-spacing:-.065em!important;
 line-height:1.11!important;
 margin:12px 0 14px!important;
}
html[data-pj-layout="editorial-v4"] body #work .project .status{
 display:inline-flex!important;
 width:max-content!important;
 max-width:100%!important;
 background:#edf1ff!important;
 border:1px solid #dce3fc!important;
 border-radius:6px!important;
 color:#3c4e9d!important;
 padding:7px 10px!important;
 font-size:.65rem!important;
 font-weight:780!important;
 letter-spacing:.035em!important;
}
html[data-pj-layout="editorial-v4"] body #work .project .status i{
 background:#5262cc!important;box-shadow:none!important;
}
html[data-pj-layout="editorial-v4"] body #work .project .project-copy>p{
 color:#616c79!important;
 font-size:.86rem!important;
 line-height:1.72!important;
 margin:17px 0 0!important;
}
html[data-pj-layout="editorial-v4"] body #work .project .features{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 margin:20px 0 15px!important;
 gap:7px!important;
}
html[data-pj-layout="editorial-v4"] body #work .project .feature{
 min-width:0;
 background:#f5f7f8!important;
 border:1px solid #e8ecee!important;
 border-radius:6px!important;
 padding:9px!important;
 color:#52616d!important;
 font-size:.68rem!important;
 line-height:1.46!important;
}
html[data-pj-layout="editorial-v4"] body #work .project .feature b{color:#3f54b8!important;font-size:.65rem!important}
html[data-pj-layout="editorial-v4"] body #work .project .project-links{
 display:flex!important;flex-wrap:wrap!important;
 gap:9px!important;
 margin-top:auto!important;
 padding-top:14px!important;
}
html[data-pj-layout="editorial-v4"] body #work .project .project-links a{
 display:inline-flex!important;justify-content:center!important;
 width:auto!important;
 border-radius:7px!important;
 min-height:42px!important;
 background:#fff!important;
 color:#25313c!important;
 border:1px solid #cbd3d9!important;
 box-shadow:none!important;
 padding:10px 13px!important;
 font-size:.72rem!important;
 font-weight:800!important;
}
html[data-pj-layout="editorial-v4"] body #work .project .project-links a:first-child{
 background:#2d45d8!important;
 color:#fff!important;
 border-color:#2d45d8!important;
}
html[data-pj-layout="editorial-v4"] body #work .project .project-links a:focus-visible{
 outline:2px solid #344bd8;outline-offset:3px;
}
html[data-pj-layout="editorial-v4"] body #work .project-list > .gallery,
html[data-pj-layout="editorial-v4"] body #work .project-list > [id$="-gallery"]{
 grid-column:1 / -1!important;
 margin:0!important;
 width:100%!important;
}
html[data-pj-layout="editorial-v4"] body #work .gallery figure{
 background:#fff!important;border:1px solid #d2dbe0!important;border-radius:10px!important;
}
html[data-pj-layout="editorial-v4"] body #work .gallery figcaption{color:#586778!important}
/* Original actual screenshot img sources and lightbox JS deliberately untouched. */

/* Clearly separated sections after the product grid. */
html[data-pj-layout="editorial-v4"] body #process{
 background:#161e29!important;
 color:#fff!important;
 padding:105px 0!important;
}
html[data-pj-layout="editorial-v4"] body #process .section-title h2{color:#f8f9fc!important}
html[data-pj-layout="editorial-v4"] body #process .section-title small{color:#b9ffb6!important}
html[data-pj-layout="editorial-v4"] body #process .section-index{color:#a1abb8!important}
html[data-pj-layout="editorial-v4"] body #process .section-title p{color:#aeb7c4!important}
html[data-pj-layout="editorial-v4"] body #process .process{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;
}
html[data-pj-layout="editorial-v4"] body #process .process-card{
 border-radius:9px!important;
 background:#202c39!important;
 border:1px solid #384351!important;
 box-shadow:none!important;
 padding:25px!important;
}
html[data-pj-layout="editorial-v4"] body #process .process-card:before{display:none!important}
html[data-pj-layout="editorial-v4"] body #process .process-card b{color:#b4ffb4!important}
html[data-pj-layout="editorial-v4"] body #process .process-card h3{color:#fff!important}
html[data-pj-layout="editorial-v4"] body #process .process-card p{color:#c0cbd6!important}
html[data-pj-layout="editorial-v4"] body #about{
 background:#f5f5f2!important;
 color:#1b232c!important;
 padding:100px 0!important;
}
html[data-pj-layout="editorial-v4"] body #about .about-card,
html[data-pj-layout="editorial-v4"] body #about .contact-card{
 background:#fff!important;
 border:1px solid #e0e3e4!important;
 border-radius:14px!important;
 box-shadow:0 10px 36px rgba(25,37,47,.035)!important;
}
html[data-pj-layout="editorial-v4"] body #about .about-card .big,
html[data-pj-layout="editorial-v4"] body #about .contact-card h3{color:#18222e!important}
html[data-pj-layout="editorial-v4"] body #about .about-card .big span{color:#344cda!important}
html[data-pj-layout="editorial-v4"] body #about .about-card p,
html[data-pj-layout="editorial-v4"] body #about .contact-card p{color:#596878!important;line-height:1.75!important}
html[data-pj-layout="editorial-v4"] body #about .skills span{color:#435668!important;border-color:#d9e0e4!important;background:#f4f6fa!important}
html[data-pj-layout="editorial-v4"] body .contact-email{color:#3046cf!important}
html[data-pj-layout="editorial-v4"] body footer{background:#f5f5f2!important}
html[data-pj-layout="editorial-v4"] body .foot{border-top-color:#dee1e4!important;color:#667581!important}

/* Responsive card board: image above text — fundamentally different from V3. */
@media(max-width:1190px){
 html[data-pj-layout="editorial-v4"] body .hero-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.8fr)!important;gap:25px!important}
 html[data-pj-layout="editorial-v4"] body #work .pj-work-stage{grid-template-columns:135px minmax(0,1fr)!important;gap:22px!important}
}
@media(max-width:1000px){
 html[data-pj-layout="editorial-v4"] body .hero-grid{grid-template-columns:minmax(0,1fr)!important}
 html[data-pj-layout="editorial-v4"] body .pj-hero-showcase{min-height:420px!important}
 html[data-pj-layout="editorial-v4"] body #work .pj-work-stage{display:block!important}
 html[data-pj-layout="editorial-v4"] body #work .pj-project-rail{position:static!important;padding:0 0 22px!important}
 html[data-pj-layout="editorial-v4"] body #work .pj-project-index{
  display:flex!important;overflow-x:auto!important;gap:7px!important;
  border:0!important;padding:0 0 8px!important;scrollbar-width:thin;
 }
 html[data-pj-layout="editorial-v4"] body #work .pj-project-index-link{
  flex:none!important;display:flex!important;gap:7px!important;
  align-items:center!important;
  border:1px solid #ccd4de!important;
  border-radius:8px!important;
  background:#fff!important;
  padding:9px 11px!important;
 }
 html[data-pj-layout="editorial-v4"] body #process .process{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 body .wrap{width:calc(100% - 36px)!important;max-width:100%!important}
 body .nav{padding:9px 0!important}
 body .navin{min-height:47px!important}
 html[data-pj-layout="editorial-v4"] body .hero{padding:108px 0 37px!important}
 html[data-pj-layout="editorial-v4"] body .hero-grid{gap:31px!important}
 html[data-pj-layout="editorial-v4"] body .hero .eyebrow{
  margin-bottom:22px!important;padding:8px 10px!important;font-size:.6rem!important;
  letter-spacing:.035em!important;
 }
 html[data-pj-layout="editorial-v4"] body .hero h1{
  font-size:clamp(2.83rem,12.7vw,4.4rem)!important;
  line-height:1.03!important;
  letter-spacing:-.077em!important;
 }
 html[data-pj-layout="editorial-v4"] body .hero h1 .pj-last-name{letter-spacing:-.087em!important}
 html[data-pj-layout="editorial-v4"] body .hero h1 .thin{
  margin-top:24px!important;
  font-size:clamp(1.06rem,4.4vw,1.22rem)!important;
  font-weight:635!important;
  line-height:1.45!important;
 }
 html[data-pj-layout="editorial-v4"] body .hero-copy{font-size:.91rem!important;line-height:1.72!important}
 html[data-pj-layout="editorial-v4"] body .hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 html[data-pj-layout="editorial-v4"] body .hero-actions .btn{
  width:100%!important;min-width:0!important;
  padding:0 8px!important;
  text-align:center!important;white-space:normal!important;
  font-size:clamp(.69rem,2.8vw,.84rem)!important;
  line-height:1.27!important;gap:5px!important;
 }
 html[data-pj-layout="editorial-v4"] body .hero-stats{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;margin-top:23px!important;
 }
 html[data-pj-layout="editorial-v4"] body .hero-stats .stat{padding:7px 9px!important}
 html[data-pj-layout="editorial-v4"] body .hero-stats .stat:first-child{padding-left:0!important}
 html[data-pj-layout="editorial-v4"] body .hero-stats .stat strong{font-size:clamp(.78rem,3.05vw,.96rem)!important}
 html[data-pj-layout="editorial-v4"] body .hero-stats .stat span{font-size:.63rem!important}
 html[data-pj-layout="editorial-v4"] body .pj-hero-showcase{
  padding:23px 21px!important;min-height:400px!important;border-radius:14px!important;
 }
 html[data-pj-layout="editorial-v4"] body .pj-showcase-identity{font-size:2.7rem}
 html[data-pj-layout="editorial-v4"] body .pj-showcase-edition{font-size:.55rem}
 html[data-pj-layout="editorial-v4"] body .pj-showcase-title{
  font-size:clamp(2rem,8vw,2.72rem)!important;margin:39px 0 25px!important;
 }
 html[data-pj-layout="editorial-v4"] body .pj-showcase-links a{
  grid-template-columns:75px 1fr 16px;gap:9px;padding:15px 0;
 }
 html[data-pj-layout="editorial-v4"] body .pj-showcase-links a strong{font-size:.87rem}
 html[data-pj-layout="editorial-v4"] body .pj-showcase-links a>span:first-child{font-size:.53rem}
 html[data-pj-layout="editorial-v4"] body #work{padding:67px 0 85px!important}
 html[data-pj-layout="editorial-v4"] body #work .pj-work-intro{padding-bottom:23px!important;margin-bottom:22px!important}
 html[data-pj-layout="editorial-v4"] body #work .section-head{
  display:block!important;margin:0!important;
 }
 html[data-pj-layout="editorial-v4"] body #work .section-index{display:block!important;width:auto!important;margin-bottom:15px!important}
 html[data-pj-layout="editorial-v4"] body .section-title h2{
  font-size:clamp(2.23rem,9vw,3.3rem)!important;
  line-height:1.04!important;
 }
 html[data-pj-layout="editorial-v4"] body .section-title p{font-size:.92rem!important}
 html[data-pj-layout="editorial-v4"] body #work .pj-project-rail{padding-bottom:17px!important}
 html[data-pj-layout="editorial-v4"] body #work .project-list{grid-template-columns:1fr!important;gap:18px!important}
 html[data-pj-layout="editorial-v4"] body #work .project{border-radius:13px!important}
 html[data-pj-layout="editorial-v4"] body #work .project-visual{
  min-height:350px!important;height:350px!important;
  padding:12px 0!important;
 }
 html[data-pj-layout="editorial-v4"] body #work .project .project-copy{padding:23px 21px 22px!important}
 html[data-pj-layout="editorial-v4"] body #work .project h3{font-size:2.25rem!important}
 html[data-pj-layout="editorial-v4"] body #work .project .project-copy>p{font-size:.87rem!important}
 html[data-pj-layout="editorial-v4"] body #work .project .features{grid-template-columns:1fr 1fr!important}
 html[data-pj-layout="editorial-v4"] body #work .project .project-links{display:grid!important;grid-template-columns:1fr!important}
 html[data-pj-layout="editorial-v4"] body #work .project .project-links a{
  width:100%!important;min-height:44px!important;
 }
 html[data-pj-layout="editorial-v4"] body #work .project-list>.gallery,
 html[data-pj-layout="editorial-v4"] body #work .project-list>[id$="-gallery"]{
  grid-column:1/-1!important;
 }
 html[data-pj-layout="editorial-v4"] body #process{padding:76px 0!important}
 html[data-pj-layout="editorial-v4"] body #process .process{grid-template-columns:1fr!important}
 html[data-pj-layout="editorial-v4"] body #about{padding:70px 0!important}
}
@media(max-width:375px){
 html[data-pj-layout="editorial-v4"] body .hero h1{font-size:2.69rem!important}
 html[data-pj-layout="editorial-v4"] body .pj-showcase-links a{grid-template-columns:66px 1fr 15px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-pj-layout="editorial-v4"] body .pj-showcase-links a{transition:none!important}
}

/* Dynamic NetSathi showcase and existing galleries always occupy the full
   grid width; these nodes are created by the unmodified application scripts. */
html[data-pj-layout="editorial-v4"] body #work .project-list > :not(article.project){
 grid-column:1 / -1!important;
 min-width:0!important;
}
html[data-pj-layout="editorial-v4"] body #work .project-list > #netsathi-showcase{
 width:100%!important;
 max-width:100%!important;
}