.portfolio-home{background:var(--color-bg);color:var(--color-text)}.selected-work{margin:0 1rem;display:grid;grid-template-columns:6fr 10fr;gap:.5rem;position:relative}.work-story{height:100svh;position:sticky;top:0;padding:30svh .75rem 1.75rem;display:flex;flex-direction:column}.work-story h2,.work-story h3{font:500 2.375rem/1.1 var(--font-display);letter-spacing:-.01em}.work-story h3,.work-story-copy{color:var(--color-muted)}.work-story-copy{max-width:18.375rem;margin-top:auto;padding-top:3rem;font:400 1rem/1.25rem var(--font-sans)}.work-story-meta{display:flex;gap:1rem;align-items:center;padding-top:3rem}.work-story-meta img{width:2.5rem;height:2.5rem;-o-object-fit:cover;object-fit:cover}.work-story-meta p{font:400 .875rem/1.09375rem var(--font-sans)}.work-story-meta span{display:block;font:400 .5625rem/1 var(--font-ui);letter-spacing:-.02em;text-transform:uppercase;color:var(--color-muted);margin-top:.4375rem}.work-gallery{display:flex;flex-direction:column;gap:.75rem;min-width:0;padding-right:.875rem}.work-project{scroll-margin-top:1rem}.project-link{display:block}.project-visual{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:.375rem;background:var(--color-panel)}.project-visual>img,.project-visual>video{position:absolute;inset:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.project-visual>video{opacity:0}.project-visual>video.is-ready{opacity:1}.project-view{position:absolute;left:var(--pointer-x,50%);top:var(--pointer-y,50%);transform:translate(-50%,-50%);display:flex;align-items:center;gap:1.25rem;opacity:0;pointer-events:none;transition:opacity .16s;background:#ffffff18;backdrop-filter:blur(1rem);border-radius:.25rem;padding:1.0625rem;font:400 .6875rem/1 var(--font-ui);text-transform:uppercase}.project-view svg{width:.75rem;height:.75rem}.project-pause{position:absolute;bottom:.5rem;right:.5rem;border:1px solid #ffffff55;border-radius:50%;width:1.5rem;height:1.5rem;color:#ffffff88;z-index:3;font-size:.6875rem}.project-mobile-info{display:none}@media(max-width:74.5625rem){.selected-work{display:block}.work-story-column{display:none}.work-gallery{padding:0;gap:2.5rem}.project-mobile-info{display:block;padding:.75rem 0 0}.project-mobile-info h3,.project-mobile-info p{font:500 1.625rem/1.2 var(--font-display)}.project-mobile-info p{color:var(--color-muted)}.project-mobile-info span{display:block;font:400 .5625rem/1 var(--font-ui);text-transform:uppercase;color:var(--color-muted);margin-top:1rem}}@media(max-width:52.0625rem){.project-visual{aspect-ratio:4/3}.project-view{display:none}.work-gallery{gap:2rem}}.mobile-work-title{display:none}.project-visual>.project-link{position:absolute;inset:0}.project-visual>.project-link>img,.project-visual>.project-link>video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-visual>.project-link>video{opacity:0}.project-visual>.project-link>video.is-ready{opacity:1}@media(max-width:74.5625rem){.mobile-work-title{display:block;font:500 1.625rem/1.2 var(--font-display);margin-bottom:2rem}.project-mobile-info h3,.project-mobile-info p{font:400 1rem/1.25 var(--font-sans)}.project-mobile-info span{display:none}}@media(max-width:52.0625rem){.project-mobile-info h3,.project-mobile-info p{font-size:.9375rem}.project-mobile-info{padding-top:.75rem}}@media(min-width:74.625rem){.selected-work{grid-template-columns:repeat(16,minmax(0,1fr))}.work-story-column{grid-column:span 6}.work-gallery{grid-column:span 10;padding-right:0}}.project-mobile-info>a{display:block;position:relative;padding-right:1.5rem}.project-mobile-info svg{position:absolute;right:0;top:.25rem;width:.6875rem;height:.6875rem;color:var(--color-muted)}.project-link:focus-visible .project-view{opacity:1;left:50%;top:50%}@media(hover:hover) and (pointer:fine){.project-link{cursor:none}.project-link:hover .project-view{opacity:1}}@media(prefers-reduced-motion:reduce){.project-view,.project-visual video{transition:none}}@media(max-width:52.0625rem){.portfolio-home .jk-footer{padding-top:4rem}}.portfolio-intro{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:8rem 1.75rem 6rem}.portfolio-intro-title h1,.portfolio-intro-title p{font:500 3rem/1 var(--font-display);letter-spacing:-.01em}.portfolio-intro-title p{color:var(--color-muted)}.portfolio-intro-copy{font:500 2.375rem/1.1 var(--font-display);letter-spacing:-.01em;max-width:41.25rem}.portfolio-intro-credit{margin-top:1.5rem;color:var(--color-muted);font:400 1.125rem/1.5 var(--font-sans);letter-spacing:0;max-width:34rem}@media(max-width:74.5625rem){.portfolio-intro{grid-template-columns:1fr;gap:3rem}.portfolio-intro-copy{max-width:41.25rem}}@media(max-width:52.0625rem){.portfolio-intro{padding:7rem 1rem 4rem;gap:2.5rem}.portfolio-intro-title h1,.portfolio-intro-title p{font-size:2.25rem;letter-spacing:0}.portfolio-intro-copy{font-size:1.625rem;line-height:1.2;letter-spacing:0}.portfolio-intro-credit{font-size:1rem}}.work-story{margin-top:-100svh;opacity:var(--story-reveal,0)}.work-story-titles{position:relative;overflow:hidden}.work-story h3.work-story-title{position:absolute;bottom:0;left:0;width:100%;transform:translateY(100%);transition:transform 133ms cubic-bezier(.75,0,.85,1)}.work-story h3.work-story-title:first-child{position:relative}.work-story h3.work-story-title.is-before{transform:translateY(-100%)}.work-story h3.work-story-title.is-active{transform:translateY(0);transition-duration:333ms;transition-timing-function:cubic-bezier(0,0,0,1)}.work-story-copy,.work-story-meta-stack{position:relative}.work-story-layer{position:absolute;bottom:0;left:0;width:100%;opacity:0;pointer-events:none;transition:opacity 167ms linear}.work-story-layer:first-child{position:relative}.work-story-layer.is-active{opacity:1;pointer-events:auto;transition-delay:333ms}@media(min-width:74.625rem){.work-project{opacity:.2;transition:opacity 167ms linear}.work-project.is-active,.work-project:focus-within{opacity:1}}@media(prefers-reduced-motion:reduce){.work-project,.work-story h3.work-story-title,.work-story-layer{transition:none}}@media(min-width:74.625rem) and (max-height:43.75rem){.work-story{padding-top:clamp(5rem,calc(80svh - 20rem),30svh)}.work-story-copy{max-width:24rem}}