.cp{position:relative;padding-bottom:30px}.cp-shell{padding:86px clamp(10px, 1.5vw, 18px) 42px}.cp-intro{display:grid;gap:10px;margin-bottom:24px;padding:0 4px}.cp-intro__title{margin:0;font-size:clamp(2.3rem, 5vw, 5rem);font-weight:700;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase}.cp-gridlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px, 1.1vw, 18px)}.cp-card{position:relative;min-height:640px;cursor:pointer;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,28px 100%,0 calc(100% - 28px));transition:transform 0.32s ease,filter 0.32s ease}.cp-card::before,.cp-card::after{content:"";position:absolute;inset:0;pointer-events:none}.cp-card::before{inset:-30%;background:conic-gradient(from 90deg,transparent 0 20%,rgb(255 43 159 / .66) 24%,transparent 30%,transparent 54%,rgb(111 246 255 / .7) 58%,transparent 64%,transparent 100%);opacity:.16;animation:none}.cp-card::after{inset:1px;background:linear-gradient(140deg,rgb(111 246 255 / .12),transparent 26%,transparent 76%,rgb(255 43 159 / .12)),rgb(8 12 28 / .92);border:1px solid rgb(255 255 255 / .08);clip-path:inherit}.cp-card:hover,.cp-card:focus-visible,.cp-card.is-active-in-view{transform:translateY(-8px) scale(1.01);filter:saturate(1.08)}.cp-card:hover::before,.cp-card:focus-visible::before,.cp-card.is-active-in-view::before{opacity:.85}.cp-card:hover::after,.cp-card:focus-visible::after,.cp-card.is-active-in-view::after{border-color:rgb(111 246 255 / .26);box-shadow:0 0 36px rgb(111 246 255 / .12),0 0 26px rgb(255 43 159 / .08)}.cp-card__frame{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:18px}.cp-card__media{position:relative}.cp-card__thumb{position:relative;height:430px;overflow:hidden;background:linear-gradient(180deg,rgb(255 255 255 / .03),#fff0),rgb(4 8 20 / .92);border:1px solid rgb(255 255 255 / .07);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.cp-card__thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgb(255 255 255 / .03),transparent),radial-gradient(circle at top left,rgb(255 43 159 / .18),transparent 34%),radial-gradient(circle at bottom right,rgb(111 246 255 / .16),transparent 38%);z-index:1;pointer-events:none}.cp-card__thumb--empty{display:grid;place-items:center;color:var(--text-soft);font-family:var(--font-mono);font-size:.84rem;letter-spacing:.14em;text-transform:uppercase}.cp-card__img{width:100%;height:auto;transform:translateY(0);transition:transform 1.8s ease-out,filter 0.35s ease;filter:saturate(1.04) contrast(1.03)}.cp-card:hover .cp-card__img,.cp-card:focus-visible .cp-card__img,.cp-card.is-active-in-view .cp-card__img{transform:translateY(calc(-1px * var(--cp-shift, 0)));filter:saturate(1.14) contrast(1.05)}.cp-card__body{display:flex;flex-direction:column;gap:16px;padding-top:18px;flex:1}.cp-card__title{margin:0;font-size:clamp(1.28rem, 2vw, 1.9rem);font-weight:700;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase}.cp-card__excerpt{margin:0;color:var(--text-dim);font-size:1rem;line-height:1.62}.cp-card__skills{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin-top:auto}.cp-skill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;color:var(--text-dim);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .08);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.cp-card__cta,.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 16px;color:var(--text);font-family:var(--font-mono);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(135deg,rgb(255 43 159 / .16),rgb(111 246 255 / .12)),rgb(8 12 28 / .92);border:1px solid rgb(111 246 255 / .28);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));box-shadow:0 0 24px rgb(111 246 255 / .1);transition:transform 0.22s ease,box-shadow 0.22s ease,border-color 0.22s ease,filter 0.22s ease}.cp-card__cta{align-self:flex-start;margin-top:4px}.cp-btn:hover,.cp-btn:focus-visible,.cp-card__cta:hover,.cp-card__cta:focus-visible{transform:translateY(-2px);border-color:rgb(111 246 255 / .62);box-shadow:0 0 32px rgb(111 246 255 / .18),0 0 22px rgb(255 43 159 / .14);filter:saturate(1.08)}.cp-card__cta i{font-style:normal;font-size:1rem}.cp-empty{padding-top:6px}.cp-empty__box{padding:28px;background:rgb(8 12 28 / .82);border:1px solid rgb(255 255 255 / .08);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.cp-empty__box h2{margin:0 0 10px;font-size:1.4rem;text-transform:uppercase}.cp-empty__box p{margin:0;color:var(--text-dim);line-height:1.7}.cp-modal{position:fixed;inset:0;z-index:210;display:none}.cp-modal.is-open{display:block}.cp-modal__backdrop{position:absolute;inset:0;background:radial-gradient(circle at top,rgb(255 43 159 / .12),transparent 30%),rgb(2 4 12 / .86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.cp-modal__dialog{position:absolute;inset:16px;overflow:hidden;background:rgb(7 11 24 / .98);border:1px solid rgb(255 255 255 / .08);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));box-shadow:0 40px 120px rgb(0 0 0 / .7),0 0 38px rgb(111 246 255 / .08)}.cp-modal__dialog::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgb(255 255 255 / .04),#fff0),radial-gradient(circle at top left,rgb(255 43 159 / .14),transparent 28%),radial-gradient(circle at bottom right,rgb(111 246 255 / .12),transparent 30%)}.cp-modal__close{position:absolute;top:14px;right:14px;z-index:8;width:54px;height:54px;color:var(--text);background:linear-gradient(135deg,rgb(255 209 102 / .18),rgb(111 246 255 / .16)),rgb(7 11 24 / .9);border:1px solid rgb(255 255 255 / .12);box-shadow:0 0 26px rgb(255 209 102 / .16),0 0 20px rgb(111 246 255 / .12);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));cursor:pointer}.cp-modal__layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,0.85fr);height:100%}.cp-modal__gallery{display:flex;flex-direction:column;gap:14px;padding:24px;border-right:1px solid rgb(255 255 255 / .08);min-width:0}.cp-stage{position:relative;min-height:calc(100vh - 128px);background:rgb(4 8 20 / .9);border:1px solid rgb(255 255 255 / .08);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));overflow:hidden}.cp-stage__viewport{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}.cp-stage__track{display:flex;height:100%;transform:translate3d(0,0,0);transition:transform 0.34s cubic-bezier(.22,1,.36,1);will-change:transform}.cp-stage__track.is-dragging{transition:none}.cp-stage__slide{flex:0 0 100%;display:flex;align-items:flex-start;justify-content:flex-start;padding:clamp(18px, 2vw, 28px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.cp-stage__slide img{width:100%;max-width:100%;height:auto;box-shadow:0 24px 70px rgb(0 0 0 / .34)}.cp-stage__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgb(255 43 159 / .12),transparent 30%),radial-gradient(circle at bottom right,rgb(111 246 255 / .12),transparent 34%)}.cp-stage__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:52px;height:60px;color:var(--text);background:rgb(7 11 24 / .74);border:1px solid rgb(255 255 255 / .08);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));cursor:pointer}.cp-stage__nav--prev{left:16px}.cp-stage__nav--next{right:16px}.cp-stage__nav:disabled{opacity:.36;cursor:default}.cp-thumbs{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.cp-thumbs::-webkit-scrollbar{height:8px}.cp-thumbs::-webkit-scrollbar-thumb{background:rgb(111 246 255 / .24);border-radius:999px}.cp-thumb{flex:0 0 92px;height:68px;padding:0;overflow:hidden;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .08);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));cursor:pointer;opacity:.72;transition:opacity 0.24s ease,border-color 0.24s ease,transform 0.24s ease}.cp-thumb img{width:100%;height:100%;object-fit:cover}.cp-thumb:hover,.cp-thumb:focus-visible,.cp-thumb.is-active{opacity:1;transform:translateY(-1px);border-color:rgb(111 246 255 / .42)}.cp-modal__content{padding:30px 24px 24px;overflow:auto}.cp-modal__eyebrow{color:var(--text-soft);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.cp-modal__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-right:72px}.cp-modal__lang{flex-shrink:0}.cp-modal__lang .lang-switch__item{min-width:44px;min-height:38px;padding:0 12px;font-size:.72rem}.cp-modal__title{margin:12px 0 16px;font-size:clamp(1.8rem, 2.8vw, 2.8rem);font-weight:700;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase}.cp-modal__skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.cp-modal__text{color:var(--text-dim);font-size:1rem;line-height:1.7}.cp-modal__text p{margin:0 0 16px}.cp-modal__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.cp-btn--contact{background:linear-gradient(135deg,rgb(255 209 102 / .18),rgb(111 246 255 / .14)),rgb(8 12 28 / .92);border-color:rgb(255 209 102 / .38);box-shadow:0 0 24px rgb(255 209 102 / .14),0 0 16px rgb(111 246 255 / .08)}.cp-btn--contact:hover,.cp-btn--contact:focus-visible{border-color:rgb(255 209 102 / .8);box-shadow:0 0 32px rgb(255 209 102 / .18),0 0 20px rgb(111 246 255 / .14)}.cp-modal__project-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.cp-btn--nav{background:linear-gradient(135deg,rgb(255 43 159 / .12),rgb(255 255 255 / .08)),rgb(8 12 28 / .92)}.cp-btn--nav[hidden]{display:none}.cp-btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.cp-modal-open{overflow:hidden}@keyframes cpSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (max-width:1180px){.cp-gridlist{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-modal__layout{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:860px){.cp-shell{padding-top:82px}.cp-gridlist{grid-template-columns:1fr}.cp-card{min-height:0;overflow:hidden}.cp-card__thumb{height:min(68vh, 420px)}.cp-modal__dialog{inset:10px;overflow:auto}.cp-modal__close{top:10px;right:10px;width:50px;height:50px}.cp-modal__layout{display:block;height:auto}.cp-modal__gallery{padding:16px 16px 10px;border-right:0;border-bottom:1px solid rgb(255 255 255 / .08)}.cp-stage{min-height:min(46svh, 430px)}.cp-modal__content{padding:18px 16px 24px;overflow:visible}.cp-modal__meta{flex-direction:column;align-items:flex-start;padding-right:0}.cp-modal__actions,.cp-modal__project-nav{flex-direction:column}.cp-modal__actions .cp-btn,.cp-modal__project-nav .cp-btn{width:100%}}@media (max-width:560px){.cp-intro__title{font-size:clamp(2rem, 13vw, 3rem)}.cp-stage__nav{width:42px;height:48px}.cp-thumb{flex-basis:76px;height:58px}.cp-card__frame{padding:14px}.cp-card__thumb{height:min(58vh, 340px)}}@media (prefers-reduced-motion:reduce){.cp-card,.cp-card::before,.cp-card__img,.cp-stage__track,.cp-thumb{transition:none!important;animation:none!important}}