:root{--dark:#111511;--dark2:#191e19;--ink:#1d231d;--paper:#f2f2e9;--line:#c9cec2;--muted:#60695e;--acid:#d9f36b;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.shell{width:min(1380px,calc(100% - 104px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;z-index:100;padding:14px;background:var(--acid);color:var(--dark)}.skip:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #84a71e;outline-offset:4px}.progress{position:fixed;top:0;left:0;right:0;z-index:100;height:2px;pointer-events:none}.progress span{display:block;height:100%;background:var(--acid);width:0}.site-header{background:var(--dark);color:#f3f4ed}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #394039;gap:24px}.identity{display:flex;gap:13px;align-items:center}.identity-mark{font-size:28px;letter-spacing:-.1em;font-weight:800;line-height:1}.identity-mark span{color:var(--acid)}.identity-name{font-size:12px;line-height:1.35;font-weight:700}.identity-name small{font:9px var(--mono);color:#a0a99c;letter-spacing:0}.nav{display:flex;gap:34px;font-size:12px;font-weight:600}.nav a{color:#a6afa3;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:#fff}.nav a[aria-current=page]:after{content:'';display:block;width:4px;height:4px;border-radius:50%;background:var(--acid);margin:7px auto -11px}.header-contact{font-size:12px;border:1px solid #60695e;border-radius:50px;padding:12px 17px;white-space:nowrap;transition:background .2s,color .2s}.header-contact span{margin-left:15px}.header-contact:hover{background:var(--acid);color:var(--dark)}.label{font:500 10px/1.5 var(--mono);letter-spacing:.1em;color:#65705f;margin:0 0 25px}.light-label{color:#acb6a7}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px #d9f36b80;margin-right:8px}.slash{color:#798377;padding:0 8px}.hero{background:var(--dark);color:#f1f3e9;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;column-gap:5%;min-height:690px;position:relative}.hero-copy{padding-top:100px;z-index:2}.hero-kicker{color:#c4cdbc}.hero h1,.page-hero h1{font-size:clamp(54px,6.1vw,94px);font-weight:700;line-height:1.06;letter-spacing:-.065em;margin:0}.hero h1 span,.page-hero h1 span{color:var(--acid)}.hero-description{font-size:16px;line-height:1.7;max-width:450px;color:#adb7aa;margin:29px 0 32px}.hero-buttons{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-height:52px;padding:16px 20px;font-size:12px;font-weight:800;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button-acid{background:var(--acid);color:var(--dark)}.button-acid:hover{background:#e7fa98}.button-dark{background:var(--dark);color:#f8f9f2}.button-dark:hover{background:#3b4d31}.inline-link,.light-link{font-size:12px;font-weight:700;border-bottom:1px solid #657264;padding-bottom:7px;display:inline-block}.inline-link span{margin-left:20px}.hero-stage{position:relative;min-height:560px;padding-top:70px}.stage-orbit{position:absolute;border:1px solid #3d493a;border-radius:50%;pointer-events:none}.orbit-one{width:560px;height:560px;top:8px;left:3%;animation:orbit 35s linear infinite}.orbit-two{width:400px;height:400px;top:88px;left:17%;border-style:dashed;animation:orbit 50s linear infinite reverse}.stage-orbit:before{content:'';position:absolute;width:8px;height:8px;background:var(--acid);border-radius:50%;left:50%;top:-4px;box-shadow:0 0 18px #d9f369}.stage-cross{position:absolute;font-size:25px;color:var(--acid);top:18%;right:7%}.stage-caption{position:relative;z-index:1;display:flex;justify-content:space-between;color:#a5b09f;font:10px var(--mono);letter-spacing:.08em;margin:0 8% 15px 2%}.stage-card{position:relative;z-index:2;margin:0 8% 0 2%;background:#262d25;border:1px solid #4f5b4c;box-shadow:0 28px 65px #0007;transform:rotate(-2deg);transition:transform .5s}.hero-stage:hover .stage-card{transform:rotate(0deg)}.stage-top{height:37px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;color:#b7c4b2;font:9px var(--mono)}.stage-top i{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:6px}.stage-image{height:265px;background:#eae9df;overflow:hidden}.stage-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity .2s}.stage-info{display:flex;align-items:end;justify-content:space-between;padding:16px 18px 18px}.stage-info span{display:block;font:9px var(--mono);color:#a7b3a3;margin-bottom:6px}.stage-info strong{font-size:23px;letter-spacing:-.05em}.stage-info>a{border:1px solid #657163;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:17px}.stage-info>a:hover{background:var(--acid);color:var(--dark)}.stage-selector{position:relative;z-index:3;display:flex;gap:4px;margin:24px 8% 0 2%}.stage-selector button{background:none;border:0;border-bottom:1px solid #4e594b;color:#aab4a6;padding:12px 4px;flex:1;text-align:left;cursor:pointer;font-size:10px;white-space:nowrap}.stage-selector button span{font:9px var(--mono);margin-right:4px;color:#8b9788}.stage-selector button[aria-pressed=true]{border-color:var(--acid);color:#fff}.stage-selector button[aria-pressed=true] span{color:var(--acid)}.hero-bottom{grid-column:1/-1;border-top:1px solid #394039;display:flex;align-items:center;justify-content:space-between;padding:24px 0 28px;color:#a6b0a2;font:9px var(--mono);letter-spacing:.1em}.hero-bottom b{color:var(--acid);font-size:15px;margin:0 12px}.hero-bottom a span{color:var(--acid);font-size:15px;margin-left:16px}.work-intro,.portfolio-section,.founder-principles,.founder-work,.writing{padding-top:130px;padding-bottom:125px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:62px}.section-head h2,.about-copy h2,.route-heading h2,.resume-layout h2,.founder-intro h2,.community h2,.personal-copy h2,.founder-ask h2,.future h2,.footer h2{font-size:clamp(48px,5.2vw,78px);line-height:1.05;letter-spacing:-.06em;margin:0;font-weight:700}.section-head h2 span,.route-heading h2 span,.founder-intro h2 span,.personal-copy h2 span,.founder-ask h2 span,.future h2 span{color:#768d39}.section-head>p{max-width:320px;color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 4px}.case{border-top:1px solid #a9b1a3;padding:22px 0 50px}.case-index{display:flex;justify-content:space-between;font:10px var(--mono);color:#73806c;letter-spacing:.08em;margin-bottom:24px}.case-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center}.case-copy{padding:25px 0}.case h3{font-size:clamp(38px,4.1vw,60px);line-height:1;letter-spacing:-.06em;margin:0 0 20px}.case-summary{font-size:17px;line-height:1.55;max-width:470px;margin:0}.case-impact{font-size:13px;line-height:1.7;color:#657061;max-width:390px;margin:20px 0 0}.case-actions{display:flex;flex-wrap:wrap;align-items:start;gap:18px;margin-top:28px;font-size:11px;font-weight:800}.case-actions>a,.case-actions summary{padding-bottom:5px;border-bottom:1px solid #9da998}.case-actions a:hover,.simple-link:hover{color:#617a2d}.case-actions details{flex-basis:100%;max-width:450px}.case-actions summary{cursor:pointer;list-style:none;display:inline-flex;gap:20px}.case-actions summary::-webkit-details-marker{display:none}.case-actions details p{font-weight:400;font-size:13px;line-height:1.65;color:#5f695c;margin:14px 0 0}.case-image{position:relative;overflow:hidden;background:#d6ddcf;aspect-ratio:1.55;padding:7% 7% 10%;display:flex;align-items:center}.case-image img{width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:0 14px 30px #283d2825;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.case:hover .case-image img{transform:scale(1.025)}.case-agentdock{background:#d7dce2}.case-achp{background:#c7d8c6}.case-vibe{background:#cbc6d3}.case-opspilot{background:#d6d8ce}.image-caption{position:absolute;bottom:16px;left:7%;font:9px var(--mono);color:#4e5c4c;letter-spacing:.08em}.section-end{border-top:1px solid #a9b1a3;padding-top:26px;display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);color:#737f6e}.about-band,.community,.resume-band{background:var(--dark2);color:#eff3e9}.about-layout,.community-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:center;padding-block:100px}.about-image,.community-photo{position:relative;max-width:430px}.about-image img{width:100%;height:460px;object-fit:cover;object-position:center 32%;filter:saturate(.7)}.about-image span,.community-photo span,.founder-image span,.personal-image span{font:9px var(--mono);letter-spacing:.1em;display:block;margin-top:12px;color:#a8b4a5}.about-copy h2 span,.community h2 span,.resume-layout h2 span,.footer h2 span{color:var(--acid)}.about-copy>p:not(.label),.community-copy>p:not(.label),.resume-layout>div>p:not(.label){color:#b4bdb1;line-height:1.75;max-width:560px;font-size:15px}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid #4a5548;margin:32px 0;padding-top:25px}.about-facts strong{display:block;color:var(--acid);font-size:32px;letter-spacing:-.06em}.about-facts span{font-size:11px;color:#aeb9aa;line-height:1.4;display:block;margin-top:7px}.routes{padding-block:130px}.route-heading{margin-bottom:65px}.route{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:20px;border-top:1px solid #a9b1a3;padding:30px 0;transition:padding .25s}.route:last-child{border-bottom:1px solid #a9b1a3}.route:hover{padding-left:12px}.route-number{font:10px var(--mono);color:#6b7966}.route h3{font-size:30px;letter-spacing:-.05em;margin:0 0 8px}.route p{font-size:13px;color:#647061;margin:0}.route-arrow{width:55px;height:55px;border:1px solid #9ba695;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:background .2s}.route:hover .route-arrow{background:var(--acid)}.page-hero{background:var(--dark);color:#f1f3e9;padding-top:65px}.page-topline,.page-hero-bottom{display:flex;justify-content:space-between;color:#a5b19f;font:10px var(--mono);letter-spacing:.1em}.page-topline{margin-bottom:72px}.page-hero h1{font-size:clamp(56px,7vw,106px)}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:37px 0 90px}.page-intro>p{max-width:690px;color:#b1bcae;font-size:16px;line-height:1.7;margin:0}.page-actions{display:flex;flex-direction:column;align-items:start;gap:15px}.page-hero-bottom{border-top:1px solid #3b453a;padding:23px 0 28px}.resume-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:100px}.resume-list a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #505d4e;padding:22px 0;font-size:14px;font-weight:600}.resume-list a:first-child{border-top:1px solid #505d4e}.resume-list a span:last-child{font:10px var(--mono);color:var(--acid)}.resume-list a:hover{color:var(--acid)}.more-section{padding-block:120px}.more-list a{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;border-top:1px solid #a9b1a3;padding:23px 0}.more-list a:last-child{border-bottom:1px solid #a9b1a3}.more-list b{font-size:20px;letter-spacing:-.04em}.more-list span{color:#667363;font-size:13px}.more-list i{font-style:normal;font-size:20px}.more-list a:hover i{transform:translate(4px,-4px)}.deep-link{font-size:13px;color:var(--muted);padding-top:25px}.deep-link a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:4px}.founder-story{padding-top:120px}.founder-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:55px}.founder-intro>div>p:not(.label){font-size:17px;line-height:1.7;color:#53604f}.founder-image{background:#d8dfcf;padding:6% 6% 20px}.founder-image img{width:100%;max-height:570px;object-fit:cover;object-position:top}.founder-image span,.personal-image span{color:#596954}.principle-list{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.principle-list article{border-top:1px solid #98a494;padding-top:20px}.principle-list article>span{font:10px var(--mono);color:#7b8b75}.principle-list h3{font-size:20px;letter-spacing:-.04em;margin:45px 0 14px}.principle-list p{font-size:13px;line-height:1.75;color:#647060}.community-photo{max-width:none}.community-photo img{width:100%;aspect-ratio:1.15;object-fit:cover}.community-copy .stack-links{display:flex;flex-direction:column;align-items:start;gap:14px}.founder-ask{background:var(--acid);padding:70px;margin-top:65px}.founder-ask h2 span{color:#65802e}.founder-ask>p:not(.label),.future>p:not(.label){font-size:15px;line-height:1.7;max-width:500px;color:#4c5a39}.founder-ask .button{margin-top:15px}.personal-feature{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8%;padding-block:120px}.personal-copy>p:not(.label){font-size:15px;line-height:1.75;color:#626e5e;margin:25px 0 30px}.personal-image{background:#ccc9d4;padding:6% 6% 18px}.personal-image img{width:100%;aspect-ratio:1.4;object-fit:cover;object-position:top}.article-list a{display:grid;grid-template-columns:150px 1fr 70px;gap:30px;align-items:center;border-top:1px solid #a9b1a3;padding:27px 0;transition:padding .2s}.article-list a:last-child{border-bottom:1px solid #a9b1a3}.article-list a:hover{padding-left:10px}.article-list span{font:10px var(--mono);color:#697764}.article-list span:last-child{text-align:right}.article-list h3{font-size:22px;line-height:1.3;letter-spacing:-.04em;margin:0;max-width:720px}.simple-link{display:inline-block;font-size:12px;font-weight:800;margin-top:27px}.future{padding-block:125px}.future p:not(.label){margin-top:25px}.footer{background:#0b0e0b;color:#edf1e8;padding:90px 0 28px}.footer-top{display:flex;justify-content:space-between;gap:50px;align-items:end;padding-bottom:90px}.footer-action{max-width:280px}.footer-action p{color:#9daa98;font-size:13px;line-height:1.6}.round-link{display:inline-flex;border:1px solid #606d5d;border-radius:50px;gap:50px;padding:15px 20px;font-size:12px;font-weight:700}.round-link:hover{background:var(--acid);color:var(--dark)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #394439;padding-top:24px;font:10px var(--mono);color:#9eaa9b}.footer-bottom div{display:flex;gap:23px}.footer-bottom a:hover{color:var(--acid)}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.is-visible{opacity:1;transform:none}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:950px){.shell{width:calc(100% - 64px)}.hero-inner{gap:3%}.hero h1{font-size:clamp(53px,6.7vw,70px)}.stage-image{height:215px}.orbit-one{width:440px;height:440px}.orbit-two{width:330px;height:330px}.case-body{gap:5%}.principle-list{grid-template-columns:1fr 1fr}.about-layout,.community-layout{gap:7%}}@media(max-width:700px){.shell{width:calc(100% - 36px)}.header-inner{min-height:100px;height:auto;flex-wrap:wrap;padding:17px 0;gap:15px}.identity-name small{font-size:8px}.header-contact{padding:10px 12px}.header-contact span{margin-left:4px}.nav{order:3;width:100%;justify-content:space-between;gap:10px;padding-top:4px}.hero-inner{display:block;min-height:0}.hero-copy{padding-top:65px}.hero h1,.page-hero h1{font-size:clamp(47px,10.7vw,72px)}.hero-description{font-size:15px}.hero-stage{min-height:0;padding:70px 0 60px}.stage-orbit{display:none}.stage-cross{top:11%;right:8%}.stage-caption,.stage-card,.stage-selector{margin-left:0;margin-right:0}.stage-card{transform:none}.stage-image{height:auto;aspect-ratio:1.7}.hero-bottom{gap:12px;font-size:8px}.hero-bottom b{margin:0 4px}.work-intro,.portfolio-section,.founder-principles,.founder-work,.writing,.routes,.more-section{padding-block:80px}.section-head{display:block;margin-bottom:45px}.section-head>p{margin-top:22px}.case{padding-bottom:35px}.case-body{display:flex;flex-direction:column-reverse;gap:0;align-items:stretch}.case-copy{padding:25px 0 0}.case h3{font-size:42px}.case-summary{font-size:15px}.case-index{margin-bottom:18px}.case-image{aspect-ratio:1.45}.section-end{gap:20px}.section-end>span{max-width:160px;line-height:1.6}.about-layout,.community-layout,.resume-layout,.founder-intro,.personal-feature{grid-template-columns:1fr;gap:45px;padding-block:75px}.about-image img{height:380px}.about-facts{gap:10px}.about-facts strong{font-size:27px}.route{grid-template-columns:1fr auto;gap:15px}.route-number{grid-column:1/-1}.route h3{font-size:26px}.route p{line-height:1.6}.page-hero{padding-top:45px}.page-topline{margin-bottom:65px}.page-intro{display:block;margin:28px 0 70px}.page-intro>p{font-size:15px}.page-actions,.page-intro>.button{margin-top:25px}.page-hero-bottom{font-size:9px}.founder-story{padding-top:75px}.founder-intro{padding:0;gap:20px}.founder-intro>div>p:not(.label){font-size:15px}.founder-ask{padding:35px 25px}.founder-ask h2 br{display:none}.personal-feature{gap:35px}.personal-image{order:-1}.article-list a{grid-template-columns:1fr auto;gap:12px}.article-list h3{grid-column:1/-1;grid-row:2;font-size:20px}.article-list span:last-child{grid-column:2;grid-row:1}.footer-top{display:block;padding-bottom:60px}.footer-action{margin-top:35px}.footer-bottom{flex-wrap:wrap;line-height:1.7}.footer-bottom div{order:3;width:100%;flex-wrap:wrap}.principle-list{gap:25px}.principle-list h3{margin-top:25px}}@media(max-width:430px){.hero h1,.page-hero h1{font-size:46px}.hero-buttons{gap:20px}.hero-bottom{font-size:7px}.stage-selector button{font-size:9px}.principle-list{grid-template-columns:1fr}.principle-list h3{margin-top:20px}.more-list a{grid-template-columns:1fr auto}.more-list span{grid-column:1;grid-row:2}.more-list i{grid-column:2;grid-row:1}.about-facts span{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-motion .reveal{opacity:1;transform:none}}
/* Product imagery: real recorded footage and a labeled explanation of the model workflow. */
img[hidden],video[hidden]{display:none!important}.product-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#eeeee6}.stage-image .product-video{object-fit:cover}.case-image .product-video{box-shadow:0 14px 30px #283d2825}.founder-image .product-video{height:auto;aspect-ratio:16/9}.routing-visual{width:100%;height:100%;min-height:260px;background:#f4f5ed;padding:6%;display:flex;flex-direction:column;color:#263124;box-shadow:0 14px 30px #283d2825}.routing-kicker,.routing-ticket small,.routing-choices small{font:9px var(--mono);letter-spacing:.08em;color:#657960}.routing-ticket{margin-top:14px;background:white;border:1px solid #d4ddce;padding:15px;display:flex;gap:13px;align-items:center}.routing-ticket>span{color:#819b58;font-size:15px}.routing-ticket small,.routing-ticket strong,.routing-choices small,.routing-choices strong{display:block}.routing-ticket strong{font-size:14px;margin-top:5px}.routing-line{height:30px;width:1px;background:#99ae8b;margin-left:22px;position:relative}.routing-line span{position:absolute;bottom:0;left:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #99ae8b}.routing-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.routing-choices>div{background:#e5ecdb;padding:14px}.routing-choices>div:last-child{background:#e9e6db}.routing-choices strong{font-size:14px;margin-top:7px}.routing-choices p{font-size:10px;line-height:1.4;color:#61705e;margin:5px 0 0}.routing-result{display:flex;align-items:center;gap:12px;border-top:1px solid #d3ddce;margin-top:auto;padding-top:12px}.routing-result strong{font-size:26px;letter-spacing:-.06em}.routing-result span{font-size:10px;line-height:1.4;color:#5c6a59}@media(max-width:430px){.routing-visual{padding:4%;min-height:215px}.routing-ticket{margin-top:8px;padding:9px}.routing-line{height:19px}.routing-choices>div{padding:9px}.routing-choices strong{font-size:12px}.routing-result strong{font-size:22px}.routing-result{padding-top:8px}}
.case-opspilot{aspect-ratio:auto;min-height:440px}.case-opspilot .routing-visual{min-height:330px}@media(max-width:700px){.case-opspilot{min-height:340px}.case-opspilot .routing-visual{min-height:275px}}
/* Refined content rhythm and readable visual fallbacks. */
.stage-selector[hidden]{display:none}.case-image picture,.personal-image picture{display:block;width:100%;height:100%}.case-image picture img,.personal-image picture img{width:100%;height:100%}.case-actions details[open] summary span{transform:rotate(45deg)}.case-actions summary span{display:inline-block;transition:transform .2s}.experience-section{padding:0 0 110px}.experience-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.experience-list>div{border-top:1px solid #a9b1a3;padding-top:20px}.experience-list span,.history-image figcaption{font:10px var(--mono);letter-spacing:.08em;color:#65705f}.experience-list h3{font-size:18px;letter-spacing:-.04em;margin:25px 0 10px}.experience-list p,.history-copy>p:not(.label){font-size:14px;line-height:1.7;color:#53604f}.founder-history{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-bottom:110px}.history-copy h2{font-size:clamp(48px,5.2vw,78px);line-height:1.05;letter-spacing:-.06em;margin:0;font-weight:700}.history-copy h2 span{color:#687e33}.history-copy>p:not(.label){max-width:470px;margin-top:25px}.history-image{margin:0}.history-image img{width:100%;aspect-ratio:1.35;object-fit:cover}.history-image figcaption{margin-top:12px}.label{color:#56634f}.light-label{color:#acb6a7}.hero-kicker{color:#c4cdbc}@media(max-width:700px){.experience-section{padding-bottom:75px}.experience-list{grid-template-columns:1fr 1fr;gap:30px 18px}.founder-history{grid-template-columns:1fr;gap:35px;padding-bottom:75px}.history-copy h2{font-size:50px}.history-image{grid-row:1}.experience-list h3{margin-top:15px}}@media(max-width:400px){.experience-list{grid-template-columns:1fr}}
.community-photo img{aspect-ratio:4/3;object-fit:contain;background:#292f28}.case-image.case-achp img{object-fit:contain;background:#fff}.personal-image img{object-fit:contain;background:#0c111b}

/* A quieter, content-first visual system. */
:root{--dark:#111317;--dark2:#181b20;--ink:#1c2028;--paper:#f7f7f4;--line:#deded9;--muted:#60636a;--acid:#c9d8ff;--sans:'Manrope',sans-serif}
body{background:var(--paper)}
.shell{width:min(1260px,calc(100% - 112px))}
.site-header{background:var(--paper);color:var(--ink)}
.header-inner{height:88px;border-color:#e0e1dd}
.identity{display:block;letter-spacing:-.03em}
.identity-name{font-size:17px;line-height:1;font-weight:800}
.nav{gap:36px;font-size:13px}
.nav a{color:#686b70}.nav a:hover,.nav a[aria-current=page]{color:#181c23}
.nav a[aria-current=page]:after{display:none}
.header-contact{font-size:12px;border-color:#c8cacf;padding:11px 17px;color:#242831}
.header-contact:hover{background:#1c2028;color:#fff}
.label,.light-label,.hero-kicker{font:600 12px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:#72757a}
.hero{background:var(--paper);color:var(--ink)}
.hero-inner{min-height:650px;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-block:92px 120px}
.hero-copy{padding:0}
.hero-eyebrow{font-size:13px;font-weight:700;color:#696f7b;margin:0 0 27px}
.hero h1,.page-hero h1{font-size:clamp(55px,6vw,86px);font-weight:700;line-height:1.08;letter-spacing:-.065em}
.hero h1 span{color:#1c2028}
.hero-description{font-size:18px;line-height:1.7;max-width:500px;color:#62666f;margin:28px 0 34px}
.button{border-radius:5px;gap:42px;font-size:13px;font-weight:700;padding:16px 19px;min-height:52px}
.button-acid{background:#242932;color:#fff}.button-acid:hover,.button-dark:hover{background:#424c62;color:#fff}
.button-dark{background:#242932}.inline-link,.light-link{font-size:13px;border-bottom-color:#b0b4ba}
.hero-feature{display:block;min-width:0;color:var(--ink)}
.hero-feature-image{overflow:hidden;border-radius:8px;background:#e9ecf1;padding:32px;box-shadow:0 16px 45px #27314912}
.hero-feature-image img{width:100%;aspect-ratio:1.45;object-fit:contain;object-position:center;box-shadow:0 16px 28px #22283620;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.hero-feature:hover img{transform:scale(1.025)}
.hero-feature-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0;font-size:19px}
.hero-feature-caption strong{display:block;font-size:15px;letter-spacing:-.02em}
.hero-feature-caption div span{display:block;margin-top:6px;font-size:12px;color:#747881}
.hero-feature-caption>span{transition:transform .2s}.hero-feature:hover .hero-feature-caption>span{transform:translate(3px,-3px)}
.work-intro,.portfolio-section,.founder-principles,.founder-work,.writing{padding-block:110px}
.section-head h2,.about-copy h2,.route-heading h2,.resume-layout h2,.founder-intro h2,.community h2,.personal-copy h2,.founder-ask h2,.future h2,.footer h2,.history-copy h2{font-size:clamp(42px,4.4vw,64px);line-height:1.12;letter-spacing:-.055em}
.section-head h2 span,.route-heading h2 span,.founder-intro h2 span,.personal-copy h2 span,.founder-ask h2 span,.future h2 span,.history-copy h2 span{color:inherit}
.section-head>p{font-size:15px;color:#777b81}
.case{border-color:#dedfdb;padding:45px 0 65px}
.case-body{grid-template-columns:.85fr 1.15fr;gap:8%}
.case-category{font-size:12px;font-weight:700;color:#757a84;margin:0 0 18px}
.case h3{font-size:clamp(36px,3.7vw,52px);letter-spacing:-.055em}
.case-summary{font-size:17px;line-height:1.6}.case-impact{color:#70747b;font-size:14px}
.case-actions{font-size:12px}.case-actions a:hover,.simple-link:hover{color:#4767af}
.case-image{border-radius:8px;background:#e7e9ed;padding:6%;aspect-ratio:1.48}
.case-image img,.case-image .product-video{box-shadow:0 14px 30px #1b26351c}
.case-achp{background:#e6eae7}.case-vibe{background:#e9e8ee}.case-opspilot{background:#eaeced}
.image-caption{display:none}
.about-band,.community,.resume-band{background:#1b1e24;color:#f5f5f3}
.about-copy h2 span,.community h2 span,.resume-layout h2 span,.footer h2 span{color:inherit}
.about-copy>p:not(.label),.community-copy>p:not(.label),.resume-layout>div>p:not(.label){color:#c3c6ca}
.about-facts strong{color:#fff}.about-image img,.community-photo img,.personal-image img,.history-image img{border-radius:7px}
.routes{padding-block:110px}.route{border-color:#dedfdb}.route:last-child{border-color:#dedfdb}
.route-number{font:600 12px var(--sans);color:#777b82}.route:hover .route-arrow{background:#e7eaf0}
.route-arrow{border-color:#c9cbd0}
.page-hero{background:#eff1f4;color:var(--ink);padding:70px 0 88px}
.page-hero h1 span{color:#626e88}
.page-topline{font:700 13px var(--sans);color:#737882;letter-spacing:0;margin-bottom:58px}
.page-topline span:last-child:empty,.page-hero-bottom{display:none}
.page-intro p{color:#5f6671}.page-hero .light-link{color:#353c48;border-color:#b5bbc5}
.page-hero .button-acid{background:#242932;color:#fff}
.founder-image,.personal-image{border-radius:8px;overflow:hidden}
.footer{background:#101216;color:#f4f5f6}.footer-action p,.footer-bottom{color:#a8abb1}
.footer-bottom{font:12px var(--sans);border-color:#383b41}.footer-bottom a:hover{color:#fff}
.js-motion .reveal{transform:translateY(16px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
@media(max-width:700px){
 .shell{width:calc(100% - 40px)}
 .header-inner{height:auto;min-height:72px;flex-wrap:wrap;gap:15px;padding:20px 0 15px}
 .identity-name{font-size:16px}.header-contact{display:none}
 .nav{order:2;width:100%;gap:0;justify-content:space-between;font-size:12px;padding:5px 0}
 .hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:55px;min-height:0;padding-block:68px 75px}
 .hero h1,.page-hero h1{font-size:clamp(44px,11vw,65px)}
 .hero-description{font-size:16px;line-height:1.65}.hero-feature-image{padding:20px}
 .work-intro,.portfolio-section,.founder-principles,.founder-work,.writing,.routes{padding-block:75px}
 .case{padding:30px 0 50px}.case-category{margin-top:4px}.case-image{aspect-ratio:1.4}
 .page-hero{padding:50px 0 65px}.page-topline{margin-bottom:45px}
 .section-head h2,.about-copy h2,.route-heading h2,.resume-layout h2,.founder-intro h2,.community h2,.personal-copy h2,.founder-ask h2,.future h2,.footer h2,.history-copy h2{font-size:42px}
}
.page-intro{margin-bottom:0}
.hero-feature-image img{object-fit:cover;object-position:center top}
@media(max-width:700px){.page-intro{margin-bottom:0}}

/* Motion is tied to the content: a soft entrance, then quieter reveals on scroll. */
@media (prefers-reduced-motion: no-preference) {
  .hero { position:relative; isolation:isolate; }
  .hero::before {
    content:''; position:absolute; z-index:-1; inset:-10% -10% 0 30%; pointer-events:none;
    background:radial-gradient(ellipse at 65% 38%, rgba(191,203,229,.24), transparent 48%);
    animation:ambient-arrive 1.8s ease-out both;
  }
  .hero-eyebrow,.hero h1,.hero-description,.hero-buttons,.hero-feature,.page-topline,.page-hero h1,.page-intro {
    animation:come-into-focus 1s cubic-bezier(.2,.65,.2,1) both;
  }
  .hero h1,.page-hero h1 { animation-delay:.08s; }
  .hero-description,.page-intro { animation-delay:.18s; }
  .hero-buttons { animation-delay:.27s; }
  .hero-feature { animation:visual-arrive 1.25s cubic-bezier(.16,.65,.2,1) .18s both; }
  .js-motion .reveal {
    opacity:0; filter:blur(5px); transform:translateY(22px);
    transition:opacity .85s cubic-bezier(.2,.65,.2,1),filter .85s cubic-bezier(.2,.65,.2,1),transform .85s cubic-bezier(.2,.65,.2,1);
  }
  .js-motion .reveal.is-visible { opacity:1; filter:blur(0); transform:translateY(0); }
  .js-motion .case .case-image { opacity:.55; transform:translateY(18px) scale(.985); transition:opacity 1s ease, transform 1s cubic-bezier(.16,.65,.2,1); }
  .js-motion .case.is-visible .case-image { opacity:1; transform:translateY(0) scale(1); }
  .case-image img,.community-photo img,.history-image img { transform:translateY(var(--image-drift, 0px)) scale(1.035); transition:transform .55s cubic-bezier(.2,.65,.2,1); }
  .case:hover .case-image img { transform:translateY(var(--image-drift, 0px)) scale(1.055); }
  .hero-feature-image { transition:transform .8s cubic-bezier(.2,.65,.2,1),box-shadow .8s ease; }
  .hero-feature:hover .hero-feature-image { transform:translateY(-5px); box-shadow:0 26px 55px #2731491c; }
  .nav a,.case-actions a,.simple-link { transition:color .25s ease; }
  .button { transition:transform .35s cubic-bezier(.2,.65,.2,1),background .25s,color .25s,box-shadow .35s; }
  .button:hover { transform:translateY(-3px); box-shadow:0 8px 20px #252b361f; }
}
@keyframes come-into-focus {
  from { opacity:0; filter:blur(9px); transform:translateY(18px); }
  to { opacity:1; filter:blur(0); transform:translateY(0); }
}
@keyframes visual-arrive {
  from { opacity:0; filter:blur(12px); transform:translateY(24px) scale(.97); }
  to { opacity:1; filter:blur(0); transform:translateY(0) scale(1); }
}
@keyframes ambient-arrive { from { opacity:0; } to { opacity:1; } }
@media (prefers-reduced-motion: reduce) {
  .js-motion .reveal,.js-motion .case .case-image { opacity:1; filter:none; transform:none; }
  .case-image img,.community-photo img,.history-image img { transform:none; }
}

/* Portfolio studio: a consistent dark opening and warm, editorial project pages. */
:root{--paper:#f3f0e9;--ink:#1d1b1a;--dark:#171716;--dark2:#22211e;--muted:#706c65;--acid:#edb88f}
body{background:var(--paper)}
.site-header{background:#171716;color:#f7f4ed}
.header-inner{height:82px;border-color:#484642}
.identity-name{font-size:15px;font-weight:700;letter-spacing:-.025em}
.nav a{color:#aaa69e}.nav a:hover,.nav a[aria-current=page]{color:#fff}
.header-contact{color:#f4f1e9;border-color:#65625c}.header-contact:hover{background:#f0c09e;color:#171716;border-color:#f0c09e}
.hero{background:#171716;color:#f8f4eb}
.hero-inner{min-height:730px;grid-template-columns:1fr .96fr;gap:8%;padding-block:78px 0;align-items:center}
.hero-copy{padding:0 0 42px}
.hero-eyebrow{color:#b2aaa0;font-size:12px;font-weight:600;margin:0 0 30px}
.hero-eyebrow span{color:#e8ae84;padding:0 4px}
.hero h1{font-size:clamp(66px,6.8vw,100px);line-height:1.03;letter-spacing:-.065em;font-weight:700}
.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#eeb990;letter-spacing:-.065em}
.hero-description{color:#bcb7ad;font-size:16px;line-height:1.75;max-width:430px;margin:30px 0 31px}
.button-acid{background:#eeb990;color:#1e1b19}.button-acid:hover{background:#ffd0aa;color:#1e1b19}
.hero .inline-link{color:#f2eae1;border-color:#716c64}
.project-showcase{min-width:0;align-self:center;margin-bottom:48px}
.showcase-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:11px;color:#aaa399}
.showcase-top p{margin:0;color:#e9e3d9;font-weight:700}.showcase-top span{font-size:11px}
.showcase-visual{position:relative;overflow:hidden;aspect-ratio:1.68;background:#292a2a;border-radius:5px}
.showcase-visual img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:opacity .25s ease,transform .8s cubic-bezier(.2,.7,.2,1),filter .25s ease}
.showcase-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(15,15,15,.22))}
.project-showcase:hover .showcase-visual img{transform:scale(1.025)}
.showcase-visual.is-switching img{opacity:.15;filter:blur(5px);transform:scale(1.035)}
.showcase-details{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:22px 0 23px;transition:opacity .2s,transform .2s}
.showcase-details.is-switching{opacity:.15;transform:translateY(5px)}
.showcase-details p{margin:0}.showcase-details p:first-child{color:#d5ae91;font-size:11px;font-weight:700}
.showcase-details h2{font-size:29px;letter-spacing:-.055em;line-height:1.1;margin:8px 0}
.showcase-details p:last-child{font-size:12px;line-height:1.55;color:#a9a49b;max-width:330px}
.showcase-details>a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #6e6960;border-radius:50%;font-size:19px;flex:none;transition:background .25s,color .25s,transform .25s}
.showcase-details>a:hover{background:#eeb990;color:#171716;transform:translate(2px,-2px)}
.showcase-controls{display:flex;border-top:1px solid #514d47;gap:0}
.showcase-controls button{position:relative;flex:1;text-align:left;padding:16px 5px 4px 0;border:0;background:none;color:#918c83;font-size:11px;cursor:pointer;transition:color .25s}
.showcase-controls button::before{content:'';position:absolute;top:-1px;left:0;right:10px;height:2px;background:#eeb990;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.showcase-controls button[aria-pressed=true]{color:#f8f4eb}.showcase-controls button[aria-pressed=true]::before{transform:scaleX(1)}
.hero-bottom-note{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #49453f;padding:21px 0 24px;color:#a8a299;font-size:11px}
.hero-bottom-note a{color:#ded6cb}.hero-bottom-note a span{margin-left:10px}
.hero::before{display:none}
.work-intro,.portfolio-section,.founder-principles,.founder-work,.writing{padding-block:125px}
.section-head h2,.about-copy h2,.route-heading h2,.resume-layout h2,.founder-intro h2,.community h2,.personal-copy h2,.founder-ask h2,.future h2,.footer h2,.history-copy h2{letter-spacing:-.055em}
.section-head h2 span,.route-heading h2 span,.founder-intro h2 span,.personal-copy h2 span,.founder-ask h2 span,.future h2 span,.history-copy h2 span{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.055em}
.section-head>p,.case-impact{color:#77716a}.case{border-color:#d7d1c9;padding:52px 0 75px}
.case-image{border-radius:3px;background:#e4e1dc}.case-achp{background:#e3e5dd}.case-vibe{background:#e6e1e9}.case-opspilot{background:#e3e4df}
.case-category{color:#8c7060}.case-actions a:hover,.simple-link:hover{color:#a35c34}
.about-band,.community,.resume-band{background:#22211e;color:#f4eee5}
.about-copy h2 span,.community h2 span,.resume-layout h2 span,.footer h2 span{color:#eeb990;font-family:Georgia,serif;font-style:italic;font-weight:400}
.about-copy>p:not(.label),.community-copy>p:not(.label),.resume-layout>div>p:not(.label){color:#c1bab0}
.routes{padding-block:120px}.route{border-color:#d5cec4}.route:last-child{border-color:#d5cec4}.route:hover .route-arrow{background:#edc0a0}
.page-hero{background:#262521;color:#f6f2ea;padding:72px 0 95px}
.page-hero h1 span{color:#eeb990;font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.06em}
.page-topline{color:#b7b0a5}.page-intro>p{color:#c3bdb3}.page-hero .light-link{color:#e9e0d7;border-color:#8c8177}
.page-hero .button-acid{background:#eeb990;color:#211e1b}.page-hero .button-acid:hover{background:#ffd0aa}
.footer{background:#151514}.footer-bottom{border-color:#4a4842}.footer-action p,.footer-bottom{color:#b1aaa0}
@media (prefers-reduced-motion:no-preference){
 .project-showcase{animation:visual-arrive 1.1s cubic-bezier(.16,.65,.2,1) .2s both}
 .hero h1 em{display:inline-block;animation:come-into-focus 1.2s cubic-bezier(.2,.65,.2,1) .18s both}
 .js-motion .reveal{filter:blur(3px);transform:translateY(18px)}
 .js-motion .reveal.is-visible{filter:blur(0);transform:translateY(0)}
}
@media(max-width:700px){
 .site-header{background:#171716}.header-inner{height:auto;min-height:72px;border-color:#484642}
 .nav a{color:#aaa69e}.nav a[aria-current=page]{color:#fff}
 .hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:40px;min-height:0;padding:63px 0 0}
 .hero-copy{padding:0}.hero h1{font-size:clamp(54px,12vw,76px);line-height:1.04}
 .hero-eyebrow{margin-bottom:24px}.hero-description{font-size:15px;margin:25px 0 27px}
 .project-showcase{margin:0}.showcase-visual{aspect-ratio:1.6}.showcase-details h2{font-size:27px}
 .hero-bottom-note{margin-top:10px;gap:15px;line-height:1.5}.hero-bottom-note>span{max-width:200px}
 .work-intro,.portfolio-section,.founder-principles,.founder-work,.writing,.routes{padding-block:75px}
 .case{padding:30px 0 50px}.page-hero{padding:50px 0 65px}
 .page-hero h1{font-size:clamp(44px,11vw,65px)}
}
.showcase-controls[hidden]{display:none}
@media (prefers-reduced-motion:no-preference){
 .js-motion .case .case-image{clip-path:inset(0 0 8% 0 round 3px);transition:opacity .9s ease,transform 1s cubic-bezier(.16,.65,.2,1),clip-path 1.15s cubic-bezier(.16,.65,.2,1)}
 .js-motion .case.is-visible .case-image{clip-path:inset(0 round 3px)}
}
.personal-image picture{height:auto}.personal-image picture img{height:auto;aspect-ratio:auto;object-fit:contain}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#c57950}