@layer theme,base;@layer legacy{.pg-portfolio{font-family:var(--font-inter),sans-serif;-webkit-font-smoothing:antialiased}@keyframes pf-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(8deg)}}@keyframes pf-spin3d{0%{transform:rotateY(0)rotateX(18deg)}to{transform:rotateY(360deg)rotateX(18deg)}}@keyframes pf-pulseGlow{0%,to{opacity:.55}50%{opacity:1}}@keyframes pf-ping{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}@keyframes pf-shimmer{0%{background-position:0%}to{background-position:200%}}.pg-portfolio.pg{font-family:var(--font-inter),sans-serif;position:relative}.pg-portfolio.pg .bgvid{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:clip}.pg-portfolio.pg .bgvid video{object-fit:cover;contain:strict;width:100%;height:100vh;display:block;position:absolute;top:0;left:0}.pg-portfolio.pg .bgvid:after{content:"";background:linear-gradient(#070b0a9e,#070b0adb);position:absolute;inset:0}.pg-portfolio.pg .sec,.pg-portfolio.pg .nav,.pg-portfolio.pg .footer{z-index:1;position:relative}.pg-portfolio.pg .frost{background:#06080c9e}.pg-portfolio.pg .glass{box-sizing:border-box;background:#ffffff17;border:1px solid #ffffff29;border-radius:16px;padding:18px}.pg-portfolio.pg .nav{-webkit-backdrop-filter:blur(14px)saturate(115%);z-index:50;background:#06080c8c;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(20px,3.4vw,56px);display:flex}.pg-portfolio.pg .logo{font:800 14px var(--font-inter),sans-serif;letter-spacing:-.01em;color:#fff;white-space:nowrap;align-items:center;gap:10px;display:flex}.pg-portfolio.pg .links{font-weight:var(--t-nav-weight,700);font-size:calc((10.5px) * var(--t-nav-scale,1));line-height:var(--t-nav-lh,normal);font-family:var(--t-nav-family,var(--font-inter),sans-serif);letter-spacing:var(--t-nav-ls,.04em);text-transform:var(--t-nav-transform,uppercase);color:var(--t-nav-color,#ffffffc7);white-space:nowrap;gap:12px;display:flex}.pg-portfolio.pg .links span{cursor:pointer;transition:color .2s}.pg-portfolio.pg .links span:hover,.pg-portfolio.pg .links .active{color:#5ed29c}.pg-portfolio.pg .btn-p{color:var(--t-button-color,#070b0a);font-weight:var(--t-button-weight,700);font-size:calc((11px) * var(--t-button-scale,1));line-height:var(--t-button-lh,normal);font-family:var(--t-button-family,var(--font-inter),sans-serif);letter-spacing:var(--t-button-ls,.06em);text-transform:var(--t-button-transform,uppercase);cursor:pointer;background:#5ed29c;border:none;border-radius:999px;padding:12px 20px;text-decoration:none;transition:box-shadow .25s,transform .25s;display:inline-block}.pg-portfolio.pg .btn-p:hover{transform:translateY(-2px);box-shadow:0 0 26px -4px #5ed29cb3}.pg-portfolio.pg .btn-g{color:var(--t-button-color,#fff);font-weight:var(--t-button-weight,700);font-size:calc((11px) * var(--t-button-scale,1));line-height:var(--t-button-lh,normal);font-family:var(--t-button-family,var(--font-inter),sans-serif);letter-spacing:var(--t-button-ls,.06em);text-transform:var(--t-button-transform,uppercase);cursor:pointer;background:linear-gradient(150deg,#ffffff29,#ffffff0d);border:1px solid #ffffff38;border-radius:999px;padding:12px 20px;text-decoration:none;transition:border-color .25s,color .25s;display:inline-block}.pg-portfolio.pg .btn-g:hover{color:var(--t-button-color,#5ed29c);border-color:#5ed29c99}.pg-portfolio.pg .nav .btn-p{font-size:calc((10.5px) * var(--t-button-scale,1));padding:11px 15px}.pg-portfolio.pg .kicker{font-weight:var(--t-kicker-weight,700);font-size:calc((11px) * var(--t-kicker-scale,1));line-height:var(--t-kicker-lh,normal);font-family:var(--t-kicker-family,var(--font-jakarta),sans-serif);letter-spacing:var(--t-kicker-ls,.12em);text-transform:var(--t-kicker-transform,uppercase);color:var(--t-kicker-color,#5ed29c);margin:0 0 14px}.pg-portfolio.pg .h{font-weight:var(--t-h1-weight,800);font-size:calc((clamp(32px,4.2vw,58px)) * var(--t-h1-scale,1));line-height:var(--t-h1-lh,1.03);font-family:var(--t-h1-family,var(--font-inter),sans-serif);text-transform:var(--t-h1-transform,uppercase);letter-spacing:var(--t-h1-ls,-.025em);color:var(--t-h1-color,#fff);margin:0}.pg-portfolio.pg .h2{font-weight:var(--t-h2-weight,800);font-size:calc((clamp(24px,2.4vw,34px)) * var(--t-h2-scale,1));line-height:var(--t-h2-lh,1.08);font-family:var(--t-h2-family,var(--font-inter),sans-serif);text-transform:var(--t-h2-transform,uppercase);letter-spacing:var(--t-h2-ls,-.02em);color:var(--t-h2-color,#fff);margin:0}.pg-portfolio.pg .h3{font-weight:var(--t-h3-weight,700);font-size:calc((16px) * var(--t-h3-scale,1));line-height:var(--t-h3-lh,normal);font-family:var(--t-h3-family,var(--font-inter),sans-serif);letter-spacing:var(--t-h3-ls,-.005em);color:var(--t-h3-color,#fff);margin:0}.pg-portfolio.pg .p{font-weight:var(--t-body-weight,400);font-size:calc((14px) * var(--t-body-scale,1));line-height:var(--t-body-lh,1.62);font-family:var(--t-body-family,var(--font-inter),sans-serif);color:var(--t-body-color,#ffffffb3);margin:0}.pg-portfolio.pg .serif{text-transform:none;letter-spacing:0;color:#5ed29c;font-family:inherit;font-style:normal;font-weight:800}.pg-portfolio.pg .num{font-weight:var(--t-stat-weight,700);font-size:calc((12px) * var(--t-stat-scale,1));line-height:var(--t-stat-lh,normal);font-family:var(--t-stat-family,var(--font-jakarta),sans-serif);color:var(--t-stat-color,#5ed29c)}.pg-portfolio.pg .mono{font-weight:var(--t-small-weight,600);font-size:calc((12px) * var(--t-small-scale,1));line-height:var(--t-small-lh,normal);font-family:var(--t-small-family,ui-monospace,Menlo,monospace);color:var(--t-small-color,#fff)}.pg-portfolio.pg .stat{font-weight:var(--t-stat-weight,800);font-size:calc((clamp(26px,2.8vw,40px)) * var(--t-stat-scale,1));line-height:var(--t-stat-lh,normal);font-family:var(--t-stat-family,var(--font-inter),sans-serif);color:var(--t-stat-color,#5ed29c);letter-spacing:var(--t-stat-ls,-.03em)}.pg-portfolio.pg .pill{color:var(--t-small-color,#5ed29c);font-weight:var(--t-small-weight,600);font-size:calc((12px) * var(--t-small-scale,1));line-height:var(--t-small-lh,normal);font-family:var(--t-small-family,var(--font-jakarta),sans-serif);background:#5ed29c1f;border:1px solid #5ed29c66;border-radius:999px;align-items:center;gap:9px;padding:8px 16px;display:inline-flex}.pg-portfolio.pg .live{background:#5ed29c;border-radius:50%;flex:none;width:8px;height:8px;position:relative}.pg-portfolio.pg .live:after{content:"";background:#5ed29c;border-radius:50%;animation:2.2s ease-out infinite pf-ping;position:absolute;inset:0}.pg-portfolio.pg .sec{opacity:0;padding:clamp(46px,5vw,80px) clamp(20px,3.4vw,56px);transition:opacity .75s,transform .75s cubic-bezier(.22,.8,.3,1);transform:translateY(38px)}.pg-portfolio.pg .sec.rev-left{transform:translate(-52px)}.pg-portfolio.pg .sec.rev-right{transform:translate(52px)}.pg-portfolio.pg .sec.rev-zoom{transform:scale(.965)}.pg-portfolio.pg .sec.rev-blur{filter:blur(9px);transition:opacity .75s,transform .75s,filter .75s;transform:translateY(22px)}.pg-portfolio.pg .sec.revealed{filter:none;opacity:1;transform:none}.pg-portfolio.pg .stg>*{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.22,.8,.3,1);transform:translateY(24px)}.pg-portfolio.pg .stg.revealed>*,.pg-portfolio.pg .revealed .stg>*{opacity:1;transform:none}.pg-portfolio.pg .stg>:nth-child(2){transition-delay:70ms}.pg-portfolio.pg .stg>:nth-child(3){transition-delay:.14s}.pg-portfolio.pg .stg>:nth-child(4){transition-delay:.21s}.pg-portfolio.pg .stg>:nth-child(5){transition-delay:.28s}.pg-portfolio.pg .stg>:nth-child(6){transition-delay:.35s}.pg-portfolio.pg .stg>:nth-child(7){transition-delay:.42s}.pg-portfolio.pg .stg>:nth-child(8){transition-delay:.49s}.pg-portfolio.pg .cube{width:64px;height:64px;transform-style:preserve-3d;animation:9s linear infinite pf-spin3d;position:relative}.pg-portfolio.pg .cube div{background:linear-gradient(135deg,#5ed29c2e,#5ed29c0f);border:1px solid #5ed29c80;width:100%;height:100%;position:absolute}.pg-portfolio.pg .cube .f1{transform:translateZ(32px)}.pg-portfolio.pg .cube .f2{transform:rotateY(90deg)translateZ(32px)}.pg-portfolio.pg .cube .f3{transform:rotateY(180deg)translateZ(32px)}.pg-portfolio.pg .cube .f4{transform:rotateY(-90deg)translateZ(32px)}.pg-portfolio.pg .cube .f5{transform:rotateX(90deg)translateZ(32px)}.pg-portfolio.pg .cube .f6{transform:rotateX(-90deg)translateZ(32px)}.pg-portfolio.pg .orb{filter:blur(2px);pointer-events:none;opacity:.4;background:radial-gradient(circle,#5ed29c,#0000 70%);border-radius:50%;position:absolute}.pg-portfolio.pg .dotpx{background:#5ed29c;border-radius:50%;position:absolute;box-shadow:0 0 12px 2px #5ed29c}.pg-portfolio.pg .grid-bg{pointer-events:none;background-image:linear-gradient(#5ed29c12 1px,#0000 1px),linear-gradient(90deg,#5ed29c12 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 80%);mask-image:radial-gradient(#000 40%,#0000 80%)}.pg-portfolio.pg .chips{flex-wrap:wrap;gap:8px;display:flex}.pg-portfolio.pg .chip:hover{transform:translateY(-2px)}.pg-portfolio.pg .chip.on{color:var(--t-small-color,#5ed29c);background:#5ed29c24;border-color:#5ed29c8c}.pg-portfolio.pg .tag{font-weight:var(--t-small-weight,700);font-size:calc((9.5px) * var(--t-small-scale,1));line-height:var(--t-small-lh,normal);font-family:var(--t-small-family,var(--font-inter),sans-serif);letter-spacing:var(--t-small-ls,.08em);text-transform:var(--t-small-transform,uppercase);color:var(--t-small-color,#fff);white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:6px 12px}.pg-portfolio.pg .shot{box-sizing:border-box;background:radial-gradient(circle at 30% 25%,#141a19,#070b0a 72%);border:1px solid #ffffff24;border-radius:16px;align-items:flex-end;padding:18px;display:flex;position:relative;overflow:hidden}.pg-portfolio.pg .shot:after{content:"";opacity:.55;pointer-events:none;background:conic-gradient(from 210deg,#5ed29c29,#0000 30%,#5ed29c24,#0000 70%);position:absolute;inset:0}.pg-portfolio.pg .shot .lab{z-index:2;font-weight:var(--t-small-weight,600);font-size:calc((10.5px) * var(--t-small-scale,1));line-height:var(--t-small-lh,normal);font-family:var(--t-small-family,var(--font-jakarta),sans-serif);letter-spacing:var(--t-small-ls,.1em);text-transform:var(--t-small-transform,uppercase);color:var(--t-small-color,#ffffff80);position:relative}.pg-portfolio.pg .shot .tags{z-index:3;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.pg-portfolio.pg .card{color:inherit;text-decoration:none;transition:transform .35s cubic-bezier(.22,.8,.3,1);display:block}.pg-portfolio.pg .card:hover{transform:translateY(-7px)}.pg-portfolio.pg .card .shot{transition:border-color .3s}.pg-portfolio.pg .card:hover .shot{border-color:#5ed29c8c}.pg-portfolio.pg .card .veil{z-index:4;opacity:0;box-sizing:border-box;background:linear-gradient(#070b0a00,#070b0ae6);align-items:flex-end;padding:20px;transition:opacity .35s;display:flex;position:absolute;inset:0}.pg-portfolio.pg .card:hover .veil{opacity:1}.pg-portfolio.pg .card .veil span{font:700 11px var(--font-inter),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5ed29c;transition:transform .35s;transform:translateY(10px)}.pg-portfolio.pg .card:hover .veil span{transform:none}.pg-portfolio.pg .card .ttl{transition:color .25s}.pg-portfolio.pg .card:hover .ttl{color:var(--t-cardTitle-color,#5ed29c)}.pg-portfolio.pg .footer{color:var(--t-footer-color,#ffffffb3);font-weight:var(--t-footer-weight,600);font-size:calc((10.5px) * var(--t-footer-scale,1));line-height:var(--t-footer-lh,normal);font-family:var(--t-footer-family,var(--font-inter),sans-serif);letter-spacing:var(--t-footer-ls,.06em);text-transform:var(--t-footer-transform,uppercase);background:#06080c9e;flex-direction:column;gap:16px;padding:30px clamp(20px,3.4vw,56px);display:flex}.pg-portfolio.pg .footer .frow{justify-content:space-between;gap:16px;width:100%;display:flex}.pg-portfolio.pg .footer .flinks,.pg-portfolio.pg .footer .flegal{flex-wrap:wrap;gap:16px;display:flex}.pg-portfolio.pg .footer span{cursor:pointer;transition:color .2s}.pg-portfolio.pg .footer .logo span{cursor:default}.pg-portfolio.pg .footer .flinks span:hover,.pg-portfolio.pg .footer .flegal span:hover,.pg-portfolio.pg .footer .active{color:#5ed29c}.pg-portfolio.pg .totop{z-index:80;-webkit-backdrop-filter:blur(14px)saturate(115%);cursor:pointer;opacity:0;pointer-events:none;background:#06080c8c;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:opacity .25s,transform .25s,border-color .25s,box-shadow .25s;display:flex;position:fixed;bottom:22px;right:22px;transform:translateY(10px)}.pg-portfolio.pg .totop.show{opacity:1;pointer-events:auto;transform:none}.pg-portfolio.pg .totop:hover{border-color:#5ed29c99;box-shadow:0 0 22px -4px #5ed29c8c}.pg-portfolio.pg .totop svg{display:block}.pg-portfolio.pg .cta{text-align:center;background:#06080c9e;border-bottom:none;padding:88px 36px;overflow:hidden}.pg-portfolio.pg .cta .rings{pointer-events:none;contain:strict;background:repeating-radial-gradient(circle,#0000 0 96px,#ffffff1f 96px 97.6px);position:absolute;inset:-40% -10%}.pg-portfolio.pg .cta h2{max-width:12ch;font-weight:var(--t-h2-weight,800);font-size:calc((clamp(44px,5.6vw,78px)) * var(--t-h2-scale,1));line-height:var(--t-h2-lh,.98);font-family:var(--t-h2-family,var(--font-inter),sans-serif);text-transform:var(--t-h2-transform,uppercase);letter-spacing:var(--t-h2-ls,-.03em);color:var(--t-h2-color,#fff);margin:0 auto;position:relative}.pg-portfolio.pg .cta p{max-width:44ch;font-weight:var(--t-body-weight,400);font-size:calc((17px) * var(--t-body-scale,1));line-height:var(--t-body-lh,1.55);font-family:var(--t-body-family,var(--font-inter),sans-serif);color:var(--t-body-color,#ffffffb3);margin:26px auto 0;position:relative}.pg-portfolio.pg .cta .btn-p{margin-top:40px;position:relative}.pg-portfolio.pg .cta .cube div{background:linear-gradient(90deg,#22d3ee52,#fbbf2452,#fb923c52,#22d3ee52) 0 0/300%;border-color:#fbbf248c;animation:8s linear infinite pf-shimmer}.pg-portfolio.la .bar{border-bottom:1px solid #ffffff1f;flex-direction:column;align-items:center;gap:14px;padding-bottom:22px;display:flex}.pg-portfolio.la .bar .chips{justify-content:center}.pg-portfolio.la .phead{text-align:center;flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.pg-portfolio.la .grid{grid-template-columns:repeat(2,1fr);gap:clamp(24px,3vw,44px) clamp(24px,3vw,48px);margin-top:34px;display:grid}.pg-portfolio.la .grid .shot{aspect-ratio:1;border-radius:0;align-items:flex-start;height:auto;padding:0}.pg-portfolio.la .grid .shot .lab{white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pg-portfolio.la .grid .shot .tags{z-index:5;gap:1px;display:flex;position:absolute;inset:0 auto auto 0}.pg-portfolio.la .grid .tag{font-weight:var(--t-small-weight,700);font-size:calc((10px) * var(--t-small-scale,1));line-height:var(--t-small-lh,normal);font-family:var(--t-small-family,var(--font-jakarta),sans-serif);letter-spacing:var(--t-small-ls,.1em);color:var(--t-small-color,#fff);background:#0a1a16a8;border:1px solid #ffffff24;border-top:0;border-left:0;border-radius:0;padding:11px 16px;transition:background .25s}.pg-portfolio.la .grid .card:hover .tag{background:#5ed29c4d}.pg-portfolio.la .meta{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(20px,3vw,48px);margin-top:22px;display:grid}.pg-portfolio.la .meta .ttl{font-weight:var(--t-cardTitle-weight,400);font-size:calc((clamp(18px,1.5vw,22px)) * var(--t-cardTitle-scale,1));line-height:var(--t-cardTitle-lh,1.15);font-family:var(--t-cardTitle-family,var(--font-inter),sans-serif);letter-spacing:var(--t-cardTitle-ls,.02em);text-transform:var(--t-cardTitle-transform,uppercase);color:var(--t-cardTitle-color,#fff)}.pg-portfolio.la .meta .desc{font:400 13.5px/1.62 var(--font-inter),sans-serif;color:#ffffff9e;text-wrap:pretty;margin:0}.pg-portfolio.la .card[data-batch="2"]{display:none}.pg-portfolio.la .grid.more .card[data-batch="2"]{display:block}@media (max-width:1100px){.pg-portfolio.la .meta{grid-template-columns:1fr;gap:10px}.pg-portfolio.la .meta .desc{font-size:13px}}@media (max-width:1000px){.pg-portfolio.pg .sec{padding:clamp(38px,5vw,56px) clamp(18px,4vw,32px)}.pg-portfolio.la .grid{gap:26px 24px;margin-top:28px}.pg-portfolio.la .bar{gap:12px}.pg-portfolio.la .grid .tag{font-size:calc((9px) * var(--t-small-scale,1));letter-spacing:var(--t-small-ls,.08em);padding:9px 12px}}@media (max-width:760px){.pg-portfolio.la .grid{grid-template-columns:1fr;gap:34px}.pg-portfolio.la .meta{grid-template-columns:1fr;gap:8px;margin-top:16px}.pg-portfolio.la .phead .h{font-size:calc((clamp(30px,8.4vw,42px)) * var(--t-h1-scale,1))}.pg-portfolio.la .phead .p{font-size:calc((13.5px) * var(--t-body-scale,1))}.pg-portfolio.la .bar{padding-bottom:18px}.pg-portfolio.pg .chip{font-size:calc((10px) * var(--t-small-scale,1));padding:8px 14px}.pg-portfolio.pg .cta{padding:60px 20px}.pg-portfolio.pg .cta h2{font-size:calc((clamp(32px,9vw,46px)) * var(--t-h2-scale,1))}.pg-portfolio.pg .cta p{font-size:calc((14.5px) * var(--t-body-scale,1));margin-top:18px}.pg-portfolio.pg .cta .btn-p{margin-top:28px}.pg-portfolio.pg .cta .cube,.pg-portfolio.pg .cta .orb{display:none}.pg-portfolio.pg .totop{width:42px;height:42px;bottom:16px;right:16px}}@media (max-width:480px){.pg-portfolio.la .grid .shot .lab{font-size:calc((9.5px) * var(--t-small-scale,1))}.pg-portfolio.la .meta .ttl{font-size:calc((17px) * var(--t-cardTitle-scale,1))}.pg-portfolio.la .grid .tags{gap:0}}.pg-portfolio.pg .sec,.pg-portfolio.pg .footer,.pg-portfolio.pg .cta{contain:layout paint}.pg-portfolio.la .grid .card{contain:layout paint style}.pg-portfolio.pg .cta .rings,.pg-portfolio.pg .bgvid{contain:strict}.pg-portfolio.pg .totop{will-change:transform,opacity}.pg-portfolio.pg .nav{-webkit-backdrop-filter:blur(8px);background:#0a0c12b3;border-bottom:1px solid #1c1f2a;gap:16px;padding:20px 28px}.pg-portfolio.pg .logo{font:800 14px var(--font-inter),sans-serif;letter-spacing:-.01em;color:#fff;gap:10px;text-decoration:none}.pg-portfolio.pg .nav .logo img{height:30px}.pg-portfolio.pg .links{font-weight:var(--t-nav-weight,700);font-size:calc((10.5px) * var(--t-nav-scale,1));line-height:var(--t-nav-lh,normal);font-family:var(--t-nav-family,var(--font-inter),sans-serif);letter-spacing:var(--t-nav-ls,.04em);text-transform:var(--t-nav-transform,uppercase);color:var(--t-nav-color,#ffffffc7);gap:11px}.pg-portfolio.pg .nav .btn-p{font-size:calc((10.5px) * var(--t-button-scale,1));letter-spacing:var(--t-button-ls,.06em);padding:11px 15px}.pg-portfolio.pg .btn-p{color:var(--t-button-color,#070b0a);background:linear-gradient(135deg,#22d3ee,#fbbf24);border:1px solid #0000;transition:background .25s,color .25s,box-shadow .25s,border-color .25s,transform .25s;box-shadow:0 0 24px -4px #fbbf2499}.pg-portfolio.pg .btn-p:hover{color:var(--t-button-color,#fff);background:linear-gradient(150deg,#ffffff29,#ffffff0d);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #ffffff0f,0 12px 30px -14px #000000b3}.pg-portfolio.pg .btn-g{color:var(--t-button-color,#fff);transition:background .25s,color .25s,box-shadow .25s,border-color .25s}.pg-portfolio.pg .btn-g:hover{color:var(--t-button-color,#070b0a);background:linear-gradient(135deg,#22d3ee,#fbbf24);border-color:#0000;box-shadow:0 0 24px -4px #fbbf2499}.pg-portfolio.pg .chip{color:var(--t-small-color,#ffffffc7);font-weight:var(--t-small-weight,700);font-size:calc((11px) * var(--t-small-scale,1));line-height:var(--t-small-lh,normal);font-family:var(--t-small-family,var(--font-jakarta),sans-serif);letter-spacing:var(--t-small-ls,.06em);text-transform:var(--t-small-transform,uppercase);cursor:pointer;background:#5ed29c1a;border:1px solid #5ed29c57;border-radius:999px;padding:9px 18px;transition:background .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s}.pg-portfolio.pg .chip:hover{border-color:#5ed29c8c;transform:translateY(-2px)}.pg-portfolio.pg .chip.on{color:var(--t-small-color,#070b0a);background:linear-gradient(135deg,#22d3ee,#fbbf24);border-color:#0000;box-shadow:0 0 24px -4px #fbbf2499}.pg-portfolio.pg .chips .chip.on{background:linear-gradient(120deg,#22d3ee,#fbbf24,#22d3ee,#5ed29c,#22d3ee) 0 0/300%;animation:7s linear infinite pf-shimmer;color:var(--t-small-color,#000)!important;-webkit-text-fill-color:#000!important}.pg-portfolio.la .phead .kicker{-webkit-backdrop-filter:blur(10px)saturate(120%);color:var(--t-kicker-color,#5ed29c);background:#5ed29c1f;border:1px solid #5ed29c66;border-radius:999px;align-items:center;gap:9px;margin:0 0 20px;padding:8px 18px;display:inline-flex}.pg-portfolio.la .grid .card{-webkit-backdrop-filter:blur(14px)saturate(115%);background:#ffffff0e;border:1px solid #ffffff24;border-radius:18px;padding:12px;transition:transform .35s cubic-bezier(.22,.8,.3,1),border-color .3s,background .3s;box-shadow:0 18px 44px -30px #000000d9}.pg-portfolio.la .grid .card:hover{background:#5ed29c12;border-color:#5ed29c73}.pg-portfolio.la .grid .shot{background:radial-gradient(circle at 30% 25%,#141a19,#070b0a 72%);border-radius:12px;overflow:hidden}.pg-portfolio.la .grid .shot image-slot{z-index:1;width:100%;height:100%;position:absolute;inset:0}.pg-portfolio.la .grid .shot:after{z-index:2}.pg-portfolio.la .grid .card .veil{pointer-events:none;border-radius:12px}.pg-portfolio.la .meta{grid-template-columns:1fr;gap:8px;margin-top:14px;padding:2px 4px 4px}.pg-portfolio.la .endmsg{text-align:center;margin-top:30px;display:none}@media (max-width:1024px){.pg-portfolio.la .grid{grid-template-columns:repeat(2,1fr);gap:22px}.pg-portfolio.la .grid .card{border-radius:16px;padding:10px}.pg-portfolio.la .meta{margin-top:12px}}@media (max-width:820px){.pg-portfolio.la .bar{align-items:stretch;gap:12px}.pg-portfolio.la .bar .chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:6px;overflow-x:auto}.pg-portfolio.la .bar .chips::-webkit-scrollbar{display:none}.pg-portfolio.pg .chip{font-size:calc((11px) * var(--t-small-scale,1));flex:none;padding:11px 18px}.pg-portfolio.la .bar .mono{align-self:center}.pg-portfolio.la .grid{grid-template-columns:1fr;gap:22px;max-width:560px;margin-left:auto;margin-right:auto}.pg-portfolio.la .phead{text-align:center}}@media (max-width:560px){.pg-portfolio.pg .sec{padding:32px 16px}.pg-portfolio.la .grid{gap:18px;max-width:none}.pg-portfolio.la .grid .card{padding:9px}.pg-portfolio.la .grid .shot .tags{gap:0}.pg-portfolio.la .grid .tag{font-size:calc((8.5px) * var(--t-small-scale,1));padding:8px 10px}.pg-portfolio.la .meta .ttl{font-size:calc((17px) * var(--t-cardTitle-scale,1))}.pg-portfolio.la .meta .desc{font-size:13px}.pg-portfolio.pg .chip{font-size:calc((10.5px) * var(--t-small-scale,1));padding:10px 15px}.pg-portfolio.la .endmsg{font-size:13px}}}@layer components,utilities;
@layer theme,base;@layer legacy{.pg-portfolio.la .grid .shot img{z-index:1;object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.pg-portfolio.la .grid .shot{aspect-ratio:16/9;min-height:0}}@layer components,utilities;.pg-portfolio .grid .card,.pg-portfolio .glass,.pg-portfolio .chip:not(.on),.pg-portfolio .tag{background:var(--card-frost);border-color:var(--card-frost-line);box-shadow:var(--card-frost-lift)}.pg-portfolio .kicker{border:1px solid var(--line-mint);background:var(--card-frost);box-shadow:var(--card-frost-lift);color:var(--t-kicker-color,#5ed29c);font-weight:var(--t-kicker-weight,800);text-transform:var(--t-kicker-transform,uppercase);border-radius:999px;align-items:center;gap:8px;padding:8px 18px;display:inline-flex}@media (max-width:820px){.pg-portfolio .bar .chips{flex-wrap:wrap;justify-content:center;padding-bottom:0;overflow-x:visible}}.pg-portfolio .grid .card:hover{background:#5ed29c12;border-color:#5ed29c73}.pg-portfolio .grid .card:hover .tag{color:#000;-webkit-text-fill-color:#000;background:linear-gradient(120deg,#22d3ee,#fbbf24,#22d3ee,#5ed29c,#22d3ee) 0 0/300%;border-color:#000;animation:7s linear infinite flt-shimmer}.pg-portfolio .pill{background:var(--card-frost);border-color:var(--line-mint);box-shadow:var(--card-frost-lift);color:var(--t-kicker-color,#5ed29c)}.pg-portfolio .bar{border-bottom:none}.pg-portfolio .xtal-field{z-index:0;perspective:900px;pointer-events:none;--k:clamp(.42px, .076vw, 1.12px);position:absolute;inset:0}.pg-portfolio .phead{z-index:1;position:relative}.pg-portfolio .xtal{left:var(--x,var(--x0));top:var(--y,var(--y0));width:0;height:0;transform-style:preserve-3d;position:absolute}.pg-portfolio .xtal-turn{transform-style:preserve-3d;animation:xtal-turn var(--turn) linear infinite var(--delay);will-change:transform;position:absolute}.pg-portfolio .xc{width:calc(var(--u) * var(--k));height:calc(var(--u) * var(--k));margin-left:calc(var(--u) * var(--k) / -2);margin-top:calc(var(--u) * var(--k) / -2);transform-style:preserve-3d;transform:translate3d(calc(var(--cx) * var(--u) * var(--k)), calc(var(--cy) * var(--u) * var(--k)), calc(var(--cz) * var(--u) * var(--k)));position:absolute}.pg-portfolio .xf{border:1px solid var(--edge);background:linear-gradient(163deg, var(--lit) 0%, var(--face) 46%, var(--deep) 100%);box-shadow:inset 0 0 0 calc(var(--u) * var(--k) * .05) var(--lit);border-radius:18%;position:absolute;inset:0}.pg-portfolio .xf-fr{transform:translateZ(calc(var(--u) * var(--k) / 2))}.pg-portfolio .xf-bk{transform:rotateY(180deg) translateZ(calc(var(--u) * var(--k) / 2))}.pg-portfolio .xf-rt{transform:rotateY(90deg) translateZ(calc(var(--u) * var(--k) / 2))}.pg-portfolio .xf-lf{transform:rotateY(-90deg) translateZ(calc(var(--u) * var(--k) / 2))}.pg-portfolio .xf-tp{transform:rotateX(90deg) translateZ(calc(var(--u) * var(--k) / 2))}@keyframes xtal-turn{0%{transform:translate(0,0)rotateX(-14deg)rotateY(0)}25%{transform:translate3d(0, calc(var(--u) * var(--k) * -.22), 0) rotateX(-21deg) rotateY(90deg)}50%{transform:translate(0,0)rotateX(-14deg)rotateY(180deg)}75%{transform:translate3d(0, calc(var(--u) * var(--k) * .22), 0) rotateX(-7deg) rotateY(270deg)}to{transform:translate(0,0)rotateX(-14deg)rotateY(360deg)}}@media (max-width:900px){.pg-portfolio .xtal:nth-child(2){--x:7%;--y:38%}.pg-portfolio .xtal:nth-child(6){--x:92%;--y:80%}}@media (max-width:560px){.pg-portfolio .xtal:nth-child(2),.pg-portfolio .xtal:nth-child(5){display:none}.pg-portfolio .xtal:first-child{--x:11%;--y:7%}.pg-portfolio .xtal:nth-child(4){--x:89%;--y:7%}.pg-portfolio .xtal:nth-child(3){--x:11%;--y:45%}.pg-portfolio .xtal:nth-child(6){--x:89%;--y:45%}}.pg-portfolio.pg .btn-p,.pg-portfolio.pg .btn-g{font-size:var(--t-button-size,calc((11px) * var(--t-button-scale,1)))}.pg-portfolio.pg .kicker{font-size:var(--t-kicker-size,calc((11px) * var(--t-kicker-scale,1)))}.pg-portfolio.pg .h{font-size:var(--t-h1-size,calc((clamp(32px,4.2vw,58px)) * var(--t-h1-scale,1)))}.pg-portfolio.pg .h2{font-size:var(--t-h2-size,calc((clamp(24px,2.4vw,34px)) * var(--t-h2-scale,1)))}.pg-portfolio.pg .h3{font-size:var(--t-h3-size,calc((16px) * var(--t-h3-scale,1)))}.pg-portfolio.pg .p{font-size:var(--t-body-size,calc((14px) * var(--t-body-scale,1)))}.pg-portfolio.pg .num{font-size:var(--t-stat-size,calc((12px) * var(--t-stat-scale,1)))}.pg-portfolio.pg .mono{font-size:var(--t-small-size,calc((12px) * var(--t-small-scale,1)))}.pg-portfolio.pg .stat{font-size:var(--t-stat-size,calc((clamp(26px,2.8vw,40px)) * var(--t-stat-scale,1)))}.pg-portfolio.pg .pill{font-size:var(--t-small-size,calc((12px) * var(--t-small-scale,1)))}.pg-portfolio.pg .tag{font-size:var(--t-small-size,calc((9.5px) * var(--t-small-scale,1)))}.pg-portfolio.pg .shot .lab{font-size:var(--t-small-size,calc((10.5px) * var(--t-small-scale,1)))}.pg-portfolio.pg .footer{font-size:var(--t-footer-size,calc((10.5px) * var(--t-footer-scale,1)))}.pg-portfolio.pg .cta h2{font-size:var(--t-h2-size,calc((clamp(44px,5.6vw,78px)) * var(--t-h2-scale,1)))}.pg-portfolio.pg .cta p{font-size:var(--t-body-size,calc((17px) * var(--t-body-scale,1)))}.pg-portfolio.la .grid .tag{font-size:var(--t-small-size,calc((10px) * var(--t-small-scale,1)))}.pg-portfolio.la .meta .ttl{font-size:var(--t-cardTitle-size,calc((clamp(18px,1.5vw,22px)) * var(--t-cardTitle-scale,1)))}.pg-portfolio.pg .links{font-size:var(--t-nav-size,calc((10.5px) * var(--t-nav-scale,1)))}.pg-portfolio.pg .nav .btn-p{font-size:var(--t-button-size,calc((10.5px) * var(--t-button-scale,1)))}.pg-portfolio.pg .chip{font-size:var(--t-small-size,calc((11px) * var(--t-small-scale,1)))}@media (max-width:1000px){.pg-portfolio.la .grid .tag{font-size:var(--t-small-size,calc((9px) * var(--t-small-scale,1)))}}@media (max-width:760px){.pg-portfolio.la .phead .h{font-size:var(--t-h1-size,calc((clamp(30px,8.4vw,42px)) * var(--t-h1-scale,1)))}.pg-portfolio.la .phead .p{font-size:var(--t-body-size,calc((13.5px) * var(--t-body-scale,1)))}.pg-portfolio.pg .chip{font-size:var(--t-small-size,calc((10px) * var(--t-small-scale,1)))}.pg-portfolio.pg .cta h2{font-size:var(--t-h2-size,calc((clamp(32px,9vw,46px)) * var(--t-h2-scale,1)))}.pg-portfolio.pg .cta p{font-size:var(--t-body-size,calc((14.5px) * var(--t-body-scale,1)))}}@media (max-width:480px){.pg-portfolio.la .grid .shot .lab{font-size:var(--t-small-size,calc((9.5px) * var(--t-small-scale,1)))}.pg-portfolio.la .meta .ttl{font-size:var(--t-cardTitle-size,calc((17px) * var(--t-cardTitle-scale,1)))}}@media (max-width:820px){.pg-portfolio.pg .chip{font-size:var(--t-small-size,calc((11px) * var(--t-small-scale,1)))}}@media (max-width:560px){.pg-portfolio.la .grid .tag{font-size:var(--t-small-size,calc((8.5px) * var(--t-small-scale,1)))}.pg-portfolio.la .meta .ttl{font-size:var(--t-cardTitle-size,calc((17px) * var(--t-cardTitle-scale,1)))}.pg-portfolio.pg .chip{font-size:var(--t-small-size,calc((10.5px) * var(--t-small-scale,1)))}}@media (min-width:1440px){.pg-portfolio.pg .btn-p,.pg-portfolio.pg .btn-g{font-size:var(--t-button-size-lg,calc((11px) * var(--t-button-scale-lg,1.25)))}.pg-portfolio.pg .kicker{font-size:var(--t-kicker-size-lg,calc((11px) * var(--t-kicker-scale-lg,1.25)))}.pg-portfolio.pg .h{font-size:var(--t-h1-size-lg,calc((clamp(32px,4.2vw,58px)) * var(--t-h1-scale-lg,1.25)))}.pg-portfolio.pg .h2{font-size:var(--t-h2-size-lg,calc((clamp(24px,2.4vw,34px)) * var(--t-h2-scale-lg,1.25)))}.pg-portfolio.pg .h3{font-size:var(--t-h3-size-lg,calc((16px) * var(--t-h3-scale-lg,1.25)))}.pg-portfolio.pg .p{font-size:var(--t-body-size-lg,calc((14px) * var(--t-body-scale-lg,1.25)))}.pg-portfolio.pg .num{font-size:var(--t-stat-size-lg,calc((12px) * var(--t-stat-scale-lg,1.25)))}.pg-portfolio.pg .mono{font-size:var(--t-small-size-lg,calc((12px) * var(--t-small-scale-lg,1.25)))}.pg-portfolio.pg .stat{font-size:var(--t-stat-size-lg,calc((clamp(26px,2.8vw,40px)) * var(--t-stat-scale-lg,1.25)))}.pg-portfolio.pg .pill{font-size:var(--t-small-size-lg,calc((12px) * var(--t-small-scale-lg,1.25)))}.pg-portfolio.pg .tag{font-size:var(--t-small-size-lg,calc((9.5px) * var(--t-small-scale-lg,1.25)))}.pg-portfolio.pg .shot .lab{font-size:var(--t-small-size-lg,calc((10.5px) * var(--t-small-scale-lg,1.25)))}.pg-portfolio.pg .footer{font-size:var(--t-footer-size-lg,calc((10.5px) * var(--t-footer-scale-lg,1.25)))}.pg-portfolio.pg .cta h2{font-size:var(--t-h2-size-lg,calc((clamp(44px,5.6vw,78px)) * var(--t-h2-scale-lg,1.25)))}.pg-portfolio.pg .cta p{font-size:var(--t-body-size-lg,calc((17px) * var(--t-body-scale-lg,1.25)))}.pg-portfolio.la .grid .tag{font-size:var(--t-small-size-lg,calc((10px) * var(--t-small-scale-lg,1.25)))}.pg-portfolio.la .meta .ttl{font-size:var(--t-cardTitle-size-lg,calc((clamp(18px,1.5vw,22px)) * var(--t-cardTitle-scale-lg,1.25)))}.pg-portfolio.pg .links{font-size:var(--t-nav-size-lg,calc((10.5px) * var(--t-nav-scale-lg,1.25)))}.pg-portfolio.pg .nav .btn-p{font-size:var(--t-button-size-lg,calc((10.5px) * var(--t-button-scale-lg,1.25)))}.pg-portfolio.pg .chip{font-size:var(--t-small-size-lg,calc((11px) * var(--t-small-scale-lg,1.25)))}}.pg-portfolio.pg .tag,.pg-portfolio.la .grid .tag{font-size:11px}