/* R12: asymmetric photographic positions and scales, on the R11 content system. */
.direction-composed .crop-opening{grid-template-columns:1.05fr 1fr;min-height:610px}
.direction-composed .crop-opening>div{padding:80px max(48px,calc((100vw - 1280px)/2));padding-right:60px}
.direction-composed .crop-opening h2{font-size:clamp(35px,3.5vw,50px)}
.direction-composed .crop-opening figure{min-height:610px}
.direction-composed .crop-opening img{height:100%;max-height:680px;object-position:50% 80%}
/* The industry portrait is inset and quieter, against a field sampled from its foliage. */
.direction-composed .chroma-industry{grid-template-columns:.86fr 1.14fr;gap:82px;padding:78px max(var(--gutter),calc((100vw - 1280px)/2));background:#1b3935;color:#f5f1e5;align-items:center}
.direction-composed .industry-image{min-height:0;height:660px}
.direction-composed .industry-image img{object-position:50% 50%}
.direction-composed .industry-story{padding:0;max-width:570px}
.direction-composed .industry-story h2{font-size:clamp(32px,3.1vw,44px)}
.direction-composed .industry-story :is(.eyebrow,p),.direction-composed .application-index article>span{color:#c0d4c7}
.direction-composed .industry-image .image-note{color:#f5f1e5;left:22px;bottom:19px;font-size:9px}
.direction-composed .application-index article{border-color:#567166}
/* The closing opens toward the right edge, rather than repeating the crop's left portrait. */
.direction-composed .partnership-scene{grid-template-columns:.88fr 1.12fr}
.direction-composed .partner-access{padding:70px 65px 70px max(var(--gutter),calc((100vw - 1280px)/2))}
.direction-composed .partnership-plate{align-self:stretch}
.direction-composed .botanical-image img{min-height:660px;max-height:790px;object-position:50% 50%}
.direction-composed .botanical-views{right:30px;left:auto}
@media(min-width:701px) and (max-width:1100px){
 .direction-composed .crop-opening>div{padding:55px 40px}
 .direction-composed .crop-opening,.direction-composed .crop-opening figure{min-height:550px}
 .direction-composed .chroma-industry{gap:45px;padding-block:58px}
 .direction-composed .industry-image{height:610px}
 .direction-composed .partner-access{padding:48px 40px}
 .direction-composed .partner-access h2{font-size:42px}
}
@media(max-width:700px){
 .direction-composed .crop-opening{grid-template-columns:1fr;min-height:0}
 .direction-composed .crop-opening>div{padding:42px 24px 32px}
 .direction-composed .crop-opening figure{min-height:0;height:310px}
 .direction-composed .crop-opening img{height:310px;max-height:none;object-position:50% 70%}
 .direction-composed .chroma-industry{grid-template-columns:1fr;gap:34px;padding:36px 24px 44px}
 .direction-composed .industry-image{height:370px;min-height:0}
 .direction-composed .industry-story h2{font-size:35px}
 .direction-composed .industry-image .image-note{left:16px;bottom:16px}
 .direction-composed .partnership-scene{grid-template-columns:1fr}
 .direction-composed .partner-access{padding:42px 24px 48px}
 .direction-composed .botanical-image img{height:430px;min-height:0;max-height:none}
}

/* Evidence uses an editorial figure language: crisp marks, fine continuous guides,
   tabular values and stable geometry. Photography carries the texture. */
.direction-composed .compute-chapter{background:#102622}
.direction-composed .compute-heading{grid-template-columns:1fr 1.15fr;gap:100px;align-items:end}
.direction-composed .compute-heading h2{margin-bottom:0}
.direction-composed .compute-heading .compute-intro{font-size:16px;line-height:1.7;max-width:440px;margin:0 0 3px}
.direction-composed .cpu-track{background:linear-gradient(transparent 4.5px,#668478 4.5px,#668478 5.5px,transparent 5.5px)}
.direction-composed .cpu-track i{background:#a8b8ac}
.direction-composed .cpu-new .cpu-track i{background:#edbd85}
.direction-composed .plot-grid{stroke-dasharray:none;stroke-width:.65}
.direction-composed .plot-point.rival{fill:var(--paper);stroke:var(--rival);stroke-width:2}
.direction-composed :is(.plot-rule,.plot-interval,.plot-grid,.plot-point){vector-effect:non-scaling-stroke}
.direction-composed :is(.plot-value,.cpu-row b,.benchmark-row strong,.lipid-label){font-variant-numeric:tabular-nums}
.direction-composed :is(.precision-figure,.note-figure,.engine-note){border-radius:0}
.direction-composed .frontier-field{background:var(--paper)}
.direction-composed .frontier-inspector{background:var(--tint-soft)}
.direction-composed .landing-frontier{--node-bg:var(--white);--node-active:var(--tint)}
.direction-composed .frontier-toolbar button{border-radius:3px}
.direction-composed .botanical-image img{transition:transform 850ms cubic-bezier(.22,.61,.36,1)}
@media(max-width:1100px){.direction-composed .compute-heading{gap:45px}}
@media(max-width:700px){
 .direction-composed .compute-heading{grid-template-columns:1fr;gap:23px}
 .direction-composed .compute-heading .compute-intro{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.direction-composed .botanical-image img{transition:none}}