/* Stronger authored motion; static complete compositions are the base state. */
.system-flow{gap:40px}.system-flow li{background:rgb(255 112 72 / calc(.12 + var(--stage-active,0)*.88));border-color:rgb(182 59 29 / calc(.3 + var(--stage-active,0)*.7));box-shadow:0 6px 16px rgb(255 112 72 / calc(var(--stage-active,0)*.2))}
.system-connector{width:40px}.system-connector:after{opacity:calc(.35 + var(--connection-progress,1)*.65)}
.system-signal{position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--coral-text);opacity:var(--signal-visible,0);transform:translateX(calc(var(--connection-progress,0)*40px));box-shadow:0 2px 5px #b63b1d33}
.about-process li{position:relative;padding:16px 18px 22px;border-bottom:0;background:rgb(255 112 72 / calc(var(--process-active,0)*.18))}
.about-process li:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--coral);transform:scaleX(var(--process-rule,1));transform-origin:left}
.process-replay-slot{grid-column:2;min-height:48px}.about-working .process-replay-slot+.text-link{margin-top:-10px}
body[data-scene="0"] .scene.hero{animation:none}
[data-intro-line]{position:relative;clip-path:inset(calc((1 - var(--intro-reveal,1))*100%) 0 0 0);padding-bottom:.12em}
.hero-photo[data-intro-art]{clip-path:inset(0 calc((1 - var(--art-reveal,1))*100%) 0 0)}
.preview-mask{display:block;overflow:hidden;perspective:900px;clip-path:inset(0 calc((1 - var(--preview-image,1))*100%) 0 0)}
.preview-image-surface{display:block;width:100%;transform-origin:center;transform-style:preserve-3d}.preview-image-surface img{display:block;width:100%}
.about-preview-frame{display:block;overflow:hidden;background:#edf1f7}.about-preview-frame img{width:100%;aspect-ratio:1.5;object-fit:contain}
[data-preview-title]{clip-path:inset(0 0 calc((1 - var(--preview-title,1))*100%) 0)}
.preview-rule{display:block;width:48px;height:2px;margin:12px 0;background:var(--coral);transform:scaleX(var(--preview-rule,1));transform-origin:left}
.work-preview:focus-visible{outline:3px solid var(--coral-text);outline-offset:8px}.work-preview:focus-within .preview-rule{width:64px}
@media(max-width:700px){.system-flow{gap:32px}.system-connector{width:2px;height:32px}.system-signal{left:-3px;top:-4px;transform:translateY(calc(var(--connection-progress,0)*32px))}.process-replay-slot{grid-column:1}.intro-tools{gap:8px 20px}}
@media(prefers-reduced-motion:reduce){[data-intro-line],.preview-mask,[data-preview-title],.hero-photo[data-intro-art]{clip-path:none!important}.preview-image-surface{transform:none!important}.system-signal{display:none}.system-flow li{--stage-active:0!important}.about-process li{--process-active:0!important;--process-rule:1!important}}

body[data-scene="0"] .hero :is(.text-link,.system-replay){color:var(--coral-light)}
body[data-scene="0"] .hero .system-replay:focus-visible{outline-color:var(--coral-light)}
.work-preview:focus-within [data-preview-image]{transform:scale(1.02)}

.about-working{column-gap:7%;row-gap:24px}
.about-working .process-replay-slot{margin-top:16px;min-height:48px}

body[data-scene="0"] .example-kind{color:var(--coral-light)}

.intro-tools{margin:26px 0 28px}
.hero-copy .hero-brandline{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;margin:0;font-size:clamp(24px,3.1vw,36px);line-height:1.25;letter-spacing:-.02em;font-weight:800;color:#fff}