.p-over .intro{padding:6vh var(--pad) 16vh}.p-over .intro p{font:600 clamp(32px,4.6vw,76px)/1.05 var(--f-tight);letter-spacing:-.04em;max-width:18ch}.p-over .why{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.p-over .why article{border:1px solid var(--line);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:340px;padding:36px 32px 40px;transition:background .4s,color .4s,transform .4s;display:flex}@media (hover:hover){.p-over .why article:hover{background:var(--acc);color:var(--acc-ink);transform:translateY(-8px)}.p-over .why article:hover p{color:#3b3727}}.p-over .why .big{font:700 clamp(64px,7vw,110px)/1 var(--f-tight);letter-spacing:-.05em}.p-over .why h3{margin-bottom:10px;font-size:30px}.p-over .why p{color:var(--mute)}.p-over .board{background:radial-gradient(circle at 1px 1px,#222226 1px,#0000 0) 0 0/26px 26px;border:1px dashed #2e2e33;border-radius:28px;height:88vh;min-height:560px;position:relative;overflow:hidden}.p-over .board .hint{font:500 13px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--mute);position:absolute;bottom:24px;left:28px}.p-over .stk{font:600 clamp(18px,1.7vw,27px)/1.1 var(--f-tight);letter-spacing:-.02em;white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;border-radius:999px;padding:18px 28px;position:absolute;top:0;left:0;box-shadow:0 18px 40px #00000073}.p-over .stk:active{cursor:grabbing}.p-over .stk.y{background:var(--acc);color:var(--acc-ink)}.p-over .stk.w{color:#121212;background:#f3f1ec}.p-over .stk.o{border:2px solid var(--acc);color:var(--acc);background:var(--bg)}.p-over .stk.d{color:var(--text);background:#232327;border:1px solid #34343a}.p-over .stk.sq{white-space:normal;border-radius:22px;width:min(240px,42vw);padding:22px 24px}.p-over .stk.c{aspect-ratio:1;text-align:center;white-space:normal;border-radius:50%;justify-content:center;align-items:center;width:clamp(120px,11vw,160px);padding:16px;display:flex}.p-over .process{grid-template-columns:1fr 1.3fr;gap:6vw;display:grid}.p-over .process h2{align-self:start;font-size:clamp(48px,6vw,100px);position:sticky;top:140px}.p-over .steps{padding-left:56px;position:relative}.p-over .steps:before,.p-over .steps .fill{content:"";background:var(--line);width:2px;position:absolute;top:10px;bottom:10px;left:10px}.p-over .steps .fill{background:var(--acc);transform-origin:top;transform:scaleY(0)}.p-over .step{padding-bottom:16vh;position:relative}.p-over .step:last-child{padding-bottom:0}.p-over .step:before{content:"";background:var(--bg);border:2px solid #3a3a3f;border-radius:50%;width:22px;height:22px;transition:background .3s,border-color .3s,transform .3s;position:absolute;top:2px;left:-56px}.p-over .step.on:before{border-color:var(--acc);background:var(--acc);transform:scale(1.2)}.p-over .step small{font:600 13px var(--f-body);letter-spacing:.14em;color:var(--mute);text-transform:uppercase}.p-over .step h3{margin:12px 0 16px;font-size:clamp(34px,4vw,64px);transition:color .3s}.p-over .step.on h3{color:var(--acc)}.p-over .step p{color:#bdbab3;max-width:520px;font-size:18px}@media (max-width:860px){.p-over .board{height:88svh}.p-over .stk{padding:12px 18px;font-size:15px}.p-over .stk.c{width:104px;padding:12px}.p-over .stk.sq{width:150px;padding:16px 18px}.p-over .why{grid-template-columns:1fr}.p-over .why article{gap:30px;min-height:auto}.p-over .process{grid-template-columns:1fr}.p-over .process h2{position:static}.p-over .step{padding-bottom:70px}}