.work-hero.svelte-oqsuc6{background:radial-gradient(circle at 78% 20%, var(--hero-glow), transparent 32%);padding-top:190px;padding-bottom:105px}.work-hero.svelte-oqsuc6 h1:where(.svelte-oqsuc6){max-width:820px}.work-hero.svelte-oqsuc6>p:where(.svelte-oqsuc6):last-child{max-width:650px;color:var(--ink-soft);margin-top:24px;font-size:1.05rem}.website-section.svelte-oqsuc6{background:var(--contact-gradient);color:var(--on-dark)}.website-section.svelte-oqsuc6 .project-heading:where(.svelte-oqsuc6)>p:where(.svelte-oqsuc6){color:var(--on-dark-soft);opacity:1}.application-section.svelte-oqsuc6{color:#fffaf5;background:radial-gradient(circle at 85% 8%,#ea580c40,#0000 28%),linear-gradient(145deg,#050403,#100907 52%,#211008)}.project-heading.svelte-oqsuc6{border-bottom:1px solid;grid-template-columns:48px minmax(0,1.35fr) minmax(240px,.65fr);align-items:end;gap:28px;margin-bottom:44px;padding-bottom:28px;display:grid}.project-heading.svelte-oqsuc6>span:where(.svelte-oqsuc6),.project-heading.svelte-oqsuc6 .work-kicker:where(.svelte-oqsuc6){color:currentColor;opacity:.7}.project-heading.svelte-oqsuc6 h2:where(.svelte-oqsuc6){max-width:700px;font-size:clamp(2.35rem,4vw,4rem)}.project-heading.svelte-oqsuc6>p:where(.svelte-oqsuc6){opacity:.75}.website-grid.svelte-oqsuc6{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.website-card.svelte-oqsuc6,.application-card.svelte-oqsuc6{border-radius:22px;transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}.website-card.svelte-oqsuc6{color:#21120d;background:#fffffff2;border:1px solid #4e1d0829;box-shadow:0 24px 50px #5b23092b}.website-card.svelte-oqsuc6:hover,.application-card.svelte-oqsuc6:hover{transform:translateY(-8px)}.project-image.svelte-oqsuc6{display:block;overflow:hidden}.browser-bar.svelte-oqsuc6{background:#f6eee9;align-items:center;gap:6px;height:32px;padding:0 15px;display:flex}.browser-bar.svelte-oqsuc6 i:where(.svelte-oqsuc6){background:#ef4444;border-radius:50%;width:7px;height:7px}.browser-bar.svelte-oqsuc6 i:where(.svelte-oqsuc6):nth-child(2){background:#f97316}.browser-bar.svelte-oqsuc6 i:where(.svelte-oqsuc6):nth-child(3){background:#fbbf24}.project-image.svelte-oqsuc6 img:where(.svelte-oqsuc6){aspect-ratio:1200/750;object-fit:cover;object-position:top;width:100%;transition:transform .5s;display:block}.website-card.svelte-oqsuc6:hover img:where(.svelte-oqsuc6),.application-card.svelte-oqsuc6:hover img:where(.svelte-oqsuc6){transform:scale(1.045)}.project-copy.svelte-oqsuc6{flex-direction:column;justify-content:center;padding:28px;display:flex}.project-type.svelte-oqsuc6{color:#c2410c;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.68rem;font-weight:800}.project-copy.svelte-oqsuc6 h3:where(.svelte-oqsuc6){margin-bottom:12px;font-size:1.75rem}.project-copy.svelte-oqsuc6>p:where(.svelte-oqsuc6):not(.project-type){opacity:.72;margin-bottom:24px}.case-link.svelte-oqsuc6{border-bottom:1px solid;gap:10px;width:max-content;padding-bottom:4px;font-size:.78rem;font-weight:800;display:inline-flex}.application-card.svelte-oqsuc6{color:#fffaf5;background:#140d0af5;border-color:#f973163d;box-shadow:0 28px 70px #0000004d}.application-card.svelte-oqsuc6 .browser-bar:where(.svelte-oqsuc6){background:#ffffff12}.application-card.svelte-oqsuc6 .project-type:where(.svelte-oqsuc6){color:#fb923c}.application-card.svelte-oqsuc6 .project-copy:where(.svelte-oqsuc6)>p:where(.svelte-oqsuc6):not(.project-type){color:#cfc3ba;opacity:1}.work-cta.svelte-oqsuc6{background:var(--contact-gradient);color:var(--on-dark);text-align:center;padding:110px 0}.work-cta.svelte-oqsuc6 h2:where(.svelte-oqsuc6){max-width:760px;margin:0 auto 34px}.work-cta.svelte-oqsuc6 .eyebrow:where(.svelte-oqsuc6){color:var(--on-dark-soft);justify-content:center}@media (width<=850px){.project-heading.svelte-oqsuc6{grid-template-columns:42px 1fr}.project-heading.svelte-oqsuc6>p:where(.svelte-oqsuc6){grid-column:2}.website-grid.svelte-oqsuc6,.application-card.svelte-oqsuc6,.application-card.svelte-oqsuc6:nth-child(2n){grid-template-columns:1fr}.application-card.svelte-oqsuc6:nth-child(2n) .project-image:where(.svelte-oqsuc6){order:0}}@media (width<=560px){.work-hero.svelte-oqsuc6{padding-top:150px;padding-bottom:75px}.project-heading.svelte-oqsuc6{grid-template-columns:1fr;gap:14px}.project-heading.svelte-oqsuc6>p:where(.svelte-oqsuc6){grid-column:1}.project-copy.svelte-oqsuc6{padding:26px 24px 30px}}