:root{color:#171620;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#171620;--plum:#28243c;--copy:#686773;--muted:#85838f;--line:#e3e3e9;--soft:#f0eff4;--page:min(1200px, calc(100% - 72px));--mono:"DM Mono", "Courier New", monospace;background:#f9f9fb;font-family:Nunito Sans,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{min-width:320px;margin:0}body,button,a{font-family:Nunito Sans,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button{color:inherit}::selection{color:var(--ink);background:#d8d6e3}#app{min-height:100vh;overflow:hidden}.page-width{width:var(--page);margin-inline:auto}.site-header{z-index:10;position:relative}.header-inner{width:var(--page);justify-content:space-between;align-items:center;gap:30px;height:82px;margin:0 auto;display:flex}.brand{letter-spacing:-.04em;white-space:nowrap;align-items:center;gap:10px;font-size:14px;font-weight:800;display:inline-flex}.brand-symbol{background:var(--plum);color:#fff;width:34px;height:34px;font:11px var(--mono);letter-spacing:-.08em;border-radius:10px;place-items:center;display:grid}.nav{color:#4d4b58;align-items:center;gap:29px;margin-left:auto;font-size:12px;display:flex}.nav a{transition:color .2s}.nav a:hover,.footer a:hover{color:#9692a5}.header-actions{align-items:center;gap:21px;display:flex}.github-link{width:22px;height:22px;color:var(--plum);place-items:center;display:grid}.github-link svg{width:19px;height:19px}.pill-button{background:var(--plum);color:#fff;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:14px;padding:10px 12px 10px 19px;font-size:12px;font-weight:800;transition:transform .2s,background .2s;display:inline-flex}.pill-button:hover{background:#3b3750;transform:translateY(-2px)}.button-arrow{width:22px;height:22px;color:var(--plum);background:#fff;border-radius:50%;place-items:center;font-size:14px;line-height:1;display:grid}.menu-button{font:10px var(--mono);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;display:none}.hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:35px;min-height:625px;padding:24px 0 63px;display:grid;position:relative}.hero:before{z-index:-1;content:"";background:radial-gradient(#efedf5 0%,#f6f5f8 42%,#0000 72%);width:790px;height:500px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.hero-copy{z-index:1;padding:0 0 8px 2vw;position:relative}.eyebrow{color:#777582;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:11px;margin:0 0 22px;font-size:10px;display:flex}.eyebrow-rule{background:#a9a7b3;width:24px;height:1px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:0;font-size:clamp(56px,6.25vw,80px);font-weight:800;line-height:1.01}h1>span:first-of-type{color:#454151}.title-stamp{background:var(--plum);color:#fff;vertical-align:middle;border-radius:9px;place-items:center;width:36px;height:36px;margin:0 0 8px 5px;display:inline-grid}.title-stamp svg{width:20px;height:20px}.hero-description{max-width:440px;color:var(--copy);margin:25px 0 22px;font-size:15px;line-height:1.75}.hero-actions{align-items:center;gap:17px;display:flex}.text-link{color:#5c5a65;padding:9px 2px;font-size:11px}.text-link span{margin-left:4px;transition:margin .2s}.text-link:hover span{margin-left:8px}.availability{color:#85838f;font:11px var(--mono);letter-spacing:.09em;text-transform:uppercase;margin:32px 0 0}.availability strong{color:#393744;font-weight:500}.hero-art{justify-self:center;width:100%;max-width:570px;position:relative}.workbench{aspect-ratio:560/490;width:100%;position:relative}.workbench:before{content:"";background:#f3f2f7;border:1px solid #e6e4ec;border-radius:42% 58% 54% 46%/48% 45% 55% 52%;width:76%;height:72%;position:absolute;top:14%;left:12%;transform:rotate(-8deg)}.browser-shell{z-index:1;background:#fff;border:1px solid #dedde5;border-radius:14px;width:80%;height:auto;padding:7px;position:absolute;top:15%;left:15%;overflow:hidden;transform:rotate(1.4deg);box-shadow:0 17px 42px #28243c16}.browser-bar{color:#9896a1;height:31px;font:11px var(--mono);border-bottom:1px solid #efedf2;justify-content:space-between;align-items:center;padding:0 9px;display:flex}.browser-bar>b{font-size:12px;font-weight:400}.browser-dots{gap:4px;display:flex}.browser-dots i{border:1px solid #b8b6c0;border-radius:50%;width:7px;height:7px}.hero-project-image{border-radius:5px;width:100%;height:auto;display:block}.code-card{z-index:3;border-radius:12px;width:58%;position:absolute;top:64%;left:1%;overflow:hidden;transform:rotate(-3deg);box-shadow:0 12px 26px #28243c30}.snippet-image{width:100%;height:auto;display:block}.scroll-hint{color:#96949f;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;display:flex;position:absolute;bottom:17px;left:2vw}.scroll-hint span{background:#bbb9c3;width:26px;height:1px}.capability-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#686773;font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:20px;padding:17px 0;display:flex}.capability-strip span{white-space:nowrap;align-items:center;gap:12px;display:flex}.capability-strip i{background:#a7a5b1;border-radius:50%;width:4px;height:4px}.section-heading{grid-template-columns:1fr 1.8fr .9fr;align-items:end;gap:25px;padding:85px 0 34px;display:grid}.section-index{color:#7b7985;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0;padding-bottom:5px}.section-index span{color:#b0aeba;padding:0 5px}.section-heading h2,.contact h2{letter-spacing:-.065em;margin:0;font-size:clamp(39px,5vw,62px);font-weight:800;line-height:.99}.section-summary{color:#777580;justify-self:end;max-width:205px;margin:0 0 2px;font-size:13px;line-height:1.75}.work{padding-bottom:92px}.project-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.project-card{background:#fff;border:1px solid #e2e1e7;border-radius:14px;min-width:0;padding:11px;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #28243c0b}.project-wide{grid-column:1/-1;grid-template-columns:1.15fr .85fr;align-items:center;gap:18px;display:grid}.project-art{background:#f0eff4;border-radius:9px;place-items:center;min-height:238px;display:grid;position:relative;overflow:hidden}.project-wide .project-art{min-height:250px}.art-label,.art-footer{z-index:2;color:#777582;font:11px var(--mono);letter-spacing:.08em;position:absolute}.art-label{top:12px;left:13px}.art-footer{bottom:11px;right:13px}.reader-window{background:#fff;border:1px solid #e1e0e5;border-radius:5px;width:62%;min-height:162px;padding:17px 18px;position:relative;transform:rotate(-2deg);box-shadow:6px 8px #28243c0d}.reader-window small{color:#7b7985;font:10px var(--mono);letter-spacing:.08em}.reader-window h3{letter-spacing:-.06em;margin:16px 0 10px;font-size:22px;line-height:.98}.reader-window i{background:#e4e3e9;width:88%;height:3px;margin:6px 0;display:block}.reader-window i.short{width:55%}.reader-chip{background:var(--plum);color:#fff;font:10px var(--mono);border-radius:4px;padding:6px;position:absolute;top:23px;right:-10px}.art-map{background:#efeff3}.map-window{background-color:#f8f8fa;background-image:linear-gradient(#28243c12 1px,#0000 1px),linear-gradient(90deg,#28243c12 1px,#0000 1px);background-size:22px 22px;border:1px solid #d3d2db;width:78%;height:69%;position:relative}.map-window svg{width:100%;height:100%;position:absolute;inset:0}.map-window svg path{fill:none;stroke:#514d60;stroke-width:1.5px;stroke-dasharray:4 4}.map-window svg .secondary-route{stroke:#bbb9c5;stroke-width:1px;stroke-dasharray:none}.map-label{color:#5e5c68;font:10px var(--mono);background:#fff;border:1px solid #dcdae3;border-radius:4px;padding:6px;position:absolute}.map-one{top:14%;left:6%}.map-two{top:37%;right:4%}.map-three{bottom:9%;left:34%}.map-pin{outline:1px solid var(--plum);background:var(--plum);border:3px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:48%;left:50%}.art-data{background:#efeff3}.data-window{background:#fff;border:1px solid #e3e2e7;border-radius:6px;grid-template-columns:1.2fr .8fr;gap:14px;width:80%;min-height:170px;padding:15px;display:grid;box-shadow:6px 7px #28243c0b}.data-main small,.data-side small{color:#777580;font:10px var(--mono);border-bottom:1px solid #ecebf0;padding-bottom:7px;display:block}.data-main strong{letter-spacing:-.08em;margin-top:13px;font-size:32px;font-weight:600;line-height:1;display:block}.data-main em{color:#777580;font:10px var(--mono);letter-spacing:0}.data-main>span,.data-side>span{color:#777580;font:10px var(--mono);margin-top:6px;display:block}.data-main svg{width:100%;height:45px;margin-top:11px}.data-main svg path{fill:none;stroke:#676474;stroke-width:1.6px}.data-main svg .baseline{stroke:#e5e4e9;stroke-width:1px}.data-side{border-left:1px solid #ecebf0;padding-left:11px}.bars{align-items:end;gap:4px;height:67px;margin-top:12px;display:flex}.bars i{background:#d0ced8;flex:1;height:40%}.bars i:nth-child(2){height:63%}.bars i:nth-child(3){height:49%}.bars i:nth-child(4){background:#888597;height:84%}.bars i:nth-child(5){height:59%}.bars i:nth-child(6){background:var(--plum);height:76%}.project-info{padding:15px 10px 9px}.project-wide .project-info{padding:20px 23px}.project-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s;display:block}.project-overline{color:#777580;font:11px var(--mono);letter-spacing:.06em;justify-content:space-between;align-items:center;gap:10px;display:flex}.project-badge{color:#6a6875;font:11px var(--mono);background:#f1f0f5;border-radius:999px;padding:5px 8px}.project-info h3{letter-spacing:-.06em;margin:15px 0 7px;font-size:22px;line-height:1.1}.project-info p{color:#74727f;max-width:400px;margin:0;font-size:13px;line-height:1.75}.project-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:17px;display:flex}.tag-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-list span{color:#777580;font:11px var(--mono);border:1px solid #e3e2e8;border-radius:999px;padding:5px 7px}.tag-list .stack-label{color:#aaa8b1;font:11px var(--mono);letter-spacing:.12em;white-space:nowrap;border:0;border-radius:0;padding:0 2px 0 0}.project-bottom>a{color:var(--plum);white-space:nowrap;font-size:11px;font-weight:800}.project-bottom>a b{margin-left:4px;font-size:12px;font-weight:500}.approach{background:#f1f0f5;border-top:1px solid #e8e7ed;border-bottom:1px solid #e8e7ed;padding-bottom:83px}.approach-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.approach-grid article{background:#fff;border:1px solid #e5e4eb;border-radius:11px;min-height:155px;padding:19px 20px 21px}.approach-grid small{color:#858390;font:11px var(--mono);letter-spacing:.08em}.approach-grid h3{letter-spacing:-.04em;margin:18px 0 7px;font-size:15px}.approach-grid p{color:#777580;max-width:280px;margin:0;font-size:13px;line-height:1.75}.about{padding-bottom:87px}.about-grid{grid-template-columns:1fr 1fr 1fr;gap:5vw;display:grid}.about-lead{letter-spacing:-.045em;max-width:360px;margin:0;font-size:19px;line-height:1.4}.about-copy{color:#777580;max-width:340px;margin:0;font-size:13px;line-height:1.9}.facts{border-top:1px solid var(--line);margin:0}.facts div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;font-size:12px;display:flex}.facts dt{color:#777580}.facts dd{text-align:right;margin:0}.contact{background:var(--plum);color:#fff;padding:61px 0 65px}.contact-inner{grid-template-columns:1.2fr .8fr;align-items:end;gap:7vw;display:grid}.contact .section-index{color:#c4c1ce;margin-bottom:17px}.contact .section-index span{color:#aaa6b8}.contact h2{font-size:clamp(45px,6.3vw,76px)}.contact-copy p{color:#d3d1dc;max-width:330px;margin:0 0 20px;font-size:13px;line-height:1.85}.contact-button{color:var(--plum);background:#fff}.contact-button:hover{background:#efedf5}.contact-button .button-arrow{background:var(--plum);color:#fff}.footer{color:#777580;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;padding-top:20px;padding-bottom:24px;display:flex}.footer>div{gap:19px;display:flex}.footer a{transition:color .2s}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(14px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=900px){:root{--page:calc(100% - 52px)}.header-inner{gap:20px}.nav{gap:17px}.header-actions{gap:12px}.hero{grid-template-columns:1fr .9fr;gap:17px;min-height:580px}.hero-copy{padding-left:0}h1{font-size:clamp(49px,6.8vw,64px)}.section-heading{grid-template-columns:.8fr 1.8fr .9fr}.project-art{min-height:210px}.project-wide .project-art{min-height:225px}.project-info{padding-left:5px;padding-right:5px}.project-info h3{font-size:20px}}@media (width<=650px){:root{--page:calc(100% - 38px)}html{scroll-padding-top:70px}.header-inner{height:68px}.nav,.header-actions{display:none}.menu-button{display:block}.nav.open{z-index:12;border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:15px;margin:0;padding:19px;display:flex;position:absolute;top:68px;left:19px;right:19px;box-shadow:0 12px 24px #17162012}.hero{flex-direction:column;align-items:stretch;gap:24px;min-height:0;padding:50px 0 56px;display:flex}.hero:before{width:125%;height:370px;top:210px}.eyebrow{margin-bottom:18px}h1{font-size:clamp(48px,12.6vw,66px)}.title-stamp{width:31px;height:31px;margin-bottom:5px}.hero-description{max-width:390px;margin:21px 0 19px;font-size:13px}.hero-art{width:95%;max-width:475px;margin:0 auto}.code-card{width:58%;top:68%;left:0}.browser-shell{width:87%;top:13%;left:8%}.availability{margin-top:22px}.scroll-hint{bottom:15px;left:0}.capability-strip{scrollbar-width:none;justify-content:flex-start;gap:26px;width:100%;padding:15px 19px;overflow:auto}.capability-strip::-webkit-scrollbar{display:none}.section-heading{grid-template-columns:1fr;gap:13px;padding:62px 0 27px}.section-summary{justify-self:start;max-width:300px}.section-heading h2{font-size:clamp(39px,10.7vw,54px)}.work{padding-bottom:64px}.project-grid{grid-template-columns:1fr;gap:14px}.project-wide{grid-column:auto;display:block}.project-art,.project-wide .project-art{min-height:222px}.project-wide .project-info,.project-info{padding:15px 8px 8px}.project-info h3{font-size:22px}.approach{padding-bottom:62px}.approach-grid{grid-template-columns:1fr;gap:9px}.approach-grid article{min-height:0;padding:16px 17px}.approach-grid h3{margin:12px 0 6px}.about{padding-bottom:63px}.about-grid{grid-template-columns:1fr;gap:19px}.about-lead{font-size:20px}.contact{padding:49px 0 51px}.contact-inner{grid-template-columns:1fr;gap:22px}.contact h2{font-size:clamp(47px,12.5vw,66px)}.footer{flex-wrap:wrap;font-size:11px}.footer>div{order:3;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}