.work-list__items{list-style:none}.work-row{align-items:center;gap:var(--space-8);padding-block:var(--space-7);border-top:1px solid var(--color-border);grid-template-columns:minmax(0,7fr) minmax(0,5fr);display:grid}.work-row:nth-child(2n){grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.work-row:nth-child(2n) .work-row__media{order:2}.work-row__media{display:block}.work-row__index{margin-bottom:var(--space-4);font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-accent);display:block}.work-row__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.work-row__title{margin-bottom:var(--space-3);font-size:var(--text-3xl);font-weight:500}.work-row__title a:hover{color:var(--color-primary)}.work-row__tagline{margin-bottom:var(--space-5);font-size:var(--text-lg);color:var(--color-text-muted)}@media (max-width:899px){.work-row,.work-row:nth-child(2n){gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.work-row:nth-child(2n) .work-row__media{order:0}}.cs-related{gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-6);transition:border-color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);display:grid}.cs-related:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.cs-related strong{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500}.cs-related>span:not(.eyebrow):not(.link-arrow){color:var(--color-text-muted)}.cs-related .link-arrow{margin-top:var(--space-2);justify-self:start}.cs-hero{padding-block:calc(var(--header-h) + var(--space-8)) var(--space-7)}.cs-hero__title{max-width:18ch;margin:var(--space-3) 0 var(--space-5)}.cs-cover{margin:0 0 var(--space-6)}.cs-chapter{padding-block:var(--space-7);border-bottom:1px solid var(--color-border)}.cs-chapter__grid{gap:var(--space-6);grid-template-columns:minmax(0,4fr) minmax(0,8fr);display:grid}@media (max-width:899px){.cs-chapter__grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}}.cs-chapter__label{gap:var(--space-3);font-size:var(--text-xl);display:flex}.cs-chapter__label span{color:var(--color-accent)}.cs-chapter__content p{max-width:68ch;font-size:var(--text-lg)}.cs-lead{font-family:var(--font-display);line-height:var(--leading-snug);letter-spacing:-.03em;font-size:var(--text-2xl)!important}.cs-objectives{counter-reset:objective;list-style:none}.cs-objectives li{padding:var(--space-4) 0 var(--space-4) var(--space-8);border-bottom:1px solid var(--color-border);counter-increment:objective;position:relative}.cs-objectives li:before{content:counter(objective, decimal-leading-zero);font-family:var(--font-display);color:var(--color-accent);position:absolute;left:0}.cs-approach{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cs-approach__item{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.cs-approach__item h3{margin-bottom:var(--space-2);font-size:var(--text-lg)}.cs-approach__item p{color:var(--color-text-muted);margin:0;font-size:var(--text-sm)!important}@media (max-width:899px){.cs-approach{grid-template-columns:minmax(0,1fr)}}.cs-chapter__content p a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.cs-chapter__content .btn{margin-top:var(--space-3)}.cs-disclaimer{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm)!important}.cs-next{padding-top:var(--space-8)}.cs-next__link{padding-block:var(--space-7);border-block:1px solid var(--color-border-strong);display:block}.cs-next__link span{margin-bottom:var(--space-2);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);font-weight:600;display:block}.cs-next__link strong{font-family:var(--font-display);font-size:var(--text-3xl);transition:color var(--duration) var(--ease-out);font-weight:500}.cs-next__link:hover strong{color:var(--color-primary)}.study-visual{margin:0}.study-visual__stage{border-radius:var(--radius-lg);background:radial-gradient(#21171914 1px, transparent 1.2px) 0 0 / 18px 18px, var(--color-surface-sunken);padding:clamp(1rem,3vw,2.5rem) clamp(4.5rem,14%,9rem) clamp(1rem,3vw,2.5rem) clamp(1rem,3vw,2.5rem);position:relative;overflow:hidden}.study-visual__desktop{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;overflow:hidden;box-shadow:0 24px 50px -30px #21171980}.study-visual__desktop img,.study-visual__phone img{width:100%;height:auto;display:block}.study-visual__phone{aspect-ratio:390/760;border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:clamp(12px,2vw,22px);width:23%;position:absolute;bottom:clamp(.75rem,3vw,2rem);right:clamp(.75rem,3%,2rem);overflow:hidden;box-shadow:0 24px 50px -24px #2117198c}.study-visual__phone img{object-fit:cover;object-position:top}.study-visual figcaption{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.study-visual figcaption span{margin-right:var(--space-2);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);font-weight:600}.study-visual__desktop img{transition:transform var(--duration-slow) var(--ease-out)}@media (hover:hover){.work-row:hover .study-visual__desktop img{transform:scale(1.015)}}.study-visual--cover .study-visual__phone{width:21%}.cs-system{margin-top:var(--space-5)}.cs-identity{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.cs-identity li{gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);display:grid}.cs-identity li span{border-radius:var(--radius-md);height:5rem;box-shadow:inset 0 0 0 1px #2117191f}.cs-identity strong{color:var(--color-text)}.cs-identity .cs-identity__type{padding-top:var(--space-3);border-top:1px solid var(--color-border);grid-column:1/-1}@media (prefers-reduced-motion:reduce){.study-visual__desktop img{transition:none}}.portfolio-hero .page-hero>.container{grid-template-rows:1fr auto auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);column-gap:clamp(2rem,1rem + 4vw,6rem);display:grid}.portfolio-hero .page-hero>.container>.eyebrow{grid-area:2/1;justify-self:start}.portfolio-hero .page-hero__title{grid-area:3/1}.portfolio-hero .page-hero__intro{grid-area:4/1}.pf-art{grid-area:1/2/-1;place-self:center end;width:100%;max-width:600px;margin:0}.pf-art__svg{width:100%;height:auto;display:block;overflow:visible}.pf-art__chip-text{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;font-weight:600}.pf-art__specimen{font-family:var(--font-display);letter-spacing:-.04em;fill:var(--color-primary);font-size:24px;font-weight:550}.pf-art__caption{margin-top:var(--space-3);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);text-align:right}@media (max-width:959px){.portfolio-hero .page-hero>.container{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.portfolio-hero .page-hero>.container>.eyebrow,.portfolio-hero .page-hero__title,.portfolio-hero .page-hero__intro,.pf-art{grid-area:auto/1}.pf-art{max-width:560px;margin-top:var(--space-7);justify-self:start}.pf-art__caption{text-align:left}}@media (max-width:599px){.pf-art__chip{transform-box:fill-box;transform-origin:0 0;transform:scale(1.45)}.pf-art__chip--end{transform-origin:100% 0}}@media (prefers-reduced-motion:no-preference){.pf-art__sketch{stroke-dasharray:1;animation:.9s cubic-bezier(.4,0,.2,1) .2s both pf-draw}.pf-art__sketch--2{animation-delay:.45s}.pf-art__sketch--3{animation-delay:.75s}.pf-art__sketch--4{animation-delay:1s}.pf-art__trace{animation:.8s 1.3s both pf-fade}.pf-art__wire{stroke-dasharray:1;animation:.6s cubic-bezier(.4,0,.2,1) 1.4s both pf-draw}.pf-art__wire--2{animation-delay:1.55s}.pf-art__wire--3{animation-delay:1.7s}.pf-art__wire--4{animation-delay:1.85s}.pf-art__signal{animation:1.8s linear 2.4s infinite both pf-signal}.pf-art__signal--late{animation-delay:3.3s}.pf-art__piece{animation:.7s cubic-bezier(.2,.7,.2,1) 2s both pf-assemble}.pf-art__piece--2{animation-delay:2.15s}.pf-art__piece--3{animation-delay:2.3s}.pf-art__piece--4{animation-delay:2.45s}.pf-art__piece--5{animation-delay:2.6s}.pf-art__piece--6{animation-delay:2.75s}.pf-art__knob{animation:5s ease-in-out 3.5s infinite pf-knob}.pf-art__track{animation:5s ease-in-out 3.5s infinite pf-track}.pf-art__cursor{animation:5s cubic-bezier(.4,0,.2,1) 3.2s infinite both pf-cursor}.pf-art__click{transform-box:fill-box;transform-origin:50%;animation:5s ease-out 3.2s infinite both pf-click}.pf-art__cta{transform-box:fill-box;transform-origin:50%;animation:5s ease-out 3.2s infinite pf-press}}@media (prefers-reduced-motion:reduce){.pf-art__click,.pf-art__signal{display:none}}@keyframes pf-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes pf-fade{0%{opacity:0}}@keyframes pf-signal{0%{stroke-dashoffset:0}to{stroke-dashoffset:-21px}}@keyframes pf-assemble{0%{opacity:0;transform:translateY(10px)}}@keyframes pf-knob{0%,40%{transform:translate(0)}50%,90%{transform:translate(-22px)}to{transform:translate(0)}}@keyframes pf-track{0%,40%{fill-opacity:.9}50%,90%{fill-opacity:.25}to{fill-opacity:.9}}@keyframes pf-cursor{0%{opacity:0;transform:translate(26px,22px)}18%{opacity:1;transform:translate(0)}24%{transform:translate(0)scale(.88)}30%{transform:translate(0)scale(1)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes pf-click{0%,22%{opacity:0;transform:scale(.4)}26%{opacity:.7}48%,to{opacity:0;transform:scale(1.7)}}@keyframes pf-press{0%,22%{transform:scale(1)}26%{transform:scale(.92)}32%,to{transform:scale(1)}}
