.portfolio-experience{--pf-bg:#080808;--pf-frame:#0c0b0e;--pf-line:#221e28;--pf-text:#f4f2f6;--pf-soft:#d6d1dc;--pf-muted:#a39dab;--pf-accent:var(--site-accent,#6f01d6);--pf-accent-ink:var(--site-accent-ink,#fff);--pf-accent-text:#bb8cff;--pf-display:"Shaman Anton", Impact, "Arial Narrow", sans-serif;--pf-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--pf-gutter:5vw;--pf-ease:cubic-bezier(.2, .7, .2, 1);color:var(--pf-text);background:var(--pf-bg);overflow-wrap:anywhere;font-family:Arial,Helvetica,sans-serif;line-height:1.55}.portfolio-experience *{box-sizing:border-box}.portfolio-experience button,.portfolio-experience input,.portfolio-experience select,.portfolio-experience textarea{font:inherit}.portfolio-experience button,.portfolio-experience a{touch-action:manipulation}.portfolio-experience a{color:inherit;text-decoration:none}.portfolio-experience :focus-visible{outline-offset:4px;outline:2px solid #bc80ff}.portfolio-experience button{cursor:pointer}.portfolio-experience button:disabled{opacity:.5;cursor:wait}.portfolio-experience h1,.portfolio-experience h2,.portfolio-experience p,.portfolio-experience dl,.portfolio-experience dd{margin:0}.portfolio-experience img{max-width:100%;display:block}.portfolio-experience :is(.work-hero h1,.case-head h1,.work-closing h2,.case-cta h2,.case-next strong,.work-tile-caption h2,.portfolio-story h2){font-family:var(--pf-display);letter-spacing:.015em;text-transform:uppercase;overflow-wrap:normal;font-weight:400}.service-page:has(>.portfolio-experience)>.secondary-navigation{display:none}.work-kicker,.case-kicker,.work-count,.case-bar-count,.work-tile-index,.case-next-label,.work-facts dt,.case-facts dt{font:500 11px/1.5 var(--pf-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pf-muted)}.work-cta-link{text-underline-offset:6px;align-items:center;min-height:44px;font-size:14px;font-weight:600;-webkit-text-decoration:underline #5b5363;text-decoration:underline #5b5363;transition:color .2s,text-decoration-color .2s;display:inline-flex}.work-cta-link:hover{color:var(--pf-accent-text);text-decoration-color:currentColor}.work-button,.portfolio-primary,.portfolio-experience button.portfolio-primary{background:var(--pf-accent);min-height:48px;color:var(--pf-accent-ink);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:700;transition:filter .2s;display:inline-flex}.work-button:hover,.portfolio-primary:hover{filter:brightness(1.18)}.work-hero{padding:clamp(32px, 5vw, 80px) var(--pf-gutter) clamp(32px, 3.5vw, 52px)}.work-hero h1{margin-top:18px;font-size:clamp(64px,11.5vw,196px);line-height:.96}.work-hero h1 span{color:var(--pf-accent-text)}.work-hero h1>.live-value{color:inherit}.work-hero-foot{border-top:1px solid var(--pf-line);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;align-items:start;gap:24px 48px;margin-top:clamp(28px,3.5vw,52px);padding-top:22px;display:grid}.work-hero-copy{max-width:46ch;color:var(--pf-soft);white-space:pre-line;font-size:clamp(15px,1.15vw,18px)}.work-facts{gap:20px clamp(24px,3vw,40px);display:flex}.work-facts>div:first-child{flex:none}.work-facts>div:last-child{min-width:0}.work-facts dt{white-space:nowrap}.work-facts dd{color:var(--pf-soft);margin-top:6px;font-size:14px}.work-facts div:first-child dd{font:400 30px/1 var(--pf-display);color:var(--pf-text)}.work-hero-foot .work-cta-link{white-space:nowrap;margin-top:-10px}.work-toolbar{padding:0 var(--pf-gutter);border-top:1px solid var(--pf-line);flex-wrap:wrap;align-items:center;gap:8px 32px;display:flex}.work-filters{scrollbar-width:none;flex:auto;gap:28px;min-width:0;display:flex;overflow-x:auto}.work-filters::-webkit-scrollbar{display:none}.work-filters button{min-height:56px;color:var(--pf-muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:0;font-size:14px;transition:color .2s,border-color .2s}.work-filters button:hover{color:var(--pf-text)}.work-filters button[aria-pressed=true]{color:var(--pf-text);border-bottom-color:var(--pf-accent)}.work-count{white-space:nowrap;margin-left:auto}.work-search{flex:100%;padding-bottom:16px}.work-search form{gap:8px;max-width:520px;display:flex}.work-search input,.work-search select{min-width:0;min-height:44px;color:var(--pf-text);background:#16141a;border:0;border-radius:8px;padding:0 14px;font-size:14px}.work-search input{flex:1}.work-admin-link{color:var(--pf-accent-text);font-size:13px}.work-index{background:var(--pf-line);border-block:1px solid var(--pf-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.work-tile{background:var(--pf-bg);flex-direction:column;min-width:0;display:flex}.work-tile-media{aspect-ratio:4/5;background:var(--pf-frame);position:relative;overflow:hidden}.work-tile-media img{width:100%;height:100%;transition:transform .9s var(--pf-ease), opacity .5s var(--pf-ease);position:absolute;inset:0}.work-tile-alternate{opacity:0}.work-index:not(.work-index-compact)>.work-tile:last-child:nth-child(odd){grid-column:1/-1}.work-index:not(.work-index-compact)>.work-tile:last-child:nth-child(odd) .work-tile-media{aspect-ratio:16/9}.work-tile-caption{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;column-gap:18px;padding:20px clamp(16px,2.4vw,36px) 26px;display:grid}.work-tile-index{grid-area:1/1/3}.work-tile-caption h2,.work-tile-caption p{grid-column:-3/-2}.work-tile-caption h2{font-size:clamp(24px,2.3vw,38px);line-height:1;transition:color .2s}.work-tile-caption p{color:var(--pf-muted);margin-top:8px;font-size:13px}.work-tile-arrow{color:var(--pf-muted);transition:transform .3s var(--pf-ease), color .2s;grid-area:1/-2/3/-1;align-self:center;font-size:20px}@media (hover:hover){.work-tile:hover .work-tile-media img{transform:scale(1.025)}.work-tile:hover .work-tile-alternate{opacity:1}.work-tile:hover .work-tile-caption h2,.work-tile:hover .work-tile-arrow{color:var(--pf-accent-text)}.work-tile:hover .work-tile-arrow{transform:translate(3px,-3px)}}.work-tile:focus-visible{outline-offset:-4px}.work-empty,.work-load{padding:56px var(--pf-gutter);text-align:center}.work-empty h2{font-size:20px}.work-empty p{color:var(--pf-muted);margin:8px 0 16px}.work-empty button,.work-load button{min-height:44px;color:var(--pf-text);text-underline-offset:6px;background:0 0;border:0;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.work-closing{padding:clamp(80px, 11vw, 176px) var(--pf-gutter)}.work-closing h2{max-width:12ch;margin-top:18px;font-size:clamp(48px,7.5vw,124px);line-height:1}.work-closing-copy{max-width:46ch;color:var(--pf-soft);font-size:clamp(15px,1.15vw,18px);margin-top:22px!important}.work-closing-actions,.case-cta>div{flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:32px;display:flex}.case-bar{min-height:56px;padding:0 var(--pf-gutter);border-bottom:1px solid var(--pf-line);color:var(--pf-muted);align-items:center;gap:24px;font-size:13px;display:flex}.case-bar a{align-items:center;min-height:44px;transition:color .2s;display:inline-flex}.case-bar a:hover{color:var(--pf-text)}.case-bar>div{gap:24px;margin-left:auto;display:flex}.case-head{padding:clamp(28px, 3.5vw, 56px) var(--pf-gutter) clamp(28px, 3vw, 44px);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;column-gap:clamp(32px,4vw,72px);display:grid}.case-kicker{color:var(--pf-accent-text);grid-column:1}.case-head h1{grid-column:1;margin-top:14px;font-size:clamp(44px,6.2vw,112px);line-height:1}.case-head-foot{grid-area:1/2/3;align-content:end;gap:22px;display:grid}.case-lede{max-width:50ch;color:var(--pf-soft);white-space:pre-line;font-size:clamp(15px,1.2vw,19px)}.case-facts{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 28px;display:grid}.case-facts dd{white-space:pre-line;margin-top:6px;font-size:14px}.case-edit{color:var(--pf-accent-text);white-space:nowrap;font-size:13px}.portfolio-preview-notice{border-left:2px solid var(--pf-accent);background:#170f20;padding:12px 16px;font-size:13px;margin:20px var(--pf-gutter) 0!important}.portfolio-artwork{padding:0 var(--pf-gutter)}.portfolio-art{width:100%;color:var(--pf-text);text-align:left;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:relative}.portfolio-art:not(.is-loaded){background:linear-gradient(100deg,#0f0e12 30%,#18161c 50%,#0f0e12 70%) 0 0/300% 100%;animation:1.6s linear infinite pf-shimmer}@keyframes pf-shimmer{to{background-position:-150% 0}}.portfolio-art img{width:100%;height:auto}.portfolio-cover{place-items:center;min-height:min(72svh,820px);display:grid}.portfolio-cover.is-loaded{min-height:0}.portfolio-cover img{width:auto;max-height:calc(100svh - 120px)}.portfolio-art-zoom{opacity:0;background:#080808cc;border-radius:50%;place-items:center;width:36px;height:36px;font-size:16px;transition:opacity .2s;display:grid;position:absolute;bottom:12px;right:12px}:is(.portfolio-art:hover>.portfolio-art-zoom,.portfolio-art:focus-visible>.portfolio-art-zoom){opacity:1}.portfolio-block{margin-top:clamp(10px,1.4vw,20px)}.portfolio-block-images{grid-template-columns:repeat(var(--gallery-columns,2), minmax(0, 1fr));align-items:start;gap:clamp(10px,1.4vw,20px);display:grid}.portfolio-block-images>.is-wide{grid-column:1/-1}.portfolio-artwork:not(.portfolio-artwork-pairs) .portfolio-block-gallery .portfolio-block-images{grid-auto-flow:dense}.portfolio-block-images:has(>div:only-child:not(.is-wide))>div{width:min(100%,80svh - 96px);margin-inline:auto}.portfolio-block-image .portfolio-block-images,.portfolio-block-banner .portfolio-block-images,.portfolio-block-columns .portfolio-block-images{grid-template-columns:minmax(0,1fr)}.portfolio-block-images:has(>div:only-child){grid-template-columns:minmax(0,1fr)}.portfolio-block-columns{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,3vw,48px);display:grid}.portfolio-story{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px 48px;padding:clamp(36px,5.5vw,88px) 0;display:grid}.portfolio-block-columns .portfolio-story,.portfolio-block-banner .portfolio-story{display:block}.portfolio-story h2{font-size:clamp(26px,2.8vw,46px);line-height:1}.portfolio-story p{max-width:64ch;color:var(--pf-soft);white-space:pre-line;grid-column:-2/-1;font-size:clamp(15px,1.15vw,18px);line-height:1.75}.portfolio-block-columns .portfolio-story p,.portfolio-block-banner .portfolio-story p{margin-top:16px}.portfolio-block-banner .portfolio-story{border-bottom:1px solid var(--pf-line);padding:clamp(24px,3vw,40px) 0}.portfolio-block hr{border:0;border-top:1px solid var(--pf-line);margin:clamp(32px,4vw,64px) 0}.portfolio-video{aspect-ratio:16/9}.portfolio-video iframe{border:0;width:100%;height:100%}.portfolio-video video{background:var(--pf-bg);width:100%;max-height:80vh;display:block}.portfolio-video:has(video){aspect-ratio:auto}.portfolio-video>p{color:var(--pf-muted);margin-top:12px}.portfolio-artwork-seamless>.portfolio-block{margin:0}.portfolio-artwork-seamless .portfolio-block-images,.portfolio-artwork-seamless .portfolio-block-columns{grid-template-columns:minmax(0,1fr);gap:0}.portfolio-artwork-seamless .portfolio-art{line-height:0}.portfolio-artwork-seamless .portfolio-art>span{line-height:1.5}.portfolio-artwork-seamless .portfolio-art img{height:auto;max-height:none}.portfolio-artwork-seamless .portfolio-video video{max-height:none}.portfolio-artwork-seamless .portfolio-video iframe{display:block}.case-tags{padding:32px var(--pf-gutter) 0;flex-wrap:wrap;gap:8px 20px;font-size:13px;display:flex}.case-tags a{color:var(--pf-muted);text-underline-offset:5px;-webkit-text-decoration:underline #4a4351;text-decoration:underline #4a4351}.case-tags a:before{content:"#"}.case-tags a:hover{color:var(--pf-text)}.case-cta{padding:clamp(48px, 6vw, 96px) var(--pf-gutter);border-top:1px solid var(--pf-line);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:20px 56px;margin-top:clamp(64px,8vw,128px);display:grid}.case-cta h2{grid-row:span 2;font-size:clamp(40px,5.5vw,92px);line-height:1}.case-cta p{max-width:44ch;color:var(--pf-soft);font-size:15px}.case-cta>div{margin-top:0}.case-next{padding:clamp(40px, 5vw, 72px) var(--pf-gutter);border-top:1px solid var(--pf-line);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:16px clamp(24px,4vw,64px);display:grid}.case-next-label{grid-column:1}.case-next strong{grid-column:1;align-self:end;font-size:clamp(48px,8vw,144px);line-height:1;transition:color .2s}.case-next-media{aspect-ratio:16/10;background:var(--pf-frame);grid-area:1/2/3;overflow:hidden}.case-next-media img{width:100%;height:100%;transition:transform .9s var(--pf-ease)}@media (hover:hover){.case-next:hover strong{color:var(--pf-accent-text)}.case-next:hover .case-next-media img{transform:scale(1.03)}}.case-more{padding-bottom:clamp(48px,6vw,96px)}.case-more-head{padding:0 var(--pf-gutter) 20px;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.case-more-head h2{font:500 11px/1.5 var(--pf-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pf-muted)}.case-more-head a{color:var(--pf-muted);font-size:13px}.case-more-head a:hover{color:var(--pf-text)}.work-index-compact{grid-template-columns:repeat(var(--more-count,3), minmax(0, 1fr))}.work-index-compact .work-tile-media{max-height:64svh}.work-index-compact .work-tile-caption{grid-template-columns:minmax(0,1fr) auto}.work-index-compact .work-tile-caption h2{font-size:clamp(20px,1.7vw,28px)}.case-carousel{margin-inline:calc(var(--pf-gutter) * -1)}.case-carousel-rail{cursor:grab;padding-inline:var(--pf-gutter);scroll-padding-inline:var(--pf-gutter);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:flex-start;gap:0;display:flex;overflow-x:auto}.case-carousel-rail::-webkit-scrollbar{display:none}.case-carousel-rail.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.case-carousel-rail:focus-visible{outline-offset:-2px}.case-carousel-slide{scroll-snap-align:start;flex:0 0 100%;justify-content:center;min-width:0;display:flex}.case-carousel-slide .portfolio-art{width:auto;max-width:100%;height:clamp(360px,100svh - 220px,960px)}.case-carousel-slide .portfolio-art img{object-fit:contain;width:auto;max-width:100%;height:100%}.case-carousel-bar{padding:16px var(--pf-gutter) 0;align-items:center;gap:8px;display:flex}.case-carousel-bar>span{font:500 12px/1 var(--pf-mono);letter-spacing:.1em;color:var(--pf-muted);margin-right:auto}.case-carousel-bar button{border:1px solid var(--pf-line);width:44px;height:44px;color:var(--pf-text);background:0 0;border-radius:50%;place-items:center;font-size:18px;transition:border-color .2s,color .2s;display:grid}.case-carousel-bar button:hover:not(:disabled){border-color:var(--pf-accent-text);color:var(--pf-accent-text)}.case-carousel-bar button:disabled{opacity:.35;cursor:default}.portfolio-lightbox{color:#fff;background:#050505;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.portfolio-lightbox::backdrop{background:#000c}.portfolio-lightbox-bar{z-index:2;align-items:center;gap:8px;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}.portfolio-lightbox-bar>span{font:500 12px/1 var(--pf-mono);letter-spacing:.1em;color:var(--pf-soft);margin-right:auto}.portfolio-lightbox button{color:#fff;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:20px;line-height:1;transition:background .2s;display:grid}.portfolio-lightbox button:hover{background:#ffffff2b}.portfolio-lightbox-stage{touch-action:pan-y pinch-zoom;grid-template:minmax(0,100%)/minmax(0,100%);place-items:center;display:grid;position:absolute;inset:68px 80px 28px}.portfolio-lightbox-stage>*{grid-area:1/1}.portfolio-lightbox-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;will-change:transform;max-width:100%;max-height:100%;transition:transform .18s ease-out}.portfolio-lightbox-stage{overflow:hidden}@media (hover:hover){.portfolio-lightbox-stage img{cursor:zoom-in}.portfolio-lightbox-stage.is-zoomed img{cursor:grab}}.portfolio-lightbox-stage.is-panning img{cursor:grabbing;transition:none}.portfolio-lightbox-loading{font:500 12px/1 var(--pf-mono);letter-spacing:.1em;color:var(--pf-muted)}.portfolio-lightbox-step{z-index:2;position:absolute;top:50%;translate:0 -50%}.portfolio-lightbox-prev{left:18px}.portfolio-lightbox-next{right:18px}.portfolio-lightbox-expanded .portfolio-lightbox-stage{inset:0}.portfolio-editor-status{display:block}.portfolio-editor-status>span{margin-top:8px;display:block}@media (min-width:701px){.work-index:not(.work-index-compact)>.work-tile:nth-child(odd) .work-tile-caption{padding-left:var(--pf-gutter)}}@media (max-width:1000px){.work-hero-foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.work-hero-foot .work-cta-link{grid-column:1/-1;margin-top:0}.case-head{grid-template-columns:minmax(0,1fr)}.case-head-foot{border-top:1px solid var(--pf-line);grid-area:auto/1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;margin-top:28px;padding-top:22px}.case-edit{grid-column:1/-1}.case-cta{grid-template-columns:minmax(0,1fr);align-items:start}.case-cta h2{grid-row:auto}}@media (max-width:700px){.case-carousel{margin-inline:0}.case-carousel-rail{padding-inline:0;scroll-padding-inline:0}.case-carousel-slide{flex-basis:100%}.case-carousel-slide .portfolio-art,.case-carousel-slide .portfolio-art img{width:100%;height:auto}.work-index{grid-template-columns:minmax(0,1fr)}.work-index:not(.work-index-compact)>.work-tile:last-child:nth-child(odd) .work-tile-media{aspect-ratio:4/5}.work-tile-caption{padding:16px var(--pf-gutter) 22px}.case-head-foot{grid-template-columns:minmax(0,1fr);margin-top:22px}.work-hero-foot{grid-template-columns:minmax(0,1fr) auto;align-items:end}.work-hero-copy{grid-column:1/-1}.work-facts>div:last-child{display:none}.work-hero-foot .work-cta-link{grid-column:auto}.work-toolbar{gap:0;padding-right:0}.work-filters{padding-right:var(--pf-gutter);flex-basis:100%;gap:24px;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.work-count{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.work-search{padding-right:var(--pf-gutter)}.case-bar-count{display:none}.portfolio-artwork{padding:0}.portfolio-cover{min-height:118vw}.portfolio-cover img{width:100%;max-height:none}.portfolio-block-images{grid-template-columns:minmax(0,1fr);gap:4px}.portfolio-block-images:has(>div:only-child:not(.is-wide))>div{width:100%}.portfolio-story{padding:40px var(--pf-gutter);grid-template-columns:minmax(0,1fr)}.portfolio-story p{grid-column:1}.portfolio-block-columns{grid-template-columns:minmax(0,1fr)}.portfolio-block-columns .portfolio-story,.portfolio-block-banner .portfolio-story{padding:24px var(--pf-gutter)}.portfolio-video>p{padding:0 var(--pf-gutter)}.case-next{grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.case-next-media{margin:0 calc(var(--pf-gutter) * -1) 8px;grid-area:1/1}.case-next-label,.case-next strong{grid-column:1}.work-index-compact{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:72%;grid-auto-flow:column;overflow-x:auto}.work-index-compact::-webkit-scrollbar{display:none}.work-index-compact>.work-tile{scroll-snap-align:start}.portfolio-lightbox-stage{inset:64px 0 84px}.portfolio-lightbox-step{top:auto;bottom:20px;translate:none}.portfolio-lightbox-prev{left:calc(50% - 56px)}.portfolio-lightbox-next{right:calc(50% - 56px)}.service-page:has(>.portfolio-experience)>.studio-contact-float{bottom:16px;right:16px}.service-page:has(>.portfolio-experience) .studio-contact-trigger{justify-content:center;gap:0;width:46px;height:46px;padding:0;font-size:0}.service-page:has(>.portfolio-experience) .studio-contact-trigger>svg{flex-shrink:0}.service-page:has(>.portfolio-experience) .studio-contact-trigger>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.portfolio-experience *,.portfolio-lightbox *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.case-client{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.case-client>img{object-fit:contain;background:var(--pf-frame);border-radius:6px;width:32px;height:32px}.case-client-links{flex-wrap:wrap;flex-basis:100%;gap:4px 14px;font-size:12px;display:flex}.case-client-links a{color:var(--pf-accent-text);text-underline-offset:3px;text-decoration:underline}