#portfolio #pfGrid{gap:50px!important;padding:14px 15px 24px!important}
#portfolio #pfGrid .pf-card{--stack-color:#b895e6;position:relative!important;isolation:isolate;display:flex;flex-direction:column;padding:16px!important;overflow:visible!important;border:2px solid #9b83c2!important;border-radius:17px!important;background:linear-gradient(135deg,#403650,#282536)!important;box-shadow:inset 1px 2px #ffffff26,0 8px 18px #110a2329!important;transform:none;clip-path:none!important;transition:translate .65s cubic-bezier(.16,1,.3,1),opacity .6s,scale .6s,box-shadow .25s!important}
#portfolio #pfGrid .pf-card:nth-child(3n+2){--stack-color:#9bd8d8}
#portfolio #pfGrid .pf-card:nth-child(3n){--stack-color:#e4a4c8}
#portfolio #pfGrid .pf-card:before,#portfolio #pfGrid .pf-card:after{content:''!important;display:block!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;pointer-events:none;border:2px solid var(--stack-color)!important;border-radius:17px!important;z-index:-1!important;transform-origin:50% 70%;transition:transform .4s cubic-bezier(.2,.7,.2,1)!important}
#portfolio #pfGrid .pf-card:before{background:linear-gradient(140deg,#73638f,#423754)!important;transform:translate(-10px,5px) rotate(-1.5deg)!important;box-shadow:inset 1px 1px #ffffff35!important}
#portfolio #pfGrid .pf-card:after{background:linear-gradient(140deg,#635379,#332c47)!important;transform:translate(9px,4px) rotate(1.4deg)!important;z-index:-2!important;box-shadow:none!important}
#portfolio #pfGrid .pf-card:hover{box-shadow:inset 1px 2px #ffffff35,0 12px 24px #1009204d!important}
#portfolio #pfGrid .pf-card:hover:before{transform:translate(-15px,6px) rotate(-2.3deg)!important}
#portfolio #pfGrid .pf-card:hover:after{transform:translate(14px,6px) rotate(2deg)!important}
#portfolio #pfGrid .pf-img{position:relative;border:2px solid #181423;border-radius:8px!important;overflow:hidden!important;box-shadow:0 1px #ffffff26;z-index:1;background:#211b30}
#portfolio #pfGrid .pf-meta{order:-1;position:relative;display:flex!important;align-items:center;justify-content:space-between;padding:0 0 14px!important;background:transparent!important;border:0!important;gap:16px;z-index:1}
#portfolio #pfGrid .pf-meta b{display:inline-block;background:var(--stack-color);color:#30263e!important;border:1px solid #ffffff6b;box-shadow:3px 3px #110a242e;border-radius:6px;padding:9px 15px;font:800 21px/1.3 var(--font-ui),sans-serif!important;letter-spacing:.02em}
#portfolio #pfGrid .pf-meta span{color:#ded1ec!important;font-size:12px!important;padding-right:5px}
#portfolio #pfGrid .pf-meta span:after{content:' ↗';color:var(--stack-color);font-size:18px}
#portfolio #pfGrid .coll-count{border-radius:5px!important;background:#282039d9!important;color:#f2e3f4!important;border:1px solid #ffffff59!important;backdrop-filter:blur(4px)}
#portfolio #pfGrid .card-actions{position:relative;z-index:2}
@media(max-width:700px){#portfolio #pfGrid{gap:36px!important;padding:10px 8px 20px!important}#portfolio #pfGrid .pf-card{padding:10px!important;border-radius:12px!important}#portfolio #pfGrid .pf-meta{padding-bottom:12px!important;gap:8px}#portfolio #pfGrid .pf-meta b{font-size:16px!important;padding:7px 10px}#portfolio #pfGrid .pf-meta span{font-size:10px!important}#portfolio #pfGrid .pf-card:before{transform:translate(-6px,3px) rotate(-1deg)!important}#portfolio #pfGrid .pf-card:after{transform:translate(6px,3px) rotate(1deg)!important}}
@media(prefers-reduced-motion:reduce){#portfolio #pfGrid .pf-card:before,#portfolio #pfGrid .pf-card:after{transition:none!important}}
/* Collectible print treatment: patterned stock, raised label and inset artwork. */
#portfolio #pfGrid .pf-card{--stack-color:#c4a4ed;--stack-ink:#f4e6ff;padding:18px 18px 16px!important;border:3px solid var(--stack-color)!important;border-radius:14px!important;background-image:radial-gradient(circle,#ffffff0f 1px,transparent 1.6px),repeating-linear-gradient(130deg,transparent 0 18px,#ffffff04 18px 21px),linear-gradient(135deg,#554065,#302b43)!important;background-size:8px 8px,52px 52px,100% 100%!important;box-shadow:inset 0 0 0 2px #f6d8ff60,inset 0 4px 3px #ffffff30,0 4px 0 #1a102a,0 10px 20px #100b252b!important}
#portfolio #pfGrid .pf-card:nth-child(3n+2){--stack-color:#91d9dc;--stack-ink:#deffff;background-image:radial-gradient(circle,#ffffff12 1px,transparent 1.6px),repeating-linear-gradient(130deg,transparent 0 18px,#ffffff04 18px 21px),linear-gradient(135deg,#335967,#293b4d)!important}
#portfolio #pfGrid .pf-card:nth-child(3n){--stack-color:#eda5cb;--stack-ink:#ffedf6;background-image:radial-gradient(circle,#ffffff12 1px,transparent 1.6px),repeating-linear-gradient(130deg,transparent 0 18px,#ffffff04 18px 21px),linear-gradient(135deg,#68415e,#3b2d49)!important}
#portfolio #pfGrid .pf-card:before{inset:4px 0!important;background:linear-gradient(135deg,color-mix(in srgb,var(--stack-color) 40%,#30243e),#372c47)!important;transform:translate(-7px,5px) rotate(-.65deg)!important;border-width:2px!important}
#portfolio #pfGrid .pf-card:after{inset:4px 0!important;background:repeating-linear-gradient(135deg,#ffffff05 0 2px,transparent 2px 8px),#352b46!important;transform:translate(7px,6px) rotate(.65deg)!important}
#portfolio #pfGrid .pf-card:hover:before{transform:translate(-10px,5px) rotate(-1deg)!important}
#portfolio #pfGrid .pf-card:hover:after{transform:translate(10px,6px) rotate(1deg)!important}
#portfolio #pfGrid .pf-meta{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;text-align:left!important;min-height:54px;padding:0 0 14px!important}
#portfolio #pfGrid .pf-meta b{position:relative;margin:0!important;min-width:170px;box-sizing:border-box;padding:10px 23px 11px 18px!important;border:2px solid #f4dfffbd!important;border-radius:5px 12px 5px 5px!important;color:var(--stack-ink)!important;background:linear-gradient(180deg,#ffffff40,transparent 45%),linear-gradient(110deg,color-mix(in srgb,var(--stack-color) 75%,#714c99),color-mix(in srgb,var(--stack-color) 35%,#644d84))!important;box-shadow:inset 0 0 0 1px #ffffff24,3px 4px 0 #1d142d77!important;font:900 26px/1.2 var(--font-ui),sans-serif!important;letter-spacing:.06em;text-shadow:0 2px #51385970!important;transform:rotate(-1deg)}
#portfolio #pfGrid .pf-meta b:before{content:'';position:absolute;left:5px;top:5px;bottom:5px;width:3px;background:#fff6;border-radius:2px}
#portfolio #pfGrid .pf-meta b:after{content:'✦';position:absolute;right:-12px;top:-10px;font-size:22px;color:#ffe8b1;text-shadow:1px 2px #6b4f84;rotate:12deg}
#portfolio #pfGrid .pf-meta span{font-size:12px!important;letter-spacing:.12em;color:#e7dcec!important;border-bottom:1px solid color-mix(in srgb,var(--stack-color) 45%,transparent);padding:8px 2px!important}
#portfolio #pfGrid .pf-img{border:3px solid #181727!important;outline:1px solid #ffffff40;border-radius:9px!important;box-shadow:0 2px 0 #ffffff33,inset 0 2px 6px #130c2530!important}
#portfolio #pfGrid .coll-count{bottom:13px!important;left:13px!important;padding:6px 11px!important;background:#211a34de!important;border-color:var(--stack-color)!important;color:#f9eaf8!important;font:700 12px/1.2 var(--font-ui),sans-serif!important;letter-spacing:.06em;box-shadow:2px 2px #100b2533}
@media(max-width:700px){#portfolio #pfGrid .pf-card{padding:12px!important}#portfolio #pfGrid .pf-meta{min-height:44px;padding-bottom:12px!important}#portfolio #pfGrid .pf-meta b{min-width:0;font-size:19px!important;padding:9px 18px 9px 14px!important}#portfolio #pfGrid .pf-meta span{font-size:10px!important;letter-spacing:0}#portfolio #pfGrid .pf-meta b:after{font-size:17px;right:-9px;top:-8px}}
/* Matte printed stock and one raised title plaque; the backing sheets stay dark. */
#portfolio #pfGrid .pf-card{--stack-color:#b49bce;--heart-fill:#cb92be;--heart-edge:#a8cfdf;border:1px solid #9582ad!important;border-radius:15px!important;background:radial-gradient(circle,#e5d9ec10 1px,transparent 1.6px) 0 0/7px 7px,repeating-linear-gradient(128deg,transparent 0 24px,#ffffff04 24px 27px),linear-gradient(130deg,#443b54,#302a40)!important;box-shadow:inset 0 1px #ffffff25,inset 0 -3px #18132355,0 7px 17px #100b2545!important;transform:none!important;rotate:0deg!important;padding:17px!important}
#portfolio #pfGrid .pf-card:nth-child(3n+2){--stack-color:#8dbfbe;--heart-fill:#97cbbf;--heart-edge:#bdb0df;background:radial-gradient(circle,#e1ffff0d 1px,transparent 1.6px) 0 0/7px 7px,linear-gradient(130deg,#354e54,#293941)!important}
#portfolio #pfGrid .pf-card:nth-child(3n){--stack-color:#c99caf;--heart-fill:#d49ebd;--heart-edge:#b6cedc;background:radial-gradient(circle,#fff0f409 1px,transparent 1.6px) 0 0/7px 7px,linear-gradient(130deg,#55404f,#372c40)!important}
#portfolio #pfGrid .pf-card:before,#portfolio #pfGrid .pf-card:after{border:1px solid #6e607e!important;box-shadow:0 2px 3px #17102055!important;background:repeating-linear-gradient(135deg,#ffffff04 0 1px,transparent 1px 7px),#352f43!important}
#portfolio #pfGrid .pf-card:after{border-color:#61566e!important;background:#2c2738!important}
#portfolio #pfGrid .pf-meta{min-height:70px!important;padding:0 0 16px!important;align-items:center!important;position:relative;gap:20px}
#portfolio #pfGrid .pf-meta span{display:none!important}
#portfolio #pfGrid .pf-meta b{transform:none!important;rotate:0deg!important;position:relative;min-width:210px;padding:23px 26px 11px 21px!important;border:1px solid #ffffff45!important;border-radius:6px!important;color:#fff0fa!important;font:850 27px/1.3 var(--font-ui),sans-serif!important;letter-spacing:.04em;text-shadow:0 2px #332a4266!important;background:radial-gradient(circle,#ffffff18 .8px,transparent 1.4px) 0 0/5px 5px,linear-gradient(180deg,#ffffff28,transparent 40%),linear-gradient(110deg,color-mix(in srgb,var(--stack-color) 65%,#665077),color-mix(in srgb,var(--stack-color) 32%,#574464))!important;box-shadow:inset 0 2px #ffffff42,inset 0 -3px #382a4844,0 4px 0 #211a2f,3px 6px 8px #100b2426!important}
#portfolio #pfGrid .pf-meta b:before{content:'SELECTED / ART COLLECTION';left:21px;top:9px;bottom:auto;width:auto;height:auto;background:none;color:#f6e8ffad;font:700 8px/1.1 Arial,sans-serif;letter-spacing:.17em;border:0;border-radius:0}
#portfolio #pfGrid .pf-meta b:after{content:'';left:7px;right:auto;top:12px;bottom:12px;width:3px;height:auto;background:var(--stack-color);opacity:.75;rotate:0deg;border-radius:1px}
#portfolio #pfGrid .pf-meta:after{content:'';display:block;flex:0 0 140px;width:140px;height:56px;background-color:var(--heart-fill);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 60'%3E%3Cpath id='h' d='M25 53C21 45 3 35 3 20C3 4 20 1 25 13C31 1 47 4 47 20C47 35 29 45 25 53Z'/%3E%3Cuse href='%23h' x='50'/%3E%3Cuse href='%23h' x='100'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 3px 0 #20192d88);opacity:.92}
#portfolio #pfGrid .pf-img{border:3px solid #201c2b!important;outline:1px solid #ffffff15!important;border-radius:8px!important;box-shadow:0 2px 0 #ffffff17!important}
#portfolio #pfGrid .pf-card:hover{box-shadow:inset 0 1px #ffffff38,0 12px 22px #100b254d!important}
@media(max-width:700px){#portfolio #pfGrid .pf-meta{min-height:60px!important;gap:8px}#portfolio #pfGrid .pf-meta b{min-width:0;padding:23px 15px 10px 17px!important;font-size:20px!important}#portfolio #pfGrid .pf-meta b:before{left:17px;font-size:6px;letter-spacing:.08em}#portfolio #pfGrid .pf-meta:after{flex-basis:90px;width:90px;height:40px}#portfolio #pfGrid .pf-card{padding:12px!important}}
#portfolio #pfGrid .pf-meta:after{mask:none!important;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 156 64'%3E%3Cdefs%3E%3Cpattern id='p' width='6' height='6' patternUnits='userSpaceOnUse'%3E%3Crect width='6' height='6' fill='%23ca95bb'/%3E%3Cpath d='M3 1L5 3L3 5L1 3Z' fill='%23e3b8d3' fill-opacity='.6'/%3E%3C/pattern%3E%3Cpath id='h' d='M27 55C22 46 6 37 6 23C6 8 21 5 27 16C34 5 49 8 49 23C49 37 32 46 27 55Z' fill='url(%23p)' stroke='%2399c9d2' stroke-width='6' stroke-linejoin='round'/%3E%3C/defs%3E%3Cuse href='%23h'/%3E%3Cuse href='%23h' x='50'/%3E%3Cuse href='%23h' x='100'/%3E%3C/svg%3E") center/contain no-repeat!important}
#portfolio #pfGrid .pf-card:nth-child(3n+2) .pf-meta:after{filter:hue-rotate(36deg) drop-shadow(0 3px 0 #171f2b88)}
#portfolio #pfGrid .pf-card:nth-child(3n) .pf-meta:after{filter:hue-rotate(-18deg) drop-shadow(0 3px 0 #28182c88)}
/* Broadcast-style title strip: bold lettering rather than a small plaque. */
#portfolio #pfGrid{counter-reset:collection}
#portfolio #pfGrid .pf-card{counter-increment:collection}
#portfolio #pfGrid .pf-meta{min-height:66px!important;padding:0 0 12px!important;gap:18px}
#portfolio #pfGrid .pf-meta b{display:inline-flex!important;align-items:center;gap:14px;min-width:0!important;padding:9px 22px 10px 13px!important;border:0!important;border-radius:3px 3px 13px 3px!important;background:linear-gradient(100deg,color-mix(in srgb,var(--stack-color) 78%,#e36bad),color-mix(in srgb,var(--stack-color) 64%,#7c72ad))!important;box-shadow:inset 0 2px #ffffff4d,0 3px 0 #1c142c66!important;font:950 clamp(25px,3.2vw,38px)/1.2 'Microsoft YaHei','PingFang SC',sans-serif!important;letter-spacing:.015em!important;color:#fff3fc!important;text-shadow:2px 3px 0 #79608166!important;-webkit-text-stroke:.5px #fff1fa;transform:none!important;rotate:0deg!important}
#portfolio #pfGrid .pf-meta b:before{content:counter(collection,decimal-leading-zero)!important;position:static!important;display:inline-flex;align-items:center;justify-content:center;width:38px!important;height:28px!important;flex:0 0 38px;background:#fff0fb!important;border:2px solid color-mix(in srgb,var(--stack-color) 70%,#875d93)!important;border-radius:10px!important;box-shadow:0 3px 0 #6a4b7a66;color:#8c648f!important;font:900 18px/1 Arial,sans-serif!important;letter-spacing:0!important;text-shadow:none!important;-webkit-text-stroke:0;rotate:-5deg}
#portfolio #pfGrid .pf-meta b:after{content:''!important;position:absolute!important;inset:auto 12px 5px auto!important;width:30px!important;height:3px!important;background:#fff6!important;border-radius:0!important;clip-path:polygon(0 0,35% 0,25% 100%,0 100%,45% 0,70% 0,60% 100%,35% 100%,80% 0,100% 0,100% 100%,70% 100%)}
@media(max-width:700px){#portfolio #pfGrid .pf-meta{min-height:58px!important;gap:8px}#portfolio #pfGrid .pf-meta b{font-size:23px!important;gap:9px;padding:9px 15px 10px 9px!important}#portfolio #pfGrid .pf-meta b:before{font-size:14px!important;width:30px!important;height:24px!important;flex-basis:30px}#portfolio #pfGrid .pf-meta:after{flex-basis:78px;width:78px}}
#portfolio .sec-desc[data-key="portfolio.desc"],#portfolio #pfChips:empty{display:none!important}
#portfolio>.wrap>.sec-head{margin-bottom:16px!important}
#portfolio #pfGrid{padding-top:8px!important}
@media(hover:hover) and (pointer:fine){
 #portfolio #pfGrid .pf-card:hover,#portfolio #pfGrid .pf-card:focus-visible{translate:0 -9px!important;scale:1.012!important;box-shadow:0 17px 30px #100b2559!important}
 #portfolio #pfGrid .pf-card:hover:before,#portfolio #pfGrid .pf-card:focus-visible:before{transform:translate(-25px,8px) rotate(-3deg)!important}
 #portfolio #pfGrid .pf-card:hover:after,#portfolio #pfGrid .pf-card:focus-visible:after{transform:translate(24px,10px) rotate(2.8deg)!important}
 #portfolio #pfGrid .pf-card .pf-img img{transition:transform .8s cubic-bezier(.16,1,.3,1),filter .6s!important}
 #portfolio #pfGrid .pf-card:hover .pf-img img,#portfolio #pfGrid .pf-card:focus-visible .pf-img img{transform:scale(1.075)!important;filter:brightness(1.055)}
}
@media(prefers-reduced-motion:reduce){#portfolio #pfGrid .pf-card:hover{translate:none!important;scale:1!important}#portfolio #pfGrid .pf-card:hover .pf-img img{transform:none!important}}