.portfolio-hero{padding:184px 0 80px}.portfolio-hero-top,.portfolio-hero-bottom{justify-content:space-between;align-items:center;gap:32px;display:flex}.portfolio-hero-top{color:var(--color-pale-fern);margin-bottom:48px;font-size:14px}.portfolio-hero h1{max-width:1000px;margin:0 0 48px;font-size:64px;line-height:1.6}.portfolio-hero h1 span{color:var(--color-electric-sprout)}.portfolio-hero-bottom p{max-width:560px;color:var(--color-pale-fern);margin:0;font-size:18px}.portfolio-scroll{border:1px solid var(--color-lichen-sage);border-radius:50%;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.portfolio-entry{overflow:hidden}.portfolio-entry-grid{grid-template-columns:.85fr 1.65fr;align-items:center;gap:64px;min-height:416px;display:grid}.portfolio-entry.is-reversed .portfolio-entry-grid{grid-template-columns:1.65fr .85fr}.portfolio-entry.is-reversed .portfolio-entry-copy{order:2}.portfolio-entry-copy{flex-direction:column;align-items:flex-start;display:flex}.portfolio-index{color:var(--color-lichen-sage);margin-bottom:48px;font-size:14px}.portfolio-entry-copy .eyebrow{margin-bottom:16px;font-size:12px}.portfolio-entry-copy h2{font-family:var(--font-ozik);margin:0 0 24px;font-size:32px;font-weight:400;line-height:1.25}.portfolio-entry-copy p{margin:0 0 32px;font-size:16px;line-height:1.6}.portfolio-entry.dark .portfolio-entry-copy p{color:var(--color-pale-fern)}.portfolio-door{border-bottom:1px solid;align-items:center;gap:24px;padding-bottom:8px;font-weight:500;display:inline-flex}.portfolio-preview-link{min-width:0;margin:24px 0;transition:transform .3s;display:block;transform:rotate(-4deg)}.portfolio-entry.is-reversed .portfolio-preview-link{transform:rotate(4deg)}.portfolio-preview-link:hover{transform:rotate(0)}.portfolio-ending p{color:var(--color-lichen-sage);margin:0 0 32px;font-size:18px}.portfolio-ending a{font-family:var(--font-ozik);border-bottom:1px solid var(--color-mist-green);justify-content:space-between;align-items:center;padding-bottom:32px;font-size:56px;line-height:1.25;display:flex}.portfolio-ending a svg{flex-shrink:0;width:56px;height:56px}.concept-preview{aspect-ratio:800/544;border:1px solid var(--color-onyx-olive);background:var(--color-pure-white);width:100%;color:var(--color-onyx-olive);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000040,0 4px 12px #00000026;container-type:inline-size}.preview-browser{background:var(--color-bone-white);border-bottom:1px solid var(--color-mist-green);height:4cqw;color:var(--color-lichen-sage);align-items:center;gap:.7cqw;padding:0 2cqw;display:flex}.preview-browser>span{background:var(--color-pale-fern);border-radius:50%;width:.6cqw;height:.6cqw}.preview-browser small{margin:auto;font-size:1.1cqw}.preview-image-frame{background:var(--color-bone-white);height:calc(100% - 4cqw);overflow:hidden}.portfolio-preview-image{object-fit:cover;object-position:top center;width:100%;height:100%}.case-context{background:var(--color-forest-depths);color:var(--color-pale-fern);border-bottom:1px solid var(--color-onyx-olive);padding-top:128px}.case-context-autovibe,.case-context-ink-shadow,.case-context-lumiere{background:#050505}.case-context-syncflow,.case-context-nexus-tech{color:#1a1a1a;background:#fdfcfb;border-bottom-color:#d6d6d6}.case-story-intro{grid-template-columns:1fr 1fr;gap:64px;padding-bottom:64px;display:grid}.case-story-intro h2{font-family:var(--font-aeonik);max-width:480px;margin:24px 0 0;font-size:40px;font-weight:500;line-height:1.15}.case-story-intro .lead{margin:0 0 24px;font-size:20px}.case-disclaimer{border-left:2px solid var(--color-electric-sprout);padding-left:16px;font-size:13px}.case-beats{border-top:1px solid var(--color-mist-green)}.case-beat{border-bottom:1px solid var(--color-mist-green);grid-template-columns:64px .8fr 1.2fr;align-items:start;gap:32px;padding:32px 0;display:grid}.case-beat>span{color:var(--color-lichen-sage);padding-top:5px;font-size:14px}.case-beat h3{margin:0;font-size:24px;font-weight:500}.case-beat p{margin:0;font-size:16px;line-height:1.65}.case-pagination{padding:64px 0 80px}.case-pagination-heading{color:var(--color-pale-fern);border-bottom:1px solid var(--color-onyx-olive);justify-content:space-between;align-items:center;gap:24px;padding-bottom:32px;font-size:14px;display:flex}.case-pagination-heading>a{align-items:center;gap:16px;display:flex}.case-neighbors{grid-template-columns:1fr 1fr;display:grid}.case-neighbors>a{padding-top:40px}.case-neighbors>a>span{color:var(--color-pale-fern);align-items:center;gap:16px;font-size:12px;display:flex}.case-neighbors h2{font-family:var(--font-ozik);margin:24px 0 16px;font-size:32px;font-weight:400;line-height:1.2}.case-neighbors small{color:var(--color-pale-fern);font-size:12px}.case-next{text-align:right}.case-next>span{justify-content:flex-end}@media (max-width:1050px){.portfolio-entry-grid,.portfolio-entry.is-reversed .portfolio-entry-grid{grid-template-columns:.85fr 1.4fr;gap:40px}.portfolio-entry.is-reversed .portfolio-entry-grid{grid-template-columns:1.4fr .85fr}.portfolio-entry-copy h2{font-size:26px}.case-story-intro{gap:40px}}@media (max-width:700px){.portfolio-hero{padding:152px 0 56px}.portfolio-hero-top{gap:16px;margin-bottom:32px;font-size:11px}.portfolio-hero h1{margin-bottom:32px;font-size:32px;line-height:1.6}.portfolio-hero-bottom{align-items:end;gap:24px}.portfolio-hero-bottom p{font-size:15px}.portfolio-scroll{width:40px;height:40px}.portfolio-scroll>svg{width:18px}.portfolio-entry-grid,.portfolio-entry.is-reversed .portfolio-entry-grid{flex-direction:column;align-items:stretch;gap:32px;min-height:0;display:flex}.portfolio-entry.is-reversed .portfolio-entry-copy{order:0}.portfolio-index{margin-bottom:24px}.portfolio-entry-copy h2{margin-bottom:16px;font-size:32px}.portfolio-entry-copy p{margin-bottom:24px;font-size:16px}.portfolio-preview-link{width:94%;margin:16px auto 8px}.portfolio-ending a{gap:16px;font-size:28px}.portfolio-ending a svg{width:32px;height:32px}.portfolio-ending p{font-size:16px}.case-context{padding-top:112px}.case-story-intro{grid-template-columns:1fr;gap:32px;padding-bottom:40px}.case-story-intro h2{margin-top:16px;font-size:32px}.case-story-intro .lead{font-size:18px}.case-beat{grid-template-columns:32px 1fr;gap:16px;padding:24px 0}.case-beat h3{font-size:20px}.case-beat p{grid-column:2;font-size:15px}.case-pagination{padding:40px 0 56px}.case-pagination-heading{align-items:start;font-size:12px}.case-pagination-heading>span{max-width:128px}.case-pagination-heading>a{gap:8px}.case-neighbors{gap:24px}.case-neighbors>a{min-width:0;padding-top:32px}.case-neighbors>a>span{gap:8px;font-size:10px}.case-neighbors h2{overflow-wrap:anywhere;margin:24px 0 12px;font-size:20px}.case-neighbors small{font-size:10px}}@media (prefers-reduced-motion:reduce){.portfolio-preview-link{transition:none}}