.saikou-process{display:block;--saikou-process-gap-y: clamp(2.5rem, 4vw, 4rem);--saikou-process-thread-color: rgb(var(--text-color) / .18);--saikou-process-numeral-color: rgb(var(--text-color) / .14);--saikou-process-marker-size: 3.25rem;--saikou-process-stage-gap: clamp(2.5rem, 5vw, 4.5rem)}.saikou-process__intro{margin-block-end:clamp(2rem,4vw,3.5rem)}.saikou-process__heading{margin-block-end:1rem}.saikou-process__opening{max-width:56ch}.saikou-process__closing{margin-block-start:1.25rem;max-width:56ch;opacity:.85}.saikou-process__stages{list-style:none;padding:0;margin:0;display:grid;gap:0}.saikou-process__stage{display:grid;grid-template-columns:var(--saikou-process-marker-size) 1fr;column-gap:clamp(1rem,3vw,1.75rem);padding-block:0 var(--saikou-process-stage-gap);position:relative}.saikou-process__stage:last-child{padding-block-end:0}.saikou-process__stage-marker{position:relative;display:flex;flex-direction:column;align-items:center;min-height:100%}.saikou-process__numeral{font-family:var(--heading-font-family, inherit);font-weight:var(--heading-font-weight, 500);line-height:1;font-size:clamp(2rem,5vw,2.75rem);letter-spacing:-.02em;color:rgb(var(--text-color));display:inline-block;padding-block-start:.15em;position:relative;z-index:1}.saikou-process__thread{position:absolute;inset-block-start:calc(var(--saikou-process-marker-size) - .25rem);inset-block-end:calc(var(--saikou-process-stage-gap) * -.25);inset-inline-start:50%;transform:translate(-50%);width:1px;background-color:var(--saikou-process-thread-color);transform-origin:top center}.saikou-process__stage:last-child .saikou-process__thread{display:none}.saikou-process__stage-body>*+*{margin-block-start:.5rem}.saikou-process__role{text-transform:uppercase;letter-spacing:.08em;margin:0;opacity:.7}.saikou-process__name{margin:0;line-height:1.15}.saikou-process__content{margin-block-start:.875rem;max-width:56ch}.saikou-process__content>:first-child{margin-block-start:0}.saikou-process__content>:last-child{margin-block-end:0}@media(prefers-reduced-motion:no-preference){.saikou-process__stage{opacity:0;transform:translateY(16px);transition:opacity .32s cubic-bezier(.22,.61,.36,1),transform .32s cubic-bezier(.22,.61,.36,1)}.saikou-process__stage.is-visible{opacity:1;transform:translateY(0)}.saikou-process__numeral{opacity:0;transform:scale(1.05);transition:opacity .24s ease-out 0ms,transform .24s ease-out 0ms}.saikou-process__stage.is-visible .saikou-process__numeral{opacity:1;transform:scale(1)}.saikou-process__role,.saikou-process__name{opacity:0;transform:translateY(8px);transition:opacity .32s ease-out .12s,transform .32s ease-out .12s}.saikou-process__stage.is-visible .saikou-process__role,.saikou-process__stage.is-visible .saikou-process__name{opacity:1;transform:translateY(0)}.saikou-process__content{opacity:0;transition:opacity .36s ease-out .2s}.saikou-process__stage.is-visible .saikou-process__content{opacity:1}.saikou-process__thread{transform:translate(-50%) scaleY(0);transition:transform .52s cubic-bezier(.22,.61,.36,1) 80ms}.saikou-process__stage.is-visible .saikou-process__thread{transform:translate(-50%) scaleY(1)}}@media(min-width:700px){.saikou-process{--saikou-process-marker-size: 4.5rem;--saikou-process-stage-gap: clamp(3.5rem, 6vw, 6rem);display:grid;grid-template-columns:minmax(0,38%) 1fr;column-gap:clamp(2.5rem,6vw,6rem);align-items:start}.saikou-process__intro{position:sticky;top:calc(var(--sticky-area-height, 0px) + 2.5rem);margin-block-end:0;padding-inline-end:1rem}.saikou-process__heading{margin-block-end:1.25rem}.saikou-process__closing{margin-block-start:2rem;padding-block-start:1.5rem;border-block-start:1px solid rgb(var(--border-color) / .6)}.saikou-process__stages{margin-block-start:.25rem}.saikou-process__stage{grid-template-columns:var(--saikou-process-marker-size) 1fr;column-gap:clamp(1.5rem,3vw,2.5rem);align-items:start}.saikou-process__numeral{font-size:clamp(3rem,5.5vw,4.5rem)}.saikou-process__name{font-size:clamp(1.5rem,2.2vw,1.875rem)}}@media(min-width:1000px){.saikou-process{column-gap:clamp(4rem,8vw,8rem)}.saikou-process__numeral{font-size:clamp(3.5rem,5vw,5rem)}.saikou-process__stage{padding-block-end:clamp(4rem,6vw,6.5rem)}}@media print{.saikou-process__stage,.saikou-process__numeral,.saikou-process__role,.saikou-process__name,.saikou-process__content,.saikou-process__thread{opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/saikou-process-stages.css.map */