@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=Instrument+Serif:ital@0;1&display=swap');
/* Jay's field notes: open compositions, paper, ink and a little red pencil. */
:root{--paper:#fffdf6;--ink:#292f2a;--muted:#60665f;--line:#d6d7ca;--accent:#b83d26;--product-blue:#334e99;--product-pale:#edf0e5;--product-lime:#e3ec96;--serif:'Instrument Serif',Georgia,serif;--hand:'Caveat',cursive;background:var(--paper);color:var(--ink)}
body{background:var(--paper)}h1,h2{letter-spacing:-.025em}h2{font-size:clamp(2.4rem,4.7vw,3.65rem)}.wrap{width:min(1170px,calc(100% - 88px))}.eyebrow{letter-spacing:.07em;font-weight:500}.site-header{padding-block:24px;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--hand);font-size:2.3rem;transform:rotate(-4deg);gap:13px}.wordmark>span{font-family:var(--sans);font-weight:500;transform:rotate(4deg);letter-spacing:.01em}.site-header nav a{padding-block:8px}.header-download{background:#e8edab;border:1px solid #acb480;padding:7px 14px;transform:rotate(2deg);border-radius:2px;box-shadow:2px 2px 0 #d7ddab}.header-download:hover{transform:rotate(0)}
.hero{grid-template-columns:1.05fr 1fr;gap:24px 15px;align-items:center;padding-block:60px 46px}.hero-main{z-index:1;min-width:0}.hero h1{font-size:clamp(4.4rem,7.6vw,6.6rem);line-height:1.01;letter-spacing:-.04em;max-width:620px}.hero h1 em{color:var(--accent)}.hero-copy{font-size:1.08rem;line-height:1.8;max-width:450px}.hero-actions{gap:28px;margin-top:24px}.hero-actions .primary{background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:3px;box-shadow:3px 3px 0 #aeb2a2;font-size:.9rem;padding:12px 18px;min-height:48px}.hero-actions .primary:hover{background:#435146;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #aeb2a2}.hero-actions .text-link{font-family:var(--hand);font-size:1.5rem;color:var(--accent);text-decoration-thickness:1px;transform:rotate(-3deg)}.hero-footnote{font-size:.8rem;line-height:1.8;margin-top:24px}.hero-footnote span{font-family:var(--hand);font-style:normal;font-size:1.25rem;color:var(--accent);display:inline-block;transform:rotate(-2deg)}.hero-art{margin:0 -12px 0 -20px;align-self:center;min-width:0}.hero-art button{display:block;border:0;background:transparent;padding:0;width:100%;transition:transform .35s ease}.hero-art button:hover{transform:rotate(-1deg) translateY(-4px)}.hero-art img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.hero-art figcaption{font-family:var(--hand);color:var(--accent);font-size:1.45rem;text-align:center;transform:rotate(-3deg);margin:4px 20px 0}
.hero .lens-card,.hero .lens-card[data-active-lens]{grid-column:1/-1;width:100%;max-width:none;display:grid;grid-template-columns:190px 1fr;grid-template-rows:auto auto 1fr auto;gap:6px 42px;color:var(--ink);background:transparent;border-radius:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0 23px;margin-top:35px;box-shadow:none}.lens-card-top{grid-column:1;grid-row:1;display:block;margin:0}.lens-card-top .eyebrow{color:var(--muted);font-size:.75rem}.lens-counter{display:none}.lens-controls,.hero .lens-card[data-active-lens] .lens-controls{grid-column:1;grid-row:2/4;display:flex;flex-direction:column;gap:0;padding:0;background:transparent;border-radius:0;align-items:flex-start;margin-top:4px}.lens-controls button{color:var(--muted);border-radius:0;border-bottom:1px solid transparent;flex:none;text-align:left;padding:5px 0;font-size:1rem;min-height:36px;position:relative}.lens-controls button[aria-pressed=true]{background:transparent;color:var(--accent);border-color:var(--accent);font-weight:600}.lens-controls button[aria-pressed=true]:after{content:' ↗';font-weight:400}.lens-content{grid-column:2;grid-row:1/4;display:grid;grid-template-columns:1fr 1.5fr;column-gap:35px;align-items:start;min-width:0}.lens-display{grid-column:1;grid-row:1/3;font-size:3.45rem;line-height:1.05;color:var(--ink);margin:4px 0 0}.lens-display span{font-size:2.2rem;color:var(--accent)}.lens-description{grid-column:2;font-size:.98rem;color:var(--muted);min-height:0;padding-top:4px;line-height:1.75}.lens-facts,.hero .lens-card[data-active-lens] .lens-facts{grid-column:2;display:flex;gap:26px;border:0;padding:0;margin-top:16px}.lens-facts>span{font-size:.75rem;color:var(--muted)}.lens-facts strong{font-size:1rem;font-weight:500;color:var(--ink)}.lens-open{grid-column:2;grid-row:4;color:var(--accent);margin:5px 0 0;min-height:32px;font-size:.9rem;justify-content:flex-start;gap:15px}.lens-caption{grid-column:1;grid-row:4;font-family:var(--hand);font-style:normal;color:var(--muted);font-size:1.12rem;line-height:1.1;margin:6px 0 0;transform:rotate(-3deg)}
.decision-section{padding-block:22px 68px}.decision-intro{align-items:end;margin-bottom:24px}.decision-intro h2{font-size:3.15rem}.decision-intro>p{font-family:var(--hand);color:var(--accent);font-size:1.4rem;line-height:1.2;transform:rotate(-3deg);max-width:245px}.decision-shell{border:1px solid #bdc2ae;border-radius:3px;grid-template-columns:220px 1fr;background:#fffefb;box-shadow:6px 7px 0 #eceede;overflow:visible}.decision-menu{background:#eef0e1;border-right:1px solid #c5cbb8;padding:21px 13px;gap:8px;border-radius:2px 0 0 2px}.decision-menu button{font-size:.92rem;line-height:1.45;padding:12px 9px;border-radius:2px;color:#626959}.decision-menu button span{font-family:var(--hand);font-size:1.1rem}.decision-menu button[aria-pressed=true]{background:#fffefb;border-color:#b7bda8;box-shadow:2px 3px 0 #c9d0b3;transform:rotate(-1deg)}.decision-menu button[aria-pressed=true] span{color:var(--accent)}.decision-stage{padding:32px 36px}.decision-context{letter-spacing:.035em;font-size:.75rem;color:var(--muted)}.decision-stage h3{font-size:2.15rem;font-family:var(--serif);line-height:1.15;max-width:700px}.decision-options button{border:1px solid #b8bea9;background:#fffefb;border-radius:2px;font-size:.9rem;min-height:60px}.decision-options button:hover{border-color:var(--accent);background:#fff7ee}.decision-options button[aria-pressed=true]{background:#f9e9dc;border-color:var(--accent);color:#933721;box-shadow:2px 3px 0 #ead5c3}.decision-baseline{font-size:.75rem}.decision-baseline button{color:var(--accent);border-color:#b17461}.decision-result{background:#f7f0e5;border-left:2px solid var(--accent);border-radius:0;padding:20px 24px}.decision-result .result-label{color:#93513d}.decision-result h4{font-size:1.8rem}.decision-result .result-note{font-family:var(--hand);font-style:normal;font-size:1.4rem;color:var(--accent)}
.work-section{padding-bottom:86px}.work-section .section-top{align-items:center}.work-section h2{max-width:620px;font-size:3.65rem}.section-intro{margin-bottom:29px;max-width:650px}.reveal-button{font-family:var(--hand);font-size:1.35rem;color:var(--accent);background:transparent;border:0;border-bottom:1px solid var(--accent);padding:6px 0;border-radius:0;white-space:normal;transform:rotate(-3deg);min-height:40px;max-width:235px}.reveal-button[aria-pressed=true]{background:transparent;color:var(--product-blue);border-color:var(--product-blue)}.reveal-symbol{font-size:1.3rem;color:currentColor}.reveal-button[aria-pressed=true] .reveal-symbol{color:currentColor}.project-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:30px 36px;align-items:start}.project-card{border-radius:2px;box-shadow:3px 5px 0 #e5e6da;border:1px solid #b8c4d1;padding:25px 28px 22px;min-height:0;transition:transform .25s,box-shadow .25s}.governance{grid-column:span 7;background:#e5edf2;transform:rotate(-.7deg)}.parser{grid-column:span 5;background:#edf0dc;border-color:#b5bda0;margin-top:45px;transform:rotate(.9deg)}.iris{grid-column:span 5;background:var(--paper);color:var(--ink);border-color:#b9bcae;transform:rotate(-1deg);margin-top:-9px}.investment{grid-column:span 7;background:#f8e5d6;border-color:#c5ae9b;transform:rotate(.6deg);margin-top:30px}.project-card:hover{transform:rotate(0) translateY(-4px);box-shadow:7px 10px 0 #e5e6da;border-color:#88977b}.project-meta{font-size:.78rem;gap:12px}.project-meta>span:first-child{letter-spacing:.01em}.status{font-size:.74rem;padding:2px 7px;opacity:1;border-radius:2px;background:#fffdf655;color:#38483d}.project-art{min-height:178px}.mapping-art{gap:37px}.mapping-art b{font-size:2.8rem}.mapping-connector{font-family:var(--hand);font-size:2.4rem;color:var(--accent)}.parser-art{gap:10px;flex-wrap:wrap;min-height:177px}.code-label{background:#dce5bd;border:1px solid #bec69b;border-radius:0;padding:8px 10px;font-size:1rem;transform:rotate(-3deg)}.iris-art{display:grid;grid-template-columns:1fr .9fr;align-items:center;padding:0;gap:0;min-height:170px}.iris-art img{width:100%;height:auto;mix-blend-mode:multiply;display:block;transform:rotate(3deg)}.iris-lettering{display:block;position:relative;margin-left:-4px}.iris-word{display:block;font-family:var(--hand);font-size:2rem;line-height:1.2;color:var(--muted);transform:rotate(-4deg)}.iris-echo{display:block;font-family:var(--serif);font-size:2.2rem;font-style:italic;line-height:1.1;color:var(--accent)}.investment-art{font-size:2.8rem;gap:12px;min-height:177px}.investment-art span:nth-child(2){transform:rotate(-6deg);font-family:var(--hand);color:var(--accent)}.project-title{font-size:2.2rem;line-height:1.06;margin-block:12px 15px}.project-description{font-size:1rem;line-height:1.7;max-width:490px}.project-bottom,.iris .project-bottom{border-color:#adb9b266;align-items:center;margin-top:24px;padding-top:14px}.project-bottom>span:last-child{font-family:var(--hand);font-size:1.7rem;color:var(--accent)}.thinking .project-card,.thinking .iris{border-left:2px solid var(--accent)}.thinking .project-art{opacity:1}.thinking .project-title{font-style:italic;color:var(--accent)}
.perspective-section{background:#ecefde;border-block:1px solid #c5cdb5;padding-block:76px}.perspective-layout{grid-template-columns:.8fr 1.25fr;gap:100px}.perspective-layout h2{font-size:4.2rem}.perspective-intro{font-family:var(--hand);font-style:normal;font-size:1.7rem;line-height:1.35;color:var(--accent);transform:rotate(-3deg)}.perspective-notes details{border-color:#b7c0a4;padding-block:19px}.perspective-notes details:last-child{border-color:#b7c0a4}.perspective-notes summary{font-size:1.05rem}.perspective-notes summary:after{font-family:var(--hand);color:var(--accent);font-size:1.65rem}.perspective-notes details p{color:#57624e}.journey-section{padding-block:84px}.journey-layout{gap:100px}.timeline{border-color:#bcc5af}.timeline-date{font-size:.8rem;letter-spacing:.02em}.timeline h3{font-weight:500}.education{background:#f1eedf;border:1px solid #c8c5b1;border-radius:2px;box-shadow:4px 5px 0 #e6e5d8;transform:rotate(1deg);padding:29px}.education h3{font-family:var(--serif);font-size:2rem}.education dl{margin-block:23px}.education .eyebrow{color:var(--accent)}.languages{border-color:#cac6b2}.agents-section{background:#293e34;color:#fffdf6;border-top:1px solid #1d3027;padding-block:78px}.agents-section .eyebrow{color:#d5dfa8}.agents-section h2{font-size:3.5rem}.agent-brace{font-family:var(--hand);font-size:3rem;transform:rotate(5deg);color:#dbe69a}.agent-intro{color:#d6ded3}.download-row{border-color:#748473}.download-row small{color:#d0d9c9}.download-row>span:last-child{font-family:var(--hand);color:#e1e99d;font-size:1.8rem}.terminal{background:#1d3027;border:1px solid #899278;border-radius:3px;box-shadow:5px 5px 0 #192c23;transform:rotate(.6deg)}.terminal-top{background:#3b4e3e}.terminal-top button{border-color:#9aa588;color:#fffef5;border-radius:2px}.terminal-comment{color:#c7d59f}.terminal-note{color:#d0dbc6;border-color:#5d705a}.terminal #copy-status{color:#dce5c8}.agent-note{color:#c9d3c1}.contact{padding-block:78px}.contact h2{font-size:3.2rem;max-width:730px}.contact-links{font-family:var(--hand);font-size:1.6rem;transform:rotate(-3deg)}.contact-links a{color:var(--accent)}.site-footer{padding-block:25px;align-items:center}.site-footer button{display:flex;align-items:center;gap:8px;font-family:var(--hand);font-style:normal;font-size:1.35rem;color:var(--accent);min-height:65px}.site-footer button img{width:72px;height:72px;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.site-footer button:hover img{transform:rotate(-6deg) translateY(-3px)}
dialog{background:var(--paper);border:1px solid #b5bdab;border-radius:4px;box-shadow:9px 12px 0 #1a241922,0 28px 100px #20291d55;padding:30px 38px}dialog::backdrop{background:#273322aa;backdrop-filter:blur(3px)}.dialog-top button{background:#f7f5e9;border-color:#bdc1b1;border-radius:2px}.dialog-top .eyebrow{color:var(--accent)}#dialog-title{font-size:3.2rem}.dialog-facts span{border-color:#c3c5b8;border-radius:2px;background:#f1f2e6}.dialog-section h3{font-size:2.1rem}.dialog-section.note{background:#eef0e1;border-radius:1px;border-left:2px solid #93a171}.dialog-bottom button{font-family:var(--hand);font-size:1.25rem}.quick-points h3{font-size:2rem}.quick-points article>span{font-family:var(--hand);color:var(--accent);font-size:1.2rem;padding-top:1px}.quick-next{background:#eef0df;border-radius:1px;border-left:2px solid #92a472}.quick-actions .primary{background:var(--ink);border-radius:2px;box-shadow:3px 3px 0 #b3baa5}.quick-actions>button,.curiosity-bottom>button{font-family:var(--hand);font-size:1.35rem;color:var(--accent)}.curiosity-number{font-family:var(--hand);color:var(--muted);font-size:1.2rem}.curiosity-note h2{color:var(--accent);font-size:3.4rem}.curiosity-note>p:last-child{font-size:1.05rem}.curiosity-bottom>span{font-size:.8rem}
@media(max-width:1000px){.wrap{width:calc(100% - 60px)}.hero{gap:22px 5px}.hero h1{font-size:5.35rem}.hero-art{margin-right:-10px}.hero .lens-card,.hero .lens-card[data-active-lens]{grid-template-columns:155px 1fr;column-gap:26px}.lens-content{column-gap:23px;grid-template-columns:.8fr 1.3fr}.lens-display{font-size:2.85rem}.lens-description{font-size:.92rem}.lens-facts{gap:20px}.project-grid{column-gap:24px}.project-card{padding:23px}.project-title{font-size:2rem}.mapping-art{gap:22px}.mapping-art b{font-size:2.4rem}.parser-art{gap:8px;font-size:.85rem}.investment-art{font-size:2.35rem}.iris-art{grid-template-columns:1fr .9fr}.iris-word{font-size:1.7rem}.iris-echo{font-size:1.85rem}.perspective-layout,.journey-layout{gap:55px}.decision-shell{grid-template-columns:200px 1fr}.decision-stage{padding:28px}.decision-stage h3{font-size:2rem}.work-section h2{font-size:3.2rem;max-width:510px}}
@media(max-width:740px){.wrap{width:calc(100% - 38px)}.site-header{padding-block:19px}.site-header nav{font-size:.84rem}.hero{grid-template-columns:1fr;gap:18px;padding-block:38px 32px}.hero h1{font-size:clamp(3.6rem,11.5vw,5.6rem);max-width:660px;margin-bottom:22px}.hero-copy{font-size:1.03rem;max-width:550px}.hero-actions{gap:21px}.hero-actions .primary{font-size:.88rem;padding:11px 14px;gap:14px}.hero-actions .text-link{font-size:1.4rem}.hero-footnote{margin-top:22px}.hero-art{margin:-4px 0 0;max-width:530px;width:100%;justify-self:center}.hero-art img{max-height:330px;object-fit:contain}.hero-art figcaption{font-size:1.3rem;margin-top:-7px}.hero .lens-card,.hero .lens-card[data-active-lens]{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;gap:9px;margin-top:18px;padding-block:22px}.lens-card-top{grid-column:1;grid-row:1}.lens-controls,.hero .lens-card[data-active-lens] .lens-controls{grid-column:1;grid-row:2;flex-direction:row;gap:24px;margin-top:0}.lens-controls button{font-size:.94rem;min-height:40px;padding-block:5px}.lens-content{grid-column:1;grid-row:3;grid-template-columns:1fr 1.35fr;gap:10px 20px;margin-top:12px}.lens-display{font-size:2.65rem;grid-column:1;grid-row:1/3;margin:0}.lens-display span{font-size:1.7rem}.lens-description{grid-column:2;grid-row:1;font-size:.9rem;line-height:1.65;padding:0}.lens-facts,.hero .lens-card[data-active-lens] .lens-facts{grid-column:2;grid-row:2;gap:13px;flex-wrap:wrap;margin-top:4px}.lens-facts>span{font-size:.75rem}.lens-facts strong{font-size:.86rem}.lens-open{grid-column:1;grid-row:4;margin-top:8px;font-size:.88rem}.lens-caption{grid-column:1;grid-row:5;margin-top:0;font-size:1.14rem;transform:none}.decision-section{padding-block:22px 52px}.decision-intro{gap:15px;margin-bottom:24px}.decision-intro h2{font-size:2.65rem}.decision-intro>p{font-size:1.35rem;max-width:none;transform:rotate(-2deg)}.decision-shell{grid-template-columns:1fr;box-shadow:4px 5px 0 #eceede}.decision-menu{border-right:0;border-bottom:1px solid #c5cbb8;padding:9px;gap:5px;border-radius:2px 2px 0 0}.decision-menu button{font-size:.82rem;padding:9px 7px;gap:3px;min-height:55px}.decision-menu button span{font-size:1rem}.decision-stage{padding:23px 21px}.decision-stage h3{font-size:1.85rem}.decision-options button{min-height:52px}.decision-result{padding:18px}.decision-result h4{font-size:1.65rem}.decision-result .result-note{font-size:1.3rem}.work-section{padding-bottom:55px}.work-section .section-top{align-items:start}.work-section h2{font-size:2.8rem;max-width:500px}.reveal-button{font-size:1.3rem;max-width:none;margin:0}.section-intro{font-size:.93rem;margin-block:14px 25px}.project-grid{grid-template-columns:1fr;gap:27px;padding:0 4px}.project-card{grid-column:1;margin-top:0;padding:22px;box-shadow:3px 4px 0 #e5e6da}.governance{transform:rotate(-.4deg)}.parser{transform:rotate(.4deg)}.iris{transform:rotate(-.5deg)}.investment{transform:rotate(.4deg)}.project-art{min-height:150px}.project-title{font-size:2.15rem}.project-description{font-size:.97rem}.mapping-art b{font-size:2.65rem}.parser-art{font-size:.9rem}.iris-art{grid-template-columns:1fr 1fr;min-height:160px;max-height:240px}.iris-art img{max-height:220px;object-fit:contain}.iris-word{font-size:2rem}.iris-echo{font-size:2.2rem}.investment-art{font-size:2.5rem}.perspective-section{padding-block:49px}.perspective-layout{grid-template-columns:1fr;gap:31px}.perspective-layout h2{font-size:3.4rem}.perspective-intro{font-size:1.5rem;max-width:490px}.journey-section{padding-block:53px}.journey-layout{grid-template-columns:1fr;gap:35px}.education{margin-inline:4px;padding:25px;transform:rotate(.6deg)}.agents-section{padding-block:51px}.agents-section h2{font-size:2.75rem}.agent-brace{font-size:2.7rem}.terminal{transform:rotate(.3deg)}.contact{padding-block:50px}.contact h2{font-size:2.9rem}.contact-links{font-size:1.5rem}.site-footer{gap:12px;padding-block:20px}.site-footer button{font-size:1.2rem;gap:0}.site-footer button img{width:55px;height:55px}dialog{padding:23px}#dialog-title{font-size:2.6rem}.dialog-section h3{font-size:1.9rem}.curiosity-note h2{font-size:2.7rem}.curiosity-note>p:last-child{font-size:1rem}.curiosity-bottom>button{font-size:1.3rem}}
@media(max-width:390px){.hero-actions{gap:17px}.hero-actions .primary{font-size:.82rem;gap:10px}.hero h1{font-size:3.65rem}.lens-content{grid-template-columns:1fr}.lens-display{grid-column:1;grid-row:1;font-size:2.6rem}.lens-display br{display:none}.lens-description{grid-column:1;grid-row:2;font-size:.94rem}.lens-facts,.hero .lens-card[data-active-lens] .lens-facts{grid-column:1;grid-row:3;gap:25px;margin-top:7px}.lens-facts strong{font-size:.92rem}.lens-controls{gap:21px}.project-card{padding:19px}.project-meta{font-size:.73rem;gap:8px}.status{font-size:.7rem}.project-title{font-size:2rem}.parser-art{gap:8px;font-size:.82rem}.code-label{font-size:.88rem;padding:7px 8px}.investment-art{font-size:2.25rem;gap:8px}.iris-word{font-size:1.7rem}.iris-echo{font-size:1.85rem}.site-footer{justify-content:center}.site-footer>span{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.hero-art button:hover,.site-footer button:hover img,.project-card:hover,.hero-actions .primary:hover{transform:none}}