/* VALO Research folio — source content and working media preserved */
@font-face{font-family:"Source Serif 4";src:url("/fonts/source-serif-4.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Public Sans";src:url("/fonts/public-sans.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#FCFBF8;--wash:#F1EEE7;--ink:#262C32;--muted:#596979;--line:#dddeda;--accent:#596979;--serif:"Source Serif 4",Georgia,serif;--sans:"Public Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}img,video{max-width:100%}a{color:inherit;text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.025em;margin:0 0 24px;text-wrap:balance}h2{font-size:clamp(32px,3.3vw,44px)}h3{font-size:27px}p{margin:0 0 20px;max-width:68ch}figure{margin:0}figcaption{font-size:12px;color:var(--muted);padding-top:10px}.wrap{width:min(1160px,calc(100% - 80px));margin:auto}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--ink);color:white;z-index:30}.skip:focus{top:10px}
.site-head{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--line)}.nav{height:88px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand img{display:block;width:180px;height:auto}.desktop-nav{display:flex;gap:26px;font-size:13px}.mobile-nav{display:none}.mobile-nav summary{cursor:pointer;list-style:none}.mobile-nav nav{position:absolute;right:20px;top:70px;display:grid;gap:16px;padding:24px;background:var(--paper);border:1px solid var(--line);width:min(300px,calc(100vw - 40px))}
.editorial-hero{padding:76px 0 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.hero-copy h1{font-size:clamp(42px,4.6vw,62px);line-height:1.06;margin-bottom:26px}.dek{font-size:18px;line-height:1.6}.hero-context{color:var(--muted);font-size:15px}.hero-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px;font-size:14px}.primary-link{display:inline-block;background:var(--accent);color:#fff;padding:13px 20px}.primary-link:hover{background:#445361;text-decoration:none}.hero-photo .crop{height:420px;overflow:hidden}.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}.hero-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:56px;border-top:1px solid var(--line);padding:24px 0 30px}.hero-questions summary{font-size:13px}.hero-questions p,.hero-questions a{font-size:14px;margin:16px 0 0;color:var(--muted)}
summary{cursor:pointer;list-style:none;position:relative;padding-right:26px}summary::-webkit-details-marker{display:none}summary:after{content:"";position:absolute;right:4px;top:.5em;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}details[open]>summary:after{transform:rotate(225deg);top:.7em}
.economics,.commercial-bridge,.research-ledger,.products,.method,.people,.evidence,.artifact-strip{padding:80px 0}.economics{border-top:1px solid var(--line)}.economics .wrap>div,.bridge-grid,.research-heading,.products-head,.method-grid,.evidence-grid,.systems-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.economics .dek{font-size:18px}.economics .wrap>div>div{border-left:1px solid var(--line);padding-left:32px}.text-link{font-size:14px;color:var(--muted)}.commercial-bridge,.method,.evidence{background:var(--wash)}.bridge-grid p,.products-head p,.research-heading p,.people-head p,.evidence-grid p{color:var(--muted)}.bridge-path{margin-top:24px}.bridge-path>div{padding:16px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:100px 1fr;gap:20px;font-size:14px}.bridge-path strong{font-size:11px;font-weight:400;color:var(--muted)}.research-heading{margin-bottom:36px}.research-lines{display:grid;grid-template-columns:1fr 1fr;gap:0 8%}.research-lines article{border-top:1px solid var(--line);padding:26px 0 30px}.research-lines h3{margin-bottom:14px}.research-lines p{color:var(--muted);font-size:16px}.research-lines a{font-size:13px;color:var(--muted)}
.jobs-live{border-top:1px solid var(--line)}.job-scene{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;width:min(1160px,calc(100% - 80px));margin:auto;padding:64px 0;border-bottom:1px solid var(--line)}.job-copy .kicker{font-size:12px;color:var(--muted);margin-bottom:18px;letter-spacing:0}.job-copy h2{font-size:clamp(32px,3.3vw,44px)}.job-copy p{font-size:16px;color:var(--muted)}.job-copy .job-intent{font:400 22px/1.4 var(--serif);color:var(--ink)}.job-copy a{font-size:14px;text-decoration:underline}.job-copy>span{color:var(--muted);font-size:13px}.job-media{min-width:0}.job-media img,.job-media video{display:block;width:100%;height:340px;object-fit:cover}.job-overlay{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:13px;font-size:10px;letter-spacing:.03em;color:var(--muted)}
.artifact-head{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-bottom:32px}.artifact-head p{color:var(--muted)}.artifact-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.artifact-links>a{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column;align-items:start}.artifact-links>a:hover{text-decoration:none}.artifact-links>a:hover h3{text-decoration:underline}.artifact-links span{font-size:12px;color:var(--muted)}.artifact-links h3{margin:18px 0}.artifact-links p{font-size:15px;color:var(--muted)}.artifact-links span:last-child{margin-top:auto;padding-top:12px}
.products{background:var(--wash)}.catalog{margin-top:30px;border-top:1px solid var(--line)}.catalog>summary,.architecture-details>summary{padding:22px 28px 22px 0}.catalog>summary:after,.architecture-details>summary:after{top:29px}.catalog[open]>summary:after,.architecture-details[open]>summary:after{top:32px}.product-row{display:grid;grid-template-columns:1fr .65fr 1.5fr auto;gap:20px;padding:18px 0;border-top:1px solid var(--line);align-items:start}.product-row strong{display:flex;gap:10px;align-items:center;font-size:15px}.product-row strong img,.product-row .wordmark{width:40px;height:34px;object-fit:contain;display:inline-flex;align-items:center;justify-content:center;font-size:9px;flex:none}.product-row span{font-size:14px;color:var(--muted)}.product-row .type{font-size:12px}.product-row a{font-size:13px;text-decoration:underline}
.systems{padding:0}.architecture-details{border-bottom:1px solid var(--line)}.systems-intro{margin:40px 0}.systems-intro p{color:var(--muted)}.system-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:30px;border-top:1px solid var(--line);padding:24px 0}.system-row .n{display:none}.system-row h3{font-size:26px;margin:0}.system-row p{color:var(--muted);font-size:15px}.system-row a,.system-row>span:last-child{font-size:13px}.technical-reference{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:24px}.home-machine img{width:100%;display:block}.home-label{font-size:12px;color:var(--muted)}.home-boundary,.home-intent{display:none}.legacy-network{width:100%;color:var(--accent)}.legacy-network .bronze-line{stroke:var(--accent)}.illustration-label{grid-column:1/-1;font-size:12px;color:var(--muted)}
.method-step{border-top:1px solid var(--line);padding:18px 0}.method-step>span{display:none}.method-step strong{font:400 23px/1.2 var(--serif)}.method-step p{font-size:15px;margin:8px 0 0;color:var(--muted)}.closing{font-size:17px;color:var(--muted)}.people-head{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-bottom:38px}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 36px}.person{border-top:1px solid var(--line);padding-top:22px}.person small{font-size:12px;color:var(--muted)}.person h3{margin:14px 0;font-size:26px}.person p{font-size:15px;color:var(--muted)}.person .role{font-size:14px;color:var(--ink)}.person a{font-size:13px;text-decoration:underline}
.resource-list{border-top:1px solid var(--line)}.resource-list a{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15px}.resource-list span{color:var(--muted);font-size:13px}footer{background:var(--paper);padding:48px 0;font-size:13px;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%}.footer-grid strong{font:400 24px var(--serif);color:var(--ink)}.footer-links,.legal{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:20px}
@media(max-width:900px){.wrap,.job-scene{width:calc(100% - 48px)}.nav{height:76px}.desktop-nav{display:none}.mobile-nav{display:block}.hero-grid{gap:5%}.hero-copy h1{font-size:46px}.hero-photo .crop{height:380px}.hero-links{gap:18px}.hero-questions{gap:20px}.people-grid{grid-template-columns:1fr 1fr}.job-media img,.job-media video{height:320px}.product-row{grid-template-columns:1fr auto}.product-row span:not(.type){grid-column:1/-1}.artifact-links{gap:24px}}
@media(max-width:650px){html{scroll-padding-top:88px}.wrap,.job-scene{width:calc(100% - 40px)}.nav{height:70px}.brand img{width:158px}.editorial-hero{padding-top:38px}.hero-grid,.hero-questions,.economics .wrap>div,.bridge-grid,.research-heading,.products-head,.method-grid,.evidence-grid,.systems-intro,.artifact-head,.people-head,.technical-reference,.footer-grid{grid-template-columns:1fr;gap:24px}.hero-copy h1{font-size:44px}.dek{font-size:17px}.hero-context{font-size:14px}.hero-links{margin-top:22px;font-size:13px;gap:18px}.hero-photo .crop{height:300px}.hero-photo{margin-top:8px}.hero-questions{margin-top:30px;padding:12px 0 22px;gap:0}.hero-questions details{padding:14px 0;border-bottom:1px solid var(--line)}.hero-questions details:last-child{border-bottom:0}.hero-questions summary{font-size:14px}.economics,.commercial-bridge,.research-ledger,.products,.method,.people,.evidence,.artifact-strip{padding:48px 0}.economics .wrap>div>div{padding-left:0;border-left:0}.research-heading{margin-bottom:24px}.research-lines{grid-template-columns:1fr}.research-lines article{padding:22px 0}.job-scene{grid-template-columns:1fr;gap:24px;padding:42px 0}.job-media img,.job-media video{height:auto;aspect-ratio:3/2;object-fit:cover}.job-copy h2{font-size:34px}.job-copy .job-intent{font-size:21px}.artifact-links{grid-template-columns:1fr;gap:28px}.artifact-links h3{font-size:26px;margin:12px 0}.artifact-links p{margin-bottom:14px}.people-grid{grid-template-columns:1fr}.people-head{margin-bottom:24px}.system-row{grid-template-columns:1fr;gap:10px}.system-row p{margin-bottom:0}.bridge-path>div{grid-template-columns:1fr;gap:6px}.technical-reference{gap:16px}.resource-list a{align-items:start}.footer-grid{gap:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Override the inherited site accent on this approved homepage direction. */
h1,h2,h3{color:var(--ink)!important}.hero-photo img{transform:scale(1.18);transform-origin:left center}.products-head>.kicker{display:none}.kicker{color:var(--muted)}

/* Approved reference composition: EXUP challenge -> approach -> outcome */
.exup-model{border-top:1px solid var(--line);padding:18px 0 70px}
.folio-label{font-size:10px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin:0 0 22px}
.exup-model-grid{display:grid;grid-template-columns:1fr 1fr .9fr;gap:0;border-top:1px solid var(--line)}
.exup-model-grid>div{padding:28px 38px 8px 0}
.exup-model-grid>div+div{border-left:1px solid var(--line);padding-left:38px}
.exup-model-grid h2{font-size:28px;margin-bottom:22px}
.model-list{list-style:none;margin:0;padding:0}
.model-list li{position:relative;padding:10px 0 10px 28px;border-bottom:1px solid rgba(221,222,218,.55);font:400 16px/1.4 var(--serif)}
.model-list li:before{content:"→";position:absolute;left:0;color:var(--muted)}
.outcome-panel h2{font-size:30px;margin-top:20px}
.outcome-panel p{font-family:var(--serif);font-size:18px;line-height:1.45}
.outcome-panel small{display:block;color:var(--muted);font-size:11px;line-height:1.5}
.capacity-chart{height:118px;display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--muted);padding:0 8px 0 0;margin:12px 0 4px}
.capacity-chart span{display:block;flex:1;background:color-mix(in srgb,var(--accent) 25%,transparent);min-height:10px}
.capacity-chart span:last-child{background:var(--accent)}
@media(max-width:900px){.exup-model-grid{grid-template-columns:1fr 1fr}.outcome-panel{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--line);padding-left:0!important;display:grid;grid-template-columns:1fr 1fr;gap:30px}.outcome-panel .folio-label,.outcome-panel small{grid-column:1/-1}.capacity-chart{grid-row:2/4}}
@media(max-width:650px){.exup-model{padding-bottom:44px}.exup-model-grid{grid-template-columns:1fr}.exup-model-grid>div,.exup-model-grid>div+div{border-left:0;border-top:1px solid var(--line);padding:24px 0}.exup-model-grid>div:first-child{border-top:0}.outcome-panel{grid-column:auto;display:block}.capacity-chart{height:100px}}

/* Distinct one-theme visuals derived from the approved six-panel reference */
.folio-visual{position:relative;overflow:hidden;background:#f6f3ed;border:1px solid var(--line);min-height:340px}
.folio-exup{background:linear-gradient(180deg,#fbfaf7,#f0ece3)}
.folio-exup:after{content:"";position:absolute;left:10%;right:7%;bottom:14%;height:1px;background:var(--muted)}
.folio-exup .curve{position:absolute;left:10%;bottom:14%;width:80%;transform-origin:left bottom}
.folio-exup .traditional{height:24%;border-top:5px solid #314754;border-radius:50% 60% 0 0;transform:skewY(-3deg)}
.folio-exup .exup{height:58%;border-top:5px solid #9a7b49;border-radius:65% 40% 0 0;transform:skewY(-10deg);background:linear-gradient(155deg,transparent 45%,rgba(154,123,73,.20) 46%)}
.axis-label,.curve-label{position:absolute;font-size:10px;letter-spacing:.08em;color:var(--muted)}
.axis-label.y{left:3%;top:44%;writing-mode:vertical-rl;transform:rotate(180deg)}.axis-label.x{right:7%;bottom:7%}
.curve-label.same{left:22%;bottom:25%}.curve-label.machine{left:47%;bottom:43%}.curve-label.more{right:8%;top:20%;color:#765c34}
.folio-exup.compact{min-height:300px}
.folio-cai{background:linear-gradient(180deg,#fbfaf7,#eef3f6)}
.folio-cai:after{content:"";position:absolute;left:12%;right:8%;bottom:18%;height:1px;background:var(--muted)}
.folio-cai .time-line{position:absolute;left:32%;top:12%;bottom:18%;border-left:1px dashed var(--muted)}
.signal-dot{position:absolute;left:calc(32% - 5px);top:39%;width:10px;height:10px;border-radius:50%;background:#596979}
.signal-label{position:absolute;left:35%;top:34%;font:14px var(--serif);color:var(--ink)}
.need-label{position:absolute;left:4%;top:46%;font-size:10px;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg)}
.reactive-label,.proactive-label{position:absolute;right:7%;font:13px var(--serif)}.reactive-label{bottom:29%;color:#7b858b}.proactive-label{top:20%;color:#496d86}
.cai-path{position:absolute;left:12%;right:10%;border-top:4px solid;border-radius:50%}
.cai-path.reactive{top:58%;height:18%;border-color:#9ca4a8;transform:rotate(4deg)}
.cai-path.proactive{top:43%;height:34%;border-color:#6387a0;transform:rotate(-7deg)}
.folio-relaion{background:radial-gradient(circle at 50% 50%,#f7f4ed 0,#eef0ed 52%,#e7e5df 100%)}
.rel-line{position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,#9a7b49,#7d93a0,#9a7b49);transform:rotate(-3deg)}
.rel-node{position:absolute;top:calc(50% - 14px);width:28px;height:28px;border:2px solid #fff;border-radius:50%;background:#596979;box-shadow:0 0 0 1px var(--line)}
.rel-node.n1{left:12%}.rel-node.n2{left:36%;top:38%}.rel-node.n3{left:61%;top:54%}.rel-node.n4{right:10%;top:36%}
.rel-label{position:absolute;font:400 12px var(--serif);color:var(--muted)}.rel-label.l1{left:8%;top:62%}.rel-label.l2{left:30%;top:25%}.rel-label.l3{left:58%;top:68%}.rel-label.l4{right:4%;top:24%}
@media(max-width:650px){.folio-visual{min-height:260px}.folio-exup.compact{min-height:240px}}

.theme-visuals{padding:64px 0;border-top:1px solid var(--line)}
.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.theme-card{display:block}.theme-card:hover{text-decoration:none}.theme-card:hover h3{text-decoration:underline}
.theme-card h3{margin:16px 0 6px;font-size:28px}.theme-card p{color:var(--muted);font-size:14px}
.theme-art{height:290px;border:1px solid var(--line);position:relative;overflow:hidden}
.tech-art{background:#172229;color:#eef2f3;display:flex;align-items:center;justify-content:center;gap:12px;padding:32px}
.tech-art span,.tech-art strong{border:1px solid #53656f;padding:20px 14px;font:400 11px var(--sans);letter-spacing:.08em}.tech-art strong{border-color:#9a7b49;background:#3a3022}.tech-art i{font-style:normal;color:#9a7b49}.tech-art b{position:absolute;bottom:28px;left:24%;right:24%;border:1px solid #53656f;padding:10px;text-align:center;font:400 10px var(--sans);letter-spacing:.08em;color:#b9c3c8}
.evidence-art{background:linear-gradient(145deg,#f8f6f1,#e9e6df);padding:38px;display:flex;flex-direction:column;gap:12px}
.evidence-art span{border-bottom:1px solid var(--line);padding:8px 0;font-size:11px;letter-spacing:.06em}.evidence-art code{margin-top:auto;background:#172229;color:#eef2f3;padding:14px;font:11px var(--sans)}
@media(max-width:650px){.theme-visuals{padding:42px 0}.theme-grid{grid-template-columns:1fr}.theme-art{height:250px}.tech-art{gap:6px;padding:18px}.tech-art span,.tech-art strong{padding:14px 7px;font-size:8px}.tech-art b{left:15%;right:15%}}

/* preview trigger: 2026-10-04 */