/* ARTs · Figma wm6FR8m8ZGFNaZBCy7v8y6, nodes 16:84 and 23:91.
   All selectors are scoped so the section can follow the existing site. */
@font-face{font-family:ARTs Display;src:url('assets/fonts/noto-serif-display.b294584d1830.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:ARTs Sans;src:url('assets/fonts/instrument-sans.34b871b3418c.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:ARTs Label;src:url('assets/fonts/unbounded.fe8364bb5708.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
.arts-process{--paper:#efe7d9;--ink:#28301f;--muted:#46503d;--line:#28301f45;--green:#c6d29d;--progress:0;--media-inset:10%;color:var(--ink);background:var(--paper);font:18px/1.3 'ARTs Sans',Arial,sans-serif;letter-spacing:-.01em;isolation:isolate}
.arts-process *,.arts-process *::before,.arts-process *::after{box-sizing:border-box}
.arts-process [hidden]{display:none!important}
.arts-process button,.arts-process a{-webkit-tap-highlight-color:transparent}
.arts-process button{font:inherit;color:inherit;cursor:pointer}
.arts-process button:focus-visible,.arts-process a:focus-visible{outline:1px solid var(--ink);outline-offset:7px}
.arts-process .track{--stage-height:max(100svh,620px);position:relative;height:calc(var(--stage-height)*10)}
.arts-process .stage{position:sticky;top:0;width:100%;height:var(--stage-height);overflow:hidden;isolation:isolate;contain:paint;background:var(--paper)}
.arts-process .stage::before{content:'';position:absolute;inset:0;background:url('../assets/paper.215a22d7268f.webp') center/cover;opacity:.27;pointer-events:none}
.arts-process .section-head{position:absolute;z-index:3;top:clamp(48px,7.2svh,72px);left:5%;right:5%;text-align:center;pointer-events:none}
.arts-process .eyebrow{margin:0;font:300 clamp(10px,.96vw,16px)/1.4 'ARTs Label',Arial,sans-serif;letter-spacing:0;text-transform:uppercase}
.arts-process .heading{font:400 clamp(60px,6.5vw,122px)/1.028 'ARTs Display',Georgia,serif;font-stretch:62.5%;font-variation-settings:'wdth' 62.5;letter-spacing:-.04em;text-transform:uppercase;margin:22px 0 0}
.arts-process .player{--pose-shrink:clamp(.62,calc(1.12 - var(--progress)*1.194),1);--pose-finish:clamp(.62,calc(-.89 + var(--progress)*3.6),1);--pose-scale:max(var(--pose-shrink),var(--pose-finish));position:absolute;left:50%;top:calc(50% + 25px);transform:translate(-50%,-50%) scale(var(--pose-scale));transform-origin:center;width:min(92%,calc(58% + var(--stage-height)*.62),calc(var(--stage-height)*1.65));aspect-ratio:16/9;mix-blend-mode:darken;pointer-events:none;overflow:hidden;clip-path:inset(1px 0 4px);mask-image:linear-gradient(to bottom,transparent,#000 3px,#000 calc(100% - 3px),transparent)}
.arts-process .player video,.arts-process .player img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.arts-process .player video{visibility:hidden}
.arts-process .player.has-frame video{visibility:visible}
.arts-process .player.has-frame img{visibility:hidden}
.arts-process .foot{position:absolute;z-index:3;bottom:clamp(44px,6.5svh,70px);left:12%;right:12%;text-align:center}
.arts-process .timeline{display:flex;justify-content:center;align-items:center;gap:0;max-width:760px;margin:0 auto 16px}
.arts-process .step{position:relative;border:0;background:none;padding:12px 21px;font:400 clamp(16px,1.12vw,18px)/1.3 'ARTs Sans',Arial,sans-serif;letter-spacing:-.01em;white-space:nowrap;opacity:.58}
.arts-process .step::after{content:'';height:1px;position:absolute;left:21px;right:21px;bottom:5px;background:var(--ink);transform:scaleX(0);transform-origin:center;transition:transform 180ms ease}
.arts-process .step[aria-current=step]{opacity:1}
.arts-process .step[aria-current=step]::after{transform:scaleX(1)}
.arts-process .step:hover:not(:disabled){opacity:1}
.arts-process .step:disabled{cursor:default}
.arts-process .divider{width:34px;height:1px;background:var(--line);flex:0 0 34px}
.arts-process .caption{margin:0 auto;max-width:650px;min-height:2.7em;font-size:clamp(17px,1.2vw,20px);line-height:1.35;opacity:.92;text-wrap:pretty}
.arts-process .progress{position:absolute;z-index:3;left:4.43%;right:4.43%;bottom:20px;height:1px;background:var(--line)}
.arts-process .progress::after{content:'';position:absolute;inset:0;background:var(--ink);transform:scaleX(var(--progress));transform-origin:left}
.arts-process .status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.arts-process.has-error .status{z-index:5;left:25%;right:25%;bottom:24%;width:auto;height:auto;margin:0;clip-path:none;white-space:normal;text-align:center;font-size:13px}
.arts-process.manual .track,.arts-process.has-error .track{height:var(--stage-height)}
.arts-process.pending .timeline,.arts-process.pending .progress{visibility:hidden}
@media(max-width:1100px){
 .arts-process .track{--stage-height:max(100svh,620px)}
 .arts-process .heading{font-size:clamp(70px,10vw,110px)}
 .arts-process .section-head{top:clamp(48px,7.2svh,64px)}
 .arts-process .foot{bottom:clamp(44px,8svh,62px);left:10%;right:10%}
 .arts-process .timeline{margin-bottom:18px}
 .arts-process .step{font-size:16px;padding:12px 16px}
}
@media(max-width:800px){
 .arts-process .track{--stage-height:max(100svh,690px)}
 .arts-process .section-head{top:8%;left:6%;right:6%}
 .arts-process .eyebrow{font-size:9px;line-height:1.65;max-width:220px;margin:auto}
 .arts-process .heading{font-size:clamp(44px,10vw,78px);margin-top:22px;line-height:1.03}
 .arts-process .player{--pose-scale:1;width:97%;top:44%}
 .arts-process .foot{left:7%;right:7%;bottom:17%}
 .arts-process .caption{font-size:15px;max-width:360px;min-height:5.2em}
 .arts-process .timeline{margin-bottom:20px}
 .arts-process .step{font-size:11px;padding:12px 9px}
 .arts-process .step::after{left:9px;right:9px}
 .arts-process .divider{width:12px;flex-basis:12px}
 .arts-process .progress{left:7%;right:7%;bottom:23px}
}
@media(prefers-reduced-motion:reduce){.arts-process *::after{transition:none!important}}