/* R11. New page architecture around retained, independently useful instruments. */
.direction-chroma{--paper:#f6f3eb;--white:#fffdf7;--ink:#21372f;--muted:#58645d;--line:#c5c9bd;--tint:#e6e9dd;--tint-soft:#edf0e6;--accent:#315d4e;--signal:#315d4e;--model:#315d4e;--rival:#96604a;--secondary:#96604a;--node-bg:#f6f3eb;--node-active:#fffdf7;--node-line:#c5c9bd;--node-text:#21372f;--node-secondary:#58645d;--gutter:48px;--space:90px;--petal:#e9e1eb;--petal-ink:#3d3340;--petal-muted:#655c68}
.direction-chroma .site-header.page-width{color:#fff5db;border-color:#fff5db50;height:88px}
.direction-chroma .site-header a:hover{color:inherit}
.direction-chroma .site-header :focus-visible{outline-color:currentColor}
.chroma-cover{height:min(900px,100svh);min-height:710px;position:relative;isolation:isolate;overflow:hidden;background:#9f4907;color:#fff6de}
.chroma-cover-image{position:absolute;inset:0;z-index:-1}
.chroma-cover-image img{width:100%;height:100%;object-fit:cover;object-position:50% 52%}
.chroma-cover-image::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#24180b63,transparent 70%),linear-gradient(0deg,#21150977,transparent 28%)}
.chroma-cover-copy{padding-top:clamp(230px,31svh,315px)}
.chroma-cover-copy .eyebrow{color:inherit;margin-bottom:26px}
.chroma-cover-copy h1{font-size:clamp(54px,5.3vw,74px);line-height:1.07;letter-spacing:-.035em;font-weight:400}
.chroma-cover-copy .cover-deck{font-size:17px;line-height:1.65;margin-top:30px;max-width:410px}
.chroma-cover-copy .cover-link{width:215px;margin-top:30px}
.chroma-cover a:hover{color:inherit}
.cover-foot{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid #fff5db55;padding-top:18px;font-size:11px}
.chroma-index{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;border-bottom:1px solid var(--line)}
.chroma-index a{display:flex;align-items:center;gap:16px;min-height:78px;font-size:12px}
.chroma-index span{font-size:10px;color:var(--muted)}
.chroma-index i{font-style:normal;margin-left:auto;font-size:17px}
.chroma-mission{padding-block:100px 85px;display:grid;grid-template-columns:1fr 1fr;gap:45px 80px}
.chroma-mission h2{font-size:43px;max-width:480px}
.mission-copy{max-width:480px}
.mission-copy>p:not(.mission-statement){font-size:14px;color:var(--muted)}
.mission-receipts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-top:22px}
.mission-receipts a{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:19px;gap:8px}
.mission-receipts strong{font-size:38px;font-weight:400;letter-spacing:-.035em;line-height:1.3}
.mission-receipts span{font-size:11px;color:var(--muted)}
.direction-chroma .technology-chapter{padding-bottom:80px;background:var(--paper)}
.direction-chroma .century-section>.page-width{padding-top:65px;border-top:1px solid var(--line)}
.direction-chroma .section-heading{margin-bottom:34px;gap:80px}
.direction-chroma .system-panel{min-height:330px}
.direction-chroma .atlas-section{padding-top:64px}
.direction-chroma :is(.landing-frontier,.precision-figure,.note-figure,.engine-note){border-radius:2px}
.direction-chroma .research-scale-grid dd{font-size:34px}
/* Compute is a full editorial chapter for the scoped CPU comparison. */
.compute-chapter{background:#112c2b;color:#f4f0e3;padding-block:75px 60px;--accent:#edbd85;--line:#54706c;--muted:#bdccc4}
.compute-chapter .eyebrow,.compute-chapter .result-type{color:#c4d2ca}
.compute-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;padding-bottom:45px;border-bottom:1px solid #54706c}
.compute-heading h2{font-size:44px;line-height:1.13;margin-bottom:26px}
.compute-heading p:not(.eyebrow){font-size:14px;color:#bdccc4;max-width:430px}
.compute-specimen{position:relative;background:#000;justify-self:end;width:330px;max-width:100%;height:215px;overflow:hidden}
.compute-specimen img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.compute-specimen figcaption{position:absolute;bottom:12px;left:17px;font-size:10px;color:#c8bfac}
.cpu-result{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding-block:48px}
.cpu-takeaway h3{display:flex;flex-direction:column;gap:10px;margin-block:18px 24px}
.cpu-takeaway h3 strong{font-size:82px;line-height:1;font-weight:400;letter-spacing:-.04em;color:#edbd85}
.cpu-takeaway h3 strong>span{font-size:38px;margin-left:5px}
.cpu-takeaway h3>span{font-size:22px}
.cpu-takeaway>p:last-child{max-width:380px;font-size:13px;color:#bdccc4}
.cpu-figure{align-self:center;min-width:0}
.cpu-figure figcaption{display:flex;flex-direction:column;gap:7px;margin-bottom:30px;font-size:15px}
.cpu-figure figcaption strong{font-weight:400}
.cpu-figure figcaption>span{font-size:11px;color:#bdccc4}
.cpu-row{margin-top:21px}
.cpu-row>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:12px}
.cpu-row b{font-weight:400;font-variant-numeric:tabular-nums}
.cpu-track{height:10px;background:#294542}
.cpu-track i{height:100%;display:block;background:#9eb2a7}
.cpu-new .cpu-track i{background:#edbd85}
.cpu-new{color:#edbd85}
.cpu-axis{display:flex;justify-content:space-between;font-size:10px;color:#bdccc4;margin-top:13px}
.cpu-figure>p{font-size:12px;color:#bdccc4;margin-top:24px;max-width:440px}
.compute-details{border-top:1px solid #54706c;border-bottom:1px solid #54706c;font-size:12px}
.compute-details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:57px;gap:20px}
.compute-details summary::-webkit-details-marker{display:none}.compute-details summary>span{font-size:20px}
.compute-details>div{max-width:840px;color:#bdccc4;padding:8px 0 30px}

/* Crop portrait and text share a cyan / straw spread; the evidence starts immediately below. */
.crop-opening{display:grid;grid-template-columns:.8fr 1.2fr;background:#e2ebe4;color:#203d35;min-height:590px}
.crop-opening figure{overflow:hidden;min-width:0}
.crop-opening img{width:100%;height:100%;max-height:650px;object-fit:cover;object-position:50% 57%}
.crop-opening>div{padding:80px clamp(40px,7vw,110px);align-self:center}
.crop-opening .eyebrow{color:#426658}
.crop-opening h2{font-size:clamp(35px,3.7vw,50px);line-height:1.15;margin-bottom:28px}
.crop-opening p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:400px;color:#426658}
.image-note{display:block;font-size:10px;margin-top:40px;letter-spacing:.025em}
.crop-results{padding-block:60px 40px}
.direction-chroma .crop-results>.engineering-result{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;border:0;padding:0 0 55px}
.direction-chroma .engineering-claim h3 strong{font-size:62px}
.evidence-depth{border-top:1px solid var(--line);padding-top:25px}
.evidence-depth>.eyebrow{margin-bottom:16px}
.result-drawer{border-bottom:1px solid var(--line)}
.result-drawer>summary{display:grid;grid-template-columns:50px 1fr 25px;align-items:center;gap:25px;list-style:none;padding:28px 0;min-height:105px}
.result-drawer summary::-webkit-details-marker{display:none}
.result-drawer>summary strong{display:block;font-size:25px;font-weight:400;letter-spacing:-.025em}
.result-drawer>summary small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
.drawer-number{font-size:11px;color:var(--muted)}
.result-drawer>summary>span:last-child{font-size:24px}
.result-drawer[open]>summary>span:last-child{transform:rotate(45deg)}
.drawer-body{padding:15px 0 40px}
.direction-chroma .drawer-body .engineering-result{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;border:0;padding-top:15px}
.direction-chroma .chemical-result{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;padding-block:20px 35px}
.direction-chroma .chemical-result h3{font-size:28px;line-height:1.25;margin-block:18px}
.chemical-takeaway{border-left:2px solid var(--rival);padding-left:18px}
.release-note{font-size:12px}
.lipid-figure .comparison-context{font-size:12px;margin-bottom:16px}
.lipid-figure figcaption>span{font-size:12px;color:var(--muted)}
.lipid-row{padding:8px 0 19px}.lipid-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:12px}.lipid-label>span:last-child{font-variant-numeric:tabular-nums}
.lipid-track{height:2px;position:relative;background:var(--line)}.lipid-track i{display:block;position:relative;height:2px;background:var(--rival)}.lipid-track i::after{content:'';position:absolute;right:-3px;top:-2px;width:6px;height:6px;background:var(--rival)}.lipid-row.model .lipid-track i,.lipid-row.model .lipid-track i::after{background:var(--model)}.lipid-row.model .lipid-track i::after{border-radius:50%}.lipid-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-bottom:23px}
.direction-chroma .engineering-connections{padding:30px;background:var(--tint-soft);gap:45px;border:1px solid var(--line);margin-top:20px}
.direction-chroma .notebook-chapter{padding-top:10px;padding-bottom:60px}
.direction-chroma .research-notes{padding-top:36px}
/* Applications are one image-led spread, not an interchangeable card grid. */
.chroma-industry{display:grid;grid-template-columns:1fr 1fr;background:#dae9e3;color:#233d36;align-items:stretch}
.industry-image{position:relative;min-height:780px;overflow:hidden}
.industry-image img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.industry-image .image-note{position:absolute;bottom:25px;left:35px;color:#233d36;font-size:10px}
.industry-story{padding:70px clamp(36px,5.5vw,85px)}
.industry-story .eyebrow{color:#426256}
.industry-story h2{font-size:clamp(32px,3.2vw,44px);line-height:1.15;margin-bottom:27px}
.industry-intro{font-size:15px;line-height:1.7;max-width:400px;color:#426256}
.application-index{margin-top:38px}
.application-index article{border-top:1px solid #9fb7a8;padding-block:22px;display:grid;grid-template-columns:30px 1fr;gap:18px}
.application-index article>span{font-size:10px;color:#426256;padding-top:5px}
.application-index h3{font-size:20px;margin-bottom:8px}
.application-index p{font-size:13px;line-height:1.75;color:#426256}
.industry-qualification{font-size:10px;line-height:1.7;color:#426256}
.direction-chroma .approach-section{padding-block:75px;background:var(--paper)}
.direction-chroma .team-section{padding-top:25px;padding-bottom:75px}
/* Keep the successful iris composition, independently scoped to this revision. */
.direction-chroma .partnership-scene{grid-template-columns:1.08fr 1fr;gap:0;max-width:none;width:100%;padding:0;background:var(--petal);color:var(--petal-ink);align-items:stretch}
.direction-chroma .partnership-plate{margin:0;min-width:0;position:relative}
.direction-chroma .botanical-image{height:100%}.direction-chroma .botanical-image img{height:100%;min-height:650px;max-height:820px;object-position:50% 50%}
.direction-chroma .botanical-views{position:absolute;bottom:20px;right:24px;background:var(--paper);padding:0 16px;gap:22px}
.direction-chroma .botanical-views button{font-size:12px}
.direction-chroma .partner-access{padding:clamp(48px,6vw,100px);align-self:center}
.direction-chroma .partner-access h2{font-size:clamp(40px,4.1vw,62px);line-height:1.12;font-weight:400}
.direction-chroma .partner-access>p{color:var(--petal-muted)!important}
.direction-chroma .partner-access .cover-link{border-color:var(--petal-ink)}
.direction-chroma .site-footer{padding-top:48px;border-top:0}
.direction-chroma .direction-review{flex-wrap:wrap;gap:14px 24px}
/* Air tests a single continuous botanical field with type occupying its negative space. */
.treatment-air .site-header.page-width{color:#193d36;border-color:#193d3640}
.treatment-air .chroma-cover{background:#cfe0d8;color:#193d36}
.treatment-air .chroma-cover-image{left:35%;}
.treatment-air .chroma-cover-image img{object-position:50% 36%;object-fit:cover}
.treatment-air .chroma-cover-image::after{background:linear-gradient(90deg,#cfe0d8,transparent 25%)}
.treatment-air .cover-foot{border-color:#193d3650}
.treatment-air .chroma-industry{background:#1b3935;color:#f5f1e5}
.treatment-air .industry-story :is(.eyebrow,p),.treatment-air .application-index article>span{color:#c0d4c7}
.treatment-air .industry-image .image-note{color:#f5f1e5}
.treatment-air .application-index article{border-color:#567166}
.direction-chroma[data-theme=dark]{--paper:#152c27;--white:#213b32;--ink:#f0f1e3;--muted:#c0ccbd;--line:#52675c;--tint:#244138;--tint-soft:#1d382f;--accent:#afcfbc;--signal:#afcfbc;--model:#afcfbc;--rival:#e2b29c;--secondary:#e2b29c;--node-bg:#1d382f;--node-active:#315246;--node-line:#567467;--node-text:#f0f1e3;--node-secondary:#c0ccbd;--petal:#342e3b;--petal-ink:#f0e9f3;--petal-muted:#cbbfd1}
@media(max-width:1100px){.cpu-result{gap:45px}.direction-chroma .crop-results>.engineering-result,.direction-chroma .drawer-body .engineering-result,.direction-chroma .chemical-result{gap:40px}.industry-story{padding:50px 35px}.compute-heading{gap:40px}}
@media(max-width:700px){
 .direction-chroma{--gutter:24px;--space:60px}
 .direction-chroma .site-header.page-width{height:76px}
 .direction-chroma .primary-nav{background:var(--paper);color:var(--ink)}
 .chroma-cover{height:850px;min-height:720px;max-height:110svh}
 .chroma-cover-image img{object-position:58% 50%}
 .chroma-cover-copy{padding-top:210px}
 .chroma-cover-copy h1{font-size:49px;line-height:1.08}
 .chroma-cover-copy .cover-deck{font-size:15px;margin-top:24px}
 .chroma-cover-copy .cover-link{margin-top:23px}
 .cover-foot{font-size:10px;bottom:22px;display:block}
 .cover-foot>a{display:block;margin-top:8px}
 .chroma-index{grid-template-columns:1fr 1fr;gap:0 26px}.chroma-index a{min-height:61px;font-size:12px;gap:10px}
 .chroma-mission{padding-block:58px;grid-template-columns:1fr;gap:28px}
 .chroma-mission h2{font-size:36px}.mission-copy{max-width:none}.mission-statement{font-size:21px}
 .mission-receipts{grid-template-columns:1fr;gap:0;padding-top:0}
 .mission-receipts a{display:grid;grid-template-columns:100px 1fr;gap:22px;align-items:center;padding-block:18px}.mission-receipts strong{font-size:33px}.mission-receipts span{font-size:11px}
 .direction-chroma .century-section>.page-width{padding-top:45px}.direction-chroma .section-heading{gap:22px}
 .direction-chroma .technology-chapter{padding-bottom:55px}.direction-chroma .atlas-section{padding-top:45px}
 .direction-chroma .system-panel{min-height:0}
 .compute-chapter{padding-block:45px}.compute-heading{grid-template-columns:1fr;gap:25px;padding-bottom:28px;position:relative}
 .compute-heading h2{font-size:36px}.compute-heading>div{z-index:1}
 .compute-specimen{width:100%;height:175px;justify-self:stretch}.compute-specimen img{object-position:50% 50%}
 .cpu-result{grid-template-columns:1fr;gap:32px;padding-block:34px}
 .cpu-takeaway h3 strong{font-size:72px}.cpu-takeaway h3>span{font-size:21px}.cpu-takeaway>p:last-child{max-width:none}
 .cpu-figure figcaption{font-size:14px;margin-bottom:20px}

 .compute-details summary{font-size:11px}.compute-details>div{font-size:12px}
 .crop-opening{grid-template-columns:1fr;min-height:0}.crop-opening figure{height:310px}.crop-opening img{object-position:50% 68%;max-height:none}
 .crop-opening>div{padding:38px 24px 40px}.crop-opening h2{font-size:35px}.image-note{margin-top:26px}
 .crop-results{padding-top:36px}.direction-chroma .crop-results>.engineering-result,.direction-chroma .drawer-body .engineering-result,.direction-chroma .chemical-result{grid-template-columns:1fr;gap:28px;padding-bottom:30px}
 .direction-chroma .engineering-claim h3 strong{font-size:56px}
 .result-drawer>summary{grid-template-columns:22px 1fr 18px;gap:12px;padding-block:24px}.result-drawer>summary strong{font-size:23px}.result-drawer>summary small{font-size:11px}
 .direction-chroma .engineering-connections{padding:24px;gap:28px}.direction-chroma .notebook-chapter{padding-bottom:40px}
 .chroma-industry{grid-template-columns:1fr}.industry-image{height:400px;min-height:0}.industry-image img{object-position:50% 38%}.industry-image .image-note{left:24px;bottom:18px;font-size:9px}
 .industry-story{padding:38px 24px 42px}.industry-story h2{font-size:35px}.application-index{margin-top:30px}
 .direction-chroma .approach-section{padding-block:50px}.direction-chroma .team-section{padding-top:0;padding-bottom:50px}
 .direction-chroma .partnership-scene{grid-template-columns:1fr}.direction-chroma .botanical-image img{height:430px;min-height:0}.direction-chroma .partner-access{padding:42px 24px 50px}.direction-chroma .partner-access h2{font-size:42px}
 .direction-chroma .direction-review>span{flex-basis:100%}
 .treatment-air .chroma-cover-image{left:0;bottom:20%}.treatment-air .chroma-cover-image img{object-position:50% 20%}.treatment-air .chroma-cover-image::after{background:linear-gradient(0deg,#cfe0d8,transparent 35%)}
 .treatment-air .chroma-cover-copy{padding-top:390px}.treatment-air .chroma-cover-copy h1{font-size:46px}.treatment-air .chroma-cover-copy .cover-deck{font-size:14px;line-height:1.5;margin-top:18px}.treatment-air .chroma-cover-copy .cover-link{margin-top:17px}
}
@media(prefers-reduced-motion:reduce){.direction-chroma *, .direction-chroma *::before,.direction-chroma *::after{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.cpu-track i,.lipid-track i,.lipid-track i::after{background:CanvasText}.cpu-track,.lipid-track{border:1px solid CanvasText}.compute-chapter{border-block:1px solid CanvasText}}
/* Rendered comparison corrections: dissolve the black specimen field through
   a shared black surface; give the mobile headline its own clear space. */
.compute-chapter{background:#050807}
.compute-specimen{background:transparent}
.compute-specimen img{mix-blend-mode:lighten}
.treatment-amber .site-header.page-width{background:#44280938}
@media(max-width:700px){
 .treatment-air .chroma-cover-image{bottom:42%}
 .treatment-air .chroma-cover-image img{object-position:50% 42%}
 .treatment-air .chroma-cover-image::after{background:linear-gradient(0deg,#cfe0d8,transparent 38%)}
 .treatment-air .chroma-cover-copy{padding-top:425px}
 .treatment-air .chroma-cover-copy h1{font-size:44px}
}
@media(min-width:701px){
 .chroma-index{position:sticky;top:0;z-index:25;background:var(--paper);box-shadow:0 0 0 var(--gutter) var(--paper)}
 .chroma-index a{min-height:62px;border-bottom:2px solid transparent}
 .chroma-index a[aria-current=location]{border-bottom-color:var(--ink);color:var(--ink)}
}
.treatment-amber .chroma-cover-image::after{background:linear-gradient(90deg,#140e0a99,transparent 78%),linear-gradient(0deg,#21150977,transparent 28%)}
@media(min-width:701px) and (max-width:1000px){
 .treatment-air .chroma-cover-image{left:40%}
 .treatment-air .chroma-cover-image::after{background:linear-gradient(90deg,#cfe0d8,#cfe0d8b3 20%,transparent 60%)}
 .treatment-air .cover-deck{max-width:340px}
}
/* Full-width rail background must not paint above its own row. */
@media(min-width:701px){
 .chroma-index.page-width{width:100%;max-width:none;padding-inline:max(var(--gutter),calc((100vw - 1280px)/2));box-shadow:none}
}