@charset "UTF-8";
/* https://joshncampbell.com/wp-content/themes/josh-campbell/assets/site.css?ver=0.1.0 */
:root{color-scheme:light;--bg:#f7f8fa;--surface:#fff;--ink:#171b22;--muted:#59616d;--line:#cdd2db;--accent:#244bdb;--on-accent:#fff;--hover:#193bb5;--focus:#244bdb;--soft:#e9edf7;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif;--serif:Georgia,'Times New Roman',serif;--mono:'SFMono-Regular',Consolas,monospace}:root[data-theme=dark]{color-scheme:dark;--bg:#13161c;--surface:#1d222b;--ink:#f0f2f7;--muted:#b0b8c6;--line:#434b59;--accent:#9db4ff;--on-accent:#13161c;--hover:#c1d0ff;--focus:#9db4ff;--soft:#252e44}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:#fff0}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:5px}button{cursor:pointer}a,button{touch-action:manipulation}.wrap{max-width:1328px;margin:auto;padding-inline:64px}.skip{position:fixed;top:8px;left:8px;z-index:100;background:var(--ink);color:var(--bg);padding:12px;transform:translateY(-160%)}.skip:focus{transform:none}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px;border-bottom:1px solid var(--line)}.wordmark{font-size:20px;font-weight:650;letter-spacing:-.7px;text-decoration:none;white-space:nowrap}.wordmark b{color:var(--accent)}.navigation{display:flex;align-items:center;gap:28px}.navigation a{font-size:14px;text-decoration:none;min-height:44px;display:flex;align-items:center}.navigation a:hover{text-decoration:underline}.theme{background:none;color:var(--ink);border:1px solid var(--line);border-radius:50%;width:44px;height:44px;font-size:23px;line-height:1}.menu{display:none;background:none;color:var(--ink);border:1px solid var(--line);min-height:44px;padding:8px 14px}.eyebrow{font:500 .75rem/1.5 var(--mono);text-transform:uppercase;letter-spacing:.1em}.hero{padding:86px 0 72px}.hero-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:32px}.hero-top .location{color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-size:clamp(3.3rem,7.2vw,6.5rem);line-height:1.035;font-weight:500;letter-spacing:-.06em;max-width:1120px}h1 em{font-family:var(--serif);font-weight:400;color:var(--accent);letter-spacing:-.065em}h1 .line{display:block}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:44px;align-items:end}.hero-bottom p{max-width:475px;font-size:19px;line-height:1.65;color:var(--muted)}.actions{display:flex;align-items:center;gap:28px;justify-content:flex-end;flex-wrap:wrap}.button{background:var(--accent);color:var(--on-accent);padding:14px 22px;min-height:52px;display:inline-flex;gap:32px;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--accent);border-radius:4px;font-size:15px;font-weight:550;transition:background 150ms}.button:hover{background:var(--hover);color:var(--on-accent)}.text-link{font-size:15px;display:inline-flex;align-items:center;gap:20px;min-height:44px}.section{padding:64px 0 80px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:32px}.section-heading h2{font-size:30px;font-weight:500;letter-spacing:-1px}.section-heading .eyebrow{color:var(--muted)}.work-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px 28px}.project{min-width:0}.project-visual{height:372px;position:relative;overflow:hidden;border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:32px}.project-visual .cover-name{font-size:clamp(25px,2.8vw,40px);font-weight:600;line-height:1.08;letter-spacing:-1.6px}.project-visual .cover-note{font-size:13px;line-height:1.5;margin-top:16px;max-width:130px}.project-visual img{height:322px;width:160px;object-fit:contain;flex-shrink:0;align-self:flex-end;filter:drop-shadow(0 16px 14px #0002)}.upstream{background:#252e40;color:#f5f7fb;display:block;padding:38px}.upstream .cover-name{font-size:50px;font-weight:500;letter-spacing:-2px}.upstream .cover-bottom{position:absolute;bottom:32px;left:38px;right:38px;border-top:1px solid #8490a6;padding-top:20px;display:flex;gap:24px;justify-content:space-between;font-size:13px}.upstream .statement{font-family:var(--serif);font-size:34px;line-height:1.2;max-width:320px;margin-top:36px;color:#d8e0f0}.ninebar{background:#e8dfce;color:#30271d}.coast{background:#d5e9ed;color:#163c49}.usvi{background:#e1e7d6;color:#2e432d}.project-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:19px}.project-meta h3{font-size:23px;letter-spacing:-.7px;font-weight:550}.project-meta a{text-decoration:none}.project-meta a:hover{text-decoration:underline}.project p.description{color:var(--muted);font-size:16px;margin-top:8px;max-width:470px}.project .tags{font-size:12px;font-family:var(--mono);color:var(--muted);margin-top:14px}.about{display:grid;grid-template-columns:1fr 2fr;gap:64px}.section-label{font-size:14px;display:flex;gap:16px;align-items:baseline}.section-label span{font:12px var(--mono);color:var(--muted)}.about h2{font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.15;font-weight:450;letter-spacing:-1.8px;max-width:790px}.about h2 em{font:italic 1em var(--serif)}.about p{margin-top:24px;color:var(--muted);max-width:620px;font-size:18px}.about .about-links{display:flex;gap:28px;margin-top:20px;flex-wrap:wrap}.writing-row{display:grid;grid-template-columns:140px 1fr 36px;gap:24px;border-top:1px solid var(--line);padding:25px 0;align-items:start;text-decoration:none}.writing-row time{font:12px/1.7 var(--mono);color:var(--muted);padding-top:6px}.writing-row h3{font-size:22px;line-height:1.35;font-weight:500;letter-spacing:-.45px}.writing-row p{font-size:13px;color:var(--muted);margin-top:7px}.writing-row .arrow{font-size:24px}.writing-row:hover h3{text-decoration:underline;text-underline-offset:5px}.elsewhere{display:flex;justify-content:space-between;gap:48px;align-items:start}.socials{display:flex;gap:8px 28px;max-width:710px;flex-wrap:wrap;justify-content:flex-end}.socials a{font-size:15px;min-height:44px;display:flex;align-items:center}.contact{padding:72px 0 40px;background:var(--accent);color:var(--on-accent)}.contact .eyebrow{margin-bottom:28px}.contact h2{font-size:clamp(3rem,6.5vw,6rem);line-height:1.06;font-weight:450;letter-spacing:-.05em;max-width:1000px}.contact h2 em{font-family:var(--serif);font-weight:400}.contact-body{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:36px 0 64px}.contact-body p{font-size:17px;max-width:450px}.contact a:hover{color:inherit}.contact .email{font-size:clamp(16px,2vw,25px);overflow-wrap:anywhere}.footer{border-top:1px solid currentColor;padding-top:26px;display:flex;justify-content:space-between;gap:24px;font-size:12px}.footer a{min-height:44px;display:inline-flex;align-items:center}.review-link{display:block;text-align:center;font-size:12px;color:var(--muted);padding:20px}.system h1{font-size:clamp(3rem,6vw,5.5rem)}.system .intro{max-width:700px;font-size:20px;margin-top:28px;color:var(--muted)}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.spec{padding:28px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.spec h3{font-size:22px;margin-bottom:14px;letter-spacing:-.5px}.spec p,.spec li{color:var(--muted);font-size:16px}.spec ul{padding-left:20px;margin-bottom:0}.swatch{height:70px;border:1px solid var(--line);border-radius:4px;margin-bottom:12px}.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.palette p{font:13px/1.8 var(--mono)}.palette b{font-family:var(--sans);font-size:15px}.type-sample{font-size:48px;line-height:1.15;letter-spacing:-2px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:16px 12px;border-bottom:1px solid var(--line);text-align:left}th{font-weight:550}.note{color:var(--muted);font-size:14px;margin-top:20px}.focus-demo{outline:3px solid var(--focus);outline-offset:5px}.system .section>h2{margin-bottom:28px;font-size:30px;font-weight:500}.system .actions{justify-content:flex-start}.board-bar{padding:24px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.board-bar h1{font-size:24px;letter-spacing:-.8px}.board-bar select{padding:10px;background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:4px}.boards{display:flex;align-items:flex-start;gap:32px;padding:32px;overflow:auto}.board-frame{flex-shrink:0}.board-frame>p{font:13px var(--mono);margin-bottom:16px;color:var(--muted)}iframe{display:block;border:1px solid var(--line);background:var(--bg)}@media(min-width:1500px){.hero{padding-top:100px}}@media(max-width:1000px){.wrap{padding-inline:36px}.navigation{gap:18px}.hero-top .location{display:none}.project-visual{padding:24px;height:340px}.project-visual img{width:140px;height:282px}.cover-note{display:none}.upstream .statement{font-size:30px}.about{grid-template-columns:1fr 2fr;gap:32px}}@media(max-width:760px){.wrap{padding-inline:24px}.header{min-height:88px;position:relative;gap:14px;flex-wrap:wrap;padding-block:18px}.wordmark{font-size:18px;margin-right:auto}.menu{display:block}.navigation{display:none;width:100%;order:3;padding:16px 0 4px;flex-wrap:wrap;gap:8px 24px}.navigation.open{display:flex}.hero{padding:44px 0 48px}.hero-top{margin-bottom:25px}.eyebrow{font-size:11px}h1{font-size:clamp(2.9rem,9.7vw,4.6rem);line-height:1.07;letter-spacing:-.055em}h1 .line{display:inline}.hero-bottom{display:block;margin-top:28px}.hero-bottom p{font-size:17px}.actions{justify-content:flex-start;margin-top:28px;gap:24px}.section{padding:40px 0 48px}.section-heading{gap:16px;margin-bottom:24px}.section-heading h2{font-size:25px}.section-heading .eyebrow{font-size:10px}.work-grid{grid-template-columns:1fr;gap:34px}.project-visual{height:326px;padding:28px}.project-visual img{width:143px;height:288px}.project-visual .cover-name{font-size:32px}.project-visual .cover-note{display:block;font-size:12px;max-width:105px}.upstream .cover-name{font-size:44px}.upstream .statement{font-size:31px;margin-top:30px;max-width:250px}.upstream .cover-bottom{left:28px;right:28px;bottom:28px;font-size:11px}.project-meta h3{font-size:22px}.project .tags{font-size:11px}.about{display:block}.section-label{margin-bottom:28px}.about h2{font-size:34px;letter-spacing:-1px}.about p{font-size:17px}.writing-row{grid-template-columns:1fr 24px;gap:8px 16px;padding:22px 0}.writing-row time{grid-column:1}.writing-row>div{grid-column:1;grid-row:2}.writing-row>.arrow{grid-column:2;grid-row:2}.writing-row h3{font-size:20px}.elsewhere{display:block}.socials{justify-content:flex-start;gap:8px 24px}.contact{padding-top:48px}.contact h2{font-size:48px}.contact-body{display:block;margin:28px 0 44px}.contact-body p{font-size:16px;margin-bottom:24px}.contact .email{font-size:18px}.footer{font-size:11px;flex-wrap:wrap;gap:8px 24px}.system-grid{grid-template-columns:1fr}.palette{grid-template-columns:repeat(2,1fr)}.spec{padding:24px}.system .intro{font-size:18px}.board-bar{align-items:flex-start;flex-wrap:wrap}}@media(max-width:360px){.wrap{padding-inline:20px}.wordmark{font-size:16px}.header{gap:8px}.project-visual{padding:22px}.project-visual img{width:123px;height:248px}.project-visual .cover-name{font-size:28px}.contact h2{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}@media(forced-colors:active){.button,.project-visual,.theme{border:1px solid CanvasText}.contact{border-top:1px solid CanvasText}}@media(min-width:761px){h1{font-size:clamp(3.3rem,6.1vw,5.5rem)}}.eyebrow,.project .tags,.section-heading .eyebrow,.footer{font-size:12px}@media(max-width:760px){.section-heading{flex-wrap:wrap;gap:8px}.section-heading .eyebrow{max-width:220px}.hero-top .eyebrow{font-size:12px}}@media(max-width:760px){h1 .line{display:block}h1{font-size:clamp(2.6rem,10.7vw,4.6rem)}.hero-top{margin-bottom:24px}}.navigation a[aria-current=page]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px}.page-hero{padding:72px 0 64px}.page-hero h1{margin-top:24px;max-width:1100px;font-size:clamp(3rem,6vw,5.5rem);line-height:1.07}.page-intro{font-size:22px;line-height:1.6;max-width:760px;color:var(--muted);margin-top:32px}.landscape{margin:0 0 64px}.landscape img{display:block;width:100%;max-height:540px;object-fit:cover;border-radius:6px}.landscape figcaption,figcaption{font-size:13px;color:var(--muted);margin-top:12px}.editorial-split{display:grid;grid-template-columns:1fr 2fr;gap:64px}.prose{max-width:740px;font-size:19px;line-height:1.8}.prose h2{font-size:36px;font-weight:500;line-height:1.2;letter-spacing:-1px;margin:0 0 28px}.prose h3{font-size:24px;line-height:1.3;margin:32px 0 12px;font-weight:500}.prose p{margin-bottom:22px}.prose ul{padding-left:26px}.prose li{margin:8px 0}.principles>div+div{border-top:1px solid var(--line);padding-top:4px;margin-top:28px}.resume-actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:32px}.text-button{border:0;background:none;color:var(--ink);text-decoration:underline;text-underline-offset:5px;min-height:44px;padding:8px}.resume-layout{display:grid;grid-template-columns:1fr 2fr;gap:64px}.resume-layout aside .text-link{display:block;overflow-wrap:anywhere}.plain-list{padding:0;list-style:none;margin:20px 0 36px;color:var(--muted)}.plain-list li{margin-bottom:12px}.resume-heading{font-size:30px;margin-bottom:28px;font-weight:500}.career-role{padding:28px 0;border-top:1px solid var(--line)}.career-role .eyebrow{color:var(--muted)}.career-role h3{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:12px 0 4px;font-weight:550}.career-role .employer{color:var(--accent);margin-bottom:16px}.career-role p:last-child{max-width:670px;color:var(--muted);font-size:17px}.article-excerpt{font-size:16px!important;max-width:690px;margin-top:14px!important}.article-hero h1{font-size:clamp(2.8rem,4.5vw,4.5rem);max-width:1100px}.article-hero>.eyebrow{margin-top:36px}.article-byline{margin-top:28px;color:var(--muted);font-size:15px}.article-byline span{padding:0 12px}.article-layout{display:grid;grid-template-columns:260px 1fr;gap:64px;margin:72px 0}.article-toc{font-size:14px;align-self:start}.article-toc summary{font-weight:600;cursor:pointer;min-height:44px}.article-toc ol{padding-left:20px;margin:12px 0}.article-toc li{margin-bottom:12px;line-height:1.5}.article-toc a{text-decoration:none;color:var(--muted)}.article-toc a:hover{text-decoration:underline;color:var(--accent)}summary:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.article-body h2{margin-top:52px;scroll-margin-top:24px}.article-body h2:first-child{margin-top:0}.article-end{border-top:1px solid var(--line);margin-top:48px;padding-top:24px;font-size:14px;color:var(--muted)}.article-product{margin:0;padding:40px;display:flex;align-items:center;justify-content:center;gap:64px;border-radius:6px;min-height:420px}.article-product img{max-height:360px;width:auto}.article-product figcaption{color:inherit;font:italic 36px var(--serif);max-width:340px}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:28px 0;margin:0 0 40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-facts dt{font:12px var(--mono);text-transform:uppercase;color:var(--muted);margin-bottom:10px}.project-facts dd{margin:0;font-size:16px}.case-dashboard{margin:0 0 64px}.case-dashboard img{width:100%;display:block;border:1px solid var(--line);border-radius:6px}.case-product{margin:0 0 64px;display:flex;gap:64px;align-items:center;justify-content:space-around;border-radius:6px;padding:48px}.case-product>div{max-width:500px}.case-product img{width:205px;height:auto}.case-statement{font:36px/1.25 var(--serif);margin-top:24px}@media(max-width:900px){.article-layout{grid-template-columns:210px 1fr;gap:32px}.editorial-split,.resume-layout{gap:32px}.case-product{gap:32px}.case-statement{font-size:29px}}@media(max-width:760px){.page-hero{padding:44px 0}.page-hero h1{font-size:clamp(2.6rem,10.5vw,4rem)}.page-intro{font-size:18px;margin-top:24px}.landscape{margin-bottom:40px}.landscape img{max-height:360px}.editorial-split,.resume-layout,.article-layout{display:block}.prose{font-size:17px;line-height:1.75}.prose h2{font-size:30px}.prose h3{font-size:22px}.resume-layout aside{margin-bottom:40px}.career-role h3{font-size:23px}.article-hero h1{font-size:36px}.article-layout{margin:40px 0}.article-toc{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:32px}.article-toc ol{columns:1}.article-product{padding:28px;gap:24px;min-height:300px}.article-product img{max-height:265px;max-width:48%}.article-product figcaption{font-size:24px}.project-facts{grid-template-columns:1fr;gap:20px}.case-product{display:block;padding:28px;text-align:center}.case-product img{width:170px;margin-top:28px}.case-statement{font-size:26px}.case-dashboard{margin-bottom:40px}.resume-actions .button{max-width:100%}.inner-page .footer{font-size:12px}}@media print{@page{margin:16mm}body{background:#fff!important;color:#111!important}.header,.contact,.review-link,.skip,.resume-actions,.resume-layout aside{display:none!important}.wrap{padding:0;max-width:none}.page-hero{padding:0 0 24px}.page-hero h1{font-size:32px}.page-intro{font-size:16px}.section{padding:24px 0}.resume-layout,.editorial-split{display:block}.career-role{break-inside:avoid;padding:15px 0}.career-role h3{font-size:18px}.career-role p:last-child,.prose{font-size:12px;line-height:1.5}.career-role .employer,.prose a{color:#111}.section-label{margin-bottom:18px}.prose h2{font-size:24px}.prose h3{font-size:17px}.note{font-size:10px}a{text-decoration:none}}.primary-menu{display:flex;gap:28px;list-style:none;padding:0;margin:0}.primary-menu .current-menu-item>a{color:var(--accent);text-decoration:underline}.native-article-body{margin:0 auto 72px}.page-body{margin:0 auto 64px}.prose img,.prose video,.prose iframe{max-width:100%;height:auto}.prose figure{margin:28px 0}.prose .wp-block-embed iframe{aspect-ratio:16/9}.prose table{display:block;max-width:100%;overflow:auto}.pagination ul,.nav-links{display:flex;gap:24px;list-style:none;padding:16px 0;flex-wrap:wrap}.page-numbers{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.comment-list{padding-left:24px}.comment-form label{display:block}.comment-form textarea,.comment-form input:not([type=checkbox]):not([type=submit]){max-width:100%;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--muted);padding:12px}.comment-form input[type=submit],.search-submit{background:var(--accent);color:var(--on-accent);border:0;min-height:44px;padding:12px 20px}.search-field{min-height:44px;max-width:100%;padding:10px}input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}@media(max-width:760px){.primary-menu{flex-wrap:wrap;gap:8px 24px}.native-article-body{margin-bottom:40px}.prose .alignleft,.prose .alignright{float:none;display:block;margin-inline:0}}