.portfolio{--muted:#8fa39b}.portfolio .lede{color:#b9c9c2;max-width:56ch;margin:14px 0 0;line-height:1.6}.portfolio :focus-visible{outline:2px solid var(--mint);outline-offset:3px}.portfolio [data-tier=lite] :is(.split .w>span,.slate-title .c>span){--blur:0px}.portfolio .btn{cursor:pointer;border:0}.portfolio .btn-ghost{background:0 0}.portfolio .tile{border-radius:14px;width:48px;height:48px}.portfolio .tile svg{width:28px;height:28px}.portfolio :is(.on .tile,.in .tile,.tile.in) :is(path,circle,rect){stroke-dashoffset:0}.portfolio .slate .tile{border-radius:10px;width:34px;height:34px}.portfolio .slate .tile svg{width:20px;height:20px}.portfolio .chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.portfolio .chips li{font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pale);border:1px solid #34d39959;border-radius:999px;padding:6px 10px}@media (prefers-reduced-motion:reduce),(hover:none) and (max-height:549px){.portfolio :is(.split .w>span,.slate-title .c>span,.rise-load){opacity:1;filter:none;transition:none;animation:none;transform:none}}.portfolio .opening{background:radial-gradient(ellipse 60% 50% at 50% 60%, #2c9d7e42, transparent 70%), var(--void)}.portfolio .orbit-view{perspective:1500px;perspective-origin:50% 30%;position:absolute;inset:0}.portfolio .orbit-view:after{content:"";background:radial-gradient(46% 40% at 50% 40%,#040907d1,#04090759 60%,#0000 80%);position:absolute;inset:0}.portfolio .orbit-tilt{width:0;height:0;transform-style:preserve-3d;opacity:var(--o,1);transform:translateY(var(--ty,0px)) translateZ(-460px) rotateX(var(--rx,-14deg)) scale(var(--s,1));position:absolute;top:82%;left:50%}.portfolio .orbit{transform-style:preserve-3d;animation:48s linear infinite pf-orbit;position:absolute}.portfolio [data-pin=after] .orbit{animation-play-state:paused}.portfolio .orbit figure{width:210px;height:280px;transform:rotateY(calc(var(--k) * 45deg)) translateZ(520px);background:#111;border-radius:20px;margin:0;position:absolute;top:-140px;left:-105px;overflow:hidden;box-shadow:0 30px 60px #00000080}.portfolio .orbit img{object-fit:cover}@keyframes pf-orbit{to{transform:rotateY(-360deg)}}.portfolio .hcopy{z-index:5;text-align:center;padding:0 16px;position:absolute;top:max(16vh,124px);left:0;right:0}.portfolio .hcopy h1{font:800 clamp(2.8rem, 7vw, 6.4rem)/.92 var(--display);letter-spacing:-.045em;text-shadow:0 10px 50px #0009;max-width:14ch;margin:14px auto 18px}.portfolio .hcopy p{color:#c8d6d0;max-width:52ch;margin:0 auto 24px;font-size:clamp(15px,1.4vw,18px);line-height:1.6}.portfolio .hcopy .btn-ghost{backdrop-filter:blur(8px);background:#040907b8}.portfolio .feature-intro{z-index:5;text-align:center;opacity:var(--io,0);transform:translateY(calc((1 - var(--io,0)) * 30px));padding:0 16px;position:absolute;top:38vh;left:0;right:0}@media (max-width:859px){.portfolio .orbit figure{width:120px;height:160px;transform:rotateY(calc(var(--k) * 45deg)) translateZ(250px);border-radius:14px;top:-80px;left:-60px}.portfolio .orbit-tilt{top:84%}.portfolio .hcopy{top:max(14vh,104px)}.portfolio .hcopy h1{font-size:clamp(2.6rem,12.5vw,4rem)}.portfolio .hcopy p{font-size:15px}}.portfolio [data-tier=lite] .orbit-view{display:none}.portfolio [data-tier=lite] .hcopy .btn-ghost{backdrop-filter:none}@media (prefers-reduced-motion:reduce),(hover:none) and (max-height:549px){.portfolio :is(.orbit-view,.feature-intro){display:none}.portfolio .hcopy{padding:130px 16px 70px;position:relative;top:auto;opacity:1!important;transform:none!important}}.portfolio .prem{--copy-w:min(430px, 38vw);background:var(--stage)}.portfolio .pchap{perspective:1400px;pointer-events:none;position:absolute;inset:0}.portfolio .hands{--pw:min(360px, 27vw, (100svh - 260px) / 1.33, (100vw - 41px - max(24px, (100vw - 1200px) / 2) - var(--copy-w)) / 2.25);left:calc(max(24px, (100% - 1200px) / 2) + var(--copy-w) + 16px);height:0;transform-style:preserve-3d;position:absolute;top:50%;right:max(8px,50% - 640px)}.portfolio .hand{width:0;height:0;transform-style:preserve-3d;opacity:0;position:absolute;top:0;left:50%}.portfolio .print{width:var(--pw);height:calc(var(--pw) * 1.33);left:calc(var(--pw) / -2);top:calc(var(--pw) * -.665);background:#111;border-radius:18px;position:absolute;overflow:hidden;box-shadow:0 30px 70px #0000008c}.portfolio .print img{object-fit:cover}.portfolio .print.cover{z-index:5;clip-path:inset(var(--clip,48%) 0 var(--clip,48%) 0 round 18px)}.portfolio .print.cover img{transform:scale(var(--kb,1.1))}.portfolio .print.logo{background:#0d2b4a}.portfolio .print.logo img{object-fit:contain;padding:14%}.portfolio .plate{--mark:9rem;background:radial-gradient(80% 60% at 50% 30%,#1a4636,#0a1c16 70%,#06110d);place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0;overflow:hidden}.portfolio .plate:before{content:"";border:1px solid #34d39952;border-radius:10px;position:absolute;inset:12px}.portfolio .plate:after{content:"";background:linear-gradient(105deg,#0000 35%,#a7f3d01a 50%,#0000 65%);position:absolute;inset:0;transform:translate(-100%)}.portfolio .on .plate:after{animation:pf-sheen 2.4s var(--out) .5s both}@keyframes pf-sheen{to{transform:translate(100%)}}.portfolio .plate-mark{font:800 var(--mark)/.9 var(--display);letter-spacing:-.06em;color:#0d261e;text-shadow:0 -2px #0000008c,0 2px #a7f3d033}.portfolio .plate-note{font:500 11px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pale);align-items:center;gap:10px;display:flex}.portfolio .plate-note:before{content:"";background:var(--mint);width:18px;height:1px}.portfolio .icard .plate{--mark:clamp(3.4rem, 9vw, 5.6rem);gap:8px}.portfolio .icard .plate-note{font-size:9px}.portfolio .icard .plate-note:before{width:10px}.portfolio .pcopy{width:var(--copy-w);height:0;position:absolute;top:50%;left:max(24px,50% - 600px)}.portfolio .chap{opacity:0;width:100%;transition:opacity .45s;position:absolute;top:0;transform:translateY(-50%)}.portfolio .chap.on{opacity:1;pointer-events:auto}.portfolio .slate{align-items:center;gap:12px;display:flex}.portfolio .chap h3{font:800 clamp(2.2rem, 4.4vw, 4rem)/.95 var(--display);letter-spacing:-.035em;text-wrap:balance;margin:16px 0 10px}.portfolio .chap .sub{color:var(--mint);margin:0 0 12px;font-weight:600}.portfolio .chap .desc{color:#c3d1cb;margin:0 0 16px;font-size:15px;line-height:1.6}.portfolio .chap .btn{min-height:46px;margin-top:18px}.portfolio .rail{grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:12px;display:grid;position:absolute;bottom:28px;left:max(24px,50% - 600px);right:max(24px,50% - 600px)}.portfolio .rail button{cursor:pointer;text-align:left;text-wrap:balance;min-height:44px;font:500 11px/1.35 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-d);background:0 0;border:0;padding:10px 0 0;transition:color .3s}.portfolio .rail button[aria-current=step]{color:#fff}.portfolio .rail i{background:#ffffff24;height:2px;margin-bottom:10px;display:block;overflow:hidden}.portfolio .rail i b{background:var(--mint);transform-origin:0;height:100%;transform:scaleX(var(--f,0));display:block}@media (min-width:860px) and (max-height:760px){.portfolio .chap h3{margin:12px 0 8px;font-size:clamp(2rem,3.4vw,3rem)}.portfolio .chap .chips{display:none}.portfolio .chap .btn{margin-top:4px}}@media (max-width:859px){.portfolio .prem{--rail-b:140px;--copy-h:230px}.portfolio .hands{--pw:min(210px, 52vw, (100svh - var(--rail-b) - var(--copy-h) - 68px) / 1.33);width:auto;left:0;right:0;top:calc(var(--rail-b) + (100svh - var(--rail-b) - var(--copy-h) - 52px) / 2)}.portfolio .print,.portfolio .print.cover{border-radius:14px}.portfolio .print.cover{clip-path:inset(var(--clip,48%) 0 var(--clip,48%) 0 round 14px)}.portfolio .print .plate{--mark:5.4rem}.portfolio .plate-note{font-size:10px}.portfolio .pcopy{width:auto;height:var(--copy-h);inset:auto 16px 28px}.portfolio .chap{top:auto;bottom:0;transform:none}.portfolio .chap h3{margin:10px 0 6px;font-size:clamp(1.5rem,7.5vw,2rem)}.portfolio .chap :is(.desc,.chips){display:none}.portfolio .chap .sub{margin:0;font-size:14px}.portfolio .chap .btn{margin-top:12px}.portfolio .rail{gap:6px;inset:96px 16px auto}.portfolio .rail button{padding:0;font-size:0}.portfolio .rail i{margin:21px 0}}@media (max-width:859px) and (max-height:640px){.portfolio .prem{--copy-h:192px}.portfolio .chap .sub{display:none}}@media (prefers-reduced-motion:reduce),(hover:none) and (max-height:549px){.portfolio .prem .scene-stage{gap:56px;width:min(1200px,100% - 32px);margin:0 auto;padding:100px 0 80px;display:grid}.portfolio .pchap{perspective:none;pointer-events:auto;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:28px;display:grid;position:relative;inset:auto}.portfolio :is(.hands,.hand,.pcopy,.chap){width:auto;height:auto;position:relative;inset:auto;opacity:1!important;transform:none!important}.portfolio .hand{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.portfolio .print{aspect-ratio:3/4;border-radius:12px;width:auto;height:auto;position:relative;top:auto;left:auto;opacity:1!important;clip-path:none!important;transform:none!important}.portfolio .print.cover{order:-1}.portfolio .print[data-j="2"],.portfolio .print[data-j="3"]{display:none}.portfolio .print.cover img{transform:none}.portfolio .print.cover:has(.plate){aspect-ratio:auto;grid-column:span 3;min-height:260px}.portfolio .chap h3{font-size:2.4rem}.portfolio .chap :is(.desc,.chips,.sub){display:block}.portfolio .chap .chips{display:flex}.portfolio .rail{display:none}}@media (prefers-reduced-motion:reduce) and (max-width:859px),(max-width:859px) and (hover:none) and (max-height:549px){.portfolio .pchap{grid-template-columns:minmax(0,1fr)}}.portfolio .index{background:var(--mist);color:var(--ink);padding:110px 0 120px}.portfolio .filters{flex-wrap:wrap;gap:8px;margin:26px 0;display:flex}.portfolio .filters button{min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #c9d6d1;border-radius:999px;padding:0 18px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s}.portfolio .filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.portfolio .filters button span{font:500 11px var(--mono);opacity:.7;margin-left:6px}.portfolio .igrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.portfolio .icard{cursor:pointer;text-align:left;color:var(--ink);background:#fff;border:0;border-radius:22px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #0000000a,0 18px 40px #0b151214}.portfolio .icard[hidden]{display:none}.portfolio .icard .im{aspect-ratio:4/5;background:#dfe8e4;display:block;position:relative;overflow:hidden}.portfolio .icard .im img{object-fit:cover;transition:transform .6s var(--out)}.portfolio .icard:is(:hover,:focus-visible) .im img{transform:scale(1.04)}.portfolio .icard.logo .im{background:#0d2b4a}.portfolio .icard.logo .im img{object-fit:contain;padding:18%}.portfolio .icard .meta{padding:14px 16px 16px;display:block}.portfolio .icard .meta b{font:800 1.12rem/1.1 var(--display);letter-spacing:-.01em;display:block}.portfolio .icard .meta small{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-d);margin-top:6px;display:block}.portfolio .icard .go{color:#fff;background:#040907bf;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.portfolio .deal .icard{opacity:0;transform:translate(var(--sx,0px), var(--sy,0px)) rotate(var(--sr,0deg)) scale(.86)}.portfolio .deal.in .icard{opacity:1;transition:transform .9s var(--out), opacity .5s;transition-delay:calc(var(--n) * 70ms);transform:none}@media (max-width:959px){.portfolio .igrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portfolio .icard{border-radius:18px}.portfolio .icard .meta{padding:10px 12px 12px}.portfolio .icard .meta b{font-size:.98rem}}@media (prefers-reduced-motion:reduce),(hover:none) and (max-height:549px){.portfolio .deal .icard{opacity:1;transform:none}.portfolio .icard .im img{transition:none}}.portfolio dialog.case{border:1px solid var(--line);background:var(--stage);color:#fff;border-radius:26px;width:min(1100px,100% - 24px);max-width:none;max-height:calc(100dvh - 24px);padding:0;overflow:hidden}.portfolio dialog.case::backdrop{backdrop-filter:blur(6px);background:#020605c7}.portfolio dialog.case[open]{animation:pf-case .42s var(--out);transform-origin:var(--ox,50%) var(--oy,50%)}@keyframes pf-case{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.portfolio .case-body{overscroll-behavior:contain;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);max-height:calc(100dvh - 26px);display:grid;overflow:auto}.portfolio .case-media{background:#000;flex-direction:column;display:flex}.portfolio .case-view{flex:1;min-height:420px;position:relative}.portfolio .case-view img{object-fit:contain}.portfolio .case-count{font:500 11px var(--mono);background:#0009;border-radius:999px;padding:6px 10px;position:absolute;top:14px;left:14px}.portfolio .case-steps{gap:8px;display:flex;position:absolute;bottom:14px;right:14px}.portfolio :is(.case-steps button,.case-close){color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:44px;height:44px;transition:background-color .2s;display:grid}.portfolio :is(.case-steps button,.case-close):hover{background:#1f7a5ed9}.portfolio .case-steps button:disabled{opacity:.35;cursor:default;background:#0009}.portfolio .case-close{z-index:3;position:absolute;top:12px;right:12px}.portfolio .thumbs{background:#050b09;gap:6px;padding:10px;display:flex;overflow-x:auto}.portfolio .thumbs button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;flex:none;width:56px;height:56px;padding:0;position:relative;overflow:hidden}.portfolio .thumbs button[aria-current=true]{border-color:var(--mint)}.portfolio .thumbs img{object-fit:cover}.portfolio .case-txt{padding:28px 26px 26px}.portfolio .case-txt h2{font:800 clamp(1.8rem, 3.4vw, 2.6rem)/1 var(--display);letter-spacing:-.03em;text-wrap:balance;margin:10px 0 6px;padding-right:48px}.portfolio .case-txt .sub{color:var(--mint);margin:0 0 18px;font-weight:600}.portfolio .case-txt h3{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px}.portfolio .case-txt p{color:#c9d7d1;margin:0;line-height:1.6}.portfolio .case-txt dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 0;display:grid}.portfolio .case-txt dt{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.portfolio .case-txt dd{margin:2px 0 0;font-size:14px}.portfolio .case-txt .btns{justify-content:flex-start;margin-top:24px}@media (max-width:859px){.portfolio .case-body{grid-template-columns:minmax(0,1fr)}.portfolio .case-view{min-height:46dvh}.portfolio .case-txt{padding:20px 18px 22px}.portfolio .case-txt dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce),(hover:none) and (max-height:549px){.portfolio dialog.case[open],.portfolio .on .plate:after{animation:none}}.portfolio .wall{background:var(--void)}.portfolio .wall .scene-stage{flex-direction:column;padding-top:112px;display:flex}.portfolio .whead{z-index:3;flex:none;position:relative}.portfolio .pview{perspective:1200px;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding-top:22px;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 40px);mask-image:linear-gradient(#0000,#000 40px)}.portfolio .plane{transform-origin:50% 0;width:min(1200px,100% - 32px);transform:rotateX(var(--rx,58deg)) rotateZ(var(--rz,-12deg)) scale(var(--s,1.15));flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.portfolio .plane>li:nth-child(odd){transform:translateY(calc(var(--cy,0px) * -1))}.portfolio .plane>li:nth-child(2n){transform:translateY(var(--cy,0px))}.portfolio .poster{background:#111;border-radius:14px;overflow:hidden;box-shadow:0 20px 40px #00000073}.portfolio .poster figure{margin:0}.portfolio .poster .art{aspect-ratio:16/9;position:relative}.portfolio .poster .art img{object-fit:cover}.portfolio .poster figcaption{font:500 10px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#0b1512;padding:8px 10px}.portfolio .poster.more{background:linear-gradient(150deg, var(--deep), #0f3d2f)}.portfolio .poster.more a{color:#fff;flex-direction:column;justify-content:space-between;gap:18px;height:100%;min-height:140px;padding:18px;text-decoration:none;display:flex}.portfolio .poster.more b{font:800 1.3rem/1.05 var(--display)}@media (max-width:859px){.portfolio .wall .scene-stage{padding-top:96px}.portfolio .wall .h2{font-size:2rem}.portfolio .wall .lede{display:none}.portfolio .plane{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portfolio .poster figcaption{padding:6px 8px;font-size:9px}.portfolio .poster.more a{min-height:0;padding:12px}.portfolio .poster.more b{font-size:1rem}}@media (min-width:860px) and (max-height:760px){.portfolio .wall .scene-stage{padding-top:96px}.portfolio .wall .h2{font-size:clamp(2rem,4.4vw,3.4rem)}.portfolio .wall .lede{display:none}}@media (prefers-reduced-motion:reduce),(hover:none) and (max-height:549px){.portfolio .wall .scene-stage{padding:90px 0 60px}.portfolio .wall .lede{display:block}.portfolio .pview{margin-top:28px;overflow:visible;-webkit-mask-image:none;mask-image:none}.portfolio .plane,.portfolio .plane>li{transform:none!important}}.portfolio .slabcta h2{font:800 clamp(2.2rem, 6vw, 4.8rem)/.95 var(--display)}