.process-card{transform-origin:50% 0}.process-shutter{transform-origin:50% 0;transform:scaleY(0)}.process-slat{transform:scaleX(0)}.process-card[data-step]{flex-direction:column;display:flex}.process-figure{aspect-ratio:var(--phone-aspect,4 / 5)}.process-dimension{display:none}[data-step=plan] .process-copy{order:1}[data-step=build] .process-figure{aspect-ratio:1;margin-inline:calc(-1*clamp(1.25rem,4.5vw,5rem))}[data-step=control] .process-figure{align-self:flex-end;width:75%}@media (min-width:40rem){[data-step=control] .process-figure{margin-inline-end:1rem}}[data-step=deliver] .process-figure{margin-inline-end:calc(-1*clamp(1.25rem,4.5vw,5rem))}@media (min-width:48rem){.process-card[data-step]{grid-template-rows:auto auto auto 1fr;grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;column-gap:2rem;display:grid}.process-head,.process-word,.process-rule{grid-column:1/-1}.process-copy{grid-area:4/1/auto/7}.process-figure{aspect-ratio:4/3;grid-area:4/7/auto/-1}[data-step=plan] .process-copy{grid-column:7/-1}[data-step=plan] .process-figure{grid-column:1/7}[data-step=build] .process-figure{aspect-ratio:4/3;margin-inline:0}[data-step=control] .process-figure{aspect-ratio:4/3;width:auto}}@media (min-width:48rem) and (min-height:43rem){.process-card{height:100svh}.process-card[data-step]{grid-template-rows:auto auto auto minmax(0,1fr)}.process-copy{align-self:end}.process-figure{aspect-ratio:auto}}@media (min-width:48rem) and (min-height:43rem) and (orientation:portrait){.process-card[data-step]{grid-template-rows:auto auto auto auto minmax(0,1fr)}.process-copy,.process-figure{grid-column:1/-1}.process-copy{align-self:start}.process-figure{grid-row:5}.process-card[data-step=plan]{grid-template-rows:auto auto auto minmax(0,1fr) auto}[data-step=plan] .process-figure{grid-area:4/1/auto/-1}[data-step=plan] .process-copy{grid-area:5/1/auto/-1}[data-step=build] .process-figure{aspect-ratio:auto;margin-inline:calc(-1*clamp(1.25rem,4.5vw,5rem))}[data-step=control] .process-figure{aspect-ratio:auto;place-self:stretch end;width:60%}}@media (min-width:64rem) and (orientation:landscape){.process-word{font-size:min(var(--text-statement), 11.5vw)}[data-step=consult] :is(.process-head,.process-word,.process-rule,.process-copy){grid-column:1/8}[data-step=consult] .process-copy{align-self:start}[data-step=consult] .process-figure,[data-step=plan] .process-figure,[data-step=build] .process-figure{aspect-ratio:auto;grid-row:1/-1;min-height:24rem;margin-top:0}[data-step=consult] .process-figure{grid-column:8/-1}.process-card[data-step=plan]{grid-template-rows:auto minmax(0,1fr) auto auto auto}[data-step=plan] :is(.process-head,.process-word,.process-rule,.process-copy){grid-column:7/-1}[data-step=plan] .process-word{grid-row:3}[data-step=plan] .process-rule{grid-row:4}[data-step=plan] .process-copy{grid-row:5}[data-step=plan] .process-figure,[data-step=build] :is(.process-head,.process-word,.process-rule){grid-column:1/6}[data-step=build] .process-copy{grid-column:9/-1;align-self:end}[data-step=build] .process-figure{grid-column:6/9;margin-block:-7rem -2.5rem}[data-step=control] .process-copy{grid-column:1/6;align-self:start}[data-step=control] .process-figure{aspect-ratio:4/5;grid-column:9/12;align-self:end;width:100%;max-height:100%;margin-inline-end:0}.process-dimension{display:block}[data-step=deliver] .process-copy{grid-column:1/5;align-self:end;padding-bottom:2.5rem}[data-step=deliver] .process-figure{aspect-ratio:3/2;grid-column:6/-1}}@media (min-width:64rem) and (min-height:43rem) and (orientation:landscape){[data-step=deliver] .process-figure{aspect-ratio:auto}}@media (min-width:48rem) and (min-height:43rem) and (prefers-reduced-motion:no-preference){.process-card{position:sticky;top:0}.process-card:not(:last-child){margin-bottom:20svh}.process-card~.process-card{box-shadow:0 -1.5rem 3rem -1rem #161c254d}}.process-statement{container-type:inline-size}.process-statement p{font-size:min(var(--text-statement), 22.9cqi)}.process-statement [data-word]{width:fit-content;letter-spacing:var(--text-statement--letter-spacing);display:block}@media (orientation:landscape){.process-statement [data-word]:nth-child(2){margin-inline:auto}.process-statement [data-word]:last-child{margin-inline-start:auto}}@media (orientation:portrait){.process-statement p{font-size:min(11rem,22.9cqi)}.process-statement [data-word]:first-child{font-size:min(11rem,35.5cqi)}.process-statement [data-word]:nth-child(2){font-size:min(11rem,31.3cqi)}}.process-title:lang(th){font-size:min(var(--text-display-lg), 12svh)}.process-settle{animation:process-settle .9s var(--ease-reveal) both}.process-title>span+span{animation-delay:80ms}.process-lead{animation-delay:.16s}@keyframes process-settle{0%{transform:translateY(.08em)}}@media (prefers-reduced-motion:reduce){.process-settle{animation:none}}@media (min-width:64rem){.process-chain-word{font-size:calc(3.5102vw - .122857rem)}}