#p-work{touch-action:none;user-select:none;cursor:grab;background:#fff;width:100%;height:100vh;padding:0;position:relative;overflow:hidden}#p-work:active{cursor:grabbing}.pr-bg{opacity:0;pointer-events:none;z-index:1;transition:opacity 1.1s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.pr-bg.pr-bg-active{opacity:1}.pr-bg img{object-fit:cover;opacity:.09;width:100%;height:100%;display:block}.pr-frame{z-index:30;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #1a1a1c1a}.pr-grain{pointer-events:none;opacity:.4;mix-blend-mode:multiply;z-index:2;background-image:radial-gradient(#1a1a1c1a .5px,#0000 .5px);background-size:3px 3px;position:absolute;inset:0}.pr-vignette{pointer-events:none;z-index:3;background:radial-gradient(130% 115% at 50% 46%,#0000 30%,#ffffff8c 70%,#ffffffeb 100%);position:absolute;inset:0}.pr-ring-svg{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pr-items-layer{pointer-events:none;z-index:11;position:absolute;inset:0}.pr-item{pointer-events:none;will-change:transform;flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute}.pr-item-dot{border-radius:50%;flex-shrink:0;transition:background .35s,width .35s,height .35s,box-shadow .35s}.pr-item-text{white-space:nowrap;letter-spacing:.22em;text-transform:uppercase;font-family:Josefin Sans,Century Gothic,sans-serif;transition:color .35s,font-weight .35s,opacity .35s}.pr-center{text-align:center;pointer-events:none;z-index:20;flex-direction:column;align-items:center;width:360px;display:flex;position:absolute;transform:translate(-50%,-50%)}.pr-cat-name{letter-spacing:.14em;text-transform:uppercase;color:#1a1a1c;font-size:clamp(14px,2.6vw,36px);font-weight:100;line-height:1}.pr-cat-sub{letter-spacing:.22em;text-transform:uppercase;color:#1a1a1c73;margin-top:clamp(8px,1.2vw,14px);font-size:clamp(7px,.9vw,10px);font-weight:200}.pr-cta{letter-spacing:.26em;text-transform:uppercase;color:#c9a24b;pointer-events:all;border-bottom:1px solid #c9a24b61;margin-top:clamp(14px,2vw,24px);padding-bottom:2px;font-size:clamp(7px,.9vw,10px);font-weight:200;text-decoration:none;transition:border-color .2s;display:inline-block}.pr-cta:hover{border-color:#c9a24b}.pr-counter-row{letter-spacing:.2em;color:#1a1a1c66;justify-content:center;align-items:center;gap:12px;margin-top:clamp(12px,1.6vw,20px);font-size:clamp(8px,1vw,11px);font-weight:100;display:flex}.pr-count{color:#c9a24b}.pr-count-div{background:#1a1a1c2e;width:26px;height:1px}.pr-tr-counter{text-align:right;z-index:20;pointer-events:none;position:absolute;top:clamp(24px,4vh,44px);right:clamp(32px,4vw,56px)}.pr-tr-num{letter-spacing:.04em;color:#1a1a1cd9;font-size:clamp(20px,3.6vmin,44px);font-weight:100;line-height:1}.pr-tr-slash{color:#1a1a1c42}.pr-tr-label{letter-spacing:.3em;text-transform:uppercase;color:#1a1a1c66;margin-top:6px;font-size:8px}.pr-side-dots{z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:11px;display:flex;position:absolute;top:50%;right:clamp(18px,2.8vw,40px);transform:translateY(-50%)}.pr-sdot{background:#1a1a1c38;border-radius:99px;width:5px;transition:height .35s cubic-bezier(.4,0,.2,1),background .35s}.pr-sdot.active{background:#c9a24b}.pr-hint{letter-spacing:.18em;text-transform:uppercase;color:#1a1a1c73;z-index:20;pointer-events:none;align-items:center;gap:10px;font-size:8px;font-weight:200;transition:opacity .6s;display:flex;position:absolute;top:clamp(24px,4vh,44px);left:clamp(32px,4vw,56px)}.pr-hint-circle{border:1px solid #1a1a1c6b;border-radius:50%;flex-shrink:0;width:11px;height:11px;display:inline-block}@keyframes pr-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.7)}}@media (width<=860px){#p-work{height:calc(100vh - 52px)}.pr-frame{box-shadow:inset 0 0 0 1px #1a1a1c1a}.pr-hint{display:none}.pr-tr-counter{top:16px;right:16px}.pr-cat-name{letter-spacing:.1em;font-size:28px;font-weight:300}.pr-cat-sub{letter-spacing:.16em;color:#1a1a1c9e;margin-top:12px;font-size:11px;font-weight:300}.pr-cta{letter-spacing:.18em;border-bottom-color:#c9a24b8c;margin-top:20px;padding-bottom:3px;font-size:11px;font-weight:300}.pr-counter-row{gap:14px;margin-top:16px;font-size:11px}}