.engineering-work{width:100%;max-width:56rem;font-family:var(--font-sans);color:var(--text-secondary);margin:0 auto;padding:0 1.5rem 7rem}.engineering-work a{color:var(--accent);text-underline-offset:.25em}.engineering-work a:hover{text-decoration:underline}.engineering-work a:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:2px}.engineering-work p{max-width:65ch;font-size:.94rem;line-height:1.8}.work-intro-links{flex-wrap:wrap;gap:.8rem 1.8rem;padding-bottom:4rem;font-size:.83rem;display:flex}.work-section-heading{font:400 1.75rem/1.2 var(--font-serif);color:var(--text-primary);margin-bottom:1.5rem}.engineering-feature{border-top:1px solid var(--border);grid-template-columns:.9fr 1.1fr;align-items:center;gap:2.5rem;padding:2.5rem 0;scroll-margin-top:6rem;display:grid}.engineering-preview{background:var(--surface);border-radius:5px;justify-content:center;align-items:center;height:310px;padding:1.3rem;display:flex;overflow:hidden}.engineering-preview img{object-fit:contain;border-radius:5px;width:auto;height:100%;transition:transform .25s;box-shadow:0 10px 25px #0002}.engineering-preview.wide img{width:100%;height:auto}.engineering-preview:hover img{transform:translateY(-3px)}.engineering-feature h3{font:400 clamp(1.9rem, 3vw, 2.3rem)/1.12 var(--font-serif);letter-spacing:-.015em;margin:.75rem 0 1rem}.engineering-feature h3 a{color:var(--text-primary)}.engineering-work .work-context{color:var(--text-muted);font-size:.75rem;line-height:1.6}.engineering-work .work-stack{color:var(--text-muted);margin-top:1rem;font-size:.75rem}.work-read{margin-top:1.25rem;font-size:.84rem;display:inline-block}.more-shipped{margin-top:4rem;scroll-margin-top:6rem}.work-section-intro{margin:-.5rem 0 2rem}.shipped-row{border-top:1px solid var(--border);grid-template-columns:1fr 2fr;gap:2rem;padding:1.8rem 0;scroll-margin-top:6rem;display:grid}.shipped-row h3{font:400 1.6rem/1.2 var(--font-serif);color:var(--text-primary);margin-bottom:.5rem}.shipped-links{flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:.8rem;font-size:.8rem;display:flex}.work-design-note{background:var(--surface);border-radius:5px;margin-top:4rem;padding:2rem}.work-design-note h2{font:400 1.9rem/1.2 var(--font-serif);color:var(--text-primary)}.work-design-note p{margin:.75rem 0 1rem}.work-design-note a{font-size:.85rem}.engineering-article .story-back{margin-bottom:2rem;font-size:.85rem;display:inline-block}.story-facts{border-block:1px solid var(--border);grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:2rem;padding:1.5rem 0;display:grid}.story-facts dt{color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem}.story-facts dd{font-size:.88rem;line-height:1.7}.story-figure{background:var(--surface);border-radius:5px;margin-bottom:3rem;padding:2rem}.story-figure img{border-radius:4px;width:auto;max-width:100%;height:auto;max-height:510px;margin:0 auto;display:block}.story-figure figcaption{max-width:65ch;margin:1.5rem auto 0;font-size:.78rem;line-height:1.65}.story-section{border-top:1px solid var(--border);grid-template-columns:1fr 2fr;gap:2rem;padding:2rem 0;display:grid}.story-section h2{font:400 1.7rem/1.2 var(--font-serif);color:var(--text-primary)}.story-section p+p{margin-top:1rem}.story-section .story-figure{margin-top:1.5rem;margin-bottom:0}.story-closing{background:var(--surface);margin-top:1rem;padding:2rem}.story-closing h2{font:400 1.7rem/1.2 var(--font-serif);color:var(--text-primary);margin-bottom:1rem}.story-links{flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem;font-size:.85rem;display:flex}@media (max-width:600px){.engineering-feature,.shipped-row,.story-section,.story-facts{grid-template-columns:1fr;gap:1.25rem}.engineering-feature{padding:2rem 0}.engineering-preview{height:280px}.work-intro-links{padding-bottom:3rem}.story-figure,.story-closing,.work-design-note{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.engineering-preview img{transition:none}}.engineering-story-page>section h1{font-family:var(--font-sans)!important;letter-spacing:-.055em!important;font-size:clamp(38px,5vw,64px)!important;font-weight:550!important}.engineering-story-page .story-section h2,.engineering-story-page .story-closing h2{font-family:var(--font-sans);letter-spacing:-.035em;font-size:21px;font-weight:500}.engineering-story-page .story-figure,.engineering-story-page .story-closing{border-radius:12px}.work-index{font-family:var(--font-sans);--gut:clamp(24px, 5vw, 72px);overflow-x:clip}.engineering-work.work-gallery{max-width:1320px;padding-inline:var(--gut);margin-inline:auto}.work-eyebrow{letter-spacing:.04em;color:var(--text-secondary);margin-bottom:28px;font:400 12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.work-gallery .work-section-heading{font:500 21px/1.25 var(--font-sans);letter-spacing:-.035em;margin-bottom:26px}.work-gallery .engineering-feature{background:var(--project-bg);min-height:490px;color:var(--project-fg);border:0;border-radius:12px;grid-template-columns:1fr 1.08fr;gap:0;margin-bottom:24px;padding:0;overflow:hidden}.project-untwine{--project-bg:#d7eee9;--project-fg:#153e38}.project-everywhen{--project-bg:#e6e3f6;--project-fg:#34304f}.project-sleepmap{--project-bg:#152a45;--project-fg:#edf3fb}.project-wingrep{--project-bg:var(--surface);--project-fg:var(--text-primary)}.project-ice-age-life{--project-bg:#e6dfd2}.project-what-feels-good{--project-bg:#e9eee7}.project-emend{--project-bg:#efe9df}.project-tailend{--project-bg:#111a2b}.project-beyond-glasses{--project-bg:#edf2e8}.project-gym-house{--project-bg:#eee8e0}.project-wanderfiend{--project-bg:#f5f0d9}.project-compass{--project-bg:#dce8e6}.project-historical-figure-mbti{--project-bg:#dddde8}.project-acadia{--project-bg:#dce9f1}.project-imsunlit{--project-bg:#f2e2cc}.project-meu-connect{--project-bg:#eee0e9}.work-gallery .engineering-feature-copy{grid-area:1/1;padding:46px}.work-gallery .engineering-feature h3{font:550 clamp(26px, 2.8vw, 38px)/1.13 var(--font-sans);letter-spacing:-.045em;margin-block:26px 20px}.work-gallery .engineering-feature a,.work-gallery .engineering-feature h3 a,.work-gallery .engineering-feature .work-context,.work-gallery .engineering-feature .work-stack{color:inherit}.work-gallery .engineering-feature-copy>p:not([class]){font-size:14px;line-height:1.8}.work-gallery .work-context{font-size:11px}.work-gallery .work-stack{margin-top:22px;font:400 11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.work-gallery .work-read{border-bottom:1px solid;margin-top:28px;padding-bottom:5px;font-size:12px}.work-gallery .work-read+.work-read{margin-left:22px}.work-gallery .engineering-preview{background:var(--project-bg);border-radius:0;grid-column:2;gap:18px;height:490px;padding:38px 28px}.work-gallery .engineering-preview img{border-radius:12px;max-width:47%;height:auto;max-height:390px;box-shadow:0 16px 40px #0002}.work-gallery .engineering-preview img.preview-secondary{transform:translateY(24px)}.work-gallery .engineering-preview.wide img{border-radius:6px;flex-shrink:0;width:110%;max-width:none}.work-gallery .project-wingrep .engineering-preview img.preview-secondary{max-width:65%;max-height:260px}.work-gallery .more-shipped{margin-top:88px}.work-gallery .work-section-intro{margin-bottom:32px;font-size:14px}.shipped-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px;display:grid}.work-gallery .shipped-row{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.shipped-visual{background:var(--project-bg);justify-content:center;align-items:center;gap:20px;height:330px;padding:28px;display:flex;overflow:hidden}.shipped-visual img{object-fit:contain;border-radius:7px;width:auto;max-width:46%;height:auto;max-height:275px;box-shadow:0 12px 28px #0002}.shipped-visual img:nth-child(2){transform:translateY(18px)}.shipped-copy{padding:26px}.work-gallery .shipped-row h3{font:550 23px/1.2 var(--font-sans);letter-spacing:-.035em}.shipped-copy>div+div{margin-top:17px}.work-gallery .shipped-copy p:not([class]){font-size:13px;line-height:1.8}.work-gallery .shipped-links{margin-top:22px;font-size:12px}.work-gallery .work-design-note{border-radius:12px;margin-top:80px;padding:40px}.work-gallery .work-design-note h2{font:500 clamp(24px, 3vw, 36px)/1.15 var(--font-sans);letter-spacing:-.045em}.work-gallery .work-design-note p{font-size:14px}@media (max-width:900px){.work-gallery .engineering-feature-copy{padding:30px}.work-gallery .engineering-preview{gap:12px;padding-inline:16px}.work-gallery .engineering-feature h3{font-size:29px}}@media (max-width:600px){.work-gallery .engineering-feature{grid-template-columns:1fr}.work-gallery .engineering-feature-copy{grid-area:1/1;padding:28px 26px 12px}.work-gallery .engineering-feature h3{margin-top:22px}.work-gallery .engineering-preview{grid-area:2/1;height:330px;padding:22px 26px 34px}.work-gallery .engineering-preview img{max-height:260px}.work-gallery .engineering-preview.wide img{width:100%}.shipped-grid{grid-template-columns:1fr;gap:26px}.shipped-visual{height:300px;padding:24px}.shipped-visual img{max-height:250px}.work-gallery .more-shipped{margin-top:56px}.work-gallery .work-design-note{margin-top:56px;padding:26px}}.work-start{border-top:1px solid var(--border);padding:20px 0 56px}.work-start ol{grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.work-start li{font-size:14px;line-height:1.6}.work-start strong{font:500 17px/1.3 var(--font-sans);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:6px;display:block}.work-start p{margin:0}@media (max-width:760px){.work-start ol{grid-template-columns:1fr;gap:28px}}.engineering-feature{--drift:24px}.work-gallery .engineering-preview img{translate:0 calc((var(--p,1) - .5) * -2 * var(--drift))}.work-gallery .engineering-preview img.preview-secondary{translate:0 calc((var(--p,1) - .5) * 1.2 * var(--drift))}.work-design-note a{display:inline-block}@media (hover:hover){.work-gallery .engineering-preview:hover img{transform:translateY(-6px)rotate(-.4deg)}.work-gallery .engineering-preview:hover img.preview-secondary{transform:translateY(18px)rotate(.4deg)}.work-gallery .shipped-row:hover{transform:translateY(-6px)rotate(-.4deg)}.work-gallery .shipped-row:hover .shipped-visual img{scale:1.05}}.work-gallery .shipped-row{transition:transform .35s var(--spring)}.shipped-visual img{transition:scale .8s var(--ease)}@media (prefers-reduced-motion:no-preference){.work-gallery .engineering-preview img.mo-pop{transition:opacity .85s var(--ease), transform .85s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}.work-gallery .engineering-preview:hover img.mo-pop{transition:transform .35s var(--spring);transition-delay:0s}}@media (prefers-reduced-motion:reduce){.work-gallery .shipped-row,.shipped-visual img{transition:none}.work-gallery .shipped-row:hover{transform:none}}@media (max-width:600px){.engineering-feature{--drift:12px}}.work-hero{box-sizing:border-box;max-width:1480px;min-height:min(100svh,1000px);padding:120px var(--gut) 88px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(32px,5vw,88px);margin:0 auto;display:grid}.work-hero h1{font:400 clamp(50px, 6.5vw, 104px)/.94 var(--font-serif);letter-spacing:-.045em;color:var(--text-primary)}.work-lede{max-width:33rem;color:var(--text-secondary);margin-top:clamp(24px,4vh,40px);font-size:clamp(16px,1.3vw,19px);line-height:1.7}.work-live{border:1px solid var(--border);color:var(--text-primary);letter-spacing:.03em;transition:border-color .3s var(--ease);border-radius:50px;align-items:center;gap:10px;margin-top:clamp(26px,4vh,38px);padding:10px 18px 10px 14px;font:400 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none;display:inline-flex}.work-live-dot{background:#2fa66a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2fa66a2e}.work-live:hover{border-color:var(--text-secondary)}.work-live:focus-visible,.work-hero .work-intro-links a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.work-hero .work-intro-links{flex-wrap:wrap;gap:.8rem 1.8rem;margin-top:26px;padding:0;font-size:13px;display:flex}.work-hero .work-intro-links a{color:var(--accent);text-underline-offset:5px}.work-hero .work-intro-links a:hover{text-decoration:underline}.work-gallery #engineering-stories{border-top:1px solid var(--border);padding-top:24px;scroll-margin-top:6rem}.wr{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,14px);display:grid}.wr-tile{aspect-ratio:4/5;background:var(--c);color:var(--k);transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:clamp(14px,1.6vw,22px);text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 1px #0000000a,0 22px 40px -30px #00000073}.wr-lead{aspect-ratio:auto;grid-row:span 2}.wr-label{z-index:3;letter-spacing:.04em;align-items:baseline;gap:8px;padding:clamp(10px,1.1vw,15px) clamp(11px,1.2vw,16px);font:400 clamp(10.5px,.82vw,12px)/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;position:absolute;inset:0 0 auto}.wr-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wr-ver{opacity:.7;margin-left:auto}.wr-phone{aspect-ratio:900/1955;background:color-mix(in srgb, var(--k) 10%, var(--c));width:64%;box-shadow:0 18px 36px -12px #00000052, 0 0 0 1px color-mix(in srgb, var(--k) 10%, transparent);transition:translate .6s var(--ease);border-radius:clamp(10px,1.2vw,16px);position:absolute;top:30%;left:50%;overflow:hidden;translate:-50%}.wr-lead .wr-phone{width:76%;top:50%;translate:-50% -46%}.wr-phone img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0;translate:0 101%}.wr-phone img.off{z-index:1;translate:0}.wr-phone img.on{z-index:2;translate:0}@media (prefers-reduced-motion:no-preference){.wr-phone img.on{transition:translate .9s var(--ease)}.wr-phone img.off{transition:scale .9s var(--ease), opacity .9s var(--ease), filter .9s var(--ease);opacity:.4;filter:blur(1px);scale:.9}}@media (hover:hover){.wr-tile:hover{transform:translateY(-4px);box-shadow:0 1px #0000000a,0 30px 50px -30px #0000008c}.wr-tile:not(.wr-lead):hover .wr-phone{translate:-50% -6%}}.wr-tile:focus-visible{outline:2px solid var(--text-primary);outline-offset:4px}@media (max-width:900px){.work-hero{grid-template-columns:minmax(0,1fr);gap:44px;min-height:0;padding-top:112px}}@media (max-width:600px){.wr{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.wr-lead .wr-phone{width:70%}.work-hero{padding-top:100px;padding-bottom:56px}.work-hero h1{font-size:clamp(37px,9.4vw,56px)}.work-lede{font-size:15px}.wr-ver{display:none}}@media (prefers-reduced-motion:reduce){.wr-tile,.wr-phone,.work-live{transition:none}}