.process-index{--ink: 43, 36, 32;--paper: 255, 253, 249;--accent: 177, 95, 9;--ease: cubic-bezier(.16, 1, .3, 1);position:relative;padding:3.5rem 0 4.5rem;background:#fff;color:rgb(var(--ink));overflow-x:clip}.process-index__head{margin:0 0 3.2rem}.process-index__kicker{margin:0 0 1rem;font-family:var(--font-body-family);font-weight:700;font-size:1.2rem;letter-spacing:.3rem;text-transform:uppercase;color:rgb(var(--accent))}.process-index__heading{margin:0;max-width:22ch;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(2.8rem,5vw,4.4rem);line-height:1.1;letter-spacing:-.01em}.process-index__accent{color:rgb(var(--accent))}.process-index__body{display:grid;grid-template-columns:1fr;gap:0;align-items:start}.process-index__list{margin:0;padding:0;list-style:none;border-top:.15rem solid rgb(var(--ink))}.process-index__row{position:relative;padding:1.6rem .4rem 1.6rem 1.6rem;border-bottom:.1rem solid rgba(var(--ink),.15);cursor:pointer;transition:background-color .3s ease}.process-index__row:hover,.process-index__row:focus-visible{background:rgba(var(--accent),.06);outline:none}.process-index__row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.3rem;background:rgb(var(--accent));transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}.process-index__row.is-active:before{transform:scaleY(1)}.process-index__row-top{display:flex;align-items:center;gap:1.4rem}.process-index__row-heading{display:flex;align-items:baseline;gap:1.6rem;min-width:0}.process-index__row-thumb{flex-shrink:0;width:5rem;aspect-ratio:4 / 5;overflow:hidden;background:rgba(var(--accent),.1)}.process-index__row-thumb img{display:block;width:100%;height:100%;object-fit:cover}.process-index__row-thumb--blank{display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family);font-weight:700;font-size:1.3rem;color:rgba(var(--accent),.5)}.process-index__row-num{font-family:var(--font-heading-family);font-weight:700;font-size:1.6rem;color:rgba(var(--ink),.35);transition:color .3s ease;min-width:3.2rem}.process-index__row-title{font-family:var(--font-heading-family);font-weight:600;font-size:clamp(1.7rem,5vw,2.1rem);line-height:1.2;transition:color .3s ease}.process-index__row.is-active .process-index__row-num,.process-index__row.is-active .process-index__row-title{color:rgb(var(--accent))}.process-index__row-panel{display:block;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s var(--ease),opacity .35s ease}.process-index__row.is-active .process-index__row-panel{max-height:60rem;opacity:1}.process-index__row-text{margin:1.2rem 0 0;max-width:46rem;font-size:1.6rem;line-height:1.65;color:rgba(var(--ink),.75)}.process-index__row-media{display:block;margin:1.6rem 0 0;width:15rem;max-width:55vw;aspect-ratio:4 / 5;overflow:hidden;background:rgba(var(--accent),.1);opacity:0;transform:scale(.94);transition:opacity .4s ease .1s,transform .4s var(--ease) .1s}.process-index__row.is-active .process-index__row-media{opacity:1;transform:scale(1)}.process-index__row-media img{display:block;width:100%;height:100%;object-fit:cover}.process-index__row-media--blank{display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family);font-weight:700;font-size:2.4rem;color:rgba(var(--accent),.4)}.process-index__stage{display:none}@media screen and (min-width:990px){.process-index{padding:4.5rem 0 5.5rem}.process-index__body{grid-template-columns:1fr .95fr;gap:6rem}.process-index__list{order:2}.process-index__stage{order:1}.process-index__row{padding:2.4rem .6rem 2.4rem 1.8rem}.process-index__row-num{font-size:1.8rem}.process-index__row-title{font-size:clamp(2rem,2.4vw,2.6rem)}.process-index__row-thumb,.process-index__row-media{display:none}.process-index__row-panel{max-height:none;opacity:1;overflow:visible;transition:none}.process-index__row-text{margin-left:4.8rem;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s var(--ease),opacity .3s ease,margin-top .4s var(--ease)}.process-index__row.is-active .process-index__row-text{max-height:14rem;opacity:1}.process-index__stage{display:block;position:sticky;top:3rem;width:100%;max-width:42rem;aspect-ratio:4 / 5;max-height:64vh;margin:0;background:rgba(var(--accent),.08);overflow:hidden}.process-index__frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s ease}.process-index__frame.is-active{opacity:1}.process-index__frame img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform .8s var(--ease)}.process-index__frame.is-active img{transform:scale(1)}.process-index__frame-num{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-heading-family);font-weight:700;font-size:6rem;color:rgba(var(--accent),.35)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/process-index.css.map */