@layer components{.work-index h1,.work-index h2,.work-index p,.case-page h1,.case-page h2,.case-page h3,.case-page p,.case-page dl,.work-index dl{margin:0}.work-index__hero{position:relative;overflow:hidden;background:var(--color-dark-canvas);color:var(--color-dark-ink)}.work-index__hero:after{position:absolute;inset:auto 0 0;block-size:1px;background:var(--color-dark-line);content:""}.work-index__hero-inner{position:relative;display:grid;min-block-size:calc(100svh - 5rem);gap:var(--space-lg);align-content:space-between;padding-block:var(--space-lg)}.work-index__hero .meta-label{position:relative;z-index:1;color:var(--color-dark-muted)}.work-index__hero h1{position:relative;z-index:1;max-inline-size:9.5ch;align-self:end;font-size:clamp(3.6rem,1.5rem + 8vw,10.5rem);letter-spacing:var(--tracking-tight);line-height:.86}.work-index__intro{position:relative;z-index:1;max-inline-size:34rem;color:var(--color-dark-muted);font-size:var(--text-body-sm)}.work-index__hero-nav{position:relative;z-index:1;padding:0;margin:0;border-block-start:1px solid var(--color-dark-line);list-style:none}.work-index__hero-nav a{display:grid;min-block-size:3.75rem;grid-template-columns:2.5rem 1fr auto;gap:var(--space-sm);align-items:center;border-block-end:1px solid var(--color-dark-line);color:inherit;text-decoration:none}.work-index__hero-nav span,.work-index__hero-nav small{color:var(--color-dark-muted);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta)}.work-index__hero-nav strong{font-size:var(--text-body-sm);transition:transform var(--duration-fast) var(--ease-standard)}.work-index__hero-nav a:hover strong,.work-index__hero-nav a:focus-visible strong{transform:translate(.4rem)}.work-index__hero-nav a:hover span,.work-index__hero-nav a:focus-visible span{color:var(--color-accent)}.work-index__list{padding:0;margin:0;list-style:none}.work-project{border-block-start:var(--border-hairline) solid var(--color-line)}.work-project[data-theme=dark]{border-color:var(--color-dark-line);background:var(--color-dark-canvas);color:var(--color-dark-ink)}.work-project>article{display:grid;gap:var(--space-lg);padding-block:var(--space-xl)}.work-project__header{display:grid;gap:var(--space-md)}.work-project__index{color:var(--color-ink)}.work-project__index:before{display:inline-block;inline-size:1.5rem;block-size:.2rem;margin-inline-end:var(--space-xs);background:var(--color-accent);content:"";vertical-align:middle}.work-project[data-theme=dark] .work-project__index{color:var(--color-dark-ink)}.work-project__header>div{display:grid;gap:var(--space-md)}.work-project h2{font-size:clamp(3rem,1.5rem + 6vw,8rem);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.work-project__header>div>p{max-inline-size:42rem;color:var(--color-muted);font-size:var(--text-body)}.work-project[data-theme=dark] .work-project__header>div>p,.work-project[data-theme=dark] .work-project__meta dt{color:var(--color-dark-muted)}.work-text-link{display:inline-flex;min-block-size:2.75rem;inline-size:fit-content;gap:.75em;align-items:center;border-block-end:var(--border-hairline) solid currentColor;font-weight:650;text-decoration:none}.work-text-link span{color:var(--color-accent);transition:transform var(--duration-fast) var(--ease-standard)}.work-text-link:hover span:last-child,.work-text-link:focus-visible span:last-child{transform:translate(.14em,-.14em)}.work-project__visual{display:block;overflow:hidden;background:var(--color-surface)}.work-project__visual img{display:block;inline-size:100%;block-size:auto;transition:transform var(--duration-slow) var(--ease-out-expo)}.work-project__visual:hover img,.work-project__visual:focus-visible img{transform:scale(1.012)}.work-project__meta,.case-hero__meta{display:grid;border-block-start:var(--border-hairline) solid var(--color-line)}.work-project[data-theme=dark] .work-project__meta{border-color:var(--color-dark-line)}.work-project__meta>div,.case-hero__meta>div{display:grid;gap:var(--space-xs);padding-block:var(--space-sm);border-block-end:var(--border-hairline) solid var(--color-line)}.work-project[data-theme=dark] .work-project__meta>div{border-color:var(--color-dark-line)}.work-project__meta dt,.case-hero__meta dt{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase}.work-project__meta dd,.case-hero__meta dd{margin:0}.work-index__privacy{padding-block:var(--space-lg);color:var(--color-muted);font-size:var(--text-meta)}.case-hero{display:grid;background:var(--color-surface)}.case-hero[data-theme=dark]{background:var(--color-dark-canvas);color:var(--color-dark-ink)}.case-hero__content{display:grid;min-inline-size:0;gap:var(--space-lg);align-content:center;padding:var(--space-xl) var(--page-gutter)}.case-hero__heading{display:grid;gap:var(--space-md)}.case-hero h1{max-inline-size:9ch;font-size:clamp(3.5rem,1.5rem + 6.2vw,8.5rem);letter-spacing:var(--tracking-tight);line-height:.87}.case-hero__heading>p{max-inline-size:34rem;color:var(--color-muted);font-size:var(--text-body)}.case-hero[data-theme=dark] .case-hero__heading>p,.case-hero[data-theme=dark] .case-hero__meta dt{color:var(--color-dark-muted)}.case-hero[data-theme=dark] .case-hero__meta,.case-hero[data-theme=dark] .case-hero__meta>div{border-color:var(--color-dark-line)}.case-hero__meta dd{max-inline-size:34ch;font-size:var(--text-body-sm);line-height:1.35}.case-content{display:grid;gap:var(--space-xl);padding-block:var(--space-2xl)}.case-content__aside{display:grid;gap:var(--space-md);align-content:start}.case-content__aside>p:not(.meta-label){max-inline-size:34rem;font-size:var(--text-body)}.case-content__privacy{padding-block-start:var(--space-md);border-block-start:var(--border-hairline) solid var(--color-line);color:var(--color-muted);font-size:var(--text-meta)!important}.case-prose{min-inline-size:0}.case-chapter{position:relative;display:grid;gap:var(--space-md);padding-block:var(--space-xl);border-block-start:var(--border-hairline) solid var(--color-line)}.case-chapter:first-child{padding-block-start:0;border-block-start:0}.case-chapter__index{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--tracking-meta)}.case-chapter__inner{display:grid;gap:var(--space-lg)}.case-chapter h2{max-inline-size:13ch;font-size:clamp(2.75rem,1.5rem + 4vw,6rem);letter-spacing:var(--tracking-tight);line-height:.92}.case-chapter__body{display:grid;gap:var(--space-md)}.case-chapter__body>p{max-inline-size:60ch;color:var(--color-muted);font-size:var(--text-body-sm)}.case-chapter__body>p+p{padding-block-start:var(--space-sm)}.case-chapter__body h3{max-inline-size:22ch;padding-block-start:var(--space-md);margin-block-start:var(--space-sm);border-block-start:var(--border-hairline) solid var(--color-line);font-size:var(--text-h3);letter-spacing:-.025em;line-height:1}.case-footer{background:var(--color-dark-canvas);color:var(--color-dark-ink)}.case-footer__inner{display:grid;gap:var(--space-xl);padding-block:var(--space-xl)}.case-footer__inner>div{display:grid;gap:var(--space-md)}.case-footer h2{max-inline-size:12ch;font-size:var(--text-h2);letter-spacing:var(--tracking-tight);line-height:.96}.case-footer p{max-inline-size:38rem;color:var(--color-dark-muted);font-size:var(--text-body)}.work-text-link--inverse{color:var(--color-dark-ink)}@media(min-width:48rem){.work-index__hero-inner{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr auto;column-gap:var(--space-md)}.work-index__hero .meta-label{grid-column:1 / 4}.work-index__hero h1{grid-column:1 / 11;grid-row:2}.work-index__intro{grid-column:1 / 6;grid-row:3;align-self:end}.work-index__hero-nav{grid-column:7 / -1;grid-row:3}.work-project__header{grid-template-columns:repeat(12,minmax(0,1fr))}.work-project__index{grid-column:1 / 2}.work-project__header>div{grid-column:5 / -1}.work-project:nth-child(2n) .work-project__index{grid-column:12;grid-row:1;text-align:end}.work-project:nth-child(2n) .work-project__header>div{grid-column:1 / 9;grid-row:1}.work-project:nth-child(odd) .work-project__visual{inline-size:91.666%;margin-inline-start:auto}.work-project:nth-child(2n) .work-project__visual{inline-size:91.666%;margin-inline-end:auto}.work-project__meta{grid-template-columns:.6fr 1fr 2fr}.work-project__meta>div,.case-hero__meta>div{padding-inline:var(--space-sm);border-inline-start:var(--border-hairline) solid var(--color-line)}.work-project[data-theme=dark] .work-project__meta>div{border-inline-color:var(--color-dark-line)}.work-project__meta>div:last-child,.case-hero__meta>div:nth-child(2n){border-inline-end:var(--border-hairline) solid var(--color-line)}.work-project[data-theme=dark] .work-project__meta>div:last-child{border-inline-end-color:var(--color-dark-line)}.case-hero__meta{grid-template-columns:repeat(2,minmax(0,1fr))}.case-content{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-md);row-gap:var(--space-xl)}.case-content__aside{position:sticky;inset-block-start:var(--space-lg);grid-column:1 / 5;align-self:start}.case-prose{grid-column:6 / -1}.case-chapter{min-block-size:min(44rem,78svh);grid-template-columns:2.5rem minmax(0,1fr);align-content:center}.case-chapter__index{padding-block-start:.45rem}.case-footer__inner{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-md);row-gap:var(--space-xl)}.case-footer__inner>.work-text-link{grid-column:1 / 4;align-self:start}.case-footer__inner>div{grid-column:5 / -1}}@media(min-width:56rem){.case-hero{min-block-size:calc(100svh - 5rem);grid-template-columns:minmax(0,1fr) minmax(30rem,1fr)}.case-hero__content{padding-inline-start:max(var(--page-gutter),calc((100vw - var(--content-max)) / 2 + var(--page-gutter)))}}@media(min-width:48rem)and (max-height:40rem){.case-content__aside{position:static}.case-chapter{min-block-size:auto}}@supports (animation-timeline: view()){@media(min-width:48rem)and (prefers-reduced-motion:no-preference){.case-chapter__inner{animation:case-chapter-enter linear both;animation-range:entry 5% cover 32%;animation-timeline:view()}.case-chapter:after{position:absolute;inset:-1px auto auto 0;inline-size:5rem;block-size:2px;background:var(--color-accent);content:"";transform:scaleX(0);transform-origin:left;animation:case-chapter-line linear both;animation-range:entry 5% cover 32%;animation-timeline:view()}}}@keyframes case-chapter-enter{0%{transform:translateY(2rem)}to{transform:translateY(0)}}@keyframes case-chapter-line{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.work-text-link span,.work-project__visual img,.work-index__hero-nav strong{transition:none}.work-project__visual:hover img,.work-project__visual:focus-visible img,.work-index__hero-nav a:hover strong,.work-index__hero-nav a:focus-visible strong{transform:none}}@media(forced-colors:active){.case-chapter:after{background:CanvasText}}}