@layer components{.work-section__heading{gap:1rem 3rem;margin-bottom:clamp(1.75rem,1.2rem + 2vw,2.75rem);display:grid}.work-section__heading h2{font-family:var(--font-sora), sans-serif;font-size:var(--font-size-h2);letter-spacing:var(--tracking-display);font-weight:600;line-height:var(--leading-heading);margin-top:.6rem}.work-section__heading>p{max-width:34rem;color:var(--muted-foreground);font-size:var(--font-size-base);line-height:var(--leading-body)}@media (min-width:1024px){.work-section__heading{grid-template-columns:minmax(0,1fr) minmax(0,26rem);align-items:end}}.work-section__more{margin-top:1rem}.work-bento{gap:var(--grid-gap);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1024px){.work-bento{grid-template-columns:repeat(12,minmax(0,1fr))}.work-bento>*{grid-column:1/-1}}.work-chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.work-tile{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-1);min-width:0;container-type:inline-size}.work-tile__title{font-family:var(--font-sora), sans-serif;font-size:var(--font-size-h3);letter-spacing:var(--tracking-heading);font-weight:600;line-height:var(--leading-heading);text-wrap:balance}.work-tile__summary{max-width:40rem;color:var(--muted-foreground);font-size:var(--font-size-base);line-height:var(--leading-body)}.work-tile__actions{flex-wrap:wrap;align-items:center;gap:0 1.5rem;display:flex}.work-tile .text-link:hover,.work-climate__hub:hover,.work-explore>.text-link:hover,.work-section__more:hover{text-underline-offset:.25em;text-decoration:underline}.work-tile--featured{border-color:var(--line-accent);border-radius:var(--radius-media);background:linear-gradient(135deg, var(--accent-wash), transparent 55%), var(--surface-1);box-shadow:var(--shadow-1);padding:clamp(.75rem,.5rem + 1vw,1.25rem)}.work-tile__layout{gap:1.5rem;display:grid}.work-tile__body{align-content:center;justify-items:start;gap:.85rem;padding:.25rem .5rem .5rem;display:grid}@container (min-width:44rem){.work-tile__layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(1.5rem,3cqi,2.75rem)}.work-tile__body{padding:.5rem 1rem .5rem 0}}.browser-frame{border:1px solid var(--line);border-radius:var(--radius-media);background:var(--card);box-shadow:var(--shadow-2);overflow:hidden}.browser-frame__bar{border-bottom:1px solid var(--line);background:var(--surface-2);gap:.375rem;padding:.6rem .85rem;display:flex}.browser-frame__bar span{background:color-mix(in oklab, var(--foreground) 22%, transparent);border-radius:999px;width:.55rem;height:.55rem}.browser-frame img{width:100%;height:auto;display:block}.work-climate{border:1px solid var(--line);border-radius:var(--radius-media);background:var(--surface-1);gap:1.25rem;padding:clamp(1rem,.6rem + 1.6vw,1.75rem);display:grid}.work-climate__header{gap:.5rem;max-width:52rem;display:grid}.work-climate__header p:last-child{color:var(--muted-foreground);font-size:var(--font-size-base);line-height:var(--leading-body)}.work-climate__grid{gap:var(--grid-gap);display:grid}@media (min-width:1024px){.work-climate__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.work-tile--climate{background:var(--surface-2);align-content:start;justify-items:start;gap:.9rem;padding:clamp(1rem,.75rem + 1vw,1.5rem);display:grid}.work-tile--climate .method-diagram{justify-self:stretch}.work-tile--climate .text-link{margin-top:auto}.work-climate__hub{justify-self:start}.work-explore{border:1px dashed var(--line);border-radius:var(--radius-media);gap:1.25rem;padding:clamp(1rem,.6rem + 1.6vw,1.75rem);display:grid}.work-explore__header{gap:.4rem;display:grid}.work-explore__title{font-family:var(--font-sora), sans-serif;font-size:var(--font-size-h4);letter-spacing:var(--tracking-heading);font-weight:600}.work-explore__header p{max-width:44rem;color:var(--muted-foreground);font-size:var(--font-size-sm);line-height:var(--leading-body)}.work-explore__list{gap:var(--grid-gap);margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.work-explore__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.work-explore__row{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-1);align-content:start;justify-items:start;gap:.6rem;padding:1rem 1.15rem;display:grid}.work-explore__item-title{font-family:var(--font-sora), sans-serif;font-size:var(--font-size-h4);font-weight:600}.work-explore__row p{color:var(--muted-foreground);font-size:var(--font-size-sm);line-height:var(--leading-body)}.work-explore>.text-link{justify-self:start}.projects-cta-band{border:1px solid var(--line-accent);border-radius:var(--radius-media);background:linear-gradient(120deg, var(--accent-wash), transparent 70%), var(--surface-1);gap:1.25rem;margin-top:clamp(1.75rem,1.2rem + 2vw,2.75rem);padding:clamp(1.25rem,.8rem + 2vw,2rem);display:grid}.projects-cta-band :is(h2,h3){font-family:var(--font-sora), sans-serif;font-size:var(--font-size-h3);letter-spacing:var(--tracking-heading);font-weight:600;line-height:var(--leading-heading)}.projects-cta-band p{max-width:40rem;color:var(--muted-foreground);line-height:var(--leading-body);margin-top:.5rem}@media (min-width:768px){.projects-cta-band{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.method-diagram{gap:.6rem;width:100%;margin:0;display:grid;container-type:inline-size}.method-diagram ol{gap:1.6rem;margin:0;padding:0;list-style:none;display:grid}.method-diagram li{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-2);color:var(--foreground);font-size:var(--font-size-sm);padding:.65rem .8rem;line-height:1.45;position:relative}.method-diagram li:not(:last-child):after{content:"↓";content:"↓" / "";color:var(--accent);font-size:var(--font-size-sm);line-height:1.6rem;position:absolute;top:100%;left:50%;translate:-50%}@container (min-width:36rem){.method-diagram ol{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.method-diagram li:not(:last-child):after{content:"→";content:"→" / "";text-align:center;width:1.6rem;top:50%;left:100%;translate:0 -50%}}.method-diagram figcaption{color:var(--muted-foreground)}.project-facts{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-2);align-content:start;gap:.75rem;padding:1.15rem 1.25rem;display:grid}.project-facts dl{margin:0;display:grid}.project-facts__row{border-top:1px solid var(--line);gap:.2rem;padding-block:.7rem;display:grid}.project-facts dt{color:var(--muted-foreground);font-size:var(--font-size-xs);font-weight:600}.project-facts dd{color:var(--foreground);font-size:var(--font-size-sm);margin:0;line-height:1.5}.project-facts__chips{flex-wrap:wrap;gap:.35rem;margin:.15rem 0 0;padding:0;list-style:none;display:flex}.project-facts .chip,.case-services .chip{min-height:1.75rem;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out)}.project-facts .chip:hover,.case-services .chip:hover{border-color:var(--line-accent);color:var(--accent)}.project-facts__link{color:var(--accent);text-underline-offset:.2em;font-weight:600;text-decoration:underline}.case-hero{gap:2rem;display:grid}.case-hero__copy{justify-items:start;gap:1rem;display:grid}.case-hero h1,.projects-page__header h1{max-width:18ch;font-family:var(--font-sora), sans-serif;font-size:var(--font-size-display);letter-spacing:var(--tracking-display);font-weight:600;line-height:var(--leading-display);text-wrap:balance}.case-hero__lede,.projects-page__lede{max-width:44rem;color:var(--muted-foreground);font-size:var(--font-size-lg);line-height:var(--leading-body)}.case-hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}@media (min-width:1024px){.case-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:3rem}.case-hero__facts{position:sticky;top:6rem}}.case-media{gap:.75rem;margin:0;display:grid}.case-media figcaption{color:var(--muted-foreground);font-size:var(--font-size-xs);line-height:1.5}.case-built{gap:var(--grid-gap);margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.case-built{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.case-built{grid-template-columns:repeat(3,minmax(0,1fr))}}.case-built li{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-1);align-content:start;gap:.5rem;padding:1.1rem 1.15rem;display:grid}.case-built svg{width:1.25rem;height:1.25rem;color:var(--accent)}.case-built h3{font-family:var(--font-sora), sans-serif;font-size:var(--font-size-h4);font-weight:600}.case-built p{font-size:var(--font-size-sm)}.projects-page__header{gap:1rem;max-width:52rem;display:grid}::view-transition-group(.morph){animation-duration:.38s;animation-timing-function:var(--ease-out)}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}}