.portfolio .pf-hair{background:linear-gradient(90deg,#0000,#c9a24e8c 30% 70%,#0000);height:1px}.portfolio .pf-glow:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(60% 55% at 72% 38%,#c9a24e21,#0000 70%),radial-gradient(40% 40% at 10% 90%,#b67d3d14,#0000 70%);position:absolute;inset:0}.portfolio .pf-offset{border:1px solid #c9a24e8c;transform:translate(-16px,16px)}.portfolio .pf-photo{box-shadow:0 50px 90px -40px #000000f2,0 0 0 1px #c9a24e40}@media (min-width:768px){.portfolio .pf-offset{transform:translate(-24px,24px)}}.portfolio .pf-works .angle-track{box-shadow:0 0 0 1px #c9a24e47,0 40px 70px -40px #000000e6}.portfolio .pf-works .photo-grade{filter:none}.portfolio .pf-ink{filter:invert()sepia(.6)saturate(1.6)brightness(.95);opacity:.92}.portfolio .pf-wall:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(50% 60% at 30%,#c9a24e1f,#0000 70%);position:absolute;inset:0}.portfolio .pf-frame{background:linear-gradient(145deg,#221d19,#0b0a09 60%,#1a1613);padding:clamp(10px,2.2vw,22px);box-shadow:0 60px 110px -50px #000000f2,inset 0 0 0 1px #c9a24e73,inset 0 0 0 4px #0b0a09,inset 0 0 0 5px #c9a24e40}.portfolio .pf-mat{background:#f2ece1;padding:clamp(8px,1.8vw,20px);box-shadow:inset 0 0 0 1px #c9a24ea6,inset 0 2px 10px #0000002e}.portfolio .pf-facts>div{border-bottom:1px solid #c9a24e2e}.portfolio .pf-facts>div:first-child{border-top:1px solid #c9a24e2e}.portfolio .decor{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.portfolio .decor-piece{max-width:none;height:auto;rotate:var(--r);filter:drop-shadow(0 0 22px #c9a24e2e);display:none;position:absolute}@media (max-width:767px){.portfolio .decor-piece[data-phone]{opacity:.95;width:124px;display:block;top:auto!important;bottom:16px!important}.portfolio .decor-piece[data-phone][data-side=end]{inset-inline-end:9vw}.portfolio .decor-piece[data-phone][data-side=start]{inset-inline-start:9vw}.portfolio .pf-sec:has(.decor-piece[data-phone]){padding-bottom:168px}}@media (min-width:768px){.portfolio .decor-piece{width:var(--w);opacity:.95;display:block}.portfolio .decor-piece[data-only]{display:none}.portfolio .decor-piece[data-side=start]{inset-inline-start:calc(var(--w) * -1 * var(--out) + 3.5vw)}.portfolio .decor-piece[data-side=end]{inset-inline-end:calc(var(--w) * -1 * var(--out) + 3.5vw)}}@media (min-width:768px) and (prefers-reduced-motion:no-preference){.portfolio .decor-piece{animation:7s ease-in-out infinite alternate pf-float;animation-delay:var(--d,0s);will-change:transform}.portfolio .decor-piece:nth-child(2n){animation-duration:8.5s}}@keyframes pf-float{0%{transform:translateY(-12px)rotate(-3deg)}to{transform:translate(6px,12px)rotate(3deg)}}
