/* GrowStone process film: 13 scroll-driven steps (sticky stage, crossfade + slow zoom) */
.ps-sec{padding-bottom:clamp(30px,4vw,56px)!important}
.ps-sec .head{margin-bottom:clamp(24px,3.2vw,42px)}
.ps-track{position:relative}
.ps-on .ps-track{height:860vh;height:860svh}
.ps-stick{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;padding:16px 0}
.ps-frame{position:relative;width:min(1440px,calc(100% - 32px));height:100%;max-height:900px;border-radius:30px;overflow:hidden;background:#1a1410;isolation:isolate;
box-shadow:0 50px 90px -40px rgba(120,70,40,.55),0 0 0 1px rgba(255,255,255,.9),0 0 0 7px rgba(255,255,255,.45),0 0 0 8px rgba(184,147,90,.32)}
.ps-media{position:absolute;inset:0;overflow:hidden;background:#1a1410}
.ps-slide{position:absolute;inset:0;opacity:0;visibility:hidden;will-change:opacity}
.ps-slide:first-child{opacity:1;visibility:visible}
.ps-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform-origin:50% 50%;will-change:transform;user-select:none;-webkit-user-drag:none}
.ps-shade{position:absolute;inset:0;z-index:50;pointer-events:none;background:linear-gradient(90deg,rgba(14,10,7,.7) 0%,rgba(14,10,7,.25) 34%,transparent 56%),linear-gradient(0deg,rgba(14,10,7,.62) 0%,transparent 34%),linear-gradient(180deg,rgba(14,10,7,.4) 0%,transparent 18%)}
.ps-top{position:absolute;z-index:60;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}
.ps-brand{display:inline-flex;align-items:center;gap:11px;padding:7px 18px 7px 7px;border-radius:99px;background:rgba(251,246,234,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px -10px rgba(0,0,0,.5)}
.ps-g{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#3B2A20;color:#E3C27A;font:600 1.18rem/1 Georgia,'Times New Roman',serif;box-shadow:inset 0 0 0 1.5px #C9A24D}
.ps-brand b{font:600 .8rem/1.1 Georgia,'Times New Roman',serif;letter-spacing:.16em;color:#3B2A20;text-transform:uppercase;white-space:nowrap}
.ps-brand b i{display:block;font-style:normal;font-size:.62rem;letter-spacing:.34em;color:#A87F32;margin-top:3px}
.ps-meta{display:flex;gap:10px;align-items:center}
.ps-meta>span{padding:9px 16px;border-radius:99px;background:rgba(20,14,10,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(232,201,121,.35);color:#F6EBD5;font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.ps-count b{color:#E8C979;font-weight:600}
.ps-caps{position:absolute;z-index:60;left:clamp(24px,4vw,60px);bottom:clamp(64px,13vh,130px);width:min(430px,calc(100% - 48px));height:230px;pointer-events:none}
.ps-cap{position:absolute;left:0;bottom:0;right:0;opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .8s cubic-bezier(.2,.8,.2,1);text-shadow:0 2px 22px rgba(0,0,0,.55)}
.ps-cap.on{opacity:1;transform:none}
.ps-cap span{display:inline-flex;align-items:center;gap:12px;font-size:.7rem;font-weight:600;letter-spacing:.22em;color:#E8C979;text-transform:uppercase}
.ps-cap span:after{content:"";width:34px;height:1px;background:#E8C979}
.ps-cap h3{margin:12px 0 10px;font-size:clamp(2rem,3.6vw,3rem);font-weight:300;letter-spacing:-.04em;line-height:1.04;color:#fff}
.ps-cap p{max-width:360px;font-size:.94rem;font-weight:400;line-height:1.7;color:rgba(250,242,226,.95)}
.ps-rail{position:absolute;z-index:70;right:clamp(16px,2.4vw,34px);top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ps-rail button{display:flex;flex-direction:row-reverse;align-items:center;gap:12px;min-height:30px;padding:0 2px;background:none;border:0;cursor:pointer;color:rgba(250,242,226,.8);filter:drop-shadow(0 1px 6px rgba(0,0,0,.55));font:500 .72rem 'Sora',sans-serif;letter-spacing:.05em;transition:color .3s}
.ps-rail i{flex:none;width:8px;height:8px;transform:rotate(45deg);border:1px solid currentColor;transition:background .3s,transform .4s}
.ps-rail span{opacity:0;transform:translateX(8px);transition:opacity .3s,transform .4s;white-space:nowrap}
.ps-rail button:hover,.ps-rail button.on{color:#E8C979}
.ps-rail button:hover span,.ps-rail button.on span{opacity:1;transform:none}
.ps-rail button.on i{background:#E8C979;transform:rotate(45deg) scale(1.3)}
.ps-bar{position:absolute;z-index:80;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.16)}
.ps-bar i{display:block;height:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#B8893F,#E3C27A)}
.ps-hint{position:absolute;z-index:60;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:rgba(246,235,213,.9);font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;transition:opacity .5s;pointer-events:none}
.ps-hint.gone{opacity:0}
.ps-hint .ms{width:18px;height:28px;border:1.5px solid rgba(246,235,213,.7);border-radius:99px;position:relative}
.ps-hint .ms:after{content:"";position:absolute;left:50%;top:6px;width:3px;height:6px;margin-left:-1.5px;border-radius:3px;background:#E8C979;animation:psms 1.6s ease-in-out infinite}
@keyframes psms{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(9px)}}
.ps-note{margin:18px auto 0;max-width:1100px;padding:0 20px;text-align:center;font-size:.74rem;letter-spacing:.04em;opacity:.6}
@media(max-width:860px){
.ps-on .ps-track{height:760vh;height:760svh}
.ps-stick{padding:0}
.ps-frame{width:100%;max-height:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a1410,#2a1d15)}
.ps-top{position:relative;top:auto;left:auto;right:auto;order:0;padding:max(14px,env(safe-area-inset-top)) 14px 12px;flex:none}
.ps-brand{padding:5px 14px 5px 5px;gap:9px}
.ps-g{width:28px;height:28px;font-size:1rem}
.ps-brand b{font-size:.66rem}.ps-brand b i{font-size:.52rem;margin-top:2px}
.ps-meta>span{padding:8px 11px;font-size:.58rem}
.ps-meta .ps-phase{display:none}
.ps-media{position:relative;inset:auto;order:1;flex:none;width:100%;aspect-ratio:1.1;border-radius:22px 22px 0 0}
.ps-shade{background:linear-gradient(0deg,rgba(26,20,16,.9) 0%,transparent 26%)}
.ps-caps{position:relative;order:2;left:auto;bottom:auto;width:auto;height:auto;flex:1;min-height:150px;padding:0 22px;margin-top:-6px}
.ps-cap{left:22px;right:22px;top:14px;bottom:auto}
.ps-cap h3{font-size:2.3rem;margin:12px 0 10px}
.ps-cap p{font-size:1rem;max-width:none;line-height:1.65}
.ps-rail{position:relative;order:3;right:auto;top:auto;transform:none;display:flex;gap:4px;padding:6px 18px calc(92px + env(safe-area-inset-bottom));flex:none}
.ps-rail li{flex:1}
.ps-rail button{width:100%;min-height:24px;padding:0;align-items:center;justify-content:center;filter:none}
.ps-rail button:before{content:"";display:block;width:100%;height:3px;border-radius:3px;background:rgba(255,255,255,.26);transition:background .3s}
.ps-rail button.on:before{background:#E8C979}
.ps-rail i,.ps-rail span{display:none}
.ps-bar{display:none}
.ps-hint{display:none}
}
@media(max-width:860px) and (max-height:700px){.ps-media{aspect-ratio:1.5}.ps-cap h3{font-size:1.7rem}.ps-cap p{font-size:.9rem}.ps-caps{min-height:130px}}
.ps-static .ps-stick{position:relative;height:auto;padding:16px 0}
.ps-static .ps-frame{height:78vh;height:78svh}
.ps-static .ps-hint{display:none}
@media(prefers-reduced-motion:reduce){.ps-cap,.ps-hint{transition:none}.ps-hint .ms:after{animation:none}}