.project-device{min-width:0;margin:0}.project-device__stage{--device-lid-width: 88%;position:relative;perspective:2400px;padding:2rem 1.5rem 1rem}.project-device__lid{position:relative;z-index:2;width:var(--device-lid-width);margin:auto;padding:1.1rem .55rem .55rem;background:#16181d;border:2px solid #64676f;border-radius:.85rem .85rem .2rem .2rem;transform-origin:center bottom;box-shadow:inset 0 0 0 2px #25272d,0 16px 40px #00000018}.project-device__camera{position:absolute;width:4px;height:4px;top:6px;left:calc(50% - 2px);border-radius:50%;background:#64748b}.project-device__screen{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:.2rem;background:var(--story-surface);cursor:zoom-in}.project-device__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.project-device__expand{position:absolute;right:.6rem;bottom:.6rem;display:flex;align-items:center;gap:.4rem;border-radius:.35rem;padding:.5rem .65rem;background:#ffffffed;color:#18201e;font-size:.7rem}.project-device__fallback{display:grid;height:100%;place-items:center;padding:1rem;color:#18201e;background:#f3f4f6}.project-device__hinge{width:82%;height:.3rem;margin:0 auto;background:linear-gradient(#13151a,#51555e);border-radius:0 0 .2rem .2rem}.project-device__base{position:relative;padding:.9% 10% 1.1%;background:linear-gradient(110deg,#a8abb3,#d8dae0 42%,#b8bbc4);box-shadow:inset 0 1px #e4e6ec80}.project-device__base:before,.project-device__base:after{content:"";position:absolute;top:6.2%;width:7.9%;height:55.1%;background:radial-gradient(circle,#4f545e 0 .55px,transparent 1.1px) 0 0 / 3px 3px;opacity:.8}.project-device__base:before{left:1.4%;clip-path:polygon(15.2% 0,100% 0,100% 100%,0 100%)}.project-device__base:after{right:1.4%;clip-path:polygon(0 0,84.8% 0,100% 100%,0 100%)}.project-device__keyboard{height:64%;display:grid;grid-template-rows:.65fr repeat(5,1fr);gap:3%;padding:.6%;border-radius:.3rem;background:#858a94}.project-device__keyboard>div{display:flex;gap:.65%;min-height:0}.project-device__keyboard i{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;background:linear-gradient(#303239,#1d1f25);color:#c5c8d0;font-style:normal;font-family:ui-sans-serif,sans-serif;font-size:clamp(3px,.55vw,7px);line-height:1;border-radius:2px;box-shadow:inset 0 1px #52555f,0 1px #08090b}.project-device__keyboard>div:nth-child(4) i:last-child,.project-device__keyboard>div:nth-child(5) i:is(:first-child,:last-child){flex:1.6}.project-device__space i:nth-child(5){flex:5}.project-device__trackpad{width:38%;height:27%;margin:1.1% auto 0;border:1px solid #9499a4;border-radius:.3rem;background:linear-gradient(115deg,#c8cbd3,#b7bbc5);box-shadow:inset 0 1px #ffffff40}.project-device__edge{position:relative;height:clamp(3px,.35vw,6px);background:linear-gradient(#bdc1ca,#8b919d)}.project-device__edge:after{content:"";position:absolute;top:0;left:42%;width:16%;height:40%;border-radius:0 0 50% 50%;background:#858b97}.project-device figcaption{margin:1rem 1.5rem 0;font-size:.75rem;line-height:1.65;color:var(--story-muted)}@media(max-width:47.9375rem){.project-device__stage{padding:1rem .25rem}.project-device__expand{font-size:0;padding:.45rem;gap:0}}@media(prefers-reduced-motion:reduce){.project-device__lid{transform:none!important}}.project-device__screen:disabled{cursor:default}.project-device__stage[data-motion=scroll] .project-device__lid{transform:rotateX(-78deg)}.project-device__deck{position:relative;width:calc(var(--device-lid-width) + 4%);margin-inline:auto;aspect-ratio:6.94;overflow:hidden;clip-path:polygon(2% 0,98% 0,100% 94%,100% 97%,99.8% 99%,99.4% 100%,.6% 100%,.2% 99%,0 97%,0 94%)}.project-device__deck .project-device__base{position:absolute;inset:0}.project-device__deck .project-device__edge{position:absolute;left:0;right:0;bottom:0}.project-device__keyboard i{box-shadow:inset 0 1px #454851;background:#262930}.project-story{--story-ink: #18201e;--story-muted: #515b56;--story-ground: color-mix(in srgb, var(--story-surface) 58%, #fafbf9);--story-line: color-mix(in srgb, var(--story-primary) 24%, #dfe3df);color:var(--story-ink);background:var(--story-ground)}.dark .project-story{--story-ink: #f2f5f1;--story-muted: #c0c9c2;--story-ground: color-mix(in srgb, var(--story-primary) 7%, #151c19);--story-line: color-mix(in srgb, var(--story-primary) 26%, #37403a)}.project-story :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:5px}.project-story h1,.project-story h2,.project-story h3{color:var(--story-ink);text-wrap:balance}.project-story h1{font-size:clamp(3.25rem,6.3vw,6.5rem);font-weight:550;line-height:1.03;letter-spacing:-.055em;margin:1.25rem 0 1.75rem}.project-story h2{font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.15;font-weight:550;letter-spacing:-.035em}.project-story h3{font-size:1.4rem;font-weight:550}.story-hero{background:color-mix(in srgb,var(--story-primary) 13%,var(--story-ground));padding-bottom:0;border-top:6px solid var(--story-primary)}.story-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:5rem;align-items:center;padding-bottom:4rem}.story-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.story-intro{max-width:57ch;font-size:1.125rem;line-height:1.8;color:var(--story-muted);text-wrap:pretty}.story-hero-links{display:flex;flex-wrap:wrap;gap:1.75rem;align-items:center;margin-top:2rem}.story-primary-link{display:inline-flex;gap:1.5rem;align-items:center;justify-content:center;padding:1rem 1.4rem;border-radius:.4rem;background:var(--story-primary);color:var(--story-on-primary);font-size:.875rem;font-weight:600;transition:filter .2s,transform .2s}.story-primary-link:hover{filter:brightness(1.07);transform:translateY(-2px)}.story-primary-link:active{transform:translateY(1px)}.story-text-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;text-decoration:underline;text-underline-offset:.3em}.story-identity{border:1px solid var(--story-line);border-radius:.65rem;overflow:hidden;background:var(--story-ground);transform:rotate(2deg)}.story-logo-stage{display:flex;align-items:center;justify-content:center;min-height:13rem;padding:2rem;background:color-mix(in srgb,var(--story-accent) 14%,var(--story-ground))}.story-swatches{display:flex;height:3rem}.story-swatches>span{flex:1}.story-swatches>span:first-child{flex:2}.story-theme-swatches{display:grid;gap:1px;background:var(--story-line);border-top:1px solid var(--story-line)}.story-theme-row{display:flex;gap:1px}.story-theme-row .story-swatches{flex:1;height:auto;min-height:2.25rem}.story-theme-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;flex-shrink:0}.story-theme-row--light .story-theme-icon{background:#fff;color:#18201e}.story-theme-row--dark .story-theme-icon{background:#111413;color:#f2f5f1}.story-identity>p{font-size:.75rem;line-height:1.65;padding:1rem 1.25rem;color:var(--story-muted)}.story-chapter-nav{display:flex;flex-wrap:wrap;border-top:1px solid var(--story-line);gap:.5rem 2.5rem;padding:1.4rem 0}.story-chapter-nav a{display:inline-flex;gap:.65rem;align-items:center;font-size:.875rem}.story-chapter-nav a:hover{text-decoration:underline;text-underline-offset:.3em}.story-chapter-nav span{color:var(--story-muted);font-size:.7rem;font-variant-numeric:tabular-nums}.story-chapter-nav a:last-child{margin-left:auto}.story-hero-image{padding-top:2.5rem}.story-image{margin:0;min-width:0}.story-image-trigger{display:block;position:relative;width:100%;padding:clamp(.75rem,2.5vw,2rem);border-radius:.65rem;cursor:zoom-in;background:color-mix(in srgb,var(--story-primary) 24%,var(--story-ground));border:1px solid var(--story-line);overflow:hidden;transition:translate .2s cubic-bezier(.18,.82,.24,1),box-shadow .2s cubic-bezier(.18,.82,.24,1)}@media(hover:hover)and (pointer:fine){.story-image-trigger:not(:disabled):hover{translate:0 -3px;box-shadow:0 18px 40px -18px #00000040}}.story-image-trigger img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top;border-radius:.2rem;box-shadow:0 8px 30px #00000014}.story-image--portrait .story-image-trigger{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.story-image--portrait .story-image-trigger img{width:min(100%,20rem);height:auto;aspect-ratio:auto;object-fit:contain;border-radius:1.5rem}.story-image--portrait .story-image-expand{position:static}.story-image-expand{position:absolute;right:1.25rem;bottom:1.25rem;display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-radius:.3rem;background:#fff;color:#18201e;font-size:.75rem;box-shadow:0 2px 12px #0002}.story-image figcaption{margin-top:1rem;padding-inline:.25rem;color:var(--story-muted);font-size:.75rem;line-height:1.65}.story-article{padding-top:3rem;padding-bottom:2rem}.story-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);column-gap:4rem;row-gap:2rem;align-items:start;padding:4rem 0;border-top:1px solid var(--story-line);scroll-margin-top:8rem}.story-chapter-flow{display:contents}.story-chapter-flow>*{grid-column:2;min-width:0}.story-chapter-flow>.story-image:not(.story-image--portrait){grid-column:1 / -1;margin-block:1rem}.story-chapter-number{display:block;font-size:.75rem;margin-bottom:1.1rem;color:var(--story-muted);font-variant-numeric:tabular-nums}.story-chapter-copy{min-width:0}.story-chapter-copy:not(.story-chapter-flow)>*+*{margin-top:2rem}.story-prose,.story-narrative{font-size:1.1rem;line-height:1.9;max-width:66ch;text-wrap:pretty}.story-prose p+p,.story-narrative p+p{margin-top:1.25rem}.story-prose a{text-decoration:underline;text-underline-offset:.2em}.story-deliverables{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:2rem}.story-deliverables li{border-top:1px solid var(--story-line);padding:1.2rem 0;font-size:.9375rem;line-height:1.8;color:var(--story-muted)}.story-explore{padding:4.5rem 0;scroll-margin-top:6rem;background:color-mix(in srgb,var(--story-primary) 16%,var(--story-ground));border-block:1px solid var(--story-line)}.story-explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.story-explore h2{margin:1rem 0}.story-explore-grid>div>p:not(.story-eyebrow){line-height:1.8;max-width:48ch;color:var(--story-muted)}.story-explore-links>a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--story-line);font-weight:550}.story-explore-links>a:hover{text-decoration:underline;text-underline-offset:.25em}.story-explore-links small{display:block;font-weight:400;color:var(--story-muted);margin-top:.35rem}.story-tech-links{padding-top:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem 1rem;font-size:.8rem}.story-tech-links p{width:100%;font-size:.75rem;color:var(--story-muted)}.story-tech-links a{display:inline-flex;gap:.2rem;align-items:center;text-decoration:underline;text-underline-offset:.25em}.story-cta{padding-top:4rem;padding-bottom:5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.story-cta p{margin-top:1rem;max-width:55ch;color:var(--story-muted);line-height:1.7}.story-cta>a{flex-shrink:0}.story-related{padding-block:4rem}.story-related h2{font-size:1.75rem}.story-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:3rem;margin-top:2rem}.story-related h3{font-size:.75rem;letter-spacing:.06em;color:var(--story-muted);margin-bottom:.75rem}.story-related a{display:flex;gap:1rem;align-items:center;justify-content:space-between;border-top:1px solid var(--story-line);padding:1rem 0;font-size:.9375rem;line-height:1.5}.story-related a:hover{text-decoration:underline;text-underline-offset:.2em}.story-related svg{flex-shrink:0}.story-lightbox[data-slot=dialog-content]{width:calc(100vw - 2rem);max-width:96rem;height:calc(100dvh - 2rem);padding:1rem;gap:1rem;grid-template-rows:auto minmax(0,1fr);background:#17201c;color:#f2f5f1;border-color:#ffffff25}.story-lightbox-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding-right:2rem}.story-lightbox-title{font-size:.875rem;line-height:1.5;flex:1}.story-tool{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;padding:.5rem;border-radius:.25rem}.story-tool:hover{background:#ffffff15}.story-lightbox-image{overflow:auto;min-height:0;display:flex;align-items:center;justify-content:center}.story-lightbox-image img{width:100%;height:100%;object-fit:contain}.story-lightbox-image.is-zoomed{display:block}.story-lightbox-image.is-zoomed img{max-width:none;width:max(100%,1200px);height:auto;object-fit:initial}@media(max-width:900px){.story-hero-grid{grid-template-columns:minmax(0,1fr) 14rem;gap:2rem}.story-logo-stage{min-height:10rem;padding:1.5rem}.story-chapter{column-gap:2rem;grid-template-columns:1fr 2fr}.story-deliverables{grid-template-columns:1fr}.story-explore-grid{gap:3rem}}@media(max-width:640px){.story-hero-grid{grid-template-columns:1fr;padding-bottom:2rem}.story-identity{transform:none;display:grid;grid-template-columns:1fr 1fr;border-radius:.4rem}.story-logo-stage{grid-row:span 2;min-height:8rem;padding:1rem}.story-swatches{height:2rem}.story-theme-row .story-swatches{min-height:1.5rem}.story-theme-icon{width:1.5rem}.story-identity>p{padding:.75rem}.story-chapter-nav{gap:1rem 1.5rem}.story-chapter-nav a:last-child{margin-left:0}.story-chapter{grid-template-columns:1fr;row-gap:1.5rem;padding-block:2.5rem}.story-chapter-flow>*,.story-chapter-flow>.story-image:not(.story-image--portrait){grid-column:1;margin-block:0}.story-chapter header{display:flex;gap:1rem;align-items:baseline}.story-chapter-number{margin:0}.story-prose,.story-narrative{font-size:1rem;line-height:1.8}.story-image-expand{right:1rem;bottom:1rem}.story-explore{padding-block:3rem}.story-explore-grid,.story-related-grid{grid-template-columns:1fr;gap:2rem}.story-cta{flex-direction:column;align-items:flex-start;padding-block:3rem}.story-lightbox-toolbar{gap:.5rem}.story-lightbox-title{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.story-primary-link,.story-image-trigger{transition:none}.story-image-trigger:hover{translate:none}}.story-showcase{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(18rem,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:start;padding-top:3rem;padding-bottom:3rem}.story-showcase--identity{grid-template-columns:minmax(0,40rem)}.story-showcase .story-identity{transform:none}.story-showcase .story-logo-stage{min-height:8rem;padding:1.5rem}.story-palette{padding:1.25rem;display:grid;gap:1.5rem}.story-palette-group h2{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.8rem;font-weight:600;letter-spacing:0}.story-palette-group h2>span{margin-left:auto;color:var(--story-muted);font-variant-numeric:tabular-nums}.story-palette-group ul{list-style:none;margin:0;padding:0}.story-palette-group li{display:grid;grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.5rem 0;border-top:1px solid var(--story-line);font-size:.75rem}.story-palette-chip{width:1.75rem;height:1.75rem;border-radius:.35rem;border:1px solid #80808060}.story-palette-name{overflow-wrap:anywhere}.story-palette-name small{display:block;color:var(--story-muted);font-size:.65rem}.story-palette-group code{font-size:.7rem;color:var(--story-muted);overflow-wrap:anywhere;max-width:10ch}@media(max-width:63.9375rem){.story-showcase{grid-template-columns:1fr}.story-palette{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}}@media(max-width:40rem){.story-showcase .story-identity{display:block}.story-showcase .story-logo-stage{grid-row:auto}}.story-hero-brand{display:grid;place-items:center;min-height:13rem;padding:2rem;border:1px solid var(--story-line);border-radius:.65rem;background:color-mix(in srgb,var(--story-accent) 10%,var(--story-ground))}@media(max-width:40rem){.story-hero-brand{order:-1;min-height:8rem;padding:1.5rem}}