:root{--paper:#fafaf7;--ink:#182b28;--muted:#53605c;--teal:#285e54;--line:#dce3dd;--soft:#eef2ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--teal);outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.skip{position:absolute;top:-80px;left:20px;z-index:10;padding:14px;background:#fff}.skip:focus{top:10px}.masthead{max-width:1440px;padding:26px 5.5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:baseline;gap:9px}.brand:hover{text-decoration:none}.brand-mark{font-size:30px;letter-spacing:-1.7px;font-weight:700}.brand-dot{color:var(--teal)}.brand-sub{font-size:14px;letter-spacing:.1px}.masthead nav{display:flex;gap:30px;font-size:14px;color:var(--muted)}.nav-cta{font-size:14px;font-weight:700;border:1px solid var(--line);padding:12px 16px}.nav-cta span{margin-left:20px}.section{max-width:1240px;margin:auto;padding:82px 5.5%}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:48px;align-items:center;padding-top:100px;padding-bottom:100px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--teal);margin:0 0 28px}.hero h1{font-size:clamp(38px,4.6vw,64px);letter-spacing:-2.4px;line-height:1.07;font-weight:600;margin:0 0 26px}.hero h1 span{color:var(--teal)}.hero-sectors{font-size:21px;line-height:1.5;margin:0 0 16px;max-width:520px}.hero-intro{font-size:17px;line-height:1.7;color:var(--muted);max-width:450px;margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:50px;padding:15px 22px;color:#fff;background:var(--teal);border:1px solid var(--teal);font-size:14px;font-weight:700;border-radius:3px;max-width:100%}.button:hover{background:#1b493f;text-decoration:none}.pending{font-size:12px;line-height:1.6;color:#6d7772}.booking-note{margin:10px 0 0}.hero-art{color:var(--teal);max-width:360px;width:100%;justify-self:end}.hero-art svg{display:block;width:100%;height:auto}.work{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.55fr;gap:75px}.section-heading h2{font-size:34px;line-height:1.2;letter-spacing:-1.1px;font-weight:500;margin:0}.lane{display:grid;grid-template-columns:30px 1fr 18px;gap:22px;padding:30px 0;border-top:1px solid var(--line)}.lane:first-child{padding-top:0;border-top:0}.lane:last-child{padding-bottom:0}.lane-num{color:#7c8b83;font-size:12px;padding-top:3px}.lane-label{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--teal);margin:0 0 10px;font-weight:700}.lane h3{font-size:24px;font-weight:500;letter-spacing:-.6px;line-height:1.25;margin:0 0 13px}.lane p:not(.lane-label){font-size:15px;line-height:1.8;color:var(--muted);margin:0;max-width:570px}.lane-symbol{color:var(--teal);font-size:19px}.text-link{display:inline-block;font-size:13px;font-weight:700;color:var(--teal);margin-top:16px}.text-link span{margin-left:13px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.55fr;gap:75px}.about-copy p{font-size:19px;line-height:1.7;letter-spacing:-.2px;margin:0 0 20px;color:var(--muted)}.about-copy p:last-child{margin-bottom:0}.about-copy .location{font-size:14px;color:var(--teal);font-weight:700}.contact{background:var(--soft);display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding-top:65px;padding-bottom:65px}.contact h2{font-size:48px;font-weight:500;letter-spacing:-1.8px;margin:0 0 30px}.contact .eyebrow{margin-bottom:18px}.contact-links{align-self:center}.contact-links>div{padding:22px 0;border-bottom:1px solid #d5ded5;display:grid;grid-template-columns:85px 1fr;gap:25px}.contact-label{font-size:12px;color:var(--muted)}.contact-links a{font-size:15px}.contact-links a span{margin-left:18px}.footer{max-width:1240px;margin:auto;padding:28px 5.5%;font-size:11px;color:var(--muted);display:flex;align-items:baseline;justify-content:space-between;gap:20px}.footer .pending{font-size:11px}.footer>a{white-space:nowrap}@media(min-width:1400px){.section,.footer{padding-left:50px;padding-right:50px}}@media(max-width:760px){.masthead{padding:20px 6%;gap:15px}.masthead nav{display:none}.brand-mark{font-size:27px}.brand-sub{font-size:12px}.nav-cta{font-size:12px;padding:12px}.nav-cta span{margin-left:10px}.section{padding:54px 7%}.hero{grid-template-columns:1fr;gap:30px;padding-top:58px;padding-bottom:50px}.hero h1{font-size:43px;letter-spacing:-1.8px}.wide-break{display:none}.hero-sectors{font-size:19px;line-height:1.5}.hero-intro{font-size:16px}.eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:24px}.hero-art{max-width:180px;justify-self:end;margin-top:-12px;opacity:.85}.work,.about{grid-template-columns:1fr;gap:34px}.section-heading h2{font-size:30px}.lane{grid-template-columns:22px 1fr;gap:14px;padding:27px 0}.lane-symbol{display:none}.lane h3{font-size:23px}.lane p:not(.lane-label){font-size:15px;line-height:1.75}.about-copy p{font-size:18px}.contact{grid-template-columns:1fr;gap:22px}.contact h2{font-size:40px}.contact-links>div{grid-template-columns:70px 1fr;gap:15px}.footer{padding:26px 7%;display:flex;flex-wrap:wrap;gap:13px}.footer .pending{order:3;width:100%}.footer>a{margin-left:auto}}@media(max-width:350px){.brand{gap:5px}.brand-mark{font-size:25px}.hero h1{font-size:38px}.nav-cta{padding:11px 9px}.nav-cta span{margin-left:5px}.button{gap:20px;padding:15px 18px}.contact-links>div{grid-template-columns:1fr;gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Editorial refinement */
.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,4.8vw,66px);letter-spacing:-2.3px;line-height:1.1}.section-heading h2,.contact h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.lane h3{font-size:23px;line-height:1.3}.brand-sub{letter-spacing:1.4px;text-transform:uppercase;font-size:10px}.jwb-site a.button,.jwb-site a.button:visited{color:#fff}.jwb-site a.text-link{color:var(--teal)}.hero-art{max-width:330px}.hero{gap:65px}.contact h2{font-size:54px}.work .section-heading{max-width:280px}@media(max-width:760px){.hero{gap:24px}.hero h1{font-size:46px;letter-spacing:-1.8px;max-width:440px}.hero-art{max-width:150px;opacity:.8}.contact h2{font-size:44px}.section-heading h2{font-size:33px}.brand-sub{font-size:9px;letter-spacing:.6px}}@media(max-width:350px){.hero h1{font-size:40px}.brand-sub{font-size:8px}.brand{gap:5px}}

.contact-links a{overflow-wrap:anywhere}

/* Distinct service cards */
.work{display:block}.work .section-heading{max-width:none;margin-bottom:42px}.work .section-heading h2{font-size:40px}.lanes{display:grid;grid-template-columns:1fr 1fr;gap:22px}.lane,.lane:first-child,.lane:last-child{border:1px solid var(--line);border-top:3px solid var(--teal);background:#fff;padding:30px;grid-template-columns:24px 1fr;gap:16px;align-content:start}.lane h3{font-size:25px;line-height:1.22;min-height:62px;display:flex;align-items:center}.lane-symbol{display:none}.lane-label{margin-bottom:19px}.lane p:not(.lane-label){font-size:15px}.lane:nth-child(2){background:#f3f6f2}.lane:nth-child(2) h3{font-size:32px;letter-spacing:-1.2px;font-weight:600}.lane:nth-child(1) h3{font-family:Georgia,'Times New Roman',serif}.lane:nth-child(3),.lane:nth-child(4){border-top-color:#9caaa1}@media(max-width:760px){.work .section-heading{margin-bottom:30px}.work .section-heading h2{font-size:33px}.lanes{grid-template-columns:1fr;gap:18px}.lane,.lane:first-child,.lane:last-child{padding:25px 20px;gap:11px;grid-template-columns:20px 1fr}.lane h3{min-height:0;margin-bottom:18px;font-size:24px}.lane:nth-child(2) h3{font-size:30px}.lane-label{margin-bottom:15px}}

.portrait{display:block;width:180px;height:180px;object-fit:cover;object-position:center;border-radius:3px;border:1px solid var(--line);margin-top:28px;filter:grayscale(1)}@media(max-width:760px){.about .section-heading{display:grid;grid-template-columns:1fr 104px;column-gap:18px;align-items:center}.about .section-heading .eyebrow{grid-column:1;margin-bottom:12px}.about .section-heading h2{grid-column:1;font-size:28px}.portrait{grid-column:2;grid-row:1/3;margin:0;width:104px;height:104px}}

/* Bespoke editorial direction */
:root{--paper:#fbfcf8;--ink:#17392e;--teal:#315d49;--line:#d5ddd1;--muted:#5b695f;--soft:#eef3e8}
.masthead{padding:30px 5.5%;border-bottom:0}.brand-mark{font-size:38px;font-weight:500;letter-spacing:-2.6px}.brand-sub{font-size:9px;letter-spacing:2px}.nav-cta{border-radius:40px;border-color:#afbcaa;padding:14px 23px}.masthead nav a{padding:12px 0}.section{max-width:1440px;padding:100px 5.5%}.hero{padding-top:55px;padding-bottom:90px;grid-template-columns:1.2fr 1fr;gap:36px;position:relative;align-items:center}.hero h1{font-size:clamp(58px,6.1vw,88px);font-weight:400;letter-spacing:-4px;line-height:1.02;max-width:700px;margin-bottom:28px}.hero h1 span{font-style:italic;color:var(--teal)}.hero .eyebrow{margin-bottom:32px}.hero-sectors{font-size:19px;max-width:400px;line-height:1.5}.hero-intro{font-size:15px;max-width:380px;line-height:1.8}.hero-art{max-width:none;width:100%;position:relative;align-self:stretch;display:flex;align-items:center}.hero-art svg{width:100%;height:auto;border-radius:190px 190px 0 0;max-height:620px}.button{border-radius:40px;padding:18px 24px;min-height:58px;gap:35px;font-weight:500;font-size:14px;transition:background .2s,transform .2s}.button span{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff55;border-radius:50%}.button:hover{transform:translateY(-2px)}.eyebrow{font-size:10px;letter-spacing:2px}.work{border-top:1px solid var(--line);padding-top:66px}.work .section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:48px}.work .section-heading h2{font-size:60px;letter-spacing:-2.5px}.lanes{gap:18px}.lane,.lane:first-child,.lane:last-child{padding:38px 34px 42px;background:#f1f5ec;border:1px solid #d7e0cf;border-top:1px solid #d7e0cf;grid-template-columns:1fr;gap:20px;min-height:370px;position:relative;overflow:hidden;transition:background .2s,transform .2s}.lane:nth-child(2){background:#e7eee0}.lane:nth-child(3),.lane:nth-child(4){background:#f7f9f3;border-top-color:#d7e0cf}.lane:hover{background:#e5eedc;transform:translateY(-3px)}.lane-num{font-family:Georgia,serif;font-size:26px;color:#7e947d;padding-top:0}.lane-label{font-size:9px;letter-spacing:2px;margin-bottom:23px}.lane h3{font-family:Georgia,serif;font-size:32px!important;font-weight:400!important;letter-spacing:-1px;line-height:1.13;min-height:73px;max-width:390px;margin-bottom:20px}.lane p:not(.lane-label){font-size:14px;line-height:1.8;max-width:460px}.lane:after{content:'';position:absolute;width:60px;height:60px;right:34px;top:32px;border:1px solid #9eb28b;border-radius:50%;box-shadow:inset 15px 0 0 #d9e4cb;transform:rotate(-30deg)}.lane:nth-child(2):after{border-radius:0;transform:rotate(45deg);width:42px;height:42px;right:42px;top:40px;box-shadow:12px -12px 0 -1px #e7eee0,12px -12px 0 0 #9eb28b}.lane:nth-child(3):after{border-radius:60px 60px 0 0;box-shadow:inset 0 -18px 0 #d9e4cb}.lane:nth-child(4):after{width:62px;height:36px;border-radius:50%;box-shadow:0 10px 0 -1px #f7f9f3,0 10px 0 0 #9eb28b,0 20px 0 -1px #f7f9f3,0 20px 0 0 #9eb28b;transform:none}.about{padding-top:95px;padding-bottom:95px;grid-template-columns:1fr 1.15fr;gap:90px}.about .section-heading h2{font-size:48px;letter-spacing:-2px}.portrait{width:260px;height:300px;margin-top:36px;object-position:center;border:0;border-radius:130px 130px 0 0}.about-copy{padding-top:35px}.about-copy p{font-family:Georgia,serif;font-size:26px;line-height:1.6;letter-spacing:-.5px}.about-copy .location{font-family:Arial,Helvetica,sans-serif;font-size:13px;margin-top:38px}.contact{margin:0 2%;padding:80px 5.5%;max-width:1390px;border:1px solid var(--line);background:#e7eedf;border-radius:3px;gap:80px}.contact h2{font-size:80px;line-height:1.05;letter-spacing:-4px}.contact-links>div{padding:28px 0;border-color:#bfccba}.footer{max-width:1440px;padding:32px 5.5%}.text-link{font-size:12px}.booking-note{font-size:11px;margin-top:12px}.jwb-site{background:var(--paper)}
@media(max-width:900px){.hero h1{font-size:64px;letter-spacing:-3px}.hero{gap:22px}.lane h3{font-size:29px!important}.about{gap:50px}.about-copy p{font-size:23px}.contact h2{font-size:64px}}
@media(max-width:760px){.masthead{padding:22px 6%}.brand-mark{font-size:33px}.brand-sub{font-size:8px;letter-spacing:1px}.nav-cta{font-size:11px;padding:12px 15px}.section{padding:60px 7%}.hero{display:grid;grid-template-columns:1fr;padding-top:38px;gap:35px}.hero h1{font-size:55px;letter-spacing:-2.4px;line-height:1.03;margin-bottom:24px}.hero-sectors{font-size:18px;max-width:320px}.hero-intro{font-size:15px}.hero-art{margin:0;max-width:none;opacity:1;justify-self:stretch;max-height:330px;overflow:hidden;border-radius:160px 160px 0 0}.hero-art svg{height:auto;max-height:none;width:100%;border-radius:0}.work .section-heading{display:block;margin-bottom:30px}.work .section-heading .eyebrow{margin-bottom:18px}.work .section-heading h2{font-size:44px;letter-spacing:-1.8px}.lanes{grid-template-columns:1fr;gap:16px}.lane,.lane:first-child,.lane:last-child{padding:28px 25px 32px;gap:22px;min-height:0}.lane:after{top:23px;right:25px;width:46px;height:46px}.lane:nth-child(2):after{width:32px;height:32px;right:32px;top:30px}.lane:nth-child(4):after{width:45px;height:25px}.lane h3{font-size:29px!important;min-height:0;max-width:100%;margin-bottom:17px}.lane-label{margin-bottom:17px}.lane p:not(.lane-label){font-size:14px;line-height:1.8}.about{gap:30px}.about .section-heading{grid-template-columns:1fr 104px;gap:0 18px}.about .section-heading h2{font-size:30px;letter-spacing:-1px}.portrait{width:104px;height:126px;margin:0;border-radius:60px 60px 0 0}.about-copy{padding:0}.about-copy p{font-size:22px;line-height:1.65}.about-copy .location{margin-top:25px}.contact{margin:0 3%;padding:55px 6%;grid-template-columns:1fr;gap:20px}.contact h2{font-size:61px;letter-spacing:-2.5px;margin-bottom:25px}.contact-links a{font-size:14px}.contact-links>div{padding:23px 0;gap:15px;grid-template-columns:60px 1fr}.footer{padding:26px 7%}.button{padding:17px 22px}}
@media(max-width:350px){.hero h1{font-size:48px}.hero-art{max-height:280px}.brand-sub{font-size:7px}.about .section-heading{grid-template-columns:1fr 90px;gap:0 12px}.portrait{width:90px;height:110px}.about .section-heading h2{font-size:29px}.contact-links>div{grid-template-columns:1fr;gap:7px}.lane h3{font-size:27px!important}}
@media(prefers-reduced-motion:reduce){.lane,.button{transition:none}.lane:hover,.button:hover{transform:none}}
@media(max-width:760px){.about{grid-template-columns:1fr}.about .section-heading{align-items:center}}
/* LinkedIn identity: sampled from Josh's actual banner */
:root{--paper:#fcf9f1;--ink:#101f3e;--teal:#101f3e;--muted:#596170;--line:#dededc;--soft:#f1eee5;--amber:#f1a720}
.brand-dot{color:var(--amber)}.jwb-site{background:var(--paper)}.hero{max-width:none;padding:0 0 55px;background:#101f3e;color:#fcf9f1;display:flex;flex-direction:column;gap:0;align-items:stretch}.hero-banner{order:-1;width:100%;max-width:1440px;margin:0 auto}.hero-banner img{display:block;width:100%;height:auto}.hero-copy{max-width:1440px;width:100%;margin:auto;padding:20px 5.5% 0;display:grid;grid-template-columns:1fr 1fr;gap:0 80px}.hero .eyebrow{color:#f1a720;grid-column:1;margin:0 0 16px}.hero-sectors{grid-column:1;font-size:24px;max-width:490px;margin-bottom:0}.hero-intro{grid-column:2;grid-row:1/3;color:#d6dce5;font-size:16px;max-width:420px}.hero .button{grid-column:2;justify-self:start;background:#f1a720;border-color:#f1a720;color:#101f3e!important;margin-top:8px}.hero .button span{border-color:#101f3e55}.hero .button:hover{background:#f9bc48}.hero .booking-note{grid-column:2;color:#abb6c9}.banner-heading,.banner-strap{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.lane,.lane:first-child,.lane:last-child{background:#f7f3e9;border-color:#dce0e4}.lane:nth-child(2){background:#f1ece0}.lane:nth-child(3),.lane:nth-child(4){background:#fbf9f3;border-color:#dce0e4}.lane:hover{background:#f2ead8}.lane-num{color:#798599}.lane:after{border-color:#a8b1bd;box-shadow:inset 15px 0 0 #f1a72055}.lane:nth-child(2):after{box-shadow:12px -12px 0 -1px #f1ece0,12px -12px 0 0 #a8b1bd}.lane:nth-child(3):after{box-shadow:inset 0 -18px 0 #f1a72055}.lane:nth-child(4):after{box-shadow:0 10px 0 -1px #fbf9f3,0 10px 0 0 #a8b1bd,0 20px 0 -1px #fbf9f3,0 20px 0 0 #a8b1bd}.contact{background:#101f3e;color:#fcf9f1;border-color:#101f3e}.contact .eyebrow{color:#f1a720}.contact .button{background:#f1a720;border-color:#f1a720;color:#101f3e!important}.contact .button span{border-color:#101f3e55}.contact-links>div{border-color:#43506a}.contact-label,.contact .pending{color:#b5bfd0}.jwb-site a.text-link{color:#101f3e}.about-copy .location{color:#101f3e}.nav-cta{border-color:#b4bac3}.button:hover{background:#223653}
@media(max-width:760px){.hero{padding:45px 7% 50px}.hero-banner{display:none}.hero-copy{display:block;padding:0;max-width:none}.hero .eyebrow{margin-bottom:28px}.banner-heading{position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0 0 20px!important;overflow:visible!important;clip:auto!important;white-space:normal!important;font-family:Georgia,serif!important;font-size:44px!important;line-height:1.12!important;letter-spacing:-1.8px!important}.banner-heading span{color:#f1a720!important;font-style:italic}.banner-strap{position:static!important;width:auto!important;height:auto!important;margin:0 0 28px!important;overflow:visible!important;clip:auto!important;white-space:normal!important;font-size:17px;color:#c6cfde}.hero-sectors{font-size:18px;margin:0 0 16px}.hero-intro{font-size:15px;margin:0 0 25px}.hero .button{margin-top:0}.hero .booking-note{margin-top:12px}.lane:nth-child(3):after{box-shadow:inset 0 -18px 0 #f1a72055}}
@media(max-width:350px){.banner-heading{font-size:39px!important;letter-spacing:-1.5px!important}}
.contact a,.contact a:visited{color:#fcf9f1}.banner-heading span{white-space:normal!important}.hero-banner{position:relative}.hero-banner:after{content:'JWB.';position:absolute;left:5.5%;top:50%;transform:translateY(-50%);font-size:clamp(60px,8vw,115px);font-family:Georgia,serif;letter-spacing:-6px;color:#f8f4e9}