.study-case{padding-block:var(--studio-space-8) var(--studio-section-space)}.study-case .study-back{display:inline-flex;align-items:center;min-block-size:var(--studio-control-size);margin-block-end:var(--studio-space-12);font:var(--studio-type-action);color:var(--studio-muted-color)}.study-case-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:var(--studio-section-gap);margin-block-end:var(--studio-space-12)}.study-case-intro>*{min-inline-size:0}.study-case .editorial-label{margin:0;font:var(--studio-type-meta);letter-spacing:var(--studio-meta-tracking);text-transform:none}.study-case h1{margin:var(--studio-space-6) 0 0;font:var(--studio-type-page-title);letter-spacing:-.055em;overflow-wrap:break-word;text-wrap:balance}.study-case-summary{margin:0 0 var(--studio-space-4);font-size:clamp(var(--studio-body-size),1.6vw,1.5rem);line-height:1.45;letter-spacing:-.025em}.study-case-media>img{display:block;inline-size:100%;block-size:auto}.study-case-media{inline-size:calc(100% + var(--studio-gutter) + var(--studio-gutter));margin-inline:calc(-1 * var(--studio-gutter))}.study-case-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--studio-space-6) var(--studio-section-gap);align-items:start;padding-block:var(--studio-space-8) var(--studio-space-12)}.study-case-facts{grid-column:1;grid-row:1;margin:0}.study-case-facts dt{font:var(--studio-type-meta);color:var(--studio-muted-color)}.study-case-facts dd{max-inline-size:var(--studio-reading-measure);margin:var(--studio-space-2) 0 0;font-size:var(--studio-small-size)}.study-case .study-experience{grid-column:2;grid-row:1;justify-self:end;max-inline-size:100%}.study-experience>span:first-child{min-inline-size:0;overflow-wrap:anywhere}.study-case-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--studio-section-gap);padding-block:clamp(var(--studio-space-8),5vw,var(--studio-space-16));border-block-start:1px solid var(--studio-divider-color)}.study-case-section h2{max-inline-size:var(--studio-section-title-measure);margin:0;font:var(--studio-type-reading-title);letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word}.study-case-section p{max-inline-size:var(--studio-reading-measure);margin:0;font-size:var(--studio-body-size);line-height:1.65}.study-case :is(.closing-cta,.next-project){inline-size:100%;min-block-size:0;padding-block:var(--studio-section-space)}.study-case :is(.closing-cta h2,.next-project a){font:var(--studio-type-section-title);letter-spacing:-.045em}.study-case .closing-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--studio-space-6) var(--studio-section-gap)}.study-case .closing-cta h2{max-inline-size:var(--studio-section-title-measure);margin:0}.study-case .closing-cta>.button{justify-self:end}.study-case .next-project a>span{min-inline-size:0}.study-case .next-project a>span:last-child{flex-shrink:0}.study-case .next-project{padding-block:var(--studio-space-8) 0}.study-case .next-project a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.45fr) auto;align-items:center;justify-content:space-between;gap:clamp(var(--studio-space-4),3vw,var(--studio-space-12));margin-block-start:var(--studio-space-8);padding-block-end:var(--studio-space-4);overflow-wrap:anywhere;text-wrap:balance}.study-case .next-project a:after{content:"";position:absolute;inset:auto 0 0;block-size:1px;background:currentColor;transform:scaleX(0);transform-origin:left;pointer-events:none}.study-case .next-project a:focus-visible:after{transform:scaleX(1)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.study-case .next-project a:after{transition:transform calc(var(--studio-motion-unit) * 3) var(--curve)}.study-case .next-project a:hover:after{transform:scaleX(1)}.study-case .next-project a:focus-visible:after{transition:none}}.study-case .next-project-title{grid-column:1;grid-row:1;font:var(--studio-type-project-name);letter-spacing:-.045em}.study-case .next-project-art{grid-column:2;grid-row:1;overflow:hidden;aspect-ratio:8/5;background:var(--studio-porcelain)}.study-case .next-project-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform calc(var(--studio-motion-unit) * 3) var(--curve)}.study-case .next-project-arrow{grid-column:3;grid-row:1;font-size:var(--studio-control-icon-size);transition:transform var(--motion-micro) var(--curve)}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.study-case .next-project a:focus-visible .next-project-art img,.study-case .next-project a:hover .next-project-art img{transform:scale(1.035)}.study-case .next-project a:focus-visible .next-project-arrow,.study-case .next-project a:hover .next-project-arrow{transform:translate(var(--studio-motion-nudge),calc(-1 * var(--studio-motion-nudge)))}}@media (max-width:800px){.study-case .study-back,.study-case-intro{margin-block-end:var(--studio-space-8)}.study-case-intro{gap:var(--studio-space-6)}.study-case .closing-cta,.study-case-intro,.study-case-section{grid-template-columns:minmax(0,1fr)}.study-case .closing-cta>.button{justify-self:start}.study-case .next-project a{grid-template-columns:minmax(0,.5fr) minmax(0,1fr) auto;gap:var(--studio-control-gap)}.study-case .next-project-art{grid-column:1}.study-case .next-project-title{grid-column:2}}@media (max-width:500px){.study-case-details{grid-template-columns:minmax(0,1fr)}.study-case-details>:is(.study-case-facts,.study-experience){grid-column:auto;grid-row:auto;justify-self:start}}.study-collection-links:has(.collection-row-preview){--preview-motion-unit:var(--studio-motion-unit);--preview-handoff-duration:calc(var(--preview-motion-unit) * 4);--preview-film-duration:calc(var(--preview-motion-unit) * 2);--preview-picture-entry-scale:1.3;--preview-picture-rest-scale:1;--preview-picture-settle-duration:calc(var(--preview-motion-unit) * 10);--preview-picture-settle-curve:cubic-bezier(0.22,1,0.36,1);--preview-handoff-curve:cubic-bezier(0.4,0,0.15,1);--preview-travel-x:0%;--preview-travel-y:100%;--preview-row-layer:0;--preview-artwork-layer:1;position:relative;isolation:isolate}.collection-row-preview{display:none;pointer-events:none}.collection-row-preview-current{display:none}@media (min-width:1100px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.collection-row-preview{display:block;position:absolute;inset:0 auto auto 0;z-index:var(--preview-artwork-layer);inline-size:min(clamp(14rem,26vw,24rem),60vh);aspect-ratio:8/5;opacity:0;transition:opacity var(--preview-handoff-duration) var(--preview-handoff-curve)}.collection-row-preview-screen{position:absolute;inset:0;overflow:clip;isolation:isolate;background:var(--studio-porcelain)}.collection-row-preview [data-preview-media]{position:absolute;inset:0;inline-size:100%;block-size:100%;overflow:clip;opacity:0;transform:translate(var(--preview-travel-x),var(--preview-travel-y));transition:transform var(--preview-handoff-duration) var(--preview-handoff-curve)}.collection-row-preview [data-preview-leaving]{opacity:1;transform:translate(calc(-1 * var(--preview-travel-x)),calc(-1 * var(--preview-travel-y)))}.collection-row-preview [data-preview-visible]{opacity:1;transform:translate(0);z-index:1}.collection-row-preview :is(img,video){position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;transform:translate(calc(-1 * var(--preview-travel-x)),calc(-1 * var(--preview-travel-y)));scale:calc(var(--preview-picture-entry-scale) * var(--preview-picture-rest-scale));transition:transform var(--preview-handoff-duration) var(--preview-handoff-curve),scale var(--preview-picture-settle-duration) var(--preview-picture-settle-curve)}.collection-row-preview [data-preview-leaving] :is(img,video){transform:translate(var(--preview-travel-x),var(--preview-travel-y));scale:var(--preview-picture-rest-scale)}.collection-row-preview [data-preview-visible] :is(img,video){transform:translate(0);scale:var(--preview-picture-rest-scale)}.collection-row-preview [data-preview-axis=horizontal]{--preview-travel-x:-100%;--preview-travel-y:0%}.collection-row-preview [data-preview-reposition],.collection-row-preview [data-preview-reposition] :is(img,video){transition:none}.collection-row-preview video{opacity:0;transition:transform var(--preview-handoff-duration) var(--preview-handoff-curve),scale var(--preview-picture-settle-duration) var(--preview-picture-settle-curve),opacity var(--preview-film-duration) var(--preview-handoff-curve)}.collection-row-preview [data-film-ready] video{opacity:1}.collection-row-preview-caption{position:absolute;inset:auto 0 0;padding:var(--studio-space-6) var(--studio-space-3) var(--studio-space-3);color:#fff;background:linear-gradient(transparent,#090d11b8);font:var(--studio-type-meta);letter-spacing:var(--studio-meta-tracking)}[data-preview-edge=led] .collection-row-preview{--preview-led-width:calc(var(--studio-space-1) / 2);--preview-led-spectrum:linear-gradient(115deg,#ff526b,#ffad39 18%,#ffef7c 32%,#7ef5ab 47%,#55ddff 62%,#9378ff 79%,#ff69cc)}[data-preview-edge=led] .collection-row-preview:after,[data-preview-edge=led] .collection-row-preview:before{content:"";position:absolute;inset:calc(-1 * var(--preview-led-width));background:var(--preview-led-spectrum);border-radius:var(--studio-control-radius);padding:var(--preview-led-width);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}[data-preview-edge=led] .collection-row-preview:after{filter:blur(var(--studio-space-2));opacity:.22;z-index:-2}[data-preview-powerup] .collection-row-preview{--preview-powerup-duration:calc(var(--preview-motion-unit) * 6)}[data-preview-powerup] .collection-row-preview-current{display:block;position:absolute;inset:calc(-.5 * var(--preview-led-width));inline-size:calc(100% + var(--preview-led-width));block-size:calc(100% + var(--preview-led-width));overflow:visible;z-index:2;filter:drop-shadow(0 0 var(--preview-led-width) #fff7ce)}.collection-row-preview-current path{fill:none;stroke:#fffbe6;stroke-width:var(--preview-led-width);stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:.12 .88;stroke-dashoffset:.12;opacity:0}[data-preview-charging] .collection-row-preview-current path{animation:preview-led-current var(--preview-powerup-duration) var(--preview-handoff-curve) var(--preview-motion-unit) both}[data-preview-charging] .collection-row-preview:before{animation:preview-led-awake var(--preview-powerup-duration) var(--preview-handoff-curve) var(--preview-motion-unit) both}.study-collection-links[data-preview-active] .collection-row-preview{opacity:1}[data-preview-closing] .collection-row-preview{transition-duration:var(--preview-powerup-duration)}.portfolio-home .study-collection-links:has(.collection-row-preview)>a{position:relative;z-index:var(--preview-row-layer);transition:color var(--preview-handoff-duration) var(--preview-handoff-curve)}.study-collection-links:has(.collection-row-preview)>a:after{content:"";position:absolute;inset-inline:0;bottom:-1px;block-size:calc(var(--studio-space-1) / 2);background:var(--studio-ink);pointer-events:none;opacity:0;transform:scaleY(.5);transform-origin:bottom;transition:opacity var(--preview-handoff-duration) var(--preview-handoff-curve),transform var(--preview-handoff-duration) var(--preview-handoff-curve)}.study-collection-links>a[data-preview-current]:after{opacity:.75;transform:scaleY(1)}.study-collection-links[data-preview-active]>a:not([data-preview-current]){color:color-mix(in srgb,var(--studio-ink) 42%,var(--studio-porcelain))}.study-collection-links[data-preview-active]>a:not([data-preview-current]) small{color:inherit}.portfolio-home .study-collection-links>a[data-preview-current]:hover{background:transparent}:root:has(.study-collection-links[data-preview-active]) .studio-fluid-wake{visibility:hidden}}@keyframes preview-led-current{0%{stroke-dashoffset:.12;opacity:0}10%,85%{opacity:1}to{stroke-dashoffset:-1;opacity:0}}@keyframes preview-led-awake{0%{opacity:.25}to{opacity:1}}.study-work{padding-block-end:var(--studio-section-space)}.study-index-intro{padding-block:var(--studio-section-space)}.study-index-intro :is(h1,h2){margin:0;font:var(--studio-type-page-heading);letter-spacing:-.055em;overflow-wrap:break-word}.study-index-intro :is(h1,h2) sup{font:var(--studio-type-meta);vertical-align:super;margin-left:var(--studio-space-4);letter-spacing:0}.study-filter-bar{border-block:1px solid var(--studio-divider-strong-color);padding-block:var(--studio-space-6);display:grid;gap:var(--studio-space-6);align-items:stretch}.study-filter-bar nav{display:flex;gap:var(--studio-space-6);flex-wrap:wrap}.study-filter-bar nav a{color:var(--studio-muted-color);display:inline-flex;align-items:center;min-block-size:var(--studio-control-size);font:var(--studio-type-action)}.study-filter-bar nav a[aria-current]{color:var(--studio-ink);box-shadow:0 1px currentColor}.study-filter-bar form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--studio-space-2) var(--studio-space-6);align-items:end}.study-filter-bar label{font:var(--studio-type-meta);color:var(--studio-muted-color)}.study-filter-bar label[for=group]{grid-column:1;grid-row:1}.study-filter-bar label[for=capability]{grid-column:2;grid-row:1}.study-filter-bar #group{grid-column:1;grid-row:2}.study-filter-bar #capability{grid-column:2;grid-row:2}.study-filter-bar button,.study-filter-bar select{min-inline-size:0;min-block-size:var(--studio-control-size);border:0;border-block-end:1px solid var(--studio-divider-strong-color);border-radius:0;padding:var(--studio-space-3) 0;color:var(--studio-ink);background:transparent}.study-filter-bar select{inline-size:100%;font-size:var(--studio-field-size)}.study-filter-bar button{grid-column:3;grid-row:2;font:var(--studio-type-action);font-weight:650;padding-inline:var(--studio-space-6);border:0;background:var(--studio-ink);color:var(--studio-porcelain);cursor:pointer}.study-filter-bar button:active{opacity:.8}.study-filter-bar select:focus-visible{border-color:var(--studio-ink)}.study-result-count{font:var(--studio-type-meta);color:var(--studio-muted-color);margin:var(--studio-space-6) 0}.study-collection-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.study-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--studio-section-gap)}.study-card{min-width:0}.study-card-image{aspect-ratio:8/5;overflow:hidden;background:var(--studio-card-surface)}.study-card-image img{width:100%;height:100%;display:block;transition:transform var(--motion-component) var(--curve)}.study-card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--studio-space-4);margin-top:var(--studio-space-4)}.study-card-meta h2{font:var(--studio-type-project-name);letter-spacing:-.045em;margin:0}.study-card-meta>span{transition:transform var(--motion-micro) var(--curve)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.study-card a:hover .study-card-meta>span{transform:translate(var(--studio-motion-nudge),calc(-1 * var(--studio-motion-nudge)))}}@media (prefers-reduced-motion:reduce){.study-card-meta>span{transition:none}}.study-card-status{margin:5px 0 0;color:var(--studio-muted-color);font:var(--studio-type-meta);text-transform:capitalize}.study-card-purpose{font-size:var(--studio-small-size);line-height:1.5;color:var(--studio-reading-color);margin:var(--studio-space-2) 0 0}.study-card a:focus-visible{display:block;outline:2px solid var(--studio-ink);outline-offset:5px}.study-empty{padding:60px var(--studio-gutter)}.study-empty h2{font:var(--studio-type-section-title);letter-spacing:-.045em}.study-empty p{color:var(--studio-muted-color);font-size:var(--studio-action-size)}.study-empty a{display:inline-block;margin-top:20px;border-bottom:1px solid}@media (max-width:600px){.study-work-grid{grid-template-columns:minmax(0,1fr)}.study-filter-bar nav{gap:var(--studio-space-4)}.study-filter-bar form{grid-template-columns:minmax(0,1fr) auto}.study-filter-bar label[for=capability]{grid-column:1;grid-row:3}.study-filter-bar #capability{grid-column:1;grid-row:4}.study-filter-bar #group{grid-column:1/-1}.study-filter-bar button{grid-column:2;grid-row:4}}