.elementor-3816 .elementor-element.elementor-element-b6f4962{--display:flex;}/* Start custom CSS for html, class: .elementor-element-d8375aa *//* Joseph Wenani portfolio — all rules scoped for safe Elementor use */
#jw{
  --hero:#050c05;--dark:#080f08;--light:#fff;--light-alt:#f5faf5;
  --g:#1b5e20;--gm:#2e7d32;--ga:#43a047;--gp:#e8f5e9;
  --y:#ffd600;--yd:#e6c200;--tl:#0d1a0d;--ml:#4a6741;
  --td:rgba(232,245,233,.92);--md:rgba(232,245,233,.55);
  --bd:rgba(255,255,255,.08);--bl:#ddeedd;
  --r:10px;--rm:18px;--rl:26px;--spring:cubic-bezier(.16,1,.3,1);
  --sg:0 8px 32px rgba(27,94,32,.25);
  width:100%;overflow:clip;background:var(--light);color:var(--tl);
  font-family:"Inter",sans-serif;font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;isolation:auto
}
#jw *{box-sizing:border-box}
#jw img{display:block;width:100%}
#jw a{color:inherit;text-decoration:none}
#jw h1,#jw h2,#jw h3,#jw p{margin-top:0}
#jw h1,#jw h2,#jw h3{font-family:"Syne",sans-serif;line-height:.98;letter-spacing:-.045em}
#jw .jw-grid{width:min(100% - 48px,1440px);margin-inline:auto;display:grid;grid-template-columns:120px repeat(12,1fr);border-inline:1px solid rgba(13,26,13,.09)}
#jw .jw-section-mark{grid-column:1/2;padding-top:8px;font:600 11px/1.3 "Space Grotesk";letter-spacing:.12em;text-transform:uppercase;color:var(--ml);writing-mode:vertical-rl;transform:rotate(180deg);justify-self:center}
#jw .jw-on-dark{color:var(--md)}
#jw .jw-eyebrow{font:600 12px/1.4 "Space Grotesk";letter-spacing:.13em;text-transform:uppercase}
#jw [data-r]{opacity:0;transform:translateY(38px);transition:opacity .85s var(--spring),transform .85s var(--spring)}
#jw [data-r].is-visible{opacity:1;transform:none}
#jw .jw-skip{position:absolute;left:16px;top:-80px;z-index:99;background:var(--y);padding:12px 20px;color:#000}
#jw .jw-skip:focus{top:16px}
#jw .jw-cursor{position:fixed;left:0;top:0;width:18px;height:18px;border:1px solid var(--y);border-radius:50%;pointer-events:none;z-index:9999;opacity:0;transform:translate3d(calc(var(--x) - 9px),calc(var(--y) - 9px),0);transition:width .2s,height .2s,opacity .2s,background .2s}
#jw .jw-cursor.is-on{opacity:1}
#jw .jw-cursor.is-active{width:42px;height:42px;background:rgba(255,214,0,.2);transform:translate3d(calc(var(--x) - 21px),calc(var(--y) - 21px),0)}
#jw .jw-dock{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;gap:7px}
#jw .jw-dock a{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--tl);color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 30px rgba(0,0,0,.18);transition:.3s var(--spring)}
#jw .jw-dock a:first-child{background:var(--gm)}
#jw .jw-dock a:hover{transform:translateY(-5px);background:var(--y);color:#000}

/* Hero */
#jw .jw-hero{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);min-height:clamp(680px,88vh,890px);background:var(--hero);color:#fff;overflow:hidden}
#jw .jw-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 52%,rgba(27,94,32,.2),transparent 38%),linear-gradient(90deg,rgba(5,12,5,.97) 0%,rgba(5,12,5,.72) 47%,rgba(5,12,5,.2) 74%);z-index:1}
#jw .jw-hero-art{position:absolute;inset:0 0 0 36%;animation:jwPulse 9s ease-in-out infinite}
#jw .jw-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,var(--hero))}
#jw .jw-hero-art img{height:100%;object-fit:cover;object-position:center;transition:transform 1.2s var(--spring)}
#jw .jw-hero-grid{position:relative;z-index:2;width:100%;max-width:none;min-height:inherit;margin:0;padding-inline:clamp(24px,4.5vw,90px);border:0;grid-template-rows:1fr auto}
#jw .jw-hero-copy{grid-column:2/12;grid-row:1;align-self:center;padding:70px 0 45px}
#jw .jw-hero .jw-eyebrow{color:var(--md);margin-bottom:25px}
#jw .jw-hero h1{font-size:clamp(54px,7.4vw,112px);max-width:1220px;margin:0;text-transform:none}
#jw .jw-hero h1 span{display:block;transition-delay:calc(var(--i,0)*.08s)}
#jw .jw-hero h1 .jw-accent{color:var(--y)}
#jw .jw-hero-bottom{display:grid;grid-template-columns:minmax(280px,520px) 150px;gap:70px;align-items:center;margin-top:42px;margin-left:8%}
#jw .jw-hero-bottom p{font-size:clamp(17px,1.45vw,21px);color:var(--td);margin:0;max-width:520px}
#jw .jw-round-link{position:relative;width:128px;height:128px;border:1px solid rgba(255,255,255,.38);border-radius:50%;display:grid;place-items:center;font:600 14px/1 "Space Grotesk";letter-spacing:.02em;transition:background .4s var(--spring),color .4s var(--spring),border-color .4s var(--spring),transform .4s var(--spring)}
#jw .jw-round-link:before{content:"";position:absolute;inset:7px;border:1px solid transparent;border-radius:inherit;transition:border-color .4s var(--spring)}
#jw .jw-round-link span{transform:translateY(1px)}
#jw .jw-round-link i{position:absolute;right:25px;top:24px;font-size:10px;color:var(--y);transition:transform .4s var(--spring),color .4s var(--spring)}
#jw .jw-round-link:hover{background:var(--y);color:#000;border-color:var(--y);transform:rotate(-5deg) scale(1.04)}
#jw .jw-round-link:hover:before{border-color:rgba(0,0,0,.22)}
#jw .jw-round-link:hover i{color:#000;transform:translate(3px,-3px)}
#jw .jw-scroll{grid-column:2/5;grid-row:2;padding-bottom:24px;margin:0;color:var(--md);font:500 11px/1 "Space Grotesk";letter-spacing:.1em;text-transform:uppercase}
#jw .jw-scroll i{margin-left:10px;color:var(--y)}
@keyframes jwPulse{50%{transform:scale(1.025)}}

/* Ticker */
#jw .jw-marquee{height:76px;background:var(--y);color:#000;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #000}
#jw .jw-marquee>div{display:flex;align-items:center;width:max-content;animation:jwMarquee 32s linear infinite}
#jw .jw-marquee span{font:600 clamp(15px,1.5vw,22px)/1 "Space Grotesk";text-transform:uppercase;white-space:nowrap;padding:0 34px}
#jw .jw-marquee i{width:7px;height:7px;border-radius:50%;background:#000}
@keyframes jwMarquee{to{transform:translateX(-50%)}}

/* Intro */
#jw .jw-intro{width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:96px clamp(24px,4.5vw,90px) 104px;background:var(--light);grid-template-columns:120px repeat(12,1fr)}
#jw .jw-intro-main{grid-column:2/14}
#jw .jw-intro h2{font-size:clamp(42px,5.2vw,78px);max-width:1140px;margin:0 0 62px}
#jw .jw-intro-layout{display:grid;grid-template-columns:minmax(250px,360px) minmax(360px,1fr) minmax(250px,.62fr);gap:clamp(32px,4.2vw,76px);align-items:stretch;border-top:1px solid rgba(13,26,13,.13);padding-top:40px}
#jw .jw-portrait{position:relative;aspect-ratio:5/5.6;background:var(--gp);overflow:hidden;min-height:350px}
#jw .jw-portrait:after{content:"";position:absolute;width:112px;height:112px;right:-26px;bottom:-26px;background:var(--y);border-radius:50%}
#jw .jw-portrait>span{font:800 86px/1 "Syne";color:rgba(27,94,32,.13);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}
#jw .jw-portrait img{height:100%;object-fit:cover;position:relative;z-index:1}
#jw .jw-intro-copy{max-width:680px;padding:18px 0;align-self:center}
#jw .jw-intro-copy p{font-size:clamp(16px,1.25vw,19px);color:#405040}
#jw .jw-intro-copy p:first-child{font-size:clamp(19px,1.65vw,25px);line-height:1.55;color:var(--tl)}
#jw .jw-intro-focus{border-left:1px solid rgba(13,26,13,.14);padding:20px 0 8px clamp(24px,3vw,48px);align-self:stretch}
#jw .jw-intro-focus .jw-eyebrow{color:var(--gm);margin-bottom:36px}
#jw .jw-intro-focus ol{list-style:none;margin:0;padding:0}
#jw .jw-intro-focus li{display:grid;grid-template-columns:30px 1fr;gap:13px;padding:18px 0;border-top:1px solid rgba(13,26,13,.13);font:600 15px/1.45 "Space Grotesk"}
#jw .jw-intro-focus li:last-child{border-bottom:1px solid rgba(13,26,13,.13)}
#jw .jw-intro-focus li span{color:var(--gm);font-size:10px;letter-spacing:.08em;padding-top:4px}
#jw .jw-text-link{display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid currentColor;padding:9px 0;font:600 13px/1 "Space Grotesk";text-transform:uppercase;letter-spacing:.08em}
#jw .jw-text-link:hover i{transform:translateX(8px)}
#jw .jw-text-link i{transition:.3s var(--spring)}
#jw .jw-proof{width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:0 clamp(24px,4.5vw,90px);background:var(--light-alt);border-block:1px solid rgba(13,26,13,.12)}
#jw .jw-proof header{display:flex;justify-content:space-between;align-items:end;gap:35px;padding:26px 0 22px}
#jw .jw-proof header span{font:600 10px/1.4 "Space Grotesk";text-transform:uppercase;letter-spacing:.12em;color:var(--gm)}
#jw .jw-proof header p{max-width:620px;margin:0;font:600 clamp(16px,1.45vw,22px)/1.25 "Space Grotesk";text-align:right;color:var(--tl)}
#jw .jw-proof-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid rgba(13,26,13,.12)}
#jw .jw-proof-grid a{position:relative;min-height:118px;padding:23px 24px 27px;display:grid;grid-template-columns:1fr auto;align-content:space-between;border-right:1px solid rgba(13,26,13,.12);transition:color .35s var(--spring),background .35s var(--spring),padding .35s var(--spring)}
#jw .jw-proof-grid a:last-child{border-right:0}
#jw .jw-proof-grid small{font:600 9px/1 "Space Grotesk";letter-spacing:.1em;color:var(--gm)}
#jw .jw-proof-grid strong{grid-column:1/3;font:700 clamp(18px,1.55vw,25px)/1.1 "Syne"}
#jw .jw-proof-grid i{font-size:10px;color:var(--gm);transition:transform .35s var(--spring)}
#jw .jw-proof-grid a:after{content:"";position:absolute;left:24px;right:100%;bottom:18px;height:3px;background:var(--y);transition:right .4s var(--spring)}
#jw .jw-proof-grid a:hover{background:var(--tl);color:#fff;padding-left:30px}
#jw .jw-proof-grid a:hover:after{right:24px}
#jw .jw-proof-grid a:hover i{color:var(--y);transform:translate(3px,-3px)}

/* Services */
#jw .jw-services{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);background:var(--dark);color:#fff;padding:112px clamp(24px,4.5vw,90px)}
#jw .jw-services .jw-grid{width:100%;max-width:none;border-color:var(--bd);grid-template-columns:100px repeat(12,1fr)}
#jw .jw-services-head{grid-column:2/14;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:clamp(55px,7vw,120px);padding-bottom:76px}
#jw .jw-services-head h2{font-size:clamp(48px,5.3vw,84px);max-width:980px;margin:12px 0 0}
#jw .jw-services-intro{align-self:end;max-width:580px;padding-bottom:8px}
#jw .jw-services-intro>p{color:var(--md);font-size:clamp(16px,1.25vw,19px);margin-bottom:28px}
#jw .jw-services-intro .jw-text-link{color:#fff}
#jw .jw-services-body{grid-column:2/14;display:grid;grid-template-columns:minmax(330px,38%) minmax(0,62%);gap:clamp(52px,6vw,100px);align-items:start}
#jw .jw-services-visual{position:sticky;top:40px;width:min(100%,520px);margin:0 auto;transform:rotate(-2deg)}
#jw .jw-services-visual:before{content:"";position:absolute;inset:9% -7% -5% 9%;border:1px solid rgba(255,255,255,.13);z-index:-1}
#jw .jw-services-visual img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.88)}
#jw .jw-service-list{border-top:1px solid rgba(255,255,255,.16)}
#jw .jw-service-list article{display:grid;grid-template-columns:40px 34px minmax(210px,.8fr) minmax(280px,1.2fr);gap:clamp(17px,1.7vw,30px);min-height:160px;padding:34px 50px 32px 0;border-bottom:1px solid rgba(255,255,255,.16);align-items:start;position:relative}
#jw .jw-service-list article:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--y);transition:.5s var(--spring)}
#jw .jw-service-list article:hover:after{width:100%}
#jw .jw-service-list article>span{font:600 13px "Space Grotesk";color:var(--md)}
#jw .jw-service-list article>i{font-size:18px;color:var(--y)}
#jw .jw-service-list h3{font-size:clamp(27px,2.2vw,36px);margin:0;letter-spacing:-.035em}
#jw .jw-service-list p{color:var(--md);margin:0;line-height:1.65;font-size:15px}
#jw .jw-service-list small{grid-column:4/5;color:var(--ga);font:500 11px/1.55 "Space Grotesk";text-transform:uppercase;letter-spacing:.07em;margin-top:5px}
#jw .jw-service-arrow{position:absolute;right:3px;top:33px;width:34px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;color:var(--y);font-size:11px;transition:.35s var(--spring)}
#jw .jw-service-list article:hover .jw-service-arrow{background:var(--y);border-color:var(--y);color:#000;transform:translate(3px,-3px)}
#jw .jw-capabilities{grid-column:2/14;margin-top:64px;padding:28px 0 0;border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:space-between;gap:35px}
#jw .jw-capabilities>div{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center}
#jw .jw-capabilities strong{color:var(--y);font:600 12px "Space Grotesk";text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
#jw .jw-capabilities p{color:var(--md);margin:0;font-size:13px}
#jw .jw-capabilities>a{flex:none;display:inline-flex;align-items:center;gap:25px;padding:14px 19px;border:1px solid rgba(255,255,255,.24);font:600 12px "Space Grotesk";text-transform:uppercase;letter-spacing:.07em;transition:.35s var(--spring)}
#jw .jw-capabilities>a:hover{background:var(--y);border-color:var(--y);color:#000}

/* Work */
#jw .jw-work{padding:125px 0 145px;background:var(--light-alt)}
#jw .jw-work-head{grid-column:3/14;display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:80px}
#jw .jw-work-head h2{font-size:clamp(50px,6vw,92px);margin:0}
#jw .jw-work-head p{max-width:480px;font-size:18px;color:#506050}
#jw .jw-project{grid-column:2/14;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:clamp(40px,6vw,90px);align-items:center;margin-bottom:130px}
#jw .jw-project-reverse{grid-template-columns:minmax(300px,.75fr) minmax(0,1.45fr)}
#jw .jw-project-reverse .jw-project-placeholder{order:2}
#jw .jw-project-placeholder{min-height:600px;padding:55px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
#jw .jw-project-placeholder:before,#jw .jw-project-placeholder:after{content:"";position:absolute;border-radius:50%}
#jw .jw-project-placeholder>span{position:absolute;top:28px;right:28px;text-align:right;font:500 10px/1.4 "Space Grotesk";letter-spacing:.08em;text-transform:uppercase;opacity:.65}
#jw .jw-project-placeholder strong{position:relative;z-index:2;font:800 clamp(40px,5vw,76px)/.95 "Syne";letter-spacing:-.055em;max-width:800px}
#jw .jw-project-placeholder div{position:relative;z-index:2;margin-top:35px;border-top:1px solid currentColor;padding-top:20px;display:flex;gap:25px;flex-wrap:wrap;font:600 11px "Space Grotesk";text-transform:uppercase}
#jw .jw-project-placeholder b{font-size:18px}
#jw .jw-housing{background:linear-gradient(140deg,#10230a,#234d12);color:#fff}
#jw .jw-housing:before{width:560px;height:560px;border:100px solid rgba(137,255,78,.12);right:-120px;top:-120px}
#jw .jw-housing:after{width:130px;height:130px;background:#8ff34c;right:12%;top:27%;box-shadow:0 0 0 32px rgba(143,243,76,.09)}
#jw .jw-kisrp{background:linear-gradient(135deg,#e5f2ff,#fff 58%,#e7f3fa);color:#123252}
#jw .jw-kisrp:before{width:540px;height:540px;border:1px solid rgba(16,95,160,.25);right:-70px;top:-100px}
#jw .jw-kisrp:after{width:200px;height:200px;background:#176ca9;right:11%;top:27%;border-radius:0;transform:rotate(45deg);opacity:.85}
#jw .jw-project-no{font:600 11px "Space Grotesk";color:var(--gm);text-transform:uppercase;letter-spacing:.1em}
#jw .jw-project-copy h3{font-size:clamp(34px,4vw,60px);margin:18px 0 28px}
#jw .jw-project-copy>p:not(.jw-project-no){font-size:18px;color:#4c5d4c}
#jw .jw-project-copy ul{list-style:none;padding:20px 0;margin:28px 0;border-block:1px solid rgba(13,26,13,.13);display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
#jw .jw-project-copy li:before{content:"+";color:var(--gm);margin-right:8px}
#jw .jw-project-status{font:600 11px "Space Grotesk";text-transform:uppercase;letter-spacing:.09em;display:flex;align-items:center;gap:9px}
#jw .jw-project-status i{width:8px;height:8px;border-radius:50%;background:var(--ga);box-shadow:0 0 0 5px rgba(67,160,71,.15)}
#jw .jw-work-word{grid-column:2/14;font:800 clamp(120px,24vw,360px)/.7 "Syne";letter-spacing:-.09em;color:var(--dark);white-space:nowrap;margin:30px 0 -35px;position:relative;z-index:0}
#jw .jw-project-grid{grid-column:2/14;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;position:relative;z-index:1;align-items:start}
#jw .jw-project-small:nth-child(2){margin-top:90px}
#jw .jw-project-small>a{position:relative;display:block;overflow:hidden;background:var(--dark)}
#jw .jw-project-small img{aspect-ratio:4/3;object-fit:cover;transition:.7s var(--spring)}
#jw .jw-project-small>a>span{position:absolute;right:16px;top:16px;width:50px;height:50px;border-radius:50%;background:var(--y);display:grid;place-items:center;transform:scale(0);transition:.35s var(--spring)}
#jw .jw-project-small>a:hover img{transform:scale(1.055);opacity:.72}
#jw .jw-project-small>a:hover span{transform:scale(1)}
#jw .jw-project-small>p{font:600 10px "Space Grotesk";letter-spacing:.1em;text-transform:uppercase;color:var(--gm);margin:24px 0 10px}
#jw .jw-project-small h3{font-size:30px;margin:0 0 12px}
#jw .jw-project-small small{color:#526052;font-size:14px}

/* AI + Writing */
#jw .jw-ai{background:var(--hero);color:#fff;position:relative;padding:135px 0;overflow:hidden}
#jw .jw-ai:before{content:"";position:absolute;width:420px;height:420px;background:var(--g);filter:blur(180px);opacity:.3;right:15%;top:20%}
#jw .jw-ai-word{position:absolute;left:-20px;bottom:-.14em;font:800 clamp(90px,15vw,250px)/.8 "Syne";color:rgba(255,255,255,.025);white-space:nowrap}
#jw .jw-ai-grid{border-color:var(--bd);position:relative}
#jw .jw-ai-copy{grid-column:3/9;align-self:center;padding-right:50px}
#jw .jw-ai-copy h2{font-size:clamp(45px,5.2vw,78px);margin:18px 0 34px}
#jw .jw-ai-copy>p{color:var(--md);font-size:18px}
#jw .jw-ai-copy .jw-ai-note{border-left:3px solid var(--y);padding:12px 0 12px 22px;color:var(--td);margin-top:35px}
#jw .jw-ai-visual{grid-column:9/14}
#jw .jw-ai-visual img{aspect-ratio:4/5;object-fit:cover;clip-path:polygon(13% 0,100% 0,100% 86%,87% 100%,0 100%,0 13%)}
#jw .jw-writing{padding:130px 0;background:#fff}
#jw .jw-writing-head{grid-column:3/13;max-width:1050px;margin-bottom:75px}
#jw .jw-writing-head h2{font-size:clamp(48px,6.2vw,94px);margin:15px 0 30px}
#jw .jw-writing-head>p:last-child{font-size:19px;max-width:640px;color:#526052}
#jw .jw-publications{grid-column:3/14;border-top:1px solid rgba(13,26,13,.17)}
#jw .jw-publications a{display:grid;grid-template-columns:50px 1fr 1fr 30px;gap:25px;align-items:center;padding:27px 0;border-bottom:1px solid rgba(13,26,13,.17);transition:.3s}
#jw .jw-publications a:hover{padding-inline:18px;background:var(--gp)}
#jw .jw-publications span{font:600 12px "Space Grotesk";color:var(--gm)}
#jw .jw-publications strong{font:700 clamp(24px,2.6vw,39px)/1 "Syne"}
#jw .jw-publications small{color:#596759}
#jw .jw-publications i{color:var(--gm)}
#jw .jw-writing-foot{grid-column:3/14;display:flex;justify-content:space-between;gap:40px;margin-top:45px;align-items:center}
#jw .jw-writing-foot p{max-width:580px;color:#526052;margin:0}

/* Duality + About */
#jw .jw-duality{background:var(--dark);color:#fff;padding:110px max(24px,calc((100vw - 1392px)/2));overflow:hidden}
#jw .jw-duality-word{font:800 clamp(80px,18vw,280px)/.72 "Syne";letter-spacing:-.08em;height:.75em;white-space:nowrap}
#jw .jw-duality-word span:last-child{color:var(--y);margin-left:18%}
#jw .jw-duality-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;position:relative}
#jw .jw-duality-image{margin-top:65px}
#jw .jw-duality-image img{aspect-ratio:1.2/1;object-fit:cover}
#jw .jw-duality-copy h2{font-size:clamp(38px,4vw,64px);margin:18px 0 30px}
#jw .jw-duality-copy p:last-child{color:var(--md);font-size:18px}
#jw .jw-about{padding:130px 0;background:var(--light-alt);row-gap:70px}
#jw .jw-about-title{grid-column:3/9}
#jw .jw-about-title h2{font-size:clamp(48px,5.4vw,82px);margin:16px 0 0}
#jw .jw-about-copy{grid-column:9/14;align-self:end;font-size:18px;color:#4d5c4d}
#jw .jw-about-copy p:first-child{font-size:21px;color:var(--tl)}
#jw .jw-about-values{grid-column:3/14;border-top:1px solid rgba(13,26,13,.16);padding-top:35px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
#jw .jw-about-values span{font:600 13px "Space Grotesk";text-transform:uppercase;letter-spacing:.06em}
#jw .jw-about-values i{color:var(--gm);margin-right:12px}

/* Process */
#jw .jw-process{padding:120px 0;background:#fff}
#jw .jw-process header{grid-column:3/14;text-align:center;margin-bottom:65px}
#jw .jw-process header h2{font-size:clamp(52px,6vw,88px);margin:10px 0}
#jw .jw-process-grid{grid-column:2/14;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(13,26,13,.18)}
#jw .jw-process-grid article{padding:42px 32px 20px;border-right:1px solid rgba(13,26,13,.12);min-height:330px;position:relative}
#jw .jw-process-grid article:first-child{border-left:1px solid rgba(13,26,13,.12)}
#jw .jw-process-grid span{font:800 64px/1 "Syne";color:rgba(27,94,32,.09)}
#jw .jw-process-grid i{position:absolute;right:30px;top:45px;color:var(--gm);font-size:23px}
#jw .jw-process-grid h3{font-size:27px;margin:55px 0 18px}
#jw .jw-process-grid p{color:#5a675a;font-size:14px}

/* Pricing */
#jw .jw-pricing{background:var(--dark);color:#fff;padding:125px 0}
#jw .jw-pricing .jw-grid{border-color:var(--bd)}
#jw .jw-pricing header{grid-column:3/14;display:grid;grid-template-columns:1.1fr .9fr;column-gap:80px;margin-bottom:75px}
#jw .jw-pricing header .jw-eyebrow{grid-column:1/3}
#jw .jw-pricing header h2{font-size:clamp(48px,5.5vw,84px);margin:15px 0 0}
#jw .jw-pricing header>p:last-child{color:var(--md);font-size:18px;align-self:end}
#jw .jw-price-list{grid-column:3/14;border-top:1px solid rgba(255,255,255,.15)}
#jw .jw-price-list article{display:grid;grid-template-columns:55px 1fr minmax(190px,.35fr);gap:28px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.15);align-items:center}
#jw .jw-price-list article>span{font:600 12px "Space Grotesk";color:var(--y)}
#jw .jw-price-list h3{font-size:27px;margin:0 0 8px}
#jw .jw-price-list p{color:var(--md);margin:0;font-size:14px}
#jw .jw-price-list strong{text-align:right;color:var(--y);font:600 16px "Space Grotesk"}
#jw .jw-price-note{grid-column:3/14;margin-top:45px;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;color:var(--md);font-size:13px}
#jw .jw-price-note strong{color:var(--td)}

/* FAQ + Contact */
#jw .jw-faq{padding:125px 0;background:#fff}
#jw .jw-faq header{grid-column:3/7}
#jw .jw-faq header h2{font-size:clamp(50px,6vw,90px);margin:16px 0}
#jw .jw-faq-list{grid-column:7/14;border-top:1px solid rgba(13,26,13,.16)}
#jw .jw-faq-list details{border-bottom:1px solid rgba(13,26,13,.16)}
#jw .jw-faq-list summary{list-style:none;padding:27px 0;display:flex;justify-content:space-between;gap:25px;font:600 18px/1.35 "Space Grotesk";cursor:pointer}
#jw .jw-faq-list summary::-webkit-details-marker{display:none}
#jw .jw-faq-list summary i{color:var(--gm);transition:.3s}
#jw .jw-faq-list details[open] summary i{transform:rotate(45deg)}
#jw .jw-faq-list details p{max-width:660px;color:#536053;padding:0 45px 28px 0}
#jw .jw-contact{background:var(--hero);color:#fff;padding:120px 0 42px}
#jw .jw-contact .jw-grid{border-color:var(--bd)}
#jw .jw-contact-title{grid-column:3/13}
#jw .jw-contact-title h2{font-size:clamp(54px,7vw,108px);margin:18px 0 70px;max-width:1200px}
#jw .jw-contact-actions{grid-column:3/14;display:grid;grid-template-columns:1fr .55fr;border-top:1px solid rgba(255,255,255,.17)}
#jw .jw-contact-actions>a{padding:35px;display:flex;align-items:center;gap:20px;border-bottom:1px solid rgba(255,255,255,.17);font:600 16px "Space Grotesk";transition:.35s}
#jw .jw-contact-actions>a:first-child{border-right:1px solid rgba(255,255,255,.17);padding-left:0}
#jw .jw-contact-actions>a:hover{background:var(--y);color:#000;padding-inline:38px}
#jw .jw-contact-actions>a>i:last-child{margin-left:auto}
#jw .jw-contact-actions .fa-whatsapp{font-size:34px;color:var(--ga)}
#jw .jw-contact-actions strong{font-size:25px}
#jw .jw-contact-bottom{grid-column:2/14;display:flex;justify-content:space-between;gap:25px;padding-top:40px;color:var(--md);font:500 11px "Space Grotesk";text-transform:uppercase;letter-spacing:.08em}

@media(max-width:1100px){
  #jw .jw-grid{grid-template-columns:72px repeat(12,1fr)}
  #jw .jw-services .jw-grid{grid-template-columns:72px repeat(12,1fr)}
  #jw .jw-services-body{grid-template-columns:34% 1fr;gap:40px}
  #jw .jw-service-list article{grid-template-columns:35px 28px 1fr}
  #jw .jw-service-list p,#jw .jw-service-list small{grid-column:3/4}
  #jw .jw-project-placeholder{min-height:500px}
  #jw .jw-process-grid article{padding-inline:20px}
}
@media(max-width:820px){
  #jw .jw-grid{width:min(100% - 30px,1440px);grid-template-columns:repeat(12,1fr)}
  #jw .jw-section-mark{display:none}
  #jw .jw-hero{min-height:760px}
  #jw .jw-hero-art{inset:26% -20% 0 5%;opacity:.72}
  #jw .jw-hero:before{background:linear-gradient(180deg,rgba(5,12,5,.98) 0%,rgba(5,12,5,.9) 48%,rgba(5,12,5,.25) 78%,var(--hero))}
  #jw .jw-hero-grid{width:100%;padding-inline:22px}
  #jw .jw-hero-copy{grid-column:1/13;align-self:start;padding-top:105px}
  #jw .jw-hero h1{font-size:clamp(46px,11vw,76px)}
  #jw .jw-hero-bottom{grid-template-columns:1fr auto;gap:25px;margin-left:0}
  #jw .jw-round-link{width:105px;height:105px}
  #jw .jw-scroll{grid-column:1/8}
  #jw .jw-intro-main,#jw .jw-services-head,#jw .jw-services-body,#jw .jw-capabilities,#jw .jw-work-head,#jw .jw-project,#jw .jw-work-word,#jw .jw-project-grid,#jw .jw-ai-copy,#jw .jw-ai-visual,#jw .jw-writing-head,#jw .jw-publications,#jw .jw-writing-foot,#jw .jw-about-title,#jw .jw-about-copy,#jw .jw-about-values,#jw .jw-process header,#jw .jw-process-grid,#jw .jw-pricing header,#jw .jw-price-list,#jw .jw-price-note,#jw .jw-faq header,#jw .jw-faq-list,#jw .jw-contact-title,#jw .jw-contact-actions,#jw .jw-contact-bottom{grid-column:1/13}
  #jw .jw-intro-layout,#jw .jw-services-head,#jw .jw-services-body,#jw .jw-project,#jw .jw-project-reverse,#jw .jw-duality-grid,#jw .jw-pricing header{grid-template-columns:1fr}
  #jw .jw-intro{padding:85px 22px;grid-template-columns:repeat(12,1fr)}
  #jw .jw-intro-main{grid-column:1/13}
  #jw .jw-intro h2{margin-bottom:50px}
  #jw .jw-portrait{max-width:420px;min-height:0}
  #jw .jw-intro-focus{border-left:0;border-top:1px solid rgba(13,26,13,.14);padding:30px 0 0}
  #jw .jw-proof{padding:0 22px}
  #jw .jw-proof header{display:block}
  #jw .jw-proof header p{margin-top:8px;text-align:left}
  #jw .jw-proof-grid{grid-template-columns:repeat(2,1fr)}
  #jw .jw-proof-grid a{min-height:94px;padding:20px 14px;border-bottom:1px solid rgba(13,26,13,.12)}
  #jw .jw-proof-grid a:nth-child(even){border-right:0}
  #jw .jw-proof-grid a:last-child{grid-column:1/3}
  #jw .jw-services{padding:85px 22px}
  #jw .jw-services .jw-grid{grid-template-columns:repeat(12,1fr)}
  #jw .jw-services-head{gap:20px;padding-bottom:50px}
  #jw .jw-services-intro{max-width:680px}
  #jw .jw-services-visual{position:relative;top:auto;width:min(72%,520px);margin:0 auto 68px}
  #jw .jw-capabilities{display:grid;grid-template-columns:1fr auto}
  #jw .jw-capabilities>div{display:block}
  #jw .jw-capabilities p{margin-top:10px}
  #jw .jw-project{margin-bottom:85px}
  #jw .jw-project-reverse .jw-project-placeholder{order:0}
  #jw .jw-project-placeholder{min-height:480px;padding:35px}
  #jw .jw-project-grid{grid-template-columns:1fr 1fr}
  #jw .jw-project-small:nth-child(2){margin-top:0}
  #jw .jw-project-small:last-child{grid-column:1/3;width:calc(50% - 15px)}
  #jw .jw-ai-copy{padding-right:0;margin-bottom:60px}
  #jw .jw-ai-visual{width:65%;margin-left:auto}
  #jw .jw-writing-foot{display:block}
  #jw .jw-writing-foot p{margin-bottom:25px}
  #jw .jw-duality-grid{gap:55px}
  #jw .jw-about-title,#jw .jw-about-copy{margin-bottom:0}
  #jw .jw-process-grid{grid-template-columns:1fr 1fr}
  #jw .jw-pricing header .jw-eyebrow{grid-column:auto}
  #jw .jw-price-note{grid-template-columns:1fr}
  #jw .jw-faq header{margin-bottom:40px}
}
@media(max-width:560px){
  #jw{font-size:15px}
  #jw .jw-dock{right:10px;bottom:10px}
  #jw .jw-dock a{width:42px;height:42px}
  #jw .jw-hero{min-height:720px}
  #jw .jw-hero-copy{padding-top:80px}
  #jw .jw-hero h1{font-size:44px}
  #jw .jw-hero-bottom{display:block;margin-top:32px}
  #jw .jw-round-link{margin-top:25px;width:90px;height:90px}
  #jw .jw-marquee{height:58px}
  #jw .jw-intro h2,#jw .jw-services-head h2,#jw .jw-work-head h2,#jw .jw-ai-copy h2,#jw .jw-writing-head h2,#jw .jw-about-title h2,#jw .jw-process header h2,#jw .jw-pricing header h2,#jw .jw-faq header h2{font-size:39px}
  #jw .jw-intro-layout{gap:42px}
  #jw .jw-proof-grid{grid-template-columns:1fr}
  #jw .jw-proof-grid a,#jw .jw-proof-grid a:nth-child(even){border-right:0}
  #jw .jw-proof-grid a:last-child{grid-column:auto}
  #jw .jw-services-visual{width:90%}
  #jw .jw-service-list article{grid-template-columns:30px 25px 1fr;gap:13px;padding:28px 0}
  #jw .jw-service-list h3{font-size:23px}
  #jw .jw-service-list p,#jw .jw-service-list small{padding-right:38px}
  #jw .jw-service-arrow{right:0;top:25px}
  #jw .jw-capabilities{grid-template-columns:1fr}
  #jw .jw-capabilities>a{justify-content:space-between;width:100%}
  #jw .jw-project-placeholder{min-height:420px;padding:25px}
  #jw .jw-project-placeholder strong{font-size:37px}
  #jw .jw-project-placeholder>span{top:18px;right:18px}
  #jw .jw-project-copy h3{font-size:34px}
  #jw .jw-project-copy ul{grid-template-columns:1fr}
  #jw .jw-work-word{font-size:104px;margin-bottom:-15px}
  #jw .jw-project-grid{grid-template-columns:1fr}
  #jw .jw-project-small:last-child{grid-column:auto;width:auto}
  #jw .jw-ai-visual{width:90%}
  #jw .jw-publications a{grid-template-columns:35px 1fr 20px}
  #jw .jw-publications small{display:none}
  #jw .jw-duality-word{font-size:70px}
  #jw .jw-process-grid{grid-template-columns:1fr}
  #jw .jw-process-grid article{min-height:260px}
  #jw .jw-price-list article{grid-template-columns:32px 1fr}
  #jw .jw-price-list strong{grid-column:2;text-align:left}
  #jw .jw-contact-title h2{font-size:43px}
  #jw .jw-contact-actions{grid-template-columns:1fr}
  #jw .jw-contact-actions>a:first-child{border-right:0}
  #jw .jw-contact-bottom{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  #jw *,#jw *:before,#jw *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  #jw [data-r]{opacity:1;transform:none}
  #jw .jw-cursor{display:none}
}

/* Unified selected work */
#jw .jw-work{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:118px clamp(24px,4.5vw,90px) 130px;background:var(--light-alt)}
#jw .jw-work .jw-grid{width:100%;max-width:none;grid-template-columns:100px repeat(12,1fr)}
#jw .jw-work-head{grid-column:2/14;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.65fr);gap:clamp(55px,7vw,120px);align-items:end;margin-bottom:72px}
#jw .jw-work-head h2{font-size:clamp(52px,6vw,94px);max-width:980px;margin:12px 0 0}
#jw .jw-work-head>p{max-width:540px;font-size:18px;color:#506050;margin-bottom:10px}
#jw .jw-featured-work{grid-column:2/14;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,3vw,52px);border-top:1px solid rgba(13,26,13,.14);padding-top:38px}
#jw .jw-featured-project{min-width:0}
#jw .jw-featured-project:first-child{padding-right:clamp(0px,1.5vw,26px);border-right:1px solid rgba(13,26,13,.13)}
#jw .jw-featured-media{position:relative;aspect-ratio:16/10;overflow:hidden;background-color:#dfe9df}
#jw .jw-featured-media:before{content:"";position:absolute;inset:0;opacity:.8}
#jw .jw-featured-housing:before{background:radial-gradient(circle at 72% 42%,rgba(129,226,75,.42) 0 7%,transparent 7.5%),linear-gradient(135deg,#102b12,#295a20)}
#jw .jw-featured-kisrp:before{background:linear-gradient(135deg,rgba(34,115,171,.18),transparent 45%),linear-gradient(135deg,#e7f2fb,#f9fcff)}
#jw .jw-featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--spring)}
#jw .jw-featured-project:hover .jw-featured-media img{transform:scale(1.035)}
#jw .jw-featured-copy{padding:29px 4px 8px}
#jw .jw-project-meta{display:flex;justify-content:space-between;gap:25px;margin-bottom:20px}
#jw .jw-project-meta p,#jw .jw-project-meta span{font:600 10px/1.4 "Space Grotesk";text-transform:uppercase;letter-spacing:.09em;color:var(--gm);margin:0}
#jw .jw-project-meta span{color:var(--ml);text-align:right}
#jw .jw-featured-copy h3{font-size:clamp(34px,3.4vw,54px);max-width:700px;margin:0 0 24px}
#jw .jw-featured-copy>p{max-width:720px;font-size:17px;color:#4c5d4c}
#jw .jw-featured-copy ul{list-style:none;padding:19px 0;margin:26px 0 22px;border-block:1px solid rgba(13,26,13,.13);display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
#jw .jw-featured-copy li{font-size:13px;color:#314531}
#jw .jw-featured-copy li:before{content:"+";color:var(--gm);margin-right:8px}
#jw .jw-more-work{grid-column:2/14;display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:95px;padding:24px 0;border-block:1px solid rgba(13,26,13,.14)}
#jw .jw-more-work p{color:var(--gm);margin:0}
#jw .jw-more-work span{max-width:560px;color:#566556;text-align:right}
#jw .jw-project-grid{grid-column:2/14;display:grid;grid-template-columns:repeat(3,1fr);gap:0;align-items:start}
#jw .jw-project-small{padding:34px clamp(18px,2vw,34px) 26px;border-right:1px solid rgba(13,26,13,.13)}
#jw .jw-project-small:first-child{padding-left:0}
#jw .jw-project-small:last-child{padding-right:0;border-right:0}
#jw .jw-small-media{position:relative;display:block;overflow:hidden;background:var(--dark)}
#jw .jw-project-small img{aspect-ratio:4/3;object-fit:cover;transition:.7s var(--spring)}
#jw .jw-small-media:hover img{transform:scale(1.045)}
#jw .jw-small-project-head{display:grid;grid-template-columns:1fr 42px;gap:15px;align-items:end;margin-top:23px}
#jw .jw-small-project-head p{font:600 10px "Space Grotesk";letter-spacing:.1em;text-transform:uppercase;color:var(--gm);margin:0 0 9px}
#jw .jw-project-small h3{font-size:30px;margin:0}
#jw .jw-small-project-head>a{width:40px;height:40px;border:1px solid rgba(13,26,13,.2);border-radius:50%;display:grid;place-items:center;color:var(--gm);font-size:11px;transition:.3s var(--spring)}
#jw .jw-small-project-head>a:hover{background:var(--tl);border-color:var(--tl);color:var(--y);transform:translate(2px,-2px)}
#jw .jw-work-cta{grid-column:2/14;margin-top:88px;padding:48px clamp(30px,4vw,70px);background:var(--tl);color:#fff;display:flex;justify-content:space-between;gap:50px;align-items:center}
#jw .jw-work-cta .jw-eyebrow{color:var(--ga);margin-bottom:16px}
#jw .jw-work-cta h3{font-size:clamp(34px,4vw,62px);max-width:850px;margin:0}
#jw .jw-work-cta>a{flex:none;width:128px;height:128px;border-radius:50%;background:var(--y);color:#000;display:flex;align-items:center;justify-content:center;gap:12px;font:600 12px/1.25 "Space Grotesk";transition:.35s var(--spring)}
#jw .jw-work-cta>a:hover{transform:rotate(-5deg) scale(1.04)}

@media(max-width:1100px){
  #jw .jw-work .jw-grid{grid-template-columns:72px repeat(12,1fr)}
  #jw .jw-project-grid{grid-template-columns:1fr 1fr}
  #jw .jw-project-small:nth-child(2){border-right:0}
  #jw .jw-project-small:last-child{grid-column:1/2;border-top:1px solid rgba(13,26,13,.13)}
}
@media(max-width:820px){
  #jw .jw-work{padding:85px 22px}
  #jw .jw-work .jw-grid{grid-template-columns:repeat(12,1fr)}
  #jw .jw-work-head,#jw .jw-featured-work,#jw .jw-more-work,#jw .jw-project-grid,#jw .jw-work-cta{grid-column:1/13}
  #jw .jw-work-head{grid-template-columns:1fr;gap:24px;margin-bottom:50px}
  #jw .jw-featured-work{grid-template-columns:1fr}
  #jw .jw-featured-project:first-child{padding:0 0 52px;border-right:0;border-bottom:1px solid rgba(13,26,13,.13)}
  #jw .jw-featured-project:last-child{padding-top:18px}
  #jw .jw-more-work{display:block;margin-top:65px}
  #jw .jw-more-work span{display:block;margin-top:8px;text-align:left}
  #jw .jw-project-grid{grid-template-columns:1fr}
  #jw .jw-project-small,#jw .jw-project-small:first-child,#jw .jw-project-small:last-child{grid-column:auto;padding:28px 0;border-right:0;border-top:0;border-bottom:1px solid rgba(13,26,13,.13)}
  #jw .jw-work-cta{display:block;margin-top:60px;padding:36px 25px}
  #jw .jw-work-cta>a{width:105px;height:105px;margin-top:32px}
}
@media(max-width:560px){
  #jw .jw-work-head h2{font-size:39px}
  #jw .jw-featured-copy h3{font-size:34px}
  #jw .jw-featured-copy ul{grid-template-columns:1fr}
  #jw .jw-project-meta{display:block}
  #jw .jw-project-meta span{display:block;text-align:left;margin-top:6px}
}
#jw .jw-project-small:nth-child(2){margin-top:0}

/* Joined-up approach */
#jw .jw-integrated{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:118px clamp(24px,4.5vw,90px);background:var(--dark);color:#fff;overflow:hidden}
#jw .jw-integrated:before{content:"";position:absolute;width:440px;height:440px;right:8%;top:18%;background:rgba(27,94,32,.22);filter:blur(170px);pointer-events:none}
#jw .jw-integrated .jw-grid{position:relative;width:100%;max-width:none;grid-template-columns:100px repeat(12,1fr);border-color:var(--bd)}
#jw .jw-integrated-visual{grid-column:2/7;align-self:start;padding-right:clamp(20px,3vw,52px)}
#jw .jw-integrated-visual img{aspect-ratio:4/5;object-fit:cover;object-position:center;filter:saturate(.88)}
#jw .jw-integrated-visual p{margin:18px 0 0;color:var(--md);font:600 10px/1.4 "Space Grotesk";letter-spacing:.1em;text-transform:uppercase}
#jw .jw-integrated-content{grid-column:7/14;padding-left:clamp(20px,3vw,55px)}
#jw .jw-integrated-content header{max-width:850px;padding-bottom:46px}
#jw .jw-integrated-content header .jw-eyebrow{color:var(--ga)}
#jw .jw-integrated-content header h2{font-size:clamp(43px,4.8vw,74px);margin:16px 0 30px}
#jw .jw-integrated-content header>p:last-child{max-width:720px;color:var(--md);font-size:17px}
#jw .jw-integrated-list{border-top:1px solid rgba(255,255,255,.16)}
#jw .jw-integrated-list article{display:grid;grid-template-columns:50px 1fr;gap:22px;padding:29px 0;border-bottom:1px solid rgba(255,255,255,.16);position:relative}
#jw .jw-integrated-list article:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--y);transition:right .45s var(--spring)}
#jw .jw-integrated-list article:hover:after{right:0}
#jw .jw-integrated-list article>span{color:var(--y);font:600 11px/1.4 "Space Grotesk";letter-spacing:.08em}
#jw .jw-integrated-list h3{font-size:clamp(27px,2.2vw,36px);margin:0 0 10px}
#jw .jw-integrated-list p{max-width:680px;color:var(--md);font-size:15px;margin-bottom:11px}
#jw .jw-integrated-list small{color:var(--ga);font:500 10px/1.5 "Space Grotesk";text-transform:uppercase;letter-spacing:.07em}
#jw .jw-integrated-direct{grid-column:2/14;margin-top:74px;padding:32px 0 0;border-top:1px solid rgba(255,255,255,.17);display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:clamp(45px,7vw,120px);align-items:center}
#jw .jw-integrated-direct>p{max-width:610px;margin:0;color:var(--td);font:600 clamp(19px,1.7vw,26px)/1.45 "Space Grotesk"}
#jw .jw-integrated-direct>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
#jw .jw-integrated-direct span{display:flex;align-items:flex-start;gap:11px;color:var(--md);font:600 10px/1.5 "Space Grotesk";text-transform:uppercase;letter-spacing:.06em}
#jw .jw-integrated-direct i{color:var(--y);margin-top:2px}

@media(max-width:1100px){
  #jw .jw-integrated .jw-grid{grid-template-columns:72px repeat(12,1fr)}
  #jw .jw-integrated-content header h2{font-size:clamp(40px,5vw,60px)}
  #jw .jw-integrated-direct>div{grid-template-columns:1fr}
}
@media(max-width:820px){
  #jw .jw-integrated{padding:85px 22px}
  #jw .jw-integrated .jw-grid{grid-template-columns:repeat(12,1fr)}
  #jw .jw-integrated-content,#jw .jw-integrated-visual,#jw .jw-integrated-direct{grid-column:1/13}
  #jw .jw-integrated-content{order:1;padding-left:0}
  #jw .jw-integrated-visual{order:2;width:min(78%,520px);padding:0;margin:55px 0 0 auto}
  #jw .jw-integrated-direct{order:3;grid-template-columns:1fr;margin-top:58px}
  #jw .jw-integrated-direct>div{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:560px){
  #jw .jw-integrated-content header h2{font-size:39px}
  #jw .jw-integrated-visual{width:92%;margin-left:0}
  #jw .jw-integrated-list article{grid-template-columns:35px 1fr;gap:12px}
  #jw .jw-integrated-direct>div{grid-template-columns:1fr}
}
/* Refined project process */
#jw .jw-process{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:105px clamp(24px,4.5vw,90px) 112px;background:#fff}
#jw .jw-process .jw-grid{width:100%;max-width:none;grid-template-columns:100px repeat(12,1fr)}
#jw .jw-process header{grid-column:2/14;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.55fr);gap:clamp(55px,7vw,120px);align-items:end;text-align:left;margin-bottom:62px}
#jw .jw-process header h2{max-width:990px;font-size:clamp(50px,5.7vw,88px);margin:13px 0 0}
#jw .jw-process header>p{max-width:540px;margin:0 0 9px;color:#536153;font-size:18px}
#jw .jw-process-grid{grid-column:2/14;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(13,26,13,.18);border-bottom:1px solid rgba(13,26,13,.18)}
#jw .jw-process-grid article{position:relative;min-height:370px;padding:34px clamp(22px,2vw,36px) 30px;border-right:1px solid rgba(13,26,13,.13);transition:background .35s var(--spring),transform .35s var(--spring)}
#jw .jw-process-grid article:first-child{border-left:1px solid rgba(13,26,13,.13)}
#jw .jw-process-grid article:after{content:"";position:absolute;left:0;right:100%;top:-1px;height:3px;background:var(--y);transition:right .45s var(--spring)}
#jw .jw-process-grid article:hover{background:var(--gp);transform:translateY(-5px)}
#jw .jw-process-grid article:hover:after{right:0}
#jw .jw-process-top{display:flex;align-items:center;justify-content:space-between}
#jw .jw-process-grid .jw-process-top span{color:rgba(27,94,32,.12);font:800 clamp(52px,4.5vw,72px)/1 "Syne";letter-spacing:-.06em}
#jw .jw-process-grid .jw-process-top i{position:static;width:43px;height:43px;border:1px solid rgba(27,94,32,.22);border-radius:50%;display:grid;place-items:center;color:var(--gm);font-size:16px;transition:.35s var(--spring)}
#jw .jw-process-grid article:hover .jw-process-top i{background:var(--gm);border-color:var(--gm);color:#fff;transform:rotate(-7deg)}
#jw .jw-process-grid h3{font-size:clamp(25px,2vw,32px);margin:54px 0 17px}
#jw .jw-process-grid p{min-height:92px;color:#566356;font-size:15px;margin:0}
#jw .jw-process-grid small{display:flex;justify-content:space-between;gap:15px;margin-top:26px;padding-top:16px;border-top:1px solid rgba(13,26,13,.12);color:var(--ml);font:600 9px/1.4 "Space Grotesk";text-transform:uppercase;letter-spacing:.08em}
#jw .jw-process-grid small strong{color:var(--tl);font-size:10px}
#jw .jw-process-note{grid-column:2/14;margin-top:34px;display:flex;align-items:center;justify-content:space-between;gap:35px}
#jw .jw-process-note>div{display:flex;gap:20px 38px;flex-wrap:wrap}
#jw .jw-process-note span{color:#526052;font:600 10px/1.5 "Space Grotesk";text-transform:uppercase;letter-spacing:.06em}
#jw .jw-process-note span i{color:var(--gm);margin-right:9px}
#jw .jw-process-note>a{flex:none;display:inline-flex;align-items:center;gap:24px;padding:14px 18px;border:1px solid rgba(13,26,13,.22);font:600 11px/1 "Space Grotesk";text-transform:uppercase;letter-spacing:.07em;transition:.35s var(--spring)}
#jw .jw-process-note>a:hover{background:var(--tl);border-color:var(--tl);color:var(--y)}

@media(max-width:1100px){
  #jw .jw-process .jw-grid{grid-template-columns:72px repeat(12,1fr)}
  #jw .jw-process-grid{grid-template-columns:1fr 1fr}
  #jw .jw-process-grid article:nth-child(2){border-right:1px solid rgba(13,26,13,.13)}
  #jw .jw-process-grid article:nth-child(3),#jw .jw-process-grid article:nth-child(4){border-top:1px solid rgba(13,26,13,.13)}
}
@media(max-width:820px){
  #jw .jw-process{padding:85px 22px}
  #jw .jw-process .jw-grid{grid-template-columns:repeat(12,1fr)}
  #jw .jw-process header,#jw .jw-process-grid,#jw .jw-process-note{grid-column:1/13}
  #jw .jw-process header{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
  #jw .jw-process header>p{max-width:680px}
  #jw .jw-process-note{display:block}
  #jw .jw-process-note>a{margin-top:27px}
}
@media(max-width:560px){
  #jw .jw-process header h2{font-size:39px}
  #jw .jw-process-grid{grid-template-columns:1fr}
  #jw .jw-process-grid article,#jw .jw-process-grid article:first-child,#jw .jw-process-grid article:nth-child(2){min-height:0;border-left:0;border-right:0;border-top:1px solid rgba(13,26,13,.13)}
  #jw .jw-process-grid article:first-child{border-top:0}
  #jw .jw-process-grid p{min-height:0}
  #jw .jw-process-note>div{display:grid;grid-template-columns:1fr}
  #jw .jw-process-note>a{justify-content:space-between;width:100%}
}
/* Transparent package pricing */
#jw .jw-pricing{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:116px clamp(24px,4.5vw,90px);background:var(--dark);color:#fff;overflow:hidden}
#jw .jw-pricing:before{content:"";position:absolute;width:520px;height:520px;right:-8%;top:8%;background:rgba(27,94,32,.2);filter:blur(190px);pointer-events:none}
#jw .jw-pricing .jw-grid{position:relative;width:100%;max-width:none;grid-template-columns:100px repeat(12,1fr);border-color:rgba(255,255,255,.12)}
#jw .jw-pricing-head{grid-column:2/14!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(330px,.55fr)!important;gap:clamp(50px,7vw,120px);align-items:end;text-align:left!important;margin:0 0 92px!important;padding:0 0 58px;border-bottom:1px solid rgba(255,255,255,.16)}
#jw .jw-pricing-head h2{max-width:970px!important;margin:14px 0 0!important;font-size:clamp(51px,5.6vw,86px)!important}
#jw .jw-pricing-head>div:last-child>p{max-width:560px;color:var(--md);font-size:17px;margin:0 0 28px}
#jw .jw-pricing-head nav{display:flex;flex-wrap:wrap;gap:10px}
#jw .jw-pricing-head nav a{padding:11px 15px;border:1px solid rgba(255,255,255,.2);color:#fff;font:600 10px/1 "Space Grotesk";letter-spacing:.07em;text-transform:uppercase;transition:.3s var(--spring)}
#jw .jw-pricing-head nav a:hover{background:var(--y);border-color:var(--y);color:var(--tl)}
#jw .jw-package-group{grid-column:2/14;margin-top:105px;scroll-margin-top:40px}
#jw .jw-package-group:first-of-type{margin-top:0}
#jw .jw-package-group-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:clamp(45px,7vw,120px);align-items:end;margin-bottom:45px}
#jw .jw-package-group-head>div{position:relative;padding-left:58px}
#jw .jw-package-group-head>div>span{position:absolute;left:0;top:5px;color:var(--y);font:700 12px/1 "Space Grotesk"}
#jw .jw-package-group-head h3{max-width:820px;margin:11px 0 0;font-size:clamp(38px,4vw,60px);line-height:.98;letter-spacing:-.045em}
#jw .jw-package-group-head>p{max-width:590px;margin:0;color:var(--md);font-size:16px}
#jw .jw-package-grid-primary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
#jw .jw-package-card{position:relative;display:flex;flex-direction:column;min-height:690px;padding:35px clamp(24px,2.2vw,38px);border-right:1px solid rgba(255,255,255,.15);transition:background .35s var(--spring),transform .35s var(--spring)}
#jw .jw-package-card:first-child{border-left:1px solid rgba(255,255,255,.15)}
#jw .jw-package-card:hover{background:rgba(255,255,255,.035);transform:translateY(-5px)}
#jw .jw-package-card.jw-package-featured{background:#0e1c0e}
#jw .jw-package-card.jw-package-featured:before{content:"";position:absolute;left:-1px;right:-1px;top:-3px;height:3px;background:var(--y)}
#jw .jw-package-badge{position:absolute;right:25px;top:25px;padding:8px 10px;background:var(--y);color:var(--tl);font:700 9px/1 "Space Grotesk";letter-spacing:.08em;text-transform:uppercase}
#jw .jw-package-index{color:var(--ga);font:700 10px/1 "Space Grotesk";letter-spacing:.1em;text-transform:uppercase}
#jw .jw-package-card h4{max-width:340px;margin:37px 0 12px;font-size:clamp(28px,2.3vw,38px);line-height:1.02}
#jw .jw-package-price{margin:0 0 25px;color:var(--y);font:700 clamp(27px,2.2vw,38px)/1 "Syne";letter-spacing:-.035em}
#jw .jw-package-price small{display:block;margin-top:8px;color:var(--md);font:500 10px/1.4 "Space Grotesk";letter-spacing:.05em;text-transform:uppercase}
#jw .jw-package-card>p:not(.jw-package-price){min-height:68px;color:var(--md);font-size:14px}
#jw .jw-package-card ul,#jw .jw-specialist-package ul,#jw .jw-writing-price-card ul,#jw .jw-care-card ul{list-style:none;margin:24px 0 0;padding:23px 0 0;border-top:1px solid rgba(255,255,255,.13)}
#jw .jw-package-card li,#jw .jw-specialist-package li,#jw .jw-writing-price-card li,#jw .jw-care-card li{position:relative;margin:0 0 11px;padding-left:20px;color:#d4ded4;font-size:13px;line-height:1.55}
#jw .jw-package-card li:before,#jw .jw-specialist-package li:before,#jw .jw-writing-price-card li:before,#jw .jw-care-card li:before{content:"+";position:absolute;left:0;top:0;color:var(--y);font-weight:700}
#jw .jw-package-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:28px}
#jw .jw-package-foot span{color:var(--md);font:600 9px/1.4 "Space Grotesk";letter-spacing:.08em;text-transform:uppercase}
#jw .jw-package-foot a,#jw .jw-specialist-package>a,#jw .jw-writing-price-card>a,#jw .jw-care-card>a{display:inline-flex;align-items:center;gap:12px;color:#fff;font:700 10px/1 "Space Grotesk";letter-spacing:.07em;text-transform:uppercase}
#jw .jw-package-foot a i,#jw .jw-specialist-package>a i,#jw .jw-writing-price-card>a i,#jw .jw-care-card>a i{color:var(--y);transition:transform .3s var(--spring)}
#jw .jw-package-foot a:hover i,#jw .jw-specialist-package>a:hover i,#jw .jw-writing-price-card>a:hover i,#jw .jw-care-card>a:hover i{transform:translate(4px,-4px)}
#jw .jw-specialist-packages{margin-top:54px;border-top:1px solid rgba(255,255,255,.16)}
#jw .jw-specialist-packages>h4{margin:26px 0 5px;color:var(--ga);font:700 10px/1.4 "Space Grotesk";letter-spacing:.1em;text-transform:uppercase}
#jw .jw-specialist-package{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.2fr) 155px;gap:clamp(30px,5vw,80px);align-items:start;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.16)}
#jw .jw-specialist-package h5{margin:0 0 10px;font-size:clamp(25px,2.2vw,34px)}
#jw .jw-specialist-package .jw-package-price{font-size:22px;margin:0}
#jw .jw-specialist-package>div:nth-child(2)>p{color:var(--md);font-size:14px;margin:0}
#jw .jw-specialist-package ul{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin-top:17px;padding-top:17px}
#jw .jw-specialist-package>a{justify-self:end;margin-top:6px}
#jw .jw-writing-packages{padding:58px clamp(26px,4vw,64px);background:var(--light-alt);color:var(--tl)}
#jw .jw-writing-packages .jw-package-group-head{margin-bottom:38px}
#jw .jw-writing-packages .jw-package-group-head>p{color:#566356}
#jw .jw-writing-price-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(13,26,13,.18);border-left:1px solid rgba(13,26,13,.18)}
#jw .jw-writing-price-card{display:flex;flex-direction:column;min-height:425px;padding:30px clamp(21px,2vw,32px);border-right:1px solid rgba(13,26,13,.18);border-bottom:1px solid rgba(13,26,13,.18);transition:background .3s var(--spring),transform .3s var(--spring)}
#jw .jw-writing-price-card:hover{background:#fff;transform:translateY(-4px)}
#jw .jw-writing-price-card .jw-package-index{color:var(--gm)}
#jw .jw-writing-price-card h4{margin:30px 0 11px;font-size:clamp(24px,2vw,31px)}
#jw .jw-writing-price-card .jw-package-price{color:var(--gm);font-size:clamp(25px,2vw,32px);margin-bottom:11px}
#jw .jw-writing-price-card>p:not(.jw-package-price){min-height:65px;color:#536153;font-size:13px}
#jw .jw-writing-price-card ul{border-color:rgba(13,26,13,.15);margin-top:20px;padding-top:19px}
#jw .jw-writing-price-card li{color:#3f4d3f;font-size:12px}
#jw .jw-writing-price-card li:before{color:var(--gm)}
#jw .jw-writing-price-card>a{margin-top:auto;padding-top:24px;color:var(--tl)}
#jw .jw-writing-price-card>a i{color:var(--gm)}
#jw .jw-care-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
#jw .jw-care-card{display:flex;flex-direction:column;min-height:475px;padding:34px clamp(24px,2.2vw,38px);border-right:1px solid rgba(255,255,255,.15)}
#jw .jw-care-card:first-child{border-left:1px solid rgba(255,255,255,.15)}
#jw .jw-care-card h4{margin:35px 0 12px;font-size:clamp(26px,2.2vw,35px)}
#jw .jw-care-card .jw-package-price{font-size:clamp(25px,2vw,33px);margin-bottom:14px}
#jw .jw-care-card>p:not(.jw-package-price){min-height:45px;color:var(--md);font-size:13px}
#jw .jw-care-card>a{margin-top:auto;padding-top:24px}
#jw .jw-pricing-terms{grid-column:2/14;display:grid;grid-template-columns:minmax(250px,.55fr) minmax(0,1.45fr);gap:clamp(50px,8vw,135px);margin-top:105px;padding:50px 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
#jw .jw-pricing-terms h3{max-width:430px;margin:12px 0 0;font-size:clamp(32px,3vw,46px)}
#jw .jw-pricing-terms ul{display:grid;grid-template-columns:1fr 1fr;gap:0 42px;list-style:none;margin:0;padding:0}
#jw .jw-pricing-terms li{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.11);color:var(--md);font-size:13px}
#jw .jw-pricing-terms li strong{display:block;margin-bottom:5px;color:#fff;font:700 10px/1.3 "Space Grotesk";letter-spacing:.06em;text-transform:uppercase}
#jw .jw-pricing-cta{grid-column:2/14;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:45px;align-items:center;margin-top:74px;padding:42px 46px;background:var(--y);color:var(--tl)}
#jw .jw-pricing-cta h3{max-width:790px;margin:8px 0 0;font-size:clamp(30px,3.2vw,50px)}
#jw .jw-pricing-cta .jw-eyebrow{color:var(--gm)}
#jw .jw-pricing-cta>a{display:inline-flex;align-items:center;gap:22px;padding:17px 21px;background:var(--tl);color:#fff;font:700 10px/1 "Space Grotesk";letter-spacing:.07em;text-transform:uppercase}
#jw .jw-pricing-cta>a i{color:var(--y)}

@media(max-width:1100px){
  #jw .jw-pricing .jw-grid{grid-template-columns:72px repeat(12,1fr)}
  #jw .jw-package-card{min-height:735px}
  #jw .jw-writing-price-grid{grid-template-columns:1fr 1fr}
  #jw .jw-writing-price-card{min-height:390px}
  #jw .jw-specialist-package{grid-template-columns:minmax(210px,.65fr) 1fr 120px;gap:30px}
}
@media(max-width:900px){
  #jw .jw-pricing-head,#jw .jw-package-group-head{grid-template-columns:1fr!important;gap:28px}
  #jw .jw-package-grid-primary,#jw .jw-care-grid{grid-template-columns:1fr}
  #jw .jw-package-card,#jw .jw-care-card{min-height:0;border-left:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
  #jw .jw-package-card>p:not(.jw-package-price),#jw .jw-care-card>p:not(.jw-package-price){min-height:0}
  #jw .jw-package-card ul,#jw .jw-care-card ul{columns:2;column-gap:35px}
  #jw .jw-package-foot,#jw .jw-care-card>a{margin-top:32px}
  #jw .jw-specialist-package{grid-template-columns:1fr 1.2fr}
  #jw .jw-specialist-package>a{grid-column:2;justify-self:start}
  #jw .jw-pricing-terms{grid-template-columns:1fr}
}
@media(max-width:820px){
  #jw .jw-pricing{padding:86px 22px}
  #jw .jw-pricing .jw-grid{grid-template-columns:repeat(12,1fr)}
  #jw .jw-pricing-head,#jw .jw-package-group,#jw .jw-pricing-terms,#jw .jw-pricing-cta{grid-column:1/13!important}
  #jw .jw-pricing-head{margin-bottom:70px!important}
  #jw .jw-package-group{margin-top:78px}
  #jw .jw-writing-packages{padding:44px 24px}
  #jw .jw-specialist-package{grid-template-columns:1fr;padding:30px 0}
  #jw .jw-specialist-package>a{grid-column:auto}
  #jw .jw-pricing-terms ul{grid-template-columns:1fr}
  #jw .jw-pricing-cta{grid-template-columns:1fr;padding:34px 27px}
  #jw .jw-pricing-cta>a{justify-self:start}
}
@media(max-width:560px){
  #jw .jw-pricing-head h2{font-size:39px!important}
  #jw .jw-package-group-head h3{font-size:34px}
  #jw .jw-package-group-head>div{padding-left:38px}
  #jw .jw-writing-price-grid{grid-template-columns:1fr}
  #jw .jw-package-card ul,#jw .jw-care-card ul{columns:1}
  #jw .jw-specialist-package ul{grid-template-columns:1fr}
  #jw .jw-writing-price-card{min-height:0}
  #jw .jw-pricing-head nav{display:grid;grid-template-columns:1fr}
  #jw .jw-pricing-head nav a{text-align:center}
}
/* Pricing markup alignment */
#jw .jw-package-card-head{padding-top:32px}
#jw .jw-package-card-head>p{max-width:340px;margin:0 0 13px;font:700 clamp(28px,2.3vw,38px)/1.02 "Syne";letter-spacing:-.035em}
#jw .jw-package-card-head>strong{display:block;color:var(--y);font:700 clamp(27px,2.2vw,38px)/1 "Syne";letter-spacing:-.035em}
#jw .jw-package-card-head>span{display:block;min-height:46px;margin-top:10px;color:var(--md);font:500 10px/1.45 "Space Grotesk";letter-spacing:.05em;text-transform:uppercase}
#jw .jw-package-card-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:28px}
#jw .jw-package-card-foot>span{color:var(--md);font:600 9px/1.4 "Space Grotesk";letter-spacing:.08em;text-transform:uppercase}
#jw .jw-package-card-foot>a{display:inline-flex;align-items:center;gap:12px;color:#fff;font:700 10px/1 "Space Grotesk";letter-spacing:.07em;text-transform:uppercase}
#jw .jw-package-card-foot>a i{color:var(--y);transition:transform .3s var(--spring)}
#jw .jw-package-card-foot>a:hover i{transform:translate(4px,-4px)}
#jw .jw-specialist-packages>article{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.2fr) 155px;gap:clamp(30px,5vw,80px);align-items:start;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.16)}
#jw .jw-specialist-title{display:grid;grid-template-columns:32px 1fr;gap:16px}
#jw .jw-specialist-title>span{padding-top:5px;color:var(--y);font:700 10px/1 "Space Grotesk"}
#jw .jw-specialist-title p{margin:0 0 10px;font:700 clamp(25px,2.2vw,34px)/1.03 "Syne";letter-spacing:-.035em}
#jw .jw-specialist-title strong{display:block;color:var(--y);font:700 21px/1.15 "Syne"}
#jw .jw-specialist-copy>p{color:var(--md);font-size:14px;margin:0}
#jw .jw-specialist-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;list-style:none;margin:17px 0 0;padding:17px 0 0;border-top:1px solid rgba(255,255,255,.13)}
#jw .jw-specialist-copy li{position:relative;margin:0 0 10px;padding-left:18px;color:#d4ded4;font-size:12px;line-height:1.5}
#jw .jw-specialist-copy li:before{content:"+";position:absolute;left:0;color:var(--y);font-weight:700}
#jw .jw-specialist-action{justify-self:end;display:flex;min-height:80px;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:25px;text-align:right}
#jw .jw-specialist-action small{color:var(--md);font:600 9px/1.4 "Space Grotesk";letter-spacing:.07em;text-transform:uppercase}
#jw .jw-specialist-action a{display:inline-flex;align-items:center;gap:12px;color:#fff;font:700 10px/1 "Space Grotesk";letter-spacing:.07em;text-transform:uppercase}
#jw .jw-specialist-action a i{color:var(--y);transition:transform .3s var(--spring)}
#jw .jw-specialist-action a:hover i{transform:translate(4px,-4px)}
#jw .jw-writing-price-grid>article{display:flex;flex-direction:column;min-height:425px;padding:30px clamp(21px,2vw,32px);border-right:1px solid rgba(13,26,13,.18);border-bottom:1px solid rgba(13,26,13,.18);transition:background .3s var(--spring),transform .3s var(--spring)}
#jw .jw-writing-price-grid>article:hover{background:#fff;transform:translateY(-4px)}
#jw .jw-writing-price-grid>article>div>span{color:var(--gm);font:700 10px/1 "Space Grotesk"}
#jw .jw-writing-price-grid>article>div>p{margin:30px 0 10px;font:700 clamp(24px,2vw,31px)/1.05 "Syne";letter-spacing:-.035em}
#jw .jw-writing-price-grid>article>div>strong{display:block;color:var(--gm);font:700 clamp(25px,2vw,32px)/1 "Syne"}
#jw .jw-writing-price-grid>article>small{display:block;min-height:37px;margin-top:10px;color:#536153;font:500 10px/1.45 "Space Grotesk";letter-spacing:.04em;text-transform:uppercase}
#jw .jw-writing-price-grid>article>ul{list-style:none;margin:20px 0 0;padding:19px 0 0;border-top:1px solid rgba(13,26,13,.15)}
#jw .jw-writing-price-grid>article li{position:relative;margin:0 0 9px;padding-left:18px;color:#3f4d3f;font-size:12px;line-height:1.5}
#jw .jw-writing-price-grid>article li:before{content:"+";position:absolute;left:0;color:var(--gm);font-weight:700}
#jw .jw-writing-price-grid>article>a{display:inline-flex;align-items:center;gap:12px;margin-top:auto;padding-top:24px;color:var(--tl);font:700 10px/1 "Space Grotesk";letter-spacing:.07em;text-transform:uppercase}
#jw .jw-writing-price-grid>article>a i{color:var(--gm);transition:transform .3s var(--spring)}
#jw .jw-writing-price-grid>article>a:hover i{transform:translate(4px,-4px)}
#jw .jw-care-grid>article{display:flex;flex-direction:column;min-height:475px;padding:34px clamp(24px,2.2vw,38px);border-right:1px solid rgba(255,255,255,.15)}
#jw .jw-care-grid>article:first-child{border-left:1px solid rgba(255,255,255,.15)}
#jw .jw-care-grid>article>span{color:var(--ga);font:700 10px/1 "Space Grotesk"}
#jw .jw-care-grid>article h4{margin:35px 0 13px;font-size:clamp(26px,2.2vw,35px)}
#jw .jw-care-grid>article>strong{display:block;color:var(--y);font:700 clamp(24px,2vw,32px)/1.15 "Syne"}
#jw .jw-care-grid>article>ul{list-style:none;margin:28px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.13)}
#jw .jw-care-grid>article li{position:relative;margin:0 0 12px;padding-left:20px;color:#d4ded4;font-size:13px;line-height:1.55}
#jw .jw-care-grid>article li:before{content:"+";position:absolute;left:0;color:var(--y);font-weight:700}
@media(max-width:1100px){
 #jw .jw-specialist-packages>article{grid-template-columns:minmax(210px,.65fr) 1fr 120px;gap:30px}
 #jw .jw-writing-price-grid>article{min-height:390px}
}
@media(max-width:900px){
 #jw .jw-package-card-foot{margin-top:32px}
 #jw .jw-specialist-packages>article{grid-template-columns:1fr 1.2fr}
 #jw .jw-specialist-action{grid-column:2;justify-self:start;align-items:flex-start;text-align:left;min-height:0}
 #jw .jw-care-grid>article{min-height:0;border-left:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}
 #jw .jw-care-grid>article>ul{columns:2;column-gap:35px}
}
@media(max-width:820px){
 #jw .jw-specialist-packages>article{grid-template-columns:1fr}
 #jw .jw-specialist-action{grid-column:auto}
}
@media(max-width:560px){
 #jw .jw-specialist-copy ul{grid-template-columns:1fr}
 #jw .jw-writing-price-grid>article{min-height:0}
 #jw .jw-care-grid>article>ul{columns:1}
}
/* Conversion-focused contact close */
#jw .jw-contact{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:112px clamp(24px,4.5vw,90px) 38px;background:var(--hero);color:#fff;overflow:hidden}
#jw .jw-contact:before{content:"";position:absolute;width:520px;height:520px;right:0;top:-20%;background:rgba(27,94,32,.25);filter:blur(190px);pointer-events:none}
#jw .jw-contact .jw-grid{position:relative;width:100%;max-width:none;grid-template-columns:100px repeat(12,1fr);border-color:rgba(255,255,255,.12)}
#jw .jw-contact-head{grid-column:2/10;padding:0!important;text-align:left!important}
#jw .jw-contact-head h2{max-width:1080px;margin:16px 0 0;font-size:clamp(51px,5.8vw,88px);line-height:.95;letter-spacing:-.055em}
#jw .jw-contact-head h2 span{color:var(--y)}
#jw .jw-contact-intro{grid-column:10/14;align-self:end;padding:0 0 8px clamp(25px,3vw,55px)}
#jw .jw-contact-intro p{max-width:520px;margin:0 0 13px;color:var(--md);font-size:16px;line-height:1.65}
#jw .jw-contact-intro p:first-child{color:#e2e9e2;font-size:18px}
#jw .jw-contact-conversion{grid-column:2/14;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.65fr);margin-top:78px;border-top:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17)}
#jw .jw-contact-channel{padding:42px clamp(30px,4vw,65px) 42px 0;border-right:1px solid rgba(255,255,255,.17)}
#jw .jw-contact-primary{display:grid;grid-template-columns:50px 1fr 34px;gap:20px;align-items:center;margin-top:22px;padding:29px 30px;background:var(--y);color:var(--tl);transition:transform .35s var(--spring),background .35s var(--spring)}
#jw .jw-contact-primary:hover{transform:translateY(-5px);background:#ffe033}
#jw .jw-contact-primary>.fa-whatsapp{font-size:37px;color:var(--gm)}
#jw .jw-contact-primary>span small{display:block;margin-bottom:6px;font:700 9px/1 "Space Grotesk";letter-spacing:.09em;text-transform:uppercase}
#jw .jw-contact-primary>span strong{font:700 clamp(22px,2vw,31px)/1.1 "Syne";letter-spacing:-.025em}
#jw .jw-contact-primary>.fa-arrow-up-right{justify-self:end;font-size:18px;transition:transform .3s var(--spring)}
#jw .jw-contact-primary:hover>.fa-arrow-up-right{transform:translate(5px,-5px)}
#jw .jw-response-note{margin:14px 0 0;color:var(--md);font:600 9px/1.4 "Space Grotesk";letter-spacing:.06em;text-transform:uppercase}
#jw .jw-response-note i{margin-right:8px;color:var(--ga);font-size:7px;animation:jwPulse 2s ease-in-out infinite}
#jw .jw-contact-secondary{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;border-top:1px solid rgba(255,255,255,.14)}
#jw .jw-contact-secondary>a{display:grid;grid-template-columns:25px 1fr 18px;gap:15px;align-items:center;padding:24px 22px 2px 0;color:#fff;transition:color .3s}
#jw .jw-contact-secondary>a:first-child{border-right:1px solid rgba(255,255,255,.14)}
#jw .jw-contact-secondary>a:last-child{padding-left:25px}
#jw .jw-contact-secondary>a:hover{color:var(--y)}
#jw .jw-contact-secondary>a>i:first-child{color:var(--ga);font-size:17px}
#jw .jw-contact-secondary span{font:700 14px/1.3 "Space Grotesk"}
#jw .jw-contact-secondary small{display:block;margin-bottom:4px;color:var(--md);font:600 8px/1 "Space Grotesk";letter-spacing:.08em;text-transform:uppercase}
#jw .jw-contact-secondary .fa-arrow-up-right{justify-self:end;font-size:10px}
#jw .jw-contact-brief{padding:42px 0 42px clamp(30px,4vw,65px)}
#jw .jw-contact-brief ol{list-style:none;margin:23px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.14)}
#jw .jw-contact-brief li{display:grid;grid-template-columns:36px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.14);color:#dbe4db;font-size:13px}
#jw .jw-contact-brief li span{padding-top:2px;color:var(--y);font:700 9px/1 "Space Grotesk"}
#jw .jw-contact-bottom{grid-column:2/14;display:grid;grid-template-columns:minmax(310px,1fr) auto minmax(310px,1fr);gap:40px;align-items:end;padding-top:40px;color:var(--md);font:600 9px/1.5 "Space Grotesk";letter-spacing:.06em;text-transform:uppercase}
#jw .jw-contact-bottom p{margin:0}
#jw .jw-contact-bottom p strong{display:block;margin-bottom:5px;color:#fff;font:700 16px/1.2 "Syne";letter-spacing:0;text-transform:none}
#jw .jw-contact-bottom p span{display:block}
#jw .jw-contact-bottom nav{display:flex;gap:24px}
#jw .jw-contact-bottom a{color:var(--md);transition:color .3s}
#jw .jw-contact-bottom a:hover{color:var(--y)}
#jw .jw-contact-bottom>div{display:flex;justify-content:flex-end;gap:28px;text-align:right}
#jw .jw-contact-bottom>div a i{margin-left:6px}
@keyframes jwPulse{0%,100%{opacity:.45}50%{opacity:1}}

@media(max-width:1100px){
  #jw .jw-contact .jw-grid{grid-template-columns:72px repeat(12,1fr)}
  #jw .jw-contact-head{grid-column:2/9}
  #jw .jw-contact-intro{grid-column:9/14}
  #jw .jw-contact-bottom{grid-template-columns:1fr auto}
  #jw .jw-contact-bottom nav{grid-column:1/2;grid-row:2}
  #jw .jw-contact-bottom>div{grid-column:2;grid-row:1/3}
}
@media(max-width:820px){
  #jw .jw-contact{padding:85px 22px 32px}
  #jw .jw-contact .jw-grid{grid-template-columns:repeat(12,1fr)}
  #jw .jw-contact-head,#jw .jw-contact-intro,#jw .jw-contact-conversion,#jw .jw-contact-bottom{grid-column:1/13}
  #jw .jw-contact-intro{padding:32px 0 0;max-width:680px}
  #jw .jw-contact-conversion{grid-template-columns:1fr;margin-top:55px}
  #jw .jw-contact-channel{padding:36px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.17)}
  #jw .jw-contact-brief{padding:36px 0}
  #jw .jw-contact-bottom{grid-template-columns:1fr;gap:26px}
  #jw .jw-contact-bottom nav,#jw .jw-contact-bottom>div{grid-column:1;grid-row:auto}
  #jw .jw-contact-bottom>div{justify-content:flex-start;text-align:left;flex-wrap:wrap}
}
@media(max-width:560px){
  #jw .jw-contact-head h2{font-size:42px}
  #jw .jw-contact-primary{grid-template-columns:38px 1fr 20px;padding:24px 20px;gap:14px}
  #jw .jw-contact-primary>.fa-whatsapp{font-size:29px}
  #jw .jw-contact-primary>span strong{font-size:20px}
  #jw .jw-contact-secondary{grid-template-columns:1fr}
  #jw .jw-contact-secondary>a:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  #jw .jw-contact-secondary>a,#jw .jw-contact-secondary>a:last-child{padding:19px 0}
  #jw .jw-contact-bottom nav{flex-wrap:wrap}
}
/* Full-width project FAQ */
#jw .jw-faq{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:112px clamp(24px,4.5vw,90px);background:var(--light-alt);color:var(--tl)}
#jw .jw-faq .jw-grid{width:100%;max-width:none;grid-template-columns:100px repeat(12,1fr);border-color:rgba(13,26,13,.13)}
#jw .jw-faq-head{grid-column:2/14!important;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.45fr);gap:clamp(55px,8vw,135px);align-items:end;margin:0 0 65px!important;padding:0 0 54px;border-bottom:1px solid rgba(13,26,13,.18)}
#jw .jw-faq-head h2{max-width:980px;margin:14px 0 0!important;font-size:clamp(51px,5.6vw,86px)!important;line-height:.97}
#jw .jw-faq-head>p{max-width:520px;margin:0 0 7px;color:#566356;font-size:17px;line-height:1.65}
#jw .jw-faq-list{grid-column:2/14!important;border-top:1px solid rgba(13,26,13,.18)}
#jw .jw-faq-list details{position:relative;border-bottom:1px solid rgba(13,26,13,.18);transition:background .3s var(--spring)}
#jw .jw-faq-list details:hover,#jw .jw-faq-list details[open]{background:#fff}
#jw .jw-faq-list details:before{content:"";position:absolute;left:0;top:0;bottom:100%;width:3px;background:var(--y);transition:bottom .35s var(--spring)}
#jw .jw-faq-list details[open]:before{bottom:0}
#jw .jw-faq-list summary{display:grid;grid-template-columns:60px minmax(0,1fr) 44px;gap:22px;align-items:center;min-height:94px;padding:24px clamp(18px,2vw,32px);list-style:none;cursor:pointer;font:inherit}
#jw .jw-faq-list summary::-webkit-details-marker{display:none}
#jw .jw-faq-list summary>span{color:var(--gm);font:700 10px/1 "Space Grotesk";letter-spacing:.08em}
#jw .jw-faq-list summary>strong{font:700 clamp(18px,1.65vw,24px)/1.3 "Space Grotesk";letter-spacing:-.015em}
#jw .jw-faq-list summary>i{justify-self:end;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(27,94,32,.25);border-radius:50%;color:var(--gm);font-size:13px;transition:transform .3s var(--spring),background .3s,color .3s}
#jw .jw-faq-list details[open] summary>i{transform:rotate(45deg);background:var(--gm);border-color:var(--gm);color:#fff}
#jw .jw-faq-list details>p{max-width:980px;margin:0;padding:0 70px 31px 114px!important;color:#526052;font-size:15px;line-height:1.75}
#jw .jw-faq-foot{grid-column:2/14;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:42px;padding:30px 32px;background:var(--gp);border:1px solid rgba(27,94,32,.12)}
#jw .jw-faq-foot p{margin:0;color:var(--tl);font:600 clamp(17px,1.5vw,22px)/1.35 "Space Grotesk"}
#jw .jw-faq-foot a{display:inline-flex;align-items:center;gap:18px;flex:none;padding:14px 18px;background:var(--tl);color:#fff;font:700 10px/1 "Space Grotesk";letter-spacing:.07em;text-transform:uppercase;transition:background .3s,color .3s}
#jw .jw-faq-foot a i{color:var(--y)}
#jw .jw-faq-foot a:hover{background:var(--y);color:var(--tl)}
#jw .jw-faq-foot a:hover i{color:var(--tl)}

@media(max-width:1100px){
  #jw .jw-faq .jw-grid{grid-template-columns:72px repeat(12,1fr)}
  #jw .jw-faq-head{grid-template-columns:minmax(0,1fr) minmax(300px,.55fr)}
}
@media(max-width:820px){
  #jw .jw-faq{padding:85px 22px}
  #jw .jw-faq .jw-grid{grid-template-columns:repeat(12,1fr)}
  #jw .jw-faq-head,#jw .jw-faq-list,#jw .jw-faq-foot{grid-column:1/13!important}
  #jw .jw-faq-head{grid-template-columns:1fr;gap:25px;margin-bottom:48px!important}
  #jw .jw-faq-head>p{max-width:680px}
  #jw .jw-faq-list summary{grid-template-columns:42px minmax(0,1fr) 38px;gap:14px;padding-inline:16px}
  #jw .jw-faq-list details>p{padding:0 55px 27px 72px!important}
}
@media(max-width:560px){
  #jw .jw-faq-head h2{font-size:39px!important}
  #jw .jw-faq-list summary{grid-template-columns:28px minmax(0,1fr) 34px;min-height:82px;padding:20px 8px;gap:10px}
  #jw .jw-faq-list summary>strong{font-size:16px}
  #jw .jw-faq-list summary>i{width:32px;height:32px;font-size:11px}
  #jw .jw-faq-list details>p{padding:0 10px 25px 46px!important;font-size:14px}
  #jw .jw-faq-foot{display:block;padding:25px 22px}
  #jw .jw-faq-foot a{justify-content:space-between;width:100%;margin-top:20px}
}
/* Mobile package disclosure */
#jw .jw-package-toggle{display:none}
@media(max-width:820px){
  #jw .jw-mobile-collapsible:not(.is-expanded)>li:nth-child(n+6){display:none}
  #jw .jw-package-toggle{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:17px 0 8px;padding:13px 16px;border:1px solid currentColor;background:transparent;color:inherit;font:700 9px/1 "Space Grotesk";letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
  #jw .jw-writing-price-grid .jw-package-toggle{color:var(--gm)}
  #jw .jw-package-card .jw-package-toggle,#jw .jw-care-grid .jw-package-toggle,#jw .jw-specialist-copy .jw-package-toggle{color:var(--y);border-color:rgba(255,214,0,.45)}
  #jw .jw-package-toggle:after{content:"+";margin-left:10px;font-size:14px}
  #jw .jw-package-toggle[aria-expanded="true"]:after{content:"−"}
  #jw .jw-package-card,#jw .jw-care-grid>article{overflow:visible}
}
/* Complete marquee exit before restart */
#jw .jw-marquee>div{flex:none;width:max-content;will-change:transform;animation:jwMarqueeFull 24s linear infinite}
@keyframes jwMarqueeFull{
  0%{transform:translateX(100vw)}
  100%{transform:translateX(-100%)}
}
/* Keep the portfolio root inside its Elementor content shell. Full-bleed sections
   inside #jw provide their own layout; the root itself must not escape the editor. */
#jw{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  overflow-x:clip!important;
}
body:not(.elementor-editor-active) .elementor-widget-html:has(#jw),
body:not(.elementor-editor-active) .elementor-widget-html:has(#jw)>.elementor-widget-container{
  max-width:none!important;
  overflow:visible!important;
}
/* Clear featured project screenshots */
#jw .jw-featured-media{
  position:relative;
  aspect-ratio:16/10;
  padding:10px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(13,26,13,.16);
  box-shadow:0 18px 45px rgba(13,26,13,.09);
}
#jw .jw-featured-media:before{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
}
#jw .jw-featured-media:after{
  content:"";
  position:absolute;
  z-index:3;
  top:10px;
  left:10px;
  width:84px;
  height:4px;
  background:var(--gm);
  pointer-events:none;
}
#jw .jw-featured-kisrp:after{background:#2273ab}
#jw .jw-featured-media img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  transform:none;
  transition:transform .55s var(--spring);
}
#jw .jw-featured-project:hover .jw-featured-media img{
  opacity:1!important;
  filter:none!important;
  transform:scale(1.018);
}
@media(max-width:560px){
  #jw .jw-featured-media{padding:6px;box-shadow:0 12px 30px rgba(13,26,13,.08)}
  #jw .jw-featured-media:after{top:6px;left:6px;width:58px;height:3px}
}

/* Agency visual direction: charcoal canvas, grid texture and green/gold interaction states. */
#jw{
  --hero:#1d1d24;--dark:#1d1d24;--light:#1d1d24;--light-alt:#25252e;
  --g:#0E430D;--gm:#0E430D;--ga:#FFC100;--gp:#193518;
  --y:#FFC100;--yd:#FF9A00;--tl:#f5f7ef;--ml:#aab3a7;
  --td:rgba(248,247,255,.9);--md:rgba(220,216,235,.68);
  --bd:rgba(255,255,255,.1);--bl:#393844;--spring:cubic-bezier(.16,1,.3,1);
  background-color:var(--hero);color:var(--tl);font-family:"Inter",sans-serif;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:32px 32px;background-position:center top;
}
#jw .jw-grid{width:min(calc(100% - 120px),1280px);grid-template-columns:repeat(12,minmax(0,1fr));border-inline:0}
#jw .jw-section-mark{display:none}
#jw .jw-eyebrow{font-family:"Space Grotesk",sans-serif;color:var(--ga);font-size:10px;letter-spacing:.12em}
#jw :is(h1,h2,h3,h4){font-family:"Space Grotesk",sans-serif;letter-spacing:-.055em}
#jw .jw-skip{background:var(--y);color:#fff}
#jw .jw-cursor{border-color:var(--ga)}

/* Compact agency navigation. The host site's global navigation remains untouched. */
#jw .jw-agency-nav{position:absolute;z-index:10;top:0;left:50%;transform:translateX(-50%);width:min(calc(100% - 120px),1280px);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:26px 0;color:var(--td)}
#jw .jw-agency-brand{font:700 20px/1 "Space Grotesk",sans-serif;letter-spacing:-.06em}
#jw .jw-agency-brand span{display:block;margin-top:6px;color:var(--md);font:500 8px/1 "Inter",sans-serif;letter-spacing:.1em;text-transform:uppercase}
#jw .jw-agency-links{display:flex;gap:30px;margin-left:auto}
#jw .jw-agency-links a{color:var(--md);font:600 10px/1 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.08em;transition:color .25s}
#jw .jw-agency-links a:hover{color:#fff}
#jw .jw-nav-cta{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgba(255,255,255,.22);border-radius:5px;font:600 10px/1 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.07em;transition:background .25s,border-color .25s}
#jw .jw-nav-cta i{color:var(--ga)}
#jw .jw-nav-cta:hover{background:var(--y);border-color:var(--y)}

/* Hero */
#jw .jw-hero{width:100%;margin-left:0;min-height:clamp(720px,100svh,940px);background:transparent;color:#fff}
#jw .jw-hero:before{background:linear-gradient(90deg,rgba(29,29,36,.98) 0%,rgba(29,29,36,.91) 42%,rgba(29,29,36,.28) 80%,rgba(29,29,36,.1) 100%);z-index:1}
#jw .jw-hero-art{inset:70px 0 0 48%;animation:none}
#jw .jw-hero-art:after{background:linear-gradient(180deg,transparent 65%,var(--hero) 100%)}
#jw .jw-hero-art>img:first-child{display:none}
#jw .jw-hero-blob{position:absolute;z-index:0;right:12%;top:23%;width:430px;height:520px;background:var(--y);opacity:.95;clip-path:polygon(51% 0,72% 28%,100% 38%,80% 57%,90% 88%,54% 73%,27% 100%,23% 67%,0 53%,28% 35%,23% 10%);filter:drop-shadow(0 0 50px rgba(14,67,13,.24));transform:rotate(-8deg)}
#jw .jw-hero-portrait{display:block!important;position:absolute;z-index:2;right:2%;bottom:0;width:min(88%,650px)!important;height:91%!important;object-fit:contain!important;object-position:center bottom;filter:grayscale(1) contrast(1.08);mix-blend-mode:screen;opacity:.9}
#jw .jw-hero-grid{width:min(calc(100% - 120px),1280px);min-height:inherit;margin:0 auto;padding:0;grid-template-columns:repeat(12,minmax(0,1fr));border:0}
#jw .jw-hero-copy{grid-column:1/9;padding:130px 0 70px;align-self:center;position:relative;z-index:3}
#jw .jw-hero .jw-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px;color:var(--td)}
#jw .jw-hero-wave{color:var(--ga);font-size:14px}
#jw .jw-hero h1{max-width:820px;font-size:clamp(54px,7vw,104px);line-height:.99;letter-spacing:-.07em}
#jw .jw-hero h1 .jw-accent{color:var(--y)}
#jw .jw-hero-bottom{display:grid;grid-template-columns:minmax(250px,480px) 130px;gap:45px;align-items:center;margin:35px 0 0 0}
#jw .jw-hero-bottom p{font-size:16px;line-height:1.65;color:var(--md)}
#jw .jw-round-link{width:122px;height:122px;border:1px solid var(--y);background:var(--y);color:#fff;font-size:12px;transition:transform .3s,background .3s}
#jw .jw-round-link:before{border-color:rgba(255,255,255,.32)}
#jw .jw-round-link i{color:#fff}
#jw .jw-round-link:hover{background:transparent;color:#fff;border-color:var(--y);transform:rotate(-5deg) scale(1.04)}
#jw .jw-round-link:hover i{color:var(--ga)}
#jw .jw-hero-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
#jw .jw-hero-tools span{padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:3px;color:var(--md);font:600 9px/1 "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase}
#jw .jw-scroll{grid-column:1/5;grid-row:2;z-index:3;color:var(--md)}
#jw .jw-scroll i{color:var(--ga)}
#jw .jw-hero-footer{position:absolute;z-index:3;left:50%;bottom:0;transform:translateX(-50%);width:min(calc(100% - 120px),1280px);border-top-color:rgba(255,255,255,.13);color:var(--md)}

/* Shared dark section treatment */
#jw :is(.jw-intro,.jw-work,.jw-process,.jw-faq){background:transparent;color:var(--tl)}
#jw .jw-intro{width:100%;margin-left:0;padding:120px 0 125px;grid-template-columns:repeat(12,minmax(0,1fr))}
#jw .jw-intro-main{grid-column:1/-1}
#jw .jw-intro h2{max-width:1000px;font-size:clamp(43px,5.1vw,76px);color:#f8f7ff}
#jw .jw-intro-layout{grid-template-columns:minmax(230px,330px) minmax(0,1fr) minmax(230px,.7fr);border-top-color:rgba(255,255,255,.13)}
#jw .jw-portrait{background:#292832;border:1px solid rgba(255,255,255,.12)}
#jw .jw-portrait:after{background:var(--y)}
#jw .jw-intro-copy p,#jw .jw-intro-copy p:first-child{color:var(--md)}
#jw .jw-intro-copy p:first-child{color:var(--td)}
#jw .jw-intro-focus{border-left-color:rgba(255,255,255,.15)}
#jw .jw-intro-focus li{border-color:rgba(255,255,255,.13);color:var(--td)}
#jw .jw-intro-focus .jw-eyebrow,#jw .jw-intro-focus li span{color:var(--ga)}
#jw .jw-proof{width:100%;margin-left:0;padding:0;border-color:rgba(255,255,255,.1);background:#24242c;color:var(--tl)}
#jw .jw-proof header{width:min(calc(100% - 120px),1280px);margin:0 auto;padding:25px 0 20px}
#jw .jw-proof header span,#jw .jw-proof-grid small{color:var(--ga)}
#jw .jw-proof header p{color:var(--td)}
#jw .jw-proof-grid{width:min(calc(100% - 120px),1280px);margin:0 auto;border-top-color:rgba(255,255,255,.1)}
#jw .jw-proof-grid a{border-color:rgba(255,255,255,.1)}
#jw .jw-proof-grid strong{color:var(--td)}
#jw .jw-proof-grid a:hover{background:var(--y);color:#fff}
#jw .jw-proof-grid a:after{background:#fff}

/* Services become the reference's large editorial list. */
#jw .jw-services{width:100%;margin-left:0;padding:120px 0;background:transparent;color:var(--tl)}
#jw .jw-services .jw-grid{width:min(calc(100% - 120px),1280px);grid-template-columns:repeat(12,minmax(0,1fr));border:0}
#jw .jw-services-head,#jw .jw-services-body{grid-column:1/-1}
#jw .jw-services-head{grid-template-columns:1fr .75fr;gap:12%;padding-bottom:60px}
#jw .jw-services-head h2{max-width:800px;font-size:clamp(45px,5.5vw,82px);color:var(--tl)}
#jw .jw-services-intro>p{color:var(--md);font-size:16px}
#jw .jw-services-body{grid-template-columns:minmax(240px,31%) minmax(0,1fr);gap:70px}
#jw .jw-services-visual{position:sticky;top:80px;width:100%;transform:none;padding:13px;background:#282731;border:1px solid rgba(255,255,255,.12)}
#jw .jw-services-visual:before{inset:8% -8% -6% 8%;border-color:rgba(14,67,13,.35)}
#jw .jw-services-visual img{aspect-ratio:4/5;filter:grayscale(.2) saturate(.7);object-fit:cover}
#jw .jw-service-list{border-top-color:rgba(255,255,255,.14)}
#jw .jw-service-list article{grid-template-columns:55px minmax(220px,1fr) minmax(240px,1fr) 46px;gap:22px;min-height:145px;padding:28px 0;border-bottom-color:rgba(255,255,255,.12);transition:background .35s var(--spring),padding .35s var(--spring),color .35s}
#jw .jw-service-list article>span{grid-column:1;grid-row:1/3;color:var(--ga);font-size:12px}
#jw .jw-service-list article>i{display:none}
#jw .jw-service-list article h3{grid-column:2;grid-row:1/3;font-size:clamp(23px,2.2vw,34px);color:var(--td)}
#jw .jw-service-list article p{grid-column:3;grid-row:1;color:var(--md);font-size:13px}
#jw .jw-service-list article small{grid-column:3;grid-row:2;color:var(--ga);font-size:9px}
#jw .jw-service-list article .jw-service-arrow{grid-column:4;grid-row:1;position:static;width:40px;height:40px;border-color:rgba(255,255,255,.2);color:#fff}
#jw .jw-service-list article:hover,#jw .jw-service-list article:first-child{background:var(--y);padding-inline:18px;color:#fff}
#jw .jw-service-list article:hover h3,#jw .jw-service-list article:first-child h3{color:#fff}
#jw .jw-service-list article:hover p,#jw .jw-service-list article:first-child p{color:rgba(255,255,255,.83)}
#jw .jw-service-list article:hover small,#jw .jw-service-list article:first-child small,#jw .jw-service-list article:hover>span,#jw .jw-service-list article:first-child>span{color:#fff}
#jw .jw-service-list article:hover .jw-service-arrow,#jw .jw-service-list article:first-child .jw-service-arrow{border-color:rgba(255,255,255,.75);background:rgba(255,255,255,.08)}

/* Selected work and filters */
#jw .jw-work{width:100%;margin-left:0;padding:125px 0 145px}
#jw .jw-work .jw-grid{width:min(calc(100% - 120px),1280px);grid-template-columns:repeat(12,minmax(0,1fr));border:0}
#jw .jw-work-head{grid-column:1/-1;display:grid;grid-template-columns:1fr .75fr;gap:12%;margin-bottom:35px}
#jw .jw-work-head h2{font-size:clamp(45px,5.5vw,82px);color:var(--tl)}
#jw .jw-work-head>p{color:var(--md);font-size:16px}
#jw .jw-featured-work{grid-column:1/-1;gap:25px;border-top-color:rgba(255,255,255,.12);padding-top:32px}
#jw .jw-featured-project:first-child{border-right-color:rgba(255,255,255,.12)}
#jw .jw-featured-media{background:#25242d;border-color:rgba(255,255,255,.12);box-shadow:0 18px 45px rgba(0,0,0,.22)}
#jw .jw-featured-copy{padding-top:25px}
#jw .jw-project-meta p{color:var(--ga)}
#jw .jw-project-meta span{color:var(--md)}
#jw .jw-featured-copy h3{color:var(--tl)}
#jw .jw-featured-copy>p{color:var(--md)}
#jw .jw-featured-copy ul{border-color:rgba(255,255,255,.12)}
#jw .jw-featured-copy li{color:var(--td)}
#jw .jw-featured-copy li:before{color:var(--ga)}
#jw .jw-project-status{color:var(--md)}
#jw .jw-project-status i{background:var(--ga);box-shadow:0 0 0 5px rgba(255,193,0,.18)}
#jw .jw-more-work{border-color:rgba(255,255,255,.12)}
#jw .jw-more-work p{color:var(--ga)}
#jw .jw-more-work span{color:var(--md)}
#jw .jw-project-small{border-color:rgba(255,255,255,.12)}
#jw .jw-small-media{background:#292832;border:1px solid rgba(255,255,255,.1)}
#jw .jw-small-project-head p{color:var(--ga)}
#jw .jw-project-small h3{color:var(--tl)}
#jw .jw-project-small small{color:var(--md)}
#jw .jw-small-project-head>a{border-color:rgba(255,255,255,.25);color:var(--ga)}
#jw .jw-small-project-head>a:hover{background:var(--y);border-color:var(--y);color:#fff}

/* New approach and skills sections. */
#jw .jw-resume{padding:120px 0;background:#24242d;color:var(--tl)}
#jw .jw-resume-grid,#jw .jw-skills-grid{width:min(calc(100% - 120px),1280px);grid-template-columns:repeat(12,minmax(0,1fr));border:0}
#jw .jw-resume-intro{grid-column:1/7;max-width:620px}
#jw .jw-resume-intro .jw-eyebrow,#jw .jw-skills-head .jw-eyebrow{color:var(--ga)}
#jw .jw-resume-intro h2{font-size:clamp(42px,4.8vw,70px);margin:18px 0 25px}
#jw .jw-resume-intro>p:last-child{color:var(--md);font-size:16px}
#jw .jw-resume-cards{grid-column:7/13;display:grid;grid-template-columns:1fr 1fr;gap:14px}
#jw .jw-resume-cards article{padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:rgba(255,255,255,.018);transition:transform .3s var(--spring),border-color .3s,background .3s}
#jw .jw-resume-cards article:hover{transform:translateY(-5px);border-color:var(--y);background:rgba(14,67,13,.08)}
#jw .jw-resume-cards article>span{color:var(--ga);font:600 10px "Space Grotesk"}
#jw .jw-resume-cards article>i{float:right;color:var(--ga);font-size:17px}
#jw .jw-resume-cards h3{clear:both;font-size:20px;margin:37px 0 11px}
#jw .jw-resume-cards p{font-size:12px;color:var(--md)}
#jw .jw-skills{padding:120px 0;background:transparent;color:var(--tl)}
#jw .jw-skills-head{grid-column:3/11;text-align:center}
#jw .jw-skills-head h2{font-size:clamp(42px,5vw,74px);margin:15px auto 18px}
#jw .jw-skills-head>p:last-child{max-width:550px;margin:0 auto;color:var(--md);font-size:15px}
#jw .jw-skill-tiles{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);margin-top:58px;border:1px solid rgba(255,255,255,.15);border-right:0;border-bottom:0}
#jw .jw-skill-tiles>div{min-height:160px;padding:23px 18px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);transition:background .25s,border-color .25s}
#jw .jw-skill-tiles>div:hover{background:rgba(14,67,13,.1);border-color:var(--y)}
#jw .jw-skill-tiles i{display:block;color:var(--ga);font-size:25px;margin-bottom:24px}
#jw .jw-skill-tiles strong{display:block;color:var(--td);font:600 13px/1.3 "Space Grotesk"}
#jw .jw-skill-tiles span{display:block;color:var(--md);font-size:10px;margin-top:8px}
#jw .jw-skills-note{grid-column:3/11;text-align:center;margin-top:34px;color:var(--md);font-size:13px}

/* Process and pricing keep all existing details while adopting the reference palette. */
#jw .jw-process{width:100%;margin-left:0;padding:120px 0;background:transparent}
#jw .jw-process .jw-grid{width:min(calc(100% - 120px),1280px);grid-template-columns:repeat(12,minmax(0,1fr));border:0}
#jw .jw-process header,#jw .jw-process-grid,#jw .jw-process-note{grid-column:1/-1}
#jw .jw-process header{display:grid;grid-template-columns:1fr .75fr;gap:12%;text-align:left;margin-bottom:55px}
#jw .jw-process header h2{font-size:clamp(45px,5.5vw,82px)}
#jw .jw-process header>p{color:var(--md)}
#jw .jw-process-grid{border-color:rgba(255,255,255,.14)}
#jw .jw-process-grid article{min-height:330px;border-color:rgba(255,255,255,.12);background:transparent}
#jw .jw-process-grid article:hover{background:rgba(14,67,13,.1)}
#jw .jw-process-grid .jw-process-top span{color:rgba(255,193,0,.35)}
#jw .jw-process-grid .jw-process-top i{border-color:rgba(255,193,0,.38);color:var(--ga)}
#jw .jw-process-grid h3{color:var(--tl)}
#jw .jw-process-grid p,#jw .jw-process-grid small{color:var(--md)}
#jw .jw-process-grid small{border-color:rgba(255,255,255,.12)}
#jw .jw-process-grid small strong{color:var(--td)}
#jw .jw-process-note span{color:var(--md)}
#jw .jw-process-note span i{color:var(--ga)}
#jw .jw-pricing{width:100%;margin-left:0;padding:125px 0;background:#24242d;color:var(--tl)}
#jw .jw-pricing .jw-grid{width:min(calc(100% - 120px),1280px);grid-template-columns:repeat(12,minmax(0,1fr));border:0}
#jw .jw-pricing-head,#jw .jw-package-group,#jw .jw-pricing-terms,#jw .jw-pricing-cta{grid-column:1/-1}
#jw .jw-pricing-head{border-bottom-color:rgba(255,255,255,.14)}
#jw .jw-pricing-head h2{color:var(--tl)}
#jw .jw-pricing-head>div:last-child>p{color:var(--md)}
#jw .jw-pricing-head nav a{border-color:rgba(255,255,255,.2);color:var(--md)}
#jw .jw-pricing-head nav a:hover{background:var(--y);border-color:var(--y);color:#fff}
#jw .jw-package-group-head>p{color:var(--md)}
#jw .jw-package-card{background:#2b2a34;border-color:rgba(255,255,255,.14)}
#jw .jw-package-card:hover{background:#32303d}
#jw .jw-package-card.jw-package-featured{background:var(--y);color:#fff}
#jw .jw-package-card.jw-package-featured:before{background:#FF9A00}
#jw .jw-package-card.jw-package-featured .jw-package-card-head>strong,#jw .jw-package-card.jw-package-featured .jw-package-card-foot>a i{color:#fff}
#jw .jw-package-card-head>strong,#jw .jw-specialist-title strong{color:var(--ga)}
#jw .jw-package-card-head>span,#jw .jw-package-card-foot>span{color:var(--md)}
#jw .jw-package-card ul,#jw .jw-specialist-copy ul{border-color:rgba(255,255,255,.13)}
#jw .jw-package-card li,#jw .jw-specialist-copy li{color:var(--td)}
#jw .jw-package-card li:before,#jw .jw-specialist-copy li:before{color:var(--ga)}
#jw .jw-package-badge{background:#fff;color:var(--ink)}
#jw .jw-package-card-foot>a{color:#fff}
#jw .jw-specialist-packages{border-color:rgba(255,255,255,.14)}
#jw .jw-specialist-packages>article{border-color:rgba(255,255,255,.14)}
#jw .jw-specialist-title>span,#jw .jw-specialist-action a i{color:var(--ga)}
#jw .jw-specialist-copy>p,#jw .jw-specialist-action small{color:var(--md)}
#jw .jw-writing-packages{background:#f1f0f6;color:#252432}
#jw .jw-writing-packages .jw-package-group-head>p{color:#625f71}
#jw .jw-writing-price-grid>article{border-color:#d9d6e3;background:#faf9fc}
#jw .jw-writing-price-grid>article:hover{background:#fff}
#jw .jw-writing-price-grid>article>div>span,#jw .jw-writing-price-grid>article>div>strong,#jw .jw-writing-price-grid>article>a i{color:var(--g)}
#jw .jw-writing-price-grid>article>small,#jw .jw-writing-price-grid>article li{color:#635f70}
#jw .jw-writing-price-grid>article>ul{border-color:#dedbe8}
#jw .jw-writing-price-grid>article li:before{color:var(--g)}
#jw .jw-care-grid>article{border-color:rgba(255,255,255,.14);background:#2b2a34}
#jw .jw-care-grid>article:first-child{border-left-color:rgba(255,255,255,.14)}
#jw .jw-care-grid>article>span,#jw .jw-care-grid>article>strong{color:var(--ga)}
#jw .jw-care-grid>article h4{color:var(--tl)}
#jw .jw-care-grid>article li{color:var(--td)}
#jw .jw-care-grid>article li:before{color:var(--ga)}
#jw .jw-visibility-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
#jw .jw-visibility-grid article{padding:30px 28px;border-right:1px solid rgba(255,255,255,.14);background:#2b2a34}
#jw .jw-visibility-grid article:first-child{border-left:1px solid rgba(255,255,255,.14)}
#jw .jw-visibility-grid article>span{color:var(--ga);font:600 10px "Space Grotesk"}
#jw .jw-visibility-grid h4{font-size:23px;margin:30px 0 10px}
#jw .jw-visibility-grid strong{display:block;color:var(--ga);font:700 23px "Space Grotesk"}
#jw .jw-visibility-grid p{color:var(--md);font-size:12px;margin:16px 0 28px}
#jw .jw-visibility-grid a{font:600 10px "Space Grotesk";text-transform:uppercase;letter-spacing:.07em}
#jw .jw-visibility-grid a i{color:var(--ga);margin-left:8px}
#jw .jw-visibility-note{margin-top:17px;color:var(--md);font-size:11px}
#jw .jw-pricing-terms{border-color:rgba(255,255,255,.14)}
#jw .jw-pricing-terms li{border-color:rgba(255,255,255,.11);color:var(--md)}
#jw .jw-pricing-terms li strong{color:var(--td)}
#jw .jw-pricing-cta{background:var(--y);color:#fff}
#jw .jw-pricing-cta .jw-eyebrow{color:#fff}
#jw .jw-pricing-cta>a{background:#fff;color:var(--ink)}
#jw .jw-pricing-cta>a i{color:var(--g)}

/* FAQ, contact and enquiry form. */
#jw .jw-faq{padding:120px 0;background:transparent;color:var(--tl)}
#jw .jw-faq .jw-grid{width:min(calc(100% - 120px),1280px);grid-template-columns:repeat(12,minmax(0,1fr));border:0}
#jw .jw-faq-head,#jw .jw-faq-list{grid-column:1/-1}
#jw .jw-faq-head{grid-template-columns:1fr .75fr;border-bottom-color:rgba(255,255,255,.14)}
#jw .jw-faq-head>p{color:var(--md)}
#jw .jw-faq-list{border-top-color:rgba(255,255,255,.14)}
#jw .jw-faq-list details{border-color:rgba(255,255,255,.14)}
#jw .jw-faq-list details:hover,#jw .jw-faq-list details[open]{background:rgba(14,67,13,.1)}
#jw .jw-faq-list details:before{background:var(--y)}
#jw .jw-faq-list summary>span{color:var(--ga)}
#jw .jw-faq-list summary>strong{color:var(--td)}
#jw .jw-faq-list summary>i{border-color:rgba(255,193,0,.35);color:var(--ga)}
#jw .jw-faq-list details[open] summary>i{background:var(--y);border-color:var(--y);color:#fff}
#jw .jw-faq-list details>p{color:var(--md)}
#jw .jw-contact{width:100%;margin-left:0;background:#24242d}
#jw .jw-contact .jw-grid{width:min(calc(100% - 120px),1280px);grid-template-columns:repeat(12,minmax(0,1fr));border:0}
#jw .jw-contact-head,#jw .jw-contact-intro,#jw .jw-contact-conversion,#jw .jw-contact-form{grid-column:1/-1}
#jw .jw-contact-head h2{color:var(--tl)}
#jw .jw-contact-intro p,#jw .jw-response-note,#jw .jw-contact-secondary small{color:var(--md)}
#jw .jw-contact-primary{background:var(--y);color:#fff}
#jw .jw-contact-primary:hover{background:#FF9A00}
#jw .jw-contact-primary>.fa-whatsapp,#jw .jw-contact-secondary>a>i:first-child{color:#fff}
#jw .jw-contact-secondary>a{color:var(--td);border-color:rgba(255,255,255,.14)}
#jw .jw-contact-brief{border-color:rgba(255,255,255,.14)}
#jw .jw-contact-brief li{border-color:rgba(255,255,255,.14);color:var(--td)}
#jw .jw-contact-brief li span{color:var(--ga)}
#jw .jw-contact-form{margin-top:55px;padding:34px;background:#2b2a34;border:1px solid rgba(255,255,255,.14);border-radius:7px}
#jw .jw-contact-form-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.14)}
#jw .jw-contact-form-head h3{font-size:32px;color:var(--tl);margin-top:12px}
#jw .jw-contact-form-head>span{color:var(--md);font:600 9px "Space Grotesk";letter-spacing:.08em;text-transform:uppercase}
#jw .jw-contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}
#jw .jw-contact-form label{display:block;color:var(--td);font:600 11px "Space Grotesk"}
#jw .jw-contact-form label.jw-field-wide{grid-column:1/-1}
#jw .jw-contact-form :is(input,select,textarea){width:100%;margin-top:8px;padding:13px 14px;border:1px solid rgba(255,255,255,.17);border-radius:3px;background:#202027;color:#fff;font:400 13px "Inter"}
#jw .jw-contact-form textarea{resize:vertical}
#jw .jw-contact-form :is(input,select,textarea)::placeholder{color:#8c889a}
#jw .jw-contact-form button{display:inline-flex;align-items:center;gap:20px;margin-top:24px;padding:15px 20px;border:0;border-radius:4px;background:var(--y);color:#fff;font:700 10px "Space Grotesk";letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
#jw .jw-contact-form button i{font-size:14px}
#jw .jw-contact-form-status{display:inline;margin-left:16px;color:var(--md);font-size:11px}

@media(max-width:900px){
  #jw .jw-agency-nav,#jw .jw-hero-grid,#jw .jw-hero-footer,#jw .jw-grid,#jw .jw-services .jw-grid,#jw .jw-work .jw-grid,#jw .jw-process .jw-grid,#jw .jw-pricing .jw-grid,#jw .jw-faq .jw-grid,#jw .jw-contact .jw-grid{width:calc(100% - 44px)}
  #jw .jw-agency-links{display:none}
  #jw .jw-hero-art{inset:35% -10% 0 22%;opacity:.7}
  #jw .jw-hero-portrait{width:min(100%,570px)!important;height:78%!important;right:-5%}
  #jw .jw-hero-copy{grid-column:1/-1;padding-top:150px;align-self:start}
  #jw .jw-hero-bottom{grid-template-columns:minmax(0,1fr) 115px}
  #jw .jw-services-head,#jw .jw-work-head,#jw .jw-process header,#jw .jw-pricing-head,#jw .jw-faq-head{grid-template-columns:1fr;gap:25px}
  #jw .jw-services-body{grid-template-columns:1fr}
  #jw .jw-services-visual{position:relative;top:auto;width:min(72%,420px);margin:0 auto 45px}
  #jw .jw-service-list article{grid-template-columns:45px minmax(0,1fr) 40px;gap:15px}
  #jw .jw-service-list article h3{grid-column:2;grid-row:1}
  #jw .jw-service-list article p,#jw .jw-service-list article small{grid-column:2;grid-row:auto}
  #jw .jw-service-list article .jw-service-arrow{grid-column:3;grid-row:1}
  #jw .jw-intro-layout{grid-template-columns:1fr}
  #jw .jw-intro-focus{border-left:0;border-top:1px solid rgba(255,255,255,.15);padding-left:0}
  #jw .jw-proof header,#jw .jw-proof-grid{width:calc(100% - 44px)}
  #jw .jw-resume-intro,#jw .jw-resume-cards{grid-column:1/-1}
  #jw .jw-resume-cards{margin-top:42px}
  #jw .jw-skills-head{grid-column:1/-1}
  #jw .jw-skill-tiles{grid-template-columns:repeat(3,1fr)}
  #jw .jw-skills-note{grid-column:1/-1}
  #jw .jw-featured-work{grid-template-columns:1fr}
  #jw .jw-featured-project:first-child{padding-right:0;padding-bottom:42px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  #jw .jw-project-grid{grid-template-columns:1fr 1fr}
  #jw .jw-project-small:last-child{grid-column:1/-1}
  #jw .jw-visibility-grid{grid-template-columns:1fr}
  #jw .jw-visibility-grid article{border-left:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
  #jw .jw-pricing-terms{grid-template-columns:1fr}
}
@media(max-width:560px){
  #jw .jw-agency-nav{width:calc(100% - 36px);padding:20px 0}
  #jw .jw-nav-cta{padding:10px 11px;font-size:8px}
  #jw .jw-hero{min-height:760px}
  #jw .jw-hero-grid,#jw .jw-grid,#jw .jw-services .jw-grid,#jw .jw-work .jw-grid,#jw .jw-process .jw-grid,#jw .jw-pricing .jw-grid,#jw .jw-faq .jw-grid,#jw .jw-contact .jw-grid{width:calc(100% - 36px)}
  #jw .jw-hero-copy{padding-top:125px}
  #jw .jw-hero h1{font-size:clamp(43px,12vw,65px)}
  #jw .jw-hero-bottom{display:block}
  #jw .jw-round-link{margin-top:25px;width:98px;height:98px}
  #jw .jw-hero-tools{gap:5px}
  #jw .jw-hero-tools span{font-size:8px;padding:7px 9px}
  #jw .jw-hero-art{inset:43% -23% 0 5%;opacity:.55}
  #jw .jw-hero-blob{width:300px;height:360px;right:20%;top:18%}
  #jw .jw-hero-footer{width:calc(100% - 36px);font-size:8px}
  #jw .jw-hero-footer a{display:none}
  #jw .jw-intro h2,#jw .jw-services-head h2,#jw .jw-work-head h2,#jw .jw-process header h2,#jw .jw-pricing-head h2,#jw .jw-faq-head h2{font-size:40px!important}
  #jw .jw-service-list article{grid-template-columns:32px minmax(0,1fr) 34px;padding:23px 0}
  #jw .jw-service-list article h3{font-size:22px}
  #jw .jw-service-list article p{font-size:12px}
  #jw .jw-service-list article small{font-size:8px}
  #jw .jw-service-list article .jw-service-arrow{width:32px;height:32px}
  #jw .jw-resume-cards{grid-template-columns:1fr}
  #jw .jw-skill-tiles{grid-template-columns:repeat(2,1fr)}
  #jw .jw-skill-tiles>div{min-height:145px}
  #jw .jw-project-grid{grid-template-columns:1fr}
  #jw .jw-project-small:last-child{grid-column:auto}
  #jw .jw-package-grid-primary{grid-template-columns:1fr}
  #jw .jw-contact-form{padding:23px 18px}
  #jw .jw-contact-form-head{display:block}
  #jw .jw-contact-form-head>span{display:block;margin-top:10px}
  #jw .jw-contact-form-grid{grid-template-columns:1fr}
  #jw .jw-contact-form label.jw-field-wide{grid-column:auto}
  #jw .jw-contact-form button{width:100%;justify-content:space-between}
  #jw .jw-contact-form-status{display:block;margin:14px 0 0}
}

/* Reference order and the additional portfolio sections. */
#jw{display:flex;flex-direction:column}
#jw>.jw-agency-nav{order:0}
#jw>.jw-hero{order:1}
#jw>.jw-stats{order:2}
#jw>.jw-services{order:3}
#jw>.jw-work{order:4}
#jw>.jw-intro{order:5}
#jw>.jw-resume{order:6}
#jw>.jw-skills{order:7}
#jw>.jw-proof{order:8}
#jw>.jw-testimonials{order:9}
#jw>.jw-insights{order:10}
#jw>.jw-process{order:11}
#jw>.jw-pricing{order:12}
#jw>.jw-faq{order:13}
#jw>.jw-contact{order:14}

#jw .jw-testimonials{padding:120px 0;background:#24242d;color:var(--tl)}
#jw .jw-testimonials-grid{width:min(calc(100% - 120px),1280px);grid-template-columns:repeat(12,minmax(0,1fr));border:0;align-items:end}
#jw .jw-testimonials-copy{grid-column:1/7;max-width:650px}
#jw .jw-testimonials-copy .jw-eyebrow{color:var(--ga)}
#jw .jw-testimonials-copy h2{font-size:clamp(43px,4.7vw,69px);margin:16px 0 22px}
#jw .jw-testimonials-copy>p:last-child{max-width:540px;color:var(--md);font-size:15px}
#jw .jw-testimonial-cards{grid-column:1/9;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
#jw .jw-testimonial-cards article{min-height:250px;padding:25px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#1e1e26;transition:transform .3s var(--spring),border-color .3s}
#jw .jw-testimonial-cards article:hover{transform:translateY(-5px);border-color:var(--y)}
#jw .jw-quote-mark{display:block;color:var(--ga);font:700 11px "Space Grotesk";letter-spacing:.08em}
#jw .jw-testimonial-cards article>p{margin:35px 0 30px;color:var(--td);font:500 17px/1.45 "Space Grotesk"}
#jw .jw-testimonial-cards strong{display:block;color:#fff;font:600 13px "Space Grotesk"}
#jw .jw-testimonial-cards small{display:block;margin-top:5px;color:var(--md);font-size:10px}
#jw .jw-testimonials-portrait{grid-column:9/13;max-width:410px;justify-self:end;position:relative;margin-top:40px}
#jw .jw-testimonials-portrait:before{content:"";position:absolute;z-index:0;inset:16% 8% 0 -12%;background:var(--y);clip-path:polygon(51% 0,100% 25%,79% 52%,100% 82%,48% 100%,23% 72%,0 56%,24% 31%,17% 8%);opacity:.85}
#jw .jw-testimonials-portrait img{position:relative;z-index:1;max-height:490px;object-fit:contain;object-position:center bottom;filter:grayscale(1) contrast(1.08);mix-blend-mode:screen}

#jw .jw-insights{padding:120px 0;background:transparent;color:var(--tl)}
#jw .jw-insights-grid{width:min(calc(100% - 120px),1280px);grid-template-columns:repeat(12,minmax(0,1fr));border:0}
#jw .jw-insights-head{grid-column:1/-1;display:grid;grid-template-columns:1fr .75fr;gap:12%;align-items:end;margin-bottom:50px}
#jw .jw-insights-head .jw-eyebrow{color:var(--ga);margin-bottom:17px}
#jw .jw-insights-head h2{font-size:clamp(43px,4.9vw,72px)}
#jw .jw-insights-head>p{max-width:420px;color:var(--md);font-size:15px}
#jw .jw-insight-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#jw .jw-insight-cards>a{position:relative;min-height:245px;padding:27px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#24242d;transition:transform .3s var(--spring),background .3s,border-color .3s}
#jw .jw-insight-cards>a:hover{transform:translateY(-5px);background:#2b2938;border-color:var(--y)}
#jw .jw-insight-cards>a>span{color:var(--ga);font:600 9px "Space Grotesk";letter-spacing:.1em;text-transform:uppercase}
#jw .jw-insight-cards h3{max-width:280px;margin:58px 0 13px;font-size:25px}
#jw .jw-insight-cards p{max-width:280px;color:var(--md);font-size:12px}
#jw .jw-insight-cards i{position:absolute;right:23px;bottom:23px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:var(--ga);font-size:11px;transition:background .25s,color .25s}
#jw .jw-insight-cards>a:hover i{background:var(--y);color:#fff}

@media(max-width:900px){
  #jw .jw-testimonials-grid,#jw .jw-insights-grid{width:calc(100% - 44px)}
  #jw .jw-testimonials-copy,#jw .jw-testimonial-cards,#jw .jw-testimonials-portrait{grid-column:1/-1}
  #jw .jw-testimonials-portrait{width:min(70%,440px);margin:40px 0 0 auto}
  #jw .jw-insights-head{grid-template-columns:1fr;gap:24px}
  #jw .jw-insight-cards{grid-template-columns:1fr 1fr}
  #jw .jw-insight-cards>a:last-child{grid-column:1/-1}
}
@media(max-width:560px){
  #jw .jw-testimonials,#jw .jw-insights{padding:75px 0}
  #jw .jw-testimonials-grid,#jw .jw-insights-grid{width:calc(100% - 36px)}
  #jw .jw-testimonials-copy h2,#jw .jw-insights-head h2{font-size:40px}
  #jw .jw-testimonial-cards{grid-template-columns:1fr}
  #jw .jw-testimonial-cards article>p{font-size:15px}
  #jw .jw-testimonials-portrait{width:92%;margin-left:0}
  #jw .jw-insight-cards{grid-template-columns:1fr}
  #jw .jw-insight-cards>a:last-child{grid-column:auto}
}

/* Hero refinement: match the supplied reference composition. */
#jw>.jw-agency-nav{display:none}
#jw .jw-hero{min-height:100svh}
#jw .jw-hero-grid{align-items:center}
#jw .jw-hero-copy{grid-column:1/8;align-self:center;padding:0 0 42px}
#jw .jw-hero .jw-eyebrow{font-size:14px;font-weight:500;letter-spacing:0;color:rgba(248,247,255,.92);margin-bottom:25px}
#jw .jw-hero-wave{font-size:15px;line-height:1}
#jw .jw-hero h1{max-width:760px;font-size:clamp(56px,5.8vw,92px);line-height:.98;letter-spacing:-.075em}
#jw .jw-hero h1 span:first-child{color:#fff}
#jw .jw-hero h1 .jw-accent{color:var(--y)}
#jw .jw-hero-bottom{display:block;margin:30px 0 0}
#jw .jw-hero-bottom p{max-width:620px;color:rgba(221,218,235,.68);font-size:16px;line-height:1.55}
#jw .jw-hero-actions{display:flex;align-items:center;gap:12px;margin-top:32px}
#jw .jw-hero-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-width:175px;min-height:59px;padding:15px 22px;border:1px solid var(--y);border-radius:7px;font:700 12px/1 "Space Grotesk",sans-serif;transition:transform .25s var(--spring),background .25s,color .25s}
#jw .jw-hero-button i{font-size:15px}
#jw .jw-hero-button-primary{background:var(--y);color:#fff}
#jw .jw-hero-button-secondary{background:transparent;color:#fff}
#jw .jw-hero-button:hover{transform:translateY(-3px)}
#jw .jw-hero-button-primary:hover{background:#FF9A00}
#jw .jw-hero-button-secondary:hover{background:var(--y)}
#jw .jw-hero-tools{display:flex;align-items:center;gap:14px;margin-top:43px}
#jw .jw-hero-tools span{width:54px;height:54px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.05);border-radius:7px;background:#272731;color:var(--ga);font-size:22px;transition:transform .25s var(--spring),background .25s}
#jw .jw-hero-tools span:hover{transform:translateY(-4px);background:#322e43}
#jw .jw-hero-tools i{font-size:22px}
#jw .jw-hero-legacy{margin-top:19px;color:rgba(221,218,235,.48);font:600 10px/1.4 "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase}
#jw .jw-hero-footer,#jw .jw-scroll{display:none}
#jw .jw-hero-art{inset:0 0 0 47%;opacity:1}
#jw .jw-hero-art:after{background:linear-gradient(180deg,transparent 72%,var(--hero) 100%)}
#jw .jw-hero-blob{right:22%;top:28%;width:390px;height:460px}
#jw .jw-hero-portrait{right:1%;width:min(88%,680px)!important;height:95%!important;opacity:.94}

@media(max-width:900px){
  #jw .jw-hero-copy{grid-column:1/-1;padding:120px 0 70px}
  #jw .jw-hero h1{font-size:clamp(52px,8.2vw,76px)}
  #jw .jw-hero-art{inset:38% -10% 0 24%}
  #jw .jw-hero-blob{right:17%;top:20%;width:330px;height:390px}
}
@media(max-width:560px){
  #jw .jw-hero-copy{padding:115px 0 65px}
  #jw .jw-hero .jw-eyebrow{font-size:12px}
  #jw .jw-hero h1{font-size:clamp(43px,11.7vw,62px)}
  #jw .jw-hero-bottom p{font-size:14px}
  #jw .jw-hero-actions{gap:9px}
  #jw .jw-hero-button{min-width:0;flex:1;padding-inline:12px;font-size:10px;gap:12px}
  #jw .jw-hero-tools{gap:7px;margin-top:32px}
  #jw .jw-hero-tools span{width:43px;height:43px}
  #jw .jw-hero-tools i{font-size:17px}
  #jw .jw-hero-legacy{font-size:8px}
  #jw .jw-hero-art{inset:47% -25% 0 0}
  #jw .jw-hero-blob{right:18%;top:18%;width:260px;height:310px}
}

/* Final brand palette and hero asset treatment. */
#jw{
  --hero:#151915;
  --dark:#151915;
  --light:#151915;
  --light-alt:#1d241d;
  --g:#0E430D;
  --gm:#0E430D;
  --ga:#FFC100;
  --gp:#193518;
  --y:#FFC100;
  --yd:#FF9A00;
  --tl:#f5f7ef;
  --ml:#aab3a7;
  --td:rgba(245,247,239,.9);
  --md:rgba(218,224,213,.68);
  --bd:rgba(255,255,255,.1);
  --bl:#374336;
  background-color:var(--hero);
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
}
#jw .jw-hero{min-height:clamp(720px,88svh,840px)}
#jw .jw-hero:before{background:linear-gradient(90deg,rgba(21,25,21,.98) 0%,rgba(21,25,21,.91) 42%,rgba(21,25,21,.28) 80%,rgba(21,25,21,.08) 100%)}
#jw .jw-hero-grid{z-index:4}
#jw .jw-hero-copy{position:relative;z-index:5}
#jw .jw-hero h1 .jw-accent{color:#FFC100}
#jw .jw-hero-wave{color:#FFC100}
#jw .jw-hero-art{inset:0 0 0 56%;z-index:1;animation:none;overflow:hidden}
#jw .jw-hero-art>img:first-child{display:block!important;position:absolute;z-index:2;left:-8%;right:auto;top:4%;bottom:auto;width:108%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:initial!important;object-position:50% 0;filter:none!important;mix-blend-mode:normal!important;opacity:1;transition:none}
#jw .jw-hero-art:after{z-index:3;background:linear-gradient(90deg,var(--hero) 0%,rgba(21,25,21,.76) 7%,rgba(21,25,21,0) 28%,rgba(21,25,21,0) 86%,rgba(21,25,21,.42) 97%,var(--hero) 100%),linear-gradient(180deg,var(--hero) 0%,rgba(21,25,21,0) 13%,rgba(21,25,21,0) 82%,var(--hero) 100%)}
#jw .jw-hero-blob{display:none}
#jw .jw-hero-portrait{position:absolute;z-index:2;left:-8%;right:auto;top:4%;bottom:auto;width:108%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:initial!important;object-position:50% 0;filter:none!important;mix-blend-mode:normal!important;opacity:1;transition:none}
#jw .jw-hero-button{border-color:#0E430D}
#jw .jw-hero-button-primary{background:#FFC100;border-color:#FFC100;color:#0E430D}
#jw .jw-hero-button-primary:hover{background:#FF9A00;border-color:#FF9A00;color:#0E430D}
#jw .jw-hero-button-secondary{background:#0E430D;border-color:#0E430D;color:#fff}
#jw .jw-hero-button-secondary:hover{background:#FFC100;border-color:#FFC100;color:#0E430D}
#jw .jw-hero-legacy{margin-top:25px;margin-bottom:14px;color:rgba(218,224,213,.72)}
#jw .jw-hero-tools{margin-top:0}
#jw .jw-hero-tools span{border-color:rgba(255,255,255,.1);background:#202820;color:#FFC100}
#jw .jw-hero-tools span:nth-child(1){color:#f24e1e}
#jw .jw-hero-tools span:nth-child(2){color:#777bb3}
#jw .jw-hero-tools span:nth-child(3){color:#21759b}
#jw .jw-hero-tools span:nth-child(4){color:#e34f26}
#jw .jw-hero-tools span:nth-child(5){color:#f7df1e}
#jw .jw-hero-tools span:hover{background:#0E430D}
#jw .jw-marquee{background:#0E430D;color:#f5f7ef;border-color:rgba(255,255,255,.1)}
#jw .jw-marquee>div{animation:none}
#jw .jw-nav-cta:hover,#jw .jw-skip{background:#FFC100;border-color:#FFC100;color:#0E430D}

@media(max-width:900px){
  #jw .jw-hero{min-height:900px}
  #jw .jw-hero-grid{display:block;min-height:900px;padding:0 28px}
  #jw .jw-hero-copy{padding:92px 0 0;max-width:680px}
  #jw .jw-hero-art{inset:53% -20% 0 8%;z-index:1}
  #jw .jw-hero-art:after{background:linear-gradient(180deg,var(--hero) 0%,rgba(21,25,21,.9) 10%,rgba(21,25,21,0) 34%,rgba(21,25,21,0) 78%,var(--hero) 100%),linear-gradient(90deg,var(--hero) 0%,rgba(21,25,21,0) 20%,rgba(21,25,21,0) 84%,var(--hero) 100%)}
  #jw .jw-hero-portrait{left:-6%;top:2%;width:112%!important}
}
@media(max-width:560px){
  #jw .jw-hero{min-height:930px}
  #jw .jw-hero-grid{min-height:930px;padding:0 18px}
  #jw .jw-hero-copy{padding-top:76px}
  #jw .jw-hero h1{font-size:clamp(42px,11vw,62px)}
  #jw .jw-hero-bottom p{font-size:14px;line-height:1.55}
  #jw .jw-hero-art{inset:55% -30% 0 0}
  #jw .jw-hero-art:after{background:linear-gradient(180deg,var(--hero) 0%,rgba(21,25,21,.94) 9%,rgba(21,25,21,0) 35%,rgba(21,25,21,0) 78%,var(--hero) 100%),linear-gradient(90deg,var(--hero) 0%,rgba(21,25,21,0) 17%,rgba(21,25,21,0) 82%,var(--hero) 100%)}
  #jw .jw-hero-portrait{left:-5%;top:1%;width:110%!important}
}

/* Compact results bar below the hero. */
#jw .jw-stats{width:100%;margin-left:0;padding:48px 0 52px;background:#252730;color:var(--tl);border-block:1px solid rgba(255,255,255,.08)}
#jw .jw-stats-grid{width:min(calc(100% - 120px),1280px);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;justify-items:center}
#jw .jw-stat{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;width:100%;min-height:82px;animation:jwStatIn .75s var(--spring) both}
#jw .jw-stat:nth-child(2){animation-delay:.08s}
#jw .jw-stat:nth-child(3){animation-delay:.16s}
#jw .jw-stat:nth-child(4){animation-delay:.24s}
#jw .jw-stat-number{display:flex;align-items:baseline;white-space:nowrap;font-family:"Space Grotesk",sans-serif;line-height:.86}
#jw .jw-stat-number>span{color:#FFC100;font-size:clamp(30px,2.8vw,54px);font-weight:500;letter-spacing:-.08em}
#jw .jw-stat-number>strong{color:#fff;font-size:clamp(54px,4.8vw,82px);font-weight:600;letter-spacing:-.09em}
#jw .jw-stat p{display:flex;flex-direction:column;gap:3px;margin:0;color:var(--md);font:500 clamp(12px,1.05vw,16px)/1.1 "Space Grotesk",sans-serif}
#jw .jw-stat p b{color:var(--td);font-weight:600}
@media(max-width:900px){
  #jw .jw-hero-copy{text-align:center;margin-inline:auto}
  #jw .jw-hero .jw-eyebrow{justify-content:center}
  #jw .jw-hero-bottom p{margin-inline:auto}
  #jw .jw-hero-actions,#jw .jw-hero-tools{justify-content:center}
  #jw .jw-hero-legacy{text-align:center}
  #jw .jw-stats{padding:38px 0 42px}
  #jw .jw-stats-grid{width:calc(100% - 56px);grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
  #jw .jw-stat{min-height:68px}
}
@media(max-width:560px){
  #jw .jw-stats{padding:22px 0 24px}
  #jw .jw-stats-grid{width:calc(100% - 28px);gap:12px 8px}
  #jw .jw-stat{gap:8px;min-height:58px}
  #jw .jw-stat-number>span{font-size:21px}
  #jw .jw-stat-number>strong{font-size:39px}
  #jw .jw-stat p{font-size:8px;line-height:1.05}
}

@keyframes jwStatIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#jw .jw-stat{animation:none}}

/* Clean editorial services list. */
#jw .jw-services:not(.jw-services-legacy){width:100%;margin:0;padding:118px 0 128px;background:#1f1f23;color:#f7f5ef}
#jw .jw-services:not(.jw-services-legacy) .jw-services-inner{width:min(calc(100% - 88px),1080px);margin:0 auto}
#jw .jw-services:not(.jw-services-legacy) .jw-services-head{display:block;margin:0;padding:0 0 48px;border-bottom:1px solid rgba(255,255,255,.1)}
#jw .jw-services:not(.jw-services-legacy) .jw-services-head h2{margin:0 0 28px;color:#FFC100;font-size:clamp(50px,6vw,78px);line-height:.98;letter-spacing:-.06em}
#jw .jw-services:not(.jw-services-legacy) .jw-services-head p{max-width:720px;margin:0;color:rgba(247,245,239,.78);font-size:clamp(16px,1.35vw,19px);line-height:1.55}
#jw .jw-services:not(.jw-services-legacy) .jw-service-list{border-top:0}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:72px;align-items:center;min-height:112px;padding:28px 14px;border-bottom:1px solid rgba(255,255,255,.1);transition:background .35s var(--spring),border-color .35s var(--spring),padding .35s var(--spring)}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row:first-child{border-top:1px solid rgba(255,255,255,.1)}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row:hover{padding-inline:26px;background:rgba(14,67,13,.55);border-color:rgba(255,193,0,.35)}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row h3{margin:0;color:#f7f5ef;font:500 clamp(27px,2.35vw,36px)/1.15 "Syne",sans-serif;letter-spacing:-.045em}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row h3 span{margin-right:8px;color:#FFC100;font:500 .78em/1 "Space Grotesk",sans-serif;letter-spacing:-.04em}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row p{margin:0;color:rgba(247,245,239,.76);font-size:clamp(14px,1.1vw,17px);line-height:1.5}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row:hover h3 span{color:#fff}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row:hover p{color:#fff}
@media(max-width:760px){
  #jw .jw-services:not(.jw-services-legacy){padding:78px 0 86px}
  #jw .jw-services:not(.jw-services-legacy) .jw-services-inner{width:calc(100% - 36px)}
  #jw .jw-services:not(.jw-services-legacy) .jw-services-head{padding-bottom:34px}
  #jw .jw-services:not(.jw-services-legacy) .jw-services-head h2{font-size:clamp(42px,12vw,62px);margin-bottom:22px}
  #jw .jw-services:not(.jw-services-legacy) .jw-services-head p{font-size:15px}
  #jw .jw-services-break{display:none}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row{grid-template-columns:1fr;gap:12px;min-height:0;padding:24px 4px}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row:hover{padding-inline:14px}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row h3{font-size:clamp(24px,7.2vw,32px)}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row p{max-width:560px;font-size:14px}
}

/* Keep the reference list free of the older image-list rules. */
#jw .jw-services-legacy{display:none!important}
#jw .jw-services:not(.jw-services-legacy) .jw-services-inner{width:calc(100% - 44px);max-width:1280px}
#jw .jw-services:not(.jw-services-legacy) .jw-services-head h2{color:#f7f5ef}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row,
#jw .jw-services:not(.jw-services-legacy) .jw-service-row:first-child{background:transparent;color:inherit;padding-inline:14px}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row h3{grid-column:1;grid-row:auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:baseline;min-width:0;white-space:normal}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row h3 span{color:#f7f5ef;white-space:nowrap}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row p{grid-column:2;grid-row:auto}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row:hover,
#jw .jw-services:not(.jw-services-legacy) .jw-service-row:first-child:hover{background:#0E430D;border-color:rgba(255,255,255,.18);padding-inline:26px}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row:after{display:none}
#jw .jw-services:not(.jw-services-legacy) .jw-service-row:hover h3 span{color:#fff}
@media(max-width:760px){
  #jw .jw-services:not(.jw-services-legacy) .jw-services-inner{width:calc(100% - 36px)}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row,
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row:first-child{padding-inline:4px}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row:hover,
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row:first-child:hover{padding-inline:14px}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row h3{display:grid;grid-template-columns:auto minmax(0,1fr)}
}

/* Stack service copy below each heading on tablets and phones. */
@media(max-width:900px){
  #jw .jw-services:not(.jw-services-legacy){overflow:hidden}
  #jw .jw-services:not(.jw-services-legacy) .jw-services-inner{width:calc(100% - 44px);max-width:none}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row,
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row:first-child{grid-template-columns:minmax(0,1fr);gap:13px;min-width:0;padding:26px 4px}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row:hover,
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row:first-child:hover{padding-inline:14px}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row h3,
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row p{grid-column:1 / -1;grid-row:auto;min-width:0;width:100%}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row h3{font-size:clamp(25px,4.8vw,34px);line-height:1.08}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row p{font-size:15px;line-height:1.55;overflow-wrap:anywhere}
}
@media(max-width:560px){
  #jw .jw-services:not(.jw-services-legacy) .jw-services-inner{width:calc(100% - 28px)}
  #jw .jw-services:not(.jw-services-legacy) .jw-services-head h2{font-size:clamp(39px,12vw,58px)}
  #jw .jw-services:not(.jw-services-legacy) .jw-services-head p{font-size:14px;line-height:1.55}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row,
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row:first-child{padding-block:23px}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row h3{font-size:clamp(24px,7.2vw,31px)}
  #jw .jw-services:not(.jw-services-legacy) .jw-service-row p{font-size:14px}
}

/* Selected work uses a compact card grid inspired by the reference layout. */
#jw .jw-work{width:100%;margin:0;padding:112px 0 132px;background:#24242d;color:#fff}
#jw .jw-work .jw-grid{width:min(calc(100% - 88px),1280px);grid-template-columns:repeat(12,minmax(0,1fr));border:0}
#jw .jw-work-head{grid-column:1/-1;display:block;margin:0 0 52px}
#jw .jw-work-head .jw-eyebrow{color:#0E430D;margin-bottom:16px}
#jw .jw-work-head h2{margin:0 0 22px;color:#fff;font-size:clamp(52px,6.2vw,86px);line-height:.96}
#jw .jw-work-head>p{max-width:680px;color:var(--md);font-size:17px;line-height:1.55}
#jw .jw-featured-work{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border:0;padding:0}
#jw .jw-featured-project{display:block;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#1f2025;transition:transform .4s var(--spring),border-color .3s,background .3s}
#jw .jw-featured-project:hover{transform:translateY(-6px);border-color:#FFC100;background:#23252b}
#jw .jw-featured-media{width:100%;aspect-ratio:16/10;padding:0;border:0;border-radius:0;background:#191a1f;box-shadow:none;overflow:hidden}
#jw .jw-featured-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--spring),filter .3s}
#jw .jw-featured-project:hover .jw-featured-media img{transform:scale(1.04);filter:saturate(1.05)}
#jw .jw-featured-copy{position:relative;padding:23px 82px 27px 24px}
#jw .jw-project-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
#jw .jw-project-meta p{margin:0;color:#FFC100;font:700 10px/1.2 "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase}
#jw .jw-project-meta span{color:var(--md);font:600 10px/1.2 "Space Grotesk",sans-serif;letter-spacing:.06em;text-transform:uppercase;text-align:right}
#jw .jw-featured-copy h3{margin:0;color:#fff;font-size:clamp(25px,2.5vw,38px);line-height:1.02}
#jw .jw-featured-copy>p,#jw .jw-featured-copy>ul,#jw .jw-featured-copy>.jw-project-status{display:none}
#jw .jw-featured-link{position:absolute;right:24px;bottom:25px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;font-size:12px;transition:background .3s,border-color .3s,color .3s,transform .3s var(--spring)}
#jw .jw-featured-link:hover{background:#FFC100;border-color:#FFC100;color:#0E430D;transform:translate(2px,-2px)}
#jw .jw-more-work{display:none}
#jw .jw-project-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
#jw .jw-project-small{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#1f2025;transition:transform .4s var(--spring),border-color .3s,background .3s}
#jw .jw-project-small:hover{transform:translateY(-6px);border-color:#FFC100;background:#23252b}
#jw .jw-small-media{display:block;width:100%;aspect-ratio:16/10;border:0;border-radius:0;background:#191a1f;overflow:hidden}
#jw .jw-small-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--spring)}
#jw .jw-project-small:hover .jw-small-media img{transform:scale(1.04)}
#jw .jw-small-project-head{grid-template-columns:1fr 42px;gap:15px;align-items:center;margin:0;padding:21px 23px 0}
#jw .jw-small-project-head p{margin:0 0 11px;color:#FFC100;font:700 10px/1.2 "Space Grotesk",sans-serif;letter-spacing:.08em;text-transform:uppercase}
#jw .jw-project-small h3{margin:0;color:#fff;font-size:clamp(24px,2.4vw,34px);line-height:1.03}
#jw .jw-project-small small{display:none}
#jw .jw-project-small small.jw-project-glimpse{display:block;margin:13px 0 0;color:var(--md);font:400 13px/1.5 "Inter",sans-serif;letter-spacing:0;text-transform:none}
#jw .jw-small-project-head>a{width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff}
#jw .jw-small-project-head>a:hover{background:#FFC100;border-color:#FFC100;color:#0E430D}
@media(max-width:900px){
  #jw .jw-work{padding:86px 0 100px}
  #jw .jw-work .jw-grid{width:calc(100% - 44px)}
  #jw .jw-work-head{margin-bottom:38px}
  #jw .jw-work-head h2{font-size:clamp(48px,8vw,72px)}
  #jw .jw-featured-work,#jw .jw-project-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  #jw .jw-work{overflow:hidden}
  #jw .jw-work .jw-grid{width:calc(100% - 32px);max-width:520px;margin-inline:auto}
  #jw .jw-featured-work,#jw .jw-project-grid{width:100%;max-width:520px;margin-inline:auto}
  #jw .jw-featured-project,#jw .jw-project-small{width:100%;max-width:520px;margin-inline:auto;border-radius:14px}
  #jw .jw-project-grid{grid-template-columns:minmax(0,1fr)}
  #jw .jw-project-small{grid-column:1;width:100%}
  #jw .jw-featured-media,#jw .jw-small-media{aspect-ratio:16/9}
}
@media(max-width:560px){
  #jw .jw-work .jw-grid{width:calc(100% - 32px)}
  #jw .jw-work-head h2{font-size:clamp(43px,12vw,62px)}
  #jw .jw-work-head>p{font-size:14px}
  #jw .jw-featured-copy{padding:20px 70px 23px 18px}
  #jw .jw-project-meta{display:block}
  #jw .jw-project-meta span{display:block;margin-top:8px;text-align:left}
  #jw .jw-small-project-head{padding-inline:18px}
}

/* One consistent project-card rule for tablet and mobile widths. */
@media(max-width:1100px){
  #jw .jw-work .jw-grid{width:min(calc(100% - 44px),560px);max-width:560px;margin-inline:auto}
  #jw .jw-work .jw-featured-work,
  #jw .jw-work .jw-project-grid{grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:560px;margin-inline:auto}
  #jw .jw-work .jw-featured-project,
  #jw .jw-work .jw-project-small,
  #jw .jw-work .jw-project-small:last-child{grid-column:1!important;width:100%!important;max-width:560px!important;margin:0 auto!important;padding:0!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px}
  #jw .jw-work .jw-project-grid{margin-top:24px}
}
@media(max-width:600px){
  #jw .jw-work .jw-grid{width:calc(100% - 32px);max-width:520px}
  #jw .jw-work .jw-featured-work,
  #jw .jw-work .jw-project-grid,
  #jw .jw-work .jw-featured-project,
  #jw .jw-work .jw-project-small,
  #jw .jw-work .jw-project-small:last-child{max-width:520px}
}

/* Sections removed from the current page flow. */
#jw .jw-intro[hidden],
#jw .jw-proof[hidden],
#jw .jw-services[hidden],
#jw .jw-work[hidden],
#jw .jw-pricing[hidden],
#jw .jw-faq[hidden],
#jw .jw-contact[hidden]{display:none!important}

/* Pricing category switcher and dark editorial treatment. */
#jw .jw-pricing-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#jw .jw-pricing-filters button{appearance:none;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:12px 17px;background:transparent;color:#fff;cursor:pointer;font:700 10px/1 "Space Grotesk";letter-spacing:.08em;text-transform:uppercase;transition:background .3s var(--spring),border-color .3s,color .3s,transform .3s var(--spring)}
#jw .jw-pricing-filters button:hover{background:#FFC100;border-color:#FFC100;color:#0E430D;transform:translateY(-2px)}
#jw .jw-pricing-filters button.is-active{background:#0E430D;border-color:#0E430D;color:#fff;box-shadow:0 8px 24px rgba(14,67,13,.28)}
#jw .jw-pricing-filters button.is-active:hover{background:#FFC100;border-color:#FFC100;color:#0E430D}
#jw .jw-pricing [data-pricing-panel][hidden]{display:none!important}
#jw .jw-pricing [data-pricing-panel].is-active{animation:jwPricingReveal .5s var(--spring) both}
@keyframes jwPricingReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

#jw .jw-pricing .jw-package-card-head>strong,
#jw .jw-pricing .jw-specialist-title strong,
#jw .jw-pricing .jw-care-grid>article>strong,
#jw .jw-pricing .jw-writing-price-grid>article>div>strong{color:#fff}
#jw .jw-pricing .jw-package-card:hover .jw-package-card-head>strong,
#jw .jw-pricing .jw-specialist-packages>article:hover .jw-specialist-title strong,
#jw .jw-pricing .jw-care-grid>article:hover>strong,
#jw .jw-pricing .jw-writing-price-grid>article:hover>div>strong{color:#FFC100}
#jw .jw-package-card.jw-package-featured{background:rgba(14,67,13,.3)}
#jw .jw-package-card.jw-package-featured:before{background:#0E430D}
#jw .jw-package-badge{background:#0E430D;color:#fff}

#jw .jw-writing-packages[data-pricing-panel]{padding:0;background:transparent;color:#fff}
#jw .jw-writing-packages[data-pricing-panel] .jw-package-group-head>p{color:var(--md)}
#jw .jw-writing-packages[data-pricing-panel] .jw-writing-price-grid{border-color:rgba(255,255,255,.16)}
#jw .jw-writing-packages[data-pricing-panel] .jw-writing-price-grid>article{background:transparent;border-color:rgba(255,255,255,.16)}
#jw .jw-writing-packages[data-pricing-panel] .jw-writing-price-grid>article:hover{background:rgba(14,67,13,.24);border-color:#FFC100}
#jw .jw-writing-packages[data-pricing-panel] .jw-writing-price-grid>article>small{color:var(--md)}
#jw .jw-writing-packages[data-pricing-panel] .jw-writing-price-grid>article>ul{border-color:rgba(255,255,255,.13)}
#jw .jw-writing-packages[data-pricing-panel] .jw-writing-price-grid>article li{color:#d4ded4}
#jw .jw-writing-packages[data-pricing-panel] .jw-writing-price-grid>article li:before{color:#0E430D}
#jw .jw-writing-packages[data-pricing-panel] .jw-writing-price-grid>article>a{color:#fff}
#jw .jw-writing-packages[data-pricing-panel] .jw-writing-price-grid>article>a i{color:#FFC100}

#jw .jw-pricing-cta{background:#0E430D;color:#fff}
#jw .jw-pricing-cta .jw-eyebrow{color:#d4ded4}
#jw .jw-pricing-cta>a{background:#FFC100;color:#0E430D}
#jw .jw-pricing-cta>a:hover{background:#FF9A00;color:#0E430D}

#jw .jw-pricing-contact{grid-column:2/14;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:clamp(48px,8vw,130px);align-items:center;margin-top:74px;padding:48px 0 0;border-top:1px solid rgba(255,255,255,.16)}
#jw .jw-pricing-contact-copy h3{max-width:760px;margin:12px 0 18px;font-size:clamp(34px,4vw,60px)}
#jw .jw-pricing-contact-copy>p:last-child{max-width:570px;margin:0;color:var(--md);font-size:16px}
#jw .jw-pricing-contact-actions{display:grid;gap:12px}
#jw .jw-pricing-whatsapp,#jw .jw-pricing-x{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:16px;align-items:center;padding:20px 22px;border:1px solid rgba(255,255,255,.16);transition:background .3s var(--spring),border-color .3s,color .3s,transform .3s var(--spring)}
#jw .jw-pricing-whatsapp{background:#0E430D;border-color:#0E430D;color:#fff}
#jw .jw-pricing-whatsapp:hover{background:#FFC100;border-color:#FFC100;color:#0E430D;transform:translateY(-3px)}
#jw .jw-pricing-whatsapp>i:first-child{font-size:27px}
#jw .jw-pricing-x{color:#fff}
#jw .jw-pricing-x:hover{background:#FFC100;border-color:#FFC100;color:#0E430D;transform:translateY(-3px)}
#jw .jw-pricing-x>i:first-child{font-size:20px}
#jw .jw-pricing-whatsapp span small,#jw .jw-pricing-x span small{display:block;margin-bottom:6px;font:700 9px/1 "Space Grotesk";letter-spacing:.09em;text-transform:uppercase;opacity:.72}
#jw .jw-pricing-whatsapp span strong,#jw .jw-pricing-x span strong{font:700 clamp(17px,1.7vw,24px)/1.1 "Syne";letter-spacing:-.025em}
#jw .jw-pricing-whatsapp>i:last-child,#jw .jw-pricing-x>i:last-child{justify-self:end;font-size:14px;transition:transform .3s var(--spring)}
#jw .jw-pricing-whatsapp:hover>i:last-child,#jw .jw-pricing-x:hover>i:last-child{transform:translate(4px,-4px)}
#jw .jw-pricing-response{display:block;padding-left:2px;color:var(--md);font:600 9px/1.5 "Space Grotesk";letter-spacing:.07em;text-transform:uppercase}

@media(max-width:820px){
  #jw .jw-pricing-contact{grid-column:1/13;grid-template-columns:1fr;gap:32px;margin-top:58px;padding-top:38px}
  #jw .jw-pricing-contact-actions{padding-top:2px}
}
@media(max-width:560px){
  #jw .jw-pricing-contact-copy h3{font-size:35px}
  #jw .jw-pricing-whatsapp,#jw .jw-pricing-x{grid-template-columns:32px minmax(0,1fr) 18px;padding:18px 16px;gap:12px}
  #jw .jw-pricing-whatsapp span strong,#jw .jw-pricing-x span strong{font-size:17px}
}

@media(max-width:560px){
  #jw .jw-pricing-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}
  #jw .jw-pricing-filters button{width:100%;padding-inline:10px}
}

/* Front-end Elementor bridge. Keep WordPress document offsets and the editor shell untouched. */
body:not(.elementor-editor-active):has(#jw){
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}

/* Reset only content containers that actually contain the portfolio. This removes
   Elementor's generated padding, gaps and minimum-height without touching the
   host header, admin bar or footer. */
body:not(.elementor-editor-active):has(#jw) :is(main,.site-content,.elementor-location-single,.elementor-location-content,.elementor-section,.elementor-container,.e-con,.e-con-inner,.elementor-element,.jw-portfolio-shell):has(#jw){
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding-block:0!important;
  padding-inline:0!important;
  border-block:0!important;
  gap:0!important;
  row-gap:0!important;
  overflow:visible!important;
}

/* The HTML widget itself must not add a second spacing layer around #jw. */
body:not(.elementor-editor-active):has(#jw) .elementor-widget-html:has(#jw),
body:not(.elementor-editor-active):has(#jw) .elementor-widget-html:has(#jw)>.elementor-widget-container,
body:not(.elementor-editor-active):has(#jw) #jw{
  margin:0!important;
  padding:0!important;
  border:0!important;
}

/* Preserve the portfolio's stacking context so host navigation dropdowns can sit
   above it, without assigning z-index or margins to the host header itself. */
body:not(.elementor-editor-active):has(#jw) #jw{isolation:auto!important}
#jw .jw-pricing{padding-bottom:0!important;margin-bottom:0!important;border-bottom:0!important}/* End custom CSS */