.hx-portfolio-v21{background:#2E241E;color:#EDE4D3;overflow-x:hidden}.portfolio-v21-main{padding:clamp(140px,15vh,210px) 0 110px;min-height:100vh}.portfolio-v21-shell{width:min(1260px,calc(100% - 40px));margin:auto}.portfolio-v21-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.portfolio-v21-intro h1{font:800 clamp(2.4rem,5vw,5.8rem)/.92 Sora;margin:0;letter-spacing:-.055em}.portfolio-v21-intro p{max-width:480px;color:rgba(237,228,211,.68);line-height:1.7}.portfolio-v21-grid{display:grid;gap:18px}.portfolio-v21-card{position:relative;height:clamp(250px,32vw,370px);border-radius:27px;overflow:hidden;border:1px solid rgba(237,228,211,.13);isolation:isolate;text-decoration:none;color:#fff;box-shadow:0 26px 70px rgba(0,0,0,.2);transform:translateZ(0)}.portfolio-v21-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.025);transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .65s ease}.portfolio-v21-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,12,10,.68),rgba(15,12,10,.1) 52%,rgba(15,12,10,.38));z-index:1;transition:.55s}.portfolio-v21-copy{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:38px}.portfolio-v21-title{font-family:'Minecraft Ten',Impact,sans-serif;font-size:clamp(2.5rem,6.5vw,6.5rem);letter-spacing:.035em;text-shadow:0 8px 32px rgba(0,0,0,.4);transition:transform .65s cubic-bezier(.16,1,.3,1),letter-spacing .65s,color .3s}.portfolio-v21-quote{position:absolute;left:36px;bottom:29px;max-width:520px;opacity:0;transform:translateY(18px);transition:.5s .06s;color:#EDE4D3;font:700 .88rem/1.55 Nunito}.portfolio-v21-chip{position:absolute;right:28px;top:28px;padding:8px 11px;border-radius:999px;background:rgba(46,36,30,.48);backdrop-filter:blur(10px);border:1px solid rgba(237,228,211,.18);font:800 .68rem Sora;letter-spacing:.08em;text-transform:uppercase}.portfolio-v21-fx{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.portfolio-v21-card:hover img,.portfolio-v21-card:focus-visible img{transform:scale(1.085);filter:saturate(1.08) contrast(1.04)}.portfolio-v21-card:hover:after,.portfolio-v21-card:focus-visible:after{background:linear-gradient(90deg,rgba(15,12,10,.75),rgba(15,12,10,.03) 58%,rgba(15,12,10,.25))}.portfolio-v21-card:hover .portfolio-v21-title,.portfolio-v21-card:focus-visible .portfolio-v21-title{transform:translateY(-17px) scale(1.025);letter-spacing:.055em;color:#fff}.portfolio-v21-card:hover .portfolio-v21-quote,.portfolio-v21-card:focus-visible .portfolio-v21-quote{opacity:1;transform:none}.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#D9B36C;box-shadow:0 0 14px #D9B36C;animation:portfolioSpark .95s ease-out forwards}.code-rain{position:absolute;color:#b6ffcf;font:800 10px monospace;opacity:.8;animation:codeDrop 1s linear forwards}.poly{position:absolute;border:1px solid rgba(237,228,211,.75);width:20px;height:20px;transform:rotate(45deg);animation:polyFloat 1.1s ease-out forwards}.design-line{position:absolute;height:2px;background:#D9B36C;transform-origin:left;animation:designSweep .85s ease-out forwards}@keyframes portfolioSpark{to{transform:translate(var(--x),var(--y)) scale(.1);opacity:0}}@keyframes codeDrop{from{transform:translateY(-20px);opacity:0}30%{opacity:.9}to{transform:translateY(130px);opacity:0}}@keyframes polyFloat{to{transform:translate(var(--x),var(--y)) rotate(225deg) scale(.2);opacity:0}}@keyframes designSweep{from{width:0;opacity:.9}to{width:var(--w);opacity:0}}@media(max-width:720px){.portfolio-v21-main{padding-top:110px}.portfolio-v21-intro{display:block}.portfolio-v21-intro p{margin-top:14px}.portfolio-v21-shell{width:min(100% - 22px,1260px)}.portfolio-v21-card{height:240px;border-radius:20px}.portfolio-v21-copy{padding:20px}.portfolio-v21-title{font-size:clamp(2rem,12vw,4rem)}.portfolio-v21-quote{left:20px;right:20px;bottom:18px;font-size:.74rem}.portfolio-v21-chip{top:17px;right:17px}}
@media(prefers-reduced-motion:reduce){.portfolio-v21-card img,.portfolio-v21-title,.portfolio-v21-quote{transition:none!important}.portfolio-v21-fx{display:none!important}}